@everymatrix/general-input 1.77.0 → 1.77.2
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_13.cjs.entry.js +28 -8
- package/dist/cjs/general-input.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/password-input/password-input.js +6 -3
- package/dist/collection/components/tel-input/tel-input.css +2 -3
- package/dist/collection/components/tel-input/tel-input.js +18 -5
- package/dist/collection/utils/locale.utils.js +6 -0
- package/dist/esm/checkbox-group-input_13.entry.js +28 -8
- package/dist/esm/general-input.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/general-input/checkbox-group-input_13.entry.js +2 -2
- package/dist/general-input/general-input.esm.js +1 -1
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/general-input/.stencil/tools/plugins/index.d.ts +1 -0
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/general-input/.stencil/tools/plugins/lazy-load-chunk-plugin.d.ts +12 -0
- package/dist/types/components/tel-input/tel-input.d.ts +3 -1
- package/package.json +1 -1
|
@@ -25,6 +25,7 @@ const TRANSLATIONS = {
|
|
|
25
25
|
"MustIncludeNumber": "Password must include a number",
|
|
26
26
|
"MustContainCapital": "Password must include a capital letter",
|
|
27
27
|
"MustIncludePunctation": "Password must include punctuation",
|
|
28
|
+
"MustIncludeLowercase": "Password must include one lowercase character",
|
|
28
29
|
"OnlyNumbers": "The input should contain only digits.",
|
|
29
30
|
"InvalidFieldSize": "The length must be exactly 11 digits.",
|
|
30
31
|
"InvalidDocumentNumber": "Only numerical characters are allowed.",
|
|
@@ -51,6 +52,7 @@ const TRANSLATIONS = {
|
|
|
51
52
|
"MustIncludeNumber": "A jelszónak tartalmaznia kell egy számot",
|
|
52
53
|
"MustContainCapital": "A jelszónak tartalmaznia kell egy nagybetűt",
|
|
53
54
|
"MustIncludePunctation": "A jelszónak tartalmaznia kell írásjelet",
|
|
55
|
+
"MustIncludeLowercase": "A jelszónak legalább egy kisbetűt kell tartalmaznia",
|
|
54
56
|
"OnlyNumbers": "Csak számjegyeket tartalmazhat.",
|
|
55
57
|
"InvalidFieldSize": "A hosszúságnak pontosan 11 számjegynek kell lennie.",
|
|
56
58
|
"InvalidDocumentNumber": "Csak számjegyek engedélyezettek.",
|
|
@@ -77,6 +79,7 @@ const TRANSLATIONS = {
|
|
|
77
79
|
"MustIncludeNumber": "Lozinka mora sadržavati broj",
|
|
78
80
|
"MustContainCapital": "Lozinka mora sadržavati veliko slovo",
|
|
79
81
|
"MustIncludePunctation": "Lozinka mora sadržavati barem jedan znak",
|
|
82
|
+
"MustIncludeLowercase": "Lozinka mora sadržavati barem jedno malo slovo",
|
|
80
83
|
"OnlyNumbers": "Smije sadržavati samo znamenke.",
|
|
81
84
|
"InvalidFieldSize": "Dužina mora biti točno 11 znamenki.",
|
|
82
85
|
"InvalidDocumentNumber": "Dopušteni su samo numerički znakovi.",
|
|
@@ -103,6 +106,7 @@ const TRANSLATIONS = {
|
|
|
103
106
|
"MustIncludeNumber": "bir sayı içermelidir",
|
|
104
107
|
"MustContainCapital": "büyük harf içermelidir",
|
|
105
108
|
"MustIncludePunctation": "noktalama işareti içermelidir",
|
|
109
|
+
"MustIncludeLowercase": "Şifre en az bir küçük harf içermelidir",
|
|
106
110
|
"OnlyNumbers": "Yalnızca rakamlar içermelidir.",
|
|
107
111
|
"InvalidFieldSize": "Uzunluk tam olarak 11 rakam olmalıdır.",
|
|
108
112
|
"InvalidDocumentNumber": "Sadece sayısal karakterlere izin verilir.",
|
|
@@ -129,6 +133,7 @@ const TRANSLATIONS = {
|
|
|
129
133
|
"MustIncludeNumber": "A senha deve incluir um número",
|
|
130
134
|
"MustContainCapital": "A senha deve incluir uma letra maiúscula",
|
|
131
135
|
"MustIncludePunctation": "A senha deve incluir um sinal de pontuação",
|
|
136
|
+
"MustIncludeLowercase": "A senha deve conter pelo menos uma letra minúscula",
|
|
132
137
|
"OnlyNumbers": "Deve conter apenas dígitos.",
|
|
133
138
|
"InvalidFieldSize": "O comprimento deve ser exatamente 11 dígitos.",
|
|
134
139
|
"InvalidDocumentNumber": "Apenas caracteres numéricos são permitidos.",
|
|
@@ -155,6 +160,7 @@ const TRANSLATIONS = {
|
|
|
155
160
|
"MustIncludeNumber": "La contraseña debe incluir un número",
|
|
156
161
|
"MustContainCapital": "La contraseña debe incluir una letra mayúscula",
|
|
157
162
|
"MustIncludePunctation": "La contraseña debe incluir un signo de puntuación",
|
|
163
|
+
"MustIncludeLowercase": "La contraseña debe contener al menos una letra minúscula",
|
|
158
164
|
"OnlyNumbers": "Debe contener solo dígitos.",
|
|
159
165
|
"InvalidFieldSize": "La longitud debe ser exactamente de 11 dígitos.",
|
|
160
166
|
"InvalidDocumentNumber": "Solo se permiten caracteres numéricos.",
|
|
@@ -13155,7 +13161,10 @@ const PasswordInput = class {
|
|
|
13155
13161
|
.filter(rule => rule.rule === 'regex')
|
|
13156
13162
|
.map(rule => {
|
|
13157
13163
|
const ruleRegex = new RegExp(rule.pattern);
|
|
13158
|
-
|
|
13164
|
+
let passed = false;
|
|
13165
|
+
if (password) {
|
|
13166
|
+
passed = ruleRegex.test(password);
|
|
13167
|
+
}
|
|
13159
13168
|
return { rule: rule.displayName, ruleKey: rule.errorKey, passed };
|
|
13160
13169
|
});
|
|
13161
13170
|
}
|
|
@@ -13225,8 +13234,8 @@ const PasswordInput = class {
|
|
|
13225
13234
|
if (this.touched) {
|
|
13226
13235
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
13227
13236
|
}
|
|
13228
|
-
return index.h("div", { key: '
|
|
13229
|
-
index.h("img", { key: '
|
|
13237
|
+
return index.h("div", { key: 'db7a6a87af3de451485c603a2f28f25806838d20', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: '146ace196e1343f778232c0e2ff07556c0a09e1e', class: 'password__wrapper--flex' }, index.h("label", { key: '0d0cb672dfc7a43535a299b45752f43a87f73760', class: `password__label ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: '1eac72dfdadd0f50bd2db6b0fc44320dd2f287bf', class: 'password__wrapper--relative' }, this.tooltip &&
|
|
13238
|
+
index.h("img", { key: 'bb327b9a403c1fc5628c4ba2da8d1a2b62888db5', class: 'password__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("vaadin-password-field", { key: '7962f122d1bfb0ac0a5176a743e1224dccba4910', 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 }), !this.noValidation && index.h("small", { key: 'efadfea8911ba72161aef495d1fb5857f14a319b', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.hidePasswordComplexity && !this.isDuplicateInput && this.renderComplexityPopup());
|
|
13230
13239
|
}
|
|
13231
13240
|
get element() { return index.getElement(this); }
|
|
13232
13241
|
static get watchers() { return {
|
|
@@ -13534,7 +13543,7 @@ const SelectInput = class {
|
|
|
13534
13543
|
};
|
|
13535
13544
|
SelectInput.style = SelectInputStyle0;
|
|
13536
13545
|
|
|
13537
|
-
const telInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{font-family:\"Roboto\";font-style:normal}.tel__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.tel__wrapper--autofilled{pointer-events:none}.tel__wrapper--autofilled .tel__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__wrapper--autofilled .tel__input::part(input-field){color:var(--emw--color-black, #000000)}.tel__wrapper--flex{width:inherit;display:flex;align-items:center;border-radius:4px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);overflow:hidden}.tel__wrapper--flex:focus-within{border-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.tel__wrapper--flex-label{display:flex;gap:5px}.tel__wrapper--flex--relative{position:relative}.tel__wrapper .text__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__label--required::after{content:\"*\";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.tel__prefix{--vaadin-field-default-width:90px}.tel__prefix[focus]{outline:none}.tel__prefix::part(input-field){border-radius:0 5px 5px 0;background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:1.5;border:none;border-right:2px solid #DDE0EE;border-image-source:linear-gradient(to bottom, rgba(221, 224, 238, 0) 25%, rgb(221, 224, 238) 25%, rgb(221, 224, 238) 75%, rgba(221, 224, 238, 0) 75%);border-image-slice:1;border-image-repeat:round}.tel__prefix::part(input-field):hover{background-color:var(--emw--color-white, #FFFFFF)}.
|
|
13546
|
+
const telInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{font-family:\"Roboto\";font-style:normal}.tel__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.tel__wrapper--autofilled{pointer-events:none}.tel__wrapper--autofilled .tel__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__wrapper--autofilled .tel__input::part(input-field){color:var(--emw--color-black, #000000)}.tel__wrapper--flex{width:inherit;display:flex;align-items:center;border-radius:4px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);overflow:hidden;padding-left:4px}.tel__wrapper--flex:focus-within{border-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.tel__wrapper--flex-label{display:flex;gap:5px}.tel__wrapper--flex--relative{position:relative}.tel__wrapper .text__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__label--required::after{content:\"*\";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.tel__prefix{--vaadin-field-default-width:90px}.tel__prefix[focus]{outline:none}.tel__prefix::part(input-field){height:100%;border-radius:0 5px 5px 0;background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:1.5;border:none;border-right:2px solid #DDE0EE;border-image-source:linear-gradient(to bottom, rgba(221, 224, 238, 0) 25%, rgb(221, 224, 238) 25%, rgb(221, 224, 238) 75%, rgba(221, 224, 238, 0) 75%);border-image-slice:1;border-image-repeat:round}.tel__prefix::part(input-field):hover{background-color:var(--emw--color-white, #FFFFFF)}.tel__input{font-family:inherit;border-radius:5px;width:100%;color:var(--emw--registration-typography, var(--emw--color-black, #000000));background-color:var(--emw--color-white, #FFFFFF);border:none;width:inherit;position:relative;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px;height:42px;-moz-appearance:textfield;}.tel__input:focus{outline:none}.tel__input::-webkit-outer-spin-button,.tel__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tel__input::placeholder{color:var(--emw--color-gray-150, #979797)}.tel__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__tooltip-icon{width:16px;height:auto}.tel__tooltip{position:absolute;top:0;left:20px;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}.tel__tooltip.visible{opacity:1}";
|
|
13538
13547
|
const TelInputStyle0 = telInputCss;
|
|
13539
13548
|
|
|
13540
13549
|
const TelInput = class {
|
|
@@ -13545,7 +13554,7 @@ const TelInput = class {
|
|
|
13545
13554
|
this.validationPattern = '';
|
|
13546
13555
|
this.touched = false;
|
|
13547
13556
|
this.handleInput = (event) => {
|
|
13548
|
-
this.
|
|
13557
|
+
this.setPhoneValue(event.target.value);
|
|
13549
13558
|
this.value = { prefix: this.prefixValue, phone: this.phoneValue };
|
|
13550
13559
|
this.touched = true;
|
|
13551
13560
|
if (this.debounceTime) {
|
|
@@ -13585,6 +13594,14 @@ const TelInput = class {
|
|
|
13585
13594
|
this.errorMessage = undefined;
|
|
13586
13595
|
this.limitStylingAppends = false;
|
|
13587
13596
|
this.showTooltip = false;
|
|
13597
|
+
this.disablePhonePrefix = false;
|
|
13598
|
+
this.phoneValue = '';
|
|
13599
|
+
}
|
|
13600
|
+
setPhoneValue(next) {
|
|
13601
|
+
const value = next.replace(/[^0-9]/g, "");
|
|
13602
|
+
this.phoneValue = value;
|
|
13603
|
+
if (this.inputReference)
|
|
13604
|
+
this.inputReference.value = this.phoneValue;
|
|
13588
13605
|
}
|
|
13589
13606
|
handleStylingChange(newValue, oldValue) {
|
|
13590
13607
|
if (newValue !== oldValue)
|
|
@@ -13614,10 +13631,11 @@ const TelInput = class {
|
|
|
13614
13631
|
}
|
|
13615
13632
|
}
|
|
13616
13633
|
connectedCallback() {
|
|
13634
|
+
var _a;
|
|
13617
13635
|
this.validationPattern = this.setPattern();
|
|
13618
13636
|
if (this.defaultValue) {
|
|
13619
13637
|
this.prefixValue = this.defaultValue.prefix ? this.defaultValue.prefix : this.defaultValue;
|
|
13620
|
-
this.
|
|
13638
|
+
this.setPhoneValue((_a = this.defaultValue.phone) !== null && _a !== void 0 ? _a : '');
|
|
13621
13639
|
}
|
|
13622
13640
|
}
|
|
13623
13641
|
componentWillLoad() {
|
|
@@ -13630,6 +13648,7 @@ const TelInput = class {
|
|
|
13630
13648
|
? { label: code.Prefix, value: code.Prefix }
|
|
13631
13649
|
: { label: code, value: code };
|
|
13632
13650
|
});
|
|
13651
|
+
this.disablePhonePrefix = this.phoneCodesOptions.length <= 1;
|
|
13633
13652
|
});
|
|
13634
13653
|
}
|
|
13635
13654
|
}
|
|
@@ -13698,12 +13717,13 @@ const TelInput = class {
|
|
|
13698
13717
|
return null;
|
|
13699
13718
|
}
|
|
13700
13719
|
render() {
|
|
13720
|
+
var _a;
|
|
13701
13721
|
let invalidClass = '';
|
|
13702
13722
|
if (this.touched) {
|
|
13703
13723
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
13704
13724
|
}
|
|
13705
|
-
return index.h("div", { key: '
|
|
13706
|
-
index.h("img", { key: '
|
|
13725
|
+
return index.h("div", { key: '2bb6d988447eefcd3e31351575b7abe916c6b903', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: '1cdce403e1bf84fb6bcbab3d840829d88ac6fd26', class: 'tel__wrapper--flex-label' }, index.h("label", { key: 'e2728fcbb7179a8deb000c1029f861a4009b0cc9', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: 'db5bd2dabf38899ad696dc0f249bd33bd0c4ae6e', class: 'tel__wrapper--relative' }, this.tooltip &&
|
|
13726
|
+
index.h("img", { key: 'ec1cd6e110cc2201c707d18e3127858ec33ed385', class: 'tel__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("div", { key: '7dc1e8cb3a67686f3396ba594e32f15e3450ddad', class: `tel__wrapper--flex ${invalidClass}` }, index.h("vaadin-combo-box", { key: 'd88d269bdb04a507f8b4a5b223491a7401df66a1', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (e) => this.handlePrefixInput(e) }), index.h("input", { key: '4ced0fede5d52e2b0e76312e71a84c1e31736db5', 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: 'f3322426151eeb20ffaa743e0a7589cfc2e5c0d6', class: 'tel__error-message' }, this.errorMessage));
|
|
13707
13727
|
}
|
|
13708
13728
|
static get watchers() { return {
|
|
13709
13729
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -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_13.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"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"]}],[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]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"]}],[1,"checkbox-group-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"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]},[[10,"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]},[[10,"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]},[[10,"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]},[[10,"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],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"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]},[[10,"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]},[[10,"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]},[[10,"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]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"]],{"clientStyling":["handleStylingChange"],"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"],"limitStylingAppends":[32],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}]]]], options);
|
|
22
|
+
return index.bootstrapLazy([["checkbox-group-input_13.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"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"]}],[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]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"]}],[1,"checkbox-group-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"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]},[[10,"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]},[[10,"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]},[[10,"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]},[[10,"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],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"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]},[[10,"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]},[[10,"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],"disablePhonePrefix":[32],"phoneValue":[32]},[[10,"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]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"]],{"clientStyling":["handleStylingChange"],"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"],"limitStylingAppends":[32],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}]]]], 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_13.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"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"]}],[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]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"]}],[1,"checkbox-group-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"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]},[[10,"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]},[[10,"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]},[[10,"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]},[[10,"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],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"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]},[[10,"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]},[[10,"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]},[[10,"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]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"]],{"clientStyling":["handleStylingChange"],"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"],"limitStylingAppends":[32],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}]]]], options);
|
|
11
|
+
return index.bootstrapLazy([["checkbox-group-input_13.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"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"]}],[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]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"]}],[1,"checkbox-group-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"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]},[[10,"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]},[[10,"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]},[[10,"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]},[[10,"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],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"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]},[[10,"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]},[[10,"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],"disablePhonePrefix":[32],"phoneValue":[32]},[[10,"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]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"]],{"clientStyling":["handleStylingChange"],"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"],"limitStylingAppends":[32],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -164,7 +164,10 @@ export class PasswordInput {
|
|
|
164
164
|
.filter(rule => rule.rule === 'regex')
|
|
165
165
|
.map(rule => {
|
|
166
166
|
const ruleRegex = new RegExp(rule.pattern);
|
|
167
|
-
|
|
167
|
+
let passed = false;
|
|
168
|
+
if (password) {
|
|
169
|
+
passed = ruleRegex.test(password);
|
|
170
|
+
}
|
|
168
171
|
return { rule: rule.displayName, ruleKey: rule.errorKey, passed };
|
|
169
172
|
});
|
|
170
173
|
}
|
|
@@ -234,8 +237,8 @@ export class PasswordInput {
|
|
|
234
237
|
if (this.touched) {
|
|
235
238
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
236
239
|
}
|
|
237
|
-
return h("div", { key: '
|
|
238
|
-
h("img", { key: '
|
|
240
|
+
return h("div", { key: 'db7a6a87af3de451485c603a2f28f25806838d20', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '146ace196e1343f778232c0e2ff07556c0a09e1e', class: 'password__wrapper--flex' }, h("label", { key: '0d0cb672dfc7a43535a299b45752f43a87f73760', class: `password__label ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '1eac72dfdadd0f50bd2db6b0fc44320dd2f287bf', class: 'password__wrapper--relative' }, this.tooltip &&
|
|
241
|
+
h("img", { key: 'bb327b9a403c1fc5628c4ba2da8d1a2b62888db5', class: 'password__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("vaadin-password-field", { key: '7962f122d1bfb0ac0a5176a743e1224dccba4910', 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 }), !this.noValidation && h("small", { key: 'efadfea8911ba72161aef495d1fb5857f14a319b', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.hidePasswordComplexity && !this.isDuplicateInput && this.renderComplexityPopup());
|
|
239
242
|
}
|
|
240
243
|
static get is() { return "password-input"; }
|
|
241
244
|
static get encapsulation() { return "shadow"; }
|
|
@@ -34,6 +34,7 @@
|
|
|
34
34
|
border: 1px solid var(--emw--color-gray-100, #E6E6E6);
|
|
35
35
|
background-color: var(--emw--color-white, #FFFFFF);
|
|
36
36
|
overflow: hidden;
|
|
37
|
+
padding-left: 4px;
|
|
37
38
|
}
|
|
38
39
|
.tel__wrapper--flex:focus-within {
|
|
39
40
|
border-color: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));
|
|
@@ -69,6 +70,7 @@
|
|
|
69
70
|
outline: none;
|
|
70
71
|
}
|
|
71
72
|
.tel__prefix::part(input-field) {
|
|
73
|
+
height: 100%;
|
|
72
74
|
border-radius: 0 5px 5px 0;
|
|
73
75
|
background-color: var(--emw--color-white, #FFFFFF);
|
|
74
76
|
color: var(--emw--color-black, #000000);
|
|
@@ -86,9 +88,6 @@
|
|
|
86
88
|
.tel__prefix::part(input-field):hover {
|
|
87
89
|
background-color: var(--emw--color-white, #FFFFFF);
|
|
88
90
|
}
|
|
89
|
-
.tel__prefix::part(toggle-button) {
|
|
90
|
-
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
91
|
-
}
|
|
92
91
|
.tel__input {
|
|
93
92
|
font-family: inherit;
|
|
94
93
|
border-radius: 5px;
|
|
@@ -6,7 +6,7 @@ export class TelInput {
|
|
|
6
6
|
this.validationPattern = '';
|
|
7
7
|
this.touched = false;
|
|
8
8
|
this.handleInput = (event) => {
|
|
9
|
-
this.
|
|
9
|
+
this.setPhoneValue(event.target.value);
|
|
10
10
|
this.value = { prefix: this.prefixValue, phone: this.phoneValue };
|
|
11
11
|
this.touched = true;
|
|
12
12
|
if (this.debounceTime) {
|
|
@@ -46,6 +46,14 @@ export class TelInput {
|
|
|
46
46
|
this.errorMessage = undefined;
|
|
47
47
|
this.limitStylingAppends = false;
|
|
48
48
|
this.showTooltip = false;
|
|
49
|
+
this.disablePhonePrefix = false;
|
|
50
|
+
this.phoneValue = '';
|
|
51
|
+
}
|
|
52
|
+
setPhoneValue(next) {
|
|
53
|
+
const value = next.replace(/[^0-9]/g, "");
|
|
54
|
+
this.phoneValue = value;
|
|
55
|
+
if (this.inputReference)
|
|
56
|
+
this.inputReference.value = this.phoneValue;
|
|
49
57
|
}
|
|
50
58
|
handleStylingChange(newValue, oldValue) {
|
|
51
59
|
if (newValue !== oldValue)
|
|
@@ -75,10 +83,11 @@ export class TelInput {
|
|
|
75
83
|
}
|
|
76
84
|
}
|
|
77
85
|
connectedCallback() {
|
|
86
|
+
var _a;
|
|
78
87
|
this.validationPattern = this.setPattern();
|
|
79
88
|
if (this.defaultValue) {
|
|
80
89
|
this.prefixValue = this.defaultValue.prefix ? this.defaultValue.prefix : this.defaultValue;
|
|
81
|
-
this.
|
|
90
|
+
this.setPhoneValue((_a = this.defaultValue.phone) !== null && _a !== void 0 ? _a : '');
|
|
82
91
|
}
|
|
83
92
|
}
|
|
84
93
|
componentWillLoad() {
|
|
@@ -91,6 +100,7 @@ export class TelInput {
|
|
|
91
100
|
? { label: code.Prefix, value: code.Prefix }
|
|
92
101
|
: { label: code, value: code };
|
|
93
102
|
});
|
|
103
|
+
this.disablePhonePrefix = this.phoneCodesOptions.length <= 1;
|
|
94
104
|
});
|
|
95
105
|
}
|
|
96
106
|
}
|
|
@@ -159,12 +169,13 @@ export class TelInput {
|
|
|
159
169
|
return null;
|
|
160
170
|
}
|
|
161
171
|
render() {
|
|
172
|
+
var _a;
|
|
162
173
|
let invalidClass = '';
|
|
163
174
|
if (this.touched) {
|
|
164
175
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
165
176
|
}
|
|
166
|
-
return h("div", { key: '
|
|
167
|
-
h("img", { key: '
|
|
177
|
+
return h("div", { key: '2bb6d988447eefcd3e31351575b7abe916c6b903', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '1cdce403e1bf84fb6bcbab3d840829d88ac6fd26', class: 'tel__wrapper--flex-label' }, h("label", { key: 'e2728fcbb7179a8deb000c1029f861a4009b0cc9', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: 'db5bd2dabf38899ad696dc0f249bd33bd0c4ae6e', class: 'tel__wrapper--relative' }, this.tooltip &&
|
|
178
|
+
h("img", { key: 'ec1cd6e110cc2201c707d18e3127858ec33ed385', class: 'tel__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("div", { key: '7dc1e8cb3a67686f3396ba594e32f15e3450ddad', class: `tel__wrapper--flex ${invalidClass}` }, h("vaadin-combo-box", { key: 'd88d269bdb04a507f8b4a5b223491a7401df66a1', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (e) => this.handlePrefixInput(e) }), h("input", { key: '4ced0fede5d52e2b0e76312e71a84c1e31736db5', 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: 'f3322426151eeb20ffaa743e0a7589cfc2e5c0d6', class: 'tel__error-message' }, this.errorMessage));
|
|
168
179
|
}
|
|
169
180
|
static get is() { return "tel-input"; }
|
|
170
181
|
static get encapsulation() { return "shadow"; }
|
|
@@ -396,7 +407,9 @@ export class TelInput {
|
|
|
396
407
|
"isValid": {},
|
|
397
408
|
"errorMessage": {},
|
|
398
409
|
"limitStylingAppends": {},
|
|
399
|
-
"showTooltip": {}
|
|
410
|
+
"showTooltip": {},
|
|
411
|
+
"disablePhonePrefix": {},
|
|
412
|
+
"phoneValue": {}
|
|
400
413
|
};
|
|
401
414
|
}
|
|
402
415
|
static get events() {
|
|
@@ -19,6 +19,7 @@ export const TRANSLATIONS = {
|
|
|
19
19
|
"MustIncludeNumber": "Password must include a number",
|
|
20
20
|
"MustContainCapital": "Password must include a capital letter",
|
|
21
21
|
"MustIncludePunctation": "Password must include punctuation",
|
|
22
|
+
"MustIncludeLowercase": "Password must include one lowercase character",
|
|
22
23
|
"OnlyNumbers": "The input should contain only digits.",
|
|
23
24
|
"InvalidFieldSize": "The length must be exactly 11 digits.",
|
|
24
25
|
"InvalidDocumentNumber": "Only numerical characters are allowed.",
|
|
@@ -45,6 +46,7 @@ export const TRANSLATIONS = {
|
|
|
45
46
|
"MustIncludeNumber": "A jelszónak tartalmaznia kell egy számot",
|
|
46
47
|
"MustContainCapital": "A jelszónak tartalmaznia kell egy nagybetűt",
|
|
47
48
|
"MustIncludePunctation": "A jelszónak tartalmaznia kell írásjelet",
|
|
49
|
+
"MustIncludeLowercase": "A jelszónak legalább egy kisbetűt kell tartalmaznia",
|
|
48
50
|
"OnlyNumbers": "Csak számjegyeket tartalmazhat.",
|
|
49
51
|
"InvalidFieldSize": "A hosszúságnak pontosan 11 számjegynek kell lennie.",
|
|
50
52
|
"InvalidDocumentNumber": "Csak számjegyek engedélyezettek.",
|
|
@@ -71,6 +73,7 @@ export const TRANSLATIONS = {
|
|
|
71
73
|
"MustIncludeNumber": "Lozinka mora sadržavati broj",
|
|
72
74
|
"MustContainCapital": "Lozinka mora sadržavati veliko slovo",
|
|
73
75
|
"MustIncludePunctation": "Lozinka mora sadržavati barem jedan znak",
|
|
76
|
+
"MustIncludeLowercase": "Lozinka mora sadržavati barem jedno malo slovo",
|
|
74
77
|
"OnlyNumbers": "Smije sadržavati samo znamenke.",
|
|
75
78
|
"InvalidFieldSize": "Dužina mora biti točno 11 znamenki.",
|
|
76
79
|
"InvalidDocumentNumber": "Dopušteni su samo numerički znakovi.",
|
|
@@ -97,6 +100,7 @@ export const TRANSLATIONS = {
|
|
|
97
100
|
"MustIncludeNumber": "bir sayı içermelidir",
|
|
98
101
|
"MustContainCapital": "büyük harf içermelidir",
|
|
99
102
|
"MustIncludePunctation": "noktalama işareti içermelidir",
|
|
103
|
+
"MustIncludeLowercase": "Şifre en az bir küçük harf içermelidir",
|
|
100
104
|
"OnlyNumbers": "Yalnızca rakamlar içermelidir.",
|
|
101
105
|
"InvalidFieldSize": "Uzunluk tam olarak 11 rakam olmalıdır.",
|
|
102
106
|
"InvalidDocumentNumber": "Sadece sayısal karakterlere izin verilir.",
|
|
@@ -123,6 +127,7 @@ export const TRANSLATIONS = {
|
|
|
123
127
|
"MustIncludeNumber": "A senha deve incluir um número",
|
|
124
128
|
"MustContainCapital": "A senha deve incluir uma letra maiúscula",
|
|
125
129
|
"MustIncludePunctation": "A senha deve incluir um sinal de pontuação",
|
|
130
|
+
"MustIncludeLowercase": "A senha deve conter pelo menos uma letra minúscula",
|
|
126
131
|
"OnlyNumbers": "Deve conter apenas dígitos.",
|
|
127
132
|
"InvalidFieldSize": "O comprimento deve ser exatamente 11 dígitos.",
|
|
128
133
|
"InvalidDocumentNumber": "Apenas caracteres numéricos são permitidos.",
|
|
@@ -149,6 +154,7 @@ export const TRANSLATIONS = {
|
|
|
149
154
|
"MustIncludeNumber": "La contraseña debe incluir un número",
|
|
150
155
|
"MustContainCapital": "La contraseña debe incluir una letra mayúscula",
|
|
151
156
|
"MustIncludePunctation": "La contraseña debe incluir un signo de puntuación",
|
|
157
|
+
"MustIncludeLowercase": "La contraseña debe contener al menos una letra minúscula",
|
|
152
158
|
"OnlyNumbers": "Debe contener solo dígitos.",
|
|
153
159
|
"InvalidFieldSize": "La longitud debe ser exactamente de 11 dígitos.",
|
|
154
160
|
"InvalidDocumentNumber": "Solo se permiten caracteres numéricos.",
|