@golstats/gsc-top-player 1.0.7 → 1.0.8

package/README.md

@@ -1,137 +1,53 @@
-# @golstats/gsc-top-player
+# GSC Top Player Component
 
-Componente Vue para mostrar tops de jugadores con estadísticas comparativas y filtros avanzados.
-
-## Instalación
-
-```bash
-npm install @golstats/gsc-top-player
-```
+Componente Vue para mostrar rankings de jugadores con datos reales o dummy.
 
 ## Uso
 
-### Importación básica
+### Propiedades
 
-```javascript
-import { createApp } from 'vue'
-import GscTopPlayer from '@golstats/gsc-top-player'
-import '@golstats/gsc-top-player/dist/style.css'
+- `categoryView`: Array de categorías a mostrar
+- `gamed`: ID del juego
+- `game`: Objeto con datos del juego
+- `season`: ID de la temporada
+- `teamView`: ID del equipo seleccionado
+- `useDummyData`: **NUEVA** - Controla si se muestran datos dummy (true) o datos reales (false)
 
-const app = createApp(App)
-app.component('GscTopPlayer', GscTopPlayer)
-```
+### Ejemplos
 
-### Uso en componente
+#### Mostrar datos dummy (por defecto)
 
 ```vue
-<template>
-  <div>
-    <GscTopPlayer
-      :category-view="selectedCategories"
-      :can-play-videos="true"
-      :carrousel="false"
-      :arrow="false"
-      :type="1"
-      :gamed="90209"
-      :season="1909"
-      :team-view="0"
-    />
-  </div>
-</template>
-
-<script setup>
-import GscTopPlayer from '@golstats/gsc-top-player'
-import { categoriesDefault } from '@golstats/gsc-top-player'
-
-// Filtrar categorías específicas
-const selectedCategories = categoriesDefault.filter((cat) => cat.id === 2)
-</script>
+<GscTopPlayer
+  :category-view="[{ id: 0, name: 'Categoria' }]"
+  :gamed="90209"
+  :game="gameData"
+  :season="1943"
+  :team-view="2"
+  :use-dummy-data="true"
+/>
 ```
 
-## Props
-
-| Prop            | Tipo    | Default | Descripción                   |
-| --------------- | ------- | ------- | ----------------------------- |
-| `categoryView`  | Array   | `[]`    | Array de categorías a mostrar |
-| `canPlayVideos` | Boolean | `true`  | Permite reproducir videos     |
-| `carrousel`     | Boolean | `false` | Habilita modo carrusel        |
-| `arrow`         | Boolean | `false` | Muestra flechas de navegación |
-| `type`          | Number  | `1`     | Tipo de vista                 |
-| `gamed`         | Number  | `90209` | ID del juego                  |
-| `season`        | Number  | `1909`  | ID de la temporada            |
-| `teamView`      | Number  | `0`     | ID del equipo a mostrar       |
-
-## Categorías disponibles
-
-```javascript
-import { categoriesDefault } from '@golstats/gsc-top-player'
-
-// Categorías incluyen:
-// - Goles marcados
-// - Asistencias
-// - Pases acertados
-// - Tiros a portería
-// - Y más...
-```
-
-## Componentes adicionales
-
-El paquete también exporta componentes individuales para uso avanzado:
+#### Mostrar datos reales
 
-```javascript
-import {
-  GSCTopFull,
-  GSCTop,
-  GSCTopRow,
-  GSCTopHeader,
-  GSCTopHeadTitles,
-  GSCTopExpandedInfo,
-  GSCButton,
-} from '@golstats/gsc-top-player'
-```
-
-## Utilidades
-
-```javascript
-import {
-  categoriesDefault,
-  nationalitiesCatalog,
-  playsTypes,
-  filtersTypes,
-} from '@golstats/gsc-top-player'
+```vue
+<GscTopPlayer
+  :category-view="[{ id: 1, name: 'Goles' }]"
+  :gamed="90209"
+  :game="gameData"
+  :season="1943"
+  :team-view="2"
+  :use-dummy-data="false"
+/>
 ```
 
-## Dependencias
-
-Este componente requiere las siguientes dependencias de GolStats:
-
-- `@golstats/gsc-carousel`
-- `@golstats/gsc-filterperteam`
-- `@golstats/gsc-filters`
-- `@golstats/gsc-label`
-- `@golstats/gsc-season-select`
-- `@golstats/gsc-switch-component`
-- `@golstats/gsc-tournament-select`
+## Funcionalidad
 
-## Desarrollo
-
-```bash
-# Instalar dependencias
-npm install
-
-# Ejecutar en modo desarrollo
-npm run dev
-
-# Construir para producción
-npm run build
-
-# Linting
-npm run lint
-
-# Formateo de código
-npm run format
-```
+- **useDummyData: true**: Muestra datos dummy predefinidos para pruebas y desarrollo
+- **useDummyData: false**: Busca y muestra datos reales de la categoría especificada
 
-## Licencia
+## Archivos modificados
 
-MIT
+- `src/components/gsc-top-player.vue`: Agregada prop `useDummyData`
+- `src/components/comparative/gsc-tops-full.vue`: Modificada lógica para usar la nueva prop
+- `src/App.vue`: Ejemplo de uso de la nueva funcionalidad

package/dist/{FilterConditions-55d68355-BUvCA8gG.js → FilterConditions-55d68355-DgmObXIt.js}

@@ -1,5 +1,5 @@
 import { useCssVars as E, computed as c, createElementBlock as d, openBlock as i, normalizeStyle as $, createElementVNode as o, createVNode as y, unref as g, Fragment as u, renderList as _, normalizeClass as b, toDisplayString as v, pushScopeId as H, popScopeId as R } from "vue";
-import { J as T, Z as m } from "./index-DyFLI-xL.js";
+import { J as T, Z as m } from "./index-BUTX2R4X.js";
 const n = (s) => (H("data-v-80d9c265"), s = s(), R(), s), V = { class: "details__header" }, W = /* @__PURE__ */ n(() => /* @__PURE__ */ o("div", { class: "details__header__title" }, "Jugando como", -1)), I = { class: "details__header__checkbox" }, J = { class: "details__body" }, z = { class: "details__body__playing-as" }, F = ["onClick"], L = { class: "details__header" }, N = /* @__PURE__ */ n(() => /* @__PURE__ */ o("div", { class: "details__header__title" }, "En: (Elige el lapso de tiempo)", -1)), U = { class: "details__header__checkbox" }, D = { class: "details__body" }, j = /* @__PURE__ */ n(() => /* @__PURE__ */ o("div", { class: "details__body__title" }, "1er tiempo", -1)), q = { class: "details__body__game-section" }, w = ["onClick"], G = { class: "details__body" }, K = /* @__PURE__ */ n(() => /* @__PURE__ */ o("div", { class: "details__body__title" }, "2do tiempo", -1)), M = { class: "details__body__game-section" }, O = ["onClick"], P = {
   __name: "FilterConditions",
   props: {

package/dist/{FilterField-59a73e38-C85AzksG.js → FilterField-59a73e38-09cJ-DRW.js}

@@ -1,5 +1,5 @@
 import { ref as r, createElementBlock as a, openBlock as n, createVNode as c, unref as u } from "vue";
-import { J as d, q as i } from "./index-DyFLI-xL.js";
+import { J as d, q as i } from "./index-BUTX2R4X.js";
 const f = { class: "filter-field" }, m = {
   __name: "FilterField",
   setup(p) {

package/dist/{FilterSubcategories-a9b32cc9-B7ERo60D.js → FilterSubcategories-a9b32cc9-DNpw7zPl.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as r, Fragment as a, renderList as u, createVNode as d, createBlock as n, unref as i } from "vue";
-import { J as l, Z as g } from "./index-DyFLI-xL.js";
+import { J as l, Z as g } from "./index-BUTX2R4X.js";
 const y = { class: "subcategory-group" }, b = {
   __name: "SubcategoryGroup",
   props: {