@golstats/gsc-table-scrollable 1.0.14 → 1.0.16

package/dist/gsc-table-scrollable.js

@@ -1,4 +1,4 @@
-import { useCssVars as at, ref as g, computed as O, watch as V, createElementBlock as r, openBlock as l, normalizeClass as y, createElementVNode as t, createCommentVNode as L, normalizeStyle as B, Fragment as T, toDisplayString as h, pushScopeId as W, popScopeId as H, onMounted as rt, renderList as z, onBeforeUnmount as Ct, createVNode as ot, createBlock as st, Transition as kt, withCtx as wt, withDirectives as bt, createTextVNode as D, vShow as yt, unref as it } from "vue";
+import { useCssVars as at, ref as g, computed as I, watch as D, createElementBlock as a, openBlock as n, normalizeClass as y, createElementVNode as t, createCommentVNode as S, normalizeStyle as B, Fragment as O, toDisplayString as h, pushScopeId as W, popScopeId as H, onMounted as rt, renderList as z, onBeforeUnmount as Ct, createVNode as ot, createBlock as st, Transition as kt, withCtx as wt, withDirectives as bt, createTextVNode as F, vShow as yt, unref as it } from "vue";
 const xt = (s, u) => {
   const i = s.__vccOpts || s;
   for (const [f, _] of u)
@@ -13,7 +13,7 @@ const xt = (s, u) => {
 }, Lt = ["fill"], $t = {
   key: 0,
   class: "checkbox__teams"
-}, Bt = { class: "checkbox__teams__logo" }, Rt = ["src"], Et = { class: "checkbox__teams__logo" }, Pt = ["src"], It = {
+}, Bt = { class: "checkbox__teams__logo" }, Rt = ["src"], Et = { class: "checkbox__teams__logo" }, Pt = ["src"], Tt = {
   __name: "GSC-Checkbox",
   props: {
     width: {
@@ -128,7 +128,7 @@ const xt = (s, u) => {
       "7bd9d47b": s.width,
       "34dc7ddc": s.height
     }));
-    const f = g(!1), _ = O(() => {
+    const f = g(!1), _ = I(() => {
       const p = {
         color: i.boxValueColor,
         "font-family": i.fontFamily,
@@ -139,12 +139,12 @@ const xt = (s, u) => {
         "margin-top": i.boxMarginTop
       };
       return f.value ? (p["background-color"] = i.boxBackgroundColor, p.border = `solid ${i.boxBorderWidth} ${i.boxBackgroundColor}`) : p.border = `solid ${i.boxBorderWidth} ${i.boxBorderColor}`, p;
-    }), m = O(() => ({
+    }), m = I(() => ({
       "font-family": i.boxValueFontFamily,
       "font-size": i.boxValueFontSize,
       color: i.boxValueColor,
       "line-height": 1
-    })), S = O(() => {
+    })), M = I(() => {
       const p = {
         color: i.labelColor,
         "font-family": i.fontFamily,
@@ -154,7 +154,7 @@ const xt = (s, u) => {
       };
       return (i.boxPosition === "left" || i.boxPosition === "right") && (p[`margin-${i.boxPosition}`] = i.isBoxOnly ? "0" : i.teamsIds ? "8px" : "10px"), p;
     });
-    V(
+    D(
       () => i.modelValue,
       (p) => {
         p !== f.value && (f.value = p);
@@ -167,7 +167,7 @@ const xt = (s, u) => {
     function E(p) {
       return `${{}.TEAM_LOGOS_URL || "https://golstatsimages.blob.core.windows.net/teams-80/"}${p}.png`;
     }
-    return (p, I) => (l(), r("div", {
+    return (p, T) => (n(), a("div", {
       class: y(["checkbox", `box-${s.boxPosition}`]),
       onClick: R
     }, [
@@ -175,22 +175,22 @@ const xt = (s, u) => {
         class: "checkbox__box",
         style: B(_.value)
       }, [
-        f.value ? (l(), r(T, { key: 0 }, [
-          i.boxValue ? (l(), r("div", {
+        f.value ? (n(), a(O, { key: 0 }, [
+          i.boxValue ? (n(), a("div", {
             key: 0,
             class: "checkbox__box__value",
             style: B(m.value)
-          }, h(s.boxValue), 5)) : (l(), r("div", St, [
-            (l(), r("svg", Mt, [
+          }, h(s.boxValue), 5)) : (n(), a("div", St, [
+            (n(), a("svg", Mt, [
               t("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: s.boxValueColor
               }, null, 8, Lt)
             ]))
           ]))
-        ], 64)) : L("", !0)
+        ], 64)) : S("", !0)
       ], 4),
-      s.teamsIds && s.teamsIds.length ? (l(), r("div", $t, [
+      s.teamsIds && s.teamsIds.length ? (n(), a("div", $t, [
         t("div", Bt, [
           t("img", {
             src: E(s.teamsIds[0]),
@@ -203,14 +203,14 @@ const xt = (s, u) => {
             alt: ""
           }, null, 8, Pt)
         ])
-      ])) : L("", !0),
+      ])) : S("", !0),
       t("div", {
         class: "checkbox__label",
-        style: B(S.value)
+        style: B(M.value)
       }, h(s.label), 5)
     ], 2));
   }
-}, Ot = /* @__PURE__ */ xt(It, [["__scopeId", "data-v-b6f124d8"]]), Tt = (s, u) => {
+}, It = /* @__PURE__ */ xt(Tt, [["__scopeId", "data-v-b6f124d8"]]), Ot = (s, u) => {
   const i = s.__vccOpts || s;
   for (const [f, _] of u)
     i[f] = _;
@@ -289,7 +289,7 @@ const xt = (s, u) => {
       this.$emit("click", s), this.typeOnOff && (this.status = !this.status, this.$emit("status", this.status));
     }
   }
-}, nt = () => {
+}, lt = () => {
   at((s) => ({
     "9d01acb4": s.height,
     "14e95081": s.borderWidthBtn,
@@ -305,51 +305,51 @@ const xt = (s, u) => {
     "93b87770": s.marginLeftStat,
     c7f7beba: s.fontSizeStat
   }));
-}, lt = N.setup;
-N.setup = lt ? (s, u) => (nt(), lt(s, u)) : nt;
-const Ft = (s) => (W("data-v-f3ee6b2b"), s = s(), H(), s), Dt = ["src"], Vt = {
+}, nt = N.setup;
+N.setup = nt ? (s, u) => (lt(), nt(s, u)) : lt;
+const Vt = (s) => (W("data-v-f3ee6b2b"), s = s(), H(), s), Ft = ["src"], Dt = {
   key: 1,
   class: "text"
-}, zt = ["src"], jt = { class: "stats" }, At = /* @__PURE__ */ Ft(() => /* @__PURE__ */ t("img", {
+}, zt = ["src"], At = { class: "stats" }, jt = /* @__PURE__ */ Vt(() => /* @__PURE__ */ t("img", {
   class: "iconstats",
   src: "https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"
 }, null, -1)), Zt = { class: "numstats" }, Wt = { class: "leyend" };
 function Ht(s, u, i, f, _, m) {
-  return l(), r("div", null, [
-    i.type == 0 ? (l(), r("div", {
+  return n(), a("div", null, [
+    i.type == 0 ? (n(), a("div", {
       key: 0,
       class: y(["button", _.status && i.typeOnOff && "button-active"]),
       style: B([m.customStyle, _.status && i.typeOnOff && m.customActive]),
-      onClick: u[0] || (u[0] = (...S) => m.btnClick && m.btnClick(...S))
+      onClick: u[0] || (u[0] = (...M) => m.btnClick && m.btnClick(...M))
     }, [
-      i.icon && i.iconPosition.toLowerCase() === "left" ? (l(), r("img", {
+      i.icon && i.iconPosition.toLowerCase() === "left" ? (n(), a("img", {
         key: 0,
         class: "icon",
         style: B({ width: i.iconSize }),
         src: i.icon
-      }, null, 12, Dt)) : L("", !0),
-      i.textValue ? (l(), r("div", Vt, h(i.textValue), 1)) : L("", !0),
-      i.icon && i.iconPosition.toLowerCase() === "right" ? (l(), r("img", {
+      }, null, 12, Ft)) : S("", !0),
+      i.textValue ? (n(), a("div", Dt, h(i.textValue), 1)) : S("", !0),
+      i.icon && i.iconPosition.toLowerCase() === "right" ? (n(), a("img", {
         key: 2,
         class: "icon",
         style: B({ width: i.iconSize }),
         src: i.icon
-      }, null, 12, zt)) : L("", !0)
-    ], 6)) : L("", !0),
-    i.type == 1 ? (l(), r("div", {
+      }, null, 12, zt)) : S("", !0)
+    ], 6)) : S("", !0),
+    i.type == 1 ? (n(), a("div", {
       key: 1,
       class: "button-target",
-      onClick: u[1] || (u[1] = (...S) => m.btnClick && m.btnClick(...S))
+      onClick: u[1] || (u[1] = (...M) => m.btnClick && m.btnClick(...M))
     }, [
-      t("div", jt, [
-        At,
+      t("div", At, [
+        jt,
         t("div", Zt, h(i.textStat), 1)
       ]),
       t("div", Wt, h(i.textCategory), 1)
-    ])) : L("", !0)
+    ])) : S("", !0)
   ]);
 }
-const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b"]]), dt = (s, u) => {
+const Nt = /* @__PURE__ */ Ot(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b"]]), dt = (s, u) => {
   const i = s.__vccOpts || s;
   for (const [f, _] of u)
     i[f] = _;
@@ -394,16 +394,16 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
   },
   emits: ["expand", "open-media", "click-parameters", "sort"],
   setup(s, { expose: u, emit: i }) {
-    const f = s, _ = g(null), m = g(null), S = g(0);
+    const f = s, _ = g(null), m = g(null), M = g(0);
     g(!1);
-    const R = O(() => {
+    const R = I(() => {
       const c = f.availablePlayers[0];
       return c ? c.stats : [];
-    }), E = O(() => {
+    }), E = I(() => {
       const c = `repeat(${R.value.length}, max-content) 36px`;
       let v = "";
-      return S.value > 0 && document.querySelectorAll(".column-title-2").forEach((M) => {
-        v += `${M.offsetWidth}px `;
+      return M.value > 0 && document.querySelectorAll(".column-title-2").forEach((L) => {
+        v += `${L.offsetWidth}px `;
       }), {
         "--grid-template-columns": c,
         "--grid-template-columns-totals": v || c
@@ -413,75 +413,78 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
       _.value = new ResizeObserver((c) => {
         for (const v of c) {
           const { width: w } = v.contentRect;
-          S.value = w;
+          M.value = w;
         }
       }), _.value.observe(m.value);
     }
-    function I(c, v) {
-      const M = document.querySelectorAll(".scrollable-row-totals")[c + 1];
-      M && (M.style.marginTop = `${v}px`);
+    function T(c, v) {
+      const L = document.querySelectorAll(".scrollable-row-totals")[c + 1];
+      L && (L.style.marginTop = `${v}px`);
     }
-    function F({ player: c, stat: v }) {
+    function V({ player: c, stat: v }) {
       !v.total || v === "0%" || !v.seasons || !v.seasons.length || i("open-media", { ...c, stat: v });
     }
     function k(c) {
       !c || c === "no" || i("click-parameters", c);
     }
-    function j(c) {
+    function A(c) {
       i("sort", c);
     }
     return rt(() => {
       p();
     }), u({
-      setMarginTopDetails: I
-    }), (c, v) => (l(), r("div", {
+      setMarginTopDetails: T
+    }), (c, v) => (n(), a("div", {
       class: "scroll-columns",
       style: B(E.value)
     }, [
-      s.isEditMode ? (l(), r("div", Gt)) : L("", !0),
+      s.isEditMode ? (n(), a("div", Gt)) : S("", !0),
       t("div", {
         ref_key: "titlesRow",
         ref: m,
         class: "scrollable-row-2"
       }, [
-        (l(!0), r(T, null, z(R.value, (w, M) => (l(), r("div", {
-          key: `t-${M}`,
+        (n(!0), a(O, null, z(R.value, (w, L) => (n(), a("div", {
+          key: `t-${L}`,
           class: "column-title-2"
         }, [
-          w.parameters && w.parameters !== "no" ? (l(), r("div", {
+          w.parameters && w.parameters !== "no" ? (n(), a("div", {
             key: 0,
             class: "parameters",
             role: "button",
             onClick: (x) => k(w.parameters)
-          }, Jt, 8, Ut)) : L("", !0),
+          }, Jt, 8, Ut)) : S("", !0),
           t("div", Xt, h(w.name), 1),
-          (l(), r("svg", {
+          (n(), a("svg", {
             width: "18",
             height: "18",
             viewBox: "0 0 18 18",
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
-            onClick: (x) => j(w)
+            onClick: (x) => A(w)
           }, Yt, 8, Kt))
         ]))), 128)),
         te
       ], 512),
-      (l(!0), r(T, null, z(s.availablePlayers, (w, M) => (l(), r("div", {
+      (n(!0), a(O, null, z(s.availablePlayers, (w, L) => (n(), a("div", {
         key: `i-${w.id}`,
         class: "row scrollable-row-totals"
       }, [
-        (l(!0), r(T, null, z(w.stats, (x) => (l(), r("div", {
+        (n(!0), a(O, null, z(w.stats, (x) => (n(), a("div", {
           key: x.category_id,
-          class: y(["row data-info", { odd: M % 2 !== 0, underline: !!x.total && x.total !== "0%" && x.seasons && x.seasons.length }])
+          class: y(["row data-info", { odd: L % 2 !== 0, underline: !!x.total && x.total !== "0%" && x.seasons && x.seasons.length }])
         }, [
           t("span", {
-            onClick: (U) => F({ player: w, stat: x })
+            onClick: (U) => V({ player: w, stat: x })
           }, h(x.total), 9, ee)
         ], 2))), 128))
       ]))), 128))
     ], 4));
   }
-}, se = /* @__PURE__ */ dt(oe, [["__scopeId", "data-v-df83603b"]]), d = (s) => (W("data-v-14d97ca7"), s = s(), H(), s), ie = { class: "table__static-column" }, ne = { class: "static-title column-title restore" }, le = /* @__PURE__ */ d(() => /* @__PURE__ */ t("svg", {
+}, se = /* @__PURE__ */ dt(oe, [["__scopeId", "data-v-df83603b"]]), d = (s) => (W("data-v-c0606edc"), s = s(), H(), s), ie = { class: "table__static-column" }, le = { class: "static-title column-title restore" }, ne = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", { class: "titles-left" }, [
+  /* @__PURE__ */ t("div", { class: "title" }, "Ranking"),
+  /* @__PURE__ */ t("div", { class: "title" }, "Agregar a lista")
+], -1)), ae = /* @__PURE__ */ d(() => /* @__PURE__ */ t("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
@@ -498,10 +501,10 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
     /* @__PURE__ */ t("path", { d: "M15.333 2.667v4h-4M.667 13.333v-4h4" }),
     /* @__PURE__ */ t("path", { d: "M2.34 6a6 6 0 0 1 9.9-2.24l3.094 2.906M.667 9.333l3.093 2.906a6 6 0 0 0 9.9-2.24" })
   ])
-], -1)), ae = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, "Restaurar orden", -1)), re = [
-  le,
-  ae
-], de = ["id"], ce = { class: "container" }, ue = { class: "details-row__info" }, fe = { class: "details-row__info__personal" }, he = { class: "bold" }, ve = { class: "bold" }, pe = { class: "bold" }, _e = { class: "bold" }, ge = { class: "details-row__info__games" }, me = { class: "bold" }, Ce = { class: "bold" }, ke = ["onClick"], we = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, "Ver gráfica", -1)), be = /* @__PURE__ */ d(() => /* @__PURE__ */ t("svg", {
+], -1)), re = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, "Restaurar orden", -1)), de = [
+  ae,
+  re
+], ce = ["id"], ue = { class: "container" }, fe = { class: "details-row__info" }, he = { class: "details-row__info__personal" }, ve = { class: "bold" }, pe = { class: "bold" }, _e = { class: "bold" }, ge = { class: "bold" }, me = { class: "details-row__info__games" }, Ce = { class: "bold" }, ke = { class: "bold" }, we = ["onClick"], be = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, "Ver gráfica", -1)), ye = /* @__PURE__ */ d(() => /* @__PURE__ */ t("svg", {
   width: "17",
   height: "16",
   viewBox: "0 0 17 16",
@@ -524,10 +527,10 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
       })
     ])
   ])
-], -1)), ye = [
-  we,
-  be
-], xe = ["onClick"], Se = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, "Eliminar de lista", -1)), Me = /* @__PURE__ */ d(() => /* @__PURE__ */ t("svg", {
+], -1)), xe = [
+  be,
+  ye
+], Se = ["onClick"], Me = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, "Eliminar de lista", -1)), Le = /* @__PURE__ */ d(() => /* @__PURE__ */ t("svg", {
   width: "17",
   height: "15",
   viewBox: "0 0 20 18",
@@ -558,10 +561,10 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   })
-], -1)), Le = [
-  Se,
-  Me
-], $e = ["onClick"], Be = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, "Agregar a lista", -1)), Re = /* @__PURE__ */ d(() => /* @__PURE__ */ t("svg", {
+], -1)), $e = [
+  Me,
+  Le
+], Be = ["onClick"], Re = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, "Agregar a lista", -1)), Ee = /* @__PURE__ */ d(() => /* @__PURE__ */ t("svg", {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -592,19 +595,19 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   })
-], -1)), Ee = [
-  Be,
-  Re
-], Pe = ["onClick"], Ie = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, "Ver perfil", -1)), Oe = [
+], -1)), Pe = [
+  Re,
+  Ee
+], Te = ["onClick"], Ie = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, "Ver perfil", -1)), Oe = [
   Ie
-], Te = { class: "static-row__info-player" }, Fe = { class: "position" }, De = ["onClick"], Ve = /* @__PURE__ */ d(() => /* @__PURE__ */ t("path", {
+], Ve = { class: "static-row__info-player" }, Fe = { class: "position" }, De = ["onClick"], ze = /* @__PURE__ */ d(() => /* @__PURE__ */ t("path", {
   d: "M13.3345 16.5001V14.8334C13.3345 13.9494 12.9833 13.1015 12.3582 12.4764C11.7331 11.8513 10.8852 11.5001 10.0012 11.5001H5.00126C4.11722 11.5001 3.26938 11.8513 2.64427 12.4764C2.01915 13.1015 1.66797 13.9494 1.66797 14.8334V16.5001",
   stroke: "white",
   "stroke-opacity": "0.5",
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1)), ze = /* @__PURE__ */ d(() => /* @__PURE__ */ t("path", {
+}, null, -1)), Ae = /* @__PURE__ */ d(() => /* @__PURE__ */ t("path", {
   d: "M7.50126 8.16658C9.34219 8.16658 10.8346 6.67422 10.8346 4.83329C10.8346 2.99237 9.34219 1.5 7.50126 1.5C5.66033 1.5 4.16797 2.99237 4.16797 4.83329C4.16797 6.67422 5.66033 8.16658 7.50126 8.16658Z",
   stroke: "white",
   "stroke-opacity": "0.5",
@@ -618,43 +621,46 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1)), Ae = [
-  Ve,
+}, null, -1)), Ze = [
   ze,
+  Ae,
   je
-], Ze = ["onClick"], We = /* @__PURE__ */ d(() => /* @__PURE__ */ t("path", {
+], We = {
+  key: 1,
+  class: "add-to-list"
+}, He = ["onClick"], Ne = /* @__PURE__ */ d(() => /* @__PURE__ */ t("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)), He = /* @__PURE__ */ d(() => /* @__PURE__ */ t("path", {
+}, null, -1)), Ge = /* @__PURE__ */ d(() => /* @__PURE__ */ t("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)), Ne = /* @__PURE__ */ d(() => /* @__PURE__ */ t("path", {
+}, null, -1)), Ue = /* @__PURE__ */ d(() => /* @__PURE__ */ t("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)), Ge = [
-  We,
-  He,
-  Ne
-], Ue = { class: "player-photo" }, qe = ["src"], Je = { class: "player-name" }, Xe = { class: "arrow" }, Ke = ["onClick"], Qe = /* @__PURE__ */ d(() => /* @__PURE__ */ t("path", {
+}, null, -1)), qe = [
+  Ne,
+  Ge,
+  Ue
+], Je = { class: "player-photo" }, Xe = ["src"], Ke = { class: "player-name" }, Qe = { class: "arrow" }, Ye = ["onClick"], to = /* @__PURE__ */ d(() => /* @__PURE__ */ t("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)), Ye = [
-  Qe
-], to = { class: "titles scrollable-row" }, eo = { class: "column-title" }, oo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, " Equipo ", -1)), so = /* @__PURE__ */ d(() => /* @__PURE__ */ t("g", {
+}, null, -1)), eo = [
+  to
+], oo = { class: "titles scrollable-row" }, so = { class: "column-title" }, io = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, " Equipo ", -1)), lo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -662,9 +668,9 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
   "stroke-linejoin": "round"
 }, [
   /* @__PURE__ */ t("path", { d: "M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67" })
-], -1)), io = [
-  so
-], no = { class: "column-title" }, lo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, " Posición ", -1)), ao = /* @__PURE__ */ d(() => /* @__PURE__ */ t("g", {
+], -1)), no = [
+  lo
+], ao = { class: "column-title" }, ro = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, " Posición ", -1)), co = /* @__PURE__ */ d(() => /* @__PURE__ */ t("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -672,9 +678,9 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
   "stroke-linejoin": "round"
 }, [
   /* @__PURE__ */ t("path", { d: "M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67" })
-], -1)), ro = [
-  ao
-], co = { class: "column-title" }, uo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, " Edad ", -1)), fo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("g", {
+], -1)), uo = [
+  co
+], fo = { class: "column-title" }, ho = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, " Edad ", -1)), vo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -682,9 +688,9 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
   "stroke-linejoin": "round"
 }, [
   /* @__PURE__ */ t("path", { d: "M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67" })
-], -1)), ho = [
-  fo
-], vo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", { class: "column-title" }, "País", -1)), po = { class: "column-title" }, _o = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, " Partidos Jugados ", -1)), go = /* @__PURE__ */ d(() => /* @__PURE__ */ t("g", {
+], -1)), po = [
+  vo
+], _o = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", { class: "column-title" }, "País", -1)), go = { class: "column-title" }, mo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, " Partidos Jugados ", -1)), Co = /* @__PURE__ */ d(() => /* @__PURE__ */ t("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -692,9 +698,9 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
   "stroke-linejoin": "round"
 }, [
   /* @__PURE__ */ t("path", { d: "M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67" })
-], -1)), mo = [
-  go
-], Co = { class: "column-title" }, ko = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, " Minutos Jugados ", -1)), wo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("g", {
+], -1)), ko = [
+  Co
+], wo = { class: "column-title" }, bo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, " Minutos Jugados ", -1)), yo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -702,9 +708,9 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
   "stroke-linejoin": "round"
 }, [
   /* @__PURE__ */ t("path", { d: "M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67" })
-], -1)), bo = [
-  wo
-], yo = { class: "column-title" }, xo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, " Liga ", -1)), So = /* @__PURE__ */ d(() => /* @__PURE__ */ t("g", {
+], -1)), xo = [
+  yo
+], So = { class: "column-title" }, Mo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, " Liga ", -1)), Lo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -712,9 +718,9 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
   "stroke-linejoin": "round"
 }, [
   /* @__PURE__ */ t("path", { d: "M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67" })
-], -1)), Mo = [
-  So
-], Lo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", { class: "column-title" }, "Videos", -1)), $o = { class: "team-logo" }, Bo = ["src"], Ro = { class: "team-name data-info" }, Eo = ["src"], Po = {
+], -1)), $o = [
+  Lo
+], Bo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", { class: "column-title" }, "Videos", -1)), Ro = { class: "team-logo" }, Eo = ["src"], Po = { class: "team-name data-info" }, To = ["src"], Io = {
   __name: "GSC-TableScrollable",
   props: {
     players: {
@@ -732,6 +738,14 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
     isTableFromList: {
       type: Boolean,
       default: !1
+    },
+    isGraphButtonVisible: {
+      type: Boolean,
+      default: !0
+    },
+    isAddToListButtonVisible: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: [
@@ -745,9 +759,9 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
   setup(s, { emit: u }) {
     const i = s;
     let f = null, _ = null;
-    const m = g([]), S = g(null), R = g(null), E = g(0), p = g(0), I = g(-1);
+    const m = g([]), M = g(null), R = g(null), E = g(0), p = g(0), T = g(-1);
     g(!1);
-    const F = g(null), k = g(null), j = g(null), c = g([]), v = g([
+    const V = g(null), k = g(null), A = g(null), c = g([]), v = g([
       {
         name: "team_abrev",
         isDesc: !1,
@@ -778,24 +792,24 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
         isDesc: !1,
         isRoot: !0
       }
-    ]), w = g(0), M = O(() => ({
+    ]), w = g(0), L = I(() => ({
       "--width-details": `${E.value}px`,
       "--gap-static-row": `${x.value ? "8px" : "18px"}`,
-      "--width-static-column": `${x.value ? "50%" : "256px"}`
-    })), x = O(() => E.value < 600);
-    V(
+      "--width-static-column": `${x.value ? "50%" : "436px"}`
+    })), x = I(() => E.value < 600);
+    D(
       () => i.players,
       (e) => {
-        e && e.length && (m.value = e.map((n, o) => {
-          const a = o + 1, C = {
-            ...n,
-            position: a < 10 ? `0${a}` : `${a}`,
+        e && e.length && (m.value = e.map((l, o) => {
+          const r = o + 1, C = {
+            ...l,
+            position: r < 10 ? `0${r}` : `${r}`,
             isSelected: !1,
             isExpanded: !1,
             isOdd: o % 2 !== 0,
             index: o
           };
-          return n.stats && n.stats.length && (C.stats = n.stats.map((b) => ({
+          return l.stats && l.stats.length && (C.stats = l.stats.map((b) => ({
             ...b,
             isDesc: !1,
             isRoot: !1
@@ -803,54 +817,54 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
             const et = C.stats.find((mt) => mt.custom_category_id === Number(b));
             et && (et.parameters = $);
           }), C;
-        }), c.value = m.value.map((n) => ({
-          ...n
+        }), c.value = m.value.map((l) => ({
+          ...l
         })));
       },
       { immediate: !0, deep: !0 }
-    ), V(
+    ), D(
       () => i.isEditMode,
       (e) => {
-        e && m.value.forEach((n) => {
-          n.isSelected = !1;
+        e && m.value.forEach((l) => {
+          l.isSelected = !1;
         });
       }
-    ), V(
-      () => j.value,
+    ), D(
+      () => A.value,
       (e) => {
         if (e) {
-          let n = [...c.value];
-          e.isRoot ? n.sort((o, a) => typeof o[e.name] == "string" ? e.isDesc ? o[e.name].localeCompare(a[e.name]) : o[e.name].localeCompare(a[e.name]) * -1 : e.isDesc ? a[e.name] - o[e.name] : o[e.name] - a[e.name]) : n.sort((o, a) => {
-            const C = o.stats.find(($) => $.name === e.name), b = a.stats.find(($) => $.name === e.name);
+          let l = [...c.value];
+          e.isRoot ? l.sort((o, r) => typeof o[e.name] == "string" ? e.isDesc ? o[e.name].localeCompare(r[e.name]) : o[e.name].localeCompare(r[e.name]) * -1 : e.isDesc ? r[e.name] - o[e.name] : o[e.name] - r[e.name]) : l.sort((o, r) => {
+            const C = o.stats.find(($) => $.name === e.name), b = r.stats.find(($) => $.name === e.name);
             return typeof C.value == "string" ? e.isDesc ? C.total.localeCompare(b.total) : C.total.localeCompare(b.total) * -1 : e.isDesc ? b.total - C.total : C.total - b.total;
-          }), n.forEach((o, a) => {
-            o.isOdd = a % 2 !== 0;
-          }), c.value = n;
+          }), l.forEach((o, r) => {
+            o.isOdd = r % 2 !== 0;
+          }), c.value = l;
         } else
-          c.value.sort((n, o) => n.index - o.index).forEach((n, o) => {
-            n.isOdd = o % 2 !== 0;
+          c.value.sort((l, o) => l.index - o.index).forEach((l, o) => {
+            l.isOdd = o % 2 !== 0;
           });
       },
       { immediate: !0, deep: !0 }
-    ), V(
+    ), D(
       p,
       (e) => {
-        const o = document.querySelectorAll(".static-row")[I.value + 1];
-        o && (o.style.marginTop = `${e}px`), i.isGeneral ? U(I.value, e) : R.value && R.value.setMarginTopDetails(I.value, e), e === 0 && F.value && K(F.value);
+        const o = document.querySelectorAll(".static-row")[T.value + 1];
+        o && (o.style.marginTop = `${e}px`), i.isGeneral ? U(T.value, e) : R.value && R.value.setMarginTopDetails(T.value, e), e === 0 && V.value && K(V.value);
       }
     );
-    function U(e, n) {
-      const a = document.querySelectorAll(".scrollable-row")[e + 2];
-      a && (a.style.marginTop = `${n}px`);
+    function U(e, l) {
+      const r = document.querySelectorAll(".scrollable-row")[e + 2];
+      r && (r.style.marginTop = `${l}px`);
     }
     function ct(e) {
       u("click-parameters", e);
     }
     function P(e) {
-      e && (e.isDesc = !e.isDesc), j.value = e;
+      e && (e.isDesc = !e.isDesc), A.value = e;
     }
     function q(e) {
-      const n = e.player || e.objeto_player, o = n ? n.player_id || n.id || n.playerId : e.id || e.player_id, a = {
+      const l = e.player || e.objeto_player, o = l ? l.player_id || l.id || l.playerId : e.id || e.player_id, r = {
         isFeaturedPlayers: !1,
         mainSectionType: 1,
         playListType: 2,
@@ -869,23 +883,23 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
           playListTitle: "Jugadas Relevantes"
         }
       };
-      if (e.stat && e.stat.parameters && (a.parameters = e.stat.parameters), e.stat && e.stat.seasons && e.stat.seasons.length || e.seasons && e.seasons.length) {
+      if (e.stat && e.stat.parameters && (r.parameters = e.stat.parameters), e.stat && e.stat.seasons && e.stat.seasons.length || e.seasons && e.seasons.length) {
         const C = [
           ...e.stat && e.stat.seasons && e.stat.seasons.length ? e.stat.seasons : e.seasons
         ];
-        C.sort((b, $) => b - $), a.seasonId = C.shift(), a.seasonsIds = C;
-      } else (e.season_id || e.seasonId) && (a.seasonId = e.season_id || e.seasonId);
-      e.stat ? e.stat.category_id && e.stat.category_id.length ? a.categoryIds = e.stat.category_id : e.stat.custom_category_id && (a.customCategoryIds = [e.stat.custom_category_id]) : a.categoryIds = ht(e.player_position), u("open-media", a);
+        C.sort((b, $) => b - $), r.seasonId = C.shift(), r.seasonsIds = C;
+      } else (e.season_id || e.seasonId) && (r.seasonId = e.season_id || e.seasonId);
+      e.stat ? e.stat.category_id && e.stat.category_id.length ? r.categoryIds = e.stat.category_id : e.stat.custom_category_id && (r.customCategoryIds = [e.stat.custom_category_id]) : r.categoryIds = ht(e.player_position), u("open-media", r);
     }
     function ut() {
       f = new ResizeObserver((e) => {
-        for (const n of e)
-          E.value = n.contentRect.width;
-      }), f.observe(S.value);
+        for (const l of e)
+          E.value = l.contentRect.width;
+      }), f.observe(M.value);
     }
     function ft(e) {
-      _ = new ResizeObserver((n) => {
-        for (const o of n)
+      _ = new ResizeObserver((l) => {
+        for (const o of l)
           p.value = o.contentRect.height;
       }), _.observe(e);
     }
@@ -936,9 +950,9 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
         488
       ];
     }
-    function vt(e, n) {
-      n.isSelected = e;
-      const o = m.value.filter((a) => a.isSelected);
+    function vt(e, l) {
+      l.isSelected = e;
+      const o = m.value.filter((r) => r.isSelected);
       u("change-selected-players", o);
     }
     function pt(e) {
@@ -955,25 +969,25 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
     }
     function K(e) {
       if (e.isExpanded) {
-        e.isExpanded = !1, F.value = null;
+        e.isExpanded = !1, V.value = null;
         return;
       }
-      const n = m.value.find((b) => b.isExpanded);
-      if (n && (n.isExpanded = !1), n) {
-        F.value = e;
+      const l = m.value.find((b) => b.isExpanded);
+      if (l && (l.isExpanded = !1), l) {
+        V.value = e;
         return;
       }
       const o = document.querySelectorAll(".details-row");
-      let a = -1;
+      let r = -1;
       o.forEach((b, $) => {
-        b.id === `dr-${e.id}` && (a = $);
+        b.id === `dr-${e.id}` && (r = $);
       });
-      const C = o[a];
-      I.value = a, ft(C), e.isExpanded = !0;
+      const C = o[r];
+      T.value = r, ft(C), e.isExpanded = !0;
     }
     let Z = !1, Q, Y, tt = function(e) {
       Z = !0, Q = e.pageX - k.value.offsetLeft, Y = k.value.scrollLeft;
-    }, A = function() {
+    }, j = function() {
       Z = !1;
     };
     function gt() {
@@ -982,28 +996,29 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
           return;
         const o = e.pageX - k.value.offsetLeft - Q;
         k.value.scrollLeft = Y - o;
-      }), k.value.addEventListener("mousedown", tt, !1), k.value.addEventListener("mouseup", A, !1), k.value.addEventListener("mouseleave", A, !1));
+      }), k.value.addEventListener("mousedown", tt, !1), k.value.addEventListener("mouseup", j, !1), k.value.addEventListener("mouseleave", j, !1));
     }
     return rt(() => {
       ut(), gt();
     }), Ct(() => {
-      f && f.disconnect(), _ && _.disconnect(), k.value && (k.value.removeEventListener("mousemove", tt, !1), k.value.removeEventListener("mouseup", A, !1), k.value.removeEventListener("mouseleave", A, !1));
-    }), (e, n) => (l(), r("div", {
+      f && f.disconnect(), _ && _.disconnect(), k.value && (k.value.removeEventListener("mousemove", tt, !1), k.value.removeEventListener("mouseup", j, !1), k.value.removeEventListener("mouseleave", j, !1));
+    }), (e, l) => (n(), a("div", {
       class: "table",
       ref_key: "tableSC",
-      ref: S,
-      style: B(M.value),
+      ref: M,
+      style: B(L.value),
       key: w.value
     }, [
       t("div", ie, [
-        t("div", ne, [
+        t("div", le, [
+          ne,
           t("div", {
             role: "button",
             class: "restore-button",
-            onClick: n[0] || (n[0] = (o) => P(null))
-          }, re)
+            onClick: l[0] || (l[0] = (o) => P(null))
+          }, de)
         ]),
-        (l(!0), r(T, null, z(c.value, (o) => (l(), r("div", {
+        (n(!0), a(O, null, z(c.value, (o) => (n(), a("div", {
           key: `s-${o.id}`,
           class: y(["row static-row", { odd: o.isOdd }])
         }, [
@@ -1013,34 +1028,34 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
                 id: `dr-${o.id}`,
                 class: y(["details-row", { odd: o.isOdd }])
               }, [
-                t("div", ce, [
-                  t("div", ue, [
-                    t("div", fe, [
+                t("div", ue, [
+                  t("div", fe, [
+                    t("div", he, [
                       t("div", null, [
-                        D("Equipo: "),
-                        t("span", he, h(o.team_name), 1)
+                        F("Equipo: "),
+                        t("span", ve, h(o.team_name), 1)
                       ]),
                       t("div", null, [
-                        D("Edad: "),
-                        t("span", ve, h(o.player_age) + " Años", 1)
+                        F("Edad: "),
+                        t("span", pe, h(o.player_age) + " Años", 1)
                       ]),
                       t("div", null, [
-                        D("Nacionalidad: "),
-                        t("span", pe, h(o.player_country), 1)
+                        F("Nacionalidad: "),
+                        t("span", _e, h(o.player_country), 1)
                       ]),
                       t("div", null, [
-                        D("Posición: "),
-                        t("span", _e, h(o.position_name), 1)
+                        F("Posición: "),
+                        t("span", ge, h(o.position_name), 1)
                       ])
                     ]),
-                    t("div", ge, [
+                    t("div", me, [
                       t("div", null, [
-                        D("Partidos Jugados: "),
-                        t("span", me, h(o.player_games), 1)
+                        F("Partidos Jugados: "),
+                        t("span", Ce, h(o.player_games), 1)
                       ]),
                       t("div", null, [
-                        D("Minutos Jugados: "),
-                        t("span", Ce, h(o.player_min), 1)
+                        F("Minutos Jugados: "),
+                        t("span", ke, h(o.player_min), 1)
                       ])
                     ])
                   ]),
@@ -1048,81 +1063,83 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
                     class: "details-row__buttons",
                     style: B(x.value ? "margin-left: 0; gap: 8px;" : "")
                   }, [
-                    t("div", {
-                      role: "button",
-                      class: "button",
-                      onClick: (a) => _t(o)
-                    }, ye, 8, ke),
-                    s.isTableFromList ? (l(), r("div", {
+                    s.isGraphButtonVisible ? (n(), a("div", {
                       key: 0,
                       role: "button",
                       class: "button",
-                      onClick: (a) => J(o)
-                    }, Le, 8, xe)) : (l(), r("div", {
+                      onClick: (r) => _t(o)
+                    }, xe, 8, we)) : S("", !0),
+                    s.isTableFromList ? (n(), a("div", {
                       key: 1,
                       role: "button",
                       class: "button",
-                      onClick: (a) => X(o)
-                    }, Ee, 8, $e)),
+                      onClick: (r) => J(o)
+                    }, $e, 8, Se)) : s.isAddToListButtonVisible ? (n(), a("div", {
+                      key: 2,
+                      role: "button",
+                      class: "button",
+                      onClick: (r) => X(o)
+                    }, Pe, 8, Be)) : S("", !0),
                     t("div", {
                       role: "button",
                       class: "button green",
-                      onClick: (a) => pt(o)
-                    }, Oe, 8, Pe)
+                      onClick: (r) => pt(o)
+                    }, Oe, 8, Te)
                   ], 4)
                 ])
-              ], 10, de), [
+              ], 10, ce), [
                 [yt, o.isExpanded]
               ])
             ]),
             _: 2
           }, 1024),
-          s.isEditMode ? (l(), st(it(Ot), {
+          s.isEditMode ? (n(), st(it(It), {
             key: 0,
             fontFamily: "Poppins-Regular",
             labelFontSize: "14px",
             "model-value": o.isSelected,
-            "onUpdate:modelValue": (a) => vt(a, o)
-          }, null, 8, ["model-value", "onUpdate:modelValue"])) : L("", !0),
-          t("div", Te, [
+            "onUpdate:modelValue": (r) => vt(r, o)
+          }, null, 8, ["model-value", "onUpdate:modelValue"])) : S("", !0),
+          t("div", Ve, [
             t("div", Fe, h(o.position), 1),
-            s.isTableFromList ? (l(), r("svg", {
+            s.isTableFromList ? (n(), a("svg", {
               key: 0,
               width: "20",
               height: "20",
               viewBox: "0 0 20 20",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
-              onClick: (a) => J(o)
-            }, Ae, 8, De)) : (l(), r("svg", {
-              key: 1,
-              width: "20",
-              height: "20",
-              viewBox: "0 0 20 20",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              onClick: (a) => X(o)
-            }, Ge, 8, Ze)),
-            t("div", Ue, [
+              onClick: (r) => J(o)
+            }, Ze, 8, De)) : (n(), a("div", We, [
+              (n(), a("svg", {
+                width: "20",
+                height: "20",
+                viewBox: "0 0 20 20",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                onClick: (r) => X(o)
+              }, qe, 8, He))
+            ])),
+            t("div", Je, [
               t("div", null, [
                 t("img", {
                   src: o.player_photo,
                   alt: "player photo"
-                }, null, 8, qe)
+                }, null, 8, Xe)
               ])
             ]),
-            t("div", Je, h(o.player_name), 1)
+            t("div", Ke, h(o.player_name), 1)
           ]),
-          t("div", Xe, [
-            (l(), r("svg", {
+          t("div", Qe, [
+            (n(), a("svg", {
               class: y(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5", { expanded: o.isExpanded }]),
               width: "12",
               height: "8",
               viewBox: "0 0 12 8",
               fill: "#D9D9D9",
               xmlns: "http://www.w3.org/2000/svg",
-              onClick: (a) => K(o)
-            }, Ye, 10, Ke))
+              onClick: (r) => K(o)
+            }, eo, 10, Ye))
           ])
         ], 2))), 128))
       ]),
@@ -1131,91 +1148,91 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
         ref: k,
         class: "table__scrollable-columns"
       }, [
-        s.isGeneral ? (l(), r(T, { key: 0 }, [
-          t("div", to, [
-            t("div", eo, [
-              oo,
-              (l(), r("svg", {
+        s.isGeneral ? (n(), a(O, { key: 0 }, [
+          t("div", oo, [
+            t("div", so, [
+              io,
+              (n(), a("svg", {
                 width: "18",
                 height: "18",
                 viewBox: "0 0 18 18",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                onClick: n[1] || (n[1] = (o) => P(v.value[0]))
-              }, io))
+                onClick: l[1] || (l[1] = (o) => P(v.value[0]))
+              }, no))
             ]),
-            t("div", no, [
-              lo,
-              (l(), r("svg", {
+            t("div", ao, [
+              ro,
+              (n(), a("svg", {
                 width: "18",
                 height: "18",
                 viewBox: "0 0 18 18",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                onClick: n[2] || (n[2] = (o) => P(v.value[1]))
-              }, ro))
+                onClick: l[2] || (l[2] = (o) => P(v.value[1]))
+              }, uo))
             ]),
-            t("div", co, [
-              uo,
-              (l(), r("svg", {
+            t("div", fo, [
+              ho,
+              (n(), a("svg", {
                 width: "18",
                 height: "18",
                 viewBox: "0 0 18 18",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                onClick: n[3] || (n[3] = (o) => P(v.value[2]))
-              }, ho))
+                onClick: l[3] || (l[3] = (o) => P(v.value[2]))
+              }, po))
             ]),
-            vo,
-            t("div", po, [
-              _o,
-              (l(), r("svg", {
+            _o,
+            t("div", go, [
+              mo,
+              (n(), a("svg", {
                 width: "18",
                 height: "18",
                 viewBox: "0 0 18 18",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                onClick: n[4] || (n[4] = (o) => P(v.value[3]))
-              }, mo))
+                onClick: l[4] || (l[4] = (o) => P(v.value[3]))
+              }, ko))
             ]),
-            t("div", Co, [
-              ko,
-              (l(), r("svg", {
+            t("div", wo, [
+              bo,
+              (n(), a("svg", {
                 width: "18",
                 height: "18",
                 viewBox: "0 0 18 18",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                onClick: n[5] || (n[5] = (o) => P(v.value[4]))
-              }, bo))
+                onClick: l[5] || (l[5] = (o) => P(v.value[4]))
+              }, xo))
             ]),
-            t("div", yo, [
-              xo,
-              (l(), r("svg", {
+            t("div", So, [
+              Mo,
+              (n(), a("svg", {
                 width: "18",
                 height: "18",
                 viewBox: "0 0 18 18",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                onClick: n[6] || (n[6] = (o) => P(v.value[5]))
-              }, Mo))
+                onClick: l[6] || (l[6] = (o) => P(v.value[5]))
+              }, $o))
             ]),
-            Lo
+            Bo
           ]),
-          (l(!0), r(T, null, z(c.value, (o) => (l(), r("div", {
+          (n(!0), a(O, null, z(c.value, (o) => (n(), a("div", {
             key: `i-${o.id}`,
             class: "row scrollable-row"
           }, [
             t("div", {
               class: y(["row team-info", { odd: o.isOdd }])
             }, [
-              t("div", $o, [
+              t("div", Ro, [
                 t("img", {
                   src: o.team_logo,
                   alt: "team logo"
-                }, null, 8, Bo)
+                }, null, 8, Eo)
               ]),
-              t("div", Ro, h(o.team_abrev), 1)
+              t("div", Po, h(o.team_abrev), 1)
             ], 2),
             t("div", {
               class: y(["row data-info", { odd: o.isOdd }])
@@ -1230,7 +1247,7 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
                 src: o.player_country_flag,
                 alt: "player country flag",
                 class: "country-flag"
-              }, null, 8, Eo)
+              }, null, 8, To)
             ], 2),
             t("div", {
               class: y(["row data-info", { odd: o.isOdd }])
@@ -1257,11 +1274,11 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
                 "border-color": "#55636e",
                 "text-value": "Ver videos",
                 "font-size": "10px",
-                onClick: (a) => q(o)
+                onClick: (r) => q(o)
               }, null, 8, ["onClick"])
             ], 2)
           ]))), 128))
-        ], 64)) : (l(), st(se, {
+        ], 64)) : (n(), st(se, {
           key: 1,
           ref_key: "scrollColumns",
           ref: R,
@@ -1274,7 +1291,7 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
       ], 512)
     ], 4));
   }
-}, Oo = /* @__PURE__ */ dt(Po, [["__scopeId", "data-v-14d97ca7"]]);
+}, Vo = /* @__PURE__ */ dt(Io, [["__scopeId", "data-v-c0606edc"]]);
 export {
-  Oo as GSCTableScrollable
+  Vo as GSCTableScrollable
 };