@golstats/gsc-top-player 1.0.0

package/src/components/comparative/gsc-tops-full.vue

@@ -0,0 +1,2463 @@
+<template>
+  <div ref="myDivRefTopsFull">
+    <template v-for="(category, index) in categoryView" :key="index">
+      <div :class="toniKroosWrapperClass">
+        <GSCTopCategory
+          :is-widget="isWidget"
+          :team-widget="teamWidget"
+          :time-live-comparative-avanced="timeLiveComparativeAvanced"
+          :is-team="isTeam"
+          :carrousel="carrousel"
+          :arrow="arrow"
+          :border-width="0"
+          :can-play-videos="canPlayVideos"
+          border-radius="12px"
+          :game-id="gameId"
+          :game="game"
+          :typeData="typeData"
+          :category="category.id"
+          :type-table="typeTable"
+          :categoryName="category.name"
+          :season-selected="seasonSelected"
+          :season="seasonActive"
+          :filter-team="teamselect"
+          :key="updateTables"
+        />
+      </div>
+    </template>
+  </div>
+</template>
+
+<script>
+import axios from 'axios'
+import computedProperties from './computedProperties.js'
+import useElementSize from './useElementSize'
+import GSCTopCategory from '@/components/comparative/gsc-top.vue'
+
+import { filtersTypes, personalDataSubFiltersTypes } from '@golstats/gsc-filters'
+
+import '@@/@golstats/gsc-switch-component/dist/style.css'
+import '@@/@golstats/gsc-season-select/dist/style.css'
+import '@@/@golstats/gsc-tournament-select/dist/style.css'
+import '@@/@golstats/gsc-dropdown/dist/style.css'
+import '@@/@golstats/gsc-filters/dist/style.css'
+import '@@/@golstats/gsc-label/dist/style.css'
+import '@@/@golstats/gsc-filterperteam/dist/style.css'
+
+import nationalitiesCatalog from '@/components/comparative/nationalities-catalog.js'
+import { getButtonFilterProps } from '@/components/comparative/composable-filters.js'
+const buttonFilterProps = ref(getButtonFilterProps())
+
+import { ref } from 'vue'
+export default {
+  components: {
+    GSCTopCategory,
+  },
+  computed: {
+    ...computedProperties.computed,
+    filterChangePredefined() {
+      return this.filtersPredefinedF
+    },
+    filterChange() {
+      const filtersaux2 = {
+        zone: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],
+        playingAs: [1, 2],
+        sections: [1, 2, 3, 4, 5, 6],
+        matchResult: [1, 2, 3],
+        arrayAgeRange: [1, 60],
+        typeZone: 1,
+        setNationalitiesIds: this.fVnationalities,
+        setPositionsIds: [1, 2, 3, 4, 5, 6, 7, 8, 9],
+        booleanAreNationalTeamsVisible: false,
+        setAvailableNationalTeamsPlayersIds: new Set(),
+      }
+      const filtersaux2Const = JSON.stringify(filtersaux2)
+      if (JSON.stringify(this.filters) != filtersaux2Const) {
+        return filtersaux2Const
+      }
+      return filtersaux2Const
+    },
+    filterGolstats() {
+      return this.FVfilterGolstats
+    },
+    filterButtonProps() {
+      const buttonFilterPropsValues = {
+        ...buttonFilterProps.value,
+      }
+      return buttonFilterPropsValues
+    },
+  },
+  props: {
+    timeLiveComparativeAvanced: {
+      type: Number,
+      default: 60000,
+    },
+    currentSeasonId: {
+      type: Number,
+      default: 0,
+    },
+    typeData: {
+      type: Number,
+      default: 1,
+    },
+    canPlayVideos: {
+      type: Boolean,
+      default: false,
+    },
+    carrousel: {
+      type: Boolean,
+      default: false,
+    },
+    arrow: {
+      type: Boolean,
+      default: false,
+    },
+    teamId: {
+      type: Number,
+      default: 0,
+    },
+    gameId: {
+      type: Number,
+      default: 0,
+    },
+    isWidget: {
+      type: Boolean,
+      default: false,
+    },
+    seasonSelected: {
+      type: Object,
+      default: () => ({}),
+    },
+    categoryView: {
+      type: Array,
+      default: () => [],
+    },
+    teamWidget: {
+      type: Number,
+      default: 0,
+    },
+    game: {
+      type: Object,
+      default: () => ({}),
+    },
+    teamselect: {
+      type: Number,
+      default: 0,
+    },
+    seasonActive: {
+      type: Number,
+      default: 0,
+    },
+    defaultSection: {
+      type: String,
+      default: 'Jugadores',
+    },
+    backgroundOdd: { type: String, default: '#172531' },
+    backgroundEven: { type: String, default: '#0d1d29' },
+    tournamentsApiUrl: {
+      type: String,
+      default: '',
+    },
+  },
+  watch: {
+    async seasonActive() {
+      if (this.seasonActive != 0) {
+        this.teams = []
+        const data = await this.fetchTeams()
+        for (let index = 0; index < data.teams.length; index++) {
+          this.teams.push({
+            id: data.teams[index].team_id,
+            team: data.teams[index].colloquial_name,
+            logo: data.teams[index].logo,
+          })
+        }
+      }
+    },
+  },
+  setup() {
+    const myDivRefTopsFull = ref('myDivRefTopsFull')
+    const { elementSize } = useElementSize(myDivRefTopsFull)
+    return {
+      myDivRefTopsFull,
+      elementSize,
+    }
+  },
+
+  data() {
+    return {
+      showfiltersPc: false,
+      positions: [
+        {
+          name: 'Portero',
+          fullname: 'POR',
+        },
+        {
+          name: 'Defensa central',
+          fullname: 'DFC',
+        },
+        {
+          name: 'Lateral por izquierda',
+          fullname: 'LI',
+        },
+        {
+          name: 'Lateral por derecha',
+          fullname: 'LD',
+        },
+        {
+          name: 'Volante por izquierda',
+          fullname: 'VI',
+        },
+        {
+          name: 'Volante por derecha',
+          fullname: 'VD',
+        },
+        {
+          name: 'Volante defensivo',
+          fullname: 'VDF',
+        },
+        {
+          name: 'Volante ofensivo',
+          fullname: 'VO',
+        },
+        {
+          name: 'Delantero',
+          fullname: 'DEL',
+        },
+        {
+          name: 'Desconocida',
+          fullname: 'Desc',
+        },
+      ],
+      arrayFiltersPlays: [],
+      filtersPredefinedF: {},
+      categoryPredefinedActive: false,
+      categoryPredefined: 0,
+      typeTable: 0,
+      keyUpdateFilter: 0,
+      loadingActive: false,
+      isTeam: false,
+      arrayPredefinedFilters: [],
+      arrayCategoryFilter: [
+        1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23,
+      ],
+      arrayCategoryFilterFull: [
+        1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23,
+      ],
+      FVsetAvailableNationalTeamsPlayersIds: new Set(),
+      showOnlyCategories: false,
+      showFullCategory: 0,
+      categoryName: '',
+      showFullTable: false,
+      expansionPanelModePropsTypePlays: {
+        isExpansionPanel: false,
+        templateProps: {
+          boxShadow: '0px 4px 4px rgba(0, 0, 0, 0)',
+          width: '400px',
+          maxWidth: '400px',
+        },
+        expansionPanelProps: {
+          width: '400px',
+          borderRadius: '8px',
+        },
+        fieldComponentProps: {
+          widthContainer: '400px',
+        },
+      },
+      expansionPanelModeProps: {
+        isExpansionPanel: false,
+        templateProps: {
+          boxShadow: '0px 4px 4px rgba(0, 0, 0, 0)',
+        },
+        expansionPanelProps: {
+          width: '400px',
+          borderRadius: '8px',
+          fontFamily: "'Poppins-Regular'",
+        },
+        fieldComponentProps: {
+          widthContainer: '100%',
+          title: 'Elige el área o zona de cancha',
+          titleFontSize: '13px',
+        },
+      },
+      expansionPanelModePropsMobil: {
+        isExpansionPanel: true,
+        templateProps: {
+          boxShadow: '0px 4px 4px rgba(0, 0, 0, 0)',
+          padding: '20px 0',
+        },
+        expansionPanelProps: {
+          width: '300px',
+          borderRadius: '8px',
+          height: '45px',
+          fontColor: 'rgba(255,255,255, 0.7)',
+          textFontSize: '14px',
+          textFontFamily: "'Poppins-Regular'",
+          padding: '0px 10px',
+        },
+        fieldComponentProps: {
+          widthContainer: '100%',
+          title: 'Elige el área o zona de cancha',
+          titleFontSize: '12px',
+          widthField: 268,
+          widthFieldGrid: '268px',
+          heightField: 180,
+          heightFieldGrid: '180px',
+          heightContainer: '280px',
+        },
+      },
+      expansionPanelModePropsMobil270: {
+        isExpansionPanel: true,
+        templateProps: {
+          boxShadow: '0px 4px 4px rgba(0, 0, 0, 0)',
+          padding: '20px 0',
+        },
+        expansionPanelProps: {
+          width: '270px',
+          borderRadius: '8px',
+          height: '45px',
+          fontColor: 'rgba(255,255,255, 0.7)',
+          textFontSize: '14px',
+          textFontFamily: "'Poppins-Regular'",
+          padding: '0px 10px',
+        },
+        fieldComponentProps: {
+          widthContainer: '100%',
+          title: 'Elige el área o zona de cancha',
+          titleFontSize: '12px',
+          widthField: 268,
+          widthFieldGrid: '268px',
+          heightField: 180,
+          heightFieldGrid: '180px',
+          heightContainer: '280px',
+        },
+      },
+      filters: {
+        zone: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],
+        playingAs: [1, 2],
+        sections: [1, 2, 3, 4, 5, 6],
+        matchResult: [1, 2, 3],
+        arrayAgeRange: [1, 60],
+        typeZone: 1,
+        setNationalitiesIds: this.setNationalitiesIds,
+        setPositionsIds: [1, 2, 3, 4, 5, 6, 7, 8, 9],
+        booleanAreNationalTeamsVisible: false,
+        setAvailableNationalTeamsPlayersIds: new Set(),
+      },
+      categoriesPlaysTypes: {
+        offensive: {
+          title: 'Ofensivo',
+          categories: [
+            {
+              name: 'Goles',
+              isSelected: true,
+              id: 1,
+            },
+            {
+              name: 'Tiros a gol',
+              isSelected: true,
+              id: 6,
+            },
+            {
+              name: 'Tiros a gol con destino a portería',
+              isSelected: true,
+              id: 7,
+            },
+            {
+              name: 'Asistencias',
+              isSelected: true,
+              id: 4,
+            },
+            {
+              name: 'Centros',
+              isSelected: true,
+              id: 10,
+            },
+            {
+              name: 'Centros acertados',
+              isSelected: true,
+              id: 11,
+            },
+            {
+              name: 'Participaciones en gol',
+              isSelected: true,
+              id: 5,
+            },
+            {
+              name: '1vs1 exitosos ofensivos',
+              isSelected: true,
+              id: 12,
+            },
+            {
+              name: '1vs1 exitosos ofensivos que terminan en gol',
+              isSelected: true,
+              id: 13,
+            },
+            {
+              name: 'Balones ganados en área rival',
+              isSelected: true,
+              id: 17,
+            },
+            {
+              name: 'Cabeceos en área rival',
+              isSelected: true,
+              id: 8,
+            },
+            {
+              name: 'Tiros de esquina',
+              isSelected: true,
+              id: 23,
+            },
+          ],
+        },
+        defensive: {
+          title: 'Defensivo',
+          categories: [
+            {
+              name: '1vs1 defensivos exitosos',
+              isSelected: true,
+              id: 14,
+            },
+            {
+              name: 'Cabeceo en área propia',
+              isSelected: true,
+              id: 9,
+            },
+            {
+              name: 'Balones ganados en área propia',
+              isSelected: true,
+              id: 16,
+            },
+            {
+              name: 'Rechaces',
+              isSelected: true,
+              id: 15,
+            },
+            {
+              name: 'Atajadas',
+              isSelected: true,
+              id: 22,
+            },
+          ],
+        },
+        possession: {
+          title: 'Posesión',
+          categories: [
+            {
+              name: 'Pases acertados',
+              isSelected: true,
+              id: 2,
+            },
+            {
+              name: 'Balones recuperados en disputa',
+              isSelected: true,
+              id: 3,
+            },
+          ],
+        },
+        offenses: {
+          title: 'Infracciones',
+          categories: [
+            {
+              name: 'Faltas cometidas',
+              isSelected: true,
+              id: 18,
+            },
+            {
+              name: 'Faltas recibidas',
+              isSelected: true,
+              id: 19,
+            },
+            {
+              name: 'Tarjetas amarillas',
+              isSelected: true,
+              id: 20,
+            },
+            {
+              name: 'Tarjetas rojas',
+              isSelected: true,
+              id: 21,
+            },
+          ],
+        },
+        offensesConditions: {
+          areYellowCardSelected: false,
+          areRedCardSelected: false,
+          areFoulsCommittedSelected: false,
+        },
+      },
+      categoriesDefault: [
+        {
+          id: 1,
+          name: 'Goles',
+          isSelected: false,
+        },
+        {
+          id: 2,
+          name: 'Pases acertados',
+          isSelected: false,
+        },
+        {
+          id: 23,
+          name: 'Tiros de Esquina',
+          isSelected: false,
+        },
+        {
+          id: 3,
+          name: 'Balones recuperados en disputa',
+          isSelected: false,
+        },
+        {
+          id: 4,
+          name: 'Asistencias',
+          isSelected: false,
+        },
+        {
+          id: 5,
+          name: 'Participaciones en gol',
+          isSelected: false,
+        },
+        {
+          id: 6,
+          name: 'Tiros a gol',
+          isSelected: false,
+        },
+        {
+          id: 7,
+          name: 'Tiros a gol que llegaron a la portería',
+          isSelected: false,
+        },
+        {
+          id: 8,
+          name: 'Cabeceos en área rival',
+          isSelected: false,
+        },
+        {
+          id: 9,
+          name: 'Cabeceos en área propia',
+          isSelected: false,
+        },
+        {
+          id: 10,
+          name: 'Centros',
+          isSelected: false,
+        },
+        {
+          id: 11,
+          name: 'Centros acertados',
+          isSelected: false,
+        },
+        {
+          id: 12,
+          name: '1vs1 exitosos ofensivos',
+          isSelected: false,
+        },
+        {
+          id: 13,
+          name: '1vs1 exitosos ofensivos que terminaron en gol',
+          isSelected: false,
+        },
+        {
+          id: 14,
+          name: '1vs1 defensivos exitoso',
+          isSelected: false,
+        },
+        {
+          id: 15,
+          name: 'Rechaces',
+          isSelected: false,
+        },
+        {
+          id: 16,
+          name: 'Balones ganados en área propia',
+          isSelected: false,
+        },
+        {
+          id: 17,
+          name: 'Balones ganados en área rival',
+          isSelected: false,
+        },
+        {
+          id: 18,
+          name: 'Faltas cometidas',
+          isSelected: false,
+        },
+        {
+          id: 19,
+          name: 'Faltas recibidas',
+          isSelected: false,
+        },
+        {
+          id: 20,
+          name: 'Tarjetas amarillas',
+          isSelected: false,
+        },
+        {
+          id: 21,
+          name: 'Tarjetas rojas',
+          isSelected: false,
+        },
+        {
+          id: 22,
+          name: 'Atajadas',
+          isSelected: false,
+        },
+      ],
+      isCup: false,
+      arrayPredefinedOrigin: [],
+      indexPredefinedFiltersSelected: 0,
+      predefinedFiltersMatchLapse: [],
+      predefinedFiltersPlayingAs: [],
+      predefinedFiltersSections: [],
+      updateTables: 0,
+      updateTablesfull: 0,
+      optionSelected: 'Jugadores',
+      optionSelectedSubmenu: 'Todas las jugadas',
+      tournamentsUrl: 'https://17zyhpyc7c.execute-api.us-west-2.amazonaws.com/prod/tournaments',
+      teamsUrl: 'https://d2oco6mqmc.execute-api.us-west-2.amazonaws.com/prod/teamsBySeason/',
+      urlFilter:
+        'https://cqqxaonvm6.execute-api.us-east-2.amazonaws.com/prod/gs2/tops/filters?categories=',
+      retries: 3,
+      teams: [],
+      updateFilterGolstats: 0,
+      updateFilterPlaytypesGolstats: 0,
+      arrayTournaments: [],
+      arraySeasons: {},
+      seasonBytournament: [],
+      filtersTypes: filtersTypes,
+      token:
+        'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MCwibmFtZSI6IlVzdWFyaW8gRnJlZSIsInVzZXJuYW1lIjoiZnJlZUBnb2xzdGF0cy5jb20iLCJlbWFpbCI6ImZyZWVAZ29sc3RhdHMuY29tIiwiaWF0IjoxNjA2NzU4Nzk1LCJleHAiOjE2MzgyOTQ3OTV9.kPNmP7yDtk38cAXrUyc7OHRh6J25VFqy-XUNzbK-4YE',
+      fVnationalities: new Set(),
+      fVzone: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],
+      fVplayingAs: [1, 2],
+      fVsections: [1, 2, 3, 4, 5, 6],
+      fVmatchResult: [1, 2, 3],
+      fVarrayAgeRange: [10, 40],
+      FVeligible: [],
+      FVYear: 1900,
+      fVtypeZone: 2,
+      fVsetPositionsIds: [1, 2, 3, 4, 5, 6, 7, 8, 9],
+      currentIndex: -1,
+      delay: 800,
+      tournamentSelected: 0,
+      tournamentSelectedObj: {},
+      FVfilterGolstats: [],
+      updateFilterField: 0,
+      openMenuMobil: false,
+      selectedTournament: { seasons: [] },
+      selectedSeasonObj: {},
+    }
+  },
+  methods: {
+    getnameshort(namePlayerShort) {
+      var NameArrayHomeBench = namePlayerShort.split(',')
+      var lastArrayNameBench = NameArrayHomeBench[0].split(' ')
+      var ArrayNameBench = NameArrayHomeBench[1].trim().split(' ')
+      var lastNameHomeBench = ''
+      if (lastArrayNameBench.length == 2 || lastArrayNameBench.length == 1) {
+        if (lastArrayNameBench[0].length < 4) {
+          lastNameHomeBench = lastArrayNameBench[0] + ' ' + lastArrayNameBench[1]
+        } else {
+          lastNameHomeBench = lastArrayNameBench[0]
+        }
+      } else {
+        if (lastArrayNameBench.length == 3) {
+          lastNameHomeBench = lastArrayNameBench[0] + ' ' + lastArrayNameBench[1]
+        } else {
+          if (lastArrayNameBench.length == 4) {
+            lastNameHomeBench =
+              lastArrayNameBench[1] + ' ' + lastArrayNameBench[2] + ' ' + lastArrayNameBench[3]
+          }
+        }
+      }
+      var nameHomeBench =
+        ArrayNameBench[ArrayNameBench.length - 1] != ''
+          ? ArrayNameBench[ArrayNameBench.length - 1].charAt(0)
+          : ArrayNameBench[ArrayNameBench.length - 2]
+            ? ArrayNameBench[ArrayNameBench.length - 2].charAt(0)
+            : ''
+      lastNameHomeBench = lastNameHomeBench.replace(',', '')
+      return nameHomeBench + '. ' + lastNameHomeBench
+    },
+    setUpTournamentsToFilter() {
+      this.tournamentsToFilter.forEach((tournament) => {
+        const isSameTournament = tournament.id === this.selectedTournament.id
+        tournament.isSelected = isSameTournament
+        tournament.isDefaultTournament = isSameTournament
+      })
+    },
+    async onClickDeleteFilter() {
+      if (this.optionSelectedSubmenu == 'Predeterminados') {
+        this.resetPredefinedTeamAll()
+      } else {
+        this.arrayFiltersPlays = []
+        setTimeout(() => {
+          // Reset completado
+        }, 200)
+      }
+    },
+    clickOpenFilters() {
+      this.showfiltersPc = true
+    },
+    clickCloseFilters() {
+      this.showfiltersPc = false
+    },
+    async selectedSeason(season) {
+      if (this.seasonActive !== season.id) {
+        this.seasonActive = season.id
+        this.resetPredefinedTeamAll()
+        this.$emit('change-season-id', season.id)
+      }
+    },
+    changeTournament(tournament) {
+      if (tournament.id !== this.selectedTournament.id) {
+        this.selectedTournament = tournament
+        this.tournamentSelectedObj = { propName: 'id', value: tournament.id }
+        this.teamselect = 0
+        this.resetPredefinedTeamAll() //resetpredeterminados
+        this.setUpTournamentsToFilter()
+      }
+    },
+    changeTournamentMovil(item) {
+      this.tournamentSelectedObj = { propName: 'id', value: item.id }
+      this.seasonBytournament = item.seasons
+      this.teamselect = 0
+    },
+    selectedSeasonMovil(item) {
+      this.seasonActive = item.id
+    },
+    setRelevantCategoriesPlayer(positionId) {
+      return positionId === 1
+        ? [39, 40, 52, 53, 54, 55, 323, 324, 608, 774, 802]
+        : [
+            10, 12, 14, 15, 27, 35, 61, 217, 257, 466, 519, 607, 702, 730, 98, 101, 109, 112, 121,
+            122, 127, 128, 135, 136, 141, 142, 161, 170, 179, 211, 232, 235, 239, 242, 282, 284,
+            289, 291, 296, 485, 486, 487, 488,
+          ]
+    },
+
+    setOpenMedia(data) {
+      this.$emit('openmedia', data)
+    },
+
+    setMediaData(data) {
+      const videoPlayerSection = 1
+      const playerType = 2
+      const playListType = playerType
+      let playerIds = [data.id]
+      let teamId = data.team_id
+      const jsonConfig = {
+        seasonId: data.season_id,
+        // seasons: data.seasons,
+        isFeaturedPlayers: false,
+        mainSectionType: videoPlayerSection,
+        playListType: playListType,
+        gameIds: null,
+        playerIds: playerIds,
+        goalkeeperIds: [],
+        categoryIds: this.setRelevantCategoriesPlayer(data.position),
+        teamId: teamId || 0,
+        matchResult: [1, 2, 3],
+        categorySingleName: '',
+        isRivalSubject: false,
+        avoidCategorySingleName: false,
+        currentPlayIndex: 0,
+        playData: null,
+        lastClashedGameId: null,
+        tournamentsLastClashes: null,
+        advancedFilter: {
+          playListTitle: 'Jugadas Relevantes',
+        },
+      }
+      this.$emit('openmedia', jsonConfig)
+    },
+    clickprofile(data) {
+      if (data.isTeam) {
+        this.$emit('openProfileTeam', { teamId: data.id, seasonId: this.seasonActive })
+      } else {
+        this.$emit('openProfilePlayer', {
+          playerId: data.id,
+          teamId: data.teamId,
+          seasonId: this.seasonActive,
+        })
+      }
+    },
+
+    viewprofile(data, seasonId, teamId) {
+      this.$emit('openProfilePlayer', {
+        playerId: data,
+        teamId,
+        seasonId: seasonId ? seasonId : this.seasonActive,
+      })
+    },
+
+    openMenuFilters() {
+      this.openMenuMobil = !this.openMenuMobil
+      this.showfiltersPc = true
+    },
+    clickexpand() {
+      // Método eliminado - relacionado con scouting
+    },
+    async getScoutingData() {
+      this.arrayFiltersPlays = []
+      this.loadingActive = true
+
+      const axiosInstance = axios.create({ headers: { Authorization: `${this.token}` } })
+      const { data } = await axiosInstance.post(
+        'https://eh9nhj69z7.execute-api.us-west-2.amazonaws.com/prod/players/productivity',
+        this.filterScounting,
+        { headers: { 'Content-Type': 'application/json' } },
+      )
+
+      if (this.filterScounting.tournaments.length > 0) {
+        var indiceFilterOnPlays = this.arrayFiltersPlays.findIndex(
+          (objeto) => objeto.type === 'onFiltersTournaments',
+        )
+        if (indiceFilterOnPlays !== -1) {
+          this.arrayFiltersPlays[indiceFilterOnPlays].name =
+            this.filterScounting.tournaments.length > 1
+              ? 'Ligas ' + this.filterScounting.tournaments.length
+              : this.nameLeagueSelected != ''
+                ? this.nameLeagueSelected
+                : 'Liga MX'
+        } else {
+          this.arrayFiltersPlays.push({
+            name:
+              this.filterScounting.tournaments.length > 1
+                ? 'Ligas ' + this.filterScounting.tournaments.length
+                : this.nameLeagueSelected != ''
+                  ? this.nameLeagueSelected
+                  : 'Liga MX',
+            type: 'onFiltersTournaments',
+          })
+        }
+      }
+
+      this.rowScoutingData = []
+      for (let index = 0; index < data.length; index++) {
+        const element = data[index]
+        let arrayDateOfBirth = data[index].dob.split('T')
+        let dateOfBirth = arrayDateOfBirth[0].split('-')
+        var dataRow = {
+          position: index + 1,
+          player_name: this.abrevName(data[index].name),
+          player_photo:
+            'https://golstatsimages.blob.core.windows.net/players-profile/' +
+            data[index].player_id +
+            '.png',
+          total: data[index].total.toFixed(0),
+          id: data[index].player_id,
+          player_age: this.calcularEdad(data[index].dob),
+          team_abrev: data[index].teams[0].acronym,
+          team_name: data[index].teams[0].team_name,
+          team_logo:
+            'https://golstatsimages.blob.core.windows.net/teams-80/' +
+            data[index].teams[0].team_id +
+            '.png',
+          player_position: data[index].position_id,
+          player_country_flag:
+            'https://golstatsimages.blob.core.windows.net/flags/' +
+            data[index].nationality_id +
+            '.jpg',
+          date: dateOfBirth[2] + '.' + dateOfBirth[1] + '.' + dateOfBirth[0].substring(2, 4),
+          team_id: data[index].team_id,
+          nationality_name: nationalitiesCatalog[data[index].nationality_id],
+          player_games: data[index].games_played,
+          player_min: data[index].minutes_played,
+          league_name: data[index].tournament_name,
+          seasons: data[index].seasons,
+          season_id: data[index].seasons[0],
+        }
+        this.rowScoutingData.push(dataRow)
+      }
+
+      if (this.seasonsFilterSelected != 0) {
+        const datateams = await this.fetchTeamsScouting(this.seasonsFilterSelected)
+        this.teamselect = 0
+        this.teamselectrec = 0
+        this.teamsscouting = []
+        for (let index = 0; index < datateams.teams.length; index++) {
+          this.teamsscouting.push({
+            id: datateams.teams[index].team_id,
+            team: datateams.teams[index].colloquial_name,
+            logo: datateams.teams[index].logo,
+          })
+        }
+      }
+      this.loadingActive = false
+    },
+    abrevName(name) {
+      var NameArrayHome = name.split(',')
+      var lastArrayName = NameArrayHome[0].split(' ')
+      var ArrayName = NameArrayHome[1].trim().split(' ')
+      var lastNameHome = ''
+      if (lastArrayName.length == 2 || lastArrayName.length == 1) {
+        if (lastArrayName[0].length < 4) {
+          lastNameHome = lastArrayName[0] + ' ' + lastArrayName[1]
+        } else {
+          lastNameHome = lastArrayName[0]
+        }
+      } else {
+        if (lastArrayName.length == 3) {
+          lastNameHome = lastArrayName[0] + ' ' + lastArrayName[1]
+        } else {
+          if (lastArrayName.length == 4) {
+            lastNameHome = lastArrayName[1] + ' ' + lastArrayName[2] + ' ' + lastArrayName[3]
+          }
+        }
+      }
+      var nameHome =
+        ArrayName[ArrayName.length - 1] != ''
+          ? ArrayName[ArrayName.length - 1].charAt(0)
+          : ArrayName[ArrayName.length - 2]
+            ? ArrayName[ArrayName.length - 2].charAt(0)
+            : ''
+      lastNameHome = lastNameHome.replace(',', '')
+      var abrevNamePlayerHome = nameHome + '. ' + lastNameHome
+      return abrevNamePlayerHome
+    },
+    calcularEdad(fechaNacimiento) {
+      // Parsea la fecha de nacimiento en formato "YYYY-MM-DD"
+      var fechaNac = new Date(fechaNacimiento)
+
+      // Obtiene la fecha actual
+      var fechaActual = new Date()
+
+      // Calcula la diferencia en milisegundos entre las dos fechas
+      var diferencia = fechaActual - fechaNac
+
+      // Convierte la diferencia de milisegundos a años
+      var edadEnAnios = Math.floor(diferencia / (1000 * 60 * 60 * 24 * 365.25))
+
+      return edadEnAnios
+    },
+    async onFiltersTournaments(ObjectFilter) {
+      this.modifidFiltersFlag = true
+      var data = []
+      for (let index = 0; index < ObjectFilter.length; index++) {
+        if (ObjectFilter[index].isSelected) {
+          data.push(ObjectFilter[index].id)
+        }
+      }
+      if (data.length == 0) {
+        data = [1]
+      }
+      if (data.length == 1) {
+        for (let index = 0; index < ObjectFilter.length; index++) {
+          if (ObjectFilter[index].isSelected) {
+            this.nameLeagueSelected = ObjectFilter[index].name
+            this.seasonsFilterSelected = ObjectFilter[index].seasons[0].id
+          }
+        }
+      } else {
+        this.seasonsFilterSelected = 0
+        if (data.length > 0) {
+          this.nameLeagueSelected = data.length + ' Ligas'
+        }
+      }
+      this.filterScounting.tournaments = data
+      this.filterScounting.seasonId = ObjectFilter[0].seasons[0].id
+    },
+    onFiltersPersonalData(ObjectFilter) {
+      this.modifidFiltersFlag = true
+      if (ObjectFilter.hasOwnProperty('ageByRange')) {
+        const min = ObjectFilter.ageByRange.min == 0 ? 10 : ObjectFilter.ageByRange.min
+        const max = ObjectFilter.ageByRange.max == 0 ? 40 : ObjectFilter.ageByRange.max
+        this.filterScounting.range_age = [min, max]
+        this.filterScounting.age_or_year = 1
+      } else {
+        this.filterScounting.range_age = []
+      }
+      if (ObjectFilter.hasOwnProperty('year')) {
+        this.filterScounting.year = ObjectFilter.year
+        this.filterScounting.age_or_year = 0
+      } else {
+        this.filterScounting.year = 0
+      }
+
+      var dataNationalities = []
+      if (ObjectFilter.hasOwnProperty('nationalities')) {
+        for (let index = 0; index < ObjectFilter.nationalities.length; index++) {
+          if (ObjectFilter.nationalities[index].isSelected) {
+            dataNationalities.push(ObjectFilter.nationalities[index].id)
+          }
+        }
+        if (dataNationalities.length == 0) {
+          dataNationalities = [
+            3, 4, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26,
+            27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48,
+            49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71,
+            72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 221, 84, 85, 86, 87, 89, 90, 91, 92, 93, 94,
+            95, 96, 97, 98, 99, 100, 101, 102, 103, 104, 105, 106, 107, 108, 109, 110, 111, 112,
+            113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 124, 125, 126, 127, 128, 129,
+            130, 131, 132, 133, 134, 135, 136, 137, 138, 139, 140, 141, 142, 143, 144, 145, 146,
+            147, 148, 149, 150, 151, 152, 153, 154, 155, 156, 157, 158, 159, 160, 161, 162, 163,
+            164, 165, 166, 167, 168, 169, 170, 171, 172, 173, 174, 175, 176, 177, 178, 179, 180,
+            181, 182, 183, 184, 185, 186, 187, 188, 189, 190, 191, 192, 193, 194, 195, 196, 197,
+            198, 199, 200, 201, 202, 203, 204, 205, 206, 207, 208, 209, 210, 211, 212, 213, 214,
+            215, 216, 217, 218, 219, 220, 222, 223, 224, 225, 226, 227, 228, 229, 230, 231, 232,
+            233, 234, 236, 237, 239,
+          ]
+        }
+      }
+      this.filterScounting.elegibles = []
+      if (ObjectFilter.hasOwnProperty('eligibility')) {
+        this.filterScounting.elegibles = [ObjectFilter.eligibility[0].id]
+      }
+
+      var dataPositions = []
+      for (let index = 0; index < ObjectFilter.positions.length; index++) {
+        if (ObjectFilter.positions[index].isSelected) {
+          dataPositions.push(ObjectFilter.positions[index].id)
+        }
+      }
+      if (dataPositions.length == 0) {
+        dataPositions = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+      }
+      this.filterScounting.positions = dataPositions
+      this.filterScounting.nationalities = dataNationalities
+    },
+    onFiltersUniverse(ObjectFilter) {
+      this.modifidFiltersFlag = true
+      this.filterScounting.minutes_played = Number(ObjectFilter.minutesPlayed)
+      this.filterScounting.last_months = Number(ObjectFilter.lastMonths)
+      this.filterScounting.minutes_played_avg = Number(ObjectFilter.percentMinutesPlayed)
+      this.filterScounting.type_stats = ObjectFilter.statistics.averagePerGame
+        ? 3
+        : ObjectFilter.statistics.averagePerMinute
+          ? 2
+          : 1
+    },
+    onFiltersProductivity(ObjectFilter) {
+      this.modifidFiltersFlag = true
+      var dataCategories = []
+      for (let index = 0; index < ObjectFilter.productivityFilters.length; index++) {
+        dataCategories[ObjectFilter.productivityFilters[index].priority - 1] = {
+          name: ObjectFilter.productivityFilters[index].name,
+          ids: ObjectFilter.productivityFilters[index].id,
+        }
+      }
+      if (dataCategories.length == 0) {
+        dataCategories = [
+          /* { name: 'Goles', ids: [12] },
+          { name: 'Asistencias', ids: [10] },
+          { name: 'Participaciones en gol', ids: [27] },
+          { name: 'Cabeceos en área rival', ids: [330, 333, 423, 577, 578, 331, 334, 424] },
+          { name: 'Tiros a gol totales', ids: [91, 95, 92, 93, 96, 97] }*/
+        ]
+      }
+      this.filterScounting.categories = dataCategories
+      this.filterScounting.fouls = ObjectFilter.offensesConditions.areFoulsCommittedSelected
+      this.filterScounting.yellow_cards = ObjectFilter.offensesConditions.areYellowCardsSelected
+      this.filterScounting.red_cards = ObjectFilter.offensesConditions.areRedCardsSelected
+    },
+    onFiltersGolStats(ObjectFilter) {
+      if (ObjectFilter.length > 0) {
+        var indiceFilterOnPlays = this.arrayFiltersPlays.findIndex(
+          (objeto) => objeto.type === 'onFiltersPredefined',
+        )
+        if (indiceFilterOnPlays !== -1) {
+          this.arrayFiltersPlays[indiceFilterOnPlays].name = ObjectFilter[0].name
+        } else {
+          this.arrayFiltersPlays.push({ name: ObjectFilter[0].name, type: 'onFiltersPredefined' })
+        }
+        this.filtersPredefinedF = ObjectFilter[0].filters
+      } else {
+        var indiceFilterOnPlaysAuxC = this.arrayFiltersPlays.findIndex(
+          (objeto) => objeto.type === 'onFiltersPredefined',
+        )
+        if (this.FVfilterGolstats.length > 0 && indiceFilterOnPlaysAuxC !== -1) {
+          this.filtersPredefinedF = this.filters
+          for (let index = 0; index < this.FVfilterGolstats.length; index++) {
+            this.FVfilterGolstats[index].isSelected = false
+          }
+          var indiceFilterOnPlaysAuxC = this.arrayFiltersPlays.findIndex(
+            (objeto) => objeto.type === 'onFiltersPredefined',
+          )
+          if (indiceFilterOnPlaysAuxC !== -1) {
+            this.arrayFiltersPlays.splice(indiceFilterOnPlaysAuxC, 1)
+          }
+          this.updateFilterGolstats += 1
+        }
+      }
+    },
+    shouldRender(index) {
+      // Check if the element at the given index should be rendered
+      return index <= this.currentIndex
+    },
+    renderNext() {
+      // Render the next element after a delay
+      this.currentIndex++
+      if (this.currentIndex < this.categoriesDefault.length) {
+        setTimeout(() => {
+          this.$nextTick(() => {
+            this.renderNext()
+          })
+        }, this.delay)
+      }
+    },
+    async onFiltersPlaysTypes(idplaytype) {
+      if (idplaytype.length > 0) {
+        this.categoryPredefinedActive = true
+        this.loadingActive = true
+        this.categoryPredefined = idplaytype[0].id
+
+        var indiceFilterOnPredefinedCategory = this.arrayFiltersPlays.findIndex(
+          (objeto) => objeto.type === 'onFiltersPredefined',
+        )
+
+        if (this.categoriesDefault.length > 0 && indiceFilterOnPredefinedCategory !== -1) {
+          this.FVfilterGolstats = []
+          this.filtersPredefinedF = {}
+
+          this.arrayFiltersPlays.splice(indiceFilterOnPredefinedCategory, 1)
+          var indiceFilterOnPlaysAuxC = this.arrayFiltersPlays.findIndex(
+            (objeto) => objeto.type === 'onFiltersPredefined',
+          )
+
+          if (indiceFilterOnPlaysAuxC !== -1) {
+            for (let index = 0; index < this.FVfilterGolstats.length; index++) {
+              this.FVfilterGolstats[index].isSelected = false
+            }
+            if (indiceFilterOnPlaysAuxC !== -1) {
+              this.arrayFiltersPlays.splice(indiceFilterOnPlaysAuxC, 1)
+            }
+            this.updateFilterGolstats += 1
+          }
+        }
+        this.updateTables += 1
+        setTimeout(() => {
+          this.loadingActive = false
+        }, 1000)
+        await this.getPredefinedfilters(idplaytype[0])
+        if (this.FVfilterGolstats.length > 0) {
+          this.onFiltersGolStats([this.FVfilterGolstats[0]])
+          this.FVfilterGolstats[0].isSelected = true
+        }
+      } else {
+        var indiceFilterOnPredefinedCategory = this.arrayFiltersPlays.findIndex(
+          (objeto) => objeto.type === 'onFiltersPredefinedCategory',
+        )
+
+        if (this.categoriesDefault.length > 0 && indiceFilterOnPredefinedCategory !== -1) {
+          this.categoryPredefinedActive = false
+          this.categoryPredefined = 0
+          this.FVfilterGolstats = []
+          this.filtersPredefinedF = this.filters
+
+          this.arrayFiltersPlays.splice(indiceFilterOnPredefinedCategory, 1)
+          for (let indexD = 0; indexD < this.categoriesDefault.length; indexD++) {
+            this.categoriesDefault[indexD].isSelected = false
+          }
+          this.updateFilterPlaytypesGolstats += 1
+          //filtro golstats
+          var indiceFilterOnPlaysAuxC = this.arrayFiltersPlays.findIndex(
+            (objeto) => objeto.type === 'onFiltersPredefined',
+          )
+          if (this.FVfilterGolstats.length > 0 && indiceFilterOnPlaysAuxC !== -1) {
+            for (let index = 0; index < this.FVfilterGolstats.length; index++) {
+              this.FVfilterGolstats[index].isSelected = false
+            }
+            if (indiceFilterOnPlaysAuxC !== -1) {
+              this.arrayFiltersPlays.splice(indiceFilterOnPlaysAuxC, 1)
+            }
+            this.updateFilterGolstats += 1
+          }
+        }
+      }
+    },
+    deleteCategoryFilter() {
+      this.categoryName = ''
+      this.showFullCategory = 0
+      this.showFullTable = false
+      //this.updateTables -= 1
+      delete this.filters.aux
+    },
+    onShowFullTable(data) {
+      this.categoryName = data.categoryName
+      this.showFullCategory = data.category
+      this.showFullTable = true
+      this.loadingActive = true
+      setTimeout(() => {
+        this.filters = {
+          zone: this.fVzone,
+          playingAs: this.fVplayingAs,
+          sections: this.fVsections,
+          matchResult: this.fVmatchResult,
+          arrayAgeRange: this.fVarrayAgeRange,
+          typeZone: this.fVtypeZone,
+          setNationalitiesIds: this.fVnationalities,
+          setPositionsIds: this.fVsetPositionsIds,
+          setYear: this.FVYear,
+          aux: this.getRandomNumber(1, 10000),
+          booleanAreNationalTeamsVisible: this.FVbooleanAreNationalTeamsVisible,
+          setAvailableNationalTeamsPlayersIds: this.FVsetAvailableNationalTeamsPlayersIds,
+        }
+        this.loadingActive = false
+      }, 1000)
+
+      //this.updateTables += 1
+    },
+    getRandomNumber(min, max) {
+      return Math.floor(Math.random() * (max - min + 1)) + min
+    },
+    /** AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR   */
+    /** AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR   */
+    /** AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR   */
+    /** AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR   */
+    /** AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR   */
+    /** AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR   */
+    /** AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR   */
+    /** AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR, AQUI LLEGO EL VALOR   */
+    applyFiltersBtn(aplyval) {},
+    onFiltersPlays(plays) {
+      this.arrayCategoryFilter = []
+      this.arrayCategoryFilterFull = []
+      if (plays.playsCategories.length == 0) {
+        for (
+          let index = 0;
+          index < this.categoriesPlaysTypes.offensive.categories.length;
+          index++
+        ) {
+          this.arrayCategoryFilter.push(this.categoriesPlaysTypes.offensive.categories[index].id)
+          this.arrayCategoryFilterFull.push(this.categoriesPlaysTypes.offensive.categories[index])
+        }
+        for (
+          let index = 0;
+          index < this.categoriesPlaysTypes.defensive.categories.length;
+          index++
+        ) {
+          this.arrayCategoryFilter.push(this.categoriesPlaysTypes.defensive.categories[index].id)
+          this.arrayCategoryFilterFull.push(this.categoriesPlaysTypes.offensive.categories[index])
+        }
+        for (
+          let index = 0;
+          index < this.categoriesPlaysTypes.possession.categories.length;
+          index++
+        ) {
+          this.arrayCategoryFilter.push(this.categoriesPlaysTypes.possession.categories[index].id)
+          this.arrayCategoryFilterFull.push(this.categoriesPlaysTypes.offensive.categories[index])
+        }
+        for (let index = 0; index < this.categoriesPlaysTypes.offenses.categories.length; index++) {
+          this.arrayCategoryFilter.push(this.categoriesPlaysTypes.offenses.categories[index].id)
+          this.arrayCategoryFilterFull.push(this.categoriesPlaysTypes.offensive.categories[index])
+        }
+      } else {
+        for (let index = 0; index < plays.playsCategories.length; index++) {
+          if (plays.playsCategories[index].isSelected) {
+            this.arrayCategoryFilter.push(plays.playsCategories[index].id)
+            this.arrayCategoryFilterFull.push(plays.playsCategories[index])
+          }
+        }
+      }
+      var indiceFilterOnPlays = this.arrayFiltersPlays.findIndex(
+        (objeto) => objeto.type === 'onFiltersPlays',
+      )
+      if (this.arrayCategoryFilter.length > 0 && this.arrayCategoryFilter.length != 23) {
+        if (this.arrayCategoryFilter.length == 1) {
+          if (indiceFilterOnPlays != -1) {
+            this.arrayFiltersPlays[indiceFilterOnPlays].name = this.arrayCategoryFilterFull[0].name
+          } else {
+            this.arrayFiltersPlays.push({
+              name: this.arrayCategoryFilterFull[0].name,
+              type: 'onFiltersPlays',
+            })
+          }
+        } else {
+          if (indiceFilterOnPlays != -1) {
+            this.arrayFiltersPlays[indiceFilterOnPlays].name =
+              this.arrayCategoryFilterFull.length + ' Tipos de jugadas'
+          } else {
+            this.arrayFiltersPlays.push({
+              name: this.arrayCategoryFilterFull.length + ' Tipos de jugadas',
+              type: 'onFiltersPlays',
+            })
+          }
+        }
+      } else {
+        if (indiceFilterOnPlays !== -1) {
+          this.arrayFiltersPlays.splice(indiceFilterOnPlays, 1)
+        }
+      }
+    },
+    async deleteLabelFilter(deleteFilterValID) {
+      var indiceFilterOnPlays = this.arrayFiltersPlays.findIndex(
+        (objeto) => objeto.type === deleteFilterValID,
+      )
+      if (indiceFilterOnPlays !== -1) {
+        if (deleteFilterValID == 'onFiltersTournaments') {
+          this.arrayFiltersPlays = []
+          setTimeout(() => {
+            // Reset completado
+          }, 200)
+        }
+        if (deleteFilterValID == 'onFiltersPlays') {
+          for (
+            let index = 0;
+            index < this.categoriesPlaysTypes.offensive.categories.length;
+            index++
+          ) {
+            this.categoriesPlaysTypes.offensive.categories[index].isSelected = true
+          }
+          for (
+            let index = 0;
+            index < this.categoriesPlaysTypes.defensive.categories.length;
+            index++
+          ) {
+            this.categoriesPlaysTypes.defensive.categories[index].isSelected = true
+            this.arrayCategoryFilter.push()
+            this.arrayCategoryFilterFull.push(this.categoriesPlaysTypes.offensive.categories[index])
+          }
+          for (
+            let index = 0;
+            index < this.categoriesPlaysTypes.possession.categories.length;
+            index++
+          ) {
+            this.categoriesPlaysTypes.possession.categories[index].isSelected = true
+          }
+          for (
+            let index = 0;
+            index < this.categoriesPlaysTypes.offenses.categories.length;
+            index++
+          ) {
+            this.categoriesPlaysTypes.offenses.categories[index].isSelected = true
+          }
+        }
+        if (deleteFilterValID == 'onFiltersField') {
+          this.fVzone = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16]
+
+          this.filters = {
+            zone: this.fVzone,
+            playingAs: this.fVplayingAs,
+            sections: this.fVsections,
+            matchResult: this.fVmatchResult,
+            arrayAgeRange: this.fVarrayAgeRange,
+            typeZone: this.fVtypeZone,
+            setNationalitiesIds: this.fVnationalities,
+            setPositionsIds: this.fVsetPositionsIds,
+            setYear: this.FVYear,
+            booleanAreNationalTeamsVisible: false,
+            setAvailableNationalTeamsPlayersIds: this.FVsetAvailableNationalTeamsPlayersIds,
+          }
+        }
+        if (deleteFilterValID == 'onFiltersPredefined') {
+          this.filtersPredefinedF = this.filters
+          for (let index = 0; index < this.FVfilterGolstats.length; index++) {
+            this.FVfilterGolstats[index].isSelected = false
+          }
+          this.updateFilterGolstats += 1
+          this.resetPredefinedTeamAll()
+        }
+        if (deleteFilterValID == 'onFiltersPredefinedCategory') {
+          this.categoryPredefinedActive = false
+          this.categoryPredefined = 0
+          this.FVfilterGolstats = []
+          this.filtersPredefinedF = this.filters
+          var indiceFilterOnPlaysAuxC = this.arrayFiltersPlays.findIndex(
+            (objeto) => objeto.type === 'onFiltersPredefined',
+          )
+          if (indiceFilterOnPlaysAuxC !== -1) {
+            this.arrayFiltersPlays.splice(indiceFilterOnPlaysAuxC, 1)
+          }
+          for (let indexD = 0; indexD < this.categoriesDefault.length; indexD++) {
+            this.categoriesDefault[indexD].isSelected = false
+          }
+          this.updateFilterPlaytypesGolstats += 1
+        }
+        if (deleteFilterValID == 'onFiltersDetailsTime') {
+          this.detailsObject.gameSections[0].isSelected = true
+          this.detailsObject.gameSections[1].isSelected = true
+          this.detailsObject.gameSections[2].isSelected = true
+          this.detailsObject.gameSections[3].isSelected = true
+          this.detailsObject.gameSections[4].isSelected = true
+          this.detailsObject.gameSections[5].isSelected = true
+          this.fVsections = [1, 2, 3, 4, 5, 6]
+
+          this.filters = {
+            zone: this.fVzone,
+            playingAs: this.fVplayingAs,
+            sections: this.fVsections,
+            matchResult: this.fVmatchResult,
+            arrayAgeRange: this.fVarrayAgeRange,
+            typeZone: this.fVtypeZone,
+            setNationalitiesIds: this.fVnationalities,
+            setPositionsIds: this.fVsetPositionsIds,
+            setYear: this.FVYear,
+            booleanAreNationalTeamsVisible: false,
+            setAvailableNationalTeamsPlayersIds: this.FVsetAvailableNationalTeamsPlayersIds,
+          }
+        }
+        if (deleteFilterValID == 'onFiltersDetailsPlayingAs') {
+          this.detailsObject.playingAs[0].isSelected = true
+          this.detailsObject.playingAs[1].isSelected = true
+          this.fVplayingAs = [1, 2]
+          this.filters = {
+            zone: this.fVzone,
+            playingAs: this.fVplayingAs,
+            sections: this.fVsections,
+            matchResult: this.fVmatchResult,
+            arrayAgeRange: this.fVarrayAgeRange,
+            typeZone: this.fVtypeZone,
+            setNationalitiesIds: this.fVnationalities,
+            setPositionsIds: this.fVsetPositionsIds,
+            setYear: this.FVYear,
+            booleanAreNationalTeamsVisible: false,
+            setAvailableNationalTeamsPlayersIds: this.FVsetAvailableNationalTeamsPlayersIds,
+          }
+        }
+        if (deleteFilterValID == 'onFiltersNationality') {
+          this.fVnationalities.add(138)
+          this.fVnationalities.add(222)
+          this.fVnationalities.add(163)
+          this.fVnationalities.add(51)
+          this.fVnationalities.add(226)
+          this.fVnationalities.add(10)
+          this.fVnationalities.add(223)
+          this.fVnationalities.add(96)
+          this.fVnationalities.add(171)
+          this.fVnationalities.add(198)
+          this.fVnationalities.add(105)
+          this.fVnationalities.add(80)
+          this.fVnationalities.add(29)
+          this.fVnationalities.add(74)
+          this.fVnationalities.add(216)
+          this.fVnationalities.add(196)
+          this.fVnationalities.add(64)
+          this.fVnationalities.add(155)
+          this.fVnationalities.add(156)
+          this.fVnationalities.add(89)
+          this.fVnationalities.add(106)
+          this.fVnationalities.add(81)
+          this.fVnationalities.add(233)
+          this.fVnationalities.add(204)
+          this.filters = {
+            zone: this.fVzone,
+            playingAs: this.fVplayingAs,
+            sections: this.fVsections,
+            matchResult: this.fVmatchResult,
+            arrayAgeRange: this.fVarrayAgeRange,
+            typeZone: this.fVtypeZone,
+            setNationalitiesIds: this.fVnationalities,
+            setPositionsIds: this.fVsetPositionsIds,
+            setYear: this.FVYear,
+            booleanAreNationalTeamsVisible: false,
+            setAvailableNationalTeamsPlayersIds: this.FVsetAvailableNationalTeamsPlayersIds,
+          }
+          const personalDataFilterplayer = this.$refs.personalDataFilterPlayers
+          personalDataFilterplayer.clearFilters(personalDataSubFiltersTypes.NATIONALITY)
+        }
+        if (deleteFilterValID == 'onFiltersPosition') {
+          this.fVsetPositionsIds = [1, 2, 3, 4, 5, 6, 7, 8, 9]
+          this.filters = {
+            zone: this.fVzone,
+            playingAs: this.fVplayingAs,
+            sections: this.fVsections,
+            matchResult: this.fVmatchResult,
+            arrayAgeRange: this.fVarrayAgeRange,
+            typeZone: this.fVtypeZone,
+            setNationalitiesIds: this.fVnationalities,
+            setPositionsIds: this.fVsetPositionsIds,
+            setYear: this.FVYear,
+            booleanAreNationalTeamsVisible: false,
+            setAvailableNationalTeamsPlayersIds: this.FVsetAvailableNationalTeamsPlayersIds,
+          }
+          const personalDataFilterplayer = this.$refs.personalDataFilterPlayers
+          personalDataFilterplayer.clearFilters(personalDataSubFiltersTypes.POSITION)
+        }
+        if (deleteFilterValID == 'onFiltersAge') {
+          this.fVarrayAgeRange = [10, 40]
+          this.filters = {
+            zone: this.fVzone,
+            playingAs: this.fVplayingAs,
+            sections: this.fVsections,
+            matchResult: this.fVmatchResult,
+            arrayAgeRange: this.fVarrayAgeRange,
+            typeZone: this.fVtypeZone,
+            setNationalitiesIds: this.fVnationalities,
+            setPositionsIds: this.fVsetPositionsIds,
+            setYear: this.FVYear,
+            booleanAreNationalTeamsVisible: false,
+            setAvailableNationalTeamsPlayersIds: this.FVsetAvailableNationalTeamsPlayersIds,
+          }
+          const personalDataFilterplayer = this.$refs.personalDataFilterPlayers
+          personalDataFilterplayer.clearFilters(personalDataSubFiltersTypes.AGE_RANGE)
+        }
+        if (deleteFilterValID == 'onFiltersElegibility') {
+          const personalDataFilterplayer = this.$refs.personalDataFilterPlayers
+          personalDataFilterplayer.clearFilters(personalDataSubFiltersTypes.ELIGIBILITY)
+        }
+        if (deleteFilterValID == 'onFiltersYear') {
+          const personalDataFilterplayer = this.$refs.personalDataFilterPlayers
+          personalDataFilterplayer.clearFilters(personalDataSubFiltersTypes.YEAR)
+          this.FVYear = 1900
+          this.filters = {
+            zone: this.fVzone,
+            playingAs: this.fVplayingAs,
+            sections: this.fVsections,
+            matchResult: this.fVmatchResult,
+            arrayAgeRange: this.fVarrayAgeRange,
+            typeZone: this.fVtypeZone,
+            setNationalitiesIds: this.fVnationalities,
+            setPositionsIds: this.fVsetPositionsIds,
+            setYear: this.FVYear,
+            booleanAreNationalTeamsVisible: false,
+            setAvailableNationalTeamsPlayersIds: this.FVsetAvailableNationalTeamsPlayersIds,
+          }
+        }
+      }
+
+      this.arrayFiltersPlays.splice(indiceFilterOnPlays, 1)
+    },
+    clickAll() {
+      // Método eliminado - relacionado con scouting
+    },
+    clickAllAll() {
+      // Método eliminado - relacionado con scouting
+    },
+    clickTeam() {
+      // Método eliminado - relacionado con scouting
+    },
+    clickTeamScouting() {
+      // Método eliminado - relacionado con scouting
+    },
+    resetFilterTeamAndPlayers() {
+      this.filters = {
+        zone: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],
+        playingAs: [1, 2],
+        sections: [1, 2, 3, 4, 5, 6],
+        matchResult: [1, 2, 3],
+        arrayAgeRange: [1, 60],
+        typeZone: 1,
+        setNationalitiesIds: this.setNationalitiesIds, //PROBABELMENTE SE OCUPE LLENAR
+        setPositionsIds: [1, 2, 3, 4, 5, 6, 7, 8, 9], //PROBABELMENTE SE OCUPE LLENAR
+        setYear: this.FVYear,
+        booleanAreNationalTeamsVisible: false,
+        setAvailableNationalTeamsPlayersIds: new Set(),
+      }
+    },
+    async changeTabsGeneral(idchange) {
+      this.resetPredefinedTeamAll()
+      this.showfiltersPc = true
+      this.optionSelected = idchange
+      this.optionSelectedSubmenu = 'Todas las jugadas'
+      this.filtersPredefinedF = {}
+      this.categoryPredefinedActive = false
+      this.categoryPredefined = 0
+      if (idchange == 'Equipos') {
+        this.typeTable = 1
+        this.isTeam = true
+        this.updateTables += 1
+        this.arrayFiltersPlays = []
+        this.teamselect = 0
+        this.resetFilterTeamAndPlayers()
+      }
+      if (idchange == 'Jugadores') {
+        this.typeTable = 0
+        this.isTeam = false
+        this.teamselect = 0
+        this.updateTables += 1
+        this.resetFilterTeamAndPlayers()
+      }
+    },
+    resetPredefinedTeamAll() {
+      var indiceFilterOnPredefinedCategory = this.arrayFiltersPlays.findIndex(
+        (objeto) => objeto.type === 'onFiltersPredefined',
+      )
+
+      if (this.categoriesDefault.length > 0 && indiceFilterOnPredefinedCategory !== -1) {
+        this.categoryPredefinedActive = false
+        this.categoryPredefined = 0
+        this.FVfilterGolstats = []
+        this.filtersPredefinedF = {}
+
+        this.arrayFiltersPlays.splice(indiceFilterOnPredefinedCategory, 1)
+        for (let indexD = 0; indexD < this.categoriesDefault.length; indexD++) {
+          this.categoriesDefault[indexD].isSelected = false
+        }
+        this.updateFilterPlaytypesGolstats += 1
+        //filtro golstats
+        var indiceFilterOnPlaysAuxC = this.arrayFiltersPlays.findIndex(
+          (objeto) => objeto.type === 'onFiltersPredefined',
+        )
+
+        if (indiceFilterOnPlaysAuxC !== -1) {
+          for (let index = 0; index < this.FVfilterGolstats.length; index++) {
+            this.FVfilterGolstats[index].isSelected = false
+          }
+          if (indiceFilterOnPlaysAuxC !== -1) {
+            this.arrayFiltersPlays.splice(indiceFilterOnPlaysAuxC, 1)
+          }
+          this.updateFilterGolstats += 1
+        }
+      }
+    },
+    changeTabsSubmenu(idchange) {
+      if (idchange != 'Predeterminados') {
+        this.resetPredefinedTeamAll()
+      } else {
+        this.arrayFiltersPlays = []
+      }
+
+      this.optionSelectedSubmenu = idchange
+    },
+
+    async fetchTournaments() {
+      const axiosInstance = axios.create({
+        headers: {
+          Authorization: `${this.token}`,
+        },
+      })
+      const { data } = await axiosInstance.get(this.tournamentsUrl)
+      return data
+    },
+    async fetchTeams() {
+      const axiosInstance = axios.create({
+        headers: {
+          Authorization: `${this.token}`,
+        },
+      })
+      const { data } = await axiosInstance.get(this.teamsUrl + this.seasonActive)
+      return data
+    },
+    async fetchTeamsScouting(season) {
+      const axiosInstance = axios.create({
+        headers: {
+          Authorization: `${this.token}`,
+        },
+      })
+      const { data } = await axiosInstance.get(this.teamsUrl + season)
+      return data
+    },
+    async getPredefinedfilters(category) {
+      this.arrayPredefinedFilters = []
+      this.arrayPredefinedOrigin = []
+      var url = ''
+      if (category.id == 1) {
+        url = this.urlFilter
+      } else {
+        url = this.urlFilter
+      }
+
+      const axiosInstance = axios.create({
+        headers: {
+          Authorization: `${this.token}`,
+        },
+      })
+      const { data } = await axiosInstance.get(url + category.id)
+      Object.keys(data[0].match_lapse_combinations).forEach((key) => {
+        this.predefinedFiltersMatchLapse[key.toString()] = data[0].match_lapse_combinations[key]
+      })
+      Object.keys(data[0].playing_as_combinations).forEach((key) => {
+        this.predefinedFiltersPlayingAs[key.toString()] = data[0].playing_as_combinations[key]
+      })
+      Object.keys(data[0].field_sections_combinations).forEach((key) => {
+        this.predefinedFiltersSections[key.toString()] = data[0].field_sections_combinations[key]
+      })
+      if (data[0]) {
+        for (let indexRecord = 0; indexRecord < data[0].filter_records.length; indexRecord++) {
+          var filterText = data[0].description
+
+          if (data[0].filter_records[indexRecord].field_sections !== undefined) {
+            const filterFieldSearch = data[0].filter_records[indexRecord].field_sections.toString()
+            if (
+              this.predefinedFiltersSections[filterFieldSearch] ||
+              this.predefinedFiltersSections[filterFieldSearch] == ''
+            ) {
+              if (this.predefinedFiltersSections[filterFieldSearch] == '') {
+                filterText = filterText.replace(
+                  ' [en {field_sections}]',
+                  this.predefinedFiltersSections[filterFieldSearch],
+                )
+              } else {
+                filterText = filterText.replace(
+                  '{field_sections}',
+                  this.predefinedFiltersSections[filterFieldSearch],
+                )
+              }
+            }
+          }
+          if (data[0].filter_records[indexRecord].match_lapse !== undefined) {
+            const filterMatchSearch = data[0].filter_records[indexRecord].match_lapse.toString()
+            if (
+              this.predefinedFiltersMatchLapse[filterMatchSearch] ||
+              this.predefinedFiltersMatchLapse[filterMatchSearch] == ''
+            ) {
+              if (this.predefinedFiltersMatchLapse[filterMatchSearch] == '') {
+                filterText = filterText.replace(
+                  ' [durante {match_lapse}]',
+                  this.predefinedFiltersMatchLapse[filterMatchSearch],
+                )
+              } else {
+                filterText = filterText.replace(
+                  '{match_lapse}',
+                  this.predefinedFiltersMatchLapse[filterMatchSearch],
+                )
+              }
+            }
+          }
+          if (data[0].filter_records[indexRecord].playing_as !== undefined) {
+            const filterPlayingAsSearch = data[0].filter_records[indexRecord].playing_as.toString()
+            if (
+              this.predefinedFiltersPlayingAs[filterPlayingAsSearch] ||
+              this.predefinedFiltersPlayingAs[filterPlayingAsSearch] == ''
+            ) {
+              if (this.predefinedFiltersPlayingAs[filterPlayingAsSearch] == '') {
+                filterText = filterText.replace(
+                  ' [jugando como {playing_as}]',
+                  this.predefinedFiltersPlayingAs[filterPlayingAsSearch],
+                )
+              } else {
+                filterText = filterText.replace(
+                  '{playing_as}',
+                  this.predefinedFiltersPlayingAs[filterPlayingAsSearch],
+                )
+              }
+            }
+          }
+          if (data[0].filter_records[indexRecord].section_type !== undefined) {
+            if (this.optionSelected == 'Jugadores') {
+              filterText = filterText.replace('{section_type}', 'Jugadores')
+            } else {
+              filterText = filterText.replace('{section_type}', 'Equipos')
+            }
+          }
+
+          filterText = filterText.replace(/\[/g, '')
+          filterText = filterText.replace(/\]/g, '')
+          filterText = filterText.replace('{category_name}', data[0].category_name)
+          const filterNameItem = filterText.split(': ')
+          var textFinal = filterNameItem[1]
+          if (textFinal.length > 129 && this.windowWidth > 1358) {
+            textFinal = textFinal.substring(0, 129)
+            textFinal =
+              textFinal +
+              "<span id='showIDtootip' class='dots' style='width: 100px; height: 20px; background: red; z-index: 6;'" +
+              '>...</span>'
+          }
+
+          if (!this.isCup || data[0].filter_records[indexRecord].playing_as.length === 2) {
+            this.arrayPredefinedFilters.push({
+              id: indexRecord,
+              category_name: category.name,
+              id_category: data[0].id,
+              title: filterNameItem[0] + ':',
+              text: filterNameItem[1],
+              textOrigin: data[0].description,
+              titledots: textFinal,
+              filtersPredefined: {
+                matchResult: data[0].filter_records[indexRecord].match_result,
+                playingAs: data[0].filter_records[indexRecord].playing_as,
+                sections: data[0].filter_records[indexRecord].match_lapse,
+                type: this.optionSelected == 'Equipos' ? 2 : 1,
+                typeZone: data[0].type_zone,
+                zone: data[0].filter_records[indexRecord].field_sections,
+                end_age: 0,
+                start_age: 0,
+                nationalities: [],
+                elegible: [],
+                positions: [],
+              },
+            })
+          }
+        }
+
+        var arrayFVfilterGolstats = []
+        for (let index = 0; index < this.arrayPredefinedFilters.length; index++) {
+          var numfilterApply = 0
+          var nations = new Set()
+          var objectFilterApply = {}
+
+          var TextFinalSub = this.arrayPredefinedFilters[index].text.replace(/\*.*?\*/, '')
+          TextFinalSub = TextFinalSub.replace(/\*/g, '')
+          TextFinalSub = TextFinalSub.replace(/  +/g, ' ')
+          if (this.arrayPredefinedFilters[index].filtersPredefined.elegible.length > 0) {
+            numfilterApply += 1
+          }
+          if (
+            this.arrayPredefinedFilters[index].filtersPredefined.end_age.length != 0 ||
+            this.arrayPredefinedFilters[index].filtersPredefined.start_age.length != 0
+          ) {
+            numfilterApply += 1
+          }
+          if (
+            this.arrayPredefinedFilters[index].filtersPredefined.end_age != 0 &&
+            this.arrayPredefinedFilters[index].filtersPredefined.start_age != 0
+          ) {
+            objectFilterApply.arrayAgeRange = [
+              this.arrayPredefinedFilters[index].filtersPredefined.start_age,
+              this.arrayPredefinedFilters[index].filtersPredefined.end_age,
+            ]
+          } else {
+            if (
+              this.arrayPredefinedFilters[index].filtersPredefined.end_age == 0 &&
+              this.arrayPredefinedFilters[index].filtersPredefined.start_age == 0
+            ) {
+              objectFilterApply.arrayAgeRange = [1, 60]
+            } else {
+              if (
+                this.arrayPredefinedFilters[index].filtersPredefined.start_age != 0 &&
+                this.arrayPredefinedFilters[index].filtersPredefined.end_age == 0
+              ) {
+                objectFilterApply.arrayAgeRange = [
+                  this.arrayPredefinedFilters[index].filtersPredefined.start_age,
+                  60,
+                ]
+              } else {
+                objectFilterApply.arrayAgeRange = [
+                  1,
+                  this.arrayPredefinedFilters[index].filtersPredefined.end_age,
+                ]
+              }
+            }
+          }
+          if (this.arrayPredefinedFilters[index].filtersPredefined.matchResult.length != 3) {
+            numfilterApply += 1
+          }
+          objectFilterApply.matchResult =
+            this.arrayPredefinedFilters[index].filtersPredefined.matchResult
+          if (this.arrayPredefinedFilters[index].filtersPredefined.nationalities.length > 0) {
+            numfilterApply += 1
+          }
+          if (this.arrayPredefinedFilters[index].filtersPredefined.nationalities.length != 0) {
+            for (
+              let indexNA = 0;
+              indexNA < this.arrayPredefinedFilters[index].filtersPredefined.nationalities.length;
+              indexNA++
+            ) {
+              nations.add(
+                this.arrayPredefinedFilters[index].filtersPredefined.nationalities[indexNA],
+              )
+            }
+            objectFilterApply.setNationalitiesIds = nations
+          } else {
+            nations.add(138)
+            nations.add(222)
+            nations.add(163)
+            nations.add(51)
+            nations.add(226)
+            nations.add(10)
+            nations.add(223)
+            nations.add(96)
+            nations.add(171)
+            nations.add(198)
+            nations.add(105)
+            nations.add(80)
+            nations.add(29)
+            nations.add(74)
+            nations.add(216)
+            nations.add(196)
+            nations.add(64)
+            nations.add(155)
+            nations.add(156)
+            nations.add(89)
+            nations.add(106)
+            nations.add(81)
+            nations.add(233)
+            nations.add(204)
+            objectFilterApply.setNationalitiesIds = nations
+          }
+          if (this.arrayPredefinedFilters[index].filtersPredefined.playingAs.length != 2) {
+            numfilterApply += 1
+          }
+          objectFilterApply.playingAs =
+            this.arrayPredefinedFilters[index].filtersPredefined.playingAs
+          if (this.arrayPredefinedFilters[index].filtersPredefined.positions.length > 0) {
+            numfilterApply += 1
+          }
+          if (this.arrayPredefinedFilters[index].filtersPredefined.positions.length > 0) {
+            objectFilterApply.setPositionsIds =
+              this.arrayPredefinedFilters[index].filtersPredefined.positions
+          } else {
+            objectFilterApply.setPositionsIds = [1, 2, 3, 4, 5, 6, 7, 8, 9]
+          }
+          if (this.arrayPredefinedFilters[index].filtersPredefined.sections.length != 6) {
+            numfilterApply += 1
+          }
+          if (this.arrayPredefinedFilters[index].filtersPredefined.sections.length > 0) {
+            objectFilterApply.sections =
+              this.arrayPredefinedFilters[index].filtersPredefined.sections
+          } else {
+            objectFilterApply.sections = [1, 2, 3, 4, 5, 6]
+          }
+          if (this.arrayPredefinedFilters[index].filtersPredefined.zone.length != 16) {
+            numfilterApply += 1
+          }
+          if (this.arrayPredefinedFilters[index].filtersPredefined.zone.length > 0) {
+            objectFilterApply.zone = this.arrayPredefinedFilters[index].filtersPredefined.zone
+          } else {
+            objectFilterApply.zone = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16]
+          }
+          objectFilterApply.typeZone = this.arrayPredefinedFilters[index].filtersPredefined.typeZone
+          arrayFVfilterGolstats.push({
+            id: index + 1,
+            name: TextFinalSub,
+            isSelected: false,
+            value: numfilterApply,
+            filters: objectFilterApply,
+          })
+        }
+        this.FVfilterGolstats = arrayFVfilterGolstats
+        this.updateFilterGolstats += 1
+        this.arrayPredefinedOrigin = JSON.parse(JSON.stringify(this.arrayPredefinedFilters))
+      }
+    },
+    getTextFilterPredefinedCustom() {
+      this.setDinamicFilters(this.filterEmitAux)
+
+      var filterTextCustom =
+        this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].textOrigin
+
+      const filterFieldSearch = this.arrayPredefinedFilters[
+        this.indexPredefinedFiltersSelected
+      ].filtersPredefined.zone
+        .sort((a, b) => a - b)
+        .toString()
+
+      if (
+        this.predefinedFiltersSections[filterFieldSearch] ||
+        this.predefinedFiltersSections[filterFieldSearch] == ''
+      ) {
+        if (this.predefinedFiltersSections[filterFieldSearch] == '') {
+          filterTextCustom = filterTextCustom.replace(
+            ' [en {field_sections}]',
+            this.predefinedFiltersSections[filterFieldSearch],
+          )
+        } else {
+          filterTextCustom = filterTextCustom.replace(
+            '{field_sections}',
+            this.predefinedFiltersSections[filterFieldSearch],
+          )
+        }
+      } else {
+        filterTextCustom = filterTextCustom.replace(
+          '{field_sections}',
+          this.predefinedFiltersSections['other'],
+        )
+      }
+      var flagPosi = false
+      if (
+        this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+          .nationalities.size > 0
+      ) {
+        if (
+          this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+            .nationalities.size == this.setNationalityIds.size
+        ) {
+          filterTextCustom = filterTextCustom.replace('[{nationality}]', '')
+          filterTextCustom = filterTextCustom.replace(
+            '[de las nacionalidades y posiciones seleccionadas]',
+            '',
+          )
+          filterTextCustom = filterTextCustom.replace('[de las nacionalidades seleccionadas]', '')
+        } else {
+          if (
+            this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+              .nationalities.size == 1
+          ) {
+            filterTextCustom = filterTextCustom.replace(
+              '[{nationality}]',
+              this.$t(
+                `gentilicios[${
+                  [
+                    ...this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected]
+                      .filtersPredefined.nationalities,
+                  ][0]
+                }]`,
+              ),
+            )
+            filterTextCustom = filterTextCustom.replace(
+              '[de las nacionalidades y posiciones seleccionadas]',
+              '',
+            )
+            filterTextCustom = filterTextCustom.replace('[de las nacionalidades seleccionadas]', '')
+          } else {
+            if (
+              this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+                .positions.size > 0 &&
+              this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+                .positions.size != this.setPositionsIds.size
+            ) {
+              flagPosi = true
+              filterTextCustom = filterTextCustom.replace('[{nationality}]', '')
+              filterTextCustom = filterTextCustom.replace(
+                '[de las nacionalidades seleccionadas]',
+                '',
+              )
+            } else {
+              filterTextCustom = filterTextCustom.replace('[{nationality}]', '')
+              filterTextCustom = filterTextCustom.replace(
+                '[de las nacionalidades y posiciones seleccionadas]',
+                '',
+              )
+            }
+          }
+        }
+      } else {
+        filterTextCustom = filterTextCustom.replace('[{nationality}]', '')
+        filterTextCustom = filterTextCustom.replace(
+          '[de las nacionalidades y posiciones seleccionadas]',
+          '',
+        )
+        filterTextCustom = filterTextCustom.replace('[de las nacionalidades seleccionadas]', '')
+      }
+      if (
+        this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+          .nationalities.size > 0
+      ) {
+        if (flagPosi) {
+          filterTextCustom = filterTextCustom.replace('[de las posiciones seleccionadas]', '')
+        } else {
+          if (
+            this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+              .positions.size == this.setPositionsIds.size
+          ) {
+            filterTextCustom = filterTextCustom.replace('[de las posiciones seleccionadas]', '')
+          }
+        }
+      } else {
+        filterTextCustom = filterTextCustom.replace('[de las posiciones seleccionadas]', '')
+      }
+      if (
+        this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+          .start_age != 0 &&
+        this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+          .end_age != 0
+      ) {
+        if (
+          this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+            .start_age != this.arrayAgeRange[0] &&
+          this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+            .end_age != this.arrayAgeRange[1]
+        ) {
+          if (
+            this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+              .start_age ==
+            this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+              .end_age
+          ) {
+            filterTextCustom = filterTextCustom.replace('[de {min_age} a {max_age} años]', '')
+            filterTextCustom = filterTextCustom.replace(
+              '[de {min_age} años]',
+              '[de ' +
+                this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+                  .start_age +
+                ' años]',
+            )
+          } else {
+            filterTextCustom = filterTextCustom.replace('[de {min_age} años]', '')
+            filterTextCustom = filterTextCustom.replace(
+              '[de {min_age} a {max_age} años]',
+              '[de ' +
+                this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+                  .start_age +
+                ' a ' +
+                this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+                  .end_age +
+                ' años]',
+            )
+          }
+        } else {
+          if (
+            this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+              .start_age != this.arrayAgeRange[0] ||
+            this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+              .end_age != this.arrayAgeRange[1]
+          ) {
+            if (
+              this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+                .start_age ==
+              this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+                .end_age
+            ) {
+              filterTextCustom = filterTextCustom.replace('[de {min_age} a {max_age} años]', '')
+              filterTextCustom = filterTextCustom.replace(
+                '[de {min_age} años]',
+                '[de ' +
+                  this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+                    .start_age +
+                  ' años]',
+              )
+            } else {
+              filterTextCustom = filterTextCustom.replace('[de {min_age} años]', '')
+              filterTextCustom = filterTextCustom.replace(
+                '[de {min_age} a {max_age} años]',
+                '[de ' +
+                  this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+                    .start_age +
+                  ' a ' +
+                  this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].filtersPredefined
+                    .end_age +
+                  ' años]',
+              )
+            }
+          } else {
+            filterTextCustom = filterTextCustom.replace('[de {min_age} a {max_age} años]', '')
+            filterTextCustom = filterTextCustom.replace('[de {min_age} años]', '')
+          }
+        }
+      } else {
+        filterTextCustom = filterTextCustom.replace('[de {min_age} años]', '')
+        filterTextCustom = filterTextCustom.replace('[de {min_age} a {max_age} años]', '')
+      }
+      const filterMatchSearch = this.arrayPredefinedFilters[
+        this.indexPredefinedFiltersSelected
+      ].filtersPredefined.sections
+        .sort()
+        .toString()
+      if (
+        this.predefinedFiltersMatchLapse[filterMatchSearch] ||
+        this.predefinedFiltersMatchLapse[filterMatchSearch] == ''
+      ) {
+        if (this.predefinedFiltersMatchLapse[filterMatchSearch] == '') {
+          filterTextCustom = filterTextCustom.replace(
+            ' [durante {match_lapse}]',
+            this.predefinedFiltersMatchLapse[filterMatchSearch],
+          )
+        } else {
+          filterTextCustom = filterTextCustom.replace(
+            '{match_lapse}',
+            this.predefinedFiltersMatchLapse[filterMatchSearch],
+          )
+        }
+      } else {
+        filterTextCustom = filterTextCustom.replace(
+          '{match_lapse}',
+          ' ' + this.predefinedFiltersMatchLapse['other'],
+        )
+        var textfilterMatchAlternative = ''
+        if (filterMatchSearch.includes(1)) {
+          textfilterMatchAlternative = textfilterMatchAlternative + '0-15, '
+        }
+        if (filterMatchSearch.includes(2)) {
+          textfilterMatchAlternative = textfilterMatchAlternative + '16-30, '
+        }
+        if (filterMatchSearch.includes(3)) {
+          textfilterMatchAlternative = textfilterMatchAlternative + '31-45, '
+        }
+        if (filterMatchSearch.includes(4)) {
+          textfilterMatchAlternative = textfilterMatchAlternative + '46-60, '
+        }
+        if (filterMatchSearch.includes(5)) {
+          textfilterMatchAlternative = textfilterMatchAlternative + '61-75, '
+        }
+        if (filterMatchSearch.includes(6)) {
+          textfilterMatchAlternative = textfilterMatchAlternative + '76-90, '
+        }
+        textfilterMatchAlternative = textfilterMatchAlternative.slice(0, -2)
+        textfilterMatchAlternative = textfilterMatchAlternative.replace(/,([^,]*)$/, ' y ' + '$1')
+        filterTextCustom = filterTextCustom.replace(
+          '{match_lapse_selected}',
+          textfilterMatchAlternative,
+        )
+      }
+      const filterPlayingAsSearch = this.arrayPredefinedFilters[
+        this.indexPredefinedFiltersSelected
+      ].filtersPredefined.playingAs
+        .sort()
+        .toString()
+      if (
+        this.predefinedFiltersPlayingAs[filterPlayingAsSearch] ||
+        this.predefinedFiltersPlayingAs[filterPlayingAsSearch] == ''
+      ) {
+        if (this.predefinedFiltersPlayingAs[filterPlayingAsSearch] == '') {
+          filterTextCustom = filterTextCustom.replace(
+            ' [jugando como {playing_as}]',
+            this.predefinedFiltersPlayingAs[filterPlayingAsSearch],
+          )
+        } else {
+          filterTextCustom = filterTextCustom.replace(
+            '{playing_as}',
+            this.predefinedFiltersPlayingAs[filterPlayingAsSearch],
+          )
+        }
+      }
+      if (this.typeSelected == 1) {
+        if (this.getUser.tournament == 1001) {
+          if (this.category.id == 22) {
+            filterTextCustom = filterTextCustom.replace('{section_type}', 'Porteras')
+          } else {
+            filterTextCustom = filterTextCustom.replace('{section_type}', 'Jugadoras')
+          }
+        } else {
+          if (this.category.id == 22) {
+            filterTextCustom = filterTextCustom.replace('{section_type}', 'Porteros')
+          } else {
+            filterTextCustom = filterTextCustom.replace('{section_type}', 'Jugadores')
+          }
+        }
+      } else {
+        filterTextCustom = filterTextCustom.replace('{section_type}', 'Equipos')
+      }
+      filterTextCustom = filterTextCustom.replace(/\[/g, '')
+      filterTextCustom = filterTextCustom.replace(/\]/g, '')
+      filterTextCustom = filterTextCustom.replace(
+        '{category_name}',
+        this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].category_name,
+      )
+      const filterNameItem = filterTextCustom.split(': ')
+      let textFinal =
+        filterNameItem[1].charAt(0).toUpperCase() + filterNameItem[1].toLowerCase().slice(1)
+      let textForDots =
+        filterNameItem[1].charAt(0).toUpperCase() + filterNameItem[1].toLowerCase().slice(1)
+      this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].text = textFinal
+      this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].title =
+        filterNameItem[0] + ':'
+
+      const matches = textForDots.match(/\*/g)
+      if (matches && matches.length) {
+        if (matches.length % 2 === 0) {
+          for (let i = 1; i <= matches.length; i++) {
+            if (i % 2 === 0) {
+              // textForDots = textForDots.replace('*', '</span>');
+            } else {
+              textForDots = textForDots.replace('*', '<span style="color: #ffff03" >')
+            }
+          }
+        } else {
+          textForDots = textForDots.replaceAll('*', '')
+        }
+      }
+
+      this.arrayPredefinedFilters[this.indexPredefinedFiltersSelected].titledots = textForDots
+    },
+    intervalidtops(id) {
+      this.$emit('intervalidtops', id)
+    },
+  },
+  mounted() {
+    if (sessionStorage.getItem('sidpdfil') !== null) {
+      sessionStorage.setItem('sidpdfil', 0)
+    }
+    this.renderNext()
+
+    if (this.teamId !== 0) {
+      this.clickTeam(this.teamId)
+    }
+
+    if (this.defaultSection !== 'Jugadores') {
+      this.changeTabsGeneral(this.defaultSection)
+    }
+  },
+  async created() {
+    try {
+      const axiosInstance4 = axios.create({
+        headers: { 'Content-Type': 'application/json' },
+      })
+      axiosInstance4.interceptors.request.use((config) => {
+        delete config.headers.Authorization
+        return config
+      })
+      const data = await axiosInstance4.get(
+        'https://golstats-microservices.s3.us-west-2.amazonaws.com/eligibles/elegibles.json',
+        { headers: { 'Content-Type': 'application/json' } },
+      )
+
+      this.fVnationalities.add(138)
+      this.fVnationalities.add(222)
+      this.fVnationalities.add(163)
+      this.fVnationalities.add(51)
+      this.fVnationalities.add(226)
+      this.fVnationalities.add(10)
+      this.fVnationalities.add(223)
+      this.fVnationalities.add(96)
+      this.fVnationalities.add(171)
+      this.fVnationalities.add(198)
+      this.fVnationalities.add(105)
+      this.fVnationalities.add(80)
+      this.fVnationalities.add(29)
+      this.fVnationalities.add(74)
+      this.fVnationalities.add(216)
+      this.fVnationalities.add(196)
+      this.fVnationalities.add(64)
+      this.fVnationalities.add(155)
+      this.fVnationalities.add(156)
+      this.fVnationalities.add(89)
+      this.fVnationalities.add(106)
+      this.fVnationalities.add(81)
+      this.fVnationalities.add(233)
+      this.fVnationalities.add(204)
+    } catch (e) {
+      throw new Error(e)
+    }
+  },
+}
+</script>
+<style lang="scss">
+.cont-leyemd-multipleleagues {
+  width: 100%;
+  height: 20px;
+  display: inline-flex;
+  align-content: center;
+  justify-content: center;
+  align-items: center;
+}
+.img-leyemd-multipleleagues {
+  margin-right: 20px;
+}
+
+.HiddenFilters {
+  display: none;
+}
+.overlay-loading {
+  position: fixed; /* Sit on top of the page content */
+  display: flex; /* Hidden by default */
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%; /* Full width (cover the whole page) */
+  height: 100%; /* Full height (cover the whole page) */
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
+  z-index: 100; /* Specify a stack order in case you're using a different order for other elements */
+
+  &__spinner {
+    height: 70px;
+    -webkit-animation: spin 2s linear infinite; /* Safari */
+    animation: spin 2s linear infinite;
+
+    & > img {
+      height: 70px;
+      object-fit: contain;
+    }
+  }
+
+  &__text {
+    font-size: 1.4rem;
+    margin-top: 0.8em;
+    color: white;
+    font-family: 'Poppins-Regular';
+  }
+}
+
+/* Safari */
+@-webkit-keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+  }
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+</style>
+<style module lang="scss">
+@import '/css/fonts.css';
+@import '/styles.css';
+.containerScountingBtncom {
+  width: 100%;
+  height: 35px;
+  margin-top: 15px;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  align-content: center;
+}
+.btnDeleteAplicacom {
+  width: 190px;
+  height: 32px;
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 20px;
+  text-align: center;
+  font-size: 12px;
+  font-family: 'Poppins-Regular';
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  align-content: center;
+}
+.btnDeleteAplicacom:hover {
+  background-color: rgba(255, 255, 255, 0.8);
+  color: #313131;
+  cursor: pointer;
+}
+.SearchBtnBarcom {
+  width: 85px;
+  height: 32px;
+  margin-left: 10px;
+  font-family: 'Poppins-Medium';
+  background-color: rgb(203, 238, 107);
+  color: #313131;
+  text-align: center;
+  font-size: 12px;
+  line-height: 32px;
+  border-radius: 35px;
+}
+.SearchBtnBarcom:hover {
+  background-color: rgb(155, 198, 36);
+  color: #313131;
+  cursor: pointer;
+}
+.btnLeyendTxtcom {
+  font-family: 'Poppins-Regular';
+  font-size: 15px;
+  color: #e4e5e6;
+  margin-left: 5px;
+  text-align: center;
+  margin-top: 50px;
+}
+.BtnSearchScountingcom {
+  width: 65px;
+  height: 40px;
+  margin-left: 10px;
+  font-family: 'Poppins-Medium';
+  background-color: rgb(203, 238, 107);
+  color: #313131;
+  text-align: center;
+  line-height: 40px;
+  border-radius: 5px;
+  @media only screen and (max-width: 760px) {
+    width: auto;
+    margin-left: 0;
+  }
+}
+.BtnSearchScountingcom:hover {
+  background-color: rgb(155, 198, 36);
+  color: #313131;
+  cursor: pointer;
+}
+.containerPredefinedcom {
+  width: 94%;
+  height: 830px;
+  border: 1px solid #717c86;
+  border-radius: 8px;
+}
+.containerPredefinedScountingcom {
+  width: 100% !important;
+  height: 300px;
+  margin-top: 20px;
+  display: inline-block;
+  border-radius: 8px;
+}
+.titleContainerPredefinedcom {
+  font-family: 'Poppins-Medium';
+  margin: 0 auto;
+  text-align: center;
+  width: 100%;
+  font-size: 14px;
+  color: #ffffff;
+  margin-top: 340px;
+  margin-bottom: 7px;
+}
+.subtitleContainerPredefinedcom {
+  font-family: 'Poppins-Regular';
+  margin: 0 auto;
+  text-align: center;
+  width: 100%;
+  font-size: 13px;
+  color: rgba(255, 255, 255, 0.7);
+
+  & > span {
+    font-family: 'Poppins-SemiBold';
+  }
+}
+</style>