@golstats/gsc-table-scrollable 1.0.8 → 1.0.10

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.
Files changed (4) hide show
  1. package/dist/gsc-table-scrollable.css +1 -1
  2. package/dist/gsc-table-scrollable.js +331 -312
  3. package/dist/gsc-table-scrollable.umd.cjs +1 -1
  4. package/package.json +1 -1
package/dist/gsc-table-scrollable.css CHANGED
@@ -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-d03b93c8]{cursor:pointer}.expanded[data-v-d03b93c8]{transform:rotate(180deg)}.scrollable-row-2[data-v-d03b93c8]{display:grid;grid-template-columns:var(--grid-template-columns);width:fit-content}.scrollable-row-totals[data-v-d03b93c8]{display:grid;grid-template-columns:var(--grid-template-columns-totals);width:fit-content;transition:all .3s ease}.titles[data-v-d03b93c8]{width:100%}.column-title-2[data-v-d03b93c8]{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-d03b93c8]{height:72px;border-bottom:solid 1px rgba(255,255,255,.1);background-color:#111d28}.row.odd[data-v-d03b93c8]{background-color:#172531}.scroll-columns[data-v-d03b93c8]{display:flex;flex-direction:column;position:relative}.overlay[data-v-d03b93c8]{position:absolute;top:71px;left:0;right:0;bottom:0;background-color:#0009;z-index:1}.underline[data-v-d03b93c8]{text-decoration:underline;cursor:pointer}.data-info[data-v-d03b93c8]{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-d03b93c8]{cursor:pointer}.button[data-v-378d650a]{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-378d650a]{border:solid 1px #cbee6b}svg[data-v-378d650a]{cursor:pointer}.arrow[data-v-378d650a]{cursor:pointer;transition:ease .3s;min-width:12px;align-self:center}.expanded[data-v-378d650a]{transform:rotate(180deg)}.country-flag[data-v-378d650a]{width:14px;height:auto}.team-info[data-v-378d650a]{display:flex;justify-content:center;align-items:center;gap:12px}.team-info>.team-logo[data-v-378d650a]{width:25px;height:25px}.team-info>.team-logo>img[data-v-378d650a]{width:25px;height:25px}.underline[data-v-378d650a]{text-decoration:underline}.data-info[data-v-378d650a]{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-378d650a]{display:grid;grid-template-columns:104px 100px 100px 100px 100px 100px 104px 114px 100px;transition:ease .3s}.titles[data-v-378d650a]{width:100%}.row[data-v-378d650a]{height:72px;border-bottom:solid 1px rgba(255,255,255,.1);background-color:#111d28}.row.odd[data-v-378d650a]{background-color:#172531}.column-title[data-v-378d650a]{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-378d650a]{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-378d650a]{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-378d650a]{margin-bottom:24px}.details-row__info[data-v-378d650a]{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-378d650a]{margin:0 40px}.details-row__info span.bold[data-v-378d650a]{font-family:Poppins-Medium,sans-serif}.details-row__buttons[data-v-378d650a]{display:flex;align-items:center;gap:16px;margin-left:40px}.details-row.odd[data-v-378d650a]{background-color:#172531}.static-row[data-v-378d650a]{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-378d650a]{display:flex;justify-content:flex-start;align-items:center;gap:var(--gap-static-row);overflow:hidden}.static-row__info-player>.position[data-v-378d650a]{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-378d650a]{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-378d650a]{width:32px;height:32px;border-radius:50%;background-color:#fff}.player-photo>div[data-v-378d650a]{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-378d650a]{width:auto;height:40px}.table[data-v-378d650a]{width:100%;height:fit-content;display:flex;justify-content:flex-start;align-items:flex-start}.table__static-column[data-v-378d650a]{width:var(--width-static-column);min-width:var(--width-static-column);background-color:#1e3142}.table__scrollable-columns[data-v-378d650a]{width:100%;overflow-x:scroll}
1
+ .checkbox[data-v-b6f124d8]{width:var(--7bd9d47b);height:var(--34dc7ddc);display:flex;justify-content:flex-start;align-items:flex-start;cursor:pointer}.checkbox__teams[data-v-b6f124d8]{margin-left:6px;display:flex}.checkbox__teams__logo[data-v-b6f124d8]{height:22px;width:22px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:solid .5px #cbee6b;background-color:#0d1d29}.checkbox__teams__logo[data-v-b6f124d8]:first-child{transform:translate(8px)}.checkbox__teams__logo>img[data-v-b6f124d8]{height:18px;width:18px}.checkbox.box-right[data-v-b6f124d8]{flex-direction:row-reverse;justify-content:flex-end}.checkbox.box-top[data-v-b6f124d8]{flex-direction:column;justify-content:flex-start;align-items:center}.checkbox.box-bottom[data-v-b6f124d8]{flex-direction:column-reverse;justify-content:flex-end;align-items:center}.checkbox__box[data-v-b6f124d8]{display:flex;justify-content:center;align-items:center}.checkbox__label[data-v-b6f124d8]{margin:.3em 0;width:var(--7bd9d47b)}.button[data-v-f3ee6b2b],.button-active[data-v-f3ee6b2b]{display:inline-flex;justify-content:center;align-content:center;align-items:center;overflow:none;cursor:pointer!important}.button-target[data-v-f3ee6b2b]{display:inline-block;overflow:hidden;height:var(--9d01acb4);border-width:var(--14e95081)!important;border-style:var(--38fec285)!important;border-color:var(--34353510)!important;border-radius:var(--20d20dc6)!important;width:var(--17130967);background-color:var(--4ccb7d36);justify-content:center;align-content:center;align-items:center;overflow:none;cursor:pointer!important;cursor:var(--5d1e86a2)!important;font-size:var(--ce65d4a2)!important;font-style:var(--fe4ac47a)!important;font-family:var(--f98e44dc)!important}.stats[data-v-f3ee6b2b]{display:inline-flex;width:100%;padding-top:5px;justify-content:left;align-items:center;align-content:center;height:60%}.iconstats[data-v-f3ee6b2b]{width:14px;height:14px;margin-left:var(--93b87770)}.numstats[data-v-f3ee6b2b]{font-family:Poppins-SemiBold;color:#fff;font-size:var(--c7f7beba);margin-left:7px}.leyend[data-v-f3ee6b2b]{display:inline-flex;justify-content:center;align-items:center;align-content:center;font-family:Poppins-Regular;color:#a0a3a5;width:100%;height:15%}.text[data-v-f3ee6b2b],.icon[data-v-f3ee6b2b]{padding:0 4px}.arrow[data-v-9949c723]{cursor:pointer}.expanded[data-v-9949c723]{transform:rotate(180deg)}.scrollable-row-2[data-v-9949c723]{display:grid;grid-template-columns:var(--grid-template-columns);width:fit-content}.scrollable-row-totals[data-v-9949c723]{display:grid;grid-template-columns:var(--grid-template-columns-totals);width:fit-content;transition:all .3s ease}.titles[data-v-9949c723]{width:100%}.column-title-2[data-v-9949c723]{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-9949c723]{height:72px;border-bottom:solid 1px rgba(255,255,255,.1);background-color:#111d28}.row.odd[data-v-9949c723]{background-color:#172531}.scroll-columns[data-v-9949c723]{display:flex;flex-direction:column;position:relative}.overlay[data-v-9949c723]{position:absolute;top:71px;left:0;right:0;bottom:0;background-color:#0009;z-index:1}.underline[data-v-9949c723]{text-decoration:underline;cursor:pointer}.data-info[data-v-9949c723]{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-9949c723]{cursor:pointer}.button[data-v-4899f6dd]{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-4899f6dd]{border:solid 1px #cbee6b}svg[data-v-4899f6dd]{cursor:pointer}.arrow[data-v-4899f6dd]{cursor:pointer;transition:ease .3s;min-width:12px;align-self:center}.expanded[data-v-4899f6dd]{transform:rotate(180deg)}.country-flag[data-v-4899f6dd]{width:14px;height:auto}.team-info[data-v-4899f6dd]{display:flex;justify-content:center;align-items:center;gap:12px}.team-info>.team-logo[data-v-4899f6dd]{width:25px;height:25px}.team-info>.team-logo>img[data-v-4899f6dd]{width:25px;height:25px}.underline[data-v-4899f6dd]{text-decoration:underline}.data-info[data-v-4899f6dd]{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-4899f6dd]{display:grid;grid-template-columns:104px 100px 100px 100px 100px 100px 104px 114px 100px;transition:ease .3s}.titles[data-v-4899f6dd]{width:100%}.row[data-v-4899f6dd]{height:72px;border-bottom:solid 1px rgba(255,255,255,.1);background-color:#111d28}.row.odd[data-v-4899f6dd]{background-color:#172531}.column-title[data-v-4899f6dd]{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-4899f6dd]{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-4899f6dd]{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-4899f6dd]{margin-bottom:24px}.details-row__info[data-v-4899f6dd]{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-4899f6dd]{margin:0 40px}.details-row__info span.bold[data-v-4899f6dd]{font-family:Poppins-Medium,sans-serif}.details-row__buttons[data-v-4899f6dd]{display:flex;align-items:center;gap:16px;margin-left:40px}.details-row.odd[data-v-4899f6dd]{background-color:#172531}.static-row[data-v-4899f6dd]{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-4899f6dd]{display:flex;justify-content:flex-start;align-items:center;gap:var(--gap-static-row);overflow:hidden}.static-row__info-player>.position[data-v-4899f6dd]{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-4899f6dd]{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-4899f6dd]{width:32px;height:32px;border-radius:50%;background-color:#fff}.player-photo>div[data-v-4899f6dd]{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-4899f6dd]{width:auto;height:40px}.table[data-v-4899f6dd]{width:100%;height:fit-content;display:flex;justify-content:flex-start;align-items:flex-start}.table__static-column[data-v-4899f6dd]{width:var(--width-static-column);min-width:var(--width-static-column);background-color:#1e3142}.table__scrollable-columns[data-v-4899f6dd]{width:100%;overflow-x:scroll}
package/dist/gsc-table-scrollable.js CHANGED
@@ -1,19 +1,19 @@
1
- import { useCssVars as J, ref as m, computed as V, watch as F, createElementBlock as n, openBlock as l, normalizeClass as _, createElementVNode as t, createCommentVNode as S, normalizeStyle as L, Fragment as I, toDisplayString as c, pushScopeId as z, popScopeId as E, onMounted as K, renderList as O, createVNode as H, createBlock as N, Transition as it, withCtx as lt, withDirectives as nt, createTextVNode as T, vShow as at, unref as G, createStaticVNode as dt } from "vue";
2
- const rt = (e, d) => {
3
- const o = e.__vccOpts || e;
4
- for (const [u, p] of d)
5
- o[u] = p;
6
- return o;
7
- }, ct = { key: 1 }, ut = {
1
+ import { useCssVars as tt, ref as b, computed as V, watch as F, createElementBlock as n, openBlock as l, normalizeClass as _, createElementVNode as t, createCommentVNode as S, normalizeStyle as L, Fragment as I, toDisplayString as f, pushScopeId as D, popScopeId as A, onMounted as et, renderList as E, onBeforeUnmount as ut, createVNode as J, createBlock as X, Transition as ft, withCtx as ht, withDirectives as vt, createTextVNode as T, vShow as pt, unref as K, createStaticVNode as gt } from "vue";
2
+ const _t = (o, r) => {
3
+ const s = o.__vccOpts || o;
4
+ for (const [c, p] of r)
5
+ s[c] = p;
6
+ return s;
7
+ }, mt = { key: 1 }, bt = {
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
- }, ht = ["fill"], ft = {
13
+ }, Ct = ["fill"], yt = {
14
14
  key: 0,
15
15
  class: "checkbox__teams"
16
- }, vt = { class: "checkbox__teams__logo" }, pt = ["src"], _t = { class: "checkbox__teams__logo" }, gt = ["src"], bt = {
16
+ }, wt = { class: "checkbox__teams__logo" }, kt = ["src"], xt = { class: "checkbox__teams__logo" }, St = ["src"], Lt = {
17
17
  __name: "GSC-Checkbox",
18
18
  props: {
19
19
  width: {
@@ -72,8 +72,8 @@ const rt = (e, d) => {
72
72
  type: String,
73
73
  default: "left",
74
74
  // values can be 'left', 'right', 'top', 'bottom'
75
- validator(e) {
76
- return ["left", "right", "top", "bottom"].includes(e);
75
+ validator(o) {
76
+ return ["left", "right", "top", "bottom"].includes(o);
77
77
  }
78
78
  },
79
79
  boxMarginTop: {
@@ -122,100 +122,100 @@ const rt = (e, d) => {
122
122
  }
123
123
  },
124
124
  emits: ["update:modelValue"],
125
- setup(e, { emit: d }) {
126
- const o = e;
127
- J((f) => ({
128
- "7bd9d47b": e.width,
129
- "34dc7ddc": e.height
125
+ setup(o, { emit: r }) {
126
+ const s = o;
127
+ tt((v) => ({
128
+ "7bd9d47b": o.width,
129
+ "34dc7ddc": o.height
130
130
  }));
131
- const u = m(!1), p = V(() => {
132
- const f = {
133
- color: o.boxValueColor,
134
- "font-family": o.fontFamily,
135
- height: o.boxWidthAndHeight,
136
- width: o.boxWidthAndHeight,
137
- minWidth: o.boxWidthAndHeight,
138
- "border-radius": o.boxBorderRadius,
139
- "margin-top": o.boxMarginTop
131
+ const c = b(!1), p = V(() => {
132
+ const v = {
133
+ color: s.boxValueColor,
134
+ "font-family": s.fontFamily,
135
+ height: s.boxWidthAndHeight,
136
+ width: s.boxWidthAndHeight,
137
+ minWidth: s.boxWidthAndHeight,
138
+ "border-radius": s.boxBorderRadius,
139
+ "margin-top": s.boxMarginTop
140
140
  };
141
- return u.value ? (f["background-color"] = o.boxBackgroundColor, f.border = `solid ${o.boxBorderWidth} ${o.boxBackgroundColor}`) : f.border = `solid ${o.boxBorderWidth} ${o.boxBorderColor}`, f;
141
+ return c.value ? (v["background-color"] = s.boxBackgroundColor, v.border = `solid ${s.boxBorderWidth} ${s.boxBackgroundColor}`) : v.border = `solid ${s.boxBorderWidth} ${s.boxBorderColor}`, v;
142
142
  }), h = V(() => ({
143
- "font-family": o.boxValueFontFamily,
144
- "font-size": o.boxValueFontSize,
145
- color: o.boxValueColor,
143
+ "font-family": s.boxValueFontFamily,
144
+ "font-size": s.boxValueFontSize,
145
+ color: s.boxValueColor,
146
146
  "line-height": 1
147
147
  })), y = V(() => {
148
- const f = {
149
- color: o.labelColor,
150
- "font-family": o.fontFamily,
151
- "font-size": o.labelFontSize,
152
- "white-space": o.labelWhiteSpace,
153
- "text-align": o.boxPosition === "top" || o.boxPosition === "bottom" ? "center" : o.boxPosition
148
+ const v = {
149
+ color: s.labelColor,
150
+ "font-family": s.fontFamily,
151
+ "font-size": s.labelFontSize,
152
+ "white-space": s.labelWhiteSpace,
153
+ "text-align": s.boxPosition === "top" || s.boxPosition === "bottom" ? "center" : s.boxPosition
154
154
  };
155
- return (o.boxPosition === "left" || o.boxPosition === "right") && (f[`margin-${o.boxPosition}`] = o.isBoxOnly ? "0" : o.teamsIds ? "8px" : "10px"), f;
155
+ return (s.boxPosition === "left" || s.boxPosition === "right") && (v[`margin-${s.boxPosition}`] = s.isBoxOnly ? "0" : s.teamsIds ? "8px" : "10px"), v;
156
156
  });
157
157
  F(
158
- () => o.modelValue,
159
- (f) => {
160
- f !== u.value && (u.value = f);
158
+ () => s.modelValue,
159
+ (v) => {
160
+ v !== c.value && (c.value = v);
161
161
  },
162
162
  { immediate: !0 }
163
163
  );
164
164
  function $() {
165
- o.avoidInteraction || !u.value && o.avoidToCheck || (u.value = !u.value, d("update:modelValue", u.value));
165
+ s.avoidInteraction || !c.value && s.avoidToCheck || (c.value = !c.value, r("update:modelValue", c.value));
166
166
  }
167
- function B(f) {
168
- return `${{}.TEAM_LOGOS_URL || "https://golstatsimages.blob.core.windows.net/teams-80/"}${f}.png`;
167
+ function B(v) {
168
+ return `${{}.TEAM_LOGOS_URL || "https://golstatsimages.blob.core.windows.net/teams-80/"}${v}.png`;
169
169
  }
170
- return (f, M) => (l(), n("div", {
171
- class: _(["checkbox", `box-${e.boxPosition}`]),
170
+ return (v, M) => (l(), n("div", {
171
+ class: _(["checkbox", `box-${o.boxPosition}`]),
172
172
  onClick: $
173
173
  }, [
174
174
  t("div", {
175
175
  class: "checkbox__box",
176
176
  style: L(p.value)
177
177
  }, [
178
- u.value ? (l(), n(I, { key: 0 }, [
179
- o.boxValue ? (l(), n("div", {
178
+ c.value ? (l(), n(I, { key: 0 }, [
179
+ s.boxValue ? (l(), n("div", {
180
180
  key: 0,
181
181
  class: "checkbox__box__value",
182
182
  style: L(h.value)
183
- }, c(e.boxValue), 5)) : (l(), n("div", ct, [
184
- (l(), n("svg", ut, [
183
+ }, f(o.boxValue), 5)) : (l(), n("div", mt, [
184
+ (l(), n("svg", bt, [
185
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
- fill: e.boxValueColor
188
- }, null, 8, ht)
187
+ fill: o.boxValueColor
188
+ }, null, 8, Ct)
189
189
  ]))
190
190
  ]))
191
191
  ], 64)) : S("", !0)
192
192
  ], 4),
193
- e.teamsIds && e.teamsIds.length ? (l(), n("div", ft, [
194
- t("div", vt, [
193
+ o.teamsIds && o.teamsIds.length ? (l(), n("div", yt, [
194
+ t("div", wt, [
195
195
  t("img", {
196
- src: B(e.teamsIds[0]),
196
+ src: B(o.teamsIds[0]),
197
197
  alt: ""
198
- }, null, 8, pt)
198
+ }, null, 8, kt)
199
199
  ]),
200
- t("div", _t, [
200
+ t("div", xt, [
201
201
  t("img", {
202
- src: B(e.teamsIds[1]),
202
+ src: B(o.teamsIds[1]),
203
203
  alt: ""
204
- }, null, 8, gt)
204
+ }, null, 8, St)
205
205
  ])
206
206
  ])) : S("", !0),
207
207
  t("div", {
208
208
  class: "checkbox__label",
209
209
  style: L(y.value)
210
- }, c(e.label), 5)
210
+ }, f(o.label), 5)
211
211
  ], 2));
212
212
  }
213
- }, mt = /* @__PURE__ */ rt(bt, [["__scopeId", "data-v-b6f124d8"]]), Ct = (e, d) => {
214
- const o = e.__vccOpts || e;
215
- for (const [u, p] of d)
216
- o[u] = p;
217
- return o;
218
- }, A = {
213
+ }, $t = /* @__PURE__ */ _t(Lt, [["__scopeId", "data-v-b6f124d8"]]), Bt = (o, r) => {
214
+ const s = o.__vccOpts || o;
215
+ for (const [c, p] of r)
216
+ s[c] = p;
217
+ return s;
218
+ }, W = {
219
219
  props: {
220
220
  type: { type: Number, default: 0 },
221
221
  value: { type: Boolean, default: !1 },
@@ -252,8 +252,8 @@ const rt = (e, d) => {
252
252
  value: {
253
253
  deep: !0,
254
254
  immediate: !0,
255
- handler(e) {
256
- this.status = e;
255
+ handler(o) {
256
+ this.status = o;
257
257
  }
258
258
  }
259
259
  },
@@ -285,79 +285,79 @@ const rt = (e, d) => {
285
285
  }
286
286
  },
287
287
  methods: {
288
- btnClick(e) {
289
- this.$emit("click", e), this.typeOnOff && (this.status = !this.status, this.$emit("status", this.status));
288
+ btnClick(o) {
289
+ this.$emit("click", o), this.typeOnOff && (this.status = !this.status, this.$emit("status", this.status));
290
290
  }
291
291
  }
292
- }, q = () => {
293
- J((e) => ({
294
- "9d01acb4": e.height,
295
- "14e95081": e.borderWidthBtn,
296
- "38fec285": e.borderType,
297
- 34353510: e.borderColor,
298
- "20d20dc6": e.borderRadius,
299
- 17130967: e.width,
300
- "4ccb7d36": e.backgroundColor,
301
- "5d1e86a2": e.cursorType,
302
- ce65d4a2: e.fontSize,
303
- fe4ac47a: e.fontStyle,
304
- f98e44dc: e.fontFamily,
305
- "93b87770": e.marginLeftStat,
306
- c7f7beba: e.fontSizeStat
292
+ }, Q = () => {
293
+ tt((o) => ({
294
+ "9d01acb4": o.height,
295
+ "14e95081": o.borderWidthBtn,
296
+ "38fec285": o.borderType,
297
+ 34353510: o.borderColor,
298
+ "20d20dc6": o.borderRadius,
299
+ 17130967: o.width,
300
+ "4ccb7d36": o.backgroundColor,
301
+ "5d1e86a2": o.cursorType,
302
+ ce65d4a2: o.fontSize,
303
+ fe4ac47a: o.fontStyle,
304
+ f98e44dc: o.fontFamily,
305
+ "93b87770": o.marginLeftStat,
306
+ c7f7beba: o.fontSizeStat
307
307
  }));
308
- }, U = A.setup;
309
- A.setup = U ? (e, d) => (q(), U(e, d)) : q;
310
- const yt = (e) => (z("data-v-f3ee6b2b"), e = e(), E(), e), wt = ["src"], kt = {
308
+ }, Y = W.setup;
309
+ W.setup = Y ? (o, r) => (Q(), Y(o, r)) : Q;
310
+ const Mt = (o) => (D("data-v-f3ee6b2b"), o = o(), A(), o), Vt = ["src"], It = {
311
311
  key: 1,
312
312
  class: "text"
313
- }, xt = ["src"], St = { class: "stats" }, Lt = /* @__PURE__ */ yt(() => /* @__PURE__ */ t("img", {
313
+ }, Rt = ["src"], Tt = { class: "stats" }, Et = /* @__PURE__ */ Mt(() => /* @__PURE__ */ t("img", {
314
314
  class: "iconstats",
315
315
  src: "https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"
316
- }, null, -1)), $t = { class: "numstats" }, Bt = { class: "leyend" };
317
- function Mt(e, d, o, u, p, h) {
316
+ }, null, -1)), Ot = { class: "numstats" }, Ft = { class: "leyend" };
317
+ function Pt(o, r, s, c, p, h) {
318
318
  return l(), n("div", null, [
319
- o.type == 0 ? (l(), n("div", {
319
+ s.type == 0 ? (l(), n("div", {
320
320
  key: 0,
321
- class: _(["button", p.status && o.typeOnOff && "button-active"]),
322
- style: L([h.customStyle, p.status && o.typeOnOff && h.customActive]),
323
- onClick: d[0] || (d[0] = (...y) => h.btnClick && h.btnClick(...y))
321
+ class: _(["button", p.status && s.typeOnOff && "button-active"]),
322
+ style: L([h.customStyle, p.status && s.typeOnOff && h.customActive]),
323
+ onClick: r[0] || (r[0] = (...y) => h.btnClick && h.btnClick(...y))
324
324
  }, [
325
- o.icon && o.iconPosition.toLowerCase() === "left" ? (l(), n("img", {
325
+ s.icon && s.iconPosition.toLowerCase() === "left" ? (l(), n("img", {
326
326
  key: 0,
327
327
  class: "icon",
328
- style: L({ width: o.iconSize }),
329
- src: o.icon
330
- }, null, 12, wt)) : S("", !0),
331
- o.textValue ? (l(), n("div", kt, c(o.textValue), 1)) : S("", !0),
332
- o.icon && o.iconPosition.toLowerCase() === "right" ? (l(), n("img", {
328
+ style: L({ width: s.iconSize }),
329
+ src: s.icon
330
+ }, null, 12, Vt)) : S("", !0),
331
+ s.textValue ? (l(), n("div", It, f(s.textValue), 1)) : S("", !0),
332
+ s.icon && s.iconPosition.toLowerCase() === "right" ? (l(), n("img", {
333
333
  key: 2,
334
334
  class: "icon",
335
- style: L({ width: o.iconSize }),
336
- src: o.icon
337
- }, null, 12, xt)) : S("", !0)
335
+ style: L({ width: s.iconSize }),
336
+ src: s.icon
337
+ }, null, 12, Rt)) : S("", !0)
338
338
  ], 6)) : S("", !0),
339
- o.type == 1 ? (l(), n("div", {
339
+ s.type == 1 ? (l(), n("div", {
340
340
  key: 1,
341
341
  class: "button-target",
342
- onClick: d[1] || (d[1] = (...y) => h.btnClick && h.btnClick(...y))
342
+ onClick: r[1] || (r[1] = (...y) => h.btnClick && h.btnClick(...y))
343
343
  }, [
344
- t("div", St, [
345
- Lt,
346
- t("div", $t, c(o.textStat), 1)
344
+ t("div", Tt, [
345
+ Et,
346
+ t("div", Ot, f(s.textStat), 1)
347
347
  ]),
348
- t("div", Bt, c(o.textCategory), 1)
348
+ t("div", Ft, f(s.textCategory), 1)
349
349
  ])) : S("", !0)
350
350
  ]);
351
351
  }
352
- const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b"]]), Q = (e, d) => {
353
- const o = e.__vccOpts || e;
354
- for (const [u, p] of d)
355
- o[u] = p;
356
- return o;
357
- }, It = (e) => (z("data-v-d03b93c8"), e = e(), E(), e), Rt = {
352
+ const zt = /* @__PURE__ */ Bt(W, [["render", Pt], ["__scopeId", "data-v-f3ee6b2b"]]), ot = (o, r) => {
353
+ const s = o.__vccOpts || o;
354
+ for (const [c, p] of r)
355
+ s[c] = p;
356
+ return s;
357
+ }, Dt = (o) => (D("data-v-9949c723"), o = o(), A(), o), At = {
358
358
  key: 0,
359
359
  class: "overlay"
360
- }, Tt = /* @__PURE__ */ It(() => /* @__PURE__ */ t("div", { class: "column-title-2" }, null, -1)), Ot = ["onClick"], Ft = {
360
+ }, Wt = /* @__PURE__ */ Dt(() => /* @__PURE__ */ t("div", { class: "column-title-2" }, null, -1)), Zt = ["onClick"], jt = {
361
361
  __name: "ScrollColumns",
362
362
  props: {
363
363
  availablePlayers: {
@@ -370,70 +370,70 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
370
370
  }
371
371
  },
372
372
  emits: ["expand", "open-media"],
373
- setup(e, { expose: d, emit: o }) {
374
- const u = e, p = m(null), h = m(null), y = m(0);
375
- m(!1);
373
+ setup(o, { expose: r, emit: s }) {
374
+ const c = o, p = b(null), h = b(null), y = b(0);
375
+ b(!1);
376
376
  const $ = V(() => {
377
- const b = u.availablePlayers[0];
378
- return b ? b.stats : [];
377
+ const a = c.availablePlayers[0];
378
+ return a ? a.stats : [];
379
379
  }), B = V(() => {
380
- const b = `repeat(${$.value.length}, max-content) 36px`;
381
- let v = "";
380
+ const a = `repeat(${$.value.length}, max-content) 36px`;
381
+ let g = "";
382
382
  return y.value > 0 && document.querySelectorAll(".column-title-2").forEach((w) => {
383
- v += `${w.offsetWidth}px `;
383
+ g += `${w.offsetWidth}px `;
384
384
  }), {
385
- "--grid-template-columns": b,
386
- "--grid-template-columns-totals": v || b
385
+ "--grid-template-columns": a,
386
+ "--grid-template-columns-totals": g || a
387
387
  };
388
388
  });
389
- function f() {
390
- p.value = new ResizeObserver((b) => {
391
- for (const v of b) {
392
- const { width: C } = v.contentRect;
389
+ function v() {
390
+ p.value = new ResizeObserver((a) => {
391
+ for (const g of a) {
392
+ const { width: C } = g.contentRect;
393
393
  y.value = C;
394
394
  }
395
395
  }), p.value.observe(h.value);
396
396
  }
397
- function M(b, v) {
398
- const w = document.querySelectorAll(".scrollable-row-totals")[b + 1];
399
- w && (w.style.marginTop = `${v}px`);
397
+ function M(a, g) {
398
+ const w = document.querySelectorAll(".scrollable-row-totals")[a + 1];
399
+ w && (w.style.marginTop = `${g}px`);
400
400
  }
401
- function R({ player: b, stat: v }) {
402
- !v.total || v === "0%" || !v.seasons || !v.seasons.length || o("open-media", { ...b, stat: v });
401
+ function R({ player: a, stat: g }) {
402
+ !g.total || g === "0%" || !g.seasons || !g.seasons.length || s("open-media", { ...a, stat: g });
403
403
  }
404
- return K(() => {
405
- f();
406
- }), d({
404
+ return et(() => {
405
+ v();
406
+ }), r({
407
407
  setMarginTopDetails: M
408
- }), (b, v) => (l(), n("div", {
408
+ }), (a, g) => (l(), n("div", {
409
409
  class: "scroll-columns",
410
410
  style: L(B.value)
411
411
  }, [
412
- e.isEditMode ? (l(), n("div", Rt)) : S("", !0),
412
+ o.isEditMode ? (l(), n("div", At)) : S("", !0),
413
413
  t("div", {
414
414
  ref_key: "titlesRow",
415
415
  ref: h,
416
416
  class: "scrollable-row-2"
417
417
  }, [
418
- (l(!0), n(I, null, O($.value, (C) => (l(), n("div", {
419
- key: `t-${C.category_id}`,
418
+ (l(!0), n(I, null, E($.value, (C, w) => (l(), n("div", {
419
+ key: `t-${w}`,
420
420
  class: "column-title-2"
421
- }, c(C.name), 1))), 128)),
422
- Tt
421
+ }, f(C.name), 1))), 128)),
422
+ Wt
423
423
  ], 512),
424
- (l(!0), n(I, null, O(e.availablePlayers, (C, w) => (l(), n("div", {
424
+ (l(!0), n(I, null, E(o.availablePlayers, (C, w) => (l(), n("div", {
425
425
  key: `i-${C.id}`,
426
426
  class: "row scrollable-row-totals"
427
427
  }, [
428
- (l(!0), n(I, null, O(C.stats, (k) => (l(), n("div", {
428
+ (l(!0), n(I, null, E(C.stats, (k) => (l(), n("div", {
429
429
  key: k.category_id,
430
430
  class: _(["row data-info", { odd: w % 2 !== 0, underline: !!k.total && k.total !== "0%" && k.seasons && k.seasons.length }]),
431
- onClick: (W) => R({ player: C, stat: k })
432
- }, c(k.total), 11, Ot))), 128))
431
+ onClick: (Z) => R({ player: C, stat: k })
432
+ }, f(k.total), 11, Zt))), 128))
433
433
  ]))), 128))
434
434
  ], 4));
435
435
  }
436
- }, Pt = /* @__PURE__ */ Q(Ft, [["__scopeId", "data-v-d03b93c8"]]), g = (e) => (z("data-v-378d650a"), e = e(), E(), e), zt = { class: "table__static-column" }, Et = /* @__PURE__ */ g(() => /* @__PURE__ */ t("div", { class: "static-title column-title" }, null, -1)), At = { class: "container" }, Wt = { class: "details-row__info" }, Dt = { class: "details-row__info__personal" }, Zt = { class: "bold" }, jt = { class: "bold" }, Ht = { class: "bold" }, Nt = { class: "bold" }, Gt = { class: "details-row__info__games" }, qt = { class: "bold" }, Ut = { class: "bold" }, Jt = ["onClick"], Kt = /* @__PURE__ */ g(() => /* @__PURE__ */ t("div", null, "Ver gráfica", -1)), Qt = /* @__PURE__ */ g(() => /* @__PURE__ */ t("svg", {
436
+ }, Ht = /* @__PURE__ */ ot(jt, [["__scopeId", "data-v-9949c723"]]), m = (o) => (D("data-v-4899f6dd"), o = o(), A(), o), Nt = { class: "table__static-column" }, Gt = /* @__PURE__ */ m(() => /* @__PURE__ */ t("div", { class: "static-title column-title" }, null, -1)), Ut = { class: "container" }, qt = { class: "details-row__info" }, Jt = { class: "details-row__info__personal" }, Xt = { class: "bold" }, Kt = { class: "bold" }, Qt = { class: "bold" }, Yt = { class: "bold" }, te = { class: "details-row__info__games" }, ee = { class: "bold" }, oe = { class: "bold" }, se = ["onClick"], ie = /* @__PURE__ */ m(() => /* @__PURE__ */ t("div", null, "Ver gráfica", -1)), le = /* @__PURE__ */ m(() => /* @__PURE__ */ t("svg", {
437
437
  width: "17",
438
438
  height: "16",
439
439
  viewBox: "0 0 17 16",
@@ -456,10 +456,10 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
456
456
  })
457
457
  ])
458
458
  ])
459
- ], -1)), Xt = [
460
- Kt,
461
- Qt
462
- ], Yt = ["onClick"], te = /* @__PURE__ */ g(() => /* @__PURE__ */ t("div", null, "Eliminar de lista", -1)), ee = /* @__PURE__ */ g(() => /* @__PURE__ */ t("svg", {
459
+ ], -1)), ne = [
460
+ ie,
461
+ le
462
+ ], ae = ["onClick"], de = /* @__PURE__ */ m(() => /* @__PURE__ */ t("div", null, "Eliminar de lista", -1)), re = /* @__PURE__ */ m(() => /* @__PURE__ */ t("svg", {
463
463
  width: "17",
464
464
  height: "15",
465
465
  viewBox: "0 0 20 18",
@@ -490,10 +490,10 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
490
490
  "stroke-linecap": "round",
491
491
  "stroke-linejoin": "round"
492
492
  })
493
- ], -1)), oe = [
494
- te,
495
- ee
496
- ], se = ["onClick"], ie = /* @__PURE__ */ g(() => /* @__PURE__ */ t("div", null, "Agregar a lista", -1)), le = /* @__PURE__ */ g(() => /* @__PURE__ */ t("svg", {
493
+ ], -1)), ce = [
494
+ de,
495
+ re
496
+ ], ue = ["onClick"], fe = /* @__PURE__ */ m(() => /* @__PURE__ */ t("div", null, "Agregar a lista", -1)), he = /* @__PURE__ */ m(() => /* @__PURE__ */ t("svg", {
497
497
  width: "20",
498
498
  height: "20",
499
499
  viewBox: "0 0 20 20",
@@ -524,69 +524,69 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
524
524
  "stroke-linecap": "round",
525
525
  "stroke-linejoin": "round"
526
526
  })
527
- ], -1)), ne = [
528
- ie,
529
- le
530
- ], ae = ["onClick"], de = /* @__PURE__ */ g(() => /* @__PURE__ */ t("div", null, "Ver perfil", -1)), re = [
531
- de
532
- ], ce = { class: "static-row__info-player" }, ue = { class: "position" }, he = ["onClick"], fe = /* @__PURE__ */ g(() => /* @__PURE__ */ t("path", {
527
+ ], -1)), ve = [
528
+ fe,
529
+ he
530
+ ], pe = ["onClick"], ge = /* @__PURE__ */ m(() => /* @__PURE__ */ t("div", null, "Ver perfil", -1)), _e = [
531
+ ge
532
+ ], me = { class: "static-row__info-player" }, be = { class: "position" }, Ce = ["onClick"], ye = /* @__PURE__ */ m(() => /* @__PURE__ */ t("path", {
533
533
  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",
534
534
  stroke: "white",
535
535
  "stroke-opacity": "0.5",
536
536
  "stroke-width": "1.5",
537
537
  "stroke-linecap": "round",
538
538
  "stroke-linejoin": "round"
539
- }, null, -1)), ve = /* @__PURE__ */ g(() => /* @__PURE__ */ t("path", {
539
+ }, null, -1)), we = /* @__PURE__ */ m(() => /* @__PURE__ */ t("path", {
540
540
  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",
541
541
  stroke: "white",
542
542
  "stroke-opacity": "0.5",
543
543
  "stroke-width": "1.5",
544
544
  "stroke-linecap": "round",
545
545
  "stroke-linejoin": "round"
546
- }, null, -1)), pe = /* @__PURE__ */ g(() => /* @__PURE__ */ t("path", {
546
+ }, null, -1)), ke = /* @__PURE__ */ m(() => /* @__PURE__ */ t("path", {
547
547
  d: "M18.332 8.16663H13.332",
548
548
  stroke: "white",
549
549
  "stroke-opacity": "0.5",
550
550
  "stroke-width": "1.5",
551
551
  "stroke-linecap": "round",
552
552
  "stroke-linejoin": "round"
553
- }, null, -1)), _e = [
554
- fe,
555
- ve,
556
- pe
557
- ], ge = ["onClick"], be = /* @__PURE__ */ g(() => /* @__PURE__ */ t("path", {
553
+ }, null, -1)), xe = [
554
+ ye,
555
+ we,
556
+ ke
557
+ ], Se = ["onClick"], Le = /* @__PURE__ */ m(() => /* @__PURE__ */ t("path", {
558
558
  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",
559
559
  stroke: "white",
560
560
  "stroke-opacity": "1",
561
561
  "stroke-width": "1.44023",
562
562
  "stroke-linecap": "round",
563
563
  "stroke-linejoin": "round"
564
- }, null, -1)), me = /* @__PURE__ */ g(() => /* @__PURE__ */ t("path", {
564
+ }, null, -1)), $e = /* @__PURE__ */ m(() => /* @__PURE__ */ t("path", {
565
565
  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",
566
566
  stroke: "white",
567
567
  "stroke-opacity": "1",
568
568
  "stroke-width": "1.44023",
569
569
  "stroke-linecap": "round",
570
570
  "stroke-linejoin": "round"
571
- }, null, -1)), Ce = /* @__PURE__ */ g(() => /* @__PURE__ */ t("path", {
571
+ }, null, -1)), Be = /* @__PURE__ */ m(() => /* @__PURE__ */ t("path", {
572
572
  d: "M15.5996 6.79944V11.6001M17.9999 9.19979H13.1992",
573
573
  stroke: "white",
574
574
  "stroke-opacity": "1",
575
575
  "stroke-width": "1.44023",
576
576
  "stroke-linecap": "round",
577
577
  "stroke-linejoin": "round"
578
- }, null, -1)), ye = [
579
- be,
580
- me,
581
- Ce
582
- ], we = { class: "player-photo" }, ke = ["src"], xe = { class: "player-name" }, Se = { class: "arrow" }, Le = ["onClick"], $e = /* @__PURE__ */ g(() => /* @__PURE__ */ t("path", {
578
+ }, null, -1)), Me = [
579
+ Le,
580
+ $e,
581
+ Be
582
+ ], Ve = { class: "player-photo" }, Ie = ["src"], Re = { class: "player-name" }, Te = { class: "arrow" }, Ee = ["onClick"], Oe = /* @__PURE__ */ m(() => /* @__PURE__ */ t("path", {
583
583
  "fill-rule": "evenodd",
584
584
  "clip-rule": "evenodd",
585
585
  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",
586
586
  fill: "#D9D9D9"
587
- }, null, -1)), Be = [
588
- $e
589
- ], Me = { class: "table__scrollable-columns" }, Ve = /* @__PURE__ */ dt('<div class="titles scrollable-row" data-v-378d650a><div class="column-title" data-v-378d650a>Equipo</div><div class="column-title" data-v-378d650a>Posición</div><div class="column-title" data-v-378d650a>Edad</div><div class="column-title" data-v-378d650a>País</div><div class="column-title" data-v-378d650a>Partidos Jugados</div><div class="column-title" data-v-378d650a>Minutos Jugados</div><div class="column-title" data-v-378d650a>Liga</div><div class="column-title" data-v-378d650a>Videos</div><div class="column-title" data-v-378d650a></div></div>', 1), Ie = { class: "team-logo" }, Re = ["src"], Te = { class: "team-name data-info" }, Oe = ["src"], Fe = {
587
+ }, null, -1)), Fe = [
588
+ Oe
589
+ ], Pe = /* @__PURE__ */ gt('<div class="titles scrollable-row" data-v-4899f6dd><div class="column-title" data-v-4899f6dd>Equipo</div><div class="column-title" data-v-4899f6dd>Posición</div><div class="column-title" data-v-4899f6dd>Edad</div><div class="column-title" data-v-4899f6dd>País</div><div class="column-title" data-v-4899f6dd>Partidos Jugados</div><div class="column-title" data-v-4899f6dd>Minutos Jugados</div><div class="column-title" data-v-4899f6dd>Liga</div><div class="column-title" data-v-4899f6dd>Videos</div><div class="column-title" data-v-4899f6dd></div></div>', 1), ze = { class: "team-logo" }, De = ["src"], Ae = { class: "team-name data-info" }, We = ["src"], Ze = {
590
590
  __name: "GSC-TableScrollable",
591
591
  props: {
592
592
  players: {
@@ -613,24 +613,24 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
613
613
  "view-graph",
614
614
  "open-media"
615
615
  ],
616
- setup(e, { emit: d }) {
617
- const o = e;
618
- let u = null, p = null;
619
- const h = m([]), y = m(null), $ = m(null), B = m(0), f = m(0), M = m(-1);
620
- m(!1);
621
- const R = m(null), b = V(() => ({
616
+ setup(o, { emit: r }) {
617
+ const s = o;
618
+ let c = null, p = null;
619
+ const h = b([]), y = b(null), $ = b(null), B = b(0), v = b(0), M = b(-1);
620
+ b(!1);
621
+ const R = b(null), a = b(null), g = V(() => ({
622
622
  "--width-details": `${B.value}px`,
623
- "--gap-static-row": `${v.value ? "8px" : "18px"}`,
624
- "--width-static-column": `${v.value ? "50%" : "256px"}`
625
- })), v = V(() => B.value < 600);
623
+ "--gap-static-row": `${C.value ? "8px" : "18px"}`,
624
+ "--width-static-column": `${C.value ? "50%" : "256px"}`
625
+ })), C = V(() => B.value < 600);
626
626
  F(
627
- () => o.players,
628
- (s) => {
629
- s && s.length && (h.value = s.map((a, i) => {
630
- const r = i + 1;
627
+ () => s.players,
628
+ (e) => {
629
+ e && e.length && (h.value = e.map((d, i) => {
630
+ const u = i + 1;
631
631
  return {
632
- ...a,
633
- position: r < 10 ? `0${r}` : `${r}`,
632
+ ...d,
633
+ position: u < 10 ? `0${u}` : `${u}`,
634
634
  isSelected: !1,
635
635
  isExpanded: !1,
636
636
  isOdd: i % 2 !== 0,
@@ -640,32 +640,32 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
640
640
  },
641
641
  { immediate: !0 }
642
642
  ), F(
643
- () => o.isEditMode,
644
- (s) => {
645
- s && h.value.forEach((a) => {
646
- a.isSelected = !1;
643
+ () => s.isEditMode,
644
+ (e) => {
645
+ e && h.value.forEach((d) => {
646
+ d.isSelected = !1;
647
647
  });
648
648
  }
649
649
  ), F(
650
- f,
651
- (s) => {
650
+ v,
651
+ (e) => {
652
652
  const i = document.querySelectorAll(".static-row")[M.value + 1];
653
- i && (i.style.marginTop = `${s}px`), o.isGeneral ? C(M.value, s) : $.value && $.value.setMarginTopDetails(M.value, s), s === 0 && R.value && j(R.value);
653
+ i && (i.style.marginTop = `${e}px`), s.isGeneral ? w(M.value, e) : $.value && $.value.setMarginTopDetails(M.value, e), e === 0 && R.value && N(R.value);
654
654
  }
655
655
  );
656
- function C(s, a) {
657
- const r = document.querySelectorAll(".scrollable-row")[s + 2];
658
- r && (r.style.marginTop = `${a}px`);
656
+ function w(e, d) {
657
+ const u = document.querySelectorAll(".scrollable-row")[e + 2];
658
+ u && (u.style.marginTop = `${d}px`);
659
659
  }
660
- function w(s) {
661
- const a = s.player || s.objeto_player, i = a ? a.player_id || a.id || a.playerId : s.id || s.player_id, r = a ? a.team_id || a.teamId : s.team_id || s.teamId, x = {
660
+ function k(e) {
661
+ const d = e.player || e.objeto_player, i = d ? d.player_id || d.id || d.playerId : e.id || e.player_id, u = d ? d.team_id || d.teamId : e.team_id || e.teamId, x = {
662
662
  isFeaturedPlayers: !1,
663
663
  mainSectionType: 1,
664
664
  playListType: 2,
665
665
  gameIds: null,
666
666
  playerIds: i ? [i] : [],
667
667
  goalkeeperIds: [],
668
- teamId: r || 0,
668
+ teamId: u || 0,
669
669
  matchResult: [1, 2, 3],
670
670
  categorySingleName: "",
671
671
  isRivalSubject: !1,
@@ -678,28 +678,28 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
678
678
  playListTitle: "Jugadas Relevantes"
679
679
  }
680
680
  };
681
- if (s.stat && s.stat.seasons && s.stat.seasons.length || s.seasons && s.seasons.length) {
682
- const P = [
683
- ...s.stat && s.stat.seasons && s.stat.seasons.length ? s.stat.seasons : s.seasons
681
+ if (e.stat && e.stat.seasons && e.stat.seasons.length || e.seasons && e.seasons.length) {
682
+ const z = [
683
+ ...e.stat && e.stat.seasons && e.stat.seasons.length ? e.stat.seasons : e.seasons
684
684
  ];
685
- P.sort((ot, st) => ot - st), x.seasonId = P.shift(), x.seasonsIds = P;
686
- } else (s.season_id || s.seasonId) && (x.seasonId = s.season_id || s.seasonId);
687
- s.stat ? s.stat.category_id ? x.categoryIds = s.stat.category_id : s.stat.custom_category_id && (x.customCategoryIds = [s.stat.custom_category_id]) : x.categoryIds = X(s.player_position), d("open-media", x);
685
+ z.sort((rt, ct) => rt - ct), x.seasonId = z.shift(), x.seasonsIds = z;
686
+ } else (e.season_id || e.seasonId) && (x.seasonId = e.season_id || e.seasonId);
687
+ e.stat ? e.stat.category_id ? x.categoryIds = e.stat.category_id : e.stat.custom_category_id && (x.customCategoryIds = [e.stat.custom_category_id]) : x.categoryIds = it(e.player_position), r("open-media", x);
688
688
  }
689
- function k() {
690
- u = new ResizeObserver((s) => {
691
- for (const a of s)
692
- B.value = a.contentRect.width;
693
- }), u.observe(y.value);
689
+ function Z() {
690
+ c = new ResizeObserver((e) => {
691
+ for (const d of e)
692
+ B.value = d.contentRect.width;
693
+ }), c.observe(y.value);
694
694
  }
695
- function W(s) {
696
- p = new ResizeObserver((a) => {
697
- for (const i of a)
698
- f.value = i.contentRect.height;
699
- }), p.observe(s);
695
+ function st(e) {
696
+ p = new ResizeObserver((d) => {
697
+ for (const i of d)
698
+ v.value = i.contentRect.height;
699
+ }), p.observe(e);
700
700
  }
701
- function X(s) {
702
- return s === "POR" ? [39, 40, 52, 53, 54, 55, 323, 324, 608, 774, 802] : [
701
+ function it(e) {
702
+ return e === "POR" ? [39, 40, 52, 53, 54, 55, 323, 324, 608, 774, 802] : [
703
703
  10,
704
704
  12,
705
705
  14,
@@ -745,156 +745,171 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
745
745
  488
746
746
  ];
747
747
  }
748
- function Y(s, a) {
749
- a.isSelected = s;
750
- const i = h.value.filter((r) => r.isSelected);
751
- d("change-selected-players", i);
748
+ function lt(e, d) {
749
+ d.isSelected = e;
750
+ const i = h.value.filter((u) => u.isSelected);
751
+ r("change-selected-players", i);
752
752
  }
753
- function tt(s) {
754
- d("view-profile", s);
753
+ function nt(e) {
754
+ r("view-profile", e);
755
755
  }
756
- function D(s) {
757
- d("delete-from-list", s);
756
+ function j(e) {
757
+ r("delete-from-list", e);
758
758
  }
759
- function Z(s) {
760
- d("add-to-list", s);
759
+ function H(e) {
760
+ r("add-to-list", e);
761
761
  }
762
- function et(s) {
763
- d("show-graph", s);
762
+ function at(e) {
763
+ r("show-graph", e);
764
764
  }
765
- function j(s) {
766
- if (s.isExpanded) {
767
- s.isExpanded = !1, R.value = null;
765
+ function N(e) {
766
+ if (e.isExpanded) {
767
+ e.isExpanded = !1, R.value = null;
768
768
  return;
769
769
  }
770
- const a = h.value.find((x) => x.isExpanded);
771
- if (a && (a.isExpanded = !1), a) {
772
- R.value = s;
770
+ const d = h.value.find((x) => x.isExpanded);
771
+ if (d && (d.isExpanded = !1), d) {
772
+ R.value = e;
773
773
  return;
774
774
  }
775
- const r = document.querySelectorAll(".details-row")[s.index];
776
- M.value = s.index, W(r), s.isExpanded = !0;
775
+ const u = document.querySelectorAll(".details-row")[e.index];
776
+ M.value = e.index, st(u), e.isExpanded = !0;
777
+ }
778
+ let P = !1, G, U, q = function(e) {
779
+ P = !0, G = e.pageX - a.value.offsetLeft, U = a.value.scrollLeft;
780
+ }, O = function() {
781
+ P = !1;
782
+ };
783
+ function dt() {
784
+ a.value && (a.value.addEventListener("mousemove", (e) => {
785
+ if (!P)
786
+ return;
787
+ const i = e.pageX - a.value.offsetLeft - G;
788
+ a.value.scrollLeft = U - i;
789
+ }), a.value.addEventListener("mousedown", q, !1), a.value.addEventListener("mouseup", O, !1), a.value.addEventListener("mouseleave", O, !1));
777
790
  }
778
- return K(() => {
779
- k();
780
- }), (s, a) => (l(), n("div", {
791
+ return et(() => {
792
+ Z(), dt();
793
+ }), ut(() => {
794
+ c && c.disconnect(), p && p.disconnect(), a.value && (a.value.removeEventListener("mousemove", q, !1), a.value.removeEventListener("mouseup", O, !1), a.value.removeEventListener("mouseleave", O, !1));
795
+ }), (e, d) => (l(), n("div", {
781
796
  class: "table",
782
797
  ref_key: "tableSC",
783
798
  ref: y,
784
- style: L(b.value)
799
+ style: L(g.value)
785
800
  }, [
786
- t("div", zt, [
787
- Et,
788
- (l(!0), n(I, null, O(h.value, (i) => (l(), n("div", {
801
+ t("div", Nt, [
802
+ Gt,
803
+ (l(!0), n(I, null, E(h.value, (i) => (l(), n("div", {
789
804
  key: `s-${i.id}`,
790
805
  class: _(["row static-row", { odd: i.isOdd }])
791
806
  }, [
792
- H(it, null, {
793
- default: lt(() => [
794
- nt(t("div", {
807
+ J(ft, null, {
808
+ default: ht(() => [
809
+ vt(t("div", {
795
810
  class: _(["details-row", { odd: i.isOdd }])
796
811
  }, [
797
- t("div", At, [
798
- t("div", Wt, [
799
- t("div", Dt, [
812
+ t("div", Ut, [
813
+ t("div", qt, [
814
+ t("div", Jt, [
800
815
  t("div", null, [
801
816
  T("Equipo: "),
802
- t("span", Zt, c(i.team_name), 1)
817
+ t("span", Xt, f(i.team_name), 1)
803
818
  ]),
804
819
  t("div", null, [
805
820
  T("Edad: "),
806
- t("span", jt, c(i.player_age) + " Años", 1)
821
+ t("span", Kt, f(i.player_age) + " Años", 1)
807
822
  ]),
808
823
  t("div", null, [
809
824
  T("Nacionalidad: "),
810
- t("span", Ht, c(i.player_country), 1)
825
+ t("span", Qt, f(i.player_country), 1)
811
826
  ]),
812
827
  t("div", null, [
813
828
  T("Posición: "),
814
- t("span", Nt, c(i.position_name), 1)
829
+ t("span", Yt, f(i.position_name), 1)
815
830
  ])
816
831
  ]),
817
- t("div", Gt, [
832
+ t("div", te, [
818
833
  t("div", null, [
819
834
  T("Partidos Jugados: "),
820
- t("span", qt, c(i.player_games), 1)
835
+ t("span", ee, f(i.player_games), 1)
821
836
  ]),
822
837
  t("div", null, [
823
838
  T("Minutos Jugados: "),
824
- t("span", Ut, c(i.player_min), 1)
839
+ t("span", oe, f(i.player_min), 1)
825
840
  ])
826
841
  ])
827
842
  ]),
828
843
  t("div", {
829
844
  class: "details-row__buttons",
830
- style: L(v.value ? "margin-left: 0; gap: 8px;" : "")
845
+ style: L(C.value ? "margin-left: 0; gap: 8px;" : "")
831
846
  }, [
832
847
  t("div", {
833
848
  role: "button",
834
849
  class: "button",
835
- onClick: (r) => et(i)
836
- }, Xt, 8, Jt),
837
- e.isTableFromList ? (l(), n("div", {
850
+ onClick: (u) => at(i)
851
+ }, ne, 8, se),
852
+ o.isTableFromList ? (l(), n("div", {
838
853
  key: 0,
839
854
  role: "button",
840
855
  class: "button",
841
- onClick: (r) => D(i)
842
- }, oe, 8, Yt)) : (l(), n("div", {
856
+ onClick: (u) => j(i)
857
+ }, ce, 8, ae)) : (l(), n("div", {
843
858
  key: 1,
844
859
  role: "button",
845
860
  class: "button",
846
- onClick: (r) => Z(i)
847
- }, ne, 8, se)),
861
+ onClick: (u) => H(i)
862
+ }, ve, 8, ue)),
848
863
  t("div", {
849
864
  role: "button",
850
865
  class: "button green",
851
- onClick: (r) => tt(i)
852
- }, re, 8, ae)
866
+ onClick: (u) => nt(i)
867
+ }, _e, 8, pe)
853
868
  ], 4)
854
869
  ])
855
870
  ], 2), [
856
- [at, i.isExpanded]
871
+ [pt, i.isExpanded]
857
872
  ])
858
873
  ]),
859
874
  _: 2
860
875
  }, 1024),
861
- e.isEditMode ? (l(), N(G(mt), {
876
+ o.isEditMode ? (l(), X(K($t), {
862
877
  key: 0,
863
878
  fontFamily: "Poppins-Regular",
864
879
  labelFontSize: "14px",
865
880
  "model-value": i.isSelected,
866
- "onUpdate:modelValue": (r) => Y(r, i)
881
+ "onUpdate:modelValue": (u) => lt(u, i)
867
882
  }, null, 8, ["model-value", "onUpdate:modelValue"])) : S("", !0),
868
- t("div", ce, [
869
- t("div", ue, c(i.position), 1),
870
- e.isTableFromList ? (l(), n("svg", {
883
+ t("div", me, [
884
+ t("div", be, f(i.position), 1),
885
+ o.isTableFromList ? (l(), n("svg", {
871
886
  key: 0,
872
887
  width: "20",
873
888
  height: "20",
874
889
  viewBox: "0 0 20 20",
875
890
  fill: "none",
876
891
  xmlns: "http://www.w3.org/2000/svg",
877
- onClick: (r) => D(i)
878
- }, _e, 8, he)) : (l(), n("svg", {
892
+ onClick: (u) => j(i)
893
+ }, xe, 8, Ce)) : (l(), n("svg", {
879
894
  key: 1,
880
895
  width: "20",
881
896
  height: "20",
882
897
  viewBox: "0 0 20 20",
883
898
  fill: "none",
884
899
  xmlns: "http://www.w3.org/2000/svg",
885
- onClick: (r) => Z(i)
886
- }, ye, 8, ge)),
887
- t("div", we, [
900
+ onClick: (u) => H(i)
901
+ }, Me, 8, Se)),
902
+ t("div", Ve, [
888
903
  t("div", null, [
889
904
  t("img", {
890
905
  src: i.player_photo,
891
906
  alt: "player photo"
892
- }, null, 8, ke)
907
+ }, null, 8, Ie)
893
908
  ])
894
909
  ]),
895
- t("div", xe, c(i.player_name), 1)
910
+ t("div", Re, f(i.player_name), 1)
896
911
  ]),
897
- t("div", Se, [
912
+ t("div", Te, [
898
913
  (l(), n("svg", {
899
914
  class: _(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5", { expanded: i.isExpanded }]),
900
915
  width: "12",
@@ -902,35 +917,39 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
902
917
  viewBox: "0 0 12 8",
903
918
  fill: "#D9D9D9",
904
919
  xmlns: "http://www.w3.org/2000/svg",
905
- onClick: (r) => j(i)
906
- }, Be, 10, Le))
920
+ onClick: (u) => N(i)
921
+ }, Fe, 10, Ee))
907
922
  ])
908
923
  ], 2))), 128))
909
924
  ]),
910
- t("div", Me, [
911
- e.isGeneral ? (l(), n(I, { key: 0 }, [
912
- Ve,
913
- (l(!0), n(I, null, O(h.value, (i) => (l(), n("div", {
925
+ t("div", {
926
+ ref_key: "scrollableColumns",
927
+ ref: a,
928
+ class: "table__scrollable-columns"
929
+ }, [
930
+ o.isGeneral ? (l(), n(I, { key: 0 }, [
931
+ Pe,
932
+ (l(!0), n(I, null, E(h.value, (i) => (l(), n("div", {
914
933
  key: `i-${i.id}`,
915
934
  class: "row scrollable-row"
916
935
  }, [
917
936
  t("div", {
918
937
  class: _(["row team-info", { odd: i.isOdd }])
919
938
  }, [
920
- t("div", Ie, [
939
+ t("div", ze, [
921
940
  t("img", {
922
941
  src: i.team_logo,
923
942
  alt: "team logo"
924
- }, null, 8, Re)
943
+ }, null, 8, De)
925
944
  ]),
926
- t("div", Te, c(i.team_abrev), 1)
945
+ t("div", Ae, f(i.team_abrev), 1)
927
946
  ], 2),
928
947
  t("div", {
929
948
  class: _(["row data-info", { odd: i.isOdd }])
930
- }, c(i.player_position), 3),
949
+ }, f(i.player_position), 3),
931
950
  t("div", {
932
951
  class: _(["row data-info", { odd: i.isOdd }])
933
- }, c(i.player_age), 3),
952
+ }, f(i.player_age), 3),
934
953
  t("div", {
935
954
  class: _(["row data-info", { odd: i.isOdd }])
936
955
  }, [
@@ -938,21 +957,21 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
938
957
  src: i.player_country_flag,
939
958
  alt: "player country flag",
940
959
  class: "country-flag"
941
- }, null, 8, Oe)
960
+ }, null, 8, We)
942
961
  ], 2),
943
962
  t("div", {
944
963
  class: _(["row data-info", { odd: i.isOdd }])
945
- }, c(i.player_games), 3),
964
+ }, f(i.player_games), 3),
946
965
  t("div", {
947
966
  class: _(["row data-info", { odd: i.isOdd }])
948
- }, c(i.player_min), 3),
967
+ }, f(i.player_min), 3),
949
968
  t("div", {
950
969
  class: _(["row data-info", { odd: i.isOdd }])
951
- }, c(i.league_name), 3),
970
+ }, f(i.league_name), 3),
952
971
  t("div", {
953
972
  class: _(["row data-info", { odd: i.isOdd }])
954
973
  }, [
955
- H(G(Vt), {
974
+ J(K(zt), {
956
975
  icon: "https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png",
957
976
  "icon-size": "19px",
958
977
  "icon-position": "left",
@@ -965,25 +984,25 @@ const Vt = /* @__PURE__ */ Ct(A, [["render", Mt], ["__scopeId", "data-v-f3ee6b2b
965
984
  "border-color": "#55636e",
966
985
  "text-value": "Ver videos",
967
986
  "font-size": "10px",
968
- onClick: (r) => w(i)
987
+ onClick: (u) => k(i)
969
988
  }, null, 8, ["onClick"])
970
989
  ], 2),
971
990
  t("div", {
972
991
  class: _(["row data-info", { odd: i.isOdd }])
973
992
  }, null, 2)
974
993
  ]))), 128))
975
- ], 64)) : (l(), N(Pt, {
994
+ ], 64)) : (l(), X(Ht, {
976
995
  key: 1,
977
996
  ref_key: "scrollColumns",
978
997
  ref: $,
979
998
  "available-players": h.value,
980
- "is-edit-mode": e.isEditMode,
981
- onOpenMedia: w
999
+ "is-edit-mode": o.isEditMode,
1000
+ onOpenMedia: k
982
1001
  }, null, 8, ["available-players", "is-edit-mode"]))
983
- ])
1002
+ ], 512)
984
1003
  ], 4));
985
1004
  }
986
- }, ze = /* @__PURE__ */ Q(Fe, [["__scopeId", "data-v-378d650a"]]);
1005
+ }, He = /* @__PURE__ */ ot(Ze, [["__scopeId", "data-v-4899f6dd"]]);
987
1006
  export {
988
- ze as GSCTableScrollable
1007
+ He as GSCTableScrollable
989
1008
  };
package/dist/gsc-table-scrollable.umd.cjs CHANGED
@@ -1 +1 @@
1
- (function(w,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(w=typeof globalThis<"u"?globalThis:w||self,e(w.GSCTableScrollable={},w.Vue))})(this,function(w,e){"use strict";const M=(t,i)=>{const o=t.__vccOpts||t;for(const[d,p]of i)o[d]=p;return o},F={key:1},R={width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},D=["fill"],O={key:0,class:"checkbox__teams"},P={class:"checkbox__teams__logo"},A=["src"],W={class:"checkbox__teams__logo"},j=["src"],Z={__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 d=e.ref(!1),p=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 d.value?(c["background-color"]=o.boxBackgroundColor,c.border=`solid ${o.boxBorderWidth} ${o.boxBackgroundColor}`):c.border=`solid ${o.boxBorderWidth} ${o.boxBorderColor}`,c}),r=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!==d.value&&(d.value=c)},{immediate:!0});function C(){o.avoidInteraction||!d.value&&o.avoidToCheck||(d.value=!d.value,i("update:modelValue",d.value))}function u(c){return`${{}.TEAM_LOGOS_URL||"https://golstatsimages.blob.core.windows.net/teams-80/"}${c}.png`}return(c,S)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["checkbox",`box-${t.boxPosition}`]),onClick:C},[e.createElementVNode("div",{class:"checkbox__box",style:e.normalizeStyle(p.value)},[d.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(r.value)},e.toDisplayString(t.boxValue),5)):(e.openBlock(),e.createElementBlock("div",F,[(e.openBlock(),e.createElementBlock("svg",R,[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,D)]))]))],64)):e.createCommentVNode("",!0)],4),t.teamsIds&&t.teamsIds.length?(e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("div",P,[e.createElementVNode("img",{src:u(t.teamsIds[0]),alt:""},null,8,A)]),e.createElementVNode("div",W,[e.createElementVNode("img",{src:u(t.teamsIds[1]),alt:""},null,8,j)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"checkbox__label",style:e.normalizeStyle(g.value)},e.toDisplayString(t.label),5)],2))}},H=M(Z,[["__scopeId","data-v-b6f124d8"]]),G=(t,i)=>{const o=t.__vccOpts||t;for(const[d,p]of i)o[d]=p;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))}}},B=()=>{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}))},N=E.setup;E.setup=N?(t,i)=>(B(),N(t,i)):B;const q=t=>(e.pushScopeId("data-v-f3ee6b2b"),t=t(),e.popScopeId(),t),U=["src"],J={key:1,class:"text"},K=["src"],Q={class:"stats"},X=q(()=>e.createElementVNode("img",{class:"iconstats",src:"https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"},null,-1)),Y={class:"numstats"},v={class:"leyend"};function ee(t,i,o,d,p,r){return e.openBlock(),e.createElementBlock("div",null,[o.type==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["button",p.status&&o.typeOnOff&&"button-active"]),style:e.normalizeStyle([r.customStyle,p.status&&o.typeOnOff&&r.customActive]),onClick:i[0]||(i[0]=(...g)=>r.btnClick&&r.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,U)):e.createCommentVNode("",!0),o.textValue?(e.openBlock(),e.createElementBlock("div",J,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,K)):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)=>r.btnClick&&r.btnClick(...g))},[e.createElementVNode("div",Q,[X,e.createElementVNode("div",Y,e.toDisplayString(o.textStat),1)]),e.createElementVNode("div",v,e.toDisplayString(o.textCategory),1)])):e.createCommentVNode("",!0)])}const te=G(E,[["render",ee],["__scopeId","data-v-f3ee6b2b"]]),L=(t,i)=>{const o=t.__vccOpts||t;for(const[d,p]of i)o[d]=p;return o},oe=t=>(e.pushScopeId("data-v-d03b93c8"),t=t(),e.popScopeId(),t),le={key:0,class:"overlay"},se=oe(()=>e.createElementVNode("div",{class:"column-title-2"},null,-1)),ne=["onClick"],ie=L({__name:"ScrollColumns",props:{availablePlayers:{type:Array,default:()=>[]},isEditMode:{type:Boolean,default:!1}},emits:["expand","open-media"],setup(t,{expose:i,emit:o}){const d=t,p=e.ref(null),r=e.ref(null),g=e.ref(0);e.ref(!1);const C=e.computed(()=>{const f=d.availablePlayers[0];return f?f.stats:[]}),u=e.computed(()=>{const f=`repeat(${C.value.length}, max-content) 36px`;let m="";return g.value>0&&document.querySelectorAll(".column-title-2").forEach(k=>{m+=`${k.offsetWidth}px `}),{"--grid-template-columns":f,"--grid-template-columns-totals":m||f}});function c(){p.value=new ResizeObserver(f=>{for(const m of f){const{width:_}=m.contentRect;g.value=_}}),p.value.observe(r.value)}function S(f,m){const k=document.querySelectorAll(".scrollable-row-totals")[f+1];k&&(k.style.marginTop=`${m}px`)}function x({player:f,stat:m}){!m.total||m==="0%"||!m.seasons||!m.seasons.length||o("open-media",{...f,stat:m})}return e.onMounted(()=>{c()}),i({setMarginTopDetails:S}),(f,m)=>(e.openBlock(),e.createElementBlock("div",{class:"scroll-columns",style:e.normalizeStyle(u.value)},[t.isEditMode?(e.openBlock(),e.createElementBlock("div",le)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"titlesRow",ref:r,class:"scrollable-row-2"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,_=>(e.openBlock(),e.createElementBlock("div",{key:`t-${_.category_id}`,class:"column-title-2"},e.toDisplayString(_.name),1))),128)),se],512),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.availablePlayers,(_,k)=>(e.openBlock(),e.createElementBlock("div",{key:`i-${_.id}`,class:"row scrollable-row-totals"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.stats,b=>(e.openBlock(),e.createElementBlock("div",{key:b.category_id,class:e.normalizeClass(["row data-info",{odd:k%2!==0,underline:!!b.total&&b.total!=="0%"&&b.seasons&&b.seasons.length}]),onClick:z=>x({player:_,stat:b})},e.toDisplayString(b.total),11,ne))),128))]))),128))],4))}},[["__scopeId","data-v-d03b93c8"]]),h=t=>(e.pushScopeId("data-v-378d650a"),t=t(),e.popScopeId(),t),ae={class:"table__static-column"},de=h(()=>e.createElementVNode("div",{class:"static-title column-title"},null,-1)),re={class:"container"},ce={class:"details-row__info"},me={class:"details-row__info__personal"},pe={class:"bold"},he={class:"bold"},fe={class:"bold"},_e={class:"bold"},ge={class:"details-row__info__games"},ke={class:"bold"},be={class:"bold"},ye=["onClick"],Ce=[h(()=>e.createElementVNode("div",null,"Ver gráfica",-1)),h(()=>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))],ue=["onClick"],we=[h(()=>e.createElementVNode("div",null,"Eliminar de lista",-1)),h(()=>e.createElementVNode("svg",{width:"17",height:"15",viewBox:"0 0 20 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M13.3345 16.5001V14.8334C13.3345 13.9494 12.9833 13.1015 12.3582 12.4764C11.7331 11.8513 10.8852 11.5001 10.0012 11.5001H5.00126C4.11722 11.5001 3.26938 11.8513 2.64427 12.4764C2.01915 13.1015 1.66797 13.9494 1.66797 14.8334V16.5001",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M7.50126 8.16658C9.34219 8.16658 10.8346 6.67422 10.8346 4.83329C10.8346 2.99237 9.34219 1.5 7.50126 1.5C5.66033 1.5 4.16797 2.99237 4.16797 4.83329C4.16797 6.67422 5.66033 8.16658 7.50126 8.16658Z",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M18.332 8.16663H13.332",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})],-1))],Se=["onClick"],xe=[h(()=>e.createElementVNode("div",null,"Agregar a lista",-1)),h(()=>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))],Ee=["onClick"],Ve=[h(()=>e.createElementVNode("div",null,"Ver perfil",-1))],Be={class:"static-row__info-player"},Ne={class:"position"},Le=["onClick"],ze=[h(()=>e.createElementVNode("path",{d:"M13.3345 16.5001V14.8334C13.3345 13.9494 12.9833 13.1015 12.3582 12.4764C11.7331 11.8513 10.8852 11.5001 10.0012 11.5001H5.00126C4.11722 11.5001 3.26938 11.8513 2.64427 12.4764C2.01915 13.1015 1.66797 13.9494 1.66797 14.8334V16.5001",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)),h(()=>e.createElementVNode("path",{d:"M7.50126 8.16658C9.34219 8.16658 10.8346 6.67422 10.8346 4.83329C10.8346 2.99237 9.34219 1.5 7.50126 1.5C5.66033 1.5 4.16797 2.99237 4.16797 4.83329C4.16797 6.67422 5.66033 8.16658 7.50126 8.16658Z",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)),h(()=>e.createElementVNode("path",{d:"M18.332 8.16663H13.332",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1))],$e=["onClick"],Te=[h(()=>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)),h(()=>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)),h(()=>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))],Ie={class:"player-photo"},Me=["src"],Fe={class:"player-name"},Re={class:"arrow"},De=["onClick"],Oe=[h(()=>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))],Pe={class:"table__scrollable-columns"},Ae=e.createStaticVNode('<div class="titles scrollable-row" data-v-378d650a><div class="column-title" data-v-378d650a>Equipo</div><div class="column-title" data-v-378d650a>Posición</div><div class="column-title" data-v-378d650a>Edad</div><div class="column-title" data-v-378d650a>País</div><div class="column-title" data-v-378d650a>Partidos Jugados</div><div class="column-title" data-v-378d650a>Minutos Jugados</div><div class="column-title" data-v-378d650a>Liga</div><div class="column-title" data-v-378d650a>Videos</div><div class="column-title" data-v-378d650a></div></div>',1),We={class:"team-logo"},je=["src"],Ze={class:"team-name data-info"},He=["src"],Ge=L({__name:"GSC-TableScrollable",props:{players:{type:Array,default:()=>[]},isGeneral:{type:Boolean,default:!0},isEditMode:{type:Boolean,default:!1},isTableFromList:{type:Boolean,default:!1}},emits:["change-selected-players","view-profile","add-to-list","view-graph","open-media"],setup(t,{emit:i}){const o=t;let d=null,p=null;const r=e.ref([]),g=e.ref(null),C=e.ref(null),u=e.ref(0),c=e.ref(0),S=e.ref(-1);e.ref(!1);const x=e.ref(null),f=e.computed(()=>({"--width-details":`${u.value}px`,"--gap-static-row":`${m.value?"8px":"18px"}`,"--width-static-column":`${m.value?"50%":"256px"}`})),m=e.computed(()=>u.value<600);e.watch(()=>o.players,l=>{l&&l.length&&(r.value=l.map((n,s)=>{const a=s+1;return{...n,position:a<10?`0${a}`:`${a}`,isSelected:!1,isExpanded:!1,isOdd:s%2!==0,index:s}}))},{immediate:!0}),e.watch(()=>o.isEditMode,l=>{l&&r.value.forEach(n=>{n.isSelected=!1})}),e.watch(c,l=>{const s=document.querySelectorAll(".static-row")[S.value+1];s&&(s.style.marginTop=`${l}px`),o.isGeneral?_(S.value,l):C.value&&C.value.setMarginTopDetails(S.value,l),l===0&&x.value&&I(x.value)});function _(l,n){const a=document.querySelectorAll(".scrollable-row")[l+2];a&&(a.style.marginTop=`${n}px`)}function k(l){const n=l.player||l.objeto_player,s=n?n.player_id||n.id||n.playerId:l.id||l.player_id,a=n?n.team_id||n.teamId:l.team_id||l.teamId,y={isFeaturedPlayers:!1,mainSectionType:1,playListType:2,gameIds:null,playerIds:s?[s]:[],goalkeeperIds:[],teamId:a||0,matchResult:[1,2,3],categorySingleName:"",isRivalSubject:!1,avoidCategorySingleName:!1,currentPlayIndex:0,playData:null,lastClashedGameId:null,tournamentsLastClashes:null,advancedFilter:{playListTitle:"Jugadas Relevantes"}};if(l.stat&&l.stat.seasons&&l.stat.seasons.length||l.seasons&&l.seasons.length){const V=[...l.stat&&l.stat.seasons&&l.stat.seasons.length?l.stat.seasons:l.seasons];V.sort((Qe,Xe)=>Qe-Xe),y.seasonId=V.shift(),y.seasonsIds=V}else(l.season_id||l.seasonId)&&(y.seasonId=l.season_id||l.seasonId);l.stat?l.stat.category_id?y.categoryIds=l.stat.category_id:l.stat.custom_category_id&&(y.customCategoryIds=[l.stat.custom_category_id]):y.categoryIds=qe(l.player_position),i("open-media",y)}function b(){d=new ResizeObserver(l=>{for(const n of l)u.value=n.contentRect.width}),d.observe(g.value)}function z(l){p=new ResizeObserver(n=>{for(const s of n)c.value=s.contentRect.height}),p.observe(l)}function qe(l){return l==="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 Ue(l,n){n.isSelected=l;const s=r.value.filter(a=>a.isSelected);i("change-selected-players",s)}function Je(l){i("view-profile",l)}function $(l){i("delete-from-list",l)}function T(l){i("add-to-list",l)}function Ke(l){i("show-graph",l)}function I(l){if(l.isExpanded){l.isExpanded=!1,x.value=null;return}const n=r.value.find(y=>y.isExpanded);if(n&&(n.isExpanded=!1),n){x.value=l;return}const a=document.querySelectorAll(".details-row")[l.index];S.value=l.index,z(a),l.isExpanded=!0}return e.onMounted(()=>{b()}),(l,n)=>(e.openBlock(),e.createElementBlock("div",{class:"table",ref_key:"tableSC",ref:g,style:e.normalizeStyle(f.value)},[e.createElementVNode("div",ae,[de,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,s=>(e.openBlock(),e.createElementBlock("div",{key:`s-${s.id}`,class:e.normalizeClass(["row static-row",{odd:s.isOdd}])},[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["details-row",{odd:s.isOdd}])},[e.createElementVNode("div",re,[e.createElementVNode("div",ce,[e.createElementVNode("div",me,[e.createElementVNode("div",null,[e.createTextVNode("Equipo: "),e.createElementVNode("span",pe,e.toDisplayString(s.team_name),1)]),e.createElementVNode("div",null,[e.createTextVNode("Edad: "),e.createElementVNode("span",he,e.toDisplayString(s.player_age)+" Años",1)]),e.createElementVNode("div",null,[e.createTextVNode("Nacionalidad: "),e.createElementVNode("span",fe,e.toDisplayString(s.player_country),1)]),e.createElementVNode("div",null,[e.createTextVNode("Posición: "),e.createElementVNode("span",_e,e.toDisplayString(s.position_name),1)])]),e.createElementVNode("div",ge,[e.createElementVNode("div",null,[e.createTextVNode("Partidos Jugados: "),e.createElementVNode("span",ke,e.toDisplayString(s.player_games),1)]),e.createElementVNode("div",null,[e.createTextVNode("Minutos Jugados: "),e.createElementVNode("span",be,e.toDisplayString(s.player_min),1)])])]),e.createElementVNode("div",{class:"details-row__buttons",style:e.normalizeStyle(m.value?"margin-left: 0; gap: 8px;":"")},[e.createElementVNode("div",{role:"button",class:"button",onClick:a=>Ke(s)},Ce,8,ye),t.isTableFromList?(e.openBlock(),e.createElementBlock("div",{key:0,role:"button",class:"button",onClick:a=>$(s)},we,8,ue)):(e.openBlock(),e.createElementBlock("div",{key:1,role:"button",class:"button",onClick:a=>T(s)},xe,8,Se)),e.createElementVNode("div",{role:"button",class:"button green",onClick:a=>Je(s)},Ve,8,Ee)],4)])],2),[[e.vShow,s.isExpanded]])]),_:2},1024),t.isEditMode?(e.openBlock(),e.createBlock(e.unref(H),{key:0,fontFamily:"Poppins-Regular",labelFontSize:"14px","model-value":s.isSelected,"onUpdate:modelValue":a=>Ue(a,s)},null,8,["model-value","onUpdate:modelValue"])):e.createCommentVNode("",!0),e.createElementVNode("div",Be,[e.createElementVNode("div",Ne,e.toDisplayString(s.position),1),t.isTableFromList?(e.openBlock(),e.createElementBlock("svg",{key:0,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:a=>$(s)},ze,8,Le)):(e.openBlock(),e.createElementBlock("svg",{key:1,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:a=>T(s)},Te,8,$e)),e.createElementVNode("div",Ie,[e.createElementVNode("div",null,[e.createElementVNode("img",{src:s.player_photo,alt:"player photo"},null,8,Me)])]),e.createElementVNode("div",Fe,e.toDisplayString(s.player_name),1)]),e.createElementVNode("div",Re,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5",{expanded:s.isExpanded}]),width:"12",height:"8",viewBox:"0 0 12 8",fill:"#D9D9D9",xmlns:"http://www.w3.org/2000/svg",onClick:a=>I(s)},Oe,10,De))])],2))),128))]),e.createElementVNode("div",Pe,[t.isGeneral?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[Ae,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,s=>(e.openBlock(),e.createElementBlock("div",{key:`i-${s.id}`,class:"row scrollable-row"},[e.createElementVNode("div",{class:e.normalizeClass(["row team-info",{odd:s.isOdd}])},[e.createElementVNode("div",We,[e.createElementVNode("img",{src:s.team_logo,alt:"team logo"},null,8,je)]),e.createElementVNode("div",Ze,e.toDisplayString(s.team_abrev),1)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.player_position),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.player_age),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},[e.createElementVNode("img",{src:s.player_country_flag,alt:"player country flag",class:"country-flag"},null,8,He)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.player_games),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.player_min),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.league_name),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},[e.createVNode(e.unref(te),{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:a=>k(s)},null,8,["onClick"])],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},null,2)]))),128))],64)):(e.openBlock(),e.createBlock(ie,{key:1,ref_key:"scrollColumns",ref:C,"available-players":r.value,"is-edit-mode":t.isEditMode,onOpenMedia:k},null,8,["available-players","is-edit-mode"]))])],4))}},[["__scopeId","data-v-378d650a"]]);w.GSCTableScrollable=Ge,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
1
+ (function(w,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(w=typeof globalThis<"u"?globalThis:w||self,e(w.GSCTableScrollable={},w.Vue))})(this,function(w,e){"use strict";const P=(o,a)=>{const l=o.__vccOpts||o;for(const[d,f]of a)l[d]=f;return l},A={key:1},W={width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},j=["fill"],Z={key:0,class:"checkbox__teams"},H={class:"checkbox__teams__logo"},G=["src"],U={class:"checkbox__teams__logo"},q=["src"],v={__name:"GSC-Checkbox",props:{width:{type:String,default:"fit-content"},height:{type:String,default:"fit-content"},label:{type:String,default:""},labelWhiteSpace:{type:String,default:"normal"},labelColor:{type:String,default:"white"},fontFamily:{type:String,default:"sans-serif"},labelFontSize:{type:String,default:"12px"},modelValue:{type:Boolean,default:!1},justifyContent:{type:String,default:"flex-start"},alignItems:{type:String,default:"center"},boxBackgroundColor:{type:String,default:"#CBEE6B"},boxValueColor:{type:String,default:"#0d1d29"},boxValue:{type:[String,Number],default:""},boxPosition:{type:String,default:"left",validator(o){return["left","right","top","bottom"].includes(o)}},boxMarginTop:{type:String,default:"0.2em"},boxWidthAndHeight:{type:String,default:"16px"},boxBorderColor:{type:String,default:"#969da2"},boxBorderWidth:{type:String,default:"2px"},boxBorderRadius:{type:String,default:"4px"},boxValueFontSize:{type:String,default:"10px"},boxValueFontFamily:{type:String,default:"sans-serif"},avoidInteraction:{type:Boolean,default:!1},avoidToCheck:{type:Boolean,default:!1},isBoxOnly:{type:Boolean,default:!1},teamsIds:{type:Array,default:()=>null}},emits:["update:modelValue"],setup(o,{emit:a}){const l=o;e.useCssVars(m=>({"7bd9d47b":o.width,"34dc7ddc":o.height}));const d=e.ref(!1),f=e.computed(()=>{const m={color:l.boxValueColor,"font-family":l.fontFamily,height:l.boxWidthAndHeight,width:l.boxWidthAndHeight,minWidth:l.boxWidthAndHeight,"border-radius":l.boxBorderRadius,"margin-top":l.boxMarginTop};return d.value?(m["background-color"]=l.boxBackgroundColor,m.border=`solid ${l.boxBorderWidth} ${l.boxBackgroundColor}`):m.border=`solid ${l.boxBorderWidth} ${l.boxBorderColor}`,m}),c=e.computed(()=>({"font-family":l.boxValueFontFamily,"font-size":l.boxValueFontSize,color:l.boxValueColor,"line-height":1})),g=e.computed(()=>{const m={color:l.labelColor,"font-family":l.fontFamily,"font-size":l.labelFontSize,"white-space":l.labelWhiteSpace,"text-align":l.boxPosition==="top"||l.boxPosition==="bottom"?"center":l.boxPosition};return(l.boxPosition==="left"||l.boxPosition==="right")&&(m[`margin-${l.boxPosition}`]=l.isBoxOnly?"0":l.teamsIds?"8px":"10px"),m});e.watch(()=>l.modelValue,m=>{m!==d.value&&(d.value=m)},{immediate:!0});function y(){l.avoidInteraction||!d.value&&l.avoidToCheck||(d.value=!d.value,a("update:modelValue",d.value))}function C(m){return`${{}.TEAM_LOGOS_URL||"https://golstatsimages.blob.core.windows.net/teams-80/"}${m}.png`}return(m,E)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["checkbox",`box-${o.boxPosition}`]),onClick:y},[e.createElementVNode("div",{class:"checkbox__box",style:e.normalizeStyle(f.value)},[d.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.boxValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"checkbox__box__value",style:e.normalizeStyle(c.value)},e.toDisplayString(o.boxValue),5)):(e.openBlock(),e.createElementBlock("div",A,[(e.openBlock(),e.createElementBlock("svg",W,[e.createElementVNode("path",{d:"M9.77994 1.70133L4.10994 7.37133C3.96994 7.51133 3.77994 7.59133 3.57994 7.59133C3.37994 7.59133 3.18994 7.51133 3.04994 7.37133L0.219941 4.54133C-0.0700586 4.25133 -0.0700586 3.77133 0.219941 3.48133C0.509941 3.19133 0.989941 3.19133 1.27994 3.48133L3.57994 5.78133L8.71994 0.641328C9.00994 0.351328 9.48994 0.351328 9.77994 0.641328C10.0699 0.931328 10.0699 1.40133 9.77994 1.70133Z",fill:o.boxValueColor},null,8,j)]))]))],64)):e.createCommentVNode("",!0)],4),o.teamsIds&&o.teamsIds.length?(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("div",H,[e.createElementVNode("img",{src:C(o.teamsIds[0]),alt:""},null,8,G)]),e.createElementVNode("div",U,[e.createElementVNode("img",{src:C(o.teamsIds[1]),alt:""},null,8,q)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"checkbox__label",style:e.normalizeStyle(g.value)},e.toDisplayString(o.label),5)],2))}},J=P(v,[["__scopeId","data-v-b6f124d8"]]),X=(o,a)=>{const l=o.__vccOpts||o;for(const[d,f]of a)l[d]=f;return l},V={props:{type:{type:Number,default:0},value:{type:Boolean,default:!1},textValue:String,icon:String,iconPosition:{type:String,default:"left"},iconSize:String,fontColor:{type:String,default:"#FFFFFF"},textDecoration:String,fontSize:{type:String,default:"16px"},fontSizeStat:{type:String,default:"16px"},fontStyle:String,fontFamily:{type:String,default:"Poppins-Regular"},height:{type:String,default:"fit-content"},width:{type:String,default:"fit-content"},borderRadius:{type:String,default:"0px"},borderType:{type:String,default:"solid"},borderWidth:{type:Number,default:0},borderWidthBtn:{type:String,default:"2px"},borderColor:String,backgroundColor:{type:String,default:"none"},activeBackgroundColor:{type:String,default:"#000000"},activeBorderWidth:{type:Number,default:2},activeBorderType:{type:String,default:"solid"},activeBorderColor:{type:String,default:"#cbee6b"},activeColorText:{type:String,default:"#FFFFFF"},cursorType:{type:String,default:"default"},typeOnOff:{type:Boolean,default:!1},textCategory:String,textStat:String,marginLeftStat:{type:String,default:"15%"}},watch:{value:{deep:!0,immediate:!0,handler(o){this.status=o}}},data(){return{status:!1}},computed:{customStyle(){return{height:this.height,width:this.width,backgroundColor:this.backgroundColor,borderRadius:this.borderRadius,border:`${this.borderType} ${this.borderWidth}px ${this.borderColor}`,color:this.fontColor,textDecoration:this.textDecoration,cursor:this.cursorType,fontSize:this.fontSize,fontStyle:this.fontStyle,fontFamily:`${this.fontFamily} !important`}},customActive(){return{backgroundColor:this.activeBackgroundColor,color:this.activeColorText,border:`${this.activeBorderType} ${this.activeBorderWidth}px ${this.activeBorderColor}`}}},methods:{btnClick(o){this.$emit("click",o),this.typeOnOff&&(this.status=!this.status,this.$emit("status",this.status))}}},L=()=>{e.useCssVars(o=>({"9d01acb4":o.height,"14e95081":o.borderWidthBtn,"38fec285":o.borderType,34353510:o.borderColor,"20d20dc6":o.borderRadius,17130967:o.width,"4ccb7d36":o.backgroundColor,"5d1e86a2":o.cursorType,ce65d4a2:o.fontSize,fe4ac47a:o.fontStyle,f98e44dc:o.fontFamily,"93b87770":o.marginLeftStat,c7f7beba:o.fontSizeStat}))},z=V.setup;V.setup=z?(o,a)=>(L(),z(o,a)):L;const K=o=>(e.pushScopeId("data-v-f3ee6b2b"),o=o(),e.popScopeId(),o),Q=["src"],Y={key:1,class:"text"},ee=["src"],te={class:"stats"},oe=K(()=>e.createElementVNode("img",{class:"iconstats",src:"https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"},null,-1)),le={class:"numstats"},se={class:"leyend"};function ne(o,a,l,d,f,c){return e.openBlock(),e.createElementBlock("div",null,[l.type==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["button",f.status&&l.typeOnOff&&"button-active"]),style:e.normalizeStyle([c.customStyle,f.status&&l.typeOnOff&&c.customActive]),onClick:a[0]||(a[0]=(...g)=>c.btnClick&&c.btnClick(...g))},[l.icon&&l.iconPosition.toLowerCase()==="left"?(e.openBlock(),e.createElementBlock("img",{key:0,class:"icon",style:e.normalizeStyle({width:l.iconSize}),src:l.icon},null,12,Q)):e.createCommentVNode("",!0),l.textValue?(e.openBlock(),e.createElementBlock("div",Y,e.toDisplayString(l.textValue),1)):e.createCommentVNode("",!0),l.icon&&l.iconPosition.toLowerCase()==="right"?(e.openBlock(),e.createElementBlock("img",{key:2,class:"icon",style:e.normalizeStyle({width:l.iconSize}),src:l.icon},null,12,ee)):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0),l.type==1?(e.openBlock(),e.createElementBlock("div",{key:1,class:"button-target",onClick:a[1]||(a[1]=(...g)=>c.btnClick&&c.btnClick(...g))},[e.createElementVNode("div",te,[oe,e.createElementVNode("div",le,e.toDisplayString(l.textStat),1)]),e.createElementVNode("div",se,e.toDisplayString(l.textCategory),1)])):e.createCommentVNode("",!0)])}const ie=X(V,[["render",ne],["__scopeId","data-v-f3ee6b2b"]]),$=(o,a)=>{const l=o.__vccOpts||o;for(const[d,f]of a)l[d]=f;return l},ae=o=>(e.pushScopeId("data-v-9949c723"),o=o(),e.popScopeId(),o),de={key:0,class:"overlay"},re=ae(()=>e.createElementVNode("div",{class:"column-title-2"},null,-1)),ce=["onClick"],me=$({__name:"ScrollColumns",props:{availablePlayers:{type:Array,default:()=>[]},isEditMode:{type:Boolean,default:!1}},emits:["expand","open-media"],setup(o,{expose:a,emit:l}){const d=o,f=e.ref(null),c=e.ref(null),g=e.ref(0);e.ref(!1);const y=e.computed(()=>{const n=d.availablePlayers[0];return n?n.stats:[]}),C=e.computed(()=>{const n=`repeat(${y.value.length}, max-content) 36px`;let h="";return g.value>0&&document.querySelectorAll(".column-title-2").forEach(k=>{h+=`${k.offsetWidth}px `}),{"--grid-template-columns":n,"--grid-template-columns-totals":h||n}});function m(){f.value=new ResizeObserver(n=>{for(const h of n){const{width:_}=h.contentRect;g.value=_}}),f.value.observe(c.value)}function E(n,h){const k=document.querySelectorAll(".scrollable-row-totals")[n+1];k&&(k.style.marginTop=`${h}px`)}function S({player:n,stat:h}){!h.total||h==="0%"||!h.seasons||!h.seasons.length||l("open-media",{...n,stat:h})}return e.onMounted(()=>{m()}),a({setMarginTopDetails:E}),(n,h)=>(e.openBlock(),e.createElementBlock("div",{class:"scroll-columns",style:e.normalizeStyle(C.value)},[o.isEditMode?(e.openBlock(),e.createElementBlock("div",de)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"titlesRow",ref:c,class:"scrollable-row-2"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(_,k)=>(e.openBlock(),e.createElementBlock("div",{key:`t-${k}`,class:"column-title-2"},e.toDisplayString(_.name),1))),128)),re],512),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.availablePlayers,(_,k)=>(e.openBlock(),e.createElementBlock("div",{key:`i-${_.id}`,class:"row scrollable-row-totals"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.stats,u=>(e.openBlock(),e.createElementBlock("div",{key:u.category_id,class:e.normalizeClass(["row data-info",{odd:k%2!==0,underline:!!u.total&&u.total!=="0%"&&u.seasons&&u.seasons.length}]),onClick:T=>S({player:_,stat:u})},e.toDisplayString(u.total),11,ce))),128))]))),128))],4))}},[["__scopeId","data-v-9949c723"]]),p=o=>(e.pushScopeId("data-v-4899f6dd"),o=o(),e.popScopeId(),o),fe={class:"table__static-column"},pe=p(()=>e.createElementVNode("div",{class:"static-title column-title"},null,-1)),he={class:"container"},_e={class:"details-row__info"},ge={class:"details-row__info__personal"},ke={class:"bold"},ue={class:"bold"},be={class:"bold"},ye={class:"bold"},Ce={class:"details-row__info__games"},we={class:"bold"},Ee={class:"bold"},Se=["onClick"],xe=[p(()=>e.createElementVNode("div",null,"Ver gráfica",-1)),p(()=>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))],Ve=["onClick"],Be=[p(()=>e.createElementVNode("div",null,"Eliminar de lista",-1)),p(()=>e.createElementVNode("svg",{width:"17",height:"15",viewBox:"0 0 20 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M13.3345 16.5001V14.8334C13.3345 13.9494 12.9833 13.1015 12.3582 12.4764C11.7331 11.8513 10.8852 11.5001 10.0012 11.5001H5.00126C4.11722 11.5001 3.26938 11.8513 2.64427 12.4764C2.01915 13.1015 1.66797 13.9494 1.66797 14.8334V16.5001",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M7.50126 8.16658C9.34219 8.16658 10.8346 6.67422 10.8346 4.83329C10.8346 2.99237 9.34219 1.5 7.50126 1.5C5.66033 1.5 4.16797 2.99237 4.16797 4.83329C4.16797 6.67422 5.66033 8.16658 7.50126 8.16658Z",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M18.332 8.16663H13.332",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})],-1))],Ne=["onClick"],Le=[p(()=>e.createElementVNode("div",null,"Agregar a lista",-1)),p(()=>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))],ze=["onClick"],$e=[p(()=>e.createElementVNode("div",null,"Ver perfil",-1))],Te={class:"static-row__info-player"},Ie={class:"position"},Me=["onClick"],De=[p(()=>e.createElementVNode("path",{d:"M13.3345 16.5001V14.8334C13.3345 13.9494 12.9833 13.1015 12.3582 12.4764C11.7331 11.8513 10.8852 11.5001 10.0012 11.5001H5.00126C4.11722 11.5001 3.26938 11.8513 2.64427 12.4764C2.01915 13.1015 1.66797 13.9494 1.66797 14.8334V16.5001",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)),p(()=>e.createElementVNode("path",{d:"M7.50126 8.16658C9.34219 8.16658 10.8346 6.67422 10.8346 4.83329C10.8346 2.99237 9.34219 1.5 7.50126 1.5C5.66033 1.5 4.16797 2.99237 4.16797 4.83329C4.16797 6.67422 5.66033 8.16658 7.50126 8.16658Z",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)),p(()=>e.createElementVNode("path",{d:"M18.332 8.16663H13.332",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1))],Fe=["onClick"],Re=[p(()=>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)),p(()=>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)),p(()=>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))],Oe={class:"player-photo"},Pe=["src"],Ae={class:"player-name"},We={class:"arrow"},je=["onClick"],Ze=[p(()=>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))],He=e.createStaticVNode('<div class="titles scrollable-row" data-v-4899f6dd><div class="column-title" data-v-4899f6dd>Equipo</div><div class="column-title" data-v-4899f6dd>Posición</div><div class="column-title" data-v-4899f6dd>Edad</div><div class="column-title" data-v-4899f6dd>País</div><div class="column-title" data-v-4899f6dd>Partidos Jugados</div><div class="column-title" data-v-4899f6dd>Minutos Jugados</div><div class="column-title" data-v-4899f6dd>Liga</div><div class="column-title" data-v-4899f6dd>Videos</div><div class="column-title" data-v-4899f6dd></div></div>',1),Ge={class:"team-logo"},Ue=["src"],qe={class:"team-name data-info"},ve=["src"],Je=$({__name:"GSC-TableScrollable",props:{players:{type:Array,default:()=>[]},isGeneral:{type:Boolean,default:!0},isEditMode:{type:Boolean,default:!1},isTableFromList:{type:Boolean,default:!1}},emits:["change-selected-players","view-profile","add-to-list","view-graph","open-media"],setup(o,{emit:a}){const l=o;let d=null,f=null;const c=e.ref([]),g=e.ref(null),y=e.ref(null),C=e.ref(0),m=e.ref(0),E=e.ref(-1);e.ref(!1);const S=e.ref(null),n=e.ref(null),h=e.computed(()=>({"--width-details":`${C.value}px`,"--gap-static-row":`${_.value?"8px":"18px"}`,"--width-static-column":`${_.value?"50%":"256px"}`})),_=e.computed(()=>C.value<600);e.watch(()=>l.players,t=>{t&&t.length&&(c.value=t.map((i,s)=>{const r=s+1;return{...i,position:r<10?`0${r}`:`${r}`,isSelected:!1,isExpanded:!1,isOdd:s%2!==0,index:s}}))},{immediate:!0}),e.watch(()=>l.isEditMode,t=>{t&&c.value.forEach(i=>{i.isSelected=!1})}),e.watch(m,t=>{const s=document.querySelectorAll(".static-row")[E.value+1];s&&(s.style.marginTop=`${t}px`),l.isGeneral?k(E.value,t):y.value&&y.value.setMarginTopDetails(E.value,t),t===0&&S.value&&D(S.value)});function k(t,i){const r=document.querySelectorAll(".scrollable-row")[t+2];r&&(r.style.marginTop=`${i}px`)}function u(t){const i=t.player||t.objeto_player,s=i?i.player_id||i.id||i.playerId:t.id||t.player_id,r=i?i.team_id||i.teamId:t.team_id||t.teamId,b={isFeaturedPlayers:!1,mainSectionType:1,playListType:2,gameIds:null,playerIds:s?[s]:[],goalkeeperIds:[],teamId:r||0,matchResult:[1,2,3],categorySingleName:"",isRivalSubject:!1,avoidCategorySingleName:!1,currentPlayIndex:0,playData:null,lastClashedGameId:null,tournamentsLastClashes:null,advancedFilter:{playListTitle:"Jugadas Relevantes"}};if(t.stat&&t.stat.seasons&&t.stat.seasons.length||t.seasons&&t.seasons.length){const N=[...t.stat&&t.stat.seasons&&t.stat.seasons.length?t.stat.seasons:t.seasons];N.sort((ot,lt)=>ot-lt),b.seasonId=N.shift(),b.seasonsIds=N}else(t.season_id||t.seasonId)&&(b.seasonId=t.season_id||t.seasonId);t.stat?t.stat.category_id?b.categoryIds=t.stat.category_id:t.stat.custom_category_id&&(b.customCategoryIds=[t.stat.custom_category_id]):b.categoryIds=Ke(t.player_position),a("open-media",b)}function T(){d=new ResizeObserver(t=>{for(const i of t)C.value=i.contentRect.width}),d.observe(g.value)}function Xe(t){f=new ResizeObserver(i=>{for(const s of i)m.value=s.contentRect.height}),f.observe(t)}function Ke(t){return t==="POR"?[39,40,52,53,54,55,323,324,608,774,802]:[10,12,14,15,27,35,61,217,257,466,519,607,702,730,98,101,109,112,121,122,127,128,135,136,141,142,161,170,179,211,232,235,239,242,282,284,289,291,296,485,486,487,488]}function Qe(t,i){i.isSelected=t;const s=c.value.filter(r=>r.isSelected);a("change-selected-players",s)}function Ye(t){a("view-profile",t)}function I(t){a("delete-from-list",t)}function M(t){a("add-to-list",t)}function et(t){a("show-graph",t)}function D(t){if(t.isExpanded){t.isExpanded=!1,S.value=null;return}const i=c.value.find(b=>b.isExpanded);if(i&&(i.isExpanded=!1),i){S.value=t;return}const r=document.querySelectorAll(".details-row")[t.index];E.value=t.index,Xe(r),t.isExpanded=!0}let B=!1,F,R,O=function(t){B=!0,F=t.pageX-n.value.offsetLeft,R=n.value.scrollLeft},x=function(){B=!1};function tt(){n.value&&(n.value.addEventListener("mousemove",t=>{if(!B)return;const s=t.pageX-n.value.offsetLeft-F;n.value.scrollLeft=R-s}),n.value.addEventListener("mousedown",O,!1),n.value.addEventListener("mouseup",x,!1),n.value.addEventListener("mouseleave",x,!1))}return e.onMounted(()=>{T(),tt()}),e.onBeforeUnmount(()=>{d&&d.disconnect(),f&&f.disconnect(),n.value&&(n.value.removeEventListener("mousemove",O,!1),n.value.removeEventListener("mouseup",x,!1),n.value.removeEventListener("mouseleave",x,!1))}),(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:"table",ref_key:"tableSC",ref:g,style:e.normalizeStyle(h.value)},[e.createElementVNode("div",fe,[pe,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,s=>(e.openBlock(),e.createElementBlock("div",{key:`s-${s.id}`,class:e.normalizeClass(["row static-row",{odd:s.isOdd}])},[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["details-row",{odd:s.isOdd}])},[e.createElementVNode("div",he,[e.createElementVNode("div",_e,[e.createElementVNode("div",ge,[e.createElementVNode("div",null,[e.createTextVNode("Equipo: "),e.createElementVNode("span",ke,e.toDisplayString(s.team_name),1)]),e.createElementVNode("div",null,[e.createTextVNode("Edad: "),e.createElementVNode("span",ue,e.toDisplayString(s.player_age)+" Años",1)]),e.createElementVNode("div",null,[e.createTextVNode("Nacionalidad: "),e.createElementVNode("span",be,e.toDisplayString(s.player_country),1)]),e.createElementVNode("div",null,[e.createTextVNode("Posición: "),e.createElementVNode("span",ye,e.toDisplayString(s.position_name),1)])]),e.createElementVNode("div",Ce,[e.createElementVNode("div",null,[e.createTextVNode("Partidos Jugados: "),e.createElementVNode("span",we,e.toDisplayString(s.player_games),1)]),e.createElementVNode("div",null,[e.createTextVNode("Minutos Jugados: "),e.createElementVNode("span",Ee,e.toDisplayString(s.player_min),1)])])]),e.createElementVNode("div",{class:"details-row__buttons",style:e.normalizeStyle(_.value?"margin-left: 0; gap: 8px;":"")},[e.createElementVNode("div",{role:"button",class:"button",onClick:r=>et(s)},xe,8,Se),o.isTableFromList?(e.openBlock(),e.createElementBlock("div",{key:0,role:"button",class:"button",onClick:r=>I(s)},Be,8,Ve)):(e.openBlock(),e.createElementBlock("div",{key:1,role:"button",class:"button",onClick:r=>M(s)},Le,8,Ne)),e.createElementVNode("div",{role:"button",class:"button green",onClick:r=>Ye(s)},$e,8,ze)],4)])],2),[[e.vShow,s.isExpanded]])]),_:2},1024),o.isEditMode?(e.openBlock(),e.createBlock(e.unref(J),{key:0,fontFamily:"Poppins-Regular",labelFontSize:"14px","model-value":s.isSelected,"onUpdate:modelValue":r=>Qe(r,s)},null,8,["model-value","onUpdate:modelValue"])):e.createCommentVNode("",!0),e.createElementVNode("div",Te,[e.createElementVNode("div",Ie,e.toDisplayString(s.position),1),o.isTableFromList?(e.openBlock(),e.createElementBlock("svg",{key:0,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:r=>I(s)},De,8,Me)):(e.openBlock(),e.createElementBlock("svg",{key:1,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:r=>M(s)},Re,8,Fe)),e.createElementVNode("div",Oe,[e.createElementVNode("div",null,[e.createElementVNode("img",{src:s.player_photo,alt:"player photo"},null,8,Pe)])]),e.createElementVNode("div",Ae,e.toDisplayString(s.player_name),1)]),e.createElementVNode("div",We,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5",{expanded:s.isExpanded}]),width:"12",height:"8",viewBox:"0 0 12 8",fill:"#D9D9D9",xmlns:"http://www.w3.org/2000/svg",onClick:r=>D(s)},Ze,10,je))])],2))),128))]),e.createElementVNode("div",{ref_key:"scrollableColumns",ref:n,class:"table__scrollable-columns"},[o.isGeneral?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[He,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,s=>(e.openBlock(),e.createElementBlock("div",{key:`i-${s.id}`,class:"row scrollable-row"},[e.createElementVNode("div",{class:e.normalizeClass(["row team-info",{odd:s.isOdd}])},[e.createElementVNode("div",Ge,[e.createElementVNode("img",{src:s.team_logo,alt:"team logo"},null,8,Ue)]),e.createElementVNode("div",qe,e.toDisplayString(s.team_abrev),1)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.player_position),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.player_age),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},[e.createElementVNode("img",{src:s.player_country_flag,alt:"player country flag",class:"country-flag"},null,8,ve)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.player_games),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.player_min),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},e.toDisplayString(s.league_name),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},[e.createVNode(e.unref(ie),{icon:"https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png","icon-size":"19px","icon-position":"left",width:"98px",height:"30px","border-radius":"30px","border-width":"1","background-color":"#ffffff1a","font-family":"Poppins-Regular","border-color":"#55636e","text-value":"Ver videos","font-size":"10px",onClick:r=>u(s)},null,8,["onClick"])],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:s.isOdd}])},null,2)]))),128))],64)):(e.openBlock(),e.createBlock(me,{key:1,ref_key:"scrollColumns",ref:y,"available-players":c.value,"is-edit-mode":o.isEditMode,onOpenMedia:u},null,8,["available-players","is-edit-mode"]))],512)],4))}},[["__scopeId","data-v-4899f6dd"]]);w.GSCTableScrollable=Je,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@golstats/gsc-table-scrollable",
3
- "version": "1.0.8",
3
+ "version": "1.0.10",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"