@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.
Files changed (85) hide show
  1. package/components/{GeneralLogout-DpZ-BcWm.js → GeneralLogout-BK7W4djM.js} +14 -14
  2. package/components/{GeneralLogout-DSECYo0-.js → GeneralLogout-CvdWFdpo.js} +14 -14
  3. package/components/{PlayerAccountBettingHistory-BDYeFmkk.js → PlayerAccountBettingHistory-C64EtltO.js} +1 -1
  4. package/components/{PlayerAccountBettingHistory-CNH9wk4q.js → PlayerAccountBettingHistory-nZ8LinMC.js} +1 -1
  5. package/components/{PlayerAccountBiometrics-B9d0_egW.js → PlayerAccountBiometrics-BlO9_i-W.js} +1 -1
  6. package/components/{PlayerAccountBiometrics-DvAjLCSX.js → PlayerAccountBiometrics-DThKgPi7.js} +1 -1
  7. package/components/PlayerAccountClosure-BxDE3-YO.cjs +1 -0
  8. package/components/PlayerAccountClosure-Ccw2bW0u.js +415 -0
  9. package/components/PlayerAccountClosure-CwXvvWRK.js +415 -0
  10. package/components/{PlayerAccountController-B5o-QZfa.js → PlayerAccountController-BipA5dT6.js} +56 -56
  11. package/components/{PlayerAccountController-Dw6RUK9e.js → PlayerAccountController-CKu3wcId.js} +52 -52
  12. package/components/{PlayerAccountController-BgfmPXPA.cjs → PlayerAccountController-DHJKvnkw.cjs} +1 -1
  13. package/components/{PlayerAccountGamingLimits-B6wKBvsB.js → PlayerAccountGamingLimits-CcpuYH3l.js} +2 -2
  14. package/components/{PlayerAccountGamingLimits-DBraet-_.js → PlayerAccountGamingLimits-HQ7tPC1W.js} +2 -2
  15. package/components/{PlayerAccountGamingLimitsConfirmationModal-BKVbjWGo.js → PlayerAccountGamingLimitsConfirmationModal-CzJ2YE0J.js} +13 -13
  16. package/components/{PlayerAccountGamingLimitsConfirmationModal-C7eo4n91.js → PlayerAccountGamingLimitsConfirmationModal-gw5_UaO9.js} +13 -13
  17. package/components/{PlayerAccountGamingLimitsGroupEdit-JjBMtw_4.js → PlayerAccountGamingLimitsGroupEdit-BBXokwWe.js} +4 -4
  18. package/components/{PlayerAccountGamingLimitsGroupEdit-CfD-M6Qh.js → PlayerAccountGamingLimitsGroupEdit-w-LPEUKA.js} +4 -4
  19. package/components/{PlayerAccountGamingLimitsHistory2-BM9UlpyS.js → PlayerAccountGamingLimitsHistory2-1-KN4dJo.js} +15 -15
  20. package/components/{PlayerAccountGamingLimitsHistory2-B41VVq8R.js → PlayerAccountGamingLimitsHistory2-BNSENHSR.js} +15 -15
  21. package/components/{PlayerAccountGamingLimitsInfoCard-DwX_bkPR.js → PlayerAccountGamingLimitsInfoCard-DrrUbetA.js} +34 -34
  22. package/components/{PlayerAccountGamingLimitsInfoCard-B9H7I5Gr.js → PlayerAccountGamingLimitsInfoCard-Tmb-Qtf5.js} +34 -34
  23. package/components/{PlayerAccountGamingLimitsPage2Gm16-Brd3m-fP.js → PlayerAccountGamingLimitsPage2Gm16-DIB0a56k.js} +54 -54
  24. package/components/{PlayerAccountGamingLimitsPage2Gm16-w3PA_HBR.js → PlayerAccountGamingLimitsPage2Gm16-Dwc_eapv.js} +53 -53
  25. package/components/{PlayerAccountGamingLimitsPopup-BhTuwNDv.js → PlayerAccountGamingLimitsPopup-Dza8qXt2.js} +3 -3
  26. package/components/{PlayerAccountGamingLimitsPopup-Bm8wJyt7.js → PlayerAccountGamingLimitsPopup-kYMipjs6.js} +3 -3
  27. package/components/{PlayerAccountGamingLimitsWrapper2-Em5gYydz.js → PlayerAccountGamingLimitsWrapper2-Cb7n9Q4c.js} +17 -17
  28. package/components/{PlayerAccountGamingLimitsWrapper2-DlnqaCXY.js → PlayerAccountGamingLimitsWrapper2-sutTKtrP.js} +3 -3
  29. package/components/{PlayerAccountGeneralConfirmationModal-C2j-cezP.js → PlayerAccountGeneralConfirmationModal-CNNT6cLA.js} +27 -27
  30. package/components/{PlayerAccountGeneralConfirmationModal-TR0re855.js → PlayerAccountGeneralConfirmationModal-O_Xo5PRp.js} +27 -27
  31. package/components/{PlayerAccountMenu-DZqChKXK.js → PlayerAccountMenu-B8_qfqEA.js} +2 -2
  32. package/components/{PlayerAccountMenu-DDK28uRA.js → PlayerAccountMenu-CEAFQw3J.js} +2 -2
  33. package/components/{PlayerAccountModal-Cw2Mcd-d.js → PlayerAccountModal-BOVxILh3.js} +12 -12
  34. package/components/{PlayerAccountModal-DoBwOdNI.js → PlayerAccountModal-BxtTrm2F.js} +12 -12
  35. package/components/{PlayerAccountNotifications-CzhNTTTd.js → PlayerAccountNotifications-BLs_Pe58.js} +18 -18
  36. package/components/{PlayerAccountNotifications-BpsUOj0M.js → PlayerAccountNotifications-eSHo-n7V.js} +15 -15
  37. package/components/{PlayerAccountProductRestriction-DqUGfl7k.js → PlayerAccountProductRestriction-BMJkJUSt.js} +3 -3
  38. package/components/{PlayerAccountProductRestriction-rGRn8xJ4.js → PlayerAccountProductRestriction-DP9gaWug.js} +3 -3
  39. package/components/{PlayerAccountSelfExclusion-C9TnrJ7N.js → PlayerAccountSelfExclusion-CVXCwLtg.js} +3 -3
  40. package/components/{PlayerAccountSelfExclusion-vSD4lcik.js → PlayerAccountSelfExclusion-CgUDyZXR.js} +3 -3
  41. package/components/{PlayerAccountTimeout-85IOVG-i.js → PlayerAccountTimeout-CmiXGC6Z.js} +25 -25
  42. package/components/{PlayerAccountTimeout-xIuSq8qm.js → PlayerAccountTimeout-DSDc5ma9.js} +25 -25
  43. package/components/{PlayerAccountTransactionsHistory-DFX12I_O.js → PlayerAccountTransactionsHistory-B9mRKUUC.js} +3 -3
  44. package/components/{PlayerAccountTransactionsHistory-vSQcu9SJ.js → PlayerAccountTransactionsHistory-C5SXjM2f.js} +3 -3
  45. package/components/{PlayerActiveBonuses-C3dKwqK0.js → PlayerActiveBonuses-BGepm_PQ.js} +28 -28
  46. package/components/{PlayerActiveBonuses-D8-VRr34.js → PlayerActiveBonuses-Dom1cSd6.js} +28 -28
  47. package/components/{PlayerBonusCard-BXjt3PQh.js → PlayerBonusCard-Bue5TYNt.js} +2 -2
  48. package/components/{PlayerBonusCard-BYBQy1Si.js → PlayerBonusCard-EKpiASJ6.js} +2 -2
  49. package/components/{PlayerBonusHistory-DMhV90U8.js → PlayerBonusHistory-BFgaaZQO.js} +47 -47
  50. package/components/{PlayerBonusHistory-C7230RTP.js → PlayerBonusHistory-lpeT2J9D.js} +49 -49
  51. package/components/{PlayerChangePassword-DTahlEtx.js → PlayerChangePassword-CQm9FDt2.js} +1 -1
  52. package/components/{PlayerChangePassword-B5A-0Obq.js → PlayerChangePassword-DpSiDx3P.js} +1 -1
  53. package/components/{PlayerDeposit-DOzGblzs.js → PlayerDeposit-C-v12uwl.js} +1 -1
  54. package/components/{PlayerDeposit-DqT5-LKW.js → PlayerDeposit-CmmfBFxW.js} +1 -1
  55. package/components/{PlayerGamingHistory-DS-9NsIA.js → PlayerGamingHistory-B6XQvygZ.js} +44 -44
  56. package/components/{PlayerGamingHistory-DP7BDbf6.js → PlayerGamingHistory-lT_SJgiz.js} +35 -35
  57. package/components/{PlayerPendingWithdrawals-iWN6LsIP.js → PlayerPendingWithdrawals-D1OrRFXU.js} +1 -1
  58. package/components/{PlayerPendingWithdrawals-CGYcCotO.js → PlayerPendingWithdrawals-yVjsxqA0.js} +1 -1
  59. package/components/{PlayerProfileInfo-CXB2S4G7.js → PlayerProfileInfo-CNs_rVtu.js} +1 -1
  60. package/components/{PlayerProfileInfo-CkE2sMgx.js → PlayerProfileInfo-DVss0s13.js} +1 -1
  61. package/components/{PlayerRealityCheck-kgcCV8FV.js → PlayerRealityCheck-DlDgwEbp.js} +27 -27
  62. package/components/{PlayerRealityCheck-Dr5lvwHL.js → PlayerRealityCheck-DsWuAvgp.js} +27 -27
  63. package/components/{PlayerTransactionHistory-CEEirGIE.js → PlayerTransactionHistory-DcIV6du-.js} +1 -1
  64. package/components/{PlayerTransactionHistory-j-FbnqEI.js → PlayerTransactionHistory-H6ItndSr.js} +1 -1
  65. package/components/{PlayerWithdrawal-DjRR7TrQ.js → PlayerWithdrawal-C0e0FHef.js} +1 -1
  66. package/components/{PlayerWithdrawal-B_nHZSvY.js → PlayerWithdrawal-CIrttRms.js} +1 -1
  67. package/es2015/player-account-controller.cjs +1 -1
  68. package/es2015/player-account-controller.js +1 -1
  69. package/esnext/player-account-controller.js +1 -1
  70. package/package.json +1 -1
  71. package/stencil/{checkbox-group-input_15-DGGG6iYN.js → checkbox-group-input_15-CCYn8XHR.js} +25 -12
  72. package/stencil/{checkbox-group-input_15-DXY-kI7k.js → checkbox-group-input_15-DmlCQtUF.js} +25 -12
  73. package/stencil/{checkbox-group-input_15-CVl9H62A.cjs → checkbox-group-input_15-v7nOyVUz.cjs} +2 -2
  74. package/stencil/{index-c666b6e6-C48tHrD1.js → index-c666b6e6-CgIaZhF8.js} +1 -1
  75. package/stencil/{index-c666b6e6-BIe1NzeE.cjs → index-c666b6e6-D45XCRQA.cjs} +1 -1
  76. package/stencil/{index-c666b6e6-BY_K3C_7.js → index-c666b6e6-_VJdjjkl.js} +1 -1
  77. package/stencil/{pam-change-password-9aef79f2-D63Jvv3h.js → pam-change-password-9aef79f2-CogzjFow.js} +1 -1
  78. package/stencil/{pam-change-password-9aef79f2-CsK27sme.js → pam-change-password-9aef79f2-cQcampCF.js} +1 -1
  79. package/stencil/{pam-change-password-9aef79f2-DeF5Y7BW.cjs → pam-change-password-9aef79f2-pEHlKjwR.cjs} +1 -1
  80. package/stencil/{pam-change-password-P0s58SQf.js → pam-change-password-BJnEtnlV.js} +2 -2
  81. package/stencil/{pam-change-password-DLWn2kf0.js → pam-change-password-BquFkIEu.js} +2 -2
  82. package/stencil/{pam-change-password-BlwzbI9Z.cjs → pam-change-password-BsG8yiit.cjs} +1 -1
  83. package/components/PlayerAccountClosure-D2ovK8jC.cjs +0 -1
  84. package/components/PlayerAccountClosure-DzDcGjw6.js +0 -346
  85. 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-BY_K3C_7.js";
2
- import { P as t_ } from "./pam-change-password-9aef79f2-CsK27sme.js";
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 r = new RegExp(e.pattern).test(i);
19774
- return { rule: e.displayName, ruleKey: e.errorKey, passed: r };
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: "33382cbd190f8940deca08498cf4eaa712569a20", class: `password__wrapper ${this.autofilled ? "password__wrapper--autofilled" : ""} ${this.name}__input`, ref: (e) => this.stylingContainer = e }, u("div", { key: "465cc9fdc7184bae229594f1bcb78c074e5f08ea", class: "password__wrapper--flex" }, u("label", { key: "b5c5b7308114fa3ff7fb43b5be942de77f36bb1f", class: `password__label ${this.validation.mandatory ? "password__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "b0179648512f0c83309d1d4cee0b70d28419a963", class: "password__wrapper--relative" }, this.tooltip && u("img", { key: "691414184bee41a802e7bffe4ec69da60ccd9c81", class: "password__tooltip-icon", src: he, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("vaadin-password-field", { key: "c8517456b91218d455520b2913cc5ae58036ff32", 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: "a31e8ef7d5f73994af19178c9edcbcec5cedc2bb", class: "password__error-message" }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.hidePasswordComplexity && !this.isDuplicateInput && this.renderComplexityPopup());
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)}.tel__prefix::part(toggle-button){color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.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 {
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.phoneValue = e.target.value, this.value = { prefix: this.prefixValue, phone: this.phoneValue }, this.touched = !0, this.debounceTime && clearTimeout(this.debounceTime), this.debounceTime = setTimeout(() => {
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
- this.validationPattern = this.setPattern(), this.defaultValue && (this.prefixValue = this.defaultValue.prefix ? this.defaultValue.prefix : this.defaultValue, this.phoneValue = this.defaultValue.phone || null);
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
- let i = "";
20074
- return this.touched && (i = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "794ad1ad72a5c558b359e003d880170679145a83", class: `tel__wrapper ${this.autofilled ? "tel__wrapper--autofilled" : ""} ${this.name}__input`, ref: (e) => this.stylingContainer = e }, u("div", { key: "60c48397f996eaf2c7df516b42a58e295954ce11", class: "tel__wrapper--flex-label" }, u("label", { key: "114a11bd08658aba467d8bff220bdbda7c8a635f", class: `tel__label ${this.validation.mandatory ? "tel__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "879297d9f5b68b64a2329717d81eae4fbb9e5f1a", class: "tel__wrapper--relative" }, this.tooltip && u("img", { key: "b5e3ec5f52fc4cc36ba7e252a63cc1d4aed92858", class: "tel__tooltip-icon", src: he, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("div", { key: "7fdfce487a763c54a96ff2b541dcf5ea34d1808e", class: `tel__wrapper--flex ${i}` }, u("vaadin-combo-box", { key: "e79a8c63f3b3ec22ecf47b0cb0b0aa89075c5f4d", class: "tel__prefix", items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.autofilled, onChange: (e) => this.handlePrefixInput(e) }), u("input", { key: "8ed28d4ce9e68c8f941d898f1429c2b0077d5aa6", type: "tel", ref: (e) => this.inputReference = e, id: `${this.name}__input`, readOnly: this.autofilled, class: "tel__input", value: this.phoneValue, 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: "315c8e7d6158e963502f37046c8a2f2928873ee6", class: "tel__error-message" }, this.errorMessage));
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 {