@golstats/gsc-top-player 1.0.15 → 1.0.16

package/package.json

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

package/src/App.vue

@@ -50,7 +50,7 @@ const gameData = {
       :season="gameData.seasonId"
       :team-view="1"
       :use-dummy-data="true"
-      :show-position="false"
+      :show-position="true"
     />
     <!-- Ejemplo con datos reales (useDummyData: false) -->
     <!-- 

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

@@ -2,7 +2,7 @@
   <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"><template v-if="showPosition">{{ data.top }}</template></b>
@@ -581,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);
@@ -732,7 +732,7 @@ body {
     display: none;
   }
 
-  .headerTopGameReports {
+  .headerTopGameReportsAuto {
     gap: var(--gap-0-reports);
     align-items: center;
     justify-content: flex-end;
@@ -834,7 +834,7 @@ body {
     gap: 9px;
   }
 
-  .headerTopGameReports {
+  .headerTopGameReportsAuto {
     height: 80px;
     gap: var(--gap-0-reports);
     align-items: center;
@@ -883,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

@@ -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
       }
     },
   },
@@ -666,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;
@@ -682,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;
@@ -698,7 +698,7 @@ export default {
   padding: 0 8px;
   box-sizing: border-box;
 }
-.rowwPlayer960Games {
+.rowwPlayer960GamesReports {
   align-self: stretch;
   display: flex;
   height: v-bind(height) !important;
@@ -713,7 +713,7 @@ export default {
   font-family: v-bind(fontFamily);
   gap: var(--gap-0row);
 }
-.rowwPlayer420Games {
+.rowwPlayer420GamesReports {
   align-self: stretch;
   display: flex;
   height: 59px !important;
@@ -729,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"