@golstats/gsc-table-scrollable 0.0.1 → 1.0.0

package/dist/gsc-table-scrollable.js

@@ -1,19 +1,19 @@
-import { useCssVars as q, ref as _, computed as P, watch as T, createElementBlock as s, openBlock as i, normalizeClass as h, createElementVNode as l, createCommentVNode as S, normalizeStyle as C, Fragment as B, toDisplayString as n, pushScopeId as I, popScopeId as L, onMounted as G, renderList as V, createVNode as R, createBlock as M, Transition as j, withCtx as K, withDirectives as Q, createTextVNode as z, unref as F, vShow as X, createStaticVNode as Y } from "vue";
-const tt = (t, u) => {
-  const e = t.__vccOpts || t;
-  for (const [d, f] of u)
-    e[d] = f;
-  return e;
-}, et = { key: 1 }, ot = {
+import { useCssVars as J, ref as m, computed as V, watch as P, createElementBlock as a, openBlock as l, normalizeClass as h, createElementVNode as t, createCommentVNode as k, normalizeStyle as L, Fragment as R, toDisplayString as r, pushScopeId as z, popScopeId as D, onMounted as K, renderList as I, createVNode as H, createBlock as j, Transition as et, withCtx as ot, withDirectives as st, createTextVNode as M, vShow as it, unref as G, createStaticVNode as lt } from "vue";
+const at = (e, d) => {
+  const o = e.__vccOpts || e;
+  for (const [c, p] of d)
+    o[c] = p;
+  return o;
+}, nt = { key: 1 }, dt = {
   width: "10",
   height: "8",
   viewBox: "0 0 10 8",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, lt = ["fill"], it = {
+}, rt = ["fill"], ct = {
   key: 0,
   class: "checkbox__teams"
-}, st = { class: "checkbox__teams__logo" }, at = ["src"], nt = { class: "checkbox__teams__logo" }, dt = ["src"], rt = {
+}, ut = { class: "checkbox__teams__logo" }, ft = ["src"], vt = { class: "checkbox__teams__logo" }, ht = ["src"], pt = {
   __name: "GSC-Checkbox",
   props: {
     width: {
@@ -72,8 +72,8 @@ const tt = (t, u) => {
       type: String,
       default: "left",
       // values can be 'left', 'right', 'top', 'bottom'
-      validator(t) {
-        return ["left", "right", "top", "bottom"].includes(t);
+      validator(e) {
+        return ["left", "right", "top", "bottom"].includes(e);
       }
     },
     boxMarginTop: {
@@ -122,99 +122,99 @@ const tt = (t, u) => {
     }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: u }) {
-    const e = t;
-    q((c) => ({
-      "7bd9d47b": t.width,
-      "34dc7ddc": t.height
+  setup(e, { emit: d }) {
+    const o = e;
+    J((f) => ({
+      "7bd9d47b": e.width,
+      "34dc7ddc": e.height
     }));
-    const d = _(!1), f = P(() => {
-      const c = {
-        color: e.boxValueColor,
-        "font-family": e.fontFamily,
-        height: e.boxWidthAndHeight,
-        width: e.boxWidthAndHeight,
-        minWidth: e.boxWidthAndHeight,
-        "border-radius": e.boxBorderRadius,
-        "margin-top": e.boxMarginTop
+    const c = 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 d.value ? (c["background-color"] = e.boxBackgroundColor, c.border = `solid ${e.boxBorderWidth} ${e.boxBackgroundColor}`) : c.border = `solid ${e.boxBorderWidth} ${e.boxBorderColor}`, c;
-    }), r = P(() => ({
-      "font-family": e.boxValueFontFamily,
-      "font-size": e.boxValueFontSize,
-      color: e.boxValueColor,
+      return c.value ? (f["background-color"] = o.boxBackgroundColor, f.border = `solid ${o.boxBorderWidth} ${o.boxBackgroundColor}`) : f.border = `solid ${o.boxBorderWidth} ${o.boxBorderColor}`, f;
+    }), u = V(() => ({
+      "font-family": o.boxValueFontFamily,
+      "font-size": o.boxValueFontSize,
+      color: o.boxValueColor,
       "line-height": 1
-    })), m = P(() => {
-      const c = {
-        color: e.labelColor,
-        "font-family": e.fontFamily,
-        "font-size": e.labelFontSize,
-        "white-space": e.labelWhiteSpace,
-        "text-align": e.boxPosition === "top" || e.boxPosition === "bottom" ? "center" : e.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 (e.boxPosition === "left" || e.boxPosition === "right") && (c[`margin-${e.boxPosition}`] = e.isBoxOnly ? "0" : e.teamsIds ? "8px" : "10px"), c;
+      return (o.boxPosition === "left" || o.boxPosition === "right") && (f[`margin-${o.boxPosition}`] = o.isBoxOnly ? "0" : o.teamsIds ? "8px" : "10px"), f;
     });
-    T(
-      () => e.modelValue,
-      (c) => {
-        c !== d.value && (d.value = c);
+    P(
+      () => o.modelValue,
+      (f) => {
+        f !== c.value && (c.value = f);
       },
       { immediate: !0 }
     );
-    function w() {
-      e.avoidInteraction || !d.value && e.avoidToCheck || (d.value = !d.value, u("update:modelValue", d.value));
+    function S() {
+      o.avoidInteraction || !c.value && o.avoidToCheck || (c.value = !c.value, d("update:modelValue", c.value));
     }
-    function k(c) {
-      return `${{}.TEAM_LOGOS_URL || "https://golstatsimages.blob.core.windows.net/teams-80/"}${c}.png`;
+    function w(f) {
+      return `${{}.TEAM_LOGOS_URL || "https://golstatsimages.blob.core.windows.net/teams-80/"}${f}.png`;
     }
-    return (c, O) => (i(), s("div", {
-      class: h(["checkbox", `box-${t.boxPosition}`]),
-      onClick: w
+    return (f, $) => (l(), a("div", {
+      class: h(["checkbox", `box-${e.boxPosition}`]),
+      onClick: S
     }, [
-      l("div", {
+      t("div", {
         class: "checkbox__box",
-        style: C(f.value)
+        style: L(p.value)
       }, [
-        d.value ? (i(), s(B, { key: 0 }, [
-          e.boxValue ? (i(), s("div", {
+        c.value ? (l(), a(R, { key: 0 }, [
+          o.boxValue ? (l(), a("div", {
             key: 0,
             class: "checkbox__box__value",
-            style: C(r.value)
-          }, n(t.boxValue), 5)) : (i(), s("div", et, [
-            (i(), s("svg", ot, [
-              l("path", {
+            style: L(u.value)
+          }, r(e.boxValue), 5)) : (l(), a("div", nt, [
+            (l(), a("svg", dt, [
+              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: t.boxValueColor
-              }, null, 8, lt)
+                fill: e.boxValueColor
+              }, null, 8, rt)
             ]))
           ]))
-        ], 64)) : S("", !0)
+        ], 64)) : k("", !0)
       ], 4),
-      t.teamsIds && t.teamsIds.length ? (i(), s("div", it, [
-        l("div", st, [
-          l("img", {
-            src: k(t.teamsIds[0]),
+      e.teamsIds && e.teamsIds.length ? (l(), a("div", ct, [
+        t("div", ut, [
+          t("img", {
+            src: w(e.teamsIds[0]),
             alt: ""
-          }, null, 8, at)
+          }, null, 8, ft)
         ]),
-        l("div", nt, [
-          l("img", {
-            src: k(t.teamsIds[1]),
+        t("div", vt, [
+          t("img", {
+            src: w(e.teamsIds[1]),
             alt: ""
-          }, null, 8, dt)
+          }, null, 8, ht)
         ])
-      ])) : S("", !0),
-      l("div", {
+      ])) : k("", !0),
+      t("div", {
         class: "checkbox__label",
-        style: C(m.value)
-      }, n(t.label), 5)
+        style: L(y.value)
+      }, r(e.label), 5)
     ], 2));
   }
-}, ct = /* @__PURE__ */ tt(rt, [["__scopeId", "data-v-b6f124d8"]]), ut = (t, u) => {
-  const e = t.__vccOpts || t;
-  for (const [d, f] of u)
-    e[d] = f;
-  return e;
+}, _t = /* @__PURE__ */ at(pt, [["__scopeId", "data-v-b6f124d8"]]), bt = (e, d) => {
+  const o = e.__vccOpts || e;
+  for (const [c, p] of d)
+    o[c] = p;
+  return o;
 }, W = {
   props: {
     type: { type: Number, default: 0 },
@@ -252,8 +252,8 @@ const tt = (t, u) => {
     value: {
       deep: !0,
       immediate: !0,
-      handler(t) {
-        this.status = t;
+      handler(e) {
+        this.status = e;
       }
     }
   },
@@ -285,86 +285,86 @@ const tt = (t, u) => {
     }
   },
   methods: {
-    btnClick(t) {
-      this.$emit("click", t), 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));
     }
   }
-}, N = () => {
-  q((t) => ({
-    "9d01acb4": t.height,
-    "14e95081": t.borderWidthBtn,
-    "38fec285": t.borderType,
-    34353510: t.borderColor,
-    "20d20dc6": t.borderRadius,
-    17130967: t.width,
-    "4ccb7d36": t.backgroundColor,
-    "5d1e86a2": t.cursorType,
-    ce65d4a2: t.fontSize,
-    fe4ac47a: t.fontStyle,
-    f98e44dc: t.fontFamily,
-    "93b87770": t.marginLeftStat,
-    c7f7beba: t.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
   }));
 }, U = W.setup;
-W.setup = U ? (t, u) => (N(), U(t, u)) : N;
-const ft = (t) => (I("data-v-f3ee6b2b"), t = t(), L(), t), pt = ["src"], vt = {
+W.setup = U ? (e, d) => (q(), U(e, d)) : q;
+const gt = (e) => (z("data-v-f3ee6b2b"), e = e(), D(), e), mt = ["src"], yt = {
   key: 1,
   class: "text"
-}, ht = ["src"], bt = { class: "stats" }, gt = /* @__PURE__ */ ft(() => /* @__PURE__ */ l("img", {
+}, Ct = ["src"], wt = { class: "stats" }, xt = /* @__PURE__ */ gt(() => /* @__PURE__ */ t("img", {
   class: "iconstats",
   src: "https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"
-}, null, -1)), mt = { class: "numstats" }, _t = { class: "leyend" };
-function yt(t, u, e, d, f, r) {
-  return i(), s("div", null, [
-    e.type == 0 ? (i(), s("div", {
+}, null, -1)), kt = { class: "numstats" }, St = { class: "leyend" };
+function Lt(e, d, o, c, p, u) {
+  return l(), a("div", null, [
+    o.type == 0 ? (l(), a("div", {
       key: 0,
-      class: h(["button", f.status && e.typeOnOff && "button-active"]),
-      style: C([r.customStyle, f.status && e.typeOnOff && r.customActive]),
-      onClick: u[0] || (u[0] = (...m) => r.btnClick && r.btnClick(...m))
+      class: h(["button", p.status && o.typeOnOff && "button-active"]),
+      style: L([u.customStyle, p.status && o.typeOnOff && u.customActive]),
+      onClick: d[0] || (d[0] = (...y) => u.btnClick && u.btnClick(...y))
     }, [
-      e.icon && e.iconPosition.toLowerCase() === "left" ? (i(), s("img", {
+      o.icon && o.iconPosition.toLowerCase() === "left" ? (l(), a("img", {
         key: 0,
         class: "icon",
-        style: C({ width: e.iconSize }),
-        src: e.icon
-      }, null, 12, pt)) : S("", !0),
-      e.textValue ? (i(), s("div", vt, n(e.textValue), 1)) : S("", !0),
-      e.icon && e.iconPosition.toLowerCase() === "right" ? (i(), s("img", {
+        style: L({ width: o.iconSize }),
+        src: o.icon
+      }, null, 12, mt)) : k("", !0),
+      o.textValue ? (l(), a("div", yt, r(o.textValue), 1)) : k("", !0),
+      o.icon && o.iconPosition.toLowerCase() === "right" ? (l(), a("img", {
         key: 2,
         class: "icon",
-        style: C({ width: e.iconSize }),
-        src: e.icon
-      }, null, 12, ht)) : S("", !0)
-    ], 6)) : S("", !0),
-    e.type == 1 ? (i(), s("div", {
+        style: L({ width: o.iconSize }),
+        src: o.icon
+      }, null, 12, Ct)) : k("", !0)
+    ], 6)) : k("", !0),
+    o.type == 1 ? (l(), a("div", {
       key: 1,
       class: "button-target",
-      onClick: u[1] || (u[1] = (...m) => r.btnClick && r.btnClick(...m))
+      onClick: d[1] || (d[1] = (...y) => u.btnClick && u.btnClick(...y))
     }, [
-      l("div", bt, [
-        gt,
-        l("div", mt, n(e.textStat), 1)
+      t("div", wt, [
+        xt,
+        t("div", kt, r(o.textStat), 1)
       ]),
-      l("div", _t, n(e.textCategory), 1)
-    ])) : S("", !0)
+      t("div", St, r(o.textCategory), 1)
+    ])) : k("", !0)
   ]);
 }
-const E = /* @__PURE__ */ ut(W, [["render", yt], ["__scopeId", "data-v-f3ee6b2b"]]), H = (t, u) => {
-  const e = t.__vccOpts || t;
-  for (const [d, f] of u)
-    e[d] = f;
-  return e;
-}, J = (t) => (I("data-v-c362d03a"), t = t(), L(), t), xt = {
+const $t = /* @__PURE__ */ bt(W, [["render", Lt], ["__scopeId", "data-v-f3ee6b2b"]]), Q = (e, d) => {
+  const o = e.__vccOpts || e;
+  for (const [c, p] of d)
+    o[c] = p;
+  return o;
+}, X = (e) => (z("data-v-95767312"), e = e(), D(), e), Bt = {
   key: 0,
   class: "overlay"
-}, St = /* @__PURE__ */ J(() => /* @__PURE__ */ l("div", { class: "column-title-2" }, null, -1)), wt = ["onClick"], Ct = /* @__PURE__ */ J(() => /* @__PURE__ */ l("path", {
+}, Vt = /* @__PURE__ */ X(() => /* @__PURE__ */ t("div", { class: "column-title-2" }, null, -1)), Rt = ["onClick"], Mt = ["onClick"], Ot = /* @__PURE__ */ X(() => /* @__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)), kt = [
-  Ct
-], $t = {
+}, null, -1)), It = [
+  Ot
+], Tt = {
   __name: "ScrollColumns",
   props: {
     availablePlayers: {
@@ -376,88 +376,179 @@ const E = /* @__PURE__ */ ut(W, [["render", yt], ["__scopeId", "data-v-f3ee6b2b"
       default: !1
     }
   },
-  emits: ["expand"],
-  setup(t, { expose: u, emit: e }) {
-    const d = t, f = _(null), r = _(null), m = _(0), w = P(() => {
-      const v = d.availablePlayers[0];
-      return v ? v.stats : [];
-    }), k = P(() => {
-      const v = `repeat(${w.value.length}, max-content) 36px`;
-      let y = "";
-      return m.value > 0 && document.querySelectorAll(".column-title-2").forEach((x) => {
-        y += `${x.offsetWidth}px `;
+  emits: ["expand", "open-media"],
+  setup(e, { expose: d, emit: o }) {
+    const c = e, p = m(null), u = m(null), y = m(0), S = m(!1), w = V(() => {
+      const _ = c.availablePlayers[0];
+      return _ ? _.stats : [];
+    }), f = V(() => {
+      const _ = `repeat(${w.value.length}, max-content) 36px`;
+      let g = "";
+      return y.value > 0 && document.querySelectorAll(".column-title-2").forEach((x) => {
+        g += `${x.offsetWidth}px `;
       }), {
-        "--grid-template-columns": v,
-        "--grid-template-columns-totals": y || v
+        "--grid-template-columns": _,
+        "--grid-template-columns-totals": g || _
       };
     });
-    function c() {
-      f.value = new ResizeObserver((v) => {
-        for (const y of v) {
-          const { width: g } = y.contentRect;
-          m.value = g;
+    function $() {
+      p.value = new ResizeObserver((_) => {
+        for (const g of _) {
+          const { width: b } = g.contentRect;
+          y.value = b;
         }
-      }), f.value.observe(r.value);
+      }), p.value.observe(u.value);
     }
-    function O(v) {
-      console.log("onClickExpand", v), e("expand", v);
+    function O(_) {
+      S.value = !S.value, o("expand", _);
     }
-    function D(v, y) {
-      const x = document.querySelectorAll(".scrollable-row-totals")[v + 1];
-      x && (x.style.marginTop = `${y}px`);
+    function F(_, g) {
+      const x = document.querySelectorAll(".scrollable-row-totals")[_ + 1];
+      x && (x.style.marginTop = `${g}px`);
     }
-    return G(() => {
-      c();
-    }), u({
-      setMarginTopDetails: D
-    }), (v, y) => (i(), s("div", {
+    function T({ player: _, stat: g }) {
+      o("open-media", { ..._, stat: g });
+    }
+    return K(() => {
+      $();
+    }), d({
+      setMarginTopDetails: F
+    }), (_, g) => (l(), a("div", {
       class: "scroll-columns",
-      style: C(k.value)
+      style: L(f.value)
     }, [
-      t.isEditMode ? (i(), s("div", xt)) : S("", !0),
-      l("div", {
+      e.isEditMode ? (l(), a("div", Bt)) : k("", !0),
+      t("div", {
         ref_key: "titlesRow",
-        ref: r,
+        ref: u,
         class: "scrollable-row-2"
       }, [
-        (i(!0), s(B, null, V(w.value, (g) => (i(), s("div", {
-          key: `t-${g.category_id}`,
+        (l(!0), a(R, null, I(w.value, (b) => (l(), a("div", {
+          key: `t-${b.category_id}`,
           class: "column-title-2"
-        }, n(g.name), 1))), 128)),
-        St
+        }, r(b.name), 1))), 128)),
+        Vt
       ], 512),
-      (i(!0), s(B, null, V(t.availablePlayers, (g, x) => (i(), s("div", {
-        key: `i-${g.id}`,
+      (l(!0), a(R, null, I(e.availablePlayers, (b, x) => (l(), a("div", {
+        key: `i-${b.id}`,
         class: "row scrollable-row-totals"
       }, [
-        (i(!0), s(B, null, V(g.stats, ($) => (i(), s("div", {
-          key: $.category_id,
-          class: h(["row data-info underline", { odd: x % 2 !== 0 }])
-        }, n($.total), 3))), 128)),
-        l("div", {
+        (l(!0), a(R, null, I(b.stats, (B) => (l(), a("div", {
+          key: B.category_id,
+          class: h(["row data-info", { odd: x % 2 !== 0, underline: !!B.total }]),
+          onClick: (A) => T({ player: b, stat: B })
+        }, r(B.total), 11, Rt))), 128)),
+        t("div", {
           class: h(["row data-info", { odd: x % 2 !== 0 }])
         }, [
-          (i(), s("svg", {
-            onClick: ($) => O(g),
-            class: "_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5",
+          (l(), a("svg", {
+            class: h([{ expanded: b.isExpanded }, "_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5 arrow"]),
+            onClick: (B) => O(b),
             width: "12",
             height: "8",
             viewBox: "0 0 12 8",
             fill: "#D9D9D9",
             xmlns: "http://www.w3.org/2000/svg"
-          }, kt, 8, wt))
+          }, It, 10, Mt))
         ], 2)
       ]))), 128))
     ], 4));
   }
-}, Bt = /* @__PURE__ */ H($t, [["__scopeId", "data-v-c362d03a"]]), Z = (t) => (I("data-v-f240471a"), t = t(), L(), t), Ot = { class: "table__static-column" }, zt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "static-title column-title" }, null, -1)), Pt = { class: "container" }, Rt = { class: "details-row__info" }, Ft = { class: "details-row__info__personal" }, Vt = { class: "bold" }, Et = { class: "bold" }, Tt = { class: "bold" }, Dt = { class: "bold" }, It = { class: "details-row__info__games" }, Lt = { class: "bold" }, Wt = { class: "bold" }, At = { class: "details-row__buttons" }, Mt = { class: "position" }, Nt = { class: "player-photo" }, Ut = ["src"], qt = { class: "player-name" }, Gt = { class: "table__scrollable-columns" }, Ht = /* @__PURE__ */ Y('<div class="titles scrollable-row" data-v-f240471a><div class="column-title" data-v-f240471a>Equipo</div><div class="column-title" data-v-f240471a>Posición</div><div class="column-title" data-v-f240471a>Edad</div><div class="column-title" data-v-f240471a>País</div><div class="column-title" data-v-f240471a>Partidos Jugados</div><div class="column-title" data-v-f240471a>Minutos Jugados</div><div class="column-title" data-v-f240471a>Liga</div><div class="column-title" data-v-f240471a>Videos</div><div class="column-title" data-v-f240471a></div></div>', 1), Jt = { class: "team-logo" }, Zt = ["src"], jt = { class: "team-name data-info" }, Kt = ["src"], Qt = ["onClick"], Xt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("path", {
+}, Pt = /* @__PURE__ */ Q(Tt, [["__scopeId", "data-v-95767312"]]), C = (e) => (z("data-v-dbafbc83"), e = e(), D(), e), Ft = { class: "table__static-column" }, Et = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", { class: "static-title column-title" }, null, -1)), zt = { class: "container" }, Dt = { class: "details-row__info" }, Wt = { 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 = { class: "details-row__buttons" }, Jt = ["onClick"], Kt = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", null, "Ver gráfica", -1)), Qt = /* @__PURE__ */ C(() => /* @__PURE__ */ t("svg", {
+  width: "17",
+  height: "16",
+  viewBox: "0 0 17 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_3514_71971)" }, [
+    /* @__PURE__ */ t("path", {
+      d: "M16.3338 6.02932L8.65108 0.447539C8.56099 0.38207 8.43896 0.38207 8.34886 0.447539C8.34292 0.451852 1.97661 5.07726 0.6663 6.02926C0.498706 6.09269 0.445831 6.30248 0.563113 6.43788L3.48277 15.4238C3.51717 15.5297 3.61589 15.6014 3.72727 15.6014H13.2635C13.3911 15.6014 13.484 15.5258 13.5172 15.4238L16.4368 6.43788C16.5544 6.3022 16.501 6.09269 16.3338 6.02932ZM13.1818 14.792L12.2937 13.5604C12.4178 13.3198 12.4262 13.0472 12.3402 12.813L13.4007 8.12035C13.7342 7.97885 13.9718 7.64673 13.9682 7.25316L15.8203 6.67173L13.1818 14.792ZM1.18005 6.67273L2.54311 7.10316C2.52677 7.60485 2.90696 8.01919 3.39221 8.06116L5.37836 11.3233C5.0798 11.6827 5.09336 12.2096 5.41452 12.5533L3.8173 14.7894L1.18005 6.67273ZM7.02283 11.9909C7.03952 11.7764 6.98346 11.5718 6.86936 11.4011L8.47839 9.14851L10.8495 12.4367C10.7173 12.5536 10.6187 12.7075 10.5697 12.8821L7.02283 11.9909ZM7.62217 4.78338C7.74714 5.00898 7.96299 5.17704 8.22033 5.23844V8.35679L4.40411 7.15166C4.40767 6.95926 4.35377 6.77813 4.25196 6.6232L7.62217 4.78338ZM12.2474 6.77016C12.151 6.92429 12.0998 7.10551 12.1071 7.29851L8.73449 8.35735V5.21526C8.94317 5.14495 9.11883 5.00291 9.23183 4.8182L12.2474 6.77016ZM4.25277 7.64307L8.06249 8.84613L6.47533 11.0681C6.26327 10.973 6.02383 10.9611 5.80383 11.0334L3.92524 7.94795C4.05761 7.87432 4.17008 7.76935 4.25277 7.64307ZM11.9237 12.3234C11.7375 12.2181 11.526 12.1827 11.3228 12.214L8.8943 8.84613L12.2678 7.78701C12.4038 7.98623 12.6151 8.12979 12.8607 8.17698L11.9237 12.3234ZM12.648 6.41704L9.36721 4.29329C9.35074 3.90045 9.09089 3.57073 8.73449 3.45063V1.14366L15.6674 6.18076L13.8211 6.76041C13.5672 6.3651 13.0654 6.22463 12.648 6.41704ZM8.22033 3.42748C7.83383 3.5197 7.54105 3.8527 7.50917 4.25923L3.8238 6.27107C3.42227 6.10782 2.95152 6.24232 2.70096 6.61379L1.33164 6.18138L8.22033 1.17648V3.42748ZM5.85711 12.8183C6.22189 12.9143 6.61096 12.7823 6.84071 12.4753L10.5778 13.4143C10.7578 13.9855 11.4215 14.2369 11.9331 13.9395L12.7607 15.0872H4.23642L5.85711 12.8183Z",
+      fill: "white"
+    })
+  ]),
+  /* @__PURE__ */ t("defs", null, [
+    /* @__PURE__ */ t("clipPath", { id: "clip0_3514_71971" }, [
+      /* @__PURE__ */ t("rect", {
+        width: "16",
+        height: "16",
+        fill: "white",
+        transform: "translate(0.5)"
+      })
+    ])
+  ])
+], -1)), Xt = [
+  Kt,
+  Qt
+], Yt = ["onClick"], te = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", null, "Agregar a lista", -1)), ee = /* @__PURE__ */ C(() => /* @__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)), oe = [
+  te,
+  ee
+], se = ["onClick"], ie = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", null, "Ver perfil", -1)), le = [
+  ie
+], ae = { class: "static-row__info-player" }, ne = { class: "position" }, de = ["onClick"], re = /* @__PURE__ */ C(() => /* @__PURE__ */ t("path", {
+  d: "M13.2016 17.2012V15.601C13.2016 14.7522 12.8645 13.9381 12.2643 13.3379C11.664 12.7377 10.85 12.4005 10.0012 12.4005H5.20047C4.35165 12.4005 3.5376 12.7377 2.9374 13.3379C2.33719 13.9381 2 14.7522 2 15.601V17.2012",
+  stroke: "white",
+  "stroke-opacity": "1",
+  "stroke-width": "1.44023",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, null, -1)), ce = /* @__PURE__ */ C(() => /* @__PURE__ */ t("path", {
+  d: "M7.60086 9.19977C9.36843 9.19977 10.8013 7.76687 10.8013 5.9993C10.8013 4.23173 9.36843 2.79883 7.60086 2.79883C5.83329 2.79883 4.40039 4.23173 4.40039 5.9993C4.40039 7.76687 5.83329 9.19977 7.60086 9.19977Z",
+  stroke: "white",
+  "stroke-opacity": "1",
+  "stroke-width": "1.44023",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, null, -1)), ue = /* @__PURE__ */ C(() => /* @__PURE__ */ t("path", {
+  d: "M15.5996 6.79944V11.6001M17.9999 9.19979H13.1992",
+  stroke: "white",
+  "stroke-opacity": "1",
+  "stroke-width": "1.44023",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, null, -1)), fe = [
+  re,
+  ce,
+  ue
+], ve = { class: "player-photo" }, he = ["src"], pe = { class: "player-name" }, _e = { class: "arrow" }, be = ["onClick"], ge = /* @__PURE__ */ C(() => /* @__PURE__ */ t("path", {
   "fill-rule": "evenodd",
   "clip-rule": "evenodd",
   d: "M6 4.93631L10.2929 1.23496C10.6834 0.898244 11.3166 0.898244 11.7071 1.23496C12.0976 1.57167 12.0976 2.11759 11.7071 2.4543L6.70711 6.76532C6.31658 7.10203 5.68342 7.10203 5.29289 6.76532L0.292893 2.4543C-0.0976311 2.11759 -0.0976311 1.57167 0.292893 1.23496C0.683418 0.898244 1.31658 0.898244 1.70711 1.23496L6 4.93631Z",
   fill: "#D9D9D9"
-}, null, -1)), Yt = [
-  Xt
-], te = {
+}, null, -1)), me = [
+  ge
+], ye = { class: "table__scrollable-columns" }, Ce = /* @__PURE__ */ lt('<div class="titles scrollable-row" data-v-dbafbc83><div class="column-title" data-v-dbafbc83>Equipo</div><div class="column-title" data-v-dbafbc83>Posición</div><div class="column-title" data-v-dbafbc83>Edad</div><div class="column-title" data-v-dbafbc83>País</div><div class="column-title" data-v-dbafbc83>Partidos Jugados</div><div class="column-title" data-v-dbafbc83>Minutos Jugados</div><div class="column-title" data-v-dbafbc83>Liga</div><div class="column-title" data-v-dbafbc83>Videos</div><div class="column-title" data-v-dbafbc83></div></div>', 1), we = { class: "team-logo" }, xe = ["src"], ke = { class: "team-name data-info" }, Se = ["src"], Le = {
   __name: "GSC-TableScrollable",
   props: {
     players: {
@@ -473,238 +564,324 @@ const E = /* @__PURE__ */ ut(W, [["render", yt], ["__scopeId", "data-v-f3ee6b2b"
       default: !1
     }
   },
-  emits: ["change-selected-players"],
-  setup(t, { emit: u }) {
-    const e = t;
-    let d = null, f = null;
-    const r = _([]), m = _(null), w = _(null), k = _(0), c = _(0), O = _(-1), D = P(() => ({
-      "--width-details": `${k.value}px`
-    }));
-    T(
-      () => e.players,
-      (a) => {
-        a && a.length && (r.value = a.map((b, o) => {
-          const p = o + 1;
-          return console.log("isOdd", o % 2 !== 0), {
-            ...b,
-            position: p < 10 ? `0${p}` : `${p}`,
+  emits: [
+    "change-selected-players",
+    "view-profile",
+    "add-to-list",
+    "view-graph",
+    "open-media"
+  ],
+  setup(e, { emit: d }) {
+    const o = e;
+    let c = null, p = null;
+    const u = m([]), y = m(null), S = m(null), w = m(0), f = m(0), $ = m(-1), O = m(!1), F = V(() => ({
+      "--width-details": `${w.value}px`,
+      "--gap-static-row": `${T.value ? "8px" : "18px"}`,
+      "--width-static-column": `${T.value ? "50%" : "256px"}`
+    })), T = V(() => w.value < 600);
+    P(
+      () => o.players,
+      (i) => {
+        i && i.length && (u.value = i.map((n, s) => {
+          const v = s + 1;
+          return {
+            ...n,
+            position: v < 10 ? `0${v}` : `${v}`,
             isSelected: !1,
             isExpanded: !1,
-            isOdd: o % 2 !== 0,
-            index: o
+            isOdd: s % 2 !== 0,
+            index: s
           };
         }));
       },
       { immediate: !0 }
-    ), T(
-      () => e.isEditMode,
-      (a) => {
-        a && r.value.forEach((b) => {
-          b.isSelected = !1;
+    ), P(
+      () => o.isEditMode,
+      (i) => {
+        i && u.value.forEach((n) => {
+          n.isSelected = !1;
         });
       }
-    ), T(
-      c,
-      (a) => {
-        const o = document.querySelectorAll(".static-row")[O.value + 1];
-        o && (o.style.marginTop = `${a}px`), w.value && w.value.setMarginTopDetails(O.value, a), console.log("detailsHeight", a);
+    ), P(
+      f,
+      (i) => {
+        const s = document.querySelectorAll(".static-row")[$.value + 1];
+        s && (s.style.marginTop = `${i}px`), o.isGeneral ? _($.value, i) : S.value && S.value.setMarginTopDetails($.value, i);
       }
     );
-    function v(a) {
-      console.log("onClickVideos", a);
+    function _(i, n) {
+      const v = document.querySelectorAll(".scrollable-row")[i + 2];
+      v && (v.style.marginTop = `${n}px`);
     }
-    function y() {
-      d = new ResizeObserver((a) => {
-        for (const b of a)
-          k.value = b.contentRect.width;
-      }), d.observe(m.value);
+    function g(i) {
+      const n = i.player, s = n ? n.player_id || n.id || n.playerId : i.id || i.player_id, v = n ? n.team_id || n.teamId : i.team_id || i.teamId, E = {
+        seasonId: i.season_id,
+        // seasons: player.seasons,
+        isFeaturedPlayers: !1,
+        mainSectionType: 1,
+        playListType: 2,
+        gameIds: null,
+        playerIds: s ? [s] : [],
+        goalkeeperIds: [],
+        teamId: v || 0,
+        matchResult: [1, 2, 3],
+        categorySingleName: "",
+        isRivalSubject: !1,
+        avoidCategorySingleName: !1,
+        currentPlayIndex: 0,
+        playData: null,
+        lastClashedGameId: null,
+        tournamentsLastClashes: null,
+        advancedFilter: {
+          playListTitle: "Jugadas Relevantes"
+        }
+      };
+      i.stat ? E.customCategoryIds = [i.stat.category_id] : E.categoryIds = B(i.player_position), d("open-media", E);
     }
-    function g(a) {
-      f = new ResizeObserver((b) => {
-        for (const o of b)
-          c.value = o.contentRect.height;
-      }), f.observe(a);
+    function b() {
+      c = new ResizeObserver((i) => {
+        for (const n of i)
+          w.value = n.contentRect.width;
+      }), c.observe(y.value);
     }
-    function x(a, b) {
-      b.isSelected = a;
-      const o = r.value.filter((p) => p.isSelected);
-      console.log("selectedPlayers", o), u("change-selected-players", o);
+    function x(i) {
+      p = new ResizeObserver((n) => {
+        for (const s of n)
+          f.value = s.contentRect.height;
+      }), p.observe(i);
     }
-    function $(a) {
-      console.log("onCilckViewProfile", a);
+    function B(i) {
+      return i === "POR" ? [39, 40, 52, 53, 54, 55, 323, 324, 608, 774, 802] : [
+        10,
+        12,
+        14,
+        15,
+        27,
+        35,
+        61,
+        217,
+        257,
+        466,
+        519,
+        607,
+        702,
+        730,
+        98,
+        101,
+        109,
+        112,
+        121,
+        122,
+        127,
+        128,
+        135,
+        136,
+        141,
+        142,
+        161,
+        170,
+        179,
+        211,
+        232,
+        235,
+        239,
+        242,
+        282,
+        284,
+        289,
+        291,
+        296,
+        485,
+        486,
+        487,
+        488
+      ];
     }
-    function A(a) {
-      const b = a.isExpanded;
-      if (r.value.forEach((o) => {
-        o.isExpanded = !1;
-      }), !b) {
-        const o = document.querySelectorAll(".details-row");
-        console.log("detailsRows", o);
-        const p = o[a.index];
-        console.log("playerDetailRow", p), O.value = a.index, p && g(p);
-      }
-      a.isExpanded = !b;
+    function A(i, n) {
+      n.isSelected = i;
+      const s = u.value.filter((v) => v.isSelected);
+      d("change-selected-players", s);
     }
-    return G(() => {
-      y();
-    }), (a, b) => (i(), s("div", {
+    function Y(i) {
+      d("view-profile", i);
+    }
+    function Z(i) {
+      d("add-to-list", i);
+    }
+    function tt(i) {
+      d("view-graph", i);
+    }
+    function N(i) {
+      O.value = i.isExpanded, u.value.forEach((n) => {
+        n.isExpanded = !1;
+      }), setTimeout(() => {
+        if (!O.value) {
+          const s = document.querySelectorAll(".details-row")[i.index];
+          $.value = i.index, x(s);
+        }
+        i.isExpanded = !O.value;
+      }, 200);
+    }
+    return K(() => {
+      b();
+    }), (i, n) => (l(), a("div", {
       class: "table",
       ref_key: "tableSC",
-      ref: m,
-      style: C(D.value)
+      ref: y,
+      style: L(F.value)
     }, [
-      l("div", Ot, [
-        zt,
-        (i(!0), s(B, null, V(r.value, (o) => (i(), s("div", {
-          key: `s-${o.id}`,
-          class: h(["row static-row", { odd: o.isOdd }])
+      t("div", Ft, [
+        Et,
+        (l(!0), a(R, null, I(u.value, (s) => (l(), a("div", {
+          key: `s-${s.id}`,
+          class: h(["row static-row", { odd: s.isOdd }])
         }, [
-          R(j, null, {
-            default: K(() => [
-              Q(l("div", {
-                class: h(["details-row", { odd: o.isOdd }])
+          H(et, null, {
+            default: ot(() => [
+              st(t("div", {
+                class: h(["details-row", { odd: s.isOdd }])
               }, [
-                l("div", Pt, [
-                  l("div", Rt, [
-                    l("div", Ft, [
-                      l("div", null, [
-                        z("Equipo: "),
-                        l("span", Vt, n(o.team_name), 1)
+                t("div", zt, [
+                  t("div", Dt, [
+                    t("div", Wt, [
+                      t("div", null, [
+                        M("Equipo: "),
+                        t("span", At, r(s.team_name), 1)
                       ]),
-                      l("div", null, [
-                        z("Edad: "),
-                        l("span", Et, n(o.player_age) + " Años", 1)
+                      t("div", null, [
+                        M("Edad: "),
+                        t("span", Zt, r(s.player_age) + " Años", 1)
                       ]),
-                      l("div", null, [
-                        z("Nacionalidad: "),
-                        l("span", Tt, n(o.player_country), 1)
+                      t("div", null, [
+                        M("Nacionalidad: "),
+                        t("span", Nt, r(s.player_country), 1)
                       ]),
-                      l("div", null, [
-                        z("Posición: "),
-                        l("span", Dt, n(o.position_name), 1)
+                      t("div", null, [
+                        M("Posición: "),
+                        t("span", Ht, r(s.position_name), 1)
                       ])
                     ]),
-                    l("div", It, [
-                      l("div", null, [
-                        z("Partidos Jugados: "),
-                        l("span", Lt, n(o.player_games), 1)
+                    t("div", jt, [
+                      t("div", null, [
+                        M("Partidos Jugados: "),
+                        t("span", Gt, r(s.player_games), 1)
                       ]),
-                      l("div", null, [
-                        z("Minutos Jugados: "),
-                        l("span", Wt, n(o.player_min), 1)
+                      t("div", null, [
+                        M("Minutos Jugados: "),
+                        t("span", qt, r(s.player_min), 1)
                       ])
                     ])
                   ]),
-                  l("div", At, [
-                    R(F(E), {
-                      icon: "",
-                      width: "88px",
-                      height: "30px",
-                      "border-radius": "30px",
-                      "border-width": 1,
-                      "background-color": "#ffffff1a",
-                      "font-family": "Poppins-Semibold",
-                      "border-color": "gray",
-                      "text-value": "Ver gráfica",
-                      "font-size": "10px",
-                      onClick: (p) => $(o)
-                    }, null, 8, ["onClick"]),
-                    R(F(E), {
-                      icon: "",
-                      width: "88px",
-                      height: "30px",
-                      "border-radius": "30px",
-                      "border-width": 1,
-                      "background-color": "#ffffff1a",
-                      "font-family": "Poppins-Semibold",
-                      "border-color": "gray",
-                      "text-value": "Agregar a lista",
-                      "font-size": "10px",
-                      onClick: (p) => $(o)
-                    }, null, 8, ["onClick"]),
-                    R(F(E), {
-                      width: "88px",
-                      height: "30px",
-                      "border-radius": "30px",
-                      "border-width": 1,
-                      "background-color": "#ffffff1a",
-                      "font-family": "Poppins-Semibold",
-                      "border-color": "#cbee6b",
-                      "text-value": "Ver perfil",
-                      "font-size": "10px",
-                      onClick: (p) => $(o)
-                    }, null, 8, ["onClick"])
+                  t("div", Ut, [
+                    t("div", {
+                      role: "button",
+                      class: "button",
+                      onClick: (v) => tt(s)
+                    }, Xt, 8, Jt),
+                    t("div", {
+                      role: "button",
+                      class: "button",
+                      onClick: (v) => Z(s)
+                    }, oe, 8, Yt),
+                    t("div", {
+                      role: "button",
+                      class: "button green",
+                      onClick: (v) => Y(s)
+                    }, le, 8, se)
                   ])
                 ])
               ], 2), [
-                [X, o.isExpanded]
+                [it, s.isExpanded]
               ])
             ]),
             _: 2
           }, 1024),
-          t.isEditMode ? (i(), M(F(ct), {
+          e.isEditMode ? (l(), j(G(_t), {
             key: 0,
             fontFamily: "Poppins-Regular",
             labelFontSize: "14px",
-            "model-value": o.isSelected,
-            "onUpdate:modelValue": (p) => x(p, o)
-          }, null, 8, ["model-value", "onUpdate:modelValue"])) : S("", !0),
-          l("div", Mt, n(o.position), 1),
-          l("div", Nt, [
-            l("img", {
-              src: o.player_photo,
-              alt: "player photo"
-            }, null, 8, Ut)
+            "model-value": s.isSelected,
+            "onUpdate:modelValue": (v) => A(v, s)
+          }, null, 8, ["model-value", "onUpdate:modelValue"])) : k("", !0),
+          t("div", ae, [
+            t("div", ne, r(s.position), 1),
+            (l(), a("svg", {
+              width: "20",
+              height: "20",
+              viewBox: "0 0 20 20",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              onClick: (v) => Z(s)
+            }, fe, 8, de)),
+            t("div", ve, [
+              t("div", null, [
+                t("img", {
+                  src: s.player_photo,
+                  alt: "player photo"
+                }, null, 8, he)
+              ])
+            ]),
+            t("div", pe, r(s.player_name), 1)
           ]),
-          l("div", qt, n(o.player_name), 1)
+          t("div", _e, [
+            (l(), a("svg", {
+              class: h(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5", { expanded: s.isExpanded }]),
+              width: "12",
+              height: "8",
+              viewBox: "0 0 12 8",
+              fill: "#D9D9D9",
+              xmlns: "http://www.w3.org/2000/svg",
+              onClick: (v) => N(s)
+            }, me, 10, be))
+          ])
         ], 2))), 128))
       ]),
-      l("div", Gt, [
-        t.isGeneral ? (i(), s(B, { key: 0 }, [
-          Ht,
-          (i(!0), s(B, null, V(r.value, (o) => (i(), s("div", {
-            key: `i-${o.id}`,
+      t("div", ye, [
+        e.isGeneral ? (l(), a(R, { key: 0 }, [
+          Ce,
+          (l(!0), a(R, null, I(u.value, (s) => (l(), a("div", {
+            key: `i-${s.id}`,
             class: "row scrollable-row"
           }, [
-            l("div", {
-              class: h(["row team-info", { odd: o.isOdd }])
+            t("div", {
+              class: h(["row team-info", { odd: s.isOdd }])
             }, [
-              l("div", Jt, [
-                l("img", {
-                  src: o.team_logo,
+              t("div", we, [
+                t("img", {
+                  src: s.team_logo,
                   alt: "team logo"
-                }, null, 8, Zt)
+                }, null, 8, xe)
               ]),
-              l("div", jt, n(o.team_abrev), 1)
+              t("div", ke, r(s.team_abrev), 1)
             ], 2),
-            l("div", {
-              class: h(["row data-info", { odd: o.isOdd }])
-            }, n(o.player_position), 3),
-            l("div", {
-              class: h(["row data-info", { odd: o.isOdd }])
-            }, n(o.player_age), 3),
-            l("div", {
-              class: h(["row data-info", { odd: o.isOdd }])
+            t("div", {
+              class: h(["row data-info", { odd: s.isOdd }])
+            }, r(s.player_position), 3),
+            t("div", {
+              class: h(["row data-info", { odd: s.isOdd }])
+            }, r(s.player_age), 3),
+            t("div", {
+              class: h(["row data-info", { odd: s.isOdd }])
             }, [
-              l("img", {
-                src: o.player_country_flag,
+              t("img", {
+                src: s.player_country_flag,
                 alt: "player country flag",
                 class: "country-flag"
-              }, null, 8, Kt)
+              }, null, 8, Se)
             ], 2),
-            l("div", {
-              class: h(["row data-info", { odd: o.isOdd }])
-            }, n(o.player_games), 3),
-            l("div", {
-              class: h(["row data-info", { odd: o.isOdd }])
-            }, n(o.player_min), 3),
-            l("div", {
-              class: h(["row data-info", { odd: o.isOdd }])
-            }, n(o.league_name), 3),
-            l("div", {
-              class: h(["row data-info", { odd: o.isOdd }])
+            t("div", {
+              class: h(["row data-info", { odd: s.isOdd }])
+            }, r(s.player_games), 3),
+            t("div", {
+              class: h(["row data-info", { odd: s.isOdd }])
+            }, r(s.player_min), 3),
+            t("div", {
+              class: h(["row data-info", { odd: s.isOdd }])
+            }, r(s.league_name), 3),
+            t("div", {
+              class: h(["row data-info", { odd: s.isOdd }])
             }, [
-              R(F(E), {
+              H(G($t), {
                 icon: "https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png",
                 "icon-size": "13px",
                 "icon-position": "left",
@@ -717,35 +894,26 @@ const E = /* @__PURE__ */ ut(W, [["render", yt], ["__scopeId", "data-v-f3ee6b2b"
                 "border-color": "#55636e",
                 "text-value": "Ver videos",
                 "font-size": "10px",
-                onClick: (p) => v(o)
+                onClick: (v) => g(s)
               }, null, 8, ["onClick"])
             ], 2),
-            l("div", {
-              class: h(["row data-info", { odd: o.isOdd }])
-            }, [
-              (i(), s("svg", {
-                onClick: (p) => A(o),
-                class: "_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5",
-                width: "12",
-                height: "8",
-                viewBox: "0 0 12 8",
-                fill: "#D9D9D9",
-                xmlns: "http://www.w3.org/2000/svg"
-              }, Yt, 8, Qt))
-            ], 2)
+            t("div", {
+              class: h(["row data-info", { odd: s.isOdd }])
+            }, null, 2)
           ]))), 128))
-        ], 64)) : (i(), M(Bt, {
+        ], 64)) : (l(), j(Pt, {
           key: 1,
           ref_key: "scrollColumns",
-          ref: w,
-          "available-players": r.value,
-          "is-edit-mode": t.isEditMode,
-          onExpand: A
+          ref: S,
+          "available-players": u.value,
+          "is-edit-mode": e.isEditMode,
+          onOnpenMedia: g,
+          onExpand: N
         }, null, 8, ["available-players", "is-edit-mode"]))
       ])
     ], 4));
   }
-}, oe = /* @__PURE__ */ H(te, [["__scopeId", "data-v-f240471a"]]);
+}, Be = /* @__PURE__ */ Q(Le, [["__scopeId", "data-v-dbafbc83"]]);
 export {
-  oe as GSCTableScrollable
+  Be as GSCTableScrollable
 };