@vaadin/number-field 23.3.1 → 23.3.3
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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/number-field",
|
|
3
|
-
"version": "23.3.
|
|
3
|
+
"version": "23.3.3",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,12 +35,12 @@
|
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@polymer/polymer": "^3.0.0",
|
|
38
|
-
"@vaadin/component-base": "~23.3.
|
|
39
|
-
"@vaadin/field-base": "~23.3.
|
|
40
|
-
"@vaadin/input-container": "~23.3.
|
|
41
|
-
"@vaadin/vaadin-lumo-styles": "~23.3.
|
|
42
|
-
"@vaadin/vaadin-material-styles": "~23.3.
|
|
43
|
-
"@vaadin/vaadin-themable-mixin": "~23.3.
|
|
38
|
+
"@vaadin/component-base": "~23.3.3",
|
|
39
|
+
"@vaadin/field-base": "~23.3.3",
|
|
40
|
+
"@vaadin/input-container": "~23.3.3",
|
|
41
|
+
"@vaadin/vaadin-lumo-styles": "~23.3.3",
|
|
42
|
+
"@vaadin/vaadin-material-styles": "~23.3.3",
|
|
43
|
+
"@vaadin/vaadin-themable-mixin": "~23.3.3"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@esm-bundle/chai": "^4.3.4",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"web-types.json",
|
|
52
52
|
"web-types.lit.json"
|
|
53
53
|
],
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "1529ed623e053d28a3c1c66af55ebe402743ddd0"
|
|
55
55
|
}
|
|
@@ -217,7 +217,7 @@ export class NumberField extends InputFieldMixin(ThemableMixin(ElementMixin(Poly
|
|
|
217
217
|
direction: rtl;
|
|
218
218
|
}
|
|
219
219
|
|
|
220
|
-
${tag}[dir='rtl']:not([has-controls]) input[type="number"]::placeholder {
|
|
220
|
+
${tag}[dir='rtl']:not([step-buttons-visible]):not([has-controls]) input[type="number"]::placeholder {
|
|
221
221
|
text-align: left;
|
|
222
222
|
}
|
|
223
223
|
`,
|
|
@@ -253,17 +253,19 @@ export class NumberField extends InputFieldMixin(ThemableMixin(ElementMixin(Poly
|
|
|
253
253
|
}
|
|
254
254
|
|
|
255
255
|
/**
|
|
256
|
-
* Override
|
|
257
|
-
* to
|
|
256
|
+
* Override the method from `InputConstraintsMixin`
|
|
257
|
+
* to enforce HTML constraint validation even if
|
|
258
|
+
* the user didn't add any constraints explicitly:
|
|
259
|
+
* the field has to be regardless checked for bad input.
|
|
258
260
|
*
|
|
259
261
|
* @override
|
|
260
262
|
*/
|
|
261
263
|
checkValidity() {
|
|
262
|
-
if (this.inputElement
|
|
263
|
-
return
|
|
264
|
+
if (this.inputElement) {
|
|
265
|
+
return this.inputElement.checkValidity();
|
|
264
266
|
}
|
|
265
267
|
|
|
266
|
-
return
|
|
268
|
+
return !this.invalid;
|
|
267
269
|
}
|
|
268
270
|
|
|
269
271
|
/** @private */
|
|
@@ -13,6 +13,7 @@ const numberField = css`
|
|
|
13
13
|
width: 8em;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
:host([step-buttons-visible]:not([theme~='align-right'])) ::slotted(input),
|
|
16
17
|
:host([has-controls]:not([theme~='align-right'])) ::slotted(input) {
|
|
17
18
|
text-align: center;
|
|
18
19
|
}
|
|
@@ -21,6 +22,7 @@ const numberField = css`
|
|
|
21
22
|
opacity: 0.2;
|
|
22
23
|
}
|
|
23
24
|
|
|
25
|
+
:host([step-buttons-visible]) [part='input-field'],
|
|
24
26
|
:host([has-controls]) [part='input-field'] {
|
|
25
27
|
padding: 0;
|
|
26
28
|
}
|
package/web-types.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/number-field",
|
|
4
|
-
"version": "23.3.
|
|
4
|
+
"version": "23.3.3",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "vaadin-number-field",
|
|
11
|
-
"description": "`<vaadin-number-field>` is an input field web component that only accepts numeric input.\n\n```html\n<vaadin-number-field label=\"Balance\"></vaadin-number-field>\n```\n\n### Styling\n\n`<vaadin-number-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/23.3.
|
|
11
|
+
"description": "`<vaadin-number-field>` is an input field web component that only accepts numeric input.\n\n```html\n<vaadin-number-field label=\"Balance\"></vaadin-number-field>\n```\n\n### Styling\n\n`<vaadin-number-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/23.3.3/#/elements/vaadin-text-field) for the styling documentation.\n\nIn addition to `<vaadin-text-field>` parts, the following parts are available for theming:\n\nPart name | Description\n------------------|-------------------------\n`increase-button` | Increase (\"plus\") button\n`decrease-button` | Decrease (\"minus\") button\n\nNote, the `input-prevented` state attribute is only supported when `allowedCharPattern` is set.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "disabled",
|
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/number-field",
|
|
4
|
-
"version": "23.3.
|
|
4
|
+
"version": "23.3.3",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"elements": [
|
|
17
17
|
{
|
|
18
18
|
"name": "vaadin-number-field",
|
|
19
|
-
"description": "`<vaadin-number-field>` is an input field web component that only accepts numeric input.\n\n```html\n<vaadin-number-field label=\"Balance\"></vaadin-number-field>\n```\n\n### Styling\n\n`<vaadin-number-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/23.3.
|
|
19
|
+
"description": "`<vaadin-number-field>` is an input field web component that only accepts numeric input.\n\n```html\n<vaadin-number-field label=\"Balance\"></vaadin-number-field>\n```\n\n### Styling\n\n`<vaadin-number-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/23.3.3/#/elements/vaadin-text-field) for the styling documentation.\n\nIn addition to `<vaadin-text-field>` parts, the following parts are available for theming:\n\nPart name | Description\n------------------|-------------------------\n`increase-button` | Increase (\"plus\") button\n`decrease-button` | Decrease (\"minus\") button\n\nNote, the `input-prevented` state attribute is only supported when `allowedCharPattern` is set.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|