@vaadin/number-field 23.2.0 → 23.2.1
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 +8 -8
- package/src/vaadin-number-field.d.ts +1 -2
- package/src/vaadin-number-field.js +2 -2
- package/web-types.json +10 -2
- package/web-types.lit.json +16 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/number-field",
|
|
3
|
-
"version": "23.2.
|
|
3
|
+
"version": "23.2.1",
|
|
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": "
|
|
39
|
-
"@vaadin/field-base": "
|
|
40
|
-
"@vaadin/input-container": "
|
|
41
|
-
"@vaadin/vaadin-lumo-styles": "
|
|
42
|
-
"@vaadin/vaadin-material-styles": "
|
|
43
|
-
"@vaadin/vaadin-themable-mixin": "
|
|
38
|
+
"@vaadin/component-base": "~23.2.1",
|
|
39
|
+
"@vaadin/field-base": "~23.2.1",
|
|
40
|
+
"@vaadin/input-container": "~23.2.1",
|
|
41
|
+
"@vaadin/vaadin-lumo-styles": "~23.2.1",
|
|
42
|
+
"@vaadin/vaadin-material-styles": "~23.2.1",
|
|
43
|
+
"@vaadin/vaadin-themable-mixin": "~23.2.1"
|
|
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": "a6c314f6927bfd3309fc735eae6c6dc72ab8367a"
|
|
55
55
|
}
|
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
7
7
|
import { InputFieldMixin } from '@vaadin/field-base/src/input-field-mixin.js';
|
|
8
|
-
import { SlotStylesMixin } from '@vaadin/field-base/src/slot-styles-mixin.js';
|
|
9
8
|
import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
10
9
|
|
|
11
10
|
/**
|
|
@@ -69,7 +68,7 @@ export interface NumberFieldEventMap extends HTMLElementEventMap, NumberFieldCus
|
|
|
69
68
|
* @fires {CustomEvent} value-changed - Fired when the `value` property changes.
|
|
70
69
|
* @fires {CustomEvent} validated - Fired whenever the field is validated.
|
|
71
70
|
*/
|
|
72
|
-
declare class NumberField extends InputFieldMixin(
|
|
71
|
+
declare class NumberField extends InputFieldMixin(ThemableMixin(ElementMixin(HTMLElement))) {
|
|
73
72
|
/**
|
|
74
73
|
* Set to true to display value increase/decrease controls.
|
|
75
74
|
* @attr {boolean} has-controls
|
|
@@ -9,7 +9,6 @@ import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
|
9
9
|
import { InputController } from '@vaadin/field-base/src/input-controller.js';
|
|
10
10
|
import { InputFieldMixin } from '@vaadin/field-base/src/input-field-mixin.js';
|
|
11
11
|
import { LabelledInputController } from '@vaadin/field-base/src/labelled-input-controller.js';
|
|
12
|
-
import { SlotStylesMixin } from '@vaadin/field-base/src/slot-styles-mixin.js';
|
|
13
12
|
import { inputFieldShared } from '@vaadin/field-base/src/styles/input-field-shared-styles.js';
|
|
14
13
|
import { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
15
14
|
|
|
@@ -50,7 +49,7 @@ registerStyles('vaadin-number-field', inputFieldShared, { moduleId: 'vaadin-numb
|
|
|
50
49
|
* @mixes ElementMixin
|
|
51
50
|
* @mixes ThemableMixin
|
|
52
51
|
*/
|
|
53
|
-
export class NumberField extends InputFieldMixin(
|
|
52
|
+
export class NumberField extends InputFieldMixin(ThemableMixin(ElementMixin(PolymerElement))) {
|
|
54
53
|
static get is() {
|
|
55
54
|
return 'vaadin-number-field';
|
|
56
55
|
}
|
|
@@ -187,6 +186,7 @@ export class NumberField extends InputFieldMixin(SlotStylesMixin(ThemableMixin(E
|
|
|
187
186
|
get slotStyles() {
|
|
188
187
|
const tag = this.localName;
|
|
189
188
|
return [
|
|
189
|
+
...super.slotStyles,
|
|
190
190
|
`
|
|
191
191
|
${tag} input[type="number"]::-webkit-outer-spin-button,
|
|
192
192
|
${tag} input[type="number"]::-webkit-inner-spin-button {
|
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.2.
|
|
4
|
+
"version": "23.2.1",
|
|
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.2.
|
|
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.2.1/#/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",
|
|
@@ -517,6 +517,14 @@
|
|
|
517
517
|
{
|
|
518
518
|
"name": "input",
|
|
519
519
|
"description": "Fired when the value is changed by the user: on every typing keystroke,\nand the value is cleared using the clear button."
|
|
520
|
+
},
|
|
521
|
+
{
|
|
522
|
+
"name": "invalid-changed",
|
|
523
|
+
"description": "Fired when the `invalid` property changes."
|
|
524
|
+
},
|
|
525
|
+
{
|
|
526
|
+
"name": "value-changed",
|
|
527
|
+
"description": "Fired when the `value` property changes."
|
|
520
528
|
}
|
|
521
529
|
]
|
|
522
530
|
}
|
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.2.
|
|
4
|
+
"version": "23.2.1",
|
|
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.2.
|
|
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.2.1/#/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
|
{
|
|
@@ -193,6 +193,20 @@
|
|
|
193
193
|
"value": {
|
|
194
194
|
"kind": "expression"
|
|
195
195
|
}
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"name": "@invalid-changed",
|
|
199
|
+
"description": "Fired when the `invalid` property changes.",
|
|
200
|
+
"value": {
|
|
201
|
+
"kind": "expression"
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"name": "@value-changed",
|
|
206
|
+
"description": "Fired when the `value` property changes.",
|
|
207
|
+
"value": {
|
|
208
|
+
"kind": "expression"
|
|
209
|
+
}
|
|
196
210
|
}
|
|
197
211
|
]
|
|
198
212
|
}
|