{"version":3,"sources":["webpack:///./src/views/home/casinoNew/components/game/DesktopGame.vue?ec58","webpack:///./src/views/home/casinoNew/components/game/index.vue?1e2e","webpack:///./src/views/home/casinoNew/components/game/DesktopGame.vue?ca92","webpack:///./src/views/home/casinoNew/components/SvgIcon.vue?a44a","webpack:///./src/util/svgPath.js","webpack:///src/views/home/casinoNew/components/SvgIcon.vue","webpack:///./src/views/home/casinoNew/components/SvgIcon.vue?68bf","webpack:///./src/views/home/casinoNew/components/SvgIcon.vue?bdb6","webpack:///src/views/home/casinoNew/components/game/DesktopGame.vue","webpack:///./src/views/home/casinoNew/components/game/DesktopGame.vue?5fec","webpack:///./src/views/home/casinoNew/components/game/DesktopGame.vue?ff64","webpack:///./src/views/home/casinoNew/components/game/MobileGame.vue?7ea2","webpack:///src/views/home/casinoNew/components/game/MobileGame.vue","webpack:///./src/views/home/casinoNew/components/game/MobileGame.vue?b95e","webpack:///./src/views/home/casinoNew/components/game/MobileGame.vue?a0a2","webpack:///src/views/home/casinoNew/components/game/index.vue","webpack:///./src/views/home/casinoNew/components/game/index.vue?21a4","webpack:///./src/views/home/casinoNew/components/game/index.vue","webpack:///./src/views/home/casinoNew/components/SvgIcon.vue?f96f","webpack:///./src/views/home/casinoNew/components/GridHomeCategory.vue?9354","webpack:///src/views/home/casinoNew/components/GridHomeCategory.vue","webpack:///./src/views/home/casinoNew/components/GridHomeCategory.vue?0dba","webpack:///./src/views/home/casinoNew/components/GridHomeCategory.vue?733e","webpack:///./src/views/home/casinoNew/components/game/MobileGame.vue?07a8","webpack:///./src/views/home/casinoNew/components/GridHomeCategory.vue?0137"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","modeViewGame","staticStyle","attrs","on","goBack","_v","currentGameData","$vuetify","breakpoint","smAndDown","_s","title_game","loading","gameUrl","status","fetchGame","relatedGames","length","providers","_e","staticRenderFns","style","width","height","backgroundImage","gameData","identifier_game","split","backgroundSize","backgroundRepeat","backgroundPosition","display","justifyContent","alignItems","$t","$store","state","logged","imageError","src","$event","scopedSlots","_u","key","fn","proxy","domProps","game","overflow","border","backgroundColor","position","bottom","left","right","margin","padding","zIndex","handleGameFavorite","btnFavoriteConfig","icon","allGamesProvider","id_provider","name_provider","_l","option","value","ref","_g","_b","setModeViewGame","activeIcon","inactiveIcon","text","gameErrorSession","svgIcon","svgCodes","errorGameDesktop","errorGameMobile","svg","svgId","name","props","type","String","required","data","mounted","svgPath","component","components","SvgIcon","Login","DialogRegister","vm","updateBtnFavoriteConfig","watch","gamesFavoritesUpdating","computed","casinoType","$route","params","methods","mode","commit","$router","push","0","1","VBtn","VIcon","VImg","VProgressCircular","VSkeletonLoader","VTooltip","borderRadius","directives","rawName","loadingImage","expression","imageGame","gameDataStore","maxWidth","setCurrentGame","undefined","casinoCurrentGameMobile","fetchCurrentGameData","$axios","$emit","created","refreshBalance","mobile","query","firstViewGame","replace","setTimeout","go","$nextTick","val","document","querySelectorAll","forEach","elem","parentNode","removeChild","title","games","indexCurrentGame","relatedGamesByTheme","get","then","res","dados","balance_bonus","balance_bonus_status","toLobby","gameSetup","gameLaunchOptions","game_url","strategy","console","log","window","sg","launch","success","error","xs","allGamesCategory","category","isViewFavorites","hover","numberOfGames","gridTemplateColumns","gamesQty","columnGrid","index","provider","providerImage","providerId","listGames","Math","ceil","VHover"],"mappings":"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","file":"js/chunk-3100a8a0.8b012198.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DesktopGame.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex flex-column px-0\",class:_vm.modeViewGame === 'theater' ? 'py-6' : 'container',staticStyle:{\"overflow\":\"none !important\"}},[_c('div',{staticClass:\"mx-auto\",staticStyle:{\"width\":\"100%\",\"max-width\":\"1100px\"}},[_c('div',{staticClass:\"d-flex align-center mt-2 mb-4\"},[_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":_vm.goBack}},[_c('v-icon',[_vm._v(\"mdi-arrow-left\")])],1),_c('div',{staticClass:\"ml-4\",staticStyle:{\"width\":\"100%\"}},[(!_vm.currentGameData)?_c('v-skeleton-loader',{staticClass:\"pt-2 ma-0\",attrs:{\"width\":\"150px\",\"type\":\"text\"}}):_c('span',{class:_vm.$vuetify.breakpoint.smAndDown ? 'text-body-1' : 'text-h5'},[_vm._v(\"\\n          \"+_vm._s(_vm.currentGameData.title_game)+\"\\n        \")])],1)],1)]),_c('div',{staticClass:\"mx-auto d-flex flex-column align-center\",staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"overflow\":\"none\",\"position\":\"relative\"}},[(_vm.$vuetify.breakpoint.mobile)?_c('MobileGame',{attrs:{\"loading\":_vm.loading,\"gameUrl\":_vm.gameUrl,\"gameData\":_vm.currentGameData,\"status\":_vm.status},on:{\"fetchGame\":_vm.fetchGame}}):_c('DesktopGame',{attrs:{\"loading\":_vm.loading,\"gameUrl\":_vm.gameUrl,\"gameData\":_vm.currentGameData,\"status\":_vm.status}}),_c('div',{staticClass:\"mx-auto d-flex flex-column justify-space-between\",staticStyle:{\"width\":\"100%\",\"max-width\":\"1100px\"}},[(_vm.relatedGames.length > 0)?_c('GridHomeCategory',{attrs:{\"relatedGames\":_vm.relatedGames,\"providers\":_vm.providers}}):_vm._e()],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"width\":\"100%\"}},[(_vm.gameErrorSession)?_c('div',{style:({\n      width: '100%',\n      height: '718px',\n      backgroundImage: _vm.gameData\n        ? (\"linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),\\n        url(https://cdn.softswiss.net/b/\" + (_vm.gameData.identifier_game.split(':')[0]) + \"/\" + (_vm.gameData.identifier_game.split(':')[1]) + \".jpg)\")\n        : '',\n      backgroundSize: 'cover',\n      backgroundRepeat: 'no-repeat',\n      backgroundPosition: 'center',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n    })},[_c('div',{staticClass:\"errorIframe\"},[_c('div',{staticClass:\"svgIcon mr-13\"},[_c('SvgIcon',{attrs:{\"svgId\":\"errorGameDesktop\"}})],1),_c('h6',{staticClass:\"error-message\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"gameNotAvailable\"))+\"\\n        \"),_c('br'),_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"pleaseTryAgainLater\"))+\"\\n      \")])])]):(!_vm.$store.state.logged.status && _vm.gameData)?_c('div',{style:({\n      width: '100%',\n      height: '600px',\n      backgroundImage: _vm.gameData\n        ? (\"linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),\\n        url(https://cdn.softswiss.net/b/\" + (_vm.gameData.identifier_game.split(':')[0]) + \"/\" + (_vm.gameData.identifier_game.split(':')[1]) + \".jpg)\")\n        : '',\n      backgroundSize: 'cover',\n      backgroundRepeat: 'no-repeat',\n      backgroundPosition: 'center',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n    })},[(_vm.gameData)?_c('div',{staticClass:\"d-flex flex-column align-center\",staticStyle:{\"gap\":\"12px\"}},[(_vm.imageError === false)?_c('v-img',{staticStyle:{\"border-radius\":\"2rem\",\"-webkit-box-shadow\":\"10px 10px 20px 5px #000000\",\"box-shadow\":\"0px 32px 40px 1px rgba(0, 0, 0, 0.5)\"},attrs:{\"src\":_vm.gameData.src,\"eager\":\"\",\"max-width\":\"35%\"},on:{\"error\":function($event){_vm.imageError = true}},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('div',{staticClass:\"d-flex align-center justify-center fill-height\"},[_c('v-progress-circular',{attrs:{\"color\":\"grey-lighten-4\",\"indeterminate\":\"\"}})],1)]},proxy:true}],null,false,2266818998)}):_vm._e(),_c('div',{staticClass:\"text-h6 mt-8\",domProps:{\"innerHTML\":_vm._s(\n          _vm.$t('newCasino.unloggedAtGame', {\n            game: _vm.gameData && _vm.gameData.title_game,\n          })\n        )}}),_c('div',{staticClass:\"d-flex align-center\"},[_c('DialogRegister',{attrs:{\"idDialog\":\"desktopGame\"}}),_c('Login')],1)],1):_vm._e()]):(!_vm.loading && _vm.$store.state.logged.status)?_c('div',{style:((\"\\n      height: \" + (_vm.modeViewGame === 'theater'\n          ? 'calc(100vh - 228px)'\n          : _vm.modeViewGame === 'fullscreen'\n          ? '100%'\n          : 'calc(100vh - 127px)') + \";\\n      max-height: \" + (_vm.modeViewGame === 'theater'\n          ? ''\n          : _vm.modeViewGame === 'fullscreen'\n          ? '90%'\n          : '718px') + \";\\n      display: \" + (_vm.$store.state.logged.status ? _vm.loading : !_vm.gameData ? 'none' : 'block') + \";\\n      overflow: none; border: none; background-color: transparent; \" + (_vm.modeViewGame === 'fullscreen'\n          ? 'position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;'\n          : 'z-index: 201;'))),attrs:{\"id\":\"game_wrapper\",\"width\":\"90%\"}}):_vm._e(),(_vm.modeViewGame === 'fullscreen')?_c('div',{staticClass:\"d-flex justify-center align-center py-4 px-6 justify-space-between colorDominant\",style:({\n      overflow: 'none',\n      border: 'none',\n      backgroundColor: 'transparent',\n      position: 'fixed',\n      bottom: 0,\n      left: 0,\n      right: 0,\n      width: '100%',\n      height: '10%',\n      margin: 0,\n      padding: 0,\n      zIndex: 999999,\n    })},[(_vm.gameData && _vm.gameData.src)?_c('img',{staticClass:\"mr-6\",staticStyle:{\"border-radius\":\"1rem\"},attrs:{\"width\":\"60px\",\"src\":_vm.gameData.src}}):_vm._e(),_c('div',{staticClass:\"d-flex flex-column\",staticStyle:{\"width\":\"100%\"}},[_c('h5',{staticStyle:{\"font-size\":\"1.2rem\",\"line-height\":\"1.1rem\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.gameData.title_game)+\"\\n        \"),(_vm.$store.state.logged.status)?_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.handleGameFavorite(_vm.gameData)}}},[_c('v-icon',{attrs:{\"size\":\"24\"}},[_vm._v(_vm._s(_vm.btnFavoriteConfig.icon))])],1):_vm._e()],1),_c('h6',{staticStyle:{\"color\":\"#ccc\",\"font-weight\":\"400\",\"font-size\":\"0.9rem\",\"text-transform\":\"capitalize\",\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.allGamesProvider(_vm.gameData.id_provider)}}},[_vm._v(\"\\n        \"+_vm._s(_vm.gameData.name_provider)+\"\\n      \")])]),_vm._l((_vm.viewOptions),function(option){return _c('v-tooltip',{key:option.value,staticStyle:{\"z-index\":\"202\"},attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\n    var on = ref.on;\n    var attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({attrs:{\"dark\":\"\",\"icon\":\"\",\"color\":option.value === _vm.modeViewGame ? 'primary' : '',\"disabled\":!_vm.$store.state.logged.status},on:{\"click\":function($event){return _vm.setModeViewGame(option.value)}}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(\"\\n            \"+_vm._s(option.value === _vm.modeViewGame\n                ? option.activeIcon\n                : option.inactiveIcon)+\"\\n          \")])],1)]}}],null,true)},[_c('span',[_vm._v(\"\\n        \"+_vm._s(option.text)+\"\\n      \")])])})],2):_vm._e(),(_vm.loading || (!_vm.gameData && !_vm.$store.state.logged.status))?_c('v-skeleton-loader',{style:((\"\\n        height: 718px;\\n        width: 100%;\\n        display: \" + (_vm.loading || (!_vm.gameData && !_vm.$store.state.logged.status)\n            ? 'block'\n            : 'none') + \";\\n      \")),attrs:{\"type\":\"image\"}}):_vm._e(),_c('div',{staticClass:\"d-flex justify-center align-center py-4 px-6 justify-space-between colorDominant\",style:(\"height:auto; width: 100%;\")},[(_vm.gameData && _vm.gameData.src)?_c('img',{staticClass:\"mr-6\",staticStyle:{\"border-radius\":\"1rem\"},attrs:{\"width\":\"60px\",\"src\":_vm.gameData.src}}):_vm._e(),_c('div',{staticClass:\"d-flex flex-column\",staticStyle:{\"width\":\"100%\"}},[(!_vm.loading && _vm.gameData)?_c('h5',{staticStyle:{\"font-size\":\"1.2rem\",\"line-height\":\"1.1rem\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.gameData.title_game)+\"\\n        \"),(_vm.$store.state.logged.status)?_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.handleGameFavorite(_vm.gameData)}}},[_c('v-icon',{attrs:{\"size\":\"24\"}},[_vm._v(_vm._s(_vm.btnFavoriteConfig.icon))])],1):_vm._e()],1):(\n          _vm.gameData && _vm.gameData.title_game && !_vm.$store.state.logged.status\n        )?_c('h5',{staticStyle:{\"font-size\":\"1.2rem\",\"line-height\":\"1.1rem\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.gameData.title_game)+\"\\n        \"),(_vm.$store.state.logged.status)?_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.handleGameFavorite(_vm.gameData)}}},[_c('v-icon',{attrs:{\"size\":\"24\"}},[_vm._v(_vm._s(_vm.btnFavoriteConfig.icon))])],1):_vm._e()],1):_c('v-skeleton-loader',{attrs:{\"width\":\"150px\",\"type\":\"text\"}}),(!_vm.loading && _vm.gameData)?_c('h6',{staticStyle:{\"color\":\"#ccc\",\"font-weight\":\"400\",\"font-size\":\"0.9rem\",\"text-transform\":\"capitalize\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.gameData.name_provider)+\"\\n      \")]):(\n          _vm.gameData && _vm.gameData.name_provider && !_vm.$store.state.logged.status\n        )?_c('h6',{staticStyle:{\"color\":\"#ccc\",\"font-weight\":\"400\",\"font-size\":\"0.9rem\",\"text-transform\":\"capitalize\",\"cursor\":\"pointer\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.gameData.name_provider)+\"\\n      \")]):_c('v-skeleton-loader',{attrs:{\"width\":\"75px\",\"type\":\"text\"}})],1),_vm._l((_vm.viewOptions),function(option){return _c('v-tooltip',{key:option.value,staticStyle:{\"z-index\":\"202\"},attrs:{\"top\":\"\"},scopedSlots:_vm._u([(!_vm.gameErrorSession)?{key:\"activator\",fn:function(ref){\n        var on = ref.on;\n        var attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({attrs:{\"dark\":\"\",\"icon\":\"\",\"color\":option.value === _vm.modeViewGame ? 'primary' : '',\"disabled\":_vm.loading || !_vm.$store.state.logged.status},on:{\"click\":function($event){return _vm.setModeViewGame(option.value)}}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(\"\\n            \"+_vm._s(option.value === _vm.modeViewGame\n                ? option.activeIcon\n                : option.inactiveIcon)+\"\\n          \")])],1)]}}:null],null,true)},[_c('span',[_vm._v(\"\\n        \"+_vm._s(option.text)+\"\\n      \")])])})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{domProps:{\"innerHTML\":_vm._s(_vm.svgIcon)}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","const svgCodes = {\n  errorGameDesktop: `<svg width=\"1050\" height=\"200\" viewBox=\"0 0 156 62\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.394 30.2898L20.7967 29.9899V29.4878V24C20.7967 11.2975 31.0942 1 43.7967 1H132C144.703 1 155 11.2975 155 24V38C155 50.7025 144.703 61 132 61H43.7967C33.1612 61 24.2093 53.7803 21.5796 43.9727L21.3809 43.2317H20.6137H3.01688L20.394 30.2898ZM0 44.2317H1.67417H20.6137C23.3577 54.4653 32.6973 62 43.7967 62H132C145.255 62 156 51.2548 156 38V24C156 10.7452 145.255 0 132 0H43.7967C30.5419 0 19.7967 10.7452 19.7967 24V29.4878L1.34271 43.2317L0 44.2317ZM56.6201 18C50.4928 18 46 22.273 46 28.0411C46 33.8092 50.5148 38.0822 56.6201 38.0822C62.7254 38.0822 67.2476 33.8386 67.2476 28.0411C67.2476 22.2436 62.7474 18 56.6201 18ZM61.5981 24.7084C62.2839 25.6872 62.6658 26.8464 62.6961 28.0411C62.7378 28.8572 62.6103 29.673 62.3218 30.4375C62.0332 31.202 61.5898 31.8986 61.0192 32.4836C60.4487 33.0685 59.7634 33.5293 59.0064 33.8369C58.2494 34.1445 57.437 34.2923 56.6201 34.271C55.425 34.2706 54.2566 33.9178 53.261 33.2567C52.2655 32.5956 51.4869 31.6557 51.0229 30.5544C50.5588 29.4531 50.4298 28.2394 50.6521 27.0651C50.8743 25.8909 51.4379 24.8083 52.2723 23.9527C53.1067 23.0972 54.1749 22.5067 55.3432 22.2552C56.5115 22.0036 57.7281 22.1022 58.8406 22.5386C59.9532 22.9749 60.9124 23.7297 61.5981 24.7084ZM77.4206 22.6028C72.6786 22.6028 69.2118 25.791 69.2118 30.2839C69.2118 34.7767 72.6786 37.9356 77.4206 37.9356C82.1627 37.9356 85.6001 34.7767 85.6001 30.2839C85.6001 25.791 82.1627 22.6028 77.4206 22.6028ZM77.4206 26.1575C79.5828 26.1575 81.2172 27.7113 81.2172 30.2839H81.2465C81.2465 32.8638 79.5901 34.4176 77.4206 34.4176C75.2512 34.4176 73.5874 32.8564 73.5874 30.2839C73.5874 27.7113 75.2585 26.1575 77.4206 26.1575ZM104.7 30.2839C104.7 35.0039 101.483 37.9357 97.2976 37.9357C96.4636 37.9771 95.6306 37.8381 94.8552 37.5282C94.0798 37.2183 93.3804 36.7448 92.8048 36.14V43.0955H88.4805V22.83H92.6142V24.5451C93.1961 23.8868 93.9202 23.3698 94.7317 23.0333C95.5432 22.6968 96.4207 22.5495 97.2976 22.6028C101.483 22.6028 104.7 25.6005 104.7 30.2839ZM100.303 30.2839C100.303 27.7113 98.6682 26.1575 96.5061 26.1575C94.3439 26.1575 92.7095 27.7113 92.7095 30.2839C92.7095 32.8565 94.3439 34.4176 96.5061 34.4176C98.6682 34.4176 100.347 32.8638 100.347 30.2839H100.303ZM107.632 33.2522L106.166 36.3598C108.14 37.4621 110.37 38.0234 112.63 37.9869C117.094 37.9869 119.674 36.0227 119.674 33.2449C119.674 29.7012 116.397 29.1916 113.795 28.7868C112.081 28.5202 110.659 28.2991 110.659 27.2862C110.659 26.5093 111.494 25.901 113.437 25.901C114.941 25.8875 116.422 26.2692 117.732 27.0077L119.197 23.9294C117.418 23.0368 115.449 22.5891 113.459 22.6248C109.105 22.6248 106.554 24.6257 106.554 27.4548C106.554 31.0881 109.904 31.5795 112.518 31.963C114.19 32.2085 115.562 32.4097 115.562 33.3622C115.562 34.1904 114.815 34.7181 112.821 34.7181C110.991 34.7051 109.198 34.1987 107.632 33.2522ZM121.697 35.4437C121.747 34.7722 122.049 34.1444 122.542 33.6862C123.036 33.2281 123.684 32.9734 124.357 32.9734C125.031 32.9734 125.679 33.2281 126.173 33.6862C126.666 34.1444 126.968 34.7722 127.018 35.4437C126.968 36.1152 126.666 36.743 126.173 37.2011C125.679 37.6593 125.031 37.9139 124.357 37.9139C123.684 37.9139 123.036 37.6593 122.542 37.2011C122.049 36.743 121.747 36.1152 121.697 35.4437ZM121.777 18.3372H126.908L126.05 31.0095H122.613L121.777 18.3372Z\" fill=\"black\"/>\n  </svg>`, \n  errorGameMobile: `<svg width=\"150\" height=\"85\" viewBox=\"0 0 156 62\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.394 30.2898L20.7967 29.9899V29.4878V24C20.7967 11.2975 31.0942 1 43.7967 1H132C144.703 1 155 11.2975 155 24V38C155 50.7025 144.703 61 132 61H43.7967C33.1612 61 24.2093 53.7803 21.5796 43.9727L21.3809 43.2317H20.6137H3.01688L20.394 30.2898ZM0 44.2317H1.67417H20.6137C23.3577 54.4653 32.6973 62 43.7967 62H132C145.255 62 156 51.2548 156 38V24C156 10.7452 145.255 0 132 0H43.7967C30.5419 0 19.7967 10.7452 19.7967 24V29.4878L1.34271 43.2317L0 44.2317ZM56.6201 18C50.4928 18 46 22.273 46 28.0411C46 33.8092 50.5148 38.0822 56.6201 38.0822C62.7254 38.0822 67.2476 33.8386 67.2476 28.0411C67.2476 22.2436 62.7474 18 56.6201 18ZM61.5981 24.7084C62.2839 25.6872 62.6658 26.8464 62.6961 28.0411C62.7378 28.8572 62.6103 29.673 62.3218 30.4375C62.0332 31.202 61.5898 31.8986 61.0192 32.4836C60.4487 33.0685 59.7634 33.5293 59.0064 33.8369C58.2494 34.1445 57.437 34.2923 56.6201 34.271C55.425 34.2706 54.2566 33.9178 53.261 33.2567C52.2655 32.5956 51.4869 31.6557 51.0229 30.5544C50.5588 29.4531 50.4298 28.2394 50.6521 27.0651C50.8743 25.8909 51.4379 24.8083 52.2723 23.9527C53.1067 23.0972 54.1749 22.5067 55.3432 22.2552C56.5115 22.0036 57.7281 22.1022 58.8406 22.5386C59.9532 22.9749 60.9124 23.7297 61.5981 24.7084ZM77.4206 22.6028C72.6786 22.6028 69.2118 25.791 69.2118 30.2839C69.2118 34.7767 72.6786 37.9356 77.4206 37.9356C82.1627 37.9356 85.6001 34.7767 85.6001 30.2839C85.6001 25.791 82.1627 22.6028 77.4206 22.6028ZM77.4206 26.1575C79.5828 26.1575 81.2172 27.7113 81.2172 30.2839H81.2465C81.2465 32.8638 79.5901 34.4176 77.4206 34.4176C75.2512 34.4176 73.5874 32.8564 73.5874 30.2839C73.5874 27.7113 75.2585 26.1575 77.4206 26.1575ZM104.7 30.2839C104.7 35.0039 101.483 37.9357 97.2976 37.9357C96.4636 37.9771 95.6306 37.8381 94.8552 37.5282C94.0798 37.2183 93.3804 36.7448 92.8048 36.14V43.0955H88.4805V22.83H92.6142V24.5451C93.1961 23.8868 93.9202 23.3698 94.7317 23.0333C95.5432 22.6968 96.4207 22.5495 97.2976 22.6028C101.483 22.6028 104.7 25.6005 104.7 30.2839ZM100.303 30.2839C100.303 27.7113 98.6682 26.1575 96.5061 26.1575C94.3439 26.1575 92.7095 27.7113 92.7095 30.2839C92.7095 32.8565 94.3439 34.4176 96.5061 34.4176C98.6682 34.4176 100.347 32.8638 100.347 30.2839H100.303ZM107.632 33.2522L106.166 36.3598C108.14 37.4621 110.37 38.0234 112.63 37.9869C117.094 37.9869 119.674 36.0227 119.674 33.2449C119.674 29.7012 116.397 29.1916 113.795 28.7868C112.081 28.5202 110.659 28.2991 110.659 27.2862C110.659 26.5093 111.494 25.901 113.437 25.901C114.941 25.8875 116.422 26.2692 117.732 27.0077L119.197 23.9294C117.418 23.0368 115.449 22.5891 113.459 22.6248C109.105 22.6248 106.554 24.6257 106.554 27.4548C106.554 31.0881 109.904 31.5795 112.518 31.963C114.19 32.2085 115.562 32.4097 115.562 33.3622C115.562 34.1904 114.815 34.7181 112.821 34.7181C110.991 34.7051 109.198 34.1987 107.632 33.2522ZM121.697 35.4437C121.747 34.7722 122.049 34.1444 122.542 33.6862C123.036 33.2281 123.684 32.9734 124.357 32.9734C125.031 32.9734 125.679 33.2281 126.173 33.6862C126.666 34.1444 126.968 34.7722 127.018 35.4437C126.968 36.1152 126.666 36.743 126.173 37.2011C125.679 37.6593 125.031 37.9139 124.357 37.9139C123.684 37.9139 123.036 37.6593 122.542 37.2011C122.049 36.743 121.747 36.1152 121.697 35.4437ZM121.777 18.3372H126.908L126.05 31.0095H122.613L121.777 18.3372Z\" fill=\"black\"/>\n  </svg>`,\n};\n\nconst svg = (svgId) => {\n  return svgCodes[svgId];\n};\n\nexport default svg;\n","<template>\n  <div v-html=\"svgIcon\"></div>\n</template>\n\n<script>\nimport svgPath from \"@/util/svgPath\";\n\nexport default {\n  name: \"svg-icons\",\n\n  props: {\n    svgId: {\n      type: String,\n      required: true,\n    },\n  },\n\n  data: () => ({\n    svgIcon: \"\",\n  }),\n\n  mounted() {\n    this.svgIcon = svgPath(this.svgId);\n  },\n};\n</script>\n\n<style>\nsvg path {\n  fill: var(--v-primary-base);\n}\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SvgIcon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SvgIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SvgIcon.vue?vue&type=template&id=17a9ce18&\"\nimport script from \"./SvgIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./SvgIcon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SvgIcon.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div style=\"width: 100%\">\n    <!-- Game Iframe -->\n    <div\n      v-if=\"gameErrorSession\"\n      :style=\"{\n        width: '100%',\n        height: '718px',\n        backgroundImage: gameData\n          ? `linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),\n          url(https://cdn.softswiss.net/b/${\n            gameData.identifier_game.split(':')[0]\n          }/${gameData.identifier_game.split(':')[1]}.jpg)`\n          : '',\n        backgroundSize: 'cover',\n        backgroundRepeat: 'no-repeat',\n        backgroundPosition: 'center',\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n      }\"\n    >\n      <div class=\"errorIframe\">\n        <div class=\"svgIcon mr-13\">\n          <SvgIcon svgId=\"errorGameDesktop\" />\n        </div>\n        <h6 class=\"error-message\">\n          {{ $t(\"gameNotAvailable\") }}\n          <br />\n          {{ $t(\"pleaseTryAgainLater\") }}\n        </h6>\n      </div>\n    </div>\n\n    <div\n      v-else-if=\"!$store.state.logged.status && gameData\"\n      :style=\"{\n        width: '100%',\n        height: '600px',\n        backgroundImage: gameData\n          ? `linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),\n          url(https://cdn.softswiss.net/b/${\n            gameData.identifier_game.split(':')[0]\n          }/${gameData.identifier_game.split(':')[1]}.jpg)`\n          : '',\n        backgroundSize: 'cover',\n        backgroundRepeat: 'no-repeat',\n        backgroundPosition: 'center',\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n      }\"\n    >\n      <div\n        class=\"d-flex flex-column align-center\"\n        style=\"gap: 12px\"\n        v-if=\"gameData\"\n      >\n        <v-img\n          v-if=\"imageError === false\"\n          :src=\"gameData.src\"\n          eager\n          max-width=\"35%\"\n          @error=\"imageError = true\"\n          style=\"\n                border-radius: 2rem;\n                -webkit-box-shadow: 10px 10px 20px 5px #000000;\n                box-shadow: 0px 32px 40px 1px rgba(0, 0, 0, 0.5);\n              \"\n        >\n          <template v-slot:placeholder>\n            <div class=\"d-flex align-center justify-center fill-height\">\n              <v-progress-circular\n                color=\"grey-lighten-4\"\n                indeterminate\n              ></v-progress-circular>\n            </div>\n          </template>\n        </v-img>\n\n        <div\n          v-html=\"\n            $t('newCasino.unloggedAtGame', {\n              game: gameData && gameData.title_game,\n            })\n          \"\n          class=\"text-h6 mt-8\"\n        ></div>\n        <div class=\"d-flex align-center\">\n          <DialogRegister idDialog=\"desktopGame\" />\n          <Login />\n        </div>\n      </div>\n    </div>\n\n    <div\n      v-else-if=\"!loading && $store.state.logged.status\"\n      id=\"game_wrapper\"\n      width=\"90%\"\n      :style=\"\n        `\n        height: ${\n          modeViewGame === 'theater'\n            ? 'calc(100vh - 228px)'\n            : modeViewGame === 'fullscreen'\n            ? '100%'\n            : 'calc(100vh - 127px)'\n        };\n        max-height: ${\n          modeViewGame === 'theater'\n            ? ''\n            : modeViewGame === 'fullscreen'\n            ? '90%'\n            : '718px'\n        };\n        display: ${\n          $store.state.logged.status ? loading : !gameData ? 'none' : 'block'\n        };\n        overflow: none; border: none; background-color: transparent; ${\n          modeViewGame === 'fullscreen'\n            ? 'position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;'\n            : 'z-index: 201;'\n        }`\n      \"\n    ></div>\n\n    <!-- Footer Game - Fullscreen -->\n    <div\n      v-if=\"modeViewGame === 'fullscreen'\"\n      class=\"d-flex justify-center align-center py-4 px-6 justify-space-between colorDominant\"\n      :style=\"{\n        overflow: 'none',\n        border: 'none',\n        backgroundColor: 'transparent',\n        position: 'fixed',\n        bottom: 0,\n        left: 0,\n        right: 0,\n        width: '100%',\n        height: '10%',\n        margin: 0,\n        padding: 0,\n        zIndex: 999999,\n      }\"\n    >\n      <!-- Image Provider -->\n      <img\n        v-if=\"gameData && gameData.src\"\n        class=\"mr-6\"\n        width=\"60px\"\n        :src=\"gameData.src\"\n        style=\"border-radius: 1rem;\"\n      />\n\n      <div class=\"d-flex flex-column\" style=\"width: 100%\">\n        <h5 style=\"font-size: 1.2rem; line-height: 1.1rem\">\n          {{ gameData.title_game }}\n          <v-btn\n            v-if=\"$store.state.logged.status\"\n            icon\n            @click=\"handleGameFavorite(gameData)\"\n          >\n            <v-icon size=\"24\">{{ btnFavoriteConfig.icon }}</v-icon>\n          </v-btn>\n        </h5>\n        <h6\n          @click=\"allGamesProvider(gameData.id_provider)\"\n          style=\"\n            color: #ccc;\n            font-weight: 400;\n            font-size: 0.9rem;\n            text-transform: capitalize;\n            cursor: pointer;\n          \"\n        >\n          {{ gameData.name_provider }}\n        </h6>\n      </div>\n\n      <v-tooltip\n        v-for=\"option in viewOptions\"\n        :key=\"option.value\"\n        top\n        style=\"z-index: 202\"\n      >\n        <template v-slot:activator=\"{ on, attrs }\">\n          <v-btn\n            v-bind=\"attrs\"\n            v-on=\"on\"\n            dark\n            icon\n            :color=\"option.value === modeViewGame ? 'primary' : ''\"\n            @click=\"setModeViewGame(option.value)\"\n            :disabled=\"!$store.state.logged.status\"\n          >\n            <v-icon>\n              {{\n                option.value === modeViewGame\n                  ? option.activeIcon\n                  : option.inactiveIcon\n              }}\n            </v-icon>\n          </v-btn>\n        </template>\n        <span>\n          {{ option.text }}\n        </span>\n      </v-tooltip>\n    </div>\n\n    <v-skeleton-loader\n      v-if=\"loading || (!gameData && !$store.state.logged.status)\"\n      type=\"image\"\n      :style=\"\n        `\n          height: 718px;\n          width: 100%;\n          display: ${\n            loading || (!gameData && !$store.state.logged.status)\n              ? 'block'\n              : 'none'\n          };\n        `\n      \"\n    />\n\n    <!-- Footer Game - No fullscreen -->\n    <div\n      class=\"d-flex justify-center align-center py-4 px-6 justify-space-between colorDominant\"\n      :style=\"`height:auto; width: 100%;`\"\n    >\n      <!-- Image Provider -->\n      <img\n        v-if=\"gameData && gameData.src\"\n        class=\"mr-6\"\n        width=\"60px\"\n        :src=\"gameData.src\"\n        style=\"border-radius: 1rem;\"\n      />\n\n      <div class=\"d-flex flex-column\" style=\"width: 100%\">\n        <h5\n          style=\"font-size: 1.2rem; line-height: 1.1rem\"\n          v-if=\"!loading && gameData\"\n        >\n          {{ gameData.title_game }}\n          <v-btn\n            v-if=\"$store.state.logged.status\"\n            icon\n            @click=\"handleGameFavorite(gameData)\"\n          >\n            <v-icon size=\"24\">{{ btnFavoriteConfig.icon }}</v-icon>\n          </v-btn>\n        </h5>\n        <h5\n          style=\"font-size: 1.2rem; line-height: 1.1rem\"\n          v-else-if=\"\n            gameData && gameData.title_game && !$store.state.logged.status\n          \"\n        >\n          {{ gameData.title_game }}\n          <v-btn\n            v-if=\"$store.state.logged.status\"\n            icon\n            @click=\"handleGameFavorite(gameData)\"\n          >\n            <v-icon size=\"24\">{{ btnFavoriteConfig.icon }}</v-icon>\n          </v-btn>\n        </h5>\n        <v-skeleton-loader v-else width=\"150px\" type=\"text\"></v-skeleton-loader>\n        <h6\n          v-if=\"!loading && gameData\"\n          style=\"\n            color: #ccc;\n            font-weight: 400;\n            font-size: 0.9rem;\n            text-transform: capitalize;\n          \"\n        >\n          {{ gameData.name_provider }}\n        </h6>\n        <h6\n          v-else-if=\"\n            gameData && gameData.name_provider && !$store.state.logged.status\n          \"\n          style=\"\n            color: #ccc;\n            font-weight: 400;\n            font-size: 0.9rem;\n            text-transform: capitalize;\n            cursor: pointer;\n          \"\n        >\n          {{ gameData.name_provider }}\n        </h6>\n        <v-skeleton-loader v-else width=\"75px\" type=\"text\"></v-skeleton-loader>\n      </div>\n      <v-tooltip\n        top\n        style=\"z-index: 202\"\n        v-for=\"option in viewOptions\"\n        :key=\"option.value\"\n      >\n        <template v-if=\"!gameErrorSession\" v-slot:activator=\"{ on, attrs }\">\n          <v-btn\n            v-bind=\"attrs\"\n            v-on=\"on\"\n            dark\n            icon\n            :color=\"option.value === modeViewGame ? 'primary' : ''\"\n            @click=\"setModeViewGame(option.value)\"\n            :disabled=\"loading || !$store.state.logged.status\"\n          >\n            <v-icon>\n              {{\n                option.value === modeViewGame\n                  ? option.activeIcon\n                  : option.inactiveIcon\n              }}\n            </v-icon>\n          </v-btn>\n        </template>\n        <span>\n          {{ option.text }}\n        </span>\n      </v-tooltip>\n    </div>\n  </div>\n</template>\n\n<script>\nimport SvgIcon from \"../SvgIcon.vue\";\nimport Login from \"@/components/login/dialog.vue\";\nimport DialogRegister from \"@/views/home/register/dialog-register\";\nimport {\n  isGameFavorite,\n  addGameFavorite,\n  removeGameFavorite\n} from \"@/util/casino/gameFavorite.js\";\n\nexport default {\n  components: {\n    SvgIcon,\n    Login,\n    DialogRegister,\n  },\n  name: \"DesktopGame\",\n\n  props: [\"loading\", \"gameUrl\", \"gameData\", \"status\"],\n\n  data: (vm) => ({\n    imageError: false,\n    viewOptions: [\n      {\n        text: vm.$t(\"theaterMode\"),\n        value: \"theater\",\n        inactiveIcon: \"mdi-rectangle-outline\",\n        activeIcon: \"mdi-rectangle-outline\",\n      },\n      {\n        text: vm.$t(\"fullscreen\"),\n        value: \"fullscreen\",\n        inactiveIcon: \"mdi-fullscreen\",\n        activeIcon: \"mdi-fullscreen-exit\",\n      },\n    ],\n    btnFavoriteConfig: { icon: \"\" },\n  }),\n\n  mounted() {\n    this.updateBtnFavoriteConfig();\n  },\n\n  watch: {\n    gamesFavoritesUpdating() {\n      this.updateBtnFavoriteConfig();\n    },\n    gameData() {\n      this.updateBtnFavoriteConfig();\n    },\n    \"$store.state.logged.status\"() {\n      this.updateBtnFavoriteConfig();\n    },\n  },\n\n  computed: {\n    gameErrorSession() {\n      return this.status === 400;\n    },\n    modeViewGame() {\n      return this.$store.state.modeViewGame;\n    },\n    casinoType() {\n      return this.$route.params.casinoType;\n    },\n    gamesFavoritesUpdating() {\n      return this.$store.state.gamesFavoritesUpdating;\n    },\n  },\n\n  methods: {\n    setModeViewGame(mode) {\n      if (this.modeViewGame === mode) {\n        this.$store.commit(\"setModeViewGame\", \"\");\n      } else {\n        this.$store.commit(\"setModeViewGame\", mode);\n      }\n    },\n    allGamesProvider(providerId) {\n      this.$router.push({\n        name: \"casinoProvider\",\n        params: { providerId },\n      });\n    },\n    updateBtnFavoriteConfig() {\n      const btnConfig = {\n        0: { icon: \"mdi-star-outline\" },\n        1: { icon: \"mdi-star-check\" },\n      };\n\n      this.btnFavoriteConfig =\n        btnConfig[isGameFavorite(this.casinoType, this.gameData.key)];\n    },\n    handleGameFavorite(game) {\n      if (isGameFavorite(this.casinoType, game.key)) {\n        removeGameFavorite(this.casinoType, game.key);\n      } else {\n        addGameFavorite(this.casinoType, game);\n      }\n    },\n  },\n};\n</script>\n\n<style>\n.v-skeleton-loader__image {\n  height: 100% !important;\n}\n\n#game_wrapper {\n  width: 100%;\n}\n\n#game_wrapper iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n\n.error-message {\n  color: #ccc;\n  font-weight: 400;\n  font-size: 1.5rem;\n  font-family: Roboto;\n  text-align: center;\n  margin-top: 50px;\n  width: 75%;\n  padding-bottom: 100px;\n}\n\n.errorIframe {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  align-content: center;\n}\n\n.svgIcon {\n  padding-top: 100px;\n}\n\nsvg path {\n  fill: #ccc;\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DesktopGame.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DesktopGame.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DesktopGame.vue?vue&type=template&id=306b6efd&\"\nimport script from \"./DesktopGame.vue?vue&type=script&lang=js&\"\nexport * from \"./DesktopGame.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DesktopGame.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VIcon,VImg,VProgressCircular,VSkeletonLoader,VTooltip})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"px-2\",staticStyle:{\"width\":\"100%\"}},[(!_vm.$store.state.logged.status)?_c('div',{style:({\n      width: '100%',\n      height: '300px',\n      backgroundImage: _vm.gameData\n        ? (\"linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),\\n        url(https://cdn.softswiss.net/b/\" + (_vm.gameData.identifier_game.split(':')[0]) + \"/\" + (_vm.gameData.identifier_game.split(':')[1]) + \".jpg)\")\n        : '',\n      backgroundSize: 'cover',\n      backgroundRepeat: 'no-repeat',\n      backgroundPosition: 'center',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'start',\n      borderRadius: '16px',\n    })},[(_vm.gameData)?_c('div',{staticClass:\"d-flex flex-column align-center my-8\",staticStyle:{\"gap\":\"12px\"}},[(_vm.imageError === false)?_c('v-img',{staticStyle:{\"border-radius\":\"2rem\"},attrs:{\"src\":_vm.gameData.src,\"eager\":\"\",\"max-width\":\"25%\"},on:{\"error\":function($event){_vm.imageError = true}},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('div',{staticClass:\"d-flex align-center justify-center fill-height\"},[_c('v-progress-circular',{attrs:{\"color\":\"grey-lighten-4\",\"indeterminate\":\"\"}})],1)]},proxy:true}],null,false,2266818998)}):_vm._e(),_c('div',{staticClass:\"text-body-1 text-center mx-7\",domProps:{\"innerHTML\":_vm._s(\n          _vm.$t('newCasino.unloggedAtGame', {\n            game: _vm.gameData && _vm.gameData.title_game,\n          })\n        )}}),_c('div',{staticClass:\"d-flex align-center\"},[_c('DialogRegister',{attrs:{\"idDialog\":\"mobileGame\"}}),_c('Login')],1)],1):_vm._e()]):(_vm.$store.state.logged.status)?_c('div',{attrs:{\"id\":\"game_wrapper\"}}):_vm._e(),(_vm.$store.state.logged.status)?_c('div',{staticClass:\"d-flex flex-column colorDominant\",staticStyle:{\"border-radius\":\"1rem\"}},[_c('div',{staticStyle:{\"min-height\":\"160px\",\"overflow\":\"hidden\"}},[_c('v-skeleton-loader',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.imageError === false && _vm.loadingImage && !_vm.gameErrorSession),expression:\"imageError === false && loadingImage && !gameErrorSession\"}],staticStyle:{\"border-radius\":\"1rem 1rem 0 0\"},attrs:{\"type\":\"image\",\"height\":\"181\"}}),(_vm.imageError === false && !_vm.gameErrorSession)?_c('v-img',{staticStyle:{\"background-size\":\"contain\",\"border-radius\":\"1rem 1rem 0 0\"},attrs:{\"src\":_vm.imageGame,\"eager\":\"\"},on:{\"error\":function($event){_vm.imageError = true},\"load\":function($event){_vm.loadingImage = false},\"click\":_vm.fetchGame}}):_vm._e(),(_vm.gameErrorSession)?_c('div',{staticClass:\"errors-container\",style:({\n          width: '100%',\n          height: '200px',\n          backgroundImage: (\"linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(\" + (_vm.gameData.src) + \")\"),\n          backgroundSize: 'cover',\n          backgroundRepeat: 'no-repeat',\n          backgroundPosition: 'center',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n        })},[_c('div',{staticClass:\"d-flex flex-column mt-3 align-center\"},[_c('div',{staticClass:\"BorderMobile\"},[_c('SvgIcon',{attrs:{\"svgId\":\"errorGameMobile\"}}),_c('h6',{staticClass:\"error-messages\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"gameNotAvailable\"))+\"\\n              \"+_vm._s(_vm.$t(\"pleaseTryAgainLater\"))+\"\\n            \")])],1)])]):_vm._e(),(_vm.imageError === true)?_c('div',{staticClass:\"d-flex justify-center imageErrorIcon\",staticStyle:{\"min-height\":\"160px\",\"max-height\":\"150px\"},attrs:{\"alt\":_vm.gameDataStore && _vm.gameDataStore.title_game}},[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(\"mdi-poker-chip\")])],1):_vm._e()],1),_c('div',{staticClass:\"d-flex align-center pa-4\"},[(_vm.$vuetify.breakpoint.width > 350 &&\n          _vm.gameDataStore &&\n          _vm.gameDataStore.src\n        )?_c('img',{staticClass:\"mr-4\",staticStyle:{\"border-radius\":\"1rem\"},attrs:{\"width\":\"50px\",\"src\":_vm.gameDataStore.src}}):_vm._e(),_c('div',{style:(_vm.$vuetify.breakpoint.width < 350 && {\n            maxWidth: '210px',\n          } ||\n          _vm.$vuetify.breakpoint.width < 450 && {\n            maxWidth: '140px',\n          })},[(!_vm.gameDataStore && _vm.loading)?_c('v-skeleton-loader',{attrs:{\"width\":\"150px\",\"type\":\"text\"}}):_c('h5',{staticClass:\"text-truncate\",staticStyle:{\"font-size\":\"1.2rem\",\"line-height\":\"1.1rem\",\"margin-bottom\":\"7px\"}},[_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.handleGameFavorite(_vm.gameDataStore)}}},[_c('v-icon',{attrs:{\"size\":\"24\"}},[_vm._v(_vm._s(_vm.btnFavoriteConfig.icon))])],1),_vm._v(\"\\n          \"+_vm._s(_vm.gameDataStore && _vm.gameDataStore.title_game)+\"\\n        \")],1),(!_vm.gameDataStore && _vm.loading)?_c('v-skeleton-loader',{attrs:{\"width\":\"75px\",\"type\":\"text\"}}):_c('h6',{staticClass:\"text-truncate\",staticStyle:{\"max-width\":\"25ch\",\"color\":\"#ccc\",\"font-weight\":\"400\",\"font-size\":\"0.9rem\",\"text-transform\":\"capitalize\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.gameDataStore && _vm.gameDataStore.name_provider)+\"\\n        \")])],1),_c('div',{staticClass:\"ml-auto\"},[_c('v-btn',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.gameErrorSession),expression:\"!gameErrorSession\"}],attrs:{\"color\":\"primary\",\"fab\":\"\",\"loading\":_vm.loading},on:{\"click\":_vm.fetchGame}},[_c('v-icon',[_vm._v(\"mdi-play\")])],1)],1)])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"px-2\" style=\"width: 100%\">\n    <div\n      v-if=\"!$store.state.logged.status\"\n      :style=\"{\n        width: '100%',\n        height: '300px',\n        backgroundImage: gameData\n          ? `linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),\n          url(https://cdn.softswiss.net/b/${\n            gameData.identifier_game.split(':')[0]\n          }/${gameData.identifier_game.split(':')[1]}.jpg)`\n          : '',\n        backgroundSize: 'cover',\n        backgroundRepeat: 'no-repeat',\n        backgroundPosition: 'center',\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'start',\n        borderRadius: '16px',\n      }\"\n    >\n      <div\n        class=\"d-flex flex-column align-center my-8\"\n        style=\"gap: 12px\"\n        v-if=\"gameData\"\n      >\n        <v-img\n          v-if=\"imageError === false\"\n          :src=\"gameData.src\"\n          eager\n          max-width=\"25%\"\n          @error=\"imageError = true\"\n          style=\"\n                border-radius: 2rem;\n              \"\n        >\n          <template v-slot:placeholder>\n            <div class=\"d-flex align-center justify-center fill-height\">\n              <v-progress-circular\n                color=\"grey-lighten-4\"\n                indeterminate\n              ></v-progress-circular>\n            </div>\n          </template>\n        </v-img>\n\n        <div\n          v-html=\"\n            $t('newCasino.unloggedAtGame', {\n              game: gameData && gameData.title_game,\n            })\n          \"\n          class=\"text-body-1 text-center mx-7\"\n        ></div>\n        <div class=\"d-flex align-center\">\n          <DialogRegister idDialog=\"mobileGame\" />\n          <Login />\n        </div>\n      </div>\n    </div>\n\n    <div v-else-if=\"$store.state.logged.status\" id=\"game_wrapper\"></div>\n    <!-- Footer Game -->\n    <div\n      v-if=\"$store.state.logged.status\"\n      class=\"d-flex flex-column colorDominant\"\n      style=\"border-radius: 1rem\"\n    >\n      <!-- Image Game -->\n      <div\n        style=\"min-height: 160px;\n        overflow: hidden\"\n      >\n        <v-skeleton-loader\n          v-show=\"imageError === false && loadingImage && !gameErrorSession\"\n          type=\"image\"\n          height=\"181\"\n          style=\"border-radius: 1rem 1rem 0 0\"\n        ></v-skeleton-loader>\n\n        <v-img\n          v-if=\"imageError === false && !gameErrorSession\"\n          :src=\"imageGame\"\n          eager\n          style=\"background-size: contain; border-radius: 1rem 1rem 0 0\"\n          @error=\"imageError = true\"\n          @load=\"loadingImage = false\"\n          @click=\"fetchGame\"\n        ></v-img>\n        <div\n          v-if=\"gameErrorSession\"\n          class=\"errors-container\"\n          :style=\"{\n            width: '100%',\n            height: '200px',\n            backgroundImage: `linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(${gameData.src})`,\n            backgroundSize: 'cover',\n            backgroundRepeat: 'no-repeat',\n            backgroundPosition: 'center',\n            display: 'flex',\n            justifyContent: 'center',\n            alignItems: 'center',\n          }\"\n        >\n          <div class=\"d-flex flex-column mt-3 align-center\">\n            <div class=\"BorderMobile\">\n              <SvgIcon svgId=\"errorGameMobile\" />\n              <h6 class=\"error-messages\">\n                {{ $t(\"gameNotAvailable\") }}\n                {{ $t(\"pleaseTryAgainLater\") }}\n              </h6>\n            </div>\n          </div>\n        </div>\n        <div\n          v-if=\"imageError === true\"\n          class=\"d-flex justify-center imageErrorIcon\"\n          :alt=\"gameDataStore && gameDataStore.title_game\"\n          style=\"min-height: 160px; max-height: 150px\"\n        >\n          <v-icon color=\"primary\">mdi-poker-chip</v-icon>\n        </div>\n      </div>\n\n      <div class=\"d-flex align-center pa-4\">\n        <!-- Image Game -->\n        <img\n          v-if=\"$vuetify.breakpoint.width > 350 &&\n            gameDataStore &&\n            gameDataStore.src\n          \"\n          class=\"mr-4\"\n          width=\"50px\"\n          :src=\"gameDataStore.src\"\n          style=\"border-radius: 1rem;\"\n        />\n\n        <!-- Game name / Provider name -->\n        <div\n          :style=\"\n            $vuetify.breakpoint.width < 350 && {\n              maxWidth: '210px',\n            } ||\n            $vuetify.breakpoint.width < 450 && {\n              maxWidth: '140px',\n            }\n          \"\n        >\n          <v-skeleton-loader\n            v-if=\"!gameDataStore && loading\"\n            width=\"150px\"\n            type=\"text\"\n          ></v-skeleton-loader>\n          <h5\n            v-else\n            class=\"text-truncate\"\n            style=\"font-size: 1.2rem; line-height: 1.1rem; margin-bottom: 7px;\"\n          >\n            <v-btn icon @click=\"handleGameFavorite(gameDataStore)\">\n              <v-icon size=\"24\">{{ btnFavoriteConfig.icon }}</v-icon>\n            </v-btn>\n            {{ gameDataStore && gameDataStore.title_game }}\n          </h5>\n          <v-skeleton-loader\n            v-if=\"!gameDataStore && loading\"\n            width=\"75px\"\n            type=\"text\"\n          ></v-skeleton-loader>\n          <h6\n            v-else\n            class=\"text-truncate\"\n            style=\"\n              max-width: 25ch;\n              color: #ccc;\n              font-weight: 400;\n              font-size: 0.9rem;\n              text-transform: capitalize;\n            \"\n          >\n            {{ gameDataStore && gameDataStore.name_provider }}\n          </h6>\n        </div>\n\n        <!-- Button Play -->\n        <div class=\"ml-auto\">\n          <v-btn\n            color=\"primary\"\n            v-show=\"!gameErrorSession\"\n            fab\n            :loading=\"loading\"\n            @click=\"fetchGame\"\n          >\n            <v-icon>mdi-play</v-icon>\n          </v-btn>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport SvgIcon from \"../SvgIcon.vue\";\nimport Login from \"@/components/login/dialog.vue\";\nimport DialogRegister from \"@/views/home/register/dialog-register\";\nimport {\n  isGameFavorite,\n  addGameFavorite,\n  removeGameFavorite\n} from \"@/util/casino/gameFavorite.js\";\n\nexport default {\n  name: \"MobileGame\",\n  components: {\n    SvgIcon,\n    Login,\n    DialogRegister,\n  },\n  props: [\"loading\", \"gameUrl\", \"gameData\", \"status\"],\n  data: () => ({\n    loadingImage: true,\n    imageError: false,\n    gameDataStore: {},\n    btnFavoriteConfig: { icon: \"\" },\n  }),\n\n  mounted() {\n    this.setCurrentGame();\n    // this.fetchCurrentGameData();\n    this.updateBtnFavoriteConfig();\n  },\n\n  watch: {\n    // Caso que o usuário entrou na view sem fazer o listByOperator\n    gameData() {\n      this.setCurrentGame();\n    },\n    \"$route.params.gameId\"() {\n      this.setCurrentGame();\n    },\n    gamesFavoritesUpdating() {\n      this.updateBtnFavoriteConfig();\n    },\n  },\n\n  computed: {\n    gameErrorSession() {\n      return this.status === 400;\n    },\n    imageGame() {\n      if (this.gameDataStore && this.gameDataStore.identifier_game) {\n        const identifier = this.gameDataStore.identifier_game;\n        const [game, provider] = identifier.split(\":\");\n        return `https://cdn.softswiss.net/i/s2/${game}/${provider}.png`;\n      }\n      return \"\";\n    },\n    casinoType() {\n      return this.$route.params.casinoType;\n    },\n    gamesFavoritesUpdating() {\n      return this.$store.state.gamesFavoritesUpdating;\n    },\n  },\n\n  methods: {\n    setCurrentGame() {\n      if (this.gameData != undefined) {\n        this.$store.commit(\"setCasinoCurrentGameMobile\", this.gameData);\n        this.gameDataStore = this.gameData;\n      } else {\n        this.gameDataStore = this.$store.state.casinoCurrentGameMobile;\n      }\n    },\n    fetchCurrentGameData() {\n      this.$axios\n        .post(\n          \"/player/online/casino/game\",\n          this.$formdata({\n            game_id: this.$route.params.gameId,\n          })\n        )\n        .then((res) => {\n          this.gameData = res.data.dados;\n          this.gameData.providerImage = encodeURI(\n            `https://cdn.softswiss.net/logos/providers/white/${res.data.dados.provider}.svg`.replace(\n              /\\s/g,\n              \"\"\n            )\n          );\n        });\n    },\n    fetchGame() {\n      // Criar Session do game e redirecionar o usuário\n      this.$emit(\"fetchGame\");\n    },\n    updateBtnFavoriteConfig() {\n      const btnConfig = {\n        0: { icon: \"mdi-star-outline\" },\n        1: { icon: \"mdi-star-check\" },\n      };\n\n      this.btnFavoriteConfig =\n        btnConfig[isGameFavorite(this.casinoType, this.gameDataStore.key)];\n    },\n    handleGameFavorite(game) {\n      if (isGameFavorite(this.casinoType, game.key)) {\n        removeGameFavorite(this.casinoType, game.key);\n      } else {\n        addGameFavorite(this.casinoType, game);\n      }\n    },\n  },\n};\n</script>\n\n<style>\n.v-skeleton-loader__image {\n  height: 100% !important;\n}\n\n#game_wrapper {\n  width: 100%;\n}\n\n#game_wrapper iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n\n.error-messages {\n  color: #ccc;\n  font-weight: 400;\n  font-size: 12px;\n  font-family: Roboto;\n  text-align: center;\n  margin-bottom: 15px;\n  width: 75%;\n}\n\n.errors-container {\n  border-radius: 16px 16px 0px 0px;\n  padding-bottom: 16px;\n}\n\n.BorderMobile {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border: 1px solid rgb(255, 255, 255, 0.3);\n  border-radius: 18px;\n  width: 90%;\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MobileGame.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MobileGame.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MobileGame.vue?vue&type=template&id=230e1e0e&\"\nimport script from \"./MobileGame.vue?vue&type=script&lang=js&\"\nexport * from \"./MobileGame.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MobileGame.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\ninstallComponents(component, {VBtn,VIcon,VImg,VProgressCircular,VSkeletonLoader})\n","<template>\n  <div\n    class=\"d-flex flex-column px-0\"\n    :class=\"modeViewGame === 'theater' ? 'py-6' : 'container'\"\n    style=\"overflow: none !important\"\n  >\n    <!-- Back Button / Title -->\n    <div class=\"mx-auto\" style=\"width: 100%; max-width: 1100px\">\n      <div class=\"d-flex align-center mt-2 mb-4\">\n        <v-btn icon @click=\"goBack\">\n          <v-icon>mdi-arrow-left</v-icon>\n        </v-btn>\n        <div class=\"ml-4\" style=\"width: 100%\">\n          <v-skeleton-loader\n            v-if=\"!currentGameData\"\n            class=\"pt-2 ma-0\"\n            width=\"150px\"\n            type=\"text\"\n          ></v-skeleton-loader>\n          <span\n            v-else\n            :class=\"$vuetify.breakpoint.smAndDown ? 'text-body-1' : 'text-h5'\"\n          >\n            {{ currentGameData.title_game }}\n          </span>\n        </div>\n      </div>\n    </div>\n\n    <!-- Game Iframe / Footer Game -->\n    <div\n      class=\"mx-auto d-flex flex-column align-center\"\n      style=\"width: 100%; height: 100%; overflow: none; position: relative\"\n    >\n      <MobileGame\n        v-if=\"$vuetify.breakpoint.mobile\"\n        :loading=\"loading\"\n        :gameUrl=\"gameUrl\"\n        :gameData=\"currentGameData\"\n        :status=\"status\"\n        @fetchGame=\"fetchGame\"\n      />\n\n      <DesktopGame\n        v-else\n        :loading=\"loading\"\n        :gameUrl=\"gameUrl\"\n        :gameData=\"currentGameData\"\n        :status=\"status\"\n      />\n\n      <!-- Games Related -->\n      <div\n        class=\"mx-auto d-flex flex-column justify-space-between\"\n        style=\"width: 100%; max-width: 1100px\"\n      >\n        <GridHomeCategory\n          v-if=\"relatedGames.length > 0\"\n          :relatedGames=\"relatedGames\"\n          :providers=\"providers\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport DesktopGame from \"./DesktopGame.vue\";\nimport MobileGame from \"./MobileGame.vue\";\nimport GridHomeCategory from \"../GridHomeCategory.vue\";\n\nexport default {\n  props: [\"providers\", \"games\"],\n  components: { DesktopGame, MobileGame, GridHomeCategory },\n  data: () => ({\n    loading: true,\n    gameUrl: \"\",\n    status: null,\n  }),\n\n  created() {\n    // Reset no modo de visualização do Game que está sendo usado nos botões\n    // dentro dos componentes\n    this.$store.commit(\"setModeViewGame\", \"\");\n\n    if (!this.logged) {\n      this.loading = false;\n      return;\n    }\n\n    this.refreshBalance();\n\n    if (this.$vuetify.breakpoint.mobile) {\n      this.loading = false;\n\n      if (this.$route.query.firstViewGame) {\n        const splitFullPath = this.$route.fullPath.split(\"&firstViewGame=true\");\n        const removeQueryUrl = splitFullPath[0] + splitFullPath[1];\n\n        this.$router.replace({ path: removeQueryUrl });\n\n        setTimeout(() => {\n          this.fetchGame();\n        }, 1000);\n      }\n    } else {\n      this.fetchGame();\n    }\n  },\n\n  watch: {\n    \"$route.params.gameId\"() {\n      if (this.$route.query.firstViewGame) {\n        const splitFullPath = this.$route.fullPath.split(\"&firstViewGame=true\");\n        const removeQueryUrl = splitFullPath[0] + splitFullPath[1];\n\n        this.$router.replace({ path: removeQueryUrl });\n\n        setTimeout(() => {\n          this.fetchGame();\n        }, 1000);\n      }\n\n      this.status = null;\n\n      if (this.$vuetify.breakpoint.mobile) return;\n\n      if (this.logged) {\n        this.loading = true;\n        this.$router.go();\n      }\n\n      this.$nextTick(() => {\n        this.$vuetify.goTo(0);\n      });\n    },\n    logged(val) {\n      if (val) {\n        if (this.$vuetify.breakpoint.mobile) {\n          this.loading = false;\n\n          if (this.$route.query.firstViewGame) {\n            const splitFullPath = this.$route.fullPath.split(\n              \"&firstViewGame=true\"\n            );\n            const removeQueryUrl = splitFullPath[0] + splitFullPath[1];\n\n            this.$router.replace({ path: removeQueryUrl });\n\n            setTimeout(() => {\n              this.fetchGame();\n            }, 1000);\n          } else {\n            this.fetchGame();\n          }\n        } else {\n          this.fetchGame();\n        }\n      } else {\n        // this.$router.go();\n        document.querySelectorAll(\"iframe\").forEach((elem) => {\n          elem.parentNode.removeChild(elem);\n        });\n      }\n    },\n    currentGameData(val) {\n      if (val) {\n        document.title = `${this.$t(\"newCasino.pageTitle.game\", {\n          game: val.title_game,\n        })} - ${this.$store.state.operators.operator_name}`;\n      }\n    },\n  },\n\n  computed: {\n    currentGameData() {\n      const currentGameId = this.$route.params.gameId;\n\n      const indexCurrentGame = this.games.findIndex(\n        (game) => game.game_id === currentGameId\n      );\n\n      return this.games[indexCurrentGame];\n    },\n\n    relatedGames() {\n      if (!this.currentGameData) {\n        return [];\n      }\n\n      const relatedGamesByTheme = [];\n\n      for (let i = 0; i < this.games.length; i++) {\n        if (this.games[i].theme_game === this.currentGameData.theme_game) {\n          if (\n            this.games[i].game_id === this.currentGameData.game_id ||\n            relatedGamesByTheme.find(\n              (game) => game.game_id === this.games[i].game_id\n            )\n          )\n            continue;\n\n          relatedGamesByTheme.push(this.games[i]);\n\n          if (relatedGamesByTheme.length === 12) break;\n        }\n      }\n\n      return relatedGamesByTheme;\n    },\n\n    modeViewGame() {\n      return this.$store.state.modeViewGame;\n    },\n\n    logged() {\n      return this.$store.state.logged.status;\n    },\n  },\n\n  methods: {\n    refreshBalance() {\n      this.$axios.get(\"/player/online/bank/balanceOnline\").then((res) => {\n        this.$store.commit(\"setCash\", res.data.dados.balance);\n        this.$store.commit(\"setBonus\", {\n          value: res.data.dados.balance_bonus,\n          status: res.data.dados.balance_bonus_status,\n        });\n        this.$store.commit(\"setAvailableBalance\", res.data.dados.available_balance);\n        this.$store.commit(\"setRestrictedBalance\", res.data.dados.restricted_balance);\n      });\n    },\n    goBack() {\n      this.$router.go(-1);\n    },\n\n    async fetchGame() {\n      // if (this.loading) return;\n      if (!this.logged) return;\n\n      // const path = this.$route.path + `?demo=${this.$route.query.demo}`;\n      const path = this.$route.path;\n\n      // Atualizar página ao requisitar Game\n      this.$nextTick(() => {\n        this.$vuetify.goTo(0);\n      });\n\n      this.status = null;\n      this.loading = true;\n      this.gameUrl = \"\";\n\n      if (!this.$store.state.userIp) {\n        const res = await fetch(\"https://api.ipify.org?format=json\");\n        const { ip } = await res.json();\n        this.$store.commit(\"setIp\", ip);\n        this.$axios.defaults.headers.ip = ip;\n      }\n\n      this.$axios\n        .post(\n          \"/player/online/casino/sessions\",\n          this.$formdata({\n            client_type: this.$vuetify.breakpoint.mobile ? \"mobile\" : \"desktop\",\n            game_id: this.$route.params.gameId,\n            casino_type: this.$route.params.casinoType,\n          })\n        )\n        .then((res) => {\n          const { name_game } = res.data.dados.game;\n          const { game_url } = res.data.dados.data.launch_options;\n\n          this.gameUrl = game_url;\n\n          this.loading = false;\n\n          this.$nextTick(() => {\n            this.gameSetup(res.data.dados.data.launch_options);\n          });\n\n          document.title = `${this.$t(\"newCasino.pageTitle.game\", {\n            game: name_game,\n          })} - ${this.$store.state.operators.operator_name}`;\n        })\n        .catch((err) => {\n          this.status = err.response ? err.response.status : 400;\n\n          if (this.status === 401) {\n            delete this.$axios.defaults.headers.common[\n              \"Application-Authorization\"\n            ];\n\n            this.$logout();\n\n            this.$root.$emit(\"openUnloggedDialog\", {\n              redirectUrl: path,\n            });\n          }\n        })\n        .finally(() => {\n          if (this.$vuetify.breakpoint.mobile) {\n            // sem o timeout, o botão fica disponível pra click enquanto o navegador está levando ele pra o jogo\n            setTimeout(() => {\n              this.loading = false;\n            }, 650);\n          } else {\n            this.loading = false;\n          }\n        });\n    },\n\n    toLobby() {\n      if (this.$route.name === \"casinoLobby\") return;\n\n      this.$router.push({\n        name: \"casinoLobby\",\n      });\n    },\n\n    gameSetup({ game_url, strategy }) {\n      const gameLaunchOptions = { target_element: \"game_wrapper\" };\n\n      gameLaunchOptions[\"launch_options\"] = {\n        game_url,\n        strategy: this.$vuetify.breakpoint.mobile ? \"redirect\" : strategy,\n      };\n\n      const success = function(gameDispatcher) {\n        // eslint-disable-next-line no-console\n        console.log({ success: gameDispatcher });\n      };\n\n      const error = function(error) {\n        // eslint-disable-next-line no-console\n        console.log({ error });\n      };\n\n      window.sg.launch(gameLaunchOptions, success, error);\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=b87d5a60&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\ninstallComponents(component, {VBtn,VIcon,VSkeletonLoader})\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SvgIcon.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mt-8\",style:(_vm.$vuetify.breakpoint.xs ? '' : '')},[_c('div',{staticClass:\"d-flex justify-space-between justify-center align-center\"},[_c('div',{class:[\n        !_vm.relatedGames && 'nameCategory',\n        _vm.$vuetify.breakpoint.xs\n          ? 'subtitle-1 font-weight-bold my-1 pl-2'\n          : 'text-h6 font-weight-bold my-3'\n      ],style:(!_vm.relatedGames && 'cursor: pointer;'),on:{\"click\":function () { return !_vm.relatedGames && _vm.allGamesCategory(_vm.category.name, _vm.category.isViewFavorites); }}},[_vm._v(\"\\n      \"+_vm._s(_vm.relatedGames ? _vm.$t(\"newCasino.relatedGames\") : _vm.category.name)+\"\\n    \")]),(!_vm.relatedGames)?_c('div',{staticStyle:{\"filter\":\"blur(0)\"}},[_c('v-hover',{scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\n      var hover = ref.hover;\nreturn [_c('v-btn',{class:_vm.$vuetify.breakpoint.xs ? 'my-1 mr-2' : '',attrs:{\"color\":hover ? 'primary' : '',\"small\":\"\",\"outlined\":\"\",\"text\":\"\",\"rounded\":\"\"},on:{\"click\":function($event){return _vm.allGamesCategory(_vm.category.name, _vm.category.isViewFavorites)}}},[_vm._v(\"\\n          \"+_vm._s(_vm.category.numberOfGames)+\"\\n          \"+_vm._s(_vm.$t(\"newCasino.games\"))+\"\\n          \"),_c('v-icon',{attrs:{\"right\":\"\"}},[_vm._v(\"mdi-arrow-right\")])],1)]}}],null,false,2599735931)})],1):_vm._e()]),_c('div',{staticClass:\"gamesSlider orderGames\",class:_vm.$vuetify.breakpoint.xs ? 'gridMobile' : 'gridDesktop',style:({\n      gridTemplateColumns: _vm.$vuetify.breakpoint.xs\n        ? (\"repeat(\" + _vm.gamesQty + \", 1fr)\")\n        : (\"repeat(\" + _vm.columnGrid + \", 1fr)\"),\n    })},_vm._l((_vm.listGames),function(game,index){return _c('div',{key:index},[_c('Item',{attrs:{\"categoryName\":_vm.relatedGames ? '' : _vm.category.name,\"item\":game,\"type\":_vm.type}})],1)}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mt-8\" :style=\"$vuetify.breakpoint.xs ? '' : ''\">\n    <!-- Nome da categoria e ver todos -->\n    <div class=\"d-flex justify-space-between justify-center align-center\">\n      <div\n        :class=\"[\n          !relatedGames && 'nameCategory',\n          $vuetify.breakpoint.xs\n            ? 'subtitle-1 font-weight-bold my-1 pl-2'\n            : 'text-h6 font-weight-bold my-3'\n        ]\"\n        :style=\"!relatedGames && 'cursor: pointer;'\"\n        @click=\"() => !relatedGames && allGamesCategory(category.name, category.isViewFavorites)\"\n      >\n        {{ relatedGames ? $t(\"newCasino.relatedGames\") : category.name }}\n      </div>\n\n      <div style=\"filter: blur(0)\" v-if=\"!relatedGames\">\n        <v-hover v-slot=\"{ hover }\">\n          <!-- TODO Mudar category.name para category.id -->\n          <v-btn\n            :color=\"hover ? 'primary' : ''\"\n            :class=\"$vuetify.breakpoint.xs ? 'my-1 mr-2' : ''\"\n            small\n            outlined\n            text\n            @click=\"allGamesCategory(category.name, category.isViewFavorites)\"\n            rounded\n          >\n            {{ category.numberOfGames }}\n            {{ $t(\"newCasino.games\") }}\n            <v-icon right>mdi-arrow-right</v-icon>\n          </v-btn>\n        </v-hover>\n      </div>\n    </div>\n\n    <!-- Listagem dos jogos -->\n    <div\n      class=\"gamesSlider orderGames\"\n      :class=\"$vuetify.breakpoint.xs ? 'gridMobile' : 'gridDesktop'\"\n      :style=\"{\n        gridTemplateColumns: $vuetify.breakpoint.xs\n          ? `repeat(${gamesQty}, 1fr)`\n          : `repeat(${columnGrid}, 1fr)`,\n      }\"\n    >\n      <div v-for=\"(game, index) in listGames\" :key=\"index\">\n        <Item\n          :categoryName=\"relatedGames ? '' : category.name\"\n          :item=\"game\"\n          :type=\"type\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport Item from \"./item\";\n\nexport default {\n  name: \"GridHomeCategory\",\n  props: [\"category\", \"relatedGames\", \"providers\"],\n  components: { Item },\n  data: () => ({}),\n  created() {\n    if (!this.category) {\n      return;\n    }\n\n    this.category.games.forEach((game) => {\n      if (!this.providers) {\n        return;\n      }\n\n      const provider = this.providers.find(({ id }) => id === game.providerId);\n\n      if (provider) {\n        game.providerImage = provider.src;\n      }\n    });\n  },\n  computed: {\n    type() {\n      if (this.$route.params.providerId) {\n        return \"provider\";\n      } else if (this.$route.params.category) {\n        return \"category\";\n      } else if (this.$route.name === \"casinoGameFavorites\") {\n        return \"favorites\";\n      } else {\n        return \"lobby\";\n      }\n    },\n    listGames() {\n      return this.relatedGames ? this.relatedGames : this.category.games;\n    },\n    gamesQty() {\n      // Se a quantidade de jogos for menor que 8, retorna a quantidade de jogos.\n      if (this.listGames.length < 8) {\n        return this.listGames.length;\n      } else {\n        // Recupera a quantidade de jogos, divide por dois e arredonda para cima em casos impares.\n        return Math.ceil(this.listGames.length / 2);\n      }\n    },\n    columnGrid() {\n      switch (this.$vuetify.breakpoint.name) {\n        case \"sm\": // 600 px > < 960 px\n        case \"md\": // 960px > < 1264px*\n        case \"lg\": // 1264px > < 1904px*\n        case \"xl\": // > 1904px*\n          return 6;\n        default:\n          return 6;\n      }\n    },\n  },\n  methods: {\n    allGamesCategory(category, isViewFavorites) {\n      if (isViewFavorites) {\n        this.$router.push({ name: \"casinoFavorites\" });\n        return;\n      }\n\n      this.$router.push({\n        name: \"casinoCategory\",\n        params: { category },\n      });\n    },\n  },\n};\n</script>\n<style scoped>\n/* .gamesSlider {\n  overflow-x: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n}\n.gamesSlider::-webkit-scrollbar {\n  display: none;\n  width: 0px;\n  background: transparent;\n} */\n.nameCategory:hover {\n  color: var(--v-primary-base);\n}\n\n.orderGames {\n  display: grid;\n}\n.orderGames.gridMobile {\n  overflow-x: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  gap: 8px;\n  padding-left: 8px;\n  /* grid-auto-columns: 1fr;   */\n}\n/* .orderGames.gridMobile div:nth-child(2n) {\n  grid-row: 1; \n} */\n.orderGames.gridMobile::-webkit-scrollbar {\n  display: none;\n  width: 0px;\n  background: transparent;\n}\n\n.orderGames.gridDesktop {\n  gap: 16px;\n  /* grid-auto-columns: 1fr;   */\n}\n/* .orderGames.grid {\n  grid-template-columns: repeat(6, 1fr);\n} */\n\n/* .orderGames.isDesktop {\n  grid-template-columns: repeat(4, 1fr);\n}\n.orderGames.scroll_x div:nth-child(2n) {\n  grid-row: 1;\n} */\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridHomeCategory.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridHomeCategory.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GridHomeCategory.vue?vue&type=template&id=4da96281&scoped=true&\"\nimport script from \"./GridHomeCategory.vue?vue&type=script&lang=js&\"\nexport * from \"./GridHomeCategory.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GridHomeCategory.vue?vue&type=style&index=0&id=4da96281&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4da96281\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VHover } from 'vuetify/lib/components/VHover';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VHover,VIcon})\n","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MobileGame.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridHomeCategory.vue?vue&type=style&index=0&id=4da96281&scoped=true&lang=css&\""],"sourceRoot":""}