@everymatrix/general-input 1.44.0 → 1.45.2

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 (139) 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 -63
  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-76c75c40.js +147 -0
  9. package/dist/cjs/toggle-checkbox-input.cjs.entry.js +77 -78
  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 -368
  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 -340
  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 -63
  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-ca41bf95.js +144 -0
  41. package/dist/esm/toggle-checkbox-input.entry.js +77 -78
  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-aec71434.js +1 -0
  45. package/dist/general-input/p-e1255160.js +1 -0
  46. package/dist/general-input/p-eb454344.entry.js +1 -0
  47. package/dist/general-input/p-ecdc294b.entry.js +5430 -0
  48. package/dist/general-input/p-f92ab852.entry.js +1 -0
  49. package/dist/stencil.config.dev.js +17 -0
  50. package/dist/stencil.config.js +14 -19
  51. 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
  52. 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
  53. package/dist/types/components/checkbox-group-input/checkbox-group-input.d.ts +68 -68
  54. package/dist/types/components/checkbox-input/checkbox-input.d.ts +61 -62
  55. package/dist/types/components/date-input/date-input.d.ts +78 -78
  56. package/dist/types/components/email-input/email-input.d.ts +77 -77
  57. package/dist/types/components/general-input/general-input.d.ts +72 -72
  58. package/dist/types/components/general-input/index.d.ts +1 -0
  59. package/dist/types/components/number-input/number-input.d.ts +71 -71
  60. package/dist/types/components/password-input/password-input.d.ts +87 -92
  61. package/dist/types/components/radio-input/radio-input.d.ts +55 -55
  62. package/dist/types/components/select-input/select-input.d.ts +79 -79
  63. package/dist/types/components/tel-input/tel-input.d.ts +85 -85
  64. package/dist/types/components/text-input/text-input.d.ts +81 -81
  65. package/dist/types/components/toggle-checkbox-input/toggle-checkbox-input.d.ts +63 -68
  66. package/dist/types/components.d.ts +201 -39
  67. package/dist/types/stencil-public-runtime.d.ts +142 -33
  68. package/dist/types/utils/locale.utils.d.ts +8 -8
  69. package/dist/types/utils/types.d.ts +54 -54
  70. package/loader/cdn.js +1 -3
  71. package/loader/index.cjs.js +1 -3
  72. package/loader/index.d.ts +13 -1
  73. package/loader/index.es2017.js +1 -3
  74. package/loader/index.js +1 -3
  75. package/loader/package.json +1 -0
  76. package/package.json +8 -1
  77. package/dist/cjs/index-132a0774.js +0 -1327
  78. package/dist/cjs/locale.utils-2fa6f747.js +0 -147
  79. package/dist/components/active-mixin.js +0 -975
  80. package/dist/components/checkbox-group-input.d.ts +0 -11
  81. package/dist/components/checkbox-group-input.js +0 -6
  82. package/dist/components/checkbox-group-input2.js +0 -1078
  83. package/dist/components/checkbox-input.d.ts +0 -11
  84. package/dist/components/checkbox-input.js +0 -6
  85. package/dist/components/checkbox-input2.js +0 -132
  86. package/dist/components/date-input.d.ts +0 -11
  87. package/dist/components/date-input.js +0 -6
  88. package/dist/components/date-input2.js +0 -11556
  89. package/dist/components/email-input.d.ts +0 -11
  90. package/dist/components/email-input.js +0 -6
  91. package/dist/components/email-input2.js +0 -171
  92. package/dist/components/field-mixin.js +0 -12426
  93. package/dist/components/general-input.d.ts +0 -11
  94. package/dist/components/general-input.js +0 -6
  95. package/dist/components/general-input2.js +0 -350
  96. package/dist/components/index.d.ts +0 -26
  97. package/dist/components/index.js +0 -18
  98. package/dist/components/input-field-shared-styles.js +0 -1211
  99. package/dist/components/number-input.d.ts +0 -11
  100. package/dist/components/number-input.js +0 -6
  101. package/dist/components/number-input2.js +0 -158
  102. package/dist/components/password-input.d.ts +0 -11
  103. package/dist/components/password-input.js +0 -6
  104. package/dist/components/password-input2.js +0 -1059
  105. package/dist/components/radio-input.d.ts +0 -11
  106. package/dist/components/radio-input.js +0 -6
  107. package/dist/components/radio-input2.js +0 -114
  108. package/dist/components/select-input.d.ts +0 -11
  109. package/dist/components/select-input.js +0 -6
  110. package/dist/components/select-input2.js +0 -183
  111. package/dist/components/tel-input.d.ts +0 -11
  112. package/dist/components/tel-input.js +0 -6
  113. package/dist/components/tel-input2.js +0 -197
  114. package/dist/components/text-input.d.ts +0 -11
  115. package/dist/components/text-input.js +0 -6
  116. package/dist/components/text-input2.js +0 -199
  117. package/dist/components/toggle-checkbox-input.d.ts +0 -11
  118. package/dist/components/toggle-checkbox-input.js +0 -6
  119. package/dist/components/tooltipIcon.js +0 -146
  120. package/dist/components/vaadin-button.js +0 -490
  121. package/dist/components/vaadin-combo-box.js +0 -4512
  122. package/dist/components/virtual-keyboard-controller.js +0 -2001
  123. package/dist/esm/index-db76d5b5.js +0 -1299
  124. package/dist/esm/locale.utils-30fb5289.js +0 -144
  125. package/dist/esm/polyfills/core-js.js +0 -11
  126. package/dist/esm/polyfills/css-shim.js +0 -1
  127. package/dist/esm/polyfills/dom.js +0 -79
  128. package/dist/esm/polyfills/es5-html-element.js +0 -1
  129. package/dist/esm/polyfills/index.js +0 -34
  130. package/dist/esm/polyfills/system.js +0 -6
  131. package/dist/general-input/p-04d4b145.js +0 -1
  132. package/dist/general-input/p-a8221ce9.entry.js +0 -1
  133. package/dist/general-input/p-b408093e.js +0 -1
  134. package/dist/general-input/p-b64caafa.entry.js +0 -3646
  135. package/dist/general-input/p-c85c0e4d.entry.js +0 -1
  136. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-stencil/packages/general-input/.stencil/packages/general-input/stencil.config.d.ts +0 -2
  137. /package/dist/cjs/{tooltipIcon-092a795f.js → tooltipIcon-7e9ee226.js} +0 -0
  138. /package/dist/esm/{tooltipIcon-99c1c7b7.js → tooltipIcon-0a5a06a2.js} +0 -0
  139. /package/dist/general-input/{p-f4f4ccda.js → p-2dccd0bf.js} +0 -0
@@ -0,0 +1 @@
1
+ import{r as t,h as i,H as s}from"./p-03e81c11.js";import{g as e}from"./p-aec71434.js";const a=class{constructor(i){t(this,i),this.handleClick=t=>{this.emitOnClick&&(t.stopPropagation(),window.postMessage({type:`registration${this.name}Clicked`},window.location.href))},this.type="text",this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.action=void 0,this.validation=void 0,this.options=void 0,this.language=void 0,this.autofilled=void 0,this.tooltip=void 0,this.defaultValue=void 0,this.emitValue=void 0,this.isDuplicateInput=void 0,this.clientStyling="",this.dateFormat=void 0,this.translationUrl="",this.emitOnClick=!1}connectedCallback(){this.translationUrl&&e(this.translationUrl)}renderInput(){var t;switch(null===(t=this.type)||void 0===t?void 0:t.toLowerCase()){case"text":return i("text-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"email":return i("email-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"number":return i("number-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"checkbox":return i("checkbox-input",{name:this.name,displayName:this.displayName,validation:this.validation,emitValue:this.emitValue,defaultValue:this.defaultValue,autofilled:this.autofilled,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip});case"checkboxgroup":return i("checkbox-group-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,options:this.options});case"togglecheckbox":return i("toggle-checkbox-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,options:this.options,"emit-on-click":this.emitOnClick});case"datetime":return i("date-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,dateFormat:this.dateFormat});case"password":return i("password-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"radio":return i("radio-input",{name:this.name,displayName:this.displayName,optionsGroup:this.options,validation:this.validation,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling});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,autofilled:this.autofilled,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"dropdown":return i("select-input",{name:this.name,action:this.action,defaultValue:this.defaultValue,displayName:this.displayName,options:this.options,validation:this.validation,emitValue:this.emitValue,autofilled:this.autofilled,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});default:return i("p",null,"The ",this.type," input type is not valid")}}render(){return i(s,{key:"00fe51389e06cbdc9225d3246bc6c629d4cf15d8",class:`general-input--${this.name}`,onClick:this.handleClick},this.renderInput())}};a.style=":host{display:block;height:100%}";export{a as general_input}
@@ -0,0 +1,17 @@
1
+ import { sass } from "@stencil/sass";
2
+ export const config = {
3
+ namespace: 'general-input',
4
+ taskQueue: 'async',
5
+ sourceMap: true,
6
+ minifyJs: false,
7
+ extras: {
8
+ experimentalImportInjection: true
9
+ },
10
+ plugins: [sass()],
11
+ outputTargets: [
12
+ {
13
+ type: 'www',
14
+ serviceWorker: null // disable service workers
15
+ }
16
+ ]
17
+ };
@@ -1,22 +1,17 @@
1
- import { sass } from '@stencil/sass';
1
+ import { sass } from "@stencil/sass";
2
2
  export const config = {
3
- namespace: 'general-input',
4
- taskQueue: 'async',
5
- plugins: [sass()],
6
- outputTargets: [
7
- {
8
- type: 'dist',
9
- esmLoaderPath: '../loader',
3
+ namespace: 'general-input',
4
+ taskQueue: 'async',
5
+ sourceMap: false,
6
+ minifyJs: true,
7
+ extras: {
8
+ experimentalImportInjection: true
10
9
  },
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
- ],
10
+ plugins: [sass()],
11
+ outputTargets: [
12
+ {
13
+ type: 'dist',
14
+ esmLoaderPath: '../loader'
15
+ }
16
+ ]
22
17
  };
@@ -0,0 +1,2 @@
1
+ import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
2
+ export declare const config: Config;
@@ -0,0 +1,2 @@
1
+ import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
2
+ export declare const config: Config;
@@ -3,72 +3,72 @@ import { ValidationSchema, InputStateEvent, InputValueEvent, RegCfgContentField
3
3
  import '@vaadin/checkbox';
4
4
  import '@vaadin/checkbox-group';
5
5
  export declare class CheckboxGroupInput {
6
- /**
7
- * Name of the input.
8
- */
9
- name: string;
10
- /**
11
- * Name of input to be shown to the user.
12
- */
13
- displayName: string;
14
- /**
15
- * Default value for the input.
16
- */
17
- defaultValue: string;
18
- /**
19
- * Boolean. Determines if input should be readonly.
20
- */
21
- autofilled: boolean;
22
- /**
23
- * Tooltip text.
24
- */
25
- tooltip: string;
26
- /**
27
- * Options of the input.
28
- */
29
- options: RegCfgContentField[];
30
- /**
31
- * Object of validation rules for the input.
32
- */
33
- validation: ValidationSchema;
34
- /**
35
- * Currently selected language.
36
- */
37
- language: string;
38
- /**
39
- * State passed down from the parent element. Will trigger the input to send it's value through an event.
40
- */
41
- emitValue: boolean;
42
- /**
43
- * Client custom styling via inline style
44
- */
45
- clientStyling: string;
46
- private element;
47
- errorMessage: string;
48
- isValid: boolean;
49
- private limitStylingAppends;
50
- showTooltip: boolean;
51
- selectedValues: string[];
52
- private stylingContainer;
53
- private inputReference;
54
- private tooltipReference;
55
- private tooltipIconReference;
56
- value: any;
57
- validityChanged(): void;
58
- setValue(): void;
59
- sendValidityState: EventEmitter<InputStateEvent>;
60
- validityStateHandler(inputStateEvent: InputStateEvent): void;
61
- emitValueHandler(newValue: boolean): void;
62
- sendInputValue: EventEmitter<InputValueEvent>;
63
- valueHandler(inputValueEvent: InputValueEvent): void;
64
- handleClickOutside(event: MouseEvent): void;
65
- componentDidRender(): void;
66
- componentDidLoad(): void;
67
- setValidity(): boolean;
68
- setErrorMessage(): string;
69
- setClientStyling: () => void;
70
- renderTooltip(): any;
71
- handleParentCheckbox(e: Event): void;
72
- renderLabel(): any;
73
- render(): any;
6
+ /**
7
+ * Name of the input.
8
+ */
9
+ name: string;
10
+ /**
11
+ * Name of input to be shown to the user.
12
+ */
13
+ displayName: string;
14
+ /**
15
+ * Default value for the input.
16
+ */
17
+ defaultValue: string;
18
+ /**
19
+ * Boolean. Determines if input should be readonly.
20
+ */
21
+ autofilled: boolean;
22
+ /**
23
+ * Tooltip text.
24
+ */
25
+ tooltip: string;
26
+ /**
27
+ * Options of the input.
28
+ */
29
+ options: RegCfgContentField[];
30
+ /**
31
+ * Object of validation rules for the input.
32
+ */
33
+ validation: ValidationSchema;
34
+ /**
35
+ * Currently selected language.
36
+ */
37
+ language: string;
38
+ /**
39
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
40
+ */
41
+ emitValue: boolean;
42
+ /**
43
+ * Client custom styling via inline style
44
+ */
45
+ clientStyling: string;
46
+ private element;
47
+ errorMessage: string;
48
+ isValid: boolean;
49
+ private limitStylingAppends;
50
+ showTooltip: boolean;
51
+ selectedValues: string[];
52
+ private stylingContainer;
53
+ private inputReference;
54
+ private tooltipReference;
55
+ private tooltipIconReference;
56
+ value: any;
57
+ validityChanged(): void;
58
+ setValue(): void;
59
+ sendValidityState: EventEmitter<InputStateEvent>;
60
+ validityStateHandler(inputStateEvent: InputStateEvent): void;
61
+ emitValueHandler(newValue: boolean): void;
62
+ sendInputValue: EventEmitter<InputValueEvent>;
63
+ valueHandler(inputValueEvent: InputValueEvent): void;
64
+ handleClickOutside(event: MouseEvent): void;
65
+ componentDidRender(): void;
66
+ componentDidLoad(): void;
67
+ setValidity(): boolean;
68
+ setErrorMessage(): string;
69
+ setClientStyling: () => void;
70
+ renderTooltip(): any;
71
+ handleParentCheckbox(e: Event): void;
72
+ renderLabel(): any;
73
+ render(): any;
74
74
  }
@@ -1,66 +1,65 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
2
  import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
3
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
- * Default value for the input.
14
- */
15
- defaultValue: string;
16
- /**
17
- * Boolean. Determines if input should be readonly.
18
- */
19
- autofilled: boolean;
20
- /**
21
- * Tooltip text.
22
- */
23
- tooltip: string;
24
- /**
25
- * Object of validation rules for the input.
26
- */
27
- validation: ValidationSchema;
28
- /**
29
- * Currently selected language.
30
- */
31
- language: string;
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
- /**
37
- * Client custom styling via inline style
38
- */
39
- clientStyling: string;
40
- errorMessage: string;
41
- isValid: boolean;
42
- private limitStylingAppends;
43
- showTooltip: boolean;
44
- private stylingContainer;
45
- private inputReference;
46
- private tooltipReference;
47
- private tooltipIconReference;
48
- value: string;
49
- validityChanged(): void;
50
- sendValidityState: EventEmitter<InputStateEvent>;
51
- validityStateHandler(inputStateEvent: InputStateEvent): void;
52
- emitValueHandler(newValue: boolean): void;
53
- sendInputValue: EventEmitter<InputValueEvent>;
54
- valueHandler(inputValueEvent: InputValueEvent): void;
55
- handleClickOutside(event: MouseEvent): void;
56
- componentDidRender(): void;
57
- componentDidLoad(): void;
58
- handleClick(): void;
59
- setValidity(): boolean;
60
- setErrorMessage(): string;
61
- setClientStyling: () => void;
62
- handleLabelClick: (event: MouseEvent) => void;
63
- renderLabel(): any;
64
- renderTooltip(): any;
65
- 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
+ * Default value for the input.
14
+ */
15
+ defaultValue: string;
16
+ /**
17
+ * Boolean. Determines if input should be readonly.
18
+ */
19
+ autofilled: boolean;
20
+ /**
21
+ * Tooltip text.
22
+ */
23
+ tooltip: string;
24
+ /**
25
+ * Object of validation rules for the input.
26
+ */
27
+ validation: ValidationSchema;
28
+ /**
29
+ * Currently selected language.
30
+ */
31
+ language: string;
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
+ /**
37
+ * Client custom styling via inline style
38
+ */
39
+ clientStyling: string;
40
+ errorMessage: string;
41
+ isValid: boolean;
42
+ private limitStylingAppends;
43
+ showTooltip: boolean;
44
+ private stylingContainer;
45
+ private inputReference;
46
+ private tooltipReference;
47
+ private tooltipIconReference;
48
+ value: string;
49
+ validityChanged(): void;
50
+ sendValidityState: EventEmitter<InputStateEvent>;
51
+ validityStateHandler(inputStateEvent: InputStateEvent): void;
52
+ emitValueHandler(newValue: boolean): void;
53
+ sendInputValue: EventEmitter<InputValueEvent>;
54
+ valueHandler(inputValueEvent: InputValueEvent): void;
55
+ handleClickOutside(event: MouseEvent): void;
56
+ componentDidRender(): void;
57
+ componentDidLoad(): void;
58
+ handleClick(): void;
59
+ setValidity(): boolean;
60
+ setErrorMessage(): string;
61
+ setClientStyling: () => void;
62
+ renderLabel(): any;
63
+ renderTooltip(): any;
64
+ render(): any;
66
65
  }
@@ -3,82 +3,82 @@ import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/
3
3
  import '@vaadin/date-picker';
4
4
  import type { DatePicker, DatePickerDate, DatePickerChangeEvent } from '@vaadin/date-picker';
5
5
  export declare class DateInput {
6
- /**
7
- * Name of the input.
8
- */
9
- name: string;
10
- /**
11
- * Name of input to be shown to the user.
12
- */
13
- displayName: string;
14
- /**
15
- * Placeholder text to be shown.
16
- */
17
- placeholder: string;
18
- /**
19
- * Object of validation rules for the input.
20
- */
21
- validation: ValidationSchema;
22
- /**
23
- * Default value for the input.
24
- */
25
- defaultValue: string;
26
- /**
27
- * Boolean. Determines if input should be readonly.
28
- */
29
- autofilled: boolean;
30
- /**
31
- * Tooltip text.
32
- */
33
- tooltip: string;
34
- /**
35
- * Currently selected language.
36
- */
37
- language: string;
38
- /**
39
- * State passed down from the parent element. Will trigger the input to send it's value through an event.
40
- */
41
- emitValue: boolean;
42
- /**
43
- * Client custom styling via inline style
44
- */
45
- clientStyling: string;
46
- /**
47
- * Date format for date picker.
48
- */
49
- dateFormat: string;
50
- errorMessage: string;
51
- isValid: boolean;
52
- private limitStylingAppends;
53
- showTooltip: boolean;
54
- private element;
55
- datePicker: DatePicker;
56
- private stylingContainer;
57
- inputReference: HTMLInputElement;
58
- private tooltipReference;
59
- private tooltipIconReference;
60
- value: string;
61
- touched: boolean;
62
- minDate: Date;
63
- maxDate: Date;
64
- valueAsDate: Date;
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
- componentDidRender(): void;
74
- componentDidLoad(): void;
75
- formatDate: (dateParts: DatePickerDate) => string;
76
- parseDate: (inputValue: string) => DatePickerDate;
77
- handleInput(event: DatePickerChangeEvent): void;
78
- handleBlur: () => void;
79
- setValidity(): boolean;
80
- setErrorMessage(): string;
81
- setClientStyling: () => void;
82
- renderTooltip(): any;
83
- render(): any;
6
+ /**
7
+ * Name of the input.
8
+ */
9
+ name: string;
10
+ /**
11
+ * Name of input to be shown to the user.
12
+ */
13
+ displayName: string;
14
+ /**
15
+ * Placeholder text to be shown.
16
+ */
17
+ placeholder: string;
18
+ /**
19
+ * Object of validation rules for the input.
20
+ */
21
+ validation: ValidationSchema;
22
+ /**
23
+ * Default value for the input.
24
+ */
25
+ defaultValue: string;
26
+ /**
27
+ * Boolean. Determines if input should be readonly.
28
+ */
29
+ autofilled: boolean;
30
+ /**
31
+ * Tooltip text.
32
+ */
33
+ tooltip: string;
34
+ /**
35
+ * Currently selected language.
36
+ */
37
+ language: string;
38
+ /**
39
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
40
+ */
41
+ emitValue: boolean;
42
+ /**
43
+ * Client custom styling via inline style
44
+ */
45
+ clientStyling: string;
46
+ /**
47
+ * Date format for date picker.
48
+ */
49
+ dateFormat: string;
50
+ errorMessage: string;
51
+ isValid: boolean;
52
+ private limitStylingAppends;
53
+ showTooltip: boolean;
54
+ private element;
55
+ datePicker: DatePicker;
56
+ private stylingContainer;
57
+ inputReference: HTMLInputElement;
58
+ private tooltipReference;
59
+ private tooltipIconReference;
60
+ value: string;
61
+ touched: boolean;
62
+ minDate: Date;
63
+ maxDate: Date;
64
+ valueAsDate: Date;
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
+ componentDidRender(): void;
74
+ componentDidLoad(): void;
75
+ formatDate: (dateParts: DatePickerDate) => string;
76
+ parseDate: (inputValue: string) => DatePickerDate;
77
+ handleInput(event: DatePickerChangeEvent): void;
78
+ handleBlur: () => void;
79
+ setValidity(): boolean;
80
+ setErrorMessage(): string;
81
+ setClientStyling: () => void;
82
+ renderTooltip(): any;
83
+ render(): any;
84
84
  }