@golstats/gsc-top-player 1.0.14 → 1.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golstats/gsc-top-player",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "main": "dist/gsc-top-player.umd.js",
   "module": "dist/gsc-top-player.es.js",
   "exports": {

package/src/App.vue

@@ -48,8 +48,9 @@ const gameData = {
       :gamed="gameData.id"
       :game="gameData"
       :season="gameData.seasonId"
-      :team-view="2"
+      :team-view="1"
       :use-dummy-data="true"
+      :show-position="true"
     />
     <!-- Ejemplo con datos reales (useDummyData: false) -->
     <!-- 

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

@@ -2,10 +2,10 @@
   <div>
     <div v-if="type == 0" :class="$style.headerTopsGamesReports">
       <div :class="$style.playerRowReports" id="player-row">
-        <div :class="$style.headerTopGameReports">
+        <div :class="$style.headerTopGameReportsAuto">
           <div :class="$style.playerPhotoGamesReports" id="container-player-photp">
-            <div :class="$style.tablePositionWrapperGamesReports">
-              <b :class="$style.tablePositionGamesReports">{{ data.top }}</b>
+            <div  :class="$style.tablePositionWrapperGamesReports">
+              <b  :class="$style.tablePositionGamesReports"><template v-if="showPosition">{{ data.top }}</template></b>
               <div
                 :class="$style.teamIconOverlay"
                 :style="{ backgroundImage: `url(${data.logo})` }"
@@ -93,8 +93,8 @@
       <div :class="$style.containerHeaderReports" id="header-container">
         <div :class="$style.headerTopTeamReports">
           <div :class="$style.teamPhotoReports" id="container-team">
-            <div :class="$style.positionWrapperReports">
-              <b :class="$style.positionReports">{{ data.top }}</b>
+            <div  :class="$style.positionWrapperReports">
+              <b :class="$style.positionReports"><template v-if="showPosition">{{ data.top }}</template></b>
             </div>
             <div :class="$style.teamLogoReports">
               <img :class="$style.imgNecaxaIconReports" alt="" :src="data.logo" />
@@ -313,6 +313,10 @@ export default {
       type: String,
       default: '12px',
     },
+    showPosition: {
+      type: Boolean,
+      default: true,
+    },
   },
   data: () => ({
     expand: false,
@@ -577,7 +581,7 @@ body {
   height: inherit;
 }
 
-.headerTopGameReports {
+.headerTopGameReportsAuto {
   align-self: stretch;
   border-radius: var(--br-5xs-reports) var(--br-5xs-reports) 0px 0px;
   background-color: v-bind(backgroundColorHeader);
@@ -728,7 +732,7 @@ body {
     display: none;
   }
 
-  .headerTopGameReports {
+  .headerTopGameReportsAuto {
     gap: var(--gap-0-reports);
     align-items: center;
     justify-content: flex-end;
@@ -830,7 +834,7 @@ body {
     gap: 9px;
   }
 
-  .headerTopGameReports {
+  .headerTopGameReportsAuto {
     height: 80px;
     gap: var(--gap-0-reports);
     align-items: center;
@@ -879,7 +883,7 @@ body {
 }
 
 @container header-tops (max-width: 300px) {
-  .headerTopGameReports {
+  .headerTopGameReportsAuto {
     position: relative;
     height: 88px;
     align-items: flex-end;

package/src/components/comparative/gsc-row.vue

@@ -9,7 +9,7 @@
     <div v-if="type == 0" :class="rowwPlayerClass" id="container-row-player">
       <!-- jugador -->
       <div :class="containerLeftClass" id="container-left">
-        <div :class="positionContainerClass">
+        <div v-if="showPosition" :class="positionContainerClass">
           <div :class="numberPositionClass">{{ data.position }}</div>
         </div>
         <div :class="playerContainerClass">
@@ -59,7 +59,7 @@
     >
       <!-- equipo -->
       <div :class="containerLeftType1Class" id="container-left">
-        <div :class="positionContainertype1Class">
+        <div v-if="showPosition" :class="positionContainertype1Class">
           <div :class="numberPositionType1Class">{{ data.position }}</div>
         </div>
         <div :class="playerContainerType1Class">
@@ -97,7 +97,7 @@
     <div v-if="type == 2" :class="rowwPlayerClass" id="container-row-player">
       <!-- scouting -->
       <div :class="containerLeftClass" id="container-left">
-        <div :class="positionContainerClass">
+        <div v-if="showPosition" :class="positionContainerClass">
           <div :class="numberPositionClass">{{ data.position }}</div>
         </div>
         <div :class="playerContainerClass">
@@ -517,15 +517,15 @@ export default {
     rowwPlayerClass() {
       const width = this.elementSize.width
       if (width <= 300) {
-        return this.$style.rowwPlayer300Games
+        return this.$style.rowwPlayer300GamesReports
       } else if (width <= 420) {
-        return this.$style.rowwPlayer420Games
+        return this.$style.rowwPlayer420GamesReports
       } else if (width <= 460) {
-        return this.$style.rowwPlayer460Games
+        return this.$style.rowwPlayer460GamesReports
       } else if (width <= 960) {
-        return this.$style.rowwPlayer960Games
+        return this.$style.rowwPlayer960GamesReports
       } else {
-        return this.$style.rowwPlayerGames
+        return this.$style.rowwPlayerGamesReports
       }
     },
   },
@@ -580,6 +580,7 @@ export default {
     buttonfontFamily: { type: String, default: 'Poppins-Regular' },
     buttonBorderColor: { type: String, default: '#55636e' },
     buttonFontSize: { type: String, default: '10px' },
+    showPosition: { type: Boolean, default: true },
   },
   data: () => ({
     expand: false,
@@ -665,7 +666,7 @@ export default {
   justify-content: flex-start;
   gap: var(--gap-xsrow);
 }
-.rowwPlayerGames {
+.rowwPlayerGamesReports {
   align-self: stretch;
   display: flex;
   height: v-bind(height) !important;
@@ -681,7 +682,7 @@ export default {
   font-family: v-bind(fontFamily);
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }
-.rowwPlayer300Games {
+.rowwPlayer300GamesReports {
   align-self: stretch;
   display: flex;
   height: 45px !important;
@@ -697,7 +698,7 @@ export default {
   padding: 0 8px;
   box-sizing: border-box;
 }
-.rowwPlayer960Games {
+.rowwPlayer960GamesReports {
   align-self: stretch;
   display: flex;
   height: v-bind(height) !important;
@@ -712,7 +713,7 @@ export default {
   font-family: v-bind(fontFamily);
   gap: var(--gap-0row);
 }
-.rowwPlayer420Games {
+.rowwPlayer420GamesReports {
   align-self: stretch;
   display: flex;
   height: 59px !important;
@@ -728,7 +729,7 @@ export default {
   padding: 0 13px;
   box-sizing: border-box;
 }
-.rowwPlayer460Games {
+.rowwPlayer460GamesReports {
   align-self: stretch;
   display: flex;
   height: 59px !important;

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

@@ -9,7 +9,7 @@
           </div>
           <div class="row-table-carrousel">
             <template v-for="(player, index) in topData[0]" :key="index">
-              <template v-if="player.top == 1">
+              <template v-if="player.top == 1 && showPosition">
                 <GSCLeaders
                   @mediadata="emitEventMedia($event, category, categoryName)"
                   :type="typeTable"
@@ -19,6 +19,7 @@
                   :team-widget="teamWidget"
                   :can-play-videos="canPlayVideos"
                   :is-expanded="playerexpand == player.id && expand"
+                  :show-position="showPosition"
                   ref="GSCLeaders"
                   :data="
                     typeTable == 0
@@ -70,6 +71,7 @@
                   :type-view="type"
                   :arrow="arrow"
                   :is-expanded="playerexpand == player.id && expand"
+                  :show-position="showPosition"
                   @mediadata="emitEventMedia($event, category, categoryName)"
                   :data="
                     typeTable == 0
@@ -195,6 +197,7 @@
               :type-view="type"
               :can-play-videos="canPlayVideos"
               :is-expanded="playerexpand == player.id && expand"
+              :show-position="showPosition"
               @mediadata="emitEventMediaFullTable($event, category, categoryName)"
               :data="
                 typeTable == 0
@@ -387,6 +390,10 @@ export default {
       type: Array,
       default: null,
     },
+    showPosition: {
+      type: Boolean,
+      default: true,
+    },
   },
   setup() {
     const myDivRef = ref('myDivRef')
@@ -1108,7 +1115,6 @@ export default {
       this.playerexpand = expandobject.id
     },
     async getCategoryStats(season) {
-      console.log('llego aqui; ', season)
       this.mapPlayers = new Map()
       try {
         if (!season) return
@@ -1127,9 +1133,6 @@ export default {
         })
         this.isloading = true
         let data = {}
-        console.log('this.typeData:::: ', this.typeData)
-
-        console.log('this.game, ', this.game)
         if (this.typeData === 0) {
           data = await axiosInstance.get(this.url + '/' + this.gameId + '/' + this.category)
         } else {

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

@@ -24,6 +24,7 @@
           :num-rows="numRows"
           :key="updateTables"
           :dummy-data="dummyData"
+          :show-position="showPosition"
         />
       </div>
     </template>
@@ -168,6 +169,10 @@ export default {
       type: Array,
       default: null,
     },
+    showPosition: {
+      type: Boolean,
+      default: true,
+    },
   },
   watch: {
     async seasonActive() {

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

@@ -12,6 +12,7 @@
       :category-view="categoryView"
       :num-rows="numRows"
       :dummy-data="dummyData"
+      :show-position="showPosition"
     />
   </div>
 </template>
@@ -66,6 +67,10 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
+  showPosition: {
+    type: Boolean,
+    default: true,
+  },
 })
 
 // Si useDummyData es true, usa datos dummy, si es false busca datos reales