@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.
- package/dist/cjs/app-globals-3a1e7e63.js +5 -0
- package/dist/cjs/checkbox-group-input_10.cjs.entry.js +3873 -1756
- package/dist/cjs/general-input.cjs.entry.js +65 -63
- package/dist/cjs/general-input.cjs.js +17 -11
- package/dist/cjs/index-8cb018cb.js +1316 -0
- package/dist/cjs/index.cjs.js +13 -13
- package/dist/cjs/loader.cjs.js +7 -13
- package/dist/cjs/locale.utils-76c75c40.js +147 -0
- package/dist/cjs/toggle-checkbox-input.cjs.entry.js +77 -78
- package/dist/collection/collection-manifest.json +14 -14
- package/dist/collection/components/checkbox-group-input/checkbox-group-input.js +368 -353
- package/dist/collection/components/checkbox-input/checkbox-input.js +325 -315
- package/dist/collection/components/date-input/date-input.css +2 -2
- package/dist/collection/components/date-input/date-input.js +397 -376
- package/dist/collection/components/email-input/email-input.css +7 -11
- package/dist/collection/components/email-input/email-input.js +404 -385
- package/dist/collection/components/general-input/general-input.js +373 -368
- package/dist/collection/components/general-input/index.js +1 -0
- package/dist/collection/components/number-input/number-input.js +370 -352
- package/dist/collection/components/password-input/password-input.css +2 -4
- package/dist/collection/components/password-input/password-input.js +513 -540
- package/dist/collection/components/radio-input/radio-input.js +301 -286
- package/dist/collection/components/select-input/select-input.css +8 -9
- package/dist/collection/components/select-input/select-input.js +427 -414
- package/dist/collection/components/tel-input/tel-input.css +1 -1
- package/dist/collection/components/tel-input/tel-input.js +440 -422
- package/dist/collection/components/text-input/text-input.css +0 -1
- package/dist/collection/components/text-input/text-input.js +444 -429
- package/dist/collection/components/toggle-checkbox-input/toggle-checkbox-input.js +327 -340
- package/dist/collection/index.js +13 -13
- package/dist/collection/utils/locale.utils.js +133 -133
- package/dist/collection/utils/utils.js +3 -3
- package/dist/esm/app-globals-0f993ce5.js +3 -0
- package/dist/esm/checkbox-group-input_10.entry.js +3873 -1756
- package/dist/esm/general-input.entry.js +65 -63
- package/dist/esm/general-input.js +14 -11
- package/dist/esm/index-514fda47.js +1287 -0
- package/dist/esm/index.js +13 -13
- package/dist/esm/loader.js +7 -13
- package/dist/esm/locale.utils-ca41bf95.js +144 -0
- package/dist/esm/toggle-checkbox-input.entry.js +77 -78
- package/dist/general-input/general-input.esm.js +1 -1
- package/dist/general-input/p-03e81c11.js +2 -0
- package/dist/general-input/p-aec71434.js +1 -0
- package/dist/general-input/p-e1255160.js +1 -0
- package/dist/general-input/p-eb454344.entry.js +1 -0
- package/dist/general-input/p-ecdc294b.entry.js +5430 -0
- package/dist/general-input/p-f92ab852.entry.js +1 -0
- package/dist/stencil.config.dev.js +17 -0
- package/dist/stencil.config.js +14 -19
- 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
- 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
- package/dist/types/components/checkbox-group-input/checkbox-group-input.d.ts +68 -68
- package/dist/types/components/checkbox-input/checkbox-input.d.ts +61 -62
- package/dist/types/components/date-input/date-input.d.ts +78 -78
- package/dist/types/components/email-input/email-input.d.ts +77 -77
- package/dist/types/components/general-input/general-input.d.ts +72 -72
- package/dist/types/components/general-input/index.d.ts +1 -0
- package/dist/types/components/number-input/number-input.d.ts +71 -71
- package/dist/types/components/password-input/password-input.d.ts +87 -92
- package/dist/types/components/radio-input/radio-input.d.ts +55 -55
- package/dist/types/components/select-input/select-input.d.ts +79 -79
- package/dist/types/components/tel-input/tel-input.d.ts +85 -85
- package/dist/types/components/text-input/text-input.d.ts +81 -81
- package/dist/types/components/toggle-checkbox-input/toggle-checkbox-input.d.ts +63 -68
- package/dist/types/components.d.ts +201 -39
- package/dist/types/stencil-public-runtime.d.ts +142 -33
- package/dist/types/utils/locale.utils.d.ts +8 -8
- package/dist/types/utils/types.d.ts +54 -54
- package/loader/cdn.js +1 -3
- package/loader/index.cjs.js +1 -3
- package/loader/index.d.ts +13 -1
- package/loader/index.es2017.js +1 -3
- package/loader/index.js +1 -3
- package/loader/package.json +1 -0
- package/package.json +8 -1
- package/dist/cjs/index-132a0774.js +0 -1327
- package/dist/cjs/locale.utils-2fa6f747.js +0 -147
- package/dist/components/active-mixin.js +0 -975
- package/dist/components/checkbox-group-input.d.ts +0 -11
- package/dist/components/checkbox-group-input.js +0 -6
- package/dist/components/checkbox-group-input2.js +0 -1078
- package/dist/components/checkbox-input.d.ts +0 -11
- package/dist/components/checkbox-input.js +0 -6
- package/dist/components/checkbox-input2.js +0 -132
- package/dist/components/date-input.d.ts +0 -11
- package/dist/components/date-input.js +0 -6
- package/dist/components/date-input2.js +0 -11556
- package/dist/components/email-input.d.ts +0 -11
- package/dist/components/email-input.js +0 -6
- package/dist/components/email-input2.js +0 -171
- package/dist/components/field-mixin.js +0 -12426
- package/dist/components/general-input.d.ts +0 -11
- package/dist/components/general-input.js +0 -6
- package/dist/components/general-input2.js +0 -350
- package/dist/components/index.d.ts +0 -26
- package/dist/components/index.js +0 -18
- package/dist/components/input-field-shared-styles.js +0 -1211
- package/dist/components/number-input.d.ts +0 -11
- package/dist/components/number-input.js +0 -6
- package/dist/components/number-input2.js +0 -158
- package/dist/components/password-input.d.ts +0 -11
- package/dist/components/password-input.js +0 -6
- package/dist/components/password-input2.js +0 -1059
- package/dist/components/radio-input.d.ts +0 -11
- package/dist/components/radio-input.js +0 -6
- package/dist/components/radio-input2.js +0 -114
- package/dist/components/select-input.d.ts +0 -11
- package/dist/components/select-input.js +0 -6
- package/dist/components/select-input2.js +0 -183
- package/dist/components/tel-input.d.ts +0 -11
- package/dist/components/tel-input.js +0 -6
- package/dist/components/tel-input2.js +0 -197
- package/dist/components/text-input.d.ts +0 -11
- package/dist/components/text-input.js +0 -6
- package/dist/components/text-input2.js +0 -199
- package/dist/components/toggle-checkbox-input.d.ts +0 -11
- package/dist/components/toggle-checkbox-input.js +0 -6
- package/dist/components/tooltipIcon.js +0 -146
- package/dist/components/vaadin-button.js +0 -490
- package/dist/components/vaadin-combo-box.js +0 -4512
- package/dist/components/virtual-keyboard-controller.js +0 -2001
- package/dist/esm/index-db76d5b5.js +0 -1299
- package/dist/esm/locale.utils-30fb5289.js +0 -144
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/css-shim.js +0 -1
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/general-input/p-04d4b145.js +0 -1
- package/dist/general-input/p-a8221ce9.entry.js +0 -1
- package/dist/general-input/p-b408093e.js +0 -1
- package/dist/general-input/p-b64caafa.entry.js +0 -3646
- package/dist/general-input/p-c85c0e4d.entry.js +0 -1
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-stencil/packages/general-input/.stencil/packages/general-input/stencil.config.d.ts +0 -2
- /package/dist/cjs/{tooltipIcon-092a795f.js → tooltipIcon-7e9ee226.js} +0 -0
- /package/dist/esm/{tooltipIcon-99c1c7b7.js → tooltipIcon-0a5a06a2.js} +0 -0
- /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
|
+
};
|
package/dist/stencil.config.js
CHANGED
|
@@ -1,22 +1,17 @@
|
|
|
1
|
-
import { sass } from
|
|
1
|
+
import { sass } from "@stencil/sass";
|
|
2
2
|
export const config = {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
{
|
|
8
|
-
|
|
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
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
};
|
|
@@ -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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
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
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
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
|
}
|