@everymatrix/player-account-controller 1.66.2 → 1.67.3
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-CgxHUYZx.js → GeneralLogout-BvHI6IRl.js} +1439 -1474
- package/components/{GeneralLogout-CYE3twI-.js → GeneralLogout-DC1eQria.js} +1458 -1493
- package/components/GeneralLogout-DweBl3EQ.cjs +21 -0
- package/components/{PlayerAccountBettingHistory-BXBMy618.js → PlayerAccountBettingHistory-BTEzWQvN.js} +27 -27
- package/components/{PlayerAccountBettingHistory-B0IsJ01N.js → PlayerAccountBettingHistory-Bo3-gODs.js} +27 -27
- package/components/{PlayerAccountBettingHistory-BtDZukYI.cjs → PlayerAccountBettingHistory-DgHU9Jz9.cjs} +1 -1
- package/components/{PlayerAccountBiometrics-DrmVF6dX.js → PlayerAccountBiometrics-DRMe1Ngk.js} +22 -22
- package/components/{PlayerAccountBiometrics-CEEVheLt.cjs → PlayerAccountBiometrics-DXk7ouzk.cjs} +1 -1
- package/components/{PlayerAccountBiometrics-CCk_4MyI.js → PlayerAccountBiometrics-eJ0NsGhR.js} +22 -22
- package/components/{PlayerAccountClosure-B_xwOPds.js → PlayerAccountClosure-CenyN-4X.js} +17 -17
- package/components/{PlayerAccountClosure-UwL_V2IO.js → PlayerAccountClosure-D4FSDBR-.js} +17 -17
- package/components/{PlayerAccountClosure-DoZ91aH2.cjs → PlayerAccountClosure-DMF66IyF.cjs} +1 -1
- package/components/PlayerAccountController-BrHDusjh.cjs +1 -0
- package/components/{PlayerAccountController-C33yFWno.js → PlayerAccountController-C88OV9t0.js} +832 -519
- package/components/{PlayerAccountController-KYfwQerX.js → PlayerAccountController-D3jDQKMc.js} +826 -513
- package/components/{PlayerAccountGamingLimits-DZBzKFyv.cjs → PlayerAccountGamingLimits-C5-wP3x8.cjs} +1 -1
- package/components/{PlayerAccountGamingLimits-BF1Dd_Yw.js → PlayerAccountGamingLimits-bgH5yldD.js} +19 -19
- package/components/{PlayerAccountGamingLimits-BKHRQo_P.js → PlayerAccountGamingLimits-qvefhQXf.js} +19 -19
- package/components/{PlayerAccountGamingLimitsConfirmationModal-57Q5qtf8.js → PlayerAccountGamingLimitsConfirmationModal-B-Zcfwzu.js} +53 -53
- package/components/{PlayerAccountGamingLimitsConfirmationModal-CztJ5DKd.js → PlayerAccountGamingLimitsConfirmationModal-BSuURD9X.js} +53 -53
- package/components/PlayerAccountGamingLimitsConfirmationModal-DzBevsyQ.cjs +1 -0
- package/components/{PlayerAccountGamingLimitsGroupEdit-B7O4IGQB.js → PlayerAccountGamingLimitsGroupEdit-CgtvM5l0.js} +415 -413
- package/components/{PlayerAccountGamingLimitsGroupEdit-DlaRG8Hg.js → PlayerAccountGamingLimitsGroupEdit-DflmfEfo.js} +415 -413
- package/components/PlayerAccountGamingLimitsGroupEdit-JOrwbKuQ.cjs +1 -0
- package/components/{PlayerAccountGamingLimitsHistory2-BLK-Rk6N.js → PlayerAccountGamingLimitsHistory2-B0Hm0NN-.js} +48 -48
- package/components/{PlayerAccountGamingLimitsHistory2-CreFMkf_.cjs → PlayerAccountGamingLimitsHistory2-C0g0UlRl.cjs} +1 -1
- package/components/{PlayerAccountGamingLimitsHistory2-Br4h7_eS.js → PlayerAccountGamingLimitsHistory2-CkXX1K7L.js} +46 -46
- package/components/{PlayerAccountGamingLimitsInfoCard-BlMfsPqJ.js → PlayerAccountGamingLimitsInfoCard-ByqimrlU.js} +80 -80
- package/components/{PlayerAccountGamingLimitsInfoCard-BqsEfU1b.js → PlayerAccountGamingLimitsInfoCard-D2xDA5AE.js} +80 -80
- package/components/{PlayerAccountGamingLimitsInfoCard-DWbZBNtU.cjs → PlayerAccountGamingLimitsInfoCard-DxIPZWF4.cjs} +1 -1
- package/components/{PlayerAccountGamingLimitsPage2Gm16-C4Cf53bH.js → PlayerAccountGamingLimitsPage2Gm16-AMitiwvP.js} +1016 -942
- package/components/{PlayerAccountGamingLimitsPage2Gm16-D0UaSH_1.js → PlayerAccountGamingLimitsPage2Gm16-Bjtas4Og.js} +1016 -942
- package/components/PlayerAccountGamingLimitsPage2Gm16-DfhEHyrV.cjs +26 -0
- package/components/{PlayerAccountGamingLimitsPopup-DTb6cpuT.js → PlayerAccountGamingLimitsPopup-Bhe4pnzt.js} +28 -28
- package/components/{PlayerAccountGamingLimitsPopup-CmNqLNxB.cjs → PlayerAccountGamingLimitsPopup-DkQcpWO7.cjs} +1 -1
- package/components/{PlayerAccountGamingLimitsPopup-Dz9ROowj.js → PlayerAccountGamingLimitsPopup-LjmHojBJ.js} +28 -28
- package/components/{PlayerAccountGamingLimitsWrapper2-BNIPTcA9.cjs → PlayerAccountGamingLimitsWrapper2-DUm34VGO.cjs} +1 -1
- package/components/{PlayerAccountGamingLimitsWrapper2-B1gV6va3.js → PlayerAccountGamingLimitsWrapper2-Db4M3i4n.js} +36 -36
- package/components/{PlayerAccountGamingLimitsWrapper2-BxbHvpZn.js → PlayerAccountGamingLimitsWrapper2-bXqMOFZu.js} +36 -36
- package/components/{PlayerAccountGeneralConfirmationModal-DQ7Oklqf.js → PlayerAccountGeneralConfirmationModal-BXvbser8.js} +95 -95
- package/components/{PlayerAccountGeneralConfirmationModal-lHX_vmhB.js → PlayerAccountGeneralConfirmationModal-Ct4ffM2k.js} +95 -95
- package/components/PlayerAccountGeneralConfirmationModal-dy9TCHFm.cjs +1 -0
- package/components/{PlayerAccountMenu-BZnkRiU-.cjs → PlayerAccountMenu-BZSV920e.cjs} +1 -1
- package/components/{PlayerAccountMenu-D4d9TQsD.js → PlayerAccountMenu-COhw6RUO.js} +29 -29
- package/components/{PlayerAccountMenu-j3TA2Osb.js → PlayerAccountMenu-CXkbGum8.js} +29 -29
- package/components/{PlayerAccountModal-Cbpkb5P6.js → PlayerAccountModal-BlJKMVDD.js} +44 -44
- package/components/{PlayerAccountModal-Co5a_OZZ.js → PlayerAccountModal-C2BAyjz8.js} +44 -44
- package/components/{PlayerAccountModal-SsGlrcmj.cjs → PlayerAccountModal-lwDOdDa4.cjs} +1 -1
- package/components/{PlayerAccountNotifications-CkbUxjuk.js → PlayerAccountNotifications-Br27rQuw.js} +35 -35
- package/components/{PlayerAccountNotifications-ejASOsrU.cjs → PlayerAccountNotifications-CzMMRPni.cjs} +1 -1
- package/components/{PlayerAccountNotifications-f0A-2obd.js → PlayerAccountNotifications-YIzJUJtW.js} +120 -120
- package/components/{PlayerAccountTransactionsHistory-CRucfQT9.js → PlayerAccountProductRestriction-B77qHgnG.js} +3353 -3490
- package/components/{PlayerAccountTransactionsHistory-BzB7rnla.cjs → PlayerAccountProductRestriction-DWcq863g.cjs} +272 -269
- package/components/{PlayerAccountTransactionsHistory-D5xVdr5D.js → PlayerAccountProductRestriction-JWXFId11.js} +3329 -3465
- package/components/{PlayerAccountSelfExclusion-Bme3jA4c.js → PlayerAccountSelfExclusion-B-7yOGf0.js} +2482 -2793
- package/components/{PlayerAccountSelfExclusion-CDEu24ob.cjs → PlayerAccountSelfExclusion-DgB8NI71.cjs} +161 -161
- package/components/{PlayerAccountSelfExclusion-CcQBa7WB.js → PlayerAccountSelfExclusion-hvxg512S.js} +2324 -2635
- package/components/{PlayerAccountTimeout-9R54hZUl.js → PlayerAccountTimeout-BZa0DlXA.js} +103 -102
- package/components/{PlayerAccountTimeout-CpDdajvl.js → PlayerAccountTimeout-DiPXXjP_.js} +103 -102
- package/components/{PlayerAccountTimeout-BG_yWya9.cjs → PlayerAccountTimeout-ouzdA1ph.cjs} +1 -1
- package/components/PlayerAccountTransactionsHistory-DApJMGFo.js +1809 -0
- package/components/PlayerAccountTransactionsHistory-DrGUOnga.cjs +1 -0
- package/components/PlayerAccountTransactionsHistory-tOK25Lc2.js +1779 -0
- package/components/{PlayerActiveBonuses-uCEkihFw.js → PlayerActiveBonuses-5Q7f3yAG.js} +315 -315
- package/components/PlayerActiveBonuses-C7-7ACSS.cjs +1 -0
- package/components/{PlayerActiveBonuses-Cakyx19i.js → PlayerActiveBonuses-dQ_zgejC.js} +318 -318
- package/components/{PlayerBonusCard-6xOKi384.js → PlayerBonusCard-CBO8neP8.js} +54 -54
- package/components/{PlayerBonusCard-BNNcjGWn.cjs → PlayerBonusCard-nwlvuWsq.cjs} +1 -1
- package/components/{PlayerBonusCard-CXbETnCF.js → PlayerBonusCard-uudC6LGS.js} +54 -54
- package/components/{PlayerBonusHistory-wRNMiwgX.js → PlayerBonusHistory-CG01zuOG.js} +30 -30
- package/components/{PlayerBonusHistory-BQAF4bSM.js → PlayerBonusHistory-D1AxPL0k.js} +30 -30
- package/components/{PlayerBonusHistory-BfctVq0u.cjs → PlayerBonusHistory-DI5gRSGg.cjs} +1 -1
- package/components/{PlayerChangePassword-ChwKfBC6.js → PlayerChangePassword-BUbXMFnB.js} +66 -66
- package/components/{PlayerChangePassword-LgjKzYU1.cjs → PlayerChangePassword-D0aYOkoZ.cjs} +1 -1
- package/components/{PlayerChangePassword-C2ZoKuCq.js → PlayerChangePassword-D4DzBZed.js} +66 -66
- package/components/{PlayerDeposit-VLcz0tQH.js → PlayerDeposit-BB64hmyO.js} +29 -29
- package/components/{PlayerDeposit-Dzg8Ltb1.cjs → PlayerDeposit-DAFmH9HW.cjs} +1 -1
- package/components/{PlayerDeposit-BPZ5wCAZ.js → PlayerDeposit-lfkc7jOj.js} +29 -29
- package/components/{PlayerGamingHistory-Du5updfI.cjs → PlayerGamingHistory-C7HQc8KL.cjs} +1 -1
- package/components/{PlayerGamingHistory-lkyuXLIU.js → PlayerGamingHistory-DxA-MkBo.js} +63 -63
- package/components/{PlayerGamingHistory-BhmBAAFp.js → PlayerGamingHistory-NKBfYTcF.js} +63 -63
- package/components/{PlayerPendingWithdrawals-DeNKdUgJ.js → PlayerPendingWithdrawals-B6qiUkpB.js} +26 -26
- package/components/{PlayerPendingWithdrawals-BMwtFNQT.cjs → PlayerPendingWithdrawals-DbuXpIXl.cjs} +1 -1
- package/components/{PlayerPendingWithdrawals-go7okUzL.js → PlayerPendingWithdrawals-QAaJbf_-.js} +26 -26
- package/components/{PlayerProfileInfo-L9Iditu5.js → PlayerProfileInfo-Bpxnw7hG.js} +1035 -949
- package/components/{PlayerProfileInfo-Bs0bYgez.js → PlayerProfileInfo-C-yTxZtj.js} +993 -905
- package/components/PlayerProfileInfo-CQWJWCmN.cjs +4 -0
- package/components/{PlayerRealityCheck-BrVF76qp.cjs → PlayerRealityCheck-CFJVJn17.cjs} +1 -1
- package/components/{PlayerRealityCheck-DMNAglZN.js → PlayerRealityCheck-CyxiiYoi.js} +44 -44
- package/components/{PlayerRealityCheck-C2TUMl9-.js → PlayerRealityCheck-DQ-_y3IT.js} +45 -45
- package/components/{PlayerTransactionHistory-A-aVfyoc.js → PlayerTransactionHistory-6G6ws2ky.js} +19 -19
- package/components/{PlayerTransactionHistory-4VtQqLAc.cjs → PlayerTransactionHistory-BOtRm_b6.cjs} +1 -1
- package/components/{PlayerTransactionHistory-BFV_XJw9.js → PlayerTransactionHistory-BjRhtwD4.js} +19 -19
- package/components/{PlayerWithdrawal-B_wQZI_t.js → PlayerWithdrawal-BIBZrL0i.js} +19 -19
- package/components/{PlayerWithdrawal-CTttZqLr.js → PlayerWithdrawal-CuR6Pb4o.js} +19 -19
- package/components/{PlayerWithdrawal-BMLgaRLc.cjs → PlayerWithdrawal-OBRjEIH9.cjs} +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_14-BQWBhbsW.cjs +5901 -0
- package/stencil/{general-input-DGu8X142.js → checkbox-group-input_14-Rk4kY_Jo.js} +7680 -3123
- package/stencil/{general-input-6HMiojaV.js → checkbox-group-input_14-yDxYy7hE.js} +7670 -3113
- package/stencil/index-13661b98-Pl0EtfMi.cjs +1 -0
- package/stencil/{index-9cd44522--OAp7ePk.js → index-13661b98-l0CINbAR.js} +204 -219
- package/stencil/{index-9cd44522-C0ycW8_E.js → index-13661b98-mRWmP463.js} +215 -230
- package/stencil/{index-1ef3a64c-DsTe-fF4.js → index-1ef3a64c-B1Hda3TY.js} +185 -185
- package/stencil/index-1ef3a64c-CCWt3IAA.cjs +1 -0
- package/stencil/{index-1ef3a64c-BNosNJnU.js → index-1ef3a64c-Dd-0nq4l.js} +192 -192
- package/stencil/index-7c5e707a-8-4_dLFT.js +643 -0
- package/stencil/{index-7c5e707a-C9R6jYpt.js → index-7c5e707a-CuTkyLaW.js} +209 -209
- package/stencil/index-7c5e707a-nBsW029h.cjs +1 -0
- package/stencil/index-9c0f6c58-DbSOntvG.cjs +1 -0
- package/stencil/{index-9c0f6c58-bxjYqwOi.js → index-9c0f6c58-NlVKpLut.js} +180 -180
- package/stencil/{index-9c0f6c58-BB5opCt9.js → index-9c0f6c58-RPoO1End.js} +176 -176
- package/stencil/index-b2193545-BXNomIzV.js +519 -0
- package/stencil/index-b2193545-CYe2oVMy.js +503 -0
- package/stencil/index-b2193545-DxRobzZI.cjs +1 -0
- package/stencil/pam-change-password-CCgx2ZAF.cjs +1 -0
- package/stencil/pam-change-password-CDNRmQRk.js +7 -0
- package/stencil/pam-change-password-CThYR6vj.js +25 -0
- package/stencil/{player-change-password-gm2-5cb5c6c1-Bi9IbxQV.js → pam-change-password-f4a1e7e7-B0x-tDUM.js} +223 -74
- package/stencil/pam-change-password-f4a1e7e7-B3Gc4JmD.cjs +125 -0
- package/stencil/{player-change-password-gm2-5cb5c6c1-Bu5Dac83.js → pam-change-password-f4a1e7e7-DegbNPpZ.js} +223 -74
- package/stencil/{player-kyc-verification-CMAkNiAB.js → player-kyc-verification-Cxnz1raa.js} +9 -9
- package/stencil/{player-kyc-verification-p2WFnKBp.js → player-kyc-verification-DA_O1Dqu.js} +12 -12
- package/stencil/{player-kyc-verification-DYcPWwfi.cjs → player-kyc-verification-qKWuqiUm.cjs} +2 -2
- package/stencil/{ui-skeleton-1cb75d00-CwDKR1VD.js → ui-skeleton-1cb75d00-CZJ4UoDJ.js} +1 -1
- package/stencil/{ui-skeleton-1cb75d00-BI5A-j0y.js → ui-skeleton-1cb75d00-D5Bub0nv.js} +1 -1
- package/stencil/{ui-skeleton-1cb75d00-Batko5iK.cjs → ui-skeleton-1cb75d00-dFWe5qbW.cjs} +1 -1
- package/stencil/{ui-skeleton-t0bb1jH7.cjs → ui-skeleton-BH5oLkn9.cjs} +1 -1
- package/stencil/{ui-skeleton-C974aG7g.js → ui-skeleton-CZ5yC1WO.js} +2 -2
- package/stencil/{ui-skeleton-DoX-UmRU.js → ui-skeleton-vLKdvRqw.js} +2 -2
- package/stencil/{user-deposit-withdrawal-Dzz_fEvK.js → user-deposit-withdrawal-BMWb-WJE.js} +45 -45
- package/stencil/{user-deposit-withdrawal-C7W58646.js → user-deposit-withdrawal-ByE9O4TW.js} +45 -45
- package/stencil/{user-deposit-withdrawal-Dfu_1g2v.cjs → user-deposit-withdrawal-DGTrOlxS.cjs} +2 -2
- package/stencil/{user-transaction-history-DhQ6RqNc.js → user-transaction-history-BU4-cXt6.js} +11 -11
- package/stencil/{user-transaction-history-BAK7MHHa.js → user-transaction-history-CXBKXul8.js} +14 -14
- package/stencil/{user-transaction-history-DiRXpfbN.cjs → user-transaction-history-DLLIZ5Ck.cjs} +1 -1
- package/components/GeneralLogout-Dzu2Sl-x.cjs +0 -21
- package/components/PlayerAccountController-BMOvuFM3.cjs +0 -1
- package/components/PlayerAccountGamingLimitsConfirmationModal-CVJUvbSC.cjs +0 -1
- package/components/PlayerAccountGamingLimitsGroupEdit-BvnqlbPp.cjs +0 -1
- package/components/PlayerAccountGamingLimitsPage2Gm16-isbaVllo.cjs +0 -24
- package/components/PlayerAccountGeneralConfirmationModal-BiNxgQbD.cjs +0 -1
- package/components/PlayerActiveBonuses-CVhSMdRf.cjs +0 -1
- package/components/PlayerProfileInfo-DjZCa7C6.cjs +0 -4
- package/stencil/checkbox-group-input_9-BVBeSmHl.js +0 -3895
- package/stencil/checkbox-group-input_9-CixpoaRc.cjs +0 -2
- package/stencil/checkbox-group-input_9-Ckf5IThK.js +0 -3895
- package/stencil/general-input-C54NeVAb.cjs +0 -5636
- package/stencil/index-1ef3a64c-CFvPR_NP.cjs +0 -1
- package/stencil/index-7c5e707a-DvxqcEpc.js +0 -643
- package/stencil/index-7c5e707a-ESX_oqGB.cjs +0 -1
- package/stencil/index-9c0f6c58-DmOKHEVq.cjs +0 -1
- package/stencil/index-9cd44522-CqgRbQOU.cjs +0 -1
- package/stencil/index-b2193545-CnMZ4-Ff.js +0 -519
- package/stencil/index-b2193545-Ct5AhxM8.cjs +0 -1
- package/stencil/index-b2193545-DePry399.js +0 -503
- package/stencil/locale-CB060R77.cjs +0 -1
- package/stencil/locale-Cxpe53Ym.js +0 -153
- package/stencil/password-input_2-BWxS0D5h.js +0 -313
- package/stencil/password-input_2-Bz7EgS5w.cjs +0 -193
- package/stencil/password-input_2-KI96oR82.js +0 -313
- package/stencil/player-change-password-gm2-5cb5c6c1-B561Hszb.cjs +0 -1
- package/stencil/player-change-password-gm2-BRh6ZaCn.js +0 -25
- package/stencil/player-change-password-gm2-COxZYE4t.cjs +0 -1
- package/stencil/player-change-password-gm2-tu3usKOk.js +0 -7
- package/stencil/toggle-checkbox-input-BQz8G4GG.cjs +0 -1
- package/stencil/toggle-checkbox-input-Bhz93bXQ.js +0 -68
- package/stencil/toggle-checkbox-input-lRQooUAB.js +0 -68
- package/stencil/tooltipIcon-ee9760a8-BCCb4EU-.js +0 -4
- package/stencil/tooltipIcon-ee9760a8-Bd9l1O5C.cjs +0 -1
|
@@ -1,313 +0,0 @@
|
|
|
1
|
-
import { r as h, c as p, h as i, g as u } from "./index-9cd44522--OAp7ePk.js";
|
|
2
|
-
import { t as s } from "./locale-Cxpe53Ym.js";
|
|
3
|
-
import { t as c } from "./tooltipIcon-ee9760a8-BCCb4EU-.js";
|
|
4
|
-
import { P as b } from "./player-change-password-gm2-5cb5c6c1-Bi9IbxQV.js";
|
|
5
|
-
const m = `*,
|
|
6
|
-
*::before,
|
|
7
|
-
*::after {
|
|
8
|
-
padding: 0;
|
|
9
|
-
margin: 0;
|
|
10
|
-
box-sizing: border-box;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.password {
|
|
14
|
-
font-family: "Roboto";
|
|
15
|
-
font-style: normal;
|
|
16
|
-
}
|
|
17
|
-
.password__wrapper {
|
|
18
|
-
position: relative;
|
|
19
|
-
width: 100%;
|
|
20
|
-
display: flex;
|
|
21
|
-
flex-direction: column;
|
|
22
|
-
gap: 5px;
|
|
23
|
-
container-type: inline-size;
|
|
24
|
-
}
|
|
25
|
-
.password__wrapper--autofilled {
|
|
26
|
-
pointer-events: none;
|
|
27
|
-
}
|
|
28
|
-
.password__wrapper--autofilled .password__label {
|
|
29
|
-
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
30
|
-
}
|
|
31
|
-
.password__wrapper--autofilled .password__input::part(input-field) {
|
|
32
|
-
color: var(--emw--color-black, #000000);
|
|
33
|
-
}
|
|
34
|
-
.password__wrapper--flex {
|
|
35
|
-
display: flex;
|
|
36
|
-
gap: 5px;
|
|
37
|
-
}
|
|
38
|
-
.password__wrapper--relative {
|
|
39
|
-
position: relative;
|
|
40
|
-
}
|
|
41
|
-
.password__label {
|
|
42
|
-
font-family: inherit;
|
|
43
|
-
font-style: normal;
|
|
44
|
-
font-weight: 500;
|
|
45
|
-
font-size: 16px;
|
|
46
|
-
line-height: 20px;
|
|
47
|
-
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
48
|
-
}
|
|
49
|
-
.password__label--required::after {
|
|
50
|
-
content: "*";
|
|
51
|
-
font-family: inherit;
|
|
52
|
-
color: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));
|
|
53
|
-
margin-left: 2px;
|
|
54
|
-
}
|
|
55
|
-
.password__input {
|
|
56
|
-
width: inherit;
|
|
57
|
-
border: none;
|
|
58
|
-
}
|
|
59
|
-
.password__input[focused]::part(input-field) {
|
|
60
|
-
border-color: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));
|
|
61
|
-
}
|
|
62
|
-
.password__input[invalid]::part(input-field) {
|
|
63
|
-
border: 1px solid var(--emw--color-error, var(--emw--color-red, #ed0909));
|
|
64
|
-
}
|
|
65
|
-
.password__input::part(input-field) {
|
|
66
|
-
border-radius: 4px;
|
|
67
|
-
background-color: var(--emw--color-white, #FFFFFF);
|
|
68
|
-
border: 1px solid var(--emw--color-gray-100, #E6E6E6);
|
|
69
|
-
color: var(--emw--color-black, #000000);
|
|
70
|
-
background-color: var(--emw--color-white, #FFFFFF);
|
|
71
|
-
font-family: inherit;
|
|
72
|
-
font-style: normal;
|
|
73
|
-
font-weight: 300;
|
|
74
|
-
font-size: 16px;
|
|
75
|
-
line-height: 1.5;
|
|
76
|
-
position: relative;
|
|
77
|
-
margin-bottom: unset;
|
|
78
|
-
height: 44px;
|
|
79
|
-
padding: 0;
|
|
80
|
-
width: 100%;
|
|
81
|
-
}
|
|
82
|
-
.password__input::part(reveal-button) {
|
|
83
|
-
position: relative;
|
|
84
|
-
right: 10px;
|
|
85
|
-
}
|
|
86
|
-
.password__input::part(reveal-button)::before {
|
|
87
|
-
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
88
|
-
}
|
|
89
|
-
.password__input > input {
|
|
90
|
-
padding: 5px 15px;
|
|
91
|
-
}
|
|
92
|
-
.password__input > input:placeholder-shown {
|
|
93
|
-
color: var(--emw--color-gray-150, #828282);
|
|
94
|
-
}
|
|
95
|
-
.password__error-message {
|
|
96
|
-
position: absolute;
|
|
97
|
-
top: calc(100% + 5px);
|
|
98
|
-
left: 0;
|
|
99
|
-
color: var(--emw--color-error, var(--emw--color-red, #ed0909));
|
|
100
|
-
}
|
|
101
|
-
.password__complexity {
|
|
102
|
-
height: 150px;
|
|
103
|
-
position: relative;
|
|
104
|
-
padding: 10px;
|
|
105
|
-
display: flex;
|
|
106
|
-
flex-direction: column;
|
|
107
|
-
gap: 20px;
|
|
108
|
-
justify-content: center;
|
|
109
|
-
margin-top: 20px;
|
|
110
|
-
font-weight: 300;
|
|
111
|
-
background: var(--emw--color-white, #FFFFFF);
|
|
112
|
-
-webkit-border-radius: 5px;
|
|
113
|
-
-moz-border-radius: 5px;
|
|
114
|
-
border-radius: 5px;
|
|
115
|
-
border: 1px solid #B0B0B0;
|
|
116
|
-
box-sizing: content-box;
|
|
117
|
-
/* works only in this order */
|
|
118
|
-
}
|
|
119
|
-
.password__complexity meter {
|
|
120
|
-
border-color: transparent; /* Needed for Safari */
|
|
121
|
-
}
|
|
122
|
-
.password__complexity meter[value="1"]::-moz-meter-bar {
|
|
123
|
-
background-color: var(--emw--color-valid, #48952a);
|
|
124
|
-
}
|
|
125
|
-
.password__complexity meter[value="1"]::-webkit-meter-optimum-value {
|
|
126
|
-
background-color: var(--emw--color-valid, #48952a);
|
|
127
|
-
}
|
|
128
|
-
.password__complexity meter:not([value="1"])::-moz-meter-bar {
|
|
129
|
-
background-color: var(--emw--color-error, #FD2839);
|
|
130
|
-
}
|
|
131
|
-
.password__complexity meter:not([value="1"])::-webkit-meter-optimum-value {
|
|
132
|
-
background-color: var(--emw--color-error, #FD2839);
|
|
133
|
-
}
|
|
134
|
-
.password__complexity--strength {
|
|
135
|
-
display: flex;
|
|
136
|
-
justify-content: space-evenly;
|
|
137
|
-
align-items: center;
|
|
138
|
-
}
|
|
139
|
-
.password__complexity--strength meter::-moz-meter-bar { /* Firefox Pseudo Class */
|
|
140
|
-
background: #B0B0B0;
|
|
141
|
-
}
|
|
142
|
-
.password__complexity--hidden {
|
|
143
|
-
display: none;
|
|
144
|
-
}
|
|
145
|
-
.password__complexity--text-bold {
|
|
146
|
-
font-weight: 500;
|
|
147
|
-
}
|
|
148
|
-
.password__complexity--checkbox {
|
|
149
|
-
margin-right: 5px;
|
|
150
|
-
}
|
|
151
|
-
.password__complexity:after {
|
|
152
|
-
content: "";
|
|
153
|
-
position: absolute;
|
|
154
|
-
width: 25px;
|
|
155
|
-
height: 25px;
|
|
156
|
-
border-top: 1px solid var(--emw--color-gray-150, #828282);
|
|
157
|
-
border-right: 0 solid var(--emw--color-gray-150, #828282);
|
|
158
|
-
border-left: 1px solid var(--emw--color-gray-150, #828282);
|
|
159
|
-
border-bottom: 0 solid var(--emw--color-gray-150, #828282);
|
|
160
|
-
bottom: 92%;
|
|
161
|
-
left: 50%;
|
|
162
|
-
margin-left: -25px;
|
|
163
|
-
transform: rotate(45deg);
|
|
164
|
-
margin-top: -25px;
|
|
165
|
-
background-color: var(--emw--color-white, #FFFFFF);
|
|
166
|
-
}
|
|
167
|
-
@container (max-width: 300px) {
|
|
168
|
-
.password__complexity {
|
|
169
|
-
height: 190px;
|
|
170
|
-
}
|
|
171
|
-
.password__complexity:after {
|
|
172
|
-
width: 14px;
|
|
173
|
-
height: 14px;
|
|
174
|
-
bottom: 96%;
|
|
175
|
-
left: 57%;
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
.password__tooltip-icon {
|
|
179
|
-
width: 16px;
|
|
180
|
-
height: auto;
|
|
181
|
-
}
|
|
182
|
-
.password__tooltip {
|
|
183
|
-
position: absolute;
|
|
184
|
-
top: 0;
|
|
185
|
-
left: 20px;
|
|
186
|
-
background-color: var(--emw--color-white, #FFFFFF);
|
|
187
|
-
border: 1px solid var(--emw--color-gray-150, #828282);
|
|
188
|
-
color: #2B2D3F;
|
|
189
|
-
padding: 10px;
|
|
190
|
-
border-radius: 5px;
|
|
191
|
-
opacity: 0;
|
|
192
|
-
transition: opacity 0.3s ease-in-out;
|
|
193
|
-
z-index: 10;
|
|
194
|
-
}
|
|
195
|
-
.password__tooltip.visible {
|
|
196
|
-
opacity: 1;
|
|
197
|
-
}`, g = m, w = class {
|
|
198
|
-
constructor(e) {
|
|
199
|
-
h(this, e), this.sendOriginalValidityState = p(this, "sendOriginalValidityState"), this.sendValidityState = p(this, "sendValidityState"), this.sendInputValue = p(this, "sendInputValue"), this.touched = !1, this.originalValid = !1, this.validationPattern = "", this.duplicateInputValue = null, this.handleInput = (t) => {
|
|
200
|
-
this.value = t.target.value, this.calculateComplexity(this.value), this.showPopup = !0, this.touched = !0, this.debounceTime && clearTimeout(this.debounceTime), this.debounceTime = setTimeout(() => {
|
|
201
|
-
this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage(), this.emitValueHandler(!0);
|
|
202
|
-
}, 500);
|
|
203
|
-
}, this.handleRevealField = (t) => {
|
|
204
|
-
t.stopPropagation(), window.postMessage({ type: `registrationShow${this.name}` }, window.location.href);
|
|
205
|
-
}, this.handleBlur = (t) => {
|
|
206
|
-
this.value = t.target.value, this.showPopup = !1, this.touched = !0, this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage();
|
|
207
|
-
}, this.handleFocus = () => {
|
|
208
|
-
this.showPopup = !0, this.calculateComplexity(this.value);
|
|
209
|
-
}, this.setClientStyling = () => {
|
|
210
|
-
let t = document.createElement("style");
|
|
211
|
-
t.innerHTML = this.clientStyling, this.stylingContainer.prepend(t);
|
|
212
|
-
}, this.name = void 0, this.displayName = void 0, this.placeholder = void 0, this.defaultValue = "", this.autofilled = void 0, this.tooltip = void 0, this.validation = void 0, this.language = void 0, this.emitValue = void 0, this.isDuplicateInput = void 0, this.clientStyling = "", this.isValid = void 0, this.errorMessage = void 0, this.limitStylingAppends = !1, this.showTooltip = !1, this.passwordComplexity = void 0, this.showPopup = void 0, this.value = "";
|
|
213
|
-
}
|
|
214
|
-
handleStylingChange(e, t) {
|
|
215
|
-
e !== t && this.setClientStyling();
|
|
216
|
-
}
|
|
217
|
-
validityChanged() {
|
|
218
|
-
this.validityStateHandler({ valid: this.isValid, name: this.name }), this.emitValue == !0 && this.valueHandler({ name: this.name, value: this.value });
|
|
219
|
-
}
|
|
220
|
-
valueChanged() {
|
|
221
|
-
this.isDuplicateInput || (this.calculateComplexity(this.value), this.sendOriginalValidityState.emit({ name: this.name, valid: this.setValidity() }));
|
|
222
|
-
}
|
|
223
|
-
emitValueHandler(e) {
|
|
224
|
-
e == !0 && this.isValid && this.valueHandler({ name: this.name, value: this.value, type: "duplicate" });
|
|
225
|
-
}
|
|
226
|
-
validityStateHandler(e) {
|
|
227
|
-
this.sendValidityState.emit(e);
|
|
228
|
-
}
|
|
229
|
-
valueHandler(e) {
|
|
230
|
-
this.sendInputValue.emit(e);
|
|
231
|
-
}
|
|
232
|
-
originalValidityChangedHandler(e) {
|
|
233
|
-
this.isDuplicateInput && (e.detail.valid ? (this.originalValid = !0, this.isValid = this.setValidity()) : (this.originalValid = !1, this.isValid = !1, this.value !== "" && (this.errorMessage = this.setErrorMessage())));
|
|
234
|
-
}
|
|
235
|
-
valueChangedHandler(e) {
|
|
236
|
-
this.isDuplicateInput && this.name === e.detail.name + "Duplicate" && (this.duplicateInputValue = e.detail.value, this.touched && (this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage())), this.name === e.detail.name + "Duplicate" && this.name.replace("Duplicate", "") === e.detail.name && this.touched === !0 && (this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage());
|
|
237
|
-
}
|
|
238
|
-
handleClickOutside(e) {
|
|
239
|
-
e.composedPath()[0] !== this.tooltipIconReference && e.composedPath()[0] !== this.tooltipReference && (this.showTooltip = !1);
|
|
240
|
-
}
|
|
241
|
-
componentDidRender() {
|
|
242
|
-
!this.limitStylingAppends && this.stylingContainer && (this.clientStyling && this.setClientStyling(), this.limitStylingAppends = !0);
|
|
243
|
-
}
|
|
244
|
-
componentDidLoad() {
|
|
245
|
-
this.inputReference = this.element.shadowRoot.querySelector("input"), this.passwordButton = this.element.shadowRoot.querySelector("vaadin-password-field-button"), this.passwordButton.tabIndex = -1, this.passwordButton.addEventListener("click", (e) => {
|
|
246
|
-
this.handleRevealField(e);
|
|
247
|
-
}), this.defaultValue && (this.value = this.defaultValue, this.calculateComplexity(this.value), this.valueHandler({ name: this.name, value: this.value }), this.isDuplicateInput && (this.duplicateInputValue = this.defaultValue, this.touched = !0)), this.isValid = this.setValidity();
|
|
248
|
-
}
|
|
249
|
-
disconnectedCallback() {
|
|
250
|
-
this.passwordButton.removeEventListener("click", this.handleRevealField);
|
|
251
|
-
}
|
|
252
|
-
calculateComplexity(e) {
|
|
253
|
-
this.passwordComplexity = this.validation.custom.filter((t) => t.rule === "regex").map((t) => {
|
|
254
|
-
const o = new RegExp(t.pattern).test(e);
|
|
255
|
-
return { rule: t.displayName, ruleKey: t.errorKey, passed: o };
|
|
256
|
-
});
|
|
257
|
-
}
|
|
258
|
-
setValidity() {
|
|
259
|
-
var e, t;
|
|
260
|
-
return this.isDuplicateInput && this.duplicateInputValue !== this.value ? !1 : !((e = this.passwordComplexity) === null || e === void 0) && e.every((n) => n.passed) ? (t = this.inputReference) === null || t === void 0 ? void 0 : t.validity.valid : !1;
|
|
261
|
-
}
|
|
262
|
-
setPattern() {
|
|
263
|
-
var e, t;
|
|
264
|
-
if (((e = this.validation.custom) === null || e === void 0 ? void 0 : e.length) > 0)
|
|
265
|
-
return (t = this.validation.custom.find((n) => n.rule === "regex")) === null || t === void 0 ? void 0 : t.pattern;
|
|
266
|
-
}
|
|
267
|
-
setErrorMessage() {
|
|
268
|
-
var e, t, n, o, a;
|
|
269
|
-
if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong)
|
|
270
|
-
return s("lengthError", this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
|
|
271
|
-
if (this.inputReference.validity.valueMissing)
|
|
272
|
-
return s("requiredError", this.language);
|
|
273
|
-
if (this.isDuplicateInput && !this.originalValid)
|
|
274
|
-
return s("invalidOriginalPasswordError", this.language);
|
|
275
|
-
if (this.inputReference.validity.patternMismatch) {
|
|
276
|
-
const r = (e = this.validation.custom.find((l) => l.rule === "regex")) === null || e === void 0 ? void 0 : e.errorKey, d = (t = this.validation.custom.find((l) => l.rule === "regex")) === null || t === void 0 ? void 0 : t.errorMessage;
|
|
277
|
-
return s(`${r}`, this.language) ? s(`${r}`, this.language) : d;
|
|
278
|
-
}
|
|
279
|
-
if (this.isDuplicateInput && this.duplicateInputValue !== this.value) {
|
|
280
|
-
const r = (n = this.validation.custom.find((l) => l.rule === "duplicate-input")) === null || n === void 0 ? void 0 : n.errorKey, d = (o = this.validation.custom.find((l) => l.rule === "duplicate-input")) === null || o === void 0 ? void 0 : o.errorMessage;
|
|
281
|
-
return s(`${r}`, this.language) ? s(`${r}`, this.language) : d;
|
|
282
|
-
}
|
|
283
|
-
if (!(!((a = this.passwordComplexity) === null || a === void 0) && a.every((r) => r.passed)) && !this.showPopup)
|
|
284
|
-
return s("invalidPassword", this.language);
|
|
285
|
-
}
|
|
286
|
-
renderTooltip() {
|
|
287
|
-
return this.showTooltip ? i("div", { class: `password__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (e) => this.tooltipReference = e, innerHTML: this.tooltip }) : null;
|
|
288
|
-
}
|
|
289
|
-
renderComplexityPopup() {
|
|
290
|
-
const e = this.passwordComplexity.length, n = this.passwordComplexity.filter((a) => a.passed).length / e, o = this.passwordComplexity.every((a) => a.passed);
|
|
291
|
-
return i("div", { class: `password__complexity ${this.showPopup ? "" : "password__complexity--hidden"}` }, i("div", { class: "password__complexity--strength" }, i("p", { class: "password__complexity--text" }, s("passwordStrength", this.language), " ", i("span", { class: "password__complexity--text-bold" }, s(`${o ? "passwordStrengthStrong" : "passwordStrengthWeak"}`, this.language))), i("meter", { value: n, min: "0", max: "1" })), i("div", null, this.passwordComplexity.map((a, r) => i("div", { key: r }, i("input", { class: "password__complexity--checkbox", type: "checkbox", checked: a.passed, disabled: !0 }), i("span", null, s(`${a.ruleKey}`, this.language) ? s(`${a.ruleKey}`, this.language) : a.rule)))));
|
|
292
|
-
}
|
|
293
|
-
render() {
|
|
294
|
-
let e = "";
|
|
295
|
-
return this.touched && (e = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), i("div", { key: "d5757f6d03b0c3ad30b57b9c62d8cd7c8802a37a", class: `password__wrapper ${this.autofilled ? "password__wrapper--autofilled" : ""} ${this.name}__input`, ref: (t) => this.stylingContainer = t }, i("div", { key: "7e7508731d7397b6c578335715c711ea97c46d3a", class: "password__wrapper--flex" }, i("label", { key: "ce4fd50f4f9ae7fb772df496784a3869e29618b6", class: `password__label ${this.validation.mandatory ? "password__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), i("div", { key: "640fa5664eede59b585bfd314854615cf4da46c1", class: "password__wrapper--relative" }, this.tooltip && i("img", { key: "0c0d0d71bf84c3ab6b0804424405ffacb1e87660", class: "password__tooltip-icon", src: c, alt: "", ref: (t) => this.tooltipIconReference = t, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), i("vaadin-password-field", { key: "4a966b226d6ec04fbebcad8cf12896bbc05b84fa", type: "password", id: `${this.name}__input`, class: `password__input ${e}`, 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 }), i("small", { key: "1218d65c065a0dcc1b17d1422e08849b9b3de5ce", class: "password__error-message" }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
|
|
296
|
-
}
|
|
297
|
-
get element() {
|
|
298
|
-
return u(this);
|
|
299
|
-
}
|
|
300
|
-
static get watchers() {
|
|
301
|
-
return {
|
|
302
|
-
clientStyling: ["handleStylingChange"],
|
|
303
|
-
isValid: ["validityChanged"],
|
|
304
|
-
value: ["valueChanged"],
|
|
305
|
-
emitValue: ["emitValueHandler"]
|
|
306
|
-
};
|
|
307
|
-
}
|
|
308
|
-
};
|
|
309
|
-
w.style = g;
|
|
310
|
-
export {
|
|
311
|
-
w as password_input,
|
|
312
|
-
b as player_change_password_gm2
|
|
313
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const i=require("./index-9cd44522-CqgRbQOU.cjs"),p="en",h={en:{title:"Change Password",btnSubmit:"Change Password",passwordPlaceholderText:"Please enter your password",newPasswordPlaceholderText:"Please enter your new password",confirmPasswordPlaceholderText:"Please confirm your new password",passwordDisplayText:"Current Password",newPasswordDisplayText:"New Password",confirmPasswordDisplayText:"Confirm Password",successMsg:"Password changed successfully",errorMsgGeneric:"There was an error when attempting to change your password","gm.pms.password_not_verified_unauthorized":"The current password you have entered is incorrect","gm.pms.password_policy_failed":"Password cannot be the same as any of the {forbiddenLastPasswordsCount} previous passwords. Password cannot be changed sooner than {minimumPasswordAgeLimitHours} {hours} after the last change."},fr:{title:"Changer le mot de passe",btnSubmit:"Changer le mot de passe",passwordPlaceholderText:"Veuillez entrer votre mot de passe",newPasswordPlaceholderText:"Veuillez entrer votre nouveau mot de passe",confirmPasswordPlaceholderText:"Veuillez confirmer votre nouveau mot de passe",passwordDisplayText:"Mot de passe actuel",newPasswordDisplayText:"Nouveau mot de passe",confirmPasswordDisplayText:"Confirmer le mot de passe",successMsg:"Mot de passe changé avec succès",errorMsgGeneric:"Une erreur est survenue lors de la tentative de changement de mot de passe","gm.pms.password_not_verified_unauthorized":"Le mot de passe actuel que vous avez entré est incorrect","gm.pms.password_policy_failed":"Le mot de passe ne peut pas être identique à l'un des {forbiddenLastPasswordsCount} derniers mots de passe. Le mot de passe ne peut pas être changé avant {minimumPasswordAgeLimitHours} {hours} après le dernier changement."},ro:{title:"Schimbă Parola",btnSubmit:"Schimbă Parola",passwordPlaceholderText:"Vă rugăm să introduceți parola",newPasswordPlaceholderText:"Vă rugăm să introduceți noua parolă",confirmPasswordPlaceholderText:"Vă rugăm să confirmați noua parolă",passwordDisplayText:"Parolă Curentă",newPasswordDisplayText:"Parolă Nouă",confirmPasswordDisplayText:"Confirmă Parola",successMsg:"Parola a fost schimbată cu succes",errorMsgGeneric:"A apărut o eroare la încercarea de schimbare a parolei","gm.pms.password_not_verified_unauthorized":"Parola curentă introdusă este incorectă","gm.pms.password_policy_failed":"Parola nu poate fi aceeași cu oricare dintre ultimele {forbiddenLastPasswordsCount} parole. Parola nu poate fi schimbată mai devreme de {minimumPasswordAgeLimitHours} {hours} după ultima schimbare."},es:{title:"Cambiar Contraseña",btnSubmit:"Cambiar Contraseña",passwordPlaceholderText:"Por favor, introduce tu contraseña",newPasswordPlaceholderText:"Por favor, introduce tu nueva contraseña",confirmPasswordPlaceholderText:"Por favor, confirma tu nueva contraseña",passwordDisplayText:"Contraseña Actual",newPasswordDisplayText:"Nueva Contraseña",confirmPasswordDisplayText:"Confirmar Contraseña",successMsg:"Contraseña cambiada con éxito",errorMsgGeneric:"Hubo un error al intentar cambiar tu contraseña","gm.pms.password_not_verified_unauthorized":"La contraseña actual que has introducido es incorrecta","gm.pms.password_policy_failed":"La contraseña no puede ser la misma que cualquiera de las {forbiddenLastPasswordsCount} contraseñas anteriores. La contraseña no se puede cambiar antes de {minimumPasswordAgeLimitHours} {hours} después del último cambio."},pt:{title:"Alterar Senha",btnSubmit:"Alterar Senha",passwordPlaceholderText:"Por favor, insira sua senha",newPasswordPlaceholderText:"Por favor, insira sua nova senha",confirmPasswordPlaceholderText:"Por favor, confirme sua nova senha",passwordDisplayText:"Senha Atual",newPasswordDisplayText:"Nova Senha",confirmPasswordDisplayText:"Confirmar Senha",successMsg:"Senha alterada com sucesso",errorMsgGeneric:"Ocorreu um erro ao tentar alterar sua senha","gm.pms.password_not_verified_unauthorized":"A senha atual que você inseriu está incorreta","gm.pms.password_policy_failed":"A senha não pode ser a mesma que qualquer uma das últimas {forbiddenLastPasswordsCount} senhas. A senha não pode ser alterada antes de {minimumPasswordAgeLimitHours} {hours} após a última alteração."},hr:{title:"Promijeni lozinku",btnSubmit:"Promijeni lozinku",passwordPlaceholderText:"Unesite svoju lozinku",newPasswordPlaceholderText:"Unesite novu lozinku",confirmPasswordPlaceholderText:"Potvrdite novu lozinku",passwordDisplayText:"Trenutna lozinka",newPasswordDisplayText:"Nova lozinka",confirmPasswordDisplayText:"Potvrdite lozinku",successMsg:"Lozinka je uspješno promijenjena",errorMsgGeneric:"Došlo je do pogreške prilikom pokušaja promjene lozinke","gm.pms.password_not_verified_unauthorized":"Unesena trenutna lozinka nije ispravna","gm.pms.password_policy_failed":"Lozinka ne može biti ista kao bilo koja od posljednjih {forbiddenLastPasswordsCount} lozinki. Lozinka se ne može promijeniti prije nego što prođe {minimumPasswordAgeLimitHours} {hours} od posljednje promjene."},tr:{title:"Şifreyi Değiştir",btnSubmit:"Şifreyi Değiştir",passwordPlaceholderText:"Lütfen şifrenizi girin",newPasswordPlaceholderText:"Lütfen yeni şifrenizi girin",confirmPasswordPlaceholderText:"Lütfen yeni şifrenizi onaylayın",passwordDisplayText:"Mevcut Şifre",newPasswordDisplayText:"Yeni Şifre",confirmPasswordDisplayText:"Şifreyi Onaylayın",successMsg:"Şifre başarıyla değiştirildi",errorMsgGeneric:"Şifrenizi değiştirirken bir hata oluştu","gm.pms.password_not_verified_unauthorized":"Girdiğiniz mevcut şifre yanlış","gm.pms.password_policy_failed":"Şifre, son {forbiddenLastPasswordsCount} şifreden herhangi biriyle aynı olamaz. Şifre, son değişiklikten sonra {minimumPasswordAgeLimitHours} {hours} içinde değiştirilemez."},hu:{title:"Jelszó megváltoztatása",btnSubmit:"Jelszó megváltoztatása",passwordPlaceholderText:"Kérjük, adja meg a jelszavát",newPasswordPlaceholderText:"Kérjük, adja meg az új jelszavát",confirmPasswordPlaceholderText:"Kérjük, erősítse meg az új jelszavát",passwordDisplayText:"Jelenlegi jelszó",newPasswordDisplayText:"Új jelszó",confirmPasswordDisplayText:"Jelszó megerősítése",successMsg:"A jelszó sikeresen megváltozott",errorMsgGeneric:"Hiba történt a jelszó megváltoztatásakor","gm.pms.password_not_verified_unauthorized":"A megadott jelenlegi jelszó helytelen","gm.pms.password_policy_failed":"A jelszó nem egyezhet meg az utolsó {forbiddenLastPasswordsCount} jelszóval. A jelszó nem változtatható meg {minimumPasswordAgeLimitHours} {hours}-on belül az utolsó módosítás óta."}},g=e=>new Promise(s=>{fetch(e).then(a=>a.json()).then(a=>{Object.keys(a).forEach(t=>{for(let r in a[t])h[t][r]=a[t][r]}),s(!0)})}),o=(e,s,a)=>{const t=s;let r=h[t!==void 0?t:p][e];if(a!==void 0)for(const[l,n]of Object.entries(a.values)){const w=new RegExp(`{${l}}`,"g");r=r.replace(w,n)}return r};function d(){const e=navigator.userAgent.toLowerCase(),s=screen.availWidth,a=screen.availHeight;if(e.includes("iphone"))return"mobile";if(e.includes("android")){if(a>s&&s<800)return"mobile";if(s>a&&a<800)return"tablet"}return"desktop"}function c(e,s){if(e){const a=document.createElement("style");a.innerHTML=s,e.appendChild(a)}}function u(e,s){const a=new URL(s);fetch(a.href).then(t=>t.text()).then(t=>{const r=document.createElement("style");r.innerHTML=t,e&&e.appendChild(r)}).catch(t=>{console.error("There was an error while trying to load client styling from URL",t)})}function f(e,s,a){if(window.emMessageBus){const t=document.createElement("style");window.emMessageBus.subscribe(s,r=>{t.innerHTML=r,e&&e.appendChild(t)})}}const P=":host{display:block}.PlayerChangePassword{font-family:inherit;width:100%;height:100%;container-type:inline-size}.PlayerChangePassword .Wrapper{display:flex;justify-content:center;align-items:center}.PlayerChangePassword .Title{font-size:var(--emw--font-size-x-large, 26px);color:var(--emw--color-primary, #22B04E);font-weight:var(--emw--font-weight-semibold, 500)}.PlayerChangePassword .TitleMobile{font-size:var(--emw--font-size-x-large, 20px);color:var(--emw--color-primary, #22B04E)}.PlayerChangePassword svg{fill:var(--emw--color-primary, #22B04E)}.PlayerChangePassword .ButtonReturn{font-family:inherit;display:inline-flex;align-items:center;gap:10px}.PlayerChangePassword .Form{display:grid;grid-template-columns:repeat(1, 1fr);gap:40px;justify-items:stretch;align-content:flex-start;overflow:auto;width:100%;height:100%}.PlayerChangePassword .Form .FieldsSection{display:flex;flex-direction:column;gap:30px}.PlayerChangePassword .Form .ButtonsSection{display:flex;flex-direction:column;justify-content:space-around;align-items:center;position:relative}.PlayerChangePassword .Button{font-family:inherit;border-radius:var(--emw--button-border-radius, var(--emw--border-radius-large, 50px));background:var(--emw--button-background-color, var(--emw--color-primary, #22B04E));border:var(--emw--button-border, 1px solid var(--emw--button-border-color, #22B04E));color:var(--emw--button-text-color, var(--emw--color-white, #FFFFFF));font-size:var(--emw--font-size-large, 20px);font-weight:var(--emw--font-weight-normal, 400);height:50px;width:100%;text-transform:uppercase;cursor:pointer}.PlayerChangePassword .Button:disabled{background:var(--emfe-w-color-gray-100, #E6E6E6);border:var(--emw--button-border, 1px solid var(--emw--button-border-color, #828282));pointer-events:none;cursor:not-allowed}",y=P,m=class{constructor(e){i.registerInstance(this,e),this.currentPasswordValue="",this.newPasswordValue="",this.confirmPasswordValue="",this.isCurrentPasswordValid=!1,this.isNewPasswordValid=!1,this.isConfirmPasswordValid=!1,this.errorMsg="",this.currentPasswordValidationSchema={mandatory:!0,custom:[]},this.newPasswordValidationSchema={mandatory:!0,custom:[]},this.confirmPasswordValidationSchema={mandatory:!0,custom:[]},this.initValidationSchemas=()=>{this.policy&&(this.newPasswordValidationSchema.custom=this.policy.customValidationRules,this.newPasswordValidationSchema.maxLength=this.policy.maximumPasswordLength,this.newPasswordValidationSchema.minLength=this.policy.minimumPasswordLength)},this.setErrorMsg=s=>{switch(s){case"gm.pms.password_policy_failed":const a={forbiddenLastPasswordsCount:this.policy.forbiddenLastPasswordsCount,minimumPasswordAgeLimitHours:this.policy.minimumPasswordAgeLimitHours,hours:this.policy.minimumPasswordAgeLimitHours>1?"hours":"hour"};this.errorMsg=o(s,this.language,{values:a});break;case"gm.pms.password_not_verified_unauthorized":this.errorMsg=o(s,this.language);break;default:this.errorMsg=o("errorMsgGeneric",this.language)}},this.toggleScreen=()=>{window.postMessage({type:"PlayerAccountMenuActive",isMobile:this.isMobile},window.location.href)},this.getPolicy=()=>{const s=new URL("/api/v1/players/password-management/password",this.endpoint),a=new Headers;a.append("Accept","text/plain");const t={method:"GET",headers:a};fetch(s.href,t).then(r=>r.status===200&&r.json()).then(r=>this.policy=r).catch(r=>console.error(r))},this.submitNewPassword=s=>{if(s.preventDefault(),this.isBtnSubmitEnabled){const a=new URL("/api/v1/players/password-management/password",this.endpoint),t=new Headers;t.append("accept","text/plain"),t.append("Content-Type","application/json-patch+json");const r=JSON.stringify({token:this.forgotMode==="true"?this.token:this.session,oldPassword:this.currentPasswordValue,newPassword:this.confirmPasswordValue}),l={method:"PUT",headers:t,body:r};fetch(a.href,l).then(n=>n.json()).then(n=>{n.errorCode===null&&n.message==="pms.password.update.success"?(window.postMessage({type:"PasswordChangedSuccessfully"}),window.postMessage({type:"WidgetNotification",data:{type:"success",message:o("successMsg",this.language)}},window.location.href)):(this.setErrorMsg(n.message),window.postMessage({type:"WidgetNotification",data:{type:"error",message:this.errorMsg}},window.location.href))}).catch(n=>console.error(n))}},this.language="en",this.endpoint="",this.session="",this.token="",this.forgotMode="",this.clientStyling="",this.clientStylingUrl="",this.mbSource=void 0,this.translationUrl="",this.isBtnSubmitEnabled=!1,this.isMobile=d()==="mobile"||d()==="tablet"}handleClientStylingChange(e,s){e!=s&&c(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(e,s){e!=s&&this.clientStylingUrl&&u(this.stylingContainer,this.clientStylingUrl)}sendValidityStateHandler(e){switch(this.isBtnSubmitEnabled=!1,e.detail.name){case"password":this.isCurrentPasswordValid=e.detail.valid;break;case"newPassword":this.isNewPasswordValid=e.detail.valid;break;case"newPasswordDuplicate":this.isConfirmPasswordValid=e.detail.valid;break}(this.forgotMode==="true"||this.isCurrentPasswordValid)&&this.isNewPasswordValid&&this.isConfirmPasswordValid&&(this.isBtnSubmitEnabled=!0)}sendInputValueHandler(e){switch(e.detail.name){case"password":this.currentPasswordValue=e.detail.value;break;case"newPassword":this.newPasswordValue=e.detail.value;break;case"newPasswordDuplicate":this.confirmPasswordValue=e.detail.value;break}}componentWillLoad(){if(this.getPolicy(),this.initValidationSchemas(),this.translationUrl)return g(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(window.emMessageBus!=null?f(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&c(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&u(this.stylingContainer,this.clientStylingUrl)))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return i.h("div",{key:"9a8f54fe541ef6409f7cc21bb8431c850d031830",class:"PlayerChangePassword",ref:e=>this.stylingContainer=e},i.h("form",{key:"8a3aaa6a96b16a26477657f0216a7a0a2e2e0869",class:"Form"},this.isMobile?i.h("div",{class:"ButtonReturn",onClick:this.toggleScreen},i.h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15"},i.h("g",{transform:"translate(-20 -158)"},i.h("g",{transform:"translate(20 158)"},i.h("path",{class:"aaa",d:"M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z",transform:"translate(15 15) rotate(180)"})))),i.h("h2",{class:"TitleMobile"},o("title",this.language))):i.h("h2",{class:"Title"},o("title",this.language)),i.h("section",{key:"47a7214266e06ef9f8ded9f86f76e15ce4f6fc3a",class:"FieldsSection"},this.forgotMode==="false"&&i.h("password-input",{key:"41b721a65332283a3699ab8e838dadb8d73913fa",language:this.language,name:"password","display-name":o("passwordDisplayText",this.language),placeholder:o("passwordPlaceholderText",this.language),validation:this.currentPasswordValidationSchema,clientStyling:this.clientStyling,"mb-source":this.mbSource}),i.h("password-input",{key:"eb7c697eb1900ed580ff17a4cd56819993599924",language:this.language,name:"newPassword","display-name":o("newPasswordDisplayText",this.language),placeholder:o("newPasswordPlaceholderText",this.language),validation:this.newPasswordValidationSchema,clientStyling:this.clientStyling,"mb-source":this.mbSource}),i.h("password-input",{key:"4b12c17b882fe8117f9c49ad296c5918198e18f0",language:this.language,name:"newPasswordDuplicate","display-name":o("confirmPasswordDisplayText",this.language),placeholder:o("confirmPasswordPlaceholderText",this.language),validation:this.confirmPasswordValidationSchema,"is-duplicate-input":!0,clientStyling:this.clientStyling,"mb-source":this.mbSource})),i.h("section",{key:"a0cd6777b46ac8e4ba5eef6c42f77531a9c7ee0b",class:"ButtonsSection"},i.h("button",{key:"d21c481e07a7c7762bf0fa7acbb4f1d68ac92d4d",class:"Button",disabled:!this.isBtnSubmitEnabled,onClick:this.submitNewPassword},o("btnSubmit",this.language)))))}static get watchers(){return{clientStyling:["handleClientStylingChange","handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}}};m.style=y;exports.PlayerChangePasswordGm2=m;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
var u = (e, i, a) => new Promise((s, d) => {
|
|
2
|
-
var o = (l) => {
|
|
3
|
-
try {
|
|
4
|
-
t(a.next(l));
|
|
5
|
-
} catch (n) {
|
|
6
|
-
d(n);
|
|
7
|
-
}
|
|
8
|
-
}, g = (l) => {
|
|
9
|
-
try {
|
|
10
|
-
t(a.throw(l));
|
|
11
|
-
} catch (n) {
|
|
12
|
-
d(n);
|
|
13
|
-
}
|
|
14
|
-
}, t = (l) => l.done ? s(l.value) : Promise.resolve(l.value).then(o, g);
|
|
15
|
-
t((a = a.apply(e, i)).next());
|
|
16
|
-
});
|
|
17
|
-
import { b as p, p as c } from "./index-9cd44522-C0ycW8_E.js";
|
|
18
|
-
import { g as m } from "./app-globals-0f993ce5-DzSE6TtH.js";
|
|
19
|
-
var r = () => {
|
|
20
|
-
const e = import.meta.url, i = {};
|
|
21
|
-
return e !== "" && (i.resourcesUrl = new URL(".", e).href), c(i);
|
|
22
|
-
};
|
|
23
|
-
r().then((e) => u(void 0, null, function* () {
|
|
24
|
-
return yield m(), p([["password-input_2", [[1, "player-change-password-gm2", { language: [513], endpoint: [513], session: [513], token: [513], forgotMode: [513, "forgot-mode"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], mbSource: [1, "mb-source"], translationUrl: [513, "translation-url"], isBtnSubmitEnabled: [32], isMobile: [32] }, [[0, "sendValidityState", "sendValidityStateHandler"], [0, "sendInputValue", "sendInputValueHandler"]], { clientStyling: ["handleClientStylingChange", "handleClientStylingChange"], clientStylingUrl: ["handleClientStylingUrlChange"] }], [1, "password-input", { name: [513], displayName: [513, "display-name"], placeholder: [513], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], validation: [16], language: [513], emitValue: [516, "emit-value"], isDuplicateInput: [516, "is-duplicate-input"], clientStyling: [513, "client-styling"], isValid: [32], errorMessage: [32], limitStylingAppends: [32], showTooltip: [32], passwordComplexity: [32], showPopup: [32], value: [32] }, [[16, "sendOriginalValidityState", "originalValidityChangedHandler"], [16, "sendInputValue", "valueChangedHandler"], [4, "click", "handleClickOutside"]], { clientStyling: ["handleStylingChange"], isValid: ["validityChanged"], value: ["valueChanged"], emitValue: ["emitValueHandler"] }]]], ["checkbox-group-input_9", [[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] }, [[4, "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] }, [[4, "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] }, [[4, "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] }, [[4, "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] }, [[4, "click", "handleClickOutside"]], { clientStyling: ["handleStylingChange"], isValid: ["validityChanged"], 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] }, [[4, "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] }, [[4, "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] }, [[4, "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] }, [[4, "click", "handleClickOutside"], [16, "sendInputValue", "valueChangedHandler"], [16, "validationChange", "handleValidationChange"]], { clientStyling: ["handleStylingChange"], isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }]]], ["general-input", [[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"], clientStyling: [520, "client-styling"], dateFormat: [513, "date-format"], translationUrl: [513, "translation-url"], emitOnClick: [516, "emit-on-click"] }]]], ["toggle-checkbox-input", [[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] }, [[4, "click", "handleClickOutside"]], { clientStyling: ["handleStylingChange"] }]]]], e);
|
|
25
|
-
}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var s=(l,i,a)=>new Promise((g,u)=>{var p=e=>{try{t(a.next(e))}catch(n){u(n)}},c=e=>{try{t(a.throw(e))}catch(n){u(n)}},t=e=>e.done?g(e.value):Promise.resolve(e.value).then(p,c);t((a=a.apply(l,i)).next())});const o=require("./index-9cd44522-CqgRbQOU.cjs"),r=require("./app-globals-0f993ce5-DgYhdguE.cjs");var d=typeof document!="undefined"?document.currentScript:null,m=()=>{const l=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:d&&d.tagName.toUpperCase()==="SCRIPT"&&d.src||new URL("stencil/player-change-password-gm2-COxZYE4t.cjs",document.baseURI).href,i={};return l!==""&&(i.resourcesUrl=new URL(".",l).href),o.promiseResolve(i)};m().then(l=>s(exports,null,function*(){return yield r.globalScripts(),o.bootstrapLazy([["password-input_2",[[1,"player-change-password-gm2",{language:[513],endpoint:[513],session:[513],token:[513],forgotMode:[513,"forgot-mode"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],mbSource:[1,"mb-source"],translationUrl:[513,"translation-url"],isBtnSubmitEnabled:[32],isMobile:[32]},[[0,"sendValidityState","sendValidityStateHandler"],[0,"sendInputValue","sendInputValueHandler"]],{clientStyling:["handleClientStylingChange","handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}],[1,"password-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],passwordComplexity:[32],showPopup:[32],value:[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}]]],["checkbox-group-input_9",[[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]},[[4,"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]},[[4,"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]},[[4,"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]},[[4,"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]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],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]},[[4,"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]},[[4,"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]},[[4,"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]},[[4,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}]]],["general-input",[[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"],clientStyling:[520,"client-styling"],dateFormat:[513,"date-format"],translationUrl:[513,"translation-url"],emitOnClick:[516,"emit-on-click"]}]]],["toggle-checkbox-input",[[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]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"]}]]]],l)}));
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { b as i, p as a } from "./index-9cd44522--OAp7ePk.js";
|
|
2
|
-
import { g as t } from "./app-globals-0f993ce5-DzSE6TtH.js";
|
|
3
|
-
var n = () => {
|
|
4
|
-
const l = import.meta.url, e = {};
|
|
5
|
-
return l !== "" && (e.resourcesUrl = new URL(".", l).href), a(e);
|
|
6
|
-
};
|
|
7
|
-
n().then(async (l) => (await t(), i([["password-input_2", [[1, "player-change-password-gm2", { language: [513], endpoint: [513], session: [513], token: [513], forgotMode: [513, "forgot-mode"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], mbSource: [1, "mb-source"], translationUrl: [513, "translation-url"], isBtnSubmitEnabled: [32], isMobile: [32] }, [[0, "sendValidityState", "sendValidityStateHandler"], [0, "sendInputValue", "sendInputValueHandler"]], { clientStyling: ["handleClientStylingChange", "handleClientStylingChange"], clientStylingUrl: ["handleClientStylingUrlChange"] }], [1, "password-input", { name: [513], displayName: [513, "display-name"], placeholder: [513], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], validation: [16], language: [513], emitValue: [516, "emit-value"], isDuplicateInput: [516, "is-duplicate-input"], clientStyling: [513, "client-styling"], isValid: [32], errorMessage: [32], limitStylingAppends: [32], showTooltip: [32], passwordComplexity: [32], showPopup: [32], value: [32] }, [[16, "sendOriginalValidityState", "originalValidityChangedHandler"], [16, "sendInputValue", "valueChangedHandler"], [4, "click", "handleClickOutside"]], { clientStyling: ["handleStylingChange"], isValid: ["validityChanged"], value: ["valueChanged"], emitValue: ["emitValueHandler"] }]]], ["checkbox-group-input_9", [[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] }, [[4, "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] }, [[4, "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] }, [[4, "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] }, [[4, "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] }, [[4, "click", "handleClickOutside"]], { clientStyling: ["handleStylingChange"], isValid: ["validityChanged"], 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] }, [[4, "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] }, [[4, "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] }, [[4, "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] }, [[4, "click", "handleClickOutside"], [16, "sendInputValue", "valueChangedHandler"], [16, "validationChange", "handleValidationChange"]], { clientStyling: ["handleStylingChange"], isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }]]], ["general-input", [[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"], clientStyling: [520, "client-styling"], dateFormat: [513, "date-format"], translationUrl: [513, "translation-url"], emitOnClick: [516, "emit-on-click"] }]]], ["toggle-checkbox-input", [[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] }, [[4, "click", "handleClickOutside"]], { clientStyling: ["handleStylingChange"] }]]]], l)));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-9cd44522-CqgRbQOU.cjs"),a=require("./locale-CB060R77.cjs"),n=require("./tooltipIcon-ee9760a8-Bd9l1O5C.cjs"),s='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;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}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}',r=s,o=class{constructor(e){t.registerInstance(this,e),this.sendValidityState=t.createEvent(this,"sendValidityState"),this.sendInputValue=t.createEvent(this,"sendInputValue"),this.callBackObject={},this.subFieldsObject={},this.value="",this.handleRevealField=(i,l)=>{i.stopPropagation(),window.postMessage({type:`registration${l}Clicked`},window.location.href)},this.setClientStyling=()=>{let i=document.createElement("style");i.innerHTML=this.clientStyling,this.stylingContainer.prepend(i)},this.name=void 0,this.displayName=void 0,this.defaultValue="",this.options=void 0,this.autofilled=void 0,this.tooltip=void 0,this.validation=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.errorMessage=void 0,this.isValid=void 0,this.limitStylingAppends=!1,this.showTooltip=!1,this.showFields=this.defaultValue==="true"}handleStylingChange(e,i){e!==i&&this.setClientStyling()}validityStateHandler(e){this.sendValidityState.emit(e)}valueHandler(e){this.sendInputValue.emit(e)}handleClickOutside(e){e.composedPath()[0]!==this.tooltipIconReference&&e.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.options.length!==0&&this.options.forEach(e=>{this.callBackObject[e.name]=i=>{this.handleRevealField(i,e.name)},this.subFieldsObject[e.name].addEventListener("click",this.callBackObject[e.name])})}handleClick(){this.showFields=this.checkboxReference.checked,this.errorMessage=this.setErrorMessage(),this.isValid=this.setValidity(),this.valueHandler({name:this.name,value:this.checkboxReference.checked?"true":"false",type:"toggle"})}setValidity(){return this.checkboxReference.validity.valid}setErrorMessage(){if(this.checkboxReference.validity.valueMissing)return a.translate("requiredError",this.language)}disconnectedCallback(){this.options.forEach(e=>{this.subFieldsObject[e.name].removeEventListener("click",this.callBackObject[e.name])})}renderLabel(){return t.h("label",{class:"togglecheckbox__label",htmlFor:`${this.name}__input`},t.h("div",{class:"togglecheckbox__label-text",innerHTML:`${this.displayName} ${this.validation.mandatory?"*":""}`}))}renderTooltip(){return this.showTooltip?t.h("div",{class:`togglecheckbox__tooltip ${this.showTooltip?"visible":""}`,ref:e=>this.tooltipReference=e,innerHTML:this.tooltip}):null}render(){return t.h("div",{key:"1f359a8390bb4296e94573131009eeff1bd2293c",class:`togglecheckbox__wrapper ${this.name}__input`,ref:e=>this.stylingContainer=e},t.h("div",{key:"76033e62f8d111e3071b1a09a6d8f9b909a05244",class:"togglecheckbox__wrapper--flex"},t.h("input",{key:"6d944818346ce6e62117856ff5dfd2278c1ccad4",class:"togglecheckbox__input",type:"checkbox",id:`${this.name}__input`,ref:e=>this.checkboxReference=e,name:this.name,checked:this.defaultValue==="true",readOnly:this.autofilled,required:this.validation.mandatory,value:this.value,onClick:()=>this.handleClick()}),this.renderLabel()),t.h("small",{key:"7e2b7612f6dc179035027b551a6ac9801a1ba3c5",class:"togglecheckbox__error-message"},this.errorMessage),t.h("div",{key:"3a77da5b3544107d49137e6024888f8e774be170",class:"togglecheckbox__wrapper--relative"},this.tooltip&&t.h("img",{key:"7edd9a8cce9d66e7f6fb2d61a4513754df62d5df",class:"togglecheckbox__tooltip-icon",src:n.tooltipIconSvg,alt:"",ref:e=>this.tooltipIconReference=e,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip()),t.h("div",{key:"49de8d42d4b9f4c5668de6379f015c92098578a6",class:`togglecheckbox__fields-wrapper ${this.showFields?"":"hidden"}`},this.options.map(e=>t.h("general-input",{type:e.inputType,name:e.name,displayName:e.displayName,validation:e.validate,action:e.action||null,defaultValue:e.defaultValue,autofilled:e.autofill,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:e.tooltip,placeholder:e.placeholder==null?"":e.placeholder,ref:i=>this.subFieldsObject[e.name]=i}))))}static get watchers(){return{clientStyling:["handleStylingChange"]}}};o.style=r;exports.toggle_checkbox_input=o;
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { r as a, c as o, h as t } from "./index-9cd44522-C0ycW8_E.js";
|
|
2
|
-
import { t as n } from "./locale-Cxpe53Ym.js";
|
|
3
|
-
import { t as s } from "./tooltipIcon-ee9760a8-BCCb4EU-.js";
|
|
4
|
-
const r = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;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}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}', c = r, h = class {
|
|
5
|
-
constructor(e) {
|
|
6
|
-
a(this, e), this.sendValidityState = o(this, "sendValidityState"), this.sendInputValue = o(this, "sendInputValue"), this.callBackObject = {}, this.subFieldsObject = {}, this.value = "", this.handleRevealField = (i, l) => {
|
|
7
|
-
i.stopPropagation(), window.postMessage({ type: `registration${l}Clicked` }, window.location.href);
|
|
8
|
-
}, this.setClientStyling = () => {
|
|
9
|
-
let i = document.createElement("style");
|
|
10
|
-
i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
|
|
11
|
-
}, this.name = void 0, this.displayName = void 0, this.defaultValue = "", this.options = void 0, this.autofilled = void 0, this.tooltip = void 0, this.validation = void 0, this.language = void 0, this.emitValue = void 0, this.clientStyling = "", this.errorMessage = void 0, this.isValid = void 0, this.limitStylingAppends = !1, this.showTooltip = !1, this.showFields = this.defaultValue === "true";
|
|
12
|
-
}
|
|
13
|
-
handleStylingChange(e, i) {
|
|
14
|
-
e !== i && this.setClientStyling();
|
|
15
|
-
}
|
|
16
|
-
validityStateHandler(e) {
|
|
17
|
-
this.sendValidityState.emit(e);
|
|
18
|
-
}
|
|
19
|
-
valueHandler(e) {
|
|
20
|
-
this.sendInputValue.emit(e);
|
|
21
|
-
}
|
|
22
|
-
handleClickOutside(e) {
|
|
23
|
-
e.composedPath()[0] !== this.tooltipIconReference && e.composedPath()[0] !== this.tooltipReference && (this.showTooltip = !1);
|
|
24
|
-
}
|
|
25
|
-
componentDidRender() {
|
|
26
|
-
!this.limitStylingAppends && this.stylingContainer && (this.clientStyling && this.setClientStyling(), this.limitStylingAppends = !0);
|
|
27
|
-
}
|
|
28
|
-
componentDidLoad() {
|
|
29
|
-
this.options.length !== 0 && this.options.forEach((e) => {
|
|
30
|
-
this.callBackObject[e.name] = (i) => {
|
|
31
|
-
this.handleRevealField(i, e.name);
|
|
32
|
-
}, this.subFieldsObject[e.name].addEventListener("click", this.callBackObject[e.name]);
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
handleClick() {
|
|
36
|
-
this.showFields = this.checkboxReference.checked, this.errorMessage = this.setErrorMessage(), this.isValid = this.setValidity(), this.valueHandler({ name: this.name, value: this.checkboxReference.checked ? "true" : "false", type: "toggle" });
|
|
37
|
-
}
|
|
38
|
-
setValidity() {
|
|
39
|
-
return this.checkboxReference.validity.valid;
|
|
40
|
-
}
|
|
41
|
-
setErrorMessage() {
|
|
42
|
-
if (this.checkboxReference.validity.valueMissing)
|
|
43
|
-
return n("requiredError", this.language);
|
|
44
|
-
}
|
|
45
|
-
disconnectedCallback() {
|
|
46
|
-
this.options.forEach((e) => {
|
|
47
|
-
this.subFieldsObject[e.name].removeEventListener("click", this.callBackObject[e.name]);
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
renderLabel() {
|
|
51
|
-
return t("label", { class: "togglecheckbox__label", htmlFor: `${this.name}__input` }, t("div", { class: "togglecheckbox__label-text", innerHTML: `${this.displayName} ${this.validation.mandatory ? "*" : ""}` }));
|
|
52
|
-
}
|
|
53
|
-
renderTooltip() {
|
|
54
|
-
return this.showTooltip ? t("div", { class: `togglecheckbox__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (e) => this.tooltipReference = e, innerHTML: this.tooltip }) : null;
|
|
55
|
-
}
|
|
56
|
-
render() {
|
|
57
|
-
return t("div", { key: "1f359a8390bb4296e94573131009eeff1bd2293c", class: `togglecheckbox__wrapper ${this.name}__input`, ref: (e) => this.stylingContainer = e }, t("div", { key: "76033e62f8d111e3071b1a09a6d8f9b909a05244", class: "togglecheckbox__wrapper--flex" }, t("input", { key: "6d944818346ce6e62117856ff5dfd2278c1ccad4", class: "togglecheckbox__input", type: "checkbox", id: `${this.name}__input`, ref: (e) => this.checkboxReference = e, name: this.name, checked: this.defaultValue === "true", readOnly: this.autofilled, required: this.validation.mandatory, value: this.value, onClick: () => this.handleClick() }), this.renderLabel()), t("small", { key: "7e2b7612f6dc179035027b551a6ac9801a1ba3c5", class: "togglecheckbox__error-message" }, this.errorMessage), t("div", { key: "3a77da5b3544107d49137e6024888f8e774be170", class: "togglecheckbox__wrapper--relative" }, this.tooltip && t("img", { key: "7edd9a8cce9d66e7f6fb2d61a4513754df62d5df", class: "togglecheckbox__tooltip-icon", src: s, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), t("div", { key: "49de8d42d4b9f4c5668de6379f015c92098578a6", class: `togglecheckbox__fields-wrapper ${this.showFields ? "" : "hidden"}` }, this.options.map((e) => t("general-input", { type: e.inputType, name: e.name, displayName: e.displayName, validation: e.validate, action: e.action || null, defaultValue: e.defaultValue, autofilled: e.autofill, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: e.tooltip, placeholder: e.placeholder == null ? "" : e.placeholder, ref: (i) => this.subFieldsObject[e.name] = i }))));
|
|
58
|
-
}
|
|
59
|
-
static get watchers() {
|
|
60
|
-
return {
|
|
61
|
-
clientStyling: ["handleStylingChange"]
|
|
62
|
-
};
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
h.style = c;
|
|
66
|
-
export {
|
|
67
|
-
h as toggle_checkbox_input
|
|
68
|
-
};
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { r as a, c as o, h as t } from "./index-9cd44522--OAp7ePk.js";
|
|
2
|
-
import { t as n } from "./locale-Cxpe53Ym.js";
|
|
3
|
-
import { t as s } from "./tooltipIcon-ee9760a8-BCCb4EU-.js";
|
|
4
|
-
const r = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;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}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}', c = r, h = class {
|
|
5
|
-
constructor(e) {
|
|
6
|
-
a(this, e), this.sendValidityState = o(this, "sendValidityState"), this.sendInputValue = o(this, "sendInputValue"), this.callBackObject = {}, this.subFieldsObject = {}, this.value = "", this.handleRevealField = (i, l) => {
|
|
7
|
-
i.stopPropagation(), window.postMessage({ type: `registration${l}Clicked` }, window.location.href);
|
|
8
|
-
}, this.setClientStyling = () => {
|
|
9
|
-
let i = document.createElement("style");
|
|
10
|
-
i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
|
|
11
|
-
}, this.name = void 0, this.displayName = void 0, this.defaultValue = "", this.options = void 0, this.autofilled = void 0, this.tooltip = void 0, this.validation = void 0, this.language = void 0, this.emitValue = void 0, this.clientStyling = "", this.errorMessage = void 0, this.isValid = void 0, this.limitStylingAppends = !1, this.showTooltip = !1, this.showFields = this.defaultValue === "true";
|
|
12
|
-
}
|
|
13
|
-
handleStylingChange(e, i) {
|
|
14
|
-
e !== i && this.setClientStyling();
|
|
15
|
-
}
|
|
16
|
-
validityStateHandler(e) {
|
|
17
|
-
this.sendValidityState.emit(e);
|
|
18
|
-
}
|
|
19
|
-
valueHandler(e) {
|
|
20
|
-
this.sendInputValue.emit(e);
|
|
21
|
-
}
|
|
22
|
-
handleClickOutside(e) {
|
|
23
|
-
e.composedPath()[0] !== this.tooltipIconReference && e.composedPath()[0] !== this.tooltipReference && (this.showTooltip = !1);
|
|
24
|
-
}
|
|
25
|
-
componentDidRender() {
|
|
26
|
-
!this.limitStylingAppends && this.stylingContainer && (this.clientStyling && this.setClientStyling(), this.limitStylingAppends = !0);
|
|
27
|
-
}
|
|
28
|
-
componentDidLoad() {
|
|
29
|
-
this.options.length !== 0 && this.options.forEach((e) => {
|
|
30
|
-
this.callBackObject[e.name] = (i) => {
|
|
31
|
-
this.handleRevealField(i, e.name);
|
|
32
|
-
}, this.subFieldsObject[e.name].addEventListener("click", this.callBackObject[e.name]);
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
handleClick() {
|
|
36
|
-
this.showFields = this.checkboxReference.checked, this.errorMessage = this.setErrorMessage(), this.isValid = this.setValidity(), this.valueHandler({ name: this.name, value: this.checkboxReference.checked ? "true" : "false", type: "toggle" });
|
|
37
|
-
}
|
|
38
|
-
setValidity() {
|
|
39
|
-
return this.checkboxReference.validity.valid;
|
|
40
|
-
}
|
|
41
|
-
setErrorMessage() {
|
|
42
|
-
if (this.checkboxReference.validity.valueMissing)
|
|
43
|
-
return n("requiredError", this.language);
|
|
44
|
-
}
|
|
45
|
-
disconnectedCallback() {
|
|
46
|
-
this.options.forEach((e) => {
|
|
47
|
-
this.subFieldsObject[e.name].removeEventListener("click", this.callBackObject[e.name]);
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
renderLabel() {
|
|
51
|
-
return t("label", { class: "togglecheckbox__label", htmlFor: `${this.name}__input` }, t("div", { class: "togglecheckbox__label-text", innerHTML: `${this.displayName} ${this.validation.mandatory ? "*" : ""}` }));
|
|
52
|
-
}
|
|
53
|
-
renderTooltip() {
|
|
54
|
-
return this.showTooltip ? t("div", { class: `togglecheckbox__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (e) => this.tooltipReference = e, innerHTML: this.tooltip }) : null;
|
|
55
|
-
}
|
|
56
|
-
render() {
|
|
57
|
-
return t("div", { key: "1f359a8390bb4296e94573131009eeff1bd2293c", class: `togglecheckbox__wrapper ${this.name}__input`, ref: (e) => this.stylingContainer = e }, t("div", { key: "76033e62f8d111e3071b1a09a6d8f9b909a05244", class: "togglecheckbox__wrapper--flex" }, t("input", { key: "6d944818346ce6e62117856ff5dfd2278c1ccad4", class: "togglecheckbox__input", type: "checkbox", id: `${this.name}__input`, ref: (e) => this.checkboxReference = e, name: this.name, checked: this.defaultValue === "true", readOnly: this.autofilled, required: this.validation.mandatory, value: this.value, onClick: () => this.handleClick() }), this.renderLabel()), t("small", { key: "7e2b7612f6dc179035027b551a6ac9801a1ba3c5", class: "togglecheckbox__error-message" }, this.errorMessage), t("div", { key: "3a77da5b3544107d49137e6024888f8e774be170", class: "togglecheckbox__wrapper--relative" }, this.tooltip && t("img", { key: "7edd9a8cce9d66e7f6fb2d61a4513754df62d5df", class: "togglecheckbox__tooltip-icon", src: s, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), t("div", { key: "49de8d42d4b9f4c5668de6379f015c92098578a6", class: `togglecheckbox__fields-wrapper ${this.showFields ? "" : "hidden"}` }, this.options.map((e) => t("general-input", { type: e.inputType, name: e.name, displayName: e.displayName, validation: e.validate, action: e.action || null, defaultValue: e.defaultValue, autofilled: e.autofill, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: e.tooltip, placeholder: e.placeholder == null ? "" : e.placeholder, ref: (i) => this.subFieldsObject[e.name] = i }))));
|
|
58
|
-
}
|
|
59
|
-
static get watchers() {
|
|
60
|
-
return {
|
|
61
|
-
clientStyling: ["handleStylingChange"]
|
|
62
|
-
};
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
h.style = c;
|
|
66
|
-
export {
|
|
67
|
-
h as toggle_checkbox_input
|
|
68
|
-
};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
const I = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNSIgc3Ryb2tlPSIjOTc5Nzk3Ii8+CjxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiIGZpbGw9IiM5Nzk3OTciLz4KPGNpcmNsZSBjeD0iNiIgY3k9IjMiIHI9IjEiIGZpbGw9IiM5Nzk3OTciLz4KPC9zdmc+Cg==";
|
|
2
|
-
export {
|
|
3
|
-
I as t
|
|
4
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const I="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNSIgc3Ryb2tlPSIjOTc5Nzk3Ii8+CjxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiIGZpbGw9IiM5Nzk3OTciLz4KPGNpcmNsZSBjeD0iNiIgY3k9IjMiIHI9IjEiIGZpbGw9IiM5Nzk3OTciLz4KPC9zdmc+Cg==";exports.tooltipIconSvg=I;
|