@golstats/gsc-table-scrollable 1.0.19 → 1.0.20

package/dist/gsc-table-scrollable.js

@@ -1,19 +1,19 @@
-import { useCssVars as vt, ref as m, computed as O, watch as F, createElementBlock as r, openBlock as a, normalizeClass as x, createElementVNode as t, createCommentVNode as S, normalizeStyle as B, Fragment as P, toDisplayString as g, pushScopeId as U, popScopeId as q, onMounted as ht, renderList as j, onBeforeUnmount as Lt, createVNode as rt, createBlock as dt, Transition as Mt, withCtx as $t, withDirectives as Bt, createTextVNode as V, vShow as Et, unref as ct } from "vue";
-const Rt = (s, f) => {
-  const i = s.__vccOpts || s;
+import { useCssVars as vt, ref as m, computed as O, watch as F, createElementBlock as r, openBlock as a, normalizeClass as x, createElementVNode as t, createCommentVNode as S, normalizeStyle as B, Fragment as P, toDisplayString as g, pushScopeId as q, popScopeId as U, onMounted as ht, renderList as W, onBeforeUnmount as Lt, createVNode as rt, createBlock as dt, Transition as Mt, withCtx as $t, withDirectives as Bt, createTextVNode as V, vShow as Et, unref as ct, nextTick as Rt } from "vue";
+const Tt = (s, f) => {
+  const l = s.__vccOpts || s;
   for (const [v, C] of f)
-    i[v] = C;
-  return i;
-}, Tt = { key: 1 }, Pt = {
+    l[v] = C;
+  return l;
+}, Pt = { key: 1 }, It = {
   width: "10",
   height: "8",
   viewBox: "0 0 10 8",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, It = ["fill"], Ot = {
+}, Ot = ["fill"], Dt = {
   key: 0,
   class: "checkbox__teams"
-}, Dt = { class: "checkbox__teams__logo" }, Vt = ["src"], Ft = { class: "checkbox__teams__logo" }, zt = ["src"], At = {
+}, Vt = { class: "checkbox__teams__logo" }, Ft = ["src"], zt = { class: "checkbox__teams__logo" }, At = ["src"], jt = {
   __name: "GSC-Checkbox",
   props: {
     width: {
@@ -123,46 +123,46 @@ const Rt = (s, f) => {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: f }) {
-    const i = s;
+    const l = s;
     vt((_) => ({
       "7bd9d47b": s.width,
       "34dc7ddc": s.height
     }));
     const v = m(!1), C = O(() => {
       const _ = {
-        color: i.boxValueColor,
-        "font-family": i.fontFamily,
-        height: i.boxWidthAndHeight,
-        width: i.boxWidthAndHeight,
-        minWidth: i.boxWidthAndHeight,
-        "border-radius": i.boxBorderRadius,
-        "margin-top": i.boxMarginTop
+        color: l.boxValueColor,
+        "font-family": l.fontFamily,
+        height: l.boxWidthAndHeight,
+        width: l.boxWidthAndHeight,
+        minWidth: l.boxWidthAndHeight,
+        "border-radius": l.boxBorderRadius,
+        "margin-top": l.boxMarginTop
       };
-      return v.value ? (_["background-color"] = i.boxBackgroundColor, _.border = `solid ${i.boxBorderWidth} ${i.boxBackgroundColor}`) : _.border = `solid ${i.boxBorderWidth} ${i.boxBorderColor}`, _;
+      return v.value ? (_["background-color"] = l.boxBackgroundColor, _.border = `solid ${l.boxBorderWidth} ${l.boxBackgroundColor}`) : _.border = `solid ${l.boxBorderWidth} ${l.boxBorderColor}`, _;
     }), h = O(() => ({
-      "font-family": i.boxValueFontFamily,
-      "font-size": i.boxValueFontSize,
-      color: i.boxValueColor,
+      "font-family": l.boxValueFontFamily,
+      "font-size": l.boxValueFontSize,
+      color: l.boxValueColor,
       "line-height": 1
     })), L = O(() => {
       const _ = {
-        color: i.labelColor,
-        "font-family": i.fontFamily,
-        "font-size": i.labelFontSize,
-        "white-space": i.labelWhiteSpace,
-        "text-align": i.boxPosition === "top" || i.boxPosition === "bottom" ? "center" : i.boxPosition
+        color: l.labelColor,
+        "font-family": l.fontFamily,
+        "font-size": l.labelFontSize,
+        "white-space": l.labelWhiteSpace,
+        "text-align": l.boxPosition === "top" || l.boxPosition === "bottom" ? "center" : l.boxPosition
       };
-      return (i.boxPosition === "left" || i.boxPosition === "right") && (_[`margin-${i.boxPosition}`] = i.isBoxOnly ? "0" : i.teamsIds ? "8px" : "10px"), _;
+      return (l.boxPosition === "left" || l.boxPosition === "right") && (_[`margin-${l.boxPosition}`] = l.isBoxOnly ? "0" : l.teamsIds ? "8px" : "10px"), _;
     });
     F(
-      () => i.modelValue,
+      () => l.modelValue,
       (_) => {
         _ !== v.value && (v.value = _);
       },
       { immediate: !0 }
     );
     function E() {
-      i.avoidInteraction || !v.value && i.avoidToCheck || (v.value = !v.value, f("update:modelValue", v.value));
+      l.avoidInteraction || !v.value && l.avoidToCheck || (v.value = !v.value, f("update:modelValue", v.value));
     }
     function u(_) {
       return `${{}.TEAM_LOGOS_URL || "https://golstatsimages.blob.core.windows.net/teams-80/"}${_}.png`;
@@ -176,32 +176,32 @@ const Rt = (s, f) => {
         style: B(C.value)
       }, [
         v.value ? (a(), r(P, { key: 0 }, [
-          i.boxValue ? (a(), r("div", {
+          l.boxValue ? (a(), r("div", {
             key: 0,
             class: "checkbox__box__value",
             style: B(h.value)
-          }, g(s.boxValue), 5)) : (a(), r("div", Tt, [
-            (a(), r("svg", Pt, [
+          }, g(s.boxValue), 5)) : (a(), r("div", Pt, [
+            (a(), r("svg", It, [
               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, It)
+              }, null, 8, Ot)
             ]))
           ]))
         ], 64)) : S("", !0)
       ], 4),
-      s.teamsIds && s.teamsIds.length ? (a(), r("div", Ot, [
-        t("div", Dt, [
+      s.teamsIds && s.teamsIds.length ? (a(), r("div", Dt, [
+        t("div", Vt, [
           t("img", {
             src: u(s.teamsIds[0]),
             alt: ""
-          }, null, 8, Vt)
+          }, null, 8, Ft)
         ]),
-        t("div", Ft, [
+        t("div", zt, [
           t("img", {
             src: u(s.teamsIds[1]),
             alt: ""
-          }, null, 8, zt)
+          }, null, 8, At)
         ])
       ])) : S("", !0),
       t("div", {
@@ -210,11 +210,11 @@ const Rt = (s, f) => {
       }, g(s.label), 5)
     ], 2));
   }
-}, jt = /* @__PURE__ */ Rt(At, [["__scopeId", "data-v-b6f124d8"]]), Wt = (s, f) => {
-  const i = s.__vccOpts || s;
+}, Wt = /* @__PURE__ */ Tt(jt, [["__scopeId", "data-v-b6f124d8"]]), Zt = (s, f) => {
+  const l = s.__vccOpts || s;
   for (const [v, C] of f)
-    i[v] = C;
-  return i;
+    l[v] = C;
+  return l;
 }, J = {
   props: {
     type: { type: Number, default: 0 },
@@ -307,57 +307,57 @@ const Rt = (s, f) => {
   }));
 }, ft = J.setup;
 J.setup = ft ? (s, f) => (ut(), ft(s, f)) : ut;
-const Zt = (s) => (U("data-v-f3ee6b2b"), s = s(), q(), s), Ht = ["src"], Gt = {
+const Ht = (s) => (q("data-v-f3ee6b2b"), s = s(), U(), s), Gt = ["src"], Nt = {
   key: 1,
   class: "text"
-}, Nt = ["src"], Ut = { class: "stats" }, qt = /* @__PURE__ */ Zt(() => /* @__PURE__ */ t("img", {
+}, qt = ["src"], Ut = { class: "stats" }, Jt = /* @__PURE__ */ Ht(() => /* @__PURE__ */ t("img", {
   class: "iconstats",
   src: "https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"
-}, null, -1)), Jt = { class: "numstats" }, Xt = { class: "leyend" };
-function Kt(s, f, i, v, C, h) {
+}, null, -1)), Xt = { class: "numstats" }, Kt = { class: "leyend" };
+function Qt(s, f, l, v, C, h) {
   return a(), r("div", null, [
-    i.type == 0 ? (a(), r("div", {
+    l.type == 0 ? (a(), r("div", {
       key: 0,
-      class: x(["button", C.status && i.typeOnOff && "button-active"]),
-      style: B([h.customStyle, C.status && i.typeOnOff && h.customActive]),
+      class: x(["button", C.status && l.typeOnOff && "button-active"]),
+      style: B([h.customStyle, C.status && l.typeOnOff && h.customActive]),
       onClick: f[0] || (f[0] = (...L) => h.btnClick && h.btnClick(...L))
     }, [
-      i.icon && i.iconPosition.toLowerCase() === "left" ? (a(), r("img", {
+      l.icon && l.iconPosition.toLowerCase() === "left" ? (a(), r("img", {
         key: 0,
         class: "icon",
-        style: B({ width: i.iconSize }),
-        src: i.icon
-      }, null, 12, Ht)) : S("", !0),
-      i.textValue ? (a(), r("div", Gt, g(i.textValue), 1)) : S("", !0),
-      i.icon && i.iconPosition.toLowerCase() === "right" ? (a(), r("img", {
+        style: B({ width: l.iconSize }),
+        src: l.icon
+      }, null, 12, Gt)) : S("", !0),
+      l.textValue ? (a(), r("div", Nt, g(l.textValue), 1)) : S("", !0),
+      l.icon && l.iconPosition.toLowerCase() === "right" ? (a(), r("img", {
         key: 2,
         class: "icon",
-        style: B({ width: i.iconSize }),
-        src: i.icon
-      }, null, 12, Nt)) : S("", !0)
+        style: B({ width: l.iconSize }),
+        src: l.icon
+      }, null, 12, qt)) : S("", !0)
     ], 6)) : S("", !0),
-    i.type == 1 ? (a(), r("div", {
+    l.type == 1 ? (a(), r("div", {
       key: 1,
       class: "button-target",
       onClick: f[1] || (f[1] = (...L) => h.btnClick && h.btnClick(...L))
     }, [
       t("div", Ut, [
-        qt,
-        t("div", Jt, g(i.textStat), 1)
+        Jt,
+        t("div", Xt, g(l.textStat), 1)
       ]),
-      t("div", Xt, g(i.textCategory), 1)
+      t("div", Kt, g(l.textCategory), 1)
     ])) : S("", !0)
   ]);
 }
-const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b"]]), pt = (s, f) => {
-  const i = s.__vccOpts || s;
+const Yt = /* @__PURE__ */ Zt(J, [["render", Qt], ["__scopeId", "data-v-f3ee6b2b"]]), pt = (s, f) => {
+  const l = s.__vccOpts || s;
   for (const [v, C] of f)
-    i[v] = C;
-  return i;
-}, X = (s) => (U("data-v-df83603b"), s = s(), q(), s), Yt = {
+    l[v] = C;
+  return l;
+}, X = (s) => (q("data-v-df83603b"), s = s(), U(), s), te = {
   key: 0,
   class: "overlay"
-}, te = ["onClick"], ee = /* @__PURE__ */ X(() => /* @__PURE__ */ t("svg", {
+}, ee = ["onClick"], oe = /* @__PURE__ */ X(() => /* @__PURE__ */ t("svg", {
   width: "11",
   height: "12",
   viewBox: "0 0 11 12",
@@ -368,9 +368,9 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
     d: "M7.50558 0C6.78112 0 6.10558 0.475441 5.89478 1.14401L1.21987 1.14286C0.904267 1.14286 0.648438 1.39886 0.648438 1.71429C0.648438 2.02972 0.904267 2.28572 1.21987 2.28572L5.89478 2.28516C6.15083 2.98516 6.78112 3.42858 7.50558 3.42858C8.23004 3.42858 8.86678 2.98402 9.1273 2.28059L10.3627 2.28572C10.6783 2.28572 10.9342 2.02972 10.9342 1.71429C10.9342 1.39886 10.6783 1.14286 10.3627 1.14286H9.12244C8.8473 0.446287 8.23004 0 7.50558 0ZM7.50558 1.14286C7.82118 1.14286 8.07701 1.39886 8.07701 1.71429C8.07701 2.02972 7.82118 2.28572 7.50558 2.28572C7.18998 2.28572 6.93415 2.02972 6.93415 1.71429C6.93415 1.39886 7.18998 1.14286 7.50558 1.14286ZM4.07701 4.28572C3.32387 4.28572 2.69347 4.7543 2.4633 5.42971C2.38295 5.43485 1.21987 5.42856 1.21987 5.42856C0.904267 5.42856 0.648438 5.68456 0.648438 5.99999C0.648438 6.31542 0.904267 6.57142 1.21987 6.57142C1.21987 6.57142 2.39267 6.55942 2.46575 6.56685C2.69593 7.24228 3.32387 7.71428 4.07701 7.71428C4.80146 7.71428 5.42226 7.27028 5.69381 6.57314L10.3627 6.57142C10.6783 6.57142 10.9342 6.31542 10.9342 5.99999C10.9342 5.68456 10.6783 5.42856 10.3627 5.42856L5.69083 5.42348C5.44038 4.74174 4.80146 4.28572 4.07701 4.28572ZM4.07701 5.42856C4.39261 5.42856 4.64844 5.68456 4.64844 5.99999C4.64844 6.31542 4.39261 6.57142 4.07701 6.57142C3.76141 6.57142 3.50558 6.31542 3.50558 5.99999C3.50558 5.68456 3.76141 5.42856 4.07701 5.42856ZM7.50558 8.57142C6.78112 8.57142 6.11844 9.04857 5.89438 9.70857L1.21987 9.71428C0.904267 9.71428 0.648438 9.97028 0.648438 10.2857C0.648438 10.6011 0.904267 10.8571 1.21987 10.8571L5.88592 10.8577C6.12301 11.5349 6.78112 12 7.50558 12C8.23004 12 8.85467 11.5469 9.12987 10.8577L10.3627 10.8571C10.6783 10.8571 10.9342 10.6011 10.9342 10.2857C10.9342 9.97028 10.6783 9.71428 10.3627 9.71428L9.12467 9.71091C8.87798 9.03491 8.23004 8.57142 7.50558 8.57142ZM7.50558 9.71428C7.82118 9.71428 8.07701 9.97028 8.07701 10.2857C8.07701 10.6011 7.82118 10.8571 7.50558 10.8571C7.18998 10.8571 6.93415 10.6011 6.93415 10.2857C6.93415 9.97028 7.18998 9.71428 7.50558 9.71428Z",
     fill: "white"
   })
-], -1)), oe = [
-  ee
-], se = { class: "name" }, ie = ["onClick"], le = /* @__PURE__ */ X(() => /* @__PURE__ */ t("g", {
+], -1)), se = [
+  oe
+], le = { class: "name" }, ie = ["onClick"], ne = /* @__PURE__ */ X(() => /* @__PURE__ */ t("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -378,9 +378,9 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__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)), ne = [
-  le
-], ae = /* @__PURE__ */ X(() => /* @__PURE__ */ t("div", { class: "column-title-2" }, null, -1)), re = ["onClick"], de = {
+], -1)), ae = [
+  ne
+], re = /* @__PURE__ */ X(() => /* @__PURE__ */ t("div", { class: "column-title-2" }, null, -1)), de = ["onClick"], ce = {
   __name: "ScrollColumns",
   props: {
     availablePlayers: {
@@ -393,7 +393,7 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
     }
   },
   emits: ["expand", "open-media", "click-parameters", "sort"],
-  setup(s, { expose: f, emit: i }) {
+  setup(s, { expose: f, emit: l }) {
     const v = s, C = m(null), h = m(null), L = m(0);
     m(!1);
     const E = O(() => {
@@ -422,13 +422,13 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
       y && (y.style.marginTop = `${b}px`);
     }
     function I({ player: d, stat: b }) {
-      !b.total || b === "0%" || !b.seasons || !b.seasons.length || i("open-media", { ...d, stat: b });
+      !b.total || b === "0%" || !b.seasons || !b.seasons.length || l("open-media", { ...d, stat: b });
     }
-    function W(d) {
-      !d || d === "no" || i("click-parameters", d);
+    function Z(d) {
+      !d || d === "no" || l("click-parameters", d);
     }
     function D(d) {
-      i("sort", d);
+      l("sort", d);
     }
     return ht(() => {
       _();
@@ -438,13 +438,13 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
       class: "scroll-columns",
       style: B(u.value)
     }, [
-      s.isEditMode ? (a(), r("div", Yt)) : S("", !0),
+      s.isEditMode ? (a(), r("div", te)) : S("", !0),
       t("div", {
         ref_key: "titlesRow",
         ref: h,
         class: "scrollable-row-2"
       }, [
-        (a(!0), r(P, null, j(E.value, (p, y) => (a(), r("div", {
+        (a(!0), r(P, null, W(E.value, (p, y) => (a(), r("div", {
           key: `t-${y}`,
           class: "column-title-2"
         }, [
@@ -452,9 +452,9 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
             key: 0,
             class: "parameters",
             role: "button",
-            onClick: (M) => W(p.parameters)
-          }, oe, 8, te)) : S("", !0),
-          t("div", se, g(p.name), 1),
+            onClick: (M) => Z(p.parameters)
+          }, se, 8, ee)) : S("", !0),
+          t("div", le, g(p.name), 1),
           (a(), r("svg", {
             width: "18",
             height: "18",
@@ -462,29 +462,29 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
             onClick: (M) => D(p)
-          }, ne, 8, ie))
+          }, ae, 8, ie))
         ]))), 128)),
-        ae
+        re
       ], 512),
-      (a(!0), r(P, null, j(s.availablePlayers, (p, y) => (a(), r("div", {
+      (a(!0), r(P, null, W(s.availablePlayers, (p, y) => (a(), r("div", {
         key: `i-${p.id}`,
         class: "row scrollable-row-totals"
       }, [
-        (a(!0), r(P, null, j(p.stats, (M) => (a(), r("div", {
+        (a(!0), r(P, null, W(p.stats, (M) => (a(), r("div", {
           key: M.category_id,
           class: x(["row data-info", { odd: y % 2 !== 0, underline: !!M.total && M.total !== "0%" && M.seasons && M.seasons.length }])
         }, [
           t("span", {
-            onClick: (Z) => I({ player: p, stat: M })
-          }, g(M.total), 9, re)
+            onClick: (A) => I({ player: p, stat: M })
+          }, g(M.total), 9, de)
         ], 2))), 128))
       ]))), 128))
     ], 4));
   }
-}, ce = /* @__PURE__ */ pt(de, [["__scopeId", "data-v-df83603b"]]), c = (s) => (U("data-v-04e96d04"), s = s(), q(), s), ue = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", { class: "top-scroll-spacer" }, null, -1)), fe = { class: "table__static-column" }, ve = { class: "static-title column-title restore" }, he = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", { class: "titles-left" }, [
+}, ue = /* @__PURE__ */ pt(ce, [["__scopeId", "data-v-df83603b"]]), c = (s) => (q("data-v-4cd58a78"), s = s(), U(), s), fe = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", { class: "top-scroll-spacer" }, null, -1)), ve = { class: "table__static-column" }, he = { class: "static-title column-title restore" }, pe = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", { class: "titles-left" }, [
   /* @__PURE__ */ t("div", { class: "title" }, "Ranking"),
   /* @__PURE__ */ t("div", { class: "title" }, "Agregar a lista")
-], -1)), pe = /* @__PURE__ */ c(() => /* @__PURE__ */ t("svg", {
+], -1)), ge = /* @__PURE__ */ c(() => /* @__PURE__ */ t("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
@@ -501,10 +501,10 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__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)), ge = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, "Restaurar orden", -1)), _e = [
-  pe,
-  ge
-], me = ["id"], Ce = { class: "container" }, we = { class: "details-row__info" }, ke = { class: "details-row__info__personal" }, be = { class: "bold" }, ye = { class: "bold" }, xe = { class: "bold" }, Se = { class: "bold" }, Le = { class: "details-row__info__games" }, Me = { class: "bold" }, $e = { class: "bold" }, Be = ["onClick"], Ee = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, "Ver gráfica", -1)), Re = /* @__PURE__ */ c(() => /* @__PURE__ */ t("svg", {
+], -1)), _e = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, "Restaurar orden", -1)), me = [
+  ge,
+  _e
+], Ce = ["id"], we = { class: "container" }, ke = { class: "details-row__info" }, be = { class: "details-row__info__personal" }, ye = { class: "bold" }, xe = { class: "bold" }, Se = { class: "bold" }, Le = { class: "bold" }, Me = { class: "details-row__info__games" }, $e = { class: "bold" }, Be = { class: "bold" }, Ee = ["onClick"], Re = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, "Ver gráfica", -1)), Te = /* @__PURE__ */ c(() => /* @__PURE__ */ t("svg", {
   width: "17",
   height: "16",
   viewBox: "0 0 17 16",
@@ -527,10 +527,10 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
       })
     ])
   ])
-], -1)), Te = [
-  Ee,
-  Re
-], Pe = ["onClick"], Ie = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, "Eliminar de lista", -1)), Oe = /* @__PURE__ */ c(() => /* @__PURE__ */ t("svg", {
+], -1)), Pe = [
+  Re,
+  Te
+], Ie = ["onClick"], Oe = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, "Eliminar de lista", -1)), De = /* @__PURE__ */ c(() => /* @__PURE__ */ t("svg", {
   width: "17",
   height: "15",
   viewBox: "0 0 20 18",
@@ -561,10 +561,10 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   })
-], -1)), De = [
-  Ie,
-  Oe
-], Ve = ["onClick"], Fe = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, "Agregar a lista", -1)), ze = /* @__PURE__ */ c(() => /* @__PURE__ */ t("svg", {
+], -1)), Ve = [
+  Oe,
+  De
+], Fe = ["onClick"], ze = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, "Agregar a lista", -1)), Ae = /* @__PURE__ */ c(() => /* @__PURE__ */ t("svg", {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -595,72 +595,72 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   })
-], -1)), Ae = [
-  Fe,
-  ze
-], je = ["onClick"], We = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, "Ver perfil", -1)), Ze = [
-  We
-], He = { class: "static-row__info-player" }, Ge = { class: "position" }, Ne = ["onClick"], Ue = /* @__PURE__ */ c(() => /* @__PURE__ */ t("path", {
+], -1)), je = [
+  ze,
+  Ae
+], We = ["onClick"], Ze = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, "Ver perfil", -1)), He = [
+  Ze
+], Ge = { class: "static-row__info-player" }, Ne = { class: "position" }, qe = ["onClick"], Ue = /* @__PURE__ */ c(() => /* @__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)), qe = /* @__PURE__ */ c(() => /* @__PURE__ */ t("path", {
+}, null, -1)), Je = /* @__PURE__ */ c(() => /* @__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",
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1)), Je = /* @__PURE__ */ c(() => /* @__PURE__ */ t("path", {
+}, null, -1)), Xe = /* @__PURE__ */ c(() => /* @__PURE__ */ t("path", {
   d: "M18.332 8.16663H13.332",
   stroke: "white",
   "stroke-opacity": "0.5",
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1)), Xe = [
+}, null, -1)), Ke = [
   Ue,
-  qe,
-  Je
-], Ke = {
+  Je,
+  Xe
+], Qe = {
   key: 1,
   class: "add-to-list"
-}, Qe = ["onClick"], Ye = /* @__PURE__ */ c(() => /* @__PURE__ */ t("path", {
+}, Ye = ["onClick"], to = /* @__PURE__ */ c(() => /* @__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)), to = /* @__PURE__ */ c(() => /* @__PURE__ */ t("path", {
+}, null, -1)), eo = /* @__PURE__ */ c(() => /* @__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)), eo = /* @__PURE__ */ c(() => /* @__PURE__ */ t("path", {
+}, null, -1)), oo = /* @__PURE__ */ c(() => /* @__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)), oo = [
-  Ye,
+}, null, -1)), so = [
   to,
-  eo
-], so = { class: "player-photo" }, io = ["src"], lo = { class: "player-name" }, no = { class: "arrow" }, ao = ["onClick"], ro = /* @__PURE__ */ c(() => /* @__PURE__ */ t("path", {
+  eo,
+  oo
+], lo = { class: "player-photo" }, io = ["src"], no = { class: "player-name" }, ao = { class: "arrow" }, ro = ["onClick"], co = /* @__PURE__ */ c(() => /* @__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)), co = [
-  ro
-], uo = { class: "titles scrollable-row" }, fo = { class: "column-title" }, vo = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, " Equipo ", -1)), ho = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", {
+}, null, -1)), uo = [
+  co
+], fo = { class: "titles scrollable-row" }, vo = { class: "column-title" }, ho = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, " Equipo ", -1)), po = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -668,9 +668,9 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__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)), po = [
-  ho
-], go = { class: "column-title" }, _o = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, " Posición ", -1)), mo = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", {
+], -1)), go = [
+  po
+], _o = { class: "column-title" }, mo = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, " Posición ", -1)), Co = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -678,9 +678,9 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__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)), Co = [
-  mo
-], wo = { class: "column-title" }, ko = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, " Edad ", -1)), bo = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", {
+], -1)), wo = [
+  Co
+], ko = { class: "column-title" }, bo = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, " Edad ", -1)), yo = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -688,9 +688,9 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__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)), yo = [
-  bo
-], xo = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", { class: "column-title" }, "País", -1)), So = { class: "column-title" }, Lo = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, " Partidos Jugados ", -1)), Mo = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", {
+], -1)), xo = [
+  yo
+], So = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", { class: "column-title" }, "País", -1)), Lo = { class: "column-title" }, Mo = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, " Partidos Jugados ", -1)), $o = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -698,9 +698,9 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__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)), $o = [
-  Mo
-], Bo = { class: "column-title" }, Eo = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, " Minutos Jugados ", -1)), Ro = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", {
+], -1)), Bo = [
+  $o
+], Eo = { class: "column-title" }, Ro = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, " Minutos Jugados ", -1)), To = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -708,9 +708,9 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__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)), To = [
-  Ro
-], Po = { class: "column-title" }, Io = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, " Liga ", -1)), Oo = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", {
+], -1)), Po = [
+  To
+], Io = { class: "column-title" }, Oo = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", null, " Liga ", -1)), Do = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -718,9 +718,9 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__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)), Do = [
-  Oo
-], Vo = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", { class: "column-title" }, "Videos", -1)), Fo = { class: "team-logo" }, zo = ["src"], Ao = { class: "team-name data-info" }, jo = ["src"], Wo = {
+], -1)), Vo = [
+  Do
+], Fo = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", { class: "column-title" }, "Videos", -1)), zo = { class: "team-logo" }, Ao = ["src"], jo = { class: "team-name data-info" }, Wo = ["src"], Zo = {
   __name: "GSC-TableScrollable",
   props: {
     players: {
@@ -757,9 +757,9 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
     "click-parameters"
   ],
   setup(s, { emit: f }) {
-    const i = s;
+    const l = s;
     let v = null, C = null;
-    const h = m([]), L = m(null), E = m(null), u = m(null), _ = m(0), z = m(0), I = m(-1), W = m(!1), D = m(null), d = m(null), b = m(null), p = m([]), y = m([
+    const h = m([]), L = m(null), E = m(null), u = m(null), _ = m(0), z = m(0), I = m(-1), Z = m(!1), D = m(null), d = m(null), b = m(null), p = m([]), y = m([
       {
         name: "team_abrev",
         isDesc: !1,
@@ -790,24 +790,24 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
         isDesc: !1,
         isRoot: !0
       }
-    ]), M = m(0), Z = m("922px"), K = O(() => ({
+    ]), M = m(0), A = m("922px"), K = O(() => ({
       "--width-details": `${_.value}px`,
       "--gap-static-row": `${N.value ? "8px" : "18px"}`,
       "--width-static-column": `${N.value ? "50%" : "436px"}`
     })), N = O(() => _.value < 600);
     F(
-      () => i.players,
+      () => l.players,
       (e) => {
-        e && e.length && (h.value = e.map((l, o) => {
+        e && e.length && (h.value = e.map((i, o) => {
           const n = o + 1, w = {
-            ...l,
+            ...i,
             position: n < 10 ? `0${n}` : `${n}`,
             isSelected: !1,
             isExpanded: !1,
             isOdd: o % 2 !== 0,
             index: o
           };
-          return l.stats && l.stats.length && (w.stats = l.stats.map((k) => ({
+          return i.stats && i.stats.length && (w.stats = i.stats.map((k) => ({
             ...k,
             isDesc: !1,
             isRoot: !1
@@ -815,32 +815,32 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
             const at = w.stats.find((St) => St.custom_category_id === Number(k));
             at && (at.parameters = $);
           }), w;
-        }), p.value = h.value.map((l) => ({
-          ...l
+        }), p.value = h.value.map((i) => ({
+          ...i
         })));
       },
       { immediate: !0, deep: !0 }
     ), F(
-      () => i.isEditMode,
+      () => l.isEditMode,
       (e) => {
-        e && h.value.forEach((l) => {
-          l.isSelected = !1;
+        e && h.value.forEach((i) => {
+          i.isSelected = !1;
         });
       }
     ), F(
       () => b.value,
       (e) => {
         if (e) {
-          let l = [...p.value];
-          e.isRoot ? l.sort((o, n) => typeof o[e.name] == "string" ? e.isDesc ? o[e.name].localeCompare(n[e.name]) : o[e.name].localeCompare(n[e.name]) * -1 : e.isDesc ? n[e.name] - o[e.name] : o[e.name] - n[e.name]) : l.sort((o, n) => {
+          let i = [...p.value];
+          e.isRoot ? i.sort((o, n) => typeof o[e.name] == "string" ? e.isDesc ? o[e.name].localeCompare(n[e.name]) : o[e.name].localeCompare(n[e.name]) * -1 : e.isDesc ? n[e.name] - o[e.name] : o[e.name] - n[e.name]) : i.sort((o, n) => {
             const w = o.stats.find(($) => $.name === e.name), k = n.stats.find(($) => $.name === e.name);
             return typeof w.value == "string" ? e.isDesc ? w.total.localeCompare(k.total) : w.total.localeCompare(k.total) * -1 : e.isDesc ? k.total - w.total : w.total - k.total;
-          }), l.forEach((o, n) => {
+          }), i.forEach((o, n) => {
             o.isOdd = n % 2 !== 0;
-          }), p.value = l;
+          }), p.value = i;
         } else
-          p.value.sort((l, o) => l.index - o.index).forEach((l, o) => {
-            l.isOdd = o % 2 !== 0;
+          p.value.sort((i, o) => i.index - o.index).forEach((i, o) => {
+            i.isOdd = o % 2 !== 0;
           });
       },
       { immediate: !0, deep: !0 }
@@ -848,12 +848,12 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
       z,
       (e) => {
         const o = document.querySelectorAll(".static-row")[I.value + 1];
-        o && (o.style.marginTop = `${e}px`), i.isGeneral ? gt(I.value, e) : E.value && E.value.setMarginTopDetails(I.value, e), e === 0 && D.value && ot(D.value);
+        o && (o.style.marginTop = `${e}px`), l.isGeneral ? gt(I.value, e) : E.value && E.value.setMarginTopDetails(I.value, e), e === 0 && D.value && ot(D.value);
       }
     );
-    function gt(e, l) {
+    function gt(e, i) {
       const n = document.querySelectorAll(".scrollable-row")[e + 2];
-      n && (n.style.marginTop = `${l}px`);
+      n && (n.style.marginTop = `${i}px`);
     }
     function _t(e) {
       f("click-parameters", e);
@@ -862,7 +862,7 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
       e && (e.isDesc = !e.isDesc), b.value = e;
     }
     function Q(e) {
-      const l = e.player || e.objeto_player, o = l ? l.player_id || l.id || l.playerId : e.id || e.player_id, n = {
+      const i = e.player || e.objeto_player, o = i ? i.player_id || i.id || i.playerId : e.id || e.player_id, n = {
         isFeaturedPlayers: !1,
         mainSectionType: 1,
         playListType: 2,
@@ -891,13 +891,13 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
     }
     function mt() {
       v = new ResizeObserver((e) => {
-        for (const l of e)
-          _.value = l.contentRect.width;
+        for (const i of e)
+          _.value = i.contentRect.width;
       }), v.observe(L.value);
     }
     function Y(e) {
-      C = new ResizeObserver((l) => {
-        for (const o of l)
+      C = new ResizeObserver((i) => {
+        for (const o of i)
           z.value = o.contentRect.height;
       }), C.observe(e);
     }
@@ -948,8 +948,8 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
         488
       ];
     }
-    function wt(e, l) {
-      l.isSelected = e;
+    function wt(e, i) {
+      i.isSelected = e;
       const o = h.value.filter((n) => n.isSelected);
       f("change-selected-players", o);
     }
@@ -970,8 +970,8 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
         e.isExpanded = !1, D.value = null;
         return;
       }
-      const l = h.value.find((k) => k.isExpanded);
-      if (l && (l.isExpanded = !1), l) {
+      const i = h.value.find((k) => k.isExpanded);
+      if (i && (i.isExpanded = !1), i) {
         D.value = e;
         return;
       }
@@ -984,21 +984,21 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
       I.value = n, Y(w), e.isExpanded = !0, h.value.forEach((k) => {
         k.isExpanded = !1;
       }), setTimeout(() => {
-        if (!W.value) {
+        if (!Z.value) {
           const $ = document.querySelectorAll(".details-row")[e.index];
           I.value = e.index, Y($);
         }
-        e.isExpanded = !W.value;
+        e.isExpanded = !Z.value;
       }, 1);
     }
-    let A = !1, H, G, st = function(e) {
-      A = !0, H = e.pageX - d.value.offsetLeft, G = d.value.scrollLeft;
-    }, it = function(e) {
-      A = !0, H = e.pageX - u.value.offsetLeft, G = u.value.scrollLeft;
+    let j = !1, H, G, st = function(e) {
+      j = !0, H = e.pageX - d.value.offsetLeft, G = d.value.scrollLeft;
+    }, lt = function(e) {
+      j = !0, H = e.pageX - u.value.offsetLeft, G = u.value.scrollLeft;
     }, T = function() {
-      A = !1;
+      j = !1;
     };
-    function lt(e) {
+    function it(e) {
       d.value && (d.value.scrollLeft = e.target.scrollLeft);
     }
     function nt(e) {
@@ -1006,27 +1006,31 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
     }
     function yt() {
       d.value && (d.value.addEventListener("mousemove", (e) => {
-        if (!A)
+        if (!j)
           return;
         const o = e.pageX - d.value.offsetLeft - H, n = G - o;
         d.value.scrollLeft = n, u.value && (u.value.scrollLeft = n);
       }), d.value.addEventListener("mousedown", st, !1), d.value.addEventListener("mouseup", T, !1), d.value.addEventListener("mouseleave", T, !1), d.value.addEventListener("scroll", nt)), u.value && (u.value.addEventListener("mousemove", (e) => {
-        if (!A)
+        if (!j)
           return;
         const o = e.pageX - u.value.offsetLeft - H, n = G - o;
         u.value.scrollLeft = n, d.value && (d.value.scrollLeft = n);
-      }), u.value.addEventListener("mousedown", it, !1), u.value.addEventListener("mouseup", T, !1), u.value.addEventListener("mouseleave", T, !1), u.value.addEventListener("scroll", lt));
+      }), u.value.addEventListener("mousedown", lt, !1), u.value.addEventListener("mouseup", T, !1), u.value.addEventListener("mouseleave", T, !1), u.value.addEventListener("scroll", it));
     }
     function xt() {
-      if (i.isGeneral)
-        Z.value = "922px";
-      else if (h.value.length && h.value[0].stats) {
-        const e = h.value[0].stats.length, l = 120;
-        Z.value = `${(e + 1) * l}px`;
-      }
+      l.isGeneral ? A.value = "922px" : Rt(() => {
+        const e = document.querySelector(".scrollable-row-2");
+        if (e) {
+          const i = window.getComputedStyle(e), o = e.scrollWidth || parseInt(i.width);
+          A.value = `${o}px`;
+        } else if (h.value.length && h.value[0].stats) {
+          const i = h.value[0].stats.length, o = 120;
+          A.value = `${(i + 1) * o}px`;
+        }
+      });
     }
     return F(
-      () => [i.players, i.isGeneral],
+      () => [l.players, l.isGeneral],
       () => {
         xt();
       },
@@ -1034,13 +1038,13 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
     ), ht(() => {
       mt(), yt();
     }), Lt(() => {
-      v && v.disconnect(), C && C.disconnect(), d.value && (d.value.removeEventListener("mousemove", st, !1), d.value.removeEventListener("mouseup", T, !1), d.value.removeEventListener("mouseleave", T, !1), d.value.removeEventListener("scroll", nt)), u.value && (u.value.removeEventListener("mousemove", it, !1), u.value.removeEventListener("mouseup", T, !1), u.value.removeEventListener("mouseleave", T, !1), u.value.removeEventListener("scroll", lt));
-    }), (e, l) => (a(), r(P, null, [
+      v && v.disconnect(), C && C.disconnect(), d.value && (d.value.removeEventListener("mousemove", st, !1), d.value.removeEventListener("mouseup", T, !1), d.value.removeEventListener("mouseleave", T, !1), d.value.removeEventListener("scroll", nt)), u.value && (u.value.removeEventListener("mousemove", lt, !1), u.value.removeEventListener("mouseup", T, !1), u.value.removeEventListener("mouseleave", T, !1), u.value.removeEventListener("scroll", it));
+    }), (e, i) => (a(), r(P, null, [
       t("div", {
         class: "top-scroll-container",
         style: B(K.value)
       }, [
-        ue,
+        fe,
         t("div", {
           ref_key: "topScrollableColumns",
           ref: u,
@@ -1048,7 +1052,7 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
         }, [
           t("div", {
             class: "top-scroll-content",
-            style: B({ width: Z.value })
+            style: B({ width: A.value })
           }, null, 4)
         ], 512)
       ], 4),
@@ -1059,16 +1063,16 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
         style: B(K.value),
         key: M.value
       }, [
-        t("div", fe, [
-          t("div", ve, [
-            he,
+        t("div", ve, [
+          t("div", he, [
+            pe,
             t("div", {
               role: "button",
               class: "restore-button",
-              onClick: l[0] || (l[0] = (o) => R(null))
-            }, _e)
+              onClick: i[0] || (i[0] = (o) => R(null))
+            }, me)
           ]),
-          (a(!0), r(P, null, j(p.value, (o) => (a(), r("div", {
+          (a(!0), r(P, null, W(p.value, (o) => (a(), r("div", {
             key: `s-${o.id}`,
             class: x(["row static-row", { odd: o.isOdd }])
           }, [
@@ -1078,34 +1082,34 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
                   id: `dr-${o.id}`,
                   class: x(["details-row", { odd: o.isOdd }])
                 }, [
-                  t("div", Ce, [
-                    t("div", we, [
-                      t("div", ke, [
+                  t("div", we, [
+                    t("div", ke, [
+                      t("div", be, [
                         t("div", null, [
                           V("Equipo: "),
-                          t("span", be, g(o.team_name), 1)
+                          t("span", ye, g(o.team_name), 1)
                         ]),
                         t("div", null, [
                           V("Edad: "),
-                          t("span", ye, g(o.player_age) + " Años", 1)
+                          t("span", xe, g(o.player_age) + " Años", 1)
                         ]),
                         t("div", null, [
                           V("Nacionalidad: "),
-                          t("span", xe, g(o.player_country), 1)
+                          t("span", Se, g(o.player_country), 1)
                         ]),
                         t("div", null, [
                           V("Posición: "),
-                          t("span", Se, g(o.position_name), 1)
+                          t("span", Le, g(o.position_name), 1)
                         ])
                       ]),
-                      t("div", Le, [
+                      t("div", Me, [
                         t("div", null, [
                           V("Partidos Jugados: "),
-                          t("span", Me, g(o.player_games), 1)
+                          t("span", $e, g(o.player_games), 1)
                         ]),
                         t("div", null, [
                           V("Minutos Jugados: "),
-                          t("span", $e, g(o.player_min), 1)
+                          t("span", Be, g(o.player_min), 1)
                         ])
                       ])
                     ]),
@@ -1118,40 +1122,40 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
                         role: "button",
                         class: "button",
                         onClick: (n) => bt(o)
-                      }, Te, 8, Be)) : S("", !0),
+                      }, Pe, 8, Ee)) : S("", !0),
                       s.isTableFromList ? (a(), r("div", {
                         key: 1,
                         role: "button",
                         class: "button",
                         onClick: (n) => tt(o)
-                      }, De, 8, Pe)) : s.isAddToListButtonVisible ? (a(), r("div", {
+                      }, Ve, 8, Ie)) : s.isAddToListButtonVisible ? (a(), r("div", {
                         key: 2,
                         role: "button",
                         class: "button",
                         onClick: (n) => et(o)
-                      }, Ae, 8, Ve)) : S("", !0),
+                      }, je, 8, Fe)) : S("", !0),
                       t("div", {
                         role: "button",
                         class: "button green",
                         onClick: (n) => kt(o)
-                      }, Ze, 8, je)
+                      }, He, 8, We)
                     ], 4)
                   ])
-                ], 10, me), [
+                ], 10, Ce), [
                   [Et, o.isExpanded]
                 ])
               ]),
               _: 2
             }, 1024),
-            s.isEditMode ? (a(), dt(ct(jt), {
+            s.isEditMode ? (a(), dt(ct(Wt), {
               key: 0,
               fontFamily: "Poppins-Regular",
               labelFontSize: "14px",
               "model-value": o.isSelected,
               "onUpdate:modelValue": (n) => wt(n, o)
             }, null, 8, ["model-value", "onUpdate:modelValue"])) : S("", !0),
-            t("div", He, [
-              t("div", Ge, g(o.position), 1),
+            t("div", Ge, [
+              t("div", Ne, g(o.position), 1),
               s.isTableFromList ? (a(), r("svg", {
                 key: 0,
                 width: "20",
@@ -1160,7 +1164,7 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
                 onClick: (n) => tt(o)
-              }, Xe, 8, Ne)) : (a(), r("div", Ke, [
+              }, Ke, 8, qe)) : (a(), r("div", Qe, [
                 (a(), r("svg", {
                   width: "20",
                   height: "20",
@@ -1168,9 +1172,9 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
                   onClick: (n) => et(o)
-                }, oo, 8, Qe))
+                }, so, 8, Ye))
               ])),
-              t("div", so, [
+              t("div", lo, [
                 t("div", null, [
                   t("img", {
                     src: o.player_photo,
@@ -1178,9 +1182,9 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
                   }, null, 8, io)
                 ])
               ]),
-              t("div", lo, g(o.player_name), 1)
+              t("div", no, g(o.player_name), 1)
             ]),
-            t("div", no, [
+            t("div", ao, [
               (a(), r("svg", {
                 class: x(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5", { expanded: o.isExpanded }]),
                 width: "12",
@@ -1189,7 +1193,7 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
                 fill: "#D9D9D9",
                 xmlns: "http://www.w3.org/2000/svg",
                 onClick: (n) => ot(o)
-              }, co, 10, ao))
+              }, uo, 10, ro))
             ])
           ], 2))), 128))
         ]),
@@ -1199,90 +1203,90 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
           class: "table__scrollable-columns"
         }, [
           s.isGeneral ? (a(), r(P, { key: 0 }, [
-            t("div", uo, [
-              t("div", fo, [
-                vo,
+            t("div", fo, [
+              t("div", vo, [
+                ho,
                 (a(), r("svg", {
                   width: "18",
                   height: "18",
                   viewBox: "0 0 18 18",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  onClick: l[1] || (l[1] = (o) => R(y.value[0]))
-                }, po))
+                  onClick: i[1] || (i[1] = (o) => R(y.value[0]))
+                }, go))
               ]),
-              t("div", go, [
-                _o,
+              t("div", _o, [
+                mo,
                 (a(), r("svg", {
                   width: "18",
                   height: "18",
                   viewBox: "0 0 18 18",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  onClick: l[2] || (l[2] = (o) => R(y.value[1]))
-                }, Co))
+                  onClick: i[2] || (i[2] = (o) => R(y.value[1]))
+                }, wo))
               ]),
-              t("div", wo, [
-                ko,
+              t("div", ko, [
+                bo,
                 (a(), r("svg", {
                   width: "18",
                   height: "18",
                   viewBox: "0 0 18 18",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  onClick: l[3] || (l[3] = (o) => R(y.value[2]))
-                }, yo))
+                  onClick: i[3] || (i[3] = (o) => R(y.value[2]))
+                }, xo))
               ]),
-              xo,
-              t("div", So, [
-                Lo,
+              So,
+              t("div", Lo, [
+                Mo,
                 (a(), r("svg", {
                   width: "18",
                   height: "18",
                   viewBox: "0 0 18 18",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  onClick: l[4] || (l[4] = (o) => R(y.value[3]))
-                }, $o))
+                  onClick: i[4] || (i[4] = (o) => R(y.value[3]))
+                }, Bo))
               ]),
-              t("div", Bo, [
-                Eo,
+              t("div", Eo, [
+                Ro,
                 (a(), r("svg", {
                   width: "18",
                   height: "18",
                   viewBox: "0 0 18 18",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  onClick: l[5] || (l[5] = (o) => R(y.value[4]))
-                }, To))
+                  onClick: i[5] || (i[5] = (o) => R(y.value[4]))
+                }, Po))
               ]),
-              t("div", Po, [
-                Io,
+              t("div", Io, [
+                Oo,
                 (a(), r("svg", {
                   width: "18",
                   height: "18",
                   viewBox: "0 0 18 18",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  onClick: l[6] || (l[6] = (o) => R(y.value[5]))
-                }, Do))
+                  onClick: i[6] || (i[6] = (o) => R(y.value[5]))
+                }, Vo))
               ]),
-              Vo
+              Fo
             ]),
-            (a(!0), r(P, null, j(p.value, (o) => (a(), r("div", {
+            (a(!0), r(P, null, W(p.value, (o) => (a(), r("div", {
               key: `i-${o.id}`,
               class: "row scrollable-row"
             }, [
               t("div", {
                 class: x(["row team-info", { odd: o.isOdd }])
               }, [
-                t("div", Fo, [
+                t("div", zo, [
                   t("img", {
                     src: o.team_logo,
                     alt: "team logo"
-                  }, null, 8, zo)
+                  }, null, 8, Ao)
                 ]),
-                t("div", Ao, g(o.team_abrev), 1)
+                t("div", jo, g(o.team_abrev), 1)
               ], 2),
               t("div", {
                 class: x(["row data-info", { odd: o.isOdd }])
@@ -1297,7 +1301,7 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
                   src: o.player_country_flag,
                   alt: "player country flag",
                   class: "country-flag"
-                }, null, 8, jo)
+                }, null, 8, Wo)
               ], 2),
               t("div", {
                 class: x(["row data-info", { odd: o.isOdd }])
@@ -1311,7 +1315,7 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
               t("div", {
                 class: x(["row data-info", { odd: o.isOdd }])
               }, [
-                rt(ct(Qt), {
+                rt(ct(Yt), {
                   icon: "https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png",
                   "icon-size": "19px",
                   "icon-position": "left",
@@ -1328,7 +1332,7 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
                 }, null, 8, ["onClick"])
               ], 2)
             ]))), 128))
-          ], 64)) : (a(), dt(ce, {
+          ], 64)) : (a(), dt(ue, {
             key: 1,
             ref_key: "scrollColumns",
             ref: E,
@@ -1342,7 +1346,7 @@ const Qt = /* @__PURE__ */ Wt(J, [["render", Kt], ["__scopeId", "data-v-f3ee6b2b
       ], 4))
     ], 64));
   }
-}, Ho = /* @__PURE__ */ pt(Wo, [["__scopeId", "data-v-04e96d04"]]);
+}, Go = /* @__PURE__ */ pt(Zo, [["__scopeId", "data-v-4cd58a78"]]);
 export {
-  Ho as GSCTableScrollable
+  Go as GSCTableScrollable
 };