{"version":3,"sources":["webpack:///./src/components/Casino/Layout.vue","webpack:///src/components/Casino/Layout.vue","webpack:///./src/components/Casino/Layout.vue?f7a5","webpack:///./src/components/Casino/Layout.vue?1b93","webpack:///./src/components/Casino/Layout.vue?b3c1"],"names":["render","_vm","this","_c","_self","attrs","staticClass","class","isMobile","active","_e","collapsed","leftSidebarCollapsed","stickySide","on","$event","rightSidebarCollapsed","staticRenderFns","name","components","LastPlay","FavoritesSidebar","SubtypegamesSidebar","WinsSidebar","ProvidersSidebar","CategoriesBar","Suggested","SlidersCasino","providersmobilemodal","data","computed","mounted","window","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,WAAW,CAACF,EAAG,aAAaA,EAAG,MAAM,CAACG,YAAY,kBAAkBC,MAAM,CAAE,QAASN,EAAIO,SAAU,GAAIP,EAAIO,WAAY,CAACL,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACI,MAAM,CAAE,UAAWN,EAAIO,SAAU,iBAAkBP,EAAIO,WAAY,CAACL,EAAG,mBAAmB,IAAI,IAAI,GAAGA,EAAG,aAAaA,EAAG,iBAAiB,CAACE,MAAM,CAAC,OAASJ,EAAIQ,UAAUN,EAAG,MAAM,CAACI,MAAM,CAAE,QAASN,EAAIO,SAAU,gBAAiBP,EAAIO,UAAWH,MAAM,CAAC,GAAK,iBAAiB,CAAGJ,EAAIO,SAAqcP,EAAIS,KAA/bP,EAAG,MAAM,CAACG,YAAY,UAAUC,MAAM,CAACI,UAAWV,EAAIW,qBAAsBC,WAAWZ,EAAIQ,QAAQJ,MAAM,CAAC,GAAK,iBAAiB,CAACF,EAAG,SAAS,CAACG,YAAY,gBAAgBQ,GAAG,CAAC,MAAQ,SAASC,GAAQd,EAAIW,sBAAsBX,EAAIW,wBAAwB,CAACT,EAAG,IAAI,CAACI,MAAM,CAAC,oBAAoBN,EAAIW,qBAAsB,oBAAoBX,EAAIW,0BAA0BT,EAAG,oBAAoB,CAACE,MAAM,CAAC,eAAeJ,EAAIW,yBAAyB,GAAYT,EAAG,cAAc,CAACG,YAAY,QAAQC,MAAM,CAAC,iBAAkBN,EAAIW,qBAAsB,kBAAmBX,EAAIe,uBAAuBX,MAAM,CAAC,GAAK,kBAAoBJ,EAAIO,SAAwmBP,EAAIS,KAAlmBP,EAAG,MAAM,CAACG,YAAY,UAAUC,MAAM,CAACI,UAAWV,EAAIe,sBAAuBH,WAAWZ,EAAIQ,QAAQJ,MAAM,CAAC,GAAK,kBAAkB,CAACF,EAAG,SAAS,CAACG,YAAY,gBAAgBQ,GAAG,CAAC,MAAQ,SAASC,GAAQd,EAAIe,uBAAuBf,EAAIe,yBAAyB,CAACb,EAAG,IAAI,CAACI,MAAM,CAAC,qBAAqBN,EAAIe,sBAAuB,mBAAmBf,EAAIe,2BAA2Bb,EAAG,uBAAuB,CAACE,MAAM,CAAC,GAAK,GAAG,eAAeJ,EAAIe,yBAAyBb,EAAG,oBAAoB,CAACE,MAAM,CAAC,eAAeJ,EAAIe,yBAAyBb,EAAG,eAAe,CAACE,MAAM,CAAC,eAAeJ,EAAIe,0BAA0B,IAAa,GAAIf,EAAIO,SAAUL,EAAG,wBAAwBF,EAAIS,MAAM,IAE5xDO,EAAkB,G,4GCmFP,GACfC,oBACAC,YACAC,gBACAC,wBACAC,2BACAC,mBACAC,wBACAC,qBACAC,iBACAC,qBACAC,6BAGAC,OACA,OACAjB,wBACAI,yBACAP,YAGAqB,UACAtB,WACA,oCAGAuB,UACAC,8BACA,kDACA,8BACA,eAEA,kBCrH8V,I,wBCQ1VC,EAAY,eACd,EACAjC,EACAiB,GACA,EACA,KACA,KACA,MAIa,aAAAgB,E,kECnBf","file":"js/chunk-d163a126.b90a656f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"casino\"}},[_c('suggested'),_c('div',{staticClass:\"container-fluid\",class:{ 'my-3': !_vm.isMobile, '': _vm.isMobile }},[_c('b-row',[_c('b-col',{class:{ 'col-12': !_vm.isMobile, 'col-12 m-0 p-0': _vm.isMobile }},[_c('sliders-casino')],1)],1)],1),_c('last-play'),_c('categories-bar',{attrs:{\"active\":_vm.active}}),_c('div',{class:{ 'mt-3': !_vm.isMobile, 'pt-3 mb-0 bgm': _vm.isMobile },attrs:{\"id\":\"body_content\"}},[(!_vm.isMobile)?_c('div',{staticClass:\"sidebar\",class:{collapsed: _vm.leftSidebarCollapsed, stickySide:_vm.active},attrs:{\"id\":\"left_sidebar\"}},[_c('button',{staticClass:\"close-sidebar\",on:{\"click\":function($event){_vm.leftSidebarCollapsed=!_vm.leftSidebarCollapsed}}},[_c('i',{class:{'pki-chevron-left':!_vm.leftSidebarCollapsed, 'pki-chevron-right':_vm.leftSidebarCollapsed}})]),_c('providers-sidebar',{attrs:{\"is-collapsed\":_vm.leftSidebarCollapsed}})],1):_vm._e(),_c('router-view',{staticClass:\"w-100\",class:{'left-collapsed': _vm.leftSidebarCollapsed, 'right-collapsed': _vm.rightSidebarCollapsed},attrs:{\"id\":\"main_content\"}}),(!_vm.isMobile)?_c('div',{staticClass:\"sidebar\",class:{collapsed: _vm.rightSidebarCollapsed, stickySide:_vm.active},attrs:{\"id\":\"right_sidebar\"}},[_c('button',{staticClass:\"close-sidebar\",on:{\"click\":function($event){_vm.rightSidebarCollapsed=!_vm.rightSidebarCollapsed}}},[_c('i',{class:{'pki-chevron-right':!_vm.rightSidebarCollapsed, 'pki-chevron-left':_vm.rightSidebarCollapsed}})]),_c('subtypegames-sidebar',{attrs:{\"id\":11,\"is-collapsed\":_vm.rightSidebarCollapsed}}),_c('favorites-sidebar',{attrs:{\"is-collapsed\":_vm.rightSidebarCollapsed}}),_c('wins-sidebar',{attrs:{\"is-collapsed\":_vm.rightSidebarCollapsed}})],1):_vm._e()],1),(_vm.isMobile)?_c('providersmobilemodal'):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"casino\">\r\n    <suggested />\r\n    <div\r\n      class=\"container-fluid \"\r\n      :class=\"{ 'my-3': !isMobile, '': isMobile }\"\r\n    >\r\n      <b-row>\r\n        <b-col :class=\"{ 'col-12': !isMobile, 'col-12 m-0 p-0': isMobile }\">\r\n          <sliders-casino />\r\n        </b-col>\r\n      </b-row>\r\n    </div>\r\n    <last-play />\r\n\r\n    <categories-bar :active=\"active\" />\r\n\r\n    <div\r\n      id=\"body_content\"\r\n      :class=\"{ 'mt-3': !isMobile, 'pt-3 mb-0 bgm': isMobile }\"\r\n    >\r\n      <div\r\n        v-if=\"!isMobile\"\r\n        id=\"left_sidebar\"\r\n        class=\"sidebar\"\r\n        :class=\"{collapsed: leftSidebarCollapsed, stickySide:active}\"\r\n      >\r\n        <button\r\n          class=\"close-sidebar\"\r\n          @click=\"leftSidebarCollapsed=!leftSidebarCollapsed\"\r\n        >\r\n          <i :class=\"{'pki-chevron-left':!leftSidebarCollapsed, 'pki-chevron-right':leftSidebarCollapsed}\" />\r\n        </button>\r\n        <providers-sidebar :is-collapsed=\"leftSidebarCollapsed\" />\r\n      </div>\r\n      <router-view\r\n        id=\"main_content\"\r\n        class=\"w-100\"\r\n        :class=\"{'left-collapsed': leftSidebarCollapsed, 'right-collapsed': rightSidebarCollapsed}\"\r\n      />\r\n      <div\r\n        v-if=\"!isMobile\"\r\n        id=\"right_sidebar\"\r\n        class=\"sidebar\"\r\n        :class=\"{collapsed: rightSidebarCollapsed, stickySide:active}\"\r\n      >\r\n        <button\r\n          class=\"close-sidebar\"\r\n          @click=\"rightSidebarCollapsed=!rightSidebarCollapsed\"\r\n        >\r\n          <i :class=\"{'pki-chevron-right':!rightSidebarCollapsed, 'pki-chevron-left':rightSidebarCollapsed}\" />\r\n        </button>\r\n        <subtypegames-sidebar\r\n          :id=\"11\"\r\n          :is-collapsed=\"rightSidebarCollapsed\"\r\n        />\r\n        <favorites-sidebar :is-collapsed=\"rightSidebarCollapsed\" />\r\n        <wins-sidebar :is-collapsed=\"rightSidebarCollapsed\" />\r\n      </div>\r\n    </div>\r\n    <!-- <favoritesmobile v-if=\"isMobile\" /> -->\r\n    <!--   <b-col\r\n      v-if=\"isMobile\"\r\n      class=\"bgm\"\r\n      cols=\"12\"\r\n    >\r\n      <suggested />\r\n    </b-col> -->\r\n    <providersmobilemodal v-if=\"isMobile\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport SlidersCasino from './components/Sliders';\r\nimport Suggested from './components/Suggested';\r\nimport CategoriesBar from './components/CategoriesBar';\r\nimport ProvidersSidebar from './components/Sidebar/Providers';\r\nimport providersmobilemodal from './components/Providersmobilemodal';\r\nimport WinsSidebar from './components/Sidebar/Wins';\r\nimport LastPlay from './components/Sidebar/LastPlay';\r\nimport SubtypegamesSidebar from './components/Sidebar/SubTypeGames';\r\nimport FavoritesSidebar from './components/Sidebar/Favorites';\r\n// import Favoritesmobile from './components/Favoritesmobile';\r\n\r\nexport default {\r\n  name: 'LayoutCasino',\r\n  components: {\r\n    LastPlay,\r\n    FavoritesSidebar,\r\n    SubtypegamesSidebar,\r\n    WinsSidebar,\r\n    ProvidersSidebar,\r\n    CategoriesBar,\r\n    Suggested,\r\n    SlidersCasino,\r\n    providersmobilemodal,\r\n    // Favoritesmobile,\r\n  },\r\n  data() {\r\n    return {\r\n      leftSidebarCollapsed: false,\r\n      rightSidebarCollapsed: false,\r\n      active: false,\r\n    };\r\n  },\r\n  computed: {\r\n    isMobile() {\r\n      return this.$store.state.isMobile;\r\n    },\r\n  },\r\n  mounted() {\r\n    window.document.onscroll = () => {\r\n      const navBar = document.getElementById('categories-bar');\r\n      if (navBar && window.scrollY > navBar.offsetTop) {\r\n        this.active = true;\r\n      } else {\r\n        this.active = false;\r\n      }\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\r\n#main_content {\r\n  @media (max-width: 1025px) {\r\n  border-top: 1px solid var(--color-dominance);\r\n  }\r\n}\r\n.bgm{ background-color: var(--color-dark-dominance);}\r\n\r\n.stickySide{\r\n  position:sticky !important; /* fixing the position takes it out of html flow - knows\r\n                   nothing about where to locate itself except by browser\r\n                   coordinates */\r\n  left:0 !important;           /* top left corner should start at leftmost spot */\r\n  top:60px !important;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Layout.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Layout.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Layout.vue?vue&type=template&id=5bae1ec7\"\nimport script from \"./Layout.vue?vue&type=script&lang=js\"\nexport * from \"./Layout.vue?vue&type=script&lang=js\"\nimport style0 from \"./Layout.vue?vue&type=style&index=0&id=5bae1ec7&prod&lang=scss\"\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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Layout.vue?vue&type=style&index=0&id=5bae1ec7&prod&lang=scss\""],"sourceRoot":""}