@golstats/gsc-top-player 1.0.0

package/src/components/comparative/nationalities-catalog.js

@@ -0,0 +1,233 @@
+export default {
+  3: 'Albanesa',
+  4: 'Argelina',
+  6: 'Andorrano',
+  7: 'Angoleña',
+  8: 'Anguillan',
+  9: 'Antiguan',
+  10: 'Argentina',
+  11: 'Armenia',
+  12: 'Arubeño',
+  13: 'Austríaca',
+  14: 'Austríaca',
+  15: 'Azerbaiyano',
+  16: 'Bahamas',
+  17: 'Bareini',
+  18: 'Bangladesí',
+  19: 'Barbadense',
+  20: 'Bielorrusa',
+  21: 'Belga',
+  22: 'Beliceña',
+  23: 'Beninesa',
+  24: 'Bermudeña',
+  25: 'Butanés',
+  26: 'Boliviana',
+  27: 'Bosnia',
+  28: 'Botsuano',
+  29: 'Brasileña',
+  30: 'Islas Vírgenes Británicas',
+  31: 'Bruneano',
+  32: 'Búlgara',
+  33: 'Burundés',
+  34: 'Burmesa',
+  35: 'Burundés',
+  36: 'Camboyana',
+  37: 'Camerunés',
+  38: 'Canadiense',
+  39: 'Caboverdiano',
+  40: 'Caimanés',
+  41: 'Centroafricana',
+  42: 'Chadiano',
+  43: 'Chilena',
+  44: 'China',
+  45: 'Isla de Navidad',
+  46: 'Cocos Island',
+  47: 'Colombiana',
+  48: 'Comorense',
+  49: 'Congoleña',
+  50: 'Cookiano',
+  51: 'Costarricense',
+  52: 'Marfileña',
+  53: 'Croata',
+  54: 'Cubana',
+  55: 'Chipriota',
+  56: 'Checa',
+  57: 'Danesa',
+  58: 'Djibouti',
+  60: 'Dominicana',
+  61: 'Timorense',
+  62: 'Ecuatoriana',
+  63: 'Egipcia',
+  64: 'Salvadoreña',
+  65: 'Inglesa',
+  66: 'Ecuatoguineano',
+  67: 'Eritreo',
+  68: 'Estoniana',
+  69: 'Etíope',
+  70: 'Islas Malvinas',
+  71: 'Feroés',
+  72: 'Fiyiano',
+  73: 'Finlandesa',
+  74: 'Francesa',
+  75: 'Guayana Francesa',
+  76: 'Francopolinecio',
+  77: 'Gabonesa',
+  78: 'Gambiana',
+  79: 'Georgiano',
+  80: 'Alemana',
+  81: 'Ghanesa',
+  82: 'Gibraltareño',
+  221: 'Británico',
+  84: 'Griega',
+  85: 'Groenlandés',
+  86: 'Granadino',
+  87: 'Guadeloupeño',
+  89: 'Guatemalteca',
+  90: 'Guineana',
+  91: 'Guyanés',
+  92: 'Haitiana',
+  93: 'Hondureña',
+  94: 'Hongkongese',
+  95: 'Húngaro',
+  96: 'Islandesa',
+  97: 'Indio',
+  98: 'Indonesia',
+  99: 'Iraní',
+  100: 'Iraquí',
+  101: 'Irlandesa',
+  102: 'Manés',
+  103: 'Israelí',
+  104: 'Italiana',
+  105: 'Jamaiquina',
+  106: 'Japonesa',
+  107: 'Jordana',
+  108: 'Kazaja',
+  109: 'Keniana',
+  110: 'Kiribatiano',
+  111: 'Coreana',
+  112: 'Surcoreana',
+  113: 'Kosovan',
+  114: 'Kuwaití',
+  115: 'Kirguisa',
+  116: 'Laosiano',
+  117: 'Letona',
+  118: 'Libanesa',
+  119: 'Basotho',
+  120: 'Liberiana',
+  121: 'Libia',
+  122: 'Liechtenstein',
+  123: 'Lituano',
+  124: 'Luxemburguesa',
+  125: 'Macaneso',
+  126: 'Macedonia',
+  127: 'Malgache',
+  128: 'Malaya',
+  129: 'Malaya',
+  130: 'Maldivo',
+  131: 'Mali',
+  132: 'Maltesa',
+  133: 'Marshallese',
+  134: 'Martiniqueña',
+  135: 'Mauritania',
+  136: 'Mauriciano',
+  137: 'Mahoran',
+  138: 'Mexicana',
+  139: 'Micronesio',
+  140: 'Moldava',
+  141: 'Monacan',
+  142: 'Mongol',
+  143: 'Montenegrina',
+  144: 'Montserratiano',
+  145: 'Marroqui',
+  146: 'Mozambiqueña',
+  147: 'Namibio',
+  148: 'Nauruan',
+  149: 'Nepalí',
+  150: 'Holandesa',
+  151: 'Neocaledonio',
+  152: 'Neozelandesa',
+  153: 'Nicaragüense',
+  154: 'Niueño',
+  155: 'Nigerina',
+  156: 'Nigeriana',
+  157: 'Noruega',
+  158: 'Normariano',
+  159: 'Omaní',
+  160: 'Palestina',
+  161: 'Palestina',
+  162: 'Palauan',
+  163: 'Panameña',
+  164: 'Papú',
+  165: 'Paraguaya',
+  166: 'Peruana',
+  167: 'Filipina',
+  168: 'Pitcairnés',
+  169: 'Polaca',
+  170: 'Portuguesa',
+  171: 'Puertorriqueña',
+  172: 'Catari',
+  173: 'Reunionés',
+  174: 'Rumana',
+  175: 'Rusa',
+  176: 'Ruandés',
+  177: 'Santa Elena',
+  178: 'Sancristobaleña',
+  179: 'Santa Lucía',
+  180: 'Miquelonnais',
+  181: 'Sanvicentina',
+  182: 'Samoano',
+  183: 'Sanmariense',
+  184: 'Santotomense',
+  185: 'Saudí',
+  186: 'Escocesa',
+  187: 'Senegalense',
+  188: 'Serbia',
+  189: 'Seychellense',
+  190: 'Sierraleonesa',
+  191: 'Singapurense',
+  192: 'Eslovena',
+  193: 'Eslovena',
+  194: 'Salomonense',
+  195: 'Somalí',
+  196: 'Sudafricana',
+  197: 'Surosetio',
+  198: 'Española',
+  199: 'Esrilanques',
+  200: 'Sudanés',
+  201: 'Surinamés',
+  202: 'Swazi',
+  203: 'Sueca',
+  204: 'Suiza',
+  205: 'Sirio',
+  206: 'Taiwanesa',
+  207: 'Tayiko',
+  208: 'Tanzano',
+  209: 'Tailandesa',
+  210: 'Togo',
+  211: 'Tongano',
+  212: 'Trinitaria',
+  213: 'Tunecina',
+  214: 'Turca',
+  215: 'Turkmena',
+  216: 'none',
+  217: 'Tuvaluano',
+  218: 'Ugandesa',
+  219: 'Ucraniana',
+  220: 'Emiratí',
+  222: 'Americana',
+  223: 'Uruguaya',
+  224: 'Uzbeka',
+  225: 'Vanuatuense',
+  226: 'Venezolana',
+  227: 'Vietnamita',
+  228: 'Islas Vírgenes',
+  229: 'Galesa',
+  230: 'Walisiano',
+  231: 'Saharaui',
+  232: 'Yemení',
+  233: 'Zambiana',
+  234: 'Zimbabuense',
+  236: 'Curazaleña',
+  237: 'San Martín',
+  239: 'Debutante'
+}

package/src/components/comparative/playsTypes.js

@@ -0,0 +1,142 @@
+export default {
+  offensive: {
+    title: 'Ofensivo',
+    categories: [
+      {
+        name: 'Goles',
+        isSelected: false,
+        id: 1
+      },
+      {
+        name: 'Tiros a gol',
+        isSelected: false,
+        id: 2
+      },
+      {
+        name: 'Tiros a gol con destino a portería',
+        isSelected: false,
+        id: 7
+      },
+      {
+        name: 'Asistencias',
+        isSelected: false,
+        id: 4
+      },
+      {
+        name: 'Centros',
+        isSelected: false,
+        id: 10
+      },
+      {
+        name: 'Centros acertados',
+        isSelected: false,
+        id: 11
+      },
+      {
+        name: 'Participaciones en gol',
+        isSelected: false,
+        id: 5
+      },
+      {
+        name: '1vs1 exitosos ofensivos',
+        isSelected: false,
+        id: 12
+      },
+      {
+        name: '1vs1 exitosos ofensivos que terminan en gol',
+        isSelected: false,
+        id: 13
+      },
+      {
+        name: 'Balones ganados en área rival',
+        isSelected: false,
+        id: 17
+      },
+      {
+        name: 'Cabeceos en área rival',
+        isSelected: false,
+        id: 8
+      },
+      {
+        name: 'Tiros de esquina',
+        isSelected: false,
+        id: 23
+      }
+    ]
+  },
+  defensive: {
+    title: 'Defensivo',
+    categories: [
+      {
+        name: '1vs1 defensivos exitosos',
+        isSelected: false,
+        id: 14
+      },
+      {
+        name: 'Cabeceo en área propia',
+        isSelected: false,
+        id: 9
+      },
+      {
+        name: 'Balones ganados en área propia',
+        isSelected: false,
+        id: 16
+      },
+      {
+        name: 'Rechaces',
+        isSelected: false,
+        id: 15
+      },
+      {
+        name: 'Atajadas',
+        isSelected: false,
+        id: 22
+      }
+    ]
+  },
+  possession: {
+    title: 'Posesión',
+    categories: [
+      {
+        name: 'Pases acertados',
+        isSelected: false,
+        id: 2
+      },
+      {
+        name: 'Balones recuperados en disputa',
+        isSelected: false,
+        id: 3
+      }
+    ]
+  },
+  offenses: {
+    title: 'Infracciones',
+    categories: [
+      {
+        name: 'Faltas cometidas',
+        isSelected: false,
+        id: 21
+      },
+      {
+        name: 'Faltas recibidas',
+        isSelected: false,
+        id: 19
+      },
+      {
+        name: 'Tarjetas amarillas',
+        isSelected: false,
+        id: 20
+      },
+      {
+        name: 'Tarjetas rojas',
+        isSelected: false,
+        id: 21
+      }
+    ]
+  },
+  offensesConditions: {
+    areYellowCardSelected: false,
+    areRedCardSelected: false,
+    areFoulsCommittedSelected: false
+  }
+}

package/src/components/comparative/useElementSize.js

@@ -0,0 +1,23 @@
+// useElementSize.js
+import { ref, onMounted, onUnmounted } from 'vue'
+
+export default function useElementSize(elementRef) {
+  const elementSize = ref({ width: 0, height: 0 })
+
+  function updateSize() {
+    const rect = elementRef.value.getBoundingClientRect()
+    elementSize.value.width = rect.width
+    elementSize.value.height = rect.height
+  }
+
+  onMounted(() => {
+    updateSize()
+    window.addEventListener('resize', updateSize)
+  })
+
+  onUnmounted(() => {
+    window.removeEventListener('resize', updateSize)
+  })
+
+  return { elementSize }
+}

package/src/components/gsc-top-player.vue

@@ -0,0 +1,69 @@
+<template>
+  <div class="gsc-top-player">
+    <GSCTopFull
+      :can-play-videos="canPlayVideos"
+      :carrousel="carrousel"
+      :arrow="arrow"
+      :type-data="type"
+      :game-id="gamed"
+      :season-active="season"
+      :teamselect="teamView"
+      :category-view="categoryView"
+    />
+  </div>
+</template>
+
+<script setup>
+import GSCTopFull from '@/components/comparative/gsc-tops-full.vue'
+
+// Definir todas las props
+defineProps({
+  categoryView: {
+    type: Array,
+    default: () => [],
+  },
+  canPlayVideos: {
+    type: Boolean,
+    default: true,
+  },
+  carrousel: {
+    type: Boolean,
+    default: false,
+  },
+  arrow: {
+    type: Boolean,
+    default: false,
+  },
+  type: {
+    type: Number,
+    default: 1,
+  },
+  gamed: {
+    type: Number,
+    default: 90209,
+  },
+  season: {
+    type: Number,
+    default: 1909,
+  },
+  teamView: {
+    type: Number,
+    default: 0,
+  },
+})
+</script>
+
+<style scoped>
+.gsc-top-player {
+  text-align: center;
+}
+
+h1 {
+  color: #42b883;
+  margin-bottom: 10px;
+}
+
+p {
+  color: #666;
+}
+</style>

package/src/index.js

@@ -0,0 +1,5 @@
+'use strict'
+import GscTopPlayer from './components/gsc-top-player.vue'
+
+// Exportar también como componente nombrado
+export { GscTopPlayer }

package/src/main.js

@@ -0,0 +1,4 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')