{"version":3,"sources":["webpack:///./src/components/Casino/components/Games/RowGames.vue","webpack:///src/components/Casino/components/Games/RowGames.vue","webpack:///./src/components/Casino/components/Games/RowGames.vue?b2ec","webpack:///./src/components/Casino/components/Games/RowGames.vue?f8cc","webpack:///./src/components/Casino/components/Games/GameSquare.vue","webpack:///src/components/Casino/components/Games/GameSquare.vue","webpack:///./src/components/Casino/components/Games/GameSquare.vue?e51c","webpack:///./src/components/Casino/components/Games/GameSquare.vue?c520","webpack:///./src/components/Casino/components/Games/RowGames.vue?bc41","webpack:///./src/components/Casino/components/Games/GameSquare.vue?5c67"],"names":["render","_vm","this","_c","_self","isMobile","_e","staticClass","title","domProps","_s","rtl","inEvidence","attrs","_l","items","item","k","key","catlist","more","_v","$t","_b","settings","staticRenderFns","name","components","GameSquare","props","type","default","elements","required","data","dots","arrows","infinite","slidesToShow","slidesToScroll","autoplay","cssEase","computed","watch","handler","deep","immediate","mounted","destroyed","component","islive","directives","rawName","value","GameImg","expression","arg","class","on","$event","openGame","hideButton","_t","isFavorite","stopPropagation","clickFavorite","GameId","openSingleGame","hideName","GameName","productID","favorites","currentRouteName","nstate","favorite","methods","id","productId","description","image"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAAGF,EAAII,SAA+uBJ,EAAIK,KAAzuBH,EAAG,MAAM,CAACI,YAAY,WAAW,CAAEN,EAAIO,MAAOL,EAAG,MAAM,CAACI,YAAY,mBAAmB,CAACJ,EAAG,KAAK,CAACI,YAAY,QAAQE,SAAS,CAAC,UAAYR,EAAIS,GAAGT,EAAIO,YAAYP,EAAIK,KAAKH,EAAG,MAAM,CAACI,YAAY,iBAAiB,CAACJ,EAAG,QAAQ,EAAGF,EAAIU,KAAOV,EAAIW,WAAYT,EAAG,QAAQ,CAACU,MAAM,CAAC,KAAO,MAAM,CAACV,EAAG,cAAc,CAACU,MAAM,CAAC,KAAOZ,EAAIW,WAAW,cAAc,OAAO,GAAGX,EAAIK,KAAKH,EAAG,QAAQ,CAACU,MAAM,CAAC,KAAO,MAAM,CAACV,EAAG,QAAQ,CAACF,EAAIa,GAAIb,EAAIc,OAAO,SAASC,EAAKC,GAAG,MAAO,CAACd,EAAG,QAAQ,CAACe,IAAID,EAAEJ,MAAM,CAAC,KAAO,MAAM,CAACV,EAAG,cAAc,CAACU,MAAM,CAAC,KAAOG,MAAS,QAAO,IAAI,GAAIf,EAAIU,KAAOV,EAAIW,WAAYT,EAAG,QAAQ,CAACU,MAAM,CAAC,KAAO,MAAM,CAACV,EAAG,cAAc,CAACU,MAAM,CAAC,KAAOZ,EAAIW,WAAW,cAAc,OAAO,GAAGX,EAAIK,MAAM,IAAI,GAAGH,EAAG,MAAM,CAACI,YAAY,sBAAgCN,EAAII,WAAaJ,EAAIkB,QAAShB,EAAG,MAAM,CAACI,YAAY,kBAAkB,CAAEN,EAAIO,MAAOL,EAAG,QAAQ,CAACI,YAAY,mBAAmB,CAACJ,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACI,YAAY,QAAQE,SAAS,CAAC,UAAYR,EAAIS,GAAGT,EAAIO,YAAYL,EAAG,QAAQ,CAACI,YAAY,cAAc,CAAEN,EAAImB,KAAMjB,EAAG,WAAW,CAACI,YAAY,WAAWM,MAAM,CAAC,QAAU,GAAG,KAAO,YAAY,GAAKZ,EAAImB,OAAO,CAACnB,EAAIoB,GAAG,IAAIpB,EAAIS,GAAGT,EAAIqB,GAAG,cAAc,KAAKnB,EAAG,IAAI,CAACI,YAAY,iDAAiDN,EAAIK,MAAM,IAAI,GAAGL,EAAIK,KAAKH,EAAG,mBAAmBF,EAAIsB,GAAG,CAAChB,YAAY,YAAY,mBAAmBN,EAAIuB,UAAS,GAAO,EAAGvB,EAAIU,KAAOV,EAAIW,WAAYT,EAAG,MAAM,GAAG,CAACA,EAAG,cAAc,CAACU,MAAM,CAAC,KAAOZ,EAAIW,WAAW,cAAc,OAAO,GAAGX,EAAIK,KAAKL,EAAIa,GAAIb,EAAIc,OAAO,SAASC,EAAKC,GAAG,MAAO,CAACd,EAAG,MAAM,CAACe,IAAID,GAAG,CAACd,EAAG,cAAc,CAACU,MAAM,CAAC,KAAOG,MAAS,QAAO,IAAI,GAAGf,EAAIK,KAAML,EAAII,UAAYJ,EAAIkB,QAAS,CAAClB,EAAIa,GAAIb,EAAIc,OAAO,SAASC,EAAKC,GAAG,MAAO,CAACd,EAAG,MAAM,CAACe,IAAID,EAAEV,YAAY,iBAAiB,CAACJ,EAAG,cAAc,CAACU,MAAM,CAAC,KAAOG,MAAS,QAAOf,EAAIK,MAAM,IAEj0DmB,EAAkB,G,YCiHP,GACfC,gBACAC,YAAAC,mBACAC,OACAlB,KACAmB,aACAC,YAEAC,UACAF,oBACAG,aAEAzB,OACAsB,YACAG,aAEAb,MACAU,qBACAG,aAEAd,SACAW,aACAG,cAGAC,OACA,OACAtB,gBACAG,SAEAS,UACAW,QACAC,UACAC,YACAC,eACAC,iBACAC,YACAC,oBAKAC,UACArC,WACA,oCAGAsC,OACAX,UACAY,WACA,+BACA,SAGA,sBACA,kCAFA,2CAKAC,QACAC,eAGAC,UACA,gBACA,6BACA,iCAGAC,YACA,qBACA,gBCzL8X,I,wBCQ1XC,EAAY,eACd,EACAjD,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAwB,E,6CCnBf,IAAIjD,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAAGF,EAAII,UAAaJ,EAAIiD,OAA0lBjD,EAAIK,KAAtlBH,EAAG,MAAM,CAACgD,WAAW,CAAC,CAACzB,KAAK,OAAO0B,QAAQ,0BAA0BC,MAAOpD,EAAIe,KAAKsC,QAASC,WAAW,eAAeC,IAAI,qBAAqBjD,YAAY,cAAckD,MAAM,CAAC,cAAcxD,EAAIW,YAAY8C,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO1D,EAAI2D,SAAS3D,EAAIe,SAAS,CAAGf,EAAI4D,WAAgT5D,EAAIK,KAAxSL,EAAI6D,GAAG,UAAS,WAAW,MAAO,CAAC3D,EAAG,WAAW,CAACI,YAAY,WAAWkD,MAAM,CAACM,WAAW9D,EAAI8D,YAAYlD,MAAM,CAAC,QAAU,MAAM6C,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOK,kBAAyB/D,EAAIgE,cAAchE,EAAIe,KAAKkD,WAAW,CAAC/D,EAAG,IAAI,CAACsD,MAAMxD,EAAI8D,WAAa,aAAa,oBAA4B,IAAc9D,EAAII,UAAYJ,EAAIiD,OAAQ/C,EAAG,MAAM,CAACgD,WAAW,CAAC,CAACzB,KAAK,OAAO0B,QAAQ,0BAA0BC,MAAOpD,EAAIe,KAAKsC,QAASC,WAAW,eAAeC,IAAI,qBAAqBjD,YAAY,cAAckD,MAAM,CAAC,cAAcxD,EAAIW,YAAY8C,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO1D,EAAI2D,SAAS3D,EAAIe,SAAS,CAAGf,EAAI4D,WAAgT5D,EAAIK,KAAxSL,EAAI6D,GAAG,UAAS,WAAW,MAAO,CAAC3D,EAAG,WAAW,CAACI,YAAY,WAAWkD,MAAM,CAACM,WAAW9D,EAAI8D,YAAYlD,MAAM,CAAC,QAAU,MAAM6C,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOK,kBAAyB/D,EAAIgE,cAAchE,EAAIe,KAAKkD,WAAW,CAAC/D,EAAG,IAAI,CAACsD,MAAMxD,EAAI8D,WAAa,aAAa,oBAA4B,GAAG9D,EAAIK,KAAML,EAAII,WAAaJ,EAAIiD,OAAQ/C,EAAG,MAAM,CAACgD,WAAW,CAAC,CAACzB,KAAK,OAAO0B,QAAQ,0BAA0BC,MAAOpD,EAAIe,KAAKsC,QAASC,WAAW,eAAeC,IAAI,qBAAqBjD,YAAY,qBAAqBkD,MAAM,CAAC,cAAcxD,EAAIW,YAAY8C,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO1D,EAAIkE,eAAelE,EAAIe,SAAS,CAAGf,EAAI4D,WAAgT5D,EAAIK,KAAxSL,EAAI6D,GAAG,UAAS,WAAW,MAAO,CAAC3D,EAAG,WAAW,CAACI,YAAY,WAAWkD,MAAM,CAACM,WAAW9D,EAAI8D,YAAYlD,MAAM,CAAC,QAAU,MAAM6C,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOK,kBAAyB/D,EAAIgE,cAAchE,EAAIe,KAAKkD,WAAW,CAAC/D,EAAG,IAAI,CAACsD,MAAMxD,EAAI8D,WAAa,aAAa,oBAA4B,GAAG9D,EAAIK,KAAML,EAAII,UAAYJ,EAAIiD,OAAQ/C,EAAG,MAAM,CAACgD,WAAW,CAAC,CAACzB,KAAK,OAAO0B,QAAQ,0BAA0BC,MAAOpD,EAAIe,KAAKsC,QAASC,WAAW,eAAeC,IAAI,qBAAqBjD,YAAY,qBAAqBkD,MAAM,CAAC,cAAcxD,EAAIW,YAAY8C,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO1D,EAAIkE,eAAelE,EAAIe,SAAS,CAAGf,EAAI4D,WAAgT5D,EAAIK,KAAxSL,EAAI6D,GAAG,UAAS,WAAW,MAAO,CAAC3D,EAAG,WAAW,CAACI,YAAY,WAAWkD,MAAM,CAACM,WAAW9D,EAAI8D,YAAYlD,MAAM,CAAC,QAAU,MAAM6C,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOK,kBAAyB/D,EAAIgE,cAAchE,EAAIe,KAAKkD,WAAW,CAAC/D,EAAG,IAAI,CAACsD,MAAMxD,EAAI8D,WAAa,aAAa,oBAA4B,GAAG9D,EAAIK,KAAOL,EAAImE,SAAsFnE,EAAIK,KAAhFH,EAAG,MAAM,CAACI,YAAY,SAAS,CAACN,EAAIoB,GAAG,IAAIpB,EAAIS,GAAGT,EAAIe,KAAKqD,UAAU,UAE5pF5C,EAAkB,GC+FtB,MAAM6C,EAAY,EACH,OACf5C,kBACAG,OACAjB,YACAkB,aACAC,YAEAf,MACAc,oBACAG,aAEAmC,UACAtC,aACAC,YAEA8B,YACA/B,aACAC,aAGAG,OACA,OACA6B,gBAGArB,UACA6B,YACA,uCAEAlE,WACA,mCAEAmE,mBACA,yBAEAtB,SACA,kDACA,SAIA,OAHA,QACAuB,MAEA,IAGA9B,OACA4B,WACAzB,aACAF,WACA,WACA,yBACA,oBACA8B,yCAEA,sCAIAC,SACAV,gBACA,iCACA,yBACA,qBACA,gBACA,uCAAAW,KAAAC,cAEA,qCAAAD,KAAAE,cAAAD,mBAGA,uBAGAV,kBACA,iBACA,iCAEA,wHACA,oCAAAS,KAAAG,kBAAA,SACA,kBACA,6BACA,+BAGA,yBCpLgY,I,wBCQ5X9B,EAAY,eACd,EACAjD,EACAyB,GACA,EACA,KACA,WACA,MAIa,OAAAwB,E,oECnBf,W,yDCAA","file":"js/chunk-a5d53816.fae03727.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(!_vm.isMobile)?_c('div',{staticClass:\"preview\"},[(_vm.title)?_c('div',{staticClass:\"preview__header\"},[_c('h5',{staticClass:\"title\",domProps:{\"innerHTML\":_vm._s(_vm.title)}})]):_vm._e(),_c('div',{staticClass:\"preview__body\"},[_c('b-row',[(!_vm.rtl && _vm.inEvidence)?_c('b-col',{attrs:{\"cols\":\"4\"}},[_c('game-square',{attrs:{\"item\":_vm.inEvidence,\"in-evidence\":\"\"}})],1):_vm._e(),_c('b-col',{attrs:{\"cols\":\"8\"}},[_c('b-row',[_vm._l((_vm.items),function(item,k){return [_c('b-col',{key:k,attrs:{\"cols\":\"3\"}},[_c('game-square',{attrs:{\"item\":item}})],1)]})],2)],1),(_vm.rtl && _vm.inEvidence)?_c('b-col',{attrs:{\"cols\":\"4\"}},[_c('game-square',{attrs:{\"item\":_vm.inEvidence,\"in-evidence\":\"\"}})],1):_vm._e()],1)],1),_c('div',{staticClass:\"preview__footer\"})]):_vm._e(),(_vm.isMobile && !_vm.catlist)?_c('div',{staticClass:\"preview-mobile\"},[(_vm.title)?_c('b-row',{staticClass:\"preview__header\"},[_c('b-col',[_c('h5',{staticClass:\"title\",domProps:{\"innerHTML\":_vm._s(_vm.title)}})]),_c('b-col',{staticClass:\"text-right\"},[(_vm.more)?_c('b-button',{staticClass:\"more-btn\",attrs:{\"squared\":\"\",\"type\":\"secondary\",\"to\":_vm.more}},[_vm._v(\" \"+_vm._s(_vm.$t('show_more'))+\" \"),_c('i',{staticClass:\"ml-1 right-element pki-right-chevron-light\"})]):_vm._e()],1)],1):_vm._e(),_c('VueSlickCarousel',_vm._b({staticClass:\"carousel\"},'VueSlickCarousel',_vm.settings,false),[(!_vm.rtl && _vm.inEvidence)?_c('div',{},[_c('game-square',{attrs:{\"item\":_vm.inEvidence,\"in-evidence\":\"\"}})],1):_vm._e(),_vm._l((_vm.items),function(item,k){return [_c('div',{key:k},[_c('game-square',{attrs:{\"item\":item}})],1)]})],2)],1):_vm._e(),(_vm.isMobile && _vm.catlist)?[_vm._l((_vm.items),function(item,k){return [_c('div',{key:k,staticClass:\"col-4 m-0 p-1\"},[_c('game-square',{attrs:{\"item\":item}})],1)]})]:_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div\r\n      v-if=\"!isMobile\"\r\n      class=\"preview\"\r\n    >\r\n      <div\r\n        v-if=\"title\"\r\n        class=\"preview__header\"\r\n      >\r\n        <h5\r\n          class=\"title\"\r\n          v-html=\"title\"\r\n        />\r\n      </div>\r\n      <div class=\"preview__body\">\r\n        <b-row>\r\n          <b-col\r\n            v-if=\"!rtl && inEvidence\"\r\n            cols=\"4\"\r\n          >\r\n            <game-square\r\n              :item=\"inEvidence\"\r\n              in-evidence\r\n            />\r\n          </b-col>\r\n          <b-col cols=\"8\">\r\n            <b-row>\r\n              <template v-for=\"(item,k) in items\">\r\n                <b-col\r\n                  :key=\"k\"\r\n                  cols=\"3\"\r\n                >\r\n                  <game-square :item=\"item\" />\r\n                </b-col>\r\n              </template>\r\n            </b-row>\r\n          </b-col>\r\n          <b-col\r\n            v-if=\"rtl && inEvidence\"\r\n            cols=\"4\"\r\n          >\r\n            <game-square\r\n              :item=\"inEvidence\"\r\n              in-evidence\r\n            />\r\n          </b-col>\r\n        </b-row>\r\n      </div>\r\n      <div class=\"preview__footer\" />\r\n    </div>\r\n\r\n    <div\r\n      v-if=\"isMobile && !catlist\"\r\n      class=\"preview-mobile\"\r\n    >\r\n      <b-row\r\n        v-if=\"title\"\r\n        class=\"preview__header\"\r\n      >\r\n        <b-col>\r\n          <h5\r\n            class=\"title\"\r\n            v-html=\"title\"\r\n          />\r\n        </b-col>\r\n        <b-col class=\"text-right\">\r\n          <b-button\r\n            v-if=\"more\"\r\n            squared\r\n            type=\"secondary\"\r\n            class=\"more-btn\"\r\n            :to=\"more\"\r\n          >\r\n            {{ $t('show_more') }} <i class=\"ml-1 right-element pki-right-chevron-light\" />\r\n          </b-button>\r\n        </b-col>\r\n      </b-row>\r\n\r\n      <VueSlickCarousel\r\n        v-bind=\"settings\"\r\n        class=\"carousel\"\r\n      >\r\n        <div\r\n          v-if=\"!rtl && inEvidence\"\r\n          class=\"\"\r\n        >\r\n          <game-square\r\n            :item=\"inEvidence\"\r\n            in-evidence\r\n          />\r\n        </div>\r\n        <template v-for=\"(item,k) in items \">\r\n          <div :key=\"k\">\r\n            <game-square :item=\"item\" />\r\n          </div>\r\n        </template>\r\n      </VueSlickCarousel>\r\n    </div>\r\n    <template v-if=\"isMobile && catlist\">\r\n      <template v-for=\"(item,k) in items \">\r\n        <div\r\n          :key=\"k\"\r\n          class=\"col-4 m-0 p-1\"\r\n        >\r\n          <game-square :item=\"item\" />\r\n        </div>\r\n      </template>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport GameSquare from './GameSquare';\r\n\r\nexport default {\r\n  name: 'RowGames',\r\n  components: { GameSquare },\r\n  props: {\r\n    rtl: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    elements: {\r\n      type: [Array, Object],\r\n      required: true,\r\n    },\r\n    title: {\r\n      type: String,\r\n      required: false,\r\n    },\r\n    more: {\r\n      type: [Object, String],\r\n      required: false,\r\n    },\r\n    catlist: {\r\n      type: Boolean,\r\n      required: false,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      inEvidence: null,\r\n      items: [],\r\n\r\n      settings: {\r\n        dots: false,\r\n        arrows: false,\r\n        infinite: false,\r\n        slidesToShow: 4,\r\n        slidesToScroll: 3,\r\n        autoplay: false,\r\n        cssEase: 'linear',\r\n      },\r\n\r\n    };\r\n  },\r\n  computed: {\r\n    isMobile() {\r\n      return this.$store.state.isMobile;\r\n    },\r\n  },\r\n  watch: {\r\n    elements: {\r\n      handler(val) {\r\n        this.items = this._.cloneDeep(val);\r\n        if (!this.rtl) {\r\n          // eslint-disable-next-line prefer-destructuring\r\n          this.inEvidence = this.items.splice(0, 1)[0];\r\n        } else if (this.items.length > 4) {\r\n          this.inEvidence = this.items.pop();\r\n        }\r\n      },\r\n      deep: true,\r\n      immediate: true,\r\n    },\r\n  },\r\n  mounted() {\r\n    if (this.isMobile) {\r\n      this.settings.slidesToShow = 3;\r\n      this.settings.slidesToScroll = 2;\r\n    }\r\n  },\r\n  destroyed() {\r\n    this.inEvidence = null;\r\n    this.items = [];\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.slick-slider {\r\n  width: auto !important;\r\n}\r\n\r\n.slick-slider div {\r\n  padding-right: 3px;\r\n}\r\n\r\n.preview {\r\n  width: 100%;\r\n  &__header {\r\n    border-bottom: 3px solid var(--color-dominance);\r\n    text-align: center;\r\n    padding: 10px;\r\n\r\n    .title {\r\n      font-size: 16px;\r\n      font-weight: bold;\r\n      color: var(--color-primary);\r\n      text-transform: uppercase;\r\n      margin: 0;\r\n    }\r\n  }\r\n\r\n  &__footer {\r\n    padding: 30px 0;\r\n    text-align: right;\r\n\r\n    .more-btn {\r\n      text-transform: uppercase;\r\n      font-weight: bold;\r\n      font-size: 14px;\r\n      line-height: 16px;\r\n      padding: 10px 20px;\r\n    }\r\n  }\r\n}\r\n\r\n.preview-mobile {\r\n\r\n  text-align: center;\r\n  padding: 0px;\r\n  padding-top: 0;\r\n  padding-bottom: 6px;\r\n  //border-bottom: 1px solid var(--color-dominance);\r\n\r\n  .title {\r\n    font-size: 13px;\r\n    font-weight: normal;\r\n    color: var(--color-primary);\r\n    text-transform: uppercase;\r\n    margin: 0;\r\n  }\r\n\r\n  .preview__header {\r\n    border-bottom: 2px solid var(--color-dominance);\r\n    border: 0;\r\n    text-align: initial;\r\n    padding: 0;\r\n    margin-left: 5px;\r\n    margin-right: 5px;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .more-btn {\r\n    background-color: transparent;\r\n    color: var(--color-primary);\r\n    border: 0;\r\n    text-transform: uppercase;\r\n    font-weight: normal;\r\n    font-size: 8px;\r\n    line-height: 16px;\r\n    padding: 2px 2px;\r\n  }\r\n\r\n  .more-btn-mobile {\r\n    background-color: transparent;\r\n    color: var(--color-primary);\r\n    border: 0;\r\n    text-transform: uppercase;\r\n\r\n    font-size: 7px;\r\n    line-height: 8px;\r\n    padding: 2px 2px;\r\n  }\r\n\r\n  .col-1,\r\n  .col-2,\r\n  .col-3,\r\n  .col-4,\r\n  .col-5,\r\n  .col-6,\r\n  .col-7,\r\n  .col-8,\r\n  .col-9,\r\n  .col-10,\r\n  .col-11,\r\n  .col-12,\r\n  .col,\r\n  .col-auto,\r\n  .col-sm-1,\r\n  .col-sm-2,\r\n  .col-sm-3,\r\n  .col-sm-4,\r\n  .col-sm-5,\r\n  .col-sm-6,\r\n  .col-sm-7,\r\n  .col-sm-8,\r\n  .col-sm-9,\r\n  .col-sm-10,\r\n  .col-sm-11,\r\n  .col-sm-12,\r\n  .col-sm,\r\n  .col-sm-auto,\r\n  .col-md-1,\r\n  .col-md-2,\r\n  .col-md-3,\r\n  .col-md-4,\r\n  .col-md-5,\r\n  .col-md-6,\r\n  .col-md-7,\r\n  .col-md-8,\r\n  .col-md-9,\r\n  .col-md-10,\r\n  .col-md-11,\r\n  .col-md-12,\r\n  .col-md,\r\n  .col-md-auto,\r\n  .col-lg-1,\r\n  .col-lg-2,\r\n  .col-lg-3,\r\n  .col-lg-4,\r\n  .col-lg-5,\r\n  .col-lg-6,\r\n  .col-lg-7,\r\n  .col-lg-8,\r\n  .col-lg-9,\r\n  .col-lg-10,\r\n  .col-lg-11,\r\n  .col-lg-12,\r\n  .col-lg,\r\n  .col-lg-auto,\r\n  .col-xl-1,\r\n  .col-xl-2,\r\n  .col-xl-3,\r\n  .col-xl-4,\r\n  .col-xl-5,\r\n  .col-xl-6,\r\n  .col-xl-7,\r\n  .col-xl-8,\r\n  .col-xl-9,\r\n  .col-xl-10,\r\n  .col-xl-11,\r\n  .col-xl-12,\r\n  .col-xl,\r\n  .col-xl-auto {\r\n    position: relative;\r\n    width: 100%;\r\n    padding-right: 2px;\r\n    padding-left: 2px;\r\n  }\r\n}\r\n\r\n.preview-mobile:after {\r\n  position: absolute;\r\n  content: '';\r\n  border-bottom: 1px solid var(--color-dominance);\r\n  width: 100%;\r\n  left: 0;\r\n  margin-top: 5px;\r\n}\r\n\r\n.slick-slider {\r\n  width: 500px;\r\n\r\n  div {\r\n    outline: none;\r\n  }\r\n\r\n  h1 {\r\n    text-align: center;\r\n    background-color: #2f3241;\r\n    color: #abe8f6;\r\n    line-height: 100px;\r\n    margin: 3px;\r\n  }\r\n\r\n  ::v-deep .slick-arrow:before {\r\n    color: #2f3241;\r\n    opacity: 1;\r\n  }\r\n}\r\n:deep(.col-4){\r\n  .game-square{\r\n   //margin-bottom: 0 !important;\r\n  }\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!./RowGames.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!./RowGames.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RowGames.vue?vue&type=template&id=7b6fe1a0&scoped=true\"\nimport script from \"./RowGames.vue?vue&type=script&lang=js\"\nexport * from \"./RowGames.vue?vue&type=script&lang=js\"\nimport style0 from \"./RowGames.vue?vue&type=style&index=0&id=7b6fe1a0&prod&scoped=true&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  \"7b6fe1a0\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(!_vm.isMobile && !_vm.islive)?_c('div',{directives:[{name:\"lazy\",rawName:\"v-lazy:background-image\",value:(_vm.item.GameImg),expression:\"item.GameImg\",arg:\"background-image\"}],staticClass:\"game-square\",class:{'in-evidence':_vm.inEvidence},on:{\"click\":function($event){return _vm.openGame(_vm.item)}}},[(!_vm.hideButton)?_vm._t(\"button\",function(){return [_c('b-button',{staticClass:\"btn-star\",class:{isFavorite:_vm.isFavorite},attrs:{\"variant\":\"br\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.clickFavorite(_vm.item.GameId)}}},[_c('i',{class:_vm.isFavorite ? 'pki-star-2':'pki-star'})])]}):_vm._e()],2):_vm._e(),(!_vm.isMobile && _vm.islive)?_c('div',{directives:[{name:\"lazy\",rawName:\"v-lazy:background-image\",value:(_vm.item.GameImg),expression:\"item.GameImg\",arg:\"background-image\"}],staticClass:\"game-square\",class:{'in-evidence':_vm.inEvidence},on:{\"click\":function($event){return _vm.openGame(_vm.item)}}},[(!_vm.hideButton)?_vm._t(\"button\",function(){return [_c('b-button',{staticClass:\"btn-star\",class:{isFavorite:_vm.isFavorite},attrs:{\"variant\":\"br\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.clickFavorite(_vm.item.GameId)}}},[_c('i',{class:_vm.isFavorite ? 'pki-star-2':'pki-star'})])]}):_vm._e()],2):_vm._e(),(_vm.isMobile && !_vm.islive)?_c('div',{directives:[{name:\"lazy\",rawName:\"v-lazy:background-image\",value:(_vm.item.GameImg),expression:\"item.GameImg\",arg:\"background-image\"}],staticClass:\"game-square-mobile\",class:{'in-evidence':_vm.inEvidence},on:{\"click\":function($event){return _vm.openSingleGame(_vm.item)}}},[(!_vm.hideButton)?_vm._t(\"button\",function(){return [_c('b-button',{staticClass:\"btn-star\",class:{isFavorite:_vm.isFavorite},attrs:{\"variant\":\"br\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.clickFavorite(_vm.item.GameId)}}},[_c('i',{class:_vm.isFavorite ? 'pki-star-2':'pki-star'})])]}):_vm._e()],2):_vm._e(),(_vm.isMobile && _vm.islive)?_c('div',{directives:[{name:\"lazy\",rawName:\"v-lazy:background-image\",value:(_vm.item.GameImg),expression:\"item.GameImg\",arg:\"background-image\"}],staticClass:\"game-square-mobile\",class:{'in-evidence':_vm.inEvidence},on:{\"click\":function($event){return _vm.openSingleGame(_vm.item)}}},[(!_vm.hideButton)?_vm._t(\"button\",function(){return [_c('b-button',{staticClass:\"btn-star\",class:{isFavorite:_vm.isFavorite},attrs:{\"variant\":\"br\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.clickFavorite(_vm.item.GameId)}}},[_c('i',{class:_vm.isFavorite ? 'pki-star-2':'pki-star'})])]}):_vm._e()],2):_vm._e(),(!_vm.hideName)?_c('div',{staticClass:\"gname\"},[_vm._v(\" \"+_vm._s(_vm.item.GameName)+\" \")]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div\r\n      v-if=\"!isMobile && !islive\"\r\n      v-lazy:background-image=\"item.GameImg\"\r\n      class=\"game-square\"\r\n      :class=\"{'in-evidence':inEvidence}\"\r\n      @click=\"openGame(item)\"\r\n    >\r\n      <slot\r\n        v-if=\"!hideButton\"\r\n        name=\"button\"\r\n      >\r\n        <b-button\r\n          variant=\"br\"\r\n          class=\"btn-star\"\r\n          :class=\"{isFavorite:isFavorite}\"\r\n          @click.stop=\"clickFavorite(item.GameId)\"\r\n        >\r\n          <i :class=\"isFavorite ? 'pki-star-2':'pki-star'\" />\r\n        </b-button>\r\n      </slot>\r\n    </div>\r\n    <div\r\n      v-if=\"!isMobile && islive\"\r\n      v-lazy:background-image=\"item.GameImg\"\r\n      class=\"game-square\"\r\n      :class=\"{'in-evidence':inEvidence}\"\r\n      @click=\"openGame(item)\"\r\n    >\r\n      <slot\r\n        v-if=\"!hideButton\"\r\n        name=\"button\"\r\n      >\r\n        <b-button\r\n          variant=\"br\"\r\n          class=\"btn-star\"\r\n          :class=\"{isFavorite:isFavorite}\"\r\n          @click.stop=\"clickFavorite(item.GameId)\"\r\n        >\r\n          <i :class=\"isFavorite ? 'pki-star-2':'pki-star'\" />\r\n        </b-button>\r\n      </slot>\r\n    </div>\r\n\r\n    <div\r\n      v-if=\"isMobile && !islive\"\r\n      v-lazy:background-image=\"item.GameImg\"\r\n      class=\"game-square-mobile\"\r\n      :class=\"{'in-evidence':inEvidence}\"\r\n      @click=\"openSingleGame(item)\"\r\n    >\r\n      <slot\r\n        v-if=\"!hideButton\"\r\n        name=\"button\"\r\n      >\r\n        <b-button\r\n          variant=\"br\"\r\n          class=\"btn-star\"\r\n          :class=\"{isFavorite:isFavorite}\"\r\n          @click.stop=\"clickFavorite(item.GameId)\"\r\n        >\r\n          <i :class=\"isFavorite ? 'pki-star-2':'pki-star'\" />\r\n        </b-button>\r\n      </slot>\r\n    </div>\r\n    <div\r\n      v-if=\"isMobile && islive\"\r\n      v-lazy:background-image=\"item.GameImg\"\r\n      class=\"game-square-mobile\"\r\n      :class=\"{'in-evidence':inEvidence}\"\r\n      @click=\"openSingleGame(item)\"\r\n    >\r\n      <slot\r\n        v-if=\"!hideButton\"\r\n        name=\"button\"\r\n      >\r\n        <b-button\r\n          variant=\"br\"\r\n          class=\"btn-star\"\r\n          :class=\"{isFavorite:isFavorite}\"\r\n          @click.stop=\"clickFavorite(item.GameId)\"\r\n        >\r\n          <i :class=\"isFavorite ? 'pki-star-2':'pki-star'\" />\r\n        </b-button>\r\n      </slot>\r\n    </div>\r\n    <div\r\n      v-if=\"!hideName\"\r\n      class=\"gname\"\r\n    >\r\n      {{ item.GameName }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst productID = 5;\r\nexport default {\r\n  name: 'GameSquare',\r\n  props: {\r\n    inEvidence: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    item: {\r\n      type: [Array, Object],\r\n      required: true,\r\n    },\r\n    hideName: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    hideButton: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      isFavorite: false,\r\n    };\r\n  },\r\n  computed: {\r\n    favorites() {\r\n      return this.$store.state.favorites[productID];\r\n    },\r\n    isMobile() {\r\n      return this.$store.state.isMobile;\r\n    },\r\n    currentRouteName() {\r\n      return this.$route.name;\r\n    },\r\n    islive() {\r\n      const npath = this.$route.path.indexOf('/live-casino/');\r\n      let nstate = false;\r\n      if (npath !== -1) {\r\n        nstate = true;\r\n      }\r\n      return nstate;\r\n    },\r\n  },\r\n  watch: {\r\n    favorites: {\r\n      immediate: true,\r\n      handler(val) {\r\n        let favorite = null;\r\n        const id = this.item.GameId;\r\n        if (!this._.isEmpty(val)) {\r\n          favorite = val.find((obj) => Number(obj.code) === Number(id));\r\n        }\r\n        this.isFavorite = !this._.isEmpty(favorite);\r\n      },\r\n    },\r\n  },\r\n  methods: {\r\n    clickFavorite() {\r\n      if (this.$store.state.user.token) {\r\n        const id = this.item.GameId;\r\n        const description = this.item.GameName;\r\n        if (this.isFavorite) {\r\n          this.$store.dispatch('deleteFavorite', { id, productId: productID });\r\n        } else {\r\n          this.$store.dispatch('postFavorite', { id, description, productId: productID });\r\n        }\r\n      } else {\r\n        this.openModalLogin();\r\n      }\r\n    },\r\n    openSingleGame(game) {\r\n      const id = game.GameId;\r\n      if (this.$store.state.user.token) {\r\n        // eslint-disable-next-line no-restricted-globals\r\n        const windowFeatures = `toolbar=0,location=0,menubar=0,resizable=yes,status=0,width=${screen.availWidth},height=${screen.availHeight}`;\r\n        this.$store.dispatch('getGameData', { id, image: game.GameImg }).then((data) => {\r\n          const url = data.GameUrl;\r\n          const newwindow = window.open(url, `game_${id}`, windowFeatures);\r\n          if (window.focus) newwindow.focus();\r\n        });\r\n      } else {\r\n        this.openModalLogin();\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.gname {\r\n  color: var(--color-primary);\r\n  font-size: 11px;\r\n  margin-top: 5px;\r\n  text-transform: uppercase;\r\n  font-weight: 600;\r\n}\r\n\r\n.game-square {\r\n  width: 100%;\r\n  //background-color: var(--color-dominance);\r\n  background-position: center !important;\r\n  background-repeat: no-repeat !important;\r\n  background-size: cover !important;\r\n  margin-top: 15px;\r\n  margin-bottom: 15px;\r\n  border-radius: var(--slot-preview-border-radius);\r\n  position: relative;\r\n  background-position: top right !important;\r\n  background-size: 100% 100% !important;\r\n  cursor: pointer;\r\n\r\n  .image {\r\n    object-fit: cover;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n  }\r\n\r\n  .btn-br {\r\n    position: absolute;\r\n    bottom: 6px;\r\n    right: 10px;\r\n    padding: 0;\r\n    color: var(--addfavoritestar-color);\r\n    font-size: 22px;\r\n     @media (max-width: 1025px) {\r\n              font-size: 16px;\r\n          }\r\n    line-height: 1;\r\n\r\n    &:active, &:focus {\r\n      outline: none;\r\n      box-shadow: none;\r\n    }\r\n  }\r\n\r\n  .btn-star {\r\n    z-index: 0;\r\n    &:hover {\r\n      &.isFavorite {\r\n        i {\r\n          &:before {\r\n            //content: '\\e910';\r\n          }\r\n        }\r\n      }\r\n\r\n      &:not(.isFavorite) {\r\n        i {\r\n          &:before {\r\n            content: '\\e911';\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.in-evidence {\r\n    //background-color: var(--red);\r\n  }\r\n\r\n  &:after {\r\n    content: \"\";\r\n    display: block;\r\n    padding-bottom: 100%;\r\n    pointer-events: none;\r\n  }\r\n  &:before {\r\n    transition: var(--transition);\r\n    opacity: 0;\r\n    font-family: \"pkicons\";\r\n    content: \"\\e907\";\r\n    pointer-events: none;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: var(--slot-preview-border-radius);\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 0;\r\n    background: rgba(var(--dark-primary-rgb), 0.6);\r\n    color: var(--color-dominance);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 32px;\r\n  }\r\n  &:hover{\r\n    &:before{\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n\r\n.game-square-mobile {\r\n  width: 100%;\r\n  background-position: top left !important;\r\n  background-repeat: no-repeat !important;\r\n  background-size: contain !important;\r\n  border-radius: var(--slot-preview-border-radius);\r\n  margin-top: 10px;\r\n  position: relative;\r\n  cursor: pointer;\r\n\r\n  .image {\r\n    object-fit: cover;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n  }\r\n\r\n  .btn-br {\r\n    position: absolute;\r\n    bottom: 6px;\r\n    right: 10px;\r\n    padding: 0;\r\n    color: var(--color-primary);\r\n    font-size: 22px;\r\n     @media (max-width: 1025px) {\r\n              font-size: 16px;\r\n          }\r\n    line-height: 1;\r\n\r\n    &:active, &:focus {\r\n      outline: none;\r\n      box-shadow: none;\r\n    }\r\n  }\r\n\r\n  .btn-star {\r\n\r\n    &:hover {\r\n      &.isFavorite {\r\n        i {\r\n          &:before {\r\n            //content: '\\e910';\r\n          }\r\n        }\r\n      }\r\n\r\n      &:not(.isFavorite) {\r\n        i {\r\n          &:before {\r\n            content: '\\e911';\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.in-evidence {\r\n    //background-color: var(--red);\r\n  }\r\n\r\n  &:after {\r\n    content: \"\";\r\n    display: block;\r\n    padding-bottom: 100%;\r\n    pointer-events: none;\r\n  }\r\n}\r\n\r\n#sidebar-mainmenu{\r\n  .title{\r\n      color: var(--title-color);\r\n      font-weight: 600;\r\n      font-size: 16px;\r\n      // text-decoration: underline;\r\n      margin-bottom: 8px;\r\n  }\r\n  .small-title{\r\n    font-size: 10px;\r\n    font-weight: normal;\r\n  }\r\n  .gname{\r\n    font-size: 9px;\r\n    text-align: center;\r\n    color: var(--btn-nav-color);\r\n  }\r\n  .game-square-mobile{\r\n    margin-top: 8px;\r\n  }\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!./GameSquare.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!./GameSquare.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GameSquare.vue?vue&type=template&id=2730af31&scoped=true\"\nimport script from \"./GameSquare.vue?vue&type=script&lang=js\"\nexport * from \"./GameSquare.vue?vue&type=script&lang=js\"\nimport style0 from \"./GameSquare.vue?vue&type=style&index=0&id=2730af31&prod&scoped=true&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  \"2730af31\",\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!./RowGames.vue?vue&type=style&index=0&id=7b6fe1a0&prod&scoped=true&lang=scss\"","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!./GameSquare.vue?vue&type=style&index=0&id=2730af31&prod&scoped=true&lang=scss\""],"sourceRoot":""}