@softpak/components 20.7.1 → 20.7.2

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

@@ -1,8 +1,10 @@
 import { valuePairToValue } from '@softpak/components/spx-helpers';
 import { DateTime } from 'luxon';
-import * as i0 from '@angular/core';
-import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
 import { FormsModule } from '@angular/forms';
+import * as i0 from '@angular/core';
+import { input, signal, computed, effect, inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import { spxTextTooLong, spxTextTooShort, spxTextTooHigh, spxTextTooLow, spxTextPatternNotValid, spxTextRequired, spxTextChoosePast, spxTextChooseFuture, spxTextChooseValidMonth, spxTextDateMayNotBeFuture, spxTextDateMayNotBePast, spxTextInvalidCode } from '@softpak/components/spx-translate';
+import { TranslateService } from '@ngx-translate/core';
 
 const spxValidatorRequired = () => (control) => {
     if (control &&
@@ -137,6 +139,41 @@ class SpxValidateControlComponent {
         this.submitTried = input(...(ngDevMode ? [undefined, { debugName: "submitTried" }] : []));
         this.errors = input.required(...(ngDevMode ? [{ debugName: "errors" }] : []));
         this.touched = input.required(...(ngDevMode ? [{ debugName: "touched" }] : []));
+        this.show = signal(false, ...(ngDevMode ? [{ debugName: "show" }] : []));
+        this.shouldShow = computed(() => this.control() && this.errors() && (this.touched() || this.submitTried()), ...(ngDevMode ? [{ debugName: "shouldShow" }] : []));
+        this.pending = null;
+        this.token = 0;
+        // Short delay to avoid growing DOM while clicking on something.
+        this._delayShow = effect((onCleanup) => {
+            const want = this.shouldShow();
+            // Invalidate any older timeouts.
+            this.token++;
+            // Cancel any in-flight timeout.
+            if (this.pending) {
+                clearTimeout(this.pending);
+                this.pending = null;
+            }
+            if (want) {
+                const myToken = this.token;
+                this.pending = setTimeout(() => {
+                    // Only set true if no newer change happened AND the condition still holds.
+                    if (myToken === this.token && this.shouldShow()) {
+                        this.show.set(true);
+                    }
+                }, 500); // your delay
+            }
+            else {
+                // Turn off immediately.
+                this.show.set(false);
+            }
+            // Clean up if the effect is torn down.
+            onCleanup(() => {
+                if (this.pending) {
+                    clearTimeout(this.pending);
+                    this.pending = null;
+                }
+            });
+        }, ...(ngDevMode ? [{ debugName: "_delayShow" }] : []));
         this.maxLength = computed(() => {
             return this.errors() && this.errors()['maxlength'];
         }, ...(ngDevMode ? [{ debugName: "maxLength" }] : []));
@@ -182,15 +219,52 @@ class SpxValidateControlComponent {
         this.past = computed(() => {
             return this.errors() && this.errors()['past'];
         }, ...(ngDevMode ? [{ debugName: "past" }] : []));
+        this.translateService = inject(TranslateService);
+        this.textTooLong = computed(() => {
+            return this.translateService.instant(spxTextTooLong, { fieldLabel: this.label(), error: this.errors()?.["maxlength"].requiredLength });
+        }, ...(ngDevMode ? [{ debugName: "textTooLong" }] : []));
+        this.textTooShort = computed(() => {
+            return this.translateService.instant(spxTextTooShort, { fieldLabel: this.label(), error: this.errors()?.["minlength"].requiredLength });
+        }, ...(ngDevMode ? [{ debugName: "textTooShort" }] : []));
+        this.textTooHigh = computed(() => {
+            return this.translateService.instant(spxTextTooHigh, { fieldLabel: this.label(), error: this.errors()?.["max"].max });
+        }, ...(ngDevMode ? [{ debugName: "textTooHigh" }] : []));
+        this.textTooLow = computed(() => {
+            return this.translateService.instant(spxTextTooLow, { fieldLabel: this.label(), error: this.errors()?.["min"].min });
+        }, ...(ngDevMode ? [{ debugName: "textTooLow" }] : []));
+        this.textPatternNotValid = computed(() => {
+            return this.translateService.instant(spxTextPatternNotValid, { fieldLabel: this.label() });
+        }, ...(ngDevMode ? [{ debugName: "textPatternNotValid" }] : []));
+        this.textRequired = computed(() => {
+            return this.translateService.instant(spxTextRequired, { fieldLabel: this.label() });
+        }, ...(ngDevMode ? [{ debugName: "textRequired" }] : []));
+        this.textChoosePast = computed(() => {
+            return this.translateService.instant(spxTextChoosePast);
+        }, ...(ngDevMode ? [{ debugName: "textChoosePast" }] : []));
+        this.textChooseFuture = computed(() => {
+            return this.translateService.instant(spxTextChooseFuture);
+        }, ...(ngDevMode ? [{ debugName: "textChooseFuture" }] : []));
+        this.textChooseValidMonth = computed(() => {
+            return this.translateService.instant(spxTextChooseValidMonth);
+        }, ...(ngDevMode ? [{ debugName: "textChooseValidMonth" }] : []));
+        this.textDateMayNotBeFuture = computed(() => {
+            return this.translateService.instant(spxTextDateMayNotBeFuture);
+        }, ...(ngDevMode ? [{ debugName: "textDateMayNotBeFuture" }] : []));
+        this.textDateMayNotBePast = computed(() => {
+            return this.translateService.instant(spxTextDateMayNotBePast);
+        }, ...(ngDevMode ? [{ debugName: "textDateMayNotBePast" }] : []));
+        this.textInvalidCode = computed(() => {
+            return this.translateService.instant(spxTextInvalidCode, { codeName: this.errors()?.["invalidCode"].name, codeCode: this.errors()?.["invalidCode"].code });
+        }, ...(ngDevMode ? [{ debugName: "textInvalidCode" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpxValidateControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", 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 (show()) {\n<div class=\"bg-red-600 rounded-b p-3\">\n  @if (maxLength()) {\n  <div>{{ textTooLong() }}</div>\n  }\n  @if (minLength()) {\n  <div>{{ textTooShort() }}</div>\n  }\n  @if (max()) {\n  <div>{{ textTooHigh() }}</div>\n  }\n  @if (min()) {\n  <div>{{ textTooLow() }}</div>\n  }\n  @if (pattern()) {\n  <div>{{ textPatternNotValid() }}</div>\n  }\n  @if (required()) {\n  <div>{{ textRequired() }}</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>{{ textChooseValidMonth() }}</div>\n  }\n  @if (future()) {\n  <div>{{ textDateMayNotBeFuture() }}</div>\n  }\n  @if (past()) {\n  <div>{{ textDateMayNotBePast() }}</div>\n  }\n</div>\n}", dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", 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())) {\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" }]
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (show()) {\n<div class=\"bg-red-600 rounded-b p-3\">\n  @if (maxLength()) {\n  <div>{{ textTooLong() }}</div>\n  }\n  @if (minLength()) {\n  <div>{{ textTooShort() }}</div>\n  }\n  @if (max()) {\n  <div>{{ textTooHigh() }}</div>\n  }\n  @if (min()) {\n  <div>{{ textTooLow() }}</div>\n  }\n  @if (pattern()) {\n  <div>{{ textPatternNotValid() }}</div>\n  }\n  @if (required()) {\n  <div>{{ textRequired() }}</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>{{ textChooseValidMonth() }}</div>\n  }\n  @if (future()) {\n  <div>{{ textDateMayNotBeFuture() }}</div>\n  }\n  @if (past()) {\n  <div>{{ textDateMayNotBePast() }}</div>\n  }\n</div>\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';\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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"}
+{"version":3,"file":"softpak-components-spx-validation.mjs","sources":["../../../../projects/softpak/components/spx-validation/required.validator.ts","../../../../projects/softpak/components/spx-validation/max.validator.ts","../../../../projects/softpak/components/spx-validation/maxlength.validator.ts","../../../../projects/softpak/components/spx-validation/min.validator.ts","../../../../projects/softpak/components/spx-validation/minlength.validator.ts","../../../../projects/softpak/components/spx-validation/pattern.validator.ts","../../../../projects/softpak/components/spx-validation/year-and-month.validator.ts","../../../../projects/softpak/components/spx-validation/spx-validate-control.component.ts","../../../../projects/softpak/components/spx-validation/spx-validate-control.component.html","../../../../projects/softpak/components/spx-validation/softpak-components-spx-validation.ts"],"sourcesContent":["import { AbstractControl, ValidationErrors } from '@angular/forms';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorRequired = () => (control: AbstractControl): ValidationErrors | null => {\n    if (\n        control &&\n        valuePairToValue(control.value) === undefined ||\n        valuePairToValue(control.value) === null ||\n        valuePairToValue(control.value) === '' ||\n        valuePairToValue(control.value) === 0\n    ) {\n        return { required: true };\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMax = (max: number) => (control: AbstractControl): { max: { max: number; actual: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        const value = parseInt(valuePairToValue(control.value).toString(), 10);\n        if (!isNaN(value) && value > max) {\n            return {\n                max: {\n                    max,\n                    actual: value\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMaxLength = (maximumLength: number, sanitizer?: (input: string) => string) => (control: AbstractControl): { maxlength: { requiredLength: number; actualLength: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        let value = valuePairToValue(control.value);\n        if (sanitizer) {\n            value = sanitizer(value.toString());\n        }\n        if (value.toString().length > maximumLength) {\n            return {\n                maxlength: {\n                    requiredLength: maximumLength,\n                    actualLength: value.toString().length\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMin = (min: number) => (control: AbstractControl): { min: { min: number; actual: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        const value = parseInt(valuePairToValue(control.value).toString(), 10);\n\n        if (!isNaN(value) && value < min) {\n            return {\n                min: {\n                    min,\n                    actual: value\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMinLength = (minimumLength: number, sanitizer?: (input: string) => string) => (control: AbstractControl): { minlength: { requiredLength: number; actualLength: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        let value = valuePairToValue(control.value);\n        if (sanitizer) {\n            value = sanitizer(value.toString());\n        }\n        if (value.toString().length < minimumLength) {\n            return {\n                minlength: {\n                    requiredLength: minimumLength,\n                    actualLength: value.toString().length\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl, ValidationErrors } from '@angular/forms';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\nimport { spxValidatorRequired } from './required.validator';\n\nexport const spxValidatorPattern = (matcher: RegExp) => (control: AbstractControl): ValidationErrors | null => {\n    if (!spxValidatorRequired()(control)) {\n        const matches = valuePairToValue(control.value).toString().match(matcher);\n        if (matches === null || matches.length === 0) {\n            return { pattern: true };\n        }\n    }\n    return null;\n};\n","import { AbstractControl, ValidationErrors } from '@angular/forms';\n\nimport { DateTime } from 'luxon';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\nimport { spxValidatorRequired } from './required.validator';\n\nexport const spxValidatorYearAndMonth = (future?: boolean) => (control: AbstractControl): ValidationErrors | null => {\n    if (!spxValidatorRequired()(control)) {\n        const val = valuePairToValue(control.value);\n        if (val.toUpperCase() !== 'ACEP') {\n            const date = DateTime.fromISO(val);\n            const year = date.year;\n            const month = date.month;\n            if (val.length < 6) {\n                return {\n                    minlength: {\n                        requiredLength: 6,\n                        actualLength: val.length\n                    }\n                };\n            }\n            if (month < 1 || month > 12) {\n                return { month: true };\n            }\n            if (future) {\n                if (year > 2050 || year < DateTime.now().year) {\n                    return { yearFuture: true };\n                }\n                if (DateTime.now().set({ year: year, month: DateTime.now().month - 1 }).startOf('month') < DateTime.now()) {\n                    return { past: true };\n                }\n            } else {\n                if (year < 1971 || year > DateTime.now().year) {\n                    return { year: true };\n                }\n                if (DateTime.now().set({ year: year, month: DateTime.now().month - 1 }).startOf('month') > DateTime.now()) {\n                    return { future: true };\n                }\n            }\n        }\n    }\n    return null;\n};\n","import { AbstractControl, FormsModule, ValidationErrors } from '@angular/forms';\nimport { ChangeDetectionStrategy, Component, computed, effect, inject, input, signal } from '@angular/core';\nimport { spxTextChooseFuture, spxTextChoosePast, spxTextChooseValidMonth, spxTextDateMayNotBeFuture, spxTextDateMayNotBePast, spxTextInvalidCode, spxTextPatternNotValid, spxTextRequired, spxTextTooHigh, spxTextTooLong, spxTextTooLow, spxTextTooShort } from '@softpak/components/spx-translate';\n\nimport { TranslateService } from '@ngx-translate/core';\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   protected readonly show = signal(false);\n  private readonly shouldShow = computed(() => this.control() && this.errors() && (this.touched() || this.submitTried()));\n\n  private pending: ReturnType<typeof setTimeout> | null = null;\n  private token = 0;\n\n    // Short delay to avoid growing DOM while clicking on something.\n  private _delayShow = effect((onCleanup) => {\n    const want = this.shouldShow();\n\n    // Invalidate any older timeouts.\n    this.token++;\n\n    // Cancel any in-flight timeout.\n    if (this.pending) {\n      clearTimeout(this.pending);\n      this.pending = null;\n    }\n\n    if (want) {\n      const myToken = this.token;\n      this.pending = setTimeout(() => {\n        // Only set true if no newer change happened AND the condition still holds.\n        if (myToken === this.token && this.shouldShow()) {\n          this.show.set(true);\n        }\n      }, 500); // your delay\n    } else {\n      // Turn off immediately.\n      this.show.set(false);\n    }\n\n    // Clean up if the effect is torn down.\n    onCleanup(() => {\n      if (this.pending) {\n        clearTimeout(this.pending);\n        this.pending = null;\n      }\n    });\n  });\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  translateService = inject(TranslateService);\n\n  textTooLong = computed(() => {\n    return this.translateService.instant(spxTextTooLong, { fieldLabel: this.label(), error: this.errors()?.[\"maxlength\"].requiredLength });\n  });\n\n  textTooShort = computed(() => {\n    return this.translateService.instant(spxTextTooShort, { fieldLabel: this.label(), error: this.errors()?.[\"minlength\"].requiredLength });\n  });\n\n  textTooHigh = computed(() => {\n    return this.translateService.instant(spxTextTooHigh, { fieldLabel: this.label(), error: this.errors()?.[\"max\"].max });\n  });\n\n  textTooLow = computed(() => {\n    return this.translateService.instant(spxTextTooLow, { fieldLabel: this.label(), error: this.errors()?.[\"min\"].min });\n  });\n\n  textPatternNotValid = computed(() => {\n    return this.translateService.instant(spxTextPatternNotValid, { fieldLabel: this.label() });\n  });\n\n  textRequired = computed(() => {\n    return this.translateService.instant(spxTextRequired, { fieldLabel: this.label() });\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","@if (show()) {\n<div class=\"bg-red-600 rounded-b p-3\">\n  @if (maxLength()) {\n  <div>{{ textTooLong() }}</div>\n  }\n  @if (minLength()) {\n  <div>{{ textTooShort() }}</div>\n  }\n  @if (max()) {\n  <div>{{ textTooHigh() }}</div>\n  }\n  @if (min()) {\n  <div>{{ textTooLow() }}</div>\n  }\n  @if (pattern()) {\n  <div>{{ textPatternNotValid() }}</div>\n  }\n  @if (required()) {\n  <div>{{ textRequired() }}</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>{{ textChooseValidMonth() }}</div>\n  }\n  @if (future()) {\n  <div>{{ textDateMayNotBeFuture() }}</div>\n  }\n  @if (past()) {\n  <div>{{ textDateMayNotBePast() }}</div>\n  }\n</div>\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": "20.7.1",
+  "version": "20.7.2",
   "private": false,
   "peerDependencies": {
     "@angular/common": "20.x.x",
@@ -32,38 +32,34 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/softpak-components.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-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-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-alert": {
+      "types": "./spx-alert/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-alert.mjs"
+    },
     "./spx-capitalize": {
       "types": "./spx-capitalize/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
     },
+    "./spx-app-configuration": {
+      "types": "./spx-app-configuration/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
+    },
     "./spx-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"
@@ -72,25 +68,21 @@
       "types": "./spx-check-digit/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-check-digit.mjs"
     },
-    "./spx-form-section": {
-      "types": "./spx-form-section/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-form-section.mjs"
-    },
     "./spx-confirm": {
       "types": "./spx-confirm/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-confirm.mjs"
     },
-    "./spx-form-view": {
-      "types": "./spx-form-view/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-form-view.mjs"
+    "./spx-form-section": {
+      "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-inputs": {
-      "types": "./spx-inputs/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-inputs.mjs"
+    "./spx-change-details": {
+      "types": "./spx-change-details/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-change-details.mjs"
     },
     "./spx-number-check": {
       "types": "./spx-number-check/index.d.ts",
@@ -100,14 +92,18 @@
       "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-form-view": {
+      "types": "./spx-form-view/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-form-view.mjs"
+    },
     "./spx-pagination": {
       "types": "./spx-pagination/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-pagination.mjs"
     },
-    "./spx-pipes": {
-      "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"
@@ -116,21 +112,21 @@
       "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"
-    },
     "./spx-stock-info": {
       "types": "./spx-stock-info/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-stock-info.mjs"
     },
+    "./spx-pipes": {
+      "types": "./spx-pipes/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-pipes.mjs"
+    },
     "./spx-storage": {
       "types": "./spx-storage/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-storage.mjs"
     },
-    "./spx-suggestion": {
-      "types": "./spx-suggestion/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-suggestion.mjs"
+    "./spx-spinner": {
+      "types": "./spx-spinner/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-spinner.mjs"
     },
     "./spx-toaster": {
       "types": "./spx-toaster/index.d.ts",
@@ -140,9 +136,9 @@
       "types": "./spx-tabs/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-tabs.mjs"
     },
-    "./spx-toggle": {
-      "types": "./spx-toggle/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-toggle.mjs"
+    "./spx-suggestion": {
+      "types": "./spx-suggestion/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-suggestion.mjs"
     },
     "./spx-translate": {
       "types": "./spx-translate/index.d.ts",
@@ -152,6 +148,10 @@
       "types": "./spx-update/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-update.mjs"
     },
+    "./spx-toggle": {
+      "types": "./spx-toggle/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-toggle.mjs"
+    },
     "./spx-validation": {
       "types": "./spx-validation/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-validation.mjs"

package/spx-validation/index.d.ts

@@ -1,5 +1,6 @@
 import { AbstractControl, ValidationErrors } from '@angular/forms';
 import * as _angular_core from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
 
 declare const spxValidatorMax: (max: number) => (control: AbstractControl) => {
     max: {
@@ -41,6 +42,11 @@ declare class SpxValidateControlComponent {
     readonly submitTried: _angular_core.InputSignal<boolean | undefined>;
     readonly errors: _angular_core.InputSignal<ValidationErrors | null>;
     readonly touched: _angular_core.InputSignal<boolean>;
+    protected readonly show: _angular_core.WritableSignal<boolean>;
+    private readonly shouldShow;
+    private pending;
+    private token;
+    private _delayShow;
     maxLength: _angular_core.Signal<any>;
     maxLengthRequiredLength: _angular_core.Signal<any>;
     minLength: _angular_core.Signal<any>;
@@ -56,6 +62,19 @@ declare class SpxValidateControlComponent {
     month: _angular_core.Signal<any>;
     future: _angular_core.Signal<any>;
     past: _angular_core.Signal<any>;
+    translateService: TranslateService;
+    textTooLong: _angular_core.Signal<any>;
+    textTooShort: _angular_core.Signal<any>;
+    textTooHigh: _angular_core.Signal<any>;
+    textTooLow: _angular_core.Signal<any>;
+    textPatternNotValid: _angular_core.Signal<any>;
+    textRequired: _angular_core.Signal<any>;
+    textChoosePast: _angular_core.Signal<any>;
+    textChooseFuture: _angular_core.Signal<any>;
+    textChooseValidMonth: _angular_core.Signal<any>;
+    textDateMayNotBeFuture: _angular_core.Signal<any>;
+    textDateMayNotBePast: _angular_core.Signal<any>;
+    textInvalidCode: _angular_core.Signal<any>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpxValidateControlComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpxValidateControlComponent, "spx-validate-control", never, { "control": { "alias": "control"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "submitTried": { "alias": "submitTried"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": true; "isSignal": true; }; "touched": { "alias": "touched"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }