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

@vaadin/number-field

Package Overview
Dependencies
Maintainers
12
Versions
421
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vaadin/number-field - npm Package Compare versions

Comparing version 23.3.21 to 23.3.22

16

package.json
{
"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.",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc