@everymatrix/general-input 1.65.2 → 1.66.0
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.
- package/dist/cjs/checkbox-group-input_10.cjs.entry.js +14 -9
- package/dist/cjs/general-input.cjs.entry.js +1 -1
- package/dist/cjs/{locale.utils-ae578c17.js → locale.utils-f0ae0a97.js} +6 -0
- package/dist/cjs/toggle-checkbox-input.cjs.entry.js +1 -1
- package/dist/collection/components/password-input/password-input.js +6 -3
- package/dist/collection/components/text-input/text-input.js +7 -5
- package/dist/collection/utils/locale.utils.js +6 -0
- package/dist/esm/checkbox-group-input_10.entry.js +14 -9
- package/dist/esm/general-input.entry.js +1 -1
- package/dist/esm/{locale.utils-fc81f22a.js → locale.utils-14c3dac3.js} +6 -0
- package/dist/esm/toggle-checkbox-input.entry.js +1 -1
- package/dist/general-input/general-input.esm.js +1 -1
- package/dist/general-input/{p-5dc3b631.entry.js → p-224076b9.entry.js} +1 -1
- package/dist/general-input/p-aa258411.js +1 -0
- package/dist/general-input/{p-03af7f1a.entry.js → p-b78847ce.entry.js} +1 -1
- package/dist/general-input/{p-0a442cba.entry.js → p-eab6dd39.entry.js} +1 -1
- package/package.json +1 -1
- package/dist/general-input/p-80314011.js +0 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-bce82d29.js');
|
|
6
|
-
const locale_utils = require('./locale.utils-
|
|
6
|
+
const locale_utils = require('./locale.utils-f0ae0a97.js');
|
|
7
7
|
const tooltipIcon = require('./tooltipIcon-7e9ee226.js');
|
|
8
8
|
|
|
9
9
|
const checkboxGroupInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}vaadin-checkbox-group{margin-top:5px;margin-left:40px}.checkboxgroup{font-family:\"Roboto\";font-style:normal;font-size:15px}.checkboxgroup__wrapper{position:relative}.checkboxgroup__wrapper--flex{display:flex;gap:5px;align-content:flex-start}.checkboxgroup__wrapper--relative{position:relative;display:inline}.checkboxgroup__input{vertical-align:baseline}.checkboxgroup__input[indeterminate]::part(checkbox)::after,.checkboxgroup__input[indeterminate]::part(checkbox),.checkboxgroup__input[checked]::part(checkbox){background-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.checkboxgroup__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;padding-left:10px;vertical-align:baseline}.checkboxgroup__label-text{font-size:16px}.checkboxgroup__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.checkboxgroup__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.checkboxgroup__tooltip-icon{width:16px;height:auto}.checkboxgroup__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.checkboxgroup__tooltip.visible{opacity:1}.checkbox__input::part(checkbox){background-color:var(--emw--color-white, #FFFFFF);transform:scale(0.8, 0.8);border-radius:var(--emw--border-radius-small, 2px);box-shadow:0 0px 0px 2px var(--emw--color-gray, #7a7a7a)}.checkbox__input[indeterminate]::part(checkbox),.checkbox__input[checked]::part(checkbox){background-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));box-shadow:none}";
|
|
@@ -5939,7 +5939,7 @@ const PasswordInput = class {
|
|
|
5939
5939
|
}
|
|
5940
5940
|
}
|
|
5941
5941
|
setErrorMessage() {
|
|
5942
|
-
var _a, _b, _c, _d;
|
|
5942
|
+
var _a, _b, _c, _d, _e;
|
|
5943
5943
|
if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
|
|
5944
5944
|
return locale_utils.translate('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
|
|
5945
5945
|
}
|
|
@@ -5959,6 +5959,9 @@ const PasswordInput = class {
|
|
|
5959
5959
|
const errorMessage = (_d = this.validation.custom.find(customRule => customRule.rule === 'duplicate-input')) === null || _d === void 0 ? void 0 : _d.errorMessage;
|
|
5960
5960
|
return locale_utils.translate(`${errorCode}`, this.language) ? locale_utils.translate(`${errorCode}`, this.language) : errorMessage;
|
|
5961
5961
|
}
|
|
5962
|
+
if (!((_e = this.passwordComplexity) === null || _e === void 0 ? void 0 : _e.every(complexity => complexity.passed)) && !this.showPopup) {
|
|
5963
|
+
return locale_utils.translate('invalidPassword', this.language);
|
|
5964
|
+
}
|
|
5962
5965
|
}
|
|
5963
5966
|
renderTooltip() {
|
|
5964
5967
|
if (this.showTooltip) {
|
|
@@ -5980,8 +5983,8 @@ const PasswordInput = class {
|
|
|
5980
5983
|
if (this.touched) {
|
|
5981
5984
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
5982
5985
|
}
|
|
5983
|
-
return index.h("div", { key: '
|
|
5984
|
-
index.h("img", { key: '
|
|
5986
|
+
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 &&
|
|
5987
|
+
index.h("img", { key: '0c0d0d71bf84c3ab6b0804424405ffacb1e87660', class: 'password__tooltip-icon', src: tooltipIcon.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());
|
|
5985
5988
|
}
|
|
5986
5989
|
get element() { return index.getElement(this); }
|
|
5987
5990
|
static get watchers() { return {
|
|
@@ -6560,13 +6563,15 @@ const TextInput = class {
|
|
|
6560
6563
|
this.isValid = this.setValidity();
|
|
6561
6564
|
}
|
|
6562
6565
|
setValidity() {
|
|
6563
|
-
var _a;
|
|
6564
6566
|
if (this.isDuplicateInput && this.duplicateInputValue !== this.value) {
|
|
6565
6567
|
return false;
|
|
6566
6568
|
}
|
|
6567
|
-
|
|
6568
|
-
return
|
|
6569
|
+
if (!this.inputReference) {
|
|
6570
|
+
return false;
|
|
6569
6571
|
}
|
|
6572
|
+
const inputIsValid = this.inputReference.validity.valid;
|
|
6573
|
+
const inputMatchValidation = !this.inputReference.value || this.inputReference.value.match(this.validationPattern) !== null;
|
|
6574
|
+
return inputIsValid && inputMatchValidation;
|
|
6570
6575
|
}
|
|
6571
6576
|
setPattern() {
|
|
6572
6577
|
var _a, _b;
|
|
@@ -6604,8 +6609,8 @@ const TextInput = class {
|
|
|
6604
6609
|
if (this.touched) {
|
|
6605
6610
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
6606
6611
|
}
|
|
6607
|
-
return index.h("div", { key: '
|
|
6608
|
-
index.h("img", { key: '
|
|
6612
|
+
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 &&
|
|
6613
|
+
index.h("img", { key: 'a6e0e575bb2a4732e55f10429c6fea0692f90fc1', class: 'text__tooltip-icon', src: tooltipIcon.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));
|
|
6609
6614
|
}
|
|
6610
6615
|
static get watchers() { return {
|
|
6611
6616
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-bce82d29.js');
|
|
6
|
-
const locale_utils = require('./locale.utils-
|
|
6
|
+
const locale_utils = require('./locale.utils-f0ae0a97.js');
|
|
7
7
|
|
|
8
8
|
var Rr=Object.defineProperty,$r=Object.defineProperties;var Hr=Object.getOwnPropertyDescriptors;var ns=Object.getOwnPropertySymbols;var Ur=Object.prototype.hasOwnProperty,qr=Object.prototype.propertyIsEnumerable;var Mt=(o,t,e)=>t in o?Rr(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e,ye=(o,t)=>{for(var e in t||(t={}))Ur.call(t,e)&&Mt(o,e,t[e]);if(ns)for(var e of ns(t))qr.call(t,e)&&Mt(o,e,t[e]);return o},zt=(o,t)=>$r(o,Hr(t));var I=(o,t,e)=>(Mt(o,typeof t!="symbol"?t+"":t,e),e);var xe=(o,t,e)=>new Promise((i,s)=>{var r=l=>{try{a(e.next(l));}catch(d){s(d);}},n=l=>{try{a(e.throw(l));}catch(d){s(d);}},a=l=>l.done?i(l.value):Promise.resolve(l.value).then(r,n);a((e=e.apply(o,t)).next());});/**
|
|
9
9
|
* @license
|
|
@@ -9,6 +9,7 @@ const TRANSLATIONS = {
|
|
|
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 = {
|
|
|
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 = {
|
|
|
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 = {
|
|
|
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 = {
|
|
|
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 = {
|
|
|
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",
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-bce82d29.js');
|
|
6
|
-
const locale_utils = require('./locale.utils-
|
|
6
|
+
const locale_utils = require('./locale.utils-f0ae0a97.js');
|
|
7
7
|
const tooltipIcon = require('./tooltipIcon-7e9ee226.js');
|
|
8
8
|
|
|
9
9
|
const toggleCheckboxInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:\"Roboto\";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}";
|
|
@@ -181,7 +181,7 @@ export class PasswordInput {
|
|
|
181
181
|
}
|
|
182
182
|
}
|
|
183
183
|
setErrorMessage() {
|
|
184
|
-
var _a, _b, _c, _d;
|
|
184
|
+
var _a, _b, _c, _d, _e;
|
|
185
185
|
if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
|
|
186
186
|
return translate('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
|
|
187
187
|
}
|
|
@@ -201,6 +201,9 @@ export class PasswordInput {
|
|
|
201
201
|
const errorMessage = (_d = this.validation.custom.find(customRule => customRule.rule === 'duplicate-input')) === null || _d === void 0 ? void 0 : _d.errorMessage;
|
|
202
202
|
return translate(`${errorCode}`, this.language) ? translate(`${errorCode}`, this.language) : errorMessage;
|
|
203
203
|
}
|
|
204
|
+
if (!((_e = this.passwordComplexity) === null || _e === void 0 ? void 0 : _e.every(complexity => complexity.passed)) && !this.showPopup) {
|
|
205
|
+
return translate('invalidPassword', this.language);
|
|
206
|
+
}
|
|
204
207
|
}
|
|
205
208
|
renderTooltip() {
|
|
206
209
|
if (this.showTooltip) {
|
|
@@ -222,8 +225,8 @@ export class PasswordInput {
|
|
|
222
225
|
if (this.touched) {
|
|
223
226
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
224
227
|
}
|
|
225
|
-
return h("div", { key: '
|
|
226
|
-
h("img", { key: '
|
|
228
|
+
return h("div", { key: 'd5757f6d03b0c3ad30b57b9c62d8cd7c8802a37a', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '7e7508731d7397b6c578335715c711ea97c46d3a', class: 'password__wrapper--flex' }, h("label", { key: 'ce4fd50f4f9ae7fb772df496784a3869e29618b6', class: `password__label ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '640fa5664eede59b585bfd314854615cf4da46c1', class: 'password__wrapper--relative' }, this.tooltip &&
|
|
229
|
+
h("img", { key: '0c0d0d71bf84c3ab6b0804424405ffacb1e87660', class: 'password__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), 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 }), h("small", { key: '1218d65c065a0dcc1b17d1422e08849b9b3de5ce', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
|
|
227
230
|
}
|
|
228
231
|
static get is() { return "password-input"; }
|
|
229
232
|
static get encapsulation() { return "shadow"; }
|
|
@@ -125,13 +125,15 @@ export class TextInput {
|
|
|
125
125
|
this.isValid = this.setValidity();
|
|
126
126
|
}
|
|
127
127
|
setValidity() {
|
|
128
|
-
var _a;
|
|
129
128
|
if (this.isDuplicateInput && this.duplicateInputValue !== this.value) {
|
|
130
129
|
return false;
|
|
131
130
|
}
|
|
132
|
-
|
|
133
|
-
return
|
|
131
|
+
if (!this.inputReference) {
|
|
132
|
+
return false;
|
|
134
133
|
}
|
|
134
|
+
const inputIsValid = this.inputReference.validity.valid;
|
|
135
|
+
const inputMatchValidation = !this.inputReference.value || this.inputReference.value.match(this.validationPattern) !== null;
|
|
136
|
+
return inputIsValid && inputMatchValidation;
|
|
135
137
|
}
|
|
136
138
|
setPattern() {
|
|
137
139
|
var _a, _b;
|
|
@@ -169,8 +171,8 @@ export class TextInput {
|
|
|
169
171
|
if (this.touched) {
|
|
170
172
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
171
173
|
}
|
|
172
|
-
return h("div", { key: '
|
|
173
|
-
h("img", { key: '
|
|
174
|
+
return h("div", { key: '2ec10d73e5c4f98498da30137bc5aa7e7a2bdd3d', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, h("div", { key: '920b3d13c49ff0c445ae05f7f613185fa211d17a', class: 'text__wrapper--flex' }, h("label", { key: '0133d6982eeadb94d7ec1012a4d29a606d8798d0', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '53155bf52cf3145ccb89f4d262d6127bbb316163', class: 'text__wrapper--relative' }, this.tooltip &&
|
|
175
|
+
h("img", { key: 'a6e0e575bb2a4732e55f10429c6fea0692f90fc1', class: 'text__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), 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 }), h("small", { key: '1ff3d090a3d26c422bb60bda942015315462e1da', class: 'text__error-message' }, this.errorMessage));
|
|
174
176
|
}
|
|
175
177
|
static get is() { return "text-input"; }
|
|
176
178
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,6 +7,7 @@ export const TRANSLATIONS = {
|
|
|
7
7
|
"lengthError": "The length should be between {minLength} and {maxLength}",
|
|
8
8
|
"requiredError": "This input is required.",
|
|
9
9
|
"invalidOriginalPasswordError": "Initial password field does not validate all criteria.",
|
|
10
|
+
"invalidPassword": "Password does not meet all criteria",
|
|
10
11
|
"passwordStrength": "Password strength",
|
|
11
12
|
"passwordStrengthWeak": "is not adequate",
|
|
12
13
|
"passwordStrengthStrong": "is adequate",
|
|
@@ -27,6 +28,7 @@ export const TRANSLATIONS = {
|
|
|
27
28
|
"lengthError": "A hossznak {minLength} és {maxLength} között kell lennie",
|
|
28
29
|
"requiredError": "Ez a beviteli mező kötelező.",
|
|
29
30
|
"invalidOriginalPasswordError": "Initial password field does not validate all criteria.",
|
|
31
|
+
"invalidPassword": "A jelszó nem felel meg minden kritériumnak",
|
|
30
32
|
"passwordStrength": "Jelszó erőssége",
|
|
31
33
|
"passwordStrengthWeak": "nem megfelelő",
|
|
32
34
|
"passwordStrengthStrong": "megfelelő",
|
|
@@ -48,6 +50,7 @@ export const TRANSLATIONS = {
|
|
|
48
50
|
"lengthError": "Duljina bi trebala biti između {minLength} i {maxLength}",
|
|
49
51
|
"requiredError": "Ovaj unos je obavezan.",
|
|
50
52
|
"invalidOriginalPasswordError": "Lozinke se ne podudaraju",
|
|
53
|
+
"invalidPassword": "Lozinka ne zadovoljava sve kriterije",
|
|
51
54
|
"passwordStrength": "Lozinka",
|
|
52
55
|
"passwordStrengthWeak": "nije dovoljno jaka",
|
|
53
56
|
"passwordStrengthStrong": "je dovoljno jaka",
|
|
@@ -69,6 +72,7 @@ export const TRANSLATIONS = {
|
|
|
69
72
|
"lengthError": "Uzunluk {minLength} ve {maxLength} arasında olmalıdır",
|
|
70
73
|
"requiredError": "Bu alan zorunludur.",
|
|
71
74
|
"invalidOriginalPasswordError": "İlk şifre alanı tüm kriterleri karşılamıyor.",
|
|
75
|
+
"invalidPassword": "Şifre tüm kriterleri karşılamıyor",
|
|
72
76
|
"passwordStrength": "Şifre gücü",
|
|
73
77
|
"passwordStrengthWeak": "yetersiz",
|
|
74
78
|
"passwordStrengthStrong": "yeterli",
|
|
@@ -90,6 +94,7 @@ export const TRANSLATIONS = {
|
|
|
90
94
|
"lengthError": "O comprimento deve estar entre {minLength} e {maxLength}",
|
|
91
95
|
"requiredError": "Este campo é obrigatório",
|
|
92
96
|
"invalidOriginalPasswordError": "O campo de senha inicial não faz parte dos critérios válidos",
|
|
97
|
+
"invalidPassword": "A senha não atende a todos os critérios",
|
|
93
98
|
"PasswordStrength": "Força da senha",
|
|
94
99
|
"PasswordStrengthWeak": "Não é adequado",
|
|
95
100
|
"PasswordStrengthStrong": "é apropriado",
|
|
@@ -111,6 +116,7 @@ export const TRANSLATIONS = {
|
|
|
111
116
|
"lengthError": "La longitud deber ser entre {minLength} y {maxLength}",
|
|
112
117
|
"requiredError": "Este campo es requerido",
|
|
113
118
|
"invalidOriginalPasswordError": "El campo de contraseña inicial no es parte del criterio válido",
|
|
119
|
+
"invalidPassword": "La contraseña no cumple con todos los criterios",
|
|
114
120
|
"PasswordStrength": "La fortaleza de la contraseña",
|
|
115
121
|
"PasswordStrengthWeak": "no es adecuada",
|
|
116
122
|
"PasswordStrengthStrong": "es adecuada",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-34f25346.js';
|
|
2
|
-
import { t as translate } from './locale.utils-
|
|
2
|
+
import { t as translate } from './locale.utils-14c3dac3.js';
|
|
3
3
|
import { t as tooltipIconSvg } from './tooltipIcon-0a5a06a2.js';
|
|
4
4
|
|
|
5
5
|
const checkboxGroupInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}vaadin-checkbox-group{margin-top:5px;margin-left:40px}.checkboxgroup{font-family:\"Roboto\";font-style:normal;font-size:15px}.checkboxgroup__wrapper{position:relative}.checkboxgroup__wrapper--flex{display:flex;gap:5px;align-content:flex-start}.checkboxgroup__wrapper--relative{position:relative;display:inline}.checkboxgroup__input{vertical-align:baseline}.checkboxgroup__input[indeterminate]::part(checkbox)::after,.checkboxgroup__input[indeterminate]::part(checkbox),.checkboxgroup__input[checked]::part(checkbox){background-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.checkboxgroup__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;padding-left:10px;vertical-align:baseline}.checkboxgroup__label-text{font-size:16px}.checkboxgroup__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.checkboxgroup__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.checkboxgroup__tooltip-icon{width:16px;height:auto}.checkboxgroup__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.checkboxgroup__tooltip.visible{opacity:1}.checkbox__input::part(checkbox){background-color:var(--emw--color-white, #FFFFFF);transform:scale(0.8, 0.8);border-radius:var(--emw--border-radius-small, 2px);box-shadow:0 0px 0px 2px var(--emw--color-gray, #7a7a7a)}.checkbox__input[indeterminate]::part(checkbox),.checkbox__input[checked]::part(checkbox){background-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));box-shadow:none}";
|
|
@@ -5935,7 +5935,7 @@ const PasswordInput = class {
|
|
|
5935
5935
|
}
|
|
5936
5936
|
}
|
|
5937
5937
|
setErrorMessage() {
|
|
5938
|
-
var _a, _b, _c, _d;
|
|
5938
|
+
var _a, _b, _c, _d, _e;
|
|
5939
5939
|
if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
|
|
5940
5940
|
return translate('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
|
|
5941
5941
|
}
|
|
@@ -5955,6 +5955,9 @@ const PasswordInput = class {
|
|
|
5955
5955
|
const errorMessage = (_d = this.validation.custom.find(customRule => customRule.rule === 'duplicate-input')) === null || _d === void 0 ? void 0 : _d.errorMessage;
|
|
5956
5956
|
return translate(`${errorCode}`, this.language) ? translate(`${errorCode}`, this.language) : errorMessage;
|
|
5957
5957
|
}
|
|
5958
|
+
if (!((_e = this.passwordComplexity) === null || _e === void 0 ? void 0 : _e.every(complexity => complexity.passed)) && !this.showPopup) {
|
|
5959
|
+
return translate('invalidPassword', this.language);
|
|
5960
|
+
}
|
|
5958
5961
|
}
|
|
5959
5962
|
renderTooltip() {
|
|
5960
5963
|
if (this.showTooltip) {
|
|
@@ -5976,8 +5979,8 @@ const PasswordInput = class {
|
|
|
5976
5979
|
if (this.touched) {
|
|
5977
5980
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
5978
5981
|
}
|
|
5979
|
-
return h("div", { key: '
|
|
5980
|
-
h("img", { key: '
|
|
5982
|
+
return h("div", { key: 'd5757f6d03b0c3ad30b57b9c62d8cd7c8802a37a', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '7e7508731d7397b6c578335715c711ea97c46d3a', class: 'password__wrapper--flex' }, h("label", { key: 'ce4fd50f4f9ae7fb772df496784a3869e29618b6', class: `password__label ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '640fa5664eede59b585bfd314854615cf4da46c1', class: 'password__wrapper--relative' }, this.tooltip &&
|
|
5983
|
+
h("img", { key: '0c0d0d71bf84c3ab6b0804424405ffacb1e87660', class: 'password__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), 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 }), h("small", { key: '1218d65c065a0dcc1b17d1422e08849b9b3de5ce', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
|
|
5981
5984
|
}
|
|
5982
5985
|
get element() { return getElement(this); }
|
|
5983
5986
|
static get watchers() { return {
|
|
@@ -6556,13 +6559,15 @@ const TextInput = class {
|
|
|
6556
6559
|
this.isValid = this.setValidity();
|
|
6557
6560
|
}
|
|
6558
6561
|
setValidity() {
|
|
6559
|
-
var _a;
|
|
6560
6562
|
if (this.isDuplicateInput && this.duplicateInputValue !== this.value) {
|
|
6561
6563
|
return false;
|
|
6562
6564
|
}
|
|
6563
|
-
|
|
6564
|
-
return
|
|
6565
|
+
if (!this.inputReference) {
|
|
6566
|
+
return false;
|
|
6565
6567
|
}
|
|
6568
|
+
const inputIsValid = this.inputReference.validity.valid;
|
|
6569
|
+
const inputMatchValidation = !this.inputReference.value || this.inputReference.value.match(this.validationPattern) !== null;
|
|
6570
|
+
return inputIsValid && inputMatchValidation;
|
|
6566
6571
|
}
|
|
6567
6572
|
setPattern() {
|
|
6568
6573
|
var _a, _b;
|
|
@@ -6600,8 +6605,8 @@ const TextInput = class {
|
|
|
6600
6605
|
if (this.touched) {
|
|
6601
6606
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
6602
6607
|
}
|
|
6603
|
-
return h("div", { key: '
|
|
6604
|
-
h("img", { key: '
|
|
6608
|
+
return h("div", { key: '2ec10d73e5c4f98498da30137bc5aa7e7a2bdd3d', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, h("div", { key: '920b3d13c49ff0c445ae05f7f613185fa211d17a', class: 'text__wrapper--flex' }, h("label", { key: '0133d6982eeadb94d7ec1012a4d29a606d8798d0', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '53155bf52cf3145ccb89f4d262d6127bbb316163', class: 'text__wrapper--relative' }, this.tooltip &&
|
|
6609
|
+
h("img", { key: 'a6e0e575bb2a4732e55f10429c6fea0692f90fc1', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), 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 }), h("small", { key: '1ff3d090a3d26c422bb60bda942015315462e1da', class: 'text__error-message' }, this.errorMessage));
|
|
6605
6610
|
}
|
|
6606
6611
|
static get watchers() { return {
|
|
6607
6612
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-34f25346.js';
|
|
2
|
-
import { g as getTranslations } from './locale.utils-
|
|
2
|
+
import { g as getTranslations } from './locale.utils-14c3dac3.js';
|
|
3
3
|
|
|
4
4
|
var Rr=Object.defineProperty,$r=Object.defineProperties;var Hr=Object.getOwnPropertyDescriptors;var ns=Object.getOwnPropertySymbols;var Ur=Object.prototype.hasOwnProperty,qr=Object.prototype.propertyIsEnumerable;var Mt=(o,t,e)=>t in o?Rr(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e,ye=(o,t)=>{for(var e in t||(t={}))Ur.call(t,e)&&Mt(o,e,t[e]);if(ns)for(var e of ns(t))qr.call(t,e)&&Mt(o,e,t[e]);return o},zt=(o,t)=>$r(o,Hr(t));var I=(o,t,e)=>(Mt(o,typeof t!="symbol"?t+"":t,e),e);var xe=(o,t,e)=>new Promise((i,s)=>{var r=l=>{try{a(e.next(l));}catch(d){s(d);}},n=l=>{try{a(e.throw(l));}catch(d){s(d);}},a=l=>l.done?i(l.value):Promise.resolve(l.value).then(r,n);a((e=e.apply(o,t)).next());});/**
|
|
5
5
|
* @license
|
|
@@ -7,6 +7,7 @@ const TRANSLATIONS = {
|
|
|
7
7
|
"lengthError": "The length should be between {minLength} and {maxLength}",
|
|
8
8
|
"requiredError": "This input is required.",
|
|
9
9
|
"invalidOriginalPasswordError": "Initial password field does not validate all criteria.",
|
|
10
|
+
"invalidPassword": "Password does not meet all criteria",
|
|
10
11
|
"passwordStrength": "Password strength",
|
|
11
12
|
"passwordStrengthWeak": "is not adequate",
|
|
12
13
|
"passwordStrengthStrong": "is adequate",
|
|
@@ -27,6 +28,7 @@ const TRANSLATIONS = {
|
|
|
27
28
|
"lengthError": "A hossznak {minLength} és {maxLength} között kell lennie",
|
|
28
29
|
"requiredError": "Ez a beviteli mező kötelező.",
|
|
29
30
|
"invalidOriginalPasswordError": "Initial password field does not validate all criteria.",
|
|
31
|
+
"invalidPassword": "A jelszó nem felel meg minden kritériumnak",
|
|
30
32
|
"passwordStrength": "Jelszó erőssége",
|
|
31
33
|
"passwordStrengthWeak": "nem megfelelő",
|
|
32
34
|
"passwordStrengthStrong": "megfelelő",
|
|
@@ -48,6 +50,7 @@ const TRANSLATIONS = {
|
|
|
48
50
|
"lengthError": "Duljina bi trebala biti između {minLength} i {maxLength}",
|
|
49
51
|
"requiredError": "Ovaj unos je obavezan.",
|
|
50
52
|
"invalidOriginalPasswordError": "Lozinke se ne podudaraju",
|
|
53
|
+
"invalidPassword": "Lozinka ne zadovoljava sve kriterije",
|
|
51
54
|
"passwordStrength": "Lozinka",
|
|
52
55
|
"passwordStrengthWeak": "nije dovoljno jaka",
|
|
53
56
|
"passwordStrengthStrong": "je dovoljno jaka",
|
|
@@ -69,6 +72,7 @@ const TRANSLATIONS = {
|
|
|
69
72
|
"lengthError": "Uzunluk {minLength} ve {maxLength} arasında olmalıdır",
|
|
70
73
|
"requiredError": "Bu alan zorunludur.",
|
|
71
74
|
"invalidOriginalPasswordError": "İlk şifre alanı tüm kriterleri karşılamıyor.",
|
|
75
|
+
"invalidPassword": "Şifre tüm kriterleri karşılamıyor",
|
|
72
76
|
"passwordStrength": "Şifre gücü",
|
|
73
77
|
"passwordStrengthWeak": "yetersiz",
|
|
74
78
|
"passwordStrengthStrong": "yeterli",
|
|
@@ -90,6 +94,7 @@ const TRANSLATIONS = {
|
|
|
90
94
|
"lengthError": "O comprimento deve estar entre {minLength} e {maxLength}",
|
|
91
95
|
"requiredError": "Este campo é obrigatório",
|
|
92
96
|
"invalidOriginalPasswordError": "O campo de senha inicial não faz parte dos critérios válidos",
|
|
97
|
+
"invalidPassword": "A senha não atende a todos os critérios",
|
|
93
98
|
"PasswordStrength": "Força da senha",
|
|
94
99
|
"PasswordStrengthWeak": "Não é adequado",
|
|
95
100
|
"PasswordStrengthStrong": "é apropriado",
|
|
@@ -111,6 +116,7 @@ const TRANSLATIONS = {
|
|
|
111
116
|
"lengthError": "La longitud deber ser entre {minLength} y {maxLength}",
|
|
112
117
|
"requiredError": "Este campo es requerido",
|
|
113
118
|
"invalidOriginalPasswordError": "El campo de contraseña inicial no es parte del criterio válido",
|
|
119
|
+
"invalidPassword": "La contraseña no cumple con todos los criterios",
|
|
114
120
|
"PasswordStrength": "La fortaleza de la contraseña",
|
|
115
121
|
"PasswordStrengthWeak": "no es adecuada",
|
|
116
122
|
"PasswordStrengthStrong": "es adecuada",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-34f25346.js';
|
|
2
|
-
import { t as translate } from './locale.utils-
|
|
2
|
+
import { t as translate } from './locale.utils-14c3dac3.js';
|
|
3
3
|
import { t as tooltipIconSvg } from './tooltipIcon-0a5a06a2.js';
|
|
4
4
|
|
|
5
5
|
const toggleCheckboxInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:\"Roboto\";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as l,b as e}from"./p-8b2b0da7.js";export{s as setNonce}from"./p-8b2b0da7.js";import{g as i}from"./p-e1255160.js";(()=>{const e=import.meta.url,i={};return""!==e&&(i.resourcesUrl=new URL(".",e).href),l(i)})().then((async l=>(await i(),e([["p-
|
|
1
|
+
import{p as l,b as e}from"./p-8b2b0da7.js";export{s as setNonce}from"./p-8b2b0da7.js";import{g as i}from"./p-e1255160.js";(()=>{const e=import.meta.url,i={};return""!==e&&(i.resourcesUrl=new URL(".",e).href),l(i)})().then((async l=>(await i(),e([["p-224076b9",[[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"]}]]],["p-b78847ce",[[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"]}]]],["p-eab6dd39",[[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"]}]]]],l))));
|