Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@vaadin/number-field

Package Overview
Dependencies
Maintainers
12
Versions
417
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 24.3.0-alpha1 to 24.3.0-alpha2

18

package.json
{
"name": "@vaadin/number-field",
"version": "24.3.0-alpha1",
"version": "24.3.0-alpha2",
"publishConfig": {

@@ -41,9 +41,9 @@ "access": "public"

"@polymer/polymer": "^3.0.0",
"@vaadin/a11y-base": "24.3.0-alpha1",
"@vaadin/component-base": "24.3.0-alpha1",
"@vaadin/field-base": "24.3.0-alpha1",
"@vaadin/input-container": "24.3.0-alpha1",
"@vaadin/vaadin-lumo-styles": "24.3.0-alpha1",
"@vaadin/vaadin-material-styles": "24.3.0-alpha1",
"@vaadin/vaadin-themable-mixin": "24.3.0-alpha1",
"@vaadin/a11y-base": "24.3.0-alpha2",
"@vaadin/component-base": "24.3.0-alpha2",
"@vaadin/field-base": "24.3.0-alpha2",
"@vaadin/input-container": "24.3.0-alpha2",
"@vaadin/vaadin-lumo-styles": "24.3.0-alpha2",
"@vaadin/vaadin-material-styles": "24.3.0-alpha2",
"@vaadin/vaadin-themable-mixin": "24.3.0-alpha2",
"lit": "^2.0.0"

@@ -60,3 +60,3 @@ },

],
"gitHead": "9ca6f3ca220a777e8eea181a1f5717e39a732240"
"gitHead": "0fd437292fa2a2f65e29b424d2456909ad2d684b"
}

8

src/vaadin-number-field.d.ts

@@ -24,7 +24,2 @@ /**

/**
* Fired when the `dirty` property changes.
*/
export type NumberFieldDirtyChangedEvent = CustomEvent<{ value: boolean }>;
/**
* Fired when the `value` property changes.

@@ -42,4 +37,2 @@ */

'dirty-changed': NumberFieldDirtyChangedEvent;
'value-changed': NumberFieldValueChangedEvent;

@@ -78,3 +71,2 @@

* @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.
* @fires {CustomEvent} dirty-changed - Fired when the `dirty` property changes.
* @fires {CustomEvent} value-changed - Fired when the `value` property changes.

@@ -81,0 +73,0 @@ * @fires {CustomEvent} validated - Fired whenever the field is validated.

1

theme/lumo/vaadin-number-field-styles.js

@@ -6,2 +6,3 @@ /**

*/
import '@vaadin/input-container/theme/lumo/vaadin-input-container-styles.js';
import '@vaadin/vaadin-lumo-styles/sizing.js';

@@ -8,0 +9,0 @@ import { fieldButton } from '@vaadin/vaadin-lumo-styles/mixins/field-button.js';

1

theme/lumo/vaadin-number-field.js

@@ -6,4 +6,3 @@ /**

*/
import '@vaadin/input-container/theme/lumo/vaadin-input-container.js';
import './vaadin-number-field-styles.js';
import '../../src/vaadin-number-field.js';

1

theme/material/vaadin-number-field-styles.js

@@ -6,2 +6,3 @@ /**

*/
import '@vaadin/input-container/theme/material/vaadin-input-container-styles.js';
import { fieldButton } from '@vaadin/vaadin-material-styles/mixins/field-button.js';

@@ -8,0 +9,0 @@ import { inputFieldShared } from '@vaadin/vaadin-material-styles/mixins/input-field-shared.js';

1

theme/material/vaadin-number-field.js

@@ -6,4 +6,3 @@ /**

*/
import '@vaadin/input-container/theme/material/vaadin-input-container.js';
import './vaadin-number-field-styles.js';
import '../../src/vaadin-number-field.js';

30

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

@@ -125,13 +125,2 @@ {

{
"name": "dirty",
"description": "Whether the field is dirty.\n\nThe field is automatically marked as dirty once the user triggers\nan `input` or `change` event. Additionally, the field can be manually\nmarked as dirty by setting the property to `true`.",
"value": {
"type": [
"boolean",
"null",
"undefined"
]
}
},
{
"name": "clear-button-visible",

@@ -413,13 +402,2 @@ "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": "dirty",
"description": "Whether the field is dirty.\n\nThe field is automatically marked as dirty once the user triggers\nan `input` or `change` event. Additionally, the field can be manually\nmarked as dirty by setting the property to `true`.",
"value": {
"type": [
"boolean",
"null",
"undefined"
]
}
},
{
"name": "clearButtonVisible",

@@ -597,6 +575,2 @@ "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": "Fired when the `value` property changes."
},
{
"name": "dirty-changed",
"description": "Fired when the `dirty` property changes."
}

@@ -603,0 +577,0 @@ ]

18

web-types.lit.json
{
"$schema": "https://json.schemastore.org/web-types",
"name": "@vaadin/number-field",
"version": "24.3.0-alpha1",
"version": "24.3.0-alpha2",
"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.3.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/24.3.0-alpha2/#/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,9 +52,2 @@ "attributes": [

{
"name": "?dirty",
"description": "Whether the field is dirty.\n\nThe field is automatically marked as dirty once the user triggers\nan `input` or `change` event. Additionally, the field can be manually\nmarked as dirty by setting the property to `true`.",
"value": {
"kind": "expression"
}
},
{
"name": "?clearButtonVisible",

@@ -233,9 +226,2 @@ "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": "@dirty-changed",
"description": "Fired when the `dirty` property changes.",
"value": {
"kind": "expression"
}
}

@@ -242,0 +228,0 @@ ]

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc