@golstats/gsc-table-scrollable 1.0.11 → 1.0.13
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,19 +1,19 @@
|
|
|
1
|
-
import { useCssVars as
|
|
2
|
-
const
|
|
1
|
+
import { useCssVars as st, ref as w, computed as R, watch as F, createElementBlock as n, openBlock as l, normalizeClass as m, createElementVNode as t, createCommentVNode as L, normalizeStyle as $, Fragment as T, toDisplayString as u, pushScopeId as A, popScopeId as W, onMounted as it, renderList as I, onBeforeUnmount as vt, createVNode as Q, createBlock as Y, Transition as pt, withCtx as gt, withDirectives as _t, createTextVNode as O, vShow as mt, unref as tt, createStaticVNode as Ct } from "vue";
|
|
2
|
+
const bt = (o, d) => {
|
|
3
3
|
const s = o.__vccOpts || o;
|
|
4
|
-
for (const [
|
|
5
|
-
s[
|
|
4
|
+
for (const [c, v] of d)
|
|
5
|
+
s[c] = 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
|
|
131
|
+
const c = w(!1), v = R(() => {
|
|
132
132
|
const h = {
|
|
133
133
|
color: s.boxValueColor,
|
|
134
134
|
"font-family": s.fontFamily,
|
|
@@ -138,13 +138,13 @@ const be = (o, d) => {
|
|
|
138
138
|
"border-radius": s.boxBorderRadius,
|
|
139
139
|
"margin-top": s.boxMarginTop
|
|
140
140
|
};
|
|
141
|
-
return
|
|
142
|
-
}), f =
|
|
141
|
+
return c.value ? (h["background-color"] = s.boxBackgroundColor, h.border = `solid ${s.boxBorderWidth} ${s.boxBackgroundColor}`) : h.border = `solid ${s.boxBorderWidth} ${s.boxBorderColor}`, h;
|
|
142
|
+
}), f = R(() => ({
|
|
143
143
|
"font-family": s.boxValueFontFamily,
|
|
144
144
|
"font-size": s.boxValueFontSize,
|
|
145
145
|
color: s.boxValueColor,
|
|
146
146
|
"line-height": 1
|
|
147
|
-
})), k =
|
|
147
|
+
})), k = R(() => {
|
|
148
148
|
const h = {
|
|
149
149
|
color: s.labelColor,
|
|
150
150
|
"font-family": s.fontFamily,
|
|
@@ -154,15 +154,15 @@ const be = (o, d) => {
|
|
|
154
154
|
};
|
|
155
155
|
return (s.boxPosition === "left" || s.boxPosition === "right") && (h[`margin-${s.boxPosition}`] = s.isBoxOnly ? "0" : s.teamsIds ? "8px" : "10px"), h;
|
|
156
156
|
});
|
|
157
|
-
|
|
157
|
+
F(
|
|
158
158
|
() => s.modelValue,
|
|
159
159
|
(h) => {
|
|
160
|
-
h !==
|
|
160
|
+
h !== c.value && (c.value = h);
|
|
161
161
|
},
|
|
162
162
|
{ immediate: !0 }
|
|
163
163
|
);
|
|
164
164
|
function M() {
|
|
165
|
-
s.avoidInteraction || !
|
|
165
|
+
s.avoidInteraction || !c.value && s.avoidToCheck || (c.value = !c.value, d("update:modelValue", c.value));
|
|
166
166
|
}
|
|
167
167
|
function B(h) {
|
|
168
168
|
return `${{}.TEAM_LOGOS_URL || "https://golstatsimages.blob.core.windows.net/teams-80/"}${h}.png`;
|
|
@@ -171,51 +171,51 @@ const be = (o, d) => {
|
|
|
171
171
|
class: m(["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
|
}, [
|
|
178
|
-
|
|
178
|
+
c.value ? (l(), n(T, { key: 0 }, [
|
|
179
179
|
s.boxValue ? (l(), n("div", {
|
|
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
209
|
style: $(k.value)
|
|
210
210
|
}, u(o.label), 5)
|
|
211
211
|
], 2));
|
|
212
212
|
}
|
|
213
|
-
},
|
|
213
|
+
}, Vt = /* @__PURE__ */ bt(Bt, [["__scopeId", "data-v-b6f124d8"]]), Rt = (o, d) => {
|
|
214
214
|
const s = o.__vccOpts || o;
|
|
215
|
-
for (const [
|
|
216
|
-
s[
|
|
215
|
+
for (const [c, v] of d)
|
|
216
|
+
s[c] = v;
|
|
217
217
|
return s;
|
|
218
|
-
},
|
|
218
|
+
}, j = {
|
|
219
219
|
props: {
|
|
220
220
|
type: { type: Number, default: 0 },
|
|
221
221
|
value: { type: Boolean, default: !1 },
|
|
@@ -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,16 +305,16 @@ const be = (o, d) => {
|
|
|
305
305
|
"93b87770": o.marginLeftStat,
|
|
306
306
|
c7f7beba: o.fontSizeStat
|
|
307
307
|
}));
|
|
308
|
-
},
|
|
309
|
-
|
|
310
|
-
const
|
|
308
|
+
}, ot = j.setup;
|
|
309
|
+
j.setup = ot ? (o, d) => (et(), ot(o, d)) : et;
|
|
310
|
+
const Tt = (o) => (A("data-v-f3ee6b2b"), o = o(), W(), o), Et = ["src"], Ot = {
|
|
311
311
|
key: 1,
|
|
312
312
|
class: "text"
|
|
313
|
-
},
|
|
313
|
+
}, It = ["src"], Pt = { class: "stats" }, Ft = /* @__PURE__ */ Tt(() => /* @__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, c, v, f) {
|
|
318
318
|
return l(), n("div", null, [
|
|
319
319
|
s.type == 0 ? (l(), n("div", {
|
|
320
320
|
key: 0,
|
|
@@ -327,50 +327,50 @@ function Ze(o, d, s, r, v, f) {
|
|
|
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, Et)) : L("", !0),
|
|
331
|
+
s.textValue ? (l(), n("div", Ot, 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, It)) : 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
342
|
onClick: d[1] || (d[1] = (...k) => f.btnClick && f.btnClick(...k))
|
|
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__ */ Rt(j, [["render", Zt], ["__scopeId", "data-v-f3ee6b2b"]]), lt = (o, d) => {
|
|
353
353
|
const s = o.__vccOpts || o;
|
|
354
|
-
for (const [
|
|
355
|
-
s[
|
|
354
|
+
for (const [c, v] of d)
|
|
355
|
+
s[c] = v;
|
|
356
356
|
return s;
|
|
357
|
-
},
|
|
357
|
+
}, nt = (o) => (A("data-v-16177785"), o = o(), W(), 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,97 +382,97 @@ 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
|
|
388
|
-
|
|
389
|
-
const M =
|
|
390
|
-
const p =
|
|
387
|
+
const c = o, v = w(null), f = w(null), k = w(0);
|
|
388
|
+
w(!1);
|
|
389
|
+
const M = R(() => {
|
|
390
|
+
const p = c.availablePlayers[0];
|
|
391
391
|
return p ? p.stats : [];
|
|
392
|
-
}), B =
|
|
392
|
+
}), B = R(() => {
|
|
393
393
|
const p = `repeat(${M.value.length}, max-content) 36px`;
|
|
394
|
-
let
|
|
395
|
-
return k.value > 0 && document.querySelectorAll(".column-title-2").forEach((
|
|
396
|
-
|
|
394
|
+
let g = "";
|
|
395
|
+
return k.value > 0 && document.querySelectorAll(".column-title-2").forEach((x) => {
|
|
396
|
+
g += `${x.offsetWidth}px `;
|
|
397
397
|
}), {
|
|
398
398
|
"--grid-template-columns": p,
|
|
399
|
-
"--grid-template-columns-totals":
|
|
399
|
+
"--grid-template-columns-totals": g || p
|
|
400
400
|
};
|
|
401
401
|
});
|
|
402
402
|
function h() {
|
|
403
403
|
v.value = new ResizeObserver((p) => {
|
|
404
|
-
for (const
|
|
405
|
-
const { width: b } =
|
|
404
|
+
for (const g of p) {
|
|
405
|
+
const { width: b } = g.contentRect;
|
|
406
406
|
k.value = b;
|
|
407
407
|
}
|
|
408
408
|
}), v.value.observe(f.value);
|
|
409
409
|
}
|
|
410
|
-
function V(p,
|
|
411
|
-
const
|
|
412
|
-
|
|
410
|
+
function V(p, g) {
|
|
411
|
+
const x = document.querySelectorAll(".scrollable-row-totals")[p + 1];
|
|
412
|
+
x && (x.style.marginTop = `${g}px`);
|
|
413
413
|
}
|
|
414
|
-
function
|
|
415
|
-
!
|
|
414
|
+
function E({ player: p, stat: g }) {
|
|
415
|
+
!g.total || g === "0%" || !g.seasons || !g.seasons.length || s("open-media", { ...p, stat: g });
|
|
416
416
|
}
|
|
417
|
-
function
|
|
417
|
+
function _(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
|
|
424
|
-
}), (p,
|
|
424
|
+
}), (p, g) => (l(), n("div", {
|
|
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(
|
|
435
|
-
key: `t-${
|
|
434
|
+
(l(!0), n(T, null, I(M.value, (b, x) => (l(), n("div", {
|
|
435
|
+
key: `t-${x}`,
|
|
436
436
|
class: "column-title-2"
|
|
437
437
|
}, [
|
|
438
|
-
|
|
438
|
+
t("div", jt, u(b.name), 1),
|
|
439
439
|
b.parameters && b.parameters !== "no" ? (l(), n("div", {
|
|
440
440
|
key: 0,
|
|
441
441
|
class: "parameters",
|
|
442
442
|
role: "button",
|
|
443
|
-
onClick: (
|
|
444
|
-
},
|
|
443
|
+
onClick: (y) => _(b.parameters)
|
|
444
|
+
}, Gt, 8, Ht)) : L("", !0)
|
|
445
445
|
]))), 128)),
|
|
446
|
-
|
|
446
|
+
Ut
|
|
447
447
|
], 512),
|
|
448
|
-
(l(!0), n(
|
|
448
|
+
(l(!0), n(T, null, I(o.availablePlayers, (b, x) => (l(), n("div", {
|
|
449
449
|
key: `i-${b.id}`,
|
|
450
450
|
class: "row scrollable-row-totals"
|
|
451
451
|
}, [
|
|
452
|
-
(l(!0), n(
|
|
453
|
-
key:
|
|
454
|
-
class: m(["row data-info", { odd:
|
|
455
|
-
onClick: (
|
|
456
|
-
}, u(
|
|
452
|
+
(l(!0), n(T, null, I(b.stats, (y) => (l(), n("div", {
|
|
453
|
+
key: y.category_id,
|
|
454
|
+
class: m(["row data-info", { odd: x % 2 !== 0, underline: !!y.total && y.total !== "0%" && y.seasons && y.seasons.length }]),
|
|
455
|
+
onClick: (H) => E({ player: b, stat: y })
|
|
456
|
+
}, u(y.total), 11, qt))), 128))
|
|
457
457
|
]))), 128))
|
|
458
458
|
], 4));
|
|
459
459
|
}
|
|
460
|
-
},
|
|
460
|
+
}, Xt = /* @__PURE__ */ lt(Jt, [["__scopeId", "data-v-16177785"]]), C = (o) => (A("data-v-bfcf1c28"), o = o(), W(), o), Kt = { class: "table__static-column" }, Qt = /* @__PURE__ */ C(() => /* @__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__ */ C(() => /* @__PURE__ */ t("div", null, "Ver gráfica", -1)), ue = /* @__PURE__ */ C(() => /* @__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__ */ C(() => /* @__PURE__ */ t("div", null, "Eliminar de lista", -1)), pe = /* @__PURE__ */ C(() => /* @__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)), ge = [
|
|
518
|
+
ve,
|
|
519
|
+
pe
|
|
520
|
+
], _e = ["onClick"], me = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", null, "Agregar a lista", -1)), Ce = /* @__PURE__ */ C(() => /* @__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__ */ C(() => /* @__PURE__ */ t("div", null, "Ver perfil", -1)), ye = [
|
|
555
|
+
ke
|
|
556
|
+
], xe = { class: "static-row__info-player" }, Se = { class: "position" }, Le = ["onClick"], $e = /* @__PURE__ */ C(() => /* @__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__ */ C(() => /* @__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__ */ C(() => /* @__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
|
+
], Re = ["onClick"], Te = /* @__PURE__ */ C(() => /* @__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)), Ee = /* @__PURE__ */ C(() => /* @__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)), Oe = /* @__PURE__ */ C(() => /* @__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)), Ie = [
|
|
603
|
+
Te,
|
|
604
|
+
Ee,
|
|
605
|
+
Oe
|
|
606
|
+
], Pe = { class: "player-photo" }, Fe = ["src"], ze = { class: "player-name" }, De = { class: "arrow" }, Ze = ["onClick"], Ae = /* @__PURE__ */ C(() => /* @__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-bfcf1c28><div class="column-title" data-v-bfcf1c28>Equipo</div><div class="column-title" data-v-bfcf1c28>Posición</div><div class="column-title" data-v-bfcf1c28>Edad</div><div class="column-title" data-v-bfcf1c28>País</div><div class="column-title" data-v-bfcf1c28>Partidos Jugados</div><div class="column-title" data-v-bfcf1c28>Minutos Jugados</div><div class="column-title" data-v-bfcf1c28>Liga</div><div class="column-title" data-v-bfcf1c28>Videos</div><div class="column-title" data-v-bfcf1c28></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: {
|
|
@@ -640,63 +640,62 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
|
|
|
640
640
|
],
|
|
641
641
|
setup(o, { emit: d }) {
|
|
642
642
|
const s = o;
|
|
643
|
-
let
|
|
644
|
-
const f =
|
|
645
|
-
|
|
646
|
-
const
|
|
643
|
+
let c = null, v = null;
|
|
644
|
+
const f = w([]), k = w(null), M = w(null), B = w(0), h = w(0), V = w(-1);
|
|
645
|
+
w(!1);
|
|
646
|
+
const E = w(null), _ = w(null), p = R(() => ({
|
|
647
647
|
"--width-details": `${B.value}px`,
|
|
648
|
-
"--gap-static-row": `${
|
|
649
|
-
"--width-static-column": `${
|
|
650
|
-
})),
|
|
651
|
-
|
|
648
|
+
"--gap-static-row": `${g.value ? "8px" : "18px"}`,
|
|
649
|
+
"--width-static-column": `${g.value ? "50%" : "256px"}`
|
|
650
|
+
})), g = R(() => B.value < 600);
|
|
651
|
+
F(
|
|
652
652
|
() => s.players,
|
|
653
|
-
(
|
|
654
|
-
|
|
655
|
-
const
|
|
656
|
-
...
|
|
657
|
-
position:
|
|
653
|
+
(e) => {
|
|
654
|
+
e && e.length && (f.value = e.map((r, i) => {
|
|
655
|
+
const a = i + 1, S = {
|
|
656
|
+
...r,
|
|
657
|
+
position: a < 10 ? `0${a}` : `${a}`,
|
|
658
658
|
isSelected: !1,
|
|
659
659
|
isExpanded: !1,
|
|
660
660
|
isOdd: i % 2 !== 0,
|
|
661
661
|
index: i
|
|
662
662
|
};
|
|
663
|
-
return
|
|
664
|
-
const
|
|
665
|
-
|
|
666
|
-
}),
|
|
663
|
+
return S.parameters && Object.entries(S.parameters).forEach(([D, Z]) => {
|
|
664
|
+
const K = S.stats.find((ht) => ht.custom_category_id === Number(D));
|
|
665
|
+
K && (K.parameters = Z);
|
|
666
|
+
}), S;
|
|
667
667
|
}));
|
|
668
668
|
},
|
|
669
669
|
{ immediate: !0, deep: !0 }
|
|
670
|
-
),
|
|
670
|
+
), F(
|
|
671
671
|
() => s.isEditMode,
|
|
672
|
-
(
|
|
673
|
-
|
|
674
|
-
|
|
672
|
+
(e) => {
|
|
673
|
+
e && f.value.forEach((r) => {
|
|
674
|
+
r.isSelected = !1;
|
|
675
675
|
});
|
|
676
676
|
}
|
|
677
|
-
),
|
|
677
|
+
), F(
|
|
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 ? b(V.value, e) : M.value && M.value.setMarginTopDetails(V.value, e), e === 0 && E.value && U(E.value);
|
|
682
682
|
}
|
|
683
683
|
);
|
|
684
|
-
function b(
|
|
685
|
-
const
|
|
686
|
-
|
|
684
|
+
function b(e, r) {
|
|
685
|
+
const a = document.querySelectorAll(".scrollable-row")[e + 2];
|
|
686
|
+
a && (a.style.marginTop = `${r}px`);
|
|
687
687
|
}
|
|
688
|
-
function
|
|
689
|
-
d("click-parameters",
|
|
688
|
+
function x(e) {
|
|
689
|
+
d("click-parameters", e);
|
|
690
690
|
}
|
|
691
|
-
function
|
|
692
|
-
const
|
|
691
|
+
function y(e) {
|
|
692
|
+
const r = e.player || e.objeto_player, i = r ? r.player_id || r.id || r.playerId : e.id || e.player_id, a = {
|
|
693
693
|
isFeaturedPlayers: !1,
|
|
694
694
|
mainSectionType: 1,
|
|
695
695
|
playListType: 2,
|
|
696
696
|
gameIds: null,
|
|
697
697
|
playerIds: i ? [i] : [],
|
|
698
698
|
goalkeeperIds: [],
|
|
699
|
-
teamId: c || 0,
|
|
700
699
|
matchResult: [1, 2, 3],
|
|
701
700
|
categorySingleName: "",
|
|
702
701
|
isRivalSubject: !1,
|
|
@@ -709,28 +708,28 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
|
|
|
709
708
|
playListTitle: "Jugadas Relevantes"
|
|
710
709
|
}
|
|
711
710
|
};
|
|
712
|
-
if (
|
|
713
|
-
const
|
|
714
|
-
...
|
|
711
|
+
if (e.stat && e.stat.parameters && (a.parameters = e.stat.parameters), e.stat && e.stat.seasons && e.stat.seasons.length || e.seasons && e.seasons.length) {
|
|
712
|
+
const S = [
|
|
713
|
+
...e.stat && e.stat.seasons && e.stat.seasons.length ? e.stat.seasons : e.seasons
|
|
715
714
|
];
|
|
716
|
-
|
|
717
|
-
} else (
|
|
718
|
-
|
|
715
|
+
S.sort((D, Z) => D - Z), a.seasonId = S.shift(), a.seasonsIds = S;
|
|
716
|
+
} else (e.season_id || e.seasonId) && (a.seasonId = e.season_id || e.seasonId);
|
|
717
|
+
e.stat ? e.stat.category_id && e.stat.category_id.length ? a.categoryIds = e.stat.category_id : e.stat.custom_category_id && (a.customCategoryIds = [e.stat.custom_category_id]) : a.categoryIds = dt(e.player_position), d("open-media", a);
|
|
719
718
|
}
|
|
720
|
-
function
|
|
721
|
-
|
|
722
|
-
for (const
|
|
723
|
-
B.value =
|
|
724
|
-
}),
|
|
719
|
+
function H() {
|
|
720
|
+
c = new ResizeObserver((e) => {
|
|
721
|
+
for (const r of e)
|
|
722
|
+
B.value = r.contentRect.width;
|
|
723
|
+
}), c.observe(k.value);
|
|
725
724
|
}
|
|
726
|
-
function
|
|
727
|
-
v = new ResizeObserver((
|
|
728
|
-
for (const i of
|
|
725
|
+
function at(e) {
|
|
726
|
+
v = new ResizeObserver((r) => {
|
|
727
|
+
for (const i of r)
|
|
729
728
|
h.value = i.contentRect.height;
|
|
730
|
-
}), v.observe(
|
|
729
|
+
}), v.observe(e);
|
|
731
730
|
}
|
|
732
|
-
function
|
|
733
|
-
return
|
|
731
|
+
function dt(e) {
|
|
732
|
+
return e === "POR" ? [39, 40, 52, 53, 54, 55, 323, 324, 608, 774, 802] : [
|
|
734
733
|
10,
|
|
735
734
|
12,
|
|
736
735
|
14,
|
|
@@ -776,143 +775,143 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
|
|
|
776
775
|
488
|
|
777
776
|
];
|
|
778
777
|
}
|
|
779
|
-
function
|
|
780
|
-
|
|
781
|
-
const i = f.value.filter((
|
|
778
|
+
function rt(e, r) {
|
|
779
|
+
r.isSelected = e;
|
|
780
|
+
const i = f.value.filter((a) => a.isSelected);
|
|
782
781
|
d("change-selected-players", i);
|
|
783
782
|
}
|
|
784
|
-
function
|
|
785
|
-
d("view-profile",
|
|
783
|
+
function ct(e) {
|
|
784
|
+
d("view-profile", e);
|
|
786
785
|
}
|
|
787
|
-
function
|
|
788
|
-
d("delete-from-list",
|
|
786
|
+
function N(e) {
|
|
787
|
+
d("delete-from-list", e);
|
|
789
788
|
}
|
|
790
|
-
function
|
|
791
|
-
d("add-to-list",
|
|
789
|
+
function G(e) {
|
|
790
|
+
d("add-to-list", e);
|
|
792
791
|
}
|
|
793
|
-
function
|
|
794
|
-
d("show-graph",
|
|
792
|
+
function ut(e) {
|
|
793
|
+
d("show-graph", e);
|
|
795
794
|
}
|
|
796
|
-
function
|
|
797
|
-
if (
|
|
798
|
-
|
|
795
|
+
function U(e) {
|
|
796
|
+
if (e.isExpanded) {
|
|
797
|
+
e.isExpanded = !1, E.value = null;
|
|
799
798
|
return;
|
|
800
799
|
}
|
|
801
|
-
const
|
|
802
|
-
if (
|
|
803
|
-
|
|
800
|
+
const r = f.value.find((S) => S.isExpanded);
|
|
801
|
+
if (r && (r.isExpanded = !1), r) {
|
|
802
|
+
E.value = e;
|
|
804
803
|
return;
|
|
805
804
|
}
|
|
806
|
-
const
|
|
807
|
-
V.value =
|
|
805
|
+
const a = document.querySelectorAll(".details-row")[e.index];
|
|
806
|
+
V.value = e.index, at(a), e.isExpanded = !0;
|
|
808
807
|
}
|
|
809
|
-
let
|
|
810
|
-
|
|
811
|
-
},
|
|
812
|
-
|
|
808
|
+
let z = !1, q, J, X = function(e) {
|
|
809
|
+
z = !0, q = e.pageX - _.value.offsetLeft, J = _.value.scrollLeft;
|
|
810
|
+
}, P = function() {
|
|
811
|
+
z = !1;
|
|
813
812
|
};
|
|
814
|
-
function
|
|
815
|
-
|
|
816
|
-
if (!
|
|
813
|
+
function ft() {
|
|
814
|
+
_.value && (_.value.addEventListener("mousemove", (e) => {
|
|
815
|
+
if (!z)
|
|
817
816
|
return;
|
|
818
|
-
const i =
|
|
819
|
-
|
|
820
|
-
}),
|
|
817
|
+
const i = e.pageX - _.value.offsetLeft - q;
|
|
818
|
+
_.value.scrollLeft = J - i;
|
|
819
|
+
}), _.value.addEventListener("mousedown", X, !1), _.value.addEventListener("mouseup", P, !1), _.value.addEventListener("mouseleave", P, !1));
|
|
821
820
|
}
|
|
822
|
-
return
|
|
823
|
-
|
|
824
|
-
}),
|
|
825
|
-
|
|
826
|
-
}), (
|
|
821
|
+
return it(() => {
|
|
822
|
+
H(), ft();
|
|
823
|
+
}), vt(() => {
|
|
824
|
+
c && c.disconnect(), v && v.disconnect(), _.value && (_.value.removeEventListener("mousemove", X, !1), _.value.removeEventListener("mouseup", P, !1), _.value.removeEventListener("mouseleave", P, !1));
|
|
825
|
+
}), (e, r) => (l(), n("div", {
|
|
827
826
|
class: "table",
|
|
828
827
|
ref_key: "tableSC",
|
|
829
828
|
ref: k,
|
|
830
829
|
style: $(p.value)
|
|
831
830
|
}, [
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
(l(!0), n(
|
|
831
|
+
t("div", Kt, [
|
|
832
|
+
Qt,
|
|
833
|
+
(l(!0), n(T, null, I(f.value, (i) => (l(), n("div", {
|
|
835
834
|
key: `s-${i.id}`,
|
|
836
835
|
class: m(["row static-row", { odd: i.isOdd }])
|
|
837
836
|
}, [
|
|
838
|
-
Q(
|
|
839
|
-
default:
|
|
840
|
-
|
|
837
|
+
Q(pt, null, {
|
|
838
|
+
default: gt(() => [
|
|
839
|
+
_t(t("div", {
|
|
841
840
|
class: m(["details-row", { odd: i.isOdd }])
|
|
842
841
|
}, [
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
842
|
+
t("div", Yt, [
|
|
843
|
+
t("div", te, [
|
|
844
|
+
t("div", ee, [
|
|
845
|
+
t("div", null, [
|
|
846
|
+
O("Equipo: "),
|
|
847
|
+
t("span", oe, u(i.team_name), 1)
|
|
849
848
|
]),
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
849
|
+
t("div", null, [
|
|
850
|
+
O("Edad: "),
|
|
851
|
+
t("span", se, u(i.player_age) + " Años", 1)
|
|
853
852
|
]),
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
853
|
+
t("div", null, [
|
|
854
|
+
O("Nacionalidad: "),
|
|
855
|
+
t("span", ie, u(i.player_country), 1)
|
|
857
856
|
]),
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
857
|
+
t("div", null, [
|
|
858
|
+
O("Posición: "),
|
|
859
|
+
t("span", le, u(i.position_name), 1)
|
|
861
860
|
])
|
|
862
861
|
]),
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
862
|
+
t("div", ne, [
|
|
863
|
+
t("div", null, [
|
|
864
|
+
O("Partidos Jugados: "),
|
|
865
|
+
t("span", ae, u(i.player_games), 1)
|
|
867
866
|
]),
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
867
|
+
t("div", null, [
|
|
868
|
+
O("Minutos Jugados: "),
|
|
869
|
+
t("span", de, u(i.player_min), 1)
|
|
871
870
|
])
|
|
872
871
|
])
|
|
873
872
|
]),
|
|
874
|
-
|
|
873
|
+
t("div", {
|
|
875
874
|
class: "details-row__buttons",
|
|
876
|
-
style: $(
|
|
875
|
+
style: $(g.value ? "margin-left: 0; gap: 8px;" : "")
|
|
877
876
|
}, [
|
|
878
|
-
|
|
877
|
+
t("div", {
|
|
879
878
|
role: "button",
|
|
880
879
|
class: "button",
|
|
881
|
-
onClick: (
|
|
882
|
-
},
|
|
880
|
+
onClick: (a) => ut(i)
|
|
881
|
+
}, fe, 8, re),
|
|
883
882
|
o.isTableFromList ? (l(), n("div", {
|
|
884
883
|
key: 0,
|
|
885
884
|
role: "button",
|
|
886
885
|
class: "button",
|
|
887
|
-
onClick: (
|
|
888
|
-
},
|
|
886
|
+
onClick: (a) => N(i)
|
|
887
|
+
}, ge, 8, he)) : (l(), n("div", {
|
|
889
888
|
key: 1,
|
|
890
889
|
role: "button",
|
|
891
890
|
class: "button",
|
|
892
|
-
onClick: (
|
|
893
|
-
},
|
|
894
|
-
|
|
891
|
+
onClick: (a) => G(i)
|
|
892
|
+
}, be, 8, _e)),
|
|
893
|
+
t("div", {
|
|
895
894
|
role: "button",
|
|
896
895
|
class: "button green",
|
|
897
|
-
onClick: (
|
|
898
|
-
},
|
|
896
|
+
onClick: (a) => ct(i)
|
|
897
|
+
}, ye, 8, we)
|
|
899
898
|
], 4)
|
|
900
899
|
])
|
|
901
900
|
], 2), [
|
|
902
|
-
[
|
|
901
|
+
[mt, i.isExpanded]
|
|
903
902
|
])
|
|
904
903
|
]),
|
|
905
904
|
_: 2
|
|
906
905
|
}, 1024),
|
|
907
|
-
o.isEditMode ? (l(), Y(
|
|
906
|
+
o.isEditMode ? (l(), Y(tt(Vt), {
|
|
908
907
|
key: 0,
|
|
909
908
|
fontFamily: "Poppins-Regular",
|
|
910
909
|
labelFontSize: "14px",
|
|
911
910
|
"model-value": i.isSelected,
|
|
912
|
-
"onUpdate:modelValue": (
|
|
911
|
+
"onUpdate:modelValue": (a) => rt(a, i)
|
|
913
912
|
}, null, 8, ["model-value", "onUpdate:modelValue"])) : L("", !0),
|
|
914
|
-
|
|
915
|
-
|
|
913
|
+
t("div", xe, [
|
|
914
|
+
t("div", Se, u(i.position), 1),
|
|
916
915
|
o.isTableFromList ? (l(), n("svg", {
|
|
917
916
|
key: 0,
|
|
918
917
|
width: "20",
|
|
@@ -920,27 +919,27 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
|
|
|
920
919
|
viewBox: "0 0 20 20",
|
|
921
920
|
fill: "none",
|
|
922
921
|
xmlns: "http://www.w3.org/2000/svg",
|
|
923
|
-
onClick: (
|
|
924
|
-
},
|
|
922
|
+
onClick: (a) => N(i)
|
|
923
|
+
}, Ve, 8, Le)) : (l(), n("svg", {
|
|
925
924
|
key: 1,
|
|
926
925
|
width: "20",
|
|
927
926
|
height: "20",
|
|
928
927
|
viewBox: "0 0 20 20",
|
|
929
928
|
fill: "none",
|
|
930
929
|
xmlns: "http://www.w3.org/2000/svg",
|
|
931
|
-
onClick: (
|
|
932
|
-
},
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
930
|
+
onClick: (a) => G(i)
|
|
931
|
+
}, Ie, 8, Re)),
|
|
932
|
+
t("div", Pe, [
|
|
933
|
+
t("div", null, [
|
|
934
|
+
t("img", {
|
|
936
935
|
src: i.player_photo,
|
|
937
936
|
alt: "player photo"
|
|
938
|
-
}, null, 8,
|
|
937
|
+
}, null, 8, Fe)
|
|
939
938
|
])
|
|
940
939
|
]),
|
|
941
|
-
|
|
940
|
+
t("div", ze, u(i.player_name), 1)
|
|
942
941
|
]),
|
|
943
|
-
|
|
942
|
+
t("div", De, [
|
|
944
943
|
(l(), n("svg", {
|
|
945
944
|
class: m(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5", { expanded: i.isExpanded }]),
|
|
946
945
|
width: "12",
|
|
@@ -948,61 +947,61 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
|
|
|
948
947
|
viewBox: "0 0 12 8",
|
|
949
948
|
fill: "#D9D9D9",
|
|
950
949
|
xmlns: "http://www.w3.org/2000/svg",
|
|
951
|
-
onClick: (
|
|
952
|
-
},
|
|
950
|
+
onClick: (a) => U(i)
|
|
951
|
+
}, We, 10, Ze))
|
|
953
952
|
])
|
|
954
953
|
], 2))), 128))
|
|
955
954
|
]),
|
|
956
|
-
|
|
955
|
+
t("div", {
|
|
957
956
|
ref_key: "scrollableColumns",
|
|
958
|
-
ref:
|
|
957
|
+
ref: _,
|
|
959
958
|
class: "table__scrollable-columns"
|
|
960
959
|
}, [
|
|
961
|
-
o.isGeneral ? (l(), n(
|
|
962
|
-
|
|
963
|
-
(l(!0), n(
|
|
960
|
+
o.isGeneral ? (l(), n(T, { key: 0 }, [
|
|
961
|
+
je,
|
|
962
|
+
(l(!0), n(T, null, I(f.value, (i) => (l(), n("div", {
|
|
964
963
|
key: `i-${i.id}`,
|
|
965
964
|
class: "row scrollable-row"
|
|
966
965
|
}, [
|
|
967
|
-
|
|
966
|
+
t("div", {
|
|
968
967
|
class: m(["row team-info", { odd: i.isOdd }])
|
|
969
968
|
}, [
|
|
970
|
-
|
|
971
|
-
|
|
969
|
+
t("div", He, [
|
|
970
|
+
t("img", {
|
|
972
971
|
src: i.team_logo,
|
|
973
972
|
alt: "team logo"
|
|
974
|
-
}, null, 8,
|
|
973
|
+
}, null, 8, Ne)
|
|
975
974
|
]),
|
|
976
|
-
|
|
975
|
+
t("div", Ge, u(i.team_abrev), 1)
|
|
977
976
|
], 2),
|
|
978
|
-
|
|
977
|
+
t("div", {
|
|
979
978
|
class: m(["row data-info", { odd: i.isOdd }])
|
|
980
979
|
}, u(i.player_position), 3),
|
|
981
|
-
|
|
980
|
+
t("div", {
|
|
982
981
|
class: m(["row data-info", { odd: i.isOdd }])
|
|
983
982
|
}, u(i.player_age), 3),
|
|
984
|
-
|
|
983
|
+
t("div", {
|
|
985
984
|
class: m(["row data-info", { odd: i.isOdd }])
|
|
986
985
|
}, [
|
|
987
|
-
|
|
986
|
+
t("img", {
|
|
988
987
|
src: i.player_country_flag,
|
|
989
988
|
alt: "player country flag",
|
|
990
989
|
class: "country-flag"
|
|
991
|
-
}, null, 8,
|
|
990
|
+
}, null, 8, Ue)
|
|
992
991
|
], 2),
|
|
993
|
-
|
|
992
|
+
t("div", {
|
|
994
993
|
class: m(["row data-info", { odd: i.isOdd }])
|
|
995
994
|
}, u(i.player_games), 3),
|
|
996
|
-
|
|
995
|
+
t("div", {
|
|
997
996
|
class: m(["row data-info", { odd: i.isOdd }])
|
|
998
997
|
}, u(i.player_min), 3),
|
|
999
|
-
|
|
998
|
+
t("div", {
|
|
1000
999
|
class: m(["row data-info", { odd: i.isOdd }])
|
|
1001
1000
|
}, u(i.league_name), 3),
|
|
1002
|
-
|
|
1001
|
+
t("div", {
|
|
1003
1002
|
class: m(["row data-info", { odd: i.isOdd }])
|
|
1004
1003
|
}, [
|
|
1005
|
-
Q(
|
|
1004
|
+
Q(tt(At), {
|
|
1006
1005
|
icon: "https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png",
|
|
1007
1006
|
"icon-size": "19px",
|
|
1008
1007
|
"icon-position": "left",
|
|
@@ -1015,26 +1014,26 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
|
|
|
1015
1014
|
"border-color": "#55636e",
|
|
1016
1015
|
"text-value": "Ver videos",
|
|
1017
1016
|
"font-size": "10px",
|
|
1018
|
-
onClick: (
|
|
1017
|
+
onClick: (a) => y(i)
|
|
1019
1018
|
}, null, 8, ["onClick"])
|
|
1020
1019
|
], 2),
|
|
1021
|
-
|
|
1020
|
+
t("div", {
|
|
1022
1021
|
class: m(["row data-info", { odd: i.isOdd }])
|
|
1023
1022
|
}, null, 2)
|
|
1024
1023
|
]))), 128))
|
|
1025
|
-
], 64)) : (l(), Y(
|
|
1024
|
+
], 64)) : (l(), Y(Xt, {
|
|
1026
1025
|
key: 1,
|
|
1027
1026
|
ref_key: "scrollColumns",
|
|
1028
1027
|
ref: M,
|
|
1029
1028
|
"available-players": f.value,
|
|
1030
1029
|
"is-edit-mode": o.isEditMode,
|
|
1031
|
-
onOpenMedia:
|
|
1032
|
-
onClickParameters:
|
|
1030
|
+
onOpenMedia: y,
|
|
1031
|
+
onClickParameters: x
|
|
1033
1032
|
}, null, 8, ["available-players", "is-edit-mode"]))
|
|
1034
1033
|
], 512)
|
|
1035
1034
|
], 4));
|
|
1036
1035
|
}
|
|
1037
|
-
},
|
|
1036
|
+
}, Xe = /* @__PURE__ */ lt(qe, [["__scopeId", "data-v-bfcf1c28"]]);
|
|
1038
1037
|
export {
|
|
1039
|
-
|
|
1038
|
+
Xe as GSCTableScrollable
|
|
1040
1039
|
};
|