@vaadin/number-field
Advanced tools
Comparing version 23.3.21 to 23.3.22
{ | ||
"name": "@vaadin/number-field", | ||
"version": "23.3.21", | ||
"version": "23.3.22", | ||
"publishConfig": { | ||
@@ -38,8 +38,8 @@ "access": "public" | ||
"@polymer/polymer": "^3.0.0", | ||
"@vaadin/component-base": "~23.3.21", | ||
"@vaadin/field-base": "~23.3.21", | ||
"@vaadin/input-container": "~23.3.21", | ||
"@vaadin/vaadin-lumo-styles": "~23.3.21", | ||
"@vaadin/vaadin-material-styles": "~23.3.21", | ||
"@vaadin/vaadin-themable-mixin": "~23.3.21" | ||
"@vaadin/component-base": "~23.3.22", | ||
"@vaadin/field-base": "~23.3.22", | ||
"@vaadin/input-container": "~23.3.22", | ||
"@vaadin/vaadin-lumo-styles": "~23.3.22", | ||
"@vaadin/vaadin-material-styles": "~23.3.22", | ||
"@vaadin/vaadin-themable-mixin": "~23.3.22" | ||
}, | ||
@@ -55,3 +55,3 @@ "devDependencies": { | ||
], | ||
"gitHead": "5caee824b60295eb1e03b736880ed73f62a8988c" | ||
"gitHead": "88ff9ce571e2cb894223e9a8f275c1bd8fd51e3e" | ||
} |
{ | ||
"$schema": "https://json.schemastore.org/web-types", | ||
"name": "@vaadin/number-field", | ||
"version": "24.2.0-alpha1", | ||
"version": "23.3.22", | ||
"description-markup": "markdown", | ||
@@ -11,3 +11,3 @@ "contributions": { | ||
"name": "vaadin-number-field", | ||
"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/24.2.0-alpha1/#/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/styling-components) documentation.", | ||
"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.22/#/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.", | ||
"attributes": [ | ||
@@ -92,4 +92,4 @@ { | ||
{ | ||
"name": "accessible-name", | ||
"description": "String used to label the component to screen reader users.", | ||
"name": "value", | ||
"description": "The value of the field.", | ||
"value": { | ||
@@ -104,4 +104,4 @@ "type": [ | ||
{ | ||
"name": "accessible-name-ref", | ||
"description": "Id of the element used as label of the component to screen reader users.", | ||
"name": "allowed-char-pattern", | ||
"description": "A pattern matched against individual characters the user inputs.\n\nWhen set, the field will prevent:\n- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`\n- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`\n- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`\n\nFor example, to allow entering only numbers and minus signs, use:\n`allowedCharPattern = \"[\\\\d-]\"`", | ||
"value": { | ||
@@ -116,7 +116,7 @@ "type": [ | ||
{ | ||
"name": "value", | ||
"description": "The value of the field.", | ||
"name": "autoselect", | ||
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.", | ||
"value": { | ||
"type": [ | ||
"string", | ||
"boolean", | ||
"null", | ||
@@ -129,3 +129,3 @@ "undefined" | ||
"name": "clear-button-visible", | ||
"description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.", | ||
"description": "Set to true to display the clear icon which clears the input.", | ||
"value": { | ||
@@ -140,24 +140,2 @@ "type": [ | ||
{ | ||
"name": "allowed-char-pattern", | ||
"description": "A pattern matched against individual characters the user inputs.\n\nWhen set, the field will prevent:\n- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`\n- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`\n- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`\n\nFor example, to allow entering only numbers and minus signs, use:\n`allowedCharPattern = \"[\\\\d-]\"`", | ||
"value": { | ||
"type": [ | ||
"string", | ||
"null", | ||
"undefined" | ||
] | ||
} | ||
}, | ||
{ | ||
"name": "autoselect", | ||
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.", | ||
"value": { | ||
"type": [ | ||
"boolean", | ||
"null", | ||
"undefined" | ||
] | ||
} | ||
}, | ||
{ | ||
"name": "name", | ||
@@ -240,2 +218,24 @@ "description": "The name of this field.", | ||
{ | ||
"name": "has-controls", | ||
"description": "Set to true to display value increase/decrease controls.", | ||
"value": { | ||
"type": [ | ||
"boolean", | ||
"null", | ||
"undefined" | ||
] | ||
} | ||
}, | ||
{ | ||
"name": "step-buttons-visible", | ||
"description": "Set to true to show increase/decrease buttons.", | ||
"value": { | ||
"type": [ | ||
"boolean", | ||
"null", | ||
"undefined" | ||
] | ||
} | ||
}, | ||
{ | ||
"name": "min", | ||
@@ -272,13 +272,2 @@ "description": "The minimum value of the field.", | ||
{ | ||
"name": "step-buttons-visible", | ||
"description": "Set to true to show increase/decrease buttons.", | ||
"value": { | ||
"type": [ | ||
"boolean", | ||
"null", | ||
"undefined" | ||
] | ||
} | ||
}, | ||
{ | ||
"name": "theme", | ||
@@ -375,4 +364,4 @@ "description": "The theme variants to apply to the component.", | ||
{ | ||
"name": "accessibleName", | ||
"description": "String used to label the component to screen reader users.", | ||
"name": "value", | ||
"description": "The value of the field.", | ||
"value": { | ||
@@ -387,4 +376,4 @@ "type": [ | ||
{ | ||
"name": "accessibleNameRef", | ||
"description": "Id of the element used as label of the component to screen reader users.", | ||
"name": "allowedCharPattern", | ||
"description": "A pattern matched against individual characters the user inputs.\n\nWhen set, the field will prevent:\n- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`\n- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`\n- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`\n\nFor example, to allow entering only numbers and minus signs, use:\n`allowedCharPattern = \"[\\\\d-]\"`", | ||
"value": { | ||
@@ -399,7 +388,7 @@ "type": [ | ||
{ | ||
"name": "value", | ||
"description": "The value of the field.", | ||
"name": "autoselect", | ||
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.", | ||
"value": { | ||
"type": [ | ||
"string", | ||
"boolean", | ||
"null", | ||
@@ -412,3 +401,3 @@ "undefined" | ||
"name": "clearButtonVisible", | ||
"description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.", | ||
"description": "Set to true to display the clear icon which clears the input.", | ||
"value": { | ||
@@ -423,24 +412,2 @@ "type": [ | ||
{ | ||
"name": "allowedCharPattern", | ||
"description": "A pattern matched against individual characters the user inputs.\n\nWhen set, the field will prevent:\n- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`\n- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`\n- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`\n\nFor example, to allow entering only numbers and minus signs, use:\n`allowedCharPattern = \"[\\\\d-]\"`", | ||
"value": { | ||
"type": [ | ||
"string", | ||
"null", | ||
"undefined" | ||
] | ||
} | ||
}, | ||
{ | ||
"name": "autoselect", | ||
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.", | ||
"value": { | ||
"type": [ | ||
"boolean", | ||
"null", | ||
"undefined" | ||
] | ||
} | ||
}, | ||
{ | ||
"name": "name", | ||
@@ -523,2 +490,24 @@ "description": "The name of this field.", | ||
{ | ||
"name": "hasControls", | ||
"description": "Set to true to display value increase/decrease controls.", | ||
"value": { | ||
"type": [ | ||
"boolean", | ||
"null", | ||
"undefined" | ||
] | ||
} | ||
}, | ||
{ | ||
"name": "stepButtonsVisible", | ||
"description": "Set to true to show increase/decrease buttons.", | ||
"value": { | ||
"type": [ | ||
"boolean", | ||
"null", | ||
"undefined" | ||
] | ||
} | ||
}, | ||
{ | ||
"name": "min", | ||
@@ -553,13 +542,2 @@ "description": "The minimum value of the field.", | ||
} | ||
}, | ||
{ | ||
"name": "stepButtonsVisible", | ||
"description": "Set to true to show increase/decrease buttons.", | ||
"value": { | ||
"type": [ | ||
"boolean", | ||
"null", | ||
"undefined" | ||
] | ||
} | ||
} | ||
@@ -566,0 +544,0 @@ ], |
{ | ||
"$schema": "https://json.schemastore.org/web-types", | ||
"name": "@vaadin/number-field", | ||
"version": "24.2.0-alpha1", | ||
"version": "23.3.22", | ||
"description-markup": "markdown", | ||
@@ -19,3 +19,3 @@ "framework": "lit", | ||
"name": "vaadin-number-field", | ||
"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/24.2.0-alpha1/#/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/styling-components) documentation.", | ||
"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.22/#/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.", | ||
"extension": true, | ||
@@ -52,4 +52,4 @@ "attributes": [ | ||
{ | ||
"name": "?clearButtonVisible", | ||
"description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.", | ||
"name": "?autoselect", | ||
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.", | ||
"value": { | ||
@@ -60,4 +60,4 @@ "kind": "expression" | ||
{ | ||
"name": "?autoselect", | ||
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.", | ||
"name": "?clearButtonVisible", | ||
"description": "Set to true to display the clear icon which clears the input.", | ||
"value": { | ||
@@ -75,2 +75,9 @@ "kind": "expression" | ||
{ | ||
"name": "?hasControls", | ||
"description": "Set to true to display value increase/decrease controls.", | ||
"value": { | ||
"kind": "expression" | ||
} | ||
}, | ||
{ | ||
"name": "?stepButtonsVisible", | ||
@@ -104,16 +111,2 @@ "description": "Set to true to show increase/decrease buttons.", | ||
{ | ||
"name": ".accessibleName", | ||
"description": "String used to label the component to screen reader users.", | ||
"value": { | ||
"kind": "expression" | ||
} | ||
}, | ||
{ | ||
"name": ".accessibleNameRef", | ||
"description": "Id of the element used as label of the component to screen reader users.", | ||
"value": { | ||
"kind": "expression" | ||
} | ||
}, | ||
{ | ||
"name": ".value", | ||
@@ -120,0 +113,0 @@ "description": "The value of the field.", |
62826
1403