@everymatrix/general-input 1.88.14 → 1.88.15
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_14.cjs.entry.js +52 -21
- package/dist/collection/components/postalcode-input/postalcode-input.js +12 -3
- package/dist/collection/components/tel-input/tel-input.js +15 -6
- package/dist/collection/components/text-input/text-input.js +3 -4
- package/dist/collection/utils/locale.utils.js +24 -8
- package/dist/esm/checkbox-group-input_14.entry.js +52 -21
- package/dist/general-input/checkbox-group-input_14.entry.js +241 -241
- package/package.json +1 -1
|
@@ -36,7 +36,9 @@ const TRANSLATIONS = {
|
|
|
36
36
|
"SAIdInvalidError": "Invalid SA ID",
|
|
37
37
|
"PassportLengthError": "Passport number must be 8 or 9 digits.",
|
|
38
38
|
"PasswordMustContain": "Password must contain:",
|
|
39
|
-
"AlphanumericalOnly": "Only alphanumerical characters are allowed"
|
|
39
|
+
"AlphanumericalOnly": "Only alphanumerical characters are allowed",
|
|
40
|
+
"InvalidFirstName": "Only alphabetic characters are allowed.",
|
|
41
|
+
"InvalidLastName": "Only alphabetic characters are allowed."
|
|
40
42
|
},
|
|
41
43
|
"hu": {
|
|
42
44
|
"dateError": "A választott dátumnak {min} és {max} között kell lennie",
|
|
@@ -69,7 +71,9 @@ const TRANSLATIONS = {
|
|
|
69
71
|
"SAIdLengthError": "A dél-afrikai személyi számnak 13 számjegyűnek kell lennie",
|
|
70
72
|
"SAIdInvalidError": "Érvénytelen dél-afrikai személyi szám",
|
|
71
73
|
"PasswordMustContain": "A jelszónak tartalmaznia kell:",
|
|
72
|
-
"AlphanumericalOnly": "Csak alfanumerikus karakterek engedélyezettek"
|
|
74
|
+
"AlphanumericalOnly": "Csak alfanumerikus karakterek engedélyezettek",
|
|
75
|
+
"InvalidFirstName": "Csak betűk engedélyezettek.",
|
|
76
|
+
"InvalidLastName": "Csak betűk engedélyezettek."
|
|
73
77
|
},
|
|
74
78
|
"hr": {
|
|
75
79
|
"dateError": "Odabrani datum treba biti između {min} i {max}",
|
|
@@ -102,7 +106,9 @@ const TRANSLATIONS = {
|
|
|
102
106
|
"SAIdLengthError": "Južnoafrički osobni broj mora imati 13 znamenki",
|
|
103
107
|
"SAIdInvalidError": "Nevažeći južnoafrički osobni broj",
|
|
104
108
|
"PasswordMustContain": "Lozinka mora sadržavati:",
|
|
105
|
-
"AlphanumericalOnly": "Dopušteni su samo alfanumerički znakovi"
|
|
109
|
+
"AlphanumericalOnly": "Dopušteni su samo alfanumerički znakovi",
|
|
110
|
+
"InvalidFirstName": "Dozvoljena su samo slova.",
|
|
111
|
+
"InvalidLastName": "Dozvoljena su samo slova."
|
|
106
112
|
},
|
|
107
113
|
"tr": {
|
|
108
114
|
"dateError": "Seçilen tarih {min} ve {max} arasında olmalıdır",
|
|
@@ -135,7 +141,9 @@ const TRANSLATIONS = {
|
|
|
135
141
|
"SAIdLengthError": "Güney Afrika kimlik numarası 13 haneli olmalıdır",
|
|
136
142
|
"SAIdInvalidError": "Geçersiz Güney Afrika kimlik numarası",
|
|
137
143
|
"PasswordMustContain": "Şifre şunları içermelidir:",
|
|
138
|
-
"AlphanumericalOnly": "Yalnızca alfanümerik karakterlere izin verilir"
|
|
144
|
+
"AlphanumericalOnly": "Yalnızca alfanümerik karakterlere izin verilir",
|
|
145
|
+
"InvalidFirstName": "Yalnızca alfabetik karakterlere izin verilir.",
|
|
146
|
+
"InvalidLastName": "Yalnızca alfabetik karakterlere izin verilir."
|
|
139
147
|
},
|
|
140
148
|
"pt-br": {
|
|
141
149
|
"dateError": "A data selecionada deve estar entre {min} e {max}",
|
|
@@ -168,7 +176,9 @@ const TRANSLATIONS = {
|
|
|
168
176
|
"SAIdLengthError": "O número de identificação da África do Sul deve ter 13 dígitos",
|
|
169
177
|
"SAIdInvalidError": "Número de identificação da África do Sul inválido",
|
|
170
178
|
"PasswordMustContain": "A senha deve conter:",
|
|
171
|
-
"AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos"
|
|
179
|
+
"AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos",
|
|
180
|
+
"InvalidFirstName": "Apenas caracteres alfabéticos são permitidos.",
|
|
181
|
+
"InvalidLastName": "Apenas caracteres alfabéticos são permitidos."
|
|
172
182
|
},
|
|
173
183
|
"pt": {
|
|
174
184
|
"dateError": "A data selecionada deve estar entre {min} e {max}",
|
|
@@ -203,7 +213,9 @@ const TRANSLATIONS = {
|
|
|
203
213
|
"SAIdInvalidError": "ID da África do Sul inválido",
|
|
204
214
|
"PassportLengthError": "O número de passaporte deve ter 8 ou 9 dígitos.",
|
|
205
215
|
"PasswordMustContain": "A palavra-passe deve conter:",
|
|
206
|
-
"AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos"
|
|
216
|
+
"AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos",
|
|
217
|
+
"InvalidFirstName": "Apenas caracteres alfabéticos são permitidos.",
|
|
218
|
+
"InvalidLastName": "Apenas caracteres alfabéticos são permitidos."
|
|
207
219
|
},
|
|
208
220
|
"es-mx": {
|
|
209
221
|
"dateError": "La fecha seleccionada debe ser entre {min} y {max}",
|
|
@@ -236,7 +248,9 @@ const TRANSLATIONS = {
|
|
|
236
248
|
"SAIdLengthError": "El número de identificación de Sudáfrica debe tener 13 dígitos",
|
|
237
249
|
"SAIdInvalidError": "Número de identificación de Sudáfrica inválido",
|
|
238
250
|
"PasswordMustContain": "La contraseña debe contener:",
|
|
239
|
-
"AlphanumericalOnly": "Solo se permiten caracteres alfanuméricos"
|
|
251
|
+
"AlphanumericalOnly": "Solo se permiten caracteres alfanuméricos",
|
|
252
|
+
"InvalidFirstName": "Solo se permiten caracteres alfabéticos.",
|
|
253
|
+
"InvalidLastName": "Solo se permiten caracteres alfabéticos."
|
|
240
254
|
},
|
|
241
255
|
"fr": {
|
|
242
256
|
"dateError": "La date sélectionnée doit être comprise entre {min} et {max}",
|
|
@@ -272,7 +286,9 @@ const TRANSLATIONS = {
|
|
|
272
286
|
"SAIdInvalidError": "Identifiant sud-africain invalide",
|
|
273
287
|
"PassportLengthError": "Le numéro de passeport doit comporter 8 ou 9 chiffres.",
|
|
274
288
|
"PasswordMustContain": "Le mot de passe doit contenir :",
|
|
275
|
-
"AlphanumericalOnly": "Seuls les caractères alphanumériques sont autorisés"
|
|
289
|
+
"AlphanumericalOnly": "Seuls les caractères alphanumériques sont autorisés",
|
|
290
|
+
"InvalidFirstName": "Seuls les caractères alphabétiques sont autorisés.",
|
|
291
|
+
"InvalidLastName": "Seuls les caractères alphabétiques sont autorisés."
|
|
276
292
|
}
|
|
277
293
|
};
|
|
278
294
|
const CONSTANTS = {
|
|
@@ -13839,10 +13855,18 @@ const PostalCodeInput = class {
|
|
|
13839
13855
|
return '';
|
|
13840
13856
|
}
|
|
13841
13857
|
if (this.inputReference.validity.valueMissing) {
|
|
13842
|
-
return translate(
|
|
13858
|
+
return translate(ERROR_KEYS.REQUIRED, this.language);
|
|
13843
13859
|
}
|
|
13844
13860
|
if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
|
|
13845
|
-
|
|
13861
|
+
const { minLength, maxLength } = this.validation;
|
|
13862
|
+
if (minLength === maxLength) {
|
|
13863
|
+
return translate(ERROR_KEYS.FIXED_LENGTH, this.language, {
|
|
13864
|
+
values: { length: minLength }
|
|
13865
|
+
});
|
|
13866
|
+
}
|
|
13867
|
+
return translate(ERROR_KEYS.LENGTH, this.language, {
|
|
13868
|
+
values: { minLength, maxLength }
|
|
13869
|
+
});
|
|
13846
13870
|
}
|
|
13847
13871
|
if (this.inputReference.value.match(this.validationPattern) == null) {
|
|
13848
13872
|
const errorCode = (_a = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _a === void 0 ? void 0 : _a.errorKey;
|
|
@@ -13889,7 +13913,7 @@ const PostalCodeInput = class {
|
|
|
13889
13913
|
let shouldShowNoResults = this.showNoResultsMessage && this.currentPostalCode &&
|
|
13890
13914
|
this.currentPostalCode.length >= this.postalcodelength && (((_b = this.addresses) === null || _b === void 0 ? void 0 : _b.length) === 0) && isUKCountry;
|
|
13891
13915
|
let showLoadingMessage = this.isFetchingAddresses && this.currentPostalCode.length >= this.postalcodelength;
|
|
13892
|
-
return (h("div", { key: '
|
|
13916
|
+
return (h("div", { key: 'e358dddfc4b20b0847d03e3f12ff637922470105', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, h("div", { key: 'b806cac9ad62480a1be6bf802528c60c79804e94', class: 'text__wrapper--flex' }, h("label", { key: '4fb327989e8b828559c01601eea47bdd58da4bd3', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '6c293495a8935db477cbcac2eb9102bffeb85ddb', class: 'text__wrapper--relative' }, this.tooltip && (h("img", { key: '848bb5b44d834c4f0e4a78cfebef0ecf1b88fd2e', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip })), this.renderTooltip())), h("div", { key: '7f6195e5cfc5bfabc9854ec6acc19c1e52e70f1b', class: 'input__text-wrapper' }, h("input", { key: '4369b4a99016a7aebbb396bdda35c31d92e4d557', name: this.name, id: `${this.name}__input`, value: this.determineInputValue(), 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.maxPostalCodeLength, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), !isUKCountry && (h("p", { key: '0e3c0fcb974d2f3dae76f9afdbf173fcc25d258f', class: "address__manual-input-msg", onClick: () => this.enterAddressManually() }, translate('enterIEAddressManually', this.language))), showAddressesDropdown && (h("div", { key: '1c644f87f2617180e6356c724d72b6d3fc8e472e', class: "input__addresses-container", ref: (el) => (this.addressesDropdownRef = el) }, h("div", { key: 'f2a7b8133908441a3cf67eb48928a2d61d17e32f', class: "options" }, this.addresses.map((addr, index) => (h("div", { key: index, class: "option", onClick: (e) => this.handlePostalCode(e, addr) }, addr.number, " ", addr.street, " ", addr.city)))))), showLoadingMessage && (h("div", { key: 'c0cb29f7d174ca8981c8b9dfd2ee9b972b0fd1ea', class: "postalcode__loading-spinner" }, h("div", { key: '76f17cb0a440f7ed9cc8de3620b55136549586e6', class: "loading-spinner" }), h("span", { key: 'e10c4177fb0f21f142fd3120177e450413687cf3' }, translate('searchingForAddresses', this.language)))), shouldShowNoResults && (h("div", { key: 'f729f6206cc900a2c94e3df0e8b08cc3dc5b751f', class: "postalcode__no-results-message" }, translate('postalLookUpNoAddressFound', this.language)))), h("small", { key: 'c8a79e601f22444b34dc7d037c94f92875f51aad', class: 'text__error-message' }, this.errorMessage)));
|
|
13893
13917
|
}
|
|
13894
13918
|
static get watchers() { return {
|
|
13895
13919
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -14380,14 +14404,22 @@ const TelInput = class {
|
|
|
14380
14404
|
const errorMessage = (_b = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _b === void 0 ? void 0 : _b.errorMessage;
|
|
14381
14405
|
return translate(`${errorCode}`, this.language) ? translate(`${errorCode}`, this.language) : errorMessage;
|
|
14382
14406
|
}
|
|
14407
|
+
const { minLength, maxLength } = this.validation;
|
|
14383
14408
|
if (this.inputReference.validity.tooShort
|
|
14384
14409
|
|| this.inputReference.validity.tooLong
|
|
14385
|
-
|| (
|
|
14386
|
-
|| (
|
|
14387
|
-
|
|
14410
|
+
|| (minLength && this.phoneValue && this.phoneValue.length < minLength)
|
|
14411
|
+
|| (maxLength && this.phoneValue && this.phoneValue.length > maxLength)) {
|
|
14412
|
+
if (minLength === maxLength) {
|
|
14413
|
+
return translate(ERROR_KEYS.FIXED_LENGTH, this.language, {
|
|
14414
|
+
values: { length: minLength }
|
|
14415
|
+
});
|
|
14416
|
+
}
|
|
14417
|
+
return translate(ERROR_KEYS.LENGTH, this.language, {
|
|
14418
|
+
values: { minLength, maxLength }
|
|
14419
|
+
});
|
|
14388
14420
|
}
|
|
14389
14421
|
if (this.inputReference.validity.valueMissing) {
|
|
14390
|
-
return translate(
|
|
14422
|
+
return translate(ERROR_KEYS.REQUIRED, this.language);
|
|
14391
14423
|
}
|
|
14392
14424
|
}
|
|
14393
14425
|
renderTooltip() {
|
|
@@ -14402,8 +14434,8 @@ const TelInput = class {
|
|
|
14402
14434
|
if (this.touched) {
|
|
14403
14435
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
14404
14436
|
}
|
|
14405
|
-
return h("div", { key: '
|
|
14406
|
-
h("img", { key: '
|
|
14437
|
+
return h("div", { key: 'bf824bf310bec50746fb6b82cd8f7decbcfc284b', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '0b6c42e7aca5686f310ffdcecb96cf909e83521f', class: 'tel__wrapper--flex-label' }, h("label", { key: 'ddf2fa885ac53e7f337525357a7dce52f911213d', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: 'e21a84509b32f379bb3ce92137255caf99a86dc5', class: 'tel__wrapper--relative' }, this.tooltip &&
|
|
14438
|
+
h("img", { key: '9ff0a8c19aa067c1e7799227617405e373b344e4', class: 'tel__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("div", { key: '5db13af7e421480b89253970a5f2470f999c922d', class: `tel__wrapper--flex ${invalidClass}` }, h("vaadin-combo-box", { key: '164fe2bd2940bd5a251fda48b28f1af1bc3e78be', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (e) => this.handlePrefixInput(e) }), h("input", { key: '90ae038a383645d6579fb68bc5adbe8a2b1d676c', type: "tel", ref: (el) => this.inputReference = el, id: `${this.name}__input`, readOnly: this.autofilled, class: `tel__input`, value: (_a = this.phoneValue) !== null && _a !== void 0 ? _a : '', placeholder: `${this.placeholder}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: this.handleInput, onBlur: this.handleBlur })), h("small", { key: 'a68f95384965384a67d042b89264dbda03f25b7a', class: 'tel__error-message' }, this.errorMessage));
|
|
14407
14439
|
}
|
|
14408
14440
|
static get watchers() { return {
|
|
14409
14441
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -14682,8 +14714,7 @@ const TextInput = class {
|
|
|
14682
14714
|
return translate(ERROR_KEYS.REQUIRED, this.language);
|
|
14683
14715
|
}
|
|
14684
14716
|
if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
|
|
14685
|
-
const minLength = this.validation
|
|
14686
|
-
const maxLength = this.validation.maxLength;
|
|
14717
|
+
const { minLength, maxLength } = this.validation;
|
|
14687
14718
|
if (minLength === maxLength) {
|
|
14688
14719
|
return translate(ERROR_KEYS.FIXED_LENGTH, this.language, {
|
|
14689
14720
|
values: { length: minLength }
|
|
@@ -14716,8 +14747,8 @@ const TextInput = class {
|
|
|
14716
14747
|
if (this.touched) {
|
|
14717
14748
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
14718
14749
|
}
|
|
14719
|
-
return h("div", { key: '
|
|
14720
|
-
h("img", { key: '
|
|
14750
|
+
return h("div", { key: 'aacb35e1808720cfdb24708254c01cb5be0fe6b6', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, h("div", { key: '14a292cc7661d663698384d989d57d21786210b9', class: 'text__wrapper--flex' }, h("label", { key: 'c04b29364c4b54e9aad3036264044177e4a2dc51', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: 'eb8aee30e47241b533c7ca8fcb354c782b4e2be1', class: 'text__wrapper--relative' }, this.tooltip &&
|
|
14751
|
+
h("img", { key: '23d4b70d93910f43ce0ea54c1bcffd81dfc54ebc', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("input", { key: '3f901d85111256370811f4abe51bcd5b2971b60c', name: this.name, id: `${this.name}__input`, value: this.value, type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.enableSouthAfricanMode ? '' : this.validation.minLength, maxlength: this.enableSouthAfricanMode ? '' : this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), h("small", { key: '1661215687f1eecd622b2610c3e056f45944fee3', class: 'text__error-message' }, this.errorMessage));
|
|
14721
14752
|
}
|
|
14722
14753
|
static get watchers() { return {
|
|
14723
14754
|
"clientStyling": ["handleStylingChange"],
|