@everymatrix/general-input 1.10.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.
Files changed (106) hide show
  1. package/dist/cjs/checkbox-input_9.cjs.entry.js +686 -0
  2. package/dist/cjs/general-input.cjs.entry.js +45 -0
  3. package/dist/cjs/general-input.cjs.js +19 -0
  4. package/dist/cjs/index-64a5cb7f.js +1214 -0
  5. package/dist/cjs/index.cjs.js +2 -0
  6. package/dist/cjs/loader.cjs.js +21 -0
  7. package/dist/collection/collection-manifest.json +21 -0
  8. package/dist/collection/components/checkbox-input/checkbox-input.css +20 -0
  9. package/dist/collection/components/checkbox-input/checkbox-input.js +196 -0
  10. package/dist/collection/components/date-input/date-input.css +60 -0
  11. package/dist/collection/components/date-input/date-input.js +242 -0
  12. package/dist/collection/components/email-input/email-input.css +60 -0
  13. package/dist/collection/components/email-input/email-input.js +259 -0
  14. package/dist/collection/components/general-input/general-input.css +3 -0
  15. package/dist/collection/components/general-input/general-input.js +204 -0
  16. package/dist/collection/components/number-input/number-input.css +67 -0
  17. package/dist/collection/components/number-input/number-input.js +245 -0
  18. package/dist/collection/components/password-input/password-input.css +60 -0
  19. package/dist/collection/components/password-input/password-input.js +210 -0
  20. package/dist/collection/components/radio-input/radio-input.css +22 -0
  21. package/dist/collection/components/radio-input/radio-input.js +245 -0
  22. package/dist/collection/components/select-input/select-input.css +49 -0
  23. package/dist/collection/components/select-input/select-input.js +308 -0
  24. package/dist/collection/components/tel-input/tel-input.css +67 -0
  25. package/dist/collection/components/tel-input/tel-input.js +294 -0
  26. package/dist/collection/components/text-input/text-input.css +60 -0
  27. package/dist/collection/components/text-input/text-input.js +278 -0
  28. package/dist/collection/index.js +1 -0
  29. package/dist/collection/utils/locale.utils.js +27 -0
  30. package/dist/collection/utils/types.js +1 -0
  31. package/dist/collection/utils/utils.js +5 -0
  32. package/dist/components/checkbox-input.d.ts +11 -0
  33. package/dist/components/checkbox-input.js +6 -0
  34. package/dist/components/checkbox-input2.js +78 -0
  35. package/dist/components/date-input.d.ts +11 -0
  36. package/dist/components/date-input.js +6 -0
  37. package/dist/components/date-input2.js +90 -0
  38. package/dist/components/email-input.d.ts +11 -0
  39. package/dist/components/email-input.js +6 -0
  40. package/dist/components/email-input2.js +108 -0
  41. package/dist/components/general-input.d.ts +11 -0
  42. package/dist/components/general-input.js +123 -0
  43. package/dist/components/index.d.ts +26 -0
  44. package/dist/components/index.js +1 -0
  45. package/dist/components/locale.utils.js +29 -0
  46. package/dist/components/number-input.d.ts +11 -0
  47. package/dist/components/number-input.js +6 -0
  48. package/dist/components/number-input2.js +96 -0
  49. package/dist/components/password-input.d.ts +11 -0
  50. package/dist/components/password-input.js +6 -0
  51. package/dist/components/password-input2.js +93 -0
  52. package/dist/components/radio-input.d.ts +11 -0
  53. package/dist/components/radio-input.js +6 -0
  54. package/dist/components/radio-input2.js +89 -0
  55. package/dist/components/select-input.d.ts +11 -0
  56. package/dist/components/select-input.js +6 -0
  57. package/dist/components/select-input2.js +127 -0
  58. package/dist/components/tel-input.d.ts +11 -0
  59. package/dist/components/tel-input.js +6 -0
  60. package/dist/components/tel-input2.js +111 -0
  61. package/dist/components/text-input.d.ts +11 -0
  62. package/dist/components/text-input.js +6 -0
  63. package/dist/components/text-input2.js +112 -0
  64. package/dist/esm/checkbox-input_9.entry.js +674 -0
  65. package/dist/esm/general-input.entry.js +41 -0
  66. package/dist/esm/general-input.js +17 -0
  67. package/dist/esm/index-df80f936.js +1188 -0
  68. package/dist/esm/index.js +1 -0
  69. package/dist/esm/loader.js +17 -0
  70. package/dist/esm/polyfills/core-js.js +11 -0
  71. package/dist/esm/polyfills/css-shim.js +1 -0
  72. package/dist/esm/polyfills/dom.js +79 -0
  73. package/dist/esm/polyfills/es5-html-element.js +1 -0
  74. package/dist/esm/polyfills/index.js +34 -0
  75. package/dist/esm/polyfills/system.js +6 -0
  76. package/dist/general-input/general-input.esm.js +1 -0
  77. package/dist/general-input/index.esm.js +0 -0
  78. package/dist/general-input/p-c9e79656.entry.js +1 -0
  79. package/dist/general-input/p-d9f7fa2e.js +1 -0
  80. package/dist/general-input/p-dea0a4ac.entry.js +1 -0
  81. package/dist/index.cjs.js +1 -0
  82. package/dist/index.js +1 -0
  83. package/dist/stencil.config.js +22 -0
  84. package/dist/types/Users/user/workspace/everymatrix/widgets-stencil/packages/general-input/.stencil/packages/general-input/stencil.config.d.ts +2 -0
  85. package/dist/types/components/checkbox-input/checkbox-input.d.ts +39 -0
  86. package/dist/types/components/date-input/date-input.d.ts +47 -0
  87. package/dist/types/components/email-input/email-input.d.ts +51 -0
  88. package/dist/types/components/general-input/general-input.d.ts +40 -0
  89. package/dist/types/components/number-input/number-input.d.ts +48 -0
  90. package/dist/types/components/password-input/password-input.d.ts +42 -0
  91. package/dist/types/components/radio-input/radio-input.d.ts +48 -0
  92. package/dist/types/components/select-input/select-input.d.ts +55 -0
  93. package/dist/types/components/tel-input/tel-input.d.ts +59 -0
  94. package/dist/types/components.d.ts +749 -0
  95. package/dist/types/index.d.ts +1 -0
  96. package/dist/types/stencil-public-runtime.d.ts +1565 -0
  97. package/dist/types/utils/locale.utils.d.ts +5 -0
  98. package/dist/types/utils/types.d.ts +55 -0
  99. package/dist/types/utils/utils.d.ts +1 -0
  100. package/loader/cdn.js +3 -0
  101. package/loader/index.cjs.js +3 -0
  102. package/loader/index.d.ts +12 -0
  103. package/loader/index.es2017.js +3 -0
  104. package/loader/index.js +4 -0
  105. package/loader/package.json +10 -0
  106. package/package.json +19 -0
@@ -0,0 +1 @@
1
+ import{r as t,h as i}from"./p-d9f7fa2e.js";const a=class{constructor(i){t(this,i),this.type="text"}render(){switch(this.type.toLowerCase()){case"text":return i("text-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,emitValue:this.emitValue,language:this.language});case"email":return i("email-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,emitValue:this.emitValue,language:this.language});case"number":return i("number-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,emitValue:this.emitValue,language:this.language});case"checkbox":return i("checkbox-input",{name:this.name,displayName:this.displayName,validation:this.validation,emitValue:this.emitValue,language:this.language});case"datetime":return i("date-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,emitValue:this.emitValue,language:this.language});case"password":return i("password-input",{name:this.name,displayName:this.displayName,validation:this.validation,emitValue:this.emitValue,language:this.language});case"radio":return i("radio-input",{name:this.name,displayName:this.displayName,optionsGroup:this.options,validation:this.validation,emitValue:this.emitValue,language:this.language});case"tel":return i("tel-input",{name:this.name,action:this.action,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,emitValue:this.emitValue,language:this.language});case"dropdown":return i("select-input",{name:this.name,action:this.action,displayName:this.displayName,options:this.options,validation:this.validation,emitValue:this.emitValue,language:this.language});default:return i("p",null,"The ",this.type," input type is not valid")}}};a.style=":host{display:block}";export{a as general_input}
@@ -0,0 +1 @@
1
+ module.exports = require('./cjs/index.cjs.js');
package/dist/index.js ADDED
@@ -0,0 +1 @@
1
+ export * from './esm/index.js';
@@ -0,0 +1,22 @@
1
+ import { sass } from '@stencil/sass';
2
+ export const config = {
3
+ namespace: 'general-input',
4
+ taskQueue: 'async',
5
+ plugins: [sass()],
6
+ outputTargets: [
7
+ {
8
+ type: 'dist',
9
+ esmLoaderPath: '../loader',
10
+ },
11
+ {
12
+ type: 'dist-custom-elements',
13
+ },
14
+ {
15
+ type: 'docs-readme',
16
+ },
17
+ {
18
+ type: 'www',
19
+ serviceWorker: null, // disable service workers
20
+ },
21
+ ],
22
+ };
@@ -0,0 +1,2 @@
1
+ import { Config } from '../../../../../../../../../../stencil-public-runtime';
2
+ export declare const config: Config;
@@ -0,0 +1,39 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
3
+ export declare class CheckboxInput {
4
+ /**
5
+ * Name of the input.
6
+ */
7
+ name: string;
8
+ /**
9
+ * Name of input to be shown to the user.
10
+ */
11
+ displayName: string;
12
+ /**
13
+ * Object of validation rules for the input.
14
+ */
15
+ validation: ValidationSchema;
16
+ /**
17
+ * Currently selected language.
18
+ */
19
+ language: string;
20
+ /**
21
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
22
+ */
23
+ emitValue: boolean;
24
+ errorMessage: string;
25
+ isValid: boolean;
26
+ private inputReference;
27
+ value: boolean;
28
+ validityChanged(): void;
29
+ sendValidityState: EventEmitter<InputStateEvent>;
30
+ validityStateHandler(inputStateEvent: InputStateEvent): void;
31
+ emitValueHandler(newValue: boolean): void;
32
+ sendInputValue: EventEmitter<InputValueEvent>;
33
+ valueHandler(inputValueEvent: InputValueEvent): void;
34
+ connectedCallback(): void;
35
+ handleClick(): void;
36
+ setValidity(): boolean;
37
+ setErrorMessage(): string;
38
+ render(): any;
39
+ }
@@ -0,0 +1,47 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
3
+ export declare class DateInput {
4
+ /**
5
+ * Name of the input.
6
+ */
7
+ name: string;
8
+ /**
9
+ * Name of input to be shown to the user.
10
+ */
11
+ displayName: string;
12
+ /**
13
+ * Object of validation rules for the input.
14
+ */
15
+ validation: ValidationSchema;
16
+ /**
17
+ * Default value for the input.
18
+ */
19
+ defaultValue: string;
20
+ /**
21
+ * Currently selected language.
22
+ */
23
+ language: string;
24
+ /**
25
+ * State passed down from the parent element. Will trigger the input to check for validity.
26
+ */
27
+ checkValidity: boolean;
28
+ /**
29
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
30
+ */
31
+ emitValue: boolean;
32
+ errorMessage: string;
33
+ isValid: boolean;
34
+ inputReference: HTMLInputElement;
35
+ value: string;
36
+ checkValidityHandler(newValue: boolean): void;
37
+ validityChanged(): void;
38
+ sendValidityState: EventEmitter<InputStateEvent>;
39
+ validityStateHandler(inputStateEvent: InputStateEvent): void;
40
+ emitValueHandler(newValue: boolean): void;
41
+ sendInputValue: EventEmitter<InputValueEvent>;
42
+ valueHandler(inputValueEvent: InputValueEvent): void;
43
+ handleInput(event: any): void;
44
+ setValidity(): boolean;
45
+ setErrorMessage(): string;
46
+ render(): any;
47
+ }
@@ -0,0 +1,51 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
3
+ export declare class EmailInput {
4
+ /**
5
+ * Name of the input.
6
+ */
7
+ name: string;
8
+ /**
9
+ * Name of input to be shown to the user.
10
+ */
11
+ displayName: string;
12
+ /**
13
+ * Object of validation rules for the input.
14
+ */
15
+ validation: ValidationSchema;
16
+ /**
17
+ * Default value for the input.
18
+ */
19
+ defaultValue: string;
20
+ /**
21
+ * Currently selected language.
22
+ */
23
+ language: string;
24
+ /**
25
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
26
+ */
27
+ emitValue: boolean;
28
+ /**
29
+ * State passed down from the parent element. Will trigger the input to check for validity.
30
+ */
31
+ checkValidity: boolean;
32
+ errorMessage: string;
33
+ isValid: boolean;
34
+ value: string;
35
+ inputReference: HTMLInputElement;
36
+ debounceTime: ReturnType<typeof setTimeout>;
37
+ validationPattern: string;
38
+ checkValidityHandler(newValue: boolean): void;
39
+ validityChanged(): void;
40
+ sendValidityState: EventEmitter<InputStateEvent>;
41
+ validityStateHandler(inputStateEvent: InputStateEvent): void;
42
+ emitValueHandler(newValue: boolean): void;
43
+ sendInputValue: EventEmitter<InputValueEvent>;
44
+ valueHandler(inputValueEvent: InputValueEvent): void;
45
+ connectedCallback(): void;
46
+ handleInput(event: any): void;
47
+ setValidity(): boolean;
48
+ setPattern(): string;
49
+ setErrorMessage(): string;
50
+ render(): any;
51
+ }
@@ -0,0 +1,40 @@
1
+ import type { ValidationSchema } from '../../utils/types';
2
+ export declare class GeneralInput {
3
+ /**
4
+ * Type the general-input should take. Can take the default HTML input values.
5
+ */
6
+ type: string;
7
+ /**
8
+ * Name of the input.
9
+ */
10
+ name: string;
11
+ /**
12
+ * Name of input to be shown to the user.
13
+ */
14
+ displayName: string;
15
+ /**
16
+ * Special behaviour an input should have. Can be fetching for data.
17
+ */
18
+ action: string;
19
+ /**
20
+ * Object of validation rules for the input.
21
+ */
22
+ validation: ValidationSchema;
23
+ /**
24
+ * For input elements that have multiple options or choises.
25
+ */
26
+ options: any;
27
+ /**
28
+ * Currently selected language.
29
+ */
30
+ language: string;
31
+ /**
32
+ * Default value for the input.
33
+ */
34
+ defaultValue: any;
35
+ /**
36
+ * State passed down from the parent element. Will trigger the child specialised input to send it's value through an event.
37
+ */
38
+ emitValue: boolean;
39
+ render(): any;
40
+ }
@@ -0,0 +1,48 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
3
+ export declare class NumberInput {
4
+ /**
5
+ * Name of the input.
6
+ */
7
+ name: string;
8
+ /**
9
+ * Name of input to be shown to the user.
10
+ */
11
+ displayName: string;
12
+ /**
13
+ * Object of validation rules for the input.
14
+ */
15
+ validation: ValidationSchema;
16
+ /**
17
+ * Default value for the input.
18
+ */
19
+ defaultValue: number;
20
+ /**
21
+ * Currently selected language.
22
+ */
23
+ language: string;
24
+ /**
25
+ * State passed down from the parent element. Will trigger the input to check for validity.
26
+ */
27
+ checkValidity: boolean;
28
+ /**
29
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
30
+ */
31
+ emitValue: boolean;
32
+ errorMessage: string;
33
+ isValid: boolean;
34
+ value: string;
35
+ inputReference: HTMLInputElement;
36
+ debounceTime: ReturnType<typeof setTimeout>;
37
+ checkValidityHandler(newValue: boolean): void;
38
+ validityChanged(): void;
39
+ sendValidityState: EventEmitter<InputStateEvent>;
40
+ validityStateHandler(inputStateEvent: InputStateEvent): void;
41
+ emitValueHandler(newValue: boolean): void;
42
+ sendInputValue: EventEmitter<InputValueEvent>;
43
+ valueHandler(inputValueEvent: InputValueEvent): void;
44
+ handleInput(event: any): void;
45
+ setValidity(): boolean;
46
+ setErrorMessage(): string;
47
+ render(): any;
48
+ }
@@ -0,0 +1,42 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
3
+ export declare class PasswordInput {
4
+ /**
5
+ * Name of the input.
6
+ */
7
+ name: string;
8
+ /**
9
+ * Name of input to be shown to the user.
10
+ */
11
+ displayName: string;
12
+ /**
13
+ * Object of validation rules for the input.
14
+ */
15
+ validation: ValidationSchema;
16
+ /**
17
+ * Currently selected language.
18
+ */
19
+ language: string;
20
+ /**
21
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
22
+ */
23
+ emitValue: boolean;
24
+ isValid: boolean;
25
+ errorMessage: string;
26
+ private inputReference;
27
+ value: string;
28
+ validationPattern: string;
29
+ debounceTime: ReturnType<typeof setTimeout>;
30
+ validityChanged(): void;
31
+ sendValidityState: EventEmitter<InputStateEvent>;
32
+ validityStateHandler(inputStateEvent: InputStateEvent): void;
33
+ emitValueHandler(newValue: boolean): void;
34
+ sendInputValue: EventEmitter<InputValueEvent>;
35
+ valueHandler(inputValueEvent: InputValueEvent): void;
36
+ connectedCallback(): void;
37
+ handleInput(event: any): void;
38
+ setValidity(): boolean;
39
+ setPattern(): string;
40
+ setErrorMessage(): string;
41
+ render(): any;
42
+ }
@@ -0,0 +1,48 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ import { Option, ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
3
+ export declare class RadioInput {
4
+ /**
5
+ * Name of the input.
6
+ */
7
+ name: string;
8
+ /**
9
+ * Name of input to be shown to the user.
10
+ */
11
+ displayName: string;
12
+ /**
13
+ * Options of the input.
14
+ */
15
+ optionsGroup: Option[];
16
+ /**
17
+ * Object of validation rules for the input.
18
+ */
19
+ validation: ValidationSchema;
20
+ /**
21
+ * Currently selected language.
22
+ */
23
+ language: string;
24
+ /**
25
+ * State passed down from the parent element. Will trigger the input to check for validity.
26
+ */
27
+ checkValidity: boolean;
28
+ /**
29
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
30
+ */
31
+ emitValue: boolean;
32
+ errorMessage: string;
33
+ isValid: boolean;
34
+ private inputReference;
35
+ value: any;
36
+ checkValidityHandler(newValue: boolean): void;
37
+ validityChanged(): void;
38
+ emitValueHandler(newValue: boolean): void;
39
+ sendInputValue: EventEmitter<InputValueEvent>;
40
+ valueHandler(inputValueEvent: InputValueEvent): void;
41
+ sendValidityState: EventEmitter<InputStateEvent>;
42
+ validityStateHandler(inputStateEvent: InputStateEvent): void;
43
+ connectedCallback(): void;
44
+ handleClick(event: any): void;
45
+ setValidity(): boolean;
46
+ setErrorMessage(): string;
47
+ render(): any;
48
+ }
@@ -0,0 +1,55 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ import type { ValidationSchema, InputStateEvent, InputValueEvent, Option } from '../../utils/types';
3
+ export declare class SelectInput {
4
+ /**
5
+ * Name of the input.
6
+ */
7
+ name: string;
8
+ /**
9
+ * Name of input to be shown to the user.
10
+ */
11
+ displayName: string;
12
+ /**
13
+ * Special behaviour an input should have. Can be fetching for data.
14
+ */
15
+ action: string;
16
+ /**
17
+ * Options of the input.
18
+ */
19
+ options: Option[];
20
+ /**
21
+ * Object of validation rules for the input.
22
+ */
23
+ validation: ValidationSchema;
24
+ /**
25
+ * Currently selected language.
26
+ */
27
+ language: string;
28
+ /**
29
+ * State passed down from the parent element. Will trigger the input to check for validity.
30
+ */
31
+ checkValidity: boolean;
32
+ /**
33
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
34
+ */
35
+ emitValue: boolean;
36
+ errorMessage: string;
37
+ isValid: boolean;
38
+ private inputReference;
39
+ value: string;
40
+ displayedOptions: Option[];
41
+ checkValidityHandler(newValue: boolean): void;
42
+ validityChanged(): void;
43
+ sendValidityState: EventEmitter<InputStateEvent>;
44
+ validityStateHandler(inputStateEvent: InputStateEvent): void;
45
+ emitValueHandler(newValue: boolean): void;
46
+ sendInputValue: EventEmitter<InputValueEvent>;
47
+ valueHandler(inputValueEvent: InputValueEvent): void;
48
+ connectedCallback(): void;
49
+ componentWillLoad(): Promise<void>;
50
+ getOptions(): Promise<unknown>;
51
+ handleChange(event: any): void;
52
+ setValidity(): boolean;
53
+ setErrorMessage(): string;
54
+ render(): any;
55
+ }
@@ -0,0 +1,59 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
3
+ export declare class TelInput {
4
+ /**
5
+ * Name of the input.
6
+ */
7
+ name: string;
8
+ /**
9
+ * Name of input to be shown to the user.
10
+ */
11
+ displayName: string;
12
+ /**
13
+ * Boolean that defines if the widget show labels or placeholders.
14
+ */
15
+ showLabels: boolean;
16
+ /**
17
+ * Special behaviour an input should have. Can be fetching for data.
18
+ */
19
+ action: string;
20
+ /**
21
+ * Object of validation rules for the input.
22
+ */
23
+ validation: ValidationSchema;
24
+ /**
25
+ * Default value for the input.
26
+ */
27
+ defaultValue: number | string;
28
+ /**
29
+ * Currently selected language.
30
+ */
31
+ language: string;
32
+ /**
33
+ * State passed down from the parent element. Will trigger the input to check for validity.
34
+ */
35
+ checkValidity: boolean;
36
+ /**
37
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
38
+ */
39
+ emitValue: boolean;
40
+ isValid: boolean;
41
+ errorMessage: string;
42
+ inputReference: HTMLInputElement;
43
+ validationPattern: string;
44
+ debounceTime: ReturnType<typeof setTimeout>;
45
+ value: string;
46
+ checkValidityHandler(newValue: boolean): void;
47
+ validityChanged(): void;
48
+ sendValidityState: EventEmitter<InputStateEvent>;
49
+ validityStateHandler(inputStateEvent: InputStateEvent): void;
50
+ emitValueHandler(newValue: boolean): void;
51
+ sendInputValue: EventEmitter<InputValueEvent>;
52
+ valueHandler(inputValueEvent: InputValueEvent): void;
53
+ connectedCallback(): void;
54
+ handleInput(event: any): void;
55
+ setValidity(): boolean;
56
+ setPattern(): string;
57
+ setErrorMessage(): string;
58
+ render(): any;
59
+ }