@softpak/components 20.2.0 → 20.2.2-beta.1

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-validation-messages.mjs","sources":["../../../../projects/softpak/components/spx-validation-messages/spx-validation-messages.component.ts","../../../../projects/softpak/components/spx-validation-messages/spx-validation-messages.component.html","../../../../projects/softpak/components/spx-validation-messages/softpak-components-spx-validation-messages.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\r\nimport { AbstractControl, ValidationErrors } from '@angular/forms';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { spxTextChooseFuture, spxTextChoosePast, spxTextChooseValidMonth, spxTextDateMayNotBeFuture, spxTextDateMayNotBePast, spxTextInvalidCode, spxTextPatternNotValid, spxTextRequired, spxTextTooHigh, spxTextTooLong, spxTextTooLow, spxTextTooShort } from '@softpak/components/spx-translate';\r\n\r\n@Component({\r\n  selector: 'spx-validation-messages',\r\n  standalone: true,\r\n  templateUrl: './spx-validation-messages.component.html',\r\n  styleUrl: './spx-validation-messages.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SpxValidationMessagesComponent { \r\n  readonly errors = input.required<ValidationErrors>();\r\n  readonly touched = input.required<boolean>();\r\n  readonly formControlI = input<AbstractControl<any,any> | undefined>(undefined);\r\n  readonly fieldLabel = input<string | undefined>(undefined);\r\n  readonly submitTried = input<boolean | undefined>(undefined);\r\n\r\n  translateService = inject(TranslateService);\r\n  \r\n  textTooLong = computed(() => {\r\n    return this.translateService.instant(spxTextTooLong, { fieldLabel: this.fieldLabel(), error: this.errors()[\"maxlength\"].requiredLength });\r\n  });\r\n\r\n  textTooShort = computed(() => {\r\n    return this.translateService.instant(spxTextTooShort, { fieldLabel: this.fieldLabel(), error: this.errors()[\"minlength\"].requiredLength });\r\n  });\r\n\r\n  textTooHigh = computed(() => {\r\n    return this.translateService.instant(spxTextTooHigh, { fieldLabel: this.fieldLabel(), error: this.errors()[\"max\"].max });\r\n  });\r\n\r\n  textTooLow = computed(() => {\r\n    return this.translateService.instant(spxTextTooLow, { fieldLabel: this.fieldLabel(), error: this.errors()[\"min\"].min });\r\n  });\r\n\r\n  textPatternNotValid = computed(() => {\r\n    return this.translateService.instant(spxTextPatternNotValid, { fieldLabel: this.fieldLabel() });\r\n  });\r\n\r\n  textRequired = computed(() => {\r\n    return this.translateService.instant(spxTextRequired, { fieldLabel: this.fieldLabel() });\r\n  });\r\n\r\n  textChoosePast = computed(() => {\r\n    return this.translateService.instant(spxTextChoosePast);\r\n  });\r\n\r\n  textChooseFuture = computed(() => {\r\n    return this.translateService.instant(spxTextChooseFuture);\r\n  });\r\n\r\n  textChooseValidMonth = computed(() => {\r\n    return this.translateService.instant(spxTextChooseValidMonth);\r\n  });\r\n\r\n  textDateMayNotBeFuture = computed(() => {\r\n    return this.translateService.instant(spxTextDateMayNotBeFuture);\r\n  });\r\n\r\n  textDateMayNotBePast = computed(() => {\r\n    return this.translateService.instant(spxTextDateMayNotBePast);\r\n  });\r\n\r\n  textInvalidCode = computed(() => {\r\n    return this.translateService.instant(spxTextInvalidCode, { codeName: this.errors()[\"invalidCode\"].name, codeCode: this.errors()[\"invalidCode\"].code });\r\n  });\r\n\r\n}\r\n","\r\n@if (formControlI() && errors() && (touched() || submitTried())) {\r\n  @if (errors()[\"maxlength\"]) {\r\n    <div>{{ textTooLong() }}</div>\r\n  }\r\n  @if (errors()[\"minlength\"]) {\r\n    <div>{{ textTooShort() }}</div>\r\n  }\r\n  @if (errors()[\"max\"]) {\r\n    <div>{{ textTooHigh() }}</div>\r\n  }\r\n  @if (errors()[\"min\"]) {\r\n    <div>{{ textTooLow() }}</div>\r\n  }\r\n  @if (errors()[\"pattern\"]) {\r\n    <div>{{ textPatternNotValid() }}</div>\r\n  }\r\n  @if (errors()[\"required\"]) {\r\n    <div>{{ textRequired() }}</div>\r\n  }\r\n  @if (errors()[\"year\"]) {\r\n    <div>{{ textChoosePast() }}</div>\r\n  }\r\n  @if (errors()[\"yearFuture\"]) {\r\n    <div>{{ textChooseFuture() }}</div>\r\n  }\r\n  @if (errors()[\"month\"]) {\r\n    <div>{{ textChooseValidMonth() }}</div>\r\n  }\r\n  @if (errors()[\"future\"]) {\r\n    <div>{{ textDateMayNotBeFuture() }}</div>\r\n  }\r\n  @if (errors()[\"past\"]) {\r\n    <div>{{ textDateMayNotBePast() }}</div>\r\n  }\r\n  @if (errors()[\"invalidCode\"]) {\r\n    <div>{{ textInvalidCode() }}</div>\r\n  }\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-validation-messages.mjs","sources":["../../../../projects/softpak/components/spx-validation-messages/spx-validation-messages.component.ts","../../../../projects/softpak/components/spx-validation-messages/spx-validation-messages.component.html","../../../../projects/softpak/components/spx-validation-messages/softpak-components-spx-validation-messages.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { AbstractControl, ValidationErrors } from '@angular/forms';\nimport { TranslateService } from '@ngx-translate/core';\nimport { spxTextChooseFuture, spxTextChoosePast, spxTextChooseValidMonth, spxTextDateMayNotBeFuture, spxTextDateMayNotBePast, spxTextInvalidCode, spxTextPatternNotValid, spxTextRequired, spxTextTooHigh, spxTextTooLong, spxTextTooLow, spxTextTooShort } from '@softpak/components/spx-translate';\n\n@Component({\n  selector: 'spx-validation-messages',\n  standalone: true,\n  templateUrl: './spx-validation-messages.component.html',\n  styleUrl: './spx-validation-messages.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SpxValidationMessagesComponent { \n  readonly errors = input.required<ValidationErrors>();\n  readonly touched = input.required<boolean>();\n  readonly formControlI = input<AbstractControl<any,any> | undefined>(undefined);\n  readonly fieldLabel = input<string | undefined>(undefined);\n  readonly submitTried = input<boolean | undefined>(undefined);\n\n  translateService = inject(TranslateService);\n  \n  textTooLong = computed(() => {\n    return this.translateService.instant(spxTextTooLong, { fieldLabel: this.fieldLabel(), error: this.errors()[\"maxlength\"].requiredLength });\n  });\n\n  textTooShort = computed(() => {\n    return this.translateService.instant(spxTextTooShort, { fieldLabel: this.fieldLabel(), error: this.errors()[\"minlength\"].requiredLength });\n  });\n\n  textTooHigh = computed(() => {\n    return this.translateService.instant(spxTextTooHigh, { fieldLabel: this.fieldLabel(), error: this.errors()[\"max\"].max });\n  });\n\n  textTooLow = computed(() => {\n    return this.translateService.instant(spxTextTooLow, { fieldLabel: this.fieldLabel(), error: this.errors()[\"min\"].min });\n  });\n\n  textPatternNotValid = computed(() => {\n    return this.translateService.instant(spxTextPatternNotValid, { fieldLabel: this.fieldLabel() });\n  });\n\n  textRequired = computed(() => {\n    return this.translateService.instant(spxTextRequired, { fieldLabel: this.fieldLabel() });\n  });\n\n  textChoosePast = computed(() => {\n    return this.translateService.instant(spxTextChoosePast);\n  });\n\n  textChooseFuture = computed(() => {\n    return this.translateService.instant(spxTextChooseFuture);\n  });\n\n  textChooseValidMonth = computed(() => {\n    return this.translateService.instant(spxTextChooseValidMonth);\n  });\n\n  textDateMayNotBeFuture = computed(() => {\n    return this.translateService.instant(spxTextDateMayNotBeFuture);\n  });\n\n  textDateMayNotBePast = computed(() => {\n    return this.translateService.instant(spxTextDateMayNotBePast);\n  });\n\n  textInvalidCode = computed(() => {\n    return this.translateService.instant(spxTextInvalidCode, { codeName: this.errors()[\"invalidCode\"].name, codeCode: this.errors()[\"invalidCode\"].code });\n  });\n\n}\n","\n@if (formControlI() && errors() && (touched() || submitTried())) {\n  @if (errors()[\"maxlength\"]) {\n    <div>{{ textTooLong() }}</div>\n  }\n  @if (errors()[\"minlength\"]) {\n    <div>{{ textTooShort() }}</div>\n  }\n  @if (errors()[\"max\"]) {\n    <div>{{ textTooHigh() }}</div>\n  }\n  @if (errors()[\"min\"]) {\n    <div>{{ textTooLow() }}</div>\n  }\n  @if (errors()[\"pattern\"]) {\n    <div>{{ textPatternNotValid() }}</div>\n  }\n  @if (errors()[\"required\"]) {\n    <div>{{ textRequired() }}</div>\n  }\n  @if (errors()[\"year\"]) {\n    <div>{{ textChoosePast() }}</div>\n  }\n  @if (errors()[\"yearFuture\"]) {\n    <div>{{ textChooseFuture() }}</div>\n  }\n  @if (errors()[\"month\"]) {\n    <div>{{ textChooseValidMonth() }}</div>\n  }\n  @if (errors()[\"future\"]) {\n    <div>{{ textDateMayNotBeFuture() }}</div>\n  }\n  @if (errors()[\"past\"]) {\n    <div>{{ textDateMayNotBePast() }}</div>\n  }\n  @if (errors()[\"invalidCode\"]) {\n    <div>{{ textInvalidCode() }}</div>\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -183,14 +183,14 @@ class SpxValidateControlComponent {
             return this.errors() && this.errors()['past'];
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SpxValidateControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: SpxValidateControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.1", 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())) {\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", dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SpxValidateControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.1", 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" }]
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control() && errors() && (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" }]
         }] });
 
 /**

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';\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, ValidationErrors } 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  readonly errors = input.required<ValidationErrors | null>();\n  readonly touched = input.required<boolean>();\n\n  maxLength = computed(() => {\n    return this.errors() && this.errors()!['maxlength'];\n  });\n\n  maxLengthRequiredLength = computed(() => {\n    return this.maxLength() && this.errors() && this.errors()!['maxlength']['requiredLength'];\n  });\n\n  minLength = computed(() => {\n    return this.errors() && this.errors()!['minlength'];\n  });\n\n  minLengthRequiredLength = computed(() => {\n    return this.minLength() && this.errors() && this.errors()!['minlength']['requiredLength'];\n  });\n\n  max = computed(() => {\n    return this.errors() && this.errors()!['max'];\n  });\n\n  maxRequiredMax = computed(() => {\n    return this.max() && this.errors() && this.errors()!['max']['max'];\n  });\n\n  min = computed(() => {\n    return this.errors() && this.errors()!['min'];\n  });\n\n  minRequiredMin = computed(() => {\n    return this.min() && this.errors() && this.errors()!['min']['min'];\n  });\n\n  pattern = computed(() => {\n    return this.errors() && this.errors()!['pattern'];\n  });\n\n  required = computed(() => {\n    return this.errors() && this.errors()!['required'];\n  });\n\n  year = computed(() => {\n    return this.errors() && this.errors()!['year'];\n  });\n\n  yearFuture = computed(() => {\n    return this.errors() && this.errors()!['yearFuture'];\n  });\n\n  month = computed(() => {\n    return this.errors() && this.errors()!['month'];\n  });\n\n  future = computed(() => {\n    return this.errors() && this.errors()!['future'];\n  });\n\n  past = computed(() => {\n    return this.errors() && this.errors()!['past'];\n  });\n}\n","@if (control() && errors() && (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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { computed, signal, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';
@@ -13,6 +13,7 @@ import { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';
 import { TranslatePipe } from '@ngx-translate/core';
 import { spxToasterActions, SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';
 import { spxChannelReducer, spxChannelActions } from '@softpak/components/spx-channel-selection';
+import { toSignal } from '@angular/core/rxjs-interop';
 import * as i1 from '@ngrx/store';
 
 const spxSectionWelcome = 'welcome';
@@ -22,7 +23,8 @@ class SpxWelcomeComponent {
     constructor(store, formBuilder) {
         this.store = store;
         this.formBuilder = formBuilder;
-        this.channels = signal([]);
+        this.allChannels = toSignal(this.store.select(spxChannelReducer.default.selectChannels));
+        this.productionChannels = computed(() => this.allChannels()?.filter(channel => channel.channelTypes.map(type => type.name).includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand })));
         this.formGroup = signal(undefined);
         this.suggestions = signal({
             [spxCtrlChannelType]: [],
@@ -32,7 +34,7 @@ class SpxWelcomeComponent {
         this.textCompany = spxTextCompany;
         this.textSelect = spxTextSelect;
         this.textSelectYourCompany = spxTextSelectYourCompany;
-        this.formSection = computed(() => this.formGroup()?.get("welc"));
+        this.formSection = computed(() => this.formGroup()?.get(spxSectionWelcome));
         this.ctrlChannel = computed(() => this.formSection()?.get(spxCtrlChannel));
         this.ctrlChannelType = computed(() => this.formSection()?.get(spxCtrlChannelType));
         this.subscriptions = {};
@@ -75,14 +77,9 @@ class SpxWelcomeComponent {
         unsubscribeSubscriptions(this.subscriptions);
     }
     ngOnInit() {
-        let channels = [];
-        this.subscriptions.channels = this.store.select(spxChannelReducer.default.selectChannels).subscribe(channelsD => {
-            channels = channelsD;
-            this.channels.set(channels);
-            this.suggestions()[spxCtrlChannel] = channels.filter(channel => channel.channelTypes.map(type => type.name).includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand }));
-        });
+        this.suggestions()[spxCtrlChannel] = this.productionChannels();
         this.subscriptions.channel = this.ctrlChannel().valueChanges.subscribe(valuePair => {
-            const brandFound = channels.find(c => c.brand === valuePairToValue(valuePair));
+            const brandFound = this.allChannels()?.find(c => c.brand === valuePairToValue(valuePair));
             this.suggestions()[spxCtrlChannelType] = !brandFound ? [] : brandFound?.channelTypes?.map(channelType => ({
                 description: channelType.name,
                 value: channelType.name
@@ -93,7 +90,7 @@ class SpxWelcomeComponent {
         });
     }
     onSubmit() {
-        const channel = this.channels().find(c => c.brand === valuePairToValue(this.ctrlChannel().value));
+        const channel = this.allChannels()?.find(c => c.brand === valuePairToValue(this.ctrlChannel().value));
         const channelType = valuePairToValue(this.ctrlChannelType().value);
         if (!channel) {
             this.store.dispatch(spxToasterActions.createWarning({
@@ -108,10 +105,10 @@ class SpxWelcomeComponent {
             }));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SpxWelcomeComponent, deps: [{ token: i1.Store }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: SpxWelcomeComponent, isStandalone: true, selector: "spx-welcome", ngImport: i0, template: "<ion-header>\r\n  <ion-toolbar>\r\n    <ion-title>\r\n      {{ textSelectYourCompany | translate | capitalize }}\r\n    </ion-title>\r\n    <ion-buttons slot=\"end\">\r\n    </ion-buttons>\r\n  </ion-toolbar>\r\n</ion-header>\r\n<ion-content class=\"ion-padding\">\r\n  <form [formGroup]=\"formGroup()!\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\r\n    <spx-form-view\r\n      [spxForm]=\"form()\"\r\n      [spxFormGroup]=\"formSection()\"\r\n      [spxSuggestions]=\"suggestions()\">\r\n    </spx-form-view>\r\n  </form>\r\n</ion-content>", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "component", type: SpxFormViewComponent, selector: "spx-form-view", inputs: ["spxFormGroup", "spxForm", "spxSuggestions"], outputs: ["spxBlur", "spxClick", "spxSearch"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: SpxWelcomeComponent, deps: [{ token: i1.Store }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.1", type: SpxWelcomeComponent, isStandalone: true, selector: "spx-welcome", ngImport: i0, template: "<ion-header>\n  <ion-toolbar>\n    <ion-title>\n      {{ textSelectYourCompany | translate | capitalize }}\n    </ion-title>\n    <ion-buttons slot=\"end\">\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content class=\"ion-padding\">\n  <form [formGroup]=\"formGroup()!\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n    <spx-form-view\n      [spxForm]=\"form()\"\n      [spxFormGroup]=\"formSection()\"\n      [spxSuggestions]=\"suggestions()\">\n    </spx-form-view>\n  </form>\n</ion-content>", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "component", type: SpxFormViewComponent, selector: "spx-form-view", inputs: ["spxFormGroup", "spxForm", "spxSuggestions"], outputs: ["spxBlur", "spxClick", "spxSearch"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SpxWelcomeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.1", ngImport: i0, type: SpxWelcomeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'spx-welcome', imports: [
                         FormsModule,
@@ -124,7 +121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
                         IonButtons,
                         IonContent,
                         TranslatePipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ion-header>\r\n  <ion-toolbar>\r\n    <ion-title>\r\n      {{ textSelectYourCompany | translate | capitalize }}\r\n    </ion-title>\r\n    <ion-buttons slot=\"end\">\r\n    </ion-buttons>\r\n  </ion-toolbar>\r\n</ion-header>\r\n<ion-content class=\"ion-padding\">\r\n  <form [formGroup]=\"formGroup()!\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\r\n    <spx-form-view\r\n      [spxForm]=\"form()\"\r\n      [spxFormGroup]=\"formSection()\"\r\n      [spxSuggestions]=\"suggestions()\">\r\n    </spx-form-view>\r\n  </form>\r\n</ion-content>" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ion-header>\n  <ion-toolbar>\n    <ion-title>\n      {{ textSelectYourCompany | translate | capitalize }}\n    </ion-title>\n    <ion-buttons slot=\"end\">\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content class=\"ion-padding\">\n  <form [formGroup]=\"formGroup()!\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n    <spx-form-view\n      [spxForm]=\"form()\"\n      [spxFormGroup]=\"formSection()\"\n      [spxSuggestions]=\"suggestions()\">\n    </spx-form-view>\n  </form>\n</ion-content>" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.FormBuilder }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-welcome.mjs","sources":["../../../../projects/softpak/components/spx-welcome/spx-welcome.component.ts","../../../../projects/softpak/components/spx-welcome/spx-welcome.component.html","../../../../projects/softpak/components/spx-welcome/softpak-components-spx-welcome.ts"],"sourcesContent":["import { Component, OnInit, OnDestroy, signal, computed, ChangeDetectionStrategy } from '@angular/core';\r\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { Store } from '@ngrx/store';\r\nimport { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';\r\nimport { SpxFormButtonTypeEnum, SpxFormI, SpxFormViewComponent } from '@softpak/components/spx-form-view';\r\nimport { SpxSeverityEnum, unsubscribeSubscriptions, valuePairToValue } from '@softpak/components/spx-helpers';\r\nimport { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';\r\nimport { spxValidatorRequired } from '@softpak/components/spx-validation';\r\nimport { Subscription } from 'rxjs';\r\nimport { spxTextChannel, spxTextCompany, spxTextSelect, spxTextSelectYourCompany } from '@softpak/components/spx-translate';\r\nimport { IonHeader, IonToolbar, IonTitle, IonButtons, IonContent } from '@ionic/angular/standalone';\r\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\r\nimport { TranslatePipe } from '@ngx-translate/core';\r\nimport { spxToasterActions, SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';\r\nimport { spxChannelReducer, spxChannelActions } from '@softpak/components/spx-channel-selection';\r\n\r\nexport const spxSectionWelcome = 'welcome';\r\nexport const spxCtrlChannel = 'channel';\r\nexport const spxCtrlChannelType = 'channelType';\r\n\r\n@Component({\r\n  selector: 'spx-welcome',\r\n  templateUrl: './spx-welcome.component.html',\r\n  imports: [\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    SpxCapitalizePipe,\r\n    SpxFormViewComponent,\r\n    IonHeader,\r\n    IonToolbar,\r\n    IonTitle,\r\n    IonButtons,\r\n    IonContent,\r\n    TranslatePipe,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n})\r\nexport class SpxWelcomeComponent implements OnInit, OnDestroy {\r\n  private readonly channels = signal<SpxAppChannelI[]>([]);\r\n  protected readonly formGroup = signal<FormGroup | undefined>(undefined);\r\n  protected readonly suggestions = signal<{\r\n  [spxCtrlChannelType]?: SpxValuePair<string>[];\r\n  [spxCtrlChannel]?: SpxValuePair<string>[];\r\n}>({\r\n    [spxCtrlChannelType]: [],\r\n    [spxCtrlChannel]: [],\r\n  });\r\n\r\n  textChannel = spxTextChannel;\r\n  textCompany = spxTextCompany;\r\n  textSelect = spxTextSelect;\r\n  textSelectYourCompany = spxTextSelectYourCompany;\r\n\r\n  protected readonly formSection = computed(() => this.formGroup()?.get(\"welc\") as FormGroup);\r\n  private readonly ctrlChannel = computed(() => this.formSection()?.get(spxCtrlChannel) as FormControl);\r\n  private readonly ctrlChannelType = computed(() => this.formSection()?.get(spxCtrlChannelType) as FormControl);\r\n  private subscriptions: {\r\n    channel?: Subscription;\r\n    channels?: Subscription;\r\n  } = {};\r\n\r\n  protected readonly form = signal<SpxFormI>({\r\n    buttons: [\r\n      {\r\n        severity: SpxSeverityEnum.success,\r\n        type: SpxFormButtonTypeEnum.submit,\r\n        label: () => this.textSelect,\r\n      }\r\n    ],\r\n    sections: [\r\n      {\r\n        key: spxSectionWelcome,\r\n        showTitle: () => false,\r\n        fields: [\r\n          {\r\n            key: spxCtrlChannel,\r\n            type: () => SpxInputTypeEnum.radio,\r\n            label: () => this.textCompany,\r\n            validators: () => [spxValidatorRequired()],\r\n          },\r\n          {\r\n            key: spxCtrlChannelType,\r\n            type: () => SpxInputTypeEnum.radio,\r\n            label: () => this.textChannel,\r\n            capitalize: () => true,\r\n            show: () => valuePairToValue(this.ctrlChannel().value),\r\n            validators: () => [spxValidatorRequired()],\r\n          },\r\n        ]\r\n      }\r\n    ]\r\n  });\r\n\r\n  constructor(\r\n    private readonly store: Store,\r\n    private readonly formBuilder: FormBuilder\r\n  ) {\r\n    this.formGroup.set(this.formBuilder.group({\r\n      [spxSectionWelcome]: SpxFormViewComponent.createForm(this.formBuilder, this.form().sections)\r\n    }));\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    unsubscribeSubscriptions(this.subscriptions);\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    let channels: SpxAppChannelI[] = [];\r\n\r\n    this.subscriptions.channels = this.store.select(spxChannelReducer.default.selectChannels).subscribe(channelsD => {\r\n      channels = channelsD;\r\n      this.channels.set(channels);\r\n      this.suggestions()[spxCtrlChannel] = channels.filter(channel => channel.channelTypes.map(type => type.name).includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand }));\r\n    });\r\n\r\n    this.subscriptions.channel = this.ctrlChannel().valueChanges.subscribe(valuePair => {\r\n      const brandFound = channels.find(c => c.brand === valuePairToValue(valuePair));\r\n      this.suggestions()[spxCtrlChannelType] = !brandFound ? [] : brandFound?.channelTypes?.map(channelType => ({\r\n        description: channelType.name,\r\n        value: channelType.name\r\n      }));\r\n      this.ctrlChannelType().setValue({\r\n        value: SpxAppChannelTypeEnum.production,\r\n      });\r\n    });\r\n  }\r\n\r\n  protected onSubmit(): void {\r\n    const channel = this.channels().find(c => c.brand === valuePairToValue(this.ctrlChannel().value))!;\r\n    const channelType = valuePairToValue(this.ctrlChannelType().value);\r\n\r\n    if (!channel) {\r\n      this.store.dispatch(spxToasterActions.createWarning({\r\n        autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,\r\n        messageText: 'Please select a company',\r\n      }))\r\n    } else {\r\n      this.store.dispatch(spxChannelActions.choose({\r\n        channel,\r\n        channelType,\r\n      }));\r\n    }\r\n  }\r\n}\r\n","<ion-header>\r\n  <ion-toolbar>\r\n    <ion-title>\r\n      {{ textSelectYourCompany | translate | capitalize }}\r\n    </ion-title>\r\n    <ion-buttons slot=\"end\">\r\n    </ion-buttons>\r\n  </ion-toolbar>\r\n</ion-header>\r\n<ion-content class=\"ion-padding\">\r\n  <form [formGroup]=\"formGroup()!\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\r\n    <spx-form-view\r\n      [spxForm]=\"form()\"\r\n      [spxFormGroup]=\"formSection()\"\r\n      [spxSuggestions]=\"suggestions()\">\r\n    </spx-form-view>\r\n  </form>\r\n</ion-content>","/**\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-welcome.mjs","sources":["../../../../projects/softpak/components/spx-welcome/spx-welcome.component.ts","../../../../projects/softpak/components/spx-welcome/spx-welcome.component.html","../../../../projects/softpak/components/spx-welcome/softpak-components-spx-welcome.ts"],"sourcesContent":["import { Component, OnInit, OnDestroy, signal, computed, ChangeDetectionStrategy } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { Store } from '@ngrx/store';\nimport { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';\nimport { SpxFormButtonTypeEnum, SpxFormI, SpxFormViewComponent } from '@softpak/components/spx-form-view';\nimport { SpxSeverityEnum, unsubscribeSubscriptions, valuePairToValue } from '@softpak/components/spx-helpers';\nimport { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';\nimport { spxValidatorRequired } from '@softpak/components/spx-validation';\nimport { Subscription } from 'rxjs';\nimport { spxTextChannel, spxTextCompany, spxTextSelect, spxTextSelectYourCompany } from '@softpak/components/spx-translate';\nimport { IonHeader, IonToolbar, IonTitle, IonButtons, IonContent } from '@ionic/angular/standalone';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { spxToasterActions, SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';\nimport { spxChannelReducer, spxChannelActions } from '@softpak/components/spx-channel-selection';\nimport { toSignal } from '@angular/core/rxjs-interop';\n\nexport const spxSectionWelcome = 'welcome';\nexport const spxCtrlChannel = 'channel';\nexport const spxCtrlChannelType = 'channelType';\n\n@Component({\n  selector: 'spx-welcome',\n  templateUrl: './spx-welcome.component.html',\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    SpxCapitalizePipe,\n    SpxFormViewComponent,\n    IonHeader,\n    IonToolbar,\n    IonTitle,\n    IonButtons,\n    IonContent,\n    TranslatePipe,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\nexport class SpxWelcomeComponent implements OnInit, OnDestroy {\n  allChannels = toSignal(this.store.select(spxChannelReducer.default.selectChannels));\n  productionChannels = computed(() => this.allChannels()?.filter(channel => channel.channelTypes.map(type => type.name).includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand })))\n\n  protected readonly formGroup = signal<FormGroup | undefined>(undefined);\n  protected readonly suggestions = signal<{\n  [spxCtrlChannelType]?: SpxValuePair<string>[];\n  [spxCtrlChannel]?: SpxValuePair<string>[];\n}>({\n    [spxCtrlChannelType]: [],\n    [spxCtrlChannel]: [],\n  });\n\n  textChannel = spxTextChannel;\n  textCompany = spxTextCompany;\n  textSelect = spxTextSelect;\n  textSelectYourCompany = spxTextSelectYourCompany;\n\n  protected readonly formSection = computed(() => this.formGroup()?.get(spxSectionWelcome) as FormGroup);\n  private readonly ctrlChannel = computed(() => this.formSection()?.get(spxCtrlChannel) as FormControl);\n  private readonly ctrlChannelType = computed(() => this.formSection()?.get(spxCtrlChannelType) as FormControl);\n  private subscriptions: {\n    channel?: Subscription;\n    channels?: Subscription;\n  } = {};\n\n  protected readonly form = signal<SpxFormI>({\n    buttons: [\n      {\n        severity: SpxSeverityEnum.success,\n        type: SpxFormButtonTypeEnum.submit,\n        label: () => this.textSelect,\n      }\n    ],\n    sections: [\n      {\n        key: spxSectionWelcome,\n        showTitle: () => false,\n        fields: [\n          {\n            key: spxCtrlChannel,\n            type: () => SpxInputTypeEnum.radio,\n            label: () => this.textCompany,\n            validators: () => [spxValidatorRequired()],\n          },\n          {\n            key: spxCtrlChannelType,\n            type: () => SpxInputTypeEnum.radio,\n            label: () => this.textChannel,\n            capitalize: () => true,\n            show: () => valuePairToValue(this.ctrlChannel().value),\n            validators: () => [spxValidatorRequired()],\n          },\n        ]\n      }\n    ]\n  });\n\n  constructor(\n    private readonly store: Store,\n    private readonly formBuilder: FormBuilder\n  ) {\n    this.formGroup.set(this.formBuilder.group({\n      [spxSectionWelcome]: SpxFormViewComponent.createForm(this.formBuilder, this.form().sections)\n    }));\n  }\n\n  ngOnDestroy(): void {\n    unsubscribeSubscriptions(this.subscriptions);\n  }\n\n  ngOnInit(): void {\n    this.suggestions()[spxCtrlChannel] = this.productionChannels();\n\n    this.subscriptions.channel = this.ctrlChannel().valueChanges.subscribe(valuePair => {\n      const brandFound = this.allChannels()?.find(c => c.brand === valuePairToValue(valuePair));\n      this.suggestions()[spxCtrlChannelType] = !brandFound ? [] : brandFound?.channelTypes?.map(channelType => ({\n        description: channelType.name,\n        value: channelType.name\n      }));\n      this.ctrlChannelType().setValue({\n        value: SpxAppChannelTypeEnum.production,\n      });\n    });\n  }\n\n  protected onSubmit(): void {\n    const channel = this.allChannels()?.find(c => c.brand === valuePairToValue(this.ctrlChannel().value));\n    const channelType = valuePairToValue(this.ctrlChannelType().value);\n\n    if (!channel) {\n      this.store.dispatch(spxToasterActions.createWarning({\n        autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,\n        messageText: 'Please select a company',\n      }))\n    } else {\n      this.store.dispatch(spxChannelActions.choose({\n        channel,\n        channelType,\n      }));\n    }\n  }\n}\n","<ion-header>\n  <ion-toolbar>\n    <ion-title>\n      {{ textSelectYourCompany | translate | capitalize }}\n    </ion-title>\n    <ion-buttons slot=\"end\">\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content class=\"ion-padding\">\n  <form [formGroup]=\"formGroup()!\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n    <spx-form-view\n      [spxForm]=\"form()\"\n      [spxFormGroup]=\"formSection()\"\n      [spxSuggestions]=\"suggestions()\">\n    </spx-form-view>\n  </form>\n</ion-content>","/**\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": "20.2.0",
+  "version": "20.2.2-beta.1",
   "private": false,
   "peerDependencies": {
     "@angular/common": "19.x.x || 20.x.x",
@@ -32,13 +32,17 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/softpak-components.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",
       "default": "./fesm2022/softpak-components-spx-alert.mjs"
     },
-    "./spx-404-page": {
-      "types": "./spx-404-page/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-404-page.mjs"
+    "./spx-button": {
+      "types": "./spx-button/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-button.mjs"
     },
     "./spx-app-expiry": {
       "types": "./spx-app-expiry/index.d.ts",
@@ -48,30 +52,26 @@
       "types": "./spx-app-configuration/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
     },
-    "./spx-button": {
-      "types": "./spx-button/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-button.mjs"
+    "./spx-card": {
+      "types": "./spx-card/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-card.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-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-channel-selection": {
+      "types": "./spx-channel-selection/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
+    },
     "./spx-confirm": {
       "types": "./spx-confirm/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-confirm.mjs"
@@ -80,21 +80,25 @@
       "types": "./spx-form-section/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-form-section.mjs"
     },
+    "./spx-helpers": {
+      "types": "./spx-helpers/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-helpers.mjs"
+    },
     "./spx-form-view": {
       "types": "./spx-form-view/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-form-view.mjs"
     },
+    "./spx-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-helpers": {
-      "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-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",
@@ -104,10 +108,18 @@
       "types": "./spx-pipes/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-pipes.mjs"
     },
+    "./spx-patch": {
+      "types": "./spx-patch/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-patch.mjs"
+    },
     "./spx-progress-bar": {
       "types": "./spx-progress-bar/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
     },
+    "./spx-stock-info": {
+      "types": "./spx-stock-info/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-stock-info.mjs"
+    },
     "./spx-spinner": {
       "types": "./spx-spinner/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-spinner.mjs"
@@ -140,18 +152,6 @@
       "types": "./spx-update/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-update.mjs"
     },
-    "./spx-number-check": {
-      "types": "./spx-number-check/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-number-check.mjs"
-    },
-    "./spx-stock-info": {
-      "types": "./spx-stock-info/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-stock-info.mjs"
-    },
-    "./spx-patch": {
-      "types": "./spx-patch/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-patch.mjs"
-    },
     "./spx-validation": {
       "types": "./spx-validation/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-validation.mjs"

package/spx-welcome/index.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { OnInit, OnDestroy } from '@angular/core';
 import { FormGroup, FormBuilder } from '@angular/forms';
 import { Store } from '@ngrx/store';
+import { SpxAppChannelI } from '@softpak/components/spx-app-configuration';
 import { SpxFormI } from '@softpak/components/spx-form-view';
 import { SpxValuePair } from '@softpak/components/spx-inputs';
 
@@ -11,7 +12,11 @@ declare const spxCtrlChannelType = "channelType";
 declare class SpxWelcomeComponent implements OnInit, OnDestroy {
     private readonly store;
     private readonly formBuilder;
-    private readonly channels;
+    allChannels: _angular_core.Signal<SpxAppChannelI[] | undefined>;
+    productionChannels: _angular_core.Signal<{
+        description: string;
+        value: string;
+    }[] | undefined>;
     protected readonly formGroup: _angular_core.WritableSignal<FormGroup<any> | undefined>;
     protected readonly suggestions: _angular_core.WritableSignal<{
         channelType?: SpxValuePair<string>[];