@golstats/gsc-top-player 1.0.11 → 1.0.13

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

@@ -1,2473 +1,2473 @@
-<template>
-  <div ref="myDivRefTopsFull" style="width: 100%; max-width: 100%; box-sizing: border-box">
-    <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="0"
-          :category="category.id"
-          :type-table="typeTable"
-          :categoryName="category.name"
-          :season-selected="seasonSelected"
-          :season="seasonActive"
-          :filter-team="teamselect"
-          :num-rows="numRows"
-          :key="updateTables"
-          :dummy-data="dummyData"
-        />
-      </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: 0,
-    },
-    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: '',
-    },
-    numRows: {
-      type: Number,
-      default: 5,
-    },
-    dummyData: {
-      type: Array,
-      default: null,
-    },
-  },
-  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>
+<template>
+  <div ref="myDivRefTopsFull" style="width: 100%; max-width: 100%; box-sizing: border-box">
+    <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="type"
+          :category="category.id"
+          :type-table="typeTable"
+          :categoryName="category.name"
+          :season-selected="seasonSelected"
+          :season="seasonActive"
+          :filter-team="teamselect"
+          :num-rows="numRows"
+          :key="updateTables"
+          :dummy-data="dummyData"
+        />
+      </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,
+    },
+    type: {
+      type: Number,
+      default: 0,
+    },
+    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: '',
+    },
+    numRows: {
+      type: Number,
+      default: 5,
+    },
+    dummyData: {
+      type: Array,
+      default: null,
+    },
+  },
+  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>