{"version":3,"sources":["webpack:///./src/assets/images/frontend/league/CEBL_2.png","webpack:///./src/views/FrontendPages/LeaguesPage/Board.vue?691e","webpack:///./src/views/FrontendPages/LeaguesPage/Leaguespage.vue","webpack:///./src/views/FrontendPages/LeaguesPage/Board.vue","webpack:///./src/services/league.js","webpack:///src/views/FrontendPages/LeaguesPage/Board.vue","webpack:///./src/views/FrontendPages/LeaguesPage/Board.vue?e87a","webpack:///./src/views/FrontendPages/LeaguesPage/Board.vue?bb0d","webpack:///src/views/FrontendPages/LeaguesPage/Leaguespage.vue","webpack:///./src/views/FrontendPages/LeaguesPage/Leaguespage.vue?759f","webpack:///./src/views/FrontendPages/LeaguesPage/Leaguespage.vue?61ca","webpack:///./src/views/FrontendPages/LeaguesPage/Leaguespage.vue?d1d5","webpack:///./node_modules/blurhash/dist/esm/index.js","webpack:///./src/views/FrontendPages/Components/NLSE/LeagueList.vue","webpack:///src/views/FrontendPages/Components/NLSE/LeagueList.vue","webpack:///./src/views/FrontendPages/Components/NLSE/LeagueList.vue?e511","webpack:///./src/views/FrontendPages/Components/NLSE/LeagueList.vue?056f","webpack:///./src/views/FrontendPages/Components/NLSE/LeagueList.vue?c0f2"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","_v","directives","name","rawName","value","searchTerm","expression","attrs","domProps","on","$event","target","composing","text","sportsOptions","clearSearchTerm","model","selectedSport","callback","$$v","regionsOptions","selectedRegion","updateUniqueSports","updateUniqueRegions","staticRenderFns","isMobile","filteredLeagues","fields","scopedSlots","_u","key","fn","data","style","backgroundImage","width","showMore","_s","slice","fetchLeagues","async","response","API","graphql","graphqlOperation","listFrontendLeagues","authMode","GRAPHQL_AUTH_MODE","API_KEY","leagueItems","items","Promise","all","map","leagueItem","imageFilename","length","imageAsset","getAWSStorageAsset","image","error","console","log","sort","a","b","title","toLowerCase","localeCompare","props","type","String","default","label","thStyle","sortable","color","tdClass","filteredItems","watch","newVal","oldVal","$emit","computed","filter","item","Sport","includes","Region","league_desc","uniqueRegions","regions","Set","forEach","cleanedRegion","replace","add","Array","from","uniqueSports","sports","cleanedsports","window","innerWidth","leagues","region","sport","description","component","components","LeagueList","Board","methods","updateFilteredItems","q","x","t","e","r","n","l","indexOf","f","Math","pow","h","max","min","trunc","F","M","abs","d","Error","super","message","C","floor","N","result","errorReason","z","L","U","m","i","u","o","substring","c","s","Uint8ClampedArray","y","B","R","w","P","G","cos","PI","T","V","I","E","j","leagueList","ref","sliderOption","_l","id","imageLoaded","_e","decodeBlurHashToImage","blurHash","staticStyle","mounted","beforeUpdate","$refs","dSlick","destroy","updated","$nextTick","create","categoryType","recommendations","require","link","dots","arrows","infinite","speed","autoplay","slidesToShow","slidesToScroll","prevArrow","nextArrow","responsive","breakpoint","settings","createGradientCanvas","height","canvas","document","createElement","ctx","getContext","gradient","createLinearGradient","addColorStop","fillStyle","fillRect","toDataURL","blurHashString","validation","isBlurhashValid","pixels","decode","imageData","createImageData","set","putImageData","next","prev","showModal","index","$bvModal","show","hideModal","hide","sliderItems","fetchSliderItems"],"mappings":"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","file":"js/chunk-f9856acc.96cf1f4d.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/CEBL_2.e9e03538.png\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Board.vue?vue&type=style&index=0&id=573dc98e&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',[_c('h2',{staticClass:\"leagues-title\"},[_vm._v(\"ENDLESS POSSIBILITIES WITH NLSE\")]),_c('LeagueList')],1),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"filter-box\"},[_c('div',{staticClass:\"filter-section\"},[_c('div',{staticClass:\"input-icon\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchTerm),expression:\"searchTerm\"}],staticClass:\"styled-input\",attrs:{\"type\":\"text\",\"placeholder\":\"Search for a sport or region\"},domProps:{\"value\":(_vm.searchTerm)},on:{\"input\":function($event){if($event.target.composing)return;_vm.searchTerm=$event.target.value}}})])]),_c('div',{staticClass:\"filter-section filter-options\"},[_c('b-form-select',{staticClass:\"custom-select\",attrs:{\"options\":[{ text: 'Filter by Sports', value: '' }, ..._vm.sportsOptions],\"placeholder\":\"Filter by Sport\"},on:{\"change\":_vm.clearSearchTerm},model:{value:(_vm.selectedSport),callback:function ($$v) {_vm.selectedSport=$$v},expression:\"selectedSport\"}}),_c('b-form-select',{staticClass:\"custom-select\",attrs:{\"options\":[{ text: 'Filter by Regions', value: '' }, ..._vm.regionsOptions],\"placeholder\":\"Filter by Region\"},on:{\"change\":_vm.clearSearchTerm},model:{value:(_vm.selectedRegion),callback:function ($$v) {_vm.selectedRegion=$$v},expression:\"selectedRegion\"}})],1)]),_c('Board',{attrs:{\"selectedSport\":_vm.selectedSport,\"selectedRegion\":_vm.selectedRegion,\"searchTerm\":_vm.searchTerm},on:{\"unique-sports\":_vm.updateUniqueSports,\"unique-regions\":_vm.updateUniqueRegions}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container\"},[(_vm.isMobile)?_c('b-table',{staticClass:\"leagues-board\",attrs:{\"striped\":\"\",\"items\":_vm.filteredLeagues,\"fields\":_vm.fields,\"stacked\":\"\"},scopedSlots:_vm._u([{key:\"cell(image)\",fn:function(data){return [_c('div',{staticClass:\"image-wrapper\"},[_c('div',{staticClass:\"image-container\",style:({ backgroundImage: `url(${data.value})`, width: '100%' })})])]}},{key:\"cell(league_desc)\",fn:function(data){return [_c('div',{staticClass:\"description-wrapper\"},[(_vm.showMore)?_c('div',[_vm._v(_vm._s(data.value))]):_c('div',[_vm._v(_vm._s(data.value.slice(0, 100))+\"...\")]),_c('button',{staticClass:\"show-more-button\",on:{\"click\":function($event){_vm.showMore = !_vm.showMore}}},[_vm._v(\" \"+_vm._s(_vm.showMore ? \"-Show Less\" : \" +Show More\")+\" \")])])]}}],null,false,1523442889)}):_c('b-table',{staticClass:\"leagues-board\",attrs:{\"striped\":\"\",\"items\":_vm.filteredLeagues,\"fields\":_vm.fields},scopedSlots:_vm._u([{key:\"cell(image)\",fn:function(data){return [_c('div',{staticClass:\"image-wrapper\"},[_c('div',{staticClass:\"image-container\",style:({ backgroundImage: `url(${data.value})`, width: '100%' })})])]}}])})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\nimport { API, graphqlOperation, GRAPHQL_AUTH_MODE } from '@aws-amplify/api';\nimport { listFrontendLeagues } from '@/graphql/queries';\nimport { getAWSStorageAsset } from '@/services/storage';\n\n/**\n * This function retrieves all the leagues that have been added to the graphql database via NLSE CMS.\n */\nexport const fetchLeagues = async () => {\n    try {\n        // Retrieve the leagues from NLSE backend using graphql query.\n        const response = await API.graphql({\n            ...graphqlOperation(listFrontendLeagues),\n            authMode: GRAPHQL_AUTH_MODE.API_KEY\n        });\n\n        // Retrieve each of the league items from the response above.\n        let leagueItems = response.data.listFrontendLeagues.items;\n\n        // Retreive image for each league item\n        leagueItems = await Promise.all(\n            leagueItems.map(async (leagueItem) => {\n                if(leagueItem.imageFilename != \" \" || leagueItem.imageFilename.length > 0 ) {\n\n                try {\n                    const imageAsset = await getAWSStorageAsset(`League/${leagueItem.imageFilename[0]}`);\n                    leagueItem.image = imageAsset;\n                    return leagueItem;\n                }\n                catch(error) {\n                    console.log(`Error retrieveing image asset: ${error}`);\n                }\n            }\n            })\n        );\n\n        leagueItems.sort((a, b) => a.title.toLowerCase().localeCompare(b.title.toLowerCase()))\n\n        return leagueItems;\n    }\n    catch (error) {\n        console.log(`Error was found fetching leagues: ${error}`);\n    }\n};","<template>\n\t<div class=\"container\">\n\t\t<!-- Use responsive class to make table stack on mobile -->\n\t\t<b-table\n\t\t\tv-if=\"isMobile\"\n\t\t\tstriped\n\t\t\t:items=\"filteredLeagues\"\n\t\t\t:fields=\"fields\"\n\t\t\tstacked\n\t\t\tclass=\"leagues-board\"\n\t\t>\n\t\t\t<template v-slot:cell(image)=\"data\">\n\t\t\t\t<div class=\"image-wrapper\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"image-container\"\n\t\t\t\t\t\t:style=\"{ backgroundImage: `url(${data.value})`, width: '100%' }\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t\t<template v-slot:cell(league_desc)=\"data\">\n\t\t\t\t<div class=\"description-wrapper\">\n\t\t\t\t\t<div v-if=\"showMore\">{{ data.value }}</div>\n\t\t\t\t\t<div v-else>{{ data.value.slice(0, 100) }}...</div>\n\t\t\t\t\t<button class=\"show-more-button\" @click=\"showMore = !showMore\">\n\t\t\t\t\t\t{{ showMore ? \"-Show Less\" : \" +Show More\" }}\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t</b-table>\n\n\t\t<b-table\n\t\t\tv-else\n\t\t\tstriped\n\t\t\t:items=\"filteredLeagues\"\n\t\t\t:fields=\"fields\"\n\t\t\tclass=\"leagues-board\"\n\t\t>\n\t\t\t<template v-slot:cell(image)=\"data\">\n\t\t\t\t<div class=\"image-wrapper\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"image-container\"\n\t\t\t\t\t\t:style=\"{ backgroundImage: `url(${data.value})`, width: '100%' }\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t</b-table>\n\t</div>\n</template>\n\n<script>\nimport { fetchLeagues } from \"@/services/league\";\nexport default {\n\tname: \"Board\",\n\tprops: {\n\t\tselectedSport: {\n\t\t\ttype: String,\n\t\t\tdefault: \"\",\n\t\t},\n\t\tselectedRegion: {\n\t\t\ttype: String,\n\t\t\tdefault: \"\",\n\t\t},\n\t\tsearchTerm: {\n\t\t\ttype: String,\n\t\t\tdefault: \"\",\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tfields: [\n\t\t\t\t{\n\t\t\t\t\tkey: \"image\",\n\t\t\t\t\tlabel: \"\",\n\t\t\t\t\tthStyle: { width: \"20%\" },\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: \"Sport\",\n\t\t\t\t\tsortable: true,\n\t\t\t\t\tthStyle: { width: \"15%\", color: \"#EBBA0A\", \"text-align\": \"left\" },\n\t\t\t\t\ttdClass: \"leagues-table-data\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: \"Region\",\n\t\t\t\t\tthStyle: { width: \"15%\", color: \"#EBBA0A\", \"text-align\": \"left\" },\n\t\t\t\t\ttdClass: \"leagues-table-data\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: \"league_desc\",\n\t\t\t\t\tlabel: \"League Info\",\n\t\t\t\t\tthStyle: { width: \"60%\", color: \"#EBBA0A\", \"text-align\": \"center\" },\n\t\t\t\t\ttdClass: \"leagues-table-data\",\n\t\t\t\t},\n\t\t\t],\n\t\t\tleagueItems: [],\n\t\t\tfilteredItems: [],\n\t\t\tshowMore: false,\n\t\t};\n\t},\n\twatch: {\n\t\tselectedSport: function (newVal, oldVal) {\n\t\t\tif (newVal !== oldVal) {\n\t\t\t\tthis.filteredItems = this.filteredLeagues;\n\t\t\t\tthis.$emit(\"filter-league-items\", this.filteredLeagues);\n\t\t\t}\n\t\t},\n\t\tselectedRegion: function (newVal, oldVal) {\n\t\t\tif (newVal !== oldVal) {\n\t\t\t\tthis.filteredItems = this.filteredLeagues;\n\t\t\t\tthis.$emit(\"filter-league-items\", this.filteredLeagues);\n\t\t\t}\n\t\t},\n\t\tsearchTerm: function (newVal, oldVal) {\n\t\t\tif (newVal !== oldVal) {\n\t\t\t\tthis.filteredItems = this.filteredLeagues;\n\t\t\t\tthis.$emit(\"filter-league-items\", this.filteredLeagues);\n\t\t\t}\n\t\t},\n\t},\n\tcomputed: {\n\t\tfilteredLeagues() {\n\t\t\tif (this.searchTerm !== \"\") {\n\t\t\t\treturn this.leagueItems.filter(\n\t\t\t\t\t(item) =>\n\t\t\t\t\t\titem.Sport.toLowerCase().includes(this.searchTerm.toLowerCase()) ||\n\t\t\t\t\t\titem.Region.toLowerCase().includes(this.searchTerm.toLowerCase()) ||\n\t\t\t\t\t\titem.league_desc\n\t\t\t\t\t\t\t.toLowerCase()\n\t\t\t\t\t\t\t.includes(this.searchTerm.toLowerCase())\n\t\t\t\t);\n\t\t\t}\n\t\t\tif (this.selectedSport === \"\" && this.selectedRegion === \"\") {\n\t\t\t\treturn this.leagueItems;\n\t\t\t}\n\t\t\tlet filteredItems = this.leagueItems;\n\t\t\tif (this.selectedSport && this.selectedRegion === \"\") {\n\t\t\t\tfilteredItems = filteredItems.filter(\n\t\t\t\t\t(item) => item.Sport === this.selectedSport\n\t\t\t\t);\n\t\t\t}\n\t\t\tif (this.selectedRegion && this.selectedSport === \"\") {\n\t\t\t\tfilteredItems = filteredItems.filter(\n\t\t\t\t\t(item) => item.Region === this.selectedRegion\n\t\t\t\t);\n\t\t\t}\n\t\t\tif (this.selectedRegion && this.selectedSport) {\n\t\t\t\tfilteredItems = filteredItems.filter(\n\t\t\t\t\t(item) =>\n\t\t\t\t\t\titem.Region === this.selectedRegion &&\n\t\t\t\t\t\titem.Sport === this.selectedSport\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn filteredItems;\n\t\t},\n\t\t// uniqueRegions() {\n\t\t//   const regions = new Set();\n\t\t//   this.leagueItems.forEach(item => {\n\t\t//     regions.add(item.Region);\n\t\t//   });\n\t\t//   return Array.from(regions);\n\t\t// },\n\n\t\t// This replaces all occurrences of underscores with spaces.\n\t\tuniqueRegions() {\n\t\t\tconst regions = new Set();\n\t\t\tthis.leagueItems.forEach((item) => {\n\t\t\t\t// Replace underscores with spaces\n\t\t\t\tconst cleanedRegion = item.Region.replace(/_/g, \" \");\n\n\t\t\t\tregions.add(cleanedRegion);\n\t\t\t\t// console.log(cleanedRegion);\n\t\t\t});\n\t\t\treturn Array.from(regions);\n\t\t},\n\n\t\tuniqueSports() {\n\t\t\tconst sports = new Set();\n\t\t\tthis.leagueItems.forEach((item) => {\n\t\t\t\tconst cleanedsports = item.Sport.replace(/_/g, \" \");\n\n\t\t\t\tsports.add(cleanedsports);\n\t\t\t});\n\t\t\treturn Array.from(sports);\n\t\t},\n\t\tisMobile() {\n\t\t\treturn window.innerWidth <= 768; // Adjust the breakpoint as needed\n\t\t},\n\t},\n\tasync created() {\n\t\tconst leagues = await fetchLeagues();\n\t\tthis.leagueItems = leagues.map(\n\t\t\t({ image, region, sport, title, description }) => ({\n\t\t\t\ttitle,\n\t\t\t\timage,\n\t\t\t\tRegion: region.replace(/_/g, \" \"),\n\t\t\t\tSport: sport.replace(/_/g, \" \"),\n\t\t\t\tleague_desc: description,\n\t\t\t})\n\t\t);\n\n\t\tthis.$emit(\"league-items\", this.leagueItems);\n\t\tthis.$emit(\"unique-regions\", this.uniqueRegions);\n\t\tthis.$emit(\"unique-sports\", this.uniqueSports);\n\t\tthis.$emit(\"filter-league-items\", this.filteredLeagues);\n\t},\n};\n</script>\n\n<style scoped>\n.container {\n\tbackground-color: #040505;\n\tdisplay: flex;\n\tposition: relative;\n}\n\n.image-container {\n\theight: 150px;\n\tbackground-size: contain;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n}\n.leagues-board {\n\tcolor: #bbbbbb;\n\ttext-align: left;\n\tfont-size: 1.3rem;\n}\n\ntr:nth-child(odd) {\n\tbackground-color: #1d1d1d !important;\n\topacity: 1;\n}\n\ntr:nth-child(even) {\n\tbackground-color: #232323 !important;\n\topacity: 1;\n}\n\n.table-header {\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n\tbackground-position: center;\n\theight: 150px;\n\t/* Adjust the height as needed */\n}\n\n.header-cell-wrapper {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.show-more-button {\n\tcolor: #ebba0a;\n}\n\n@media (max-width: 768px) {\n\t.image-wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center !important;\n\t\tjustify-content: center !important;\n\t\tpadding-left: 25%;\n\t\tpadding-right: -50%;\n\t}\n}\n</style>\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!./Board.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!./Board.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Board.vue?vue&type=template&id=573dc98e&scoped=true&\"\nimport script from \"./Board.vue?vue&type=script&lang=js&\"\nexport * from \"./Board.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Board.vue?vue&type=style&index=0&id=573dc98e&prod&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  \"573dc98e\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div>\n    <div>\n      <h2 class=\"leagues-title\">ENDLESS POSSIBILITIES WITH NLSE</h2>\n      <LeagueList />\n    </div>\n    <div class=\"container\">\n      <div class=\"filter-box\">\n        <div class=\"filter-section\">\n          <div class=\"input-icon\">\n            <input type=\"text\" v-model=\"searchTerm\" placeholder=\"Search for a sport or region\" class=\"styled-input\" />\n          </div>\n        </div>\n        <div class=\"filter-section filter-options\">\n          <b-form-select class=\"custom-select\" v-model=\"selectedSport\"\n            :options=\"[{ text: 'Filter by Sports', value: '' }, ...sportsOptions]\" placeholder=\"Filter by Sport\"\n            @change=\"clearSearchTerm\">\n          </b-form-select>\n          <b-form-select class=\"custom-select\" v-model=\"selectedRegion\"\n            :options=\"[{ text: 'Filter by Regions', value: '' }, ...regionsOptions]\" placeholder=\"Filter by Region\"\n            @change=\"clearSearchTerm\"></b-form-select>\n        </div>\n      </div>\n      <Board @unique-sports=\"updateUniqueSports\" @unique-regions=\"updateUniqueRegions\" :selectedSport=\"selectedSport\"\n        :selectedRegion=\"selectedRegion\" :searchTerm=\"searchTerm\" />\n\n    </div>\n  </div>\n</template>\n\n<script>\nimport LeagueList from \"../Components/NLSE/LeagueList\";\nimport Board from \"../../../views/FrontendPages/LeaguesPage/Board.vue\";\n\nexport default {\n  name: 'LeaguesPage',\n  components: {\n    LeagueList,\n    Board,\n  },\n  data() {\n    return {\n      items: [],\n      uniqueSports: [],\n      uniqueRegions: [],\n      selectedSport: \"\",\n      selectedRegion: \"\",\n      searchTerm: \"\"\n    };\n  },\n  computed: {\n    sportsOptions() {\n      return this.uniqueSports.map(sport => ({ text: sport, value: sport }));\n    },\n    regionsOptions() {\n      return this.uniqueRegions.map(region => ({ text: region, value: region }));\n    },\n  },\n  methods: {\n    updateUniqueSports(sports) {\n      this.uniqueSports = sports.slice();\n    },\n    updateUniqueRegions(regions) {\n      this.uniqueRegions = regions.slice();\n    },\n    updateFilteredItems(items) {\n      this.items = items.slice();\n    },\n    clearSearchTerm() {\n      this.searchTerm = \"\";\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nh2.leagues-title {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 2.5rem;\n  font-family: \"Inter\", sans-serif;\n  font-weight: bold;\n  color: #EBBA0A;\n  padding-top: 10vh;\n  padding-bottom: 2rem;\n}\n\n.filter-box {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n  color: #BBBBBB;\n  opacity: 1;\n}\n\n.filter-section {\n  flex: 1;\n  margin: 0.5rem;\n  max-width: calc(100% / 2);\n}\n\n.custom-select {\n  border: 2px solid #EBBA0A;\n  background: #040505 0% 0% no-repeat padding-box;\n  border-radius: 1.4rem;\n  background-color: #040505;\n  color: #BBBBBB;\n  font-size: 1.3rem;\n  width: 49%;\n  margin-left: 0.2rem;\n  opacity: 1;\n  //b-form-select needs a custom caret icon\n  background-image: url(\"./../../../assets/svgs/caret-leagues.svg\");\n  background-repeat: no-repeat;\n  background-size: 16px 10px;\n  background-position: right 10px center;\n}\n.styled-input {\n  border: 2px solid #EBBA0A;\n  background: #040505 0% 0% no-repeat padding-box;\n  border-radius: 1.5rem;\n  background-color: #040505;\n  color: #BBBBBB;\n  font-size: 1.3rem;\n  width: 100%;\n  box-sizing: border-box;\n  padding-left: 2.5rem;\n  opacity: 1;\n}\n\n.styled-input:focus {\n  border-color: #EBBA0A;\n}\n\n.container {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: auto;\n  font-family: 'Inter', sans-serif;\n}\n\n.input-icon {\n  position: relative;\n}\n\n.input-icon::before {\n  content: \"\";\n  background-image: url(\"../../../assets/images/icons/search-icon/searchicon@2x.png\");\n  background-size: 1.1rem 1.1rem;\n  background-repeat: no-repeat;\n  background-position: left;\n  width: 2rem;\n  height: 95%;\n  position: absolute;\n  top: 0;\n  left: 1rem;\n  align-items: center;\n  padding-left: 1rem;\n  pointer-events: none;\n\n}\n\n/* Responsive styles for smaller screens */\n@media (max-width: 992px) {\n  h2.leagues-title {\n    padding-top: 10vh;\n    font-size: 4.5vw;\n  }\n\n  .filter-box {\n    flex-direction: column;\n    align-items: stretch;\n    padding-top: 2vh;\n    padding-bottom: 2vh;\n  }\n\n  .filter-section {\n    max-width: 100%;\n  }\n  //filter-options is specifically for the second row, provides spacing between inputs\n  .filter-options{\n    display: flex;\n    gap: 4px;\n    .custom-select{\n      font-size: 1.08rem;\n      width: 100%;\n    }\n  }\n}  \n</style>\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!./Leaguespage.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!./Leaguespage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Leaguespage.vue?vue&type=template&id=0ffe72fe&scoped=true&\"\nimport script from \"./Leaguespage.vue?vue&type=script&lang=js&\"\nexport * from \"./Leaguespage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Leaguespage.vue?vue&type=style&index=0&id=0ffe72fe&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  \"0ffe72fe\",\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!./Leaguespage.vue?vue&type=style&index=0&id=0ffe72fe&prod&lang=scss&scoped=true&\"","var q=[\"0\",\"1\",\"2\",\"3\",\"4\",\"5\",\"6\",\"7\",\"8\",\"9\",\"A\",\"B\",\"C\",\"D\",\"E\",\"F\",\"G\",\"H\",\"I\",\"J\",\"K\",\"L\",\"M\",\"N\",\"O\",\"P\",\"Q\",\"R\",\"S\",\"T\",\"U\",\"V\",\"W\",\"X\",\"Y\",\"Z\",\"a\",\"b\",\"c\",\"d\",\"e\",\"f\",\"g\",\"h\",\"i\",\"j\",\"k\",\"l\",\"m\",\"n\",\"o\",\"p\",\"q\",\"r\",\"s\",\"t\",\"u\",\"v\",\"w\",\"x\",\"y\",\"z\",\"#\",\"$\",\"%\",\"*\",\"+\",\",\",\"-\",\".\",\":\",\";\",\"=\",\"?\",\"@\",\"[\",\"]\",\"^\",\"_\",\"{\",\"|\",\"}\",\"~\"],x=t=>{let e=0;for(let r=0;r<t.length;r++){let n=t[r],l=q.indexOf(n);e=e*83+l}return e},p=(t,e)=>{var r=\"\";for(let n=1;n<=e;n++){let l=Math.floor(t)/Math.pow(83,e-n)%83;r+=q[Math.floor(l)]}return r};var f=t=>{let e=t/255;return e<=.04045?e/12.92:Math.pow((e+.055)/1.055,2.4)},h=t=>{let e=Math.max(0,Math.min(1,t));return e<=.0031308?Math.trunc(e*12.92*255+.5):Math.trunc((1.055*Math.pow(e,.4166666666666667)-.055)*255+.5)},F=t=>t<0?-1:1,M=(t,e)=>F(t)*Math.pow(Math.abs(t),e);var d=class extends Error{constructor(e){super(e),this.name=\"ValidationError\",this.message=e}};var C=t=>{if(!t||t.length<6)throw new d(\"The blurhash string must be at least 6 characters\");let e=x(t[0]),r=Math.floor(e/9)+1,n=e%9+1;if(t.length!==4+2*n*r)throw new d(`blurhash length mismatch: length is ${t.length} but it should be ${4+2*n*r}`)},N=t=>{try{C(t)}catch(e){return{result:!1,errorReason:e.message}}return{result:!0}},z=t=>{let e=t>>16,r=t>>8&255,n=t&255;return[f(e),f(r),f(n)]},L=(t,e)=>{let r=Math.floor(t/361),n=Math.floor(t/19)%19,l=t%19;return[M((r-9)/9,2)*e,M((n-9)/9,2)*e,M((l-9)/9,2)*e]},U=(t,e,r,n)=>{C(t),n=n|1;let l=x(t[0]),m=Math.floor(l/9)+1,b=l%9+1,i=(x(t[1])+1)/166,u=new Array(b*m);for(let o=0;o<u.length;o++)if(o===0){let a=x(t.substring(2,6));u[o]=z(a)}else{let a=x(t.substring(4+o*2,6+o*2));u[o]=L(a,i*n)}let c=e*4,s=new Uint8ClampedArray(c*r);for(let o=0;o<r;o++)for(let a=0;a<e;a++){let y=0,B=0,R=0;for(let w=0;w<m;w++)for(let P=0;P<b;P++){let G=Math.cos(Math.PI*a*P/e)*Math.cos(Math.PI*o*w/r),T=u[P+w*b];y+=T[0]*G,B+=T[1]*G,R+=T[2]*G}let V=h(y),I=h(B),E=h(R);s[4*a+0+o*c]=V,s[4*a+1+o*c]=I,s[4*a+2+o*c]=E,s[4*a+3+o*c]=255}return s},j=U;var A=4,D=(t,e,r,n)=>{let l=0,m=0,b=0,g=e*A;for(let u=0;u<e;u++){let c=A*u;for(let s=0;s<r;s++){let o=c+s*g,a=n(u,s);l+=a*f(t[o]),m+=a*f(t[o+1]),b+=a*f(t[o+2])}}let i=1/(e*r);return[l*i,m*i,b*i]},$=t=>{let e=h(t[0]),r=h(t[1]),n=h(t[2]);return(e<<16)+(r<<8)+n},H=(t,e)=>{let r=Math.floor(Math.max(0,Math.min(18,Math.floor(M(t[0]/e,.5)*9+9.5)))),n=Math.floor(Math.max(0,Math.min(18,Math.floor(M(t[1]/e,.5)*9+9.5)))),l=Math.floor(Math.max(0,Math.min(18,Math.floor(M(t[2]/e,.5)*9+9.5))));return r*19*19+n*19+l},O=(t,e,r,n,l)=>{if(n<1||n>9||l<1||l>9)throw new d(\"BlurHash must have between 1 and 9 components\");if(e*r*4!==t.length)throw new d(\"Width and height must match the pixels array\");let m=[];for(let s=0;s<l;s++)for(let o=0;o<n;o++){let a=o==0&&s==0?1:2,y=D(t,e,r,(B,R)=>a*Math.cos(Math.PI*o*B/e)*Math.cos(Math.PI*s*R/r));m.push(y)}let b=m[0],g=m.slice(1),i=\"\",u=n-1+(l-1)*9;i+=p(u,1);let c;if(g.length>0){let s=Math.max(...g.map(a=>Math.max(...a))),o=Math.floor(Math.max(0,Math.min(82,Math.floor(s*166-.5))));c=(o+1)/166,i+=p(o,1)}else c=1,i+=p(0,1);return i+=p($(b),4),g.forEach(s=>{i+=p(H(s,c),2)}),i},S=O;export{d as ValidationError,j as decode,S as encode,N as isBlurhashValid};\n//# sourceMappingURL=index.js.map","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"s-margin\",attrs:{\"id\":\"iq-channels\"}},[_c('b-container',[_c('b-row',[_c('b-col',{staticClass:\"overflow-hidden\",attrs:{\"sm\":\"12\"}},[(_vm.leagueList.length > 0)?_c('div',[_c('Slick',{ref:\"dSlick\",staticClass:\"favorites-slider list-inline row p-0 mb-0\",attrs:{\"option\":_vm.sliderOption}},_vm._l((_vm.leagueList),function(item){return _c('li',{key:item.id,staticClass:\"slide-item\"},[_c('div',{staticClass:\"position-relative\"},[_c('div',{staticClass:\"img-box\"},[_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.imageLoaded),expression:\"imageLoaded\"}],staticClass:\"img-fluid img-border\",attrs:{\"src\":item.image,\"alt\":item.title},on:{\"load\":function($event){_vm.imageLoaded = true}}}),(!_vm.imageLoaded)?_c('img',{staticClass:\"img-fluid img-border\",attrs:{\"src\":_vm.decodeBlurHashToImage(item.blurHash),\"alt\":item.title}}):_vm._e()])])])}),0),_c('svg',{staticStyle:{\"display\":\"none\"},attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('symbol',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 44 44\",\"width\":\"44px\",\"height\":\"44px\",\"id\":\"circle\",\"fill\":\"none\",\"stroke\":\"currentColor\"}},[_c('circle',{attrs:{\"r\":\"20\",\"cy\":\"22\",\"cx\":\"22\",\"id\":\"test\"}})])])],1):_vm._e()])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<section id=\"iq-channels\" class=\"s-margin\">\n\t\t<b-container>\n\t\t\t<b-row>\n\t\t\t\t<b-col sm=\"12\" class=\"overflow-hidden\">\n\t\t\t\t\t<div v-if=\"leagueList.length > 0\">\n\t\t\t\t\t\t<Slick\n\t\t\t\t\t\t\tclass=\"favorites-slider list-inline row p-0 mb-0\"\n\t\t\t\t\t\t\tref=\"dSlick\"\n\t\t\t\t\t\t\t:option=\"sliderOption\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<li class=\"slide-item\" v-for=\"item in leagueList\" :key=\"item.id\">\n\t\t\t\t\t\t\t\t<!-- <LeagueCard\n\t\t\t\t\t\t\t\t\t:imageUrl=\"item.image\"\n\t\t\t\t\t\t\t\t\t:blurHash=\"item.blurHash\"\n\t\t\t\t\t\t\t\t\t:altText=\"item.title\"\n\t\t\t\t\t\t\t\t/> -->\n\t\t\t\t\t\t\t\t<div class=\"position-relative\">\n\t\t\t\t\t\t\t\t\t<div class=\"img-box\">\n\t\t\t\t\t\t\t\t\t\t<!-- @click=\"showModal(index)\" -->\n\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t:src=\"item.image\"\n\t\t\t\t\t\t\t\t\t\t\t@load=\"imageLoaded = true\"\n\t\t\t\t\t\t\t\t\t\t\tv-show=\"imageLoaded\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"img-fluid img-border\"\n\t\t\t\t\t\t\t\t\t\t\t:alt=\"item.title\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<!-- BlurHash canvas displayed initially -->\n\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\tv-if=\"!imageLoaded\"\n\t\t\t\t\t\t\t\t\t\t\t:src=\"decodeBlurHashToImage(item.blurHash)\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"img-fluid img-border\"\n\t\t\t\t\t\t\t\t\t\t\t:alt=\"item.title\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t</Slick>\n\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"display: none\">\n\t\t\t\t\t\t\t<symbol\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 44 44\"\n\t\t\t\t\t\t\t\twidth=\"44px\"\n\t\t\t\t\t\t\t\theight=\"44px\"\n\t\t\t\t\t\t\t\tid=\"circle\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<circle r=\"20\" cy=\"22\" cx=\"22\" id=\"test\"></circle>\n\t\t\t\t\t\t\t</symbol>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\t\t\t\t\t<!-- <div style=\"text-align: right\">\n                        <router-link :to=\"{ name: 'landing-page.channels' }\">\n                            <h5 style=\"color: #ffd700\">VIEW ALL CHANNELS >>></h5>\n                        </router-link>\n                    </div> -->\n\t\t\t\t</b-col>\n\t\t\t</b-row>\n\t\t</b-container>\n\t</section>\n</template>\n<script>\nimport { fetchSliderItems } from \"@/services/slider.js\";\n// import LeagueCard from \"./LeagueCard.vue\";\nimport { decode } from \"blurhash\";\nimport { isBlurhashValid } from \"blurhash\";\n\nexport default {\n\tname: \"LeagueList\",\n\tcomponents: {\n\t\t// LeagueCard,\n\t},\n\tprops: {\n\t\tleagueItems: Array,\n\t},\n\tmounted() {},\n\tbeforeUpdate() {\n\t\tif (this.$refs.dSlick) {\n\t\t\tthis.$refs.dSlick.destroy();\n\t\t}\n\t},\n\tupdated() {\n\t\tthis.$nextTick(function () {\n\t\t\tif (this.$refs.dSlick) {\n\t\t\t\tthis.$refs.dSlick.create(this.sliderOption);\n\t\t\t}\n\t\t});\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tcategoryType: \"HighlightedContent\",\n\t\t\tleagueList: [],\n\t\t\timageLoaded: false,\n\t\t\trecommendations: [\n\t\t\t\t{\n\t\t\t\t\timage: require(\"@/assets/images/frontend/league/CEBL_2.png\"),\n\t\t\t\t\ttitle: \"Title 1\",\n\t\t\t\t\tlink: \"/\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: require(\"@/assets/images/frontend/league/CEBL_2.png\"),\n\t\t\t\t\ttitle: \"Title 2\",\n\t\t\t\t\tlink: \"/\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: require(\"@/assets/images/frontend/league/CEBL_2.png\"),\n\t\t\t\t\ttitle: \"Title 3\",\n\t\t\t\t\tlink: \"/\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: require(\"@/assets/images/frontend/league/CEBL_2.png\"),\n\t\t\t\t\ttitle: \"Title 4\",\n\t\t\t\t\tlink: \"/\",\n\t\t\t\t},\n\t\t\t],\n\t\t\tsliderOption: {\n\t\t\t\tdots: false,\n\t\t\t\tarrows: true,\n\t\t\t\tinfinite: true,\n\t\t\t\tspeed: 1800,\n\t\t\t\tautoplay: true,\n\t\t\t\tslidesToShow: 3,\n\t\t\t\tslidesToScroll: 1,\n\t\t\t\tprevArrow:\n\t\t\t\t\t'<div class=\"slick-prev slick-arrow\"><i class=\"fa fa-chevron-left\"></i></div>',\n\t\t\t\tnextArrow:\n\t\t\t\t\t'<div class=\"slick-next slick-arrow\"><i class=\"fa fa-chevron-right\"></i></div>',\n\t\t\t\tresponsive: [\n\t\t\t\t\t{\n\t\t\t\t\t\tbreakpoint: 1200,\n\t\t\t\t\t\tsettings: {\n\t\t\t\t\t\t\tslidesToShow: 3,\n\t\t\t\t\t\t\tslidesToScroll: 1,\n\t\t\t\t\t\t\tinfinite: true,\n\t\t\t\t\t\t\tdots: true,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tbreakpoint: 768,\n\t\t\t\t\t\tsettings: {\n\t\t\t\t\t\t\tslidesToShow: 2,\n\t\t\t\t\t\t\tslidesToScroll: 1,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tbreakpoint: 480,\n\t\t\t\t\t\tsettings: {\n\t\t\t\t\t\t\tslidesToShow: 2,\n\t\t\t\t\t\t\tslidesToScroll: 1,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t};\n\t},\n\tmethods: {\n\t\tcreateGradientCanvas() {\n\t\t\tconst width = 32; // Adjust as needed\n\t\t\tconst height = 45; // Adjust as needed\n\t\t\tconst canvas = document.createElement(\"canvas\");\n\t\t\tconst ctx = canvas.getContext(\"2d\");\n\t\t\tcanvas.width = width;\n\t\t\tcanvas.height = height;\n\n\t\t\t// Create gradient\n\t\t\tconst gradient = ctx.createLinearGradient(0, 0, width, height);\n\t\t\tgradient.addColorStop(0, \"white\");\n\t\t\tgradient.addColorStop(1, \"black\");\n\n\t\t\t// Fill with gradient\n\t\t\tctx.fillStyle = gradient;\n\t\t\tctx.fillRect(0, 0, width, height);\n\n\t\t\treturn canvas.toDataURL();\n\t\t},\n\t\tdecodeBlurHashToImage(blurHashString) {\n\t\t\tconst validation = isBlurhashValid(blurHashString);\n\n\t\t\tif (!validation.result) {\n\t\t\t\tconsole.error(\n\t\t\t\t\t\"Invalid BlurHash string:\",\n\t\t\t\t\tblurHashString,\n\t\t\t\t\t\"Error:\",\n\t\t\t\t\tvalidation.errorReason\n\t\t\t\t);\n\t\t\t\treturn this.createGradientCanvas();\n\t\t\t}\n\n\t\t\tconst width = 32;\n\t\t\tconst height = 45;\n\n\t\t\tconst pixels = decode(blurHashString, width, height);\n\t\t\tconst canvas = document.createElement(\"canvas\");\n\t\t\tconst ctx = canvas.getContext(\"2d\");\n\t\t\tcanvas.width = width;\n\t\t\tcanvas.height = height;\n\n\t\t\tconst imageData = ctx.createImageData(width, height);\n\t\t\timageData.data.set(pixels);\n\t\t\tctx.putImageData(imageData, 0, 0);\n\n\t\t\treturn canvas.toDataURL();\n\t\t},\n\t\tnext() {\n\t\t\tthis.$refs.dSlick.next();\n\t\t},\n\t\tprev() {\n\t\t\tthis.$refs.dSlick.prev();\n\t\t},\n\t\t// when you click on an image in the slider, a modal will appear with the title, category, content, and a \"Watch Now\" button.\n\t\tshowModal(index) {\n\t\t\tthis.$bvModal.show(\"modal-\" + index);\n\t\t},\n\t\thideModal(index) {\n\t\t\tthis.$bvModal.hide(\"modal-\" + index);\n\t\t},\n\t},\n\tasync mounted() {\n\t\ttry {\n\t\t\t// Fetch all slider items of a particular category, if specified\n\n\t\t\tconst sliderItems = await fetchSliderItems(this.categoryType);\n\t\t\tthis.leagueList = sliderItems;\n\t\t\tif (this.leagueList.length > 0) {\n\t\t\t\tthis.$emit(\"isLoading\", false);\n\t\t\t} else {\n\t\t\t\tthis.$emit(\"isLoading\", true);\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconsole.error(\n\t\t\t\t\"An error occurred while initializing slider items:\",\n\t\t\t\terror\n\t\t\t);\n\t\t}\n\t},\n};\n</script>\n<style>\n@import url(\"https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap\");\n.img-box {\n    max-width: 355px;\n\twidth: 355px;\n    height: auto;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\tbackground-color: black;\n\tborder-radius: 30px;\n\tbox-shadow: 0 4px 16px rgb(0 0 0 / 80%);\n\t/* cursor: pointer; */\n\tmargin: 0 auto;\n    overflow: hidden;\n\tborder: 1px solid white;\n}\n.img-box img {\n    max-height: 100%;\n    aspect-ratio: 3/4;\n    max-width: 100%;\n    object-fit: cover;\n}\n\n/* adding 4 different media queries here to adjust for sides of image being cut off from screen view at different breakpoints */\n@media only screen and (max-width: 1200px) {\n\t.img-box {\n\t\tmax-width: 255px;\n\t}\n}\n\n@media only screen and (max-width: 1064px) {\n\t.img-box {\n\t\tmax-width: 200px;\n\t}\n}\n\n@media only screen and (max-width: 768px) {\n\t.img-box {\n\t\tmax-width: 180px;\n\t}\n}\n\n@media only screen and (max-width: 375px) {\n\t.img-box {\n\t\tmax-width: 120px;\n\t}\n}\n\n.img-border {\n\tborder-radius: 30px;\n}\n\n.favorites-slider {\n\ttext-align: center !important;\n}\n\n/* Modal  */\n\n.modal-description {\n\ttext-align: left;\n\tfont: normal normal normal 18px/32px sans-serif;\n\t/* font-family: \"PT Sans Narrow\", sans-serif; */\n\tletter-spacing: 0px;\n\tcolor: #ffffff;\n\topacity: 1;\n}\n/* Watch Now Button */\n.btn-watchnow {\n\tborder-radius: 5px !important;\n\topacity: 1;\n\tcolor: #000 !important;\n\tbackground: var(--iq-primary);\n\t/* background: #ebba0a 0% 0% no-repeat padding-box; */\n\tborder-radius: 5px;\n\theight: fit-content;\n\tpadding: 3px 12px;\n\tmin-width: fit-content;\n}\n\n/* LINK inside the Button */\n.btn-watchnow > .custom-link {\n\ttext-align: left;\n\t/* font: normal normal medium 20px/60px sans-serif; */\n\tletter-spacing: 0px;\n\tcolor: #040505 !important;\n\topacity: 1;\n\tfont-family: sans-serif;\n\tfont-size: 18px/20px;\n\tfont-weight: 700;\n}\n/* Match CSS */\n.match-name {\n\ttext-align: left;\n\tletter-spacing: 0px;\n\tcolor: var(--iq-primary);\n\topacity: 1;\n\tfont-family: sans-serif;\n\tfont-size: 16px;\n\tmargin-left: 10px;\n}\n\n.match-details,\n.match-time {\n\ttext-align: left;\n\tfont-family: sans-serif;\n\tfont-size: 14px;\n\tletter-spacing: 0px;\n\tcolor: #ffffff;\n\topacity: 1;\n\tmargin-left: 10px;\n}\n.recommendation {\n\ttext-align: left;\n\tfont-family: sans-serif;\n\tfont-size: 14px;\n\tletter-spacing: 0px;\n\tcolor: #ffffff;\n\topacity: 1;\n\tmargin-bottom: 10px;\n}\n\n.slick-prev,\n.slick-next {\n\ttop: 50% !important;\n}\n</style>\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!./LeagueList.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!./LeagueList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LeagueList.vue?vue&type=template&id=55b6d7ff&\"\nimport script from \"./LeagueList.vue?vue&type=script&lang=js&\"\nexport * from \"./LeagueList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LeagueList.vue?vue&type=style&index=0&id=55b6d7ff&prod&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","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LeagueList.vue?vue&type=style&index=0&id=55b6d7ff&prod&lang=css&\""],"sourceRoot":""}