@everymatrix/general-input 1.43.4 → 1.45.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 (138) hide show
  1. package/dist/cjs/app-globals-3a1e7e63.js +5 -0
  2. package/dist/cjs/checkbox-group-input_10.cjs.entry.js +3873 -1756
  3. package/dist/cjs/general-input.cjs.entry.js +65 -62
  4. package/dist/cjs/general-input.cjs.js +17 -11
  5. package/dist/cjs/index-8cb018cb.js +1316 -0
  6. package/dist/cjs/index.cjs.js +13 -13
  7. package/dist/cjs/loader.cjs.js +7 -13
  8. package/dist/cjs/locale.utils-fdc29445.js +147 -0
  9. package/dist/cjs/toggle-checkbox-input.cjs.entry.js +77 -74
  10. package/dist/collection/collection-manifest.json +14 -14
  11. package/dist/collection/components/checkbox-group-input/checkbox-group-input.js +368 -353
  12. package/dist/collection/components/checkbox-input/checkbox-input.js +325 -315
  13. package/dist/collection/components/date-input/date-input.css +2 -2
  14. package/dist/collection/components/date-input/date-input.js +397 -376
  15. package/dist/collection/components/email-input/email-input.css +7 -11
  16. package/dist/collection/components/email-input/email-input.js +404 -385
  17. package/dist/collection/components/general-input/general-input.js +373 -367
  18. package/dist/collection/components/general-input/index.js +1 -0
  19. package/dist/collection/components/number-input/number-input.js +370 -352
  20. package/dist/collection/components/password-input/password-input.css +2 -4
  21. package/dist/collection/components/password-input/password-input.js +513 -540
  22. package/dist/collection/components/radio-input/radio-input.js +301 -286
  23. package/dist/collection/components/select-input/select-input.css +8 -9
  24. package/dist/collection/components/select-input/select-input.js +427 -414
  25. package/dist/collection/components/tel-input/tel-input.css +1 -1
  26. package/dist/collection/components/tel-input/tel-input.js +440 -422
  27. package/dist/collection/components/text-input/text-input.css +0 -1
  28. package/dist/collection/components/text-input/text-input.js +444 -429
  29. package/dist/collection/components/toggle-checkbox-input/toggle-checkbox-input.js +327 -318
  30. package/dist/collection/index.js +13 -13
  31. package/dist/collection/utils/locale.utils.js +133 -133
  32. package/dist/collection/utils/utils.js +3 -3
  33. package/dist/esm/app-globals-0f993ce5.js +3 -0
  34. package/dist/esm/checkbox-group-input_10.entry.js +3873 -1756
  35. package/dist/esm/general-input.entry.js +65 -62
  36. package/dist/esm/general-input.js +14 -11
  37. package/dist/esm/index-514fda47.js +1287 -0
  38. package/dist/esm/index.js +13 -13
  39. package/dist/esm/loader.js +7 -13
  40. package/dist/esm/locale.utils-75b7d185.js +144 -0
  41. package/dist/esm/toggle-checkbox-input.entry.js +77 -74
  42. package/dist/general-input/general-input.esm.js +1 -1
  43. package/dist/general-input/p-03e81c11.js +2 -0
  44. package/dist/general-input/p-122566dd.entry.js +5430 -0
  45. package/dist/general-input/p-1913dcb0.entry.js +1 -0
  46. package/dist/general-input/p-e1255160.js +1 -0
  47. package/dist/general-input/p-e7df9c4a.entry.js +1 -0
  48. package/dist/stencil.config.dev.js +17 -0
  49. package/dist/stencil.config.js +14 -19
  50. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.d.ts +2 -0
  51. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.dev.d.ts +2 -0
  52. package/dist/types/components/checkbox-group-input/checkbox-group-input.d.ts +68 -68
  53. package/dist/types/components/checkbox-input/checkbox-input.d.ts +61 -62
  54. package/dist/types/components/date-input/date-input.d.ts +78 -78
  55. package/dist/types/components/email-input/email-input.d.ts +77 -77
  56. package/dist/types/components/general-input/general-input.d.ts +72 -72
  57. package/dist/types/components/general-input/index.d.ts +1 -0
  58. package/dist/types/components/number-input/number-input.d.ts +71 -71
  59. package/dist/types/components/password-input/password-input.d.ts +87 -92
  60. package/dist/types/components/radio-input/radio-input.d.ts +55 -55
  61. package/dist/types/components/select-input/select-input.d.ts +79 -79
  62. package/dist/types/components/tel-input/tel-input.d.ts +85 -85
  63. package/dist/types/components/text-input/text-input.d.ts +81 -81
  64. package/dist/types/components/toggle-checkbox-input/toggle-checkbox-input.d.ts +63 -64
  65. package/dist/types/components.d.ts +201 -31
  66. package/dist/types/stencil-public-runtime.d.ts +142 -33
  67. package/dist/types/utils/locale.utils.d.ts +8 -8
  68. package/dist/types/utils/types.d.ts +54 -54
  69. package/loader/cdn.js +1 -3
  70. package/loader/index.cjs.js +1 -3
  71. package/loader/index.d.ts +13 -1
  72. package/loader/index.es2017.js +1 -3
  73. package/loader/index.js +1 -3
  74. package/loader/package.json +1 -0
  75. package/package.json +8 -1
  76. package/dist/cjs/index-132a0774.js +0 -1327
  77. package/dist/cjs/locale.utils-2fa6f747.js +0 -147
  78. package/dist/components/active-mixin.js +0 -975
  79. package/dist/components/checkbox-group-input.d.ts +0 -11
  80. package/dist/components/checkbox-group-input.js +0 -6
  81. package/dist/components/checkbox-group-input2.js +0 -1078
  82. package/dist/components/checkbox-input.d.ts +0 -11
  83. package/dist/components/checkbox-input.js +0 -6
  84. package/dist/components/checkbox-input2.js +0 -132
  85. package/dist/components/date-input.d.ts +0 -11
  86. package/dist/components/date-input.js +0 -6
  87. package/dist/components/date-input2.js +0 -11556
  88. package/dist/components/email-input.d.ts +0 -11
  89. package/dist/components/email-input.js +0 -6
  90. package/dist/components/email-input2.js +0 -171
  91. package/dist/components/field-mixin.js +0 -12426
  92. package/dist/components/general-input.d.ts +0 -11
  93. package/dist/components/general-input.js +0 -6
  94. package/dist/components/general-input2.js +0 -344
  95. package/dist/components/index.d.ts +0 -26
  96. package/dist/components/index.js +0 -18
  97. package/dist/components/input-field-shared-styles.js +0 -1211
  98. package/dist/components/number-input.d.ts +0 -11
  99. package/dist/components/number-input.js +0 -6
  100. package/dist/components/number-input2.js +0 -158
  101. package/dist/components/password-input.d.ts +0 -11
  102. package/dist/components/password-input.js +0 -6
  103. package/dist/components/password-input2.js +0 -1059
  104. package/dist/components/radio-input.d.ts +0 -11
  105. package/dist/components/radio-input.js +0 -6
  106. package/dist/components/radio-input2.js +0 -114
  107. package/dist/components/select-input.d.ts +0 -11
  108. package/dist/components/select-input.js +0 -6
  109. package/dist/components/select-input2.js +0 -183
  110. package/dist/components/tel-input.d.ts +0 -11
  111. package/dist/components/tel-input.js +0 -6
  112. package/dist/components/tel-input2.js +0 -197
  113. package/dist/components/text-input.d.ts +0 -11
  114. package/dist/components/text-input.js +0 -6
  115. package/dist/components/text-input2.js +0 -199
  116. package/dist/components/toggle-checkbox-input.d.ts +0 -11
  117. package/dist/components/toggle-checkbox-input.js +0 -6
  118. package/dist/components/tooltipIcon.js +0 -146
  119. package/dist/components/vaadin-button.js +0 -490
  120. package/dist/components/vaadin-combo-box.js +0 -4512
  121. package/dist/components/virtual-keyboard-controller.js +0 -2001
  122. package/dist/esm/index-db76d5b5.js +0 -1299
  123. package/dist/esm/locale.utils-30fb5289.js +0 -144
  124. package/dist/esm/polyfills/core-js.js +0 -11
  125. package/dist/esm/polyfills/css-shim.js +0 -1
  126. package/dist/esm/polyfills/dom.js +0 -79
  127. package/dist/esm/polyfills/es5-html-element.js +0 -1
  128. package/dist/esm/polyfills/index.js +0 -34
  129. package/dist/esm/polyfills/system.js +0 -6
  130. package/dist/general-input/p-6ae987d0.entry.js +0 -1
  131. package/dist/general-input/p-b408093e.js +0 -1
  132. package/dist/general-input/p-b64caafa.entry.js +0 -3646
  133. package/dist/general-input/p-f659e9ee.entry.js +0 -1
  134. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-stencil/packages/general-input/.stencil/packages/general-input/stencil.config.d.ts +0 -2
  135. /package/dist/cjs/{tooltipIcon-092a795f.js → tooltipIcon-7e9ee226.js} +0 -0
  136. /package/dist/esm/{tooltipIcon-99c1c7b7.js → tooltipIcon-0a5a06a2.js} +0 -0
  137. /package/dist/general-input/{p-f4f4ccda.js → p-2dccd0bf.js} +0 -0
  138. /package/dist/general-input/{p-04d4b145.js → p-ba14eb83.js} +0 -0
@@ -1,80 +1,80 @@
1
- import { Event, EventEmitter } from '../../stencil-public-runtime';
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
2
  import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
3
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
- * Placeholder text to be shown.
14
- */
15
- placeholder: string;
16
- /**
17
- * Object of validation rules for the input.
18
- */
19
- validation: ValidationSchema;
20
- /**
21
- * Default value for the input.
22
- */
23
- defaultValue: string;
24
- /**
25
- * Boolean. Determines if input should be readonly.
26
- */
27
- autofilled: boolean;
28
- /**
29
- * Tooltip text.
30
- */
31
- tooltip: string;
32
- /**
33
- * Currently selected language.
34
- */
35
- language: string;
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
- /**
41
- * Flag for duplicate inputs, it sets up the input for certain validation rules.
42
- */
43
- isDuplicateInput: boolean;
44
- /**
45
- * Client custom styling via inline style
46
- */
47
- clientStyling: string;
48
- errorMessage: string;
49
- isValid: boolean;
50
- private limitStylingAppends;
51
- showTooltip: boolean;
52
- private stylingContainer;
53
- private tooltipReference;
54
- private tooltipIconReference;
55
- value: string;
56
- inputReference: HTMLInputElement;
57
- debounceTime: ReturnType<typeof setTimeout>;
58
- validationPattern: string;
59
- duplicateInputValue: string;
60
- touched: boolean;
61
- validityChanged(): void;
62
- emitValueHandler(newValue: boolean): void;
63
- sendValidityState: EventEmitter<InputStateEvent>;
64
- validityStateHandler(inputStateEvent: InputStateEvent): void;
65
- sendInputValue: EventEmitter<InputValueEvent>;
66
- valueHandler(inputValueEvent: InputValueEvent): void;
67
- handleClickOutside(event: MouseEvent): void;
68
- valueChangedHandler(event: CustomEvent<InputValueEvent>): void;
69
- connectedCallback(): void;
70
- componentDidRender(): void;
71
- componentDidLoad(): void;
72
- handleInput: (event: Event) => void;
73
- handleBlur: () => void;
74
- setValidity(): boolean;
75
- setPattern(): string;
76
- setErrorMessage(): string;
77
- setClientStyling: () => void;
78
- renderTooltip(): any;
79
- render(): any;
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
+ * Placeholder text to be shown.
14
+ */
15
+ placeholder: string;
16
+ /**
17
+ * Object of validation rules for the input.
18
+ */
19
+ validation: ValidationSchema;
20
+ /**
21
+ * Default value for the input.
22
+ */
23
+ defaultValue: string;
24
+ /**
25
+ * Boolean. Determines if input should be readonly.
26
+ */
27
+ autofilled: boolean;
28
+ /**
29
+ * Tooltip text.
30
+ */
31
+ tooltip: string;
32
+ /**
33
+ * Currently selected language.
34
+ */
35
+ language: string;
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
+ /**
41
+ * Flag for duplicate inputs, it sets up the input for certain validation rules.
42
+ */
43
+ isDuplicateInput: boolean;
44
+ /**
45
+ * Client custom styling via inline style
46
+ */
47
+ clientStyling: string;
48
+ errorMessage: string;
49
+ isValid: boolean;
50
+ private limitStylingAppends;
51
+ showTooltip: boolean;
52
+ private stylingContainer;
53
+ private tooltipReference;
54
+ private tooltipIconReference;
55
+ value: string;
56
+ inputReference: HTMLInputElement;
57
+ debounceTime: ReturnType<typeof setTimeout>;
58
+ validationPattern: string;
59
+ duplicateInputValue: string;
60
+ touched: boolean;
61
+ validityChanged(): void;
62
+ emitValueHandler(newValue: boolean): void;
63
+ sendValidityState: EventEmitter<InputStateEvent>;
64
+ validityStateHandler(inputStateEvent: InputStateEvent): void;
65
+ sendInputValue: EventEmitter<InputValueEvent>;
66
+ valueHandler(inputValueEvent: InputValueEvent): void;
67
+ handleClickOutside(event: MouseEvent): void;
68
+ valueChangedHandler(event: CustomEvent<InputValueEvent>): void;
69
+ connectedCallback(): void;
70
+ componentDidRender(): void;
71
+ componentDidLoad(): void;
72
+ handleInput: (event: Event) => void;
73
+ handleBlur: () => void;
74
+ setValidity(): boolean;
75
+ setPattern(): string;
76
+ setErrorMessage(): string;
77
+ setClientStyling: () => void;
78
+ renderTooltip(): any;
79
+ render(): any;
80
80
  }
@@ -1,75 +1,75 @@
1
1
  import type { ValidationSchema } from '../../utils/types';
2
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
- * Placeholder text to be shown.
17
- */
18
- placeholder: string;
19
- /**
20
- * Special behaviour an input should have. Can be fetching for data.
21
- */
22
- action: string;
23
- /**
24
- * Object of validation rules for the input.
25
- */
26
- validation: ValidationSchema;
27
- /**
28
- * For input elements that have multiple options or choises.
29
- */
30
- options: any;
31
- /**
32
- * Currently selected language.
33
- */
34
- language: string;
35
- /**
36
- * Boolean. Determines if input should be readonly.
37
- */
38
- autofilled: boolean;
39
- /**
40
- * Tooltip text.
41
- */
42
- tooltip: string;
43
- /**
44
- * Default value for the input.
45
- */
46
- defaultValue: any;
47
- /**
48
- * State passed down from the parent element. Will trigger the child specialised input to send it's value through an event.
49
- */
50
- emitValue: boolean;
51
- /**
52
- * Boolean that triggers certain validation rules, for duplicated inputs.
53
- */
54
- isDuplicateInput: boolean;
55
- /**
56
- * Client custom styling via inline style
57
- */
58
- clientStyling: any;
59
- /**
60
- * Date format for date picker.
61
- */
62
- dateFormat: string;
63
- /**
64
- * Translations via URL
65
- */
66
- translationUrl: string;
67
- /**
68
- * Emit event on click
69
- */
70
- emitOnClick: boolean;
71
- connectedCallback(): void;
72
- handleClick: () => void;
73
- renderInput(): any;
74
- render(): any;
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
+ * Placeholder text to be shown.
17
+ */
18
+ placeholder: string;
19
+ /**
20
+ * Special behaviour an input should have. Can be fetching for data.
21
+ */
22
+ action: string;
23
+ /**
24
+ * Object of validation rules for the input.
25
+ */
26
+ validation: ValidationSchema;
27
+ /**
28
+ * For input elements that have multiple options or choises.
29
+ */
30
+ options: any;
31
+ /**
32
+ * Currently selected language.
33
+ */
34
+ language: string;
35
+ /**
36
+ * Boolean. Determines if input should be readonly.
37
+ */
38
+ autofilled: boolean;
39
+ /**
40
+ * Tooltip text.
41
+ */
42
+ tooltip: string;
43
+ /**
44
+ * Default value for the input.
45
+ */
46
+ defaultValue: any;
47
+ /**
48
+ * State passed down from the parent element. Will trigger the child specialised input to send it's value through an event.
49
+ */
50
+ emitValue: boolean;
51
+ /**
52
+ * Boolean that triggers certain validation rules, for duplicated inputs.
53
+ */
54
+ isDuplicateInput: boolean;
55
+ /**
56
+ * Client custom styling via inline style
57
+ */
58
+ clientStyling: any;
59
+ /**
60
+ * Date format for date picker.
61
+ */
62
+ dateFormat: string;
63
+ /**
64
+ * Translations via URL
65
+ */
66
+ translationUrl: string;
67
+ /**
68
+ * Emit event on click
69
+ */
70
+ emitOnClick: boolean;
71
+ connectedCallback(): void;
72
+ handleClick: (event: MouseEvent) => void;
73
+ renderInput(): any;
74
+ render(): any;
75
75
  }
@@ -0,0 +1 @@
1
+ export { GeneralInput } from './general-input';
@@ -1,74 +1,74 @@
1
- import { Event, EventEmitter } from '../../stencil-public-runtime';
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
2
  import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
3
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
- * Placeholder text to be shown.
14
- */
15
- placeholder: string;
16
- /**
17
- * Object of validation rules for the input.
18
- */
19
- validation: ValidationSchema;
20
- /**
21
- * Default value for the input.
22
- */
23
- defaultValue: string;
24
- /**
25
- * Boolean. Determines if input should be readonly.
26
- */
27
- autofilled: boolean;
28
- /**
29
- * Tooltip text.
30
- */
31
- tooltip: string;
32
- /**
33
- * Currently selected language.
34
- */
35
- language: string;
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
- /**
41
- * Client custom styling via inline style
42
- */
43
- clientStyling: string;
44
- errorMessage: string;
45
- isValid: boolean;
46
- private limitStylingAppends;
47
- showTooltip: boolean;
48
- private stylingContainer;
49
- private tooltipReference;
50
- private tooltipIconReference;
51
- value: string;
52
- inputReference: HTMLInputElement;
53
- validationPattern: string;
54
- debounceTime: ReturnType<typeof setTimeout>;
55
- touched: boolean;
56
- validityChanged(): void;
57
- sendValidityState: EventEmitter<InputStateEvent>;
58
- validityStateHandler(inputStateEvent: InputStateEvent): void;
59
- emitValueHandler(newValue: boolean): void;
60
- sendInputValue: EventEmitter<InputValueEvent>;
61
- valueHandler(inputValueEvent: InputValueEvent): void;
62
- handleClickOutside(event: MouseEvent): void;
63
- connectedCallback(): void;
64
- componentDidRender(): void;
65
- componentDidLoad(): void;
66
- handleInput: (event: Event) => void;
67
- handleBlur: () => void;
68
- setValidity(): boolean;
69
- setPattern(): string;
70
- setErrorMessage(): string;
71
- setClientStyling: () => void;
72
- renderTooltip(): any;
73
- render(): any;
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
+ * Placeholder text to be shown.
14
+ */
15
+ placeholder: string;
16
+ /**
17
+ * Object of validation rules for the input.
18
+ */
19
+ validation: ValidationSchema;
20
+ /**
21
+ * Default value for the input.
22
+ */
23
+ defaultValue: string;
24
+ /**
25
+ * Boolean. Determines if input should be readonly.
26
+ */
27
+ autofilled: boolean;
28
+ /**
29
+ * Tooltip text.
30
+ */
31
+ tooltip: string;
32
+ /**
33
+ * Currently selected language.
34
+ */
35
+ language: string;
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
+ /**
41
+ * Client custom styling via inline style
42
+ */
43
+ clientStyling: string;
44
+ errorMessage: string;
45
+ isValid: boolean;
46
+ private limitStylingAppends;
47
+ showTooltip: boolean;
48
+ private stylingContainer;
49
+ private tooltipReference;
50
+ private tooltipIconReference;
51
+ value: string;
52
+ inputReference: HTMLInputElement;
53
+ validationPattern: string;
54
+ debounceTime: ReturnType<typeof setTimeout>;
55
+ touched: boolean;
56
+ validityChanged(): void;
57
+ sendValidityState: EventEmitter<InputStateEvent>;
58
+ validityStateHandler(inputStateEvent: InputStateEvent): void;
59
+ emitValueHandler(newValue: boolean): void;
60
+ sendInputValue: EventEmitter<InputValueEvent>;
61
+ valueHandler(inputValueEvent: InputValueEvent): void;
62
+ handleClickOutside(event: MouseEvent): void;
63
+ connectedCallback(): void;
64
+ componentDidRender(): void;
65
+ componentDidLoad(): void;
66
+ handleInput: (event: Event) => void;
67
+ handleBlur: () => void;
68
+ setValidity(): boolean;
69
+ setPattern(): string;
70
+ setErrorMessage(): string;
71
+ setClientStyling: () => void;
72
+ renderTooltip(): any;
73
+ render(): any;
74
74
  }
@@ -1,96 +1,91 @@
1
- import { Event, EventEmitter } from '../../stencil-public-runtime';
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
2
  import { ValidationSchema, InputStateEvent, InputValueEvent, PasswordComplexity } from '../../utils/types';
3
3
  import '@vaadin/password-field';
4
4
  export declare class PasswordInput {
5
- /**
6
- * Name of the input.
7
- */
8
- name: string;
9
- /**
10
- * Name of input to be shown to the user.
11
- */
12
- displayName: string;
13
- /**
14
- * Placeholder text to be shown.
15
- */
16
- placeholder: string;
17
- /**
18
- * Default value for the input.
19
- */
20
- defaultValue: string;
21
- /**
22
- * Boolean. Determines if input should be readonly.
23
- */
24
- autofilled: boolean;
25
- /**
26
- * Tooltip text.
27
- */
28
- tooltip: string;
29
- /**
30
- * Object of validation rules for the input.
31
- */
32
- validation: ValidationSchema;
33
- /**
34
- * Currently selected language.
35
- */
36
- language: string;
37
- /**
38
- * State passed down from the parent element. Will trigger the input to send it's value through an event.
39
- */
40
- emitValue: boolean;
41
- /**
42
- * Flag for duplicate inputs, it sets up the input for certain validation rules.
43
- */
44
- isDuplicateInput: boolean;
45
- /**
46
- * Client custom styling via inline style
47
- */
48
- clientStyling: string;
49
- /**
50
- * Client Styling Url
51
- */
52
- clientStylingUrl: string;
53
- isValid: boolean;
54
- errorMessage: string;
55
- private limitStylingAppends;
56
- showTooltip: boolean;
57
- passwordComplexity: PasswordComplexity[];
58
- showPopup: boolean;
59
- value: string;
60
- private element;
61
- private inputReference;
62
- private passwordButton;
63
- private stylingContainer;
64
- private tooltipReference;
65
- private tooltipIconReference;
66
- private touched;
67
- private originalValid;
68
- debounceTime: ReturnType<typeof setTimeout>;
69
- validationPattern: string;
70
- duplicateInputValue: string;
71
- validityChanged(): void;
72
- valueChanged(): void;
73
- emitValueHandler(newValue: boolean): void;
74
- sendOriginalValidityState: EventEmitter<InputStateEvent>;
75
- sendValidityState: EventEmitter<InputStateEvent>;
76
- validityStateHandler(inputStateEvent: InputStateEvent): void;
77
- sendInputValue: EventEmitter<InputValueEvent>;
78
- valueHandler(inputValueEvent: InputValueEvent): void;
79
- originalValidityChangedHandler(event: CustomEvent<InputStateEvent>): void;
80
- valueChangedHandler(event: CustomEvent<InputValueEvent>): void;
81
- handleClickOutside(event: MouseEvent): void;
82
- componentDidRender(): void;
83
- componentDidLoad(): void;
84
- handleInput: (event: Event) => void;
85
- handleBlur: (event: Event) => void;
86
- handleFocus: () => void;
87
- calculateComplexity(password: string): void;
88
- setValidity(): boolean;
89
- setPattern(): string;
90
- setErrorMessage(): string;
91
- setClientStyling: () => void;
92
- setClientStylingURL: () => void;
93
- renderTooltip(): any;
94
- renderComplexityPopup(): any;
95
- render(): any;
5
+ /**
6
+ * Name of the input.
7
+ */
8
+ name: string;
9
+ /**
10
+ * Name of input to be shown to the user.
11
+ */
12
+ displayName: string;
13
+ /**
14
+ * Placeholder text to be shown.
15
+ */
16
+ placeholder: string;
17
+ /**
18
+ * Default value for the input.
19
+ */
20
+ defaultValue: string;
21
+ /**
22
+ * Boolean. Determines if input should be readonly.
23
+ */
24
+ autofilled: boolean;
25
+ /**
26
+ * Tooltip text.
27
+ */
28
+ tooltip: string;
29
+ /**
30
+ * Object of validation rules for the input.
31
+ */
32
+ validation: ValidationSchema;
33
+ /**
34
+ * Currently selected language.
35
+ */
36
+ language: string;
37
+ /**
38
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
39
+ */
40
+ emitValue: boolean;
41
+ /**
42
+ * Flag for duplicate inputs, it sets up the input for certain validation rules.
43
+ */
44
+ isDuplicateInput: boolean;
45
+ /**
46
+ * Client custom styling via inline style
47
+ */
48
+ clientStyling: string;
49
+ isValid: boolean;
50
+ errorMessage: string;
51
+ private limitStylingAppends;
52
+ showTooltip: boolean;
53
+ passwordComplexity: PasswordComplexity[];
54
+ showPopup: boolean;
55
+ value: string;
56
+ private element;
57
+ private inputReference;
58
+ private passwordButton;
59
+ private stylingContainer;
60
+ private tooltipReference;
61
+ private tooltipIconReference;
62
+ private touched;
63
+ private originalValid;
64
+ debounceTime: ReturnType<typeof setTimeout>;
65
+ validationPattern: string;
66
+ duplicateInputValue: string;
67
+ validityChanged(): void;
68
+ valueChanged(): void;
69
+ emitValueHandler(newValue: boolean): void;
70
+ sendOriginalValidityState: EventEmitter<InputStateEvent>;
71
+ sendValidityState: EventEmitter<InputStateEvent>;
72
+ validityStateHandler(inputStateEvent: InputStateEvent): void;
73
+ sendInputValue: EventEmitter<InputValueEvent>;
74
+ valueHandler(inputValueEvent: InputValueEvent): void;
75
+ originalValidityChangedHandler(event: CustomEvent<InputStateEvent>): void;
76
+ valueChangedHandler(event: CustomEvent<InputValueEvent>): void;
77
+ handleClickOutside(event: MouseEvent): void;
78
+ componentDidRender(): void;
79
+ componentDidLoad(): void;
80
+ handleInput: (event: Event) => void;
81
+ handleBlur: (event: Event) => void;
82
+ handleFocus: () => void;
83
+ calculateComplexity(password: string): void;
84
+ setValidity(): boolean;
85
+ setPattern(): string;
86
+ setErrorMessage(): string;
87
+ setClientStyling: () => void;
88
+ renderTooltip(): any;
89
+ renderComplexityPopup(): any;
90
+ render(): any;
96
91
  }