@golstats/gsc-table-scrollable 0.0.1 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/gsc-table-scrollable.css +1 -1
  2. package/dist/gsc-table-scrollable.js +552 -384
  3. package/dist/gsc-table-scrollable.umd.cjs +1 -1
  4. package/package.json +5 -2
package/dist/gsc-table-scrollable.umd.cjs CHANGED
@@ -1 +1 @@
1
- (function(_,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(_=typeof globalThis<"u"?globalThis:_||self,e(_.GSCTableScrollable={},_.Vue))})(this,function(_,e){"use strict";const D=(t,r)=>{const o=t.__vccOpts||t;for(const[n,d]of r)o[n]=d;return o},T={key:1},F={width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O=["fill"],P={key:0,class:"checkbox__teams"},R={class:"checkbox__teams__logo"},I=["src"],L={class:"checkbox__teams__logo"},W=["src"],M={__name:"GSC-Checkbox",props:{width:{type:String,default:"fit-content"},height:{type:String,default:"fit-content"},label:{type:String,default:""},labelWhiteSpace:{type:String,default:"normal"},labelColor:{type:String,default:"white"},fontFamily:{type:String,default:"sans-serif"},labelFontSize:{type:String,default:"12px"},modelValue:{type:Boolean,default:!1},justifyContent:{type:String,default:"flex-start"},alignItems:{type:String,default:"center"},boxBackgroundColor:{type:String,default:"#CBEE6B"},boxValueColor:{type:String,default:"#0d1d29"},boxValue:{type:[String,Number],default:""},boxPosition:{type:String,default:"left",validator(t){return["left","right","top","bottom"].includes(t)}},boxMarginTop:{type:String,default:"0.2em"},boxWidthAndHeight:{type:String,default:"16px"},boxBorderColor:{type:String,default:"#969da2"},boxBorderWidth:{type:String,default:"2px"},boxBorderRadius:{type:String,default:"4px"},boxValueFontSize:{type:String,default:"10px"},boxValueFontFamily:{type:String,default:"sans-serif"},avoidInteraction:{type:Boolean,default:!1},avoidToCheck:{type:Boolean,default:!1},isBoxOnly:{type:Boolean,default:!1},teamsIds:{type:Array,default:()=>null}},emits:["update:modelValue"],setup(t,{emit:r}){const o=t;e.useCssVars(s=>({"7bd9d47b":t.width,"34dc7ddc":t.height}));const n=e.ref(!1),d=e.computed(()=>{const s={color:o.boxValueColor,"font-family":o.fontFamily,height:o.boxWidthAndHeight,width:o.boxWidthAndHeight,minWidth:o.boxWidthAndHeight,"border-radius":o.boxBorderRadius,"margin-top":o.boxMarginTop};return n.value?(s["background-color"]=o.boxBackgroundColor,s.border=`solid ${o.boxBorderWidth} ${o.boxBackgroundColor}`):s.border=`solid ${o.boxBorderWidth} ${o.boxBorderColor}`,s}),i=e.computed(()=>({"font-family":o.boxValueFontFamily,"font-size":o.boxValueFontSize,color:o.boxValueColor,"line-height":1})),g=e.computed(()=>{const s={color:o.labelColor,"font-family":o.fontFamily,"font-size":o.labelFontSize,"white-space":o.labelWhiteSpace,"text-align":o.boxPosition==="top"||o.boxPosition==="bottom"?"center":o.boxPosition};return(o.boxPosition==="left"||o.boxPosition==="right")&&(s[`margin-${o.boxPosition}`]=o.isBoxOnly?"0":o.teamsIds?"8px":"10px"),s});e.watch(()=>o.modelValue,s=>{s!==n.value&&(n.value=s)},{immediate:!0});function y(){o.avoidInteraction||!n.value&&o.avoidToCheck||(n.value=!n.value,r("update:modelValue",n.value))}function S(s){return`${{}.TEAM_LOGOS_URL||"https://golstatsimages.blob.core.windows.net/teams-80/"}${s}.png`}return(s,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["checkbox",`box-${t.boxPosition}`]),onClick:y},[e.createElementVNode("div",{class:"checkbox__box",style:e.normalizeStyle(d.value)},[n.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.boxValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"checkbox__box__value",style:e.normalizeStyle(i.value)},e.toDisplayString(t.boxValue),5)):(e.openBlock(),e.createElementBlock("div",T,[(e.openBlock(),e.createElementBlock("svg",F,[e.createElementVNode("path",{d:"M9.77994 1.70133L4.10994 7.37133C3.96994 7.51133 3.77994 7.59133 3.57994 7.59133C3.37994 7.59133 3.18994 7.51133 3.04994 7.37133L0.219941 4.54133C-0.0700586 4.25133 -0.0700586 3.77133 0.219941 3.48133C0.509941 3.19133 0.989941 3.19133 1.27994 3.48133L3.57994 5.78133L8.71994 0.641328C9.00994 0.351328 9.48994 0.351328 9.77994 0.641328C10.0699 0.931328 10.0699 1.40133 9.77994 1.70133Z",fill:t.boxValueColor},null,8,O)]))]))],64)):e.createCommentVNode("",!0)],4),t.teamsIds&&t.teamsIds.length?(e.openBlock(),e.createElementBlock("div",P,[e.createElementVNode("div",R,[e.createElementVNode("img",{src:S(t.teamsIds[0]),alt:""},null,8,I)]),e.createElementVNode("div",L,[e.createElementVNode("img",{src:S(t.teamsIds[1]),alt:""},null,8,W)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"checkbox__label",style:e.normalizeStyle(g.value)},e.toDisplayString(t.label),5)],2))}},A=D(M,[["__scopeId","data-v-b6f124d8"]]),G=(t,r)=>{const o=t.__vccOpts||t;for(const[n,d]of r)o[n]=d;return o},C={props:{type:{type:Number,default:0},value:{type:Boolean,default:!1},textValue:String,icon:String,iconPosition:{type:String,default:"left"},iconSize:String,fontColor:{type:String,default:"#FFFFFF"},textDecoration:String,fontSize:{type:String,default:"16px"},fontSizeStat:{type:String,default:"16px"},fontStyle:String,fontFamily:{type:String,default:"Poppins-Regular"},height:{type:String,default:"fit-content"},width:{type:String,default:"fit-content"},borderRadius:{type:String,default:"0px"},borderType:{type:String,default:"solid"},borderWidth:{type:Number,default:0},borderWidthBtn:{type:String,default:"2px"},borderColor:String,backgroundColor:{type:String,default:"none"},activeBackgroundColor:{type:String,default:"#000000"},activeBorderWidth:{type:Number,default:2},activeBorderType:{type:String,default:"solid"},activeBorderColor:{type:String,default:"#cbee6b"},activeColorText:{type:String,default:"#FFFFFF"},cursorType:{type:String,default:"default"},typeOnOff:{type:Boolean,default:!1},textCategory:String,textStat:String,marginLeftStat:{type:String,default:"15%"}},watch:{value:{deep:!0,immediate:!0,handler(t){this.status=t}}},data(){return{status:!1}},computed:{customStyle(){return{height:this.height,width:this.width,backgroundColor:this.backgroundColor,borderRadius:this.borderRadius,border:`${this.borderType} ${this.borderWidth}px ${this.borderColor}`,color:this.fontColor,textDecoration:this.textDecoration,cursor:this.cursorType,fontSize:this.fontSize,fontStyle:this.fontStyle,fontFamily:`${this.fontFamily} !important`}},customActive(){return{backgroundColor:this.activeBackgroundColor,color:this.activeColorText,border:`${this.activeBorderType} ${this.activeBorderWidth}px ${this.activeBorderColor}`}}},methods:{btnClick(t){this.$emit("click",t),this.typeOnOff&&(this.status=!this.status,this.$emit("status",this.status))}}},w=()=>{e.useCssVars(t=>({"9d01acb4":t.height,"14e95081":t.borderWidthBtn,"38fec285":t.borderType,34353510:t.borderColor,"20d20dc6":t.borderRadius,17130967:t.width,"4ccb7d36":t.backgroundColor,"5d1e86a2":t.cursorType,ce65d4a2:t.fontSize,fe4ac47a:t.fontStyle,f98e44dc:t.fontFamily,"93b87770":t.marginLeftStat,c7f7beba:t.fontSizeStat}))},V=C.setup;C.setup=V?(t,r)=>(w(),V(t,r)):w;const q=t=>(e.pushScopeId("data-v-f3ee6b2b"),t=t(),e.popScopeId(),t),U=["src"],H={key:1,class:"text"},J=["src"],j={class:"stats"},Z=q(()=>e.createElementVNode("img",{class:"iconstats",src:"https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"},null,-1)),K={class:"numstats"},Q={class:"leyend"};function X(t,r,o,n,d,i){return e.openBlock(),e.createElementBlock("div",null,[o.type==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["button",d.status&&o.typeOnOff&&"button-active"]),style:e.normalizeStyle([i.customStyle,d.status&&o.typeOnOff&&i.customActive]),onClick:r[0]||(r[0]=(...g)=>i.btnClick&&i.btnClick(...g))},[o.icon&&o.iconPosition.toLowerCase()==="left"?(e.openBlock(),e.createElementBlock("img",{key:0,class:"icon",style:e.normalizeStyle({width:o.iconSize}),src:o.icon},null,12,U)):e.createCommentVNode("",!0),o.textValue?(e.openBlock(),e.createElementBlock("div",H,e.toDisplayString(o.textValue),1)):e.createCommentVNode("",!0),o.icon&&o.iconPosition.toLowerCase()==="right"?(e.openBlock(),e.createElementBlock("img",{key:2,class:"icon",style:e.normalizeStyle({width:o.iconSize}),src:o.icon},null,12,J)):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0),o.type==1?(e.openBlock(),e.createElementBlock("div",{key:1,class:"button-target",onClick:r[1]||(r[1]=(...g)=>i.btnClick&&i.btnClick(...g))},[e.createElementVNode("div",j,[Z,e.createElementVNode("div",K,e.toDisplayString(o.textStat),1)]),e.createElementVNode("div",Q,e.toDisplayString(o.textCategory),1)])):e.createCommentVNode("",!0)])}const u=G(C,[["render",X],["__scopeId","data-v-f3ee6b2b"]]),B=(t,r)=>{const o=t.__vccOpts||t;for(const[n,d]of r)o[n]=d;return o},N=t=>(e.pushScopeId("data-v-c362d03a"),t=t(),e.popScopeId(),t),Y={key:0,class:"overlay"},v=N(()=>e.createElementVNode("div",{class:"column-title-2"},null,-1)),ee=["onClick"],te=[N(()=>e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6 4.93631L10.2929 1.23496C10.6834 0.898244 11.3166 0.898244 11.7071 1.23496C12.0976 1.57167 12.0976 2.11759 11.7071 2.4543L6.70711 6.76532C6.31658 7.10203 5.68342 7.10203 5.29289 6.76532L0.292893 2.4543C-0.0976311 2.11759 -0.0976311 1.57167 0.292893 1.23496C0.683418 0.898244 1.31658 0.898244 1.70711 1.23496L6 4.93631Z",fill:"#D9D9D9"},null,-1))],oe=B({__name:"ScrollColumns",props:{availablePlayers:{type:Array,default:()=>[]},isEditMode:{type:Boolean,default:!1}},emits:["expand"],setup(t,{expose:r,emit:o}){const n=t,d=e.ref(null),i=e.ref(null),g=e.ref(0),y=e.computed(()=>{const m=n.availablePlayers[0];return m?m.stats:[]}),S=e.computed(()=>{const m=`repeat(${y.value.length}, max-content) 36px`;let h="";return g.value>0&&document.querySelectorAll(".column-title-2").forEach(b=>{h+=`${b.offsetWidth}px `}),{"--grid-template-columns":m,"--grid-template-columns-totals":h||m}});function s(){d.value=new ResizeObserver(m=>{for(const h of m){const{width:p}=h.contentRect;g.value=p}}),d.value.observe(i.value)}function k(m){console.log("onClickExpand",m),o("expand",m)}function E(m,h){const b=document.querySelectorAll(".scrollable-row-totals")[m+1];b&&(b.style.marginTop=`${h}px`)}return e.onMounted(()=>{s()}),r({setMarginTopDetails:E}),(m,h)=>(e.openBlock(),e.createElementBlock("div",{class:"scroll-columns",style:e.normalizeStyle(S.value)},[t.isEditMode?(e.openBlock(),e.createElementBlock("div",Y)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"titlesRow",ref:i,class:"scrollable-row-2"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,p=>(e.openBlock(),e.createElementBlock("div",{key:`t-${p.category_id}`,class:"column-title-2"},e.toDisplayString(p.name),1))),128)),v],512),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.availablePlayers,(p,b)=>(e.openBlock(),e.createElementBlock("div",{key:`i-${p.id}`,class:"row scrollable-row-totals"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.stats,x=>(e.openBlock(),e.createElementBlock("div",{key:x.category_id,class:e.normalizeClass(["row data-info underline",{odd:b%2!==0}])},e.toDisplayString(x.total),3))),128)),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:b%2!==0}])},[(e.openBlock(),e.createElementBlock("svg",{onClick:x=>k(p),class:"_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5",width:"12",height:"8",viewBox:"0 0 12 8",fill:"#D9D9D9",xmlns:"http://www.w3.org/2000/svg"},te,8,ee))],2)]))),128))],4))}},[["__scopeId","data-v-c362d03a"]]),z=t=>(e.pushScopeId("data-v-f240471a"),t=t(),e.popScopeId(),t),le={class:"table__static-column"},ae=z(()=>e.createElementVNode("div",{class:"static-title column-title"},null,-1)),ne={class:"container"},ie={class:"details-row__info"},se={class:"details-row__info__personal"},re={class:"bold"},de={class:"bold"},ce={class:"bold"},me={class:"bold"},fe={class:"details-row__info__games"},pe={class:"bold"},ge={class:"bold"},he={class:"details-row__buttons"},be={class:"position"},ye={class:"player-photo"},_e=["src"],Se={class:"player-name"},xe={class:"table__scrollable-columns"},ke=e.createStaticVNode('<div class="titles scrollable-row" data-v-f240471a><div class="column-title" data-v-f240471a>Equipo</div><div class="column-title" data-v-f240471a>Posición</div><div class="column-title" data-v-f240471a>Edad</div><div class="column-title" data-v-f240471a>País</div><div class="column-title" data-v-f240471a>Partidos Jugados</div><div class="column-title" data-v-f240471a>Minutos Jugados</div><div class="column-title" data-v-f240471a>Liga</div><div class="column-title" data-v-f240471a>Videos</div><div class="column-title" data-v-f240471a></div></div>',1),ue={class:"team-logo"},Ce=["src"],Ee={class:"team-name data-info"},we=["src"],Ve=["onClick"],Be=[z(()=>e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6 4.93631L10.2929 1.23496C10.6834 0.898244 11.3166 0.898244 11.7071 1.23496C12.0976 1.57167 12.0976 2.11759 11.7071 2.4543L6.70711 6.76532C6.31658 7.10203 5.68342 7.10203 5.29289 6.76532L0.292893 2.4543C-0.0976311 2.11759 -0.0976311 1.57167 0.292893 1.23496C0.683418 0.898244 1.31658 0.898244 1.70711 1.23496L6 4.93631Z",fill:"#D9D9D9"},null,-1))],Ne=B({__name:"GSC-TableScrollable",props:{players:{type:Array,default:()=>[]},isGeneral:{type:Boolean,default:!0},isEditMode:{type:Boolean,default:!1}},emits:["change-selected-players"],setup(t,{emit:r}){const o=t;let n=null,d=null;const i=e.ref([]),g=e.ref(null),y=e.ref(null),S=e.ref(0),s=e.ref(0),k=e.ref(-1),E=e.computed(()=>({"--width-details":`${S.value}px`}));e.watch(()=>o.players,a=>{a&&a.length&&(i.value=a.map((f,l)=>{const c=l+1;return console.log("isOdd",l%2!==0),{...f,position:c<10?`0${c}`:`${c}`,isSelected:!1,isExpanded:!1,isOdd:l%2!==0,index:l}}))},{immediate:!0}),e.watch(()=>o.isEditMode,a=>{a&&i.value.forEach(f=>{f.isSelected=!1})}),e.watch(s,a=>{const l=document.querySelectorAll(".static-row")[k.value+1];l&&(l.style.marginTop=`${a}px`),y.value&&y.value.setMarginTopDetails(k.value,a),console.log("detailsHeight",a)});function m(a){console.log("onClickVideos",a)}function h(){n=new ResizeObserver(a=>{for(const f of a)S.value=f.contentRect.width}),n.observe(g.value)}function p(a){d=new ResizeObserver(f=>{for(const l of f)s.value=l.contentRect.height}),d.observe(a)}function b(a,f){f.isSelected=a;const l=i.value.filter(c=>c.isSelected);console.log("selectedPlayers",l),r("change-selected-players",l)}function x(a){console.log("onCilckViewProfile",a)}function $(a){const f=a.isExpanded;if(i.value.forEach(l=>{l.isExpanded=!1}),!f){const l=document.querySelectorAll(".details-row");console.log("detailsRows",l);const c=l[a.index];console.log("playerDetailRow",c),k.value=a.index,c&&p(c)}a.isExpanded=!f}return e.onMounted(()=>{h()}),(a,f)=>(e.openBlock(),e.createElementBlock("div",{class:"table",ref_key:"tableSC",ref:g,style:e.normalizeStyle(E.value)},[e.createElementVNode("div",le,[ae,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`s-${l.id}`,class:e.normalizeClass(["row static-row",{odd:l.isOdd}])},[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["details-row",{odd:l.isOdd}])},[e.createElementVNode("div",ne,[e.createElementVNode("div",ie,[e.createElementVNode("div",se,[e.createElementVNode("div",null,[e.createTextVNode("Equipo: "),e.createElementVNode("span",re,e.toDisplayString(l.team_name),1)]),e.createElementVNode("div",null,[e.createTextVNode("Edad: "),e.createElementVNode("span",de,e.toDisplayString(l.player_age)+" Años",1)]),e.createElementVNode("div",null,[e.createTextVNode("Nacionalidad: "),e.createElementVNode("span",ce,e.toDisplayString(l.player_country),1)]),e.createElementVNode("div",null,[e.createTextVNode("Posición: "),e.createElementVNode("span",me,e.toDisplayString(l.position_name),1)])]),e.createElementVNode("div",fe,[e.createElementVNode("div",null,[e.createTextVNode("Partidos Jugados: "),e.createElementVNode("span",pe,e.toDisplayString(l.player_games),1)]),e.createElementVNode("div",null,[e.createTextVNode("Minutos Jugados: "),e.createElementVNode("span",ge,e.toDisplayString(l.player_min),1)])])]),e.createElementVNode("div",he,[e.createVNode(e.unref(u),{icon:"",width:"88px",height:"30px","border-radius":"30px","border-width":1,"background-color":"#ffffff1a","font-family":"Poppins-Semibold","border-color":"gray","text-value":"Ver gráfica","font-size":"10px",onClick:c=>x(l)},null,8,["onClick"]),e.createVNode(e.unref(u),{icon:"",width:"88px",height:"30px","border-radius":"30px","border-width":1,"background-color":"#ffffff1a","font-family":"Poppins-Semibold","border-color":"gray","text-value":"Agregar a lista","font-size":"10px",onClick:c=>x(l)},null,8,["onClick"]),e.createVNode(e.unref(u),{width:"88px",height:"30px","border-radius":"30px","border-width":1,"background-color":"#ffffff1a","font-family":"Poppins-Semibold","border-color":"#cbee6b","text-value":"Ver perfil","font-size":"10px",onClick:c=>x(l)},null,8,["onClick"])])])],2),[[e.vShow,l.isExpanded]])]),_:2},1024),t.isEditMode?(e.openBlock(),e.createBlock(e.unref(A),{key:0,fontFamily:"Poppins-Regular",labelFontSize:"14px","model-value":l.isSelected,"onUpdate:modelValue":c=>b(c,l)},null,8,["model-value","onUpdate:modelValue"])):e.createCommentVNode("",!0),e.createElementVNode("div",be,e.toDisplayString(l.position),1),e.createElementVNode("div",ye,[e.createElementVNode("img",{src:l.player_photo,alt:"player photo"},null,8,_e)]),e.createElementVNode("div",Se,e.toDisplayString(l.player_name),1)],2))),128))]),e.createElementVNode("div",xe,[t.isGeneral?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[ke,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`i-${l.id}`,class:"row scrollable-row"},[e.createElementVNode("div",{class:e.normalizeClass(["row team-info",{odd:l.isOdd}])},[e.createElementVNode("div",ue,[e.createElementVNode("img",{src:l.team_logo,alt:"team logo"},null,8,Ce)]),e.createElementVNode("div",Ee,e.toDisplayString(l.team_abrev),1)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_position),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_age),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},[e.createElementVNode("img",{src:l.player_country_flag,alt:"player country flag",class:"country-flag"},null,8,we)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_games),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_min),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.league_name),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},[e.createVNode(e.unref(u),{icon:"https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png","icon-size":"13px","icon-position":"left",width:"98px",height:"30px","border-radius":"30px","border-width":"1","background-color":"#ffffff1a","font-family":"Poppins-Regular","border-color":"#55636e","text-value":"Ver videos","font-size":"10px",onClick:c=>m(l)},null,8,["onClick"])],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},[(e.openBlock(),e.createElementBlock("svg",{onClick:c=>$(l),class:"_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5",width:"12",height:"8",viewBox:"0 0 12 8",fill:"#D9D9D9",xmlns:"http://www.w3.org/2000/svg"},Be,8,Ve))],2)]))),128))],64)):(e.openBlock(),e.createBlock(oe,{key:1,ref_key:"scrollColumns",ref:y,"available-players":i.value,"is-edit-mode":t.isEditMode,onExpand:$},null,8,["available-players","is-edit-mode"]))])],4))}},[["__scopeId","data-v-f240471a"]]);_.GSCTableScrollable=Ne,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});
1
+ (function(C,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(C=typeof globalThis<"u"?globalThis:C||self,e(C.GSCTableScrollable={},C.Vue))})(this,function(C,e){"use strict";const M=(t,i)=>{const o=t.__vccOpts||t;for(const[s,m]of i)o[s]=m;return o},F={key:1},R={width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O=["fill"],P={key:0,class:"checkbox__teams"},W={class:"checkbox__teams__logo"},A=["src"],Z={class:"checkbox__teams__logo"},j=["src"],G={__name:"GSC-Checkbox",props:{width:{type:String,default:"fit-content"},height:{type:String,default:"fit-content"},label:{type:String,default:""},labelWhiteSpace:{type:String,default:"normal"},labelColor:{type:String,default:"white"},fontFamily:{type:String,default:"sans-serif"},labelFontSize:{type:String,default:"12px"},modelValue:{type:Boolean,default:!1},justifyContent:{type:String,default:"flex-start"},alignItems:{type:String,default:"center"},boxBackgroundColor:{type:String,default:"#CBEE6B"},boxValueColor:{type:String,default:"#0d1d29"},boxValue:{type:[String,Number],default:""},boxPosition:{type:String,default:"left",validator(t){return["left","right","top","bottom"].includes(t)}},boxMarginTop:{type:String,default:"0.2em"},boxWidthAndHeight:{type:String,default:"16px"},boxBorderColor:{type:String,default:"#969da2"},boxBorderWidth:{type:String,default:"2px"},boxBorderRadius:{type:String,default:"4px"},boxValueFontSize:{type:String,default:"10px"},boxValueFontFamily:{type:String,default:"sans-serif"},avoidInteraction:{type:Boolean,default:!1},avoidToCheck:{type:Boolean,default:!1},isBoxOnly:{type:Boolean,default:!1},teamsIds:{type:Array,default:()=>null}},emits:["update:modelValue"],setup(t,{emit:i}){const o=t;e.useCssVars(r=>({"7bd9d47b":t.width,"34dc7ddc":t.height}));const s=e.ref(!1),m=e.computed(()=>{const r={color:o.boxValueColor,"font-family":o.fontFamily,height:o.boxWidthAndHeight,width:o.boxWidthAndHeight,minWidth:o.boxWidthAndHeight,"border-radius":o.boxBorderRadius,"margin-top":o.boxMarginTop};return s.value?(r["background-color"]=o.boxBackgroundColor,r.border=`solid ${o.boxBorderWidth} ${o.boxBackgroundColor}`):r.border=`solid ${o.boxBorderWidth} ${o.boxBorderColor}`,r}),d=e.computed(()=>({"font-family":o.boxValueFontFamily,"font-size":o.boxValueFontSize,color:o.boxValueColor,"line-height":1})),_=e.computed(()=>{const r={color:o.labelColor,"font-family":o.fontFamily,"font-size":o.labelFontSize,"white-space":o.labelWhiteSpace,"text-align":o.boxPosition==="top"||o.boxPosition==="bottom"?"center":o.boxPosition};return(o.boxPosition==="left"||o.boxPosition==="right")&&(r[`margin-${o.boxPosition}`]=o.isBoxOnly?"0":o.teamsIds?"8px":"10px"),r});e.watch(()=>o.modelValue,r=>{r!==s.value&&(s.value=r)},{immediate:!0});function k(){o.avoidInteraction||!s.value&&o.avoidToCheck||(s.value=!s.value,i("update:modelValue",s.value))}function b(r){return`${{}.TEAM_LOGOS_URL||"https://golstatsimages.blob.core.windows.net/teams-80/"}${r}.png`}return(r,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["checkbox",`box-${t.boxPosition}`]),onClick:k},[e.createElementVNode("div",{class:"checkbox__box",style:e.normalizeStyle(m.value)},[s.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.boxValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"checkbox__box__value",style:e.normalizeStyle(d.value)},e.toDisplayString(t.boxValue),5)):(e.openBlock(),e.createElementBlock("div",F,[(e.openBlock(),e.createElementBlock("svg",R,[e.createElementVNode("path",{d:"M9.77994 1.70133L4.10994 7.37133C3.96994 7.51133 3.77994 7.59133 3.57994 7.59133C3.37994 7.59133 3.18994 7.51133 3.04994 7.37133L0.219941 4.54133C-0.0700586 4.25133 -0.0700586 3.77133 0.219941 3.48133C0.509941 3.19133 0.989941 3.19133 1.27994 3.48133L3.57994 5.78133L8.71994 0.641328C9.00994 0.351328 9.48994 0.351328 9.77994 0.641328C10.0699 0.931328 10.0699 1.40133 9.77994 1.70133Z",fill:t.boxValueColor},null,8,O)]))]))],64)):e.createCommentVNode("",!0)],4),t.teamsIds&&t.teamsIds.length?(e.openBlock(),e.createElementBlock("div",P,[e.createElementVNode("div",W,[e.createElementVNode("img",{src:b(t.teamsIds[0]),alt:""},null,8,A)]),e.createElementVNode("div",Z,[e.createElementVNode("img",{src:b(t.teamsIds[1]),alt:""},null,8,j)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"checkbox__label",style:e.normalizeStyle(_.value)},e.toDisplayString(t.label),5)],2))}},H=M(G,[["__scopeId","data-v-b6f124d8"]]),q=(t,i)=>{const o=t.__vccOpts||t;for(const[s,m]of i)o[s]=m;return o},E={props:{type:{type:Number,default:0},value:{type:Boolean,default:!1},textValue:String,icon:String,iconPosition:{type:String,default:"left"},iconSize:String,fontColor:{type:String,default:"#FFFFFF"},textDecoration:String,fontSize:{type:String,default:"16px"},fontSizeStat:{type:String,default:"16px"},fontStyle:String,fontFamily:{type:String,default:"Poppins-Regular"},height:{type:String,default:"fit-content"},width:{type:String,default:"fit-content"},borderRadius:{type:String,default:"0px"},borderType:{type:String,default:"solid"},borderWidth:{type:Number,default:0},borderWidthBtn:{type:String,default:"2px"},borderColor:String,backgroundColor:{type:String,default:"none"},activeBackgroundColor:{type:String,default:"#000000"},activeBorderWidth:{type:Number,default:2},activeBorderType:{type:String,default:"solid"},activeBorderColor:{type:String,default:"#cbee6b"},activeColorText:{type:String,default:"#FFFFFF"},cursorType:{type:String,default:"default"},typeOnOff:{type:Boolean,default:!1},textCategory:String,textStat:String,marginLeftStat:{type:String,default:"15%"}},watch:{value:{deep:!0,immediate:!0,handler(t){this.status=t}}},data(){return{status:!1}},computed:{customStyle(){return{height:this.height,width:this.width,backgroundColor:this.backgroundColor,borderRadius:this.borderRadius,border:`${this.borderType} ${this.borderWidth}px ${this.borderColor}`,color:this.fontColor,textDecoration:this.textDecoration,cursor:this.cursorType,fontSize:this.fontSize,fontStyle:this.fontStyle,fontFamily:`${this.fontFamily} !important`}},customActive(){return{backgroundColor:this.activeBackgroundColor,color:this.activeColorText,border:`${this.activeBorderType} ${this.activeBorderWidth}px ${this.activeBorderColor}`}}},methods:{btnClick(t){this.$emit("click",t),this.typeOnOff&&(this.status=!this.status,this.$emit("status",this.status))}}},N=()=>{e.useCssVars(t=>({"9d01acb4":t.height,"14e95081":t.borderWidthBtn,"38fec285":t.borderType,34353510:t.borderColor,"20d20dc6":t.borderRadius,17130967:t.width,"4ccb7d36":t.backgroundColor,"5d1e86a2":t.cursorType,ce65d4a2:t.fontSize,fe4ac47a:t.fontStyle,f98e44dc:t.fontFamily,"93b87770":t.marginLeftStat,c7f7beba:t.fontSizeStat}))},L=E.setup;E.setup=L?(t,i)=>(N(),L(t,i)):N;const U=t=>(e.pushScopeId("data-v-f3ee6b2b"),t=t(),e.popScopeId(),t),J=["src"],K={key:1,class:"text"},Q=["src"],X={class:"stats"},Y=U(()=>e.createElementVNode("img",{class:"iconstats",src:"https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"},null,-1)),v={class:"numstats"},ee={class:"leyend"};function te(t,i,o,s,m,d){return e.openBlock(),e.createElementBlock("div",null,[o.type==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["button",m.status&&o.typeOnOff&&"button-active"]),style:e.normalizeStyle([d.customStyle,m.status&&o.typeOnOff&&d.customActive]),onClick:i[0]||(i[0]=(..._)=>d.btnClick&&d.btnClick(..._))},[o.icon&&o.iconPosition.toLowerCase()==="left"?(e.openBlock(),e.createElementBlock("img",{key:0,class:"icon",style:e.normalizeStyle({width:o.iconSize}),src:o.icon},null,12,J)):e.createCommentVNode("",!0),o.textValue?(e.openBlock(),e.createElementBlock("div",K,e.toDisplayString(o.textValue),1)):e.createCommentVNode("",!0),o.icon&&o.iconPosition.toLowerCase()==="right"?(e.openBlock(),e.createElementBlock("img",{key:2,class:"icon",style:e.normalizeStyle({width:o.iconSize}),src:o.icon},null,12,Q)):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0),o.type==1?(e.openBlock(),e.createElementBlock("div",{key:1,class:"button-target",onClick:i[1]||(i[1]=(..._)=>d.btnClick&&d.btnClick(..._))},[e.createElementVNode("div",X,[Y,e.createElementVNode("div",v,e.toDisplayString(o.textStat),1)]),e.createElementVNode("div",ee,e.toDisplayString(o.textCategory),1)])):e.createCommentVNode("",!0)])}const oe=q(E,[["render",te],["__scopeId","data-v-f3ee6b2b"]]),$=(t,i)=>{const o=t.__vccOpts||t;for(const[s,m]of i)o[s]=m;return o},z=t=>(e.pushScopeId("data-v-95767312"),t=t(),e.popScopeId(),t),le={key:0,class:"overlay"},ae=z(()=>e.createElementVNode("div",{class:"column-title-2"},null,-1)),ne=["onClick"],ie=["onClick"],se=[z(()=>e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6 4.93631L10.2929 1.23496C10.6834 0.898244 11.3166 0.898244 11.7071 1.23496C12.0976 1.57167 12.0976 2.11759 11.7071 2.4543L6.70711 6.76532C6.31658 7.10203 5.68342 7.10203 5.29289 6.76532L0.292893 2.4543C-0.0976311 2.11759 -0.0976311 1.57167 0.292893 1.23496C0.683418 0.898244 1.31658 0.898244 1.70711 1.23496L6 4.93631Z",fill:"#D9D9D9"},null,-1))],de=$({__name:"ScrollColumns",props:{availablePlayers:{type:Array,default:()=>[]},isEditMode:{type:Boolean,default:!1}},emits:["expand","open-media"],setup(t,{expose:i,emit:o}){const s=t,m=e.ref(null),d=e.ref(null),_=e.ref(0),k=e.ref(!1),b=e.computed(()=>{const p=s.availablePlayers[0];return p?p.stats:[]}),r=e.computed(()=>{const p=`repeat(${b.value.length}, max-content) 36px`;let h="";return _.value>0&&document.querySelectorAll(".column-title-2").forEach(y=>{h+=`${y.offsetWidth}px `}),{"--grid-template-columns":p,"--grid-template-columns-totals":h||p}});function u(){m.value=new ResizeObserver(p=>{for(const h of p){const{width:f}=h.contentRect;_.value=f}}),m.value.observe(d.value)}function w(p){k.value=!k.value,o("expand",p)}function V(p,h){const y=document.querySelectorAll(".scrollable-row-totals")[p+1];y&&(y.style.marginTop=`${h}px`)}function x({player:p,stat:h}){o("open-media",{...p,stat:h})}return e.onMounted(()=>{u()}),i({setMarginTopDetails:V}),(p,h)=>(e.openBlock(),e.createElementBlock("div",{class:"scroll-columns",style:e.normalizeStyle(r.value)},[t.isEditMode?(e.openBlock(),e.createElementBlock("div",le)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"titlesRow",ref:d,class:"scrollable-row-2"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,f=>(e.openBlock(),e.createElementBlock("div",{key:`t-${f.category_id}`,class:"column-title-2"},e.toDisplayString(f.name),1))),128)),ae],512),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.availablePlayers,(f,y)=>(e.openBlock(),e.createElementBlock("div",{key:`i-${f.id}`,class:"row scrollable-row-totals"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.stats,S=>(e.openBlock(),e.createElementBlock("div",{key:S.category_id,class:e.normalizeClass(["row data-info",{odd:y%2!==0,underline:!!S.total}]),onClick:T=>x({player:f,stat:S})},e.toDisplayString(S.total),11,ne))),128)),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:y%2!==0}])},[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([{expanded:f.isExpanded},"_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5 arrow"]),onClick:S=>w(f),width:"12",height:"8",viewBox:"0 0 12 8",fill:"#D9D9D9",xmlns:"http://www.w3.org/2000/svg"},se,10,ie))],2)]))),128))],4))}},[["__scopeId","data-v-95767312"]]),g=t=>(e.pushScopeId("data-v-dbafbc83"),t=t(),e.popScopeId(),t),re={class:"table__static-column"},ce=g(()=>e.createElementVNode("div",{class:"static-title column-title"},null,-1)),me={class:"container"},pe={class:"details-row__info"},fe={class:"details-row__info__personal"},he={class:"bold"},_e={class:"bold"},ge={class:"bold"},be={class:"bold"},ye={class:"details-row__info__games"},ke={class:"bold"},Ce={class:"bold"},ue={class:"details-row__buttons"},Se=["onClick"],we=[g(()=>e.createElementVNode("div",null,"Ver gráfica",-1)),g(()=>e.createElementVNode("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("g",{"clip-path":"url(#clip0_3514_71971)"},[e.createElementVNode("path",{d:"M16.3338 6.02932L8.65108 0.447539C8.56099 0.38207 8.43896 0.38207 8.34886 0.447539C8.34292 0.451852 1.97661 5.07726 0.6663 6.02926C0.498706 6.09269 0.445831 6.30248 0.563113 6.43788L3.48277 15.4238C3.51717 15.5297 3.61589 15.6014 3.72727 15.6014H13.2635C13.3911 15.6014 13.484 15.5258 13.5172 15.4238L16.4368 6.43788C16.5544 6.3022 16.501 6.09269 16.3338 6.02932ZM13.1818 14.792L12.2937 13.5604C12.4178 13.3198 12.4262 13.0472 12.3402 12.813L13.4007 8.12035C13.7342 7.97885 13.9718 7.64673 13.9682 7.25316L15.8203 6.67173L13.1818 14.792ZM1.18005 6.67273L2.54311 7.10316C2.52677 7.60485 2.90696 8.01919 3.39221 8.06116L5.37836 11.3233C5.0798 11.6827 5.09336 12.2096 5.41452 12.5533L3.8173 14.7894L1.18005 6.67273ZM7.02283 11.9909C7.03952 11.7764 6.98346 11.5718 6.86936 11.4011L8.47839 9.14851L10.8495 12.4367C10.7173 12.5536 10.6187 12.7075 10.5697 12.8821L7.02283 11.9909ZM7.62217 4.78338C7.74714 5.00898 7.96299 5.17704 8.22033 5.23844V8.35679L4.40411 7.15166C4.40767 6.95926 4.35377 6.77813 4.25196 6.6232L7.62217 4.78338ZM12.2474 6.77016C12.151 6.92429 12.0998 7.10551 12.1071 7.29851L8.73449 8.35735V5.21526C8.94317 5.14495 9.11883 5.00291 9.23183 4.8182L12.2474 6.77016ZM4.25277 7.64307L8.06249 8.84613L6.47533 11.0681C6.26327 10.973 6.02383 10.9611 5.80383 11.0334L3.92524 7.94795C4.05761 7.87432 4.17008 7.76935 4.25277 7.64307ZM11.9237 12.3234C11.7375 12.2181 11.526 12.1827 11.3228 12.214L8.8943 8.84613L12.2678 7.78701C12.4038 7.98623 12.6151 8.12979 12.8607 8.17698L11.9237 12.3234ZM12.648 6.41704L9.36721 4.29329C9.35074 3.90045 9.09089 3.57073 8.73449 3.45063V1.14366L15.6674 6.18076L13.8211 6.76041C13.5672 6.3651 13.0654 6.22463 12.648 6.41704ZM8.22033 3.42748C7.83383 3.5197 7.54105 3.8527 7.50917 4.25923L3.8238 6.27107C3.42227 6.10782 2.95152 6.24232 2.70096 6.61379L1.33164 6.18138L8.22033 1.17648V3.42748ZM5.85711 12.8183C6.22189 12.9143 6.61096 12.7823 6.84071 12.4753L10.5778 13.4143C10.7578 13.9855 11.4215 14.2369 11.9331 13.9395L12.7607 15.0872H4.23642L5.85711 12.8183Z",fill:"white"})]),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_3514_71971"},[e.createElementVNode("rect",{width:"16",height:"16",fill:"white",transform:"translate(0.5)"})])])],-1))],xe=["onClick"],Ee=[g(()=>e.createElementVNode("div",null,"Agregar a lista",-1)),g(()=>e.createElementVNode("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M13.2016 17.2012V15.601C13.2016 14.7522 12.8645 13.9381 12.2643 13.3379C11.664 12.7377 10.85 12.4005 10.0012 12.4005H5.20047C4.35165 12.4005 3.5376 12.7377 2.9374 13.3379C2.33719 13.9381 2 14.7522 2 15.601V17.2012",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M7.60086 9.19977C9.36843 9.19977 10.8013 7.76687 10.8013 5.9993C10.8013 4.23173 9.36843 2.79883 7.60086 2.79883C5.83329 2.79883 4.40039 4.23173 4.40039 5.9993C4.40039 7.76687 5.83329 9.19977 7.60086 9.19977Z",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M15.5996 6.79944V11.6001M17.9999 9.19979H13.1992",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"})],-1))],Ve=["onClick"],Be=[g(()=>e.createElementVNode("div",null,"Ver perfil",-1))],Ne={class:"static-row__info-player"},Le={class:"position"},$e=["onClick"],ze=[g(()=>e.createElementVNode("path",{d:"M13.2016 17.2012V15.601C13.2016 14.7522 12.8645 13.9381 12.2643 13.3379C11.664 12.7377 10.85 12.4005 10.0012 12.4005H5.20047C4.35165 12.4005 3.5376 12.7377 2.9374 13.3379C2.33719 13.9381 2 14.7522 2 15.601V17.2012",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)),g(()=>e.createElementVNode("path",{d:"M7.60086 9.19977C9.36843 9.19977 10.8013 7.76687 10.8013 5.9993C10.8013 4.23173 9.36843 2.79883 7.60086 2.79883C5.83329 2.79883 4.40039 4.23173 4.40039 5.9993C4.40039 7.76687 5.83329 9.19977 7.60086 9.19977Z",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)),g(()=>e.createElementVNode("path",{d:"M15.5996 6.79944V11.6001M17.9999 9.19979H13.1992",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"},null,-1))],Te={class:"player-photo"},De=["src"],Ie={class:"player-name"},Me={class:"arrow"},Fe=["onClick"],Re=[g(()=>e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6 4.93631L10.2929 1.23496C10.6834 0.898244 11.3166 0.898244 11.7071 1.23496C12.0976 1.57167 12.0976 2.11759 11.7071 2.4543L6.70711 6.76532C6.31658 7.10203 5.68342 7.10203 5.29289 6.76532L0.292893 2.4543C-0.0976311 2.11759 -0.0976311 1.57167 0.292893 1.23496C0.683418 0.898244 1.31658 0.898244 1.70711 1.23496L6 4.93631Z",fill:"#D9D9D9"},null,-1))],Oe={class:"table__scrollable-columns"},Pe=e.createStaticVNode('<div class="titles scrollable-row" data-v-dbafbc83><div class="column-title" data-v-dbafbc83>Equipo</div><div class="column-title" data-v-dbafbc83>Posición</div><div class="column-title" data-v-dbafbc83>Edad</div><div class="column-title" data-v-dbafbc83>País</div><div class="column-title" data-v-dbafbc83>Partidos Jugados</div><div class="column-title" data-v-dbafbc83>Minutos Jugados</div><div class="column-title" data-v-dbafbc83>Liga</div><div class="column-title" data-v-dbafbc83>Videos</div><div class="column-title" data-v-dbafbc83></div></div>',1),We={class:"team-logo"},Ae=["src"],Ze={class:"team-name data-info"},je=["src"],Ge=$({__name:"GSC-TableScrollable",props:{players:{type:Array,default:()=>[]},isGeneral:{type:Boolean,default:!0},isEditMode:{type:Boolean,default:!1}},emits:["change-selected-players","view-profile","add-to-list","view-graph","open-media"],setup(t,{emit:i}){const o=t;let s=null,m=null;const d=e.ref([]),_=e.ref(null),k=e.ref(null),b=e.ref(0),r=e.ref(0),u=e.ref(-1),w=e.ref(!1),V=e.computed(()=>({"--width-details":`${b.value}px`,"--gap-static-row":`${x.value?"8px":"18px"}`,"--width-static-column":`${x.value?"50%":"256px"}`})),x=e.computed(()=>b.value<600);e.watch(()=>o.players,a=>{a&&a.length&&(d.value=a.map((n,l)=>{const c=l+1;return{...n,position:c<10?`0${c}`:`${c}`,isSelected:!1,isExpanded:!1,isOdd:l%2!==0,index:l}}))},{immediate:!0}),e.watch(()=>o.isEditMode,a=>{a&&d.value.forEach(n=>{n.isSelected=!1})}),e.watch(r,a=>{const l=document.querySelectorAll(".static-row")[u.value+1];l&&(l.style.marginTop=`${a}px`),o.isGeneral?p(u.value,a):k.value&&k.value.setMarginTopDetails(u.value,a)});function p(a,n){const c=document.querySelectorAll(".scrollable-row")[a+2];c&&(c.style.marginTop=`${n}px`)}function h(a){const n=a.player,l=n?n.player_id||n.id||n.playerId:a.id||a.player_id,c=n?n.team_id||n.teamId:a.team_id||a.teamId,B={seasonId:a.season_id,isFeaturedPlayers:!1,mainSectionType:1,playListType:2,gameIds:null,playerIds:l?[l]:[],goalkeeperIds:[],teamId:c||0,matchResult:[1,2,3],categorySingleName:"",isRivalSubject:!1,avoidCategorySingleName:!1,currentPlayIndex:0,playData:null,lastClashedGameId:null,tournamentsLastClashes:null,advancedFilter:{playListTitle:"Jugadas Relevantes"}};a.stat?B.customCategoryIds=[a.stat.category_id]:B.categoryIds=S(a.player_position),i("open-media",B)}function f(){s=new ResizeObserver(a=>{for(const n of a)b.value=n.contentRect.width}),s.observe(_.value)}function y(a){m=new ResizeObserver(n=>{for(const l of n)r.value=l.contentRect.height}),m.observe(a)}function S(a){return a==="POR"?[39,40,52,53,54,55,323,324,608,774,802]:[10,12,14,15,27,35,61,217,257,466,519,607,702,730,98,101,109,112,121,122,127,128,135,136,141,142,161,170,179,211,232,235,239,242,282,284,289,291,296,485,486,487,488]}function T(a,n){n.isSelected=a;const l=d.value.filter(c=>c.isSelected);i("change-selected-players",l)}function He(a){i("view-profile",a)}function D(a){i("add-to-list",a)}function qe(a){i("view-graph",a)}function I(a){w.value=a.isExpanded,d.value.forEach(n=>{n.isExpanded=!1}),setTimeout(()=>{if(!w.value){const l=document.querySelectorAll(".details-row")[a.index];u.value=a.index,y(l)}a.isExpanded=!w.value},200)}return e.onMounted(()=>{f()}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:"table",ref_key:"tableSC",ref:_,style:e.normalizeStyle(V.value)},[e.createElementVNode("div",re,[ce,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`s-${l.id}`,class:e.normalizeClass(["row static-row",{odd:l.isOdd}])},[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["details-row",{odd:l.isOdd}])},[e.createElementVNode("div",me,[e.createElementVNode("div",pe,[e.createElementVNode("div",fe,[e.createElementVNode("div",null,[e.createTextVNode("Equipo: "),e.createElementVNode("span",he,e.toDisplayString(l.team_name),1)]),e.createElementVNode("div",null,[e.createTextVNode("Edad: "),e.createElementVNode("span",_e,e.toDisplayString(l.player_age)+" Años",1)]),e.createElementVNode("div",null,[e.createTextVNode("Nacionalidad: "),e.createElementVNode("span",ge,e.toDisplayString(l.player_country),1)]),e.createElementVNode("div",null,[e.createTextVNode("Posición: "),e.createElementVNode("span",be,e.toDisplayString(l.position_name),1)])]),e.createElementVNode("div",ye,[e.createElementVNode("div",null,[e.createTextVNode("Partidos Jugados: "),e.createElementVNode("span",ke,e.toDisplayString(l.player_games),1)]),e.createElementVNode("div",null,[e.createTextVNode("Minutos Jugados: "),e.createElementVNode("span",Ce,e.toDisplayString(l.player_min),1)])])]),e.createElementVNode("div",ue,[e.createElementVNode("div",{role:"button",class:"button",onClick:c=>qe(l)},we,8,Se),e.createElementVNode("div",{role:"button",class:"button",onClick:c=>D(l)},Ee,8,xe),e.createElementVNode("div",{role:"button",class:"button green",onClick:c=>He(l)},Be,8,Ve)])])],2),[[e.vShow,l.isExpanded]])]),_:2},1024),t.isEditMode?(e.openBlock(),e.createBlock(e.unref(H),{key:0,fontFamily:"Poppins-Regular",labelFontSize:"14px","model-value":l.isSelected,"onUpdate:modelValue":c=>T(c,l)},null,8,["model-value","onUpdate:modelValue"])):e.createCommentVNode("",!0),e.createElementVNode("div",Ne,[e.createElementVNode("div",Le,e.toDisplayString(l.position),1),(e.openBlock(),e.createElementBlock("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:c=>D(l)},ze,8,$e)),e.createElementVNode("div",Te,[e.createElementVNode("div",null,[e.createElementVNode("img",{src:l.player_photo,alt:"player photo"},null,8,De)])]),e.createElementVNode("div",Ie,e.toDisplayString(l.player_name),1)]),e.createElementVNode("div",Me,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5",{expanded:l.isExpanded}]),width:"12",height:"8",viewBox:"0 0 12 8",fill:"#D9D9D9",xmlns:"http://www.w3.org/2000/svg",onClick:c=>I(l)},Re,10,Fe))])],2))),128))]),e.createElementVNode("div",Oe,[t.isGeneral?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[Pe,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`i-${l.id}`,class:"row scrollable-row"},[e.createElementVNode("div",{class:e.normalizeClass(["row team-info",{odd:l.isOdd}])},[e.createElementVNode("div",We,[e.createElementVNode("img",{src:l.team_logo,alt:"team logo"},null,8,Ae)]),e.createElementVNode("div",Ze,e.toDisplayString(l.team_abrev),1)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_position),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_age),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},[e.createElementVNode("img",{src:l.player_country_flag,alt:"player country flag",class:"country-flag"},null,8,je)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_games),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_min),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.league_name),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},[e.createVNode(e.unref(oe),{icon:"https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png","icon-size":"13px","icon-position":"left",width:"98px",height:"30px","border-radius":"30px","border-width":"1","background-color":"#ffffff1a","font-family":"Poppins-Regular","border-color":"#55636e","text-value":"Ver videos","font-size":"10px",onClick:c=>h(l)},null,8,["onClick"])],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},null,2)]))),128))],64)):(e.openBlock(),e.createBlock(de,{key:1,ref_key:"scrollColumns",ref:k,"available-players":d.value,"is-edit-mode":t.isEditMode,onOnpenMedia:h,onExpand:I},null,8,["available-players","is-edit-mode"]))])],4))}},[["__scopeId","data-v-dbafbc83"]]);C.GSCTableScrollable=Ge,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@golstats/gsc-table-scrollable",
3
- "version": "0.0.1",
3
+ "version": "1.0.0",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"
@@ -22,7 +22,10 @@
22
22
  "dependencies": {
23
23
  "@golstats/gsc-button": "^1.0.14",
24
24
  "@golstats/gsc-checkbox": "^1.0.13",
25
- "vue": "3.3.4"
25
+ "@golstats/gsc-dropdown": "^1.0.15",
26
+ "apexcharts": "3.44.0",
27
+ "vue": "3.3.4",
28
+ "vue3-apexcharts": "1.4.4"
26
29
  },
27
30
  "devDependencies": {
28
31
  "@vitejs/plugin-vue": "^5.2.1",