@golstats/gsc-table-scrollable 1.0.10 → 1.0.12

package/dist/gsc-table-scrollable.js

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