@golstats/gsc-table-scrollable 1.0.7 → 1.0.9

package/dist/gsc-table-scrollable.js

@@ -1,19 +1,19 @@
-import { useCssVars as U, ref as b, computed as R, watch as P, createElementBlock as a, openBlock as l, normalizeClass as _, createElementVNode as t, createCommentVNode as S, normalizeStyle as L, Fragment as V, toDisplayString as r, pushScopeId as z, popScopeId as E, onMounted as J, renderList as T, createVNode as N, createBlock as H, Transition as st, withCtx as it, withDirectives as lt, createTextVNode as M, vShow as at, unref as j, createStaticVNode as nt } from "vue";
-const dt = (e, d) => {
-  const o = e.__vccOpts || e;
-  for (const [c, p] of d)
-    o[c] = p;
-  return o;
-}, rt = { key: 1 }, ct = {
+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"
-}, ut = ["fill"], ft = {
+}, Ct = ["fill"], yt = {
   key: 0,
   class: "checkbox__teams"
-}, ht = { class: "checkbox__teams__logo" }, vt = ["src"], pt = { class: "checkbox__teams__logo" }, _t = ["src"], gt = {
+}, 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 dt = (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,99 +122,99 @@ const dt = (e, d) => {
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: d }) {
-    const o = e;
-    U((h) => ({
-      "7bd9d47b": e.width,
-      "34dc7ddc": e.height
+  setup(o, { emit: r }) {
+    const s = o;
+    tt((v) => ({
+      "7bd9d47b": o.width,
+      "34dc7ddc": o.height
     }));
-    const c = b(!1), p = R(() => {
-      const h = {
-        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 c.value ? (h["background-color"] = o.boxBackgroundColor, h.border = `solid ${o.boxBorderWidth} ${o.boxBackgroundColor}`) : h.border = `solid ${o.boxBorderWidth} ${o.boxBorderColor}`, h;
-    }), f = R(() => ({
-      "font-family": o.boxValueFontFamily,
-      "font-size": o.boxValueFontSize,
-      color: o.boxValueColor,
+      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": s.boxValueFontFamily,
+      "font-size": s.boxValueFontSize,
+      color: s.boxValueColor,
       "line-height": 1
-    })), y = R(() => {
-      const h = {
-        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
+    })), y = V(() => {
+      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") && (h[`margin-${o.boxPosition}`] = o.isBoxOnly ? "0" : o.teamsIds ? "8px" : "10px"), h;
+      return (s.boxPosition === "left" || s.boxPosition === "right") && (v[`margin-${s.boxPosition}`] = s.isBoxOnly ? "0" : s.teamsIds ? "8px" : "10px"), v;
     });
-    P(
-      () => o.modelValue,
-      (h) => {
-        h !== c.value && (c.value = h);
+    F(
+      () => s.modelValue,
+      (v) => {
+        v !== c.value && (c.value = v);
       },
       { immediate: !0 }
     );
-    function $() {
-      o.avoidInteraction || !c.value && o.avoidToCheck || (c.value = !c.value, d("update:modelValue", c.value));
+    function L() {
+      s.avoidInteraction || !c.value && s.avoidToCheck || (c.value = !c.value, r("update:modelValue", c.value));
     }
-    function B(h) {
-      return `${{}.TEAM_LOGOS_URL || "https://golstatsimages.blob.core.windows.net/teams-80/"}${h}.png`;
+    function $(v) {
+      return `${{}.TEAM_LOGOS_URL || "https://golstatsimages.blob.core.windows.net/teams-80/"}${v}.png`;
     }
-    return (h, I) => (l(), a("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)
       }, [
-        c.value ? (l(), a(V, { key: 0 }, [
-          o.boxValue ? (l(), a("div", {
+        c.value ? (l(), n(I, { key: 0 }, [
+          s.boxValue ? (l(), n("div", {
             key: 0,
             class: "checkbox__box__value",
-            style: L(f.value)
-          }, r(e.boxValue), 5)) : (l(), a("div", rt, [
-            (l(), a("svg", ct, [
+            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, ut)
+                fill: o.boxValueColor
+              }, null, 8, Ct)
             ]))
           ]))
-        ], 64)) : S("", !0)
+        ], 64)) : x("", !0)
       ], 4),
-      e.teamsIds && e.teamsIds.length ? (l(), a("div", ft, [
-        t("div", ht, [
+      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, vt)
+          }, null, 8, kt)
         ]),
-        t("div", pt, [
+        t("div", xt, [
           t("img", {
-            src: B(e.teamsIds[1]),
+            src: $(o.teamsIds[1]),
             alt: ""
-          }, null, 8, _t)
+          }, null, 8, St)
         ])
-      ])) : S("", !0),
+      ])) : x("", !0),
       t("div", {
         class: "checkbox__label",
-        style: L(y.value)
-      }, r(e.label), 5)
+        style: S(y.value)
+      }, f(o.label), 5)
     ], 2));
   }
-}, bt = /* @__PURE__ */ dt(gt, [["__scopeId", "data-v-b6f124d8"]]), mt = (e, d) => {
-  const o = e.__vccOpts || e;
-  for (const [c, p] of d)
-    o[c] = p;
-  return o;
+}, $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 },
@@ -252,8 +252,8 @@ const dt = (e, d) => {
     value: {
       deep: !0,
       immediate: !0,
-      handler(e) {
-        this.status = e;
+      handler(o) {
+        this.status = o;
       }
     }
   },
@@ -285,79 +285,79 @@ const dt = (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));
     }
   }
-}, G = () => {
-  U((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
   }));
-}, q = W.setup;
-W.setup = q ? (e, d) => (G(), q(e, d)) : G;
-const yt = (e) => (z("data-v-f3ee6b2b"), e = e(), E(), e), Ct = ["src"], xt = {
+}, 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"
-}, wt = ["src"], kt = { class: "stats" }, St = /* @__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)), Lt = { class: "numstats" }, $t = { class: "leyend" };
-function Bt(e, d, o, c, p, f) {
-  return l(), a("div", null, [
-    o.type == 0 ? (l(), a("div", {
+}, null, -1)), Ot = { class: "numstats" }, Ft = { class: "leyend" };
+function Pt(o, r, s, c, p, h) {
+  return l(), n("div", null, [
+    s.type == 0 ? (l(), n("div", {
       key: 0,
-      class: _(["button", p.status && o.typeOnOff && "button-active"]),
-      style: L([f.customStyle, p.status && o.typeOnOff && f.customActive]),
-      onClick: d[0] || (d[0] = (...y) => f.btnClick && f.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(), a("img", {
+      s.icon && s.iconPosition.toLowerCase() === "left" ? (l(), n("img", {
         key: 0,
         class: "icon",
-        style: L({ width: o.iconSize }),
-        src: o.icon
-      }, null, 12, Ct)) : S("", !0),
-      o.textValue ? (l(), a("div", xt, r(o.textValue), 1)) : S("", !0),
-      o.icon && o.iconPosition.toLowerCase() === "right" ? (l(), a("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, wt)) : S("", !0)
-    ], 6)) : S("", !0),
-    o.type == 1 ? (l(), a("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) => f.btnClick && f.btnClick(...y))
+      onClick: r[1] || (r[1] = (...y) => h.btnClick && h.btnClick(...y))
     }, [
-      t("div", kt, [
-        St,
-        t("div", Lt, r(o.textStat), 1)
+      t("div", Tt, [
+        Et,
+        t("div", Ot, f(s.textStat), 1)
       ]),
-      t("div", $t, r(o.textCategory), 1)
-    ])) : S("", !0)
+      t("div", Ft, f(s.textCategory), 1)
+    ])) : x("", !0)
   ]);
 }
-const It = /* @__PURE__ */ mt(W, [["render", Bt], ["__scopeId", "data-v-f3ee6b2b"]]), K = (e, d) => {
-  const o = e.__vccOpts || e;
-  for (const [c, p] of d)
-    o[c] = p;
-  return o;
-}, Rt = (e) => (z("data-v-d03b93c8"), e = e(), E(), e), Vt = {
+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"
-}, Ot = /* @__PURE__ */ Rt(() => /* @__PURE__ */ t("div", { class: "column-title-2" }, null, -1)), Mt = ["onClick"], Tt = {
+}, Wt = /* @__PURE__ */ Dt(() => /* @__PURE__ */ t("div", { class: "column-title-2" }, null, -1)), Zt = ["onClick"], jt = {
   __name: "ScrollColumns",
   props: {
     availablePlayers: {
@@ -370,70 +370,70 @@ const It = /* @__PURE__ */ mt(W, [["render", Bt], ["__scopeId", "data-v-f3ee6b2b
     }
   },
   emits: ["expand", "open-media"],
-  setup(e, { expose: d, emit: o }) {
-    const c = e, p = b(null), f = b(null), y = b(0);
-    b(!1);
-    const $ = R(() => {
-      const g = c.availablePlayers[0];
-      return g ? g.stats : [];
-    }), B = R(() => {
-      const g = `repeat(${$.value.length}, max-content) 36px`;
-      let v = "";
-      return y.value > 0 && document.querySelectorAll(".column-title-2").forEach((x) => {
-        v += `${x.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": g,
-        "--grid-template-columns-totals": v || g
+        "--grid-template-columns": a,
+        "--grid-template-columns-totals": g || a
       };
     });
-    function h() {
-      p.value = new ResizeObserver((g) => {
-        for (const v of g) {
-          const { width: m } = v.contentRect;
-          y.value = m;
+    function v() {
+      p.value = new ResizeObserver((a) => {
+        for (const g of a) {
+          const { width: b } = g.contentRect;
+          y.value = b;
         }
-      }), p.value.observe(f.value);
+      }), p.value.observe(h.value);
     }
-    function I(g, v) {
-      const x = document.querySelectorAll(".scrollable-row-totals")[g + 1];
-      x && (x.style.marginTop = `${v}px`);
+    function M(a, g) {
+      const B = document.querySelectorAll(".scrollable-row-totals")[a + 1];
+      B && (B.style.marginTop = `${g}px`);
     }
-    function O({ player: g, stat: v }) {
-      !v.total || v === "0%" || !v.seasons || !v.seasons.length || o("open-media", { ...g, stat: v });
+    function R({ player: a, stat: g }) {
+      !g.total || g === "0%" || !g.seasons || !g.seasons.length || s("open-media", { ...a, stat: g });
     }
-    return J(() => {
-      h();
-    }), d({
-      setMarginTopDetails: I
-    }), (g, v) => (l(), a("div", {
+    return et(() => {
+      v();
+    }), r({
+      setMarginTopDetails: M
+    }), (a, g) => (l(), n("div", {
       class: "scroll-columns",
-      style: L(B.value)
+      style: S($.value)
     }, [
-      e.isEditMode ? (l(), a("div", Vt)) : S("", !0),
+      o.isEditMode ? (l(), n("div", At)) : x("", !0),
       t("div", {
         ref_key: "titlesRow",
-        ref: f,
+        ref: h,
         class: "scrollable-row-2"
       }, [
-        (l(!0), a(V, null, T($.value, (m) => (l(), a("div", {
-          key: `t-${m.category_id}`,
+        (l(!0), n(I, null, E(L.value, (b) => (l(), n("div", {
+          key: `t-${b.category_id}`,
           class: "column-title-2"
-        }, r(m.name), 1))), 128)),
-        Ot
+        }, f(b.name), 1))), 128)),
+        Wt
       ], 512),
-      (l(!0), a(V, null, T(e.availablePlayers, (m, x) => (l(), a("div", {
-        key: `i-${m.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), a(V, null, T(m.stats, (w) => (l(), a("div", {
+        (l(!0), n(I, null, E(b.stats, (w) => (l(), n("div", {
           key: w.category_id,
-          class: _(["row data-info", { odd: x % 2 !== 0, underline: !!w.total && w.total !== "0%" && w.seasons && w.seasons.length }]),
-          onClick: (D) => O({ player: m, stat: w })
-        }, r(w.total), 11, Mt))), 128))
+          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__ */ K(Tt, [["__scopeId", "data-v-d03b93c8"]]), C = (e) => (z("data-v-15b6d3a3"), e = e(), E(), e), Ft = { class: "table__static-column" }, zt = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", { class: "static-title column-title" }, null, -1)), Et = { class: "container" }, Wt = { class: "details-row__info" }, Dt = { class: "details-row__info__personal" }, At = { class: "bold" }, Zt = { class: "bold" }, Nt = { class: "bold" }, Ht = { class: "bold" }, jt = { class: "details-row__info__games" }, Gt = { class: "bold" }, qt = { class: "bold" }, Ut = ["onClick"], Jt = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", null, "Ver gráfica", -1)), Kt = /* @__PURE__ */ C(() => /* @__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 It = /* @__PURE__ */ mt(W, [["render", Bt], ["__scopeId", "data-v-f3ee6b2b
       })
     ])
   ])
-], -1)), Qt = [
-  Jt,
-  Kt
-], Xt = ["onClick"], Yt = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", null, "Eliminar de lista", -1)), te = /* @__PURE__ */ C(() => /* @__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,44 +490,103 @@ const It = /* @__PURE__ */ mt(W, [["render", Bt], ["__scopeId", "data-v-f3ee6b2b
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   })
-], -1)), ee = [
-  Yt,
-  te
-], oe = ["onClick"], se = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", null, "Ver perfil", -1)), ie = [
-  se
-], le = { class: "static-row__info-player" }, ae = { class: "position" }, ne = ["onClick"], de = /* @__PURE__ */ C(() => /* @__PURE__ */ t("path", {
+], -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",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__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"
+  }),
+  /* @__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"
+  }),
+  /* @__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"
+  })
+], -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)), 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)), 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)), 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)), re = /* @__PURE__ */ C(() => /* @__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__ */ C(() => /* @__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)), ue = [
-  de,
-  re,
-  ce
-], fe = { class: "player-photo" }, he = ["src"], ve = { class: "player-name" }, pe = { class: "arrow" }, _e = ["onClick"], ge = /* @__PURE__ */ C(() => /* @__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 = [
-  ge
-], me = { class: "table__scrollable-columns" }, ye = /* @__PURE__ */ nt('<div class="titles scrollable-row" data-v-15b6d3a3><div class="column-title" data-v-15b6d3a3>Equipo</div><div class="column-title" data-v-15b6d3a3>Posición</div><div class="column-title" data-v-15b6d3a3>Edad</div><div class="column-title" data-v-15b6d3a3>País</div><div class="column-title" data-v-15b6d3a3>Partidos Jugados</div><div class="column-title" data-v-15b6d3a3>Minutos Jugados</div><div class="column-title" data-v-15b6d3a3>Liga</div><div class="column-title" data-v-15b6d3a3>Videos</div><div class="column-title" data-v-15b6d3a3></div></div>', 1), Ce = { class: "team-logo" }, xe = ["src"], we = { class: "team-name data-info" }, ke = ["src"], Se = {
+}, 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: {
@@ -541,6 +600,10 @@ const It = /* @__PURE__ */ mt(W, [["render", Bt], ["__scopeId", "data-v-f3ee6b2b
     isEditMode: {
       type: Boolean,
       default: !1
+    },
+    isTableFromList: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
@@ -550,23 +613,23 @@ const It = /* @__PURE__ */ mt(W, [["render", Bt], ["__scopeId", "data-v-f3ee6b2b
     "view-graph",
     "open-media"
   ],
-  setup(e, { emit: d }) {
-    const o = e;
+  setup(o, { emit: r }) {
+    const s = o;
     let c = null, p = null;
-    const f = b([]), y = b(null), $ = b(null), B = b(0), h = b(0), I = b(-1);
-    b(!1);
-    const O = b(null), g = R(() => ({
-      "--width-details": `${B.value}px`,
-      "--gap-static-row": `${v.value ? "8px" : "18px"}`,
-      "--width-static-column": `${v.value ? "50%" : "256px"}`
-    })), v = R(() => B.value < 600);
-    P(
-      () => o.players,
-      (s) => {
-        s && s.length && (f.value = s.map((n, i) => {
+    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(
+      () => s.players,
+      (e) => {
+        e && e.length && (h.value = e.map((d, i) => {
           const u = i + 1;
           return {
-            ...n,
+            ...d,
             position: u < 10 ? `0${u}` : `${u}`,
             isSelected: !1,
             isExpanded: !1,
@@ -576,26 +639,26 @@ const It = /* @__PURE__ */ mt(W, [["render", Bt], ["__scopeId", "data-v-f3ee6b2b
         }));
       },
       { immediate: !0 }
-    ), P(
-      () => o.isEditMode,
-      (s) => {
-        s && f.value.forEach((n) => {
-          n.isSelected = !1;
+    ), F(
+      () => s.isEditMode,
+      (e) => {
+        e && h.value.forEach((d) => {
+          d.isSelected = !1;
         });
       }
-    ), P(
-      h,
-      (s) => {
-        const i = document.querySelectorAll(".static-row")[I.value + 1];
-        i && (i.style.marginTop = `${s}px`), o.isGeneral ? m(I.value, s) : $.value && $.value.setMarginTopDetails(I.value, s), s === 0 && O.value && Z(O.value);
+    ), F(
+      v,
+      (e) => {
+        const i = document.querySelectorAll(".static-row")[M.value + 1];
+        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 m(s, n) {
-      const u = document.querySelectorAll(".scrollable-row")[s + 2];
-      u && (u.style.marginTop = `${n}px`);
+    function B(e, d) {
+      const u = document.querySelectorAll(".scrollable-row")[e + 2];
+      u && (u.style.marginTop = `${d}px`);
     }
-    function x(s) {
-      const n = s.player || s.objeto_player, i = n ? n.player_id || n.id || n.playerId : s.id || s.player_id, u = n ? n.team_id || n.teamId : s.team_id || s.teamId, k = {
+    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,
@@ -615,28 +678,28 @@ const It = /* @__PURE__ */ mt(W, [["render", Bt], ["__scopeId", "data-v-f3ee6b2b
           playListTitle: "Jugadas Relevantes"
         }
       };
-      if (s.stat && s.stat.seasons && s.stat.seasons.length || s.seasons && s.seasons.length) {
-        const F = [
-          ...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
         ];
-        F.sort((et, ot) => et - ot), k.seasonId = F.shift(), k.seasonsIds = F;
-      } else (s.season_id || s.seasonId) && (k.seasonId = s.season_id || s.seasonId);
-      s.stat ? s.stat.category_id ? k.categoryIds = s.stat.category_id : s.stat.custom_category_id && (k.customCategoryIds = [s.stat.custom_category_id]) : k.categoryIds = Q(s.player_position), d("open-media", k);
+        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 w() {
-      c = new ResizeObserver((s) => {
-        for (const n of s)
-          B.value = n.contentRect.width;
+    function Z() {
+      c = new ResizeObserver((e) => {
+        for (const d of e)
+          $.value = d.contentRect.width;
       }), c.observe(y.value);
     }
-    function D(s) {
-      p = new ResizeObserver((n) => {
-        for (const i of n)
-          h.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 Q(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,
@@ -682,174 +745,211 @@ const It = /* @__PURE__ */ mt(W, [["render", Bt], ["__scopeId", "data-v-f3ee6b2b
         488
       ];
     }
-    function X(s, n) {
-      n.isSelected = s;
-      const i = f.value.filter((u) => u.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 nt(e) {
+      r("view-profile", e);
     }
-    function Y(s) {
-      d("view-profile", s);
+    function j(e) {
+      r("delete-from-list", e);
     }
-    function A(s) {
-      d("delete-from-list", s);
+    function H(e) {
+      r("add-to-list", e);
     }
-    function tt(s) {
-      d("show-graph", s);
+    function at(e) {
+      r("show-graph", e);
     }
-    function Z(s) {
-      if (s.isExpanded) {
-        s.isExpanded = !1, O.value = null;
+    function N(e) {
+      if (e.isExpanded) {
+        e.isExpanded = !1, R.value = null;
         return;
       }
-      const n = f.value.find((k) => k.isExpanded);
-      if (n && (n.isExpanded = !1), n) {
-        O.value = s;
+      const d = h.value.find((k) => k.isExpanded);
+      if (d && (d.isExpanded = !1), d) {
+        R.value = e;
         return;
       }
-      const u = document.querySelectorAll(".details-row")[s.index];
-      I.value = s.index, D(u), s.isExpanded = !0;
+      const u = document.querySelectorAll(".details-row")[e.index];
+      M.value = e.index, st(u), e.isExpanded = !0;
     }
-    return J(() => {
-      w();
-    }), (s, n) => (l(), a("div", {
+    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 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(g.value)
+      style: S(g.value)
     }, [
-      t("div", Ft, [
-        zt,
-        (l(!0), a(V, null, T(f.value, (i) => (l(), a("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 }])
         }, [
-          N(st, null, {
-            default: it(() => [
-              lt(t("div", {
+          J(ft, null, {
+            default: ht(() => [
+              vt(t("div", {
                 class: _(["details-row", { odd: i.isOdd }])
               }, [
-                t("div", Et, [
-                  t("div", Wt, [
-                    t("div", Dt, [
+                t("div", Ut, [
+                  t("div", qt, [
+                    t("div", Jt, [
                       t("div", null, [
-                        M("Equipo: "),
-                        t("span", At, r(i.team_name), 1)
+                        T("Equipo: "),
+                        t("span", Xt, f(i.team_name), 1)
                       ]),
                       t("div", null, [
-                        M("Edad: "),
-                        t("span", Zt, r(i.player_age) + " Años", 1)
+                        T("Edad: "),
+                        t("span", Kt, f(i.player_age) + " Años", 1)
                       ]),
                       t("div", null, [
-                        M("Nacionalidad: "),
-                        t("span", Nt, r(i.player_country), 1)
+                        T("Nacionalidad: "),
+                        t("span", Qt, f(i.player_country), 1)
                       ]),
                       t("div", null, [
-                        M("Posición: "),
-                        t("span", Ht, r(i.position_name), 1)
+                        T("Posición: "),
+                        t("span", Yt, f(i.position_name), 1)
                       ])
                     ]),
-                    t("div", jt, [
+                    t("div", te, [
                       t("div", null, [
-                        M("Partidos Jugados: "),
-                        t("span", Gt, r(i.player_games), 1)
+                        T("Partidos Jugados: "),
+                        t("span", ee, f(i.player_games), 1)
                       ]),
                       t("div", null, [
-                        M("Minutos Jugados: "),
-                        t("span", qt, r(i.player_min), 1)
+                        T("Minutos Jugados: "),
+                        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: (u) => tt(i)
-                    }, Qt, 8, Ut),
-                    t("div", {
+                      onClick: (u) => at(i)
+                    }, ne, 8, se),
+                    o.isTableFromList ? (l(), n("div", {
+                      key: 0,
+                      role: "button",
+                      class: "button",
+                      onClick: (u) => j(i)
+                    }, ce, 8, ae)) : (l(), n("div", {
+                      key: 1,
                       role: "button",
                       class: "button",
-                      onClick: (u) => A(i)
-                    }, ee, 8, Xt),
+                      onClick: (u) => H(i)
+                    }, ve, 8, ue)),
                     t("div", {
                       role: "button",
                       class: "button green",
-                      onClick: (u) => Y(i)
-                    }, ie, 8, oe)
+                      onClick: (u) => nt(i)
+                    }, _e, 8, pe)
                   ], 4)
                 ])
               ], 2), [
-                [at, i.isExpanded]
+                [pt, i.isExpanded]
               ])
             ]),
             _: 2
           }, 1024),
-          e.isEditMode ? (l(), H(j(bt), {
+          o.isEditMode ? (l(), X(K($t), {
             key: 0,
             fontFamily: "Poppins-Regular",
             labelFontSize: "14px",
             "model-value": i.isSelected,
-            "onUpdate:modelValue": (u) => X(u, i)
-          }, null, 8, ["model-value", "onUpdate:modelValue"])) : S("", !0),
-          t("div", le, [
-            t("div", ae, r(i.position), 1),
-            (l(), a("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: (u) => A(i)
-            }, ue, 8, ne)),
-            t("div", fe, [
+              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: (u) => H(i)
+            }, Me, 8, Se)),
+            t("div", Ve, [
               t("div", null, [
                 t("img", {
                   src: i.player_photo,
                   alt: "player photo"
-                }, null, 8, he)
+                }, null, 8, Ie)
               ])
             ]),
-            t("div", ve, r(i.player_name), 1)
+            t("div", Re, f(i.player_name), 1)
           ]),
-          t("div", pe, [
-            (l(), a("svg", {
+          t("div", Te, [
+            (l(), n("svg", {
               class: _(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5", { expanded: i.isExpanded }]),
               width: "12",
               height: "8",
               viewBox: "0 0 12 8",
               fill: "#D9D9D9",
               xmlns: "http://www.w3.org/2000/svg",
-              onClick: (u) => Z(i)
-            }, be, 10, _e))
+              onClick: (u) => N(i)
+            }, Fe, 10, Ee))
           ])
         ], 2))), 128))
       ]),
-      t("div", me, [
-        e.isGeneral ? (l(), a(V, { key: 0 }, [
-          ye,
-          (l(!0), a(V, null, T(f.value, (i) => (l(), a("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", Ce, [
+              t("div", ze, [
                 t("img", {
                   src: i.team_logo,
                   alt: "team logo"
-                }, null, 8, xe)
+                }, null, 8, De)
               ]),
-              t("div", we, r(i.team_abrev), 1)
+              t("div", Ae, f(i.team_abrev), 1)
             ], 2),
             t("div", {
               class: _(["row data-info", { odd: i.isOdd }])
-            }, r(i.player_position), 3),
+            }, f(i.player_position), 3),
             t("div", {
               class: _(["row data-info", { odd: i.isOdd }])
-            }, r(i.player_age), 3),
+            }, f(i.player_age), 3),
             t("div", {
               class: _(["row data-info", { odd: i.isOdd }])
             }, [
@@ -857,21 +957,21 @@ const It = /* @__PURE__ */ mt(W, [["render", Bt], ["__scopeId", "data-v-f3ee6b2b
                 src: i.player_country_flag,
                 alt: "player country flag",
                 class: "country-flag"
-              }, null, 8, ke)
+              }, null, 8, We)
             ], 2),
             t("div", {
               class: _(["row data-info", { odd: i.isOdd }])
-            }, r(i.player_games), 3),
+            }, f(i.player_games), 3),
             t("div", {
               class: _(["row data-info", { odd: i.isOdd }])
-            }, r(i.player_min), 3),
+            }, f(i.player_min), 3),
             t("div", {
               class: _(["row data-info", { odd: i.isOdd }])
-            }, r(i.league_name), 3),
+            }, f(i.league_name), 3),
             t("div", {
               class: _(["row data-info", { odd: i.isOdd }])
             }, [
-              N(j(It), {
+              J(K(zt), {
                 icon: "https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png",
                 "icon-size": "19px",
                 "icon-position": "left",
@@ -884,25 +984,25 @@ const It = /* @__PURE__ */ mt(W, [["render", Bt], ["__scopeId", "data-v-f3ee6b2b
                 "border-color": "#55636e",
                 "text-value": "Ver videos",
                 "font-size": "10px",
-                onClick: (u) => x(i)
+                onClick: (u) => w(i)
               }, null, 8, ["onClick"])
             ], 2),
             t("div", {
               class: _(["row data-info", { odd: i.isOdd }])
             }, null, 2)
           ]))), 128))
-        ], 64)) : (l(), H(Pt, {
+        ], 64)) : (l(), X(Ht, {
           key: 1,
           ref_key: "scrollColumns",
-          ref: $,
-          "available-players": f.value,
-          "is-edit-mode": e.isEditMode,
-          onOpenMedia: x
+          ref: L,
+          "available-players": h.value,
+          "is-edit-mode": o.isEditMode,
+          onOpenMedia: w
         }, null, 8, ["available-players", "is-edit-mode"]))
-      ])
+      ], 512)
     ], 4));
   }
-}, $e = /* @__PURE__ */ K(Se, [["__scopeId", "data-v-15b6d3a3"]]);
+}, He = /* @__PURE__ */ ot(Ze, [["__scopeId", "data-v-ef3c543d"]]);
 export {
-  $e as GSCTableScrollable
+  He as GSCTableScrollable
 };