@golstats/gsc-top-player 1.0.0

package/dist/tiempo-agregado.svg

@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill: #172531;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1">
+    <g>
+      <g id="Oval">
+        <circle class="cls-2" cx="24" cy="24" r="24"/>
+      </g>
+      <g id="Group-19">
+        <g id="Group-21">
+          <g id="Path-22">
+            <path class="cls-1" d="M16.25,17.07c-.38,0-.77-.15-1.06-.44l-1.69-1.69c-.59-.59-.59-1.54,0-2.12s1.54-.59,2.12,0l1.69,1.69c.59,.59,.59,1.54,0,2.12-.29,.29-.68,.44-1.06,.44Z"/>
+          </g>
+          <g id="Path-22-Copy">
+            <path class="cls-1" d="M31.75,17.07c-.38,0-.77-.15-1.06-.44-.59-.59-.59-1.54,0-2.12l1.69-1.69c.59-.59,1.54-.59,2.12,0s.59,1.54,0,2.12l-1.69,1.69c-.29,.29-.68,.44-1.06,.44Z"/>
+          </g>
+        </g>
+        <g id="Oval-Copy">
+          <path class="cls-2" d="M24,38.57c-7.57,0-13.73-6.16-13.73-13.73s6.16-13.73,13.73-13.73,13.73,6.16,13.73,13.73-6.16,13.73-13.73,13.73Zm0-24.45c-5.91,0-10.73,4.81-10.73,10.73s4.81,10.73,10.73,10.73,10.73-4.81,10.73-10.73-4.81-10.73-10.73-10.73Z"/>
+        </g>
+        <g id="Path-16">
+          <path class="cls-1" d="M26.53,11.93h-4.22c-.55,0-1-.45-1-1s.45-1,1-1h4.22c.55,0,1,.45,1,1s-.45,1-1,1Z"/>
+        </g>
+        <g id="Oval-Copy-2">
+          <circle class="cls-2" cx="24" cy="24.84" r="8.43"/>
+        </g>
+        <g id="Path-12-Copy">
+          <path class="cls-1" d="M24.42,25.34c-.28,0-.5-.22-.5-.5v-8.43c0-.28,.22-.5,.5-.5s.5,.22,.5,.5v8.43c0,.28-.22,.5-.5,.5Z"/>
+        </g>
+      </g>
+      <g id="Path">
+        <g id="path-2">
+          <path class="cls-2" d="M23.98,37.3c-.83,0-1.5-.67-1.5-1.5s.67-1.5,1.5-1.5c.67,0,1.33-.07,1.97-.21,.7-.15,1.39,.22,1.68,.84-.18-.66,.12-1.39,.75-1.72,.58-.31,1.14-.68,1.65-1.1,.55-.46,1.33-.46,1.87-.04-.46-.5-.54-1.28-.13-1.87,.38-.54,.69-1.13,.95-1.74,.27-.66,.96-1.02,1.64-.91-.65-.23-1.07-.88-.99-1.59,.04-.37,.06-.74,.06-1.11,0-.83,.67-1.5,1.5-1.5s1.5,.67,1.5,1.5c0,.49-.03,.98-.08,1.46-.1,.82-.84,1.41-1.66,1.32-.03,0-.05,0-.08-.01,.03,0,.05,.02,.08,.03,.77,.32,1.13,1.19,.81,1.96-.33,.8-.75,1.58-1.25,2.29-.47,.68-1.4,.86-2.09,.38-.02-.01-.04-.03-.06-.05,.02,.02,.03,.04,.05,.06,.53,.64,.45,1.58-.19,2.11-.67,.56-1.4,1.05-2.17,1.45-.73,.38-1.64,.1-2.03-.63-.01-.03-.03-.05-.04-.08,0,.03,.01,.05,.02,.08,.17,.81-.34,1.61-1.15,1.78-.85,.18-1.72,.27-2.6,.27Z"/>
+        </g>
+        <g id="path-2-2" data-name="path-2">
+          <path class="cls-1" d="M23.98,36.55c-.41,0-.75-.34-.75-.75s.34-.75,.75-.75c.72,0,1.43-.08,2.13-.22,.4-.09,.8,.17,.89,.58,.09,.4-.17,.8-.58,.89-.79,.17-1.62,.26-2.44,.26Zm5.09-1.26c-.27,0-.53-.15-.66-.4-.19-.37-.05-.82,.31-1.01,.63-.33,1.23-.73,1.78-1.19,.32-.27,.79-.22,1.06,.09,.27,.32,.22,.79-.09,1.06-.63,.52-1.31,.98-2.04,1.37-.11,.06-.23,.09-.35,.09Zm3.92-3.49c-.15,0-.29-.04-.42-.13-.34-.24-.43-.7-.19-1.04,.4-.59,.75-1.22,1.02-1.88,.16-.38,.6-.56,.98-.41,.38,.16,.56,.6,.41,.98-.31,.75-.71,1.48-1.17,2.15-.15,.21-.38,.33-.62,.33Zm1.85-4.91s-.06,0-.09,0c-.41-.05-.71-.42-.66-.83,.05-.39,.07-.8,.07-1.2s.34-.75,.75-.75,.75,.34,.75,.75c0,.46-.03,.92-.08,1.37-.04,.38-.37,.66-.74,.66Z"/>
+        </g>
+      </g>
+      <g id="Path-2" data-name="Path">
+        <g id="path-3">
+          <path class="cls-2" d="M23.98,37.3c-6.86,0-12.44-5.58-12.44-12.44s5.58-12.44,12.44-12.44,12.44,5.58,12.44,12.44h-3c0-5.2-4.23-9.44-9.44-9.44s-9.44,4.23-9.44,9.44,4.23,9.44,9.44,9.44v3Z"/>
+        </g>
+        <g id="path-3-2" data-name="path-3">
+          <path class="cls-1" d="M23.98,36.55c-6.44,0-11.69-5.24-11.69-11.69s5.24-11.69,11.69-11.69,11.69,5.24,11.69,11.69h-1.5c0-5.62-4.57-10.19-10.19-10.19s-10.19,4.57-10.19,10.19,4.57,10.19,10.19,10.19v1.5Z"/>
+        </g>
+      </g>
+      <g>
+        <g id="Path-12-Copy-2" data-name="Path-12-Copy">
+          <path class="cls-2" d="M14.11,34.42c-1.1,0-2-.9-2-2v-8.43c0-1.1,.9-2,2-2s2,.9,2,2v8.43c0,1.1-.9,2-2,2Z"/>
+        </g>
+        <g id="Path-12-Copy-3" data-name="Path-12-Copy">
+          <path class="cls-2" d="M18.33,30.2H9.9c-1.1,0-2-.9-2-2s.9-2,2-2h8.43c1.1,0,2,.9,2,2s-.9,2-2,2Z"/>
+        </g>
+      </g>
+      <g>
+        <g id="Path-12-Copy-4" data-name="Path-12-Copy">
+          <path class="cls-1" d="M14.11,32.92c-.28,0-.5-.22-.5-.5v-8.43c0-.28,.22-.5,.5-.5s.5,.22,.5,.5v8.43c0,.28-.22,.5-.5,.5Z"/>
+        </g>
+        <g id="Path-12-Copy-5" data-name="Path-12-Copy">
+          <path class="cls-1" d="M18.33,28.7H9.9c-.28,0-.5-.22-.5-.5s.22-.5,.5-.5h8.43c.28,0,.5,.22,.5,.5s-.22,.5-.5,.5Z"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/dist/tiro-a-porteria.svg

@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 104.32 74.73">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: none;
+      }
+
+      .cls-2 {
+        clip-path: url(#clippath);
+      }
+
+      .cls-3 {
+        fill: #fff;
+      }
+
+      .cls-4 {
+        fill: #172531;
+      }
+
+      .cls-5 {
+        clip-path: url(#clippath-1);
+      }
+
+      .cls-6 {
+        opacity: .5;
+      }
+    </style>
+    <clipPath id="clippath">
+      <circle class="cls-1" cx="24" cy="26.43" r="24"/>
+    </clipPath>
+    <clipPath id="clippath-1">
+      <rect class="cls-1" x=".82" width="91.96" height="59.78"/>
+    </clipPath>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1">
+    <g>
+      <g id="Oval">
+        <circle class="cls-4" cx="24" cy="26.43" r="24"/>
+      </g>
+      <g class="cls-2">
+        <g class="cls-5">
+          <g>
+            <g class="cls-6">
+              <rect class="cls-3" x="24.71" y="16.99" width=".5" height="55.25"/>
+              <rect class="cls-3" x="30.31" y="16.99" width=".5" height="55.25"/>
+              <rect class="cls-3" x="35.91" y="16.99" width=".5" height="55.25"/>
+              <rect class="cls-3" x="41.51" y="16.99" width=".5" height="55.25"/>
+              <rect class="cls-3" x="49.69" y="18.68" width=".34" height="56.04"/>
+              <rect class="cls-3" x="16.09" y="24.57" width="88.23" height=".5"/>
+              <rect class="cls-3" x="16.09" y="30.09" width="88.23" height=".5"/>
+              <rect class="cls-3" x="16.09" y="35.61" width="88.23" height=".5"/>
+              <rect class="cls-3" x="16.09" y="41.14" width="88.23" height=".5"/>
+              <rect class="cls-3" x="16.09" y="46.66" width="88.23" height=".5"/>
+            </g>
+            <polygon class="cls-3" points="16.49 49.82 14.99 49.82 14.99 16.69 48.05 16.69 48.05 18.19 16.49 18.19 16.49 49.82"/>
+          </g>
+        </g>
+      </g>
+      <g>
+        <ellipse class="cls-4" cx="30.36" cy="32.03" rx="9.59" ry="9.61"/>
+        <g>
+          <path class="cls-3" d="M26.8,37.49c-.12,0-.24-.04-.33-.13-.21-.18-.22-.5-.04-.71l1.38-1.54c.18-.2,.5-.22,.71-.04,.21,.18,.22,.5,.04,.71l-1.38,1.54c-.1,.11-.24,.17-.37,.17Z"/>
+          <g>
+            <path class="cls-3" d="M30.39,40.63c-4.74,0-8.6-3.86-8.6-8.6s3.86-8.6,8.6-8.6,8.6,3.86,8.6,8.6-3.86,8.6-8.6,8.6Zm0-16.2c-4.19,0-7.6,3.41-7.6,7.6s3.41,7.6,7.6,7.6,7.6-3.41,7.6-7.6-3.41-7.6-7.6-7.6Z"/>
+            <path class="cls-3" d="M32.63,35.95h-4.45c-.22,0-.41-.14-.48-.35l-1.38-4.25c-.07-.21,0-.43,.18-.56l3.6-2.62c.18-.13,.41-.13,.59,0l3.6,2.62c.17,.13,.25,.35,.18,.56l-1.38,4.25c-.07,.21-.26,.35-.48,.35Zm-4.09-1h3.72l1.15-3.56-3.01-2.2-3.01,2.2,1.15,3.56Z"/>
+            <path class="cls-3" d="M30.41,26.37c-.07,0-.13-.01-.2-.04l-3.07-1.31c-.25-.11-.37-.4-.26-.66,.11-.25,.4-.37,.66-.26l2.87,1.23,2.87-1.23c.25-.11,.55,0,.66,.26,.11,.25,0,.55-.26,.66l-3.07,1.31c-.06,.03-.13,.04-.2,.04Z"/>
+            <path class="cls-3" d="M22.39,33.14c-.12,0-.23-.04-.33-.12-.21-.18-.23-.5-.05-.71l2.05-2.36-.28-3.12c-.02-.27,.18-.52,.45-.54,.28-.02,.52,.18,.54,.45l.29,3.33c.01,.14-.03,.27-.12,.37l-2.19,2.52c-.1,.11-.24,.17-.38,.17Z"/>
+            <path class="cls-3" d="M28.52,40.36c-.17,0-.34-.09-.43-.24l-1.61-2.69-3.04-.7c-.27-.06-.44-.33-.38-.6,.06-.27,.33-.44,.6-.38l3.25,.75c.13,.03,.25,.11,.32,.23l1.71,2.87c.14,.24,.06,.54-.17,.69-.08,.05-.17,.07-.26,.07Z"/>
+            <path class="cls-3" d="M32.29,40.36c-.09,0-.18-.02-.26-.07-.24-.14-.31-.45-.17-.69l1.71-2.87c.07-.12,.18-.2,.32-.23l3.25-.75c.27-.06,.54,.11,.6,.38,.06,.27-.11,.54-.38,.6l-3.04,.7-1.6,2.69c-.09,.16-.26,.24-.43,.24Z"/>
+            <path class="cls-3" d="M38.43,33.14c-.14,0-.28-.06-.38-.17l-2.19-2.52c-.09-.1-.13-.24-.12-.37l.29-3.33c.02-.27,.27-.48,.54-.45,.28,.02,.48,.27,.45,.54l-.28,3.12,2.05,2.36c.18,.21,.16,.52-.05,.71-.09,.08-.21,.12-.33,.12Z"/>
+            <path class="cls-3" d="M30.4,29.08c-.28,0-.5-.22-.5-.5v-2.71c0-.28,.22-.5,.5-.5s.5,.22,.5,.5v2.71c0,.28-.22,.5-.5,.5Z"/>
+            <path class="cls-3" d="M34.02,31.81c-.18,0-.35-.1-.44-.26-.13-.24-.04-.55,.2-.68l2.22-1.19c.24-.13,.55-.04,.68,.2,.13,.24,.04,.55-.2,.68l-2.22,1.19c-.08,.04-.16,.06-.24,.06Z"/>
+            <path class="cls-3" d="M34.01,37.49c-.14,0-.27-.06-.37-.17l-1.38-1.53c-.18-.21-.17-.52,.04-.71,.2-.18,.52-.17,.71,.04l1.38,1.53c.18,.21,.17,.52-.04,.71-.1,.09-.21,.13-.33,.13Z"/>
+            <path class="cls-3" d="M26.81,31.71c-.07,0-.15-.02-.22-.05l-2.23-1.09c-.25-.12-.35-.42-.23-.67,.12-.25,.42-.35,.67-.23l2.23,1.09c.25,.12,.35,.42,.23,.67-.09,.18-.26,.28-.45,.28Z"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/dist/var.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill: #172531;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1">
+    <g>
+      <g id="Oval">
+        <circle class="cls-2" cx="24" cy="24" r="24"/>
+      </g>
+      <g id="Group-19">
+        <g id="Path-16">
+          <path class="cls-1" d="M32.85,36.6H15.15c-.41,0-.75-.34-.75-.75s.34-.75,.75-.75h17.69c.41,0,.75,.34,.75,.75s-.34,.75-.75,.75Z"/>
+        </g>
+      </g>
+      <g id="Rectangle">
+        <g id="path-1">
+          <path class="cls-1" d="M38.02,32.62H9.98V13.43h28.04v19.19Zm-26.54-1.5h25.04V14.93H11.48V31.12Z"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@golstats/gsc-top-player",
+  "version": "1.0.0",
+  "main": "dist/gsc-top-player.umd.js",
+  "module": "dist/gsc-top-player.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/gsc-top-player.es.js",
+      "require": "./dist/gsc-top-player.umd.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "keywords": [
+    "vue",
+    "component",
+    "soccer",
+    "football",
+    "stats",
+    "top-players",
+    "golstats"
+  ],
+  "author": "GolStats",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/golstats/gsc-top-player.git"
+  },
+  "bugs": {
+    "url": "https://github.com/golstats/gsc-top-player/issues"
+  },
+  "homepage": "https://github.com/golstats/gsc-top-player#readme",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --fix",
+    "format": "prettier --write src/",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  },
+  "dependencies": {
+    "@golstats/gsc-carousel": "^1.0.15",
+    "@golstats/gsc-filterperteam": "^1.0.17",
+    "@golstats/gsc-filters": "^1.0.80",
+    "@golstats/gsc-label": "^1.0.5",
+    "@golstats/gsc-season-select": "^1.0.9",
+    "@golstats/gsc-switch-component": "^1.0.14",
+    "@golstats/gsc-tournament-select": "^1.0.17",
+    "axios": "^1.10.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.22.0",
+    "@vitejs/plugin-vue": "^5.2.3",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "eslint": "^9.22.0",
+    "eslint-plugin-vue": "~10.0.0",
+    "globals": "^16.0.0",
+    "prettier": "3.5.3",
+    "vite": "^6.2.4",
+    "vite-plugin-vue-devtools": "^7.7.2",
+    "vue": "^3.5.13"
+  }
+}

package/src/App.vue

@@ -0,0 +1,40 @@
+<script setup>
+import GscTopPlayer from './components/gsc-top-player.vue'
+import { categoriesDefault } from './components/comparative/categories.js'
+
+// Puedes usar categoriesDefault completo o filtrar categorías específicas
+const selectedCategories = categoriesDefault.filter((cat) => cat.id === 2) // Solo pases acertados
+</script>
+
+<template>
+  <div id="app">
+    <GscTopPlayer
+      :category-view="selectedCategories"
+      :can-play-videos="true"
+      :carrousel="false"
+      :arrow="false"
+      :type="1"
+      :gamed="90209"
+      :season="1909"
+      :team-view="0"
+    />
+  </div>
+</template>
+
+<style>
+body {
+  background-color: #0d1d29;
+  margin: 0;
+  padding: 0;
+}
+</style>
+
+<style scoped>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+</style>

package/src/components/comparative/categories.js

@@ -0,0 +1,137 @@
+export const 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,
+  },
+]
+
+// Función para obtener categorías por ID
+export const getCategoryById = (id) => {
+  return categoriesDefault.find((category) => category.id === id)
+}
+
+// Función para obtener categorías por nombre
+export const getCategoryByName = (name) => {
+  return categoriesDefault.find((category) => category.name === name)
+}
+
+// Función para obtener solo los nombres de las categorías
+export const getCategoryNames = () => {
+  return categoriesDefault.map((category) => category.name)
+}
+
+// Función para obtener solo los IDs de las categorías
+export const getCategoryIds = () => {
+  return categoriesDefault.map((category) => category.id)
+}

package/src/components/comparative/composable-filters.js

@@ -0,0 +1,10 @@
+export function getButtonFilterProps() {
+  return {
+    backgroundColor: '#2e3b46',
+    borderColor: 'rgba(255, 255, 255, 0.20)',
+    infoBorderColor: 'rgba(255, 255, 255, 0.20)',
+    height: '40px',
+    padding: '5px 12px',
+    textFontFamily: "'Poppins-Regular'"
+  }
+}