Add validation logic

2022-11-15 20:21:37 +01:00
parent dcfb3641bb
commit b17f9b4aec
2 changed files with 12 additions and 1 deletions
--- a/tp-checkbox.js
+++ b/tp-checkbox.js
@@ -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;