@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 se, ref as y, computed as I, watch as D, createElementBlock as n, openBlock as l, normalizeClass as m, createElementVNode as e, createCommentVNode as L, normalizeStyle as $, Fragment as R, toDisplayString as u, pushScopeId as W, popScopeId as j, onMounted as ie, renderList as P, onBeforeUnmount as ve, createVNode as Q, createBlock as Y, Transition as pe, withCtx as _e, withDirectives as ge, createTextVNode as E, vShow as me, unref as ee, createStaticVNode as Ce } from "vue";
2
- const be = (o, d) => {
1
+ import { useCssVars as st, ref as 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 [r, v] of d)
5
- s[r] = v;
4
+ for (const [c, v] of d)
5
+ s[c] = v;
6
6
  return s;
7
- }, we = { key: 1 }, ye = {
7
+ }, wt = { key: 1 }, kt = {
8
8
  width: "10",
9
9
  height: "8",
10
10
  viewBox: "0 0 10 8",
11
11
  fill: "none",
12
12
  xmlns: "http://www.w3.org/2000/svg"
13
- }, ke = ["fill"], xe = {
13
+ }, yt = ["fill"], xt = {
14
14
  key: 0,
15
15
  class: "checkbox__teams"
16
- }, Se = { class: "checkbox__teams__logo" }, Le = ["src"], $e = { class: "checkbox__teams__logo" }, Me = ["src"], Be = {
16
+ }, St = { class: "checkbox__teams__logo" }, Lt = ["src"], $t = { class: "checkbox__teams__logo" }, Mt = ["src"], Bt = {
17
17
  __name: "GSC-Checkbox",
18
18
  props: {
19
19
  width: {
@@ -124,11 +124,11 @@ const be = (o, d) => {
124
124
  emits: ["update:modelValue"],
125
125
  setup(o, { emit: d }) {
126
126
  const s = o;
127
- se((h) => ({
127
+ st((h) => ({
128
128
  "7bd9d47b": o.width,
129
129
  "34dc7ddc": o.height
130
130
  }));
131
- const r = y(!1), v = I(() => {
131
+ const 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 r.value ? (h["background-color"] = s.boxBackgroundColor, h.border = `solid ${s.boxBorderWidth} ${s.boxBackgroundColor}`) : h.border = `solid ${s.boxBorderWidth} ${s.boxBorderColor}`, h;
142
- }), f = I(() => ({
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 = I(() => {
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
- D(
157
+ F(
158
158
  () => s.modelValue,
159
159
  (h) => {
160
- h !== r.value && (r.value = h);
160
+ h !== c.value && (c.value = h);
161
161
  },
162
162
  { immediate: !0 }
163
163
  );
164
164
  function M() {
165
- s.avoidInteraction || !r.value && s.avoidToCheck || (r.value = !r.value, d("update:modelValue", r.value));
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
- e("div", {
174
+ t("div", {
175
175
  class: "checkbox__box",
176
176
  style: $(v.value)
177
177
  }, [
178
- r.value ? (l(), n(R, { key: 0 }, [
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", we, [
184
- (l(), n("svg", ye, [
185
- e("path", {
183
+ }, u(o.boxValue), 5)) : (l(), n("div", wt, [
184
+ (l(), n("svg", kt, [
185
+ t("path", {
186
186
  d: "M9.77994 1.70133L4.10994 7.37133C3.96994 7.51133 3.77994 7.59133 3.57994 7.59133C3.37994 7.59133 3.18994 7.51133 3.04994 7.37133L0.219941 4.54133C-0.0700586 4.25133 -0.0700586 3.77133 0.219941 3.48133C0.509941 3.19133 0.989941 3.19133 1.27994 3.48133L3.57994 5.78133L8.71994 0.641328C9.00994 0.351328 9.48994 0.351328 9.77994 0.641328C10.0699 0.931328 10.0699 1.40133 9.77994 1.70133Z",
187
187
  fill: o.boxValueColor
188
- }, null, 8, ke)
188
+ }, null, 8, yt)
189
189
  ]))
190
190
  ]))
191
191
  ], 64)) : L("", !0)
192
192
  ], 4),
193
- o.teamsIds && o.teamsIds.length ? (l(), n("div", xe, [
194
- e("div", Se, [
195
- e("img", {
193
+ o.teamsIds && o.teamsIds.length ? (l(), n("div", xt, [
194
+ t("div", St, [
195
+ t("img", {
196
196
  src: B(o.teamsIds[0]),
197
197
  alt: ""
198
- }, null, 8, Le)
198
+ }, null, 8, Lt)
199
199
  ]),
200
- e("div", $e, [
201
- e("img", {
200
+ t("div", $t, [
201
+ t("img", {
202
202
  src: B(o.teamsIds[1]),
203
203
  alt: ""
204
- }, null, 8, Me)
204
+ }, null, 8, Mt)
205
205
  ])
206
206
  ])) : L("", !0),
207
- e("div", {
207
+ t("div", {
208
208
  class: "checkbox__label",
209
209
  style: $(k.value)
210
210
  }, u(o.label), 5)
211
211
  ], 2));
212
212
  }
213
- }, Ve = /* @__PURE__ */ be(Be, [["__scopeId", "data-v-b6f124d8"]]), Ie = (o, d) => {
213
+ }, Vt = /* @__PURE__ */ bt(Bt, [["__scopeId", "data-v-b6f124d8"]]), Rt = (o, d) => {
214
214
  const s = o.__vccOpts || o;
215
- for (const [r, v] of d)
216
- s[r] = v;
215
+ for (const [c, v] of d)
216
+ s[c] = v;
217
217
  return s;
218
- }, H = {
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
- }, te = () => {
293
- se((o) => ({
292
+ }, et = () => {
293
+ st((o) => ({
294
294
  "9d01acb4": o.height,
295
295
  "14e95081": o.borderWidthBtn,
296
296
  "38fec285": o.borderType,
@@ -305,16 +305,16 @@ const be = (o, d) => {
305
305
  "93b87770": o.marginLeftStat,
306
306
  c7f7beba: o.fontSizeStat
307
307
  }));
308
- }, oe = H.setup;
309
- H.setup = oe ? (o, d) => (te(), oe(o, d)) : te;
310
- const Re = (o) => (W("data-v-f3ee6b2b"), o = o(), j(), o), Te = ["src"], Ee = {
308
+ }, ot = 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
- }, Oe = ["src"], Pe = { class: "stats" }, Fe = /* @__PURE__ */ Re(() => /* @__PURE__ */ e("img", {
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)), ze = { class: "numstats" }, De = { class: "leyend" };
317
- function Ze(o, d, s, r, v, f) {
316
+ }, null, -1)), zt = { class: "numstats" }, Dt = { class: "leyend" };
317
+ function Zt(o, d, s, 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, Te)) : L("", !0),
331
- s.textValue ? (l(), n("div", Ee, u(s.textValue), 1)) : L("", !0),
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, Oe)) : L("", !0)
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
- e("div", Pe, [
345
- Fe,
346
- e("div", ze, u(s.textStat), 1)
344
+ t("div", Pt, [
345
+ Ft,
346
+ t("div", zt, u(s.textStat), 1)
347
347
  ]),
348
- e("div", De, u(s.textCategory), 1)
348
+ t("div", Dt, u(s.textCategory), 1)
349
349
  ])) : L("", !0)
350
350
  ]);
351
351
  }
352
- const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b"]]), le = (o, d) => {
352
+ const At = /* @__PURE__ */ Rt(j, [["render", Zt], ["__scopeId", "data-v-f3ee6b2b"]]), lt = (o, d) => {
353
353
  const s = o.__vccOpts || o;
354
- for (const [r, v] of d)
355
- s[r] = v;
354
+ for (const [c, v] of d)
355
+ s[c] = v;
356
356
  return s;
357
- }, ne = (o) => (W("data-v-7023d006"), o = o(), j(), o), We = {
357
+ }, nt = (o) => (A("data-v-16177785"), o = o(), W(), o), Wt = {
358
358
  key: 0,
359
359
  class: "overlay"
360
- }, je = { class: "name" }, He = ["onClick"], Ne = /* @__PURE__ */ ne(() => /* @__PURE__ */ e("svg", {
360
+ }, jt = { class: "name" }, Ht = ["onClick"], Nt = /* @__PURE__ */ nt(() => /* @__PURE__ */ t("svg", {
361
361
  width: "11",
362
362
  height: "12",
363
363
  viewBox: "0 0 11 12",
364
364
  fill: "none",
365
365
  xmlns: "http://www.w3.org/2000/svg"
366
366
  }, [
367
- /* @__PURE__ */ e("path", {
367
+ /* @__PURE__ */ t("path", {
368
368
  d: "M7.50558 0C6.78112 0 6.10558 0.475441 5.89478 1.14401L1.21987 1.14286C0.904267 1.14286 0.648438 1.39886 0.648438 1.71429C0.648438 2.02972 0.904267 2.28572 1.21987 2.28572L5.89478 2.28516C6.15083 2.98516 6.78112 3.42858 7.50558 3.42858C8.23004 3.42858 8.86678 2.98402 9.1273 2.28059L10.3627 2.28572C10.6783 2.28572 10.9342 2.02972 10.9342 1.71429C10.9342 1.39886 10.6783 1.14286 10.3627 1.14286H9.12244C8.8473 0.446287 8.23004 0 7.50558 0ZM7.50558 1.14286C7.82118 1.14286 8.07701 1.39886 8.07701 1.71429C8.07701 2.02972 7.82118 2.28572 7.50558 2.28572C7.18998 2.28572 6.93415 2.02972 6.93415 1.71429C6.93415 1.39886 7.18998 1.14286 7.50558 1.14286ZM4.07701 4.28572C3.32387 4.28572 2.69347 4.7543 2.4633 5.42971C2.38295 5.43485 1.21987 5.42856 1.21987 5.42856C0.904267 5.42856 0.648438 5.68456 0.648438 5.99999C0.648438 6.31542 0.904267 6.57142 1.21987 6.57142C1.21987 6.57142 2.39267 6.55942 2.46575 6.56685C2.69593 7.24228 3.32387 7.71428 4.07701 7.71428C4.80146 7.71428 5.42226 7.27028 5.69381 6.57314L10.3627 6.57142C10.6783 6.57142 10.9342 6.31542 10.9342 5.99999C10.9342 5.68456 10.6783 5.42856 10.3627 5.42856L5.69083 5.42348C5.44038 4.74174 4.80146 4.28572 4.07701 4.28572ZM4.07701 5.42856C4.39261 5.42856 4.64844 5.68456 4.64844 5.99999C4.64844 6.31542 4.39261 6.57142 4.07701 6.57142C3.76141 6.57142 3.50558 6.31542 3.50558 5.99999C3.50558 5.68456 3.76141 5.42856 4.07701 5.42856ZM7.50558 8.57142C6.78112 8.57142 6.11844 9.04857 5.89438 9.70857L1.21987 9.71428C0.904267 9.71428 0.648438 9.97028 0.648438 10.2857C0.648438 10.6011 0.904267 10.8571 1.21987 10.8571L5.88592 10.8577C6.12301 11.5349 6.78112 12 7.50558 12C8.23004 12 8.85467 11.5469 9.12987 10.8577L10.3627 10.8571C10.6783 10.8571 10.9342 10.6011 10.9342 10.2857C10.9342 9.97028 10.6783 9.71428 10.3627 9.71428L9.12467 9.71091C8.87798 9.03491 8.23004 8.57142 7.50558 8.57142ZM7.50558 9.71428C7.82118 9.71428 8.07701 9.97028 8.07701 10.2857C8.07701 10.6011 7.82118 10.8571 7.50558 10.8571C7.18998 10.8571 6.93415 10.6011 6.93415 10.2857C6.93415 9.97028 7.18998 9.71428 7.50558 9.71428Z",
369
369
  fill: "white"
370
370
  })
371
- ], -1)), Ge = [
372
- Ne
373
- ], Ue = /* @__PURE__ */ ne(() => /* @__PURE__ */ e("div", { class: "column-title-2" }, null, -1)), qe = ["onClick"], Je = {
371
+ ], -1)), Gt = [
372
+ Nt
373
+ ], Ut = /* @__PURE__ */ nt(() => /* @__PURE__ */ t("div", { class: "column-title-2" }, null, -1)), qt = ["onClick"], Jt = {
374
374
  __name: "ScrollColumns",
375
375
  props: {
376
376
  availablePlayers: {
@@ -382,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 r = o, v = y(null), f = y(null), k = y(0);
388
- y(!1);
389
- const M = I(() => {
390
- const p = r.availablePlayers[0];
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 = I(() => {
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((S) => {
396
- _ += `${S.offsetWidth}px `;
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": _ || p
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 _ of p) {
405
- const { width: b } = _.contentRect;
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 S = document.querySelectorAll(".scrollable-row-totals")[p + 1];
412
- S && (S.style.marginTop = `${_}px`);
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 T({ player: p, stat: _ }) {
415
- !_.total || _ === "0%" || !_.seasons || !_.seasons.length || s("open-media", { ...p, stat: _ });
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 g(p) {
417
+ function _(p) {
418
418
  !p || p === "no" || s("click-parameters", p);
419
419
  }
420
- return ie(() => {
420
+ return it(() => {
421
421
  h();
422
422
  }), d({
423
423
  setMarginTopDetails: V
424
- }), (p, _) => (l(), n("div", {
424
+ }), (p, g) => (l(), n("div", {
425
425
  class: "scroll-columns",
426
426
  style: $(B.value)
427
427
  }, [
428
- o.isEditMode ? (l(), n("div", We)) : L("", !0),
429
- e("div", {
428
+ o.isEditMode ? (l(), n("div", Wt)) : L("", !0),
429
+ t("div", {
430
430
  ref_key: "titlesRow",
431
431
  ref: f,
432
432
  class: "scrollable-row-2"
433
433
  }, [
434
- (l(!0), n(R, null, P(M.value, (b, S) => (l(), n("div", {
435
- key: `t-${S}`,
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
- e("div", je, u(b.name), 1),
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: (x) => g(b.parameters)
444
- }, Ge, 8, He)) : L("", !0)
443
+ onClick: (y) => _(b.parameters)
444
+ }, Gt, 8, Ht)) : L("", !0)
445
445
  ]))), 128)),
446
- Ue
446
+ Ut
447
447
  ], 512),
448
- (l(!0), n(R, null, P(o.availablePlayers, (b, S) => (l(), n("div", {
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(R, null, P(b.stats, (x) => (l(), n("div", {
453
- key: x.category_id,
454
- class: m(["row data-info", { odd: S % 2 !== 0, underline: !!x.total && x.total !== "0%" && x.seasons && x.seasons.length }]),
455
- onClick: (N) => T({ player: b, stat: x })
456
- }, u(x.total), 11, qe))), 128))
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
- }, Xe = /* @__PURE__ */ le(Je, [["__scopeId", "data-v-7023d006"]]), C = (o) => (W("data-v-510e4abc"), o = o(), j(), o), Ke = { class: "table__static-column" }, Qe = /* @__PURE__ */ C(() => /* @__PURE__ */ e("div", { class: "static-title column-title" }, null, -1)), Ye = { class: "container" }, et = { class: "details-row__info" }, tt = { class: "details-row__info__personal" }, ot = { class: "bold" }, st = { class: "bold" }, it = { class: "bold" }, lt = { class: "bold" }, nt = { class: "details-row__info__games" }, at = { class: "bold" }, dt = { class: "bold" }, rt = ["onClick"], ct = /* @__PURE__ */ C(() => /* @__PURE__ */ e("div", null, "Ver gráfica", -1)), ut = /* @__PURE__ */ C(() => /* @__PURE__ */ e("svg", {
460
+ }, Xt = /* @__PURE__ */ lt(Jt, [["__scopeId", "data-v-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__ */ e("g", { "clip-path": "url(#clip0_3514_71971)" }, [
468
- /* @__PURE__ */ e("path", {
467
+ /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_3514_71971)" }, [
468
+ /* @__PURE__ */ t("path", {
469
469
  d: "M16.3338 6.02932L8.65108 0.447539C8.56099 0.38207 8.43896 0.38207 8.34886 0.447539C8.34292 0.451852 1.97661 5.07726 0.6663 6.02926C0.498706 6.09269 0.445831 6.30248 0.563113 6.43788L3.48277 15.4238C3.51717 15.5297 3.61589 15.6014 3.72727 15.6014H13.2635C13.3911 15.6014 13.484 15.5258 13.5172 15.4238L16.4368 6.43788C16.5544 6.3022 16.501 6.09269 16.3338 6.02932ZM13.1818 14.792L12.2937 13.5604C12.4178 13.3198 12.4262 13.0472 12.3402 12.813L13.4007 8.12035C13.7342 7.97885 13.9718 7.64673 13.9682 7.25316L15.8203 6.67173L13.1818 14.792ZM1.18005 6.67273L2.54311 7.10316C2.52677 7.60485 2.90696 8.01919 3.39221 8.06116L5.37836 11.3233C5.0798 11.6827 5.09336 12.2096 5.41452 12.5533L3.8173 14.7894L1.18005 6.67273ZM7.02283 11.9909C7.03952 11.7764 6.98346 11.5718 6.86936 11.4011L8.47839 9.14851L10.8495 12.4367C10.7173 12.5536 10.6187 12.7075 10.5697 12.8821L7.02283 11.9909ZM7.62217 4.78338C7.74714 5.00898 7.96299 5.17704 8.22033 5.23844V8.35679L4.40411 7.15166C4.40767 6.95926 4.35377 6.77813 4.25196 6.6232L7.62217 4.78338ZM12.2474 6.77016C12.151 6.92429 12.0998 7.10551 12.1071 7.29851L8.73449 8.35735V5.21526C8.94317 5.14495 9.11883 5.00291 9.23183 4.8182L12.2474 6.77016ZM4.25277 7.64307L8.06249 8.84613L6.47533 11.0681C6.26327 10.973 6.02383 10.9611 5.80383 11.0334L3.92524 7.94795C4.05761 7.87432 4.17008 7.76935 4.25277 7.64307ZM11.9237 12.3234C11.7375 12.2181 11.526 12.1827 11.3228 12.214L8.8943 8.84613L12.2678 7.78701C12.4038 7.98623 12.6151 8.12979 12.8607 8.17698L11.9237 12.3234ZM12.648 6.41704L9.36721 4.29329C9.35074 3.90045 9.09089 3.57073 8.73449 3.45063V1.14366L15.6674 6.18076L13.8211 6.76041C13.5672 6.3651 13.0654 6.22463 12.648 6.41704ZM8.22033 3.42748C7.83383 3.5197 7.54105 3.8527 7.50917 4.25923L3.8238 6.27107C3.42227 6.10782 2.95152 6.24232 2.70096 6.61379L1.33164 6.18138L8.22033 1.17648V3.42748ZM5.85711 12.8183C6.22189 12.9143 6.61096 12.7823 6.84071 12.4753L10.5778 13.4143C10.7578 13.9855 11.4215 14.2369 11.9331 13.9395L12.7607 15.0872H4.23642L5.85711 12.8183Z",
470
470
  fill: "white"
471
471
  })
472
472
  ]),
473
- /* @__PURE__ */ e("defs", null, [
474
- /* @__PURE__ */ e("clipPath", { id: "clip0_3514_71971" }, [
475
- /* @__PURE__ */ e("rect", {
473
+ /* @__PURE__ */ t("defs", null, [
474
+ /* @__PURE__ */ t("clipPath", { id: "clip0_3514_71971" }, [
475
+ /* @__PURE__ */ t("rect", {
476
476
  width: "16",
477
477
  height: "16",
478
478
  fill: "white",
@@ -480,17 +480,17 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
480
480
  })
481
481
  ])
482
482
  ])
483
- ], -1)), ft = [
484
- ct,
485
- ut
486
- ], ht = ["onClick"], vt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("div", null, "Eliminar de lista", -1)), pt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("svg", {
483
+ ], -1)), fe = [
484
+ ce,
485
+ ue
486
+ ], he = ["onClick"], ve = /* @__PURE__ */ 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__ */ e("path", {
493
+ /* @__PURE__ */ t("path", {
494
494
  d: "M13.3345 16.5001V14.8334C13.3345 13.9494 12.9833 13.1015 12.3582 12.4764C11.7331 11.8513 10.8852 11.5001 10.0012 11.5001H5.00126C4.11722 11.5001 3.26938 11.8513 2.64427 12.4764C2.01915 13.1015 1.66797 13.9494 1.66797 14.8334V16.5001",
495
495
  stroke: "white",
496
496
  "stroke-opacity": "0.5",
@@ -498,7 +498,7 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
498
498
  "stroke-linecap": "round",
499
499
  "stroke-linejoin": "round"
500
500
  }),
501
- /* @__PURE__ */ e("path", {
501
+ /* @__PURE__ */ t("path", {
502
502
  d: "M7.50126 8.16658C9.34219 8.16658 10.8346 6.67422 10.8346 4.83329C10.8346 2.99237 9.34219 1.5 7.50126 1.5C5.66033 1.5 4.16797 2.99237 4.16797 4.83329C4.16797 6.67422 5.66033 8.16658 7.50126 8.16658Z",
503
503
  stroke: "white",
504
504
  "stroke-opacity": "0.5",
@@ -506,7 +506,7 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
506
506
  "stroke-linecap": "round",
507
507
  "stroke-linejoin": "round"
508
508
  }),
509
- /* @__PURE__ */ e("path", {
509
+ /* @__PURE__ */ t("path", {
510
510
  d: "M18.332 8.16663H13.332",
511
511
  stroke: "white",
512
512
  "stroke-opacity": "0.5",
@@ -514,17 +514,17 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
514
514
  "stroke-linecap": "round",
515
515
  "stroke-linejoin": "round"
516
516
  })
517
- ], -1)), _t = [
518
- vt,
519
- pt
520
- ], gt = ["onClick"], mt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("div", null, "Agregar a lista", -1)), Ct = /* @__PURE__ */ C(() => /* @__PURE__ */ e("svg", {
517
+ ], -1)), 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__ */ e("path", {
527
+ /* @__PURE__ */ t("path", {
528
528
  d: "M13.2016 17.2012V15.601C13.2016 14.7522 12.8645 13.9381 12.2643 13.3379C11.664 12.7377 10.85 12.4005 10.0012 12.4005H5.20047C4.35165 12.4005 3.5376 12.7377 2.9374 13.3379C2.33719 13.9381 2 14.7522 2 15.601V17.2012",
529
529
  stroke: "white",
530
530
  "stroke-opacity": "1",
@@ -532,7 +532,7 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
532
532
  "stroke-linecap": "round",
533
533
  "stroke-linejoin": "round"
534
534
  }),
535
- /* @__PURE__ */ e("path", {
535
+ /* @__PURE__ */ t("path", {
536
536
  d: "M7.60086 9.19977C9.36843 9.19977 10.8013 7.76687 10.8013 5.9993C10.8013 4.23173 9.36843 2.79883 7.60086 2.79883C5.83329 2.79883 4.40039 4.23173 4.40039 5.9993C4.40039 7.76687 5.83329 9.19977 7.60086 9.19977Z",
537
537
  stroke: "white",
538
538
  "stroke-opacity": "1",
@@ -540,7 +540,7 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
540
540
  "stroke-linecap": "round",
541
541
  "stroke-linejoin": "round"
542
542
  }),
543
- /* @__PURE__ */ e("path", {
543
+ /* @__PURE__ */ t("path", {
544
544
  d: "M15.5996 6.79944V11.6001M17.9999 9.19979H13.1992",
545
545
  stroke: "white",
546
546
  "stroke-opacity": "1",
@@ -548,69 +548,69 @@ const Ae = /* @__PURE__ */ Ie(H, [["render", Ze], ["__scopeId", "data-v-f3ee6b2b
548
548
  "stroke-linecap": "round",
549
549
  "stroke-linejoin": "round"
550
550
  })
551
- ], -1)), bt = [
552
- mt,
553
- Ct
554
- ], wt = ["onClick"], yt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("div", null, "Ver perfil", -1)), kt = [
555
- yt
556
- ], xt = { class: "static-row__info-player" }, St = { class: "position" }, Lt = ["onClick"], $t = /* @__PURE__ */ C(() => /* @__PURE__ */ e("path", {
551
+ ], -1)), be = [
552
+ me,
553
+ Ce
554
+ ], we = ["onClick"], ke = /* @__PURE__ */ 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)), Mt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("path", {
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)), Bt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("path", {
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)), Vt = [
578
- $t,
579
- Mt,
580
- Bt
581
- ], It = ["onClick"], Rt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("path", {
577
+ }, null, -1)), Ve = [
578
+ $e,
579
+ Me,
580
+ Be
581
+ ], 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)), Tt = /* @__PURE__ */ C(() => /* @__PURE__ */ e("path", {
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)), Et = /* @__PURE__ */ C(() => /* @__PURE__ */ e("path", {
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)), Ot = [
603
- Rt,
604
- Tt,
605
- Et
606
- ], Pt = { class: "player-photo" }, Ft = ["src"], zt = { class: "player-name" }, Dt = { class: "arrow" }, Zt = ["onClick"], At = /* @__PURE__ */ C(() => /* @__PURE__ */ e("path", {
602
+ }, null, -1)), 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)), Wt = [
612
- At
613
- ], jt = /* @__PURE__ */ Ce('<div class="titles scrollable-row" data-v-510e4abc><div class="column-title" data-v-510e4abc>Equipo</div><div class="column-title" data-v-510e4abc>Posición</div><div class="column-title" data-v-510e4abc>Edad</div><div class="column-title" data-v-510e4abc>País</div><div class="column-title" data-v-510e4abc>Partidos Jugados</div><div class="column-title" data-v-510e4abc>Minutos Jugados</div><div class="column-title" data-v-510e4abc>Liga</div><div class="column-title" data-v-510e4abc>Videos</div><div class="column-title" data-v-510e4abc></div></div>', 1), Ht = { class: "team-logo" }, Nt = ["src"], Gt = { class: "team-name data-info" }, Ut = ["src"], qt = {
611
+ }, null, -1)), We = [
612
+ Ae
613
+ ], je = /* @__PURE__ */ Ct('<div class="titles scrollable-row" data-v-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 r = null, v = null;
644
- const f = y([]), k = y(null), M = y(null), B = y(0), h = y(0), V = y(-1);
645
- y(!1);
646
- const T = y(null), g = y(null), p = I(() => ({
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": `${_.value ? "8px" : "18px"}`,
649
- "--width-static-column": `${_.value ? "50%" : "256px"}`
650
- })), _ = I(() => B.value < 600);
651
- D(
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
- (t) => {
654
- t && t.length && (f.value = t.map((a, i) => {
655
- const c = i + 1, w = {
656
- ...a,
657
- position: c < 10 ? `0${c}` : `${c}`,
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 w.parameters && Object.entries(w.parameters).forEach(([O, A]) => {
664
- const z = w.stats.find((he) => he.custom_category_id === Number(O));
665
- z && (z.parameters = A);
666
- }), w;
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
- ), D(
670
+ ), F(
671
671
  () => s.isEditMode,
672
- (t) => {
673
- t && f.value.forEach((a) => {
674
- a.isSelected = !1;
672
+ (e) => {
673
+ e && f.value.forEach((r) => {
674
+ r.isSelected = !1;
675
675
  });
676
676
  }
677
- ), D(
677
+ ), F(
678
678
  h,
679
- (t) => {
679
+ (e) => {
680
680
  const i = document.querySelectorAll(".static-row")[V.value + 1];
681
- i && (i.style.marginTop = `${t}px`), s.isGeneral ? b(V.value, t) : M.value && M.value.setMarginTopDetails(V.value, t), t === 0 && T.value && q(T.value);
681
+ i && (i.style.marginTop = `${e}px`), s.isGeneral ? 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(t, a) {
685
- const c = document.querySelectorAll(".scrollable-row")[t + 2];
686
- c && (c.style.marginTop = `${a}px`);
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 S(t) {
689
- d("click-parameters", t);
688
+ function x(e) {
689
+ d("click-parameters", e);
690
690
  }
691
- function x(t) {
692
- const a = t.player || t.objeto_player, i = a ? a.player_id || a.id || a.playerId : t.id || t.player_id, c = a ? a.team_id || a.teamId : t.team_id || t.teamId, w = {
691
+ function 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 (t.stat && t.stat.seasons && t.stat.seasons.length || t.seasons && t.seasons.length) {
713
- const O = [
714
- ...t.stat && t.stat.seasons && t.stat.seasons.length ? t.stat.seasons : t.seasons
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
- O.sort((A, z) => A - z), w.seasonId = O.shift(), w.seasonsIds = O;
717
- } else (t.season_id || t.seasonId) && (w.seasonId = t.season_id || t.seasonId);
718
- t.stat ? t.stat.category_id ? w.categoryIds = t.stat.category_id : t.stat.custom_category_id && (w.customCategoryIds = [t.stat.custom_category_id]) : w.categoryIds = de(t.player_position), d("open-media", w);
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 N() {
721
- r = new ResizeObserver((t) => {
722
- for (const a of t)
723
- B.value = a.contentRect.width;
724
- }), r.observe(k.value);
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 ae(t) {
727
- v = new ResizeObserver((a) => {
728
- for (const i of a)
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(t);
729
+ }), v.observe(e);
731
730
  }
732
- function de(t) {
733
- return t === "POR" ? [39, 40, 52, 53, 54, 55, 323, 324, 608, 774, 802] : [
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 re(t, a) {
780
- a.isSelected = t;
781
- const i = f.value.filter((c) => c.isSelected);
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 ce(t) {
785
- d("view-profile", t);
783
+ function ct(e) {
784
+ d("view-profile", e);
786
785
  }
787
- function G(t) {
788
- d("delete-from-list", t);
786
+ function N(e) {
787
+ d("delete-from-list", e);
789
788
  }
790
- function U(t) {
791
- d("add-to-list", t);
789
+ function G(e) {
790
+ d("add-to-list", e);
792
791
  }
793
- function ue(t) {
794
- d("show-graph", t);
792
+ function ut(e) {
793
+ d("show-graph", e);
795
794
  }
796
- function q(t) {
797
- if (t.isExpanded) {
798
- t.isExpanded = !1, T.value = null;
795
+ function U(e) {
796
+ if (e.isExpanded) {
797
+ e.isExpanded = !1, E.value = null;
799
798
  return;
800
799
  }
801
- const a = f.value.find((w) => w.isExpanded);
802
- if (a && (a.isExpanded = !1), a) {
803
- T.value = t;
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 c = document.querySelectorAll(".details-row")[t.index];
807
- V.value = t.index, ae(c), t.isExpanded = !0;
805
+ const a = document.querySelectorAll(".details-row")[e.index];
806
+ V.value = e.index, at(a), e.isExpanded = !0;
808
807
  }
809
- let Z = !1, J, X, K = function(t) {
810
- Z = !0, J = t.pageX - g.value.offsetLeft, X = g.value.scrollLeft;
811
- }, F = function() {
812
- Z = !1;
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 fe() {
815
- g.value && (g.value.addEventListener("mousemove", (t) => {
816
- if (!Z)
813
+ function ft() {
814
+ _.value && (_.value.addEventListener("mousemove", (e) => {
815
+ if (!z)
817
816
  return;
818
- const i = t.pageX - g.value.offsetLeft - J;
819
- g.value.scrollLeft = X - i;
820
- }), g.value.addEventListener("mousedown", K, !1), g.value.addEventListener("mouseup", F, !1), g.value.addEventListener("mouseleave", F, !1));
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 ie(() => {
823
- N(), fe();
824
- }), ve(() => {
825
- r && r.disconnect(), v && v.disconnect(), g.value && (g.value.removeEventListener("mousemove", K, !1), g.value.removeEventListener("mouseup", F, !1), g.value.removeEventListener("mouseleave", F, !1));
826
- }), (t, a) => (l(), n("div", {
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
- e("div", Ke, [
833
- Qe,
834
- (l(!0), n(R, null, P(f.value, (i) => (l(), n("div", {
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(pe, null, {
839
- default: _e(() => [
840
- ge(e("div", {
837
+ Q(pt, null, {
838
+ default: gt(() => [
839
+ _t(t("div", {
841
840
  class: m(["details-row", { odd: i.isOdd }])
842
841
  }, [
843
- e("div", Ye, [
844
- e("div", et, [
845
- e("div", tt, [
846
- e("div", null, [
847
- E("Equipo: "),
848
- e("span", ot, u(i.team_name), 1)
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
- e("div", null, [
851
- E("Edad: "),
852
- e("span", st, u(i.player_age) + " Años", 1)
849
+ t("div", null, [
850
+ O("Edad: "),
851
+ t("span", se, u(i.player_age) + " Años", 1)
853
852
  ]),
854
- e("div", null, [
855
- E("Nacionalidad: "),
856
- e("span", it, u(i.player_country), 1)
853
+ t("div", null, [
854
+ O("Nacionalidad: "),
855
+ t("span", ie, u(i.player_country), 1)
857
856
  ]),
858
- e("div", null, [
859
- E("Posición: "),
860
- e("span", lt, u(i.position_name), 1)
857
+ t("div", null, [
858
+ O("Posición: "),
859
+ t("span", le, u(i.position_name), 1)
861
860
  ])
862
861
  ]),
863
- e("div", nt, [
864
- e("div", null, [
865
- E("Partidos Jugados: "),
866
- e("span", at, u(i.player_games), 1)
862
+ t("div", ne, [
863
+ t("div", null, [
864
+ O("Partidos Jugados: "),
865
+ t("span", ae, u(i.player_games), 1)
867
866
  ]),
868
- e("div", null, [
869
- E("Minutos Jugados: "),
870
- e("span", dt, u(i.player_min), 1)
867
+ t("div", null, [
868
+ O("Minutos Jugados: "),
869
+ t("span", de, u(i.player_min), 1)
871
870
  ])
872
871
  ])
873
872
  ]),
874
- e("div", {
873
+ t("div", {
875
874
  class: "details-row__buttons",
876
- style: $(_.value ? "margin-left: 0; gap: 8px;" : "")
875
+ style: $(g.value ? "margin-left: 0; gap: 8px;" : "")
877
876
  }, [
878
- e("div", {
877
+ t("div", {
879
878
  role: "button",
880
879
  class: "button",
881
- onClick: (c) => ue(i)
882
- }, ft, 8, rt),
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: (c) => G(i)
888
- }, _t, 8, ht)) : (l(), n("div", {
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: (c) => U(i)
893
- }, bt, 8, gt)),
894
- e("div", {
891
+ onClick: (a) => G(i)
892
+ }, be, 8, _e)),
893
+ t("div", {
895
894
  role: "button",
896
895
  class: "button green",
897
- onClick: (c) => ce(i)
898
- }, kt, 8, wt)
896
+ onClick: (a) => ct(i)
897
+ }, ye, 8, we)
899
898
  ], 4)
900
899
  ])
901
900
  ], 2), [
902
- [me, i.isExpanded]
901
+ [mt, i.isExpanded]
903
902
  ])
904
903
  ]),
905
904
  _: 2
906
905
  }, 1024),
907
- o.isEditMode ? (l(), Y(ee(Ve), {
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": (c) => re(c, i)
911
+ "onUpdate:modelValue": (a) => rt(a, i)
913
912
  }, null, 8, ["model-value", "onUpdate:modelValue"])) : L("", !0),
914
- e("div", xt, [
915
- e("div", St, u(i.position), 1),
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: (c) => G(i)
924
- }, Vt, 8, Lt)) : (l(), n("svg", {
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: (c) => U(i)
932
- }, Ot, 8, It)),
933
- e("div", Pt, [
934
- e("div", null, [
935
- e("img", {
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, Ft)
937
+ }, null, 8, Fe)
939
938
  ])
940
939
  ]),
941
- e("div", zt, u(i.player_name), 1)
940
+ t("div", ze, u(i.player_name), 1)
942
941
  ]),
943
- e("div", Dt, [
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: (c) => q(i)
952
- }, Wt, 10, Zt))
950
+ onClick: (a) => U(i)
951
+ }, We, 10, Ze))
953
952
  ])
954
953
  ], 2))), 128))
955
954
  ]),
956
- e("div", {
955
+ t("div", {
957
956
  ref_key: "scrollableColumns",
958
- ref: g,
957
+ ref: _,
959
958
  class: "table__scrollable-columns"
960
959
  }, [
961
- o.isGeneral ? (l(), n(R, { key: 0 }, [
962
- jt,
963
- (l(!0), n(R, null, P(f.value, (i) => (l(), n("div", {
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
- e("div", {
966
+ t("div", {
968
967
  class: m(["row team-info", { odd: i.isOdd }])
969
968
  }, [
970
- e("div", Ht, [
971
- e("img", {
969
+ t("div", He, [
970
+ t("img", {
972
971
  src: i.team_logo,
973
972
  alt: "team logo"
974
- }, null, 8, Nt)
973
+ }, null, 8, Ne)
975
974
  ]),
976
- e("div", Gt, u(i.team_abrev), 1)
975
+ t("div", Ge, u(i.team_abrev), 1)
977
976
  ], 2),
978
- e("div", {
977
+ t("div", {
979
978
  class: m(["row data-info", { odd: i.isOdd }])
980
979
  }, u(i.player_position), 3),
981
- e("div", {
980
+ t("div", {
982
981
  class: m(["row data-info", { odd: i.isOdd }])
983
982
  }, u(i.player_age), 3),
984
- e("div", {
983
+ t("div", {
985
984
  class: m(["row data-info", { odd: i.isOdd }])
986
985
  }, [
987
- e("img", {
986
+ t("img", {
988
987
  src: i.player_country_flag,
989
988
  alt: "player country flag",
990
989
  class: "country-flag"
991
- }, null, 8, Ut)
990
+ }, null, 8, Ue)
992
991
  ], 2),
993
- e("div", {
992
+ t("div", {
994
993
  class: m(["row data-info", { odd: i.isOdd }])
995
994
  }, u(i.player_games), 3),
996
- e("div", {
995
+ t("div", {
997
996
  class: m(["row data-info", { odd: i.isOdd }])
998
997
  }, u(i.player_min), 3),
999
- e("div", {
998
+ t("div", {
1000
999
  class: m(["row data-info", { odd: i.isOdd }])
1001
1000
  }, u(i.league_name), 3),
1002
- e("div", {
1001
+ t("div", {
1003
1002
  class: m(["row data-info", { odd: i.isOdd }])
1004
1003
  }, [
1005
- Q(ee(Ae), {
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: (c) => x(i)
1017
+ onClick: (a) => y(i)
1019
1018
  }, null, 8, ["onClick"])
1020
1019
  ], 2),
1021
- e("div", {
1020
+ t("div", {
1022
1021
  class: m(["row data-info", { odd: i.isOdd }])
1023
1022
  }, null, 2)
1024
1023
  ]))), 128))
1025
- ], 64)) : (l(), Y(Xe, {
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: x,
1032
- onClickParameters: S
1030
+ onOpenMedia: y,
1031
+ onClickParameters: x
1033
1032
  }, null, 8, ["available-players", "is-edit-mode"]))
1034
1033
  ], 512)
1035
1034
  ], 4));
1036
1035
  }
1037
- }, Xt = /* @__PURE__ */ le(qt, [["__scopeId", "data-v-510e4abc"]]);
1036
+ }, Xe = /* @__PURE__ */ lt(qe, [["__scopeId", "data-v-bfcf1c28"]]);
1038
1037
  export {
1039
- Xt as GSCTableScrollable
1038
+ Xe as GSCTableScrollable
1040
1039
  };