@vaadin/custom-field 23.1.2 → 23.2.0-alpha3
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/package.json +19 -19
- package/src/vaadin-custom-field.d.ts +17 -0
- package/src/vaadin-custom-field.js +4 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/custom-field",
|
|
3
|
-
"version": "23.
|
|
3
|
+
"version": "23.2.0-alpha3",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -33,28 +33,28 @@
|
|
|
33
33
|
],
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@polymer/polymer": "^3.0.0",
|
|
36
|
-
"@vaadin/component-base": "
|
|
37
|
-
"@vaadin/field-base": "
|
|
38
|
-
"@vaadin/vaadin-lumo-styles": "
|
|
39
|
-
"@vaadin/vaadin-material-styles": "
|
|
40
|
-
"@vaadin/vaadin-themable-mixin": "
|
|
36
|
+
"@vaadin/component-base": "23.2.0-alpha3",
|
|
37
|
+
"@vaadin/field-base": "23.2.0-alpha3",
|
|
38
|
+
"@vaadin/vaadin-lumo-styles": "23.2.0-alpha3",
|
|
39
|
+
"@vaadin/vaadin-material-styles": "23.2.0-alpha3",
|
|
40
|
+
"@vaadin/vaadin-themable-mixin": "23.2.0-alpha3"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
43
|
"@esm-bundle/chai": "^4.3.4",
|
|
44
|
-
"@vaadin/combo-box": "
|
|
45
|
-
"@vaadin/date-picker": "
|
|
46
|
-
"@vaadin/email-field": "
|
|
47
|
-
"@vaadin/form-layout": "
|
|
48
|
-
"@vaadin/list-box": "
|
|
49
|
-
"@vaadin/number-field": "
|
|
50
|
-
"@vaadin/password-field": "
|
|
51
|
-
"@vaadin/polymer-legacy-adapter": "
|
|
52
|
-
"@vaadin/select": "
|
|
44
|
+
"@vaadin/combo-box": "23.2.0-alpha3",
|
|
45
|
+
"@vaadin/date-picker": "23.2.0-alpha3",
|
|
46
|
+
"@vaadin/email-field": "23.2.0-alpha3",
|
|
47
|
+
"@vaadin/form-layout": "23.2.0-alpha3",
|
|
48
|
+
"@vaadin/list-box": "23.2.0-alpha3",
|
|
49
|
+
"@vaadin/number-field": "23.2.0-alpha3",
|
|
50
|
+
"@vaadin/password-field": "23.2.0-alpha3",
|
|
51
|
+
"@vaadin/polymer-legacy-adapter": "23.2.0-alpha3",
|
|
52
|
+
"@vaadin/select": "23.2.0-alpha3",
|
|
53
53
|
"@vaadin/testing-helpers": "^0.3.2",
|
|
54
|
-
"@vaadin/text-area": "
|
|
55
|
-
"@vaadin/text-field": "
|
|
56
|
-
"@vaadin/time-picker": "
|
|
54
|
+
"@vaadin/text-area": "23.2.0-alpha3",
|
|
55
|
+
"@vaadin/text-field": "23.2.0-alpha3",
|
|
56
|
+
"@vaadin/time-picker": "23.2.0-alpha3",
|
|
57
57
|
"sinon": "^13.0.2"
|
|
58
58
|
},
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "06e5875be93ca50da2846dafc65a8531010c0576"
|
|
60
60
|
}
|
|
@@ -35,10 +35,26 @@ export type CustomFieldInvalidChangedEvent = CustomEvent<{ value: boolean }>;
|
|
|
35
35
|
*/
|
|
36
36
|
export type CustomFieldValueChangedEvent = CustomEvent<{ value: string }>;
|
|
37
37
|
|
|
38
|
+
/**
|
|
39
|
+
* Fired whenever the field is validated.
|
|
40
|
+
*/
|
|
41
|
+
export type CustomFieldValidatedEvent = CustomEvent<{ valid: boolean }>;
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* Fired on Tab keydown triggered from the internal inputs, meaning focus will not leave the inputs.
|
|
45
|
+
*/
|
|
46
|
+
export type CustomFieldInternalTabEvent = Event & {
|
|
47
|
+
target: CustomField;
|
|
48
|
+
};
|
|
49
|
+
|
|
38
50
|
export interface CustomFieldCustomEventMap {
|
|
39
51
|
'invalid-changed': CustomFieldInvalidChangedEvent;
|
|
40
52
|
|
|
41
53
|
'value-changed': CustomFieldValueChangedEvent;
|
|
54
|
+
|
|
55
|
+
'internal-tab': CustomFieldInternalTabEvent;
|
|
56
|
+
|
|
57
|
+
validated: CustomFieldValidatedEvent;
|
|
42
58
|
}
|
|
43
59
|
|
|
44
60
|
export interface CustomFieldEventMap extends HTMLElementEventMap, CustomFieldCustomEventMap {
|
|
@@ -84,6 +100,7 @@ export interface CustomFieldEventMap extends HTMLElementEventMap, CustomFieldCus
|
|
|
84
100
|
* @fires {Event} internal-tab - Fired on Tab keydown triggered from the internal inputs, meaning focus will not leave the inputs.
|
|
85
101
|
* @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.
|
|
86
102
|
* @fires {CustomEvent} value-changed - Fired when the `value` property changes.
|
|
103
|
+
* @fires {CustomEvent} validated - Fired whenever the field is validated.
|
|
87
104
|
*/
|
|
88
105
|
declare class CustomField extends FieldMixin(FocusMixin(ThemableMixin(ElementMixin(HTMLElement)))) {
|
|
89
106
|
/**
|
|
@@ -50,6 +50,7 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
|
|
|
50
50
|
* @fires {Event} internal-tab - Fired on Tab keydown triggered from the internal inputs, meaning focus will not leave the inputs.
|
|
51
51
|
* @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.
|
|
52
52
|
* @fires {CustomEvent} value-changed - Fired when the `value` property changes.
|
|
53
|
+
* @fires {CustomEvent} validated - Fired whenever the field is validated.
|
|
53
54
|
*
|
|
54
55
|
* @extends HTMLElement
|
|
55
56
|
* @mixes FieldMixin
|
|
@@ -374,7 +375,9 @@ class CustomField extends FieldMixin(FocusMixin(ThemableMixin(ElementMixin(Polym
|
|
|
374
375
|
return;
|
|
375
376
|
}
|
|
376
377
|
|
|
377
|
-
this.inputs.forEach((input, id) =>
|
|
378
|
+
this.inputs.forEach((input, id) => {
|
|
379
|
+
input.value = valuesArray[id];
|
|
380
|
+
});
|
|
378
381
|
if (oldValue !== undefined) {
|
|
379
382
|
this.validate();
|
|
380
383
|
}
|