@everymatrix/player-account-controller 0.0.164 → 0.0.165
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.
|
@@ -65319,7 +65319,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
|
|
|
65319
65319
|
class PlayerActiveBonuses extends SvelteElement {
|
|
65320
65320
|
constructor(options) {
|
|
65321
65321
|
super();
|
|
65322
|
-
this.shadowRoot.innerHTML = `<style>.ActiveBonusesWrapper{color:#07072A;padding:50px;max-width:850px}.ActiveBonusesWrapper.ActiveBonusesWrapperMobile{padding:20px 15px;max-width:unset}.MenuReturnButton{color:#D0046C;display:inline-flex;align-items:center;column-gap:10px;margin-bottom:30px}.MenuReturnButton svg{fill:#D0046C}.ActiveBonusesTitle{font-size:26px;color:#D0046C;font-weight:400}.ActiveBonusesTitleMobile{font-size:16px}.ActiveBonusesTitleNone{display:none}.BonusCodeContainer{color:#58586B;display:flex;flex-direction:column;padding-bottom:30px;position:relative;width:70%}.BonusCodeContainer label{font-size:14px;font-weight:300;padding-bottom:5px}.BonusCodeContainer.BonusCodeContainerMobile{width:100%}.BonusCodeContainer .BonusCodeWrapper{display:flex;gap:10px}.BonusCodeContainer .BonusCodeWrapper.BonusCodeWrapperMobile{flex-direction:column}.BonusCodeContainer .BonusCodeWrapper .BonusCodeInput{width:70%;height:44px;border:1px solid #D1D1D1;border-radius:5px;padding:5px;font-size:14px;box-sizing:border-box;padding:5px 15px;font-size:16px;line-height:18px}.BonusCodeContainer .BonusCodeWrapper .BonusCodeInput:focus{outline-color:#D0046C}.BonusCodeContainer .BonusCodeWrapper .BonusCodeInput.BonusCodeInputMobile{width:100%}.BonusCodeContainer .BonusCodeWrapper .SubmitBonusCode{background:#D0046C;border:1px solid #D0046C;color:#fff;cursor:pointer;border-radius:5px;width:30%;height:44px;font-size:15px;text-transform:uppercase;text-align:center;transition-duration:0.3s;box-sizing:border-box;padding:10px}.BonusCodeContainer .BonusCodeWrapper .SubmitBonusCode[disabled]{opacity:0.3;cursor:not-allowed}.BonusCodeContainer .BonusCodeWrapper .SubmitBonusCode.SubmitBonusCodeMobile{width:100%}.BonusCodeContainer .BonusCodeWrapper .SubmitBonusCode:active{background:#9e0352}.BonusCodeContainer .InvalidBonusCodeMessage{color:#FD2839}.BonusCodeWrapper{display:flex;gap:20px}.SubmitBonusCode{background:#D0046C;border:1px solid #D0046C;color:#fff;cursor:pointer;border-radius:5px;width:30%;height:44px;font-size:15px;text-transform:uppercase;text-align:center;transition-duration:0.3s;box-sizing:border-box;padding:10px}.SubmitBonusCode[disabled]{opacity:0.3}.SubmitBonusCode:active{background:#9e0352}.ActiveBonusesGrid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.ActiveBonusesGrid.ActiveBonusesGridMobile{grid-template-columns:1fr}.ModalWrapper{position:
|
|
65322
|
+
this.shadowRoot.innerHTML = `<style>.ActiveBonusesWrapper{color:#07072A;padding:50px;max-width:850px}.ActiveBonusesWrapper.ActiveBonusesWrapperMobile{padding:20px 15px;max-width:unset}.MenuReturnButton{color:#D0046C;display:inline-flex;align-items:center;column-gap:10px;margin-bottom:30px}.MenuReturnButton svg{fill:#D0046C}.ActiveBonusesTitle{font-size:26px;color:#D0046C;font-weight:400}.ActiveBonusesTitleMobile{font-size:16px}.ActiveBonusesTitleNone{display:none}.BonusCodeContainer{color:#58586B;display:flex;flex-direction:column;padding-bottom:30px;position:relative;width:70%}.BonusCodeContainer label{font-size:14px;font-weight:300;padding-bottom:5px}.BonusCodeContainer.BonusCodeContainerMobile{width:100%}.BonusCodeContainer .BonusCodeWrapper{display:flex;gap:10px}.BonusCodeContainer .BonusCodeWrapper.BonusCodeWrapperMobile{flex-direction:column}.BonusCodeContainer .BonusCodeWrapper .BonusCodeInput{width:70%;height:44px;border:1px solid #D1D1D1;border-radius:5px;padding:5px;font-size:14px;box-sizing:border-box;padding:5px 15px;font-size:16px;line-height:18px}.BonusCodeContainer .BonusCodeWrapper .BonusCodeInput:focus{outline-color:#D0046C}.BonusCodeContainer .BonusCodeWrapper .BonusCodeInput.BonusCodeInputMobile{width:100%}.BonusCodeContainer .BonusCodeWrapper .SubmitBonusCode{background:#D0046C;border:1px solid #D0046C;color:#fff;cursor:pointer;border-radius:5px;width:30%;height:44px;font-size:15px;text-transform:uppercase;text-align:center;transition-duration:0.3s;box-sizing:border-box;padding:10px}.BonusCodeContainer .BonusCodeWrapper .SubmitBonusCode[disabled]{opacity:0.3;cursor:not-allowed}.BonusCodeContainer .BonusCodeWrapper .SubmitBonusCode.SubmitBonusCodeMobile{width:100%}.BonusCodeContainer .BonusCodeWrapper .SubmitBonusCode:active{background:#9e0352}.BonusCodeContainer .InvalidBonusCodeMessage{color:#FD2839}.BonusCodeWrapper{display:flex;gap:20px}.SubmitBonusCode{background:#D0046C;border:1px solid #D0046C;color:#fff;cursor:pointer;border-radius:5px;width:30%;height:44px;font-size:15px;text-transform:uppercase;text-align:center;transition-duration:0.3s;box-sizing:border-box;padding:10px}.SubmitBonusCode[disabled]{opacity:0.3}.SubmitBonusCode:active{background:#9e0352}.ActiveBonusesGrid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.ActiveBonusesGrid.ActiveBonusesGridMobile{grid-template-columns:1fr}.ModalWrapper{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.7);display:flex;justify-content:center;align-items:center}.ModalWrapper .ModalContent{background-color:#fff;position:relative;padding:80px;border-top:5px solid #FD2839;border-radius:5px}.ModalWrapper .ModalContent .ModalClose{position:absolute;top:15px;right:15px;width:36px;height:36px;cursor:pointer}.ModalWrapper .ModalContent .ModalClose:before,.ModalWrapper .ModalContent .ModalClose:after{content:'';position:absolute;top:16px;left:-2px;width:40px;height:4px;background-color:#FD2839;transform:rotate(45deg)}.ModalWrapper .ModalContent .ModalClose:after{transform:rotate(-45deg)}.ModalWrapper .ModalBody{background-color:#F9F8F8;padding:30px 60px;text-align:center}.ModalWrapper .ModalBody .ModalText{font-size:26px}.ModalWrapper .ModalBody .ModalButtons{display:flex;gap:36px}.ModalWrapper .ModalBody .ModalCancel,.ModalWrapper .ModalBody .ModalConfirm{background:transparent;border:1px solid #58586B;color:#58586B;cursor:pointer;border-radius:5px;width:330px;height:80px;font-size:22px;text-transform:uppercase;text-align:center;transition-duration:0.3s;box-sizing:border-box;padding:10px}.ModalWrapper .ModalBody .ModalConfirm{background:#D0046C;border:1px solid #D0046C;color:#fff}.ModalWrapper.ModalWrapperMobile .ModalContent{padding:20px;width:80vw;border-top:none}.ModalWrapper.ModalWrapperMobile .ModalBody{padding:0;background:transparent}.ModalWrapper.ModalWrapperMobile .ModalText{font-size:16px}.ModalWrapper.ModalWrapperMobile .ModalButtons{gap:10px}.ModalWrapper.ModalWrapperMobile .ModalCancel,.ModalWrapper.ModalWrapperMobile .ModalConfirm{height:40px;width:50%;font-size:14px}.BonusesPaginationWrapper{margin:40px 0}.BonusesPaginationWrapper.BonusesPaginationWrapperMobile{text-align:center}.BonusesPaginationWrapper .BonusesFirst,.BonusesPaginationWrapper .BonusesPrev,.BonusesPaginationWrapper .BonusesNext,.BonusesPaginationWrapper .BonusesLast{color:#D0046C;font-size:16px;cursor:pointer;padding:5px 10px;font-weight:700}.BonusesPaginationWrapper .BonusesFirst.Inactive,.BonusesPaginationWrapper .BonusesPrev.Inactive,.BonusesPaginationWrapper .BonusesNext.Inactive,.BonusesPaginationWrapper .BonusesLast.Inactive{color:#D1D1D1;cursor:default}.BonusesPaginationWrapper .BonusesPage{margin:0 5px;color:#58586B;font-size:16px;cursor:pointer;padding:5px 10px}.BonusesPaginationWrapper .BonusesPage.BonusPageActive{background-color:#fff;font-weight:700}</style>`;
|
|
65323
65323
|
|
|
65324
65324
|
init(
|
|
65325
65325
|
this,
|