@golstats/gsc-table-scrollable 1.0.17 → 1.0.18

package/dist/gsc-table-scrollable.js

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