@everymatrix/general-registration 1.10.1 → 1.10.3

package/dist/components/checkbox-input2.js

@@ -10,9 +10,13 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.__attachShadow();
     this.sendValidityState = createEvent(this, "sendValidityState", 7);
     this.sendInputValue = createEvent(this, "sendInputValue", 7);
+    /**
+     * Default value for the input.
+     */
+    this.defaultValue = '';
+    this.value = '';
   }
   validityChanged() {
-    this.validityStateHandler({ valid: this.isValid, name: this.name });
     if (this.emitValue == true) {
       this.valueHandler({ name: this.name, value: this.value });
     }
@@ -28,13 +32,12 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   valueHandler(inputValueEvent) {
     this.sendInputValue.emit(inputValueEvent);
   }
-  connectedCallback() {
-  }
   handleClick() {
-    this.value = this.inputReference.checked;
+    this.value = this.inputReference.checked.toString();
     this.errorMessage = this.setErrorMessage();
     this.isValid = this.setValidity();
     this.validityStateHandler({ valid: this.isValid, name: this.name });
+    this.emitValueHandler(true);
   }
   setValidity() {
     return this.inputReference.validity.valid;
@@ -45,7 +48,7 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
   }
   render() {
-    return h("div", { class: 'checkbox__wrapper' }, h("input", { type: "checkbox", id: `${this.name}__input`, ref: (el) => this.inputReference = el, name: this.name, required: this.validation.mandatory, value: 'jdjdj', onClick: () => this.handleClick() }), h("label", { htmlFor: `${this.name}__input` }, this.displayName, " ", this.validation.mandatory ? '*' : ''), h("small", { class: 'checkbox__error-message' }, this.errorMessage));
+    return h("div", { class: 'checkbox__wrapper' }, h("input", { type: "checkbox", id: `${this.name}__input`, ref: (el) => this.inputReference = el, name: this.name, checked: !!this.defaultValue, readOnly: this.autofilled, required: this.validation.mandatory, value: this.value, onClick: () => this.handleClick() }), h("label", { htmlFor: `${this.name}__input` }, this.displayName, " ", this.validation.mandatory ? '*' : ''), h("small", { class: 'checkbox__error-message' }, this.errorMessage));
   }
   static get watchers() { return {
     "isValid": ["validityChanged"],
@@ -55,6 +58,8 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
 }, [1, "checkbox-input", {
     "name": [1],
     "displayName": [1, "display-name"],
+    "defaultValue": [1, "default-value"],
+    "autofilled": [4],
     "validation": [16],
     "language": [1],
     "emitValue": [4, "emit-value"],