@everymatrix/general-registration 1.85.8 → 1.85.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -16386,6 +16386,9 @@ const TextInput = class {
16386
16386
  if (!this.inputReference) {
16387
16387
  return false;
16388
16388
  }
16389
+ if (this.value.trim() === "" && !this.validation.mandatory) {
16390
+ return true;
16391
+ }
16389
16392
  const inputIsValid = this.inputReference.validity.valid;
16390
16393
  const inputMatchValidation = !this.inputReference.value || this.inputReference.value.match(this.validationPattern) !== null;
16391
16394
  return inputIsValid && inputMatchValidation;
@@ -16398,6 +16401,9 @@ const TextInput = class {
16398
16401
  }
16399
16402
  setErrorMessage() {
16400
16403
  var _a, _b, _c, _d;
16404
+ if (this.value.trim() === "" && !this.validation.mandatory) {
16405
+ return "";
16406
+ }
16401
16407
  if (this.inputReference.validity.valueMissing) {
16402
16408
  return translate$1('requiredError', this.language);
16403
16409
  }
@@ -16427,8 +16433,8 @@ const TextInput = class {
16427
16433
  invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
16428
16434
  }
16429
16435
  const displayValue = this.value || this.defaultValue;
16430
- return index.h("div", { key: '2126d45a756f9f10a1428f6f2f296d119833949e', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, index.h("div", { key: '86adc0243bf02a5d68e8fe2ad25fddbf042041ca', class: 'text__wrapper--flex' }, index.h("label", { key: '81bf4d3010bd780471d97d7356062ed6c762151b', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: '2b1cc8ad108901ab8bd0d42b5d59d5f59faf923c', class: 'text__wrapper--relative' }, this.tooltip &&
16431
- index.h("img", { key: 'dc3714a7e7924972454c0532ced7c1928f998e01', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("input", { key: 'c615746d8604f9ef6fb1ec2ad3075ba4aa1dc928', name: this.name, id: `${this.name}__input`, value: displayValue, type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), index.h("small", { key: '4f4e50d2593f32a40ec8c71aa452ac890cb51751', class: 'text__error-message' }, this.errorMessage));
16436
+ return index.h("div", { key: '66ee941684d2294250344f156d65cfc740d3b27e', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, index.h("div", { key: '1881c5c7e9313d9d08861b3223ffe03227f73d58', class: 'text__wrapper--flex' }, index.h("label", { key: 'f0059b865e3f2de4bb8f892d559acc4d18443e8e', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: 'bcb10756a212cbf77841eba6437b770c7470e19d', class: 'text__wrapper--relative' }, this.tooltip &&
16437
+ index.h("img", { key: '72d6f946f788c3ba9a27cde8a21942f9cbeac154', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("input", { key: '6076879f85ab22c0be60ea87f9ae0e24520fe315', name: this.name, id: `${this.name}__input`, value: displayValue, type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), index.h("small", { key: '75558d8b0709fd01cc8e1cee9baf235f2129ff89', class: 'text__error-message' }, this.errorMessage));
16432
16438
  }
16433
16439
  static get watchers() { return {
16434
16440
  "clientStyling": ["handleStylingChange"],
@@ -16382,6 +16382,9 @@ const TextInput = class {
16382
16382
  if (!this.inputReference) {
16383
16383
  return false;
16384
16384
  }
16385
+ if (this.value.trim() === "" && !this.validation.mandatory) {
16386
+ return true;
16387
+ }
16385
16388
  const inputIsValid = this.inputReference.validity.valid;
16386
16389
  const inputMatchValidation = !this.inputReference.value || this.inputReference.value.match(this.validationPattern) !== null;
16387
16390
  return inputIsValid && inputMatchValidation;
@@ -16394,6 +16397,9 @@ const TextInput = class {
16394
16397
  }
16395
16398
  setErrorMessage() {
16396
16399
  var _a, _b, _c, _d;
16400
+ if (this.value.trim() === "" && !this.validation.mandatory) {
16401
+ return "";
16402
+ }
16397
16403
  if (this.inputReference.validity.valueMissing) {
16398
16404
  return translate$1('requiredError', this.language);
16399
16405
  }
@@ -16423,8 +16429,8 @@ const TextInput = class {
16423
16429
  invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
16424
16430
  }
16425
16431
  const displayValue = this.value || this.defaultValue;
16426
- return h$1("div", { key: '2126d45a756f9f10a1428f6f2f296d119833949e', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, h$1("div", { key: '86adc0243bf02a5d68e8fe2ad25fddbf042041ca', class: 'text__wrapper--flex' }, h$1("label", { key: '81bf4d3010bd780471d97d7356062ed6c762151b', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h$1("div", { key: '2b1cc8ad108901ab8bd0d42b5d59d5f59faf923c', class: 'text__wrapper--relative' }, this.tooltip &&
16427
- h$1("img", { key: 'dc3714a7e7924972454c0532ced7c1928f998e01', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$1("input", { key: 'c615746d8604f9ef6fb1ec2ad3075ba4aa1dc928', name: this.name, id: `${this.name}__input`, value: displayValue, type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), h$1("small", { key: '4f4e50d2593f32a40ec8c71aa452ac890cb51751', class: 'text__error-message' }, this.errorMessage));
16432
+ return h$1("div", { key: '66ee941684d2294250344f156d65cfc740d3b27e', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, h$1("div", { key: '1881c5c7e9313d9d08861b3223ffe03227f73d58', class: 'text__wrapper--flex' }, h$1("label", { key: 'f0059b865e3f2de4bb8f892d559acc4d18443e8e', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h$1("div", { key: 'bcb10756a212cbf77841eba6437b770c7470e19d', class: 'text__wrapper--relative' }, this.tooltip &&
16433
+ h$1("img", { key: '72d6f946f788c3ba9a27cde8a21942f9cbeac154', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$1("input", { key: '6076879f85ab22c0be60ea87f9ae0e24520fe315', name: this.name, id: `${this.name}__input`, value: displayValue, type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), h$1("small", { key: '75558d8b0709fd01cc8e1cee9baf235f2129ff89', class: 'text__error-message' }, this.errorMessage));
16428
16434
  }
16429
16435
  static get watchers() { return {
16430
16436
  "clientStyling": ["handleStylingChange"],