Add validation logic

This commit is contained in:
trading_peter 2022-11-15 20:21:37 +01:00
parent dcfb3641bb
commit b17f9b4aec
2 changed files with 12 additions and 1 deletions

View File

@ -1,6 +1,6 @@
{
"name": "@tp/tp-checkbox",
"version": "1.0.4",
"version": "1.0.5",
"description": "",
"main": "tp-checkbox.js",
"scripts": {

View File

@ -72,6 +72,7 @@ class TpCheckbox extends Inert(ControlState(FormElement(LitElement))) {
return {
checked: { type: Boolean, reflect: true },
role: { type: String, reflect: true },
invalid: { type: Boolean, reflect: true },
_value: { type: String },
};
}
@ -99,6 +100,16 @@ class TpCheckbox extends Inert(ControlState(FormElement(LitElement))) {
}
}
validate() {
if (this.required && !this.checked) {
this.invalid = true;
return false;
}
this.invalid = false;
return true;
}
get value() {
if (this._value !== '') {
return this._value;