@golstats/gsc-table-scrollable 1.0.0 → 1.0.1

package/dist/gsc-table-scrollable.css

@@ -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-95767312]{cursor:pointer}.expanded[data-v-95767312]{transform:rotate(180deg)}.scrollable-row-2[data-v-95767312]{display:grid;grid-template-columns:var(--grid-template-columns);width:fit-content}.scrollable-row-totals[data-v-95767312]{display:grid;grid-template-columns:var(--grid-template-columns-totals);width:fit-content;transition:all .3s ease}.titles[data-v-95767312]{width:100%}.column-title-2[data-v-95767312]{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-95767312]{height:72px;border-bottom:solid 1px rgba(255,255,255,.1);background-color:#111d28}.row.odd[data-v-95767312]{background-color:#172531}.scroll-columns[data-v-95767312]{display:flex;flex-direction:column;position:relative}.overlay[data-v-95767312]{position:absolute;top:71px;left:0;right:0;bottom:0;background-color:#0009;z-index:1}.underline[data-v-95767312]{text-decoration:underline;cursor:pointer}.data-info[data-v-95767312]{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-95767312]{cursor:pointer}.button[data-v-dbafbc83]{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-dbafbc83]{border:solid 1px #cbee6b}svg[data-v-dbafbc83]{cursor:pointer}.arrow[data-v-dbafbc83]{cursor:pointer;transition:ease .3s;min-width:12px;align-self:center}.expanded[data-v-dbafbc83]{transform:rotate(180deg)}.country-flag[data-v-dbafbc83]{width:14px;height:auto}.team-info[data-v-dbafbc83]{display:flex;justify-content:center;align-items:center;gap:12px}.team-info>.team-logo[data-v-dbafbc83]{width:25px;height:25px}.team-info>.team-logo>img[data-v-dbafbc83]{width:25px;height:25px}.underline[data-v-dbafbc83]{text-decoration:underline}.data-info[data-v-dbafbc83]{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-dbafbc83]{display:grid;grid-template-columns:104px 100px 100px 100px 100px 100px 104px 114px 100px;transition:ease .3s}.titles[data-v-dbafbc83]{width:100%}.row[data-v-dbafbc83]{height:72px;border-bottom:solid 1px rgba(255,255,255,.1);background-color:#111d28}.row.odd[data-v-dbafbc83]{background-color:#172531}.column-title[data-v-dbafbc83]{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-dbafbc83]{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-dbafbc83]{width:calc(var(--width-details) - 80px);padding:16px 40px 0;display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap}.details-row>.container>div[data-v-dbafbc83]{margin-bottom:24px}.details-row__info[data-v-dbafbc83]{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-dbafbc83]{margin:0 40px}.details-row__info span.bold[data-v-dbafbc83]{font-family:Poppins-Medium,sans-serif}.details-row__buttons[data-v-dbafbc83]{display:flex;align-items:center;gap:16px;margin-left:40px}.details-row.odd[data-v-dbafbc83]{background-color:#172531}.static-row[data-v-dbafbc83]{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-dbafbc83]{display:flex;justify-content:flex-start;align-items:center;gap:var(--gap-static-row);overflow:hidden}.static-row__info-player>.position[data-v-dbafbc83]{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-dbafbc83]{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-dbafbc83]{width:32px;height:32px;border-radius:50%;background-color:#fff}.player-photo>div[data-v-dbafbc83]{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-dbafbc83]{width:40px;height:auto}.table[data-v-dbafbc83]{width:100%;height:fit-content;display:flex;justify-content:flex-start;align-items:flex-start}.table__static-column[data-v-dbafbc83]{width:var(--width-static-column);min-width:var(--width-static-column);background-color:#1e3142}.table__scrollable-columns[data-v-dbafbc83]{width:100%;overflow-x:scroll}
+.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-b4e23a18]{cursor:pointer}.expanded[data-v-b4e23a18]{transform:rotate(180deg)}.scrollable-row-2[data-v-b4e23a18]{display:grid;grid-template-columns:var(--grid-template-columns);width:fit-content}.scrollable-row-totals[data-v-b4e23a18]{display:grid;grid-template-columns:var(--grid-template-columns-totals);width:fit-content;transition:all .3s ease}.titles[data-v-b4e23a18]{width:100%}.column-title-2[data-v-b4e23a18]{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-b4e23a18]{height:72px;border-bottom:solid 1px rgba(255,255,255,.1);background-color:#111d28}.row.odd[data-v-b4e23a18]{background-color:#172531}.scroll-columns[data-v-b4e23a18]{display:flex;flex-direction:column;position:relative}.overlay[data-v-b4e23a18]{position:absolute;top:71px;left:0;right:0;bottom:0;background-color:#0009;z-index:1}.underline[data-v-b4e23a18]{text-decoration:underline;cursor:pointer}.data-info[data-v-b4e23a18]{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-b4e23a18]{cursor:pointer}.button[data-v-03f58297]{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-03f58297]{border:solid 1px #cbee6b}svg[data-v-03f58297]{cursor:pointer}.arrow[data-v-03f58297]{cursor:pointer;transition:ease .3s;min-width:12px;align-self:center}.expanded[data-v-03f58297]{transform:rotate(180deg)}.country-flag[data-v-03f58297]{width:14px;height:auto}.team-info[data-v-03f58297]{display:flex;justify-content:center;align-items:center;gap:12px}.team-info>.team-logo[data-v-03f58297]{width:25px;height:25px}.team-info>.team-logo>img[data-v-03f58297]{width:25px;height:25px}.underline[data-v-03f58297]{text-decoration:underline}.data-info[data-v-03f58297]{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-03f58297]{display:grid;grid-template-columns:104px 100px 100px 100px 100px 100px 104px 114px 100px;transition:ease .3s}.titles[data-v-03f58297]{width:100%}.row[data-v-03f58297]{height:72px;border-bottom:solid 1px rgba(255,255,255,.1);background-color:#111d28}.row.odd[data-v-03f58297]{background-color:#172531}.column-title[data-v-03f58297]{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-03f58297]{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-03f58297]{width:calc(var(--width-details) - 80px);padding:16px 40px 0;display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap}.details-row>.container>div[data-v-03f58297]{margin-bottom:24px}.details-row__info[data-v-03f58297]{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-03f58297]{margin:0 40px}.details-row__info span.bold[data-v-03f58297]{font-family:Poppins-Medium,sans-serif}.details-row__buttons[data-v-03f58297]{display:flex;align-items:center;gap:16px;margin-left:40px}.details-row.odd[data-v-03f58297]{background-color:#172531}.static-row[data-v-03f58297]{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-03f58297]{display:flex;justify-content:flex-start;align-items:center;gap:var(--gap-static-row);overflow:hidden}.static-row__info-player>.position[data-v-03f58297]{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-03f58297]{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-03f58297]{width:32px;height:32px;border-radius:50%;background-color:#fff}.player-photo>div[data-v-03f58297]{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-03f58297]{width:40px;height:auto}.table[data-v-03f58297]{width:100%;height:fit-content;display:flex;justify-content:flex-start;align-items:flex-start}.table__static-column[data-v-03f58297]{width:var(--width-static-column);min-width:var(--width-static-column);background-color:#1e3142}.table__scrollable-columns[data-v-03f58297]{width:100%;overflow-x:scroll}

package/dist/gsc-table-scrollable.js

@@ -1,19 +1,19 @@
-import { useCssVars as J, ref as m, computed as V, watch as P, createElementBlock as a, openBlock as l, normalizeClass as h, createElementVNode as t, createCommentVNode as k, normalizeStyle as L, Fragment as R, toDisplayString as r, pushScopeId as z, popScopeId as D, onMounted as K, renderList as I, createVNode as H, createBlock as j, Transition as et, withCtx as ot, withDirectives as st, createTextVNode as M, vShow as it, unref as G, createStaticVNode as lt } from "vue";
-const at = (e, d) => {
+import { useCssVars as q, ref as m, computed as B, watch as I, createElementBlock as a, openBlock as l, normalizeClass as h, createElementVNode as t, createCommentVNode as x, normalizeStyle as L, Fragment as V, toDisplayString as r, pushScopeId as F, popScopeId as z, onMounted as U, renderList as T, createVNode as Z, createBlock as N, Transition as tt, withCtx as et, withDirectives as ot, createTextVNode as M, vShow as st, unref as H, createStaticVNode as it } from "vue";
+const lt = (e, d) => {
   const o = e.__vccOpts || e;
-  for (const [c, p] of d)
-    o[c] = p;
+  for (const [c, v] of d)
+    o[c] = v;
   return o;
-}, nt = { key: 1 }, dt = {
+}, at = { key: 1 }, nt = {
   width: "10",
   height: "8",
   viewBox: "0 0 10 8",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, rt = ["fill"], ct = {
+}, dt = ["fill"], rt = {
   key: 0,
   class: "checkbox__teams"
-}, ut = { class: "checkbox__teams__logo" }, ft = ["src"], vt = { class: "checkbox__teams__logo" }, ht = ["src"], pt = {
+}, ct = { class: "checkbox__teams__logo" }, ut = ["src"], ft = { class: "checkbox__teams__logo" }, pt = ["src"], vt = {
   __name: "GSC-Checkbox",
   props: {
     width: {
@@ -124,11 +124,11 @@ const at = (e, d) => {
   emits: ["update:modelValue"],
   setup(e, { emit: d }) {
     const o = e;
-    J((f) => ({
+    q((f) => ({
       "7bd9d47b": e.width,
       "34dc7ddc": e.height
     }));
-    const c = m(!1), p = V(() => {
+    const c = m(!1), v = B(() => {
       const f = {
         color: o.boxValueColor,
         "font-family": o.fontFamily,
@@ -139,12 +139,12 @@ const at = (e, d) => {
         "margin-top": o.boxMarginTop
       };
       return c.value ? (f["background-color"] = o.boxBackgroundColor, f.border = `solid ${o.boxBorderWidth} ${o.boxBackgroundColor}`) : f.border = `solid ${o.boxBorderWidth} ${o.boxBorderColor}`, f;
-    }), u = V(() => ({
+    }), u = B(() => ({
       "font-family": o.boxValueFontFamily,
       "font-size": o.boxValueFontSize,
       color: o.boxValueColor,
       "line-height": 1
-    })), y = V(() => {
+    })), y = B(() => {
       const f = {
         color: o.labelColor,
         "font-family": o.fontFamily,
@@ -154,68 +154,68 @@ const at = (e, d) => {
       };
       return (o.boxPosition === "left" || o.boxPosition === "right") && (f[`margin-${o.boxPosition}`] = o.isBoxOnly ? "0" : o.teamsIds ? "8px" : "10px"), f;
     });
-    P(
+    I(
       () => o.modelValue,
       (f) => {
         f !== c.value && (c.value = f);
       },
       { immediate: !0 }
     );
-    function S() {
+    function k() {
       o.avoidInteraction || !c.value && o.avoidToCheck || (c.value = !c.value, d("update:modelValue", c.value));
     }
-    function w(f) {
+    function S(f) {
       return `${{}.TEAM_LOGOS_URL || "https://golstatsimages.blob.core.windows.net/teams-80/"}${f}.png`;
     }
     return (f, $) => (l(), a("div", {
       class: h(["checkbox", `box-${e.boxPosition}`]),
-      onClick: S
+      onClick: k
     }, [
       t("div", {
         class: "checkbox__box",
-        style: L(p.value)
+        style: L(v.value)
       }, [
-        c.value ? (l(), a(R, { key: 0 }, [
+        c.value ? (l(), a(V, { key: 0 }, [
           o.boxValue ? (l(), a("div", {
             key: 0,
             class: "checkbox__box__value",
             style: L(u.value)
-          }, r(e.boxValue), 5)) : (l(), a("div", nt, [
-            (l(), a("svg", dt, [
+          }, r(e.boxValue), 5)) : (l(), a("div", at, [
+            (l(), a("svg", nt, [
               t("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: e.boxValueColor
-              }, null, 8, rt)
+              }, null, 8, dt)
             ]))
           ]))
-        ], 64)) : k("", !0)
+        ], 64)) : x("", !0)
       ], 4),
-      e.teamsIds && e.teamsIds.length ? (l(), a("div", ct, [
-        t("div", ut, [
+      e.teamsIds && e.teamsIds.length ? (l(), a("div", rt, [
+        t("div", ct, [
           t("img", {
-            src: w(e.teamsIds[0]),
+            src: S(e.teamsIds[0]),
             alt: ""
-          }, null, 8, ft)
+          }, null, 8, ut)
         ]),
-        t("div", vt, [
+        t("div", ft, [
           t("img", {
-            src: w(e.teamsIds[1]),
+            src: S(e.teamsIds[1]),
             alt: ""
-          }, null, 8, ht)
+          }, null, 8, pt)
         ])
-      ])) : k("", !0),
+      ])) : x("", !0),
       t("div", {
         class: "checkbox__label",
         style: L(y.value)
       }, r(e.label), 5)
     ], 2));
   }
-}, _t = /* @__PURE__ */ at(pt, [["__scopeId", "data-v-b6f124d8"]]), bt = (e, d) => {
+}, ht = /* @__PURE__ */ lt(vt, [["__scopeId", "data-v-b6f124d8"]]), _t = (e, d) => {
   const o = e.__vccOpts || e;
-  for (const [c, p] of d)
-    o[c] = p;
+  for (const [c, v] of d)
+    o[c] = v;
   return o;
-}, W = {
+}, E = {
   props: {
     type: { type: Number, default: 0 },
     value: { type: Boolean, default: !1 },
@@ -289,8 +289,8 @@ const at = (e, d) => {
       this.$emit("click", e), this.typeOnOff && (this.status = !this.status, this.$emit("status", this.status));
     }
   }
-}, q = () => {
-  J((e) => ({
+}, j = () => {
+  q((e) => ({
     "9d01acb4": e.height,
     "14e95081": e.borderWidthBtn,
     "38fec285": e.borderType,
@@ -305,21 +305,21 @@ const at = (e, d) => {
     "93b87770": e.marginLeftStat,
     c7f7beba: e.fontSizeStat
   }));
-}, U = W.setup;
-W.setup = U ? (e, d) => (q(), U(e, d)) : q;
-const gt = (e) => (z("data-v-f3ee6b2b"), e = e(), D(), e), mt = ["src"], yt = {
+}, G = E.setup;
+E.setup = G ? (e, d) => (j(), G(e, d)) : j;
+const gt = (e) => (F("data-v-f3ee6b2b"), e = e(), z(), e), bt = ["src"], mt = {
   key: 1,
   class: "text"
-}, Ct = ["src"], wt = { class: "stats" }, xt = /* @__PURE__ */ gt(() => /* @__PURE__ */ t("img", {
+}, yt = ["src"], Ct = { class: "stats" }, wt = /* @__PURE__ */ gt(() => /* @__PURE__ */ t("img", {
   class: "iconstats",
   src: "https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"
-}, null, -1)), kt = { class: "numstats" }, St = { class: "leyend" };
-function Lt(e, d, o, c, p, u) {
+}, null, -1)), xt = { class: "numstats" }, kt = { class: "leyend" };
+function St(e, d, o, c, v, u) {
   return l(), a("div", null, [
     o.type == 0 ? (l(), a("div", {
       key: 0,
-      class: h(["button", p.status && o.typeOnOff && "button-active"]),
-      style: L([u.customStyle, p.status && o.typeOnOff && u.customActive]),
+      class: h(["button", v.status && o.typeOnOff && "button-active"]),
+      style: L([u.customStyle, v.status && o.typeOnOff && u.customActive]),
       onClick: d[0] || (d[0] = (...y) => u.btnClick && u.btnClick(...y))
     }, [
       o.icon && o.iconPosition.toLowerCase() === "left" ? (l(), a("img", {
@@ -327,44 +327,37 @@ function Lt(e, d, o, c, p, u) {
         class: "icon",
         style: L({ width: o.iconSize }),
         src: o.icon
-      }, null, 12, mt)) : k("", !0),
-      o.textValue ? (l(), a("div", yt, r(o.textValue), 1)) : k("", !0),
+      }, null, 12, bt)) : x("", !0),
+      o.textValue ? (l(), a("div", mt, r(o.textValue), 1)) : x("", !0),
       o.icon && o.iconPosition.toLowerCase() === "right" ? (l(), a("img", {
         key: 2,
         class: "icon",
         style: L({ width: o.iconSize }),
         src: o.icon
-      }, null, 12, Ct)) : k("", !0)
-    ], 6)) : k("", !0),
+      }, null, 12, yt)) : x("", !0)
+    ], 6)) : x("", !0),
     o.type == 1 ? (l(), a("div", {
       key: 1,
       class: "button-target",
       onClick: d[1] || (d[1] = (...y) => u.btnClick && u.btnClick(...y))
     }, [
-      t("div", wt, [
-        xt,
-        t("div", kt, r(o.textStat), 1)
+      t("div", Ct, [
+        wt,
+        t("div", xt, r(o.textStat), 1)
       ]),
-      t("div", St, r(o.textCategory), 1)
-    ])) : k("", !0)
+      t("div", kt, r(o.textCategory), 1)
+    ])) : x("", !0)
   ]);
 }
-const $t = /* @__PURE__ */ bt(W, [["render", Lt], ["__scopeId", "data-v-f3ee6b2b"]]), Q = (e, d) => {
+const Lt = /* @__PURE__ */ _t(E, [["render", St], ["__scopeId", "data-v-f3ee6b2b"]]), J = (e, d) => {
   const o = e.__vccOpts || e;
-  for (const [c, p] of d)
-    o[c] = p;
+  for (const [c, v] of d)
+    o[c] = v;
   return o;
-}, X = (e) => (z("data-v-95767312"), e = e(), D(), e), Bt = {
+}, $t = (e) => (F("data-v-b4e23a18"), e = e(), z(), e), Bt = {
   key: 0,
   class: "overlay"
-}, Vt = /* @__PURE__ */ X(() => /* @__PURE__ */ t("div", { class: "column-title-2" }, null, -1)), Rt = ["onClick"], Mt = ["onClick"], Ot = /* @__PURE__ */ X(() => /* @__PURE__ */ t("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)), It = [
-  Ot
-], Tt = {
+}, Vt = /* @__PURE__ */ $t(() => /* @__PURE__ */ t("div", { class: "column-title-2" }, null, -1)), Rt = ["onClick"], Mt = {
   __name: "ScrollColumns",
   props: {
     availablePlayers: {
@@ -378,83 +371,69 @@ const $t = /* @__PURE__ */ bt(W, [["render", Lt], ["__scopeId", "data-v-f3ee6b2b
   },
   emits: ["expand", "open-media"],
   setup(e, { expose: d, emit: o }) {
-    const c = e, p = m(null), u = m(null), y = m(0), S = m(!1), w = V(() => {
+    const c = e, v = m(null), u = m(null), y = m(0);
+    m(!1);
+    const k = B(() => {
       const _ = c.availablePlayers[0];
       return _ ? _.stats : [];
-    }), f = V(() => {
-      const _ = `repeat(${w.value.length}, max-content) 36px`;
+    }), S = B(() => {
+      const _ = `repeat(${k.value.length}, max-content) 36px`;
       let g = "";
-      return y.value > 0 && document.querySelectorAll(".column-title-2").forEach((x) => {
-        g += `${x.offsetWidth}px `;
+      return y.value > 0 && document.querySelectorAll(".column-title-2").forEach((w) => {
+        g += `${w.offsetWidth}px `;
       }), {
         "--grid-template-columns": _,
         "--grid-template-columns-totals": g || _
       };
     });
-    function $() {
-      p.value = new ResizeObserver((_) => {
+    function f() {
+      v.value = new ResizeObserver((_) => {
         for (const g of _) {
           const { width: b } = g.contentRect;
           y.value = b;
         }
-      }), p.value.observe(u.value);
+      }), v.value.observe(u.value);
     }
-    function O(_) {
-      S.value = !S.value, o("expand", _);
+    function $(_, g) {
+      const w = document.querySelectorAll(".scrollable-row-totals")[_ + 1];
+      w && (w.style.marginTop = `${g}px`);
     }
-    function F(_, g) {
-      const x = document.querySelectorAll(".scrollable-row-totals")[_ + 1];
-      x && (x.style.marginTop = `${g}px`);
+    function O({ player: _, stat: g }) {
+      g.total && o("open-media", { ..._, stat: g });
     }
-    function T({ player: _, stat: g }) {
-      o("open-media", { ..._, stat: g });
-    }
-    return K(() => {
-      $();
+    return U(() => {
+      f();
     }), d({
-      setMarginTopDetails: F
+      setMarginTopDetails: $
     }), (_, g) => (l(), a("div", {
       class: "scroll-columns",
-      style: L(f.value)
+      style: L(S.value)
     }, [
-      e.isEditMode ? (l(), a("div", Bt)) : k("", !0),
+      e.isEditMode ? (l(), a("div", Bt)) : x("", !0),
       t("div", {
         ref_key: "titlesRow",
         ref: u,
         class: "scrollable-row-2"
       }, [
-        (l(!0), a(R, null, I(w.value, (b) => (l(), a("div", {
+        (l(!0), a(V, null, T(k.value, (b) => (l(), a("div", {
           key: `t-${b.category_id}`,
           class: "column-title-2"
         }, r(b.name), 1))), 128)),
         Vt
       ], 512),
-      (l(!0), a(R, null, I(e.availablePlayers, (b, x) => (l(), a("div", {
+      (l(!0), a(V, null, T(e.availablePlayers, (b, w) => (l(), a("div", {
         key: `i-${b.id}`,
         class: "row scrollable-row-totals"
       }, [
-        (l(!0), a(R, null, I(b.stats, (B) => (l(), a("div", {
-          key: B.category_id,
-          class: h(["row data-info", { odd: x % 2 !== 0, underline: !!B.total }]),
-          onClick: (A) => T({ player: b, stat: B })
-        }, r(B.total), 11, Rt))), 128)),
-        t("div", {
-          class: h(["row data-info", { odd: x % 2 !== 0 }])
-        }, [
-          (l(), a("svg", {
-            class: h([{ expanded: b.isExpanded }, "_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5 arrow"]),
-            onClick: (B) => O(b),
-            width: "12",
-            height: "8",
-            viewBox: "0 0 12 8",
-            fill: "#D9D9D9",
-            xmlns: "http://www.w3.org/2000/svg"
-          }, It, 10, Mt))
-        ], 2)
+        (l(!0), a(V, null, T(b.stats, (R) => (l(), a("div", {
+          key: R.category_id,
+          class: h(["row data-info", { odd: w % 2 !== 0, underline: !!R.total }]),
+          onClick: (W) => O({ player: b, stat: R })
+        }, r(R.total), 11, Rt))), 128))
       ]))), 128))
     ], 4));
   }
-}, Pt = /* @__PURE__ */ Q(Tt, [["__scopeId", "data-v-95767312"]]), C = (e) => (z("data-v-dbafbc83"), e = e(), D(), e), Ft = { class: "table__static-column" }, Et = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", { class: "static-title column-title" }, null, -1)), zt = { class: "container" }, Dt = { class: "details-row__info" }, Wt = { class: "details-row__info__personal" }, At = { class: "bold" }, Zt = { class: "bold" }, Nt = { class: "bold" }, Ht = { class: "bold" }, jt = { class: "details-row__info__games" }, Gt = { class: "bold" }, qt = { class: "bold" }, Ut = { class: "details-row__buttons" }, Jt = ["onClick"], Kt = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", null, "Ver gráfica", -1)), Qt = /* @__PURE__ */ C(() => /* @__PURE__ */ t("svg", {
+}, Ot = /* @__PURE__ */ J(Mt, [["__scopeId", "data-v-b4e23a18"]]), C = (e) => (F("data-v-03f58297"), e = e(), z(), e), Tt = { class: "table__static-column" }, It = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", { class: "static-title column-title" }, null, -1)), Pt = { class: "container" }, Ft = { class: "details-row__info" }, zt = { class: "details-row__info__personal" }, Et = { class: "bold" }, Wt = { class: "bold" }, At = { class: "bold" }, Dt = { class: "bold" }, Zt = { class: "details-row__info__games" }, Nt = { class: "bold" }, Ht = { class: "bold" }, jt = { class: "details-row__buttons" }, Gt = ["onClick"], qt = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", null, "Ver gráfica", -1)), Ut = /* @__PURE__ */ C(() => /* @__PURE__ */ t("svg", {
   width: "17",
   height: "16",
   viewBox: "0 0 17 16",
@@ -477,10 +456,10 @@ const $t = /* @__PURE__ */ bt(W, [["render", Lt], ["__scopeId", "data-v-f3ee6b2b
       })
     ])
   ])
-], -1)), Xt = [
-  Kt,
-  Qt
-], Yt = ["onClick"], te = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", null, "Agregar a lista", -1)), ee = /* @__PURE__ */ C(() => /* @__PURE__ */ t("svg", {
+], -1)), Jt = [
+  qt,
+  Ut
+], Kt = ["onClick"], Qt = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", null, "Agregar a lista", -1)), Xt = /* @__PURE__ */ C(() => /* @__PURE__ */ t("svg", {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -511,44 +490,44 @@ const $t = /* @__PURE__ */ bt(W, [["render", Lt], ["__scopeId", "data-v-f3ee6b2b
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   })
-], -1)), oe = [
-  te,
+], -1)), Yt = [
+  Qt,
+  Xt
+], te = ["onClick"], ee = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", null, "Ver perfil", -1)), oe = [
   ee
-], se = ["onClick"], ie = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", null, "Ver perfil", -1)), le = [
-  ie
-], ae = { class: "static-row__info-player" }, ne = { class: "position" }, de = ["onClick"], re = /* @__PURE__ */ C(() => /* @__PURE__ */ t("path", {
+], se = { class: "static-row__info-player" }, ie = { class: "position" }, le = ["onClick"], ae = /* @__PURE__ */ C(() => /* @__PURE__ */ t("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)), ce = /* @__PURE__ */ C(() => /* @__PURE__ */ t("path", {
+}, null, -1)), ne = /* @__PURE__ */ C(() => /* @__PURE__ */ t("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)), ue = /* @__PURE__ */ C(() => /* @__PURE__ */ t("path", {
+}, null, -1)), de = /* @__PURE__ */ C(() => /* @__PURE__ */ t("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)), fe = [
-  re,
-  ce,
-  ue
-], ve = { class: "player-photo" }, he = ["src"], pe = { class: "player-name" }, _e = { class: "arrow" }, be = ["onClick"], ge = /* @__PURE__ */ C(() => /* @__PURE__ */ t("path", {
+}, null, -1)), re = [
+  ae,
+  ne,
+  de
+], ce = { class: "player-photo" }, ue = ["src"], fe = { class: "player-name" }, pe = { class: "arrow" }, ve = ["onClick"], he = /* @__PURE__ */ C(() => /* @__PURE__ */ t("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)), me = [
-  ge
-], ye = { class: "table__scrollable-columns" }, Ce = /* @__PURE__ */ lt('<div class="titles scrollable-row" data-v-dbafbc83><div class="column-title" data-v-dbafbc83>Equipo</div><div class="column-title" data-v-dbafbc83>Posición</div><div class="column-title" data-v-dbafbc83>Edad</div><div class="column-title" data-v-dbafbc83>País</div><div class="column-title" data-v-dbafbc83>Partidos Jugados</div><div class="column-title" data-v-dbafbc83>Minutos Jugados</div><div class="column-title" data-v-dbafbc83>Liga</div><div class="column-title" data-v-dbafbc83>Videos</div><div class="column-title" data-v-dbafbc83></div></div>', 1), we = { class: "team-logo" }, xe = ["src"], ke = { class: "team-name data-info" }, Se = ["src"], Le = {
+}, null, -1)), _e = [
+  he
+], ge = { class: "table__scrollable-columns" }, be = /* @__PURE__ */ it('<div class="titles scrollable-row" data-v-03f58297><div class="column-title" data-v-03f58297>Equipo</div><div class="column-title" data-v-03f58297>Posición</div><div class="column-title" data-v-03f58297>Edad</div><div class="column-title" data-v-03f58297>País</div><div class="column-title" data-v-03f58297>Partidos Jugados</div><div class="column-title" data-v-03f58297>Minutos Jugados</div><div class="column-title" data-v-03f58297>Liga</div><div class="column-title" data-v-03f58297>Videos</div><div class="column-title" data-v-03f58297></div></div>', 1), me = { class: "team-logo" }, ye = ["src"], Ce = { class: "team-name data-info" }, we = ["src"], xe = {
   __name: "GSC-TableScrollable",
   props: {
     players: {
@@ -573,20 +552,20 @@ const $t = /* @__PURE__ */ bt(W, [["render", Lt], ["__scopeId", "data-v-f3ee6b2b
   ],
   setup(e, { emit: d }) {
     const o = e;
-    let c = null, p = null;
-    const u = m([]), y = m(null), S = m(null), w = m(0), f = m(0), $ = m(-1), O = m(!1), F = V(() => ({
-      "--width-details": `${w.value}px`,
-      "--gap-static-row": `${T.value ? "8px" : "18px"}`,
-      "--width-static-column": `${T.value ? "50%" : "256px"}`
-    })), T = V(() => w.value < 600);
-    P(
+    let c = null, v = null;
+    const u = m([]), y = m(null), k = m(null), S = m(0), f = m(0), $ = m(-1), O = m(!1), _ = B(() => ({
+      "--width-details": `${S.value}px`,
+      "--gap-static-row": `${g.value ? "8px" : "18px"}`,
+      "--width-static-column": `${g.value ? "50%" : "256px"}`
+    })), g = B(() => S.value < 600);
+    I(
       () => o.players,
       (i) => {
         i && i.length && (u.value = i.map((n, s) => {
-          const v = s + 1;
+          const p = s + 1;
           return {
             ...n,
-            position: v < 10 ? `0${v}` : `${v}`,
+            position: p < 10 ? `0${p}` : `${p}`,
             isSelected: !1,
             isExpanded: !1,
             isOdd: s % 2 !== 0,
@@ -595,26 +574,26 @@ const $t = /* @__PURE__ */ bt(W, [["render", Lt], ["__scopeId", "data-v-f3ee6b2b
         }));
       },
       { immediate: !0 }
-    ), P(
+    ), I(
       () => o.isEditMode,
       (i) => {
         i && u.value.forEach((n) => {
           n.isSelected = !1;
         });
       }
-    ), P(
+    ), I(
       f,
       (i) => {
         const s = document.querySelectorAll(".static-row")[$.value + 1];
-        s && (s.style.marginTop = `${i}px`), o.isGeneral ? _($.value, i) : S.value && S.value.setMarginTopDetails($.value, i);
+        s && (s.style.marginTop = `${i}px`), o.isGeneral ? b($.value, i) : k.value && k.value.setMarginTopDetails($.value, i);
       }
     );
-    function _(i, n) {
-      const v = document.querySelectorAll(".scrollable-row")[i + 2];
-      v && (v.style.marginTop = `${n}px`);
+    function b(i, n) {
+      const p = document.querySelectorAll(".scrollable-row")[i + 2];
+      p && (p.style.marginTop = `${n}px`);
     }
-    function g(i) {
-      const n = i.player, s = n ? n.player_id || n.id || n.playerId : i.id || i.player_id, v = n ? n.team_id || n.teamId : i.team_id || i.teamId, E = {
+    function w(i) {
+      const n = i.player || i.objeto_player, s = n ? n.player_id || n.id || n.playerId : i.id || i.player_id, p = n ? n.team_id || n.teamId : i.team_id || i.teamId, P = {
         seasonId: i.season_id,
         // seasons: player.seasons,
         isFeaturedPlayers: !1,
@@ -623,7 +602,7 @@ const $t = /* @__PURE__ */ bt(W, [["render", Lt], ["__scopeId", "data-v-f3ee6b2b
         gameIds: null,
         playerIds: s ? [s] : [],
         goalkeeperIds: [],
-        teamId: v || 0,
+        teamId: p || 0,
         matchResult: [1, 2, 3],
         categorySingleName: "",
         isRivalSubject: !1,
@@ -636,21 +615,21 @@ const $t = /* @__PURE__ */ bt(W, [["render", Lt], ["__scopeId", "data-v-f3ee6b2b
           playListTitle: "Jugadas Relevantes"
         }
       };
-      i.stat ? E.customCategoryIds = [i.stat.category_id] : E.categoryIds = B(i.player_position), d("open-media", E);
+      i.stat ? P.customCategoryIds = [i.stat.category_id] : P.categoryIds = K(i.player_position), d("open-media", P);
     }
-    function b() {
+    function R() {
       c = new ResizeObserver((i) => {
         for (const n of i)
-          w.value = n.contentRect.width;
+          S.value = n.contentRect.width;
       }), c.observe(y.value);
     }
-    function x(i) {
-      p = new ResizeObserver((n) => {
+    function W(i) {
+      v = new ResizeObserver((n) => {
         for (const s of n)
           f.value = s.contentRect.height;
-      }), p.observe(i);
+      }), v.observe(i);
     }
-    function B(i) {
+    function K(i) {
       return i === "POR" ? [39, 40, 52, 53, 54, 55, 323, 324, 608, 774, 802] : [
         10,
         12,
@@ -697,133 +676,133 @@ const $t = /* @__PURE__ */ bt(W, [["render", Lt], ["__scopeId", "data-v-f3ee6b2b
         488
       ];
     }
-    function A(i, n) {
+    function Q(i, n) {
       n.isSelected = i;
-      const s = u.value.filter((v) => v.isSelected);
+      const s = u.value.filter((p) => p.isSelected);
       d("change-selected-players", s);
     }
-    function Y(i) {
+    function X(i) {
       d("view-profile", i);
     }
-    function Z(i) {
+    function A(i) {
       d("add-to-list", i);
     }
-    function tt(i) {
+    function Y(i) {
       d("view-graph", i);
     }
-    function N(i) {
+    function D(i) {
       O.value = i.isExpanded, u.value.forEach((n) => {
         n.isExpanded = !1;
       }), setTimeout(() => {
         if (!O.value) {
           const s = document.querySelectorAll(".details-row")[i.index];
-          $.value = i.index, x(s);
+          $.value = i.index, W(s);
         }
         i.isExpanded = !O.value;
       }, 200);
     }
-    return K(() => {
-      b();
+    return U(() => {
+      R();
     }), (i, n) => (l(), a("div", {
       class: "table",
       ref_key: "tableSC",
       ref: y,
-      style: L(F.value)
+      style: L(_.value)
     }, [
-      t("div", Ft, [
-        Et,
-        (l(!0), a(R, null, I(u.value, (s) => (l(), a("div", {
+      t("div", Tt, [
+        It,
+        (l(!0), a(V, null, T(u.value, (s) => (l(), a("div", {
           key: `s-${s.id}`,
           class: h(["row static-row", { odd: s.isOdd }])
         }, [
-          H(et, null, {
-            default: ot(() => [
-              st(t("div", {
+          Z(tt, null, {
+            default: et(() => [
+              ot(t("div", {
                 class: h(["details-row", { odd: s.isOdd }])
               }, [
-                t("div", zt, [
-                  t("div", Dt, [
-                    t("div", Wt, [
+                t("div", Pt, [
+                  t("div", Ft, [
+                    t("div", zt, [
                       t("div", null, [
                         M("Equipo: "),
-                        t("span", At, r(s.team_name), 1)
+                        t("span", Et, r(s.team_name), 1)
                       ]),
                       t("div", null, [
                         M("Edad: "),
-                        t("span", Zt, r(s.player_age) + " Años", 1)
+                        t("span", Wt, r(s.player_age) + " Años", 1)
                       ]),
                       t("div", null, [
                         M("Nacionalidad: "),
-                        t("span", Nt, r(s.player_country), 1)
+                        t("span", At, r(s.player_country), 1)
                       ]),
                       t("div", null, [
                         M("Posición: "),
-                        t("span", Ht, r(s.position_name), 1)
+                        t("span", Dt, r(s.position_name), 1)
                       ])
                     ]),
-                    t("div", jt, [
+                    t("div", Zt, [
                       t("div", null, [
                         M("Partidos Jugados: "),
-                        t("span", Gt, r(s.player_games), 1)
+                        t("span", Nt, r(s.player_games), 1)
                       ]),
                       t("div", null, [
                         M("Minutos Jugados: "),
-                        t("span", qt, r(s.player_min), 1)
+                        t("span", Ht, r(s.player_min), 1)
                       ])
                     ])
                   ]),
-                  t("div", Ut, [
+                  t("div", jt, [
                     t("div", {
                       role: "button",
                       class: "button",
-                      onClick: (v) => tt(s)
-                    }, Xt, 8, Jt),
+                      onClick: (p) => Y(s)
+                    }, Jt, 8, Gt),
                     t("div", {
                       role: "button",
                       class: "button",
-                      onClick: (v) => Z(s)
-                    }, oe, 8, Yt),
+                      onClick: (p) => A(s)
+                    }, Yt, 8, Kt),
                     t("div", {
                       role: "button",
                       class: "button green",
-                      onClick: (v) => Y(s)
-                    }, le, 8, se)
+                      onClick: (p) => X(s)
+                    }, oe, 8, te)
                   ])
                 ])
               ], 2), [
-                [it, s.isExpanded]
+                [st, s.isExpanded]
               ])
             ]),
             _: 2
           }, 1024),
-          e.isEditMode ? (l(), j(G(_t), {
+          e.isEditMode ? (l(), N(H(ht), {
             key: 0,
             fontFamily: "Poppins-Regular",
             labelFontSize: "14px",
             "model-value": s.isSelected,
-            "onUpdate:modelValue": (v) => A(v, s)
-          }, null, 8, ["model-value", "onUpdate:modelValue"])) : k("", !0),
-          t("div", ae, [
-            t("div", ne, r(s.position), 1),
+            "onUpdate:modelValue": (p) => Q(p, s)
+          }, null, 8, ["model-value", "onUpdate:modelValue"])) : x("", !0),
+          t("div", se, [
+            t("div", ie, r(s.position), 1),
             (l(), a("svg", {
               width: "20",
               height: "20",
               viewBox: "0 0 20 20",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
-              onClick: (v) => Z(s)
-            }, fe, 8, de)),
-            t("div", ve, [
+              onClick: (p) => A(s)
+            }, re, 8, le)),
+            t("div", ce, [
               t("div", null, [
                 t("img", {
                   src: s.player_photo,
                   alt: "player photo"
-                }, null, 8, he)
+                }, null, 8, ue)
               ])
             ]),
-            t("div", pe, r(s.player_name), 1)
+            t("div", fe, r(s.player_name), 1)
           ]),
-          t("div", _e, [
+          t("div", pe, [
             (l(), a("svg", {
               class: h(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5", { expanded: s.isExpanded }]),
               width: "12",
@@ -831,28 +810,28 @@ const $t = /* @__PURE__ */ bt(W, [["render", Lt], ["__scopeId", "data-v-f3ee6b2b
               viewBox: "0 0 12 8",
               fill: "#D9D9D9",
               xmlns: "http://www.w3.org/2000/svg",
-              onClick: (v) => N(s)
-            }, me, 10, be))
+              onClick: (p) => D(s)
+            }, _e, 10, ve))
           ])
         ], 2))), 128))
       ]),
-      t("div", ye, [
-        e.isGeneral ? (l(), a(R, { key: 0 }, [
-          Ce,
-          (l(!0), a(R, null, I(u.value, (s) => (l(), a("div", {
+      t("div", ge, [
+        e.isGeneral ? (l(), a(V, { key: 0 }, [
+          be,
+          (l(!0), a(V, null, T(u.value, (s) => (l(), a("div", {
             key: `i-${s.id}`,
             class: "row scrollable-row"
           }, [
             t("div", {
               class: h(["row team-info", { odd: s.isOdd }])
             }, [
-              t("div", we, [
+              t("div", me, [
                 t("img", {
                   src: s.team_logo,
                   alt: "team logo"
-                }, null, 8, xe)
+                }, null, 8, ye)
               ]),
-              t("div", ke, r(s.team_abrev), 1)
+              t("div", Ce, r(s.team_abrev), 1)
             ], 2),
             t("div", {
               class: h(["row data-info", { odd: s.isOdd }])
@@ -867,7 +846,7 @@ const $t = /* @__PURE__ */ bt(W, [["render", Lt], ["__scopeId", "data-v-f3ee6b2b
                 src: s.player_country_flag,
                 alt: "player country flag",
                 class: "country-flag"
-              }, null, 8, Se)
+              }, null, 8, we)
             ], 2),
             t("div", {
               class: h(["row data-info", { odd: s.isOdd }])
@@ -881,7 +860,7 @@ const $t = /* @__PURE__ */ bt(W, [["render", Lt], ["__scopeId", "data-v-f3ee6b2b
             t("div", {
               class: h(["row data-info", { odd: s.isOdd }])
             }, [
-              H(G($t), {
+              Z(H(Lt), {
                 icon: "https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png",
                 "icon-size": "13px",
                 "icon-position": "left",
@@ -894,26 +873,26 @@ const $t = /* @__PURE__ */ bt(W, [["render", Lt], ["__scopeId", "data-v-f3ee6b2b
                 "border-color": "#55636e",
                 "text-value": "Ver videos",
                 "font-size": "10px",
-                onClick: (v) => g(s)
+                onClick: (p) => w(s)
               }, null, 8, ["onClick"])
             ], 2),
             t("div", {
               class: h(["row data-info", { odd: s.isOdd }])
             }, null, 2)
           ]))), 128))
-        ], 64)) : (l(), j(Pt, {
+        ], 64)) : (l(), N(Ot, {
           key: 1,
           ref_key: "scrollColumns",
-          ref: S,
+          ref: k,
           "available-players": u.value,
           "is-edit-mode": e.isEditMode,
-          onOnpenMedia: g,
-          onExpand: N
+          onOpenMedia: w,
+          onExpand: D
         }, null, 8, ["available-players", "is-edit-mode"]))
       ])
     ], 4));
   }
-}, Be = /* @__PURE__ */ Q(Le, [["__scopeId", "data-v-dbafbc83"]]);
+}, Se = /* @__PURE__ */ J(xe, [["__scopeId", "data-v-03f58297"]]);
 export {
-  Be as GSCTableScrollable
+  Se as GSCTableScrollable
 };

package/dist/gsc-table-scrollable.umd.cjs

@@ -1 +1 @@
-(function(C,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(C=typeof globalThis<"u"?globalThis:C||self,e(C.GSCTableScrollable={},C.Vue))})(this,function(C,e){"use strict";const M=(t,i)=>{const o=t.__vccOpts||t;for(const[s,m]of i)o[s]=m;return o},F={key:1},R={width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O=["fill"],P={key:0,class:"checkbox__teams"},W={class:"checkbox__teams__logo"},A=["src"],Z={class:"checkbox__teams__logo"},j=["src"],G={__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(r=>({"7bd9d47b":t.width,"34dc7ddc":t.height}));const s=e.ref(!1),m=e.computed(()=>{const r={color:o.boxValueColor,"font-family":o.fontFamily,height:o.boxWidthAndHeight,width:o.boxWidthAndHeight,minWidth:o.boxWidthAndHeight,"border-radius":o.boxBorderRadius,"margin-top":o.boxMarginTop};return s.value?(r["background-color"]=o.boxBackgroundColor,r.border=`solid ${o.boxBorderWidth} ${o.boxBackgroundColor}`):r.border=`solid ${o.boxBorderWidth} ${o.boxBorderColor}`,r}),d=e.computed(()=>({"font-family":o.boxValueFontFamily,"font-size":o.boxValueFontSize,color:o.boxValueColor,"line-height":1})),_=e.computed(()=>{const r={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")&&(r[`margin-${o.boxPosition}`]=o.isBoxOnly?"0":o.teamsIds?"8px":"10px"),r});e.watch(()=>o.modelValue,r=>{r!==s.value&&(s.value=r)},{immediate:!0});function k(){o.avoidInteraction||!s.value&&o.avoidToCheck||(s.value=!s.value,i("update:modelValue",s.value))}function b(r){return`${{}.TEAM_LOGOS_URL||"https://golstatsimages.blob.core.windows.net/teams-80/"}${r}.png`}return(r,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["checkbox",`box-${t.boxPosition}`]),onClick:k},[e.createElementVNode("div",{class:"checkbox__box",style:e.normalizeStyle(m.value)},[s.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.boxValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"checkbox__box__value",style:e.normalizeStyle(d.value)},e.toDisplayString(t.boxValue),5)):(e.openBlock(),e.createElementBlock("div",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,O)]))]))],64)):e.createCommentVNode("",!0)],4),t.teamsIds&&t.teamsIds.length?(e.openBlock(),e.createElementBlock("div",P,[e.createElementVNode("div",W,[e.createElementVNode("img",{src:b(t.teamsIds[0]),alt:""},null,8,A)]),e.createElementVNode("div",Z,[e.createElementVNode("img",{src:b(t.teamsIds[1]),alt:""},null,8,j)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"checkbox__label",style:e.normalizeStyle(_.value)},e.toDisplayString(t.label),5)],2))}},H=M(G,[["__scopeId","data-v-b6f124d8"]]),q=(t,i)=>{const o=t.__vccOpts||t;for(const[s,m]of i)o[s]=m;return o},E={props:{type:{type:Number,default:0},value:{type:Boolean,default:!1},textValue:String,icon:String,iconPosition:{type:String,default:"left"},iconSize:String,fontColor:{type:String,default:"#FFFFFF"},textDecoration:String,fontSize:{type:String,default:"16px"},fontSizeStat:{type:String,default:"16px"},fontStyle:String,fontFamily:{type:String,default:"Poppins-Regular"},height:{type:String,default:"fit-content"},width:{type:String,default:"fit-content"},borderRadius:{type:String,default:"0px"},borderType:{type:String,default:"solid"},borderWidth:{type:Number,default:0},borderWidthBtn:{type:String,default:"2px"},borderColor:String,backgroundColor:{type:String,default:"none"},activeBackgroundColor:{type:String,default:"#000000"},activeBorderWidth:{type:Number,default:2},activeBorderType:{type:String,default:"solid"},activeBorderColor:{type:String,default:"#cbee6b"},activeColorText:{type:String,default:"#FFFFFF"},cursorType:{type:String,default:"default"},typeOnOff:{type:Boolean,default:!1},textCategory:String,textStat:String,marginLeftStat:{type:String,default:"15%"}},watch:{value:{deep:!0,immediate:!0,handler(t){this.status=t}}},data(){return{status:!1}},computed:{customStyle(){return{height:this.height,width:this.width,backgroundColor:this.backgroundColor,borderRadius:this.borderRadius,border:`${this.borderType} ${this.borderWidth}px ${this.borderColor}`,color:this.fontColor,textDecoration:this.textDecoration,cursor:this.cursorType,fontSize:this.fontSize,fontStyle:this.fontStyle,fontFamily:`${this.fontFamily} !important`}},customActive(){return{backgroundColor:this.activeBackgroundColor,color:this.activeColorText,border:`${this.activeBorderType} ${this.activeBorderWidth}px ${this.activeBorderColor}`}}},methods:{btnClick(t){this.$emit("click",t),this.typeOnOff&&(this.status=!this.status,this.$emit("status",this.status))}}},N=()=>{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}))},L=E.setup;E.setup=L?(t,i)=>(N(),L(t,i)):N;const U=t=>(e.pushScopeId("data-v-f3ee6b2b"),t=t(),e.popScopeId(),t),J=["src"],K={key:1,class:"text"},Q=["src"],X={class:"stats"},Y=U(()=>e.createElementVNode("img",{class:"iconstats",src:"https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"},null,-1)),v={class:"numstats"},ee={class:"leyend"};function te(t,i,o,s,m,d){return e.openBlock(),e.createElementBlock("div",null,[o.type==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["button",m.status&&o.typeOnOff&&"button-active"]),style:e.normalizeStyle([d.customStyle,m.status&&o.typeOnOff&&d.customActive]),onClick:i[0]||(i[0]=(..._)=>d.btnClick&&d.btnClick(..._))},[o.icon&&o.iconPosition.toLowerCase()==="left"?(e.openBlock(),e.createElementBlock("img",{key:0,class:"icon",style:e.normalizeStyle({width:o.iconSize}),src:o.icon},null,12,J)):e.createCommentVNode("",!0),o.textValue?(e.openBlock(),e.createElementBlock("div",K,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,Q)):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0),o.type==1?(e.openBlock(),e.createElementBlock("div",{key:1,class:"button-target",onClick:i[1]||(i[1]=(..._)=>d.btnClick&&d.btnClick(..._))},[e.createElementVNode("div",X,[Y,e.createElementVNode("div",v,e.toDisplayString(o.textStat),1)]),e.createElementVNode("div",ee,e.toDisplayString(o.textCategory),1)])):e.createCommentVNode("",!0)])}const oe=q(E,[["render",te],["__scopeId","data-v-f3ee6b2b"]]),$=(t,i)=>{const o=t.__vccOpts||t;for(const[s,m]of i)o[s]=m;return o},z=t=>(e.pushScopeId("data-v-95767312"),t=t(),e.popScopeId(),t),le={key:0,class:"overlay"},ae=z(()=>e.createElementVNode("div",{class:"column-title-2"},null,-1)),ne=["onClick"],ie=["onClick"],se=[z(()=>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))],de=$({__name:"ScrollColumns",props:{availablePlayers:{type:Array,default:()=>[]},isEditMode:{type:Boolean,default:!1}},emits:["expand","open-media"],setup(t,{expose:i,emit:o}){const s=t,m=e.ref(null),d=e.ref(null),_=e.ref(0),k=e.ref(!1),b=e.computed(()=>{const p=s.availablePlayers[0];return p?p.stats:[]}),r=e.computed(()=>{const p=`repeat(${b.value.length}, max-content) 36px`;let h="";return _.value>0&&document.querySelectorAll(".column-title-2").forEach(y=>{h+=`${y.offsetWidth}px `}),{"--grid-template-columns":p,"--grid-template-columns-totals":h||p}});function u(){m.value=new ResizeObserver(p=>{for(const h of p){const{width:f}=h.contentRect;_.value=f}}),m.value.observe(d.value)}function w(p){k.value=!k.value,o("expand",p)}function V(p,h){const y=document.querySelectorAll(".scrollable-row-totals")[p+1];y&&(y.style.marginTop=`${h}px`)}function x({player:p,stat:h}){o("open-media",{...p,stat:h})}return e.onMounted(()=>{u()}),i({setMarginTopDetails:V}),(p,h)=>(e.openBlock(),e.createElementBlock("div",{class:"scroll-columns",style:e.normalizeStyle(r.value)},[t.isEditMode?(e.openBlock(),e.createElementBlock("div",le)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"titlesRow",ref:d,class:"scrollable-row-2"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,f=>(e.openBlock(),e.createElementBlock("div",{key:`t-${f.category_id}`,class:"column-title-2"},e.toDisplayString(f.name),1))),128)),ae],512),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.availablePlayers,(f,y)=>(e.openBlock(),e.createElementBlock("div",{key:`i-${f.id}`,class:"row scrollable-row-totals"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.stats,S=>(e.openBlock(),e.createElementBlock("div",{key:S.category_id,class:e.normalizeClass(["row data-info",{odd:y%2!==0,underline:!!S.total}]),onClick:T=>x({player:f,stat:S})},e.toDisplayString(S.total),11,ne))),128)),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:y%2!==0}])},[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([{expanded:f.isExpanded},"_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5 arrow"]),onClick:S=>w(f),width:"12",height:"8",viewBox:"0 0 12 8",fill:"#D9D9D9",xmlns:"http://www.w3.org/2000/svg"},se,10,ie))],2)]))),128))],4))}},[["__scopeId","data-v-95767312"]]),g=t=>(e.pushScopeId("data-v-dbafbc83"),t=t(),e.popScopeId(),t),re={class:"table__static-column"},ce=g(()=>e.createElementVNode("div",{class:"static-title column-title"},null,-1)),me={class:"container"},pe={class:"details-row__info"},fe={class:"details-row__info__personal"},he={class:"bold"},_e={class:"bold"},ge={class:"bold"},be={class:"bold"},ye={class:"details-row__info__games"},ke={class:"bold"},Ce={class:"bold"},ue={class:"details-row__buttons"},Se=["onClick"],we=[g(()=>e.createElementVNode("div",null,"Ver gráfica",-1)),g(()=>e.createElementVNode("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("g",{"clip-path":"url(#clip0_3514_71971)"},[e.createElementVNode("path",{d:"M16.3338 6.02932L8.65108 0.447539C8.56099 0.38207 8.43896 0.38207 8.34886 0.447539C8.34292 0.451852 1.97661 5.07726 0.6663 6.02926C0.498706 6.09269 0.445831 6.30248 0.563113 6.43788L3.48277 15.4238C3.51717 15.5297 3.61589 15.6014 3.72727 15.6014H13.2635C13.3911 15.6014 13.484 15.5258 13.5172 15.4238L16.4368 6.43788C16.5544 6.3022 16.501 6.09269 16.3338 6.02932ZM13.1818 14.792L12.2937 13.5604C12.4178 13.3198 12.4262 13.0472 12.3402 12.813L13.4007 8.12035C13.7342 7.97885 13.9718 7.64673 13.9682 7.25316L15.8203 6.67173L13.1818 14.792ZM1.18005 6.67273L2.54311 7.10316C2.52677 7.60485 2.90696 8.01919 3.39221 8.06116L5.37836 11.3233C5.0798 11.6827 5.09336 12.2096 5.41452 12.5533L3.8173 14.7894L1.18005 6.67273ZM7.02283 11.9909C7.03952 11.7764 6.98346 11.5718 6.86936 11.4011L8.47839 9.14851L10.8495 12.4367C10.7173 12.5536 10.6187 12.7075 10.5697 12.8821L7.02283 11.9909ZM7.62217 4.78338C7.74714 5.00898 7.96299 5.17704 8.22033 5.23844V8.35679L4.40411 7.15166C4.40767 6.95926 4.35377 6.77813 4.25196 6.6232L7.62217 4.78338ZM12.2474 6.77016C12.151 6.92429 12.0998 7.10551 12.1071 7.29851L8.73449 8.35735V5.21526C8.94317 5.14495 9.11883 5.00291 9.23183 4.8182L12.2474 6.77016ZM4.25277 7.64307L8.06249 8.84613L6.47533 11.0681C6.26327 10.973 6.02383 10.9611 5.80383 11.0334L3.92524 7.94795C4.05761 7.87432 4.17008 7.76935 4.25277 7.64307ZM11.9237 12.3234C11.7375 12.2181 11.526 12.1827 11.3228 12.214L8.8943 8.84613L12.2678 7.78701C12.4038 7.98623 12.6151 8.12979 12.8607 8.17698L11.9237 12.3234ZM12.648 6.41704L9.36721 4.29329C9.35074 3.90045 9.09089 3.57073 8.73449 3.45063V1.14366L15.6674 6.18076L13.8211 6.76041C13.5672 6.3651 13.0654 6.22463 12.648 6.41704ZM8.22033 3.42748C7.83383 3.5197 7.54105 3.8527 7.50917 4.25923L3.8238 6.27107C3.42227 6.10782 2.95152 6.24232 2.70096 6.61379L1.33164 6.18138L8.22033 1.17648V3.42748ZM5.85711 12.8183C6.22189 12.9143 6.61096 12.7823 6.84071 12.4753L10.5778 13.4143C10.7578 13.9855 11.4215 14.2369 11.9331 13.9395L12.7607 15.0872H4.23642L5.85711 12.8183Z",fill:"white"})]),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_3514_71971"},[e.createElementVNode("rect",{width:"16",height:"16",fill:"white",transform:"translate(0.5)"})])])],-1))],xe=["onClick"],Ee=[g(()=>e.createElementVNode("div",null,"Agregar a lista",-1)),g(()=>e.createElementVNode("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M13.2016 17.2012V15.601C13.2016 14.7522 12.8645 13.9381 12.2643 13.3379C11.664 12.7377 10.85 12.4005 10.0012 12.4005H5.20047C4.35165 12.4005 3.5376 12.7377 2.9374 13.3379C2.33719 13.9381 2 14.7522 2 15.601V17.2012",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M7.60086 9.19977C9.36843 9.19977 10.8013 7.76687 10.8013 5.9993C10.8013 4.23173 9.36843 2.79883 7.60086 2.79883C5.83329 2.79883 4.40039 4.23173 4.40039 5.9993C4.40039 7.76687 5.83329 9.19977 7.60086 9.19977Z",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M15.5996 6.79944V11.6001M17.9999 9.19979H13.1992",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"})],-1))],Ve=["onClick"],Be=[g(()=>e.createElementVNode("div",null,"Ver perfil",-1))],Ne={class:"static-row__info-player"},Le={class:"position"},$e=["onClick"],ze=[g(()=>e.createElementVNode("path",{d:"M13.2016 17.2012V15.601C13.2016 14.7522 12.8645 13.9381 12.2643 13.3379C11.664 12.7377 10.85 12.4005 10.0012 12.4005H5.20047C4.35165 12.4005 3.5376 12.7377 2.9374 13.3379C2.33719 13.9381 2 14.7522 2 15.601V17.2012",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)),g(()=>e.createElementVNode("path",{d:"M7.60086 9.19977C9.36843 9.19977 10.8013 7.76687 10.8013 5.9993C10.8013 4.23173 9.36843 2.79883 7.60086 2.79883C5.83329 2.79883 4.40039 4.23173 4.40039 5.9993C4.40039 7.76687 5.83329 9.19977 7.60086 9.19977Z",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)),g(()=>e.createElementVNode("path",{d:"M15.5996 6.79944V11.6001M17.9999 9.19979H13.1992",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"},null,-1))],Te={class:"player-photo"},De=["src"],Ie={class:"player-name"},Me={class:"arrow"},Fe=["onClick"],Re=[g(()=>e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6 4.93631L10.2929 1.23496C10.6834 0.898244 11.3166 0.898244 11.7071 1.23496C12.0976 1.57167 12.0976 2.11759 11.7071 2.4543L6.70711 6.76532C6.31658 7.10203 5.68342 7.10203 5.29289 6.76532L0.292893 2.4543C-0.0976311 2.11759 -0.0976311 1.57167 0.292893 1.23496C0.683418 0.898244 1.31658 0.898244 1.70711 1.23496L6 4.93631Z",fill:"#D9D9D9"},null,-1))],Oe={class:"table__scrollable-columns"},Pe=e.createStaticVNode('<div class="titles scrollable-row" data-v-dbafbc83><div class="column-title" data-v-dbafbc83>Equipo</div><div class="column-title" data-v-dbafbc83>Posición</div><div class="column-title" data-v-dbafbc83>Edad</div><div class="column-title" data-v-dbafbc83>País</div><div class="column-title" data-v-dbafbc83>Partidos Jugados</div><div class="column-title" data-v-dbafbc83>Minutos Jugados</div><div class="column-title" data-v-dbafbc83>Liga</div><div class="column-title" data-v-dbafbc83>Videos</div><div class="column-title" data-v-dbafbc83></div></div>',1),We={class:"team-logo"},Ae=["src"],Ze={class:"team-name data-info"},je=["src"],Ge=$({__name:"GSC-TableScrollable",props:{players:{type:Array,default:()=>[]},isGeneral:{type:Boolean,default:!0},isEditMode:{type:Boolean,default:!1}},emits:["change-selected-players","view-profile","add-to-list","view-graph","open-media"],setup(t,{emit:i}){const o=t;let s=null,m=null;const d=e.ref([]),_=e.ref(null),k=e.ref(null),b=e.ref(0),r=e.ref(0),u=e.ref(-1),w=e.ref(!1),V=e.computed(()=>({"--width-details":`${b.value}px`,"--gap-static-row":`${x.value?"8px":"18px"}`,"--width-static-column":`${x.value?"50%":"256px"}`})),x=e.computed(()=>b.value<600);e.watch(()=>o.players,a=>{a&&a.length&&(d.value=a.map((n,l)=>{const c=l+1;return{...n,position:c<10?`0${c}`:`${c}`,isSelected:!1,isExpanded:!1,isOdd:l%2!==0,index:l}}))},{immediate:!0}),e.watch(()=>o.isEditMode,a=>{a&&d.value.forEach(n=>{n.isSelected=!1})}),e.watch(r,a=>{const l=document.querySelectorAll(".static-row")[u.value+1];l&&(l.style.marginTop=`${a}px`),o.isGeneral?p(u.value,a):k.value&&k.value.setMarginTopDetails(u.value,a)});function p(a,n){const c=document.querySelectorAll(".scrollable-row")[a+2];c&&(c.style.marginTop=`${n}px`)}function h(a){const n=a.player,l=n?n.player_id||n.id||n.playerId:a.id||a.player_id,c=n?n.team_id||n.teamId:a.team_id||a.teamId,B={seasonId:a.season_id,isFeaturedPlayers:!1,mainSectionType:1,playListType:2,gameIds:null,playerIds:l?[l]:[],goalkeeperIds:[],teamId:c||0,matchResult:[1,2,3],categorySingleName:"",isRivalSubject:!1,avoidCategorySingleName:!1,currentPlayIndex:0,playData:null,lastClashedGameId:null,tournamentsLastClashes:null,advancedFilter:{playListTitle:"Jugadas Relevantes"}};a.stat?B.customCategoryIds=[a.stat.category_id]:B.categoryIds=S(a.player_position),i("open-media",B)}function f(){s=new ResizeObserver(a=>{for(const n of a)b.value=n.contentRect.width}),s.observe(_.value)}function y(a){m=new ResizeObserver(n=>{for(const l of n)r.value=l.contentRect.height}),m.observe(a)}function S(a){return a==="POR"?[39,40,52,53,54,55,323,324,608,774,802]:[10,12,14,15,27,35,61,217,257,466,519,607,702,730,98,101,109,112,121,122,127,128,135,136,141,142,161,170,179,211,232,235,239,242,282,284,289,291,296,485,486,487,488]}function T(a,n){n.isSelected=a;const l=d.value.filter(c=>c.isSelected);i("change-selected-players",l)}function He(a){i("view-profile",a)}function D(a){i("add-to-list",a)}function qe(a){i("view-graph",a)}function I(a){w.value=a.isExpanded,d.value.forEach(n=>{n.isExpanded=!1}),setTimeout(()=>{if(!w.value){const l=document.querySelectorAll(".details-row")[a.index];u.value=a.index,y(l)}a.isExpanded=!w.value},200)}return e.onMounted(()=>{f()}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:"table",ref_key:"tableSC",ref:_,style:e.normalizeStyle(V.value)},[e.createElementVNode("div",re,[ce,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`s-${l.id}`,class:e.normalizeClass(["row static-row",{odd:l.isOdd}])},[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["details-row",{odd:l.isOdd}])},[e.createElementVNode("div",me,[e.createElementVNode("div",pe,[e.createElementVNode("div",fe,[e.createElementVNode("div",null,[e.createTextVNode("Equipo: "),e.createElementVNode("span",he,e.toDisplayString(l.team_name),1)]),e.createElementVNode("div",null,[e.createTextVNode("Edad: "),e.createElementVNode("span",_e,e.toDisplayString(l.player_age)+" Años",1)]),e.createElementVNode("div",null,[e.createTextVNode("Nacionalidad: "),e.createElementVNode("span",ge,e.toDisplayString(l.player_country),1)]),e.createElementVNode("div",null,[e.createTextVNode("Posición: "),e.createElementVNode("span",be,e.toDisplayString(l.position_name),1)])]),e.createElementVNode("div",ye,[e.createElementVNode("div",null,[e.createTextVNode("Partidos Jugados: "),e.createElementVNode("span",ke,e.toDisplayString(l.player_games),1)]),e.createElementVNode("div",null,[e.createTextVNode("Minutos Jugados: "),e.createElementVNode("span",Ce,e.toDisplayString(l.player_min),1)])])]),e.createElementVNode("div",ue,[e.createElementVNode("div",{role:"button",class:"button",onClick:c=>qe(l)},we,8,Se),e.createElementVNode("div",{role:"button",class:"button",onClick:c=>D(l)},Ee,8,xe),e.createElementVNode("div",{role:"button",class:"button green",onClick:c=>He(l)},Be,8,Ve)])])],2),[[e.vShow,l.isExpanded]])]),_:2},1024),t.isEditMode?(e.openBlock(),e.createBlock(e.unref(H),{key:0,fontFamily:"Poppins-Regular",labelFontSize:"14px","model-value":l.isSelected,"onUpdate:modelValue":c=>T(c,l)},null,8,["model-value","onUpdate:modelValue"])):e.createCommentVNode("",!0),e.createElementVNode("div",Ne,[e.createElementVNode("div",Le,e.toDisplayString(l.position),1),(e.openBlock(),e.createElementBlock("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:c=>D(l)},ze,8,$e)),e.createElementVNode("div",Te,[e.createElementVNode("div",null,[e.createElementVNode("img",{src:l.player_photo,alt:"player photo"},null,8,De)])]),e.createElementVNode("div",Ie,e.toDisplayString(l.player_name),1)]),e.createElementVNode("div",Me,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5",{expanded:l.isExpanded}]),width:"12",height:"8",viewBox:"0 0 12 8",fill:"#D9D9D9",xmlns:"http://www.w3.org/2000/svg",onClick:c=>I(l)},Re,10,Fe))])],2))),128))]),e.createElementVNode("div",Oe,[t.isGeneral?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[Pe,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`i-${l.id}`,class:"row scrollable-row"},[e.createElementVNode("div",{class:e.normalizeClass(["row team-info",{odd:l.isOdd}])},[e.createElementVNode("div",We,[e.createElementVNode("img",{src:l.team_logo,alt:"team logo"},null,8,Ae)]),e.createElementVNode("div",Ze,e.toDisplayString(l.team_abrev),1)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_position),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_age),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},[e.createElementVNode("img",{src:l.player_country_flag,alt:"player country flag",class:"country-flag"},null,8,je)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_games),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_min),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.league_name),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},[e.createVNode(e.unref(oe),{icon:"https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png","icon-size":"13px","icon-position":"left",width:"98px",height:"30px","border-radius":"30px","border-width":"1","background-color":"#ffffff1a","font-family":"Poppins-Regular","border-color":"#55636e","text-value":"Ver videos","font-size":"10px",onClick:c=>h(l)},null,8,["onClick"])],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},null,2)]))),128))],64)):(e.openBlock(),e.createBlock(de,{key:1,ref_key:"scrollColumns",ref:k,"available-players":d.value,"is-edit-mode":t.isEditMode,onOnpenMedia:h,onExpand:I},null,8,["available-players","is-edit-mode"]))])],4))}},[["__scopeId","data-v-dbafbc83"]]);C.GSCTableScrollable=Ge,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});
+(function(C,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(C=typeof globalThis<"u"?globalThis:C||self,e(C.GSCTableScrollable={},C.Vue))})(this,function(C,e){"use strict";const T=(t,i)=>{const o=t.__vccOpts||t;for(const[s,m]of i)o[s]=m;return o},F={key:1},I={width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M=["fill"],R={key:0,class:"checkbox__teams"},O={class:"checkbox__teams__logo"},D=["src"],P={class:"checkbox__teams__logo"},W=["src"],A={__name:"GSC-Checkbox",props:{width:{type:String,default:"fit-content"},height:{type:String,default:"fit-content"},label:{type:String,default:""},labelWhiteSpace:{type:String,default:"normal"},labelColor:{type:String,default:"white"},fontFamily:{type:String,default:"sans-serif"},labelFontSize:{type:String,default:"12px"},modelValue:{type:Boolean,default:!1},justifyContent:{type:String,default:"flex-start"},alignItems:{type:String,default:"center"},boxBackgroundColor:{type:String,default:"#CBEE6B"},boxValueColor:{type:String,default:"#0d1d29"},boxValue:{type:[String,Number],default:""},boxPosition:{type:String,default:"left",validator(t){return["left","right","top","bottom"].includes(t)}},boxMarginTop:{type:String,default:"0.2em"},boxWidthAndHeight:{type:String,default:"16px"},boxBorderColor:{type:String,default:"#969da2"},boxBorderWidth:{type:String,default:"2px"},boxBorderRadius:{type:String,default:"4px"},boxValueFontSize:{type:String,default:"10px"},boxValueFontFamily:{type:String,default:"sans-serif"},avoidInteraction:{type:Boolean,default:!1},avoidToCheck:{type:Boolean,default:!1},isBoxOnly:{type:Boolean,default:!1},teamsIds:{type:Array,default:()=>null}},emits:["update:modelValue"],setup(t,{emit:i}){const o=t;e.useCssVars(d=>({"7bd9d47b":t.width,"34dc7ddc":t.height}));const s=e.ref(!1),m=e.computed(()=>{const d={color:o.boxValueColor,"font-family":o.fontFamily,height:o.boxWidthAndHeight,width:o.boxWidthAndHeight,minWidth:o.boxWidthAndHeight,"border-radius":o.boxBorderRadius,"margin-top":o.boxMarginTop};return s.value?(d["background-color"]=o.boxBackgroundColor,d.border=`solid ${o.boxBorderWidth} ${o.boxBackgroundColor}`):d.border=`solid ${o.boxBorderWidth} ${o.boxBorderColor}`,d}),r=e.computed(()=>({"font-family":o.boxValueFontFamily,"font-size":o.boxValueFontSize,color:o.boxValueColor,"line-height":1})),_=e.computed(()=>{const d={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")&&(d[`margin-${o.boxPosition}`]=o.isBoxOnly?"0":o.teamsIds?"8px":"10px"),d});e.watch(()=>o.modelValue,d=>{d!==s.value&&(s.value=d)},{immediate:!0});function b(){o.avoidInteraction||!s.value&&o.avoidToCheck||(s.value=!s.value,i("update:modelValue",s.value))}function k(d){return`${{}.TEAM_LOGOS_URL||"https://golstatsimages.blob.core.windows.net/teams-80/"}${d}.png`}return(d,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["checkbox",`box-${t.boxPosition}`]),onClick:b},[e.createElementVNode("div",{class:"checkbox__box",style:e.normalizeStyle(m.value)},[s.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.boxValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"checkbox__box__value",style:e.normalizeStyle(r.value)},e.toDisplayString(t.boxValue),5)):(e.openBlock(),e.createElementBlock("div",F,[(e.openBlock(),e.createElementBlock("svg",I,[e.createElementVNode("path",{d:"M9.77994 1.70133L4.10994 7.37133C3.96994 7.51133 3.77994 7.59133 3.57994 7.59133C3.37994 7.59133 3.18994 7.51133 3.04994 7.37133L0.219941 4.54133C-0.0700586 4.25133 -0.0700586 3.77133 0.219941 3.48133C0.509941 3.19133 0.989941 3.19133 1.27994 3.48133L3.57994 5.78133L8.71994 0.641328C9.00994 0.351328 9.48994 0.351328 9.77994 0.641328C10.0699 0.931328 10.0699 1.40133 9.77994 1.70133Z",fill:t.boxValueColor},null,8,M)]))]))],64)):e.createCommentVNode("",!0)],4),t.teamsIds&&t.teamsIds.length?(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("div",O,[e.createElementVNode("img",{src:k(t.teamsIds[0]),alt:""},null,8,D)]),e.createElementVNode("div",P,[e.createElementVNode("img",{src:k(t.teamsIds[1]),alt:""},null,8,W)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"checkbox__label",style:e.normalizeStyle(_.value)},e.toDisplayString(t.label),5)],2))}},Z=T(A,[["__scopeId","data-v-b6f124d8"]]),j=(t,i)=>{const o=t.__vccOpts||t;for(const[s,m]of i)o[s]=m;return o},w={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))}}},E=()=>{e.useCssVars(t=>({"9d01acb4":t.height,"14e95081":t.borderWidthBtn,"38fec285":t.borderType,34353510:t.borderColor,"20d20dc6":t.borderRadius,17130967:t.width,"4ccb7d36":t.backgroundColor,"5d1e86a2":t.cursorType,ce65d4a2:t.fontSize,fe4ac47a:t.fontStyle,f98e44dc:t.fontFamily,"93b87770":t.marginLeftStat,c7f7beba:t.fontSizeStat}))},B=w.setup;w.setup=B?(t,i)=>(E(),B(t,i)):E;const G=t=>(e.pushScopeId("data-v-f3ee6b2b"),t=t(),e.popScopeId(),t),H=["src"],q={key:1,class:"text"},U=["src"],J={class:"stats"},K=G(()=>e.createElementVNode("img",{class:"iconstats",src:"https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"},null,-1)),Q={class:"numstats"},X={class:"leyend"};function Y(t,i,o,s,m,r){return e.openBlock(),e.createElementBlock("div",null,[o.type==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["button",m.status&&o.typeOnOff&&"button-active"]),style:e.normalizeStyle([r.customStyle,m.status&&o.typeOnOff&&r.customActive]),onClick:i[0]||(i[0]=(..._)=>r.btnClick&&r.btnClick(..._))},[o.icon&&o.iconPosition.toLowerCase()==="left"?(e.openBlock(),e.createElementBlock("img",{key:0,class:"icon",style:e.normalizeStyle({width:o.iconSize}),src:o.icon},null,12,H)):e.createCommentVNode("",!0),o.textValue?(e.openBlock(),e.createElementBlock("div",q,e.toDisplayString(o.textValue),1)):e.createCommentVNode("",!0),o.icon&&o.iconPosition.toLowerCase()==="right"?(e.openBlock(),e.createElementBlock("img",{key:2,class:"icon",style:e.normalizeStyle({width:o.iconSize}),src:o.icon},null,12,U)):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0),o.type==1?(e.openBlock(),e.createElementBlock("div",{key:1,class:"button-target",onClick:i[1]||(i[1]=(..._)=>r.btnClick&&r.btnClick(..._))},[e.createElementVNode("div",J,[K,e.createElementVNode("div",Q,e.toDisplayString(o.textStat),1)]),e.createElementVNode("div",X,e.toDisplayString(o.textCategory),1)])):e.createCommentVNode("",!0)])}const v=j(w,[["render",Y],["__scopeId","data-v-f3ee6b2b"]]),N=(t,i)=>{const o=t.__vccOpts||t;for(const[s,m]of i)o[s]=m;return o},ee=t=>(e.pushScopeId("data-v-b4e23a18"),t=t(),e.popScopeId(),t),te={key:0,class:"overlay"},oe=ee(()=>e.createElementVNode("div",{class:"column-title-2"},null,-1)),le=["onClick"],ae=N({__name:"ScrollColumns",props:{availablePlayers:{type:Array,default:()=>[]},isEditMode:{type:Boolean,default:!1}},emits:["expand","open-media"],setup(t,{expose:i,emit:o}){const s=t,m=e.ref(null),r=e.ref(null),_=e.ref(0);e.ref(!1);const b=e.computed(()=>{const p=s.availablePlayers[0];return p?p.stats:[]}),k=e.computed(()=>{const p=`repeat(${b.value.length}, max-content) 36px`;let f="";return _.value>0&&document.querySelectorAll(".column-title-2").forEach(y=>{f+=`${y.offsetWidth}px `}),{"--grid-template-columns":p,"--grid-template-columns-totals":f||p}});function d(){m.value=new ResizeObserver(p=>{for(const f of p){const{width:h}=f.contentRect;_.value=h}}),m.value.observe(r.value)}function u(p,f){const y=document.querySelectorAll(".scrollable-row-totals")[p+1];y&&(y.style.marginTop=`${f}px`)}function x({player:p,stat:f}){f.total&&o("open-media",{...p,stat:f})}return e.onMounted(()=>{d()}),i({setMarginTopDetails:u}),(p,f)=>(e.openBlock(),e.createElementBlock("div",{class:"scroll-columns",style:e.normalizeStyle(k.value)},[t.isEditMode?(e.openBlock(),e.createElementBlock("div",te)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"titlesRow",ref:r,class:"scrollable-row-2"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,h=>(e.openBlock(),e.createElementBlock("div",{key:`t-${h.category_id}`,class:"column-title-2"},e.toDisplayString(h.name),1))),128)),oe],512),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.availablePlayers,(h,y)=>(e.openBlock(),e.createElementBlock("div",{key:`i-${h.id}`,class:"row scrollable-row-totals"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.stats,S=>(e.openBlock(),e.createElementBlock("div",{key:S.category_id,class:e.normalizeClass(["row data-info",{odd:y%2!==0,underline:!!S.total}]),onClick:L=>x({player:h,stat:S})},e.toDisplayString(S.total),11,le))),128))]))),128))],4))}},[["__scopeId","data-v-b4e23a18"]]),g=t=>(e.pushScopeId("data-v-03f58297"),t=t(),e.popScopeId(),t),ne={class:"table__static-column"},ie=g(()=>e.createElementVNode("div",{class:"static-title column-title"},null,-1)),se={class:"container"},re={class:"details-row__info"},de={class:"details-row__info__personal"},ce={class:"bold"},me={class:"bold"},pe={class:"bold"},fe={class:"bold"},he={class:"details-row__info__games"},_e={class:"bold"},ge={class:"bold"},ye={class:"details-row__buttons"},be=["onClick"],ke=[g(()=>e.createElementVNode("div",null,"Ver gráfica",-1)),g(()=>e.createElementVNode("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("g",{"clip-path":"url(#clip0_3514_71971)"},[e.createElementVNode("path",{d:"M16.3338 6.02932L8.65108 0.447539C8.56099 0.38207 8.43896 0.38207 8.34886 0.447539C8.34292 0.451852 1.97661 5.07726 0.6663 6.02926C0.498706 6.09269 0.445831 6.30248 0.563113 6.43788L3.48277 15.4238C3.51717 15.5297 3.61589 15.6014 3.72727 15.6014H13.2635C13.3911 15.6014 13.484 15.5258 13.5172 15.4238L16.4368 6.43788C16.5544 6.3022 16.501 6.09269 16.3338 6.02932ZM13.1818 14.792L12.2937 13.5604C12.4178 13.3198 12.4262 13.0472 12.3402 12.813L13.4007 8.12035C13.7342 7.97885 13.9718 7.64673 13.9682 7.25316L15.8203 6.67173L13.1818 14.792ZM1.18005 6.67273L2.54311 7.10316C2.52677 7.60485 2.90696 8.01919 3.39221 8.06116L5.37836 11.3233C5.0798 11.6827 5.09336 12.2096 5.41452 12.5533L3.8173 14.7894L1.18005 6.67273ZM7.02283 11.9909C7.03952 11.7764 6.98346 11.5718 6.86936 11.4011L8.47839 9.14851L10.8495 12.4367C10.7173 12.5536 10.6187 12.7075 10.5697 12.8821L7.02283 11.9909ZM7.62217 4.78338C7.74714 5.00898 7.96299 5.17704 8.22033 5.23844V8.35679L4.40411 7.15166C4.40767 6.95926 4.35377 6.77813 4.25196 6.6232L7.62217 4.78338ZM12.2474 6.77016C12.151 6.92429 12.0998 7.10551 12.1071 7.29851L8.73449 8.35735V5.21526C8.94317 5.14495 9.11883 5.00291 9.23183 4.8182L12.2474 6.77016ZM4.25277 7.64307L8.06249 8.84613L6.47533 11.0681C6.26327 10.973 6.02383 10.9611 5.80383 11.0334L3.92524 7.94795C4.05761 7.87432 4.17008 7.76935 4.25277 7.64307ZM11.9237 12.3234C11.7375 12.2181 11.526 12.1827 11.3228 12.214L8.8943 8.84613L12.2678 7.78701C12.4038 7.98623 12.6151 8.12979 12.8607 8.17698L11.9237 12.3234ZM12.648 6.41704L9.36721 4.29329C9.35074 3.90045 9.09089 3.57073 8.73449 3.45063V1.14366L15.6674 6.18076L13.8211 6.76041C13.5672 6.3651 13.0654 6.22463 12.648 6.41704ZM8.22033 3.42748C7.83383 3.5197 7.54105 3.8527 7.50917 4.25923L3.8238 6.27107C3.42227 6.10782 2.95152 6.24232 2.70096 6.61379L1.33164 6.18138L8.22033 1.17648V3.42748ZM5.85711 12.8183C6.22189 12.9143 6.61096 12.7823 6.84071 12.4753L10.5778 13.4143C10.7578 13.9855 11.4215 14.2369 11.9331 13.9395L12.7607 15.0872H4.23642L5.85711 12.8183Z",fill:"white"})]),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_3514_71971"},[e.createElementVNode("rect",{width:"16",height:"16",fill:"white",transform:"translate(0.5)"})])])],-1))],Ce=["onClick"],ue=[g(()=>e.createElementVNode("div",null,"Agregar a lista",-1)),g(()=>e.createElementVNode("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M13.2016 17.2012V15.601C13.2016 14.7522 12.8645 13.9381 12.2643 13.3379C11.664 12.7377 10.85 12.4005 10.0012 12.4005H5.20047C4.35165 12.4005 3.5376 12.7377 2.9374 13.3379C2.33719 13.9381 2 14.7522 2 15.601V17.2012",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M7.60086 9.19977C9.36843 9.19977 10.8013 7.76687 10.8013 5.9993C10.8013 4.23173 9.36843 2.79883 7.60086 2.79883C5.83329 2.79883 4.40039 4.23173 4.40039 5.9993C4.40039 7.76687 5.83329 9.19977 7.60086 9.19977Z",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M15.5996 6.79944V11.6001M17.9999 9.19979H13.1992",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"})],-1))],Se=["onClick"],xe=[g(()=>e.createElementVNode("div",null,"Ver perfil",-1))],we={class:"static-row__info-player"},Ve={class:"position"},Ee=["onClick"],Be=[g(()=>e.createElementVNode("path",{d:"M13.2016 17.2012V15.601C13.2016 14.7522 12.8645 13.9381 12.2643 13.3379C11.664 12.7377 10.85 12.4005 10.0012 12.4005H5.20047C4.35165 12.4005 3.5376 12.7377 2.9374 13.3379C2.33719 13.9381 2 14.7522 2 15.601V17.2012",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)),g(()=>e.createElementVNode("path",{d:"M7.60086 9.19977C9.36843 9.19977 10.8013 7.76687 10.8013 5.9993C10.8013 4.23173 9.36843 2.79883 7.60086 2.79883C5.83329 2.79883 4.40039 4.23173 4.40039 5.9993C4.40039 7.76687 5.83329 9.19977 7.60086 9.19977Z",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)),g(()=>e.createElementVNode("path",{d:"M15.5996 6.79944V11.6001M17.9999 9.19979H13.1992",stroke:"white","stroke-opacity":"1","stroke-width":"1.44023","stroke-linecap":"round","stroke-linejoin":"round"},null,-1))],Ne={class:"player-photo"},Le=["src"],ze={class:"player-name"},$e={class:"arrow"},Te=["onClick"],Fe=[g(()=>e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6 4.93631L10.2929 1.23496C10.6834 0.898244 11.3166 0.898244 11.7071 1.23496C12.0976 1.57167 12.0976 2.11759 11.7071 2.4543L6.70711 6.76532C6.31658 7.10203 5.68342 7.10203 5.29289 6.76532L0.292893 2.4543C-0.0976311 2.11759 -0.0976311 1.57167 0.292893 1.23496C0.683418 0.898244 1.31658 0.898244 1.70711 1.23496L6 4.93631Z",fill:"#D9D9D9"},null,-1))],Ie={class:"table__scrollable-columns"},Me=e.createStaticVNode('<div class="titles scrollable-row" data-v-03f58297><div class="column-title" data-v-03f58297>Equipo</div><div class="column-title" data-v-03f58297>Posición</div><div class="column-title" data-v-03f58297>Edad</div><div class="column-title" data-v-03f58297>País</div><div class="column-title" data-v-03f58297>Partidos Jugados</div><div class="column-title" data-v-03f58297>Minutos Jugados</div><div class="column-title" data-v-03f58297>Liga</div><div class="column-title" data-v-03f58297>Videos</div><div class="column-title" data-v-03f58297></div></div>',1),Re={class:"team-logo"},Oe=["src"],De={class:"team-name data-info"},Pe=["src"],We=N({__name:"GSC-TableScrollable",props:{players:{type:Array,default:()=>[]},isGeneral:{type:Boolean,default:!0},isEditMode:{type:Boolean,default:!1}},emits:["change-selected-players","view-profile","add-to-list","view-graph","open-media"],setup(t,{emit:i}){const o=t;let s=null,m=null;const r=e.ref([]),_=e.ref(null),b=e.ref(null),k=e.ref(0),d=e.ref(0),u=e.ref(-1),x=e.ref(!1),p=e.computed(()=>({"--width-details":`${k.value}px`,"--gap-static-row":`${f.value?"8px":"18px"}`,"--width-static-column":`${f.value?"50%":"256px"}`})),f=e.computed(()=>k.value<600);e.watch(()=>o.players,a=>{a&&a.length&&(r.value=a.map((n,l)=>{const c=l+1;return{...n,position:c<10?`0${c}`:`${c}`,isSelected:!1,isExpanded:!1,isOdd:l%2!==0,index:l}}))},{immediate:!0}),e.watch(()=>o.isEditMode,a=>{a&&r.value.forEach(n=>{n.isSelected=!1})}),e.watch(d,a=>{const l=document.querySelectorAll(".static-row")[u.value+1];l&&(l.style.marginTop=`${a}px`),o.isGeneral?h(u.value,a):b.value&&b.value.setMarginTopDetails(u.value,a)});function h(a,n){const c=document.querySelectorAll(".scrollable-row")[a+2];c&&(c.style.marginTop=`${n}px`)}function y(a){const n=a.player||a.objeto_player,l=n?n.player_id||n.id||n.playerId:a.id||a.player_id,c=n?n.team_id||n.teamId:a.team_id||a.teamId,V={seasonId:a.season_id,isFeaturedPlayers:!1,mainSectionType:1,playListType:2,gameIds:null,playerIds:l?[l]:[],goalkeeperIds:[],teamId:c||0,matchResult:[1,2,3],categorySingleName:"",isRivalSubject:!1,avoidCategorySingleName:!1,currentPlayIndex:0,playData:null,lastClashedGameId:null,tournamentsLastClashes:null,advancedFilter:{playListTitle:"Jugadas Relevantes"}};a.stat?V.customCategoryIds=[a.stat.category_id]:V.categoryIds=Ae(a.player_position),i("open-media",V)}function S(){s=new ResizeObserver(a=>{for(const n of a)k.value=n.contentRect.width}),s.observe(_.value)}function L(a){m=new ResizeObserver(n=>{for(const l of n)d.value=l.contentRect.height}),m.observe(a)}function Ae(a){return a==="POR"?[39,40,52,53,54,55,323,324,608,774,802]:[10,12,14,15,27,35,61,217,257,466,519,607,702,730,98,101,109,112,121,122,127,128,135,136,141,142,161,170,179,211,232,235,239,242,282,284,289,291,296,485,486,487,488]}function Ze(a,n){n.isSelected=a;const l=r.value.filter(c=>c.isSelected);i("change-selected-players",l)}function je(a){i("view-profile",a)}function z(a){i("add-to-list",a)}function Ge(a){i("view-graph",a)}function $(a){x.value=a.isExpanded,r.value.forEach(n=>{n.isExpanded=!1}),setTimeout(()=>{if(!x.value){const l=document.querySelectorAll(".details-row")[a.index];u.value=a.index,L(l)}a.isExpanded=!x.value},200)}return e.onMounted(()=>{S()}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:"table",ref_key:"tableSC",ref:_,style:e.normalizeStyle(p.value)},[e.createElementVNode("div",ne,[ie,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`s-${l.id}`,class:e.normalizeClass(["row static-row",{odd:l.isOdd}])},[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["details-row",{odd:l.isOdd}])},[e.createElementVNode("div",se,[e.createElementVNode("div",re,[e.createElementVNode("div",de,[e.createElementVNode("div",null,[e.createTextVNode("Equipo: "),e.createElementVNode("span",ce,e.toDisplayString(l.team_name),1)]),e.createElementVNode("div",null,[e.createTextVNode("Edad: "),e.createElementVNode("span",me,e.toDisplayString(l.player_age)+" Años",1)]),e.createElementVNode("div",null,[e.createTextVNode("Nacionalidad: "),e.createElementVNode("span",pe,e.toDisplayString(l.player_country),1)]),e.createElementVNode("div",null,[e.createTextVNode("Posición: "),e.createElementVNode("span",fe,e.toDisplayString(l.position_name),1)])]),e.createElementVNode("div",he,[e.createElementVNode("div",null,[e.createTextVNode("Partidos Jugados: "),e.createElementVNode("span",_e,e.toDisplayString(l.player_games),1)]),e.createElementVNode("div",null,[e.createTextVNode("Minutos Jugados: "),e.createElementVNode("span",ge,e.toDisplayString(l.player_min),1)])])]),e.createElementVNode("div",ye,[e.createElementVNode("div",{role:"button",class:"button",onClick:c=>Ge(l)},ke,8,be),e.createElementVNode("div",{role:"button",class:"button",onClick:c=>z(l)},ue,8,Ce),e.createElementVNode("div",{role:"button",class:"button green",onClick:c=>je(l)},xe,8,Se)])])],2),[[e.vShow,l.isExpanded]])]),_:2},1024),t.isEditMode?(e.openBlock(),e.createBlock(e.unref(Z),{key:0,fontFamily:"Poppins-Regular",labelFontSize:"14px","model-value":l.isSelected,"onUpdate:modelValue":c=>Ze(c,l)},null,8,["model-value","onUpdate:modelValue"])):e.createCommentVNode("",!0),e.createElementVNode("div",we,[e.createElementVNode("div",Ve,e.toDisplayString(l.position),1),(e.openBlock(),e.createElementBlock("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:c=>z(l)},Be,8,Ee)),e.createElementVNode("div",Ne,[e.createElementVNode("div",null,[e.createElementVNode("img",{src:l.player_photo,alt:"player photo"},null,8,Le)])]),e.createElementVNode("div",ze,e.toDisplayString(l.player_name),1)]),e.createElementVNode("div",$e,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5",{expanded:l.isExpanded}]),width:"12",height:"8",viewBox:"0 0 12 8",fill:"#D9D9D9",xmlns:"http://www.w3.org/2000/svg",onClick:c=>$(l)},Fe,10,Te))])],2))),128))]),e.createElementVNode("div",Ie,[t.isGeneral?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[Me,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`i-${l.id}`,class:"row scrollable-row"},[e.createElementVNode("div",{class:e.normalizeClass(["row team-info",{odd:l.isOdd}])},[e.createElementVNode("div",Re,[e.createElementVNode("img",{src:l.team_logo,alt:"team logo"},null,8,Oe)]),e.createElementVNode("div",De,e.toDisplayString(l.team_abrev),1)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_position),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_age),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},[e.createElementVNode("img",{src:l.player_country_flag,alt:"player country flag",class:"country-flag"},null,8,Pe)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_games),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.player_min),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},e.toDisplayString(l.league_name),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},[e.createVNode(e.unref(v),{icon:"https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png","icon-size":"13px","icon-position":"left",width:"98px",height:"30px","border-radius":"30px","border-width":"1","background-color":"#ffffff1a","font-family":"Poppins-Regular","border-color":"#55636e","text-value":"Ver videos","font-size":"10px",onClick:c=>y(l)},null,8,["onClick"])],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:l.isOdd}])},null,2)]))),128))],64)):(e.openBlock(),e.createBlock(ae,{key:1,ref_key:"scrollColumns",ref:b,"available-players":r.value,"is-edit-mode":t.isEditMode,onOpenMedia:y,onExpand:$},null,8,["available-players","is-edit-mode"]))])],4))}},[["__scopeId","data-v-03f58297"]]);C.GSCTableScrollable=We,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golstats/gsc-table-scrollable",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "type": "module",
   "files": [
     "dist"