@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-
|
|
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
|
|
2
|
-
const
|
|
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
|
-
},
|
|
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
|
-
},
|
|
13
|
+
}, yt = ["fill"], xt = {
|
|
14
14
|
key: 0,
|
|
15
15
|
class: "checkbox__teams"
|
|
16
|
-
},
|
|
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
|
-
|
|
127
|
+
st((h) => ({
|
|
128
128
|
"7bd9d47b": o.width,
|
|
129
129
|
"34dc7ddc": o.height
|
|
130
130
|
}));
|
|
131
|
-
const r =
|
|
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
|
-
})),
|
|
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:
|
|
171
|
+
class: C(["checkbox", `box-${o.boxPosition}`]),
|
|
172
172
|
onClick: M
|
|
173
173
|
}, [
|
|
174
|
-
|
|
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",
|
|
184
|
-
(l(), n("svg",
|
|
185
|
-
|
|
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,
|
|
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",
|
|
194
|
-
|
|
195
|
-
|
|
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,
|
|
198
|
+
}, null, 8, Lt)
|
|
199
199
|
]),
|
|
200
|
-
|
|
201
|
-
|
|
200
|
+
t("div", $t, [
|
|
201
|
+
t("img", {
|
|
202
202
|
src: B(o.teamsIds[1]),
|
|
203
203
|
alt: ""
|
|
204
|
-
}, null, 8,
|
|
204
|
+
}, null, 8, Mt)
|
|
205
205
|
])
|
|
206
206
|
])) : L("", !0),
|
|
207
|
-
|
|
207
|
+
t("div", {
|
|
208
208
|
class: "checkbox__label",
|
|
209
|
-
style: $(
|
|
209
|
+
style: $(y.value)
|
|
210
210
|
}, u(o.label), 5)
|
|
211
211
|
], 2));
|
|
212
212
|
}
|
|
213
|
-
},
|
|
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
|
-
},
|
|
293
|
-
|
|
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
|
-
},
|
|
309
|
-
H.setup =
|
|
310
|
-
const
|
|
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
|
-
},
|
|
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)),
|
|
317
|
-
function
|
|
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:
|
|
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] = (...
|
|
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,
|
|
331
|
-
s.textValue ? (l(), n("div",
|
|
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,
|
|
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] = (...
|
|
342
|
+
onClick: d[1] || (d[1] = (...y) => f.btnClick && f.btnClick(...y))
|
|
343
343
|
}, [
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
344
|
+
t("div", Pt, [
|
|
345
|
+
Ft,
|
|
346
|
+
t("div", zt, u(s.textStat), 1)
|
|
347
347
|
]),
|
|
348
|
-
|
|
348
|
+
t("div", Dt, u(s.textCategory), 1)
|
|
349
349
|
])) : L("", !0)
|
|
350
350
|
]);
|
|
351
351
|
}
|
|
352
|
-
const
|
|
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
|
-
},
|
|
357
|
+
}, nt = (o) => (W("data-v-943c6e4b"), o = o(), j(), o), Wt = {
|
|
358
358
|
key: 0,
|
|
359
359
|
class: "overlay"
|
|
360
|
-
},
|
|
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__ */
|
|
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)),
|
|
372
|
-
|
|
373
|
-
],
|
|
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 =
|
|
388
|
-
|
|
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
|
|
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:
|
|
406
|
-
|
|
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
|
|
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",
|
|
429
|
-
|
|
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, (
|
|
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
|
-
|
|
439
|
-
|
|
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(
|
|
444
|
-
},
|
|
443
|
+
onClick: (x) => g(w.parameters)
|
|
444
|
+
}, Gt, 8, Ht)) : L("", !0)
|
|
445
445
|
]))), 128)),
|
|
446
|
-
|
|
446
|
+
Ut
|
|
447
447
|
], 512),
|
|
448
|
-
(l(!0), n(R, null, P(o.availablePlayers, (
|
|
449
|
-
key: `i-${
|
|
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(
|
|
452
|
+
(l(!0), n(R, null, P(w.stats, (x) => (l(), n("div", {
|
|
453
453
|
key: x.category_id,
|
|
454
|
-
class:
|
|
455
|
-
onClick: (N) => T({ player:
|
|
456
|
-
}, u(x.total), 11,
|
|
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
|
-
},
|
|
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__ */
|
|
468
|
-
/* @__PURE__ */
|
|
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__ */
|
|
474
|
-
/* @__PURE__ */
|
|
475
|
-
/* @__PURE__ */
|
|
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)),
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
],
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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)),
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
],
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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)),
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
],
|
|
555
|
-
|
|
556
|
-
],
|
|
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)),
|
|
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)),
|
|
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)),
|
|
578
|
-
$
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
],
|
|
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)),
|
|
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)),
|
|
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)),
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
],
|
|
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)),
|
|
612
|
-
|
|
613
|
-
],
|
|
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 =
|
|
645
|
-
|
|
646
|
-
const T =
|
|
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
|
-
(
|
|
654
|
-
|
|
655
|
-
const c = i + 1,
|
|
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
|
|
664
|
-
const z =
|
|
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
|
-
}),
|
|
666
|
+
}), m;
|
|
667
667
|
}));
|
|
668
668
|
},
|
|
669
669
|
{ immediate: !0, deep: !0 }
|
|
670
670
|
), D(
|
|
671
671
|
() => s.isEditMode,
|
|
672
|
-
(
|
|
673
|
-
|
|
672
|
+
(e) => {
|
|
673
|
+
e && f.value.forEach((a) => {
|
|
674
674
|
a.isSelected = !1;
|
|
675
675
|
});
|
|
676
676
|
}
|
|
677
677
|
), D(
|
|
678
678
|
h,
|
|
679
|
-
(
|
|
679
|
+
(e) => {
|
|
680
680
|
const i = document.querySelectorAll(".static-row")[V.value + 1];
|
|
681
|
-
i && (i.style.marginTop = `${
|
|
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
|
|
685
|
-
const c = document.querySelectorAll(".scrollable-row")[
|
|
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(
|
|
689
|
-
d("click-parameters",
|
|
688
|
+
function S(e) {
|
|
689
|
+
d("click-parameters", e);
|
|
690
690
|
}
|
|
691
|
-
function x(
|
|
692
|
-
const a =
|
|
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 (
|
|
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
|
-
...
|
|
714
|
+
...e.stat && e.stat.seasons && e.stat.seasons.length ? e.stat.seasons : e.seasons
|
|
715
715
|
];
|
|
716
|
-
O.sort((A, z) => A - z),
|
|
717
|
-
} else (
|
|
718
|
-
|
|
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((
|
|
722
|
-
for (const a of
|
|
721
|
+
r = new ResizeObserver((e) => {
|
|
722
|
+
for (const a of e)
|
|
723
723
|
B.value = a.contentRect.width;
|
|
724
|
-
}), r.observe(
|
|
724
|
+
}), r.observe(y.value);
|
|
725
725
|
}
|
|
726
|
-
function
|
|
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(
|
|
730
|
+
}), v.observe(e);
|
|
731
731
|
}
|
|
732
|
-
function
|
|
733
|
-
return
|
|
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
|
|
780
|
-
a.isSelected =
|
|
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
|
|
785
|
-
d("view-profile",
|
|
784
|
+
function ct(e) {
|
|
785
|
+
d("view-profile", e);
|
|
786
786
|
}
|
|
787
|
-
function G(
|
|
788
|
-
d("delete-from-list",
|
|
787
|
+
function G(e) {
|
|
788
|
+
d("delete-from-list", e);
|
|
789
789
|
}
|
|
790
|
-
function U(
|
|
791
|
-
d("add-to-list",
|
|
790
|
+
function U(e) {
|
|
791
|
+
d("add-to-list", e);
|
|
792
792
|
}
|
|
793
|
-
function
|
|
794
|
-
d("show-graph",
|
|
793
|
+
function ut(e) {
|
|
794
|
+
d("show-graph", e);
|
|
795
795
|
}
|
|
796
|
-
function q(
|
|
797
|
-
if (
|
|
798
|
-
|
|
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((
|
|
801
|
+
const a = f.value.find((m) => m.isExpanded);
|
|
802
802
|
if (a && (a.isExpanded = !1), a) {
|
|
803
|
-
T.value =
|
|
803
|
+
T.value = e;
|
|
804
804
|
return;
|
|
805
805
|
}
|
|
806
|
-
const c = document.querySelectorAll(".details-row")[
|
|
807
|
-
V.value =
|
|
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(
|
|
810
|
-
Z = !0, J =
|
|
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
|
|
815
|
-
g.value && (g.value.addEventListener("mousemove", (
|
|
814
|
+
function ft() {
|
|
815
|
+
g.value && (g.value.addEventListener("mousemove", (e) => {
|
|
816
816
|
if (!Z)
|
|
817
817
|
return;
|
|
818
|
-
const i =
|
|
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
|
|
823
|
-
N(),
|
|
824
|
-
}),
|
|
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
|
-
}), (
|
|
826
|
+
}), (e, a) => (l(), n("div", {
|
|
827
827
|
class: "table",
|
|
828
828
|
ref_key: "tableSC",
|
|
829
|
-
ref:
|
|
829
|
+
ref: y,
|
|
830
830
|
style: $(p.value)
|
|
831
831
|
}, [
|
|
832
|
-
|
|
833
|
-
|
|
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:
|
|
836
|
+
class: C(["row static-row", { odd: i.isOdd }])
|
|
837
837
|
}, [
|
|
838
|
-
Q(
|
|
839
|
-
default:
|
|
840
|
-
|
|
841
|
-
class:
|
|
838
|
+
Q(pt, null, {
|
|
839
|
+
default: _t(() => [
|
|
840
|
+
gt(t("div", {
|
|
841
|
+
class: C(["details-row", { odd: i.isOdd }])
|
|
842
842
|
}, [
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
843
|
+
t("div", Yt, [
|
|
844
|
+
t("div", te, [
|
|
845
|
+
t("div", ee, [
|
|
846
|
+
t("div", null, [
|
|
847
847
|
E("Equipo: "),
|
|
848
|
-
|
|
848
|
+
t("span", oe, u(i.team_name), 1)
|
|
849
849
|
]),
|
|
850
|
-
|
|
850
|
+
t("div", null, [
|
|
851
851
|
E("Edad: "),
|
|
852
|
-
|
|
852
|
+
t("span", se, u(i.player_age) + " Años", 1)
|
|
853
853
|
]),
|
|
854
|
-
|
|
854
|
+
t("div", null, [
|
|
855
855
|
E("Nacionalidad: "),
|
|
856
|
-
|
|
856
|
+
t("span", ie, u(i.player_country), 1)
|
|
857
857
|
]),
|
|
858
|
-
|
|
858
|
+
t("div", null, [
|
|
859
859
|
E("Posición: "),
|
|
860
|
-
|
|
860
|
+
t("span", le, u(i.position_name), 1)
|
|
861
861
|
])
|
|
862
862
|
]),
|
|
863
|
-
|
|
864
|
-
|
|
863
|
+
t("div", ne, [
|
|
864
|
+
t("div", null, [
|
|
865
865
|
E("Partidos Jugados: "),
|
|
866
|
-
|
|
866
|
+
t("span", ae, u(i.player_games), 1)
|
|
867
867
|
]),
|
|
868
|
-
|
|
868
|
+
t("div", null, [
|
|
869
869
|
E("Minutos Jugados: "),
|
|
870
|
-
|
|
870
|
+
t("span", de, u(i.player_min), 1)
|
|
871
871
|
])
|
|
872
872
|
])
|
|
873
873
|
]),
|
|
874
|
-
|
|
874
|
+
t("div", {
|
|
875
875
|
class: "details-row__buttons",
|
|
876
876
|
style: $(_.value ? "margin-left: 0; gap: 8px;" : "")
|
|
877
877
|
}, [
|
|
878
|
-
|
|
878
|
+
t("div", {
|
|
879
879
|
role: "button",
|
|
880
880
|
class: "button",
|
|
881
|
-
onClick: (c) =>
|
|
882
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
894
|
-
|
|
893
|
+
}, be, 8, ge)),
|
|
894
|
+
t("div", {
|
|
895
895
|
role: "button",
|
|
896
896
|
class: "button green",
|
|
897
|
-
onClick: (c) =>
|
|
898
|
-
},
|
|
897
|
+
onClick: (c) => ct(i)
|
|
898
|
+
}, ye, 8, we)
|
|
899
899
|
], 4)
|
|
900
900
|
])
|
|
901
901
|
], 2), [
|
|
902
|
-
[
|
|
902
|
+
[mt, i.isExpanded]
|
|
903
903
|
])
|
|
904
904
|
]),
|
|
905
905
|
_: 2
|
|
906
906
|
}, 1024),
|
|
907
|
-
o.isEditMode ? (l(), Y(
|
|
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) =>
|
|
912
|
+
"onUpdate:modelValue": (c) => rt(c, i)
|
|
913
913
|
}, null, 8, ["model-value", "onUpdate:modelValue"])) : L("", !0),
|
|
914
|
-
|
|
915
|
-
|
|
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
|
-
},
|
|
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
|
-
},
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
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,
|
|
938
|
+
}, null, 8, Fe)
|
|
939
939
|
])
|
|
940
940
|
]),
|
|
941
|
-
|
|
941
|
+
t("div", ze, u(i.player_name), 1)
|
|
942
942
|
]),
|
|
943
|
-
|
|
943
|
+
t("div", De, [
|
|
944
944
|
(l(), n("svg", {
|
|
945
|
-
class:
|
|
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
|
-
},
|
|
952
|
+
}, We, 10, Ze))
|
|
953
953
|
])
|
|
954
954
|
], 2))), 128))
|
|
955
955
|
]),
|
|
956
|
-
|
|
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
|
-
|
|
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
|
-
|
|
968
|
-
class:
|
|
967
|
+
t("div", {
|
|
968
|
+
class: C(["row team-info", { odd: i.isOdd }])
|
|
969
969
|
}, [
|
|
970
|
-
|
|
971
|
-
|
|
970
|
+
t("div", He, [
|
|
971
|
+
t("img", {
|
|
972
972
|
src: i.team_logo,
|
|
973
973
|
alt: "team logo"
|
|
974
|
-
}, null, 8,
|
|
974
|
+
}, null, 8, Ne)
|
|
975
975
|
]),
|
|
976
|
-
|
|
976
|
+
t("div", Ge, u(i.team_abrev), 1)
|
|
977
977
|
], 2),
|
|
978
|
-
|
|
979
|
-
class:
|
|
978
|
+
t("div", {
|
|
979
|
+
class: C(["row data-info", { odd: i.isOdd }])
|
|
980
980
|
}, u(i.player_position), 3),
|
|
981
|
-
|
|
982
|
-
class:
|
|
981
|
+
t("div", {
|
|
982
|
+
class: C(["row data-info", { odd: i.isOdd }])
|
|
983
983
|
}, u(i.player_age), 3),
|
|
984
|
-
|
|
985
|
-
class:
|
|
984
|
+
t("div", {
|
|
985
|
+
class: C(["row data-info", { odd: i.isOdd }])
|
|
986
986
|
}, [
|
|
987
|
-
|
|
987
|
+
t("img", {
|
|
988
988
|
src: i.player_country_flag,
|
|
989
989
|
alt: "player country flag",
|
|
990
990
|
class: "country-flag"
|
|
991
|
-
}, null, 8,
|
|
991
|
+
}, null, 8, Ue)
|
|
992
992
|
], 2),
|
|
993
|
-
|
|
994
|
-
class:
|
|
993
|
+
t("div", {
|
|
994
|
+
class: C(["row data-info", { odd: i.isOdd }])
|
|
995
995
|
}, u(i.player_games), 3),
|
|
996
|
-
|
|
997
|
-
class:
|
|
996
|
+
t("div", {
|
|
997
|
+
class: C(["row data-info", { odd: i.isOdd }])
|
|
998
998
|
}, u(i.player_min), 3),
|
|
999
|
-
|
|
1000
|
-
class:
|
|
999
|
+
t("div", {
|
|
1000
|
+
class: C(["row data-info", { odd: i.isOdd }])
|
|
1001
1001
|
}, u(i.league_name), 3),
|
|
1002
|
-
|
|
1003
|
-
class:
|
|
1002
|
+
t("div", {
|
|
1003
|
+
class: C(["row data-info", { odd: i.isOdd }])
|
|
1004
1004
|
}, [
|
|
1005
|
-
Q(
|
|
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
|
-
|
|
1022
|
-
class:
|
|
1021
|
+
t("div", {
|
|
1022
|
+
class: C(["row data-info", { odd: i.isOdd }])
|
|
1023
1023
|
}, null, 2)
|
|
1024
1024
|
]))), 128))
|
|
1025
|
-
], 64)) : (l(), Y(
|
|
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
|
-
},
|
|
1037
|
+
}, Xe = /* @__PURE__ */ lt(qe, [["__scopeId", "data-v-d89df432"]]);
|
|
1038
1038
|
export {
|
|
1039
|
-
|
|
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"})});
|