@everymatrix/general-input 1.10.0 → 1.10.2

package/dist/collection/components/select-input/select-input.js

@@ -7,17 +7,8 @@ export class SelectInput {
      */
     this.options = [];
   }
-  checkValidityHandler(newValue) {
-    if (newValue == true) {
-      this.isValid = this.setValidity();
-      this.errorMessage = this.setErrorMessage();
-      this.validityStateHandler({ valid: this.isValid, name: this.name });
-    }
-  }
   validityChanged() {
-    if (this.checkValidity == true) {
-      this.validityStateHandler({ valid: this.isValid, name: this.name });
-    }
+    this.validityStateHandler({ valid: this.isValid, name: this.name });
     if (this.emitValue == true) {
       this.valueHandler({ name: this.name, value: this.value });
     }
@@ -35,10 +26,8 @@ export class SelectInput {
   }
   connectedCallback() {
     this.displayedOptions = this.options;
-    console.log(this.displayedOptions);
   }
   componentWillLoad() {
-    console.log(this.action, this.options);
     if (this.action && !this.options.length) {
       if (this.action.split(" ")[0] == 'GET') {
         return this.getOptions().then((options) => {
@@ -67,8 +56,9 @@ export class SelectInput {
     this.value = event.target.value;
     this.errorMessage = this.setErrorMessage();
     this.isValid = this.setValidity();
+    this.validityStateHandler({ valid: this.isValid, name: this.name });
+    this.emitValueHandler(true);
     this.inputReference.previousElementSibling.classList.remove('select__label--hidden');
-    console.log(this.action, this.options);
   }
   setValidity() {
     return this.inputReference.validity.valid;
@@ -215,23 +205,6 @@ export class SelectInput {
       "attribute": "language",
       "reflect": false
     },
-    "checkValidity": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "State passed down from the parent element. Will trigger the input to check for validity."
-      },
-      "attribute": "check-validity",
-      "reflect": false
-    },
     "emitValue": {
       "type": "boolean",
       "mutable": false,
@@ -296,9 +269,6 @@ export class SelectInput {
       }
     }]; }
   static get watchers() { return [{
-      "propName": "checkValidity",
-      "methodName": "checkValidityHandler"
-    }, {
       "propName": "isValid",
       "methodName": "validityChanged"
     }, {

package/dist/collection/components/tel-input/tel-input.js

@@ -4,17 +4,8 @@ export class TelInput {
   constructor() {
     this.validationPattern = '';
   }
-  checkValidityHandler(newValue) {
-    if (newValue == true) {
-      this.isValid = this.setValidity();
-      this.errorMessage = this.setErrorMessage();
-      this.validityStateHandler({ valid: this.isValid, name: this.name });
-    }
-  }
   validityChanged() {
-    if (this.checkValidity == true) {
-      this.validityStateHandler({ valid: this.isValid, name: this.name });
-    }
+    this.validityStateHandler({ valid: this.isValid, name: this.name });
     if (this.emitValue == true) {
       this.valueHandler({ name: this.name, value: this.value });
     }
@@ -35,13 +26,10 @@ export class TelInput {
   }
   handleInput(event) {
     this.value = event.target.value;
-    if (this.debounceTime) {
-      clearTimeout(this.debounceTime);
-    }
-    this.debounceTime = setTimeout(() => {
-      this.errorMessage = this.setErrorMessage();
-      this.isValid = this.setValidity();
-    }, 500);
+    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;
@@ -201,23 +189,6 @@ export class TelInput {
       "attribute": "language",
       "reflect": false
     },
-    "checkValidity": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "State passed down from the parent element. Will trigger the input to check for validity."
-      },
-      "attribute": "check-validity",
-      "reflect": false
-    },
     "emitValue": {
       "type": "boolean",
       "mutable": false,
@@ -282,9 +253,6 @@ export class TelInput {
       }
     }]; }
   static get watchers() { return [{
-      "propName": "checkValidity",
-      "methodName": "checkValidityHandler"
-    }, {
       "propName": "isValid",
       "methodName": "validityChanged"
     }, {

package/dist/collection/components/text-input/text-input.js

@@ -37,6 +37,7 @@ export class TextInput {
     this.isValid = this.setValidity();
     this.errorMessage = this.setErrorMessage();
     this.validityStateHandler({ valid: this.isValid, name: this.name });
+    this.emitValueHandler(true);
   }
   setValidity() {
     return this.inputReference.validity.valid;

package/dist/components/checkbox-input2.js

@@ -35,6 +35,7 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     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;

package/dist/components/date-input2.js

@@ -11,17 +11,8 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.sendValidityState = createEvent(this, "sendValidityState", 7);
     this.sendInputValue = createEvent(this, "sendInputValue", 7);
   }
-  checkValidityHandler(newValue) {
-    if (newValue == true) {
-      this.isValid = this.setValidity();
-      this.errorMessage = this.setErrorMessage();
-      this.validityStateHandler({ valid: this.isValid, name: this.name });
-    }
-  }
   validityChanged() {
-    if (this.checkValidity == true) {
-      this.validityStateHandler({ valid: this.isValid, name: this.name });
-    }
+    this.validityStateHandler({ valid: this.isValid, name: this.name });
     if (this.emitValue == true) {
       this.valueHandler({ name: this.name, value: this.value });
     }
@@ -41,6 +32,8 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.value = event.target.value;
     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;
@@ -57,7 +50,6 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return h("div", { class: 'date__wrapper' }, h("input", { id: `${this.name}__input`, type: 'date', class: `date__input`, value: this.defaultValue, placeholder: `${this.displayName} ${this.validation.mandatory ? '*' : ''}`, ref: (el) => this.inputReference = el, required: this.validation.mandatory, max: this.validation.max, min: this.validation.min, onInput: (e) => this.handleInput(e) }), h("label", { class: `date__label ${this.validation.mandatory ? 'date__label--required' : ''}}`, htmlFor: `${this.name}__input` }, this.displayName, " ", this.validation.mandatory ? '*' : ''), h("small", { class: 'date__error-message' }, this.errorMessage));
   }
   static get watchers() { return {
-    "checkValidity": ["checkValidityHandler"],
     "isValid": ["validityChanged"],
     "emitValue": ["emitValueHandler"]
   }; }
@@ -68,7 +60,6 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "validation": [16],
     "defaultValue": [1, "default-value"],
     "language": [1],
-    "checkValidity": [4, "check-validity"],
     "emitValue": [4, "emit-value"],
     "errorMessage": [32],
     "isValid": [32]

package/dist/components/email-input2.js

@@ -12,17 +12,8 @@ const EmailInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.sendInputValue = createEvent(this, "sendInputValue", 7);
     this.validationPattern = '';
   }
-  checkValidityHandler(newValue) {
-    if (newValue == true) {
-      this.isValid = this.setValidity();
-      this.errorMessage = this.setErrorMessage();
-      this.validityStateHandler({ valid: this.isValid, name: this.name });
-    }
-  }
   validityChanged() {
-    if (this.checkValidity == true) {
-      this.validityStateHandler({ valid: this.isValid, name: this.name });
-    }
+    this.validityStateHandler({ valid: this.isValid, name: this.name });
     if (this.emitValue == true) {
       this.valueHandler({ name: this.name, value: this.value });
     }
@@ -43,13 +34,10 @@ const EmailInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   handleInput(event) {
     this.value = event.target.value;
-    if (this.debounceTime) {
-      clearTimeout(this.debounceTime);
-    }
-    this.debounceTime = setTimeout(() => {
-      this.errorMessage = this.setErrorMessage();
-      this.isValid = this.setValidity();
-    }, 500);
+    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;
@@ -75,7 +63,6 @@ const EmailInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return h("div", { class: 'email__wrapper' }, h("input", { id: `${this.name}__input`, type: 'email', class: `email__input`, value: this.defaultValue, placeholder: `${this.displayName} ${this.validation.mandatory ? '*' : ''}`, ref: (el) => this.inputReference = el, pattern: this.validationPattern, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: (e) => this.handleInput(e) }), h("label", { class: `email__label ${this.validation.mandatory ? 'email__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("small", { class: 'email__error-message' }, this.errorMessage));
   }
   static get watchers() { return {
-    "checkValidity": ["checkValidityHandler"],
     "isValid": ["validityChanged"],
     "emitValue": ["emitValueHandler"]
   }; }
@@ -87,7 +74,6 @@ const EmailInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "defaultValue": [1, "default-value"],
     "language": [1],
     "emitValue": [4, "emit-value"],
-    "checkValidity": [4, "check-validity"],
     "errorMessage": [32],
     "isValid": [32]
   }]);

package/dist/components/number-input2.js

@@ -11,17 +11,8 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.sendValidityState = createEvent(this, "sendValidityState", 7);
     this.sendInputValue = createEvent(this, "sendInputValue", 7);
   }
-  checkValidityHandler(newValue) {
-    if (newValue == true) {
-      this.isValid = this.setValidity();
-      this.errorMessage = this.setErrorMessage();
-      this.validityStateHandler({ valid: this.isValid, name: this.name });
-    }
-  }
   validityChanged() {
-    if (this.checkValidity == true) {
-      this.validityStateHandler({ valid: this.isValid, name: this.name });
-    }
+    this.validityStateHandler({ valid: this.isValid, name: this.name });
     if (this.emitValue == true) {
       this.valueHandler({ name: this.name, value: this.value });
     }
@@ -39,13 +30,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   handleInput(event) {
     this.value = event.target.value;
-    if (this.debounceTime) {
-      clearTimeout(this.debounceTime);
-    }
-    this.debounceTime = setTimeout(() => {
-      this.errorMessage = this.setErrorMessage();
-      this.isValid = this.setValidity();
-    }, 500);
+    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;
@@ -63,7 +51,6 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return h("div", { class: 'number__wrapper' }, h("input", { ref: (el) => this.inputReference = el, type: "number", value: this.defaultValue, id: `${this.name}__input`, class: `number__input ${invalidClass}`, placeholder: `${this.displayName} ${this.validation.mandatory ? '*' : ''}`, required: this.validation.mandatory, max: this.validation.max, min: this.validation.min, onInput: (e) => this.handleInput(e) }), h("label", { class: `number__label ${this.validation.mandatory ? 'number__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("small", { class: 'number__error-message' }, this.errorMessage));
   }
   static get watchers() { return {
-    "checkValidity": ["checkValidityHandler"],
     "isValid": ["validityChanged"],
     "emitValue": ["emitValueHandler"]
   }; }
@@ -74,7 +61,6 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "validation": [16],
     "defaultValue": [2, "default-value"],
     "language": [1],
-    "checkValidity": [4, "check-validity"],
     "emitValue": [4, "emit-value"],
     "errorMessage": [32],
     "isValid": [32]

package/dist/components/password-input2.js

@@ -37,6 +37,7 @@ const PasswordInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     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;

package/dist/components/radio-input2.js

@@ -11,17 +11,8 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.sendInputValue = createEvent(this, "sendInputValue", 7);
     this.sendValidityState = createEvent(this, "sendValidityState", 7);
   }
-  checkValidityHandler(newValue) {
-    if (newValue == true) {
-      this.isValid = this.setValidity();
-      this.errorMessage = this.setErrorMessage();
-      this.validityStateHandler({ valid: this.isValid, name: this.name });
-    }
-  }
   validityChanged() {
-    if (this.checkValidity == true) {
-      this.validityStateHandler({ valid: this.isValid, name: this.name });
-    }
+    this.validityStateHandler({ valid: this.isValid, name: this.name });
     if (this.emitValue == true) {
       this.valueHandler({ name: this.name, value: this.value });
     }
@@ -43,6 +34,8 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.value = event.target.value;
     this.isValid = this.setValidity();
     this.errorMessage = this.setErrorMessage();
+    this.validityStateHandler({ valid: this.isValid, name: this.name });
+    this.emitValueHandler(true);
   }
   setValidity() {
     return this.inputReference.validity.valid;
@@ -56,7 +49,6 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return h("fieldset", { class: 'radio__fieldset' }, h("legend", { class: 'radio__legend' }, this.displayName, ":"), this.optionsGroup.map(option => h("div", { class: 'radio__wrapper' }, h("input", { type: "radio", class: 'radio__input', id: `${option.label}__input`, ref: (el) => this.inputReference = el, value: option.value, name: this.name, required: this.validation.mandatory, onClick: (e) => this.handleClick(e) }), h("label", { htmlFor: `${option.label}__input` }, option.label))), h("small", { class: 'radio__error-message' }, this.errorMessage));
   }
   static get watchers() { return {
-    "checkValidity": ["checkValidityHandler"],
     "isValid": ["validityChanged"],
     "emitValue": ["emitValueHandler"]
   }; }
@@ -67,7 +59,6 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "optionsGroup": [16],
     "validation": [16],
     "language": [1],
-    "checkValidity": [4, "check-validity"],
     "emitValue": [4, "emit-value"],
     "errorMessage": [32],
     "isValid": [32]

package/dist/components/select-input2.js

@@ -15,17 +15,8 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      */
     this.options = [];
   }
-  checkValidityHandler(newValue) {
-    if (newValue == true) {
-      this.isValid = this.setValidity();
-      this.errorMessage = this.setErrorMessage();
-      this.validityStateHandler({ valid: this.isValid, name: this.name });
-    }
-  }
   validityChanged() {
-    if (this.checkValidity == true) {
-      this.validityStateHandler({ valid: this.isValid, name: this.name });
-    }
+    this.validityStateHandler({ valid: this.isValid, name: this.name });
     if (this.emitValue == true) {
       this.valueHandler({ name: this.name, value: this.value });
     }
@@ -43,10 +34,8 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   connectedCallback() {
     this.displayedOptions = this.options;
-    console.log(this.displayedOptions);
   }
   componentWillLoad() {
-    console.log(this.action, this.options);
     if (this.action && !this.options.length) {
       if (this.action.split(" ")[0] == 'GET') {
         return this.getOptions().then((options) => {
@@ -75,8 +64,9 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.value = event.target.value;
     this.errorMessage = this.setErrorMessage();
     this.isValid = this.setValidity();
+    this.validityStateHandler({ valid: this.isValid, name: this.name });
+    this.emitValueHandler(true);
     this.inputReference.previousElementSibling.classList.remove('select__label--hidden');
-    console.log(this.action, this.options);
   }
   setValidity() {
     return this.inputReference.validity.valid;
@@ -93,7 +83,6 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     })), h("small", { class: 'select__error-message' }, this.errorMessage));
   }
   static get watchers() { return {
-    "checkValidity": ["checkValidityHandler"],
     "isValid": ["validityChanged"],
     "emitValue": ["emitValueHandler"]
   }; }
@@ -105,7 +94,6 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "options": [16],
     "validation": [16],
     "language": [1],
-    "checkValidity": [4, "check-validity"],
     "emitValue": [4, "emit-value"],
     "errorMessage": [32],
     "isValid": [32]

package/dist/components/tel-input2.js

@@ -12,17 +12,8 @@ const TelInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.sendInputValue = createEvent(this, "sendInputValue", 7);
     this.validationPattern = '';
   }
-  checkValidityHandler(newValue) {
-    if (newValue == true) {
-      this.isValid = this.setValidity();
-      this.errorMessage = this.setErrorMessage();
-      this.validityStateHandler({ valid: this.isValid, name: this.name });
-    }
-  }
   validityChanged() {
-    if (this.checkValidity == true) {
-      this.validityStateHandler({ valid: this.isValid, name: this.name });
-    }
+    this.validityStateHandler({ valid: this.isValid, name: this.name });
     if (this.emitValue == true) {
       this.valueHandler({ name: this.name, value: this.value });
     }
@@ -43,13 +34,10 @@ const TelInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   handleInput(event) {
     this.value = event.target.value;
-    if (this.debounceTime) {
-      clearTimeout(this.debounceTime);
-    }
-    this.debounceTime = setTimeout(() => {
-      this.errorMessage = this.setErrorMessage();
-      this.isValid = this.setValidity();
-    }, 500);
+    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;
@@ -76,7 +64,6 @@ const TelInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return h("div", { class: 'tel__wrapper' }, h("input", { type: "tel", ref: (el) => this.inputReference = el, id: `${this.name}__input`, value: this.defaultValue, class: `tel__input ${invalidClass}`, placeholder: `${this.displayName} ${this.validation.mandatory ? '*' : ''}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: (e) => this.handleInput(e) }), h("label", { class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("small", { class: 'tel__error-message' }, this.errorMessage));
   }
   static get watchers() { return {
-    "checkValidity": ["checkValidityHandler"],
     "isValid": ["validityChanged"],
     "emitValue": ["emitValueHandler"]
   }; }
@@ -89,7 +76,6 @@ const TelInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "validation": [16],
     "defaultValue": [8, "default-value"],
     "language": [1],
-    "checkValidity": [4, "check-validity"],
     "emitValue": [4, "emit-value"],
     "isValid": [32],
     "errorMessage": [32]

package/dist/components/text-input2.js

@@ -45,6 +45,7 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.isValid = this.setValidity();
     this.errorMessage = this.setErrorMessage();
     this.validityStateHandler({ valid: this.isValid, name: this.name });
+    this.emitValueHandler(true);
   }
   setValidity() {
     return this.inputReference.validity.valid;