@everymatrix/casino-integrated-game-page 0.0.296 → 0.0.297
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.
|
@@ -13905,7 +13905,7 @@
|
|
|
13905
13905
|
class CasinoIntegratedGamePage extends SvelteElement {
|
|
13906
13906
|
constructor(options) {
|
|
13907
13907
|
super();
|
|
13908
|
-
this.shadowRoot.innerHTML = `<style>:host{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'}.CasinoIntegratedGamePage{display:flex;flex-direction:column;height:100vh}.GamePageIntegratedTopSection{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:60px;padding:0 40px}@media(max-width: 768px){.GamePageIntegratedTopSection{padding:0 10px}}.backButton{background:transparent;display:inline-flex;color:var(--emfe-w-color-contrast, #07072A);height:15px;border-radius:5px;border:none;background:transparent;padding:0;text-transform:uppercase;font-size:22px;cursor:pointer}.backButton svg{width:20px;height:20px;margin-right:24px;fill:var(--emfe-w-color-primary, #FFF)}.BottomGame{padding:0 40px;min-height:92px;background-color:var(--emfe-w-color-contrast, #07072A);display:flex;justify-content:space-between;align-items:center}@media(max-width: 768px){.BottomGame{padding:0 10px}}.DepositButton{border:none;padding:12px 20px;background-color:var(--emfe-w-color-green, #D0046C);color:var(--emfe-w-color-white, #FFFFFF);border-radius:5px;cursor:pointer}.FullscreenButton{border-radius:5px;border:none;width:60px;height:60px;background-color:var(--emfe-w-color-primary, #D0046C);float:right}.ButtonsContainer{width:275px;display:flex;flex-direction:row;justify-content:space-between}.ButtonsContainer.ButtonsContainerFunMode{margin-right:15px}.RegisterButton{color:var(--emfe-w-color-white, #FFFFFF);background-color:var(--emfe-w-color-primary, #D0046C);border-radius:5px;border:none;width:129px;height:60px}.LoginButton{color:var(--emfe-w-color-primary, #D0046C);background-color:var(--emfe-w-color-contrast, #07072A);border-radius:5px;border:1px solid var(--emfe-w-color-primary, #D0046C);width:129px;height:60px}.GamesContainer{width:100%;height:100%;max-width:calc(100% - 4px);max-height:100%}.Time{height:20px;margin:0;display:flex;align-items:center;justify-content:center}svg{fill:var(--emfe-w-color-white, #FFFFFF)}p{color:var(--emfe-w-color-white, #FFFFFF)}#IframeContainer{height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}#IframeGame{width:100%;height:100%;display:flex;flex-direction:column}.FullsScreenLayout .GamesContainer{width:100% !important;height:calc(100% - 100px) !important}.PanicSection{display:flex;align-items:center;gap:10px;margin:20px 0}.PanicButton{border-radius:5px;border:1px solid var(--emfe-w-color-primary, #D0046C);background-color:var(--emfe-w-color-primary, #D0046C);width:280px;height:60px;line-height:18px;color:var(--emfe-w-color-white, #FFFFFF);cursor:pointer}.PanicButtonMobile{border-radius:5px;margin:0 10px;border:1px solid var(--emfe-w-color-primary, #D0046C);background-color:var(--emfe-w-color-primary, #D0046C);width:80% !important;height:60px;color:var(--emfe-w-color-white, #FFFFFF);cursor:pointer}.PanicButtonAnimation{background:-webkit-linear-gradient(135deg, rgba(20, 20, 20, 0) 55%, rgba(20, 20, 20, 0.3) 100%);background:-moz-linear-gradient(135deg, rgba(20, 20, 20, 0) 55%, rgba(20, 20, 20, 0.3) 100%);background:-o-linear-gradient(135deg, rgba(20, 20, 20, 0) 55%, rgba(20, 20, 20, 0.3) 100%);background-color:var(--emfe-w-color-primary, #D0046C);width:280px;color:#fff;-webkit-animation:bar-animation 2s linear}@-webkit-keyframes bar-animation{0%{background-position:0}100%{background-position:280px}}.BannerSection{width:100%;height:150px;background:repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);display:flex;justify-content:center;align-items:center}.BannerSection h3{color:#fff}</style>`;
|
|
13908
|
+
this.shadowRoot.innerHTML = `<style>:host{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'}.CasinoIntegratedGamePage{display:flex;flex-direction:column;height:100vh}.GamePageIntegratedTopSection{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:60px;padding:0 40px}@media(max-width: 768px){.GamePageIntegratedTopSection{padding:0 10px}}.backButton{background:transparent;display:inline-flex;color:var(--emfe-w-color-contrast, #07072A);height:15px;border-radius:5px;border:none;background:transparent;padding:0;text-transform:uppercase;font-size:22px;cursor:pointer}.backButton svg{width:20px;height:20px;margin-right:24px;fill:var(--emfe-w-color-primary, #FFF)}.BottomGame{padding:0 40px;min-height:92px;background-color:var(--emfe-w-color-contrast, #07072A);display:flex;justify-content:space-between;align-items:center}@media(max-width: 768px){.BottomGame{padding:0 10px}}.DepositButton{border:none;padding:12px 20px;background-color:var(--emfe-w-color-green, #D0046C);color:var(--emfe-w-color-white, #FFFFFF);border-radius:5px;cursor:pointer}.FullscreenButton{border-radius:5px;border:none;width:60px;height:60px;background-color:var(--emfe-w-color-primary, #D0046C);float:right}.ButtonsContainer{width:275px;display:flex;flex-direction:row;justify-content:space-between}.ButtonsContainer.ButtonsContainerFunMode{margin-right:15px}.RegisterButton{color:var(--emfe-w-color-white, #FFFFFF);background-color:var(--emfe-w-color-primary, #D0046C);border-radius:5px;border:none;width:129px;height:60px}.LoginButton{color:var(--emfe-w-color-primary, #D0046C);background-color:var(--emfe-w-color-contrast, #07072A);border-radius:5px;border:1px solid var(--emfe-w-color-primary, #D0046C);width:129px;height:60px}.GamesContainer{width:100%;height:100%;max-width:calc(100% - 4px);max-height:100%}.Time{height:20px;margin:0;display:flex;align-items:center;justify-content:center}svg{fill:var(--emfe-w-color-white, #FFFFFF)}p{color:var(--emfe-w-color-white, #FFFFFF)}#IframeContainer{height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}#IframeGame{width:100%;height:100%;display:flex;flex-direction:column}.FullsScreenLayout .GamesContainer{width:100% !important;height:calc(100% - 100px) !important}.PanicSection{display:flex;align-items:center;gap:10px;margin:20px 0}.PanicButton{border-radius:5px;border:1px solid var(--emfe-w-color-primary, #D0046C);background-color:var(--emfe-w-color-primary, #D0046C);width:280px;height:60px;line-height:18px;color:var(--emfe-w-color-white, #FFFFFF);cursor:pointer}.PanicButtonMobile{border-radius:5px;margin:0 10px;border:1px solid var(--emfe-w-color-primary, #D0046C);background-color:var(--emfe-w-color-primary, #D0046C);width:80% !important;height:60px;color:var(--emfe-w-color-white, #FFFFFF);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.PanicButtonAnimation{background:-webkit-linear-gradient(135deg, rgba(20, 20, 20, 0) 55%, rgba(20, 20, 20, 0.3) 100%);background:-moz-linear-gradient(135deg, rgba(20, 20, 20, 0) 55%, rgba(20, 20, 20, 0.3) 100%);background:-o-linear-gradient(135deg, rgba(20, 20, 20, 0) 55%, rgba(20, 20, 20, 0.3) 100%);background-color:var(--emfe-w-color-primary, #D0046C);width:280px;color:#fff;-webkit-animation:bar-animation 2s linear}@-webkit-keyframes bar-animation{0%{background-position:0}100%{background-position:280px}}.BannerSection{width:100%;height:150px;background:repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);display:flex;justify-content:center;align-items:center}.BannerSection h3{color:#fff}</style>`;
|
|
13909
13909
|
|
|
13910
13910
|
init(
|
|
13911
13911
|
this,
|