@everymatrix/player-account-controller 1.77.0 → 1.77.1
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/components/{GeneralLogout-DpZ-BcWm.js → GeneralLogout-BK7W4djM.js} +14 -14
- package/components/{GeneralLogout-DSECYo0-.js → GeneralLogout-CvdWFdpo.js} +14 -14
- package/components/{PlayerAccountBettingHistory-BDYeFmkk.js → PlayerAccountBettingHistory-C64EtltO.js} +1 -1
- package/components/{PlayerAccountBettingHistory-CNH9wk4q.js → PlayerAccountBettingHistory-nZ8LinMC.js} +1 -1
- package/components/{PlayerAccountBiometrics-B9d0_egW.js → PlayerAccountBiometrics-BlO9_i-W.js} +1 -1
- package/components/{PlayerAccountBiometrics-DvAjLCSX.js → PlayerAccountBiometrics-DThKgPi7.js} +1 -1
- package/components/PlayerAccountClosure-BxDE3-YO.cjs +1 -0
- package/components/PlayerAccountClosure-Ccw2bW0u.js +415 -0
- package/components/PlayerAccountClosure-CwXvvWRK.js +415 -0
- package/components/{PlayerAccountController-B5o-QZfa.js → PlayerAccountController-BipA5dT6.js} +56 -56
- package/components/{PlayerAccountController-Dw6RUK9e.js → PlayerAccountController-CKu3wcId.js} +52 -52
- package/components/{PlayerAccountController-BgfmPXPA.cjs → PlayerAccountController-DHJKvnkw.cjs} +1 -1
- package/components/{PlayerAccountGamingLimits-B6wKBvsB.js → PlayerAccountGamingLimits-CcpuYH3l.js} +2 -2
- package/components/{PlayerAccountGamingLimits-DBraet-_.js → PlayerAccountGamingLimits-HQ7tPC1W.js} +2 -2
- package/components/{PlayerAccountGamingLimitsConfirmationModal-BKVbjWGo.js → PlayerAccountGamingLimitsConfirmationModal-CzJ2YE0J.js} +13 -13
- package/components/{PlayerAccountGamingLimitsConfirmationModal-C7eo4n91.js → PlayerAccountGamingLimitsConfirmationModal-gw5_UaO9.js} +13 -13
- package/components/{PlayerAccountGamingLimitsGroupEdit-JjBMtw_4.js → PlayerAccountGamingLimitsGroupEdit-BBXokwWe.js} +4 -4
- package/components/{PlayerAccountGamingLimitsGroupEdit-CfD-M6Qh.js → PlayerAccountGamingLimitsGroupEdit-w-LPEUKA.js} +4 -4
- package/components/{PlayerAccountGamingLimitsHistory2-BM9UlpyS.js → PlayerAccountGamingLimitsHistory2-1-KN4dJo.js} +15 -15
- package/components/{PlayerAccountGamingLimitsHistory2-B41VVq8R.js → PlayerAccountGamingLimitsHistory2-BNSENHSR.js} +15 -15
- package/components/{PlayerAccountGamingLimitsInfoCard-DwX_bkPR.js → PlayerAccountGamingLimitsInfoCard-DrrUbetA.js} +34 -34
- package/components/{PlayerAccountGamingLimitsInfoCard-B9H7I5Gr.js → PlayerAccountGamingLimitsInfoCard-Tmb-Qtf5.js} +34 -34
- package/components/{PlayerAccountGamingLimitsPage2Gm16-Brd3m-fP.js → PlayerAccountGamingLimitsPage2Gm16-DIB0a56k.js} +54 -54
- package/components/{PlayerAccountGamingLimitsPage2Gm16-w3PA_HBR.js → PlayerAccountGamingLimitsPage2Gm16-Dwc_eapv.js} +53 -53
- package/components/{PlayerAccountGamingLimitsPopup-BhTuwNDv.js → PlayerAccountGamingLimitsPopup-Dza8qXt2.js} +3 -3
- package/components/{PlayerAccountGamingLimitsPopup-Bm8wJyt7.js → PlayerAccountGamingLimitsPopup-kYMipjs6.js} +3 -3
- package/components/{PlayerAccountGamingLimitsWrapper2-Em5gYydz.js → PlayerAccountGamingLimitsWrapper2-Cb7n9Q4c.js} +17 -17
- package/components/{PlayerAccountGamingLimitsWrapper2-DlnqaCXY.js → PlayerAccountGamingLimitsWrapper2-sutTKtrP.js} +3 -3
- package/components/{PlayerAccountGeneralConfirmationModal-C2j-cezP.js → PlayerAccountGeneralConfirmationModal-CNNT6cLA.js} +27 -27
- package/components/{PlayerAccountGeneralConfirmationModal-TR0re855.js → PlayerAccountGeneralConfirmationModal-O_Xo5PRp.js} +27 -27
- package/components/{PlayerAccountMenu-DZqChKXK.js → PlayerAccountMenu-B8_qfqEA.js} +2 -2
- package/components/{PlayerAccountMenu-DDK28uRA.js → PlayerAccountMenu-CEAFQw3J.js} +2 -2
- package/components/{PlayerAccountModal-Cw2Mcd-d.js → PlayerAccountModal-BOVxILh3.js} +12 -12
- package/components/{PlayerAccountModal-DoBwOdNI.js → PlayerAccountModal-BxtTrm2F.js} +12 -12
- package/components/{PlayerAccountNotifications-CzhNTTTd.js → PlayerAccountNotifications-BLs_Pe58.js} +18 -18
- package/components/{PlayerAccountNotifications-BpsUOj0M.js → PlayerAccountNotifications-eSHo-n7V.js} +15 -15
- package/components/{PlayerAccountProductRestriction-DqUGfl7k.js → PlayerAccountProductRestriction-BMJkJUSt.js} +3 -3
- package/components/{PlayerAccountProductRestriction-rGRn8xJ4.js → PlayerAccountProductRestriction-DP9gaWug.js} +3 -3
- package/components/{PlayerAccountSelfExclusion-C9TnrJ7N.js → PlayerAccountSelfExclusion-CVXCwLtg.js} +3 -3
- package/components/{PlayerAccountSelfExclusion-vSD4lcik.js → PlayerAccountSelfExclusion-CgUDyZXR.js} +3 -3
- package/components/{PlayerAccountTimeout-85IOVG-i.js → PlayerAccountTimeout-CmiXGC6Z.js} +25 -25
- package/components/{PlayerAccountTimeout-xIuSq8qm.js → PlayerAccountTimeout-DSDc5ma9.js} +25 -25
- package/components/{PlayerAccountTransactionsHistory-DFX12I_O.js → PlayerAccountTransactionsHistory-B9mRKUUC.js} +3 -3
- package/components/{PlayerAccountTransactionsHistory-vSQcu9SJ.js → PlayerAccountTransactionsHistory-C5SXjM2f.js} +3 -3
- package/components/{PlayerActiveBonuses-C3dKwqK0.js → PlayerActiveBonuses-BGepm_PQ.js} +28 -28
- package/components/{PlayerActiveBonuses-D8-VRr34.js → PlayerActiveBonuses-Dom1cSd6.js} +28 -28
- package/components/{PlayerBonusCard-BXjt3PQh.js → PlayerBonusCard-Bue5TYNt.js} +2 -2
- package/components/{PlayerBonusCard-BYBQy1Si.js → PlayerBonusCard-EKpiASJ6.js} +2 -2
- package/components/{PlayerBonusHistory-DMhV90U8.js → PlayerBonusHistory-BFgaaZQO.js} +47 -47
- package/components/{PlayerBonusHistory-C7230RTP.js → PlayerBonusHistory-lpeT2J9D.js} +49 -49
- package/components/{PlayerChangePassword-DTahlEtx.js → PlayerChangePassword-CQm9FDt2.js} +1 -1
- package/components/{PlayerChangePassword-B5A-0Obq.js → PlayerChangePassword-DpSiDx3P.js} +1 -1
- package/components/{PlayerDeposit-DOzGblzs.js → PlayerDeposit-C-v12uwl.js} +1 -1
- package/components/{PlayerDeposit-DqT5-LKW.js → PlayerDeposit-CmmfBFxW.js} +1 -1
- package/components/{PlayerGamingHistory-DS-9NsIA.js → PlayerGamingHistory-B6XQvygZ.js} +44 -44
- package/components/{PlayerGamingHistory-DP7BDbf6.js → PlayerGamingHistory-lT_SJgiz.js} +35 -35
- package/components/{PlayerPendingWithdrawals-iWN6LsIP.js → PlayerPendingWithdrawals-D1OrRFXU.js} +1 -1
- package/components/{PlayerPendingWithdrawals-CGYcCotO.js → PlayerPendingWithdrawals-yVjsxqA0.js} +1 -1
- package/components/{PlayerProfileInfo-CXB2S4G7.js → PlayerProfileInfo-CNs_rVtu.js} +1 -1
- package/components/{PlayerProfileInfo-CkE2sMgx.js → PlayerProfileInfo-DVss0s13.js} +1 -1
- package/components/{PlayerRealityCheck-kgcCV8FV.js → PlayerRealityCheck-DlDgwEbp.js} +27 -27
- package/components/{PlayerRealityCheck-Dr5lvwHL.js → PlayerRealityCheck-DsWuAvgp.js} +27 -27
- package/components/{PlayerTransactionHistory-CEEirGIE.js → PlayerTransactionHistory-DcIV6du-.js} +1 -1
- package/components/{PlayerTransactionHistory-j-FbnqEI.js → PlayerTransactionHistory-H6ItndSr.js} +1 -1
- package/components/{PlayerWithdrawal-DjRR7TrQ.js → PlayerWithdrawal-C0e0FHef.js} +1 -1
- package/components/{PlayerWithdrawal-B_nHZSvY.js → PlayerWithdrawal-CIrttRms.js} +1 -1
- package/es2015/player-account-controller.cjs +1 -1
- package/es2015/player-account-controller.js +1 -1
- package/esnext/player-account-controller.js +1 -1
- package/package.json +1 -1
- package/stencil/{checkbox-group-input_15-DGGG6iYN.js → checkbox-group-input_15-CCYn8XHR.js} +25 -12
- package/stencil/{checkbox-group-input_15-DXY-kI7k.js → checkbox-group-input_15-DmlCQtUF.js} +25 -12
- package/stencil/{checkbox-group-input_15-CVl9H62A.cjs → checkbox-group-input_15-v7nOyVUz.cjs} +2 -2
- package/stencil/{index-c666b6e6-C48tHrD1.js → index-c666b6e6-CgIaZhF8.js} +1 -1
- package/stencil/{index-c666b6e6-BIe1NzeE.cjs → index-c666b6e6-D45XCRQA.cjs} +1 -1
- package/stencil/{index-c666b6e6-BY_K3C_7.js → index-c666b6e6-_VJdjjkl.js} +1 -1
- package/stencil/{pam-change-password-9aef79f2-D63Jvv3h.js → pam-change-password-9aef79f2-CogzjFow.js} +1 -1
- package/stencil/{pam-change-password-9aef79f2-CsK27sme.js → pam-change-password-9aef79f2-cQcampCF.js} +1 -1
- package/stencil/{pam-change-password-9aef79f2-DeF5Y7BW.cjs → pam-change-password-9aef79f2-pEHlKjwR.cjs} +1 -1
- package/stencil/{pam-change-password-P0s58SQf.js → pam-change-password-BJnEtnlV.js} +2 -2
- package/stencil/{pam-change-password-DLWn2kf0.js → pam-change-password-BquFkIEu.js} +2 -2
- package/stencil/{pam-change-password-BlwzbI9Z.cjs → pam-change-password-BsG8yiit.cjs} +1 -1
- package/components/PlayerAccountClosure-D2ovK8jC.cjs +0 -1
- package/components/PlayerAccountClosure-DzDcGjw6.js +0 -346
- package/components/PlayerAccountClosure-uGbZZ9An.js +0 -346
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as te, c as L, h as u, g as yr, H as Co } from "./index-c666b6e6-
|
|
2
|
-
import { P as t_ } from "./pam-change-password-9aef79f2-
|
|
1
|
+
import { r as te, c as L, h as u, g as yr, H as Co } from "./index-c666b6e6-_VJdjjkl.js";
|
|
2
|
+
import { P as t_ } from "./pam-change-password-9aef79f2-cQcampCF.js";
|
|
3
3
|
const Ds = "en", ko = {
|
|
4
4
|
en: {
|
|
5
5
|
dateError: "The selected date should be between {min} and {max}",
|
|
@@ -20,6 +20,7 @@ const Ds = "en", ko = {
|
|
|
20
20
|
MustIncludeNumber: "Password must include a number",
|
|
21
21
|
MustContainCapital: "Password must include a capital letter",
|
|
22
22
|
MustIncludePunctation: "Password must include punctuation",
|
|
23
|
+
MustIncludeLowercase: "Password must include one lowercase character",
|
|
23
24
|
OnlyNumbers: "The input should contain only digits.",
|
|
24
25
|
InvalidFieldSize: "The length must be exactly 11 digits.",
|
|
25
26
|
InvalidDocumentNumber: "Only numerical characters are allowed.",
|
|
@@ -46,6 +47,7 @@ const Ds = "en", ko = {
|
|
|
46
47
|
MustIncludeNumber: "A jelszónak tartalmaznia kell egy számot",
|
|
47
48
|
MustContainCapital: "A jelszónak tartalmaznia kell egy nagybetűt",
|
|
48
49
|
MustIncludePunctation: "A jelszónak tartalmaznia kell írásjelet",
|
|
50
|
+
MustIncludeLowercase: "A jelszónak legalább egy kisbetűt kell tartalmaznia",
|
|
49
51
|
OnlyNumbers: "Csak számjegyeket tartalmazhat.",
|
|
50
52
|
InvalidFieldSize: "A hosszúságnak pontosan 11 számjegynek kell lennie.",
|
|
51
53
|
InvalidDocumentNumber: "Csak számjegyek engedélyezettek.",
|
|
@@ -72,6 +74,7 @@ const Ds = "en", ko = {
|
|
|
72
74
|
MustIncludeNumber: "Lozinka mora sadržavati broj",
|
|
73
75
|
MustContainCapital: "Lozinka mora sadržavati veliko slovo",
|
|
74
76
|
MustIncludePunctation: "Lozinka mora sadržavati barem jedan znak",
|
|
77
|
+
MustIncludeLowercase: "Lozinka mora sadržavati barem jedno malo slovo",
|
|
75
78
|
OnlyNumbers: "Smije sadržavati samo znamenke.",
|
|
76
79
|
InvalidFieldSize: "Dužina mora biti točno 11 znamenki.",
|
|
77
80
|
InvalidDocumentNumber: "Dopušteni su samo numerički znakovi.",
|
|
@@ -98,6 +101,7 @@ const Ds = "en", ko = {
|
|
|
98
101
|
MustIncludeNumber: "bir sayı içermelidir",
|
|
99
102
|
MustContainCapital: "büyük harf içermelidir",
|
|
100
103
|
MustIncludePunctation: "noktalama işareti içermelidir",
|
|
104
|
+
MustIncludeLowercase: "Şifre en az bir küçük harf içermelidir",
|
|
101
105
|
OnlyNumbers: "Yalnızca rakamlar içermelidir.",
|
|
102
106
|
InvalidFieldSize: "Uzunluk tam olarak 11 rakam olmalıdır.",
|
|
103
107
|
InvalidDocumentNumber: "Sadece sayısal karakterlere izin verilir.",
|
|
@@ -124,6 +128,7 @@ const Ds = "en", ko = {
|
|
|
124
128
|
MustIncludeNumber: "A senha deve incluir um número",
|
|
125
129
|
MustContainCapital: "A senha deve incluir uma letra maiúscula",
|
|
126
130
|
MustIncludePunctation: "A senha deve incluir um sinal de pontuação",
|
|
131
|
+
MustIncludeLowercase: "A senha deve conter pelo menos uma letra minúscula",
|
|
127
132
|
OnlyNumbers: "Deve conter apenas dígitos.",
|
|
128
133
|
InvalidFieldSize: "O comprimento deve ser exatamente 11 dígitos.",
|
|
129
134
|
InvalidDocumentNumber: "Apenas caracteres numéricos são permitidos.",
|
|
@@ -150,6 +155,7 @@ const Ds = "en", ko = {
|
|
|
150
155
|
MustIncludeNumber: "La contraseña debe incluir un número",
|
|
151
156
|
MustContainCapital: "La contraseña debe incluir una letra mayúscula",
|
|
152
157
|
MustIncludePunctation: "La contraseña debe incluir un signo de puntuación",
|
|
158
|
+
MustIncludeLowercase: "La contraseña debe contener al menos una letra minúscula",
|
|
153
159
|
OnlyNumbers: "Debe contener solo dígitos.",
|
|
154
160
|
InvalidFieldSize: "La longitud debe ser exactamente de 11 dígitos.",
|
|
155
161
|
InvalidDocumentNumber: "Solo se permiten caracteres numéricos.",
|
|
@@ -19770,8 +19776,9 @@ const Sf = `*,
|
|
|
19770
19776
|
return;
|
|
19771
19777
|
}
|
|
19772
19778
|
this.passwordComplexity = this.validation.custom.filter((e) => e.rule === "regex").map((e) => {
|
|
19773
|
-
const
|
|
19774
|
-
|
|
19779
|
+
const t = new RegExp(e.pattern);
|
|
19780
|
+
let r = !1;
|
|
19781
|
+
return i && (r = t.test(i)), { rule: e.displayName, ruleKey: e.errorKey, passed: r };
|
|
19775
19782
|
});
|
|
19776
19783
|
}
|
|
19777
19784
|
setValidity() {
|
|
@@ -19811,7 +19818,7 @@ const Sf = `*,
|
|
|
19811
19818
|
}
|
|
19812
19819
|
render() {
|
|
19813
19820
|
let i = "";
|
|
19814
|
-
return this.touched && (i = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "
|
|
19821
|
+
return this.touched && (i = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "db7a6a87af3de451485c603a2f28f25806838d20", class: `password__wrapper ${this.autofilled ? "password__wrapper--autofilled" : ""} ${this.name}__input`, ref: (e) => this.stylingContainer = e }, u("div", { key: "146ace196e1343f778232c0e2ff07556c0a09e1e", class: "password__wrapper--flex" }, u("label", { key: "0d0cb672dfc7a43535a299b45752f43a87f73760", class: `password__label ${this.validation.mandatory ? "password__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "1eac72dfdadd0f50bd2db6b0fc44320dd2f287bf", class: "password__wrapper--relative" }, this.tooltip && u("img", { key: "bb327b9a403c1fc5628c4ba2da8d1a2b62888db5", class: "password__tooltip-icon", src: he, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("vaadin-password-field", { key: "7962f122d1bfb0ac0a5176a743e1224dccba4910", type: "password", id: `${this.name}__input`, class: `password__input ${i}`, 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 && u("small", { key: "efadfea8911ba72161aef495d1fb5857f14a319b", class: "password__error-message" }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.hidePasswordComplexity && !this.isDuplicateInput && this.renderComplexityPopup());
|
|
19815
19822
|
}
|
|
19816
19823
|
get element() {
|
|
19817
19824
|
return yr(this);
|
|
@@ -19985,10 +19992,10 @@ const Mf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{
|
|
|
19985
19992
|
}
|
|
19986
19993
|
};
|
|
19987
19994
|
Nf.style = zf;
|
|
19988
|
-
const Lf = '*,*::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)}.
|
|
19995
|
+
const Lf = '*,*::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}', Ff = Lf, Rf = class {
|
|
19989
19996
|
constructor(i) {
|
|
19990
19997
|
te(this, i), this.sendValidityState = L(this, "sendValidityState"), this.sendInputValue = L(this, "sendInputValue"), this.validationPattern = "", this.touched = !1, this.handleInput = (e) => {
|
|
19991
|
-
this.
|
|
19998
|
+
this.setPhoneValue(e.target.value), this.value = { prefix: this.prefixValue, phone: this.phoneValue }, this.touched = !0, this.debounceTime && clearTimeout(this.debounceTime), this.debounceTime = setTimeout(() => {
|
|
19992
19999
|
this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage(), this.emitValueHandler(!0);
|
|
19993
20000
|
}, 500);
|
|
19994
20001
|
}, this.handleBlur = () => {
|
|
@@ -19996,7 +20003,11 @@ const Lf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{f
|
|
|
19996
20003
|
}, this.setClientStyling = () => {
|
|
19997
20004
|
let e = document.createElement("style");
|
|
19998
20005
|
e.innerHTML = this.clientStyling, this.stylingContainer.prepend(e);
|
|
19999
|
-
}, this.name = void 0, this.displayName = void 0, this.placeholder = void 0, this.showLabels = void 0, this.action = void 0, this.validation = void 0, this.defaultValue = void 0, this.autofilled = void 0, this.tooltip = void 0, this.language = void 0, this.emitValue = void 0, this.clientStyling = "", this.isValid = void 0, this.errorMessage = void 0, this.limitStylingAppends = !1, this.showTooltip = !1;
|
|
20006
|
+
}, this.name = void 0, this.displayName = void 0, this.placeholder = void 0, this.showLabels = void 0, this.action = void 0, this.validation = void 0, this.defaultValue = void 0, this.autofilled = void 0, this.tooltip = void 0, this.language = void 0, this.emitValue = void 0, this.clientStyling = "", this.isValid = void 0, this.errorMessage = void 0, this.limitStylingAppends = !1, this.showTooltip = !1, this.disablePhonePrefix = !1, this.phoneValue = "";
|
|
20007
|
+
}
|
|
20008
|
+
setPhoneValue(i) {
|
|
20009
|
+
const e = i.replace(/[^0-9]/g, "");
|
|
20010
|
+
this.phoneValue = e, this.inputReference && (this.inputReference.value = this.phoneValue);
|
|
20000
20011
|
}
|
|
20001
20012
|
handleStylingChange(i, e) {
|
|
20002
20013
|
i !== e && this.setClientStyling();
|
|
@@ -20018,13 +20029,14 @@ const Lf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{f
|
|
|
20018
20029
|
!e.includes(this.tooltipIconReference) && !e.includes(this.tooltipReference) && (this.showTooltip = !1);
|
|
20019
20030
|
}
|
|
20020
20031
|
connectedCallback() {
|
|
20021
|
-
|
|
20032
|
+
var i;
|
|
20033
|
+
this.validationPattern = this.setPattern(), this.defaultValue && (this.prefixValue = this.defaultValue.prefix ? this.defaultValue.prefix : this.defaultValue, this.setPhoneValue((i = this.defaultValue.phone) !== null && i !== void 0 ? i : ""));
|
|
20022
20034
|
}
|
|
20023
20035
|
componentWillLoad() {
|
|
20024
20036
|
if (this.action && this.action.split(" ")[0] == "GET") {
|
|
20025
20037
|
const i = this.action.split(" ")[1];
|
|
20026
20038
|
return this.getPhoneCodes(i).then((e) => {
|
|
20027
|
-
this.phoneCodesOptions = e.phoneCodes.map((t) => typeof t == "object" && t.Prefix ? { label: t.Prefix, value: t.Prefix } : { label: t, value: t });
|
|
20039
|
+
this.phoneCodesOptions = e.phoneCodes.map((t) => typeof t == "object" && t.Prefix ? { label: t.Prefix, value: t.Prefix } : { label: t, value: t }), this.disablePhonePrefix = this.phoneCodesOptions.length <= 1;
|
|
20028
20040
|
});
|
|
20029
20041
|
}
|
|
20030
20042
|
}
|
|
@@ -20070,8 +20082,9 @@ const Lf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{f
|
|
|
20070
20082
|
return this.showTooltip ? u("div", { class: `tel__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (i) => this.tooltipReference = i, innerHTML: this.tooltip }) : null;
|
|
20071
20083
|
}
|
|
20072
20084
|
render() {
|
|
20073
|
-
|
|
20074
|
-
|
|
20085
|
+
var i;
|
|
20086
|
+
let e = "";
|
|
20087
|
+
return this.touched && (e = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "2bb6d988447eefcd3e31351575b7abe916c6b903", class: `tel__wrapper ${this.autofilled ? "tel__wrapper--autofilled" : ""} ${this.name}__input`, ref: (t) => this.stylingContainer = t }, u("div", { key: "1cdce403e1bf84fb6bcbab3d840829d88ac6fd26", class: "tel__wrapper--flex-label" }, u("label", { key: "e2728fcbb7179a8deb000c1029f861a4009b0cc9", class: `tel__label ${this.validation.mandatory ? "tel__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "db5bd2dabf38899ad696dc0f249bd33bd0c4ae6e", class: "tel__wrapper--relative" }, this.tooltip && u("img", { key: "ec1cd6e110cc2201c707d18e3127858ec33ed385", class: "tel__tooltip-icon", src: he, alt: "", ref: (t) => this.tooltipIconReference = t, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("div", { key: "7dc1e8cb3a67686f3396ba594e32f15e3450ddad", class: `tel__wrapper--flex ${e}` }, u("vaadin-combo-box", { key: "d88d269bdb04a507f8b4a5b223491a7401df66a1", class: "tel__prefix", items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (t) => this.handlePrefixInput(t) }), u("input", { key: "4ced0fede5d52e2b0e76312e71a84c1e31736db5", type: "tel", ref: (t) => this.inputReference = t, id: `${this.name}__input`, readOnly: this.autofilled, class: "tel__input", value: (i = this.phoneValue) !== null && i !== void 0 ? i : "", placeholder: `${this.placeholder}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: this.handleInput, onBlur: this.handleBlur })), u("small", { key: "f3322426151eeb20ffaa743e0a7589cfc2e5c0d6", class: "tel__error-message" }, this.errorMessage));
|
|
20075
20088
|
}
|
|
20076
20089
|
static get watchers() {
|
|
20077
20090
|
return {
|