@vaadin/custom-field 24.6.0-alpha7 → 24.6.0-alpha8

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 (4) hide show
  1. package/package.json +19 -19
  2. package/src/vaadin-custom-field-mixin.js +4 -4
  3. package/web-types.json +25 -3
  4. package/web-types.lit.json +9 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/custom-field",
3
- "version": "24.6.0-alpha7",
3
+ "version": "24.6.0-alpha8",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -36,32 +36,32 @@
36
36
  "dependencies": {
37
37
  "@open-wc/dedupe-mixin": "^1.3.0",
38
38
  "@polymer/polymer": "^3.0.0",
39
- "@vaadin/a11y-base": "24.6.0-alpha7",
40
- "@vaadin/component-base": "24.6.0-alpha7",
41
- "@vaadin/field-base": "24.6.0-alpha7",
42
- "@vaadin/vaadin-lumo-styles": "24.6.0-alpha7",
43
- "@vaadin/vaadin-material-styles": "24.6.0-alpha7",
44
- "@vaadin/vaadin-themable-mixin": "24.6.0-alpha7",
39
+ "@vaadin/a11y-base": "24.6.0-alpha8",
40
+ "@vaadin/component-base": "24.6.0-alpha8",
41
+ "@vaadin/field-base": "24.6.0-alpha8",
42
+ "@vaadin/vaadin-lumo-styles": "24.6.0-alpha8",
43
+ "@vaadin/vaadin-material-styles": "24.6.0-alpha8",
44
+ "@vaadin/vaadin-themable-mixin": "24.6.0-alpha8",
45
45
  "lit": "^3.0.0"
46
46
  },
47
47
  "devDependencies": {
48
- "@vaadin/chai-plugins": "24.6.0-alpha7",
49
- "@vaadin/combo-box": "24.6.0-alpha7",
50
- "@vaadin/date-picker": "24.6.0-alpha7",
51
- "@vaadin/email-field": "24.6.0-alpha7",
52
- "@vaadin/form-layout": "24.6.0-alpha7",
53
- "@vaadin/number-field": "24.6.0-alpha7",
54
- "@vaadin/password-field": "24.6.0-alpha7",
55
- "@vaadin/select": "24.6.0-alpha7",
48
+ "@vaadin/chai-plugins": "24.6.0-alpha8",
49
+ "@vaadin/combo-box": "24.6.0-alpha8",
50
+ "@vaadin/date-picker": "24.6.0-alpha8",
51
+ "@vaadin/email-field": "24.6.0-alpha8",
52
+ "@vaadin/form-layout": "24.6.0-alpha8",
53
+ "@vaadin/number-field": "24.6.0-alpha8",
54
+ "@vaadin/password-field": "24.6.0-alpha8",
55
+ "@vaadin/select": "24.6.0-alpha8",
56
56
  "@vaadin/testing-helpers": "^1.0.0",
57
- "@vaadin/text-area": "24.6.0-alpha7",
58
- "@vaadin/text-field": "24.6.0-alpha7",
59
- "@vaadin/time-picker": "24.6.0-alpha7",
57
+ "@vaadin/text-area": "24.6.0-alpha8",
58
+ "@vaadin/text-field": "24.6.0-alpha8",
59
+ "@vaadin/time-picker": "24.6.0-alpha8",
60
60
  "sinon": "^18.0.0"
61
61
  },
62
62
  "web-types": [
63
63
  "web-types.json",
64
64
  "web-types.lit.json"
65
65
  ],
66
- "gitHead": "675d6fe0a08b8cc63ac00140c63f28fc3f52e4ea"
66
+ "gitHead": "a11e1510c4caa08775b202714f5fc1198c22132a"
67
67
  }
package/src/vaadin-custom-field-mixin.js CHANGED
@@ -159,7 +159,7 @@ export const CustomFieldMixin = (superClass) =>
159
159
  super._setFocused(focused);
160
160
 
161
161
  if (!focused) {
162
- this.validate();
162
+ this._requestValidation();
163
163
  }
164
164
  }
165
165
 
@@ -203,7 +203,7 @@ export const CustomFieldMixin = (superClass) =>
203
203
  super._requiredChanged(required);
204
204
 
205
205
  if (required === false) {
206
- this.validate();
206
+ this._requestValidation();
207
207
  }
208
208
  }
209
209
 
@@ -233,7 +233,7 @@ export const CustomFieldMixin = (superClass) =>
233
233
  event.stopPropagation();
234
234
 
235
235
  this.__setValue();
236
- this.validate();
236
+ this._requestValidation();
237
237
  this.dispatchEvent(
238
238
  new CustomEvent('change', {
239
239
  bubbles: true,
@@ -299,7 +299,7 @@ export const CustomFieldMixin = (superClass) =>
299
299
  this.__applyInputsValue(value || '\t');
300
300
 
301
301
  if (oldValue !== undefined) {
302
- this.validate();
302
+ this._requestValidation();
303
303
  }
304
304
  }
305
305
 
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/custom-field",
4
- "version": "24.6.0-alpha7",
4
+ "version": "24.6.0-alpha8",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -32,6 +32,17 @@
32
32
  ]
33
33
  }
34
34
  },
35
+ {
36
+ "name": "manual-validation",
37
+ "description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
38
+ "value": {
39
+ "type": [
40
+ "boolean",
41
+ "null",
42
+ "undefined"
43
+ ]
44
+ }
45
+ },
35
46
  {
36
47
  "name": "required",
37
48
  "description": "Specifies that the user must fill in a value.",
@@ -100,7 +111,7 @@
100
111
  },
101
112
  {
102
113
  "name": "value",
103
- "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha7/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha7/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
114
+ "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha8/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha8/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
104
115
  "value": {
105
116
  "type": [
106
117
  "string",
@@ -145,6 +156,17 @@
145
156
  ]
146
157
  }
147
158
  },
159
+ {
160
+ "name": "manualValidation",
161
+ "description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
162
+ "value": {
163
+ "type": [
164
+ "boolean",
165
+ "null",
166
+ "undefined"
167
+ ]
168
+ }
169
+ },
148
170
  {
149
171
  "name": "required",
150
172
  "description": "Specifies that the user must fill in a value.",
@@ -213,7 +235,7 @@
213
235
  },
214
236
  {
215
237
  "name": "value",
216
- "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha7/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha7/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
238
+ "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha8/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha8/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
217
239
  "value": {
218
240
  "type": [
219
241
  "string",
package/web-types.lit.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/custom-field",
4
- "version": "24.6.0-alpha7",
4
+ "version": "24.6.0-alpha8",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -26,6 +26,13 @@
26
26
  "kind": "expression"
27
27
  }
28
28
  },
29
+ {
30
+ "name": "?manualValidation",
31
+ "description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
32
+ "value": {
33
+ "kind": "expression"
34
+ }
35
+ },
29
36
  {
30
37
  "name": "?required",
31
38
  "description": "Specifies that the user must fill in a value.",
@@ -77,7 +84,7 @@
77
84
  },
78
85
  {
79
86
  "name": ".value",
80
- "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha7/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha7/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
87
+ "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha8/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha8/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
81
88
  "value": {
82
89
  "kind": "expression"
83
90
  }