@everymatrix/general-input 0.0.1 → 1.0.69

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 (141) hide show
  1. package/dist/cjs/app-globals-3a1e7e63.js +5 -0
  2. package/dist/cjs/checkbox-group-input_10.cjs.entry.js +20007 -16663
  3. package/dist/cjs/general-input.cjs.entry.js +67 -40
  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 +16 -0
  7. package/dist/cjs/loader.cjs.js +7 -13
  8. package/dist/cjs/locale.utils-7a3dfe2f.js +128 -0
  9. package/dist/cjs/toggle-checkbox-input.cjs.entry.js +91 -0
  10. package/dist/cjs/tooltipIcon-7e9ee226.js +5 -0
  11. package/dist/collection/collection-manifest.json +14 -13
  12. package/dist/collection/components/checkbox-group-input/checkbox-group-input.css +26 -6
  13. package/dist/collection/components/checkbox-group-input/checkbox-group-input.js +372 -335
  14. package/dist/collection/components/checkbox-input/checkbox-input.css +16 -10
  15. package/dist/collection/components/checkbox-input/checkbox-input.js +325 -310
  16. package/dist/collection/components/date-input/date-input.css +35 -19
  17. package/dist/collection/components/date-input/date-input.js +401 -328
  18. package/dist/collection/components/email-input/email-input.css +30 -18
  19. package/dist/collection/components/email-input/email-input.js +405 -365
  20. package/dist/collection/components/general-input/general-input.css +1 -0
  21. package/dist/collection/components/general-input/general-input.js +374 -291
  22. package/dist/collection/components/general-input/index.js +1 -0
  23. package/dist/collection/components/number-input/number-input.css +28 -16
  24. package/dist/collection/components/number-input/number-input.js +371 -334
  25. package/dist/collection/components/password-input/password-input.css +105 -11
  26. package/dist/collection/components/password-input/password-input.js +518 -378
  27. package/dist/collection/components/radio-input/radio-input.css +4 -4
  28. package/dist/collection/components/radio-input/radio-input.js +301 -287
  29. package/dist/collection/components/select-input/select-input.css +47 -19
  30. package/dist/collection/components/select-input/select-input.js +428 -398
  31. package/dist/collection/components/tel-input/tel-input.css +52 -23
  32. package/dist/collection/components/tel-input/tel-input.js +441 -404
  33. package/dist/collection/components/text-input/text-input.css +33 -18
  34. package/dist/collection/components/text-input/text-input.js +446 -389
  35. package/dist/collection/components/toggle-checkbox-input/toggle-checkbox-input.css +82 -0
  36. package/dist/collection/components/toggle-checkbox-input/toggle-checkbox-input.js +336 -0
  37. package/dist/collection/index.js +16 -0
  38. package/dist/collection/utils/locale.utils.js +118 -21
  39. package/dist/collection/utils/tooltipIcon.svg +4 -4
  40. package/dist/collection/utils/utils.js +3 -3
  41. package/dist/esm/app-globals-0f993ce5.js +3 -0
  42. package/dist/esm/checkbox-group-input_10.entry.js +20007 -16663
  43. package/dist/esm/general-input.entry.js +67 -40
  44. package/dist/esm/general-input.js +14 -11
  45. package/dist/esm/index-514fda47.js +1287 -0
  46. package/dist/esm/index.js +16 -1
  47. package/dist/esm/loader.js +7 -13
  48. package/dist/esm/locale.utils-21605050.js +125 -0
  49. package/dist/esm/toggle-checkbox-input.entry.js +87 -0
  50. package/dist/esm/tooltipIcon-0a5a06a2.js +3 -0
  51. package/dist/general-input/general-input.esm.js +1 -1
  52. package/dist/general-input/index.esm.js +1 -0
  53. package/dist/general-input/p-03e81c11.js +2 -0
  54. package/dist/general-input/p-2dccd0bf.js +1 -0
  55. package/dist/general-input/p-34939f14.entry.js +1 -0
  56. package/dist/general-input/p-b32f19c2.entry.js +5430 -0
  57. package/dist/general-input/p-c43bb82e.entry.js +1 -0
  58. package/dist/general-input/p-cfe9eb31.js +1 -0
  59. package/dist/general-input/p-e1255160.js +1 -0
  60. package/dist/stencil.config.dev.js +17 -0
  61. package/dist/stencil.config.js +14 -19
  62. package/dist/types/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.d.ts +2 -0
  63. package/dist/types/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.dev.d.ts +2 -0
  64. package/dist/types/components/checkbox-group-input/checkbox-group-input.d.ts +69 -67
  65. package/dist/types/components/checkbox-input/checkbox-input.d.ts +61 -60
  66. package/dist/types/components/date-input/date-input.d.ts +79 -65
  67. package/dist/types/components/email-input/email-input.d.ts +76 -73
  68. package/dist/types/components/general-input/general-input.d.ts +72 -57
  69. package/dist/types/components/general-input/index.d.ts +1 -0
  70. package/dist/types/components/number-input/number-input.d.ts +70 -66
  71. package/dist/types/components/password-input/password-input.d.ts +87 -75
  72. package/dist/types/components/radio-input/radio-input.d.ts +55 -55
  73. package/dist/types/components/select-input/select-input.d.ts +78 -77
  74. package/dist/types/components/tel-input/tel-input.d.ts +84 -80
  75. package/dist/types/components/text-input/text-input.d.ts +81 -78
  76. package/dist/types/components/toggle-checkbox-input/toggle-checkbox-input.d.ts +67 -0
  77. package/dist/types/components.d.ts +331 -25
  78. package/dist/types/stencil-public-runtime.d.ts +142 -33
  79. package/dist/types/utils/locale.utils.d.ts +13 -1
  80. package/dist/types/utils/types.d.ts +58 -47
  81. package/loader/cdn.js +1 -3
  82. package/loader/index.cjs.js +1 -3
  83. package/loader/index.d.ts +13 -1
  84. package/loader/index.es2017.js +1 -3
  85. package/loader/index.js +1 -3
  86. package/loader/package.json +1 -0
  87. package/package.json +9 -9
  88. package/dist/cjs/index-1768513d.js +0 -1286
  89. package/dist/components/active-mixin.js +0 -975
  90. package/dist/components/checkbox-group-input.d.ts +0 -11
  91. package/dist/components/checkbox-group-input.js +0 -6
  92. package/dist/components/checkbox-group-input2.js +0 -5793
  93. package/dist/components/checkbox-input.d.ts +0 -11
  94. package/dist/components/checkbox-input.js +0 -6
  95. package/dist/components/checkbox-input2.js +0 -127
  96. package/dist/components/date-input.d.ts +0 -11
  97. package/dist/components/date-input.js +0 -6
  98. package/dist/components/date-input2.js +0 -5182
  99. package/dist/components/email-input.d.ts +0 -11
  100. package/dist/components/email-input.js +0 -6
  101. package/dist/components/email-input2.js +0 -150
  102. package/dist/components/field-mixin.js +0 -12712
  103. package/dist/components/general-input.d.ts +0 -11
  104. package/dist/components/general-input.js +0 -140
  105. package/dist/components/index.d.ts +0 -26
  106. package/dist/components/index.js +0 -1
  107. package/dist/components/input-field-shared-styles.js +0 -1067
  108. package/dist/components/number-input.d.ts +0 -11
  109. package/dist/components/number-input.js +0 -6
  110. package/dist/components/number-input2.js +0 -139
  111. package/dist/components/password-input.d.ts +0 -11
  112. package/dist/components/password-input.js +0 -6
  113. package/dist/components/password-input2.js +0 -879
  114. package/dist/components/pattern-mixin.js +0 -85
  115. package/dist/components/radio-input.d.ts +0 -11
  116. package/dist/components/radio-input.js +0 -6
  117. package/dist/components/radio-input2.js +0 -115
  118. package/dist/components/select-input.d.ts +0 -11
  119. package/dist/components/select-input.js +0 -6
  120. package/dist/components/select-input2.js +0 -166
  121. package/dist/components/tel-input.d.ts +0 -11
  122. package/dist/components/tel-input.js +0 -6
  123. package/dist/components/tel-input2.js +0 -178
  124. package/dist/components/text-input.d.ts +0 -11
  125. package/dist/components/text-input.js +0 -6
  126. package/dist/components/text-input2.js +0 -157
  127. package/dist/components/tooltipIcon.js +0 -30
  128. package/dist/components/vaadin-button.js +0 -461
  129. package/dist/components/vaadin-combo-box.js +0 -4329
  130. package/dist/components/virtual-keyboard-controller.js +0 -2693
  131. package/dist/esm/index-7e24a6f1.js +0 -1259
  132. package/dist/esm/polyfills/core-js.js +0 -11
  133. package/dist/esm/polyfills/css-shim.js +0 -1
  134. package/dist/esm/polyfills/dom.js +0 -79
  135. package/dist/esm/polyfills/es5-html-element.js +0 -1
  136. package/dist/esm/polyfills/index.js +0 -34
  137. package/dist/esm/polyfills/system.js +0 -6
  138. package/dist/general-input/p-61d76ec3.entry.js +0 -1
  139. package/dist/general-input/p-a79eb0a3.entry.js +0 -4413
  140. package/dist/general-input/p-fb647820.js +0 -1
  141. package/dist/types/Users/adrian.pripon/Documents/Work/stencil/widgets-stencil/packages/general-input/.stencil/packages/general-input/stencil.config.d.ts +0 -2
@@ -1,59 +1,59 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
2
  import { Option, ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
3
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
- * Tooltip text.
22
- */
23
- tooltip: string;
24
- /**
25
- * Currently selected language.
26
- */
27
- language: string;
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
- /**
33
- * Client custom styling via inline style
34
- */
35
- clientStyling: string;
36
- errorMessage: string;
37
- isValid: boolean;
38
- private limitStylingAppends;
39
- showTooltip: boolean;
40
- private stylingContainer;
41
- private inputReference;
42
- private tooltipReference;
43
- private tooltipIconReference;
44
- value: any;
45
- validityChanged(): void;
46
- emitValueHandler(newValue: boolean): void;
47
- sendInputValue: EventEmitter<InputValueEvent>;
48
- valueHandler(inputValueEvent: InputValueEvent): void;
49
- sendValidityState: EventEmitter<InputStateEvent>;
50
- validityStateHandler(inputStateEvent: InputStateEvent): void;
51
- handleClickOutside(event: MouseEvent): void;
52
- componentDidRender(): void;
53
- handleClick(event: any): void;
54
- setValidity(): boolean;
55
- setErrorMessage(): string;
56
- setClientStyling: () => void;
57
- renderTooltip(): any;
58
- 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
+ * Options of the input.
14
+ */
15
+ optionsGroup: Option[];
16
+ /**
17
+ * Object of validation rules for the input.
18
+ */
19
+ validation: ValidationSchema;
20
+ /**
21
+ * Tooltip text.
22
+ */
23
+ tooltip: string;
24
+ /**
25
+ * Currently selected language.
26
+ */
27
+ language: string;
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
+ /**
33
+ * Client custom styling via inline style
34
+ */
35
+ clientStyling: string;
36
+ errorMessage: string;
37
+ isValid: boolean;
38
+ private limitStylingAppends;
39
+ showTooltip: boolean;
40
+ private stylingContainer;
41
+ private inputReference;
42
+ private tooltipReference;
43
+ private tooltipIconReference;
44
+ value: any;
45
+ validityChanged(): void;
46
+ emitValueHandler(newValue: boolean): void;
47
+ sendInputValue: EventEmitter<InputValueEvent>;
48
+ valueHandler(inputValueEvent: InputValueEvent): void;
49
+ sendValidityState: EventEmitter<InputStateEvent>;
50
+ validityStateHandler(inputStateEvent: InputStateEvent): void;
51
+ handleClickOutside(event: MouseEvent): void;
52
+ componentDidRender(): void;
53
+ handleClick(event: any): void;
54
+ setValidity(): boolean;
55
+ setErrorMessage(): string;
56
+ setClientStyling: () => void;
57
+ renderTooltip(): any;
58
+ render(): any;
59
59
  }
@@ -2,81 +2,82 @@ import { EventEmitter } from '../../stencil-public-runtime';
2
2
  import type { ValidationSchema, InputStateEvent, InputValueEvent, Option } from '../../utils/types';
3
3
  import '@vaadin/combo-box';
4
4
  export declare class SelectInput {
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
- * Special behaviour an input should have. Can be fetching for data.
19
- */
20
- action: string;
21
- /**
22
- * Default value for the input.
23
- */
24
- defaultValue: string;
25
- /**
26
- * Boolean. Determines if input should be readonly.
27
- */
28
- autofilled: boolean;
29
- /**
30
- * Tooltip text.
31
- */
32
- tooltip: string;
33
- /**
34
- * Options of the input.
35
- */
36
- options: Option[];
37
- /**
38
- * Object of validation rules for the input.
39
- */
40
- validation: ValidationSchema;
41
- /**
42
- * Currently selected language.
43
- */
44
- language: string;
45
- /**
46
- * State passed down from the parent element. Will trigger the input to send it's value through an event.
47
- */
48
- emitValue: boolean;
49
- /**
50
- * Client custom styling via inline style
51
- */
52
- clientStyling: string;
53
- errorMessage: string;
54
- isValid: boolean;
55
- private limitStylingAppends;
56
- showTooltip: boolean;
57
- private element;
58
- private inputReference;
59
- private stylingContainer;
60
- private tooltipReference;
61
- private tooltipIconReference;
62
- value: string;
63
- displayedOptions: Option[];
64
- validityChanged(): void;
65
- sendValidityState: EventEmitter<InputStateEvent>;
66
- validityStateHandler(inputStateEvent: InputStateEvent): void;
67
- emitValueHandler(newValue: boolean): void;
68
- sendInputValue: EventEmitter<InputValueEvent>;
69
- valueHandler(inputValueEvent: InputValueEvent): void;
70
- handleClickOutside(event: MouseEvent): void;
71
- connectedCallback(): void;
72
- componentWillLoad(): Promise<void>;
73
- componentDidRender(): void;
74
- componentDidLoad(): void;
75
- getOptions(): Promise<unknown>;
76
- handleChange(event: any): void;
77
- setValidity(): boolean;
78
- setErrorMessage(): string;
79
- setClientStyling: () => void;
80
- renderTooltip(): any;
81
- 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
+ * Special behaviour an input should have. Can be fetching for data.
19
+ */
20
+ action: string;
21
+ /**
22
+ * Default value for the input.
23
+ */
24
+ defaultValue: string;
25
+ /**
26
+ * Boolean. Determines if input should be readonly.
27
+ */
28
+ autofilled: boolean;
29
+ /**
30
+ * Tooltip text.
31
+ */
32
+ tooltip: string;
33
+ /**
34
+ * Options of the input.
35
+ */
36
+ options: Option[];
37
+ /**
38
+ * Object of validation rules for the input.
39
+ */
40
+ validation: ValidationSchema;
41
+ /**
42
+ * Currently selected language.
43
+ */
44
+ language: string;
45
+ /**
46
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
47
+ */
48
+ emitValue: boolean;
49
+ /**
50
+ * Client custom styling via inline style
51
+ */
52
+ clientStyling: string;
53
+ errorMessage: string;
54
+ isValid: boolean;
55
+ private limitStylingAppends;
56
+ showTooltip: boolean;
57
+ private element;
58
+ private inputReference;
59
+ private stylingContainer;
60
+ private tooltipReference;
61
+ private tooltipIconReference;
62
+ value: string;
63
+ displayedOptions: Option[];
64
+ touched: boolean;
65
+ validityChanged(): void;
66
+ sendValidityState: EventEmitter<InputStateEvent>;
67
+ validityStateHandler(inputStateEvent: InputStateEvent): void;
68
+ emitValueHandler(newValue: boolean): void;
69
+ sendInputValue: EventEmitter<InputValueEvent>;
70
+ valueHandler(inputValueEvent: InputValueEvent): void;
71
+ handleClickOutside(event: MouseEvent): void;
72
+ connectedCallback(): void;
73
+ componentWillLoad(): Promise<void>;
74
+ componentDidRender(): void;
75
+ componentDidLoad(): void;
76
+ getOptions(endpoint: string): Promise<unknown>;
77
+ handleChange: (event: Event) => void;
78
+ setValidity(): boolean;
79
+ setErrorMessage(): string;
80
+ setClientStyling: () => void;
81
+ renderTooltip(): any;
82
+ render(): any;
82
83
  }
@@ -2,84 +2,88 @@ import { EventEmitter } from '../../stencil-public-runtime';
2
2
  import { ValidationSchema, InputStateEvent, InputValueEvent, Option } from '../../utils/types';
3
3
  import '@vaadin/combo-box';
4
4
  export declare class TelInput {
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
- * Boolean that defines if the widget show labels or placeholders.
19
- */
20
- showLabels: boolean;
21
- /**
22
- * Special behaviour an input should have. Can be fetching for data.
23
- */
24
- action: string;
25
- /**
26
- * Object of validation rules for the input.
27
- */
28
- validation: ValidationSchema;
29
- /**
30
- * Default value for the input.
31
- */
32
- defaultValue: string;
33
- /**
34
- * Boolean. Determines if input should be readonly.
35
- */
36
- autofilled: boolean;
37
- /**
38
- * Tooltip text.
39
- */
40
- tooltip: string;
41
- /**
42
- * Currently selected language.
43
- */
44
- language: string;
45
- /**
46
- * State passed down from the parent element. Will trigger the input to send it's value through an event.
47
- */
48
- emitValue: boolean;
49
- /**
50
- * Client custom styling via inline style
51
- */
52
- clientStyling: string;
53
- isValid: boolean;
54
- errorMessage: string;
55
- private limitStylingAppends;
56
- showTooltip: boolean;
57
- private stylingContainer;
58
- private tooltipReference;
59
- private tooltipIconReference;
60
- inputReference: HTMLInputElement;
61
- validationPattern: string;
62
- value: string;
63
- prefixValue: string;
64
- phoneValue: string;
65
- phoneCodesOptions: Option[];
66
- validityChanged(): void;
67
- sendValidityState: EventEmitter<InputStateEvent>;
68
- validityStateHandler(inputStateEvent: InputStateEvent): void;
69
- emitValueHandler(newValue: boolean): void;
70
- sendInputValue: EventEmitter<InputValueEvent>;
71
- valueHandler(inputValueEvent: InputValueEvent): void;
72
- handleClickOutside(event: MouseEvent): void;
73
- connectedCallback(): void;
74
- componentWillLoad(): Promise<void>;
75
- componentDidRender(): void;
76
- getPhoneCodes(): Promise<unknown>;
77
- handleInput(event: any): void;
78
- handlePrefixInput(event: any): void;
79
- setValidity(): boolean;
80
- setPattern(): string;
81
- setErrorMessage(): string;
82
- setClientStyling: () => void;
83
- renderTooltip(): any;
84
- 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
+ * Boolean that defines if the widget show labels or placeholders.
19
+ */
20
+ showLabels: boolean;
21
+ /**
22
+ * Special behaviour an input should have. Can be fetching for data.
23
+ */
24
+ action: string;
25
+ /**
26
+ * Object of validation rules for the input.
27
+ */
28
+ validation: ValidationSchema;
29
+ /**
30
+ * Default value for the input.
31
+ */
32
+ defaultValue: string | any;
33
+ /**
34
+ * Boolean. Determines if input should be readonly.
35
+ */
36
+ autofilled: boolean;
37
+ /**
38
+ * Tooltip text.
39
+ */
40
+ tooltip: string;
41
+ /**
42
+ * Currently selected language.
43
+ */
44
+ language: string;
45
+ /**
46
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
47
+ */
48
+ emitValue: boolean;
49
+ /**
50
+ * Client custom styling via inline style
51
+ */
52
+ clientStyling: string;
53
+ isValid: boolean;
54
+ errorMessage: string;
55
+ private limitStylingAppends;
56
+ showTooltip: boolean;
57
+ private stylingContainer;
58
+ private tooltipReference;
59
+ private tooltipIconReference;
60
+ inputReference: HTMLInputElement;
61
+ validationPattern: string;
62
+ value: any;
63
+ touched: boolean;
64
+ prefixValue: string;
65
+ phoneValue: string;
66
+ phoneCodesOptions: Option[];
67
+ debounceTime: ReturnType<typeof setTimeout>;
68
+ validityChanged(): void;
69
+ sendValidityState: EventEmitter<InputStateEvent>;
70
+ validityStateHandler(inputStateEvent: InputStateEvent): void;
71
+ emitValueHandler(newValue: boolean): void;
72
+ sendInputValue: EventEmitter<InputValueEvent>;
73
+ valueHandler(inputValueEvent: InputValueEvent): void;
74
+ handleClickOutside(event: MouseEvent): void;
75
+ connectedCallback(): void;
76
+ componentWillLoad(): Promise<void>;
77
+ componentDidRender(): void;
78
+ componentDidLoad(): void;
79
+ getPhoneCodes(endpoint: string): Promise<unknown>;
80
+ handleInput: (event: Event) => void;
81
+ handleBlur: () => void;
82
+ handlePrefixInput(event: any): void;
83
+ setValidity(): boolean;
84
+ setPattern(): string;
85
+ setErrorMessage(): string;
86
+ setClientStyling: () => void;
87
+ renderTooltip(): any;
88
+ render(): any;
85
89
  }
@@ -1,81 +1,84 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
- import { ValidationSchema, CustomRule, InputStateEvent, InputValueEvent } from '../../utils/types';
2
+ import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
3
3
  export declare class TextInput {
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 check for validity.
38
- */
39
- checkValidity: boolean;
40
- /**
41
- * State passed down from the parent element. Will trigger the input to send it's value through an event.
42
- */
43
- emitValue: boolean;
44
- /**
45
- * Boolean that triggers certain validation rules, for duplicated inputs.
46
- */
47
- isDuplicateInput: boolean;
48
- /**
49
- * Client custom styling via inline style
50
- */
51
- clientStyling: string;
52
- isValid: boolean;
53
- errorMessage: string;
54
- private limitStylingAppends;
55
- showTooltip: boolean;
56
- private stylingContainer;
57
- value: string;
58
- customRules: CustomRule[];
59
- validationPattern: string;
60
- private inputReference;
61
- duplicateInputValue: string;
62
- private tooltipReference;
63
- private tooltipIconReference;
64
- validityChanged(): void;
65
- emitValueHandler(newValue: boolean): void;
66
- sendValidityState: EventEmitter<InputStateEvent>;
67
- validityStateHandler(inputStateEvent: InputStateEvent): void;
68
- sendInputValue: EventEmitter<InputValueEvent>;
69
- valueHandler(inputValueEvent: InputValueEvent): void;
70
- handleClickOutside(event: MouseEvent): void;
71
- valueChangedHandler(event: CustomEvent<InputValueEvent>): void;
72
- connectedCallback(): void;
73
- componentDidRender(): void;
74
- handleInput(event: any): void;
75
- setValidity(): boolean;
76
- setPattern(): string;
77
- setErrorMessage(): string;
78
- setClientStyling: () => void;
79
- renderTooltip(): any;
80
- 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 check for validity.
38
+ */
39
+ checkValidity: boolean;
40
+ /**
41
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
42
+ */
43
+ emitValue: boolean;
44
+ /**
45
+ * Boolean that triggers certain validation rules, for duplicated inputs.
46
+ */
47
+ isDuplicateInput: boolean;
48
+ /**
49
+ * Client custom styling via inline style
50
+ */
51
+ clientStyling: string;
52
+ isValid: boolean;
53
+ errorMessage: string;
54
+ private limitStylingAppends;
55
+ showTooltip: boolean;
56
+ private stylingContainer;
57
+ private value;
58
+ private validationPattern;
59
+ private inputReference;
60
+ private duplicateInputValue;
61
+ private tooltipReference;
62
+ private tooltipIconReference;
63
+ touched: boolean;
64
+ debounceTime: ReturnType<typeof setTimeout>;
65
+ validityChanged(): void;
66
+ emitValueHandler(newValue: boolean): void;
67
+ sendValidityState: EventEmitter<InputStateEvent>;
68
+ validityStateHandler(inputStateEvent: InputStateEvent): void;
69
+ sendInputValue: EventEmitter<InputValueEvent>;
70
+ valueHandler(inputValueEvent: InputValueEvent): void;
71
+ handleClickOutside(event: MouseEvent): void;
72
+ valueChangedHandler(event: CustomEvent<InputValueEvent>): void;
73
+ connectedCallback(): void;
74
+ componentDidRender(): void;
75
+ componentDidLoad(): void;
76
+ handleInput: (event: Event) => void;
77
+ handleBlur: (event: Event) => void;
78
+ setValidity(): boolean;
79
+ setPattern(): string;
80
+ setErrorMessage(): string;
81
+ setClientStyling: () => void;
82
+ renderTooltip(): any;
83
+ render(): any;
81
84
  }