@golstats/gsc-table-scrollable 1.0.8 → 1.0.9

package/dist/gsc-table-scrollable.js

@@ -1,19 +1,19 @@
-import { useCssVars as J, ref as m, computed as V, watch as F, createElementBlock as n, openBlock as l, normalizeClass as _, createElementVNode as t, createCommentVNode as S, normalizeStyle as L, Fragment as I, toDisplayString as c, pushScopeId as z, popScopeId as E, onMounted as K, renderList as O, createVNode as H, createBlock as N, Transition as it, withCtx as lt, withDirectives as nt, createTextVNode as T, vShow as at, unref as G, createStaticVNode as dt } from "vue";
-const rt = (e, d) => {
-  const o = e.__vccOpts || e;
-  for (const [u, p] of d)
-    o[u] = p;
-  return o;
-}, ct = { key: 1 }, ut = {
+import { useCssVars as tt, ref as C, computed as V, watch as F, createElementBlock as n, openBlock as l, normalizeClass as _, createElementVNode as t, createCommentVNode as x, normalizeStyle as S, Fragment as I, toDisplayString as f, pushScopeId as D, popScopeId as A, onMounted as et, renderList as E, onBeforeUnmount as ut, createVNode as J, createBlock as X, Transition as ft, withCtx as ht, withDirectives as vt, createTextVNode as T, vShow as pt, unref as K, createStaticVNode as gt } from "vue";
+const _t = (o, r) => {
+  const s = o.__vccOpts || o;
+  for (const [c, p] of r)
+    s[c] = p;
+  return s;
+}, mt = { key: 1 }, bt = {
   width: "10",
   height: "8",
   viewBox: "0 0 10 8",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, ht = ["fill"], ft = {
+}, Ct = ["fill"], yt = {
   key: 0,
   class: "checkbox__teams"
-}, vt = { class: "checkbox__teams__logo" }, pt = ["src"], _t = { class: "checkbox__teams__logo" }, gt = ["src"], bt = {
+}, wt = { class: "checkbox__teams__logo" }, kt = ["src"], xt = { class: "checkbox__teams__logo" }, St = ["src"], Lt = {
   __name: "GSC-Checkbox",
   props: {
     width: {
@@ -72,8 +72,8 @@ const rt = (e, d) => {
       type: String,
       default: "left",
       // values can be 'left', 'right', 'top', 'bottom'
-      validator(e) {
-        return ["left", "right", "top", "bottom"].includes(e);
+      validator(o) {
+        return ["left", "right", "top", "bottom"].includes(o);
       }
     },
     boxMarginTop: {
@@ -122,100 +122,100 @@ const rt = (e, d) => {
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: d }) {
-    const o = e;
-    J((f) => ({
-      "7bd9d47b": e.width,
-      "34dc7ddc": e.height
+  setup(o, { emit: r }) {
+    const s = o;
+    tt((v) => ({
+      "7bd9d47b": o.width,
+      "34dc7ddc": o.height
     }));
-    const u = m(!1), p = V(() => {
-      const f = {
-        color: o.boxValueColor,
-        "font-family": o.fontFamily,
-        height: o.boxWidthAndHeight,
-        width: o.boxWidthAndHeight,
-        minWidth: o.boxWidthAndHeight,
-        "border-radius": o.boxBorderRadius,
-        "margin-top": o.boxMarginTop
+    const c = C(!1), p = V(() => {
+      const v = {
+        color: s.boxValueColor,
+        "font-family": s.fontFamily,
+        height: s.boxWidthAndHeight,
+        width: s.boxWidthAndHeight,
+        minWidth: s.boxWidthAndHeight,
+        "border-radius": s.boxBorderRadius,
+        "margin-top": s.boxMarginTop
       };
-      return u.value ? (f["background-color"] = o.boxBackgroundColor, f.border = `solid ${o.boxBorderWidth} ${o.boxBackgroundColor}`) : f.border = `solid ${o.boxBorderWidth} ${o.boxBorderColor}`, f;
+      return c.value ? (v["background-color"] = s.boxBackgroundColor, v.border = `solid ${s.boxBorderWidth} ${s.boxBackgroundColor}`) : v.border = `solid ${s.boxBorderWidth} ${s.boxBorderColor}`, v;
     }), h = V(() => ({
-      "font-family": o.boxValueFontFamily,
-      "font-size": o.boxValueFontSize,
-      color: o.boxValueColor,
+      "font-family": s.boxValueFontFamily,
+      "font-size": s.boxValueFontSize,
+      color: s.boxValueColor,
       "line-height": 1
     })), y = V(() => {
-      const f = {
-        color: o.labelColor,
-        "font-family": o.fontFamily,
-        "font-size": o.labelFontSize,
-        "white-space": o.labelWhiteSpace,
-        "text-align": o.boxPosition === "top" || o.boxPosition === "bottom" ? "center" : o.boxPosition
+      const v = {
+        color: s.labelColor,
+        "font-family": s.fontFamily,
+        "font-size": s.labelFontSize,
+        "white-space": s.labelWhiteSpace,
+        "text-align": s.boxPosition === "top" || s.boxPosition === "bottom" ? "center" : s.boxPosition
       };
-      return (o.boxPosition === "left" || o.boxPosition === "right") && (f[`margin-${o.boxPosition}`] = o.isBoxOnly ? "0" : o.teamsIds ? "8px" : "10px"), f;
+      return (s.boxPosition === "left" || s.boxPosition === "right") && (v[`margin-${s.boxPosition}`] = s.isBoxOnly ? "0" : s.teamsIds ? "8px" : "10px"), v;
     });
     F(
-      () => o.modelValue,
-      (f) => {
-        f !== u.value && (u.value = f);
+      () => s.modelValue,
+      (v) => {
+        v !== c.value && (c.value = v);
       },
       { immediate: !0 }
     );
-    function $() {
-      o.avoidInteraction || !u.value && o.avoidToCheck || (u.value = !u.value, d("update:modelValue", u.value));
+    function L() {
+      s.avoidInteraction || !c.value && s.avoidToCheck || (c.value = !c.value, r("update:modelValue", c.value));
     }
-    function B(f) {
-      return `${{}.TEAM_LOGOS_URL || "https://golstatsimages.blob.core.windows.net/teams-80/"}${f}.png`;
+    function $(v) {
+      return `${{}.TEAM_LOGOS_URL || "https://golstatsimages.blob.core.windows.net/teams-80/"}${v}.png`;
     }
-    return (f, M) => (l(), n("div", {
-      class: _(["checkbox", `box-${e.boxPosition}`]),
-      onClick: $
+    return (v, M) => (l(), n("div", {
+      class: _(["checkbox", `box-${o.boxPosition}`]),
+      onClick: L
     }, [
       t("div", {
         class: "checkbox__box",
-        style: L(p.value)
+        style: S(p.value)
       }, [
-        u.value ? (l(), n(I, { key: 0 }, [
-          o.boxValue ? (l(), n("div", {
+        c.value ? (l(), n(I, { key: 0 }, [
+          s.boxValue ? (l(), n("div", {
             key: 0,
             class: "checkbox__box__value",
-            style: L(h.value)
-          }, c(e.boxValue), 5)) : (l(), n("div", ct, [
-            (l(), n("svg", ut, [
+            style: S(h.value)
+          }, f(o.boxValue), 5)) : (l(), n("div", mt, [
+            (l(), n("svg", bt, [
               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: e.boxValueColor
-              }, null, 8, ht)
+                fill: o.boxValueColor
+              }, null, 8, Ct)
             ]))
           ]))
-        ], 64)) : S("", !0)
+        ], 64)) : x("", !0)
       ], 4),
-      e.teamsIds && e.teamsIds.length ? (l(), n("div", ft, [
-        t("div", vt, [
+      o.teamsIds && o.teamsIds.length ? (l(), n("div", yt, [
+        t("div", wt, [
           t("img", {
-            src: B(e.teamsIds[0]),
+            src: $(o.teamsIds[0]),
             alt: ""
-          }, null, 8, pt)
+          }, null, 8, kt)
         ]),
-        t("div", _t, [
+        t("div", xt, [
           t("img", {
-            src: B(e.teamsIds[1]),
+            src: $(o.teamsIds[1]),
             alt: ""
-          }, null, 8, gt)
+          }, null, 8, St)
         ])
-      ])) : S("", !0),
+      ])) : x("", !0),
       t("div", {
         class: "checkbox__label",
-        style: L(y.value)
-      }, c(e.label), 5)
+        style: S(y.value)
+      }, f(o.label), 5)
     ], 2));
   }
-}, mt = /* @__PURE__ */ rt(bt, [["__scopeId", "data-v-b6f124d8"]]), Ct = (e, d) => {
-  const o = e.__vccOpts || e;
-  for (const [u, p] of d)
-    o[u] = p;
-  return o;
-}, A = {
+}, $t = /* @__PURE__ */ _t(Lt, [["__scopeId", "data-v-b6f124d8"]]), Bt = (o, r) => {
+  const s = o.__vccOpts || o;
+  for (const [c, p] of r)
+    s[c] = p;
+  return s;
+}, W = {
   props: {
     type: { type: Number, default: 0 },
     value: { type: Boolean, default: !1 },
@@ -252,8 +252,8 @@ const rt = (e, d) => {
     value: {
       deep: !0,
       immediate: !0,
-      handler(e) {
-        this.status = e;
+      handler(o) {
+        this.status = o;
       }
     }
   },
@@ -285,79 +285,79 @@ const rt = (e, d) => {
     }
   },
   methods: {
-    btnClick(e) {
-      this.$emit("click", e), this.typeOnOff && (this.status = !this.status, this.$emit("status", this.status));
+    btnClick(o) {
+      this.$emit("click", o), this.typeOnOff && (this.status = !this.status, this.$emit("status", this.status));
     }
   }
-}, q = () => {
-  J((e) => ({
-    "9d01acb4": e.height,
-    "14e95081": e.borderWidthBtn,
-    "38fec285": e.borderType,
-    34353510: e.borderColor,
-    "20d20dc6": e.borderRadius,
-    17130967: e.width,
-    "4ccb7d36": e.backgroundColor,
-    "5d1e86a2": e.cursorType,
-    ce65d4a2: e.fontSize,
-    fe4ac47a: e.fontStyle,
-    f98e44dc: e.fontFamily,
-    "93b87770": e.marginLeftStat,
-    c7f7beba: e.fontSizeStat
+}, Q = () => {
+  tt((o) => ({
+    "9d01acb4": o.height,
+    "14e95081": o.borderWidthBtn,
+    "38fec285": o.borderType,
+    34353510: o.borderColor,
+    "20d20dc6": o.borderRadius,
+    17130967: o.width,
+    "4ccb7d36": o.backgroundColor,
+    "5d1e86a2": o.cursorType,
+    ce65d4a2: o.fontSize,
+    fe4ac47a: o.fontStyle,
+    f98e44dc: o.fontFamily,
+    "93b87770": o.marginLeftStat,
+    c7f7beba: o.fontSizeStat
   }));
-}, U = A.setup;
-A.setup = U ? (e, d) => (q(), U(e, d)) : q;
-const yt = (e) => (z("data-v-f3ee6b2b"), e = e(), E(), e), wt = ["src"], kt = {
+}, Y = W.setup;
+W.setup = Y ? (o, r) => (Q(), Y(o, r)) : Q;
+const Mt = (o) => (D("data-v-f3ee6b2b"), o = o(), A(), o), Vt = ["src"], It = {
   key: 1,
   class: "text"
-}, xt = ["src"], St = { class: "stats" }, Lt = /* @__PURE__ */ yt(() => /* @__PURE__ */ t("img", {
+}, Rt = ["src"], Tt = { class: "stats" }, Et = /* @__PURE__ */ Mt(() => /* @__PURE__ */ t("img", {
   class: "iconstats",
   src: "https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"
-}, null, -1)), $t = { class: "numstats" }, Bt = { class: "leyend" };
-function Mt(e, d, o, u, p, h) {
+}, null, -1)), Ot = { class: "numstats" }, Ft = { class: "leyend" };
+function Pt(o, r, s, c, p, h) {
   return l(), n("div", null, [
-    o.type == 0 ? (l(), n("div", {
+    s.type == 0 ? (l(), n("div", {
       key: 0,
-      class: _(["button", p.status && o.typeOnOff && "button-active"]),
-      style: L([h.customStyle, p.status && o.typeOnOff && h.customActive]),
-      onClick: d[0] || (d[0] = (...y) => h.btnClick && h.btnClick(...y))
+      class: _(["button", p.status && s.typeOnOff && "button-active"]),
+      style: S([h.customStyle, p.status && s.typeOnOff && h.customActive]),
+      onClick: r[0] || (r[0] = (...y) => h.btnClick && h.btnClick(...y))
     }, [
-      o.icon && o.iconPosition.toLowerCase() === "left" ? (l(), n("img", {
+      s.icon && s.iconPosition.toLowerCase() === "left" ? (l(), n("img", {
         key: 0,
         class: "icon",
-        style: L({ width: o.iconSize }),
-        src: o.icon
-      }, null, 12, wt)) : S("", !0),
-      o.textValue ? (l(), n("div", kt, c(o.textValue), 1)) : S("", !0),
-      o.icon && o.iconPosition.toLowerCase() === "right" ? (l(), n("img", {
+        style: S({ width: s.iconSize }),
+        src: s.icon
+      }, null, 12, Vt)) : x("", !0),
+      s.textValue ? (l(), n("div", It, f(s.textValue), 1)) : x("", !0),
+      s.icon && s.iconPosition.toLowerCase() === "right" ? (l(), n("img", {
         key: 2,
         class: "icon",
-        style: L({ width: o.iconSize }),
-        src: o.icon
-      }, null, 12, xt)) : S("", !0)
-    ], 6)) : S("", !0),
-    o.type == 1 ? (l(), n("div", {
+        style: S({ width: s.iconSize }),
+        src: s.icon
+      }, null, 12, Rt)) : x("", !0)
+    ], 6)) : x("", !0),
+    s.type == 1 ? (l(), n("div", {
       key: 1,
       class: "button-target",
-      onClick: d[1] || (d[1] = (...y) => h.btnClick && h.btnClick(...y))
+      onClick: r[1] || (r[1] = (...y) => h.btnClick && h.btnClick(...y))
     }, [
-      t("div", St, [
-        Lt,
-        t("div", $t, c(o.textStat), 1)
+      t("div", Tt, [
+        Et,
+        t("div", Ot, f(s.textStat), 1)
       ]),
-      t("div", Bt, c(o.textCategory), 1)
-    ])) : S("", !0)
+      t("div", Ft, f(s.textCategory), 1)
+    ])) : x("", !0)
   ]);
 }
-const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b"]]), Q = (e, d) => {
-  const o = e.__vccOpts || e;
-  for (const [u, p] of d)
-    o[u] = p;
-  return o;
-}, It = (e) => (z("data-v-d03b93c8"), e = e(), E(), e), Rt = {
+const zt = /* @__PURE__ */ Bt(W, [["render", Pt], ["__scopeId", "data-v-f3ee6b2b"]]), ot = (o, r) => {
+  const s = o.__vccOpts || o;
+  for (const [c, p] of r)
+    s[c] = p;
+  return s;
+}, Dt = (o) => (D("data-v-d03b93c8"), o = o(), A(), o), At = {
   key: 0,
   class: "overlay"
-}, Tt = /* @__PURE__ */ It(() => /* @__PURE__ */ t("div", { class: "column-title-2" }, null, -1)), Ot = ["onClick"], Ft = {
+}, Wt = /* @__PURE__ */ Dt(() => /* @__PURE__ */ t("div", { class: "column-title-2" }, null, -1)), Zt = ["onClick"], jt = {
   __name: "ScrollColumns",
   props: {
     availablePlayers: {
@@ -370,70 +370,70 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
     }
   },
   emits: ["expand", "open-media"],
-  setup(e, { expose: d, emit: o }) {
-    const u = e, p = m(null), h = m(null), y = m(0);
-    m(!1);
-    const $ = V(() => {
-      const b = u.availablePlayers[0];
-      return b ? b.stats : [];
-    }), B = V(() => {
-      const b = `repeat(${$.value.length}, max-content) 36px`;
-      let v = "";
-      return y.value > 0 && document.querySelectorAll(".column-title-2").forEach((w) => {
-        v += `${w.offsetWidth}px `;
+  setup(o, { expose: r, emit: s }) {
+    const c = o, p = C(null), h = C(null), y = C(0);
+    C(!1);
+    const L = V(() => {
+      const a = c.availablePlayers[0];
+      return a ? a.stats : [];
+    }), $ = V(() => {
+      const a = `repeat(${L.value.length}, max-content) 36px`;
+      let g = "";
+      return y.value > 0 && document.querySelectorAll(".column-title-2").forEach((B) => {
+        g += `${B.offsetWidth}px `;
       }), {
-        "--grid-template-columns": b,
-        "--grid-template-columns-totals": v || b
+        "--grid-template-columns": a,
+        "--grid-template-columns-totals": g || a
       };
     });
-    function f() {
-      p.value = new ResizeObserver((b) => {
-        for (const v of b) {
-          const { width: C } = v.contentRect;
-          y.value = C;
+    function v() {
+      p.value = new ResizeObserver((a) => {
+        for (const g of a) {
+          const { width: b } = g.contentRect;
+          y.value = b;
         }
       }), p.value.observe(h.value);
     }
-    function M(b, v) {
-      const w = document.querySelectorAll(".scrollable-row-totals")[b + 1];
-      w && (w.style.marginTop = `${v}px`);
+    function M(a, g) {
+      const B = document.querySelectorAll(".scrollable-row-totals")[a + 1];
+      B && (B.style.marginTop = `${g}px`);
     }
-    function R({ player: b, stat: v }) {
-      !v.total || v === "0%" || !v.seasons || !v.seasons.length || o("open-media", { ...b, stat: v });
+    function R({ player: a, stat: g }) {
+      !g.total || g === "0%" || !g.seasons || !g.seasons.length || s("open-media", { ...a, stat: g });
     }
-    return K(() => {
-      f();
-    }), d({
+    return et(() => {
+      v();
+    }), r({
       setMarginTopDetails: M
-    }), (b, v) => (l(), n("div", {
+    }), (a, g) => (l(), n("div", {
       class: "scroll-columns",
-      style: L(B.value)
+      style: S($.value)
     }, [
-      e.isEditMode ? (l(), n("div", Rt)) : S("", !0),
+      o.isEditMode ? (l(), n("div", At)) : x("", !0),
       t("div", {
         ref_key: "titlesRow",
         ref: h,
         class: "scrollable-row-2"
       }, [
-        (l(!0), n(I, null, O($.value, (C) => (l(), n("div", {
-          key: `t-${C.category_id}`,
+        (l(!0), n(I, null, E(L.value, (b) => (l(), n("div", {
+          key: `t-${b.category_id}`,
           class: "column-title-2"
-        }, c(C.name), 1))), 128)),
-        Tt
+        }, f(b.name), 1))), 128)),
+        Wt
       ], 512),
-      (l(!0), n(I, null, O(e.availablePlayers, (C, w) => (l(), n("div", {
-        key: `i-${C.id}`,
+      (l(!0), n(I, null, E(o.availablePlayers, (b, B) => (l(), n("div", {
+        key: `i-${b.id}`,
         class: "row scrollable-row-totals"
       }, [
-        (l(!0), n(I, null, O(C.stats, (k) => (l(), n("div", {
-          key: k.category_id,
-          class: _(["row data-info", { odd: w % 2 !== 0, underline: !!k.total && k.total !== "0%" && k.seasons && k.seasons.length }]),
-          onClick: (W) => R({ player: C, stat: k })
-        }, c(k.total), 11, Ot))), 128))
+        (l(!0), n(I, null, E(b.stats, (w) => (l(), n("div", {
+          key: w.category_id,
+          class: _(["row data-info", { odd: B % 2 !== 0, underline: !!w.total && w.total !== "0%" && w.seasons && w.seasons.length }]),
+          onClick: (Z) => R({ player: b, stat: w })
+        }, f(w.total), 11, Zt))), 128))
       ]))), 128))
     ], 4));
   }
-}, Pt = /* @__PURE__ */ Q(Ft, [["__scopeId", "data-v-d03b93c8"]]), g = (e) => (z("data-v-378d650a"), e = e(), E(), e), zt = { class: "table__static-column" }, Et = /* @__PURE__ */ g(() => /* @__PURE__ */ t("div", { class: "static-title column-title" }, null, -1)), At = { class: "container" }, Wt = { class: "details-row__info" }, Dt = { class: "details-row__info__personal" }, Zt = { class: "bold" }, jt = { class: "bold" }, Ht = { class: "bold" }, Nt = { class: "bold" }, Gt = { class: "details-row__info__games" }, qt = { class: "bold" }, Ut = { class: "bold" }, Jt = ["onClick"], Kt = /* @__PURE__ */ g(() => /* @__PURE__ */ t("div", null, "Ver gráfica", -1)), Qt = /* @__PURE__ */ g(() => /* @__PURE__ */ t("svg", {
+}, Ht = /* @__PURE__ */ ot(jt, [["__scopeId", "data-v-d03b93c8"]]), m = (o) => (D("data-v-ef3c543d"), o = o(), A(), o), Nt = { class: "table__static-column" }, Gt = /* @__PURE__ */ m(() => /* @__PURE__ */ t("div", { class: "static-title column-title" }, null, -1)), Ut = { class: "container" }, qt = { class: "details-row__info" }, Jt = { class: "details-row__info__personal" }, Xt = { class: "bold" }, Kt = { class: "bold" }, Qt = { class: "bold" }, Yt = { class: "bold" }, te = { class: "details-row__info__games" }, ee = { class: "bold" }, oe = { class: "bold" }, se = ["onClick"], ie = /* @__PURE__ */ m(() => /* @__PURE__ */ t("div", null, "Ver gráfica", -1)), le = /* @__PURE__ */ m(() => /* @__PURE__ */ t("svg", {
   width: "17",
   height: "16",
   viewBox: "0 0 17 16",
@@ -456,10 +456,10 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
       })
     ])
   ])
-], -1)), Xt = [
-  Kt,
-  Qt
-], Yt = ["onClick"], te = /* @__PURE__ */ g(() => /* @__PURE__ */ t("div", null, "Eliminar de lista", -1)), ee = /* @__PURE__ */ g(() => /* @__PURE__ */ t("svg", {
+], -1)), ne = [
+  ie,
+  le
+], ae = ["onClick"], de = /* @__PURE__ */ m(() => /* @__PURE__ */ t("div", null, "Eliminar de lista", -1)), re = /* @__PURE__ */ m(() => /* @__PURE__ */ t("svg", {
   width: "17",
   height: "15",
   viewBox: "0 0 20 18",
@@ -490,10 +490,10 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   })
-], -1)), oe = [
-  te,
-  ee
-], se = ["onClick"], ie = /* @__PURE__ */ g(() => /* @__PURE__ */ t("div", null, "Agregar a lista", -1)), le = /* @__PURE__ */ g(() => /* @__PURE__ */ t("svg", {
+], -1)), ce = [
+  de,
+  re
+], ue = ["onClick"], fe = /* @__PURE__ */ m(() => /* @__PURE__ */ t("div", null, "Agregar a lista", -1)), he = /* @__PURE__ */ m(() => /* @__PURE__ */ t("svg", {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -524,69 +524,69 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   })
-], -1)), ne = [
-  ie,
-  le
-], ae = ["onClick"], de = /* @__PURE__ */ g(() => /* @__PURE__ */ t("div", null, "Ver perfil", -1)), re = [
-  de
-], ce = { class: "static-row__info-player" }, ue = { class: "position" }, he = ["onClick"], fe = /* @__PURE__ */ g(() => /* @__PURE__ */ t("path", {
+], -1)), ve = [
+  fe,
+  he
+], pe = ["onClick"], ge = /* @__PURE__ */ m(() => /* @__PURE__ */ t("div", null, "Ver perfil", -1)), _e = [
+  ge
+], me = { class: "static-row__info-player" }, be = { class: "position" }, Ce = ["onClick"], ye = /* @__PURE__ */ m(() => /* @__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)), ve = /* @__PURE__ */ g(() => /* @__PURE__ */ t("path", {
+}, null, -1)), we = /* @__PURE__ */ m(() => /* @__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)), pe = /* @__PURE__ */ g(() => /* @__PURE__ */ t("path", {
+}, null, -1)), ke = /* @__PURE__ */ m(() => /* @__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)), _e = [
-  fe,
-  ve,
-  pe
-], ge = ["onClick"], be = /* @__PURE__ */ g(() => /* @__PURE__ */ t("path", {
+}, null, -1)), xe = [
+  ye,
+  we,
+  ke
+], Se = ["onClick"], Le = /* @__PURE__ */ m(() => /* @__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)), me = /* @__PURE__ */ g(() => /* @__PURE__ */ t("path", {
+}, null, -1)), $e = /* @__PURE__ */ m(() => /* @__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)), Ce = /* @__PURE__ */ g(() => /* @__PURE__ */ t("path", {
+}, null, -1)), Be = /* @__PURE__ */ m(() => /* @__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)), ye = [
-  be,
-  me,
-  Ce
-], we = { class: "player-photo" }, ke = ["src"], xe = { class: "player-name" }, Se = { class: "arrow" }, Le = ["onClick"], $e = /* @__PURE__ */ g(() => /* @__PURE__ */ t("path", {
+}, null, -1)), Me = [
+  Le,
+  $e,
+  Be
+], Ve = { class: "player-photo" }, Ie = ["src"], Re = { class: "player-name" }, Te = { class: "arrow" }, Ee = ["onClick"], Oe = /* @__PURE__ */ m(() => /* @__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)), Be = [
-  $e
-], Me = { class: "table__scrollable-columns" }, Ve = /* @__PURE__ */ dt('<div class="titles scrollable-row" data-v-378d650a><div class="column-title" data-v-378d650a>Equipo</div><div class="column-title" data-v-378d650a>Posición</div><div class="column-title" data-v-378d650a>Edad</div><div class="column-title" data-v-378d650a>País</div><div class="column-title" data-v-378d650a>Partidos Jugados</div><div class="column-title" data-v-378d650a>Minutos Jugados</div><div class="column-title" data-v-378d650a>Liga</div><div class="column-title" data-v-378d650a>Videos</div><div class="column-title" data-v-378d650a></div></div>', 1), Ie = { class: "team-logo" }, Re = ["src"], Te = { class: "team-name data-info" }, Oe = ["src"], Fe = {
+}, null, -1)), Fe = [
+  Oe
+], Pe = /* @__PURE__ */ gt('<div class="titles scrollable-row" data-v-ef3c543d><div class="column-title" data-v-ef3c543d>Equipo</div><div class="column-title" data-v-ef3c543d>Posición</div><div class="column-title" data-v-ef3c543d>Edad</div><div class="column-title" data-v-ef3c543d>País</div><div class="column-title" data-v-ef3c543d>Partidos Jugados</div><div class="column-title" data-v-ef3c543d>Minutos Jugados</div><div class="column-title" data-v-ef3c543d>Liga</div><div class="column-title" data-v-ef3c543d>Videos</div><div class="column-title" data-v-ef3c543d></div></div>', 1), ze = { class: "team-logo" }, De = ["src"], Ae = { class: "team-name data-info" }, We = ["src"], Ze = {
   __name: "GSC-TableScrollable",
   props: {
     players: {
@@ -613,24 +613,24 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
     "view-graph",
     "open-media"
   ],
-  setup(e, { emit: d }) {
-    const o = e;
-    let u = null, p = null;
-    const h = m([]), y = m(null), $ = m(null), B = m(0), f = m(0), M = m(-1);
-    m(!1);
-    const R = m(null), b = V(() => ({
-      "--width-details": `${B.value}px`,
-      "--gap-static-row": `${v.value ? "8px" : "18px"}`,
-      "--width-static-column": `${v.value ? "50%" : "256px"}`
-    })), v = V(() => B.value < 600);
+  setup(o, { emit: r }) {
+    const s = o;
+    let c = null, p = null;
+    const h = C([]), y = C(null), L = C(null), $ = C(0), v = C(0), M = C(-1);
+    C(!1);
+    const R = C(null), a = C(null), g = V(() => ({
+      "--width-details": `${$.value}px`,
+      "--gap-static-row": `${b.value ? "8px" : "18px"}`,
+      "--width-static-column": `${b.value ? "50%" : "256px"}`
+    })), b = V(() => $.value < 600);
     F(
-      () => o.players,
-      (s) => {
-        s && s.length && (h.value = s.map((a, i) => {
-          const r = i + 1;
+      () => s.players,
+      (e) => {
+        e && e.length && (h.value = e.map((d, i) => {
+          const u = i + 1;
           return {
-            ...a,
-            position: r < 10 ? `0${r}` : `${r}`,
+            ...d,
+            position: u < 10 ? `0${u}` : `${u}`,
             isSelected: !1,
             isExpanded: !1,
             isOdd: i % 2 !== 0,
@@ -640,32 +640,32 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
       },
       { immediate: !0 }
     ), F(
-      () => o.isEditMode,
-      (s) => {
-        s && h.value.forEach((a) => {
-          a.isSelected = !1;
+      () => s.isEditMode,
+      (e) => {
+        e && h.value.forEach((d) => {
+          d.isSelected = !1;
         });
       }
     ), F(
-      f,
-      (s) => {
+      v,
+      (e) => {
         const i = document.querySelectorAll(".static-row")[M.value + 1];
-        i && (i.style.marginTop = `${s}px`), o.isGeneral ? C(M.value, s) : $.value && $.value.setMarginTopDetails(M.value, s), s === 0 && R.value && j(R.value);
+        i && (i.style.marginTop = `${e}px`), s.isGeneral ? B(M.value, e) : L.value && L.value.setMarginTopDetails(M.value, e), e === 0 && R.value && N(R.value);
       }
     );
-    function C(s, a) {
-      const r = document.querySelectorAll(".scrollable-row")[s + 2];
-      r && (r.style.marginTop = `${a}px`);
+    function B(e, d) {
+      const u = document.querySelectorAll(".scrollable-row")[e + 2];
+      u && (u.style.marginTop = `${d}px`);
     }
-    function w(s) {
-      const a = s.player || s.objeto_player, i = a ? a.player_id || a.id || a.playerId : s.id || s.player_id, r = a ? a.team_id || a.teamId : s.team_id || s.teamId, x = {
+    function w(e) {
+      const d = e.player || e.objeto_player, i = d ? d.player_id || d.id || d.playerId : e.id || e.player_id, u = d ? d.team_id || d.teamId : e.team_id || e.teamId, k = {
         isFeaturedPlayers: !1,
         mainSectionType: 1,
         playListType: 2,
         gameIds: null,
         playerIds: i ? [i] : [],
         goalkeeperIds: [],
-        teamId: r || 0,
+        teamId: u || 0,
         matchResult: [1, 2, 3],
         categorySingleName: "",
         isRivalSubject: !1,
@@ -678,28 +678,28 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
           playListTitle: "Jugadas Relevantes"
         }
       };
-      if (s.stat && s.stat.seasons && s.stat.seasons.length || s.seasons && s.seasons.length) {
-        const P = [
-          ...s.stat && s.stat.seasons && s.stat.seasons.length ? s.stat.seasons : s.seasons
+      if (e.stat && e.stat.seasons && e.stat.seasons.length || e.seasons && e.seasons.length) {
+        const z = [
+          ...e.stat && e.stat.seasons && e.stat.seasons.length ? e.stat.seasons : e.seasons
         ];
-        P.sort((ot, st) => ot - st), x.seasonId = P.shift(), x.seasonsIds = P;
-      } else (s.season_id || s.seasonId) && (x.seasonId = s.season_id || s.seasonId);
-      s.stat ? s.stat.category_id ? x.categoryIds = s.stat.category_id : s.stat.custom_category_id && (x.customCategoryIds = [s.stat.custom_category_id]) : x.categoryIds = X(s.player_position), d("open-media", x);
+        z.sort((rt, ct) => rt - ct), k.seasonId = z.shift(), k.seasonsIds = z;
+      } else (e.season_id || e.seasonId) && (k.seasonId = e.season_id || e.seasonId);
+      e.stat ? e.stat.category_id ? k.categoryIds = e.stat.category_id : e.stat.custom_category_id && (k.customCategoryIds = [e.stat.custom_category_id]) : k.categoryIds = it(e.player_position), r("open-media", k);
     }
-    function k() {
-      u = new ResizeObserver((s) => {
-        for (const a of s)
-          B.value = a.contentRect.width;
-      }), u.observe(y.value);
+    function Z() {
+      c = new ResizeObserver((e) => {
+        for (const d of e)
+          $.value = d.contentRect.width;
+      }), c.observe(y.value);
     }
-    function W(s) {
-      p = new ResizeObserver((a) => {
-        for (const i of a)
-          f.value = i.contentRect.height;
-      }), p.observe(s);
+    function st(e) {
+      p = new ResizeObserver((d) => {
+        for (const i of d)
+          v.value = i.contentRect.height;
+      }), p.observe(e);
     }
-    function X(s) {
-      return s === "POR" ? [39, 40, 52, 53, 54, 55, 323, 324, 608, 774, 802] : [
+    function it(e) {
+      return e === "POR" ? [39, 40, 52, 53, 54, 55, 323, 324, 608, 774, 802] : [
         10,
         12,
         14,
@@ -745,156 +745,171 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
         488
       ];
     }
-    function Y(s, a) {
-      a.isSelected = s;
-      const i = h.value.filter((r) => r.isSelected);
-      d("change-selected-players", i);
+    function lt(e, d) {
+      d.isSelected = e;
+      const i = h.value.filter((u) => u.isSelected);
+      r("change-selected-players", i);
     }
-    function tt(s) {
-      d("view-profile", s);
+    function nt(e) {
+      r("view-profile", e);
     }
-    function D(s) {
-      d("delete-from-list", s);
+    function j(e) {
+      r("delete-from-list", e);
     }
-    function Z(s) {
-      d("add-to-list", s);
+    function H(e) {
+      r("add-to-list", e);
     }
-    function et(s) {
-      d("show-graph", s);
+    function at(e) {
+      r("show-graph", e);
     }
-    function j(s) {
-      if (s.isExpanded) {
-        s.isExpanded = !1, R.value = null;
+    function N(e) {
+      if (e.isExpanded) {
+        e.isExpanded = !1, R.value = null;
         return;
       }
-      const a = h.value.find((x) => x.isExpanded);
-      if (a && (a.isExpanded = !1), a) {
-        R.value = s;
+      const d = h.value.find((k) => k.isExpanded);
+      if (d && (d.isExpanded = !1), d) {
+        R.value = e;
         return;
       }
-      const r = document.querySelectorAll(".details-row")[s.index];
-      M.value = s.index, W(r), s.isExpanded = !0;
+      const u = document.querySelectorAll(".details-row")[e.index];
+      M.value = e.index, st(u), e.isExpanded = !0;
+    }
+    let P = !1, G, U, q = function(e) {
+      P = !0, G = e.pageX - a.value.offsetLeft, U = a.value.scrollLeft;
+    }, O = function() {
+      P = !1;
+    };
+    function dt() {
+      a.value && (a.value.addEventListener("mousemove", (e) => {
+        if (!P)
+          return;
+        const i = e.pageX - a.value.offsetLeft - G;
+        a.value.scrollLeft = U - i;
+      }), a.value.addEventListener("mousedown", q, !1), a.value.addEventListener("mouseup", O, !1), a.value.addEventListener("mouseleave", O, !1));
     }
-    return K(() => {
-      k();
-    }), (s, a) => (l(), n("div", {
+    return et(() => {
+      Z(), dt();
+    }), ut(() => {
+      c && c.disconnect(), p && p.disconnect(), a.value && (a.value.removeEventListener("mousemove", q, !1), a.value.removeEventListener("mouseup", O, !1), a.value.removeEventListener("mouseleave", O, !1));
+    }), (e, d) => (l(), n("div", {
       class: "table",
       ref_key: "tableSC",
       ref: y,
-      style: L(b.value)
+      style: S(g.value)
     }, [
-      t("div", zt, [
-        Et,
-        (l(!0), n(I, null, O(h.value, (i) => (l(), n("div", {
+      t("div", Nt, [
+        Gt,
+        (l(!0), n(I, null, E(h.value, (i) => (l(), n("div", {
           key: `s-${i.id}`,
           class: _(["row static-row", { odd: i.isOdd }])
         }, [
-          H(it, null, {
-            default: lt(() => [
-              nt(t("div", {
+          J(ft, null, {
+            default: ht(() => [
+              vt(t("div", {
                 class: _(["details-row", { odd: i.isOdd }])
               }, [
-                t("div", At, [
-                  t("div", Wt, [
-                    t("div", Dt, [
+                t("div", Ut, [
+                  t("div", qt, [
+                    t("div", Jt, [
                       t("div", null, [
                         T("Equipo: "),
-                        t("span", Zt, c(i.team_name), 1)
+                        t("span", Xt, f(i.team_name), 1)
                       ]),
                       t("div", null, [
                         T("Edad: "),
-                        t("span", jt, c(i.player_age) + " Años", 1)
+                        t("span", Kt, f(i.player_age) + " Años", 1)
                       ]),
                       t("div", null, [
                         T("Nacionalidad: "),
-                        t("span", Ht, c(i.player_country), 1)
+                        t("span", Qt, f(i.player_country), 1)
                       ]),
                       t("div", null, [
                         T("Posición: "),
-                        t("span", Nt, c(i.position_name), 1)
+                        t("span", Yt, f(i.position_name), 1)
                       ])
                     ]),
-                    t("div", Gt, [
+                    t("div", te, [
                       t("div", null, [
                         T("Partidos Jugados: "),
-                        t("span", qt, c(i.player_games), 1)
+                        t("span", ee, f(i.player_games), 1)
                       ]),
                       t("div", null, [
                         T("Minutos Jugados: "),
-                        t("span", Ut, c(i.player_min), 1)
+                        t("span", oe, f(i.player_min), 1)
                       ])
                     ])
                   ]),
                   t("div", {
                     class: "details-row__buttons",
-                    style: L(v.value ? "margin-left: 0; gap: 8px;" : "")
+                    style: S(b.value ? "margin-left: 0; gap: 8px;" : "")
                   }, [
                     t("div", {
                       role: "button",
                       class: "button",
-                      onClick: (r) => et(i)
-                    }, Xt, 8, Jt),
-                    e.isTableFromList ? (l(), n("div", {
+                      onClick: (u) => at(i)
+                    }, ne, 8, se),
+                    o.isTableFromList ? (l(), n("div", {
                       key: 0,
                       role: "button",
                       class: "button",
-                      onClick: (r) => D(i)
-                    }, oe, 8, Yt)) : (l(), n("div", {
+                      onClick: (u) => j(i)
+                    }, ce, 8, ae)) : (l(), n("div", {
                       key: 1,
                       role: "button",
                       class: "button",
-                      onClick: (r) => Z(i)
-                    }, ne, 8, se)),
+                      onClick: (u) => H(i)
+                    }, ve, 8, ue)),
                     t("div", {
                       role: "button",
                       class: "button green",
-                      onClick: (r) => tt(i)
-                    }, re, 8, ae)
+                      onClick: (u) => nt(i)
+                    }, _e, 8, pe)
                   ], 4)
                 ])
               ], 2), [
-                [at, i.isExpanded]
+                [pt, i.isExpanded]
               ])
             ]),
             _: 2
           }, 1024),
-          e.isEditMode ? (l(), N(G(mt), {
+          o.isEditMode ? (l(), X(K($t), {
             key: 0,
             fontFamily: "Poppins-Regular",
             labelFontSize: "14px",
             "model-value": i.isSelected,
-            "onUpdate:modelValue": (r) => Y(r, i)
-          }, null, 8, ["model-value", "onUpdate:modelValue"])) : S("", !0),
-          t("div", ce, [
-            t("div", ue, c(i.position), 1),
-            e.isTableFromList ? (l(), n("svg", {
+            "onUpdate:modelValue": (u) => lt(u, i)
+          }, null, 8, ["model-value", "onUpdate:modelValue"])) : x("", !0),
+          t("div", me, [
+            t("div", be, f(i.position), 1),
+            o.isTableFromList ? (l(), n("svg", {
               key: 0,
               width: "20",
               height: "20",
               viewBox: "0 0 20 20",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
-              onClick: (r) => D(i)
-            }, _e, 8, he)) : (l(), n("svg", {
+              onClick: (u) => j(i)
+            }, xe, 8, Ce)) : (l(), n("svg", {
               key: 1,
               width: "20",
               height: "20",
               viewBox: "0 0 20 20",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
-              onClick: (r) => Z(i)
-            }, ye, 8, ge)),
-            t("div", we, [
+              onClick: (u) => H(i)
+            }, Me, 8, Se)),
+            t("div", Ve, [
               t("div", null, [
                 t("img", {
                   src: i.player_photo,
                   alt: "player photo"
-                }, null, 8, ke)
+                }, null, 8, Ie)
               ])
             ]),
-            t("div", xe, c(i.player_name), 1)
+            t("div", Re, f(i.player_name), 1)
           ]),
-          t("div", Se, [
+          t("div", Te, [
             (l(), n("svg", {
               class: _(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5", { expanded: i.isExpanded }]),
               width: "12",
@@ -902,35 +917,39 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
               viewBox: "0 0 12 8",
               fill: "#D9D9D9",
               xmlns: "http://www.w3.org/2000/svg",
-              onClick: (r) => j(i)
-            }, Be, 10, Le))
+              onClick: (u) => N(i)
+            }, Fe, 10, Ee))
           ])
         ], 2))), 128))
       ]),
-      t("div", Me, [
-        e.isGeneral ? (l(), n(I, { key: 0 }, [
-          Ve,
-          (l(!0), n(I, null, O(h.value, (i) => (l(), n("div", {
+      t("div", {
+        ref_key: "scrollableColumns",
+        ref: a,
+        class: "table__scrollable-columns"
+      }, [
+        o.isGeneral ? (l(), n(I, { key: 0 }, [
+          Pe,
+          (l(!0), n(I, null, E(h.value, (i) => (l(), n("div", {
             key: `i-${i.id}`,
             class: "row scrollable-row"
           }, [
             t("div", {
               class: _(["row team-info", { odd: i.isOdd }])
             }, [
-              t("div", Ie, [
+              t("div", ze, [
                 t("img", {
                   src: i.team_logo,
                   alt: "team logo"
-                }, null, 8, Re)
+                }, null, 8, De)
               ]),
-              t("div", Te, c(i.team_abrev), 1)
+              t("div", Ae, f(i.team_abrev), 1)
             ], 2),
             t("div", {
               class: _(["row data-info", { odd: i.isOdd }])
-            }, c(i.player_position), 3),
+            }, f(i.player_position), 3),
             t("div", {
               class: _(["row data-info", { odd: i.isOdd }])
-            }, c(i.player_age), 3),
+            }, f(i.player_age), 3),
             t("div", {
               class: _(["row data-info", { odd: i.isOdd }])
             }, [
@@ -938,21 +957,21 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
                 src: i.player_country_flag,
                 alt: "player country flag",
                 class: "country-flag"
-              }, null, 8, Oe)
+              }, null, 8, We)
             ], 2),
             t("div", {
               class: _(["row data-info", { odd: i.isOdd }])
-            }, c(i.player_games), 3),
+            }, f(i.player_games), 3),
             t("div", {
               class: _(["row data-info", { odd: i.isOdd }])
-            }, c(i.player_min), 3),
+            }, f(i.player_min), 3),
             t("div", {
               class: _(["row data-info", { odd: i.isOdd }])
-            }, c(i.league_name), 3),
+            }, f(i.league_name), 3),
             t("div", {
               class: _(["row data-info", { odd: i.isOdd }])
             }, [
-              H(G(Vt), {
+              J(K(zt), {
                 icon: "https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png",
                 "icon-size": "19px",
                 "icon-position": "left",
@@ -965,25 +984,25 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
                 "border-color": "#55636e",
                 "text-value": "Ver videos",
                 "font-size": "10px",
-                onClick: (r) => w(i)
+                onClick: (u) => w(i)
               }, null, 8, ["onClick"])
             ], 2),
             t("div", {
               class: _(["row data-info", { odd: i.isOdd }])
             }, null, 2)
           ]))), 128))
-        ], 64)) : (l(), N(Pt, {
+        ], 64)) : (l(), X(Ht, {
           key: 1,
           ref_key: "scrollColumns",
-          ref: $,
+          ref: L,
           "available-players": h.value,
-          "is-edit-mode": e.isEditMode,
+          "is-edit-mode": o.isEditMode,
           onOpenMedia: w
         }, null, 8, ["available-players", "is-edit-mode"]))
-      ])
+      ], 512)
     ], 4));
   }
-}, ze = /* @__PURE__ */ Q(Fe, [["__scopeId", "data-v-378d650a"]]);
+}, He = /* @__PURE__ */ ot(Ze, [["__scopeId", "data-v-ef3c543d"]]);
 export {
-  ze as GSCTableScrollable
+  He as GSCTableScrollable
 };