All files / formly/fields/email si-formly-email.component.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
 
/**
 * Copyright (c) Siemens 2016 - 2025
 * SPDX-License-Identifier: MIT
 */
import { Component } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { FieldType, FieldTypeConfig, FormlyModule } from '@ngx-formly/core';
 
import { SiValidationErrorIdPipe } from '../../utils';
 
@Component({
  selector: 'si-formly-email',
  imports: [FormsModule, ReactiveFormsModule, FormlyModule, SiValidationErrorIdPipe],
  templateUrl: './si-formly-email.component.html'
})
export class SiFormlyEmailComponent extends FieldType<FieldTypeConfig> {
  // Patterns are not recommended to validate email addresses.
  // See https://tools.ietf.org/html/rfc2822 to get a feeling of possible email address formats
  // This pattern is from https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email#validation
  // public readonly pattern =
  // /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/
}