@golstats/gsc-top-player 1.0.11 → 1.0.13

package/src/components/comparative/computedProperties.js

@@ -1,327 +1,327 @@
-export default {
-  computed: {
-    sizeTabsFontMP() {
-      const width = this.elementSize.width
-      if (width <= 380) {
-        return '12px'
-      } else if (width <= 768) {
-        return '14px'
-      } else {
-        return '16px'
-      }
-    },
-    sizeTabsFontMS() {
-      const width = this.elementSize.width
-      if (width <= 600) {
-        return '12px'
-      } else if (width <= 768) {
-        return '13px'
-      } else {
-        return '14px'
-      }
-    },
-    sizeTabsMS() {
-      const width = this.elementSize.width
-      if (width <= 480) {
-        return '145px'
-      } else if (width <= 600) {
-        return '153px'
-      } else if (width <= 620) {
-        return '163px'
-      } else if (width <= 640) {
-        return '170px'
-      } else if (width <= 660) {
-        return '175px'
-      } else if (width <= 680) {
-        return '180px'
-      } else if (width <= 700) {
-        return '185px'
-      } else if (width <= 720) {
-        return '195px'
-      } else {
-        return '200px'
-      }
-    },
-    sizeTabsMP() {
-      const width = this.elementSize.width
-      if (width <= 319) {
-        return '68px'
-      } else if (width <= 330) {
-        return '73px'
-      } else if (width <= 340) {
-        return '78px'
-      } else if (width <= 350) {
-        return '82px'
-      } else if (width <= 360) {
-        return '90px'
-      } else if (width <= 370) {
-        return '90px'
-      } else if (width <= 390) {
-        return '95px'
-      } else if (width <= 410) {
-        return '105px'
-      } else if (width <= 430) {
-        return '110px'
-      } else if (width <= 450) {
-        return '117px'
-      } else if (width <= 470) {
-        return '122px'
-      } else if (width <= 500) {
-        return '130px'
-      } else if (width <= 530) {
-        return '138px'
-      } else if (width <= 560) {
-        return '155px'
-      } else if (width <= 590) {
-        return '163px'
-      } else if (width <= 620) {
-        return '175px'
-      } else if (width <= 650) {
-        return '180px'
-      } else if (width <= 680) {
-        return '195px'
-      } else if (width <= 730) {
-        return '210px'
-      } else if (width <= 768) {
-        return '100px'
-      } else {
-        return '110px'
-      }
-    },
-    comextleyemdmultipleleaguesClass() {
-      const width = this.elementSize.width
-      if (width <= 380) {
-        return this.$style.comtextleyemdmultipleleagues380
-      } else {
-        return this.$style.comtextleyemdmultipleleagues
-      }
-    },
-    comdropdownParentClass() {
-      const width = this.elementSize.width
-      if (width <= 730) {
-        return this.$style.comdropdownParent730
-      } else {
-        return this.$style.comdropdownParent
-      }
-    },
-    comdescubreVideosClass() {
-      const width = this.elementSize.width
-      if (width <= 960) {
-        return this.$style.comdescubreVideos960
-      } else if (width <= 1232) {
-        return this.$style.comdescubreVideos1232
-      } else {
-        return this.$style.comdescubreVideos
-      }
-    },
-    comquitarFiltrosClass() {
-      const width = this.elementSize.width
-      if (width <= 380) {
-        return this.$style.comquitarFiltros380
-      } else if (width <= 480) {
-        return this.$style.comquitarFiltros480
-      } else if (width <= 730) {
-        return this.$style.comquitarFiltros730
-      } else {
-        return this.$style.comquitarFiltros
-      }
-    },
-    commejoresJugadoresClass() {
-      const width = this.elementSize.width
-      if (width <= 480) {
-        return this.$style.commejoresJugadores480
-      } else if (width <= 730) {
-        return this.$style.commejoresJugadores730
-      } else {
-        return this.$style.commejoresJugadores
-      }
-    },
-    menuSectionClass() {
-      const width = this.elementSize.width
-      if (width <= 960) {
-        return this.$style.commenuSection960
-      } else {
-        return this.$style.commenuSection
-      }
-    },
-    topFiltersClass() {
-      const width = this.elementSize.width
-      if (width <= 420) {
-        return this.$style.comtopFilters420
-      } else if (width <= 460) {
-        return this.$style.comtopFilters460
-      } else if (width <= 1232) {
-        return this.$style.comtopFilters1232
-      } else {
-        return this.$style.comtopFilters
-      }
-    },
-    toniKroosWrapperClass() {
-      const width = this.elementSize.width
-      if (width <= 319) {
-        return this.$style.comtoniKroosWrapper320
-      } else if (width <= 420) {
-        return this.$style.comtoniKroosWrapper420
-      } else if (width <= 916) {
-        return this.$style.comtoniKroosWrapper760
-      } else if (width <= 975) {
-        return this.$style.comtoniKroosWrapper975
-      } else if (width <= 1079) {
-        return this.$style.comtoniKroosWrapper1080
-      } else {
-        return this.$style.comtoniKroosWrapper
-      }
-    },
-    containerTablesClass() {
-      const width = this.elementSize.width
-      if (width <= 319) {
-        return this.$style.comcontainerTables320
-      } else if (width <= 916) {
-        return this.$style.comcontainerTables760
-      } else if (width <= 1079) {
-        return this.$style.comcontainerTables960
-      } else {
-        return this.$style.comcontainerTables
-      }
-    },
-    containerTheBestClass() {
-      const width = this.elementSize.width
-      if (width <= 319) {
-        return this.$style.comcontainerTheBest320
-      } else if (width <= 960) {
-        return this.$style.comcontainerTheBest960
-      } else if (width <= 1232) {
-        return this.$style.comcontainerTheBest1232
-      } else {
-        return this.$style.comcontainerTheBest
-      }
-    },
-    menuSectionHeaderClass() {
-      const width = this.elementSize.width
-      if (width <= 730) {
-        return this.$style.commenuSectionHeader730
-      } else if (width <= 960) {
-        return this.$style.commenuSectionHeader960
-      } else if (width <= 1232) {
-        return this.$style.commenuSectionHeader1232
-      } else {
-        return this.$style.commenuSectionHeader
-      }
-    },
-    losMejoresClass() {
-      const width = this.elementSize.width
-      if (width <= 380) {
-        return this.$style.comlosMejores380
-      } else if (width <= 530) {
-        return this.$style.comlosMejores530
-      } else if (width <= 730) {
-        return this.$style.comlosMejores730
-      } else {
-        return this.$style.comlosMejores
-      }
-    },
-    dropdownClass() {
-      const width = this.elementSize.width
-      if (width <= 730) {
-        return this.$style.comdropdown730
-      } else {
-        return this.$style.comdropdown
-      }
-    },
-    dropdown1Class() {
-      const width = this.elementSize.width
-      if (width <= 730) {
-        return this.$style.comdropdown1730
-      } else {
-        return this.$style.comdropdown1
-      }
-    },
-
-    menuSectionParentHeaderClass() {
-      const width = this.elementSize.width
-      if (width <= 430) {
-        return this.$style.commenuSectionParentHeader430
-      } else if (width <= 730) {
-        return this.$style.commenuSectionParentHeader730
-      } else if (width <= 960) {
-        return this.$style.commenuSectionParentHeader960
-      } else if (width <= 1232) {
-        return this.$style.commenuSectionParentHeader1232
-      } else {
-        return this.$style.commenuSectionParentHeader
-      }
-    },
-    templateLosMejoresClass() {
-      const width = this.elementSize.width
-      if (width <= 319) {
-        return this.$style.comtemplateLosMejores1320
-      } else if (width <= 350) {
-        return this.$style.comtemplateLosMejores1350
-      } else if (width <= 420) {
-        return this.$style.comtemplateLosMejores1420
-      } else if (width <= 540) {
-        return this.$style.comtemplateLosMejores1540
-      } else if (width <= 960) {
-        return this.$style.comtemplateLosMejores1960
-      } else if (width <= 1232) {
-        return this.$style.comtemplateLosMejores11232
-      } else {
-        return this.$style.comtemplateLosMejores1
-      }
-    },
-    containerMenuClass() {
-      const width = this.elementSize.width
-      if (width <= 760) {
-        return this.$style.comcontainerMenu760
-      } else {
-        return this.$style.comcontainerMenu
-      }
-    },
-    titleSectionClass() {
-      const width = this.elementSize.width
-      if (width <= 540) {
-        return this.$style.comtitleSection540
-      } else {
-        return this.$style.comtitleSection
-      }
-    },
-    containerSectionClass() {
-      const width = this.elementSize.width
-      if (width <= 319) {
-        return this.$style.comcontainerSection320
-      } else if (width <= 350) {
-        return this.$style.comcontainerSection350
-      } else if (width <= 960) {
-        return this.$style.comcontainerSection960
-      } else if (width <= 1232) {
-        return this.$style.comcontainerSection1232
-      } else {
-        return this.$style.comcontainerSection
-      }
-    },
-    filtersContainerClass() {
-      const width = this.elementSize.width
-      if (width <= 420) {
-        return this.$style.comfiltersContainer420
-      } else if (width <= 760) {
-        return this.$style.comfiltersContainer760
-      } else if (width <= 1232) {
-        return this.$style.comfiltersContainer1232
-      } else {
-        return this.$style.comfiltersContainer
-      }
-    },
-    topFiltersParentClass() {
-      const width = this.elementSize.width
-      if (width <= 420) {
-        return this.$style.comtopFiltersParent420
-      } else if (width <= 460) {
-        return this.$style.comtopFiltersParent460
-      } else if (width <= 1232) {
-        return this.$style.comtopFiltersParent1232
-      } else {
-        return this.$style.comtopFiltersParent
-      }
-    }
-  }
-}
+export default {
+  computed: {
+    sizeTabsFontMP() {
+      const width = this.elementSize.width
+      if (width <= 380) {
+        return '12px'
+      } else if (width <= 768) {
+        return '14px'
+      } else {
+        return '16px'
+      }
+    },
+    sizeTabsFontMS() {
+      const width = this.elementSize.width
+      if (width <= 600) {
+        return '12px'
+      } else if (width <= 768) {
+        return '13px'
+      } else {
+        return '14px'
+      }
+    },
+    sizeTabsMS() {
+      const width = this.elementSize.width
+      if (width <= 480) {
+        return '145px'
+      } else if (width <= 600) {
+        return '153px'
+      } else if (width <= 620) {
+        return '163px'
+      } else if (width <= 640) {
+        return '170px'
+      } else if (width <= 660) {
+        return '175px'
+      } else if (width <= 680) {
+        return '180px'
+      } else if (width <= 700) {
+        return '185px'
+      } else if (width <= 720) {
+        return '195px'
+      } else {
+        return '200px'
+      }
+    },
+    sizeTabsMP() {
+      const width = this.elementSize.width
+      if (width <= 319) {
+        return '68px'
+      } else if (width <= 330) {
+        return '73px'
+      } else if (width <= 340) {
+        return '78px'
+      } else if (width <= 350) {
+        return '82px'
+      } else if (width <= 360) {
+        return '90px'
+      } else if (width <= 370) {
+        return '90px'
+      } else if (width <= 390) {
+        return '95px'
+      } else if (width <= 410) {
+        return '105px'
+      } else if (width <= 430) {
+        return '110px'
+      } else if (width <= 450) {
+        return '117px'
+      } else if (width <= 470) {
+        return '122px'
+      } else if (width <= 500) {
+        return '130px'
+      } else if (width <= 530) {
+        return '138px'
+      } else if (width <= 560) {
+        return '155px'
+      } else if (width <= 590) {
+        return '163px'
+      } else if (width <= 620) {
+        return '175px'
+      } else if (width <= 650) {
+        return '180px'
+      } else if (width <= 680) {
+        return '195px'
+      } else if (width <= 730) {
+        return '210px'
+      } else if (width <= 768) {
+        return '100px'
+      } else {
+        return '110px'
+      }
+    },
+    comextleyemdmultipleleaguesClass() {
+      const width = this.elementSize.width
+      if (width <= 380) {
+        return this.$style.comtextleyemdmultipleleagues380
+      } else {
+        return this.$style.comtextleyemdmultipleleagues
+      }
+    },
+    comdropdownParentClass() {
+      const width = this.elementSize.width
+      if (width <= 730) {
+        return this.$style.comdropdownParent730
+      } else {
+        return this.$style.comdropdownParent
+      }
+    },
+    comdescubreVideosClass() {
+      const width = this.elementSize.width
+      if (width <= 960) {
+        return this.$style.comdescubreVideos960
+      } else if (width <= 1232) {
+        return this.$style.comdescubreVideos1232
+      } else {
+        return this.$style.comdescubreVideos
+      }
+    },
+    comquitarFiltrosClass() {
+      const width = this.elementSize.width
+      if (width <= 380) {
+        return this.$style.comquitarFiltros380
+      } else if (width <= 480) {
+        return this.$style.comquitarFiltros480
+      } else if (width <= 730) {
+        return this.$style.comquitarFiltros730
+      } else {
+        return this.$style.comquitarFiltros
+      }
+    },
+    commejoresJugadoresClass() {
+      const width = this.elementSize.width
+      if (width <= 480) {
+        return this.$style.commejoresJugadores480
+      } else if (width <= 730) {
+        return this.$style.commejoresJugadores730
+      } else {
+        return this.$style.commejoresJugadores
+      }
+    },
+    menuSectionClass() {
+      const width = this.elementSize.width
+      if (width <= 960) {
+        return this.$style.commenuSection960
+      } else {
+        return this.$style.commenuSection
+      }
+    },
+    topFiltersClass() {
+      const width = this.elementSize.width
+      if (width <= 420) {
+        return this.$style.comtopFilters420
+      } else if (width <= 460) {
+        return this.$style.comtopFilters460
+      } else if (width <= 1232) {
+        return this.$style.comtopFilters1232
+      } else {
+        return this.$style.comtopFilters
+      }
+    },
+    toniKroosWrapperClass() {
+      const width = this.elementSize.width
+      if (width <= 319) {
+        return this.$style.comtoniKroosWrapper320
+      } else if (width <= 420) {
+        return this.$style.comtoniKroosWrapper420
+      } else if (width <= 916) {
+        return this.$style.comtoniKroosWrapper760
+      } else if (width <= 975) {
+        return this.$style.comtoniKroosWrapper975
+      } else if (width <= 1079) {
+        return this.$style.comtoniKroosWrapper1080
+      } else {
+        return this.$style.comtoniKroosWrapper
+      }
+    },
+    containerTablesClass() {
+      const width = this.elementSize.width
+      if (width <= 319) {
+        return this.$style.comcontainerTables320
+      } else if (width <= 916) {
+        return this.$style.comcontainerTables760
+      } else if (width <= 1079) {
+        return this.$style.comcontainerTables960
+      } else {
+        return this.$style.comcontainerTables
+      }
+    },
+    containerTheBestClass() {
+      const width = this.elementSize.width
+      if (width <= 319) {
+        return this.$style.comcontainerTheBest320
+      } else if (width <= 960) {
+        return this.$style.comcontainerTheBest960
+      } else if (width <= 1232) {
+        return this.$style.comcontainerTheBest1232
+      } else {
+        return this.$style.comcontainerTheBest
+      }
+    },
+    menuSectionHeaderClass() {
+      const width = this.elementSize.width
+      if (width <= 730) {
+        return this.$style.commenuSectionHeader730
+      } else if (width <= 960) {
+        return this.$style.commenuSectionHeader960
+      } else if (width <= 1232) {
+        return this.$style.commenuSectionHeader1232
+      } else {
+        return this.$style.commenuSectionHeader
+      }
+    },
+    losMejoresClass() {
+      const width = this.elementSize.width
+      if (width <= 380) {
+        return this.$style.comlosMejores380
+      } else if (width <= 530) {
+        return this.$style.comlosMejores530
+      } else if (width <= 730) {
+        return this.$style.comlosMejores730
+      } else {
+        return this.$style.comlosMejores
+      }
+    },
+    dropdownClass() {
+      const width = this.elementSize.width
+      if (width <= 730) {
+        return this.$style.comdropdown730
+      } else {
+        return this.$style.comdropdown
+      }
+    },
+    dropdown1Class() {
+      const width = this.elementSize.width
+      if (width <= 730) {
+        return this.$style.comdropdown1730
+      } else {
+        return this.$style.comdropdown1
+      }
+    },
+
+    menuSectionParentHeaderClass() {
+      const width = this.elementSize.width
+      if (width <= 430) {
+        return this.$style.commenuSectionParentHeader430
+      } else if (width <= 730) {
+        return this.$style.commenuSectionParentHeader730
+      } else if (width <= 960) {
+        return this.$style.commenuSectionParentHeader960
+      } else if (width <= 1232) {
+        return this.$style.commenuSectionParentHeader1232
+      } else {
+        return this.$style.commenuSectionParentHeader
+      }
+    },
+    templateLosMejoresClass() {
+      const width = this.elementSize.width
+      if (width <= 319) {
+        return this.$style.comtemplateLosMejores1320
+      } else if (width <= 350) {
+        return this.$style.comtemplateLosMejores1350
+      } else if (width <= 420) {
+        return this.$style.comtemplateLosMejores1420
+      } else if (width <= 540) {
+        return this.$style.comtemplateLosMejores1540
+      } else if (width <= 960) {
+        return this.$style.comtemplateLosMejores1960
+      } else if (width <= 1232) {
+        return this.$style.comtemplateLosMejores11232
+      } else {
+        return this.$style.comtemplateLosMejores1
+      }
+    },
+    containerMenuClass() {
+      const width = this.elementSize.width
+      if (width <= 760) {
+        return this.$style.comcontainerMenu760
+      } else {
+        return this.$style.comcontainerMenu
+      }
+    },
+    titleSectionClass() {
+      const width = this.elementSize.width
+      if (width <= 540) {
+        return this.$style.comtitleSection540
+      } else {
+        return this.$style.comtitleSection
+      }
+    },
+    containerSectionClass() {
+      const width = this.elementSize.width
+      if (width <= 319) {
+        return this.$style.comcontainerSection320
+      } else if (width <= 350) {
+        return this.$style.comcontainerSection350
+      } else if (width <= 960) {
+        return this.$style.comcontainerSection960
+      } else if (width <= 1232) {
+        return this.$style.comcontainerSection1232
+      } else {
+        return this.$style.comcontainerSection
+      }
+    },
+    filtersContainerClass() {
+      const width = this.elementSize.width
+      if (width <= 420) {
+        return this.$style.comfiltersContainer420
+      } else if (width <= 760) {
+        return this.$style.comfiltersContainer760
+      } else if (width <= 1232) {
+        return this.$style.comfiltersContainer1232
+      } else {
+        return this.$style.comfiltersContainer
+      }
+    },
+    topFiltersParentClass() {
+      const width = this.elementSize.width
+      if (width <= 420) {
+        return this.$style.comtopFiltersParent420
+      } else if (width <= 460) {
+        return this.$style.comtopFiltersParent460
+      } else if (width <= 1232) {
+        return this.$style.comtopFiltersParent1232
+      } else {
+        return this.$style.comtopFiltersParent
+      }
+    }
+  }
+}