@carefirst/library 5.3.2 → 5.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -808,11 +808,11 @@ class FormValidationComponent {
|
|
|
808
808
|
}
|
|
809
809
|
}
|
|
810
810
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormValidationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
811
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: FormValidationComponent, isStandalone: false, selector: "cf-form-validation", inputs: { control: "control", customErrorMessage: "customErrorMessage" }, usesOnChanges: true, ngImport: i0, template: "@if (customErrorMessage) {\n <div class=\"form-valid-feedback\">\n <p class=\"body-medium\">{{ customErrorMessage }}</p>\n </div>\n} @else {\n @if (control?.dirty && control?.errors) {\n <div class=\"form-valid-feedback\">\n @for (error of this.control?.errors | keyvalue; track error) {\n <div>\n @if (error.key === 'email') {\n <p class=\"body-medium\">*Invalid email format</p>\n }\n @if (error.key === 'minlength') {\n <p class=\"body-medium\">*Length required: {{ error.value.requiredLength - error.value.actualLength }}</p>\n }\n @if (error.key === 'maxlength') {\n <p class=\"body-medium\">*Max Length: {{ error.value.requiredLength }}</p>\n }\n @if (error.key === 'pattern') {\n <p class=\"body-medium\">*Incorrect Pattern</p>\n }\n @if (error.key === 'errorMessage') {\n <p class=\"body-medium\">*{{ error.value }}</p>\n }\n </div>\n }\n </div>\n }\n}\n", styles: [".form-valid-feedback{padding:4px 0 0 10px}.form-valid-feedback p{font-size:1.2rem;text-align:left;color:var(--cf-app-system-color-error)}\n"], dependencies: [{ kind: "pipe", type: i2.KeyValuePipe, name: "keyvalue" }] });
|
|
811
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: FormValidationComponent, isStandalone: false, selector: "cf-form-validation", inputs: { control: "control", customErrorMessage: "customErrorMessage" }, usesOnChanges: true, ngImport: i0, template: "@if (customErrorMessage) {\n <div class=\"form-valid-feedback\">\n <p class=\"body-medium\">{{ customErrorMessage }}</p>\n </div>\n} @else {\n @if (control?.dirty && control?.errors) {\n <div class=\"form-valid-feedback\">\n @for (error of this.control?.errors | keyvalue; track error.key) {\n <div>\n @if (error.key === 'email') {\n <p class=\"body-medium\">*Invalid email format</p>\n }\n @if (error.key === 'minlength') {\n <p class=\"body-medium\">*Length required: {{ error.value.requiredLength - error.value.actualLength }}</p>\n }\n @if (error.key === 'maxlength') {\n <p class=\"body-medium\">*Max Length: {{ error.value.requiredLength }}</p>\n }\n @if (error.key === 'pattern') {\n <p class=\"body-medium\">*Incorrect Pattern</p>\n }\n @if (error.key === 'errorMessage') {\n <p class=\"body-medium\">*{{ error.value }}</p>\n }\n </div>\n }\n </div>\n }\n}\n", styles: [".form-valid-feedback{padding:4px 0 0 10px}.form-valid-feedback p{font-size:1.2rem;text-align:left;color:var(--cf-app-system-color-error)}\n"], dependencies: [{ kind: "pipe", type: i2.KeyValuePipe, name: "keyvalue" }] });
|
|
812
812
|
}
|
|
813
813
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormValidationComponent, decorators: [{
|
|
814
814
|
type: Component,
|
|
815
|
-
args: [{ selector: 'cf-form-validation', standalone: false, template: "@if (customErrorMessage) {\n <div class=\"form-valid-feedback\">\n <p class=\"body-medium\">{{ customErrorMessage }}</p>\n </div>\n} @else {\n @if (control?.dirty && control?.errors) {\n <div class=\"form-valid-feedback\">\n @for (error of this.control?.errors | keyvalue; track error) {\n <div>\n @if (error.key === 'email') {\n <p class=\"body-medium\">*Invalid email format</p>\n }\n @if (error.key === 'minlength') {\n <p class=\"body-medium\">*Length required: {{ error.value.requiredLength - error.value.actualLength }}</p>\n }\n @if (error.key === 'maxlength') {\n <p class=\"body-medium\">*Max Length: {{ error.value.requiredLength }}</p>\n }\n @if (error.key === 'pattern') {\n <p class=\"body-medium\">*Incorrect Pattern</p>\n }\n @if (error.key === 'errorMessage') {\n <p class=\"body-medium\">*{{ error.value }}</p>\n }\n </div>\n }\n </div>\n }\n}\n", styles: [".form-valid-feedback{padding:4px 0 0 10px}.form-valid-feedback p{font-size:1.2rem;text-align:left;color:var(--cf-app-system-color-error)}\n"] }]
|
|
815
|
+
args: [{ selector: 'cf-form-validation', standalone: false, template: "@if (customErrorMessage) {\n <div class=\"form-valid-feedback\">\n <p class=\"body-medium\">{{ customErrorMessage }}</p>\n </div>\n} @else {\n @if (control?.dirty && control?.errors) {\n <div class=\"form-valid-feedback\">\n @for (error of this.control?.errors | keyvalue; track error.key) {\n <div>\n @if (error.key === 'email') {\n <p class=\"body-medium\">*Invalid email format</p>\n }\n @if (error.key === 'minlength') {\n <p class=\"body-medium\">*Length required: {{ error.value.requiredLength - error.value.actualLength }}</p>\n }\n @if (error.key === 'maxlength') {\n <p class=\"body-medium\">*Max Length: {{ error.value.requiredLength }}</p>\n }\n @if (error.key === 'pattern') {\n <p class=\"body-medium\">*Incorrect Pattern</p>\n }\n @if (error.key === 'errorMessage') {\n <p class=\"body-medium\">*{{ error.value }}</p>\n }\n </div>\n }\n </div>\n }\n}\n", styles: [".form-valid-feedback{padding:4px 0 0 10px}.form-valid-feedback p{font-size:1.2rem;text-align:left;color:var(--cf-app-system-color-error)}\n"] }]
|
|
816
816
|
}], propDecorators: { control: [{
|
|
817
817
|
type: Input
|
|
818
818
|
}], customErrorMessage: [{
|