Latest Threat Research:SANDWORM_MODE: Shai-Hulud-Style npm Worm Hijacks CI Workflows and Poisons AI Toolchains.Details →
Socket
Book a DemoInstallSign in
Socket
Book a DemoInstallSign in

@vaadin/checkbox

Package Overview
Dependencies
Maintainers
12
Versions
558
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vaadin/checkbox - npm Package Compare versions

Comparing version
25.1.0-alpha8
 to
25.1.0-alpha9
+14
-0
custom-elements.json

@@ -487,2 +487,16 @@ {

"name": "indeterminate-changed"
},
{
"type": {
"text": "CustomEvent"
},
"description": "Fired when the `invalid` property changes.",
"name": "invalid-changed"
},
{
"type": {
"text": "CustomEvent"
},
"description": "Fired whenever the field is validated.",
"name": "validated"
}

@@ -489,0 +503,0 @@ ],

+10
-10
package.json
{
"name": "@vaadin/checkbox",
"version": "25.1.0-alpha8",
"version": "25.1.0-alpha9",
"publishConfig": {

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

"@open-wc/dedupe-mixin": "^1.3.0",
"@vaadin/a11y-base": "25.1.0-alpha8",
"@vaadin/component-base": "25.1.0-alpha8",
"@vaadin/field-base": "25.1.0-alpha8",
"@vaadin/vaadin-themable-mixin": "25.1.0-alpha8",
"@vaadin/a11y-base": "25.1.0-alpha9",
"@vaadin/component-base": "25.1.0-alpha9",
"@vaadin/field-base": "25.1.0-alpha9",
"@vaadin/vaadin-themable-mixin": "25.1.0-alpha9",
"lit": "^3.0.0"
},
"devDependencies": {
"@vaadin/aura": "25.1.0-alpha8",
"@vaadin/chai-plugins": "25.1.0-alpha8",
"@vaadin/test-runner-commands": "25.1.0-alpha8",
"@vaadin/aura": "25.1.0-alpha9",
"@vaadin/chai-plugins": "25.1.0-alpha9",
"@vaadin/test-runner-commands": "25.1.0-alpha9",
"@vaadin/testing-helpers": "^2.0.0",
"@vaadin/vaadin-lumo-styles": "25.1.0-alpha8",
"@vaadin/vaadin-lumo-styles": "25.1.0-alpha9",
"sinon": "^21.0.0"

@@ -58,3 +58,3 @@ },

],
"gitHead": "810590c9c7682a9326c9352df795b5ea4891a71f"
"gitHead": "ef432311376ba3dac4233cb23d393a49a425e0a4"
}
+2
-0
src/vaadin-checkbox.d.ts

@@ -109,2 +109,4 @@ /**

* @fires {CustomEvent} indeterminate-changed - Fired when the `indeterminate` property changes.
* @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.
* @fires {CustomEvent} validated - Fired whenever the field is validated.
*/

@@ -111,0 +113,0 @@ declare class Checkbox extends CheckboxMixin(ElementMixin(ThemableMixin(HTMLElement))) {

+2
-0
src/vaadin-checkbox.js

@@ -74,2 +74,4 @@ /**

* @fires {CustomEvent} indeterminate-changed - Fired when the `indeterminate` property changes.
* @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.
* @fires {CustomEvent} validated - Fired whenever the field is validated.
*

@@ -76,0 +78,0 @@ * @customElement vaadin-checkbox

+106
-106
web-types.json
{
"$schema": "https://json.schemastore.org/web-types",
"name": "@vaadin/checkbox",
"version": "25.1.0-alpha8",
"version": "25.1.0-alpha9",
"description-markup": "markdown",

@@ -14,7 +14,7 @@ "contributions": {

{
"name": "disabled",
"description": "If true, the user cannot interact with this element.",
"name": "accessible-name",
"description": "String used to label the component to screen reader users.",
"value": {
"type": [
"boolean",
"string",
"null",

@@ -26,4 +26,4 @@ "undefined"

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

@@ -38,11 +38,2 @@ "type": [

{
"name": "checked",
"description": "True if the element is checked.",
"value": {
"type": [
"boolean"
]
}
},
{
"name": "autofocus",

@@ -59,9 +50,7 @@ "description": "Specify that this control should have input focus when the page loads.",

{
"name": "label",
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
"name": "checked",
"description": "True if the element is checked.",
"value": {
"type": [
"string",
"null",
"undefined"
"boolean"
]

@@ -71,4 +60,4 @@ }

{
"name": "invalid",
"description": "Set to true when the field is invalid.",
"name": "disabled",
"description": "If true, the user cannot interact with this element.",
"value": {

@@ -83,7 +72,7 @@ "type": [

{
"name": "manual-validation",
"description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
"name": "error-message",
"description": "Error to show when the field is invalid.",
"value": {
"type": [
"boolean",
"string",
"null",

@@ -95,7 +84,7 @@ "undefined"

{
"name": "required",
"description": "Specifies that the user must fill in a value.",
"name": "helper-text",
"description": "String used for the helper text.",
"value": {
"type": [
"boolean",
"string",
"null",

@@ -107,9 +96,7 @@ "undefined"

{
"name": "error-message",
"description": "Error to show when the field is invalid.",
"name": "indeterminate",
"description": "True if the checkbox is in the indeterminate state which means\nit is not possible to say whether it is checked or unchecked.\nThe state is reset once the user switches the checkbox by hand.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes",
"value": {
"type": [
"string",
"null",
"undefined"
"boolean"
]

@@ -119,7 +106,7 @@ }

{
"name": "helper-text",
"description": "String used for the helper text.",
"name": "invalid",
"description": "Set to true when the field is invalid.",
"value": {
"type": [
"string",
"boolean",
"null",

@@ -131,4 +118,4 @@ "undefined"

{
"name": "accessible-name",
"description": "String used to label the component to screen reader users.",
"name": "label",
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
"value": {

@@ -143,7 +130,7 @@ "type": [

{
"name": "accessible-name-ref",
"description": "Id of the element used as label of the component to screen reader users.",
"name": "manual-validation",
"description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
"value": {
"type": [
"string",
"boolean",
"null",

@@ -155,7 +142,7 @@ "undefined"

{
"name": "indeterminate",
"description": "True if the checkbox is in the indeterminate state which means\nit is not possible to say whether it is checked or unchecked.\nThe state is reset once the user switches the checkbox by hand.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes",
"name": "name",
"description": "The name of the checkbox.",
"value": {
"type": [
"boolean"
"string"
]

@@ -165,7 +152,9 @@ }

{
"name": "name",
"description": "The name of the checkbox.",
"name": "readonly",
"description": "When true, the user cannot modify the value of the checkbox.\nThe difference between `disabled` and `readonly` is that the\nread-only checkbox remains focusable, is announced by screen\nreaders and its value can be submitted as part of the form.",
"value": {
"type": [
"string"
"boolean",
"null",
"undefined"
]

@@ -175,4 +164,4 @@ }

{
"name": "readonly",
"description": "When true, the user cannot modify the value of the checkbox.\nThe difference between `disabled` and `readonly` is that the\nread-only checkbox remains focusable, is announced by screen\nreaders and its value can be submitted as part of the form.",
"name": "required",
"description": "Specifies that the user must fill in a value.",
"value": {

@@ -196,2 +185,13 @@ "type": [

}
},
{
"name": "value",
"description": "The value of the field.",
"value": {
"type": [
"string",
"null",
"undefined"
]
}
}

@@ -202,7 +202,7 @@ ],

{
"name": "disabled",
"description": "If true, the user cannot interact with this element.",
"name": "accessibleName",
"description": "String used to label the component to screen reader users.",
"value": {
"type": [
"boolean",
"string",
"null",

@@ -214,4 +214,4 @@ "undefined"

{
"name": "value",
"description": "The value of the field.",
"name": "accessibleNameRef",
"description": "Id of the element used as label of the component to screen reader users.",
"value": {

@@ -226,2 +226,13 @@ "type": [

{
"name": "autofocus",
"description": "Specify that this control should have input focus when the page loads.",
"value": {
"type": [
"boolean",
"null",
"undefined"
]
}
},
{
"name": "checked",

@@ -236,4 +247,4 @@ "description": "True if the element is checked.",

{
"name": "autofocus",
"description": "Specify that this control should have input focus when the page loads.",
"name": "disabled",
"description": "If true, the user cannot interact with this element.",
"value": {

@@ -248,4 +259,4 @@ "type": [

{
"name": "label",
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
"name": "errorMessage",
"description": "Error to show when the field is invalid.",
"value": {

@@ -260,7 +271,7 @@ "type": [

{
"name": "invalid",
"description": "Set to true when the field is invalid.",
"name": "helperText",
"description": "String used for the helper text.",
"value": {
"type": [
"boolean",
"string",
"null",

@@ -272,9 +283,7 @@ "undefined"

{
"name": "manualValidation",
"description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
"name": "indeterminate",
"description": "True if the checkbox is in the indeterminate state which means\nit is not possible to say whether it is checked or unchecked.\nThe state is reset once the user switches the checkbox by hand.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes",
"value": {
"type": [
"boolean",
"null",
"undefined"
"boolean"
]

@@ -284,4 +293,4 @@ }

{
"name": "required",
"description": "Specifies that the user must fill in a value.",
"name": "invalid",
"description": "Set to true when the field is invalid.",
"value": {

@@ -296,4 +305,4 @@ "type": [

{
"name": "errorMessage",
"description": "Error to show when the field is invalid.",
"name": "label",
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
"value": {

@@ -308,7 +317,7 @@ "type": [

{
"name": "helperText",
"description": "String used for the helper text.",
"name": "manualValidation",
"description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
"value": {
"type": [
"string",
"boolean",
"null",

@@ -320,9 +329,7 @@ "undefined"

{
"name": "accessibleName",
"description": "String used to label the component to screen reader users.",
"name": "name",
"description": "The name of the checkbox.",
"value": {
"type": [
"string",
"null",
"undefined"
"string"
]

@@ -332,7 +339,7 @@ }

{
"name": "accessibleNameRef",
"description": "Id of the element used as label of the component to screen reader users.",
"name": "readonly",
"description": "When true, the user cannot modify the value of the checkbox.\nThe difference between `disabled` and `readonly` is that the\nread-only checkbox remains focusable, is announced by screen\nreaders and its value can be submitted as part of the form.",
"value": {
"type": [
"string",
"boolean",
"null",

@@ -344,7 +351,9 @@ "undefined"

{
"name": "indeterminate",
"description": "True if the checkbox is in the indeterminate state which means\nit is not possible to say whether it is checked or unchecked.\nThe state is reset once the user switches the checkbox by hand.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes",
"name": "required",
"description": "Specifies that the user must fill in a value.",
"value": {
"type": [
"boolean"
"boolean",
"null",
"undefined"
]

@@ -354,16 +363,7 @@ }

{
"name": "name",
"description": "The name of the checkbox.",
"name": "value",
"description": "The value of the field.",
"value": {
"type": [
"string"
]
}
},
{
"name": "readonly",
"description": "When true, the user cannot modify the value of the checkbox.\nThe difference between `disabled` and `readonly` is that the\nread-only checkbox remains focusable, is announced by screen\nreaders and its value can be submitted as part of the form.",
"value": {
"type": [
"boolean",
"string",
"null",

@@ -377,6 +377,2 @@ "undefined"

{
"name": "validated",
"description": "Fired whenever the field is validated."
},
{
"name": "change",

@@ -386,6 +382,2 @@ "description": "Fired when the checkbox is checked or unchecked by the user."

{
"name": "value-changed",
"description": "Fired when the `value` property changes."
},
{
"name": "checked-changed",

@@ -395,2 +387,6 @@ "description": "Fired when the `checked` property changes."

{
"name": "indeterminate-changed",
"description": "Fired when the `indeterminate` property changes."
},
{
"name": "invalid-changed",

@@ -400,4 +396,8 @@ "description": "Fired when the `invalid` property changes."

{
"name": "indeterminate-changed",
"description": "Fired when the `indeterminate` property changes."
"name": "validated",
"description": "Fired whenever the field is validated."
},
{
"name": "value-changed",
"description": "Fired when the `value` property changes."
}

@@ -404,0 +404,0 @@ ]

+36
-36
web-types.lit.json
{
"$schema": "https://json.schemastore.org/web-types",
"name": "@vaadin/checkbox",
"version": "25.1.0-alpha8",
"version": "25.1.0-alpha9",
"description-markup": "markdown",

@@ -23,4 +23,4 @@ "framework": "lit",

{
"name": "?disabled",
"description": "If true, the user cannot interact with this element.",
"name": "?autofocus",
"description": "Specify that this control should have input focus when the page loads.",
"value": {

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

{
"name": "?autofocus",
"description": "Specify that this control should have input focus when the page loads.",
"name": "?disabled",
"description": "If true, the user cannot interact with this element.",
"value": {

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

{
"name": "?invalid",
"description": "Set to true when the field is invalid.",
"name": "?indeterminate",
"description": "True if the checkbox is in the indeterminate state which means\nit is not possible to say whether it is checked or unchecked.\nThe state is reset once the user switches the checkbox by hand.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes",
"value": {

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

{
"name": "?manualValidation",
"description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
"name": "?invalid",
"description": "Set to true when the field is invalid.",
"value": {

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

{
"name": "?required",
"description": "Specifies that the user must fill in a value.",
"name": "?manualValidation",
"description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
"value": {

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

{
"name": "?indeterminate",
"description": "True if the checkbox is in the indeterminate state which means\nit is not possible to say whether it is checked or unchecked.\nThe state is reset once the user switches the checkbox by hand.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes",
"name": "?readonly",
"description": "When true, the user cannot modify the value of the checkbox.\nThe difference between `disabled` and `readonly` is that the\nread-only checkbox remains focusable, is announced by screen\nreaders and its value can be submitted as part of the form.",
"value": {

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

{
"name": "?readonly",
"description": "When true, the user cannot modify the value of the checkbox.\nThe difference between `disabled` and `readonly` is that the\nread-only checkbox remains focusable, is announced by screen\nreaders and its value can be submitted as part of the form.",
"name": "?required",
"description": "Specifies that the user must fill in a value.",
"value": {

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

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

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

{
"name": ".label",
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
"name": ".accessibleNameRef",
"description": "Id of the element used as label of the component to screen reader users.",
"value": {

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

{
"name": ".accessibleName",
"description": "String used to label the component to screen reader users.",
"name": ".label",
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
"value": {

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

{
"name": ".accessibleNameRef",
"description": "Id of the element used as label of the component to screen reader users.",
"value": {
"kind": "expression"
}
},
{
"name": ".name",

@@ -139,4 +132,4 @@ "description": "The name of the checkbox.",

{
"name": "@validated",
"description": "Fired whenever the field is validated.",
"name": ".value",
"description": "The value of the field.",
"value": {

@@ -154,4 +147,4 @@ "kind": "expression"

{
"name": "@value-changed",
"description": "Fired when the `value` property changes.",
"name": "@checked-changed",
"description": "Fired when the `checked` property changes.",
"value": {

@@ -162,4 +155,4 @@ "kind": "expression"

{
"name": "@checked-changed",
"description": "Fired when the `checked` property changes.",
"name": "@indeterminate-changed",
"description": "Fired when the `indeterminate` property changes.",
"value": {

@@ -177,7 +170,14 @@ "kind": "expression"

{
"name": "@indeterminate-changed",
"description": "Fired when the `indeterminate` property changes.",
"name": "@validated",
"description": "Fired whenever the field is validated.",
"value": {
"kind": "expression"
}
},
{
"name": "@value-changed",
"description": "Fired when the `value` property changes.",
"value": {
"kind": "expression"
}
}

@@ -184,0 +184,0 @@ ]