@golstats/gsc-table-scrollable 1.0.11 → 1.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- .checkbox[data-v-b6f124d8]{width:var(--7bd9d47b);height:var(--34dc7ddc);display:flex;justify-content:flex-start;align-items:flex-start;cursor:pointer}.checkbox__teams[data-v-b6f124d8]{margin-left:6px;display:flex}.checkbox__teams__logo[data-v-b6f124d8]{height:22px;width:22px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:solid .5px #cbee6b;background-color:#0d1d29}.checkbox__teams__logo[data-v-b6f124d8]:first-child{transform:translate(8px)}.checkbox__teams__logo>img[data-v-b6f124d8]{height:18px;width:18px}.checkbox.box-right[data-v-b6f124d8]{flex-direction:row-reverse;justify-content:flex-end}.checkbox.box-top[data-v-b6f124d8]{flex-direction:column;justify-content:flex-start;align-items:center}.checkbox.box-bottom[data-v-b6f124d8]{flex-direction:column-reverse;justify-content:flex-end;align-items:center}.checkbox__box[data-v-b6f124d8]{display:flex;justify-content:center;align-items:center}.checkbox__label[data-v-b6f124d8]{margin:.3em 0;width:var(--7bd9d47b)}.button[data-v-f3ee6b2b],.button-active[data-v-f3ee6b2b]{display:inline-flex;justify-content:center;align-content:center;align-items:center;overflow:none;cursor:pointer!important}.button-target[data-v-f3ee6b2b]{display:inline-block;overflow:hidden;height:var(--9d01acb4);border-width:var(--14e95081)!important;border-style:var(--38fec285)!important;border-color:var(--34353510)!important;border-radius:var(--20d20dc6)!important;width:var(--17130967);background-color:var(--4ccb7d36);justify-content:center;align-content:center;align-items:center;overflow:none;cursor:pointer!important;cursor:var(--5d1e86a2)!important;font-size:var(--ce65d4a2)!important;font-style:var(--fe4ac47a)!important;font-family:var(--f98e44dc)!important}.stats[data-v-f3ee6b2b]{display:inline-flex;width:100%;padding-top:5px;justify-content:left;align-items:center;align-content:center;height:60%}.iconstats[data-v-f3ee6b2b]{width:14px;height:14px;margin-left:var(--93b87770)}.numstats[data-v-f3ee6b2b]{font-family:Poppins-SemiBold;color:#fff;font-size:var(--c7f7beba);margin-left:7px}.leyend[data-v-f3ee6b2b]{display:inline-flex;justify-content:center;align-items:center;align-content:center;font-family:Poppins-Regular;color:#a0a3a5;width:100%;height:15%}.text[data-v-f3ee6b2b],.icon[data-v-f3ee6b2b]{padding:0 4px}.parameters[data-v-7023d006]{border-radius:4px;border:solid 1px rgba(255,255,255,.4);padding:0 8px 2px;height:15px;cursor:pointer}.arrow[data-v-7023d006]{cursor:pointer}.expanded[data-v-7023d006]{transform:rotate(180deg)}.scrollable-row-2[data-v-7023d006]{display:grid;grid-template-columns:var(--grid-template-columns);width:fit-content}.scrollable-row-totals[data-v-7023d006]{display:grid;grid-template-columns:var(--grid-template-columns-totals);width:fit-content;transition:all .3s ease}.titles[data-v-7023d006]{width:100%}.column-title-2[data-v-7023d006]{height:70px;width:fit-content;display:flex;justify-content:center;align-items:center;gap:8px;background-color:#1e3142;border-bottom:solid 1px rgba(255,255,255,.1);font-family:Poppins-Medium,sans-serif;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:.2px;text-align:center;color:#f4f4f4;padding:0 17px}.row[data-v-7023d006]{height:72px;border-bottom:solid 1px rgba(255,255,255,.1);background-color:#111d28}.row.odd[data-v-7023d006]{background-color:#172531}.scroll-columns[data-v-7023d006]{display:flex;flex-direction:column;position:relative}.overlay[data-v-7023d006]{position:absolute;top:71px;left:0;right:0;bottom:0;background-color:#0009;z-index:1}.underline[data-v-7023d006]{text-decoration:underline;cursor:pointer}.data-info[data-v-7023d006]{display:flex;justify-content:center;align-items:center;font-family:Poppins-Medium,sans-serif;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:.2px;text-align:left;color:#f4f4f4}.data-info>svg[data-v-7023d006]{cursor:pointer}.button[data-v-510e4abc]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:2px 18px;border-radius:50px;border:solid 1px rgba(255,255,255,.2);background-color:#ffffff1a;cursor:pointer;font-family:Poppins-Medium,sans-serif;font-size:10px;font-weight:500;font-stretch:normal;font-style:normal;line-height:2.4;letter-spacing:normal;text-align:left;color:#fff}.button.green[data-v-510e4abc]{border:solid 1px #cbee6b}svg[data-v-510e4abc]{cursor:pointer}.arrow[data-v-510e4abc]{cursor:pointer;transition:ease .3s;min-width:12px;align-self:center}.expanded[data-v-510e4abc]{transform:rotate(180deg)}.country-flag[data-v-510e4abc]{width:14px;height:auto}.team-info[data-v-510e4abc]{display:flex;justify-content:center;align-items:center;gap:12px}.team-info>.team-logo[data-v-510e4abc]{width:25px;height:25px}.team-info>.team-logo>img[data-v-510e4abc]{width:25px;height:25px}.underline[data-v-510e4abc]{text-decoration:underline}.data-info[data-v-510e4abc]{display:flex;justify-content:center;align-items:center;font-family:Poppins-Medium,sans-serif;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:.2px;text-align:left;color:#f4f4f4}.scrollable-row[data-v-510e4abc]{display:grid;grid-template-columns:104px 100px 100px 100px 100px 100px 104px 114px 100px;transition:ease .3s}.titles[data-v-510e4abc]{width:100%}.row[data-v-510e4abc]{height:72px;border-bottom:solid 1px rgba(255,255,255,.1);background-color:#111d28}.row.odd[data-v-510e4abc]{background-color:#172531}.column-title[data-v-510e4abc]{height:70px;display:flex;justify-content:center;align-items:center;background-color:#1e3142;border-bottom:solid 1px rgba(255,255,255,.1);font-family:Poppins-Medium,sans-serif;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:.2px;text-align:center;color:#f4f4f4}.details-row[data-v-510e4abc]{width:var(--width-details);position:absolute;top:72px;left:0;z-index:1;background-color:#111d28;border-bottom:solid 1px rgba(255,255,255,.1)}.details-row>.container[data-v-510e4abc]{width:calc(var(--width-details));padding:16px 0;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap}.details-row>.container>div[data-v-510e4abc]{margin-bottom:24px}.details-row__info[data-v-510e4abc]{display:flex;align-items:flex-start;font-family:Poppins-Regular,sans-serif;font-weight:500;font-size:12px;color:#fff}.details-row__info>div[data-v-510e4abc]{margin:0 40px}.details-row__info span.bold[data-v-510e4abc]{font-family:Poppins-Medium,sans-serif}.details-row__buttons[data-v-510e4abc]{display:flex;align-items:center;gap:16px;margin-left:40px}.details-row.odd[data-v-510e4abc]{background-color:#172531}.static-row[data-v-510e4abc]{display:grid;grid-template-columns:1fr min-content;column-gap:12px;padding-left:12px;position:relative;transition:all .3s ease}.static-row__info-player[data-v-510e4abc]{display:flex;justify-content:flex-start;align-items:center;gap:var(--gap-static-row);overflow:hidden}.static-row__info-player>.position[data-v-510e4abc]{font-family:Montserrat-SemiBold,sans-serif;font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:.2px;text-align:left;color:#f4f4f4}.static-row__info-player>.player-name[data-v-510e4abc]{font-family:Poppins-Medium,sans-serif;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:.2px;text-align:left;color:#f4f4f4;white-space:nowrap;overflow:hidden;flex-shrink:2}.player-photo[data-v-510e4abc]{width:32px;height:32px;border-radius:50%;background-color:#fff}.player-photo>div[data-v-510e4abc]{width:32px;height:32px;overflow:hidden;background-color:#fff;display:flex;justify-content:center;align-items:flex-start;border-radius:50%}.player-photo>div>img[data-v-510e4abc]{width:auto;height:40px}.table[data-v-510e4abc]{width:100%;height:fit-content;display:flex;justify-content:flex-start;align-items:flex-start}.table__static-column[data-v-510e4abc]{width:var(--width-static-column);min-width:var(--width-static-column);background-color:#1e3142}.table__scrollable-columns[data-v-510e4abc]{width:100%;overflow-x:scroll}
1
+ .checkbox[data-v-b6f124d8]{width:var(--7bd9d47b);height:var(--34dc7ddc);display:flex;justify-content:flex-start;align-items:flex-start;cursor:pointer}.checkbox__teams[data-v-b6f124d8]{margin-left:6px;display:flex}.checkbox__teams__logo[data-v-b6f124d8]{height:22px;width:22px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:solid .5px #cbee6b;background-color:#0d1d29}.checkbox__teams__logo[data-v-b6f124d8]:first-child{transform:translate(8px)}.checkbox__teams__logo>img[data-v-b6f124d8]{height:18px;width:18px}.checkbox.box-right[data-v-b6f124d8]{flex-direction:row-reverse;justify-content:flex-end}.checkbox.box-top[data-v-b6f124d8]{flex-direction:column;justify-content:flex-start;align-items:center}.checkbox.box-bottom[data-v-b6f124d8]{flex-direction:column-reverse;justify-content:flex-end;align-items:center}.checkbox__box[data-v-b6f124d8]{display:flex;justify-content:center;align-items:center}.checkbox__label[data-v-b6f124d8]{margin:.3em 0;width:var(--7bd9d47b)}.button[data-v-f3ee6b2b],.button-active[data-v-f3ee6b2b]{display:inline-flex;justify-content:center;align-content:center;align-items:center;overflow:none;cursor:pointer!important}.button-target[data-v-f3ee6b2b]{display:inline-block;overflow:hidden;height:var(--9d01acb4);border-width:var(--14e95081)!important;border-style:var(--38fec285)!important;border-color:var(--34353510)!important;border-radius:var(--20d20dc6)!important;width:var(--17130967);background-color:var(--4ccb7d36);justify-content:center;align-content:center;align-items:center;overflow:none;cursor:pointer!important;cursor:var(--5d1e86a2)!important;font-size:var(--ce65d4a2)!important;font-style:var(--fe4ac47a)!important;font-family:var(--f98e44dc)!important}.stats[data-v-f3ee6b2b]{display:inline-flex;width:100%;padding-top:5px;justify-content:left;align-items:center;align-content:center;height:60%}.iconstats[data-v-f3ee6b2b]{width:14px;height:14px;margin-left:var(--93b87770)}.numstats[data-v-f3ee6b2b]{font-family:Poppins-SemiBold;color:#fff;font-size:var(--c7f7beba);margin-left:7px}.leyend[data-v-f3ee6b2b]{display:inline-flex;justify-content:center;align-items:center;align-content:center;font-family:Poppins-Regular;color:#a0a3a5;width:100%;height:15%}.text[data-v-f3ee6b2b],.icon[data-v-f3ee6b2b]{padding:0 4px}.parameters[data-v-943c6e4b]{border-radius:4px;border:solid 1px rgba(255,255,255,.4);padding:0 8px 2px;height:15px;cursor:pointer}.arrow[data-v-943c6e4b]{cursor:pointer}.expanded[data-v-943c6e4b]{transform:rotate(180deg)}.scrollable-row-2[data-v-943c6e4b]{display:grid;grid-template-columns:var(--grid-template-columns);width:fit-content}.scrollable-row-totals[data-v-943c6e4b]{display:grid;grid-template-columns:var(--grid-template-columns-totals);width:fit-content;transition:all .3s ease}.titles[data-v-943c6e4b]{width:100%}.column-title-2[data-v-943c6e4b]{height:70px;width:fit-content;display:flex;justify-content:center;align-items:center;gap:8px;background-color:#1e3142;border-bottom:solid 1px rgba(255,255,255,.1);font-family:Poppins-Medium,sans-serif;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:.2px;text-align:center;color:#f4f4f4;padding:0 17px}.row[data-v-943c6e4b]{height:72px;border-bottom:solid 1px rgba(255,255,255,.1);background-color:#111d28}.row.odd[data-v-943c6e4b]{background-color:#172531}.scroll-columns[data-v-943c6e4b]{display:flex;flex-direction:column;position:relative}.overlay[data-v-943c6e4b]{position:absolute;top:71px;left:0;right:0;bottom:0;background-color:#0009;z-index:1}.underline[data-v-943c6e4b]{text-decoration:underline;cursor:pointer}.data-info[data-v-943c6e4b]{display:flex;justify-content:center;align-items:center;font-family:Poppins-Medium,sans-serif;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:.2px;text-align:left;color:#f4f4f4}.data-info>svg[data-v-943c6e4b]{cursor:pointer}.button[data-v-d89df432]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:2px 18px;border-radius:50px;border:solid 1px rgba(255,255,255,.2);background-color:#ffffff1a;cursor:pointer;font-family:Poppins-Medium,sans-serif;font-size:10px;font-weight:500;font-stretch:normal;font-style:normal;line-height:2.4;letter-spacing:normal;text-align:left;color:#fff}.button.green[data-v-d89df432]{border:solid 1px #cbee6b}svg[data-v-d89df432]{cursor:pointer}.arrow[data-v-d89df432]{cursor:pointer;transition:ease .3s;min-width:12px;align-self:center}.expanded[data-v-d89df432]{transform:rotate(180deg)}.country-flag[data-v-d89df432]{width:14px;height:auto}.team-info[data-v-d89df432]{display:flex;justify-content:center;align-items:center;gap:12px}.team-info>.team-logo[data-v-d89df432]{width:25px;height:25px}.team-info>.team-logo>img[data-v-d89df432]{width:25px;height:25px}.underline[data-v-d89df432]{text-decoration:underline}.data-info[data-v-d89df432]{display:flex;justify-content:center;align-items:center;font-family:Poppins-Medium,sans-serif;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:.2px;text-align:left;color:#f4f4f4}.scrollable-row[data-v-d89df432]{display:grid;grid-template-columns:104px 100px 100px 100px 100px 100px 104px 114px 100px;transition:ease .3s}.titles[data-v-d89df432]{width:100%}.row[data-v-d89df432]{height:72px;border-bottom:solid 1px rgba(255,255,255,.1);background-color:#111d28}.row.odd[data-v-d89df432]{background-color:#172531}.column-title[data-v-d89df432]{height:70px;display:flex;justify-content:center;align-items:center;background-color:#1e3142;border-bottom:solid 1px rgba(255,255,255,.1);font-family:Poppins-Medium,sans-serif;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:.2px;text-align:center;color:#f4f4f4}.details-row[data-v-d89df432]{width:var(--width-details);position:absolute;top:72px;left:0;z-index:1;background-color:#111d28;border-bottom:solid 1px rgba(255,255,255,.1)}.details-row>.container[data-v-d89df432]{width:calc(var(--width-details));padding:16px 0;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap}.details-row>.container>div[data-v-d89df432]{margin-bottom:24px}.details-row__info[data-v-d89df432]{display:flex;align-items:flex-start;font-family:Poppins-Regular,sans-serif;font-weight:500;font-size:12px;color:#fff}.details-row__info>div[data-v-d89df432]{margin:0 40px}.details-row__info span.bold[data-v-d89df432]{font-family:Poppins-Medium,sans-serif}.details-row__buttons[data-v-d89df432]{display:flex;align-items:center;gap:16px;margin-left:40px}.details-row.odd[data-v-d89df432]{background-color:#172531}.static-row[data-v-d89df432]{display:grid;grid-template-columns:1fr min-content;column-gap:12px;padding-left:12px;position:relative;transition:all .3s ease}.static-row__info-player[data-v-d89df432]{display:flex;justify-content:flex-start;align-items:center;gap:var(--gap-static-row);overflow:hidden}.static-row__info-player>.position[data-v-d89df432]{font-family:Montserrat-SemiBold,sans-serif;font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:.2px;text-align:left;color:#f4f4f4}.static-row__info-player>.player-name[data-v-d89df432]{font-family:Poppins-Medium,sans-serif;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:.2px;text-align:left;color:#f4f4f4;white-space:nowrap;overflow:hidden;flex-shrink:2}.player-photo[data-v-d89df432]{width:32px;height:32px;border-radius:50%;background-color:#fff}.player-photo>div[data-v-d89df432]{width:32px;height:32px;overflow:hidden;background-color:#fff;display:flex;justify-content:center;align-items:flex-start;border-radius:50%}.player-photo>div>img[data-v-d89df432]{width:auto;height:40px}.table[data-v-d89df432]{width:100%;height:fit-content;display:flex;justify-content:flex-start;align-items:flex-start}.table__static-column[data-v-d89df432]{width:var(--width-static-column);min-width:var(--width-static-column);background-color:#1e3142}.table__scrollable-columns[data-v-d89df432]{width:100%;overflow-x:scroll}
@@ -1,19 +1,19 @@
1
- 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";
2
- const be = (o, d) => {
1
+ 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";
2
+ const bt = (o, d) => {
3
3
  const s = o.__vccOpts || o;
4
4
  for (const [r, v] of d)
5
5
  s[r] = v;
6
6
  return s;
7
- }, we = { key: 1 }, ye = {
7
+ }, wt = { key: 1 }, kt = {
8
8
  width: "10",
9
9
  height: "8",
10
10
  viewBox: "0 0 10 8",
11
11
  fill: "none",
12
12
  xmlns: "http://www.w3.org/2000/svg"
13
- }, ke = ["fill"], xe = {
13
+ }, yt = ["fill"], xt = {
14
14
  key: 0,
15
15
  class: "checkbox__teams"
16
- }, Se = { class: "checkbox__teams__logo" }, Le = ["src"], $e = { class: "checkbox__teams__logo" }, Me = ["src"], Be = {
16
+ }, St = { class: "checkbox__teams__logo" }, Lt = ["src"], $t = { class: "checkbox__teams__logo" }, Mt = ["src"], Bt = {
17
17
  __name: "GSC-Checkbox",
18
18
  props: {
19
19
  width: {
@@ -124,11 +124,11 @@ const be = (o, d) => {
124
124
  emits: ["update:modelValue"],
125
125
  setup(o, { emit: d }) {
126
126
  const s = o;
127
- se((h) => ({
127
+ st((h) => ({
128
128
  "7bd9d47b": o.width,
129
129
  "34dc7ddc": o.height
130
130
  }));
131
- const r = y(!1), v = I(() => {
131
+ const r = k(!1), v = I(() => {
132
132
  const h = {
133
133
  color: s.boxValueColor,
134
134
  "font-family": s.fontFamily,
@@ -144,7 +144,7 @@ const be = (o, d) => {
144
144
  "font-size": s.boxValueFontSize,
145
145
  color: s.boxValueColor,
146
146
  "line-height": 1
147
- })), k = I(() => {
147
+ })), y = I(() => {
148
148
  const h = {
149
149
  color: s.labelColor,
150
150
  "font-family": s.fontFamily,
@@ -168,10 +168,10 @@ const be = (o, d) => {
168
168
  return `${{}.TEAM_LOGOS_URL || "https://golstatsimages.blob.core.windows.net/teams-80/"}${h}.png`;
169
169
  }
170
170
  return (h, V) => (l(), n("div", {
171
- class: m(["checkbox", `box-${o.boxPosition}`]),
171
+ class: C(["checkbox", `box-${o.boxPosition}`]),
172
172
  onClick: M
173
173
  }, [
174
- e("div", {
174
+ t("div", {
175
175
  class: "checkbox__box",
176
176
  style: $(v.value)
177
177
  }, [
@@ -180,37 +180,37 @@ const be = (o, d) => {
180
180
  key: 0,
181
181
  class: "checkbox__box__value",
182
182
  style: $(f.value)
183
- }, u(o.boxValue), 5)) : (l(), n("div", we, [
184
- (l(), n("svg", ye, [
185
- e("path", {
183
+ }, u(o.boxValue), 5)) : (l(), n("div", wt, [
184
+ (l(), n("svg", kt, [
185
+ t("path", {
186
186
  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",
187
187
  fill: o.boxValueColor
188
- }, null, 8, ke)
188
+ }, null, 8, yt)
189
189
  ]))
190
190
  ]))
191
191
  ], 64)) : L("", !0)
192
192
  ], 4),
193
- o.teamsIds && o.teamsIds.length ? (l(), n("div", xe, [
194
- e("div", Se, [
195
- e("img", {
193
+ o.teamsIds && o.teamsIds.length ? (l(), n("div", xt, [
194
+ t("div", St, [
195
+ t("img", {
196
196
  src: B(o.teamsIds[0]),
197
197
  alt: ""
198
- }, null, 8, Le)
198
+ }, null, 8, Lt)
199
199
  ]),
200
- e("div", $e, [
201
- e("img", {
200
+ t("div", $t, [
201
+ t("img", {
202
202
  src: B(o.teamsIds[1]),
203
203
  alt: ""
204
- }, null, 8, Me)
204
+ }, null, 8, Mt)
205
205
  ])
206
206
  ])) : L("", !0),
207
- e("div", {
207
+ t("div", {
208
208
  class: "checkbox__label",
209
- style: $(k.value)
209
+ style: $(y.value)
210
210
  }, u(o.label), 5)
211
211
  ], 2));
212
212
  }
213
- }, Ve = /* @__PURE__ */ be(Be, [["__scopeId", "data-v-b6f124d8"]]), Ie = (o, d) => {
213
+ }, Vt = /* @__PURE__ */ bt(Bt, [["__scopeId", "data-v-b6f124d8"]]), It = (o, d) => {
214
214
  const s = o.__vccOpts || o;
215
215
  for (const [r, v] of d)
216
216
  s[r] = v;
@@ -289,8 +289,8 @@ const be = (o, d) => {
289
289
  this.$emit("click", o), this.typeOnOff && (this.status = !this.status, this.$emit("status", this.status));
290
290
  }
291
291
  }
292
- }, te = () => {
293
- se((o) => ({
292
+ }, et = () => {
293
+ st((o) => ({
294
294
  "9d01acb4": o.height,
295
295
  "14e95081": o.borderWidthBtn,
296
296
  "38fec285": o.borderType,
@@ -305,72 +305,72 @@ const be = (o, d) => {
305
305
  "93b87770": o.marginLeftStat,
306
306
  c7f7beba: o.fontSizeStat
307
307
  }));
308
- }, oe = H.setup;
309
- H.setup = oe ? (o, d) => (te(), oe(o, d)) : te;
310
- const Re = (o) => (W("data-v-f3ee6b2b"), o = o(), j(), o), Te = ["src"], Ee = {
308
+ }, ot = H.setup;
309
+ H.setup = ot ? (o, d) => (et(), ot(o, d)) : et;
310
+ const Rt = (o) => (W("data-v-f3ee6b2b"), o = o(), j(), o), Tt = ["src"], Et = {
311
311
  key: 1,
312
312
  class: "text"
313
- }, Oe = ["src"], Pe = { class: "stats" }, Fe = /* @__PURE__ */ Re(() => /* @__PURE__ */ e("img", {
313
+ }, Ot = ["src"], Pt = { class: "stats" }, Ft = /* @__PURE__ */ Rt(() => /* @__PURE__ */ t("img", {
314
314
  class: "iconstats",
315
315
  src: "https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"
316
- }, null, -1)), ze = { class: "numstats" }, De = { class: "leyend" };
317
- function Ze(o, d, s, r, v, f) {
316
+ }, null, -1)), zt = { class: "numstats" }, Dt = { class: "leyend" };
317
+ function Zt(o, d, s, r, v, f) {
318
318
  return l(), n("div", null, [
319
319
  s.type == 0 ? (l(), n("div", {
320
320
  key: 0,
321
- class: m(["button", v.status && s.typeOnOff && "button-active"]),
321
+ class: C(["button", v.status && s.typeOnOff && "button-active"]),
322
322
  style: $([f.customStyle, v.status && s.typeOnOff && f.customActive]),
323
- onClick: d[0] || (d[0] = (...k) => f.btnClick && f.btnClick(...k))
323
+ onClick: d[0] || (d[0] = (...y) => f.btnClick && f.btnClick(...y))
324
324
  }, [
325
325
  s.icon && s.iconPosition.toLowerCase() === "left" ? (l(), n("img", {
326
326
  key: 0,
327
327
  class: "icon",
328
328
  style: $({ width: s.iconSize }),
329
329
  src: s.icon
330
- }, null, 12, Te)) : L("", !0),
331
- s.textValue ? (l(), n("div", Ee, u(s.textValue), 1)) : L("", !0),
330
+ }, null, 12, Tt)) : L("", !0),
331
+ s.textValue ? (l(), n("div", Et, u(s.textValue), 1)) : L("", !0),
332
332
  s.icon && s.iconPosition.toLowerCase() === "right" ? (l(), n("img", {
333
333
  key: 2,
334
334
  class: "icon",
335
335
  style: $({ width: s.iconSize }),
336
336
  src: s.icon
337
- }, null, 12, Oe)) : L("", !0)
337
+ }, null, 12, Ot)) : L("", !0)
338
338
  ], 6)) : L("", !0),
339
339
  s.type == 1 ? (l(), n("div", {
340
340
  key: 1,
341
341
  class: "button-target",
342
- onClick: d[1] || (d[1] = (...k) => f.btnClick && f.btnClick(...k))
342
+ onClick: d[1] || (d[1] = (...y) => f.btnClick && f.btnClick(...y))
343
343
  }, [
344
- e("div", Pe, [
345
- Fe,
346
- e("div", ze, u(s.textStat), 1)
344
+ t("div", Pt, [
345
+ Ft,
346
+ t("div", zt, u(s.textStat), 1)
347
347
  ]),
348
- e("div", De, u(s.textCategory), 1)
348
+ t("div", Dt, u(s.textCategory), 1)
349
349
  ])) : L("", !0)
350
350
  ]);
351
351
  }
352
- const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b"]]), le = (o, d) => {
352
+ const At = /* @__PURE__ */ It(H, [["render", Zt], ["__scopeId", "data-v-f3ee6b2b"]]), lt = (o, d) => {
353
353
  const s = o.__vccOpts || o;
354
354
  for (const [r, v] of d)
355
355
  s[r] = v;
356
356
  return s;
357
- }, ne = (o) => (W("data-v-7023d006"), o = o(), j(), o), We = {
357
+ }, nt = (o) => (W("data-v-943c6e4b"), o = o(), j(), o), Wt = {
358
358
  key: 0,
359
359
  class: "overlay"
360
- }, je = { class: "name" }, He = ["onClick"], Ne = /* @__PURE__ */ ne(() => /* @__PURE__ */ e("svg", {
360
+ }, jt = { class: "name" }, Ht = ["onClick"], Nt = /* @__PURE__ */ nt(() => /* @__PURE__ */ t("svg", {
361
361
  width: "11",
362
362
  height: "12",
363
363
  viewBox: "0 0 11 12",
364
364
  fill: "none",
365
365
  xmlns: "http://www.w3.org/2000/svg"
366
366
  }, [
367
- /* @__PURE__ */ e("path", {
367
+ /* @__PURE__ */ t("path", {
368
368
  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",
369
369
  fill: "white"
370
370
  })
371
- ], -1)), Ge = [
372
- Ne
373
- ], Ue = /* @__PURE__ */ ne(() => /* @__PURE__ */ e("div", { class: "column-title-2" }, null, -1)), qe = ["onClick"], Je = {
371
+ ], -1)), Gt = [
372
+ Nt
373
+ ], Ut = /* @__PURE__ */ nt(() => /* @__PURE__ */ t("div", { class: "column-title-2" }, null, -1)), qt = ["onClick"], Jt = {
374
374
  __name: "ScrollColumns",
375
375
  props: {
376
376
  availablePlayers: {
@@ -382,17 +382,17 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
382
382
  default: !1
383
383
  }
384
384
  },
385
- emits: ["expand", "open-media"],
385
+ emits: ["expand", "open-media", "click-parameters"],
386
386
  setup(o, { expose: d, emit: s }) {
387
- const r = o, v = y(null), f = y(null), k = y(0);
388
- y(!1);
387
+ const r = o, v = k(null), f = k(null), y = k(0);
388
+ k(!1);
389
389
  const M = I(() => {
390
390
  const p = r.availablePlayers[0];
391
391
  return p ? p.stats : [];
392
392
  }), B = I(() => {
393
393
  const p = `repeat(${M.value.length}, max-content) 36px`;
394
394
  let _ = "";
395
- return k.value > 0 && document.querySelectorAll(".column-title-2").forEach((S) => {
395
+ return y.value > 0 && document.querySelectorAll(".column-title-2").forEach((S) => {
396
396
  _ += `${S.offsetWidth}px `;
397
397
  }), {
398
398
  "--grid-template-columns": p,
@@ -402,8 +402,8 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
402
402
  function h() {
403
403
  v.value = new ResizeObserver((p) => {
404
404
  for (const _ of p) {
405
- const { width: b } = _.contentRect;
406
- k.value = b;
405
+ const { width: w } = _.contentRect;
406
+ y.value = w;
407
407
  }
408
408
  }), v.value.observe(f.value);
409
409
  }
@@ -417,7 +417,7 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
417
417
  function g(p) {
418
418
  !p || p === "no" || s("click-parameters", p);
419
419
  }
420
- return ie(() => {
420
+ return it(() => {
421
421
  h();
422
422
  }), d({
423
423
  setMarginTopDetails: V
@@ -425,54 +425,54 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
425
425
  class: "scroll-columns",
426
426
  style: $(B.value)
427
427
  }, [
428
- o.isEditMode ? (l(), n("div", We)) : L("", !0),
429
- e("div", {
428
+ o.isEditMode ? (l(), n("div", Wt)) : L("", !0),
429
+ t("div", {
430
430
  ref_key: "titlesRow",
431
431
  ref: f,
432
432
  class: "scrollable-row-2"
433
433
  }, [
434
- (l(!0), n(R, null, P(M.value, (b, S) => (l(), n("div", {
434
+ (l(!0), n(R, null, P(M.value, (w, S) => (l(), n("div", {
435
435
  key: `t-${S}`,
436
436
  class: "column-title-2"
437
437
  }, [
438
- e("div", je, u(b.name), 1),
439
- b.parameters && b.parameters !== "no" ? (l(), n("div", {
438
+ t("div", jt, u(w.name), 1),
439
+ w.parameters && w.parameters !== "no" ? (l(), n("div", {
440
440
  key: 0,
441
441
  class: "parameters",
442
442
  role: "button",
443
- onClick: (x) => g(b.parameters)
444
- }, Ge, 8, He)) : L("", !0)
443
+ onClick: (x) => g(w.parameters)
444
+ }, Gt, 8, Ht)) : L("", !0)
445
445
  ]))), 128)),
446
- Ue
446
+ Ut
447
447
  ], 512),
448
- (l(!0), n(R, null, P(o.availablePlayers, (b, S) => (l(), n("div", {
449
- key: `i-${b.id}`,
448
+ (l(!0), n(R, null, P(o.availablePlayers, (w, S) => (l(), n("div", {
449
+ key: `i-${w.id}`,
450
450
  class: "row scrollable-row-totals"
451
451
  }, [
452
- (l(!0), n(R, null, P(b.stats, (x) => (l(), n("div", {
452
+ (l(!0), n(R, null, P(w.stats, (x) => (l(), n("div", {
453
453
  key: x.category_id,
454
- class: m(["row data-info", { odd: S % 2 !== 0, underline: !!x.total && x.total !== "0%" && x.seasons && x.seasons.length }]),
455
- onClick: (N) => T({ player: b, stat: x })
456
- }, u(x.total), 11, qe))), 128))
454
+ class: C(["row data-info", { odd: S % 2 !== 0, underline: !!x.total && x.total !== "0%" && x.seasons && x.seasons.length }]),
455
+ onClick: (N) => T({ player: w, stat: x })
456
+ }, u(x.total), 11, qt))), 128))
457
457
  ]))), 128))
458
458
  ], 4));
459
459
  }
460
- }, 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", {
460
+ }, 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", {
461
461
  width: "17",
462
462
  height: "16",
463
463
  viewBox: "0 0 17 16",
464
464
  fill: "none",
465
465
  xmlns: "http://www.w3.org/2000/svg"
466
466
  }, [
467
- /* @__PURE__ */ e("g", { "clip-path": "url(#clip0_3514_71971)" }, [
468
- /* @__PURE__ */ e("path", {
467
+ /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_3514_71971)" }, [
468
+ /* @__PURE__ */ t("path", {
469
469
  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",
470
470
  fill: "white"
471
471
  })
472
472
  ]),
473
- /* @__PURE__ */ e("defs", null, [
474
- /* @__PURE__ */ e("clipPath", { id: "clip0_3514_71971" }, [
475
- /* @__PURE__ */ e("rect", {
473
+ /* @__PURE__ */ t("defs", null, [
474
+ /* @__PURE__ */ t("clipPath", { id: "clip0_3514_71971" }, [
475
+ /* @__PURE__ */ t("rect", {
476
476
  width: "16",
477
477
  height: "16",
478
478
  fill: "white",
@@ -480,17 +480,17 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
480
480
  })
481
481
  ])
482
482
  ])
483
- ], -1)), ft = [
484
- ct,
485
- ut
486
- ], ht = ["onClick"], vt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("div", null, "Eliminar de lista", -1)), pt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("svg", {
483
+ ], -1)), fe = [
484
+ ce,
485
+ ue
486
+ ], he = ["onClick"], ve = /* @__PURE__ */ b(() => /* @__PURE__ */ t("div", null, "Eliminar de lista", -1)), pe = /* @__PURE__ */ b(() => /* @__PURE__ */ t("svg", {
487
487
  width: "17",
488
488
  height: "15",
489
489
  viewBox: "0 0 20 18",
490
490
  fill: "none",
491
491
  xmlns: "http://www.w3.org/2000/svg"
492
492
  }, [
493
- /* @__PURE__ */ e("path", {
493
+ /* @__PURE__ */ t("path", {
494
494
  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",
495
495
  stroke: "white",
496
496
  "stroke-opacity": "0.5",
@@ -498,7 +498,7 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
498
498
  "stroke-linecap": "round",
499
499
  "stroke-linejoin": "round"
500
500
  }),
501
- /* @__PURE__ */ e("path", {
501
+ /* @__PURE__ */ t("path", {
502
502
  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",
503
503
  stroke: "white",
504
504
  "stroke-opacity": "0.5",
@@ -506,7 +506,7 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
506
506
  "stroke-linecap": "round",
507
507
  "stroke-linejoin": "round"
508
508
  }),
509
- /* @__PURE__ */ e("path", {
509
+ /* @__PURE__ */ t("path", {
510
510
  d: "M18.332 8.16663H13.332",
511
511
  stroke: "white",
512
512
  "stroke-opacity": "0.5",
@@ -514,17 +514,17 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
514
514
  "stroke-linecap": "round",
515
515
  "stroke-linejoin": "round"
516
516
  })
517
- ], -1)), _t = [
518
- vt,
519
- pt
520
- ], gt = ["onClick"], mt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("div", null, "Agregar a lista", -1)), Ct = /* @__PURE__ */ C(() => /* @__PURE__ */ e("svg", {
517
+ ], -1)), _e = [
518
+ ve,
519
+ pe
520
+ ], ge = ["onClick"], me = /* @__PURE__ */ b(() => /* @__PURE__ */ t("div", null, "Agregar a lista", -1)), Ce = /* @__PURE__ */ b(() => /* @__PURE__ */ t("svg", {
521
521
  width: "20",
522
522
  height: "20",
523
523
  viewBox: "0 0 20 20",
524
524
  fill: "none",
525
525
  xmlns: "http://www.w3.org/2000/svg"
526
526
  }, [
527
- /* @__PURE__ */ e("path", {
527
+ /* @__PURE__ */ t("path", {
528
528
  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",
529
529
  stroke: "white",
530
530
  "stroke-opacity": "1",
@@ -532,7 +532,7 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
532
532
  "stroke-linecap": "round",
533
533
  "stroke-linejoin": "round"
534
534
  }),
535
- /* @__PURE__ */ e("path", {
535
+ /* @__PURE__ */ t("path", {
536
536
  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",
537
537
  stroke: "white",
538
538
  "stroke-opacity": "1",
@@ -540,7 +540,7 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
540
540
  "stroke-linecap": "round",
541
541
  "stroke-linejoin": "round"
542
542
  }),
543
- /* @__PURE__ */ e("path", {
543
+ /* @__PURE__ */ t("path", {
544
544
  d: "M15.5996 6.79944V11.6001M17.9999 9.19979H13.1992",
545
545
  stroke: "white",
546
546
  "stroke-opacity": "1",
@@ -548,69 +548,69 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
548
548
  "stroke-linecap": "round",
549
549
  "stroke-linejoin": "round"
550
550
  })
551
- ], -1)), bt = [
552
- mt,
553
- Ct
554
- ], wt = ["onClick"], yt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("div", null, "Ver perfil", -1)), kt = [
555
- yt
556
- ], xt = { class: "static-row__info-player" }, St = { class: "position" }, Lt = ["onClick"], $t = /* @__PURE__ */ C(() => /* @__PURE__ */ e("path", {
551
+ ], -1)), be = [
552
+ me,
553
+ Ce
554
+ ], we = ["onClick"], ke = /* @__PURE__ */ b(() => /* @__PURE__ */ t("div", null, "Ver perfil", -1)), ye = [
555
+ ke
556
+ ], xe = { class: "static-row__info-player" }, Se = { class: "position" }, Le = ["onClick"], $e = /* @__PURE__ */ b(() => /* @__PURE__ */ t("path", {
557
557
  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",
558
558
  stroke: "white",
559
559
  "stroke-opacity": "0.5",
560
560
  "stroke-width": "1.5",
561
561
  "stroke-linecap": "round",
562
562
  "stroke-linejoin": "round"
563
- }, null, -1)), Mt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("path", {
563
+ }, null, -1)), Me = /* @__PURE__ */ b(() => /* @__PURE__ */ t("path", {
564
564
  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",
565
565
  stroke: "white",
566
566
  "stroke-opacity": "0.5",
567
567
  "stroke-width": "1.5",
568
568
  "stroke-linecap": "round",
569
569
  "stroke-linejoin": "round"
570
- }, null, -1)), Bt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("path", {
570
+ }, null, -1)), Be = /* @__PURE__ */ b(() => /* @__PURE__ */ t("path", {
571
571
  d: "M18.332 8.16663H13.332",
572
572
  stroke: "white",
573
573
  "stroke-opacity": "0.5",
574
574
  "stroke-width": "1.5",
575
575
  "stroke-linecap": "round",
576
576
  "stroke-linejoin": "round"
577
- }, null, -1)), Vt = [
578
- $t,
579
- Mt,
580
- Bt
581
- ], It = ["onClick"], Rt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("path", {
577
+ }, null, -1)), Ve = [
578
+ $e,
579
+ Me,
580
+ Be
581
+ ], Ie = ["onClick"], Re = /* @__PURE__ */ b(() => /* @__PURE__ */ t("path", {
582
582
  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",
583
583
  stroke: "white",
584
584
  "stroke-opacity": "1",
585
585
  "stroke-width": "1.44023",
586
586
  "stroke-linecap": "round",
587
587
  "stroke-linejoin": "round"
588
- }, null, -1)), Tt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("path", {
588
+ }, null, -1)), Te = /* @__PURE__ */ b(() => /* @__PURE__ */ t("path", {
589
589
  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",
590
590
  stroke: "white",
591
591
  "stroke-opacity": "1",
592
592
  "stroke-width": "1.44023",
593
593
  "stroke-linecap": "round",
594
594
  "stroke-linejoin": "round"
595
- }, null, -1)), Et = /* @__PURE__ */ C(() => /* @__PURE__ */ e("path", {
595
+ }, null, -1)), Ee = /* @__PURE__ */ b(() => /* @__PURE__ */ t("path", {
596
596
  d: "M15.5996 6.79944V11.6001M17.9999 9.19979H13.1992",
597
597
  stroke: "white",
598
598
  "stroke-opacity": "1",
599
599
  "stroke-width": "1.44023",
600
600
  "stroke-linecap": "round",
601
601
  "stroke-linejoin": "round"
602
- }, null, -1)), Ot = [
603
- Rt,
604
- Tt,
605
- Et
606
- ], Pt = { class: "player-photo" }, Ft = ["src"], zt = { class: "player-name" }, Dt = { class: "arrow" }, Zt = ["onClick"], At = /* @__PURE__ */ C(() => /* @__PURE__ */ e("path", {
602
+ }, null, -1)), Oe = [
603
+ Re,
604
+ Te,
605
+ Ee
606
+ ], Pe = { class: "player-photo" }, Fe = ["src"], ze = { class: "player-name" }, De = { class: "arrow" }, Ze = ["onClick"], Ae = /* @__PURE__ */ b(() => /* @__PURE__ */ t("path", {
607
607
  "fill-rule": "evenodd",
608
608
  "clip-rule": "evenodd",
609
609
  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",
610
610
  fill: "#D9D9D9"
611
- }, null, -1)), Wt = [
612
- At
613
- ], 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 = {
611
+ }, null, -1)), We = [
612
+ Ae
613
+ ], 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 = {
614
614
  __name: "GSC-TableScrollable",
615
615
  props: {
616
616
  players: {
@@ -641,18 +641,18 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
641
641
  setup(o, { emit: d }) {
642
642
  const s = o;
643
643
  let r = null, v = null;
644
- const f = y([]), k = y(null), M = y(null), B = y(0), h = y(0), V = y(-1);
645
- y(!1);
646
- const T = y(null), g = y(null), p = I(() => ({
644
+ const f = k([]), y = k(null), M = k(null), B = k(0), h = k(0), V = k(-1);
645
+ k(!1);
646
+ const T = k(null), g = k(null), p = I(() => ({
647
647
  "--width-details": `${B.value}px`,
648
648
  "--gap-static-row": `${_.value ? "8px" : "18px"}`,
649
649
  "--width-static-column": `${_.value ? "50%" : "256px"}`
650
650
  })), _ = I(() => B.value < 600);
651
651
  D(
652
652
  () => s.players,
653
- (t) => {
654
- t && t.length && (f.value = t.map((a, i) => {
655
- const c = i + 1, w = {
653
+ (e) => {
654
+ e && e.length && (f.value = e.map((a, i) => {
655
+ const c = i + 1, m = {
656
656
  ...a,
657
657
  position: c < 10 ? `0${c}` : `${c}`,
658
658
  isSelected: !1,
@@ -660,36 +660,36 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
660
660
  isOdd: i % 2 !== 0,
661
661
  index: i
662
662
  };
663
- return w.parameters && Object.entries(w.parameters).forEach(([O, A]) => {
664
- const z = w.stats.find((he) => he.custom_category_id === Number(O));
663
+ return m.parameters && Object.entries(m.parameters).forEach(([O, A]) => {
664
+ const z = m.stats.find((ht) => ht.custom_category_id === Number(O));
665
665
  z && (z.parameters = A);
666
- }), w;
666
+ }), m;
667
667
  }));
668
668
  },
669
669
  { immediate: !0, deep: !0 }
670
670
  ), D(
671
671
  () => s.isEditMode,
672
- (t) => {
673
- t && f.value.forEach((a) => {
672
+ (e) => {
673
+ e && f.value.forEach((a) => {
674
674
  a.isSelected = !1;
675
675
  });
676
676
  }
677
677
  ), D(
678
678
  h,
679
- (t) => {
679
+ (e) => {
680
680
  const i = document.querySelectorAll(".static-row")[V.value + 1];
681
- 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);
681
+ 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);
682
682
  }
683
683
  );
684
- function b(t, a) {
685
- const c = document.querySelectorAll(".scrollable-row")[t + 2];
684
+ function w(e, a) {
685
+ const c = document.querySelectorAll(".scrollable-row")[e + 2];
686
686
  c && (c.style.marginTop = `${a}px`);
687
687
  }
688
- function S(t) {
689
- d("click-parameters", t);
688
+ function S(e) {
689
+ d("click-parameters", e);
690
690
  }
691
- function x(t) {
692
- 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 = {
691
+ function x(e) {
692
+ 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 = {
693
693
  isFeaturedPlayers: !1,
694
694
  mainSectionType: 1,
695
695
  playListType: 2,
@@ -709,28 +709,28 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
709
709
  playListTitle: "Jugadas Relevantes"
710
710
  }
711
711
  };
712
- if (t.stat && t.stat.seasons && t.stat.seasons.length || t.seasons && t.seasons.length) {
712
+ 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) {
713
713
  const O = [
714
- ...t.stat && t.stat.seasons && t.stat.seasons.length ? t.stat.seasons : t.seasons
714
+ ...e.stat && e.stat.seasons && e.stat.seasons.length ? e.stat.seasons : e.seasons
715
715
  ];
716
- O.sort((A, z) => A - z), w.seasonId = O.shift(), w.seasonsIds = O;
717
- } else (t.season_id || t.seasonId) && (w.seasonId = t.season_id || t.seasonId);
718
- 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);
716
+ O.sort((A, z) => A - z), m.seasonId = O.shift(), m.seasonsIds = O;
717
+ } else (e.season_id || e.seasonId) && (m.seasonId = e.season_id || e.seasonId);
718
+ 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);
719
719
  }
720
720
  function N() {
721
- r = new ResizeObserver((t) => {
722
- for (const a of t)
721
+ r = new ResizeObserver((e) => {
722
+ for (const a of e)
723
723
  B.value = a.contentRect.width;
724
- }), r.observe(k.value);
724
+ }), r.observe(y.value);
725
725
  }
726
- function ae(t) {
726
+ function at(e) {
727
727
  v = new ResizeObserver((a) => {
728
728
  for (const i of a)
729
729
  h.value = i.contentRect.height;
730
- }), v.observe(t);
730
+ }), v.observe(e);
731
731
  }
732
- function de(t) {
733
- return t === "POR" ? [39, 40, 52, 53, 54, 55, 323, 324, 608, 774, 802] : [
732
+ function dt(e) {
733
+ return e === "POR" ? [39, 40, 52, 53, 54, 55, 323, 324, 608, 774, 802] : [
734
734
  10,
735
735
  12,
736
736
  14,
@@ -776,143 +776,143 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
776
776
  488
777
777
  ];
778
778
  }
779
- function re(t, a) {
780
- a.isSelected = t;
779
+ function rt(e, a) {
780
+ a.isSelected = e;
781
781
  const i = f.value.filter((c) => c.isSelected);
782
782
  d("change-selected-players", i);
783
783
  }
784
- function ce(t) {
785
- d("view-profile", t);
784
+ function ct(e) {
785
+ d("view-profile", e);
786
786
  }
787
- function G(t) {
788
- d("delete-from-list", t);
787
+ function G(e) {
788
+ d("delete-from-list", e);
789
789
  }
790
- function U(t) {
791
- d("add-to-list", t);
790
+ function U(e) {
791
+ d("add-to-list", e);
792
792
  }
793
- function ue(t) {
794
- d("show-graph", t);
793
+ function ut(e) {
794
+ d("show-graph", e);
795
795
  }
796
- function q(t) {
797
- if (t.isExpanded) {
798
- t.isExpanded = !1, T.value = null;
796
+ function q(e) {
797
+ if (e.isExpanded) {
798
+ e.isExpanded = !1, T.value = null;
799
799
  return;
800
800
  }
801
- const a = f.value.find((w) => w.isExpanded);
801
+ const a = f.value.find((m) => m.isExpanded);
802
802
  if (a && (a.isExpanded = !1), a) {
803
- T.value = t;
803
+ T.value = e;
804
804
  return;
805
805
  }
806
- const c = document.querySelectorAll(".details-row")[t.index];
807
- V.value = t.index, ae(c), t.isExpanded = !0;
806
+ const c = document.querySelectorAll(".details-row")[e.index];
807
+ V.value = e.index, at(c), e.isExpanded = !0;
808
808
  }
809
- let Z = !1, J, X, K = function(t) {
810
- Z = !0, J = t.pageX - g.value.offsetLeft, X = g.value.scrollLeft;
809
+ let Z = !1, J, X, K = function(e) {
810
+ Z = !0, J = e.pageX - g.value.offsetLeft, X = g.value.scrollLeft;
811
811
  }, F = function() {
812
812
  Z = !1;
813
813
  };
814
- function fe() {
815
- g.value && (g.value.addEventListener("mousemove", (t) => {
814
+ function ft() {
815
+ g.value && (g.value.addEventListener("mousemove", (e) => {
816
816
  if (!Z)
817
817
  return;
818
- const i = t.pageX - g.value.offsetLeft - J;
818
+ const i = e.pageX - g.value.offsetLeft - J;
819
819
  g.value.scrollLeft = X - i;
820
820
  }), g.value.addEventListener("mousedown", K, !1), g.value.addEventListener("mouseup", F, !1), g.value.addEventListener("mouseleave", F, !1));
821
821
  }
822
- return ie(() => {
823
- N(), fe();
824
- }), ve(() => {
822
+ return it(() => {
823
+ N(), ft();
824
+ }), vt(() => {
825
825
  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));
826
- }), (t, a) => (l(), n("div", {
826
+ }), (e, a) => (l(), n("div", {
827
827
  class: "table",
828
828
  ref_key: "tableSC",
829
- ref: k,
829
+ ref: y,
830
830
  style: $(p.value)
831
831
  }, [
832
- e("div", Ke, [
833
- Qe,
832
+ t("div", Kt, [
833
+ Qt,
834
834
  (l(!0), n(R, null, P(f.value, (i) => (l(), n("div", {
835
835
  key: `s-${i.id}`,
836
- class: m(["row static-row", { odd: i.isOdd }])
836
+ class: C(["row static-row", { odd: i.isOdd }])
837
837
  }, [
838
- Q(pe, null, {
839
- default: _e(() => [
840
- ge(e("div", {
841
- class: m(["details-row", { odd: i.isOdd }])
838
+ Q(pt, null, {
839
+ default: _t(() => [
840
+ gt(t("div", {
841
+ class: C(["details-row", { odd: i.isOdd }])
842
842
  }, [
843
- e("div", Ye, [
844
- e("div", et, [
845
- e("div", tt, [
846
- e("div", null, [
843
+ t("div", Yt, [
844
+ t("div", te, [
845
+ t("div", ee, [
846
+ t("div", null, [
847
847
  E("Equipo: "),
848
- e("span", ot, u(i.team_name), 1)
848
+ t("span", oe, u(i.team_name), 1)
849
849
  ]),
850
- e("div", null, [
850
+ t("div", null, [
851
851
  E("Edad: "),
852
- e("span", st, u(i.player_age) + " Años", 1)
852
+ t("span", se, u(i.player_age) + " Años", 1)
853
853
  ]),
854
- e("div", null, [
854
+ t("div", null, [
855
855
  E("Nacionalidad: "),
856
- e("span", it, u(i.player_country), 1)
856
+ t("span", ie, u(i.player_country), 1)
857
857
  ]),
858
- e("div", null, [
858
+ t("div", null, [
859
859
  E("Posición: "),
860
- e("span", lt, u(i.position_name), 1)
860
+ t("span", le, u(i.position_name), 1)
861
861
  ])
862
862
  ]),
863
- e("div", nt, [
864
- e("div", null, [
863
+ t("div", ne, [
864
+ t("div", null, [
865
865
  E("Partidos Jugados: "),
866
- e("span", at, u(i.player_games), 1)
866
+ t("span", ae, u(i.player_games), 1)
867
867
  ]),
868
- e("div", null, [
868
+ t("div", null, [
869
869
  E("Minutos Jugados: "),
870
- e("span", dt, u(i.player_min), 1)
870
+ t("span", de, u(i.player_min), 1)
871
871
  ])
872
872
  ])
873
873
  ]),
874
- e("div", {
874
+ t("div", {
875
875
  class: "details-row__buttons",
876
876
  style: $(_.value ? "margin-left: 0; gap: 8px;" : "")
877
877
  }, [
878
- e("div", {
878
+ t("div", {
879
879
  role: "button",
880
880
  class: "button",
881
- onClick: (c) => ue(i)
882
- }, ft, 8, rt),
881
+ onClick: (c) => ut(i)
882
+ }, fe, 8, re),
883
883
  o.isTableFromList ? (l(), n("div", {
884
884
  key: 0,
885
885
  role: "button",
886
886
  class: "button",
887
887
  onClick: (c) => G(i)
888
- }, _t, 8, ht)) : (l(), n("div", {
888
+ }, _e, 8, he)) : (l(), n("div", {
889
889
  key: 1,
890
890
  role: "button",
891
891
  class: "button",
892
892
  onClick: (c) => U(i)
893
- }, bt, 8, gt)),
894
- e("div", {
893
+ }, be, 8, ge)),
894
+ t("div", {
895
895
  role: "button",
896
896
  class: "button green",
897
- onClick: (c) => ce(i)
898
- }, kt, 8, wt)
897
+ onClick: (c) => ct(i)
898
+ }, ye, 8, we)
899
899
  ], 4)
900
900
  ])
901
901
  ], 2), [
902
- [me, i.isExpanded]
902
+ [mt, i.isExpanded]
903
903
  ])
904
904
  ]),
905
905
  _: 2
906
906
  }, 1024),
907
- o.isEditMode ? (l(), Y(ee(Ve), {
907
+ o.isEditMode ? (l(), Y(tt(Vt), {
908
908
  key: 0,
909
909
  fontFamily: "Poppins-Regular",
910
910
  labelFontSize: "14px",
911
911
  "model-value": i.isSelected,
912
- "onUpdate:modelValue": (c) => re(c, i)
912
+ "onUpdate:modelValue": (c) => rt(c, i)
913
913
  }, null, 8, ["model-value", "onUpdate:modelValue"])) : L("", !0),
914
- e("div", xt, [
915
- e("div", St, u(i.position), 1),
914
+ t("div", xe, [
915
+ t("div", Se, u(i.position), 1),
916
916
  o.isTableFromList ? (l(), n("svg", {
917
917
  key: 0,
918
918
  width: "20",
@@ -921,7 +921,7 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
921
921
  fill: "none",
922
922
  xmlns: "http://www.w3.org/2000/svg",
923
923
  onClick: (c) => G(i)
924
- }, Vt, 8, Lt)) : (l(), n("svg", {
924
+ }, Ve, 8, Le)) : (l(), n("svg", {
925
925
  key: 1,
926
926
  width: "20",
927
927
  height: "20",
@@ -929,80 +929,80 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
929
929
  fill: "none",
930
930
  xmlns: "http://www.w3.org/2000/svg",
931
931
  onClick: (c) => U(i)
932
- }, Ot, 8, It)),
933
- e("div", Pt, [
934
- e("div", null, [
935
- e("img", {
932
+ }, Oe, 8, Ie)),
933
+ t("div", Pe, [
934
+ t("div", null, [
935
+ t("img", {
936
936
  src: i.player_photo,
937
937
  alt: "player photo"
938
- }, null, 8, Ft)
938
+ }, null, 8, Fe)
939
939
  ])
940
940
  ]),
941
- e("div", zt, u(i.player_name), 1)
941
+ t("div", ze, u(i.player_name), 1)
942
942
  ]),
943
- e("div", Dt, [
943
+ t("div", De, [
944
944
  (l(), n("svg", {
945
- class: m(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5", { expanded: i.isExpanded }]),
945
+ class: C(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5", { expanded: i.isExpanded }]),
946
946
  width: "12",
947
947
  height: "8",
948
948
  viewBox: "0 0 12 8",
949
949
  fill: "#D9D9D9",
950
950
  xmlns: "http://www.w3.org/2000/svg",
951
951
  onClick: (c) => q(i)
952
- }, Wt, 10, Zt))
952
+ }, We, 10, Ze))
953
953
  ])
954
954
  ], 2))), 128))
955
955
  ]),
956
- e("div", {
956
+ t("div", {
957
957
  ref_key: "scrollableColumns",
958
958
  ref: g,
959
959
  class: "table__scrollable-columns"
960
960
  }, [
961
961
  o.isGeneral ? (l(), n(R, { key: 0 }, [
962
- jt,
962
+ je,
963
963
  (l(!0), n(R, null, P(f.value, (i) => (l(), n("div", {
964
964
  key: `i-${i.id}`,
965
965
  class: "row scrollable-row"
966
966
  }, [
967
- e("div", {
968
- class: m(["row team-info", { odd: i.isOdd }])
967
+ t("div", {
968
+ class: C(["row team-info", { odd: i.isOdd }])
969
969
  }, [
970
- e("div", Ht, [
971
- e("img", {
970
+ t("div", He, [
971
+ t("img", {
972
972
  src: i.team_logo,
973
973
  alt: "team logo"
974
- }, null, 8, Nt)
974
+ }, null, 8, Ne)
975
975
  ]),
976
- e("div", Gt, u(i.team_abrev), 1)
976
+ t("div", Ge, u(i.team_abrev), 1)
977
977
  ], 2),
978
- e("div", {
979
- class: m(["row data-info", { odd: i.isOdd }])
978
+ t("div", {
979
+ class: C(["row data-info", { odd: i.isOdd }])
980
980
  }, u(i.player_position), 3),
981
- e("div", {
982
- class: m(["row data-info", { odd: i.isOdd }])
981
+ t("div", {
982
+ class: C(["row data-info", { odd: i.isOdd }])
983
983
  }, u(i.player_age), 3),
984
- e("div", {
985
- class: m(["row data-info", { odd: i.isOdd }])
984
+ t("div", {
985
+ class: C(["row data-info", { odd: i.isOdd }])
986
986
  }, [
987
- e("img", {
987
+ t("img", {
988
988
  src: i.player_country_flag,
989
989
  alt: "player country flag",
990
990
  class: "country-flag"
991
- }, null, 8, Ut)
991
+ }, null, 8, Ue)
992
992
  ], 2),
993
- e("div", {
994
- class: m(["row data-info", { odd: i.isOdd }])
993
+ t("div", {
994
+ class: C(["row data-info", { odd: i.isOdd }])
995
995
  }, u(i.player_games), 3),
996
- e("div", {
997
- class: m(["row data-info", { odd: i.isOdd }])
996
+ t("div", {
997
+ class: C(["row data-info", { odd: i.isOdd }])
998
998
  }, u(i.player_min), 3),
999
- e("div", {
1000
- class: m(["row data-info", { odd: i.isOdd }])
999
+ t("div", {
1000
+ class: C(["row data-info", { odd: i.isOdd }])
1001
1001
  }, u(i.league_name), 3),
1002
- e("div", {
1003
- class: m(["row data-info", { odd: i.isOdd }])
1002
+ t("div", {
1003
+ class: C(["row data-info", { odd: i.isOdd }])
1004
1004
  }, [
1005
- Q(ee(Ae), {
1005
+ Q(tt(At), {
1006
1006
  icon: "https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png",
1007
1007
  "icon-size": "19px",
1008
1008
  "icon-position": "left",
@@ -1018,11 +1018,11 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
1018
1018
  onClick: (c) => x(i)
1019
1019
  }, null, 8, ["onClick"])
1020
1020
  ], 2),
1021
- e("div", {
1022
- class: m(["row data-info", { odd: i.isOdd }])
1021
+ t("div", {
1022
+ class: C(["row data-info", { odd: i.isOdd }])
1023
1023
  }, null, 2)
1024
1024
  ]))), 128))
1025
- ], 64)) : (l(), Y(Xe, {
1025
+ ], 64)) : (l(), Y(Xt, {
1026
1026
  key: 1,
1027
1027
  ref_key: "scrollColumns",
1028
1028
  ref: M,
@@ -1034,7 +1034,7 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
1034
1034
  ], 512)
1035
1035
  ], 4));
1036
1036
  }
1037
- }, Xt = /* @__PURE__ */ le(qt, [["__scopeId", "data-v-510e4abc"]]);
1037
+ }, Xe = /* @__PURE__ */ lt(qe, [["__scopeId", "data-v-d89df432"]]);
1038
1038
  export {
1039
- Xt as GSCTableScrollable
1039
+ Xe as GSCTableScrollable
1040
1040
  };
@@ -1 +1 @@
1
- (function(E,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(E=typeof globalThis<"u"?globalThis:E||self,e(E.GSCTableScrollable={},E.Vue))})(this,function(E,e){"use strict";const j=(o,a)=>{const l=o.__vccOpts||o;for(const[i,m]of a)l[i]=m;return l},H={key:1},G={width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},U=["fill"],q={key:0,class:"checkbox__teams"},v={class:"checkbox__teams__logo"},J=["src"],X={class:"checkbox__teams__logo"},K=["src"],Q={__name:"GSC-Checkbox",props:{width:{type:String,default:"fit-content"},height:{type:String,default:"fit-content"},label:{type:String,default:""},labelWhiteSpace:{type:String,default:"normal"},labelColor:{type:String,default:"white"},fontFamily:{type:String,default:"sans-serif"},labelFontSize:{type:String,default:"12px"},modelValue:{type:Boolean,default:!1},justifyContent:{type:String,default:"flex-start"},alignItems:{type:String,default:"center"},boxBackgroundColor:{type:String,default:"#CBEE6B"},boxValueColor:{type:String,default:"#0d1d29"},boxValue:{type:[String,Number],default:""},boxPosition:{type:String,default:"left",validator(o){return["left","right","top","bottom"].includes(o)}},boxMarginTop:{type:String,default:"0.2em"},boxWidthAndHeight:{type:String,default:"16px"},boxBorderColor:{type:String,default:"#969da2"},boxBorderWidth:{type:String,default:"2px"},boxBorderRadius:{type:String,default:"4px"},boxValueFontSize:{type:String,default:"10px"},boxValueFontFamily:{type:String,default:"sans-serif"},avoidInteraction:{type:Boolean,default:!1},avoidToCheck:{type:Boolean,default:!1},isBoxOnly:{type:Boolean,default:!1},teamsIds:{type:Array,default:()=>null}},emits:["update:modelValue"],setup(o,{emit:a}){const l=o;e.useCssVars(c=>({"7bd9d47b":o.width,"34dc7ddc":o.height}));const i=e.ref(!1),m=e.computed(()=>{const c={color:l.boxValueColor,"font-family":l.fontFamily,height:l.boxWidthAndHeight,width:l.boxWidthAndHeight,minWidth:l.boxWidthAndHeight,"border-radius":l.boxBorderRadius,"margin-top":l.boxMarginTop};return i.value?(c["background-color"]=l.boxBackgroundColor,c.border=`solid ${l.boxBorderWidth} ${l.boxBackgroundColor}`):c.border=`solid ${l.boxBorderWidth} ${l.boxBorderColor}`,c}),d=e.computed(()=>({"font-family":l.boxValueFontFamily,"font-size":l.boxValueFontSize,color:l.boxValueColor,"line-height":1})),k=e.computed(()=>{const c={color:l.labelColor,"font-family":l.fontFamily,"font-size":l.labelFontSize,"white-space":l.labelWhiteSpace,"text-align":l.boxPosition==="top"||l.boxPosition==="bottom"?"center":l.boxPosition};return(l.boxPosition==="left"||l.boxPosition==="right")&&(c[`margin-${l.boxPosition}`]=l.isBoxOnly?"0":l.teamsIds?"8px":"10px"),c});e.watch(()=>l.modelValue,c=>{c!==i.value&&(i.value=c)},{immediate:!0});function y(){l.avoidInteraction||!i.value&&l.avoidToCheck||(i.value=!i.value,a("update:modelValue",i.value))}function w(c){return`${{}.TEAM_LOGOS_URL||"https://golstatsimages.blob.core.windows.net/teams-80/"}${c}.png`}return(c,x)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["checkbox",`box-${o.boxPosition}`]),onClick:y},[e.createElementVNode("div",{class:"checkbox__box",style:e.normalizeStyle(m.value)},[i.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.boxValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"checkbox__box__value",style:e.normalizeStyle(d.value)},e.toDisplayString(o.boxValue),5)):(e.openBlock(),e.createElementBlock("div",H,[(e.openBlock(),e.createElementBlock("svg",G,[e.createElementVNode("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,U)]))]))],64)):e.createCommentVNode("",!0)],4),o.teamsIds&&o.teamsIds.length?(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",v,[e.createElementVNode("img",{src:w(o.teamsIds[0]),alt:""},null,8,J)]),e.createElementVNode("div",X,[e.createElementVNode("img",{src:w(o.teamsIds[1]),alt:""},null,8,K)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"checkbox__label",style:e.normalizeStyle(k.value)},e.toDisplayString(o.label),5)],2))}},Y=j(Q,[["__scopeId","data-v-b6f124d8"]]),ee=(o,a)=>{const l=o.__vccOpts||o;for(const[i,m]of a)l[i]=m;return l},L={props:{type:{type:Number,default:0},value:{type:Boolean,default:!1},textValue:String,icon:String,iconPosition:{type:String,default:"left"},iconSize:String,fontColor:{type:String,default:"#FFFFFF"},textDecoration:String,fontSize:{type:String,default:"16px"},fontSizeStat:{type:String,default:"16px"},fontStyle:String,fontFamily:{type:String,default:"Poppins-Regular"},height:{type:String,default:"fit-content"},width:{type:String,default:"fit-content"},borderRadius:{type:String,default:"0px"},borderType:{type:String,default:"solid"},borderWidth:{type:Number,default:0},borderWidthBtn:{type:String,default:"2px"},borderColor:String,backgroundColor:{type:String,default:"none"},activeBackgroundColor:{type:String,default:"#000000"},activeBorderWidth:{type:Number,default:2},activeBorderType:{type:String,default:"solid"},activeBorderColor:{type:String,default:"#cbee6b"},activeColorText:{type:String,default:"#FFFFFF"},cursorType:{type:String,default:"default"},typeOnOff:{type:Boolean,default:!1},textCategory:String,textStat:String,marginLeftStat:{type:String,default:"15%"}},watch:{value:{deep:!0,immediate:!0,handler(o){this.status=o}}},data(){return{status:!1}},computed:{customStyle(){return{height:this.height,width:this.width,backgroundColor:this.backgroundColor,borderRadius:this.borderRadius,border:`${this.borderType} ${this.borderWidth}px ${this.borderColor}`,color:this.fontColor,textDecoration:this.textDecoration,cursor:this.cursorType,fontSize:this.fontSize,fontStyle:this.fontStyle,fontFamily:`${this.fontFamily} !important`}},customActive(){return{backgroundColor:this.activeBackgroundColor,color:this.activeColorText,border:`${this.activeBorderType} ${this.activeBorderWidth}px ${this.activeBorderColor}`}}},methods:{btnClick(o){this.$emit("click",o),this.typeOnOff&&(this.status=!this.status,this.$emit("status",this.status))}}},M=()=>{e.useCssVars(o=>({"9d01acb4":o.height,"14e95081":o.borderWidthBtn,"38fec285":o.borderType,34353510:o.borderColor,"20d20dc6":o.borderRadius,17130967:o.width,"4ccb7d36":o.backgroundColor,"5d1e86a2":o.cursorType,ce65d4a2:o.fontSize,fe4ac47a:o.fontStyle,f98e44dc:o.fontFamily,"93b87770":o.marginLeftStat,c7f7beba:o.fontSizeStat}))},T=L.setup;L.setup=T?(o,a)=>(M(),T(o,a)):M;const te=o=>(e.pushScopeId("data-v-f3ee6b2b"),o=o(),e.popScopeId(),o),oe=["src"],le={key:1,class:"text"},se=["src"],ne={class:"stats"},ae=te(()=>e.createElementVNode("img",{class:"iconstats",src:"https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"},null,-1)),ie={class:"numstats"},re={class:"leyend"};function de(o,a,l,i,m,d){return e.openBlock(),e.createElementBlock("div",null,[l.type==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["button",m.status&&l.typeOnOff&&"button-active"]),style:e.normalizeStyle([d.customStyle,m.status&&l.typeOnOff&&d.customActive]),onClick:a[0]||(a[0]=(...k)=>d.btnClick&&d.btnClick(...k))},[l.icon&&l.iconPosition.toLowerCase()==="left"?(e.openBlock(),e.createElementBlock("img",{key:0,class:"icon",style:e.normalizeStyle({width:l.iconSize}),src:l.icon},null,12,oe)):e.createCommentVNode("",!0),l.textValue?(e.openBlock(),e.createElementBlock("div",le,e.toDisplayString(l.textValue),1)):e.createCommentVNode("",!0),l.icon&&l.iconPosition.toLowerCase()==="right"?(e.openBlock(),e.createElementBlock("img",{key:2,class:"icon",style:e.normalizeStyle({width:l.iconSize}),src:l.icon},null,12,se)):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0),l.type==1?(e.openBlock(),e.createElementBlock("div",{key:1,class:"button-target",onClick:a[1]||(a[1]=(...k)=>d.btnClick&&d.btnClick(...k))},[e.createElementVNode("div",ne,[ae,e.createElementVNode("div",ie,e.toDisplayString(l.textStat),1)]),e.createElementVNode("div",re,e.toDisplayString(l.textCategory),1)])):e.createCommentVNode("",!0)])}const ce=ee(L,[["render",de],["__scopeId","data-v-f3ee6b2b"]]),I=(o,a)=>{const l=o.__vccOpts||o;for(const[i,m]of a)l[i]=m;return l},D=o=>(e.pushScopeId("data-v-7023d006"),o=o(),e.popScopeId(),o),me={key:0,class:"overlay"},pe={class:"name"},fe=["onClick"],he=[D(()=>e.createElementVNode("svg",{width:"11",height:"12",viewBox:"0 0 11 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("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))],_e=D(()=>e.createElementVNode("div",{class:"column-title-2"},null,-1)),ge=["onClick"],Ce=I({__name:"ScrollColumns",props:{availablePlayers:{type:Array,default:()=>[]},isEditMode:{type:Boolean,default:!1}},emits:["expand","open-media"],setup(o,{expose:a,emit:l}){const i=o,m=e.ref(null),d=e.ref(null),k=e.ref(0);e.ref(!1);const y=e.computed(()=>{const p=i.availablePlayers[0];return p?p.stats:[]}),w=e.computed(()=>{const p=`repeat(${y.value.length}, max-content) 36px`;let f="";return k.value>0&&document.querySelectorAll(".column-title-2").forEach(u=>{f+=`${u.offsetWidth}px `}),{"--grid-template-columns":p,"--grid-template-columns-totals":f||p}});function c(){m.value=new ResizeObserver(p=>{for(const f of p){const{width:g}=f.contentRect;k.value=g}}),m.value.observe(d.value)}function x(p,f){const u=document.querySelectorAll(".scrollable-row-totals")[p+1];u&&(u.style.marginTop=`${f}px`)}function S({player:p,stat:f}){!f.total||f==="0%"||!f.seasons||!f.seasons.length||l("open-media",{...p,stat:f})}function h(p){!p||p==="no"||l("click-parameters",p)}return e.onMounted(()=>{c()}),a({setMarginTopDetails:x}),(p,f)=>(e.openBlock(),e.createElementBlock("div",{class:"scroll-columns",style:e.normalizeStyle(w.value)},[o.isEditMode?(e.openBlock(),e.createElementBlock("div",me)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"titlesRow",ref:d,class:"scrollable-row-2"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(g,u)=>(e.openBlock(),e.createElementBlock("div",{key:`t-${u}`,class:"column-title-2"},[e.createElementVNode("div",pe,e.toDisplayString(g.name),1),g.parameters&&g.parameters!=="no"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"parameters",role:"button",onClick:b=>h(g.parameters)},he,8,fe)):e.createCommentVNode("",!0)]))),128)),_e],512),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.availablePlayers,(g,u)=>(e.openBlock(),e.createElementBlock("div",{key:`i-${g.id}`,class:"row scrollable-row-totals"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.stats,b=>(e.openBlock(),e.createElementBlock("div",{key:b.category_id,class:e.normalizeClass(["row data-info",{odd:u%2!==0,underline:!!b.total&&b.total!=="0%"&&b.seasons&&b.seasons.length}]),onClick:F=>S({player:g,stat:b})},e.toDisplayString(b.total),11,ge))),128))]))),128))],4))}},[["__scopeId","data-v-7023d006"]]),_=o=>(e.pushScopeId("data-v-510e4abc"),o=o(),e.popScopeId(),o),ke={class:"table__static-column"},be=_(()=>e.createElementVNode("div",{class:"static-title column-title"},null,-1)),ue={class:"container"},ye={class:"details-row__info"},we={class:"details-row__info__personal"},Ee={class:"bold"},xe={class:"bold"},Se={class:"bold"},Ve={class:"bold"},Be={class:"details-row__info__games"},Ne={class:"bold"},Le={class:"bold"},$e=["onClick"],ze=[_(()=>e.createElementVNode("div",null,"Ver gráfica",-1)),_(()=>e.createElementVNode("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("g",{"clip-path":"url(#clip0_3514_71971)"},[e.createElementVNode("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"})]),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_3514_71971"},[e.createElementVNode("rect",{width:"16",height:"16",fill:"white",transform:"translate(0.5)"})])])],-1))],Me=["onClick"],Te=[_(()=>e.createElementVNode("div",null,"Eliminar de lista",-1)),_(()=>e.createElementVNode("svg",{width:"17",height:"15",viewBox:"0 0 20 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("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"}),e.createElementVNode("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"}),e.createElementVNode("path",{d:"M18.332 8.16663H13.332",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})],-1))],Ie=["onClick"],De=[_(()=>e.createElementVNode("div",null,"Agregar a lista",-1)),_(()=>e.createElementVNode("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("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"}),e.createElementVNode("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"}),e.createElementVNode("path",{d:"M15.5996 6.79944V11.6001M17.9999 9.19979H13.1992",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"})],-1))],Fe=["onClick"],Oe=[_(()=>e.createElementVNode("div",null,"Ver perfil",-1))],Re={class:"static-row__info-player"},Pe={class:"position"},Ze=["onClick"],Ae=[_(()=>e.createElementVNode("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)),_(()=>e.createElementVNode("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)),_(()=>e.createElementVNode("path",{d:"M18.332 8.16663H13.332",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1))],We=["onClick"],je=[_(()=>e.createElementVNode("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.createElementVNode("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)),_(()=>e.createElementVNode("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))],He={class:"player-photo"},Ge=["src"],Ue={class:"player-name"},qe={class:"arrow"},ve=["onClick"],Je=[_(()=>e.createElementVNode("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))],Xe=e.createStaticVNode('<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),Ke={class:"team-logo"},Qe=["src"],Ye={class:"team-name data-info"},et=["src"],tt=I({__name:"GSC-TableScrollable",props:{players:{type:Array,default:()=>[]},isGeneral:{type:Boolean,default:!0},isEditMode:{type:Boolean,default:!1},isTableFromList:{type:Boolean,default:!1}},emits:["change-selected-players","view-profile","add-to-list","view-graph","open-media","click-parameters"],setup(o,{emit:a}){const l=o;let i=null,m=null;const d=e.ref([]),k=e.ref(null),y=e.ref(null),w=e.ref(0),c=e.ref(0),x=e.ref(-1);e.ref(!1);const S=e.ref(null),h=e.ref(null),p=e.computed(()=>({"--width-details":`${w.value}px`,"--gap-static-row":`${f.value?"8px":"18px"}`,"--width-static-column":`${f.value?"50%":"256px"}`})),f=e.computed(()=>w.value<600);e.watch(()=>l.players,t=>{t&&t.length&&(d.value=t.map((n,s)=>{const r=s+1,C={...n,position:r<10?`0${r}`:`${r}`,isSelected:!1,isExpanded:!1,isOdd:s%2!==0,index:s};return C.parameters&&Object.entries(C.parameters).forEach(([V,z])=>{const N=C.stats.find(rt=>rt.custom_category_id===Number(V));N&&(N.parameters=z)}),C}))},{immediate:!0,deep:!0}),e.watch(()=>l.isEditMode,t=>{t&&d.value.forEach(n=>{n.isSelected=!1})}),e.watch(c,t=>{const s=document.querySelectorAll(".static-row")[x.value+1];s&&(s.style.marginTop=`${t}px`),l.isGeneral?g(x.value,t):y.value&&y.value.setMarginTopDetails(x.value,t),t===0&&S.value&&P(S.value)});function g(t,n){const r=document.querySelectorAll(".scrollable-row")[t+2];r&&(r.style.marginTop=`${n}px`)}function u(t){a("click-parameters",t)}function b(t){const n=t.player||t.objeto_player,s=n?n.player_id||n.id||n.playerId:t.id||t.player_id,r=n?n.team_id||n.teamId:t.team_id||t.teamId,C={isFeaturedPlayers:!1,mainSectionType:1,playListType:2,gameIds:null,playerIds:s?[s]:[],goalkeeperIds:[],teamId:r||0,matchResult:[1,2,3],categorySingleName:"",isRivalSubject:!1,avoidCategorySingleName:!1,currentPlayIndex:0,playData:null,lastClashedGameId:null,tournamentsLastClashes:null,advancedFilter:{playListTitle:"Jugadas Relevantes"}};if(t.stat&&t.stat.seasons&&t.stat.seasons.length||t.seasons&&t.seasons.length){const V=[...t.stat&&t.stat.seasons&&t.stat.seasons.length?t.stat.seasons:t.seasons];V.sort((z,N)=>z-N),C.seasonId=V.shift(),C.seasonsIds=V}else(t.season_id||t.seasonId)&&(C.seasonId=t.season_id||t.seasonId);t.stat?t.stat.category_id?C.categoryIds=t.stat.category_id:t.stat.custom_category_id&&(C.customCategoryIds=[t.stat.custom_category_id]):C.categoryIds=lt(t.player_position),a("open-media",C)}function F(){i=new ResizeObserver(t=>{for(const n of t)w.value=n.contentRect.width}),i.observe(k.value)}function ot(t){m=new ResizeObserver(n=>{for(const s of n)c.value=s.contentRect.height}),m.observe(t)}function lt(t){return t==="POR"?[39,40,52,53,54,55,323,324,608,774,802]:[10,12,14,15,27,35,61,217,257,466,519,607,702,730,98,101,109,112,121,122,127,128,135,136,141,142,161,170,179,211,232,235,239,242,282,284,289,291,296,485,486,487,488]}function st(t,n){n.isSelected=t;const s=d.value.filter(r=>r.isSelected);a("change-selected-players",s)}function nt(t){a("view-profile",t)}function O(t){a("delete-from-list",t)}function R(t){a("add-to-list",t)}function at(t){a("show-graph",t)}function P(t){if(t.isExpanded){t.isExpanded=!1,S.value=null;return}const n=d.value.find(C=>C.isExpanded);if(n&&(n.isExpanded=!1),n){S.value=t;return}const r=document.querySelectorAll(".details-row")[t.index];x.value=t.index,ot(r),t.isExpanded=!0}let $=!1,Z,A,W=function(t){$=!0,Z=t.pageX-h.value.offsetLeft,A=h.value.scrollLeft},B=function(){$=!1};function it(){h.value&&(h.value.addEventListener("mousemove",t=>{if(!$)return;const s=t.pageX-h.value.offsetLeft-Z;h.value.scrollLeft=A-s}),h.value.addEventListener("mousedown",W,!1),h.value.addEventListener("mouseup",B,!1),h.value.addEventListener("mouseleave",B,!1))}return e.onMounted(()=>{F(),it()}),e.onBeforeUnmount(()=>{i&&i.disconnect(),m&&m.disconnect(),h.value&&(h.value.removeEventListener("mousemove",W,!1),h.value.removeEventListener("mouseup",B,!1),h.value.removeEventListener("mouseleave",B,!1))}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:"table",ref_key:"tableSC",ref:k,style:e.normalizeStyle(p.value)},[e.createElementVNode("div",ke,[be,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,s=>(e.openBlock(),e.createElementBlock("div",{key:`s-${s.id}`,class:e.normalizeClass(["row static-row",{odd:s.isOdd}])},[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["details-row",{odd:s.isOdd}])},[e.createElementVNode("div",ue,[e.createElementVNode("div",ye,[e.createElementVNode("div",we,[e.createElementVNode("div",null,[e.createTextVNode("Equipo: "),e.createElementVNode("span",Ee,e.toDisplayString(s.team_name),1)]),e.createElementVNode("div",null,[e.createTextVNode("Edad: "),e.createElementVNode("span",xe,e.toDisplayString(s.player_age)+" Años",1)]),e.createElementVNode("div",null,[e.createTextVNode("Nacionalidad: "),e.createElementVNode("span",Se,e.toDisplayString(s.player_country),1)]),e.createElementVNode("div",null,[e.createTextVNode("Posición: "),e.createElementVNode("span",Ve,e.toDisplayString(s.position_name),1)])]),e.createElementVNode("div",Be,[e.createElementVNode("div",null,[e.createTextVNode("Partidos Jugados: "),e.createElementVNode("span",Ne,e.toDisplayString(s.player_games),1)]),e.createElementVNode("div",null,[e.createTextVNode("Minutos Jugados: "),e.createElementVNode("span",Le,e.toDisplayString(s.player_min),1)])])]),e.createElementVNode("div",{class:"details-row__buttons",style:e.normalizeStyle(f.value?"margin-left: 0; gap: 8px;":"")},[e.createElementVNode("div",{role:"button",class:"button",onClick:r=>at(s)},ze,8,$e),o.isTableFromList?(e.openBlock(),e.createElementBlock("div",{key:0,role:"button",class:"button",onClick:r=>O(s)},Te,8,Me)):(e.openBlock(),e.createElementBlock("div",{key:1,role:"button",class:"button",onClick:r=>R(s)},De,8,Ie)),e.createElementVNode("div",{role:"button",class:"button green",onClick:r=>nt(s)},Oe,8,Fe)],4)])],2),[[e.vShow,s.isExpanded]])]),_:2},1024),o.isEditMode?(e.openBlock(),e.createBlock(e.unref(Y),{key:0,fontFamily:"Poppins-Regular",labelFontSize:"14px","model-value":s.isSelected,"onUpdate:modelValue":r=>st(r,s)},null,8,["model-value","onUpdate:modelValue"])):e.createCommentVNode("",!0),e.createElementVNode("div",Re,[e.createElementVNode("div",Pe,e.toDisplayString(s.position),1),o.isTableFromList?(e.openBlock(),e.createElementBlock("svg",{key:0,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:r=>O(s)},Ae,8,Ze)):(e.openBlock(),e.createElementBlock("svg",{key:1,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:r=>R(s)},je,8,We)),e.createElementVNode("div",He,[e.createElementVNode("div",null,[e.createElementVNode("img",{src:s.player_photo,alt:"player photo"},null,8,Ge)])]),e.createElementVNode("div",Ue,e.toDisplayString(s.player_name),1)]),e.createElementVNode("div",qe,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5",{expanded:s.isExpanded}]),width:"12",height:"8",viewBox:"0 0 12 8",fill:"#D9D9D9",xmlns:"http://www.w3.org/2000/svg",onClick:r=>P(s)},Je,10,ve))])],2))),128))]),e.createElementVNode("div",{ref_key:"scrollableColumns",ref:h,class:"table__scrollable-columns"},[o.isGeneral?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[Xe,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,s=>(e.openBlock(),e.createElementBlock("div",{key:`i-${s.id}`,class:"row scrollable-row"},[e.createElementVNode("div",{class:e.normalizeClass(["row team-info",{odd:s.isOdd}])},[e.createElementVNode("div",Ke,[e.createElementVNode("img",{src:s.team_logo,alt:"team logo"},null,8,Qe)]),e.createElementVNode("div",Ye,e.toDisplayString(s.team_abrev),1)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.player_position),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.player_age),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},[e.createElementVNode("img",{src:s.player_country_flag,alt:"player country flag",class:"country-flag"},null,8,et)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.player_games),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.player_min),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.league_name),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},[e.createVNode(e.unref(ce),{icon:"https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png","icon-size":"19px","icon-position":"left",width:"98px",height:"30px","border-radius":"30px","border-width":"1","background-color":"#ffffff1a","font-family":"Poppins-Regular","border-color":"#55636e","text-value":"Ver videos","font-size":"10px",onClick:r=>b(s)},null,8,["onClick"])],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},null,2)]))),128))],64)):(e.openBlock(),e.createBlock(Ce,{key:1,ref_key:"scrollColumns",ref:y,"available-players":d.value,"is-edit-mode":o.isEditMode,onOpenMedia:b,onClickParameters:u},null,8,["available-players","is-edit-mode"]))],512)],4))}},[["__scopeId","data-v-510e4abc"]]);E.GSCTableScrollable=tt,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})});
1
+ (function(E,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(E=typeof globalThis<"u"?globalThis:E||self,e(E.GSCTableScrollable={},E.Vue))})(this,function(E,e){"use strict";const j=(o,a)=>{const l=o.__vccOpts||o;for(const[i,m]of a)l[i]=m;return l},H={key:1},G={width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},U=["fill"],q={key:0,class:"checkbox__teams"},v={class:"checkbox__teams__logo"},J=["src"],X={class:"checkbox__teams__logo"},K=["src"],Q={__name:"GSC-Checkbox",props:{width:{type:String,default:"fit-content"},height:{type:String,default:"fit-content"},label:{type:String,default:""},labelWhiteSpace:{type:String,default:"normal"},labelColor:{type:String,default:"white"},fontFamily:{type:String,default:"sans-serif"},labelFontSize:{type:String,default:"12px"},modelValue:{type:Boolean,default:!1},justifyContent:{type:String,default:"flex-start"},alignItems:{type:String,default:"center"},boxBackgroundColor:{type:String,default:"#CBEE6B"},boxValueColor:{type:String,default:"#0d1d29"},boxValue:{type:[String,Number],default:""},boxPosition:{type:String,default:"left",validator(o){return["left","right","top","bottom"].includes(o)}},boxMarginTop:{type:String,default:"0.2em"},boxWidthAndHeight:{type:String,default:"16px"},boxBorderColor:{type:String,default:"#969da2"},boxBorderWidth:{type:String,default:"2px"},boxBorderRadius:{type:String,default:"4px"},boxValueFontSize:{type:String,default:"10px"},boxValueFontFamily:{type:String,default:"sans-serif"},avoidInteraction:{type:Boolean,default:!1},avoidToCheck:{type:Boolean,default:!1},isBoxOnly:{type:Boolean,default:!1},teamsIds:{type:Array,default:()=>null}},emits:["update:modelValue"],setup(o,{emit:a}){const l=o;e.useCssVars(c=>({"7bd9d47b":o.width,"34dc7ddc":o.height}));const i=e.ref(!1),m=e.computed(()=>{const c={color:l.boxValueColor,"font-family":l.fontFamily,height:l.boxWidthAndHeight,width:l.boxWidthAndHeight,minWidth:l.boxWidthAndHeight,"border-radius":l.boxBorderRadius,"margin-top":l.boxMarginTop};return i.value?(c["background-color"]=l.boxBackgroundColor,c.border=`solid ${l.boxBorderWidth} ${l.boxBackgroundColor}`):c.border=`solid ${l.boxBorderWidth} ${l.boxBorderColor}`,c}),d=e.computed(()=>({"font-family":l.boxValueFontFamily,"font-size":l.boxValueFontSize,color:l.boxValueColor,"line-height":1})),k=e.computed(()=>{const c={color:l.labelColor,"font-family":l.fontFamily,"font-size":l.labelFontSize,"white-space":l.labelWhiteSpace,"text-align":l.boxPosition==="top"||l.boxPosition==="bottom"?"center":l.boxPosition};return(l.boxPosition==="left"||l.boxPosition==="right")&&(c[`margin-${l.boxPosition}`]=l.isBoxOnly?"0":l.teamsIds?"8px":"10px"),c});e.watch(()=>l.modelValue,c=>{c!==i.value&&(i.value=c)},{immediate:!0});function y(){l.avoidInteraction||!i.value&&l.avoidToCheck||(i.value=!i.value,a("update:modelValue",i.value))}function w(c){return`${{}.TEAM_LOGOS_URL||"https://golstatsimages.blob.core.windows.net/teams-80/"}${c}.png`}return(c,x)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["checkbox",`box-${o.boxPosition}`]),onClick:y},[e.createElementVNode("div",{class:"checkbox__box",style:e.normalizeStyle(m.value)},[i.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.boxValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"checkbox__box__value",style:e.normalizeStyle(d.value)},e.toDisplayString(o.boxValue),5)):(e.openBlock(),e.createElementBlock("div",H,[(e.openBlock(),e.createElementBlock("svg",G,[e.createElementVNode("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,U)]))]))],64)):e.createCommentVNode("",!0)],4),o.teamsIds&&o.teamsIds.length?(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",v,[e.createElementVNode("img",{src:w(o.teamsIds[0]),alt:""},null,8,J)]),e.createElementVNode("div",X,[e.createElementVNode("img",{src:w(o.teamsIds[1]),alt:""},null,8,K)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"checkbox__label",style:e.normalizeStyle(k.value)},e.toDisplayString(o.label),5)],2))}},Y=j(Q,[["__scopeId","data-v-b6f124d8"]]),ee=(o,a)=>{const l=o.__vccOpts||o;for(const[i,m]of a)l[i]=m;return l},L={props:{type:{type:Number,default:0},value:{type:Boolean,default:!1},textValue:String,icon:String,iconPosition:{type:String,default:"left"},iconSize:String,fontColor:{type:String,default:"#FFFFFF"},textDecoration:String,fontSize:{type:String,default:"16px"},fontSizeStat:{type:String,default:"16px"},fontStyle:String,fontFamily:{type:String,default:"Poppins-Regular"},height:{type:String,default:"fit-content"},width:{type:String,default:"fit-content"},borderRadius:{type:String,default:"0px"},borderType:{type:String,default:"solid"},borderWidth:{type:Number,default:0},borderWidthBtn:{type:String,default:"2px"},borderColor:String,backgroundColor:{type:String,default:"none"},activeBackgroundColor:{type:String,default:"#000000"},activeBorderWidth:{type:Number,default:2},activeBorderType:{type:String,default:"solid"},activeBorderColor:{type:String,default:"#cbee6b"},activeColorText:{type:String,default:"#FFFFFF"},cursorType:{type:String,default:"default"},typeOnOff:{type:Boolean,default:!1},textCategory:String,textStat:String,marginLeftStat:{type:String,default:"15%"}},watch:{value:{deep:!0,immediate:!0,handler(o){this.status=o}}},data(){return{status:!1}},computed:{customStyle(){return{height:this.height,width:this.width,backgroundColor:this.backgroundColor,borderRadius:this.borderRadius,border:`${this.borderType} ${this.borderWidth}px ${this.borderColor}`,color:this.fontColor,textDecoration:this.textDecoration,cursor:this.cursorType,fontSize:this.fontSize,fontStyle:this.fontStyle,fontFamily:`${this.fontFamily} !important`}},customActive(){return{backgroundColor:this.activeBackgroundColor,color:this.activeColorText,border:`${this.activeBorderType} ${this.activeBorderWidth}px ${this.activeBorderColor}`}}},methods:{btnClick(o){this.$emit("click",o),this.typeOnOff&&(this.status=!this.status,this.$emit("status",this.status))}}},M=()=>{e.useCssVars(o=>({"9d01acb4":o.height,"14e95081":o.borderWidthBtn,"38fec285":o.borderType,34353510:o.borderColor,"20d20dc6":o.borderRadius,17130967:o.width,"4ccb7d36":o.backgroundColor,"5d1e86a2":o.cursorType,ce65d4a2:o.fontSize,fe4ac47a:o.fontStyle,f98e44dc:o.fontFamily,"93b87770":o.marginLeftStat,c7f7beba:o.fontSizeStat}))},T=L.setup;L.setup=T?(o,a)=>(M(),T(o,a)):M;const te=o=>(e.pushScopeId("data-v-f3ee6b2b"),o=o(),e.popScopeId(),o),oe=["src"],le={key:1,class:"text"},se=["src"],ne={class:"stats"},ae=te(()=>e.createElementVNode("img",{class:"iconstats",src:"https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"},null,-1)),ie={class:"numstats"},re={class:"leyend"};function de(o,a,l,i,m,d){return e.openBlock(),e.createElementBlock("div",null,[l.type==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["button",m.status&&l.typeOnOff&&"button-active"]),style:e.normalizeStyle([d.customStyle,m.status&&l.typeOnOff&&d.customActive]),onClick:a[0]||(a[0]=(...k)=>d.btnClick&&d.btnClick(...k))},[l.icon&&l.iconPosition.toLowerCase()==="left"?(e.openBlock(),e.createElementBlock("img",{key:0,class:"icon",style:e.normalizeStyle({width:l.iconSize}),src:l.icon},null,12,oe)):e.createCommentVNode("",!0),l.textValue?(e.openBlock(),e.createElementBlock("div",le,e.toDisplayString(l.textValue),1)):e.createCommentVNode("",!0),l.icon&&l.iconPosition.toLowerCase()==="right"?(e.openBlock(),e.createElementBlock("img",{key:2,class:"icon",style:e.normalizeStyle({width:l.iconSize}),src:l.icon},null,12,se)):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0),l.type==1?(e.openBlock(),e.createElementBlock("div",{key:1,class:"button-target",onClick:a[1]||(a[1]=(...k)=>d.btnClick&&d.btnClick(...k))},[e.createElementVNode("div",ne,[ae,e.createElementVNode("div",ie,e.toDisplayString(l.textStat),1)]),e.createElementVNode("div",re,e.toDisplayString(l.textCategory),1)])):e.createCommentVNode("",!0)])}const ce=ee(L,[["render",de],["__scopeId","data-v-f3ee6b2b"]]),I=(o,a)=>{const l=o.__vccOpts||o;for(const[i,m]of a)l[i]=m;return l},D=o=>(e.pushScopeId("data-v-943c6e4b"),o=o(),e.popScopeId(),o),me={key:0,class:"overlay"},fe={class:"name"},pe=["onClick"],he=[D(()=>e.createElementVNode("svg",{width:"11",height:"12",viewBox:"0 0 11 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("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))],_e=D(()=>e.createElementVNode("div",{class:"column-title-2"},null,-1)),ge=["onClick"],Ce=I({__name:"ScrollColumns",props:{availablePlayers:{type:Array,default:()=>[]},isEditMode:{type:Boolean,default:!1}},emits:["expand","open-media","click-parameters"],setup(o,{expose:a,emit:l}){const i=o,m=e.ref(null),d=e.ref(null),k=e.ref(0);e.ref(!1);const y=e.computed(()=>{const f=i.availablePlayers[0];return f?f.stats:[]}),w=e.computed(()=>{const f=`repeat(${y.value.length}, max-content) 36px`;let p="";return k.value>0&&document.querySelectorAll(".column-title-2").forEach(b=>{p+=`${b.offsetWidth}px `}),{"--grid-template-columns":f,"--grid-template-columns-totals":p||f}});function c(){m.value=new ResizeObserver(f=>{for(const p of f){const{width:C}=p.contentRect;k.value=C}}),m.value.observe(d.value)}function x(f,p){const b=document.querySelectorAll(".scrollable-row-totals")[f+1];b&&(b.style.marginTop=`${p}px`)}function S({player:f,stat:p}){!p.total||p==="0%"||!p.seasons||!p.seasons.length||l("open-media",{...f,stat:p})}function h(f){!f||f==="no"||l("click-parameters",f)}return e.onMounted(()=>{c()}),a({setMarginTopDetails:x}),(f,p)=>(e.openBlock(),e.createElementBlock("div",{class:"scroll-columns",style:e.normalizeStyle(w.value)},[o.isEditMode?(e.openBlock(),e.createElementBlock("div",me)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"titlesRow",ref:d,class:"scrollable-row-2"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(C,b)=>(e.openBlock(),e.createElementBlock("div",{key:`t-${b}`,class:"column-title-2"},[e.createElementVNode("div",fe,e.toDisplayString(C.name),1),C.parameters&&C.parameters!=="no"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"parameters",role:"button",onClick:u=>h(C.parameters)},he,8,pe)):e.createCommentVNode("",!0)]))),128)),_e],512),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.availablePlayers,(C,b)=>(e.openBlock(),e.createElementBlock("div",{key:`i-${C.id}`,class:"row scrollable-row-totals"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.stats,u=>(e.openBlock(),e.createElementBlock("div",{key:u.category_id,class:e.normalizeClass(["row data-info",{odd:b%2!==0,underline:!!u.total&&u.total!=="0%"&&u.seasons&&u.seasons.length}]),onClick:F=>S({player:C,stat:u})},e.toDisplayString(u.total),11,ge))),128))]))),128))],4))}},[["__scopeId","data-v-943c6e4b"]]),_=o=>(e.pushScopeId("data-v-d89df432"),o=o(),e.popScopeId(),o),ke={class:"table__static-column"},ue=_(()=>e.createElementVNode("div",{class:"static-title column-title"},null,-1)),be={class:"container"},ye={class:"details-row__info"},we={class:"details-row__info__personal"},Ee={class:"bold"},xe={class:"bold"},Se={class:"bold"},Ve={class:"bold"},Be={class:"details-row__info__games"},Ne={class:"bold"},Le={class:"bold"},$e=["onClick"],ze=[_(()=>e.createElementVNode("div",null,"Ver gráfica",-1)),_(()=>e.createElementVNode("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("g",{"clip-path":"url(#clip0_3514_71971)"},[e.createElementVNode("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"})]),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_3514_71971"},[e.createElementVNode("rect",{width:"16",height:"16",fill:"white",transform:"translate(0.5)"})])])],-1))],Me=["onClick"],Te=[_(()=>e.createElementVNode("div",null,"Eliminar de lista",-1)),_(()=>e.createElementVNode("svg",{width:"17",height:"15",viewBox:"0 0 20 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("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"}),e.createElementVNode("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"}),e.createElementVNode("path",{d:"M18.332 8.16663H13.332",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})],-1))],Ie=["onClick"],De=[_(()=>e.createElementVNode("div",null,"Agregar a lista",-1)),_(()=>e.createElementVNode("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("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"}),e.createElementVNode("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"}),e.createElementVNode("path",{d:"M15.5996 6.79944V11.6001M17.9999 9.19979H13.1992",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"})],-1))],Fe=["onClick"],Oe=[_(()=>e.createElementVNode("div",null,"Ver perfil",-1))],Re={class:"static-row__info-player"},Pe={class:"position"},Ze=["onClick"],Ae=[_(()=>e.createElementVNode("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)),_(()=>e.createElementVNode("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)),_(()=>e.createElementVNode("path",{d:"M18.332 8.16663H13.332",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1))],We=["onClick"],je=[_(()=>e.createElementVNode("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.createElementVNode("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)),_(()=>e.createElementVNode("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))],He={class:"player-photo"},Ge=["src"],Ue={class:"player-name"},qe={class:"arrow"},ve=["onClick"],Je=[_(()=>e.createElementVNode("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))],Xe=e.createStaticVNode('<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),Ke={class:"team-logo"},Qe=["src"],Ye={class:"team-name data-info"},et=["src"],tt=I({__name:"GSC-TableScrollable",props:{players:{type:Array,default:()=>[]},isGeneral:{type:Boolean,default:!0},isEditMode:{type:Boolean,default:!1},isTableFromList:{type:Boolean,default:!1}},emits:["change-selected-players","view-profile","add-to-list","view-graph","open-media","click-parameters"],setup(o,{emit:a}){const l=o;let i=null,m=null;const d=e.ref([]),k=e.ref(null),y=e.ref(null),w=e.ref(0),c=e.ref(0),x=e.ref(-1);e.ref(!1);const S=e.ref(null),h=e.ref(null),f=e.computed(()=>({"--width-details":`${w.value}px`,"--gap-static-row":`${p.value?"8px":"18px"}`,"--width-static-column":`${p.value?"50%":"256px"}`})),p=e.computed(()=>w.value<600);e.watch(()=>l.players,t=>{t&&t.length&&(d.value=t.map((n,s)=>{const r=s+1,g={...n,position:r<10?`0${r}`:`${r}`,isSelected:!1,isExpanded:!1,isOdd:s%2!==0,index:s};return g.parameters&&Object.entries(g.parameters).forEach(([V,z])=>{const N=g.stats.find(rt=>rt.custom_category_id===Number(V));N&&(N.parameters=z)}),g}))},{immediate:!0,deep:!0}),e.watch(()=>l.isEditMode,t=>{t&&d.value.forEach(n=>{n.isSelected=!1})}),e.watch(c,t=>{const s=document.querySelectorAll(".static-row")[x.value+1];s&&(s.style.marginTop=`${t}px`),l.isGeneral?C(x.value,t):y.value&&y.value.setMarginTopDetails(x.value,t),t===0&&S.value&&P(S.value)});function C(t,n){const r=document.querySelectorAll(".scrollable-row")[t+2];r&&(r.style.marginTop=`${n}px`)}function b(t){a("click-parameters",t)}function u(t){const n=t.player||t.objeto_player,s=n?n.player_id||n.id||n.playerId:t.id||t.player_id,r=n?n.team_id||n.teamId:t.team_id||t.teamId,g={isFeaturedPlayers:!1,mainSectionType:1,playListType:2,gameIds:null,playerIds:s?[s]:[],goalkeeperIds:[],teamId:r||0,matchResult:[1,2,3],categorySingleName:"",isRivalSubject:!1,avoidCategorySingleName:!1,currentPlayIndex:0,playData:null,lastClashedGameId:null,tournamentsLastClashes:null,advancedFilter:{playListTitle:"Jugadas Relevantes"}};if(t.stat&&t.stat.parameters&&(g.parameters=t.stat.parameters),t.stat&&t.stat.seasons&&t.stat.seasons.length||t.seasons&&t.seasons.length){const V=[...t.stat&&t.stat.seasons&&t.stat.seasons.length?t.stat.seasons:t.seasons];V.sort((z,N)=>z-N),g.seasonId=V.shift(),g.seasonsIds=V}else(t.season_id||t.seasonId)&&(g.seasonId=t.season_id||t.seasonId);t.stat?t.stat.category_id?g.categoryIds=t.stat.category_id:t.stat.custom_category_id&&(g.customCategoryIds=[t.stat.custom_category_id]):g.categoryIds=lt(t.player_position),a("open-media",g)}function F(){i=new ResizeObserver(t=>{for(const n of t)w.value=n.contentRect.width}),i.observe(k.value)}function ot(t){m=new ResizeObserver(n=>{for(const s of n)c.value=s.contentRect.height}),m.observe(t)}function lt(t){return t==="POR"?[39,40,52,53,54,55,323,324,608,774,802]:[10,12,14,15,27,35,61,217,257,466,519,607,702,730,98,101,109,112,121,122,127,128,135,136,141,142,161,170,179,211,232,235,239,242,282,284,289,291,296,485,486,487,488]}function st(t,n){n.isSelected=t;const s=d.value.filter(r=>r.isSelected);a("change-selected-players",s)}function nt(t){a("view-profile",t)}function O(t){a("delete-from-list",t)}function R(t){a("add-to-list",t)}function at(t){a("show-graph",t)}function P(t){if(t.isExpanded){t.isExpanded=!1,S.value=null;return}const n=d.value.find(g=>g.isExpanded);if(n&&(n.isExpanded=!1),n){S.value=t;return}const r=document.querySelectorAll(".details-row")[t.index];x.value=t.index,ot(r),t.isExpanded=!0}let $=!1,Z,A,W=function(t){$=!0,Z=t.pageX-h.value.offsetLeft,A=h.value.scrollLeft},B=function(){$=!1};function it(){h.value&&(h.value.addEventListener("mousemove",t=>{if(!$)return;const s=t.pageX-h.value.offsetLeft-Z;h.value.scrollLeft=A-s}),h.value.addEventListener("mousedown",W,!1),h.value.addEventListener("mouseup",B,!1),h.value.addEventListener("mouseleave",B,!1))}return e.onMounted(()=>{F(),it()}),e.onBeforeUnmount(()=>{i&&i.disconnect(),m&&m.disconnect(),h.value&&(h.value.removeEventListener("mousemove",W,!1),h.value.removeEventListener("mouseup",B,!1),h.value.removeEventListener("mouseleave",B,!1))}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:"table",ref_key:"tableSC",ref:k,style:e.normalizeStyle(f.value)},[e.createElementVNode("div",ke,[ue,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,s=>(e.openBlock(),e.createElementBlock("div",{key:`s-${s.id}`,class:e.normalizeClass(["row static-row",{odd:s.isOdd}])},[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["details-row",{odd:s.isOdd}])},[e.createElementVNode("div",be,[e.createElementVNode("div",ye,[e.createElementVNode("div",we,[e.createElementVNode("div",null,[e.createTextVNode("Equipo: "),e.createElementVNode("span",Ee,e.toDisplayString(s.team_name),1)]),e.createElementVNode("div",null,[e.createTextVNode("Edad: "),e.createElementVNode("span",xe,e.toDisplayString(s.player_age)+" Años",1)]),e.createElementVNode("div",null,[e.createTextVNode("Nacionalidad: "),e.createElementVNode("span",Se,e.toDisplayString(s.player_country),1)]),e.createElementVNode("div",null,[e.createTextVNode("Posición: "),e.createElementVNode("span",Ve,e.toDisplayString(s.position_name),1)])]),e.createElementVNode("div",Be,[e.createElementVNode("div",null,[e.createTextVNode("Partidos Jugados: "),e.createElementVNode("span",Ne,e.toDisplayString(s.player_games),1)]),e.createElementVNode("div",null,[e.createTextVNode("Minutos Jugados: "),e.createElementVNode("span",Le,e.toDisplayString(s.player_min),1)])])]),e.createElementVNode("div",{class:"details-row__buttons",style:e.normalizeStyle(p.value?"margin-left: 0; gap: 8px;":"")},[e.createElementVNode("div",{role:"button",class:"button",onClick:r=>at(s)},ze,8,$e),o.isTableFromList?(e.openBlock(),e.createElementBlock("div",{key:0,role:"button",class:"button",onClick:r=>O(s)},Te,8,Me)):(e.openBlock(),e.createElementBlock("div",{key:1,role:"button",class:"button",onClick:r=>R(s)},De,8,Ie)),e.createElementVNode("div",{role:"button",class:"button green",onClick:r=>nt(s)},Oe,8,Fe)],4)])],2),[[e.vShow,s.isExpanded]])]),_:2},1024),o.isEditMode?(e.openBlock(),e.createBlock(e.unref(Y),{key:0,fontFamily:"Poppins-Regular",labelFontSize:"14px","model-value":s.isSelected,"onUpdate:modelValue":r=>st(r,s)},null,8,["model-value","onUpdate:modelValue"])):e.createCommentVNode("",!0),e.createElementVNode("div",Re,[e.createElementVNode("div",Pe,e.toDisplayString(s.position),1),o.isTableFromList?(e.openBlock(),e.createElementBlock("svg",{key:0,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:r=>O(s)},Ae,8,Ze)):(e.openBlock(),e.createElementBlock("svg",{key:1,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:r=>R(s)},je,8,We)),e.createElementVNode("div",He,[e.createElementVNode("div",null,[e.createElementVNode("img",{src:s.player_photo,alt:"player photo"},null,8,Ge)])]),e.createElementVNode("div",Ue,e.toDisplayString(s.player_name),1)]),e.createElementVNode("div",qe,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5",{expanded:s.isExpanded}]),width:"12",height:"8",viewBox:"0 0 12 8",fill:"#D9D9D9",xmlns:"http://www.w3.org/2000/svg",onClick:r=>P(s)},Je,10,ve))])],2))),128))]),e.createElementVNode("div",{ref_key:"scrollableColumns",ref:h,class:"table__scrollable-columns"},[o.isGeneral?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[Xe,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,s=>(e.openBlock(),e.createElementBlock("div",{key:`i-${s.id}`,class:"row scrollable-row"},[e.createElementVNode("div",{class:e.normalizeClass(["row team-info",{odd:s.isOdd}])},[e.createElementVNode("div",Ke,[e.createElementVNode("img",{src:s.team_logo,alt:"team logo"},null,8,Qe)]),e.createElementVNode("div",Ye,e.toDisplayString(s.team_abrev),1)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.player_position),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.player_age),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},[e.createElementVNode("img",{src:s.player_country_flag,alt:"player country flag",class:"country-flag"},null,8,et)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.player_games),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.player_min),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.league_name),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},[e.createVNode(e.unref(ce),{icon:"https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png","icon-size":"19px","icon-position":"left",width:"98px",height:"30px","border-radius":"30px","border-width":"1","background-color":"#ffffff1a","font-family":"Poppins-Regular","border-color":"#55636e","text-value":"Ver videos","font-size":"10px",onClick:r=>u(s)},null,8,["onClick"])],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},null,2)]))),128))],64)):(e.openBlock(),e.createBlock(Ce,{key:1,ref_key:"scrollColumns",ref:y,"available-players":d.value,"is-edit-mode":o.isEditMode,onOpenMedia:u,onClickParameters:b},null,8,["available-players","is-edit-mode"]))],512)],4))}},[["__scopeId","data-v-d89df432"]]);E.GSCTableScrollable=tt,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@golstats/gsc-table-scrollable",
3
- "version": "1.0.11",
3
+ "version": "1.0.12",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"