@everymatrix/general-registration 1.65.2 → 1.65.4

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.
@@ -13,6 +13,7 @@ const TRANSLATIONS$1 = {
13
13
  "lengthError": "The length should be between {minLength} and {maxLength}",
14
14
  "requiredError": "This input is required.",
15
15
  "invalidOriginalPasswordError": "Initial password field does not validate all criteria.",
16
+ "invalidPassword": "Password does not meet all criteria",
16
17
  "passwordStrength": "Password strength",
17
18
  "passwordStrengthWeak": "is not adequate",
18
19
  "passwordStrengthStrong": "is adequate",
@@ -33,6 +34,7 @@ const TRANSLATIONS$1 = {
33
34
  "lengthError": "A hossznak {minLength} és {maxLength} között kell lennie",
34
35
  "requiredError": "Ez a beviteli mező kötelező.",
35
36
  "invalidOriginalPasswordError": "Initial password field does not validate all criteria.",
37
+ "invalidPassword": "A jelszó nem felel meg minden kritériumnak",
36
38
  "passwordStrength": "Jelszó erőssége",
37
39
  "passwordStrengthWeak": "nem megfelelő",
38
40
  "passwordStrengthStrong": "megfelelő",
@@ -54,6 +56,7 @@ const TRANSLATIONS$1 = {
54
56
  "lengthError": "Duljina bi trebala biti između {minLength} i {maxLength}",
55
57
  "requiredError": "Ovaj unos je obavezan.",
56
58
  "invalidOriginalPasswordError": "Lozinke se ne podudaraju",
59
+ "invalidPassword": "Lozinka ne zadovoljava sve kriterije",
57
60
  "passwordStrength": "Lozinka",
58
61
  "passwordStrengthWeak": "nije dovoljno jaka",
59
62
  "passwordStrengthStrong": "je dovoljno jaka",
@@ -75,6 +78,7 @@ const TRANSLATIONS$1 = {
75
78
  "lengthError": "Uzunluk {minLength} ve {maxLength} arasında olmalıdır",
76
79
  "requiredError": "Bu alan zorunludur.",
77
80
  "invalidOriginalPasswordError": "İlk şifre alanı tüm kriterleri karşılamıyor.",
81
+ "invalidPassword": "Şifre tüm kriterleri karşılamıyor",
78
82
  "passwordStrength": "Şifre gücü",
79
83
  "passwordStrengthWeak": "yetersiz",
80
84
  "passwordStrengthStrong": "yeterli",
@@ -96,6 +100,7 @@ const TRANSLATIONS$1 = {
96
100
  "lengthError": "O comprimento deve estar entre {minLength} e {maxLength}",
97
101
  "requiredError": "Este campo é obrigatório",
98
102
  "invalidOriginalPasswordError": "O campo de senha inicial não faz parte dos critérios válidos",
103
+ "invalidPassword": "A senha não atende a todos os critérios",
99
104
  "PasswordStrength": "Força da senha",
100
105
  "PasswordStrengthWeak": "Não é adequado",
101
106
  "PasswordStrengthStrong": "é apropriado",
@@ -117,6 +122,7 @@ const TRANSLATIONS$1 = {
117
122
  "lengthError": "La longitud deber ser entre {minLength} y {maxLength}",
118
123
  "requiredError": "Este campo es requerido",
119
124
  "invalidOriginalPasswordError": "El campo de contraseña inicial no es parte del criterio válido",
125
+ "invalidPassword": "La contraseña no cumple con todos los criterios",
120
126
  "PasswordStrength": "La fortaleza de la contraseña",
121
127
  "PasswordStrengthWeak": "no es adecuada",
122
128
  "PasswordStrengthStrong": "es adecuada",
@@ -13619,7 +13625,7 @@ const PasswordInput = class {
13619
13625
  }
13620
13626
  }
13621
13627
  setErrorMessage() {
13622
- var _a, _b, _c, _d;
13628
+ var _a, _b, _c, _d, _e;
13623
13629
  if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
13624
13630
  return translate$1('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
13625
13631
  }
@@ -13639,6 +13645,9 @@ const PasswordInput = class {
13639
13645
  const errorMessage = (_d = this.validation.custom.find(customRule => customRule.rule === 'duplicate-input')) === null || _d === void 0 ? void 0 : _d.errorMessage;
13640
13646
  return translate$1(`${errorCode}`, this.language) ? translate$1(`${errorCode}`, this.language) : errorMessage;
13641
13647
  }
13648
+ if (!((_e = this.passwordComplexity) === null || _e === void 0 ? void 0 : _e.every(complexity => complexity.passed)) && !this.showPopup) {
13649
+ return translate$1('invalidPassword', this.language);
13650
+ }
13642
13651
  }
13643
13652
  renderTooltip() {
13644
13653
  if (this.showTooltip) {
@@ -13660,8 +13669,8 @@ const PasswordInput = class {
13660
13669
  if (this.touched) {
13661
13670
  invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
13662
13671
  }
13663
- return index.h("div", { key: '7df2b034611f7384a1eb4470e39ee580e0ae6ce5', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: 'fbf309a458ccfd7c7133b7f65fafc061ad7e5c37', class: 'password__wrapper--flex' }, index.h("label", { key: 'f15c05d6fa8690d6a120ab2ad56127665618cb94', class: `password__label ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: 'd191b29e231685f0ceb7e42f9b1e9471450662bd', class: 'password__wrapper--relative' }, this.tooltip &&
13664
- index.h("img", { key: '23052474b109d273ba94e80cbd9d72986c373910', class: 'password__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("vaadin-password-field", { key: 'cfd7bb8bf495f77037f2a519701e609f18ce072f', type: "password", id: `${this.name}__input`, class: `password__input ${invalidClass}`, name: this.name, readOnly: this.autofilled, value: this.defaultValue, required: this.validation.mandatory, maxlength: this.validation.maxLength, minlength: this.validation.minLength, pattern: this.validationPattern, placeholder: `${this.placeholder}`, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), index.h("small", { key: 'e8aa77d19ed2497659f784da065720be6fa64bfd', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
13672
+ return index.h("div", { key: 'd5757f6d03b0c3ad30b57b9c62d8cd7c8802a37a', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: '7e7508731d7397b6c578335715c711ea97c46d3a', class: 'password__wrapper--flex' }, index.h("label", { key: 'ce4fd50f4f9ae7fb772df496784a3869e29618b6', class: `password__label ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: '640fa5664eede59b585bfd314854615cf4da46c1', class: 'password__wrapper--relative' }, this.tooltip &&
13673
+ index.h("img", { key: '0c0d0d71bf84c3ab6b0804424405ffacb1e87660', class: 'password__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("vaadin-password-field", { key: '4a966b226d6ec04fbebcad8cf12896bbc05b84fa', type: "password", id: `${this.name}__input`, class: `password__input ${invalidClass}`, name: this.name, readOnly: this.autofilled, value: this.defaultValue, required: this.validation.mandatory, maxlength: this.validation.maxLength, minlength: this.validation.minLength, pattern: this.validationPattern, placeholder: `${this.placeholder}`, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), index.h("small", { key: '1218d65c065a0dcc1b17d1422e08849b9b3de5ce', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
13665
13674
  }
13666
13675
  get element() { return index.getElement(this); }
13667
13676
  static get watchers() { return {
@@ -14240,13 +14249,15 @@ const TextInput = class {
14240
14249
  this.isValid = this.setValidity();
14241
14250
  }
14242
14251
  setValidity() {
14243
- var _a;
14244
14252
  if (this.isDuplicateInput && this.duplicateInputValue !== this.value) {
14245
14253
  return false;
14246
14254
  }
14247
- else {
14248
- return ((_a = this.inputReference) === null || _a === void 0 ? void 0 : _a.validity.valid) && this.inputReference.value.match(this.validationPattern) != null;
14255
+ if (!this.inputReference) {
14256
+ return false;
14249
14257
  }
14258
+ const inputIsValid = this.inputReference.validity.valid;
14259
+ const inputMatchValidation = !this.inputReference.value || this.inputReference.value.match(this.validationPattern) !== null;
14260
+ return inputIsValid && inputMatchValidation;
14250
14261
  }
14251
14262
  setPattern() {
14252
14263
  var _a, _b;
@@ -14284,8 +14295,8 @@ const TextInput = class {
14284
14295
  if (this.touched) {
14285
14296
  invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
14286
14297
  }
14287
- return index.h("div", { key: '595920d75e3dd31983cb3de2f87f9bf7462b6a8c', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, index.h("div", { key: 'afe2809f25910d410b065d103da3e34661d0dc64', class: 'text__wrapper--flex' }, index.h("label", { key: 'ed56095473fbe54d94fcb73fb514a51c4227d100', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: '5607fe6a0a3aa0cafe7ec666f13978ad733ad50b', class: 'text__wrapper--relative' }, this.tooltip &&
14288
- index.h("img", { key: '7ad043b188eb69b3bbbe1f94b4aa72f8bffbf427', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("input", { key: 'f12b4719ef033586ca31dd51f52f67205edbd230', name: this.name, id: `${this.name}__input`, value: this.defaultValue, 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: '11b544ac942b17b513f76f2d081898995057721b', class: 'text__error-message' }, this.errorMessage));
14298
+ return index.h("div", { key: '2ec10d73e5c4f98498da30137bc5aa7e7a2bdd3d', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, index.h("div", { key: '920b3d13c49ff0c445ae05f7f613185fa211d17a', class: 'text__wrapper--flex' }, index.h("label", { key: '0133d6982eeadb94d7ec1012a4d29a606d8798d0', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: '53155bf52cf3145ccb89f4d262d6127bbb316163', class: 'text__wrapper--relative' }, this.tooltip &&
14299
+ index.h("img", { key: 'a6e0e575bb2a4732e55f10429c6fea0692f90fc1', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("input", { key: '5e0678f82cebd2a682854b877c5412d106c871d8', name: this.name, id: `${this.name}__input`, value: this.defaultValue, 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: '1ff3d090a3d26c422bb60bda942015315462e1da', class: 'text__error-message' }, this.errorMessage));
14289
14300
  }
14290
14301
  static get watchers() { return {
14291
14302
  "clientStyling": ["handleStylingChange"],
@@ -9,6 +9,7 @@ const TRANSLATIONS$1 = {
9
9
  "lengthError": "The length should be between {minLength} and {maxLength}",
10
10
  "requiredError": "This input is required.",
11
11
  "invalidOriginalPasswordError": "Initial password field does not validate all criteria.",
12
+ "invalidPassword": "Password does not meet all criteria",
12
13
  "passwordStrength": "Password strength",
13
14
  "passwordStrengthWeak": "is not adequate",
14
15
  "passwordStrengthStrong": "is adequate",
@@ -29,6 +30,7 @@ const TRANSLATIONS$1 = {
29
30
  "lengthError": "A hossznak {minLength} és {maxLength} között kell lennie",
30
31
  "requiredError": "Ez a beviteli mező kötelező.",
31
32
  "invalidOriginalPasswordError": "Initial password field does not validate all criteria.",
33
+ "invalidPassword": "A jelszó nem felel meg minden kritériumnak",
32
34
  "passwordStrength": "Jelszó erőssége",
33
35
  "passwordStrengthWeak": "nem megfelelő",
34
36
  "passwordStrengthStrong": "megfelelő",
@@ -50,6 +52,7 @@ const TRANSLATIONS$1 = {
50
52
  "lengthError": "Duljina bi trebala biti između {minLength} i {maxLength}",
51
53
  "requiredError": "Ovaj unos je obavezan.",
52
54
  "invalidOriginalPasswordError": "Lozinke se ne podudaraju",
55
+ "invalidPassword": "Lozinka ne zadovoljava sve kriterije",
53
56
  "passwordStrength": "Lozinka",
54
57
  "passwordStrengthWeak": "nije dovoljno jaka",
55
58
  "passwordStrengthStrong": "je dovoljno jaka",
@@ -71,6 +74,7 @@ const TRANSLATIONS$1 = {
71
74
  "lengthError": "Uzunluk {minLength} ve {maxLength} arasında olmalıdır",
72
75
  "requiredError": "Bu alan zorunludur.",
73
76
  "invalidOriginalPasswordError": "İlk şifre alanı tüm kriterleri karşılamıyor.",
77
+ "invalidPassword": "Şifre tüm kriterleri karşılamıyor",
74
78
  "passwordStrength": "Şifre gücü",
75
79
  "passwordStrengthWeak": "yetersiz",
76
80
  "passwordStrengthStrong": "yeterli",
@@ -92,6 +96,7 @@ const TRANSLATIONS$1 = {
92
96
  "lengthError": "O comprimento deve estar entre {minLength} e {maxLength}",
93
97
  "requiredError": "Este campo é obrigatório",
94
98
  "invalidOriginalPasswordError": "O campo de senha inicial não faz parte dos critérios válidos",
99
+ "invalidPassword": "A senha não atende a todos os critérios",
95
100
  "PasswordStrength": "Força da senha",
96
101
  "PasswordStrengthWeak": "Não é adequado",
97
102
  "PasswordStrengthStrong": "é apropriado",
@@ -113,6 +118,7 @@ const TRANSLATIONS$1 = {
113
118
  "lengthError": "La longitud deber ser entre {minLength} y {maxLength}",
114
119
  "requiredError": "Este campo es requerido",
115
120
  "invalidOriginalPasswordError": "El campo de contraseña inicial no es parte del criterio válido",
121
+ "invalidPassword": "La contraseña no cumple con todos los criterios",
116
122
  "PasswordStrength": "La fortaleza de la contraseña",
117
123
  "PasswordStrengthWeak": "no es adecuada",
118
124
  "PasswordStrengthStrong": "es adecuada",
@@ -13615,7 +13621,7 @@ const PasswordInput = class {
13615
13621
  }
13616
13622
  }
13617
13623
  setErrorMessage() {
13618
- var _a, _b, _c, _d;
13624
+ var _a, _b, _c, _d, _e;
13619
13625
  if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
13620
13626
  return translate$1('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
13621
13627
  }
@@ -13635,6 +13641,9 @@ const PasswordInput = class {
13635
13641
  const errorMessage = (_d = this.validation.custom.find(customRule => customRule.rule === 'duplicate-input')) === null || _d === void 0 ? void 0 : _d.errorMessage;
13636
13642
  return translate$1(`${errorCode}`, this.language) ? translate$1(`${errorCode}`, this.language) : errorMessage;
13637
13643
  }
13644
+ if (!((_e = this.passwordComplexity) === null || _e === void 0 ? void 0 : _e.every(complexity => complexity.passed)) && !this.showPopup) {
13645
+ return translate$1('invalidPassword', this.language);
13646
+ }
13638
13647
  }
13639
13648
  renderTooltip() {
13640
13649
  if (this.showTooltip) {
@@ -13656,8 +13665,8 @@ const PasswordInput = class {
13656
13665
  if (this.touched) {
13657
13666
  invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
13658
13667
  }
13659
- return h$1("div", { key: '7df2b034611f7384a1eb4470e39ee580e0ae6ce5', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h$1("div", { key: 'fbf309a458ccfd7c7133b7f65fafc061ad7e5c37', class: 'password__wrapper--flex' }, h$1("label", { key: 'f15c05d6fa8690d6a120ab2ad56127665618cb94', class: `password__label ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h$1("div", { key: 'd191b29e231685f0ceb7e42f9b1e9471450662bd', class: 'password__wrapper--relative' }, this.tooltip &&
13660
- h$1("img", { key: '23052474b109d273ba94e80cbd9d72986c373910', class: 'password__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$1("vaadin-password-field", { key: 'cfd7bb8bf495f77037f2a519701e609f18ce072f', type: "password", id: `${this.name}__input`, class: `password__input ${invalidClass}`, name: this.name, readOnly: this.autofilled, value: this.defaultValue, required: this.validation.mandatory, maxlength: this.validation.maxLength, minlength: this.validation.minLength, pattern: this.validationPattern, placeholder: `${this.placeholder}`, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), h$1("small", { key: 'e8aa77d19ed2497659f784da065720be6fa64bfd', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
13668
+ return h$1("div", { key: 'd5757f6d03b0c3ad30b57b9c62d8cd7c8802a37a', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h$1("div", { key: '7e7508731d7397b6c578335715c711ea97c46d3a', class: 'password__wrapper--flex' }, h$1("label", { key: 'ce4fd50f4f9ae7fb772df496784a3869e29618b6', class: `password__label ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h$1("div", { key: '640fa5664eede59b585bfd314854615cf4da46c1', class: 'password__wrapper--relative' }, this.tooltip &&
13669
+ h$1("img", { key: '0c0d0d71bf84c3ab6b0804424405ffacb1e87660', class: 'password__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$1("vaadin-password-field", { key: '4a966b226d6ec04fbebcad8cf12896bbc05b84fa', type: "password", id: `${this.name}__input`, class: `password__input ${invalidClass}`, name: this.name, readOnly: this.autofilled, value: this.defaultValue, required: this.validation.mandatory, maxlength: this.validation.maxLength, minlength: this.validation.minLength, pattern: this.validationPattern, placeholder: `${this.placeholder}`, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), h$1("small", { key: '1218d65c065a0dcc1b17d1422e08849b9b3de5ce', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
13661
13670
  }
13662
13671
  get element() { return getElement(this); }
13663
13672
  static get watchers() { return {
@@ -14236,13 +14245,15 @@ const TextInput = class {
14236
14245
  this.isValid = this.setValidity();
14237
14246
  }
14238
14247
  setValidity() {
14239
- var _a;
14240
14248
  if (this.isDuplicateInput && this.duplicateInputValue !== this.value) {
14241
14249
  return false;
14242
14250
  }
14243
- else {
14244
- return ((_a = this.inputReference) === null || _a === void 0 ? void 0 : _a.validity.valid) && this.inputReference.value.match(this.validationPattern) != null;
14251
+ if (!this.inputReference) {
14252
+ return false;
14245
14253
  }
14254
+ const inputIsValid = this.inputReference.validity.valid;
14255
+ const inputMatchValidation = !this.inputReference.value || this.inputReference.value.match(this.validationPattern) !== null;
14256
+ return inputIsValid && inputMatchValidation;
14246
14257
  }
14247
14258
  setPattern() {
14248
14259
  var _a, _b;
@@ -14280,8 +14291,8 @@ const TextInput = class {
14280
14291
  if (this.touched) {
14281
14292
  invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
14282
14293
  }
14283
- return h$1("div", { key: '595920d75e3dd31983cb3de2f87f9bf7462b6a8c', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, h$1("div", { key: 'afe2809f25910d410b065d103da3e34661d0dc64', class: 'text__wrapper--flex' }, h$1("label", { key: 'ed56095473fbe54d94fcb73fb514a51c4227d100', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h$1("div", { key: '5607fe6a0a3aa0cafe7ec666f13978ad733ad50b', class: 'text__wrapper--relative' }, this.tooltip &&
14284
- h$1("img", { key: '7ad043b188eb69b3bbbe1f94b4aa72f8bffbf427', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$1("input", { key: 'f12b4719ef033586ca31dd51f52f67205edbd230', name: this.name, id: `${this.name}__input`, value: this.defaultValue, 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: '11b544ac942b17b513f76f2d081898995057721b', class: 'text__error-message' }, this.errorMessage));
14294
+ return h$1("div", { key: '2ec10d73e5c4f98498da30137bc5aa7e7a2bdd3d', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, h$1("div", { key: '920b3d13c49ff0c445ae05f7f613185fa211d17a', class: 'text__wrapper--flex' }, h$1("label", { key: '0133d6982eeadb94d7ec1012a4d29a606d8798d0', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h$1("div", { key: '53155bf52cf3145ccb89f4d262d6127bbb316163', class: 'text__wrapper--relative' }, this.tooltip &&
14295
+ h$1("img", { key: 'a6e0e575bb2a4732e55f10429c6fea0692f90fc1', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$1("input", { key: '5e0678f82cebd2a682854b877c5412d106c871d8', name: this.name, id: `${this.name}__input`, value: this.defaultValue, 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: '1ff3d090a3d26c422bb60bda942015315462e1da', class: 'text__error-message' }, this.errorMessage));
14285
14296
  }
14286
14297
  static get watchers() { return {
14287
14298
  "clientStyling": ["handleStylingChange"],
@@ -1 +1 @@
1
- import{p as e,b as l}from"./p-59a2915a.js";export{s as setNonce}from"./p-59a2915a.js";import{g as i}from"./p-e1255160.js";(()=>{const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((async e=>(await i(),l([["p-b5292504",[[1,"general-registration",{endpoint:[513],language:[513],clientStyling:[1537,"client-styling"],mbSource:[1,"mb-source"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],dateFormat:[513,"date-format"],buttonInsideForm:[516,"button-inside-form"],btag:[513],emitOnClick:[516,"emit-on-click"],errorMessage:[32],isFormValid:[32],isConsentValid:[32],isConsentReady:[32],isLoading:[32],isLoadingPOST:[32],registrationStep:[32],forms:[32],limitStylingAppends:[32],autofilled:[32],isInitalInteraction:[32]},[[0,"sendValidityState","checkInputsValidityHandler"],[0,"sendInputValue","getInputsValueHandler"],[8,"message","messageHandler"]],{registrationStep:["sendStep"],clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingUrlChange"],forms:["setFormValidity"],btag:["addBtag"]}],[1,"general-input",{type:[513],name:[513],displayName:[513,"display-name"],placeholder:[513],action:[513],validation:[16],options:[520],language:[513],autofilled:[516],tooltip:[513],defaultValue:[520,"default-value"],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[520,"client-styling"],dateFormat:[513,"date-format"],translationUrl:[513,"translation-url"],emitOnClick:[516,"emit-on-click"]}],[1,"toggle-checkbox-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],options:[16],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32],showFields:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"]}],[1,"checkbox-group-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],options:[16],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32],selectedValues:[32],showCheckboxes:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],selectedValues:["setValue"],emitValue:["emitValueHandler"]}],[1,"checkbox-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"date-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],dateFormat:[513,"date-format"],emitOnClick:[516,"emit-on-click"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"email-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"number-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"password-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],passwordComplexity:[32],showPopup:[32],value:[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}],[1,"radio-input",{name:[513],displayName:[513,"display-name"],optionsGroup:[16],validation:[16],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"select-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],action:[513],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],options:[16],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"tel-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],showLabels:[516,"show-labels"],action:[513],validation:[16],defaultValue:[520,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"text-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],checkValidity:[516,"check-validity"],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}]]]],e))));
1
+ import{p as e,b as l}from"./p-59a2915a.js";export{s as setNonce}from"./p-59a2915a.js";import{g as i}from"./p-e1255160.js";(()=>{const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((async e=>(await i(),l([["p-5359c468",[[1,"general-registration",{endpoint:[513],language:[513],clientStyling:[1537,"client-styling"],mbSource:[1,"mb-source"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],dateFormat:[513,"date-format"],buttonInsideForm:[516,"button-inside-form"],btag:[513],emitOnClick:[516,"emit-on-click"],errorMessage:[32],isFormValid:[32],isConsentValid:[32],isConsentReady:[32],isLoading:[32],isLoadingPOST:[32],registrationStep:[32],forms:[32],limitStylingAppends:[32],autofilled:[32],isInitalInteraction:[32]},[[0,"sendValidityState","checkInputsValidityHandler"],[0,"sendInputValue","getInputsValueHandler"],[8,"message","messageHandler"]],{registrationStep:["sendStep"],clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingUrlChange"],forms:["setFormValidity"],btag:["addBtag"]}],[1,"general-input",{type:[513],name:[513],displayName:[513,"display-name"],placeholder:[513],action:[513],validation:[16],options:[520],language:[513],autofilled:[516],tooltip:[513],defaultValue:[520,"default-value"],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[520,"client-styling"],dateFormat:[513,"date-format"],translationUrl:[513,"translation-url"],emitOnClick:[516,"emit-on-click"]}],[1,"toggle-checkbox-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],options:[16],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32],showFields:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"]}],[1,"checkbox-group-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],options:[16],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32],selectedValues:[32],showCheckboxes:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],selectedValues:["setValue"],emitValue:["emitValueHandler"]}],[1,"checkbox-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"date-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],dateFormat:[513,"date-format"],emitOnClick:[516,"emit-on-click"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"email-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"number-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"password-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],passwordComplexity:[32],showPopup:[32],value:[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}],[1,"radio-input",{name:[513],displayName:[513,"display-name"],optionsGroup:[16],validation:[16],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"select-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],action:[513],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],options:[16],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"tel-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],showLabels:[516,"show-labels"],action:[513],validation:[16],defaultValue:[520,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"text-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],checkValidity:[516,"check-validity"],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}]]]],e))));