New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@vaadin/number-field

Package Overview
Dependencies
Maintainers
12
Versions
447
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vaadin/number-field - npm Package Compare versions

Comparing version

23.3.20
to
23.3.21

16

package.json
{
"name": "@vaadin/number-field",
"version": "23.3.20",
"version": "23.3.21",
"publishConfig": {

@@ -38,8 +38,8 @@ "access": "public"

"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "~23.3.20",
"@vaadin/field-base": "~23.3.20",
"@vaadin/input-container": "~23.3.20",
"@vaadin/vaadin-lumo-styles": "~23.3.20",
"@vaadin/vaadin-material-styles": "~23.3.20",
"@vaadin/vaadin-themable-mixin": "~23.3.20"
"@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"
},

@@ -55,3 +55,3 @@ "devDependencies": {

],
"gitHead": "6010ff63c0309ece424067a17b72e83dfa6db347"
"gitHead": "5caee824b60295eb1e03b736880ed73f62a8988c"
}

146

web-types.json
{
"$schema": "https://json.schemastore.org/web-types",
"name": "@vaadin/number-field",
"version": "23.3.20",
"version": "24.2.0-alpha1",
"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/23.3.20/#/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.",
"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.",
"attributes": [

@@ -92,4 +92,4 @@ {

{
"name": "value",
"description": "The value of the field.",
"name": "accessible-name",
"description": "String used to label the component to screen reader users.",
"value": {

@@ -104,4 +104,4 @@ "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-]\"`",
"name": "accessible-name-ref",
"description": "Id of the element used as label of the component to screen reader users.",
"value": {

@@ -116,7 +116,7 @@ "type": [

{
"name": "autoselect",
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
"name": "value",
"description": "The value of the field.",
"value": {
"type": [
"boolean",
"string",
"null",

@@ -129,3 +129,3 @@ "undefined"

"name": "clear-button-visible",
"description": "Set to true to display the clear icon which clears the input.",
"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.",
"value": {

@@ -140,2 +140,24 @@ "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",

@@ -218,24 +240,2 @@ "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,2 +272,13 @@ "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",

@@ -364,4 +375,4 @@ "description": "The theme variants to apply to the component.",

{
"name": "value",
"description": "The value of the field.",
"name": "accessibleName",
"description": "String used to label the component to screen reader users.",
"value": {

@@ -376,4 +387,4 @@ "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-]\"`",
"name": "accessibleNameRef",
"description": "Id of the element used as label of the component to screen reader users.",
"value": {

@@ -388,7 +399,7 @@ "type": [

{
"name": "autoselect",
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
"name": "value",
"description": "The value of the field.",
"value": {
"type": [
"boolean",
"string",
"null",

@@ -401,3 +412,3 @@ "undefined"

"name": "clearButtonVisible",
"description": "Set to true to display the clear icon which clears the input.",
"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.",
"value": {

@@ -412,2 +423,24 @@ "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",

@@ -490,24 +523,2 @@ "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",

@@ -542,2 +553,13 @@ "description": "The minimum value of the field.",

}
},
{
"name": "stepButtonsVisible",
"description": "Set to true to show increase/decrease buttons.",
"value": {
"type": [
"boolean",
"null",
"undefined"
]
}
}

@@ -544,0 +566,0 @@ ],

33

web-types.lit.json
{
"$schema": "https://json.schemastore.org/web-types",
"name": "@vaadin/number-field",
"version": "23.3.20",
"version": "24.2.0-alpha1",
"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/23.3.20/#/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.",
"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.",
"extension": true,

@@ -52,4 +52,4 @@ "attributes": [

{
"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.\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.",
"value": {

@@ -60,4 +60,4 @@ "kind": "expression"

{
"name": "?clearButtonVisible",
"description": "Set to true to display the clear icon which clears the input.",
"name": "?autoselect",
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
"value": {

@@ -75,9 +75,2 @@ "kind": "expression"

{
"name": "?hasControls",
"description": "Set to true to display value increase/decrease controls.",
"value": {
"kind": "expression"
}
},
{
"name": "?stepButtonsVisible",

@@ -111,2 +104,16 @@ "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",

@@ -113,0 +120,0 @@ "description": "The value of the field.",