@golstats/gsc-table-scrollable 1.0.2 → 1.0.4
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}.arrow[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}.arrow[data-v-ff27edba]{cursor:pointer}.expanded[data-v-ff27edba]{transform:rotate(180deg)}.scrollable-row-2[data-v-ff27edba]{display:grid;grid-template-columns:var(--grid-template-columns);width:fit-content}.scrollable-row-totals[data-v-ff27edba]{display:grid;grid-template-columns:var(--grid-template-columns-totals);width:fit-content;transition:all .3s ease}.titles[data-v-ff27edba]{width:100%}.column-title-2[data-v-ff27edba]{height:70px;width:fit-content;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;padding:0 17px}.row[data-v-ff27edba]{height:72px;border-bottom:solid 1px rgba(255,255,255,.1);background-color:#111d28}.row.odd[data-v-ff27edba]{background-color:#172531}.scroll-columns[data-v-ff27edba]{display:flex;flex-direction:column;position:relative}.overlay[data-v-ff27edba]{position:absolute;top:71px;left:0;right:0;bottom:0;background-color:#0009;z-index:1}.underline[data-v-ff27edba]{text-decoration:underline;cursor:pointer}.data-info[data-v-ff27edba]{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-ff27edba]{cursor:pointer}.button[data-v-a3e8b8e3]{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-a3e8b8e3]{border:solid 1px #cbee6b}svg[data-v-a3e8b8e3]{cursor:pointer}.arrow[data-v-a3e8b8e3]{cursor:pointer;transition:ease .3s;min-width:12px;align-self:center}.expanded[data-v-a3e8b8e3]{transform:rotate(180deg)}.country-flag[data-v-a3e8b8e3]{width:14px;height:auto}.team-info[data-v-a3e8b8e3]{display:flex;justify-content:center;align-items:center;gap:12px}.team-info>.team-logo[data-v-a3e8b8e3]{width:25px;height:25px}.team-info>.team-logo>img[data-v-a3e8b8e3]{width:25px;height:25px}.underline[data-v-a3e8b8e3]{text-decoration:underline}.data-info[data-v-a3e8b8e3]{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-a3e8b8e3]{display:grid;grid-template-columns:104px 100px 100px 100px 100px 100px 104px 114px 100px;transition:ease .3s}.titles[data-v-a3e8b8e3]{width:100%}.row[data-v-a3e8b8e3]{height:72px;border-bottom:solid 1px rgba(255,255,255,.1);background-color:#111d28}.row.odd[data-v-a3e8b8e3]{background-color:#172531}.column-title[data-v-a3e8b8e3]{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-a3e8b8e3]{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-a3e8b8e3]{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-a3e8b8e3]{margin-bottom:24px}.details-row__info[data-v-a3e8b8e3]{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-a3e8b8e3]{margin:0 40px}.details-row__info span.bold[data-v-a3e8b8e3]{font-family:Poppins-Medium,sans-serif}.details-row__buttons[data-v-a3e8b8e3]{display:flex;align-items:center;gap:16px;margin-left:40px}.details-row.odd[data-v-a3e8b8e3]{background-color:#172531}.static-row[data-v-a3e8b8e3]{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-a3e8b8e3]{display:flex;justify-content:flex-start;align-items:center;gap:var(--gap-static-row);overflow:hidden}.static-row__info-player>.position[data-v-a3e8b8e3]{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-a3e8b8e3]{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-a3e8b8e3]{width:32px;height:32px;border-radius:50%;background-color:#fff}.player-photo>div[data-v-a3e8b8e3]{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-a3e8b8e3]{width:auto;height:40px}.table[data-v-a3e8b8e3]{width:100%;height:fit-content;display:flex;justify-content:flex-start;align-items:flex-start}.table__static-column[data-v-a3e8b8e3]{width:var(--width-static-column);min-width:var(--width-static-column);background-color:#1e3142}.table__scrollable-columns[data-v-a3e8b8e3]{width:100%;overflow-x:scroll}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useCssVars as q, ref as
|
|
1
|
+
import { useCssVars as q, ref as g, computed as R, watch as P, createElementBlock as a, openBlock as l, normalizeClass as b, createElementVNode as t, createCommentVNode as w, normalizeStyle as k, Fragment as V, toDisplayString as r, pushScopeId as F, popScopeId as z, onMounted as U, renderList as T, createVNode as Z, createBlock as N, Transition as tt, withCtx as et, withDirectives as ot, createTextVNode as O, vShow as st, unref as H, createStaticVNode as it } from "vue";
|
|
2
2
|
const lt = (e, d) => {
|
|
3
3
|
const o = e.__vccOpts || e;
|
|
4
4
|
for (const [c, v] of d)
|
|
@@ -128,7 +128,7 @@ const lt = (e, d) => {
|
|
|
128
128
|
"7bd9d47b": e.width,
|
|
129
129
|
"34dc7ddc": e.height
|
|
130
130
|
}));
|
|
131
|
-
const c =
|
|
131
|
+
const c = g(!1), v = R(() => {
|
|
132
132
|
const p = {
|
|
133
133
|
color: o.boxValueColor,
|
|
134
134
|
"font-family": o.fontFamily,
|
|
@@ -161,25 +161,25 @@ const lt = (e, d) => {
|
|
|
161
161
|
},
|
|
162
162
|
{ immediate: !0 }
|
|
163
163
|
);
|
|
164
|
-
function
|
|
164
|
+
function S() {
|
|
165
165
|
o.avoidInteraction || !c.value && o.avoidToCheck || (c.value = !c.value, d("update:modelValue", c.value));
|
|
166
166
|
}
|
|
167
|
-
function
|
|
167
|
+
function L(p) {
|
|
168
168
|
return `${{}.TEAM_LOGOS_URL || "https://golstatsimages.blob.core.windows.net/teams-80/"}${p}.png`;
|
|
169
169
|
}
|
|
170
170
|
return (p, $) => (l(), a("div", {
|
|
171
|
-
class:
|
|
172
|
-
onClick:
|
|
171
|
+
class: b(["checkbox", `box-${e.boxPosition}`]),
|
|
172
|
+
onClick: S
|
|
173
173
|
}, [
|
|
174
174
|
t("div", {
|
|
175
175
|
class: "checkbox__box",
|
|
176
|
-
style:
|
|
176
|
+
style: k(v.value)
|
|
177
177
|
}, [
|
|
178
178
|
c.value ? (l(), a(V, { key: 0 }, [
|
|
179
179
|
o.boxValue ? (l(), a("div", {
|
|
180
180
|
key: 0,
|
|
181
181
|
class: "checkbox__box__value",
|
|
182
|
-
style:
|
|
182
|
+
style: k(f.value)
|
|
183
183
|
}, r(e.boxValue), 5)) : (l(), a("div", at, [
|
|
184
184
|
(l(), a("svg", nt, [
|
|
185
185
|
t("path", {
|
|
@@ -193,24 +193,24 @@ const lt = (e, d) => {
|
|
|
193
193
|
e.teamsIds && e.teamsIds.length ? (l(), a("div", rt, [
|
|
194
194
|
t("div", ct, [
|
|
195
195
|
t("img", {
|
|
196
|
-
src:
|
|
196
|
+
src: L(e.teamsIds[0]),
|
|
197
197
|
alt: ""
|
|
198
198
|
}, null, 8, ut)
|
|
199
199
|
]),
|
|
200
200
|
t("div", ft, [
|
|
201
201
|
t("img", {
|
|
202
|
-
src:
|
|
202
|
+
src: L(e.teamsIds[1]),
|
|
203
203
|
alt: ""
|
|
204
204
|
}, null, 8, pt)
|
|
205
205
|
])
|
|
206
206
|
])) : w("", !0),
|
|
207
207
|
t("div", {
|
|
208
208
|
class: "checkbox__label",
|
|
209
|
-
style:
|
|
209
|
+
style: k(y.value)
|
|
210
210
|
}, r(e.label), 5)
|
|
211
211
|
], 2));
|
|
212
212
|
}
|
|
213
|
-
}, ht = /* @__PURE__ */ lt(vt, [["__scopeId", "data-v-b6f124d8"]]),
|
|
213
|
+
}, ht = /* @__PURE__ */ lt(vt, [["__scopeId", "data-v-b6f124d8"]]), bt = (e, d) => {
|
|
214
214
|
const o = e.__vccOpts || e;
|
|
215
215
|
for (const [c, v] of d)
|
|
216
216
|
o[c] = v;
|
|
@@ -307,10 +307,10 @@ const lt = (e, d) => {
|
|
|
307
307
|
}));
|
|
308
308
|
}, G = E.setup;
|
|
309
309
|
E.setup = G ? (e, d) => (j(), G(e, d)) : j;
|
|
310
|
-
const
|
|
310
|
+
const _t = (e) => (F("data-v-f3ee6b2b"), e = e(), z(), e), gt = ["src"], mt = {
|
|
311
311
|
key: 1,
|
|
312
312
|
class: "text"
|
|
313
|
-
}, yt = ["src"], Ct = { class: "stats" }, xt = /* @__PURE__ */
|
|
313
|
+
}, yt = ["src"], Ct = { class: "stats" }, xt = /* @__PURE__ */ _t(() => /* @__PURE__ */ t("img", {
|
|
314
314
|
class: "iconstats",
|
|
315
315
|
src: "https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"
|
|
316
316
|
}, null, -1)), wt = { class: "numstats" }, kt = { class: "leyend" };
|
|
@@ -318,21 +318,21 @@ function St(e, d, o, c, v, f) {
|
|
|
318
318
|
return l(), a("div", null, [
|
|
319
319
|
o.type == 0 ? (l(), a("div", {
|
|
320
320
|
key: 0,
|
|
321
|
-
class:
|
|
322
|
-
style:
|
|
321
|
+
class: b(["button", v.status && o.typeOnOff && "button-active"]),
|
|
322
|
+
style: k([f.customStyle, v.status && o.typeOnOff && f.customActive]),
|
|
323
323
|
onClick: d[0] || (d[0] = (...y) => f.btnClick && f.btnClick(...y))
|
|
324
324
|
}, [
|
|
325
325
|
o.icon && o.iconPosition.toLowerCase() === "left" ? (l(), a("img", {
|
|
326
326
|
key: 0,
|
|
327
327
|
class: "icon",
|
|
328
|
-
style:
|
|
328
|
+
style: k({ width: o.iconSize }),
|
|
329
329
|
src: o.icon
|
|
330
|
-
}, null, 12,
|
|
330
|
+
}, null, 12, gt)) : w("", !0),
|
|
331
331
|
o.textValue ? (l(), a("div", mt, r(o.textValue), 1)) : w("", !0),
|
|
332
332
|
o.icon && o.iconPosition.toLowerCase() === "right" ? (l(), a("img", {
|
|
333
333
|
key: 2,
|
|
334
334
|
class: "icon",
|
|
335
|
-
style:
|
|
335
|
+
style: k({ width: o.iconSize }),
|
|
336
336
|
src: o.icon
|
|
337
337
|
}, null, 12, yt)) : w("", !0)
|
|
338
338
|
], 6)) : w("", !0),
|
|
@@ -349,12 +349,12 @@ function St(e, d, o, c, v, f) {
|
|
|
349
349
|
])) : w("", !0)
|
|
350
350
|
]);
|
|
351
351
|
}
|
|
352
|
-
const Lt = /* @__PURE__ */
|
|
352
|
+
const Lt = /* @__PURE__ */ bt(E, [["render", St], ["__scopeId", "data-v-f3ee6b2b"]]), J = (e, d) => {
|
|
353
353
|
const o = e.__vccOpts || e;
|
|
354
354
|
for (const [c, v] of d)
|
|
355
355
|
o[c] = v;
|
|
356
356
|
return o;
|
|
357
|
-
}, $t = (e) => (F("data-v-
|
|
357
|
+
}, $t = (e) => (F("data-v-ff27edba"), e = e(), z(), e), Bt = {
|
|
358
358
|
key: 0,
|
|
359
359
|
class: "overlay"
|
|
360
360
|
}, Rt = /* @__PURE__ */ $t(() => /* @__PURE__ */ t("div", { class: "column-title-2" }, null, -1)), Vt = ["onClick"], Mt = {
|
|
@@ -371,43 +371,43 @@ const Lt = /* @__PURE__ */ _t(E, [["render", St], ["__scopeId", "data-v-f3ee6b2b
|
|
|
371
371
|
},
|
|
372
372
|
emits: ["expand", "open-media"],
|
|
373
373
|
setup(e, { expose: d, emit: o }) {
|
|
374
|
-
const c = e, v =
|
|
375
|
-
|
|
376
|
-
const
|
|
374
|
+
const c = e, v = g(null), f = g(null), y = g(0);
|
|
375
|
+
g(!1);
|
|
376
|
+
const S = R(() => {
|
|
377
377
|
const _ = c.availablePlayers[0];
|
|
378
378
|
return _ ? _.stats : [];
|
|
379
|
-
}),
|
|
380
|
-
const _ = `repeat(${
|
|
381
|
-
let
|
|
379
|
+
}), L = R(() => {
|
|
380
|
+
const _ = `repeat(${S.value.length}, max-content) 36px`;
|
|
381
|
+
let h = "";
|
|
382
382
|
return y.value > 0 && document.querySelectorAll(".column-title-2").forEach((x) => {
|
|
383
|
-
|
|
383
|
+
h += `${x.offsetWidth}px `;
|
|
384
384
|
}), {
|
|
385
385
|
"--grid-template-columns": _,
|
|
386
|
-
"--grid-template-columns-totals":
|
|
386
|
+
"--grid-template-columns-totals": h || _
|
|
387
387
|
};
|
|
388
388
|
});
|
|
389
389
|
function p() {
|
|
390
390
|
v.value = new ResizeObserver((_) => {
|
|
391
|
-
for (const
|
|
392
|
-
const { width: m } =
|
|
391
|
+
for (const h of _) {
|
|
392
|
+
const { width: m } = h.contentRect;
|
|
393
393
|
y.value = m;
|
|
394
394
|
}
|
|
395
395
|
}), v.value.observe(f.value);
|
|
396
396
|
}
|
|
397
|
-
function $(_,
|
|
397
|
+
function $(_, h) {
|
|
398
398
|
const x = document.querySelectorAll(".scrollable-row-totals")[_ + 1];
|
|
399
|
-
x && (x.style.marginTop = `${
|
|
399
|
+
x && (x.style.marginTop = `${h}px`);
|
|
400
400
|
}
|
|
401
|
-
function M({ player: _, stat:
|
|
402
|
-
!
|
|
401
|
+
function M({ player: _, stat: h }) {
|
|
402
|
+
!h.total || h === "0%" || o("open-media", { ..._, stat: h });
|
|
403
403
|
}
|
|
404
404
|
return U(() => {
|
|
405
405
|
p();
|
|
406
406
|
}), d({
|
|
407
407
|
setMarginTopDetails: $
|
|
408
|
-
}), (_,
|
|
408
|
+
}), (_, h) => (l(), a("div", {
|
|
409
409
|
class: "scroll-columns",
|
|
410
|
-
style: L
|
|
410
|
+
style: k(L.value)
|
|
411
411
|
}, [
|
|
412
412
|
e.isEditMode ? (l(), a("div", Bt)) : w("", !0),
|
|
413
413
|
t("div", {
|
|
@@ -415,7 +415,7 @@ const Lt = /* @__PURE__ */ _t(E, [["render", St], ["__scopeId", "data-v-f3ee6b2b
|
|
|
415
415
|
ref: f,
|
|
416
416
|
class: "scrollable-row-2"
|
|
417
417
|
}, [
|
|
418
|
-
(l(!0), a(V, null, T(
|
|
418
|
+
(l(!0), a(V, null, T(S.value, (m) => (l(), a("div", {
|
|
419
419
|
key: `t-${m.category_id}`,
|
|
420
420
|
class: "column-title-2"
|
|
421
421
|
}, r(m.name), 1))), 128)),
|
|
@@ -427,13 +427,13 @@ const Lt = /* @__PURE__ */ _t(E, [["render", St], ["__scopeId", "data-v-f3ee6b2b
|
|
|
427
427
|
}, [
|
|
428
428
|
(l(!0), a(V, null, T(m.stats, (B) => (l(), a("div", {
|
|
429
429
|
key: B.category_id,
|
|
430
|
-
class:
|
|
430
|
+
class: b(["row data-info", { odd: x % 2 !== 0, underline: !!B.total && B.total !== "0%" }]),
|
|
431
431
|
onClick: (W) => M({ player: m, stat: B })
|
|
432
432
|
}, r(B.total), 11, Vt))), 128))
|
|
433
433
|
]))), 128))
|
|
434
434
|
], 4));
|
|
435
435
|
}
|
|
436
|
-
}, Ot = /* @__PURE__ */ J(Mt, [["__scopeId", "data-v-
|
|
436
|
+
}, Ot = /* @__PURE__ */ J(Mt, [["__scopeId", "data-v-ff27edba"]]), C = (e) => (F("data-v-a3e8b8e3"), e = e(), z(), e), It = { class: "table__static-column" }, Tt = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", { class: "static-title column-title" }, null, -1)), Pt = { class: "container" }, Ft = { class: "details-row__info" }, zt = { class: "details-row__info__personal" }, Et = { class: "bold" }, Wt = { class: "bold" }, At = { class: "bold" }, Dt = { class: "bold" }, Zt = { class: "details-row__info__games" }, Nt = { class: "bold" }, Ht = { class: "bold" }, jt = ["onClick"], Gt = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", null, "Ver gráfica", -1)), qt = /* @__PURE__ */ C(() => /* @__PURE__ */ t("svg", {
|
|
437
437
|
width: "17",
|
|
438
438
|
height: "16",
|
|
439
439
|
viewBox: "0 0 17 16",
|
|
@@ -456,10 +456,10 @@ const Lt = /* @__PURE__ */ _t(E, [["render", St], ["__scopeId", "data-v-f3ee6b2b
|
|
|
456
456
|
})
|
|
457
457
|
])
|
|
458
458
|
])
|
|
459
|
-
], -1)),
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
],
|
|
459
|
+
], -1)), Ut = [
|
|
460
|
+
Gt,
|
|
461
|
+
qt
|
|
462
|
+
], Jt = ["onClick"], Kt = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", null, "Agregar a lista", -1)), Qt = /* @__PURE__ */ C(() => /* @__PURE__ */ t("svg", {
|
|
463
463
|
width: "20",
|
|
464
464
|
height: "20",
|
|
465
465
|
viewBox: "0 0 20 20",
|
|
@@ -490,44 +490,44 @@ const Lt = /* @__PURE__ */ _t(E, [["render", St], ["__scopeId", "data-v-f3ee6b2b
|
|
|
490
490
|
"stroke-linecap": "round",
|
|
491
491
|
"stroke-linejoin": "round"
|
|
492
492
|
})
|
|
493
|
-
], -1)),
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
],
|
|
497
|
-
|
|
498
|
-
],
|
|
493
|
+
], -1)), Xt = [
|
|
494
|
+
Kt,
|
|
495
|
+
Qt
|
|
496
|
+
], Yt = ["onClick"], te = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", null, "Ver perfil", -1)), ee = [
|
|
497
|
+
te
|
|
498
|
+
], oe = { class: "static-row__info-player" }, se = { class: "position" }, ie = ["onClick"], le = /* @__PURE__ */ C(() => /* @__PURE__ */ t("path", {
|
|
499
499
|
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",
|
|
500
500
|
stroke: "white",
|
|
501
501
|
"stroke-opacity": "1",
|
|
502
502
|
"stroke-width": "1.44023",
|
|
503
503
|
"stroke-linecap": "round",
|
|
504
504
|
"stroke-linejoin": "round"
|
|
505
|
-
}, null, -1)),
|
|
505
|
+
}, null, -1)), ae = /* @__PURE__ */ C(() => /* @__PURE__ */ t("path", {
|
|
506
506
|
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",
|
|
507
507
|
stroke: "white",
|
|
508
508
|
"stroke-opacity": "1",
|
|
509
509
|
"stroke-width": "1.44023",
|
|
510
510
|
"stroke-linecap": "round",
|
|
511
511
|
"stroke-linejoin": "round"
|
|
512
|
-
}, null, -1)),
|
|
512
|
+
}, null, -1)), ne = /* @__PURE__ */ C(() => /* @__PURE__ */ t("path", {
|
|
513
513
|
d: "M15.5996 6.79944V11.6001M17.9999 9.19979H13.1992",
|
|
514
514
|
stroke: "white",
|
|
515
515
|
"stroke-opacity": "1",
|
|
516
516
|
"stroke-width": "1.44023",
|
|
517
517
|
"stroke-linecap": "round",
|
|
518
518
|
"stroke-linejoin": "round"
|
|
519
|
-
}, null, -1)),
|
|
519
|
+
}, null, -1)), de = [
|
|
520
|
+
le,
|
|
520
521
|
ae,
|
|
521
|
-
ne
|
|
522
|
-
|
|
523
|
-
], ce = { class: "player-photo" }, ue = ["src"], fe = { class: "player-name" }, pe = { class: "arrow" }, ve = ["onClick"], he = /* @__PURE__ */ C(() => /* @__PURE__ */ t("path", {
|
|
522
|
+
ne
|
|
523
|
+
], re = { class: "player-photo" }, ce = ["src"], ue = { class: "player-name" }, fe = { class: "arrow" }, pe = ["onClick"], ve = /* @__PURE__ */ C(() => /* @__PURE__ */ t("path", {
|
|
524
524
|
"fill-rule": "evenodd",
|
|
525
525
|
"clip-rule": "evenodd",
|
|
526
526
|
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",
|
|
527
527
|
fill: "#D9D9D9"
|
|
528
|
-
}, null, -1)),
|
|
529
|
-
|
|
530
|
-
],
|
|
528
|
+
}, null, -1)), he = [
|
|
529
|
+
ve
|
|
530
|
+
], be = { class: "table__scrollable-columns" }, _e = /* @__PURE__ */ it('<div class="titles scrollable-row" data-v-a3e8b8e3><div class="column-title" data-v-a3e8b8e3>Equipo</div><div class="column-title" data-v-a3e8b8e3>Posición</div><div class="column-title" data-v-a3e8b8e3>Edad</div><div class="column-title" data-v-a3e8b8e3>País</div><div class="column-title" data-v-a3e8b8e3>Partidos Jugados</div><div class="column-title" data-v-a3e8b8e3>Minutos Jugados</div><div class="column-title" data-v-a3e8b8e3>Liga</div><div class="column-title" data-v-a3e8b8e3>Videos</div><div class="column-title" data-v-a3e8b8e3></div></div>', 1), ge = { class: "team-logo" }, me = ["src"], ye = { class: "team-name data-info" }, Ce = ["src"], xe = {
|
|
531
531
|
__name: "GSC-TableScrollable",
|
|
532
532
|
props: {
|
|
533
533
|
players: {
|
|
@@ -553,13 +553,13 @@ const Lt = /* @__PURE__ */ _t(E, [["render", St], ["__scopeId", "data-v-f3ee6b2b
|
|
|
553
553
|
setup(e, { emit: d }) {
|
|
554
554
|
const o = e;
|
|
555
555
|
let c = null, v = null;
|
|
556
|
-
const f =
|
|
557
|
-
|
|
558
|
-
const M =
|
|
559
|
-
"--width-details": `${
|
|
560
|
-
"--gap-static-row": `${
|
|
561
|
-
"--width-static-column": `${
|
|
562
|
-
})),
|
|
556
|
+
const f = g([]), y = g(null), S = g(null), L = g(0), p = g(0), $ = g(-1);
|
|
557
|
+
g(!1);
|
|
558
|
+
const M = g(null), _ = R(() => ({
|
|
559
|
+
"--width-details": `${L.value}px`,
|
|
560
|
+
"--gap-static-row": `${h.value ? "8px" : "18px"}`,
|
|
561
|
+
"--width-static-column": `${h.value ? "50%" : "256px"}`
|
|
562
|
+
})), h = R(() => L.value < 600);
|
|
563
563
|
P(
|
|
564
564
|
() => o.players,
|
|
565
565
|
(i) => {
|
|
@@ -587,7 +587,7 @@ const Lt = /* @__PURE__ */ _t(E, [["render", St], ["__scopeId", "data-v-f3ee6b2b
|
|
|
587
587
|
p,
|
|
588
588
|
(i) => {
|
|
589
589
|
const s = document.querySelectorAll(".static-row")[$.value + 1];
|
|
590
|
-
s && (s.style.marginTop = `${i}px`), o.isGeneral ? m($.value, i) :
|
|
590
|
+
s && (s.style.marginTop = `${i}px`), o.isGeneral ? m($.value, i) : S.value && S.value.setMarginTopDetails($.value, i), i === 0 && M.value && D(M.value);
|
|
591
591
|
}
|
|
592
592
|
);
|
|
593
593
|
function m(i, n) {
|
|
@@ -622,7 +622,7 @@ const Lt = /* @__PURE__ */ _t(E, [["render", St], ["__scopeId", "data-v-f3ee6b2b
|
|
|
622
622
|
function B() {
|
|
623
623
|
c = new ResizeObserver((i) => {
|
|
624
624
|
for (const n of i)
|
|
625
|
-
|
|
625
|
+
L.value = n.contentRect.width;
|
|
626
626
|
}), c.observe(y.value);
|
|
627
627
|
}
|
|
628
628
|
function W(i) {
|
|
@@ -711,18 +711,18 @@ const Lt = /* @__PURE__ */ _t(E, [["render", St], ["__scopeId", "data-v-f3ee6b2b
|
|
|
711
711
|
class: "table",
|
|
712
712
|
ref_key: "tableSC",
|
|
713
713
|
ref: y,
|
|
714
|
-
style:
|
|
714
|
+
style: k(_.value)
|
|
715
715
|
}, [
|
|
716
716
|
t("div", It, [
|
|
717
717
|
Tt,
|
|
718
718
|
(l(!0), a(V, null, T(f.value, (s) => (l(), a("div", {
|
|
719
719
|
key: `s-${s.id}`,
|
|
720
|
-
class:
|
|
720
|
+
class: b(["row static-row", { odd: s.isOdd }])
|
|
721
721
|
}, [
|
|
722
722
|
Z(tt, null, {
|
|
723
723
|
default: et(() => [
|
|
724
724
|
ot(t("div", {
|
|
725
|
-
class:
|
|
725
|
+
class: b(["details-row", { odd: s.isOdd }])
|
|
726
726
|
}, [
|
|
727
727
|
t("div", Pt, [
|
|
728
728
|
t("div", Ft, [
|
|
@@ -755,23 +755,26 @@ const Lt = /* @__PURE__ */ _t(E, [["render", St], ["__scopeId", "data-v-f3ee6b2b
|
|
|
755
755
|
])
|
|
756
756
|
])
|
|
757
757
|
]),
|
|
758
|
-
t("div",
|
|
758
|
+
t("div", {
|
|
759
|
+
class: "details-row__buttons",
|
|
760
|
+
style: k(h.value ? "margin-left: 0; gap: 8px;" : "")
|
|
761
|
+
}, [
|
|
759
762
|
t("div", {
|
|
760
763
|
role: "button",
|
|
761
764
|
class: "button",
|
|
762
765
|
onClick: (u) => Y(s)
|
|
763
|
-
},
|
|
766
|
+
}, Ut, 8, jt),
|
|
764
767
|
t("div", {
|
|
765
768
|
role: "button",
|
|
766
769
|
class: "button",
|
|
767
770
|
onClick: (u) => A(s)
|
|
768
|
-
},
|
|
771
|
+
}, Xt, 8, Jt),
|
|
769
772
|
t("div", {
|
|
770
773
|
role: "button",
|
|
771
774
|
class: "button green",
|
|
772
775
|
onClick: (u) => X(s)
|
|
773
|
-
},
|
|
774
|
-
])
|
|
776
|
+
}, ee, 8, Yt)
|
|
777
|
+
], 4)
|
|
775
778
|
])
|
|
776
779
|
], 2), [
|
|
777
780
|
[st, s.isExpanded]
|
|
@@ -786,8 +789,8 @@ const Lt = /* @__PURE__ */ _t(E, [["render", St], ["__scopeId", "data-v-f3ee6b2b
|
|
|
786
789
|
"model-value": s.isSelected,
|
|
787
790
|
"onUpdate:modelValue": (u) => Q(u, s)
|
|
788
791
|
}, null, 8, ["model-value", "onUpdate:modelValue"])) : w("", !0),
|
|
789
|
-
t("div",
|
|
790
|
-
t("div",
|
|
792
|
+
t("div", oe, [
|
|
793
|
+
t("div", se, r(s.position), 1),
|
|
791
794
|
(l(), a("svg", {
|
|
792
795
|
width: "20",
|
|
793
796
|
height: "20",
|
|
@@ -795,78 +798,78 @@ const Lt = /* @__PURE__ */ _t(E, [["render", St], ["__scopeId", "data-v-f3ee6b2b
|
|
|
795
798
|
fill: "none",
|
|
796
799
|
xmlns: "http://www.w3.org/2000/svg",
|
|
797
800
|
onClick: (u) => A(s)
|
|
798
|
-
},
|
|
799
|
-
t("div",
|
|
801
|
+
}, de, 8, ie)),
|
|
802
|
+
t("div", re, [
|
|
800
803
|
t("div", null, [
|
|
801
804
|
t("img", {
|
|
802
805
|
src: s.player_photo,
|
|
803
806
|
alt: "player photo"
|
|
804
|
-
}, null, 8,
|
|
807
|
+
}, null, 8, ce)
|
|
805
808
|
])
|
|
806
809
|
]),
|
|
807
|
-
t("div",
|
|
810
|
+
t("div", ue, r(s.player_name), 1)
|
|
808
811
|
]),
|
|
809
|
-
t("div",
|
|
812
|
+
t("div", fe, [
|
|
810
813
|
(l(), a("svg", {
|
|
811
|
-
class:
|
|
814
|
+
class: b(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5", { expanded: s.isExpanded }]),
|
|
812
815
|
width: "12",
|
|
813
816
|
height: "8",
|
|
814
817
|
viewBox: "0 0 12 8",
|
|
815
818
|
fill: "#D9D9D9",
|
|
816
819
|
xmlns: "http://www.w3.org/2000/svg",
|
|
817
820
|
onClick: (u) => D(s)
|
|
818
|
-
},
|
|
821
|
+
}, he, 10, pe))
|
|
819
822
|
])
|
|
820
823
|
], 2))), 128))
|
|
821
824
|
]),
|
|
822
|
-
t("div",
|
|
825
|
+
t("div", be, [
|
|
823
826
|
e.isGeneral ? (l(), a(V, { key: 0 }, [
|
|
824
|
-
|
|
827
|
+
_e,
|
|
825
828
|
(l(!0), a(V, null, T(f.value, (s) => (l(), a("div", {
|
|
826
829
|
key: `i-${s.id}`,
|
|
827
830
|
class: "row scrollable-row"
|
|
828
831
|
}, [
|
|
829
832
|
t("div", {
|
|
830
|
-
class:
|
|
833
|
+
class: b(["row team-info", { odd: s.isOdd }])
|
|
831
834
|
}, [
|
|
832
|
-
t("div",
|
|
835
|
+
t("div", ge, [
|
|
833
836
|
t("img", {
|
|
834
837
|
src: s.team_logo,
|
|
835
838
|
alt: "team logo"
|
|
836
|
-
}, null, 8,
|
|
839
|
+
}, null, 8, me)
|
|
837
840
|
]),
|
|
838
|
-
t("div",
|
|
841
|
+
t("div", ye, r(s.team_abrev), 1)
|
|
839
842
|
], 2),
|
|
840
843
|
t("div", {
|
|
841
|
-
class:
|
|
844
|
+
class: b(["row data-info", { odd: s.isOdd }])
|
|
842
845
|
}, r(s.player_position), 3),
|
|
843
846
|
t("div", {
|
|
844
|
-
class:
|
|
847
|
+
class: b(["row data-info", { odd: s.isOdd }])
|
|
845
848
|
}, r(s.player_age), 3),
|
|
846
849
|
t("div", {
|
|
847
|
-
class:
|
|
850
|
+
class: b(["row data-info", { odd: s.isOdd }])
|
|
848
851
|
}, [
|
|
849
852
|
t("img", {
|
|
850
853
|
src: s.player_country_flag,
|
|
851
854
|
alt: "player country flag",
|
|
852
855
|
class: "country-flag"
|
|
853
|
-
}, null, 8,
|
|
856
|
+
}, null, 8, Ce)
|
|
854
857
|
], 2),
|
|
855
858
|
t("div", {
|
|
856
|
-
class:
|
|
859
|
+
class: b(["row data-info", { odd: s.isOdd }])
|
|
857
860
|
}, r(s.player_games), 3),
|
|
858
861
|
t("div", {
|
|
859
|
-
class:
|
|
862
|
+
class: b(["row data-info", { odd: s.isOdd }])
|
|
860
863
|
}, r(s.player_min), 3),
|
|
861
864
|
t("div", {
|
|
862
|
-
class:
|
|
865
|
+
class: b(["row data-info", { odd: s.isOdd }])
|
|
863
866
|
}, r(s.league_name), 3),
|
|
864
867
|
t("div", {
|
|
865
|
-
class:
|
|
868
|
+
class: b(["row data-info", { odd: s.isOdd }])
|
|
866
869
|
}, [
|
|
867
870
|
Z(H(Lt), {
|
|
868
871
|
icon: "https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png",
|
|
869
|
-
"icon-size": "
|
|
872
|
+
"icon-size": "19px",
|
|
870
873
|
"icon-position": "left",
|
|
871
874
|
width: "98px",
|
|
872
875
|
height: "30px",
|
|
@@ -881,13 +884,13 @@ const Lt = /* @__PURE__ */ _t(E, [["render", St], ["__scopeId", "data-v-f3ee6b2b
|
|
|
881
884
|
}, null, 8, ["onClick"])
|
|
882
885
|
], 2),
|
|
883
886
|
t("div", {
|
|
884
|
-
class:
|
|
887
|
+
class: b(["row data-info", { odd: s.isOdd }])
|
|
885
888
|
}, null, 2)
|
|
886
889
|
]))), 128))
|
|
887
890
|
], 64)) : (l(), N(Ot, {
|
|
888
891
|
key: 1,
|
|
889
892
|
ref_key: "scrollColumns",
|
|
890
|
-
ref:
|
|
893
|
+
ref: S,
|
|
891
894
|
"available-players": f.value,
|
|
892
895
|
"is-edit-mode": e.isEditMode,
|
|
893
896
|
onOpenMedia: x
|
|
@@ -895,7 +898,7 @@ const Lt = /* @__PURE__ */ _t(E, [["render", St], ["__scopeId", "data-v-f3ee6b2b
|
|
|
895
898
|
])
|
|
896
899
|
], 4));
|
|
897
900
|
}
|
|
898
|
-
},
|
|
901
|
+
}, ke = /* @__PURE__ */ J(xe, [["__scopeId", "data-v-a3e8b8e3"]]);
|
|
899
902
|
export {
|
|
900
|
-
|
|
903
|
+
ke as GSCTableScrollable
|
|
901
904
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(C,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(C=typeof globalThis<"u"?globalThis:C||self,e(C.GSCTableScrollable={},C.Vue))})(this,function(C,e){"use strict";const T=(t,i)=>{const o=t.__vccOpts||t;for(const[s,m]of i)o[s]=m;return o},I={key:1},F={width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M=["fill"],R={key:0,class:"checkbox__teams"},O={class:"checkbox__teams__logo"},D=["src"],P={class:"checkbox__teams__logo"},W=["src"],A={__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(t){return["left","right","top","bottom"].includes(t)}},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(t,{emit:i}){const o=t;e.useCssVars(c=>({"7bd9d47b":t.width,"34dc7ddc":t.height}));const s=e.ref(!1),m=e.computed(()=>{const c={color:o.boxValueColor,"font-family":o.fontFamily,height:o.boxWidthAndHeight,width:o.boxWidthAndHeight,minWidth:o.boxWidthAndHeight,"border-radius":o.boxBorderRadius,"margin-top":o.boxMarginTop};return s.value?(c["background-color"]=o.boxBackgroundColor,c.border=`solid ${o.boxBorderWidth} ${o.boxBackgroundColor}`):c.border=`solid ${o.boxBorderWidth} ${o.boxBorderColor}`,c}),d=e.computed(()=>({"font-family":o.boxValueFontFamily,"font-size":o.boxValueFontSize,color:o.boxValueColor,"line-height":1})),_=e.computed(()=>{const c={color:o.labelColor,"font-family":o.fontFamily,"font-size":o.labelFontSize,"white-space":o.labelWhiteSpace,"text-align":o.boxPosition==="top"||o.boxPosition==="bottom"?"center":o.boxPosition};return(o.boxPosition==="left"||o.boxPosition==="right")&&(c[`margin-${o.boxPosition}`]=o.isBoxOnly?"0":o.teamsIds?"8px":"10px"),c});e.watch(()=>o.modelValue,c=>{c!==s.value&&(s.value=c)},{immediate:!0});function b(){o.avoidInteraction||!s.value&&o.avoidToCheck||(s.value=!s.value,i("update:modelValue",s.value))}function k(c){return`${{}.TEAM_LOGOS_URL||"https://golstatsimages.blob.core.windows.net/teams-80/"}${c}.png`}return(c,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["checkbox",`box-${t.boxPosition}`]),onClick:b},[e.createElementVNode("div",{class:"checkbox__box",style:e.normalizeStyle(m.value)},[s.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.boxValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"checkbox__box__value",style:e.normalizeStyle(d.value)},e.toDisplayString(t.boxValue),5)):(e.openBlock(),e.createElementBlock("div",I,[(e.openBlock(),e.createElementBlock("svg",F,[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:t.boxValueColor},null,8,M)]))]))],64)):e.createCommentVNode("",!0)],4),t.teamsIds&&t.teamsIds.length?(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("div",O,[e.createElementVNode("img",{src:k(t.teamsIds[0]),alt:""},null,8,D)]),e.createElementVNode("div",P,[e.createElementVNode("img",{src:k(t.teamsIds[1]),alt:""},null,8,W)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"checkbox__label",style:e.normalizeStyle(_.value)},e.toDisplayString(t.label),5)],2))}},Z=T(A,[["__scopeId","data-v-b6f124d8"]]),j=(t,i)=>{const o=t.__vccOpts||t;for(const[s,m]of i)o[s]=m;return o},E={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(t){this.status=t}}},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(t){this.$emit("click",t),this.typeOnOff&&(this.status=!this.status,this.$emit("status",this.status))}}},V=()=>{e.useCssVars(t=>({"9d01acb4":t.height,"14e95081":t.borderWidthBtn,"38fec285":t.borderType,34353510:t.borderColor,"20d20dc6":t.borderRadius,17130967:t.width,"4ccb7d36":t.backgroundColor,"5d1e86a2":t.cursorType,ce65d4a2:t.fontSize,fe4ac47a:t.fontStyle,f98e44dc:t.fontFamily,"93b87770":t.marginLeftStat,c7f7beba:t.fontSizeStat}))},B=E.setup;E.setup=B?(t,i)=>(V(),B(t,i)):V;const G=t=>(e.pushScopeId("data-v-f3ee6b2b"),t=t(),e.popScopeId(),t),H=["src"],q={key:1,class:"text"},U=["src"],J={class:"stats"},K=G(()=>e.createElementVNode("img",{class:"iconstats",src:"https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"},null,-1)),Q={class:"numstats"},X={class:"leyend"};function Y(t,i,o,s,m,d){return e.openBlock(),e.createElementBlock("div",null,[o.type==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["button",m.status&&o.typeOnOff&&"button-active"]),style:e.normalizeStyle([d.customStyle,m.status&&o.typeOnOff&&d.customActive]),onClick:i[0]||(i[0]=(..._)=>d.btnClick&&d.btnClick(..._))},[o.icon&&o.iconPosition.toLowerCase()==="left"?(e.openBlock(),e.createElementBlock("img",{key:0,class:"icon",style:e.normalizeStyle({width:o.iconSize}),src:o.icon},null,12,H)):e.createCommentVNode("",!0),o.textValue?(e.openBlock(),e.createElementBlock("div",q,e.toDisplayString(o.textValue),1)):e.createCommentVNode("",!0),o.icon&&o.iconPosition.toLowerCase()==="right"?(e.openBlock(),e.createElementBlock("img",{key:2,class:"icon",style:e.normalizeStyle({width:o.iconSize}),src:o.icon},null,12,U)):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0),o.type==1?(e.openBlock(),e.createElementBlock("div",{key:1,class:"button-target",onClick:i[1]||(i[1]=(..._)=>d.btnClick&&d.btnClick(..._))},[e.createElementVNode("div",J,[K,e.createElementVNode("div",Q,e.toDisplayString(o.textStat),1)]),e.createElementVNode("div",X,e.toDisplayString(o.textCategory),1)])):e.createCommentVNode("",!0)])}const v=j(E,[["render",Y],["__scopeId","data-v-f3ee6b2b"]]),N=(t,i)=>{const o=t.__vccOpts||t;for(const[s,m]of i)o[s]=m;return o},ee=t=>(e.pushScopeId("data-v-692be1c3"),t=t(),e.popScopeId(),t),te={key:0,class:"overlay"},oe=ee(()=>e.createElementVNode("div",{class:"column-title-2"},null,-1)),le=["onClick"],ae=N({__name:"ScrollColumns",props:{availablePlayers:{type:Array,default:()=>[]},isEditMode:{type:Boolean,default:!1}},emits:["expand","open-media"],setup(t,{expose:i,emit:o}){const s=t,m=e.ref(null),d=e.ref(null),_=e.ref(0);e.ref(!1);const b=e.computed(()=>{const p=s.availablePlayers[0];return p?p.stats:[]}),k=e.computed(()=>{const p=`repeat(${b.value.length}, max-content) 36px`;let f="";return _.value>0&&document.querySelectorAll(".column-title-2").forEach(y=>{f+=`${y.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:h}=f.contentRect;_.value=h}}),m.value.observe(d.value)}function u(p,f){const y=document.querySelectorAll(".scrollable-row-totals")[p+1];y&&(y.style.marginTop=`${f}px`)}function x({player:p,stat:f}){!f.total||f==="0%"||o("open-media",{...p,stat:f})}return e.onMounted(()=>{c()}),i({setMarginTopDetails:u}),(p,f)=>(e.openBlock(),e.createElementBlock("div",{class:"scroll-columns",style:e.normalizeStyle(k.value)},[t.isEditMode?(e.openBlock(),e.createElementBlock("div",te)):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(b.value,h=>(e.openBlock(),e.createElementBlock("div",{key:`t-${h.category_id}`,class:"column-title-2"},e.toDisplayString(h.name),1))),128)),oe],512),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.availablePlayers,(h,y)=>(e.openBlock(),e.createElementBlock("div",{key:`i-${h.id}`,class:"row scrollable-row-totals"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.stats,S=>(e.openBlock(),e.createElementBlock("div",{key:S.category_id,class:e.normalizeClass(["row data-info",{odd:y%2!==0,underline:!!S.total&&S.total!=="0%"}]),onClick:L=>x({player:h,stat:S})},e.toDisplayString(S.total),11,le))),128))]))),128))],4))}},[["__scopeId","data-v-692be1c3"]]),g=t=>(e.pushScopeId("data-v-ff66c2a9"),t=t(),e.popScopeId(),t),ne={class:"table__static-column"},ie=g(()=>e.createElementVNode("div",{class:"static-title column-title"},null,-1)),se={class:"container"},re={class:"details-row__info"},de={class:"details-row__info__personal"},ce={class:"bold"},me={class:"bold"},pe={class:"bold"},fe={class:"bold"},he={class:"details-row__info__games"},_e={class:"bold"},ge={class:"bold"},ye={class:"details-row__buttons"},be=["onClick"],ke=[g(()=>e.createElementVNode("div",null,"Ver gráfica",-1)),g(()=>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))],Ce=["onClick"],ue=[g(()=>e.createElementVNode("div",null,"Agregar a lista",-1)),g(()=>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))],Se=["onClick"],xe=[g(()=>e.createElementVNode("div",null,"Ver perfil",-1))],we={class:"static-row__info-player"},Ee={class:"position"},Ve=["onClick"],Be=[g(()=>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)),g(()=>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)),g(()=>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))],Ne={class:"player-photo"},Le=["src"],ze={class:"player-name"},$e={class:"arrow"},Te=["onClick"],Ie=[g(()=>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))],Fe={class:"table__scrollable-columns"},Me=e.createStaticVNode('<div class="titles scrollable-row" data-v-ff66c2a9><div class="column-title" data-v-ff66c2a9>Equipo</div><div class="column-title" data-v-ff66c2a9>Posición</div><div class="column-title" data-v-ff66c2a9>Edad</div><div class="column-title" data-v-ff66c2a9>País</div><div class="column-title" data-v-ff66c2a9>Partidos Jugados</div><div class="column-title" data-v-ff66c2a9>Minutos Jugados</div><div class="column-title" data-v-ff66c2a9>Liga</div><div class="column-title" data-v-ff66c2a9>Videos</div><div class="column-title" data-v-ff66c2a9></div></div>',1),Re={class:"team-logo"},Oe=["src"],De={class:"team-name data-info"},Pe=["src"],We=N({__name:"GSC-TableScrollable",props:{players:{type:Array,default:()=>[]},isGeneral:{type:Boolean,default:!0},isEditMode:{type:Boolean,default:!1}},emits:["change-selected-players","view-profile","add-to-list","view-graph","open-media"],setup(t,{emit:i}){const o=t;let s=null,m=null;const d=e.ref([]),_=e.ref(null),b=e.ref(null),k=e.ref(0),c=e.ref(0),u=e.ref(-1);e.ref(!1);const x=e.ref(null),p=e.computed(()=>({"--width-details":`${k.value}px`,"--gap-static-row":`${f.value?"8px":"18px"}`,"--width-static-column":`${f.value?"50%":"256px"}`})),f=e.computed(()=>k.value<600);e.watch(()=>o.players,a=>{a&&a.length&&(d.value=a.map((n,l)=>{const r=l+1;return{...n,position:r<10?`0${r}`:`${r}`,isSelected:!1,isExpanded:!1,isOdd:l%2!==0,index:l}}))},{immediate:!0}),e.watch(()=>o.isEditMode,a=>{a&&d.value.forEach(n=>{n.isSelected=!1})}),e.watch(c,a=>{const l=document.querySelectorAll(".static-row")[u.value+1];l&&(l.style.marginTop=`${a}px`),o.isGeneral?h(u.value,a):b.value&&b.value.setMarginTopDetails(u.value,a),a===0&&x.value&&$(x.value)});function h(a,n){const r=document.querySelectorAll(".scrollable-row")[a+2];r&&(r.style.marginTop=`${n}px`)}function y(a){const n=a.player||a.objeto_player,l=n?n.player_id||n.id||n.playerId:a.id||a.player_id,r=n?n.team_id||n.teamId:a.team_id||a.teamId,w={seasonId:a.season_id,isFeaturedPlayers:!1,mainSectionType:1,playListType:2,gameIds:null,playerIds:l?[l]:[],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"}};a.stat?w.customCategoryIds=[a.stat.category_id]:w.categoryIds=Ae(a.player_position),i("open-media",w)}function S(){s=new ResizeObserver(a=>{for(const n of a)k.value=n.contentRect.width}),s.observe(_.value)}function L(a){m=new ResizeObserver(n=>{for(const l of n)c.value=l.contentRect.height}),m.observe(a)}function Ae(a){return a==="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 Ze(a,n){n.isSelected=a;const l=d.value.filter(r=>r.isSelected);i("change-selected-players",l)}function je(a){i("view-profile",a)}function z(a){i("add-to-list",a)}function Ge(a){i("show-graph",a)}function $(a){if(a.isExpanded){a.isExpanded=!1,x.value=null;return}const n=d.value.find(w=>w.isExpanded);if(n&&(n.isExpanded=!1),n){x.value=a;return}const r=document.querySelectorAll(".details-row")[a.index];u.value=a.index,L(r),a.isExpanded=!0}return e.onMounted(()=>{S()}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:"table",ref_key:"tableSC",ref:_,style:e.normalizeStyle(p.value)},[e.createElementVNode("div",ne,[ie,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`s-${l.id}`,class:e.normalizeClass(["row static-row",{odd:l.isOdd}])},[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["details-row",{odd:l.isOdd}])},[e.createElementVNode("div",se,[e.createElementVNode("div",re,[e.createElementVNode("div",de,[e.createElementVNode("div",null,[e.createTextVNode("Equipo: "),e.createElementVNode("span",ce,e.toDisplayString(l.team_name),1)]),e.createElementVNode("div",null,[e.createTextVNode("Edad: "),e.createElementVNode("span",me,e.toDisplayString(l.player_age)+" Años",1)]),e.createElementVNode("div",null,[e.createTextVNode("Nacionalidad: "),e.createElementVNode("span",pe,e.toDisplayString(l.player_country),1)]),e.createElementVNode("div",null,[e.createTextVNode("Posición: "),e.createElementVNode("span",fe,e.toDisplayString(l.position_name),1)])]),e.createElementVNode("div",he,[e.createElementVNode("div",null,[e.createTextVNode("Partidos Jugados: "),e.createElementVNode("span",_e,e.toDisplayString(l.player_games),1)]),e.createElementVNode("div",null,[e.createTextVNode("Minutos Jugados: "),e.createElementVNode("span",ge,e.toDisplayString(l.player_min),1)])])]),e.createElementVNode("div",ye,[e.createElementVNode("div",{role:"button",class:"button",onClick:r=>Ge(l)},ke,8,be),e.createElementVNode("div",{role:"button",class:"button",onClick:r=>z(l)},ue,8,Ce),e.createElementVNode("div",{role:"button",class:"button green",onClick:r=>je(l)},xe,8,Se)])])],2),[[e.vShow,l.isExpanded]])]),_:2},1024),t.isEditMode?(e.openBlock(),e.createBlock(e.unref(Z),{key:0,fontFamily:"Poppins-Regular",labelFontSize:"14px","model-value":l.isSelected,"onUpdate:modelValue":r=>Ze(r,l)},null,8,["model-value","onUpdate:modelValue"])):e.createCommentVNode("",!0),e.createElementVNode("div",we,[e.createElementVNode("div",Ee,e.toDisplayString(l.position),1),(e.openBlock(),e.createElementBlock("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:r=>z(l)},Be,8,Ve)),e.createElementVNode("div",Ne,[e.createElementVNode("div",null,[e.createElementVNode("img",{src:l.player_photo,alt:"player photo"},null,8,Le)])]),e.createElementVNode("div",ze,e.toDisplayString(l.player_name),1)]),e.createElementVNode("div",$e,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5",{expanded:l.isExpanded}]),width:"12",height:"8",viewBox:"0 0 12 8",fill:"#D9D9D9",xmlns:"http://www.w3.org/2000/svg",onClick:r=>$(l)},Ie,10,Te))])],2))),128))]),e.createElementVNode("div",Fe,[t.isGeneral?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[Me,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`i-${l.id}`,class:"row scrollable-row"},[e.createElementVNode("div",{class:e.normalizeClass(["row team-info",{odd:l.isOdd}])},[e.createElementVNode("div",Re,[e.createElementVNode("img",{src:l.team_logo,alt:"team logo"},null,8,Oe)]),e.createElementVNode("div",De,e.toDisplayString(l.team_abrev),1)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_position),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_age),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},[e.createElementVNode("img",{src:l.player_country_flag,alt:"player country flag",class:"country-flag"},null,8,Pe)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_games),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_min),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.league_name),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},[e.createVNode(e.unref(v),{icon:"https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png","icon-size":"13px","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=>y(l)},null,8,["onClick"])],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},null,2)]))),128))],64)):(e.openBlock(),e.createBlock(ae,{key:1,ref_key:"scrollColumns",ref:b,"available-players":d.value,"is-edit-mode":t.isEditMode,onOpenMedia:y},null,8,["available-players","is-edit-mode"]))])],4))}},[["__scopeId","data-v-ff66c2a9"]]);C.GSCTableScrollable=We,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(C,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(C=typeof globalThis<"u"?globalThis:C||self,e(C.GSCTableScrollable={},C.Vue))})(this,function(C,e){"use strict";const T=(t,i)=>{const o=t.__vccOpts||t;for(const[s,m]of i)o[s]=m;return o},I={key:1},F={width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M=["fill"],R={key:0,class:"checkbox__teams"},O={class:"checkbox__teams__logo"},D=["src"],P={class:"checkbox__teams__logo"},W=["src"],A={__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(t){return["left","right","top","bottom"].includes(t)}},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(t,{emit:i}){const o=t;e.useCssVars(c=>({"7bd9d47b":t.width,"34dc7ddc":t.height}));const s=e.ref(!1),m=e.computed(()=>{const c={color:o.boxValueColor,"font-family":o.fontFamily,height:o.boxWidthAndHeight,width:o.boxWidthAndHeight,minWidth:o.boxWidthAndHeight,"border-radius":o.boxBorderRadius,"margin-top":o.boxMarginTop};return s.value?(c["background-color"]=o.boxBackgroundColor,c.border=`solid ${o.boxBorderWidth} ${o.boxBackgroundColor}`):c.border=`solid ${o.boxBorderWidth} ${o.boxBorderColor}`,c}),d=e.computed(()=>({"font-family":o.boxValueFontFamily,"font-size":o.boxValueFontSize,color:o.boxValueColor,"line-height":1})),g=e.computed(()=>{const c={color:o.labelColor,"font-family":o.fontFamily,"font-size":o.labelFontSize,"white-space":o.labelWhiteSpace,"text-align":o.boxPosition==="top"||o.boxPosition==="bottom"?"center":o.boxPosition};return(o.boxPosition==="left"||o.boxPosition==="right")&&(c[`margin-${o.boxPosition}`]=o.isBoxOnly?"0":o.teamsIds?"8px":"10px"),c});e.watch(()=>o.modelValue,c=>{c!==s.value&&(s.value=c)},{immediate:!0});function y(){o.avoidInteraction||!s.value&&o.avoidToCheck||(s.value=!s.value,i("update:modelValue",s.value))}function k(c){return`${{}.TEAM_LOGOS_URL||"https://golstatsimages.blob.core.windows.net/teams-80/"}${c}.png`}return(c,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["checkbox",`box-${t.boxPosition}`]),onClick:y},[e.createElementVNode("div",{class:"checkbox__box",style:e.normalizeStyle(m.value)},[s.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.boxValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"checkbox__box__value",style:e.normalizeStyle(d.value)},e.toDisplayString(t.boxValue),5)):(e.openBlock(),e.createElementBlock("div",I,[(e.openBlock(),e.createElementBlock("svg",F,[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:t.boxValueColor},null,8,M)]))]))],64)):e.createCommentVNode("",!0)],4),t.teamsIds&&t.teamsIds.length?(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("div",O,[e.createElementVNode("img",{src:k(t.teamsIds[0]),alt:""},null,8,D)]),e.createElementVNode("div",P,[e.createElementVNode("img",{src:k(t.teamsIds[1]),alt:""},null,8,W)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"checkbox__label",style:e.normalizeStyle(g.value)},e.toDisplayString(t.label),5)],2))}},Z=T(A,[["__scopeId","data-v-b6f124d8"]]),j=(t,i)=>{const o=t.__vccOpts||t;for(const[s,m]of i)o[s]=m;return o},E={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(t){this.status=t}}},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(t){this.$emit("click",t),this.typeOnOff&&(this.status=!this.status,this.$emit("status",this.status))}}},V=()=>{e.useCssVars(t=>({"9d01acb4":t.height,"14e95081":t.borderWidthBtn,"38fec285":t.borderType,34353510:t.borderColor,"20d20dc6":t.borderRadius,17130967:t.width,"4ccb7d36":t.backgroundColor,"5d1e86a2":t.cursorType,ce65d4a2:t.fontSize,fe4ac47a:t.fontStyle,f98e44dc:t.fontFamily,"93b87770":t.marginLeftStat,c7f7beba:t.fontSizeStat}))},B=E.setup;E.setup=B?(t,i)=>(V(),B(t,i)):V;const G=t=>(e.pushScopeId("data-v-f3ee6b2b"),t=t(),e.popScopeId(),t),H=["src"],q={key:1,class:"text"},U=["src"],J={class:"stats"},K=G(()=>e.createElementVNode("img",{class:"iconstats",src:"https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"},null,-1)),Q={class:"numstats"},X={class:"leyend"};function Y(t,i,o,s,m,d){return e.openBlock(),e.createElementBlock("div",null,[o.type==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["button",m.status&&o.typeOnOff&&"button-active"]),style:e.normalizeStyle([d.customStyle,m.status&&o.typeOnOff&&d.customActive]),onClick:i[0]||(i[0]=(...g)=>d.btnClick&&d.btnClick(...g))},[o.icon&&o.iconPosition.toLowerCase()==="left"?(e.openBlock(),e.createElementBlock("img",{key:0,class:"icon",style:e.normalizeStyle({width:o.iconSize}),src:o.icon},null,12,H)):e.createCommentVNode("",!0),o.textValue?(e.openBlock(),e.createElementBlock("div",q,e.toDisplayString(o.textValue),1)):e.createCommentVNode("",!0),o.icon&&o.iconPosition.toLowerCase()==="right"?(e.openBlock(),e.createElementBlock("img",{key:2,class:"icon",style:e.normalizeStyle({width:o.iconSize}),src:o.icon},null,12,U)):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0),o.type==1?(e.openBlock(),e.createElementBlock("div",{key:1,class:"button-target",onClick:i[1]||(i[1]=(...g)=>d.btnClick&&d.btnClick(...g))},[e.createElementVNode("div",J,[K,e.createElementVNode("div",Q,e.toDisplayString(o.textStat),1)]),e.createElementVNode("div",X,e.toDisplayString(o.textCategory),1)])):e.createCommentVNode("",!0)])}const v=j(E,[["render",Y],["__scopeId","data-v-f3ee6b2b"]]),N=(t,i)=>{const o=t.__vccOpts||t;for(const[s,m]of i)o[s]=m;return o},ee=t=>(e.pushScopeId("data-v-ff27edba"),t=t(),e.popScopeId(),t),te={key:0,class:"overlay"},oe=ee(()=>e.createElementVNode("div",{class:"column-title-2"},null,-1)),le=["onClick"],ae=N({__name:"ScrollColumns",props:{availablePlayers:{type:Array,default:()=>[]},isEditMode:{type:Boolean,default:!1}},emits:["expand","open-media"],setup(t,{expose:i,emit:o}){const s=t,m=e.ref(null),d=e.ref(null),g=e.ref(0);e.ref(!1);const y=e.computed(()=>{const f=s.availablePlayers[0];return f?f.stats:[]}),k=e.computed(()=>{const f=`repeat(${y.value.length}, max-content) 36px`;let p="";return g.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:h}=p.contentRect;g.value=h}}),m.value.observe(d.value)}function u(f,p){const b=document.querySelectorAll(".scrollable-row-totals")[f+1];b&&(b.style.marginTop=`${p}px`)}function x({player:f,stat:p}){!p.total||p==="0%"||o("open-media",{...f,stat:p})}return e.onMounted(()=>{c()}),i({setMarginTopDetails:u}),(f,p)=>(e.openBlock(),e.createElementBlock("div",{class:"scroll-columns",style:e.normalizeStyle(k.value)},[t.isEditMode?(e.openBlock(),e.createElementBlock("div",te)):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,h=>(e.openBlock(),e.createElementBlock("div",{key:`t-${h.category_id}`,class:"column-title-2"},e.toDisplayString(h.name),1))),128)),oe],512),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.availablePlayers,(h,b)=>(e.openBlock(),e.createElementBlock("div",{key:`i-${h.id}`,class:"row scrollable-row-totals"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.stats,S=>(e.openBlock(),e.createElementBlock("div",{key:S.category_id,class:e.normalizeClass(["row data-info",{odd:b%2!==0,underline:!!S.total&&S.total!=="0%"}]),onClick:L=>x({player:h,stat:S})},e.toDisplayString(S.total),11,le))),128))]))),128))],4))}},[["__scopeId","data-v-ff27edba"]]),_=t=>(e.pushScopeId("data-v-a3e8b8e3"),t=t(),e.popScopeId(),t),ne={class:"table__static-column"},ie=_(()=>e.createElementVNode("div",{class:"static-title column-title"},null,-1)),se={class:"container"},re={class:"details-row__info"},de={class:"details-row__info__personal"},ce={class:"bold"},me={class:"bold"},pe={class:"bold"},fe={class:"bold"},he={class:"details-row__info__games"},ge={class:"bold"},_e={class:"bold"},be=["onClick"],ye=[_(()=>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))],ke=["onClick"],Ce=[_(()=>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))],ue=["onClick"],Se=[_(()=>e.createElementVNode("div",null,"Ver perfil",-1))],xe={class:"static-row__info-player"},we={class:"position"},Ee=["onClick"],Ve=[_(()=>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))],Be={class:"player-photo"},Ne=["src"],Le={class:"player-name"},ze={class:"arrow"},$e=["onClick"],Te=[_(()=>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))],Ie={class:"table__scrollable-columns"},Fe=e.createStaticVNode('<div class="titles scrollable-row" data-v-a3e8b8e3><div class="column-title" data-v-a3e8b8e3>Equipo</div><div class="column-title" data-v-a3e8b8e3>Posición</div><div class="column-title" data-v-a3e8b8e3>Edad</div><div class="column-title" data-v-a3e8b8e3>País</div><div class="column-title" data-v-a3e8b8e3>Partidos Jugados</div><div class="column-title" data-v-a3e8b8e3>Minutos Jugados</div><div class="column-title" data-v-a3e8b8e3>Liga</div><div class="column-title" data-v-a3e8b8e3>Videos</div><div class="column-title" data-v-a3e8b8e3></div></div>',1),Me={class:"team-logo"},Re=["src"],Oe={class:"team-name data-info"},De=["src"],Pe=N({__name:"GSC-TableScrollable",props:{players:{type:Array,default:()=>[]},isGeneral:{type:Boolean,default:!0},isEditMode:{type:Boolean,default:!1}},emits:["change-selected-players","view-profile","add-to-list","view-graph","open-media"],setup(t,{emit:i}){const o=t;let s=null,m=null;const d=e.ref([]),g=e.ref(null),y=e.ref(null),k=e.ref(0),c=e.ref(0),u=e.ref(-1);e.ref(!1);const x=e.ref(null),f=e.computed(()=>({"--width-details":`${k.value}px`,"--gap-static-row":`${p.value?"8px":"18px"}`,"--width-static-column":`${p.value?"50%":"256px"}`})),p=e.computed(()=>k.value<600);e.watch(()=>o.players,a=>{a&&a.length&&(d.value=a.map((n,l)=>{const r=l+1;return{...n,position:r<10?`0${r}`:`${r}`,isSelected:!1,isExpanded:!1,isOdd:l%2!==0,index:l}}))},{immediate:!0}),e.watch(()=>o.isEditMode,a=>{a&&d.value.forEach(n=>{n.isSelected=!1})}),e.watch(c,a=>{const l=document.querySelectorAll(".static-row")[u.value+1];l&&(l.style.marginTop=`${a}px`),o.isGeneral?h(u.value,a):y.value&&y.value.setMarginTopDetails(u.value,a),a===0&&x.value&&$(x.value)});function h(a,n){const r=document.querySelectorAll(".scrollable-row")[a+2];r&&(r.style.marginTop=`${n}px`)}function b(a){const n=a.player||a.objeto_player,l=n?n.player_id||n.id||n.playerId:a.id||a.player_id,r=n?n.team_id||n.teamId:a.team_id||a.teamId,w={seasonId:a.season_id,isFeaturedPlayers:!1,mainSectionType:1,playListType:2,gameIds:null,playerIds:l?[l]:[],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"}};a.stat?w.customCategoryIds=[a.stat.category_id]:w.categoryIds=We(a.player_position),i("open-media",w)}function S(){s=new ResizeObserver(a=>{for(const n of a)k.value=n.contentRect.width}),s.observe(g.value)}function L(a){m=new ResizeObserver(n=>{for(const l of n)c.value=l.contentRect.height}),m.observe(a)}function We(a){return a==="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 Ae(a,n){n.isSelected=a;const l=d.value.filter(r=>r.isSelected);i("change-selected-players",l)}function Ze(a){i("view-profile",a)}function z(a){i("add-to-list",a)}function je(a){i("show-graph",a)}function $(a){if(a.isExpanded){a.isExpanded=!1,x.value=null;return}const n=d.value.find(w=>w.isExpanded);if(n&&(n.isExpanded=!1),n){x.value=a;return}const r=document.querySelectorAll(".details-row")[a.index];u.value=a.index,L(r),a.isExpanded=!0}return e.onMounted(()=>{S()}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:"table",ref_key:"tableSC",ref:g,style:e.normalizeStyle(f.value)},[e.createElementVNode("div",ne,[ie,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`s-${l.id}`,class:e.normalizeClass(["row static-row",{odd:l.isOdd}])},[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["details-row",{odd:l.isOdd}])},[e.createElementVNode("div",se,[e.createElementVNode("div",re,[e.createElementVNode("div",de,[e.createElementVNode("div",null,[e.createTextVNode("Equipo: "),e.createElementVNode("span",ce,e.toDisplayString(l.team_name),1)]),e.createElementVNode("div",null,[e.createTextVNode("Edad: "),e.createElementVNode("span",me,e.toDisplayString(l.player_age)+" Años",1)]),e.createElementVNode("div",null,[e.createTextVNode("Nacionalidad: "),e.createElementVNode("span",pe,e.toDisplayString(l.player_country),1)]),e.createElementVNode("div",null,[e.createTextVNode("Posición: "),e.createElementVNode("span",fe,e.toDisplayString(l.position_name),1)])]),e.createElementVNode("div",he,[e.createElementVNode("div",null,[e.createTextVNode("Partidos Jugados: "),e.createElementVNode("span",ge,e.toDisplayString(l.player_games),1)]),e.createElementVNode("div",null,[e.createTextVNode("Minutos Jugados: "),e.createElementVNode("span",_e,e.toDisplayString(l.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=>je(l)},ye,8,be),e.createElementVNode("div",{role:"button",class:"button",onClick:r=>z(l)},Ce,8,ke),e.createElementVNode("div",{role:"button",class:"button green",onClick:r=>Ze(l)},Se,8,ue)],4)])],2),[[e.vShow,l.isExpanded]])]),_:2},1024),t.isEditMode?(e.openBlock(),e.createBlock(e.unref(Z),{key:0,fontFamily:"Poppins-Regular",labelFontSize:"14px","model-value":l.isSelected,"onUpdate:modelValue":r=>Ae(r,l)},null,8,["model-value","onUpdate:modelValue"])):e.createCommentVNode("",!0),e.createElementVNode("div",xe,[e.createElementVNode("div",we,e.toDisplayString(l.position),1),(e.openBlock(),e.createElementBlock("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:r=>z(l)},Ve,8,Ee)),e.createElementVNode("div",Be,[e.createElementVNode("div",null,[e.createElementVNode("img",{src:l.player_photo,alt:"player photo"},null,8,Ne)])]),e.createElementVNode("div",Le,e.toDisplayString(l.player_name),1)]),e.createElementVNode("div",ze,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5",{expanded:l.isExpanded}]),width:"12",height:"8",viewBox:"0 0 12 8",fill:"#D9D9D9",xmlns:"http://www.w3.org/2000/svg",onClick:r=>$(l)},Te,10,$e))])],2))),128))]),e.createElementVNode("div",Ie,[t.isGeneral?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[Fe,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`i-${l.id}`,class:"row scrollable-row"},[e.createElementVNode("div",{class:e.normalizeClass(["row team-info",{odd:l.isOdd}])},[e.createElementVNode("div",Me,[e.createElementVNode("img",{src:l.team_logo,alt:"team logo"},null,8,Re)]),e.createElementVNode("div",Oe,e.toDisplayString(l.team_abrev),1)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_position),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_age),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},[e.createElementVNode("img",{src:l.player_country_flag,alt:"player country flag",class:"country-flag"},null,8,De)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_games),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_min),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.league_name),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},[e.createVNode(e.unref(v),{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(l)},null,8,["onClick"])],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},null,2)]))),128))],64)):(e.openBlock(),e.createBlock(ae,{key:1,ref_key:"scrollColumns",ref:y,"available-players":d.value,"is-edit-mode":t.isEditMode,onOpenMedia:b},null,8,["available-players","is-edit-mode"]))])],4))}},[["__scopeId","data-v-a3e8b8e3"]]);C.GSCTableScrollable=Pe,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});
|