{"version":3,"sources":["webpack:///./src/components/Elements/BtnFavorite.vue","webpack:///src/components/Elements/BtnFavorite.vue","webpack:///./src/components/Elements/BtnFavorite.vue?afde","webpack:///./src/components/Elements/BtnFavorite.vue?1d10","webpack:///./src/components/Elements/BtnFavorite.vue?05d0","webpack:///./src/components/Sports/mobile/SportMenu/Favorites.vue","webpack:///src/components/Sports/mobile/SportMenu/Favorites.vue","webpack:///./src/components/Sports/mobile/SportMenu/Favorites.vue?87d9","webpack:///./src/components/Sports/mobile/SportMenu/Favorites.vue?86cd","webpack:///./src/components/Sports/components/MatchesTable/MatchesTable.vue","webpack:///src/components/Sports/components/MatchesTable/MatchesTable.vue","webpack:///./src/components/Sports/components/MatchesTable/MatchesTable.vue?435c","webpack:///./src/components/Sports/components/MatchesTable/MatchesTable.vue?7c56","webpack:///./src/components/Sports/components/MatchesTable/MatchesTable.vue?7942","webpack:///./src/components/Sports/mobile/SportMenu/Favorites.vue?1ee5"],"names":["render","_vm","this","_c","_self","attrs","on","$event","preventDefault","stopPropagation","clickFavorite","apply","arguments","class","isFavorite","staticRenderFns","name","props","productId","required","id","description","cid","default","sid","data","computed","favorites","watch","immediate","handler","favorite","methods","component","staticClass","scopedSlots","_u","key","fn","active","tabActive","domProps","_s","$t","_v","tournaments","length","proxy","directives","rawName","value","expression","_","isEmpty","leagues","_l","tournament","TID","Nm","CID","SID","goTournament","INm","$store","getters","getSportsIcon","_e","productID","components","MatchesTable","BtnFavorite","sportId","created","getTournaments","that","tid","s","c","SNm","CNm","getLeagues","self","console","quoteFilter","reopen","_t","hideFooter","type","destroyed"],"mappings":"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","file":"js/chunk-2b5dd4a1.7fc44529.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-button',{attrs:{\"variant\":\"star\"},on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();return _vm.clickFavorite.apply(null, arguments)}}},[_c('i',{class:_vm.isFavorite ? 'pki-star-2':'pki-star'})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-button\r\n    variant=\"star\"\r\n    @click.prevent.stop=\"clickFavorite\"\r\n  >\r\n    <i :class=\"isFavorite ? 'pki-star-2':'pki-star'\" />\r\n  </b-button>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'BtnFavorite',\r\n  props: {\r\n    productId: {\r\n      required: true,\r\n    },\r\n    id: {\r\n      required: true,\r\n    },\r\n    description: {\r\n      required: true,\r\n    },\r\n    cid: {\r\n      default: () => null,\r\n    },\r\n    sid: {\r\n      default: () => null,\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[this.productId];\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;\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;\r\n        const { sid } = this;\r\n        const { cid } = this;\r\n        const { description } = this;\r\n        if (this.isFavorite) {\r\n          this.$store.dispatch('deleteFavorite', {\r\n            id, sid, cid, productId: this.productId,\r\n          });\r\n        } else {\r\n          this.$store.dispatch('postFavorite', {\r\n            id, sid, cid, description, productId: this.productId,\r\n          });\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 lang=\"scss\" scoped>\r\n.btn-star{\r\n  padding: 0;\r\n  color: var(--color-primary);\r\n  font-size: 20px;\r\n  line-height: 1;\r\n  background: transparent;\r\n  border: none;\r\n\r\n  &:active, &:focus {\r\n    outline: none;\r\n    box-shadow: none;\r\n  }\r\n\r\n  @media (min-width: 426px) {\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</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!./BtnFavorite.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!./BtnFavorite.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BtnFavorite.vue?vue&type=template&id=13c05501&scoped=true\"\nimport script from \"./BtnFavorite.vue?vue&type=script&lang=js\"\nexport * from \"./BtnFavorite.vue?vue&type=script&lang=js\"\nimport style0 from \"./BtnFavorite.vue?vue&type=style&index=0&id=13c05501&prod&lang=scss&scoped=true\"\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  \"13c05501\",\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!./BtnFavorite.vue?vue&type=style&index=0&id=13c05501&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('matches-table',{staticClass:\"table-sport-list\",scopedSlots:_vm._u([{key:\"left_header\",fn:function(){return [_c('div',{staticClass:\"tabs\"},[_c('b-button',{class:{active:_vm.tabActive==='leagues'},on:{\"click\":function($event){_vm.tabActive='leagues'}}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$t('topLeagues'))}})]),_c('b-button',{class:{active:_vm.tabActive==='favorites'},on:{\"click\":function($event){_vm.tabActive='favorites'}}},[_c('span',[_vm._v(_vm._s(_vm.$t('favorites'))+\" (\"+_vm._s(_vm.tournaments.length)+\")\")])])],1)]},proxy:true},{key:\"body\",fn:function(){return [_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.tabActive==='leagues'),expression:\"tabActive==='leagues'\"}],staticClass:\"sport-category-list\"},[_c('div',{staticClass:\"category-body\"},[(!_vm._.isEmpty(_vm.leagues))?[_vm._l((_vm.leagues),function(tournament){return [_c('div',{key:'l'+tournament.TID,staticClass:\"event-cts m-0 p-0\"},[_c('div',{staticClass:\"tournament-item\"},[_c('btn-favorite',{staticClass:\"icon\",attrs:{\"id\":tournament.TID,\"product-id\":4,\"description\":tournament.Nm,\"cid\":tournament.CID,\"sid\":tournament.SID}}),_c('div',{staticClass:\"btn-torunament\",on:{\"click\":function($event){$event.stopPropagation();return _vm.goTournament(tournament)}}},[_c('div',{staticClass:\"left-element\"},[(tournament.INm)?_c('div',{staticClass:\"nav-item__image\"},[_c('img',{attrs:{\"src\":_vm.$store.getters.getSportsIcon('tournament', tournament.INm)}})]):_vm._e(),_c('div',{staticClass:\"nav-item__description text-truncate\"},[_vm._v(\" \"+_vm._s(tournament.Nm)+\" \")])]),_c('div',{staticClass:\"right-element pki-right-chevron-light\"})])],1)])]})]:[_c('h6',{staticClass:\"text-center font-weight-bold py-2\",domProps:{\"innerHTML\":_vm._s(_vm.$t('tournaments_empty'))}})]],2)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.tabActive==='favorites'),expression:\"tabActive==='favorites'\"}],staticClass:\"sport-category-list\"},[_c('div',{staticClass:\"category-body\"},[(!_vm._.isEmpty(_vm.tournaments))?[_vm._l((_vm.tournaments),function(tournament){return [_c('div',{key:'t'+tournament.TID,staticClass:\"event-cts m-0 p-0\"},[_c('div',{staticClass:\"tournament-item\"},[_c('btn-favorite',{staticClass:\"icon\",attrs:{\"id\":tournament.TID,\"product-id\":4,\"description\":tournament.Nm,\"cid\":tournament.CID,\"sid\":tournament.SID}}),_c('div',{staticClass:\"btn-torunament\",on:{\"click\":function($event){$event.stopPropagation();return _vm.goTournament(tournament)}}},[_c('div',{staticClass:\"left-element\"},[(tournament.INm)?_c('div',{staticClass:\"nav-item__image\"},[_c('img',{attrs:{\"src\":_vm.$store.getters.getSportsIcon('tournament', tournament.INm)}})]):_vm._e(),_c('div',{staticClass:\"nav-item__description text-truncate\"},[_vm._v(\" \"+_vm._s(tournament.Nm)+\" \")])]),_c('div',{staticClass:\"right-element pki-right-chevron-light\"})])],1)])]})]:[_c('h6',{staticClass:\"text-center font-weight-bold py-2\",domProps:{\"innerHTML\":_vm._s(_vm.$t('tournaments_empty'))}})]],2)])]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <matches-table\r\n    class=\"table-sport-list\"\r\n  >\r\n    <template v-slot:left_header>\r\n      <div class=\"tabs\">\r\n        <b-button\r\n          :class=\"{active:tabActive==='leagues'}\"\r\n          @click=\"tabActive='leagues'\"\r\n        >\r\n          <span v-html=\"$t('topLeagues')\" />\r\n        </b-button>\r\n        <b-button\r\n          :class=\"{active:tabActive==='favorites'}\"\r\n          @click=\"tabActive='favorites'\"\r\n        >\r\n          <span>{{ $t('favorites') }} ({{ tournaments.length }})</span>\r\n        </b-button>\r\n      </div>\r\n    </template>\r\n    <template v-slot:body>\r\n      <div\r\n        v-show=\"tabActive==='leagues'\"\r\n        class=\"sport-category-list\"\r\n      >\r\n        <div class=\"category-body\">\r\n          <template v-if=\"!_.isEmpty(leagues)\">\r\n            <template v-for=\"tournament in leagues\">\r\n              <div\r\n                :key=\"'l'+tournament.TID\"\r\n                class=\"event-cts m-0 p-0\"\r\n              >\r\n                <div class=\"tournament-item\">\r\n                  <btn-favorite\r\n                    :id=\"tournament.TID\"\r\n                    class=\"icon\"\r\n                    :product-id=\"4\"\r\n                    :description=\"tournament.Nm\"\r\n                    :cid=\"tournament.CID\"\r\n                    :sid=\"tournament.SID\"\r\n                  />\r\n                  <div\r\n                    class=\"btn-torunament\"\r\n                    @click.stop=\"goTournament(tournament)\"\r\n                  >\r\n                    <div class=\"left-element\">\r\n                      <div\r\n                        v-if=\"tournament.INm\"\r\n                        class=\"nav-item__image\"\r\n                      >\r\n                        <img :src=\"$store.getters.getSportsIcon('tournament', tournament.INm)\">\r\n                      </div>\r\n                      <div class=\"nav-item__description text-truncate\">\r\n                        {{ tournament.Nm }}\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"right-element pki-right-chevron-light\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </template>\r\n          </template>\r\n          <template v-else>\r\n            <h6\r\n              class=\"text-center font-weight-bold py-2\"\r\n              v-html=\"$t('tournaments_empty')\"\r\n            />\r\n          </template>\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        v-show=\"tabActive==='favorites'\"\r\n        class=\"sport-category-list\"\r\n      >\r\n        <div class=\"category-body\">\r\n          <template v-if=\"!_.isEmpty(tournaments)\">\r\n            <template v-for=\"tournament in tournaments\">\r\n              <div\r\n                :key=\"'t'+tournament.TID\"\r\n                class=\"event-cts m-0 p-0\"\r\n              >\r\n                <div class=\"tournament-item\">\r\n                  <btn-favorite\r\n                    :id=\"tournament.TID\"\r\n                    class=\"icon\"\r\n                    :product-id=\"4\"\r\n                    :description=\"tournament.Nm\"\r\n                    :cid=\"tournament.CID\"\r\n                    :sid=\"tournament.SID\"\r\n                  />\r\n                  <div\r\n                    class=\"btn-torunament\"\r\n                    @click.stop=\"goTournament(tournament)\"\r\n                  >\r\n                    <div class=\"left-element\">\r\n                      <div\r\n                        v-if=\"tournament.INm\"\r\n                        class=\"nav-item__image\"\r\n                      >\r\n                        <img :src=\"$store.getters.getSportsIcon('tournament', tournament.INm)\">\r\n                      </div>\r\n                      <div class=\"nav-item__description text-truncate\">\r\n                        {{ tournament.Nm }}\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"right-element pki-right-chevron-light\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </template>\r\n          </template>\r\n          <template v-else>\r\n            <h6\r\n              class=\"text-center font-weight-bold py-2\"\r\n              v-html=\"$t('tournaments_empty')\"\r\n            />\r\n          </template>\r\n        </div>\r\n      </div>\r\n    </template>\r\n  </matches-table>\r\n</template>\r\n\r\n<script>\r\nimport MatchesTable from '@/components/Sports/components/MatchesTable/MatchesTable';\r\nimport BtnFavorite from '@/components/Elements/BtnFavorite';\r\n\r\nconst productID = 4;\r\nexport default {\r\n  name: 'SportsFavoritesMenu',\r\n  components: { MatchesTable, BtnFavorite },\r\n  props: {\r\n    sportId: {\r\n      required: false,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      tabActive: 'leagues',\r\n      tournaments: [],\r\n      leagues: [],\r\n    };\r\n  },\r\n  computed: {\r\n    favorites() {\r\n      return this.$store.state.favorites[productID];\r\n    },\r\n  },\r\n  watch: {\r\n    favorites: {\r\n      handler(val, old) {\r\n        if (val !== old) {\r\n          if (this._.isEmpty(val)) {\r\n            this.tournaments = [];\r\n          } else {\r\n            this.getTournaments();\r\n          }\r\n        }\r\n      },\r\n    },\r\n    sportId: {\r\n      handler(val, old) {\r\n        if (val !== old) {\r\n          this.tabActive = 'leagues';\r\n          // this.getTournaments();\r\n          this.getLeagues();\r\n        }\r\n      },\r\n    },\r\n  },\r\n  created() {\r\n    this.getTournaments();\r\n    this.getLeagues();\r\n  },\r\n  methods: {\r\n    getTournaments() {\r\n      const that = this;\r\n      const favorites = that._.cloneDeep(that.favorites);\r\n      const tournaments = [];\r\n      that.tournaments = that._.cloneDeep(tournaments);\r\n      if (!that._.isEmpty(favorites)) {\r\n        favorites.forEach((favorite) => {\r\n          const params = {\r\n            sid: favorite.sid,\r\n            cid: favorite.cid,\r\n            tid: favorite.code,\r\n          };\r\n          that.$store.dispatch('sportsTournamentInfo', params).then((tournament) => {\r\n            if (!that._.isEmpty(tournament) && !that._.isEmpty(tournament.Sports)) {\r\n              tournament.Sports.forEach((s) => {\r\n                s.Childs.forEach((c) => {\r\n                  c.Childs.forEach((t) => {\r\n                    if (t.MMnt > 0) {\r\n                      tournaments.push({\r\n                        SID: s.ID,\r\n                        SNm: s.Nm,\r\n                        CID: c.ID,\r\n                        CNm: c.Nm,\r\n                        TID: t.ID,\r\n                        Nm: t.Nm,\r\n                        INm: t.INm,\r\n                      });\r\n                    }\r\n                  });\r\n                });\r\n                /* if (!that.sportId || Number(that.sportId) === Number(s.ID)) { } */\r\n              });\r\n            }\r\n            that.tournaments = that._.cloneDeep(tournaments);\r\n          });\r\n        });\r\n      }\r\n    },\r\n\r\n    getLeagues() {\r\n      const self = this;\r\n      this.$store.dispatch('sportsTopLeagues').then((response) => {\r\n        self.leagues = response.filter((league) => Number(league.SID) === Number(self.sportId));\r\n      }, (error) => {\r\n        console.log(error);\r\n      });\r\n    },\r\n\r\n    goTournament(tournament) {\r\n      const sid = tournament.SID;\r\n      const cid = tournament.CID;\r\n      const tid = tournament.TID;\r\n      this.openTournment({\r\n        sid, cid, tid, quoteFilter: false, reopen: true,\r\n      }, true);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n:deep(.matchesTable__header) {\r\n  padding: 0 !important;\r\n  overflow: hidden;\r\n}\r\n\r\n:deep(.matchesTable__header__left) {\r\n  width: 100%;\r\n}\r\n\r\n:deep(.matchesTable__header__right) {\r\n  display: none;\r\n}\r\n\r\n.tabs {\r\n  display: flex;\r\n  width: 100%;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n\r\n  &:deep(.btn) {\r\n    width: 50%;\r\n    background: var(--dark-secondary) !important;\r\n    border: none !important;\r\n    font-weight: 600;\r\n    border-radius: 0 !important;\r\n      @media (max-width: 1025px) {\r\n        background: var(--color-dark-dominance)!important;\r\n        font-weight: normal;\r\n      }\r\n\r\n    &.active {\r\n      font-weight: 600;\r\n      background: var(--color-dominance) !important;\r\n      @media (max-width: 1025px) {\r\n        background: var(--bg-color-row-pair) !important;\r\n        font-weight: normal;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.box {\r\n  &__main {\r\n    padding: 0 !important;\r\n\r\n    .items {\r\n      min-height: 50px;\r\n\r\n      .item {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-start;\r\n        padding: 8px 8px;\r\n        transition: var(--transition);\r\n\r\n        &__description {\r\n          font-weight: bold;\r\n          font-size: 14px;\r\n          color: var(--color-primary);\r\n        }\r\n\r\n        &__image {\r\n          max-width: 37px;\r\n          overflow: hidden;\r\n          text-align: center;\r\n\r\n          i {\r\n            font-size: 24px;\r\n            vertical-align: middle;\r\n          }\r\n\r\n          img {\r\n            width: 37px;\r\n          }\r\n        }\r\n\r\n        &__star {\r\n          margin-left: auto;\r\n          font-size: 14px;\r\n          color: var(--color-dominance);\r\n        }\r\n\r\n        &:hover {\r\n          text-decoration: none;\r\n          background: var(--color-dark-dominance);\r\n        }\r\n      }\r\n    }\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!./Favorites.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!./Favorites.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Favorites.vue?vue&type=template&id=5f45aaf5&scoped=true\"\nimport script from \"./Favorites.vue?vue&type=script&lang=js\"\nexport * from \"./Favorites.vue?vue&type=script&lang=js\"\nimport style0 from \"./Favorites.vue?vue&type=style&index=0&id=5f45aaf5&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  \"5f45aaf5\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"matchesTable\"},[_c('div',{staticClass:\"matchesTable__header\"},[_vm._t(\"header\",function(){return [_c('div',{staticClass:\"matchesTable__header__left\"},[_vm._t(\"left_header\")],2),_c('div',{staticClass:\"matchesTable__header__right\"},[_vm._t(\"right_header\")],2)]})],2),_c('div',{staticClass:\"matchesTable__body\"},[_vm._t(\"body\")],2),(!_vm.hideFooter)?_c('div',{staticClass:\"matchesTable__footer\"},[_vm._t(\"footer\")],2):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"matchesTable\">\r\n    <div class=\"matchesTable__header\">\r\n      <slot name=\"header\">\r\n        <div class=\"matchesTable__header__left\">\r\n          <slot name=\"left_header\" />\r\n        </div>\r\n        <div class=\"matchesTable__header__right\">\r\n          <slot name=\"right_header\" />\r\n          <!--div\r\n            class=\"right-element\"\r\n            :class=\"collapsed ? 'pki-chevron-down' : 'pki-chevron-right'\"\r\n          /-->\r\n        </div>\r\n      </slot>\r\n    </div>\r\n    <div class=\"matchesTable__body\">\r\n      <slot name=\"body\" />\r\n    </div>\r\n    <div\r\n      v-if=\"!hideFooter\"\r\n      class=\"matchesTable__footer\"\r\n    >\r\n      <slot name=\"footer\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: 'MatchesTable',\r\n  props: {\r\n    hideFooter: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  data() {\r\n    return {};\r\n  },\r\n  computed: {},\r\n  watch: {},\r\n  destroyed() {\r\n  },\r\n  methods: {},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.matchesTable {\r\n\r\n   @media (max-width: 1025px) {\r\n        // margin-right: 5px;\r\n        // margin-left: 5px;\r\n        // max-width: 100vw;\r\n        // max-width: 100%;\r\n      }\r\n\r\n  &__header {\r\n    display: flex;\r\n    align-items: center;\r\n    background: var(--nemunav-cat1-bg-color);\r\n\r\n      @media (max-width: 1024px) {\r\n        color: var(--color-primary);\r\n      }\r\n\r\n    text-transform: uppercase;\r\n    font-weight: 600;\r\n    gap: 12px;\r\n    padding: 4px 8px;\r\n    margin-bottom: 2px;\r\n    border-top-left-radius: 8px;\r\n    border-top-right-radius: 8px;\r\n    justify-content: space-between;\r\n    height: 50px;\r\n    &__left,\r\n    &__right{\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      .btn-go{\r\n        // color:var(--nemunav-cat3-color-key-dark) !important;\r\n      }\r\n      .btn-check:before{\r\n        border: 1px solid var(--nemunav-cat3-color-key-dark);\r\n      }\r\n       .title {\r\n    color: var(--title-color) !important;\r\n  }\r\n    }\r\n\r\n    .btn-header {\r\n      padding: 0;\r\n      color: var(--color-primary);\r\n      font-size: 20px;\r\n      line-height: 1;\r\n      background: transparent;\r\n      border: none;\r\n\r\n      &:active, &:focus {\r\n        outline: none;\r\n        box-shadow: none;\r\n      }\r\n    }\r\n\r\n    .title{\r\n      color: var(--nemunav-cat1-color);\r\n      text-transform: uppercase;\r\n      font-weight: 600;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      i{\r\n        font-size: 1.4em;\r\n      }\r\n    }\r\n    img.icon{\r\n      height: 26px;\r\n      margin-left: 4px;\r\n    }\r\n  }\r\n  &.collapsed{\r\n    .matchesTable__header{\r\n      border-radius: 8px;\r\n    }\r\n  }\r\n\r\n  &__body {\r\n    background: var(--panel-bg-color);\r\n    color: var(--color-primary);\r\n  }\r\n  &__footer {\r\n    background: var(--matchTableFooter-bg-color);\r\n    color: var(--color-primary);\r\n    border-bottom-left-radius: 8px;\r\n    border-bottom-right-radius: 8px;\r\n    overflow: hidden;\r\n    min-height: 0px;\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!./MatchesTable.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!./MatchesTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MatchesTable.vue?vue&type=template&id=3b4b09e1&scoped=true\"\nimport script from \"./MatchesTable.vue?vue&type=script&lang=js\"\nexport * from \"./MatchesTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./MatchesTable.vue?vue&type=style&index=0&id=3b4b09e1&prod&lang=scss&scoped=true\"\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  \"3b4b09e1\",\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!./MatchesTable.vue?vue&type=style&index=0&id=3b4b09e1&prod&lang=scss&scoped=true\"","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!./Favorites.vue?vue&type=style&index=0&id=5f45aaf5&prod&scoped=true&lang=scss\""],"sourceRoot":""}