@golstats/gsc-table-scrollable 1.0.15 → 1.0.16

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

package/dist/gsc-table-scrollable.js

@@ -1,4 +1,4 @@
-import { useCssVars as at, ref as g, computed as O, watch as V, createElementBlock as r, openBlock as n, normalizeClass as y, createElementVNode as t, createCommentVNode as L, normalizeStyle as B, Fragment as T, toDisplayString as h, pushScopeId as W, popScopeId as H, onMounted as rt, renderList as z, onBeforeUnmount as Ct, createVNode as ot, createBlock as st, Transition as kt, withCtx as wt, withDirectives as bt, createTextVNode as D, vShow as yt, unref as it } from "vue";
+import { useCssVars as at, ref as g, computed as I, watch as D, createElementBlock as a, openBlock as n, normalizeClass as y, createElementVNode as t, createCommentVNode as S, normalizeStyle as B, Fragment as O, toDisplayString as h, pushScopeId as W, popScopeId as H, onMounted as rt, renderList as z, onBeforeUnmount as Ct, createVNode as ot, createBlock as st, Transition as kt, withCtx as wt, withDirectives as bt, createTextVNode as F, vShow as yt, unref as it } from "vue";
 const xt = (s, u) => {
   const i = s.__vccOpts || s;
   for (const [f, _] of u)
@@ -13,7 +13,7 @@ const xt = (s, u) => {
 }, Lt = ["fill"], $t = {
   key: 0,
   class: "checkbox__teams"
-}, Bt = { class: "checkbox__teams__logo" }, Rt = ["src"], Et = { class: "checkbox__teams__logo" }, Pt = ["src"], It = {
+}, Bt = { class: "checkbox__teams__logo" }, Rt = ["src"], Et = { class: "checkbox__teams__logo" }, Pt = ["src"], Tt = {
   __name: "GSC-Checkbox",
   props: {
     width: {
@@ -128,7 +128,7 @@ const xt = (s, u) => {
       "7bd9d47b": s.width,
       "34dc7ddc": s.height
     }));
-    const f = g(!1), _ = O(() => {
+    const f = g(!1), _ = I(() => {
       const p = {
         color: i.boxValueColor,
         "font-family": i.fontFamily,
@@ -139,12 +139,12 @@ const xt = (s, u) => {
         "margin-top": i.boxMarginTop
       };
       return f.value ? (p["background-color"] = i.boxBackgroundColor, p.border = `solid ${i.boxBorderWidth} ${i.boxBackgroundColor}`) : p.border = `solid ${i.boxBorderWidth} ${i.boxBorderColor}`, p;
-    }), m = O(() => ({
+    }), m = I(() => ({
       "font-family": i.boxValueFontFamily,
       "font-size": i.boxValueFontSize,
       color: i.boxValueColor,
       "line-height": 1
-    })), S = O(() => {
+    })), M = I(() => {
       const p = {
         color: i.labelColor,
         "font-family": i.fontFamily,
@@ -154,7 +154,7 @@ const xt = (s, u) => {
       };
       return (i.boxPosition === "left" || i.boxPosition === "right") && (p[`margin-${i.boxPosition}`] = i.isBoxOnly ? "0" : i.teamsIds ? "8px" : "10px"), p;
     });
-    V(
+    D(
       () => i.modelValue,
       (p) => {
         p !== f.value && (f.value = p);
@@ -167,7 +167,7 @@ const xt = (s, u) => {
     function E(p) {
       return `${{}.TEAM_LOGOS_URL || "https://golstatsimages.blob.core.windows.net/teams-80/"}${p}.png`;
     }
-    return (p, I) => (n(), r("div", {
+    return (p, T) => (n(), a("div", {
       class: y(["checkbox", `box-${s.boxPosition}`]),
       onClick: R
     }, [
@@ -175,22 +175,22 @@ const xt = (s, u) => {
         class: "checkbox__box",
         style: B(_.value)
       }, [
-        f.value ? (n(), r(T, { key: 0 }, [
-          i.boxValue ? (n(), r("div", {
+        f.value ? (n(), a(O, { key: 0 }, [
+          i.boxValue ? (n(), a("div", {
             key: 0,
             class: "checkbox__box__value",
             style: B(m.value)
-          }, h(s.boxValue), 5)) : (n(), r("div", St, [
-            (n(), r("svg", Mt, [
+          }, h(s.boxValue), 5)) : (n(), a("div", St, [
+            (n(), a("svg", Mt, [
               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: s.boxValueColor
               }, null, 8, Lt)
             ]))
           ]))
-        ], 64)) : L("", !0)
+        ], 64)) : S("", !0)
       ], 4),
-      s.teamsIds && s.teamsIds.length ? (n(), r("div", $t, [
+      s.teamsIds && s.teamsIds.length ? (n(), a("div", $t, [
         t("div", Bt, [
           t("img", {
             src: E(s.teamsIds[0]),
@@ -203,14 +203,14 @@ const xt = (s, u) => {
             alt: ""
           }, null, 8, Pt)
         ])
-      ])) : L("", !0),
+      ])) : S("", !0),
       t("div", {
         class: "checkbox__label",
-        style: B(S.value)
+        style: B(M.value)
       }, h(s.label), 5)
     ], 2));
   }
-}, Ot = /* @__PURE__ */ xt(It, [["__scopeId", "data-v-b6f124d8"]]), Tt = (s, u) => {
+}, It = /* @__PURE__ */ xt(Tt, [["__scopeId", "data-v-b6f124d8"]]), Ot = (s, u) => {
   const i = s.__vccOpts || s;
   for (const [f, _] of u)
     i[f] = _;
@@ -307,49 +307,49 @@ const xt = (s, u) => {
   }));
 }, nt = N.setup;
 N.setup = nt ? (s, u) => (lt(), nt(s, u)) : lt;
-const Ft = (s) => (W("data-v-f3ee6b2b"), s = s(), H(), s), Dt = ["src"], Vt = {
+const Vt = (s) => (W("data-v-f3ee6b2b"), s = s(), H(), s), Ft = ["src"], Dt = {
   key: 1,
   class: "text"
-}, zt = ["src"], jt = { class: "stats" }, At = /* @__PURE__ */ Ft(() => /* @__PURE__ */ t("img", {
+}, zt = ["src"], At = { class: "stats" }, jt = /* @__PURE__ */ Vt(() => /* @__PURE__ */ t("img", {
   class: "iconstats",
   src: "https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"
 }, null, -1)), Zt = { class: "numstats" }, Wt = { class: "leyend" };
 function Ht(s, u, i, f, _, m) {
-  return n(), r("div", null, [
-    i.type == 0 ? (n(), r("div", {
+  return n(), a("div", null, [
+    i.type == 0 ? (n(), a("div", {
       key: 0,
       class: y(["button", _.status && i.typeOnOff && "button-active"]),
       style: B([m.customStyle, _.status && i.typeOnOff && m.customActive]),
-      onClick: u[0] || (u[0] = (...S) => m.btnClick && m.btnClick(...S))
+      onClick: u[0] || (u[0] = (...M) => m.btnClick && m.btnClick(...M))
     }, [
-      i.icon && i.iconPosition.toLowerCase() === "left" ? (n(), r("img", {
+      i.icon && i.iconPosition.toLowerCase() === "left" ? (n(), a("img", {
         key: 0,
         class: "icon",
         style: B({ width: i.iconSize }),
         src: i.icon
-      }, null, 12, Dt)) : L("", !0),
-      i.textValue ? (n(), r("div", Vt, h(i.textValue), 1)) : L("", !0),
-      i.icon && i.iconPosition.toLowerCase() === "right" ? (n(), r("img", {
+      }, null, 12, Ft)) : S("", !0),
+      i.textValue ? (n(), a("div", Dt, h(i.textValue), 1)) : S("", !0),
+      i.icon && i.iconPosition.toLowerCase() === "right" ? (n(), a("img", {
         key: 2,
         class: "icon",
         style: B({ width: i.iconSize }),
         src: i.icon
-      }, null, 12, zt)) : L("", !0)
-    ], 6)) : L("", !0),
-    i.type == 1 ? (n(), r("div", {
+      }, null, 12, zt)) : S("", !0)
+    ], 6)) : S("", !0),
+    i.type == 1 ? (n(), a("div", {
       key: 1,
       class: "button-target",
-      onClick: u[1] || (u[1] = (...S) => m.btnClick && m.btnClick(...S))
+      onClick: u[1] || (u[1] = (...M) => m.btnClick && m.btnClick(...M))
     }, [
-      t("div", jt, [
-        At,
+      t("div", At, [
+        jt,
         t("div", Zt, h(i.textStat), 1)
       ]),
       t("div", Wt, h(i.textCategory), 1)
-    ])) : L("", !0)
+    ])) : S("", !0)
   ]);
 }
-const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b"]]), dt = (s, u) => {
+const Nt = /* @__PURE__ */ Ot(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b"]]), dt = (s, u) => {
   const i = s.__vccOpts || s;
   for (const [f, _] of u)
     i[f] = _;
@@ -394,16 +394,16 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
   },
   emits: ["expand", "open-media", "click-parameters", "sort"],
   setup(s, { expose: u, emit: i }) {
-    const f = s, _ = g(null), m = g(null), S = g(0);
+    const f = s, _ = g(null), m = g(null), M = g(0);
     g(!1);
-    const R = O(() => {
+    const R = I(() => {
       const c = f.availablePlayers[0];
       return c ? c.stats : [];
-    }), E = O(() => {
+    }), E = I(() => {
       const c = `repeat(${R.value.length}, max-content) 36px`;
       let v = "";
-      return S.value > 0 && document.querySelectorAll(".column-title-2").forEach((M) => {
-        v += `${M.offsetWidth}px `;
+      return M.value > 0 && document.querySelectorAll(".column-title-2").forEach((L) => {
+        v += `${L.offsetWidth}px `;
       }), {
         "--grid-template-columns": c,
         "--grid-template-columns-totals": v || c
@@ -413,75 +413,75 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
       _.value = new ResizeObserver((c) => {
         for (const v of c) {
           const { width: w } = v.contentRect;
-          S.value = w;
+          M.value = w;
         }
       }), _.value.observe(m.value);
     }
-    function I(c, v) {
-      const M = document.querySelectorAll(".scrollable-row-totals")[c + 1];
-      M && (M.style.marginTop = `${v}px`);
+    function T(c, v) {
+      const L = document.querySelectorAll(".scrollable-row-totals")[c + 1];
+      L && (L.style.marginTop = `${v}px`);
     }
-    function F({ player: c, stat: v }) {
+    function V({ player: c, stat: v }) {
       !v.total || v === "0%" || !v.seasons || !v.seasons.length || i("open-media", { ...c, stat: v });
     }
     function k(c) {
       !c || c === "no" || i("click-parameters", c);
     }
-    function j(c) {
+    function A(c) {
       i("sort", c);
     }
     return rt(() => {
       p();
     }), u({
-      setMarginTopDetails: I
-    }), (c, v) => (n(), r("div", {
+      setMarginTopDetails: T
+    }), (c, v) => (n(), a("div", {
       class: "scroll-columns",
       style: B(E.value)
     }, [
-      s.isEditMode ? (n(), r("div", Gt)) : L("", !0),
+      s.isEditMode ? (n(), a("div", Gt)) : S("", !0),
       t("div", {
         ref_key: "titlesRow",
         ref: m,
         class: "scrollable-row-2"
       }, [
-        (n(!0), r(T, null, z(R.value, (w, M) => (n(), r("div", {
-          key: `t-${M}`,
+        (n(!0), a(O, null, z(R.value, (w, L) => (n(), a("div", {
+          key: `t-${L}`,
           class: "column-title-2"
         }, [
-          w.parameters && w.parameters !== "no" ? (n(), r("div", {
+          w.parameters && w.parameters !== "no" ? (n(), a("div", {
             key: 0,
             class: "parameters",
             role: "button",
             onClick: (x) => k(w.parameters)
-          }, Jt, 8, Ut)) : L("", !0),
+          }, Jt, 8, Ut)) : S("", !0),
           t("div", Xt, h(w.name), 1),
-          (n(), r("svg", {
+          (n(), a("svg", {
             width: "18",
             height: "18",
             viewBox: "0 0 18 18",
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
-            onClick: (x) => j(w)
+            onClick: (x) => A(w)
           }, Yt, 8, Kt))
         ]))), 128)),
         te
       ], 512),
-      (n(!0), r(T, null, z(s.availablePlayers, (w, M) => (n(), r("div", {
+      (n(!0), a(O, null, z(s.availablePlayers, (w, L) => (n(), a("div", {
         key: `i-${w.id}`,
         class: "row scrollable-row-totals"
       }, [
-        (n(!0), r(T, null, z(w.stats, (x) => (n(), r("div", {
+        (n(!0), a(O, null, z(w.stats, (x) => (n(), a("div", {
           key: x.category_id,
-          class: y(["row data-info", { odd: M % 2 !== 0, underline: !!x.total && x.total !== "0%" && x.seasons && x.seasons.length }])
+          class: y(["row data-info", { odd: L % 2 !== 0, underline: !!x.total && x.total !== "0%" && x.seasons && x.seasons.length }])
         }, [
           t("span", {
-            onClick: (U) => F({ player: w, stat: x })
+            onClick: (U) => V({ player: w, stat: x })
           }, h(x.total), 9, ee)
         ], 2))), 128))
       ]))), 128))
     ], 4));
   }
-}, se = /* @__PURE__ */ dt(oe, [["__scopeId", "data-v-df83603b"]]), d = (s) => (W("data-v-18f2714a"), s = s(), H(), s), ie = { class: "table__static-column" }, le = { class: "static-title column-title restore" }, ne = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", { class: "titles-left" }, [
+}, se = /* @__PURE__ */ dt(oe, [["__scopeId", "data-v-df83603b"]]), d = (s) => (W("data-v-c0606edc"), s = s(), H(), s), ie = { class: "table__static-column" }, le = { class: "static-title column-title restore" }, ne = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", { class: "titles-left" }, [
   /* @__PURE__ */ t("div", { class: "title" }, "Ranking"),
   /* @__PURE__ */ t("div", { class: "title" }, "Agregar a lista")
 ], -1)), ae = /* @__PURE__ */ d(() => /* @__PURE__ */ t("svg", {
@@ -598,23 +598,23 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
 ], -1)), Pe = [
   Re,
   Ee
-], Ie = ["onClick"], Oe = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, "Ver perfil", -1)), Te = [
-  Oe
-], Fe = { class: "static-row__info-player" }, De = { class: "position" }, Ve = ["onClick"], ze = /* @__PURE__ */ d(() => /* @__PURE__ */ t("path", {
+], Te = ["onClick"], Ie = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", null, "Ver perfil", -1)), Oe = [
+  Ie
+], Ve = { class: "static-row__info-player" }, Fe = { class: "position" }, De = ["onClick"], ze = /* @__PURE__ */ d(() => /* @__PURE__ */ t("path", {
   d: "M13.3345 16.5001V14.8334C13.3345 13.9494 12.9833 13.1015 12.3582 12.4764C11.7331 11.8513 10.8852 11.5001 10.0012 11.5001H5.00126C4.11722 11.5001 3.26938 11.8513 2.64427 12.4764C2.01915 13.1015 1.66797 13.9494 1.66797 14.8334V16.5001",
   stroke: "white",
   "stroke-opacity": "0.5",
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1)), je = /* @__PURE__ */ d(() => /* @__PURE__ */ t("path", {
+}, null, -1)), Ae = /* @__PURE__ */ d(() => /* @__PURE__ */ t("path", {
   d: "M7.50126 8.16658C9.34219 8.16658 10.8346 6.67422 10.8346 4.83329C10.8346 2.99237 9.34219 1.5 7.50126 1.5C5.66033 1.5 4.16797 2.99237 4.16797 4.83329C4.16797 6.67422 5.66033 8.16658 7.50126 8.16658Z",
   stroke: "white",
   "stroke-opacity": "0.5",
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1)), Ae = /* @__PURE__ */ d(() => /* @__PURE__ */ t("path", {
+}, null, -1)), je = /* @__PURE__ */ d(() => /* @__PURE__ */ t("path", {
   d: "M18.332 8.16663H13.332",
   stroke: "white",
   "stroke-opacity": "0.5",
@@ -623,8 +623,8 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
   "stroke-linejoin": "round"
 }, null, -1)), Ze = [
   ze,
-  je,
-  Ae
+  Ae,
+  je
 ], We = {
   key: 1,
   class: "add-to-list"
@@ -720,7 +720,7 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
   /* @__PURE__ */ t("path", { d: "M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67" })
 ], -1)), $o = [
   Lo
-], Bo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", { class: "column-title" }, "Videos", -1)), Ro = { class: "team-logo" }, Eo = ["src"], Po = { class: "team-name data-info" }, Io = ["src"], Oo = {
+], Bo = /* @__PURE__ */ d(() => /* @__PURE__ */ t("div", { class: "column-title" }, "Videos", -1)), Ro = { class: "team-logo" }, Eo = ["src"], Po = { class: "team-name data-info" }, To = ["src"], Io = {
   __name: "GSC-TableScrollable",
   props: {
     players: {
@@ -738,6 +738,14 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
     isTableFromList: {
       type: Boolean,
       default: !1
+    },
+    isGraphButtonVisible: {
+      type: Boolean,
+      default: !0
+    },
+    isAddToListButtonVisible: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: [
@@ -751,9 +759,9 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
   setup(s, { emit: u }) {
     const i = s;
     let f = null, _ = null;
-    const m = g([]), S = g(null), R = g(null), E = g(0), p = g(0), I = g(-1);
+    const m = g([]), M = g(null), R = g(null), E = g(0), p = g(0), T = g(-1);
     g(!1);
-    const F = g(null), k = g(null), j = g(null), c = g([]), v = g([
+    const V = g(null), k = g(null), A = g(null), c = g([]), v = g([
       {
         name: "team_abrev",
         isDesc: !1,
@@ -784,18 +792,18 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
         isDesc: !1,
         isRoot: !0
       }
-    ]), w = g(0), M = O(() => ({
+    ]), w = g(0), L = I(() => ({
       "--width-details": `${E.value}px`,
       "--gap-static-row": `${x.value ? "8px" : "18px"}`,
       "--width-static-column": `${x.value ? "50%" : "436px"}`
-    })), x = O(() => E.value < 600);
-    V(
+    })), x = I(() => E.value < 600);
+    D(
       () => i.players,
       (e) => {
         e && e.length && (m.value = e.map((l, o) => {
-          const a = o + 1, C = {
+          const r = o + 1, C = {
             ...l,
-            position: a < 10 ? `0${a}` : `${a}`,
+            position: r < 10 ? `0${r}` : `${r}`,
             isSelected: !1,
             isExpanded: !1,
             isOdd: o % 2 !== 0,
@@ -814,23 +822,23 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
         })));
       },
       { immediate: !0, deep: !0 }
-    ), V(
+    ), D(
       () => i.isEditMode,
       (e) => {
         e && m.value.forEach((l) => {
           l.isSelected = !1;
         });
       }
-    ), V(
-      () => j.value,
+    ), D(
+      () => A.value,
       (e) => {
         if (e) {
           let l = [...c.value];
-          e.isRoot ? l.sort((o, a) => typeof o[e.name] == "string" ? e.isDesc ? o[e.name].localeCompare(a[e.name]) : o[e.name].localeCompare(a[e.name]) * -1 : e.isDesc ? a[e.name] - o[e.name] : o[e.name] - a[e.name]) : l.sort((o, a) => {
-            const C = o.stats.find(($) => $.name === e.name), b = a.stats.find(($) => $.name === e.name);
+          e.isRoot ? l.sort((o, r) => typeof o[e.name] == "string" ? e.isDesc ? o[e.name].localeCompare(r[e.name]) : o[e.name].localeCompare(r[e.name]) * -1 : e.isDesc ? r[e.name] - o[e.name] : o[e.name] - r[e.name]) : l.sort((o, r) => {
+            const C = o.stats.find(($) => $.name === e.name), b = r.stats.find(($) => $.name === e.name);
             return typeof C.value == "string" ? e.isDesc ? C.total.localeCompare(b.total) : C.total.localeCompare(b.total) * -1 : e.isDesc ? b.total - C.total : C.total - b.total;
-          }), l.forEach((o, a) => {
-            o.isOdd = a % 2 !== 0;
+          }), l.forEach((o, r) => {
+            o.isOdd = r % 2 !== 0;
           }), c.value = l;
         } else
           c.value.sort((l, o) => l.index - o.index).forEach((l, o) => {
@@ -838,25 +846,25 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
           });
       },
       { immediate: !0, deep: !0 }
-    ), V(
+    ), D(
       p,
       (e) => {
-        const o = document.querySelectorAll(".static-row")[I.value + 1];
-        o && (o.style.marginTop = `${e}px`), i.isGeneral ? U(I.value, e) : R.value && R.value.setMarginTopDetails(I.value, e), e === 0 && F.value && K(F.value);
+        const o = document.querySelectorAll(".static-row")[T.value + 1];
+        o && (o.style.marginTop = `${e}px`), i.isGeneral ? U(T.value, e) : R.value && R.value.setMarginTopDetails(T.value, e), e === 0 && V.value && K(V.value);
       }
     );
     function U(e, l) {
-      const a = document.querySelectorAll(".scrollable-row")[e + 2];
-      a && (a.style.marginTop = `${l}px`);
+      const r = document.querySelectorAll(".scrollable-row")[e + 2];
+      r && (r.style.marginTop = `${l}px`);
     }
     function ct(e) {
       u("click-parameters", e);
     }
     function P(e) {
-      e && (e.isDesc = !e.isDesc), j.value = e;
+      e && (e.isDesc = !e.isDesc), A.value = e;
     }
     function q(e) {
-      const l = e.player || e.objeto_player, o = l ? l.player_id || l.id || l.playerId : e.id || e.player_id, a = {
+      const l = e.player || e.objeto_player, o = l ? l.player_id || l.id || l.playerId : e.id || e.player_id, r = {
         isFeaturedPlayers: !1,
         mainSectionType: 1,
         playListType: 2,
@@ -875,19 +883,19 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
           playListTitle: "Jugadas Relevantes"
         }
       };
-      if (e.stat && e.stat.parameters && (a.parameters = e.stat.parameters), e.stat && e.stat.seasons && e.stat.seasons.length || e.seasons && e.seasons.length) {
+      if (e.stat && e.stat.parameters && (r.parameters = e.stat.parameters), e.stat && e.stat.seasons && e.stat.seasons.length || e.seasons && e.seasons.length) {
         const C = [
           ...e.stat && e.stat.seasons && e.stat.seasons.length ? e.stat.seasons : e.seasons
         ];
-        C.sort((b, $) => b - $), a.seasonId = C.shift(), a.seasonsIds = C;
-      } else (e.season_id || e.seasonId) && (a.seasonId = e.season_id || e.seasonId);
-      e.stat ? e.stat.category_id && e.stat.category_id.length ? a.categoryIds = e.stat.category_id : e.stat.custom_category_id && (a.customCategoryIds = [e.stat.custom_category_id]) : a.categoryIds = ht(e.player_position), u("open-media", a);
+        C.sort((b, $) => b - $), r.seasonId = C.shift(), r.seasonsIds = C;
+      } else (e.season_id || e.seasonId) && (r.seasonId = e.season_id || e.seasonId);
+      e.stat ? e.stat.category_id && e.stat.category_id.length ? r.categoryIds = e.stat.category_id : e.stat.custom_category_id && (r.customCategoryIds = [e.stat.custom_category_id]) : r.categoryIds = ht(e.player_position), u("open-media", r);
     }
     function ut() {
       f = new ResizeObserver((e) => {
         for (const l of e)
           E.value = l.contentRect.width;
-      }), f.observe(S.value);
+      }), f.observe(M.value);
     }
     function ft(e) {
       _ = new ResizeObserver((l) => {
@@ -944,7 +952,7 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
     }
     function vt(e, l) {
       l.isSelected = e;
-      const o = m.value.filter((a) => a.isSelected);
+      const o = m.value.filter((r) => r.isSelected);
       u("change-selected-players", o);
     }
     function pt(e) {
@@ -961,25 +969,25 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
     }
     function K(e) {
       if (e.isExpanded) {
-        e.isExpanded = !1, F.value = null;
+        e.isExpanded = !1, V.value = null;
         return;
       }
       const l = m.value.find((b) => b.isExpanded);
       if (l && (l.isExpanded = !1), l) {
-        F.value = e;
+        V.value = e;
         return;
       }
       const o = document.querySelectorAll(".details-row");
-      let a = -1;
+      let r = -1;
       o.forEach((b, $) => {
-        b.id === `dr-${e.id}` && (a = $);
+        b.id === `dr-${e.id}` && (r = $);
       });
-      const C = o[a];
-      I.value = a, ft(C), e.isExpanded = !0;
+      const C = o[r];
+      T.value = r, ft(C), e.isExpanded = !0;
     }
     let Z = !1, Q, Y, tt = function(e) {
       Z = !0, Q = e.pageX - k.value.offsetLeft, Y = k.value.scrollLeft;
-    }, A = function() {
+    }, j = function() {
       Z = !1;
     };
     function gt() {
@@ -988,17 +996,17 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
           return;
         const o = e.pageX - k.value.offsetLeft - Q;
         k.value.scrollLeft = Y - o;
-      }), k.value.addEventListener("mousedown", tt, !1), k.value.addEventListener("mouseup", A, !1), k.value.addEventListener("mouseleave", A, !1));
+      }), k.value.addEventListener("mousedown", tt, !1), k.value.addEventListener("mouseup", j, !1), k.value.addEventListener("mouseleave", j, !1));
     }
     return rt(() => {
       ut(), gt();
     }), Ct(() => {
-      f && f.disconnect(), _ && _.disconnect(), k.value && (k.value.removeEventListener("mousemove", tt, !1), k.value.removeEventListener("mouseup", A, !1), k.value.removeEventListener("mouseleave", A, !1));
-    }), (e, l) => (n(), r("div", {
+      f && f.disconnect(), _ && _.disconnect(), k.value && (k.value.removeEventListener("mousemove", tt, !1), k.value.removeEventListener("mouseup", j, !1), k.value.removeEventListener("mouseleave", j, !1));
+    }), (e, l) => (n(), a("div", {
       class: "table",
       ref_key: "tableSC",
-      ref: S,
-      style: B(M.value),
+      ref: M,
+      style: B(L.value),
       key: w.value
     }, [
       t("div", ie, [
@@ -1010,7 +1018,7 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
             onClick: l[0] || (l[0] = (o) => P(null))
           }, de)
         ]),
-        (n(!0), r(T, null, z(c.value, (o) => (n(), r("div", {
+        (n(!0), a(O, null, z(c.value, (o) => (n(), a("div", {
           key: `s-${o.id}`,
           class: y(["row static-row", { odd: o.isOdd }])
         }, [
@@ -1024,29 +1032,29 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
                   t("div", fe, [
                     t("div", he, [
                       t("div", null, [
-                        D("Equipo: "),
+                        F("Equipo: "),
                         t("span", ve, h(o.team_name), 1)
                       ]),
                       t("div", null, [
-                        D("Edad: "),
+                        F("Edad: "),
                         t("span", pe, h(o.player_age) + " Años", 1)
                       ]),
                       t("div", null, [
-                        D("Nacionalidad: "),
+                        F("Nacionalidad: "),
                         t("span", _e, h(o.player_country), 1)
                       ]),
                       t("div", null, [
-                        D("Posición: "),
+                        F("Posición: "),
                         t("span", ge, h(o.position_name), 1)
                       ])
                     ]),
                     t("div", me, [
                       t("div", null, [
-                        D("Partidos Jugados: "),
+                        F("Partidos Jugados: "),
                         t("span", Ce, h(o.player_games), 1)
                       ]),
                       t("div", null, [
-                        D("Minutos Jugados: "),
+                        F("Minutos Jugados: "),
                         t("span", ke, h(o.player_min), 1)
                       ])
                     ])
@@ -1055,27 +1063,28 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
                     class: "details-row__buttons",
                     style: B(x.value ? "margin-left: 0; gap: 8px;" : "")
                   }, [
-                    t("div", {
-                      role: "button",
-                      class: "button",
-                      onClick: (a) => _t(o)
-                    }, xe, 8, we),
-                    s.isTableFromList ? (n(), r("div", {
+                    s.isGraphButtonVisible ? (n(), a("div", {
                       key: 0,
                       role: "button",
                       class: "button",
-                      onClick: (a) => J(o)
-                    }, $e, 8, Se)) : (n(), r("div", {
+                      onClick: (r) => _t(o)
+                    }, xe, 8, we)) : S("", !0),
+                    s.isTableFromList ? (n(), a("div", {
                       key: 1,
                       role: "button",
                       class: "button",
-                      onClick: (a) => X(o)
-                    }, Pe, 8, Be)),
+                      onClick: (r) => J(o)
+                    }, $e, 8, Se)) : s.isAddToListButtonVisible ? (n(), a("div", {
+                      key: 2,
+                      role: "button",
+                      class: "button",
+                      onClick: (r) => X(o)
+                    }, Pe, 8, Be)) : S("", !0),
                     t("div", {
                       role: "button",
                       class: "button green",
-                      onClick: (a) => pt(o)
-                    }, Te, 8, Ie)
+                      onClick: (r) => pt(o)
+                    }, Oe, 8, Te)
                   ], 4)
                 ])
               ], 10, ce), [
@@ -1084,31 +1093,31 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
             ]),
             _: 2
           }, 1024),
-          s.isEditMode ? (n(), st(it(Ot), {
+          s.isEditMode ? (n(), st(it(It), {
             key: 0,
             fontFamily: "Poppins-Regular",
             labelFontSize: "14px",
             "model-value": o.isSelected,
-            "onUpdate:modelValue": (a) => vt(a, o)
-          }, null, 8, ["model-value", "onUpdate:modelValue"])) : L("", !0),
-          t("div", Fe, [
-            t("div", De, h(o.position), 1),
-            s.isTableFromList ? (n(), r("svg", {
+            "onUpdate:modelValue": (r) => vt(r, o)
+          }, null, 8, ["model-value", "onUpdate:modelValue"])) : S("", !0),
+          t("div", Ve, [
+            t("div", Fe, h(o.position), 1),
+            s.isTableFromList ? (n(), a("svg", {
               key: 0,
               width: "20",
               height: "20",
               viewBox: "0 0 20 20",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
-              onClick: (a) => J(o)
-            }, Ze, 8, Ve)) : (n(), r("div", We, [
-              (n(), r("svg", {
+              onClick: (r) => J(o)
+            }, Ze, 8, De)) : (n(), a("div", We, [
+              (n(), a("svg", {
                 width: "20",
                 height: "20",
                 viewBox: "0 0 20 20",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                onClick: (a) => X(o)
+                onClick: (r) => X(o)
               }, qe, 8, He))
             ])),
             t("div", Je, [
@@ -1122,14 +1131,14 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
             t("div", Ke, h(o.player_name), 1)
           ]),
           t("div", Qe, [
-            (n(), r("svg", {
+            (n(), a("svg", {
               class: y(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5", { expanded: o.isExpanded }]),
               width: "12",
               height: "8",
               viewBox: "0 0 12 8",
               fill: "#D9D9D9",
               xmlns: "http://www.w3.org/2000/svg",
-              onClick: (a) => K(o)
+              onClick: (r) => K(o)
             }, eo, 10, Ye))
           ])
         ], 2))), 128))
@@ -1139,11 +1148,11 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
         ref: k,
         class: "table__scrollable-columns"
       }, [
-        s.isGeneral ? (n(), r(T, { key: 0 }, [
+        s.isGeneral ? (n(), a(O, { key: 0 }, [
           t("div", oo, [
             t("div", so, [
               io,
-              (n(), r("svg", {
+              (n(), a("svg", {
                 width: "18",
                 height: "18",
                 viewBox: "0 0 18 18",
@@ -1154,7 +1163,7 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
             ]),
             t("div", ao, [
               ro,
-              (n(), r("svg", {
+              (n(), a("svg", {
                 width: "18",
                 height: "18",
                 viewBox: "0 0 18 18",
@@ -1165,7 +1174,7 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
             ]),
             t("div", fo, [
               ho,
-              (n(), r("svg", {
+              (n(), a("svg", {
                 width: "18",
                 height: "18",
                 viewBox: "0 0 18 18",
@@ -1177,7 +1186,7 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
             _o,
             t("div", go, [
               mo,
-              (n(), r("svg", {
+              (n(), a("svg", {
                 width: "18",
                 height: "18",
                 viewBox: "0 0 18 18",
@@ -1188,7 +1197,7 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
             ]),
             t("div", wo, [
               bo,
-              (n(), r("svg", {
+              (n(), a("svg", {
                 width: "18",
                 height: "18",
                 viewBox: "0 0 18 18",
@@ -1199,7 +1208,7 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
             ]),
             t("div", So, [
               Mo,
-              (n(), r("svg", {
+              (n(), a("svg", {
                 width: "18",
                 height: "18",
                 viewBox: "0 0 18 18",
@@ -1210,7 +1219,7 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
             ]),
             Bo
           ]),
-          (n(!0), r(T, null, z(c.value, (o) => (n(), r("div", {
+          (n(!0), a(O, null, z(c.value, (o) => (n(), a("div", {
             key: `i-${o.id}`,
             class: "row scrollable-row"
           }, [
@@ -1238,7 +1247,7 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
                 src: o.player_country_flag,
                 alt: "player country flag",
                 class: "country-flag"
-              }, null, 8, Io)
+              }, null, 8, To)
             ], 2),
             t("div", {
               class: y(["row data-info", { odd: o.isOdd }])
@@ -1265,7 +1274,7 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
                 "border-color": "#55636e",
                 "text-value": "Ver videos",
                 "font-size": "10px",
-                onClick: (a) => q(o)
+                onClick: (r) => q(o)
               }, null, 8, ["onClick"])
             ], 2)
           ]))), 128))
@@ -1282,7 +1291,7 @@ const Nt = /* @__PURE__ */ Tt(N, [["render", Ht], ["__scopeId", "data-v-f3ee6b2b
       ], 512)
     ], 4));
   }
-}, Fo = /* @__PURE__ */ dt(Oo, [["__scopeId", "data-v-18f2714a"]]);
+}, Vo = /* @__PURE__ */ dt(Io, [["__scopeId", "data-v-c0606edc"]]);
 export {
-  Fo as GSCTableScrollable
+  Vo as GSCTableScrollable
 };

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

@@ -1 +1 @@
-(function(S,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(S=typeof globalThis<"u"?globalThis:S||self,e(S.GSCTableScrollable={},S.Vue))})(this,function(S,e){"use strict";const U=(l,d)=>{const s=l.__vccOpts||l;for(const[c,h]of d)s[c]=h;return s},q={key:1},J={width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},X=["fill"],K={key:0,class:"checkbox__teams"},Q={class:"checkbox__teams__logo"},Y=["src"],v={class:"checkbox__teams__logo"},ee=["src"],te={__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(l){return["left","right","top","bottom"].includes(l)}},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(l,{emit:d}){const s=l;e.useCssVars(f=>({"7bd9d47b":l.width,"34dc7ddc":l.height}));const c=e.ref(!1),h=e.computed(()=>{const f={color:s.boxValueColor,"font-family":s.fontFamily,height:s.boxWidthAndHeight,width:s.boxWidthAndHeight,minWidth:s.boxWidthAndHeight,"border-radius":s.boxBorderRadius,"margin-top":s.boxMarginTop};return c.value?(f["background-color"]=s.boxBackgroundColor,f.border=`solid ${s.boxBorderWidth} ${s.boxBackgroundColor}`):f.border=`solid ${s.boxBorderWidth} ${s.boxBorderColor}`,f}),p=e.computed(()=>({"font-family":s.boxValueFontFamily,"font-size":s.boxValueFontSize,color:s.boxValueColor,"line-height":1})),w=e.computed(()=>{const f={color:s.labelColor,"font-family":s.fontFamily,"font-size":s.labelFontSize,"white-space":s.labelWhiteSpace,"text-align":s.boxPosition==="top"||s.boxPosition==="bottom"?"center":s.boxPosition};return(s.boxPosition==="left"||s.boxPosition==="right")&&(f[`margin-${s.boxPosition}`]=s.isBoxOnly?"0":s.teamsIds?"8px":"10px"),f});e.watch(()=>s.modelValue,f=>{f!==c.value&&(c.value=f)},{immediate:!0});function u(){s.avoidInteraction||!c.value&&s.avoidToCheck||(c.value=!c.value,d("update:modelValue",c.value))}function V(f){return`${{}.TEAM_LOGOS_URL||"https://golstatsimages.blob.core.windows.net/teams-80/"}${f}.png`}return(f,N)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["checkbox",`box-${l.boxPosition}`]),onClick:u},[e.createElementVNode("div",{class:"checkbox__box",style:e.normalizeStyle(h.value)},[c.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.boxValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"checkbox__box__value",style:e.normalizeStyle(p.value)},e.toDisplayString(l.boxValue),5)):(e.openBlock(),e.createElementBlock("div",q,[(e.openBlock(),e.createElementBlock("svg",J,[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:l.boxValueColor},null,8,X)]))]))],64)):e.createCommentVNode("",!0)],4),l.teamsIds&&l.teamsIds.length?(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("div",Q,[e.createElementVNode("img",{src:V(l.teamsIds[0]),alt:""},null,8,Y)]),e.createElementVNode("div",v,[e.createElementVNode("img",{src:V(l.teamsIds[1]),alt:""},null,8,ee)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"checkbox__label",style:e.normalizeStyle(w.value)},e.toDisplayString(l.label),5)],2))}},oe=U(te,[["__scopeId","data-v-b6f124d8"]]),le=(l,d)=>{const s=l.__vccOpts||l;for(const[c,h]of d)s[c]=h;return s},$={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(l){this.status=l}}},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(l){this.$emit("click",l),this.typeOnOff&&(this.status=!this.status,this.$emit("status",this.status))}}},R=()=>{e.useCssVars(l=>({"9d01acb4":l.height,"14e95081":l.borderWidthBtn,"38fec285":l.borderType,34353510:l.borderColor,"20d20dc6":l.borderRadius,17130967:l.width,"4ccb7d36":l.backgroundColor,"5d1e86a2":l.cursorType,ce65d4a2:l.fontSize,fe4ac47a:l.fontStyle,f98e44dc:l.fontFamily,"93b87770":l.marginLeftStat,c7f7beba:l.fontSizeStat}))},T=$.setup;$.setup=T?(l,d)=>(R(),T(l,d)):R;const se=l=>(e.pushScopeId("data-v-f3ee6b2b"),l=l(),e.popScopeId(),l),ne=["src"],ie={key:1,class:"text"},ae=["src"],re={class:"stats"},de=se(()=>e.createElementVNode("img",{class:"iconstats",src:"https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"},null,-1)),ce={class:"numstats"},me={class:"leyend"};function fe(l,d,s,c,h,p){return e.openBlock(),e.createElementBlock("div",null,[s.type==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["button",h.status&&s.typeOnOff&&"button-active"]),style:e.normalizeStyle([p.customStyle,h.status&&s.typeOnOff&&p.customActive]),onClick:d[0]||(d[0]=(...w)=>p.btnClick&&p.btnClick(...w))},[s.icon&&s.iconPosition.toLowerCase()==="left"?(e.openBlock(),e.createElementBlock("img",{key:0,class:"icon",style:e.normalizeStyle({width:s.iconSize}),src:s.icon},null,12,ne)):e.createCommentVNode("",!0),s.textValue?(e.openBlock(),e.createElementBlock("div",ie,e.toDisplayString(s.textValue),1)):e.createCommentVNode("",!0),s.icon&&s.iconPosition.toLowerCase()==="right"?(e.openBlock(),e.createElementBlock("img",{key:2,class:"icon",style:e.normalizeStyle({width:s.iconSize}),src:s.icon},null,12,ae)):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0),s.type==1?(e.openBlock(),e.createElementBlock("div",{key:1,class:"button-target",onClick:d[1]||(d[1]=(...w)=>p.btnClick&&p.btnClick(...w))},[e.createElementVNode("div",re,[de,e.createElementVNode("div",ce,e.toDisplayString(s.textStat),1)]),e.createElementVNode("div",me,e.toDisplayString(s.textCategory),1)])):e.createCommentVNode("",!0)])}const he=le($,[["render",fe],["__scopeId","data-v-f3ee6b2b"]]),I=(l,d)=>{const s=l.__vccOpts||l;for(const[c,h]of d)s[c]=h;return s},D=l=>(e.pushScopeId("data-v-df83603b"),l=l(),e.popScopeId(),l),pe={key:0,class:"overlay"},_e=["onClick"],ge=[D(()=>e.createElementVNode("svg",{width:"11",height:"12",viewBox:"0 0 11 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M7.50558 0C6.78112 0 6.10558 0.475441 5.89478 1.14401L1.21987 1.14286C0.904267 1.14286 0.648438 1.39886 0.648438 1.71429C0.648438 2.02972 0.904267 2.28572 1.21987 2.28572L5.89478 2.28516C6.15083 2.98516 6.78112 3.42858 7.50558 3.42858C8.23004 3.42858 8.86678 2.98402 9.1273 2.28059L10.3627 2.28572C10.6783 2.28572 10.9342 2.02972 10.9342 1.71429C10.9342 1.39886 10.6783 1.14286 10.3627 1.14286H9.12244C8.8473 0.446287 8.23004 0 7.50558 0ZM7.50558 1.14286C7.82118 1.14286 8.07701 1.39886 8.07701 1.71429C8.07701 2.02972 7.82118 2.28572 7.50558 2.28572C7.18998 2.28572 6.93415 2.02972 6.93415 1.71429C6.93415 1.39886 7.18998 1.14286 7.50558 1.14286ZM4.07701 4.28572C3.32387 4.28572 2.69347 4.7543 2.4633 5.42971C2.38295 5.43485 1.21987 5.42856 1.21987 5.42856C0.904267 5.42856 0.648438 5.68456 0.648438 5.99999C0.648438 6.31542 0.904267 6.57142 1.21987 6.57142C1.21987 6.57142 2.39267 6.55942 2.46575 6.56685C2.69593 7.24228 3.32387 7.71428 4.07701 7.71428C4.80146 7.71428 5.42226 7.27028 5.69381 6.57314L10.3627 6.57142C10.6783 6.57142 10.9342 6.31542 10.9342 5.99999C10.9342 5.68456 10.6783 5.42856 10.3627 5.42856L5.69083 5.42348C5.44038 4.74174 4.80146 4.28572 4.07701 4.28572ZM4.07701 5.42856C4.39261 5.42856 4.64844 5.68456 4.64844 5.99999C4.64844 6.31542 4.39261 6.57142 4.07701 6.57142C3.76141 6.57142 3.50558 6.31542 3.50558 5.99999C3.50558 5.68456 3.76141 5.42856 4.07701 5.42856ZM7.50558 8.57142C6.78112 8.57142 6.11844 9.04857 5.89438 9.70857L1.21987 9.71428C0.904267 9.71428 0.648438 9.97028 0.648438 10.2857C0.648438 10.6011 0.904267 10.8571 1.21987 10.8571L5.88592 10.8577C6.12301 11.5349 6.78112 12 7.50558 12C8.23004 12 8.85467 11.5469 9.12987 10.8577L10.3627 10.8571C10.6783 10.8571 10.9342 10.6011 10.9342 10.2857C10.9342 9.97028 10.6783 9.71428 10.3627 9.71428L9.12467 9.71091C8.87798 9.03491 8.23004 8.57142 7.50558 8.57142ZM7.50558 9.71428C7.82118 9.71428 8.07701 9.97028 8.07701 10.2857C8.07701 10.6011 7.82118 10.8571 7.50558 10.8571C7.18998 10.8571 6.93415 10.6011 6.93415 10.2857C6.93415 9.97028 7.18998 9.71428 7.50558 9.71428Z",fill:"white"})],-1))],ke={class:"name"},Ce=["onClick"],ye=[D(()=>e.createElementVNode("g",{opacity:".5",stroke:"#fff","stroke-width":"1.677","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67"})],-1))],we=D(()=>e.createElementVNode("div",{class:"column-title-2"},null,-1)),Ee=["onClick"],be=I({__name:"ScrollColumns",props:{availablePlayers:{type:Array,default:()=>[]},isEditMode:{type:Boolean,default:!1}},emits:["expand","open-media","click-parameters","sort"],setup(l,{expose:d,emit:s}){const c=l,h=e.ref(null),p=e.ref(null),w=e.ref(0);e.ref(!1);const u=e.computed(()=>{const r=c.availablePlayers[0];return r?r.stats:[]}),V=e.computed(()=>{const r=`repeat(${u.value.length}, max-content) 36px`;let m="";return w.value>0&&document.querySelectorAll(".column-title-2").forEach(E=>{m+=`${E.offsetWidth}px `}),{"--grid-template-columns":r,"--grid-template-columns-totals":m||r}});function f(){h.value=new ResizeObserver(r=>{for(const m of r){const{width:k}=m.contentRect;w.value=k}}),h.value.observe(p.value)}function N(r,m){const E=document.querySelectorAll(".scrollable-row-totals")[r+1];E&&(E.style.marginTop=`${m}px`)}function B({player:r,stat:m}){!m.total||m==="0%"||!m.seasons||!m.seasons.length||s("open-media",{...r,stat:m})}function g(r){!r||r==="no"||s("click-parameters",r)}function M(r){s("sort",r)}return e.onMounted(()=>{f()}),d({setMarginTopDetails:N}),(r,m)=>(e.openBlock(),e.createElementBlock("div",{class:"scroll-columns",style:e.normalizeStyle(V.value)},[l.isEditMode?(e.openBlock(),e.createElementBlock("div",pe)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"titlesRow",ref:p,class:"scrollable-row-2"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(k,E)=>(e.openBlock(),e.createElementBlock("div",{key:`t-${E}`,class:"column-title-2"},[k.parameters&&k.parameters!=="no"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"parameters",role:"button",onClick:y=>g(k.parameters)},ge,8,_e)):e.createCommentVNode("",!0),e.createElementVNode("div",ke,e.toDisplayString(k.name),1),(e.openBlock(),e.createElementBlock("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:y=>M(k)},ye,8,Ce))]))),128)),we],512),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.availablePlayers,(k,E)=>(e.openBlock(),e.createElementBlock("div",{key:`i-${k.id}`,class:"row scrollable-row-totals"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.stats,y=>(e.openBlock(),e.createElementBlock("div",{key:y.category_id,class:e.normalizeClass(["row data-info",{odd:E%2!==0,underline:!!y.total&&y.total!=="0%"&&y.seasons&&y.seasons.length}])},[e.createElementVNode("span",{onClick:F=>B({player:k,stat:y})},e.toDisplayString(y.total),9,Ee)],2))),128))]))),128))],4))}},[["__scopeId","data-v-df83603b"]]),a=l=>(e.pushScopeId("data-v-18f2714a"),l=l(),e.popScopeId(),l),ue={class:"table__static-column"},Ve={class:"static-title column-title restore"},xe=a(()=>e.createElementVNode("div",{class:"titles-left"},[e.createElementVNode("div",{class:"title"},"Ranking"),e.createElementVNode("div",{class:"title"},"Agregar a lista")],-1)),Se=[a(()=>e.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("g",{opacity:".6",stroke:"#fff","stroke-width":"1.333","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M15.333 2.667v4h-4M.667 13.333v-4h4"}),e.createElementVNode("path",{d:"M2.34 6a6 6 0 0 1 9.9-2.24l3.094 2.906M.667 9.333l3.093 2.906a6 6 0 0 0 9.9-2.24"})])],-1)),a(()=>e.createElementVNode("div",null,"Restaurar orden",-1))],Ne=["id"],Be={class:"container"},Me={class:"details-row__info"},Le={class:"details-row__info__personal"},$e={class:"bold"},De={class:"bold"},ze={class:"bold"},Re={class:"bold"},Te={class:"details-row__info__games"},Ie={class:"bold"},Fe={class:"bold"},Pe=["onClick"],Oe=[a(()=>e.createElementVNode("div",null,"Ver gráfica",-1)),a(()=>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))],je=["onClick"],Ae=[a(()=>e.createElementVNode("div",null,"Eliminar de lista",-1)),a(()=>e.createElementVNode("svg",{width:"17",height:"15",viewBox:"0 0 20 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M13.3345 16.5001V14.8334C13.3345 13.9494 12.9833 13.1015 12.3582 12.4764C11.7331 11.8513 10.8852 11.5001 10.0012 11.5001H5.00126C4.11722 11.5001 3.26938 11.8513 2.64427 12.4764C2.01915 13.1015 1.66797 13.9494 1.66797 14.8334V16.5001",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M7.50126 8.16658C9.34219 8.16658 10.8346 6.67422 10.8346 4.83329C10.8346 2.99237 9.34219 1.5 7.50126 1.5C5.66033 1.5 4.16797 2.99237 4.16797 4.83329C4.16797 6.67422 5.66033 8.16658 7.50126 8.16658Z",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M18.332 8.16663H13.332",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})],-1))],Ze=["onClick"],We=[a(()=>e.createElementVNode("div",null,"Agregar a lista",-1)),a(()=>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))],He=["onClick"],Ge=[a(()=>e.createElementVNode("div",null,"Ver perfil",-1))],Ue={class:"static-row__info-player"},qe={class:"position"},Je=["onClick"],Xe=[a(()=>e.createElementVNode("path",{d:"M13.3345 16.5001V14.8334C13.3345 13.9494 12.9833 13.1015 12.3582 12.4764C11.7331 11.8513 10.8852 11.5001 10.0012 11.5001H5.00126C4.11722 11.5001 3.26938 11.8513 2.64427 12.4764C2.01915 13.1015 1.66797 13.9494 1.66797 14.8334V16.5001",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)),a(()=>e.createElementVNode("path",{d:"M7.50126 8.16658C9.34219 8.16658 10.8346 6.67422 10.8346 4.83329C10.8346 2.99237 9.34219 1.5 7.50126 1.5C5.66033 1.5 4.16797 2.99237 4.16797 4.83329C4.16797 6.67422 5.66033 8.16658 7.50126 8.16658Z",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)),a(()=>e.createElementVNode("path",{d:"M18.332 8.16663H13.332",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1))],Ke={key:1,class:"add-to-list"},Qe=["onClick"],Ye=[a(()=>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)),a(()=>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)),a(()=>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))],ve={class:"player-photo"},et=["src"],tt={class:"player-name"},ot={class:"arrow"},lt=["onClick"],st=[a(()=>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))],nt={class:"titles scrollable-row"},it={class:"column-title"},at=a(()=>e.createElementVNode("div",null," Equipo ",-1)),rt=[a(()=>e.createElementVNode("g",{opacity:".5",stroke:"#fff","stroke-width":"1.677","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67"})],-1))],dt={class:"column-title"},ct=a(()=>e.createElementVNode("div",null," Posición ",-1)),mt=[a(()=>e.createElementVNode("g",{opacity:".5",stroke:"#fff","stroke-width":"1.677","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67"})],-1))],ft={class:"column-title"},ht=a(()=>e.createElementVNode("div",null," Edad ",-1)),pt=[a(()=>e.createElementVNode("g",{opacity:".5",stroke:"#fff","stroke-width":"1.677","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67"})],-1))],_t=a(()=>e.createElementVNode("div",{class:"column-title"},"País",-1)),gt={class:"column-title"},kt=a(()=>e.createElementVNode("div",null," Partidos Jugados ",-1)),Ct=[a(()=>e.createElementVNode("g",{opacity:".5",stroke:"#fff","stroke-width":"1.677","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67"})],-1))],yt={class:"column-title"},wt=a(()=>e.createElementVNode("div",null," Minutos Jugados ",-1)),Et=[a(()=>e.createElementVNode("g",{opacity:".5",stroke:"#fff","stroke-width":"1.677","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67"})],-1))],bt={class:"column-title"},ut=a(()=>e.createElementVNode("div",null," Liga ",-1)),Vt=[a(()=>e.createElementVNode("g",{opacity:".5",stroke:"#fff","stroke-width":"1.677","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67"})],-1))],xt=a(()=>e.createElementVNode("div",{class:"column-title"},"Videos",-1)),St={class:"team-logo"},Nt=["src"],Bt={class:"team-name data-info"},Mt=["src"],Lt=I({__name:"GSC-TableScrollable",props:{players:{type:Array,default:()=>[]},isGeneral:{type:Boolean,default:!0},isEditMode:{type:Boolean,default:!1},isTableFromList:{type:Boolean,default:!1}},emits:["change-selected-players","view-profile","add-to-list","view-graph","open-media","click-parameters"],setup(l,{emit:d}){const s=l;let c=null,h=null;const p=e.ref([]),w=e.ref(null),u=e.ref(null),V=e.ref(0),f=e.ref(0),N=e.ref(-1);e.ref(!1);const B=e.ref(null),g=e.ref(null),M=e.ref(null),r=e.ref([]),m=e.ref([{name:"team_abrev",isDesc:!1,isRoot:!0},{name:"player_position",isDesc:!1,isRoot:!0},{name:"player_age",isDesc:!1,isRoot:!0},{name:"player_games",isDesc:!1,isRoot:!0},{name:"player_min",isDesc:!1,isRoot:!0},{name:"league_name",isDesc:!1,isRoot:!0}]),k=e.ref(0),E=e.computed(()=>({"--width-details":`${V.value}px`,"--gap-static-row":`${y.value?"8px":"18px"}`,"--width-static-column":`${y.value?"50%":"436px"}`})),y=e.computed(()=>V.value<600);e.watch(()=>s.players,t=>{t&&t.length&&(p.value=t.map((n,o)=>{const i=o+1,_={...n,position:i<10?`0${i}`:`${i}`,isSelected:!1,isExpanded:!1,isOdd:o%2!==0,index:o};return n.stats&&n.stats.length&&(_.stats=n.stats.map(C=>({...C,isDesc:!1,isRoot:!1}))),_.parameters&&Object.entries(_.parameters).forEach(([C,b])=>{const G=_.stats.find(Ot=>Ot.custom_category_id===Number(C));G&&(G.parameters=b)}),_}),r.value=p.value.map(n=>({...n})))},{immediate:!0,deep:!0}),e.watch(()=>s.isEditMode,t=>{t&&p.value.forEach(n=>{n.isSelected=!1})}),e.watch(()=>M.value,t=>{if(t){let n=[...r.value];t.isRoot?n.sort((o,i)=>typeof o[t.name]=="string"?t.isDesc?o[t.name].localeCompare(i[t.name]):o[t.name].localeCompare(i[t.name])*-1:t.isDesc?i[t.name]-o[t.name]:o[t.name]-i[t.name]):n.sort((o,i)=>{const _=o.stats.find(b=>b.name===t.name),C=i.stats.find(b=>b.name===t.name);return typeof _.value=="string"?t.isDesc?_.total.localeCompare(C.total):_.total.localeCompare(C.total)*-1:t.isDesc?C.total-_.total:_.total-C.total}),n.forEach((o,i)=>{o.isOdd=i%2!==0}),r.value=n}else r.value.sort((n,o)=>n.index-o.index).forEach((n,o)=>{n.isOdd=o%2!==0})},{immediate:!0,deep:!0}),e.watch(f,t=>{const o=document.querySelectorAll(".static-row")[N.value+1];o&&(o.style.marginTop=`${t}px`),s.isGeneral?F(N.value,t):u.value&&u.value.setMarginTopDetails(N.value,t),t===0&&B.value&&A(B.value)});function F(t,n){const i=document.querySelectorAll(".scrollable-row")[t+2];i&&(i.style.marginTop=`${n}px`)}function $t(t){d("click-parameters",t)}function x(t){t&&(t.isDesc=!t.isDesc),M.value=t}function P(t){const n=t.player||t.objeto_player,o=n?n.player_id||n.id||n.playerId:t.id||t.player_id,i={isFeaturedPlayers:!1,mainSectionType:1,playListType:2,gameIds:null,playerIds:o?[o]:[],goalkeeperIds:[],matchResult:[1,2,3],categorySingleName:"",isRivalSubject:!1,avoidCategorySingleName:!1,currentPlayIndex:0,playData:null,lastClashedGameId:null,tournamentsLastClashes:null,advancedFilter:{playListTitle:"Jugadas Relevantes"}};if(t.stat&&t.stat.parameters&&(i.parameters=t.stat.parameters),t.stat&&t.stat.seasons&&t.stat.seasons.length||t.seasons&&t.seasons.length){const _=[...t.stat&&t.stat.seasons&&t.stat.seasons.length?t.stat.seasons:t.seasons];_.sort((C,b)=>C-b),i.seasonId=_.shift(),i.seasonsIds=_}else(t.season_id||t.seasonId)&&(i.seasonId=t.season_id||t.seasonId);t.stat?t.stat.category_id&&t.stat.category_id.length?i.categoryIds=t.stat.category_id:t.stat.custom_category_id&&(i.customCategoryIds=[t.stat.custom_category_id]):i.categoryIds=Rt(t.player_position),d("open-media",i)}function Dt(){c=new ResizeObserver(t=>{for(const n of t)V.value=n.contentRect.width}),c.observe(w.value)}function zt(t){h=new ResizeObserver(n=>{for(const o of n)f.value=o.contentRect.height}),h.observe(t)}function Rt(t){return t==="POR"?[39,40,52,53,54,55,323,324,608,774,802]:[10,12,14,15,27,35,61,217,257,466,519,607,702,730,98,101,109,112,121,122,127,128,135,136,141,142,161,170,179,211,232,235,239,242,282,284,289,291,296,485,486,487,488]}function Tt(t,n){n.isSelected=t;const o=p.value.filter(i=>i.isSelected);d("change-selected-players",o)}function It(t){d("view-profile",t)}function O(t){d("delete-from-list",t)}function j(t){d("add-to-list",t)}function Ft(t){d("show-graph",t)}function A(t){if(t.isExpanded){t.isExpanded=!1,B.value=null;return}const n=p.value.find(C=>C.isExpanded);if(n&&(n.isExpanded=!1),n){B.value=t;return}const o=document.querySelectorAll(".details-row");let i=-1;o.forEach((C,b)=>{C.id===`dr-${t.id}`&&(i=b)});const _=o[i];N.value=i,zt(_),t.isExpanded=!0}let z=!1,Z,W,H=function(t){z=!0,Z=t.pageX-g.value.offsetLeft,W=g.value.scrollLeft},L=function(){z=!1};function Pt(){g.value&&(g.value.addEventListener("mousemove",t=>{if(!z)return;const o=t.pageX-g.value.offsetLeft-Z;g.value.scrollLeft=W-o}),g.value.addEventListener("mousedown",H,!1),g.value.addEventListener("mouseup",L,!1),g.value.addEventListener("mouseleave",L,!1))}return e.onMounted(()=>{Dt(),Pt()}),e.onBeforeUnmount(()=>{c&&c.disconnect(),h&&h.disconnect(),g.value&&(g.value.removeEventListener("mousemove",H,!1),g.value.removeEventListener("mouseup",L,!1),g.value.removeEventListener("mouseleave",L,!1))}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:"table",ref_key:"tableSC",ref:w,style:e.normalizeStyle(E.value),key:k.value},[e.createElementVNode("div",ue,[e.createElementVNode("div",Ve,[xe,e.createElementVNode("div",{role:"button",class:"restore-button",onClick:n[0]||(n[0]=o=>x(null))},Se)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,o=>(e.openBlock(),e.createElementBlock("div",{key:`s-${o.id}`,class:e.normalizeClass(["row static-row",{odd:o.isOdd}])},[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{id:`dr-${o.id}`,class:e.normalizeClass(["details-row",{odd:o.isOdd}])},[e.createElementVNode("div",Be,[e.createElementVNode("div",Me,[e.createElementVNode("div",Le,[e.createElementVNode("div",null,[e.createTextVNode("Equipo: "),e.createElementVNode("span",$e,e.toDisplayString(o.team_name),1)]),e.createElementVNode("div",null,[e.createTextVNode("Edad: "),e.createElementVNode("span",De,e.toDisplayString(o.player_age)+" Años",1)]),e.createElementVNode("div",null,[e.createTextVNode("Nacionalidad: "),e.createElementVNode("span",ze,e.toDisplayString(o.player_country),1)]),e.createElementVNode("div",null,[e.createTextVNode("Posición: "),e.createElementVNode("span",Re,e.toDisplayString(o.position_name),1)])]),e.createElementVNode("div",Te,[e.createElementVNode("div",null,[e.createTextVNode("Partidos Jugados: "),e.createElementVNode("span",Ie,e.toDisplayString(o.player_games),1)]),e.createElementVNode("div",null,[e.createTextVNode("Minutos Jugados: "),e.createElementVNode("span",Fe,e.toDisplayString(o.player_min),1)])])]),e.createElementVNode("div",{class:"details-row__buttons",style:e.normalizeStyle(y.value?"margin-left: 0; gap: 8px;":"")},[e.createElementVNode("div",{role:"button",class:"button",onClick:i=>Ft(o)},Oe,8,Pe),l.isTableFromList?(e.openBlock(),e.createElementBlock("div",{key:0,role:"button",class:"button",onClick:i=>O(o)},Ae,8,je)):(e.openBlock(),e.createElementBlock("div",{key:1,role:"button",class:"button",onClick:i=>j(o)},We,8,Ze)),e.createElementVNode("div",{role:"button",class:"button green",onClick:i=>It(o)},Ge,8,He)],4)])],10,Ne),[[e.vShow,o.isExpanded]])]),_:2},1024),l.isEditMode?(e.openBlock(),e.createBlock(e.unref(oe),{key:0,fontFamily:"Poppins-Regular",labelFontSize:"14px","model-value":o.isSelected,"onUpdate:modelValue":i=>Tt(i,o)},null,8,["model-value","onUpdate:modelValue"])):e.createCommentVNode("",!0),e.createElementVNode("div",Ue,[e.createElementVNode("div",qe,e.toDisplayString(o.position),1),l.isTableFromList?(e.openBlock(),e.createElementBlock("svg",{key:0,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:i=>O(o)},Xe,8,Je)):(e.openBlock(),e.createElementBlock("div",Ke,[(e.openBlock(),e.createElementBlock("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:i=>j(o)},Ye,8,Qe))])),e.createElementVNode("div",ve,[e.createElementVNode("div",null,[e.createElementVNode("img",{src:o.player_photo,alt:"player photo"},null,8,et)])]),e.createElementVNode("div",tt,e.toDisplayString(o.player_name),1)]),e.createElementVNode("div",ot,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5",{expanded:o.isExpanded}]),width:"12",height:"8",viewBox:"0 0 12 8",fill:"#D9D9D9",xmlns:"http://www.w3.org/2000/svg",onClick:i=>A(o)},st,10,lt))])],2))),128))]),e.createElementVNode("div",{ref_key:"scrollableColumns",ref:g,class:"table__scrollable-columns"},[l.isGeneral?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",nt,[e.createElementVNode("div",it,[at,(e.openBlock(),e.createElementBlock("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:n[1]||(n[1]=o=>x(m.value[0]))},rt))]),e.createElementVNode("div",dt,[ct,(e.openBlock(),e.createElementBlock("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:n[2]||(n[2]=o=>x(m.value[1]))},mt))]),e.createElementVNode("div",ft,[ht,(e.openBlock(),e.createElementBlock("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:n[3]||(n[3]=o=>x(m.value[2]))},pt))]),_t,e.createElementVNode("div",gt,[kt,(e.openBlock(),e.createElementBlock("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:n[4]||(n[4]=o=>x(m.value[3]))},Ct))]),e.createElementVNode("div",yt,[wt,(e.openBlock(),e.createElementBlock("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:n[5]||(n[5]=o=>x(m.value[4]))},Et))]),e.createElementVNode("div",bt,[ut,(e.openBlock(),e.createElementBlock("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:n[6]||(n[6]=o=>x(m.value[5]))},Vt))]),xt]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,o=>(e.openBlock(),e.createElementBlock("div",{key:`i-${o.id}`,class:"row scrollable-row"},[e.createElementVNode("div",{class:e.normalizeClass(["row team-info",{odd:o.isOdd}])},[e.createElementVNode("div",St,[e.createElementVNode("img",{src:o.team_logo,alt:"team logo"},null,8,Nt)]),e.createElementVNode("div",Bt,e.toDisplayString(o.team_abrev),1)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:o.isOdd}])},e.toDisplayString(o.player_position),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:o.isOdd}])},e.toDisplayString(o.player_age),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:o.isOdd}])},[e.createElementVNode("img",{src:o.player_country_flag,alt:"player country flag",class:"country-flag"},null,8,Mt)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:o.isOdd}])},e.toDisplayString(o.player_games),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:o.isOdd}])},e.toDisplayString(o.player_min),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:o.isOdd}])},e.toDisplayString(o.league_name),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:o.isOdd}])},[e.createVNode(e.unref(he),{icon:"https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png","icon-size":"19px","icon-position":"left",width:"98px",height:"30px","border-radius":"30px","border-width":"1","background-color":"#ffffff1a","font-family":"Poppins-Regular","border-color":"#55636e","text-value":"Ver videos","font-size":"10px",onClick:i=>P(o)},null,8,["onClick"])],2)]))),128))],64)):(e.openBlock(),e.createBlock(be,{key:1,ref_key:"scrollColumns",ref:u,"available-players":r.value,"is-edit-mode":l.isEditMode,onOpenMedia:P,onClickParameters:$t,onSort:x},null,8,["available-players","is-edit-mode"]))],512)],4))}},[["__scopeId","data-v-18f2714a"]]);S.GSCTableScrollable=Lt,Object.defineProperty(S,Symbol.toStringTag,{value:"Module"})});
+(function(S,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(S=typeof globalThis<"u"?globalThis:S||self,e(S.GSCTableScrollable={},S.Vue))})(this,function(S,e){"use strict";const U=(l,d)=>{const s=l.__vccOpts||l;for(const[c,f]of d)s[c]=f;return s},q={key:1},J={width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},X=["fill"],K={key:0,class:"checkbox__teams"},Q={class:"checkbox__teams__logo"},Y=["src"],v={class:"checkbox__teams__logo"},ee=["src"],te={__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(l){return["left","right","top","bottom"].includes(l)}},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(l,{emit:d}){const s=l;e.useCssVars(h=>({"7bd9d47b":l.width,"34dc7ddc":l.height}));const c=e.ref(!1),f=e.computed(()=>{const h={color:s.boxValueColor,"font-family":s.fontFamily,height:s.boxWidthAndHeight,width:s.boxWidthAndHeight,minWidth:s.boxWidthAndHeight,"border-radius":s.boxBorderRadius,"margin-top":s.boxMarginTop};return c.value?(h["background-color"]=s.boxBackgroundColor,h.border=`solid ${s.boxBorderWidth} ${s.boxBackgroundColor}`):h.border=`solid ${s.boxBorderWidth} ${s.boxBorderColor}`,h}),p=e.computed(()=>({"font-family":s.boxValueFontFamily,"font-size":s.boxValueFontSize,color:s.boxValueColor,"line-height":1})),w=e.computed(()=>{const h={color:s.labelColor,"font-family":s.fontFamily,"font-size":s.labelFontSize,"white-space":s.labelWhiteSpace,"text-align":s.boxPosition==="top"||s.boxPosition==="bottom"?"center":s.boxPosition};return(s.boxPosition==="left"||s.boxPosition==="right")&&(h[`margin-${s.boxPosition}`]=s.isBoxOnly?"0":s.teamsIds?"8px":"10px"),h});e.watch(()=>s.modelValue,h=>{h!==c.value&&(c.value=h)},{immediate:!0});function u(){s.avoidInteraction||!c.value&&s.avoidToCheck||(c.value=!c.value,d("update:modelValue",c.value))}function V(h){return`${{}.TEAM_LOGOS_URL||"https://golstatsimages.blob.core.windows.net/teams-80/"}${h}.png`}return(h,N)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["checkbox",`box-${l.boxPosition}`]),onClick:u},[e.createElementVNode("div",{class:"checkbox__box",style:e.normalizeStyle(f.value)},[c.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.boxValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"checkbox__box__value",style:e.normalizeStyle(p.value)},e.toDisplayString(l.boxValue),5)):(e.openBlock(),e.createElementBlock("div",q,[(e.openBlock(),e.createElementBlock("svg",J,[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:l.boxValueColor},null,8,X)]))]))],64)):e.createCommentVNode("",!0)],4),l.teamsIds&&l.teamsIds.length?(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("div",Q,[e.createElementVNode("img",{src:V(l.teamsIds[0]),alt:""},null,8,Y)]),e.createElementVNode("div",v,[e.createElementVNode("img",{src:V(l.teamsIds[1]),alt:""},null,8,ee)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"checkbox__label",style:e.normalizeStyle(w.value)},e.toDisplayString(l.label),5)],2))}},oe=U(te,[["__scopeId","data-v-b6f124d8"]]),le=(l,d)=>{const s=l.__vccOpts||l;for(const[c,f]of d)s[c]=f;return s},$={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(l){this.status=l}}},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(l){this.$emit("click",l),this.typeOnOff&&(this.status=!this.status,this.$emit("status",this.status))}}},T=()=>{e.useCssVars(l=>({"9d01acb4":l.height,"14e95081":l.borderWidthBtn,"38fec285":l.borderType,34353510:l.borderColor,"20d20dc6":l.borderRadius,17130967:l.width,"4ccb7d36":l.backgroundColor,"5d1e86a2":l.cursorType,ce65d4a2:l.fontSize,fe4ac47a:l.fontStyle,f98e44dc:l.fontFamily,"93b87770":l.marginLeftStat,c7f7beba:l.fontSizeStat}))},R=$.setup;$.setup=R?(l,d)=>(T(),R(l,d)):T;const se=l=>(e.pushScopeId("data-v-f3ee6b2b"),l=l(),e.popScopeId(),l),ne=["src"],ie={key:1,class:"text"},ae=["src"],re={class:"stats"},de=se(()=>e.createElementVNode("img",{class:"iconstats",src:"https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"},null,-1)),ce={class:"numstats"},me={class:"leyend"};function he(l,d,s,c,f,p){return e.openBlock(),e.createElementBlock("div",null,[s.type==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["button",f.status&&s.typeOnOff&&"button-active"]),style:e.normalizeStyle([p.customStyle,f.status&&s.typeOnOff&&p.customActive]),onClick:d[0]||(d[0]=(...w)=>p.btnClick&&p.btnClick(...w))},[s.icon&&s.iconPosition.toLowerCase()==="left"?(e.openBlock(),e.createElementBlock("img",{key:0,class:"icon",style:e.normalizeStyle({width:s.iconSize}),src:s.icon},null,12,ne)):e.createCommentVNode("",!0),s.textValue?(e.openBlock(),e.createElementBlock("div",ie,e.toDisplayString(s.textValue),1)):e.createCommentVNode("",!0),s.icon&&s.iconPosition.toLowerCase()==="right"?(e.openBlock(),e.createElementBlock("img",{key:2,class:"icon",style:e.normalizeStyle({width:s.iconSize}),src:s.icon},null,12,ae)):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0),s.type==1?(e.openBlock(),e.createElementBlock("div",{key:1,class:"button-target",onClick:d[1]||(d[1]=(...w)=>p.btnClick&&p.btnClick(...w))},[e.createElementVNode("div",re,[de,e.createElementVNode("div",ce,e.toDisplayString(s.textStat),1)]),e.createElementVNode("div",me,e.toDisplayString(s.textCategory),1)])):e.createCommentVNode("",!0)])}const fe=le($,[["render",he],["__scopeId","data-v-f3ee6b2b"]]),I=(l,d)=>{const s=l.__vccOpts||l;for(const[c,f]of d)s[c]=f;return s},D=l=>(e.pushScopeId("data-v-df83603b"),l=l(),e.popScopeId(),l),pe={key:0,class:"overlay"},_e=["onClick"],ge=[D(()=>e.createElementVNode("svg",{width:"11",height:"12",viewBox:"0 0 11 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M7.50558 0C6.78112 0 6.10558 0.475441 5.89478 1.14401L1.21987 1.14286C0.904267 1.14286 0.648438 1.39886 0.648438 1.71429C0.648438 2.02972 0.904267 2.28572 1.21987 2.28572L5.89478 2.28516C6.15083 2.98516 6.78112 3.42858 7.50558 3.42858C8.23004 3.42858 8.86678 2.98402 9.1273 2.28059L10.3627 2.28572C10.6783 2.28572 10.9342 2.02972 10.9342 1.71429C10.9342 1.39886 10.6783 1.14286 10.3627 1.14286H9.12244C8.8473 0.446287 8.23004 0 7.50558 0ZM7.50558 1.14286C7.82118 1.14286 8.07701 1.39886 8.07701 1.71429C8.07701 2.02972 7.82118 2.28572 7.50558 2.28572C7.18998 2.28572 6.93415 2.02972 6.93415 1.71429C6.93415 1.39886 7.18998 1.14286 7.50558 1.14286ZM4.07701 4.28572C3.32387 4.28572 2.69347 4.7543 2.4633 5.42971C2.38295 5.43485 1.21987 5.42856 1.21987 5.42856C0.904267 5.42856 0.648438 5.68456 0.648438 5.99999C0.648438 6.31542 0.904267 6.57142 1.21987 6.57142C1.21987 6.57142 2.39267 6.55942 2.46575 6.56685C2.69593 7.24228 3.32387 7.71428 4.07701 7.71428C4.80146 7.71428 5.42226 7.27028 5.69381 6.57314L10.3627 6.57142C10.6783 6.57142 10.9342 6.31542 10.9342 5.99999C10.9342 5.68456 10.6783 5.42856 10.3627 5.42856L5.69083 5.42348C5.44038 4.74174 4.80146 4.28572 4.07701 4.28572ZM4.07701 5.42856C4.39261 5.42856 4.64844 5.68456 4.64844 5.99999C4.64844 6.31542 4.39261 6.57142 4.07701 6.57142C3.76141 6.57142 3.50558 6.31542 3.50558 5.99999C3.50558 5.68456 3.76141 5.42856 4.07701 5.42856ZM7.50558 8.57142C6.78112 8.57142 6.11844 9.04857 5.89438 9.70857L1.21987 9.71428C0.904267 9.71428 0.648438 9.97028 0.648438 10.2857C0.648438 10.6011 0.904267 10.8571 1.21987 10.8571L5.88592 10.8577C6.12301 11.5349 6.78112 12 7.50558 12C8.23004 12 8.85467 11.5469 9.12987 10.8577L10.3627 10.8571C10.6783 10.8571 10.9342 10.6011 10.9342 10.2857C10.9342 9.97028 10.6783 9.71428 10.3627 9.71428L9.12467 9.71091C8.87798 9.03491 8.23004 8.57142 7.50558 8.57142ZM7.50558 9.71428C7.82118 9.71428 8.07701 9.97028 8.07701 10.2857C8.07701 10.6011 7.82118 10.8571 7.50558 10.8571C7.18998 10.8571 6.93415 10.6011 6.93415 10.2857C6.93415 9.97028 7.18998 9.71428 7.50558 9.71428Z",fill:"white"})],-1))],ke={class:"name"},Ce=["onClick"],ye=[D(()=>e.createElementVNode("g",{opacity:".5",stroke:"#fff","stroke-width":"1.677","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67"})],-1))],we=D(()=>e.createElementVNode("div",{class:"column-title-2"},null,-1)),be=["onClick"],Ee=I({__name:"ScrollColumns",props:{availablePlayers:{type:Array,default:()=>[]},isEditMode:{type:Boolean,default:!1}},emits:["expand","open-media","click-parameters","sort"],setup(l,{expose:d,emit:s}){const c=l,f=e.ref(null),p=e.ref(null),w=e.ref(0);e.ref(!1);const u=e.computed(()=>{const r=c.availablePlayers[0];return r?r.stats:[]}),V=e.computed(()=>{const r=`repeat(${u.value.length}, max-content) 36px`;let m="";return w.value>0&&document.querySelectorAll(".column-title-2").forEach(b=>{m+=`${b.offsetWidth}px `}),{"--grid-template-columns":r,"--grid-template-columns-totals":m||r}});function h(){f.value=new ResizeObserver(r=>{for(const m of r){const{width:k}=m.contentRect;w.value=k}}),f.value.observe(p.value)}function N(r,m){const b=document.querySelectorAll(".scrollable-row-totals")[r+1];b&&(b.style.marginTop=`${m}px`)}function B({player:r,stat:m}){!m.total||m==="0%"||!m.seasons||!m.seasons.length||s("open-media",{...r,stat:m})}function g(r){!r||r==="no"||s("click-parameters",r)}function L(r){s("sort",r)}return e.onMounted(()=>{h()}),d({setMarginTopDetails:N}),(r,m)=>(e.openBlock(),e.createElementBlock("div",{class:"scroll-columns",style:e.normalizeStyle(V.value)},[l.isEditMode?(e.openBlock(),e.createElementBlock("div",pe)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"titlesRow",ref:p,class:"scrollable-row-2"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(k,b)=>(e.openBlock(),e.createElementBlock("div",{key:`t-${b}`,class:"column-title-2"},[k.parameters&&k.parameters!=="no"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"parameters",role:"button",onClick:y=>g(k.parameters)},ge,8,_e)):e.createCommentVNode("",!0),e.createElementVNode("div",ke,e.toDisplayString(k.name),1),(e.openBlock(),e.createElementBlock("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:y=>L(k)},ye,8,Ce))]))),128)),we],512),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.availablePlayers,(k,b)=>(e.openBlock(),e.createElementBlock("div",{key:`i-${k.id}`,class:"row scrollable-row-totals"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.stats,y=>(e.openBlock(),e.createElementBlock("div",{key:y.category_id,class:e.normalizeClass(["row data-info",{odd:b%2!==0,underline:!!y.total&&y.total!=="0%"&&y.seasons&&y.seasons.length}])},[e.createElementVNode("span",{onClick:F=>B({player:k,stat:y})},e.toDisplayString(y.total),9,be)],2))),128))]))),128))],4))}},[["__scopeId","data-v-df83603b"]]),a=l=>(e.pushScopeId("data-v-c0606edc"),l=l(),e.popScopeId(),l),ue={class:"table__static-column"},Ve={class:"static-title column-title restore"},xe=a(()=>e.createElementVNode("div",{class:"titles-left"},[e.createElementVNode("div",{class:"title"},"Ranking"),e.createElementVNode("div",{class:"title"},"Agregar a lista")],-1)),Se=[a(()=>e.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("g",{opacity:".6",stroke:"#fff","stroke-width":"1.333","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M15.333 2.667v4h-4M.667 13.333v-4h4"}),e.createElementVNode("path",{d:"M2.34 6a6 6 0 0 1 9.9-2.24l3.094 2.906M.667 9.333l3.093 2.906a6 6 0 0 0 9.9-2.24"})])],-1)),a(()=>e.createElementVNode("div",null,"Restaurar orden",-1))],Ne=["id"],Be={class:"container"},Le={class:"details-row__info"},Me={class:"details-row__info__personal"},$e={class:"bold"},De={class:"bold"},ze={class:"bold"},Te={class:"bold"},Re={class:"details-row__info__games"},Ie={class:"bold"},Fe={class:"bold"},Pe=["onClick"],Oe=[a(()=>e.createElementVNode("div",null,"Ver gráfica",-1)),a(()=>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))],je=["onClick"],Ae=[a(()=>e.createElementVNode("div",null,"Eliminar de lista",-1)),a(()=>e.createElementVNode("svg",{width:"17",height:"15",viewBox:"0 0 20 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M13.3345 16.5001V14.8334C13.3345 13.9494 12.9833 13.1015 12.3582 12.4764C11.7331 11.8513 10.8852 11.5001 10.0012 11.5001H5.00126C4.11722 11.5001 3.26938 11.8513 2.64427 12.4764C2.01915 13.1015 1.66797 13.9494 1.66797 14.8334V16.5001",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M7.50126 8.16658C9.34219 8.16658 10.8346 6.67422 10.8346 4.83329C10.8346 2.99237 9.34219 1.5 7.50126 1.5C5.66033 1.5 4.16797 2.99237 4.16797 4.83329C4.16797 6.67422 5.66033 8.16658 7.50126 8.16658Z",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M18.332 8.16663H13.332",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})],-1))],Ze=["onClick"],We=[a(()=>e.createElementVNode("div",null,"Agregar a lista",-1)),a(()=>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))],He=["onClick"],Ge=[a(()=>e.createElementVNode("div",null,"Ver perfil",-1))],Ue={class:"static-row__info-player"},qe={class:"position"},Je=["onClick"],Xe=[a(()=>e.createElementVNode("path",{d:"M13.3345 16.5001V14.8334C13.3345 13.9494 12.9833 13.1015 12.3582 12.4764C11.7331 11.8513 10.8852 11.5001 10.0012 11.5001H5.00126C4.11722 11.5001 3.26938 11.8513 2.64427 12.4764C2.01915 13.1015 1.66797 13.9494 1.66797 14.8334V16.5001",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)),a(()=>e.createElementVNode("path",{d:"M7.50126 8.16658C9.34219 8.16658 10.8346 6.67422 10.8346 4.83329C10.8346 2.99237 9.34219 1.5 7.50126 1.5C5.66033 1.5 4.16797 2.99237 4.16797 4.83329C4.16797 6.67422 5.66033 8.16658 7.50126 8.16658Z",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)),a(()=>e.createElementVNode("path",{d:"M18.332 8.16663H13.332",stroke:"white","stroke-opacity":"0.5","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1))],Ke={key:1,class:"add-to-list"},Qe=["onClick"],Ye=[a(()=>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)),a(()=>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)),a(()=>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))],ve={class:"player-photo"},et=["src"],tt={class:"player-name"},ot={class:"arrow"},lt=["onClick"],st=[a(()=>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))],nt={class:"titles scrollable-row"},it={class:"column-title"},at=a(()=>e.createElementVNode("div",null," Equipo ",-1)),rt=[a(()=>e.createElementVNode("g",{opacity:".5",stroke:"#fff","stroke-width":"1.677","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67"})],-1))],dt={class:"column-title"},ct=a(()=>e.createElementVNode("div",null," Posición ",-1)),mt=[a(()=>e.createElementVNode("g",{opacity:".5",stroke:"#fff","stroke-width":"1.677","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67"})],-1))],ht={class:"column-title"},ft=a(()=>e.createElementVNode("div",null," Edad ",-1)),pt=[a(()=>e.createElementVNode("g",{opacity:".5",stroke:"#fff","stroke-width":"1.677","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67"})],-1))],_t=a(()=>e.createElementVNode("div",{class:"column-title"},"País",-1)),gt={class:"column-title"},kt=a(()=>e.createElementVNode("div",null," Partidos Jugados ",-1)),Ct=[a(()=>e.createElementVNode("g",{opacity:".5",stroke:"#fff","stroke-width":"1.677","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67"})],-1))],yt={class:"column-title"},wt=a(()=>e.createElementVNode("div",null," Minutos Jugados ",-1)),bt=[a(()=>e.createElementVNode("g",{opacity:".5",stroke:"#fff","stroke-width":"1.677","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67"})],-1))],Et={class:"column-title"},ut=a(()=>e.createElementVNode("div",null," Liga ",-1)),Vt=[a(()=>e.createElementVNode("g",{opacity:".5",stroke:"#fff","stroke-width":"1.677","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M4.532 2.13v13.74M8.202 12.2l-3.67 3.669-3.669-3.67M12.919 15.87V2.132M16.589 5.802l-3.67-3.67-3.669 3.67"})],-1))],xt=a(()=>e.createElementVNode("div",{class:"column-title"},"Videos",-1)),St={class:"team-logo"},Nt=["src"],Bt={class:"team-name data-info"},Lt=["src"],Mt=I({__name:"GSC-TableScrollable",props:{players:{type:Array,default:()=>[]},isGeneral:{type:Boolean,default:!0},isEditMode:{type:Boolean,default:!1},isTableFromList:{type:Boolean,default:!1},isGraphButtonVisible:{type:Boolean,default:!0},isAddToListButtonVisible:{type:Boolean,default:!0}},emits:["change-selected-players","view-profile","add-to-list","view-graph","open-media","click-parameters"],setup(l,{emit:d}){const s=l;let c=null,f=null;const p=e.ref([]),w=e.ref(null),u=e.ref(null),V=e.ref(0),h=e.ref(0),N=e.ref(-1);e.ref(!1);const B=e.ref(null),g=e.ref(null),L=e.ref(null),r=e.ref([]),m=e.ref([{name:"team_abrev",isDesc:!1,isRoot:!0},{name:"player_position",isDesc:!1,isRoot:!0},{name:"player_age",isDesc:!1,isRoot:!0},{name:"player_games",isDesc:!1,isRoot:!0},{name:"player_min",isDesc:!1,isRoot:!0},{name:"league_name",isDesc:!1,isRoot:!0}]),k=e.ref(0),b=e.computed(()=>({"--width-details":`${V.value}px`,"--gap-static-row":`${y.value?"8px":"18px"}`,"--width-static-column":`${y.value?"50%":"436px"}`})),y=e.computed(()=>V.value<600);e.watch(()=>s.players,t=>{t&&t.length&&(p.value=t.map((n,o)=>{const i=o+1,_={...n,position:i<10?`0${i}`:`${i}`,isSelected:!1,isExpanded:!1,isOdd:o%2!==0,index:o};return n.stats&&n.stats.length&&(_.stats=n.stats.map(C=>({...C,isDesc:!1,isRoot:!1}))),_.parameters&&Object.entries(_.parameters).forEach(([C,E])=>{const G=_.stats.find(Ot=>Ot.custom_category_id===Number(C));G&&(G.parameters=E)}),_}),r.value=p.value.map(n=>({...n})))},{immediate:!0,deep:!0}),e.watch(()=>s.isEditMode,t=>{t&&p.value.forEach(n=>{n.isSelected=!1})}),e.watch(()=>L.value,t=>{if(t){let n=[...r.value];t.isRoot?n.sort((o,i)=>typeof o[t.name]=="string"?t.isDesc?o[t.name].localeCompare(i[t.name]):o[t.name].localeCompare(i[t.name])*-1:t.isDesc?i[t.name]-o[t.name]:o[t.name]-i[t.name]):n.sort((o,i)=>{const _=o.stats.find(E=>E.name===t.name),C=i.stats.find(E=>E.name===t.name);return typeof _.value=="string"?t.isDesc?_.total.localeCompare(C.total):_.total.localeCompare(C.total)*-1:t.isDesc?C.total-_.total:_.total-C.total}),n.forEach((o,i)=>{o.isOdd=i%2!==0}),r.value=n}else r.value.sort((n,o)=>n.index-o.index).forEach((n,o)=>{n.isOdd=o%2!==0})},{immediate:!0,deep:!0}),e.watch(h,t=>{const o=document.querySelectorAll(".static-row")[N.value+1];o&&(o.style.marginTop=`${t}px`),s.isGeneral?F(N.value,t):u.value&&u.value.setMarginTopDetails(N.value,t),t===0&&B.value&&A(B.value)});function F(t,n){const i=document.querySelectorAll(".scrollable-row")[t+2];i&&(i.style.marginTop=`${n}px`)}function $t(t){d("click-parameters",t)}function x(t){t&&(t.isDesc=!t.isDesc),L.value=t}function P(t){const n=t.player||t.objeto_player,o=n?n.player_id||n.id||n.playerId:t.id||t.player_id,i={isFeaturedPlayers:!1,mainSectionType:1,playListType:2,gameIds:null,playerIds:o?[o]:[],goalkeeperIds:[],matchResult:[1,2,3],categorySingleName:"",isRivalSubject:!1,avoidCategorySingleName:!1,currentPlayIndex:0,playData:null,lastClashedGameId:null,tournamentsLastClashes:null,advancedFilter:{playListTitle:"Jugadas Relevantes"}};if(t.stat&&t.stat.parameters&&(i.parameters=t.stat.parameters),t.stat&&t.stat.seasons&&t.stat.seasons.length||t.seasons&&t.seasons.length){const _=[...t.stat&&t.stat.seasons&&t.stat.seasons.length?t.stat.seasons:t.seasons];_.sort((C,E)=>C-E),i.seasonId=_.shift(),i.seasonsIds=_}else(t.season_id||t.seasonId)&&(i.seasonId=t.season_id||t.seasonId);t.stat?t.stat.category_id&&t.stat.category_id.length?i.categoryIds=t.stat.category_id:t.stat.custom_category_id&&(i.customCategoryIds=[t.stat.custom_category_id]):i.categoryIds=Tt(t.player_position),d("open-media",i)}function Dt(){c=new ResizeObserver(t=>{for(const n of t)V.value=n.contentRect.width}),c.observe(w.value)}function zt(t){f=new ResizeObserver(n=>{for(const o of n)h.value=o.contentRect.height}),f.observe(t)}function Tt(t){return t==="POR"?[39,40,52,53,54,55,323,324,608,774,802]:[10,12,14,15,27,35,61,217,257,466,519,607,702,730,98,101,109,112,121,122,127,128,135,136,141,142,161,170,179,211,232,235,239,242,282,284,289,291,296,485,486,487,488]}function Rt(t,n){n.isSelected=t;const o=p.value.filter(i=>i.isSelected);d("change-selected-players",o)}function It(t){d("view-profile",t)}function O(t){d("delete-from-list",t)}function j(t){d("add-to-list",t)}function Ft(t){d("show-graph",t)}function A(t){if(t.isExpanded){t.isExpanded=!1,B.value=null;return}const n=p.value.find(C=>C.isExpanded);if(n&&(n.isExpanded=!1),n){B.value=t;return}const o=document.querySelectorAll(".details-row");let i=-1;o.forEach((C,E)=>{C.id===`dr-${t.id}`&&(i=E)});const _=o[i];N.value=i,zt(_),t.isExpanded=!0}let z=!1,Z,W,H=function(t){z=!0,Z=t.pageX-g.value.offsetLeft,W=g.value.scrollLeft},M=function(){z=!1};function Pt(){g.value&&(g.value.addEventListener("mousemove",t=>{if(!z)return;const o=t.pageX-g.value.offsetLeft-Z;g.value.scrollLeft=W-o}),g.value.addEventListener("mousedown",H,!1),g.value.addEventListener("mouseup",M,!1),g.value.addEventListener("mouseleave",M,!1))}return e.onMounted(()=>{Dt(),Pt()}),e.onBeforeUnmount(()=>{c&&c.disconnect(),f&&f.disconnect(),g.value&&(g.value.removeEventListener("mousemove",H,!1),g.value.removeEventListener("mouseup",M,!1),g.value.removeEventListener("mouseleave",M,!1))}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:"table",ref_key:"tableSC",ref:w,style:e.normalizeStyle(b.value),key:k.value},[e.createElementVNode("div",ue,[e.createElementVNode("div",Ve,[xe,e.createElementVNode("div",{role:"button",class:"restore-button",onClick:n[0]||(n[0]=o=>x(null))},Se)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,o=>(e.openBlock(),e.createElementBlock("div",{key:`s-${o.id}`,class:e.normalizeClass(["row static-row",{odd:o.isOdd}])},[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{id:`dr-${o.id}`,class:e.normalizeClass(["details-row",{odd:o.isOdd}])},[e.createElementVNode("div",Be,[e.createElementVNode("div",Le,[e.createElementVNode("div",Me,[e.createElementVNode("div",null,[e.createTextVNode("Equipo: "),e.createElementVNode("span",$e,e.toDisplayString(o.team_name),1)]),e.createElementVNode("div",null,[e.createTextVNode("Edad: "),e.createElementVNode("span",De,e.toDisplayString(o.player_age)+" Años",1)]),e.createElementVNode("div",null,[e.createTextVNode("Nacionalidad: "),e.createElementVNode("span",ze,e.toDisplayString(o.player_country),1)]),e.createElementVNode("div",null,[e.createTextVNode("Posición: "),e.createElementVNode("span",Te,e.toDisplayString(o.position_name),1)])]),e.createElementVNode("div",Re,[e.createElementVNode("div",null,[e.createTextVNode("Partidos Jugados: "),e.createElementVNode("span",Ie,e.toDisplayString(o.player_games),1)]),e.createElementVNode("div",null,[e.createTextVNode("Minutos Jugados: "),e.createElementVNode("span",Fe,e.toDisplayString(o.player_min),1)])])]),e.createElementVNode("div",{class:"details-row__buttons",style:e.normalizeStyle(y.value?"margin-left: 0; gap: 8px;":"")},[l.isGraphButtonVisible?(e.openBlock(),e.createElementBlock("div",{key:0,role:"button",class:"button",onClick:i=>Ft(o)},Oe,8,Pe)):e.createCommentVNode("",!0),l.isTableFromList?(e.openBlock(),e.createElementBlock("div",{key:1,role:"button",class:"button",onClick:i=>O(o)},Ae,8,je)):l.isAddToListButtonVisible?(e.openBlock(),e.createElementBlock("div",{key:2,role:"button",class:"button",onClick:i=>j(o)},We,8,Ze)):e.createCommentVNode("",!0),e.createElementVNode("div",{role:"button",class:"button green",onClick:i=>It(o)},Ge,8,He)],4)])],10,Ne),[[e.vShow,o.isExpanded]])]),_:2},1024),l.isEditMode?(e.openBlock(),e.createBlock(e.unref(oe),{key:0,fontFamily:"Poppins-Regular",labelFontSize:"14px","model-value":o.isSelected,"onUpdate:modelValue":i=>Rt(i,o)},null,8,["model-value","onUpdate:modelValue"])):e.createCommentVNode("",!0),e.createElementVNode("div",Ue,[e.createElementVNode("div",qe,e.toDisplayString(o.position),1),l.isTableFromList?(e.openBlock(),e.createElementBlock("svg",{key:0,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:i=>O(o)},Xe,8,Je)):(e.openBlock(),e.createElementBlock("div",Ke,[(e.openBlock(),e.createElementBlock("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:i=>j(o)},Ye,8,Qe))])),e.createElementVNode("div",ve,[e.createElementVNode("div",null,[e.createElementVNode("img",{src:o.player_photo,alt:"player photo"},null,8,et)])]),e.createElementVNode("div",tt,e.toDisplayString(o.player_name),1)]),e.createElementVNode("div",ot,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5",{expanded:o.isExpanded}]),width:"12",height:"8",viewBox:"0 0 12 8",fill:"#D9D9D9",xmlns:"http://www.w3.org/2000/svg",onClick:i=>A(o)},st,10,lt))])],2))),128))]),e.createElementVNode("div",{ref_key:"scrollableColumns",ref:g,class:"table__scrollable-columns"},[l.isGeneral?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",nt,[e.createElementVNode("div",it,[at,(e.openBlock(),e.createElementBlock("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:n[1]||(n[1]=o=>x(m.value[0]))},rt))]),e.createElementVNode("div",dt,[ct,(e.openBlock(),e.createElementBlock("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:n[2]||(n[2]=o=>x(m.value[1]))},mt))]),e.createElementVNode("div",ht,[ft,(e.openBlock(),e.createElementBlock("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:n[3]||(n[3]=o=>x(m.value[2]))},pt))]),_t,e.createElementVNode("div",gt,[kt,(e.openBlock(),e.createElementBlock("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:n[4]||(n[4]=o=>x(m.value[3]))},Ct))]),e.createElementVNode("div",yt,[wt,(e.openBlock(),e.createElementBlock("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:n[5]||(n[5]=o=>x(m.value[4]))},bt))]),e.createElementVNode("div",Et,[ut,(e.openBlock(),e.createElementBlock("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:n[6]||(n[6]=o=>x(m.value[5]))},Vt))]),xt]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,o=>(e.openBlock(),e.createElementBlock("div",{key:`i-${o.id}`,class:"row scrollable-row"},[e.createElementVNode("div",{class:e.normalizeClass(["row team-info",{odd:o.isOdd}])},[e.createElementVNode("div",St,[e.createElementVNode("img",{src:o.team_logo,alt:"team logo"},null,8,Nt)]),e.createElementVNode("div",Bt,e.toDisplayString(o.team_abrev),1)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:o.isOdd}])},e.toDisplayString(o.player_position),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:o.isOdd}])},e.toDisplayString(o.player_age),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:o.isOdd}])},[e.createElementVNode("img",{src:o.player_country_flag,alt:"player country flag",class:"country-flag"},null,8,Lt)],2),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:o.isOdd}])},e.toDisplayString(o.player_games),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:o.isOdd}])},e.toDisplayString(o.player_min),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:o.isOdd}])},e.toDisplayString(o.league_name),3),e.createElementVNode("div",{class:e.normalizeClass(["row data-info",{odd:o.isOdd}])},[e.createVNode(e.unref(fe),{icon:"https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png","icon-size":"19px","icon-position":"left",width:"98px",height:"30px","border-radius":"30px","border-width":"1","background-color":"#ffffff1a","font-family":"Poppins-Regular","border-color":"#55636e","text-value":"Ver videos","font-size":"10px",onClick:i=>P(o)},null,8,["onClick"])],2)]))),128))],64)):(e.openBlock(),e.createBlock(Ee,{key:1,ref_key:"scrollColumns",ref:u,"available-players":r.value,"is-edit-mode":l.isEditMode,onOpenMedia:P,onClickParameters:$t,onSort:x},null,8,["available-players","is-edit-mode"]))],512)],4))}},[["__scopeId","data-v-c0606edc"]]);S.GSCTableScrollable=Mt,Object.defineProperty(S,Symbol.toStringTag,{value:"Module"})});

package/package.json

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