@golstats/gsc-table-scrollable 1.0.9 → 1.0.11

package/dist/gsc-table-scrollable.js

@@ -1,19 +1,19 @@
-import { useCssVars as tt, ref as C, computed as V, watch as F, createElementBlock as n, openBlock as l, normalizeClass as _, createElementVNode as t, createCommentVNode as x, normalizeStyle as S, Fragment as I, toDisplayString as f, pushScopeId as D, popScopeId as A, onMounted as et, renderList as E, onBeforeUnmount as ut, createVNode as J, createBlock as X, Transition as ft, withCtx as ht, withDirectives as vt, createTextVNode as T, vShow as pt, unref as K, createStaticVNode as gt } from "vue";
-const _t = (o, r) => {
+import { useCssVars as se, ref as y, computed as I, watch as D, createElementBlock as n, openBlock as l, normalizeClass as m, createElementVNode as e, createCommentVNode as L, normalizeStyle as $, Fragment as R, toDisplayString as u, pushScopeId as W, popScopeId as j, onMounted as ie, renderList as P, onBeforeUnmount as ve, createVNode as Q, createBlock as Y, Transition as pe, withCtx as _e, withDirectives as ge, createTextVNode as E, vShow as me, unref as ee, createStaticVNode as Ce } from "vue";
+const be = (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 = {
+}, we = { key: 1 }, ye = {
   width: "10",
   height: "8",
   viewBox: "0 0 10 8",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ct = ["fill"], yt = {
+}, ke = ["fill"], xe = {
   key: 0,
   class: "checkbox__teams"
-}, wt = { class: "checkbox__teams__logo" }, kt = ["src"], xt = { class: "checkbox__teams__logo" }, St = ["src"], Lt = {
+}, Se = { class: "checkbox__teams__logo" }, Le = ["src"], $e = { class: "checkbox__teams__logo" }, Me = ["src"], Be = {
   __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) => ({
+    se((h) => ({
       "7bd9d47b": o.width,
       "34dc7ddc": o.height
     }));
-    const c = C(!1), p = V(() => {
-      const v = {
+    const r = y(!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 = {
+    })), k = 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 L() {
-      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 $(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: L
+    return (h, V) => (l(), n("div", {
+      class: m(["checkbox", `box-${o.boxPosition}`]),
+      onClick: M
     }, [
-      t("div", {
+      e("div", {
         class: "checkbox__box",
-        style: S(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: S(h.value)
-          }, f(o.boxValue), 5)) : (l(), n("div", mt, [
-            (l(), n("svg", bt, [
-              t("path", {
+            style: $(f.value)
+          }, u(o.boxValue), 5)) : (l(), n("div", we, [
+            (l(), n("svg", ye, [
+              e("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, ke)
             ]))
           ]))
-        ], 64)) : x("", !0)
+        ], 64)) : L("", !0)
       ], 4),
-      o.teamsIds && o.teamsIds.length ? (l(), n("div", yt, [
-        t("div", wt, [
-          t("img", {
-            src: $(o.teamsIds[0]),
+      o.teamsIds && o.teamsIds.length ? (l(), n("div", xe, [
+        e("div", Se, [
+          e("img", {
+            src: B(o.teamsIds[0]),
             alt: ""
-          }, null, 8, kt)
+          }, null, 8, Le)
         ]),
-        t("div", xt, [
-          t("img", {
-            src: $(o.teamsIds[1]),
+        e("div", $e, [
+          e("img", {
+            src: B(o.teamsIds[1]),
             alt: ""
-          }, null, 8, St)
+          }, null, 8, Me)
         ])
-      ])) : x("", !0),
-      t("div", {
+      ])) : L("", !0),
+      e("div", {
         class: "checkbox__label",
-        style: S(y.value)
-      }, f(o.label), 5)
+        style: $(k.value)
+      }, u(o.label), 5)
     ], 2));
   }
-}, $t = /* @__PURE__ */ _t(Lt, [["__scopeId", "data-v-b6f124d8"]]), Bt = (o, r) => {
+}, Ve = /* @__PURE__ */ be(Be, [["__scopeId", "data-v-b6f124d8"]]), Ie = (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) => ({
+}, te = () => {
+  se((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 = {
+}, oe = H.setup;
+H.setup = oe ? (o, d) => (te(), oe(o, d)) : te;
+const Re = (o) => (W("data-v-f3ee6b2b"), o = o(), j(), o), Te = ["src"], Ee = {
   key: 1,
   class: "text"
-}, Rt = ["src"], Tt = { class: "stats" }, Et = /* @__PURE__ */ Mt(() => /* @__PURE__ */ t("img", {
+}, Oe = ["src"], Pe = { class: "stats" }, Fe = /* @__PURE__ */ Re(() => /* @__PURE__ */ e("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)), ze = { class: "numstats" }, De = { class: "leyend" };
+function Ze(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: S([h.customStyle, p.status && s.typeOnOff && h.customActive]),
-      onClick: r[0] || (r[0] = (...y) => h.btnClick && h.btnClick(...y))
+      class: m(["button", v.status && s.typeOnOff && "button-active"]),
+      style: $([f.customStyle, v.status && s.typeOnOff && f.customActive]),
+      onClick: d[0] || (d[0] = (...k) => f.btnClick && f.btnClick(...k))
     }, [
       s.icon && s.iconPosition.toLowerCase() === "left" ? (l(), n("img", {
         key: 0,
         class: "icon",
-        style: S({ width: s.iconSize }),
+        style: $({ width: s.iconSize }),
         src: s.icon
-      }, null, 12, Vt)) : x("", !0),
-      s.textValue ? (l(), n("div", It, f(s.textValue), 1)) : x("", !0),
+      }, null, 12, Te)) : L("", !0),
+      s.textValue ? (l(), n("div", Ee, u(s.textValue), 1)) : L("", !0),
       s.icon && s.iconPosition.toLowerCase() === "right" ? (l(), n("img", {
         key: 2,
         class: "icon",
-        style: S({ width: s.iconSize }),
+        style: $({ width: s.iconSize }),
         src: s.icon
-      }, null, 12, Rt)) : x("", !0)
-    ], 6)) : x("", !0),
+      }, null, 12, Oe)) : 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] = (...k) => f.btnClick && f.btnClick(...k))
     }, [
-      t("div", Tt, [
-        Et,
-        t("div", Ot, f(s.textStat), 1)
+      e("div", Pe, [
+        Fe,
+        e("div", ze, u(s.textStat), 1)
       ]),
-      t("div", Ft, f(s.textCategory), 1)
-    ])) : x("", !0)
+      e("div", De, u(s.textCategory), 1)
+    ])) : L("", !0)
   ]);
 }
-const zt = /* @__PURE__ */ Bt(W, [["render", Pt], ["__scopeId", "data-v-f3ee6b2b"]]), ot = (o, r) => {
+const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b"]]), le = (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-d03b93c8"), o = o(), A(), o), At = {
+}, ne = (o) => (W("data-v-7023d006"), o = o(), j(), o), We = {
   key: 0,
   class: "overlay"
-}, Wt = /* @__PURE__ */ Dt(() => /* @__PURE__ */ t("div", { class: "column-title-2" }, null, -1)), Zt = ["onClick"], jt = {
+}, je = { class: "name" }, He = ["onClick"], Ne = /* @__PURE__ */ ne(() => /* @__PURE__ */ e("svg", {
+  width: "11",
+  height: "12",
+  viewBox: "0 0 11 12",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ e("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)), Ge = [
+  Ne
+], Ue = /* @__PURE__ */ ne(() => /* @__PURE__ */ e("div", { class: "column-title-2" }, null, -1)), qe = ["onClick"], Je = {
   __name: "ScrollColumns",
   props: {
     availablePlayers: {
@@ -370,85 +383,96 @@ const zt = /* @__PURE__ */ Bt(W, [["render", Pt], ["__scopeId", "data-v-f3ee6b2b
     }
   },
   emits: ["expand", "open-media"],
-  setup(o, { expose: r, emit: s }) {
-    const c = o, p = C(null), h = C(null), y = C(0);
-    C(!1);
-    const L = V(() => {
-      const a = c.availablePlayers[0];
-      return a ? a.stats : [];
-    }), $ = V(() => {
-      const a = `repeat(${L.value.length}, max-content) 36px`;
-      let g = "";
-      return y.value > 0 && document.querySelectorAll(".column-title-2").forEach((B) => {
-        g += `${B.offsetWidth}px `;
+  setup(o, { expose: d, emit: s }) {
+    const r = o, v = y(null), f = y(null), k = y(0);
+    y(!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 k.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: b } = g.contentRect;
-          y.value = b;
+    function h() {
+      v.value = new ResizeObserver((p) => {
+        for (const _ of p) {
+          const { width: b } = _.contentRect;
+          k.value = b;
         }
-      }), p.value.observe(h.value);
+      }), v.value.observe(f.value);
+    }
+    function V(p, _) {
+      const S = document.querySelectorAll(".scrollable-row-totals")[p + 1];
+      S && (S.style.marginTop = `${_}px`);
     }
-    function M(a, g) {
-      const B = document.querySelectorAll(".scrollable-row-totals")[a + 1];
-      B && (B.style.marginTop = `${g}px`);
+    function T({ player: p, stat: _ }) {
+      !_.total || _ === "0%" || !_.seasons || !_.seasons.length || s("open-media", { ...p, stat: _ });
     }
-    function R({ player: a, stat: g }) {
-      !g.total || g === "0%" || !g.seasons || !g.seasons.length || s("open-media", { ...a, stat: g });
+    function g(p) {
+      !p || p === "no" || s("click-parameters", p);
     }
-    return et(() => {
-      v();
-    }), r({
-      setMarginTopDetails: M
-    }), (a, g) => (l(), n("div", {
+    return ie(() => {
+      h();
+    }), d({
+      setMarginTopDetails: V
+    }), (p, _) => (l(), n("div", {
       class: "scroll-columns",
-      style: S($.value)
+      style: $(B.value)
     }, [
-      o.isEditMode ? (l(), n("div", At)) : x("", !0),
-      t("div", {
+      o.isEditMode ? (l(), n("div", We)) : L("", !0),
+      e("div", {
         ref_key: "titlesRow",
-        ref: h,
+        ref: f,
         class: "scrollable-row-2"
       }, [
-        (l(!0), n(I, null, E(L.value, (b) => (l(), n("div", {
-          key: `t-${b.category_id}`,
+        (l(!0), n(R, null, P(M.value, (b, S) => (l(), n("div", {
+          key: `t-${S}`,
           class: "column-title-2"
-        }, f(b.name), 1))), 128)),
-        Wt
+        }, [
+          e("div", je, u(b.name), 1),
+          b.parameters && b.parameters !== "no" ? (l(), n("div", {
+            key: 0,
+            class: "parameters",
+            role: "button",
+            onClick: (x) => g(b.parameters)
+          }, Ge, 8, He)) : L("", !0)
+        ]))), 128)),
+        Ue
       ], 512),
-      (l(!0), n(I, null, E(o.availablePlayers, (b, B) => (l(), n("div", {
+      (l(!0), n(R, null, P(o.availablePlayers, (b, S) => (l(), n("div", {
         key: `i-${b.id}`,
         class: "row scrollable-row-totals"
       }, [
-        (l(!0), n(I, null, E(b.stats, (w) => (l(), n("div", {
-          key: w.category_id,
-          class: _(["row data-info", { odd: B % 2 !== 0, underline: !!w.total && w.total !== "0%" && w.seasons && w.seasons.length }]),
-          onClick: (Z) => R({ player: b, stat: w })
-        }, f(w.total), 11, Zt))), 128))
+        (l(!0), n(R, null, P(b.stats, (x) => (l(), n("div", {
+          key: x.category_id,
+          class: m(["row data-info", { odd: S % 2 !== 0, underline: !!x.total && x.total !== "0%" && x.seasons && x.seasons.length }]),
+          onClick: (N) => T({ player: b, stat: x })
+        }, u(x.total), 11, qe))), 128))
       ]))), 128))
     ], 4));
   }
-}, Ht = /* @__PURE__ */ ot(jt, [["__scopeId", "data-v-d03b93c8"]]), m = (o) => (D("data-v-ef3c543d"), o = o(), A(), o), Nt = { class: "table__static-column" }, Gt = /* @__PURE__ */ m(() => /* @__PURE__ */ t("div", { class: "static-title column-title" }, null, -1)), Ut = { class: "container" }, qt = { class: "details-row__info" }, Jt = { class: "details-row__info__personal" }, Xt = { class: "bold" }, Kt = { class: "bold" }, Qt = { class: "bold" }, Yt = { class: "bold" }, te = { class: "details-row__info__games" }, ee = { class: "bold" }, oe = { class: "bold" }, se = ["onClick"], ie = /* @__PURE__ */ m(() => /* @__PURE__ */ t("div", null, "Ver gráfica", -1)), le = /* @__PURE__ */ m(() => /* @__PURE__ */ t("svg", {
+}, Xe = /* @__PURE__ */ le(Je, [["__scopeId", "data-v-7023d006"]]), C = (o) => (W("data-v-510e4abc"), o = o(), j(), o), Ke = { class: "table__static-column" }, Qe = /* @__PURE__ */ C(() => /* @__PURE__ */ e("div", { class: "static-title column-title" }, null, -1)), Ye = { class: "container" }, et = { class: "details-row__info" }, tt = { class: "details-row__info__personal" }, ot = { class: "bold" }, st = { class: "bold" }, it = { class: "bold" }, lt = { class: "bold" }, nt = { class: "details-row__info__games" }, at = { class: "bold" }, dt = { class: "bold" }, rt = ["onClick"], ct = /* @__PURE__ */ C(() => /* @__PURE__ */ e("div", null, "Ver gráfica", -1)), ut = /* @__PURE__ */ C(() => /* @__PURE__ */ e("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", {
+  /* @__PURE__ */ e("g", { "clip-path": "url(#clip0_3514_71971)" }, [
+    /* @__PURE__ */ e("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", {
+  /* @__PURE__ */ e("defs", null, [
+    /* @__PURE__ */ e("clipPath", { id: "clip0_3514_71971" }, [
+      /* @__PURE__ */ e("rect", {
         width: "16",
         height: "16",
         fill: "white",
@@ -456,17 +480,17 @@ 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)), ft = [
+  ct,
+  ut
+], ht = ["onClick"], vt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("div", null, "Eliminar de lista", -1)), pt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("svg", {
   width: "17",
   height: "15",
   viewBox: "0 0 20 18",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
-  /* @__PURE__ */ t("path", {
+  /* @__PURE__ */ e("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",
@@ -474,7 +498,7 @@ const zt = /* @__PURE__ */ Bt(W, [["render", Pt], ["__scopeId", "data-v-f3ee6b2b
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   }),
-  /* @__PURE__ */ t("path", {
+  /* @__PURE__ */ e("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",
@@ -482,7 +506,7 @@ const zt = /* @__PURE__ */ Bt(W, [["render", Pt], ["__scopeId", "data-v-f3ee6b2b
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   }),
-  /* @__PURE__ */ t("path", {
+  /* @__PURE__ */ e("path", {
     d: "M18.332 8.16663H13.332",
     stroke: "white",
     "stroke-opacity": "0.5",
@@ -490,17 +514,17 @@ 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)), _t = [
+  vt,
+  pt
+], gt = ["onClick"], mt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("div", null, "Agregar a lista", -1)), Ct = /* @__PURE__ */ C(() => /* @__PURE__ */ e("svg", {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
-  /* @__PURE__ */ t("path", {
+  /* @__PURE__ */ e("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",
@@ -508,7 +532,7 @@ const zt = /* @__PURE__ */ Bt(W, [["render", Pt], ["__scopeId", "data-v-f3ee6b2b
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   }),
-  /* @__PURE__ */ t("path", {
+  /* @__PURE__ */ e("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",
@@ -516,7 +540,7 @@ const zt = /* @__PURE__ */ Bt(W, [["render", Pt], ["__scopeId", "data-v-f3ee6b2b
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   }),
-  /* @__PURE__ */ t("path", {
+  /* @__PURE__ */ e("path", {
     d: "M15.5996 6.79944V11.6001M17.9999 9.19979H13.1992",
     stroke: "white",
     "stroke-opacity": "1",
@@ -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)), bt = [
+  mt,
+  Ct
+], wt = ["onClick"], yt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("div", null, "Ver perfil", -1)), kt = [
+  yt
+], xt = { class: "static-row__info-player" }, St = { class: "position" }, Lt = ["onClick"], $t = /* @__PURE__ */ C(() => /* @__PURE__ */ e("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)), Mt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("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)), Bt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("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)), Vt = [
+  $t,
+  Mt,
+  Bt
+], It = ["onClick"], Rt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("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)), Tt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("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)), Et = /* @__PURE__ */ C(() => /* @__PURE__ */ e("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)), Ot = [
+  Rt,
+  Tt,
+  Et
+], Pt = { class: "player-photo" }, Ft = ["src"], zt = { class: "player-name" }, Dt = { class: "arrow" }, Zt = ["onClick"], At = /* @__PURE__ */ C(() => /* @__PURE__ */ e("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-ef3c543d><div class="column-title" data-v-ef3c543d>Equipo</div><div class="column-title" data-v-ef3c543d>Posición</div><div class="column-title" data-v-ef3c543d>Edad</div><div class="column-title" data-v-ef3c543d>País</div><div class="column-title" data-v-ef3c543d>Partidos Jugados</div><div class="column-title" data-v-ef3c543d>Minutos Jugados</div><div class="column-title" data-v-ef3c543d>Liga</div><div class="column-title" data-v-ef3c543d>Videos</div><div class="column-title" data-v-ef3c543d></div></div>', 1), ze = { class: "team-logo" }, De = ["src"], Ae = { class: "team-name data-info" }, We = ["src"], Ze = {
+}, null, -1)), Wt = [
+  At
+], jt = /* @__PURE__ */ Ce('<div class="titles scrollable-row" data-v-510e4abc><div class="column-title" data-v-510e4abc>Equipo</div><div class="column-title" data-v-510e4abc>Posición</div><div class="column-title" data-v-510e4abc>Edad</div><div class="column-title" data-v-510e4abc>País</div><div class="column-title" data-v-510e4abc>Partidos Jugados</div><div class="column-title" data-v-510e4abc>Minutos Jugados</div><div class="column-title" data-v-510e4abc>Liga</div><div class="column-title" data-v-510e4abc>Videos</div><div class="column-title" data-v-510e4abc></div></div>', 1), Ht = { class: "team-logo" }, Nt = ["src"], Gt = { class: "team-name data-info" }, Ut = ["src"], qt = {
   __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 = C([]), y = C(null), L = C(null), $ = C(0), v = C(0), M = C(-1);
-    C(!1);
-    const R = C(null), a = C(null), g = V(() => ({
-      "--width-details": `${$.value}px`,
-      "--gap-static-row": `${b.value ? "8px" : "18px"}`,
-      "--width-static-column": `${b.value ? "50%" : "256px"}`
-    })), b = V(() => $.value < 600);
-    F(
+    let r = null, v = null;
+    const f = y([]), k = y(null), M = y(null), B = y(0), h = y(0), V = y(-1);
+    y(!1);
+    const T = y(null), g = y(null), p = I(() => ({
+      "--width-details": `${B.value}px`,
+      "--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}`,
+      (t) => {
+        t && t.length && (f.value = t.map((a, i) => {
+          const c = i + 1, w = {
+            ...a,
+            position: c < 10 ? `0${c}` : `${c}`,
             isSelected: !1,
             isExpanded: !1,
             isOdd: i % 2 !== 0,
             index: i
           };
+          return w.parameters && Object.entries(w.parameters).forEach(([O, A]) => {
+            const z = w.stats.find((he) => he.custom_category_id === Number(O));
+            z && (z.parameters = A);
+          }), w;
         }));
       },
-      { immediate: !0 }
-    ), F(
+      { immediate: !0, deep: !0 }
+    ), D(
       () => s.isEditMode,
-      (e) => {
-        e && h.value.forEach((d) => {
-          d.isSelected = !1;
+      (t) => {
+        t && f.value.forEach((a) => {
+          a.isSelected = !1;
         });
       }
-    ), F(
-      v,
-      (e) => {
-        const i = document.querySelectorAll(".static-row")[M.value + 1];
-        i && (i.style.marginTop = `${e}px`), s.isGeneral ? B(M.value, e) : L.value && L.value.setMarginTopDetails(M.value, e), e === 0 && R.value && N(R.value);
+    ), D(
+      h,
+      (t) => {
+        const i = document.querySelectorAll(".static-row")[V.value + 1];
+        i && (i.style.marginTop = `${t}px`), s.isGeneral ? b(V.value, t) : M.value && M.value.setMarginTopDetails(V.value, t), t === 0 && T.value && q(T.value);
       }
     );
-    function B(e, d) {
-      const u = document.querySelectorAll(".scrollable-row")[e + 2];
-      u && (u.style.marginTop = `${d}px`);
+    function b(t, a) {
+      const c = document.querySelectorAll(".scrollable-row")[t + 2];
+      c && (c.style.marginTop = `${a}px`);
+    }
+    function S(t) {
+      d("click-parameters", t);
     }
-    function w(e) {
-      const d = e.player || e.objeto_player, i = d ? d.player_id || d.id || d.playerId : e.id || e.player_id, u = d ? d.team_id || d.teamId : e.team_id || e.teamId, k = {
+    function x(t) {
+      const a = t.player || t.objeto_player, i = a ? a.player_id || a.id || a.playerId : t.id || t.player_id, c = a ? a.team_id || a.teamId : t.team_id || t.teamId, w = {
         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,28 +709,28 @@ 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 = [
-          ...e.stat && e.stat.seasons && e.stat.seasons.length ? e.stat.seasons : e.seasons
+      if (t.stat && t.stat.seasons && t.stat.seasons.length || t.seasons && t.seasons.length) {
+        const O = [
+          ...t.stat && t.stat.seasons && t.stat.seasons.length ? t.stat.seasons : t.seasons
         ];
-        z.sort((rt, ct) => rt - ct), k.seasonId = z.shift(), k.seasonsIds = z;
-      } else (e.season_id || e.seasonId) && (k.seasonId = e.season_id || e.seasonId);
-      e.stat ? e.stat.category_id ? k.categoryIds = e.stat.category_id : e.stat.custom_category_id && (k.customCategoryIds = [e.stat.custom_category_id]) : k.categoryIds = it(e.player_position), r("open-media", k);
+        O.sort((A, z) => A - z), w.seasonId = O.shift(), w.seasonsIds = O;
+      } else (t.season_id || t.seasonId) && (w.seasonId = t.season_id || t.seasonId);
+      t.stat ? t.stat.category_id ? w.categoryIds = t.stat.category_id : t.stat.custom_category_id && (w.customCategoryIds = [t.stat.custom_category_id]) : w.categoryIds = de(t.player_position), d("open-media", w);
     }
-    function Z() {
-      c = new ResizeObserver((e) => {
-        for (const d of e)
-          $.value = d.contentRect.width;
-      }), c.observe(y.value);
+    function N() {
+      r = new ResizeObserver((t) => {
+        for (const a of t)
+          B.value = a.contentRect.width;
+      }), r.observe(k.value);
     }
-    function st(e) {
-      p = new ResizeObserver((d) => {
-        for (const i of d)
-          v.value = i.contentRect.height;
-      }), p.observe(e);
+    function ae(t) {
+      v = new ResizeObserver((a) => {
+        for (const i of a)
+          h.value = i.contentRect.height;
+      }), v.observe(t);
     }
-    function it(e) {
-      return e === "POR" ? [39, 40, 52, 53, 54, 55, 323, 324, 608, 774, 802] : [
+    function de(t) {
+      return t === "POR" ? [39, 40, 52, 53, 54, 55, 323, 324, 608, 774, 802] : [
         10,
         12,
         14,
@@ -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 re(t, a) {
+      a.isSelected = t;
+      const i = f.value.filter((c) => c.isSelected);
+      d("change-selected-players", i);
     }
-    function nt(e) {
-      r("view-profile", e);
+    function ce(t) {
+      d("view-profile", t);
     }
-    function j(e) {
-      r("delete-from-list", e);
+    function G(t) {
+      d("delete-from-list", t);
     }
-    function H(e) {
-      r("add-to-list", e);
+    function U(t) {
+      d("add-to-list", t);
     }
-    function at(e) {
-      r("show-graph", e);
+    function ue(t) {
+      d("show-graph", t);
     }
-    function N(e) {
-      if (e.isExpanded) {
-        e.isExpanded = !1, R.value = null;
+    function q(t) {
+      if (t.isExpanded) {
+        t.isExpanded = !1, T.value = null;
         return;
       }
-      const d = h.value.find((k) => k.isExpanded);
-      if (d && (d.isExpanded = !1), d) {
-        R.value = e;
+      const a = f.value.find((w) => w.isExpanded);
+      if (a && (a.isExpanded = !1), a) {
+        T.value = t;
         return;
       }
-      const u = document.querySelectorAll(".details-row")[e.index];
-      M.value = e.index, st(u), e.isExpanded = !0;
+      const c = document.querySelectorAll(".details-row")[t.index];
+      V.value = t.index, ae(c), t.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(t) {
+      Z = !0, J = t.pageX - g.value.offsetLeft, X = g.value.scrollLeft;
+    }, F = function() {
+      Z = !1;
     };
-    function dt() {
-      a.value && (a.value.addEventListener("mousemove", (e) => {
-        if (!P)
+    function fe() {
+      g.value && (g.value.addEventListener("mousemove", (t) => {
+        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 = t.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 ie(() => {
+      N(), fe();
+    }), ve(() => {
+      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));
+    }), (t, a) => (l(), n("div", {
       class: "table",
       ref_key: "tableSC",
-      ref: y,
-      style: S(g.value)
+      ref: k,
+      style: $(p.value)
     }, [
-      t("div", Nt, [
-        Gt,
-        (l(!0), n(I, null, E(h.value, (i) => (l(), n("div", {
+      e("div", Ke, [
+        Qe,
+        (l(!0), n(R, null, P(f.value, (i) => (l(), n("div", {
           key: `s-${i.id}`,
-          class: _(["row static-row", { odd: i.isOdd }])
+          class: m(["row static-row", { odd: i.isOdd }])
         }, [
-          J(ft, null, {
-            default: ht(() => [
-              vt(t("div", {
-                class: _(["details-row", { odd: i.isOdd }])
+          Q(pe, null, {
+            default: _e(() => [
+              ge(e("div", {
+                class: m(["details-row", { odd: i.isOdd }])
               }, [
-                t("div", Ut, [
-                  t("div", qt, [
-                    t("div", Jt, [
-                      t("div", null, [
-                        T("Equipo: "),
-                        t("span", Xt, f(i.team_name), 1)
+                e("div", Ye, [
+                  e("div", et, [
+                    e("div", tt, [
+                      e("div", null, [
+                        E("Equipo: "),
+                        e("span", ot, u(i.team_name), 1)
                       ]),
-                      t("div", null, [
-                        T("Edad: "),
-                        t("span", Kt, f(i.player_age) + " Años", 1)
+                      e("div", null, [
+                        E("Edad: "),
+                        e("span", st, u(i.player_age) + " Años", 1)
                       ]),
-                      t("div", null, [
-                        T("Nacionalidad: "),
-                        t("span", Qt, f(i.player_country), 1)
+                      e("div", null, [
+                        E("Nacionalidad: "),
+                        e("span", it, u(i.player_country), 1)
                       ]),
-                      t("div", null, [
-                        T("Posición: "),
-                        t("span", Yt, f(i.position_name), 1)
+                      e("div", null, [
+                        E("Posición: "),
+                        e("span", lt, u(i.position_name), 1)
                       ])
                     ]),
-                    t("div", te, [
-                      t("div", null, [
-                        T("Partidos Jugados: "),
-                        t("span", ee, f(i.player_games), 1)
+                    e("div", nt, [
+                      e("div", null, [
+                        E("Partidos Jugados: "),
+                        e("span", at, u(i.player_games), 1)
                       ]),
-                      t("div", null, [
-                        T("Minutos Jugados: "),
-                        t("span", oe, f(i.player_min), 1)
+                      e("div", null, [
+                        E("Minutos Jugados: "),
+                        e("span", dt, u(i.player_min), 1)
                       ])
                     ])
                   ]),
-                  t("div", {
+                  e("div", {
                     class: "details-row__buttons",
-                    style: S(b.value ? "margin-left: 0; gap: 8px;" : "")
+                    style: $(_.value ? "margin-left: 0; gap: 8px;" : "")
                   }, [
-                    t("div", {
+                    e("div", {
                       role: "button",
                       class: "button",
-                      onClick: (u) => at(i)
-                    }, ne, 8, se),
+                      onClick: (c) => ue(i)
+                    }, ft, 8, rt),
                     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)
+                    }, _t, 8, ht)) : (l(), n("div", {
                       key: 1,
                       role: "button",
                       class: "button",
-                      onClick: (u) => H(i)
-                    }, ve, 8, ue)),
-                    t("div", {
+                      onClick: (c) => U(i)
+                    }, bt, 8, gt)),
+                    e("div", {
                       role: "button",
                       class: "button green",
-                      onClick: (u) => nt(i)
-                    }, _e, 8, pe)
+                      onClick: (c) => ce(i)
+                    }, kt, 8, wt)
                   ], 4)
                 ])
               ], 2), [
-                [pt, i.isExpanded]
+                [me, i.isExpanded]
               ])
             ]),
             _: 2
           }, 1024),
-          o.isEditMode ? (l(), X(K($t), {
+          o.isEditMode ? (l(), Y(ee(Ve), {
             key: 0,
             fontFamily: "Poppins-Regular",
             labelFontSize: "14px",
             "model-value": i.isSelected,
-            "onUpdate:modelValue": (u) => lt(u, i)
-          }, null, 8, ["model-value", "onUpdate:modelValue"])) : x("", !0),
-          t("div", me, [
-            t("div", be, f(i.position), 1),
+            "onUpdate:modelValue": (c) => re(c, i)
+          }, null, 8, ["model-value", "onUpdate:modelValue"])) : L("", !0),
+          e("div", xt, [
+            e("div", St, 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)
+            }, Vt, 8, Lt)) : (l(), n("svg", {
               key: 1,
               width: "20",
               height: "20",
               viewBox: "0 0 20 20",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
-              onClick: (u) => H(i)
-            }, Me, 8, Se)),
-            t("div", Ve, [
-              t("div", null, [
-                t("img", {
+              onClick: (c) => U(i)
+            }, Ot, 8, It)),
+            e("div", Pt, [
+              e("div", null, [
+                e("img", {
                   src: i.player_photo,
                   alt: "player photo"
-                }, null, 8, Ie)
+                }, null, 8, Ft)
               ])
             ]),
-            t("div", Re, f(i.player_name), 1)
+            e("div", zt, u(i.player_name), 1)
           ]),
-          t("div", Te, [
+          e("div", Dt, [
             (l(), n("svg", {
-              class: _(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5", { expanded: i.isExpanded }]),
+              class: m(["_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)
+            }, Wt, 10, Zt))
           ])
         ], 2))), 128))
       ]),
-      t("div", {
+      e("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 }, [
+          jt,
+          (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 }])
+            e("div", {
+              class: m(["row team-info", { odd: i.isOdd }])
             }, [
-              t("div", ze, [
-                t("img", {
+              e("div", Ht, [
+                e("img", {
                   src: i.team_logo,
                   alt: "team logo"
-                }, null, 8, De)
+                }, null, 8, Nt)
               ]),
-              t("div", Ae, f(i.team_abrev), 1)
+              e("div", Gt, u(i.team_abrev), 1)
             ], 2),
-            t("div", {
-              class: _(["row data-info", { odd: i.isOdd }])
-            }, f(i.player_position), 3),
-            t("div", {
-              class: _(["row data-info", { odd: i.isOdd }])
-            }, f(i.player_age), 3),
-            t("div", {
-              class: _(["row data-info", { odd: i.isOdd }])
+            e("div", {
+              class: m(["row data-info", { odd: i.isOdd }])
+            }, u(i.player_position), 3),
+            e("div", {
+              class: m(["row data-info", { odd: i.isOdd }])
+            }, u(i.player_age), 3),
+            e("div", {
+              class: m(["row data-info", { odd: i.isOdd }])
             }, [
-              t("img", {
+              e("img", {
                 src: i.player_country_flag,
                 alt: "player country flag",
                 class: "country-flag"
-              }, null, 8, We)
+              }, null, 8, Ut)
             ], 2),
-            t("div", {
-              class: _(["row data-info", { odd: i.isOdd }])
-            }, f(i.player_games), 3),
-            t("div", {
-              class: _(["row data-info", { odd: i.isOdd }])
-            }, f(i.player_min), 3),
-            t("div", {
-              class: _(["row data-info", { odd: i.isOdd }])
-            }, f(i.league_name), 3),
-            t("div", {
-              class: _(["row data-info", { odd: i.isOdd }])
+            e("div", {
+              class: m(["row data-info", { odd: i.isOdd }])
+            }, u(i.player_games), 3),
+            e("div", {
+              class: m(["row data-info", { odd: i.isOdd }])
+            }, u(i.player_min), 3),
+            e("div", {
+              class: m(["row data-info", { odd: i.isOdd }])
+            }, u(i.league_name), 3),
+            e("div", {
+              class: m(["row data-info", { odd: i.isOdd }])
             }, [
-              J(K(zt), {
+              Q(ee(Ae), {
                 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) => w(i)
+                onClick: (c) => x(i)
               }, null, 8, ["onClick"])
             ], 2),
-            t("div", {
-              class: _(["row data-info", { odd: i.isOdd }])
+            e("div", {
+              class: m(["row data-info", { odd: i.isOdd }])
             }, null, 2)
           ]))), 128))
-        ], 64)) : (l(), X(Ht, {
+        ], 64)) : (l(), Y(Xe, {
           key: 1,
           ref_key: "scrollColumns",
-          ref: L,
-          "available-players": h.value,
+          ref: M,
+          "available-players": f.value,
           "is-edit-mode": o.isEditMode,
-          onOpenMedia: w
+          onOpenMedia: x,
+          onClickParameters: S
         }, null, 8, ["available-players", "is-edit-mode"]))
       ], 512)
     ], 4));
   }
-}, He = /* @__PURE__ */ ot(Ze, [["__scopeId", "data-v-ef3c543d"]]);
+}, Xt = /* @__PURE__ */ le(qt, [["__scopeId", "data-v-510e4abc"]]);
 export {
-  He as GSCTableScrollable
+  Xt as GSCTableScrollable
 };