@everymatrix/general-input 1.90.17 → 1.90.19

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.
Files changed (15) hide show
  1. package/dist/cjs/checkbox-group-input_14.cjs.entry.js +58 -15
  2. package/dist/cjs/general-input.cjs.js +1 -1
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/collection/components/general-input/general-input.js +21 -2
  5. package/dist/collection/components/tel-input/tel-input.js +57 -5
  6. package/dist/collection/utils/locale.utils.js +16 -8
  7. package/dist/esm/checkbox-group-input_14.entry.js +58 -15
  8. package/dist/esm/general-input.js +1 -1
  9. package/dist/esm/loader.js +1 -1
  10. package/dist/general-input/checkbox-group-input_14.entry.js +40 -40
  11. package/dist/general-input/general-input.esm.js +1 -1
  12. package/dist/types/components/general-input/general-input.d.ts +4 -0
  13. package/dist/types/components/tel-input/tel-input.d.ts +6 -0
  14. package/dist/types/components.d.ts +16 -0
  15. package/package.json +1 -1
package/dist/cjs/checkbox-group-input_14.cjs.entry.js CHANGED
@@ -42,7 +42,8 @@ const TRANSLATIONS = {
42
42
  "PasswordMustContain": "Password must contain:",
43
43
  "AlphanumericalOnly": "Only alphanumerical characters are allowed",
44
44
  "InvalidFirstName": "Only alphabetic characters are allowed.",
45
- "InvalidLastName": "Only alphabetic characters are allowed."
45
+ "InvalidLastName": "Only alphabetic characters are allowed.",
46
+ "MissingTrunkCode": "Phone number must start with 0"
46
47
  },
47
48
  "hu": {
48
49
  "dateError": "A választott dátumnak {min} és {max} között kell lennie",
@@ -77,7 +78,8 @@ const TRANSLATIONS = {
77
78
  "PasswordMustContain": "A jelszónak tartalmaznia kell:",
78
79
  "AlphanumericalOnly": "Csak alfanumerikus karakterek engedélyezettek",
79
80
  "InvalidFirstName": "Csak betűk engedélyezettek.",
80
- "InvalidLastName": "Csak betűk engedélyezettek."
81
+ "InvalidLastName": "Csak betűk engedélyezettek.",
82
+ "MissingTrunkCode": "A telefonszámnak 0-val kell kezdődnie"
81
83
  },
82
84
  "hr": {
83
85
  "dateError": "Odabrani datum treba biti između {min} i {max}",
@@ -112,7 +114,8 @@ const TRANSLATIONS = {
112
114
  "PasswordMustContain": "Lozinka mora sadržavati:",
113
115
  "AlphanumericalOnly": "Dopušteni su samo alfanumerički znakovi",
114
116
  "InvalidFirstName": "Dozvoljena su samo slova.",
115
- "InvalidLastName": "Dozvoljena su samo slova."
117
+ "InvalidLastName": "Dozvoljena su samo slova.",
118
+ "MissingTrunkCode": "Telefonski broj mora počinjati s 0"
116
119
  },
117
120
  "tr": {
118
121
  "dateError": "Seçilen tarih {min} ve {max} arasında olmalıdır",
@@ -147,7 +150,8 @@ const TRANSLATIONS = {
147
150
  "PasswordMustContain": "Şifre şunları içermelidir:",
148
151
  "AlphanumericalOnly": "Yalnızca alfanümerik karakterlere izin verilir",
149
152
  "InvalidFirstName": "Yalnızca alfabetik karakterlere izin verilir.",
150
- "InvalidLastName": "Yalnızca alfabetik karakterlere izin verilir."
153
+ "InvalidLastName": "Yalnızca alfabetik karakterlere izin verilir.",
154
+ "MissingTrunkCode": "Telefon numarası 0 ile başlamalıdır"
151
155
  },
152
156
  "pt-br": {
153
157
  "dateError": "A data selecionada deve estar entre {min} e {max}",
@@ -182,7 +186,8 @@ const TRANSLATIONS = {
182
186
  "PasswordMustContain": "A senha deve conter:",
183
187
  "AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos",
184
188
  "InvalidFirstName": "Apenas caracteres alfabéticos são permitidos.",
185
- "InvalidLastName": "Apenas caracteres alfabéticos são permitidos."
189
+ "InvalidLastName": "Apenas caracteres alfabéticos são permitidos.",
190
+ "MissingTrunkCode": "O número de telefone deve começar com 0"
186
191
  },
187
192
  "pt": {
188
193
  "dateError": "A data selecionada deve estar entre {min} e {max}",
@@ -220,7 +225,8 @@ const TRANSLATIONS = {
220
225
  "PasswordMustContain": "A palavra-passe deve conter:",
221
226
  "AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos",
222
227
  "InvalidFirstName": "Apenas caracteres alfabéticos são permitidos.",
223
- "InvalidLastName": "Apenas caracteres alfabéticos são permitidos."
228
+ "InvalidLastName": "Apenas caracteres alfabéticos são permitidos.",
229
+ "MissingTrunkCode": "O número de telefone deve começar por 0"
224
230
  },
225
231
  "es-mx": {
226
232
  "dateError": "La fecha seleccionada debe ser entre {min} y {max}",
@@ -255,7 +261,8 @@ const TRANSLATIONS = {
255
261
  "PasswordMustContain": "La contraseña debe contener:",
256
262
  "AlphanumericalOnly": "Solo se permiten caracteres alfanuméricos",
257
263
  "InvalidFirstName": "Solo se permiten caracteres alfabéticos.",
258
- "InvalidLastName": "Solo se permiten caracteres alfabéticos."
264
+ "InvalidLastName": "Solo se permiten caracteres alfabéticos.",
265
+ "MissingTrunkCode": "El número de teléfono debe comenzar con 0"
259
266
  },
260
267
  "fr": {
261
268
  "dateError": "La date sélectionnée doit être comprise entre {min} et {max}",
@@ -293,7 +300,8 @@ const TRANSLATIONS = {
293
300
  "PasswordMustContain": "Le mot de passe doit contenir :",
294
301
  "AlphanumericalOnly": "Seuls les caractères alphanumériques sont autorisés",
295
302
  "InvalidFirstName": "Seuls les caractères alphabétiques sont autorisés.",
296
- "InvalidLastName": "Seuls les caractères alphabétiques sont autorisés."
303
+ "InvalidLastName": "Seuls les caractères alphabétiques sont autorisés.",
304
+ "MissingTrunkCode": "Le numéro de téléphone doit commencer par 0"
297
305
  }
298
306
  };
299
307
  const CONSTANTS = {
@@ -13277,6 +13285,7 @@ const GeneralInput = class {
13277
13285
  this.enableManualDateInput = false;
13278
13286
  this.pinAttemptsExceeded = undefined;
13279
13287
  this.mbSource = undefined;
13288
+ this.enableCustomRegexValidation = false;
13280
13289
  }
13281
13290
  handleClientStylingChange(newValue, oldValue) {
13282
13291
  if (newValue !== oldValue) {
@@ -13339,7 +13348,7 @@ const GeneralInput = class {
13339
13348
  case 'radio':
13340
13349
  return index.h("radio-input", { name: this.name, displayName: this.displayName, optionsGroup: this.options, validation: this.validation, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, "mb-source": this.mbSource });
13341
13350
  case 'tel':
13342
- return index.h("tel-input", { name: this.name, action: this.action, displayName: this.displayName, validation: this.validation, defaultValue: this.defaultValue, emitValue: this.emitValue, language: this.language, autofilled: this.autofilled, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder, "mb-source": this.mbSource });
13351
+ return index.h("tel-input", { name: this.name, action: this.action, displayName: this.displayName, validation: this.validation, defaultValue: this.defaultValue, emitValue: this.emitValue, language: this.language, autofilled: this.autofilled, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder, "mb-source": this.mbSource, "enable-custom-regex-validation": this.enableCustomRegexValidation });
13343
13352
  case 'dropdown':
13344
13353
  return index.h("select-input", { name: this.name, action: this.action, defaultValue: this.defaultValue, displayName: this.displayName, options: this.options, validation: this.validation, emitValue: this.emitValue, autofilled: this.autofilled, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder, "mb-source": this.mbSource });
13345
13354
  case 'twofa':
@@ -13356,7 +13365,7 @@ const GeneralInput = class {
13356
13365
  }
13357
13366
  }
13358
13367
  render() {
13359
- return (index.h(index.Host, { key: '12e3e43442ba3fd4a47bbc5c05456eb019405b1e', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
13368
+ return (index.h(index.Host, { key: 'a7ad2847def0556c185560cd1ca1b07c387026a7', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
13360
13369
  }
13361
13370
  get host() { return index.getElement(this); }
13362
13371
  static get watchers() { return {
@@ -14459,6 +14468,7 @@ const TelInput = class {
14459
14468
  this.emitValue = undefined;
14460
14469
  this.clientStyling = '';
14461
14470
  this.mbSource = undefined;
14471
+ this.enableCustomRegexValidation = false;
14462
14472
  this.isValid = undefined;
14463
14473
  this.errorMessage = undefined;
14464
14474
  this.showTooltip = false;
@@ -14565,6 +14575,9 @@ const TelInput = class {
14565
14575
  if (!this.inputReference) {
14566
14576
  return false;
14567
14577
  }
14578
+ this.inputReference.setCustomValidity('');
14579
+ this.lastCustomErrorKey = undefined;
14580
+ this.lastCustomErrorMessage = undefined;
14568
14581
  if (this.validation.mandatory && (!this.phoneValue || this.phoneValue.trim() === '')) {
14569
14582
  return false;
14570
14583
  }
@@ -14583,6 +14596,28 @@ const TelInput = class {
14583
14596
  return false;
14584
14597
  }
14585
14598
  }
14599
+ if (this.enableCustomRegexValidation) {
14600
+ const customs = (this.validation.custom || []).filter(c => c.rule === 'regex' && c.pattern);
14601
+ if (customs.length > 1) {
14602
+ // First regex is used as <input> pattern; validate only the remaining rules here
14603
+ const additionalRules = customs.slice(1);
14604
+ for (const rule of additionalRules) {
14605
+ let regex;
14606
+ try {
14607
+ regex = new RegExp(rule.pattern);
14608
+ }
14609
+ catch (_a) {
14610
+ continue;
14611
+ }
14612
+ if (!regex.test(this.phoneValue)) {
14613
+ this.lastCustomErrorKey = rule.errorKey;
14614
+ this.lastCustomErrorMessage = rule.errorMessage;
14615
+ this.inputReference.setCustomValidity('customError');
14616
+ return false;
14617
+ }
14618
+ }
14619
+ }
14620
+ }
14586
14621
  return true;
14587
14622
  }
14588
14623
  setPattern() {
@@ -14592,10 +14627,14 @@ const TelInput = class {
14592
14627
  }
14593
14628
  }
14594
14629
  setErrorMessage() {
14595
- var _a, _b;
14630
+ var _a, _b, _c, _d;
14631
+ if (!((_b = (_a = this.inputReference) === null || _a === void 0 ? void 0 : _a.validity) === null || _b === void 0 ? void 0 : _b.customError)) {
14632
+ this.lastCustomErrorKey = undefined;
14633
+ this.lastCustomErrorMessage = undefined;
14634
+ }
14596
14635
  if (this.inputReference.validity.patternMismatch) {
14597
- const errorCode = (_a = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _a === void 0 ? void 0 : _a.errorKey;
14598
- const errorMessage = (_b = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _b === void 0 ? void 0 : _b.errorMessage;
14636
+ const errorCode = (_c = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _c === void 0 ? void 0 : _c.errorKey;
14637
+ const errorMessage = (_d = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _d === void 0 ? void 0 : _d.errorMessage;
14599
14638
  return translate(`${errorCode}`, this.language) ? translate(`${errorCode}`, this.language) : errorMessage;
14600
14639
  }
14601
14640
  const { minLength, maxLength } = this.validation;
@@ -14615,6 +14654,10 @@ const TelInput = class {
14615
14654
  if (this.inputReference.validity.valueMissing) {
14616
14655
  return translate(ERROR_KEYS.REQUIRED, this.language);
14617
14656
  }
14657
+ if (this.inputReference.validity.customError && (this.lastCustomErrorKey || this.lastCustomErrorMessage)) {
14658
+ const translated = this.lastCustomErrorKey ? translate(`${this.lastCustomErrorKey}`, this.language) : '';
14659
+ return translated ? translated : (this.lastCustomErrorMessage || '');
14660
+ }
14618
14661
  }
14619
14662
  renderTooltip() {
14620
14663
  if (this.showTooltip) {
@@ -14628,8 +14671,8 @@ const TelInput = class {
14628
14671
  if (this.touched) {
14629
14672
  invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
14630
14673
  }
14631
- return index.h("div", { key: '9cf9eb751bca1978d8554fffc912ef2039c42e41', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: 'cc88d6e9aa7a0f3801fad75e3ca509fbd01b0538', class: 'tel__wrapper--flex-label' }, index.h("label", { key: 'c8a35af4ddd2d4f9751d7f60c9e075ae8eccb441', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: '73fcdcc25dde1be087ee60062dc5eee2d1e5d29e', class: 'tel__wrapper--relative' }, this.tooltip &&
14632
- index.h("img", { key: '56df66fddf599fbafb179c7cd90ea7d58b008ea6', class: 'tel__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("div", { key: '20eb5689932c2f71322102229cc7346d18e9bc87', class: `tel__wrapper--flex ${invalidClass}` }, index.h("vaadin-combo-box", { key: '9ec4142dc84e0022ced7e34248d5f4f8f59c34af', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (e) => this.handlePrefixInput(e) }), index.h("input", { key: 'c083b17f71de36b84892a8080f776debf1fe7351', 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 })), index.h("small", { key: '2201c2d7b968731042624b265cf535c656c86933', class: 'tel__error-message' }, this.errorMessage));
14674
+ return index.h("div", { key: 'e33193abf4094e4dac87b9cb7d95aaaf4bd8827c', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: '3978e74f9decf4c6d632268e73507878d3aca0da', class: 'tel__wrapper--flex-label' }, index.h("label", { key: '1b7711f58ab7fc7e48ea6fa889334d64eeb2bfb4', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: 'a768af0e4a2c07fcf4b996814650493057120697', class: 'tel__wrapper--relative' }, this.tooltip &&
14675
+ index.h("img", { key: 'b7f302055d8a4739baa8dece656780fa2183665a', class: 'tel__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("div", { key: 'd095e9e0666096278466d134e06f2985611f9f4d', class: `tel__wrapper--flex ${invalidClass}` }, index.h("vaadin-combo-box", { key: 'd336c7ee95ad77d513a3d485786d8774f11f91fc', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (e) => this.handlePrefixInput(e) }), index.h("input", { key: '5f403eb589e0ae8ee2284d2bd30a60850a33fb20', 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 })), index.h("small", { key: 'b4f7dca6a67471828af759437927c57ca5a89c99', class: 'tel__error-message' }, this.errorMessage));
14633
14676
  }
14634
14677
  static get watchers() { return {
14635
14678
  "clientStyling": ["handleClientStylingChange"],
package/dist/cjs/general-input.cjs.js CHANGED
@@ -19,7 +19,7 @@ var patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[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"],"hidePasswordComplexity":[516,"hide-password-complexity"],"noValidation":[516,"no-validation"],"clientStyling":[520,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"],"haspostalcodelookup":[516],"postalcodelength":[514],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"enableManualDateInput":[516,"enable-manual-date-input"],"pinAttemptsExceeded":[516,"pin-attempts-exceeded"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}],[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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32],"showFields":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"]}],[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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"enableManualDateInput":[516,"enable-manual-date-input"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"enableSouthAfricanMode":["handleCustomRegistrationChange"]}],[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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleClientStylingChange"],"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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[1,"postalcode-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"],"postalcodelength":[520],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"selectedCountryCode":[32],"currentPostalCode":[32],"openAddressDropdown":[32],"showNoResultsMessage":[32],"refreshTrigger":[32],"isFetchingAddresses":[32]},[[10,"click","handleClickOutside"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[8,"addressFetchStarted","handleFetchStarted"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"addresses":["handleAddresses"]}],[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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"disablePhonePrefix":[32],"phoneValue":[32],"phoneCodesOptions":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"haspostalcodelookup":[516],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"selectedCountryCode":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"],[8,"documentNumberUpdatedExternally","handleExternalDocUpdate"],[8,"documentNumberResetValidation","handleDocReset"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"twofa-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"destination":[513],"resendIntervalSeconds":[514,"resend-interval-seconds"],"clientStyling":[513,"client-styling"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"pinAttemptsExceeded":[516,"pin-attempts-exceeded"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32],"revealedIndexes":[32]},[[10,"click","handleClickOutside"]],{"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
22
+ return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[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"],"hidePasswordComplexity":[516,"hide-password-complexity"],"noValidation":[516,"no-validation"],"clientStyling":[520,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"],"haspostalcodelookup":[516],"postalcodelength":[514],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"enableManualDateInput":[516,"enable-manual-date-input"],"pinAttemptsExceeded":[516,"pin-attempts-exceeded"],"mbSource":[513,"mb-source"],"enableCustomRegexValidation":[516,"enable-custom-regex-validation"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}],[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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32],"showFields":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"]}],[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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"enableManualDateInput":[516,"enable-manual-date-input"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"enableSouthAfricanMode":["handleCustomRegistrationChange"]}],[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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleClientStylingChange"],"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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[1,"postalcode-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"],"postalcodelength":[520],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"selectedCountryCode":[32],"currentPostalCode":[32],"openAddressDropdown":[32],"showNoResultsMessage":[32],"refreshTrigger":[32],"isFetchingAddresses":[32]},[[10,"click","handleClickOutside"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[8,"addressFetchStarted","handleFetchStarted"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"addresses":["handleAddresses"]}],[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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"mbSource":[513,"mb-source"],"enableCustomRegexValidation":[516,"enable-custom-regex-validation"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"disablePhonePrefix":[32],"phoneValue":[32],"phoneCodesOptions":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"haspostalcodelookup":[516],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"selectedCountryCode":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"],[8,"documentNumberUpdatedExternally","handleExternalDocUpdate"],[8,"documentNumberResetValidation","handleDocReset"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"twofa-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"destination":[513],"resendIntervalSeconds":[514,"resend-interval-seconds"],"clientStyling":[513,"client-styling"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"pinAttemptsExceeded":[516,"pin-attempts-exceeded"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32],"revealedIndexes":[32]},[[10,"click","handleClickOutside"]],{"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
package/dist/cjs/loader.cjs.js CHANGED
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
8
8
  const defineCustomElements = async (win, options) => {
9
9
  if (typeof window === 'undefined') return undefined;
10
10
  await appGlobals.globalScripts();
11
- return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[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"],"hidePasswordComplexity":[516,"hide-password-complexity"],"noValidation":[516,"no-validation"],"clientStyling":[520,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"],"haspostalcodelookup":[516],"postalcodelength":[514],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"enableManualDateInput":[516,"enable-manual-date-input"],"pinAttemptsExceeded":[516,"pin-attempts-exceeded"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}],[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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32],"showFields":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"]}],[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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"enableManualDateInput":[516,"enable-manual-date-input"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"enableSouthAfricanMode":["handleCustomRegistrationChange"]}],[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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleClientStylingChange"],"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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[1,"postalcode-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"],"postalcodelength":[520],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"selectedCountryCode":[32],"currentPostalCode":[32],"openAddressDropdown":[32],"showNoResultsMessage":[32],"refreshTrigger":[32],"isFetchingAddresses":[32]},[[10,"click","handleClickOutside"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[8,"addressFetchStarted","handleFetchStarted"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"addresses":["handleAddresses"]}],[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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"disablePhonePrefix":[32],"phoneValue":[32],"phoneCodesOptions":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"haspostalcodelookup":[516],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"selectedCountryCode":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"],[8,"documentNumberUpdatedExternally","handleExternalDocUpdate"],[8,"documentNumberResetValidation","handleDocReset"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"twofa-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"destination":[513],"resendIntervalSeconds":[514,"resend-interval-seconds"],"clientStyling":[513,"client-styling"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"pinAttemptsExceeded":[516,"pin-attempts-exceeded"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32],"revealedIndexes":[32]},[[10,"click","handleClickOutside"]],{"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
11
+ return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[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"],"hidePasswordComplexity":[516,"hide-password-complexity"],"noValidation":[516,"no-validation"],"clientStyling":[520,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"],"haspostalcodelookup":[516],"postalcodelength":[514],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"enableManualDateInput":[516,"enable-manual-date-input"],"pinAttemptsExceeded":[516,"pin-attempts-exceeded"],"mbSource":[513,"mb-source"],"enableCustomRegexValidation":[516,"enable-custom-regex-validation"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}],[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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32],"showFields":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"]}],[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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"enableManualDateInput":[516,"enable-manual-date-input"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"enableSouthAfricanMode":["handleCustomRegistrationChange"]}],[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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleClientStylingChange"],"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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[1,"postalcode-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"],"postalcodelength":[520],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"selectedCountryCode":[32],"currentPostalCode":[32],"openAddressDropdown":[32],"showNoResultsMessage":[32],"refreshTrigger":[32],"isFetchingAddresses":[32]},[[10,"click","handleClickOutside"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[8,"addressFetchStarted","handleFetchStarted"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"addresses":["handleAddresses"]}],[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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"mbSource":[513,"mb-source"],"enableCustomRegexValidation":[516,"enable-custom-regex-validation"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"disablePhonePrefix":[32],"phoneValue":[32],"phoneCodesOptions":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"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"],"haspostalcodelookup":[516],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"selectedCountryCode":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"],[8,"documentNumberUpdatedExternally","handleExternalDocUpdate"],[8,"documentNumberResetValidation","handleDocReset"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"twofa-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"destination":[513],"resendIntervalSeconds":[514,"resend-interval-seconds"],"clientStyling":[513,"client-styling"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"pinAttemptsExceeded":[516,"pin-attempts-exceeded"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32],"revealedIndexes":[32]},[[10,"click","handleClickOutside"]],{"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
12
12
  };
13
13
 
14
14
  exports.setNonce = index.setNonce;
package/dist/collection/components/general-input/general-input.js CHANGED
@@ -40,6 +40,7 @@ export class GeneralInput {
40
40
  this.enableManualDateInput = false;
41
41
  this.pinAttemptsExceeded = undefined;
42
42
  this.mbSource = undefined;
43
+ this.enableCustomRegexValidation = false;
43
44
  }
44
45
  handleClientStylingChange(newValue, oldValue) {
45
46
  if (newValue !== oldValue) {
@@ -102,7 +103,7 @@ export class GeneralInput {
102
103
  case 'radio':
103
104
  return h("radio-input", { name: this.name, displayName: this.displayName, optionsGroup: this.options, validation: this.validation, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, "mb-source": this.mbSource });
104
105
  case 'tel':
105
- return h("tel-input", { name: this.name, action: this.action, displayName: this.displayName, validation: this.validation, defaultValue: this.defaultValue, emitValue: this.emitValue, language: this.language, autofilled: this.autofilled, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder, "mb-source": this.mbSource });
106
+ return h("tel-input", { name: this.name, action: this.action, displayName: this.displayName, validation: this.validation, defaultValue: this.defaultValue, emitValue: this.emitValue, language: this.language, autofilled: this.autofilled, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder, "mb-source": this.mbSource, "enable-custom-regex-validation": this.enableCustomRegexValidation });
106
107
  case 'dropdown':
107
108
  return h("select-input", { name: this.name, action: this.action, defaultValue: this.defaultValue, displayName: this.displayName, options: this.options, validation: this.validation, emitValue: this.emitValue, autofilled: this.autofilled, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder, "mb-source": this.mbSource });
108
109
  case 'twofa':
@@ -119,7 +120,7 @@ export class GeneralInput {
119
120
  }
120
121
  }
121
122
  render() {
122
- return (h(Host, { key: '12e3e43442ba3fd4a47bbc5c05456eb019405b1e', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
123
+ return (h(Host, { key: 'a7ad2847def0556c185560cd1ca1b07c387026a7', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
123
124
  }
124
125
  static get is() { return "general-input"; }
125
126
  static get encapsulation() { return "shadow"; }
@@ -659,6 +660,24 @@ export class GeneralInput {
659
660
  },
660
661
  "attribute": "mb-source",
661
662
  "reflect": true
663
+ },
664
+ "enableCustomRegexValidation": {
665
+ "type": "boolean",
666
+ "mutable": false,
667
+ "complexType": {
668
+ "original": "boolean",
669
+ "resolved": "boolean",
670
+ "references": {}
671
+ },
672
+ "required": false,
673
+ "optional": false,
674
+ "docs": {
675
+ "tags": [],
676
+ "text": "Enable extra custom regex validation for tel-input."
677
+ },
678
+ "attribute": "enable-custom-regex-validation",
679
+ "reflect": true,
680
+ "defaultValue": "false"
662
681
  }
663
682
  };
664
683
  }
package/dist/collection/components/tel-input/tel-input.js CHANGED
@@ -38,6 +38,7 @@ export class TelInput {
38
38
  this.emitValue = undefined;
39
39
  this.clientStyling = '';
40
40
  this.mbSource = undefined;
41
+ this.enableCustomRegexValidation = false;
41
42
  this.isValid = undefined;
42
43
  this.errorMessage = undefined;
43
44
  this.showTooltip = false;
@@ -144,6 +145,9 @@ export class TelInput {
144
145
  if (!this.inputReference) {
145
146
  return false;
146
147
  }
148
+ this.inputReference.setCustomValidity('');
149
+ this.lastCustomErrorKey = undefined;
150
+ this.lastCustomErrorMessage = undefined;
147
151
  if (this.validation.mandatory && (!this.phoneValue || this.phoneValue.trim() === '')) {
148
152
  return false;
149
153
  }
@@ -162,6 +166,28 @@ export class TelInput {
162
166
  return false;
163
167
  }
164
168
  }
169
+ if (this.enableCustomRegexValidation) {
170
+ const customs = (this.validation.custom || []).filter(c => c.rule === 'regex' && c.pattern);
171
+ if (customs.length > 1) {
172
+ // First regex is used as <input> pattern; validate only the remaining rules here
173
+ const additionalRules = customs.slice(1);
174
+ for (const rule of additionalRules) {
175
+ let regex;
176
+ try {
177
+ regex = new RegExp(rule.pattern);
178
+ }
179
+ catch (_a) {
180
+ continue;
181
+ }
182
+ if (!regex.test(this.phoneValue)) {
183
+ this.lastCustomErrorKey = rule.errorKey;
184
+ this.lastCustomErrorMessage = rule.errorMessage;
185
+ this.inputReference.setCustomValidity('customError');
186
+ return false;
187
+ }
188
+ }
189
+ }
190
+ }
165
191
  return true;
166
192
  }
167
193
  setPattern() {
@@ -171,10 +197,14 @@ export class TelInput {
171
197
  }
172
198
  }
173
199
  setErrorMessage() {
174
- var _a, _b;
200
+ var _a, _b, _c, _d;
201
+ if (!((_b = (_a = this.inputReference) === null || _a === void 0 ? void 0 : _a.validity) === null || _b === void 0 ? void 0 : _b.customError)) {
202
+ this.lastCustomErrorKey = undefined;
203
+ this.lastCustomErrorMessage = undefined;
204
+ }
175
205
  if (this.inputReference.validity.patternMismatch) {
176
- const errorCode = (_a = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _a === void 0 ? void 0 : _a.errorKey;
177
- const errorMessage = (_b = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _b === void 0 ? void 0 : _b.errorMessage;
206
+ const errorCode = (_c = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _c === void 0 ? void 0 : _c.errorKey;
207
+ const errorMessage = (_d = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _d === void 0 ? void 0 : _d.errorMessage;
178
208
  return translate(`${errorCode}`, this.language) ? translate(`${errorCode}`, this.language) : errorMessage;
179
209
  }
180
210
  const { minLength, maxLength } = this.validation;
@@ -194,6 +224,10 @@ export class TelInput {
194
224
  if (this.inputReference.validity.valueMissing) {
195
225
  return translate(ERROR_KEYS.REQUIRED, this.language);
196
226
  }
227
+ if (this.inputReference.validity.customError && (this.lastCustomErrorKey || this.lastCustomErrorMessage)) {
228
+ const translated = this.lastCustomErrorKey ? translate(`${this.lastCustomErrorKey}`, this.language) : '';
229
+ return translated ? translated : (this.lastCustomErrorMessage || '');
230
+ }
197
231
  }
198
232
  renderTooltip() {
199
233
  if (this.showTooltip) {
@@ -207,8 +241,8 @@ export class TelInput {
207
241
  if (this.touched) {
208
242
  invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
209
243
  }
210
- return h("div", { key: '9cf9eb751bca1978d8554fffc912ef2039c42e41', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: 'cc88d6e9aa7a0f3801fad75e3ca509fbd01b0538', class: 'tel__wrapper--flex-label' }, h("label", { key: 'c8a35af4ddd2d4f9751d7f60c9e075ae8eccb441', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '73fcdcc25dde1be087ee60062dc5eee2d1e5d29e', class: 'tel__wrapper--relative' }, this.tooltip &&
211
- h("img", { key: '56df66fddf599fbafb179c7cd90ea7d58b008ea6', class: 'tel__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("div", { key: '20eb5689932c2f71322102229cc7346d18e9bc87', class: `tel__wrapper--flex ${invalidClass}` }, h("vaadin-combo-box", { key: '9ec4142dc84e0022ced7e34248d5f4f8f59c34af', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (e) => this.handlePrefixInput(e) }), h("input", { key: 'c083b17f71de36b84892a8080f776debf1fe7351', 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: '2201c2d7b968731042624b265cf535c656c86933', class: 'tel__error-message' }, this.errorMessage));
244
+ return h("div", { key: 'e33193abf4094e4dac87b9cb7d95aaaf4bd8827c', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '3978e74f9decf4c6d632268e73507878d3aca0da', class: 'tel__wrapper--flex-label' }, h("label", { key: '1b7711f58ab7fc7e48ea6fa889334d64eeb2bfb4', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: 'a768af0e4a2c07fcf4b996814650493057120697', class: 'tel__wrapper--relative' }, this.tooltip &&
245
+ h("img", { key: 'b7f302055d8a4739baa8dece656780fa2183665a', class: 'tel__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("div", { key: 'd095e9e0666096278466d134e06f2985611f9f4d', class: `tel__wrapper--flex ${invalidClass}` }, h("vaadin-combo-box", { key: 'd336c7ee95ad77d513a3d485786d8774f11f91fc', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (e) => this.handlePrefixInput(e) }), h("input", { key: '5f403eb589e0ae8ee2284d2bd30a60850a33fb20', 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: 'b4f7dca6a67471828af759437927c57ca5a89c99', class: 'tel__error-message' }, this.errorMessage));
212
246
  }
213
247
  static get is() { return "tel-input"; }
214
248
  static get encapsulation() { return "shadow"; }
@@ -449,6 +483,24 @@ export class TelInput {
449
483
  },
450
484
  "attribute": "mb-source",
451
485
  "reflect": true
486
+ },
487
+ "enableCustomRegexValidation": {
488
+ "type": "boolean",
489
+ "mutable": false,
490
+ "complexType": {
491
+ "original": "boolean",
492
+ "resolved": "boolean",
493
+ "references": {}
494
+ },
495
+ "required": false,
496
+ "optional": false,
497
+ "docs": {
498
+ "tags": [],
499
+ "text": "Enable extra custom regex validation for tel-input."
500
+ },
501
+ "attribute": "enable-custom-regex-validation",
502
+ "reflect": true,
503
+ "defaultValue": "false"
452
504
  }
453
505
  };
454
506
  }
package/dist/collection/utils/locale.utils.js CHANGED
@@ -36,7 +36,8 @@ export const TRANSLATIONS = {
36
36
  "PasswordMustContain": "Password must contain:",
37
37
  "AlphanumericalOnly": "Only alphanumerical characters are allowed",
38
38
  "InvalidFirstName": "Only alphabetic characters are allowed.",
39
- "InvalidLastName": "Only alphabetic characters are allowed."
39
+ "InvalidLastName": "Only alphabetic characters are allowed.",
40
+ "MissingTrunkCode": "Phone number must start with 0"
40
41
  },
41
42
  "hu": {
42
43
  "dateError": "A választott dátumnak {min} és {max} között kell lennie",
@@ -71,7 +72,8 @@ export const TRANSLATIONS = {
71
72
  "PasswordMustContain": "A jelszónak tartalmaznia kell:",
72
73
  "AlphanumericalOnly": "Csak alfanumerikus karakterek engedélyezettek",
73
74
  "InvalidFirstName": "Csak betűk engedélyezettek.",
74
- "InvalidLastName": "Csak betűk engedélyezettek."
75
+ "InvalidLastName": "Csak betűk engedélyezettek.",
76
+ "MissingTrunkCode": "A telefonszámnak 0-val kell kezdődnie"
75
77
  },
76
78
  "hr": {
77
79
  "dateError": "Odabrani datum treba biti između {min} i {max}",
@@ -106,7 +108,8 @@ export const TRANSLATIONS = {
106
108
  "PasswordMustContain": "Lozinka mora sadržavati:",
107
109
  "AlphanumericalOnly": "Dopušteni su samo alfanumerički znakovi",
108
110
  "InvalidFirstName": "Dozvoljena su samo slova.",
109
- "InvalidLastName": "Dozvoljena su samo slova."
111
+ "InvalidLastName": "Dozvoljena su samo slova.",
112
+ "MissingTrunkCode": "Telefonski broj mora počinjati s 0"
110
113
  },
111
114
  "tr": {
112
115
  "dateError": "Seçilen tarih {min} ve {max} arasında olmalıdır",
@@ -141,7 +144,8 @@ export const TRANSLATIONS = {
141
144
  "PasswordMustContain": "Şifre şunları içermelidir:",
142
145
  "AlphanumericalOnly": "Yalnızca alfanümerik karakterlere izin verilir",
143
146
  "InvalidFirstName": "Yalnızca alfabetik karakterlere izin verilir.",
144
- "InvalidLastName": "Yalnızca alfabetik karakterlere izin verilir."
147
+ "InvalidLastName": "Yalnızca alfabetik karakterlere izin verilir.",
148
+ "MissingTrunkCode": "Telefon numarası 0 ile başlamalıdır"
145
149
  },
146
150
  "pt-br": {
147
151
  "dateError": "A data selecionada deve estar entre {min} e {max}",
@@ -176,7 +180,8 @@ export const TRANSLATIONS = {
176
180
  "PasswordMustContain": "A senha deve conter:",
177
181
  "AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos",
178
182
  "InvalidFirstName": "Apenas caracteres alfabéticos são permitidos.",
179
- "InvalidLastName": "Apenas caracteres alfabéticos são permitidos."
183
+ "InvalidLastName": "Apenas caracteres alfabéticos são permitidos.",
184
+ "MissingTrunkCode": "O número de telefone deve começar com 0"
180
185
  },
181
186
  "pt": {
182
187
  "dateError": "A data selecionada deve estar entre {min} e {max}",
@@ -214,7 +219,8 @@ export const TRANSLATIONS = {
214
219
  "PasswordMustContain": "A palavra-passe deve conter:",
215
220
  "AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos",
216
221
  "InvalidFirstName": "Apenas caracteres alfabéticos são permitidos.",
217
- "InvalidLastName": "Apenas caracteres alfabéticos são permitidos."
222
+ "InvalidLastName": "Apenas caracteres alfabéticos são permitidos.",
223
+ "MissingTrunkCode": "O número de telefone deve começar por 0"
218
224
  },
219
225
  "es-mx": {
220
226
  "dateError": "La fecha seleccionada debe ser entre {min} y {max}",
@@ -249,7 +255,8 @@ export const TRANSLATIONS = {
249
255
  "PasswordMustContain": "La contraseña debe contener:",
250
256
  "AlphanumericalOnly": "Solo se permiten caracteres alfanuméricos",
251
257
  "InvalidFirstName": "Solo se permiten caracteres alfabéticos.",
252
- "InvalidLastName": "Solo se permiten caracteres alfabéticos."
258
+ "InvalidLastName": "Solo se permiten caracteres alfabéticos.",
259
+ "MissingTrunkCode": "El número de teléfono debe comenzar con 0"
253
260
  },
254
261
  "fr": {
255
262
  "dateError": "La date sélectionnée doit être comprise entre {min} et {max}",
@@ -287,7 +294,8 @@ export const TRANSLATIONS = {
287
294
  "PasswordMustContain": "Le mot de passe doit contenir :",
288
295
  "AlphanumericalOnly": "Seuls les caractères alphanumériques sont autorisés",
289
296
  "InvalidFirstName": "Seuls les caractères alphabétiques sont autorisés.",
290
- "InvalidLastName": "Seuls les caractères alphabétiques sont autorisés."
297
+ "InvalidLastName": "Seuls les caractères alphabétiques sont autorisés.",
298
+ "MissingTrunkCode": "Le numéro de téléphone doit commencer par 0"
291
299
  }
292
300
  };
293
301
  export const CONSTANTS = {