@golstats/gsc-table-scrollable 1.0.23 → 1.0.25

package/dist/gsc-table-scrollable.js

@@ -1,4 +1,4 @@
-import { useCssVars as So, ref as A, computed as ae, watch as de, createElementBlock as E, openBlock as C, normalizeClass as I, createElementVNode as c, createCommentVNode as q, normalizeStyle as te, Fragment as ie, toDisplayString as F, pushScopeId as Tt, popScopeId as At, onMounted as Ke, renderList as he, onUnmounted as ko, createVNode as gt, Transition as xo, withCtx as Ro, withDirectives as Ne, createTextVNode as ue, vModelText as Kt, withModifiers as ct, vModelCheckbox as Fn, onBeforeUnmount as Nn, createBlock as Be, unref as Fe, vShow as Un, nextTick as Mn } from "vue";
+import { useCssVars as So, ref as A, computed as ae, watch as de, createElementBlock as E, openBlock as C, normalizeClass as q, createElementVNode as c, createCommentVNode as D, normalizeStyle as te, Fragment as ie, toDisplayString as F, pushScopeId as Tt, popScopeId as At, onMounted as Ke, renderList as he, onUnmounted as ko, createVNode as gt, Transition as xo, withCtx as Ro, withDirectives as Ne, createTextVNode as ue, vModelText as Kt, withModifiers as ct, vModelCheckbox as Fn, onBeforeUnmount as Nn, createBlock as Be, unref as Fe, vShow as Un, nextTick as Mn } from "vue";
 const Dn = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [n, r] of t)
@@ -10,10 +10,10 @@ const Dn = (e, t) => {
   viewBox: "0 0 10 8",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, zn = ["fill"], Hn = {
+}, zn = ["fill"], Vn = {
   key: 0,
   class: "checkbox__teams"
-}, Vn = { class: "checkbox__teams__logo" }, Wn = ["src"], Jn = { class: "checkbox__teams__logo" }, Kn = ["src"], Zn = {
+}, Hn = { class: "checkbox__teams__logo" }, Wn = ["src"], Jn = { class: "checkbox__teams__logo" }, Kn = ["src"], Zn = {
   __name: "GSC-Checkbox",
   props: {
     width: {
@@ -168,7 +168,7 @@ const Dn = (e, t) => {
       return `${{}.TEAM_LOGOS_URL || "https://golstatsimages.blob.core.windows.net/teams-80/"}${a}.png`;
     }
     return (a, d) => (C(), E("div", {
-      class: I(["checkbox", `box-${e.boxPosition}`]),
+      class: q(["checkbox", `box-${e.boxPosition}`]),
       onClick: l
     }, [
       c("div", {
@@ -188,10 +188,10 @@ const Dn = (e, t) => {
               }, null, 8, zn)
             ]))
           ]))
-        ], 64)) : q("", !0)
+        ], 64)) : D("", !0)
       ], 4),
-      e.teamsIds && e.teamsIds.length ? (C(), E("div", Hn, [
-        c("div", Vn, [
+      e.teamsIds && e.teamsIds.length ? (C(), E("div", Vn, [
+        c("div", Hn, [
           c("img", {
             src: u(e.teamsIds[0]),
             alt: ""
@@ -203,7 +203,7 @@ const Dn = (e, t) => {
             alt: ""
           }, null, 8, Kn)
         ])
-      ])) : q("", !0),
+      ])) : D("", !0),
       c("div", {
         class: "checkbox__label",
         style: te(i.value)
@@ -215,7 +215,7 @@ const Dn = (e, t) => {
   for (const [n, r] of t)
     o[n] = r;
   return o;
-}, $t = {
+}, Lt = {
   props: {
     type: { type: Number, default: 0 },
     value: { type: Boolean, default: !1 },
@@ -305,8 +305,8 @@ const Dn = (e, t) => {
     "93b87770": e.marginLeftStat,
     c7f7beba: e.fontSizeStat
   }));
-}, Gt = $t.setup;
-$t.setup = Gt ? (e, t) => (Zt(), Gt(e, t)) : Zt;
+}, Gt = Lt.setup;
+Lt.setup = Gt ? (e, t) => (Zt(), Gt(e, t)) : Zt;
 const Qn = (e) => (Tt("data-v-f3ee6b2b"), e = e(), At(), e), Yn = ["src"], er = {
   key: 1,
   class: "text"
@@ -318,7 +318,7 @@ function ir(e, t, o, n, r, s) {
   return C(), E("div", null, [
     o.type == 0 ? (C(), E("div", {
       key: 0,
-      class: I(["button", r.status && o.typeOnOff && "button-active"]),
+      class: q(["button", r.status && o.typeOnOff && "button-active"]),
       style: te([s.customStyle, r.status && o.typeOnOff && s.customActive]),
       onClick: t[0] || (t[0] = (...i) => s.btnClick && s.btnClick(...i))
     }, [
@@ -327,15 +327,15 @@ function ir(e, t, o, n, r, s) {
         class: "icon",
         style: te({ width: o.iconSize }),
         src: o.icon
-      }, null, 12, Yn)) : q("", !0),
-      o.textValue ? (C(), E("div", er, F(o.textValue), 1)) : q("", !0),
+      }, null, 12, Yn)) : D("", !0),
+      o.textValue ? (C(), E("div", er, F(o.textValue), 1)) : D("", !0),
       o.icon && o.iconPosition.toLowerCase() === "right" ? (C(), E("img", {
         key: 2,
         class: "icon",
         style: te({ width: o.iconSize }),
         src: o.icon
-      }, null, 12, tr)) : q("", !0)
-    ], 6)) : q("", !0),
+      }, null, 12, tr)) : D("", !0)
+    ], 6)) : D("", !0),
     o.type == 1 ? (C(), E("div", {
       key: 1,
       class: "button-target",
@@ -346,18 +346,18 @@ function ir(e, t, o, n, r, s) {
         c("div", rr, F(o.textStat), 1)
       ]),
       c("div", sr, F(o.textCategory), 1)
-    ])) : q("", !0)
+    ])) : D("", !0)
   ]);
 }
-const ar = /* @__PURE__ */ Xn($t, [["render", ir], ["__scopeId", "data-v-f3ee6b2b"]]), Oo = (e, t) => {
+const ar = /* @__PURE__ */ Xn(Lt, [["render", ir], ["__scopeId", "data-v-f3ee6b2b"]]), Oo = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [n, r] of t)
     o[n] = r;
   return o;
-}, Lt = (e) => (Tt("data-v-df83603b"), e = e(), At(), e), lr = {
+}, $t = (e) => (Tt("data-v-df83603b"), e = e(), At(), e), lr = {
   key: 0,
   class: "overlay"
-}, cr = ["onClick"], ur = /* @__PURE__ */ Lt(() => /* @__PURE__ */ c("svg", {
+}, cr = ["onClick"], ur = /* @__PURE__ */ $t(() => /* @__PURE__ */ c("svg", {
   width: "11",
   height: "12",
   viewBox: "0 0 11 12",
@@ -370,7 +370,7 @@ const ar = /* @__PURE__ */ Xn($t, [["render", ir], ["__scopeId", "data-v-f3ee6b2
   })
 ], -1)), dr = [
   ur
-], fr = { class: "name" }, pr = ["onClick"], hr = /* @__PURE__ */ Lt(() => /* @__PURE__ */ c("g", {
+], fr = { class: "name" }, pr = ["onClick"], hr = /* @__PURE__ */ $t(() => /* @__PURE__ */ c("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -380,7 +380,7 @@ const ar = /* @__PURE__ */ Xn($t, [["render", ir], ["__scopeId", "data-v-f3ee6b2
   /* @__PURE__ */ c("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)), mr = [
   hr
-], gr = /* @__PURE__ */ Lt(() => /* @__PURE__ */ c("div", { class: "column-title-2" }, null, -1)), yr = ["onClick"], br = {
+], gr = /* @__PURE__ */ $t(() => /* @__PURE__ */ c("div", { class: "column-title-2" }, null, -1)), yr = ["onClick"], br = {
   __name: "ScrollColumns",
   props: {
     availablePlayers: {
@@ -438,7 +438,7 @@ const ar = /* @__PURE__ */ Xn($t, [["render", ir], ["__scopeId", "data-v-f3ee6b2
       class: "scroll-columns",
       style: te(u.value)
     }, [
-      e.isEditMode ? (C(), E("div", lr)) : q("", !0),
+      e.isEditMode ? (C(), E("div", lr)) : D("", !0),
       c("div", {
         ref_key: "titlesRow",
         ref: s,
@@ -453,7 +453,7 @@ const ar = /* @__PURE__ */ Xn($t, [["render", ir], ["__scopeId", "data-v-f3ee6b2
             class: "parameters",
             role: "button",
             onClick: (S) => v(x.parameters)
-          }, dr, 8, cr)) : q("", !0),
+          }, dr, 8, cr)) : D("", !0),
           c("div", fr, F(x.name), 1),
           (C(), E("svg", {
             width: "18",
@@ -472,10 +472,10 @@ const ar = /* @__PURE__ */ Xn($t, [["render", ir], ["__scopeId", "data-v-f3ee6b2
       }, [
         (C(!0), E(ie, null, he(x.stats, (S) => (C(), E("div", {
           key: S.category_id,
-          class: I(["row data-info", { odd: k % 2 !== 0, underline: !!S.total && S.total !== "0%" && S.seasons && S.seasons.length }])
+          class: q(["row data-info", { odd: k % 2 !== 0, underline: !!S.total && S.total !== "0%" && S.seasons && S.seasons.length }])
         }, [
           c("span", {
-            onClick: (P) => b({ player: x, stat: S })
+            onClick: (j) => b({ player: x, stat: S })
           }, F(S.total), 9, yr)
         ], 2))), 128))
       ]))), 128))
@@ -487,28 +487,28 @@ function To(e, t) {
     return e.apply(t, arguments);
   };
 }
-const { toString: vr } = Object.prototype, { getPrototypeOf: jt } = Object, { iterator: Ze, toStringTag: Ao } = Symbol, Ge = /* @__PURE__ */ ((e) => (t) => {
+const { toString: vr } = Object.prototype, { getPrototypeOf: Pt } = Object, { iterator: Ze, toStringTag: Ao } = Symbol, Ge = /* @__PURE__ */ ((e) => (t) => {
   const o = vr.call(t);
   return e[o] || (e[o] = o.slice(8, -1).toLowerCase());
 })(/* @__PURE__ */ Object.create(null)), oe = (e) => (e = e.toLowerCase(), (t) => Ge(t) === e), Xe = (e) => (t) => typeof t === e, { isArray: we } = Array, xe = Xe("undefined");
 function Cr(e) {
   return e !== null && !xe(e) && e.constructor !== null && !xe(e.constructor) && Z(e.constructor.isBuffer) && e.constructor.isBuffer(e);
 }
-const $o = oe("ArrayBuffer");
+const Lo = oe("ArrayBuffer");
 function _r(e) {
   let t;
-  return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? t = ArrayBuffer.isView(e) : t = e && e.buffer && $o(e.buffer), t;
+  return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? t = ArrayBuffer.isView(e) : t = e && e.buffer && Lo(e.buffer), t;
 }
-const Er = Xe("string"), Z = Xe("function"), Lo = Xe("number"), Qe = (e) => e !== null && typeof e == "object", Sr = (e) => e === !0 || e === !1, Ue = (e) => {
+const Er = Xe("string"), Z = Xe("function"), $o = Xe("number"), Qe = (e) => e !== null && typeof e == "object", Sr = (e) => e === !0 || e === !1, Ue = (e) => {
   if (Ge(e) !== "object")
     return !1;
-  const t = jt(e);
+  const t = Pt(e);
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Ao in e) && !(Ze in e);
 }, kr = oe("Date"), xr = oe("File"), Rr = oe("Blob"), Or = oe("FileList"), Tr = (e) => Qe(e) && Z(e.pipe), Ar = (e) => {
   let t;
   return e && (typeof FormData == "function" && e instanceof FormData || Z(e.append) && ((t = Ge(e)) === "formdata" || // detect form-data instance
   t === "object" && Z(e.toString) && e.toString() === "[object FormData]"));
-}, $r = oe("URLSearchParams"), [Lr, jr, Pr, Br] = ["ReadableStream", "Request", "Response", "Headers"].map(oe), Fr = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
+}, Lr = oe("URLSearchParams"), [$r, Pr, jr, Br] = ["ReadableStream", "Request", "Response", "Headers"].map(oe), Fr = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
 function Oe(e, t, { allOwnKeys: o = !1 } = {}) {
   if (e === null || typeof e > "u")
     return;
@@ -523,7 +523,7 @@ function Oe(e, t, { allOwnKeys: o = !1 } = {}) {
       l = s[n], t.call(null, e[l], l, e);
   }
 }
-function jo(e, t) {
+function Po(e, t) {
   t = t.toLowerCase();
   const o = Object.keys(e);
   let n = o.length, r;
@@ -532,10 +532,10 @@ function jo(e, t) {
       return r;
   return null;
 }
-const fe = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, Po = (e) => !xe(e) && e !== fe;
+const fe = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, jo = (e) => !xe(e) && e !== fe;
 function yt() {
-  const { caseless: e } = Po(this) && this || {}, t = {}, o = (n, r) => {
-    const s = e && jo(t, r) || r;
+  const { caseless: e } = jo(this) && this || {}, t = {}, o = (n, r) => {
+    const s = e && Po(t, r) || r;
     Ue(t[s]) && Ue(n) ? t[s] = yt(t[s], n) : Ue(n) ? t[s] = yt({}, n) : we(n) ? t[s] = n.slice() : t[s] = n;
   };
   for (let n = 0, r = arguments.length; n < r; n++)
@@ -555,7 +555,7 @@ const Nr = (e, t, o, { allOwnKeys: n } = {}) => (Oe(t, (r, s) => {
   do {
     for (r = Object.getOwnPropertyNames(e), s = r.length; s-- > 0; )
       i = r[s], (!n || n(i, e, t)) && !l[i] && (t[i] = e[i], l[i] = !0);
-    e = o !== !1 && jt(e);
+    e = o !== !1 && Pt(e);
   } while (e && (!o || o(e, t)) && e !== Object.prototype);
   return t;
 }, Ir = (e, t, o) => {
@@ -566,19 +566,19 @@ const Nr = (e, t, o, { allOwnKeys: n } = {}) => (Oe(t, (r, s) => {
   if (!e) return null;
   if (we(e)) return e;
   let t = e.length;
-  if (!Lo(t)) return null;
+  if (!$o(t)) return null;
   const o = new Array(t);
   for (; t-- > 0; )
     o[t] = e[t];
   return o;
-}, zr = /* @__PURE__ */ ((e) => (t) => e && t instanceof e)(typeof Uint8Array < "u" && jt(Uint8Array)), Hr = (e, t) => {
+}, zr = /* @__PURE__ */ ((e) => (t) => e && t instanceof e)(typeof Uint8Array < "u" && Pt(Uint8Array)), Vr = (e, t) => {
   const o = (e && e[Ze]).call(e);
   let n;
   for (; (n = o.next()) && !n.done; ) {
     const r = n.value;
     t.call(e, r[0], r[1]);
   }
-}, Vr = (e, t) => {
+}, Hr = (e, t) => {
   let o;
   const n = [];
   for (; (o = e.exec(t)) !== null; )
@@ -648,18 +648,18 @@ const es = (e) => {
   Z(fe.postMessage)
 ), ns = typeof queueMicrotask < "u" ? queueMicrotask.bind(fe) : typeof process < "u" && process.nextTick || Fo, rs = (e) => e != null && Z(e[Ze]), h = {
   isArray: we,
-  isArrayBuffer: $o,
+  isArrayBuffer: Lo,
   isBuffer: Cr,
   isFormData: Ar,
   isArrayBufferView: _r,
   isString: Er,
-  isNumber: Lo,
+  isNumber: $o,
   isBoolean: Sr,
   isObject: Qe,
   isPlainObject: Ue,
-  isReadableStream: Lr,
-  isRequest: jr,
-  isResponse: Pr,
+  isReadableStream: $r,
+  isRequest: Pr,
+  isResponse: jr,
   isHeaders: Br,
   isUndefined: xe,
   isDate: kr,
@@ -668,7 +668,7 @@ const es = (e) => {
   isRegExp: Kr,
   isFunction: Z,
   isStream: Tr,
-  isURLSearchParams: $r,
+  isURLSearchParams: Lr,
   isTypedArray: zr,
   isFileList: Or,
   forEach: Oe,
@@ -682,8 +682,8 @@ const es = (e) => {
   kindOfTest: oe,
   endsWith: Ir,
   toArray: qr,
-  forEachEntry: Hr,
-  matchAll: Vr,
+  forEachEntry: Vr,
+  matchAll: Hr,
   isHTMLForm: Wr,
   hasOwnProperty: Xt,
   hasOwnProp: Xt,
@@ -694,9 +694,9 @@ const es = (e) => {
   toCamelCase: Jr,
   noop: Xr,
   toFiniteNumber: Qr,
-  findKey: jo,
+  findKey: Po,
   global: fe,
-  isContextDefined: Po,
+  isContextDefined: jo,
   isSpecCompliantForm: Yr,
   toJSONObject: es,
   isAsyncFn: ts,
@@ -848,10 +848,10 @@ function Yt(e) {
     return t[o];
   });
 }
-function Pt(e, t) {
+function jt(e, t) {
   this._pairs = [], e && Ye(e, this, t);
 }
-const Do = Pt.prototype;
+const Do = jt.prototype;
 Do.append = function(e, t) {
   this._pairs.push([e, t]);
 };
@@ -875,7 +875,7 @@ function Io(e, t, o) {
   });
   const r = o && o.serialize;
   let s;
-  if (r ? s = r(t, o) : s = h.isURLSearchParams(t) ? t.toString() : new Pt(t, o).toString(n), s) {
+  if (r ? s = r(t, o) : s = h.isURLSearchParams(t) ? t.toString() : new jt(t, o).toString(n), s) {
     const i = e.indexOf("#");
     i !== -1 && (e = e.slice(0, i)), e += (e.indexOf("?") === -1 ? "?" : "&") + s;
   }
@@ -939,7 +939,7 @@ const qo = {
   silentJSONParsing: !0,
   forcedJSONParsing: !0,
   clarifyTimeoutError: !1
-}, cs = typeof URLSearchParams < "u" ? URLSearchParams : Pt, us = typeof FormData < "u" ? FormData : null, ds = typeof Blob < "u" ? Blob : null, fs = {
+}, cs = typeof URLSearchParams < "u" ? URLSearchParams : jt, us = typeof FormData < "u" ? FormData : null, ds = typeof Blob < "u" ? Blob : null, fs = {
   isBrowser: !0,
   classes: {
     URLSearchParams: cs,
@@ -1280,7 +1280,7 @@ function dt(e, t) {
     s = i.call(o, s, r.normalize(), t ? t.status : void 0);
   }), r.normalize(), s;
 }
-function Ho(e) {
+function Vo(e) {
   return !!(e && e.__CANCEL__);
 }
 function ve(e, t, o) {
@@ -1289,7 +1289,7 @@ function ve(e, t, o) {
 h.inherits(ve, O, {
   __CANCEL__: !0
 });
-function Vo(e, t, o) {
+function Ho(e, t, o) {
   const n = o.config.validateStatus;
   !o.status || !n || n(o.status) ? e(o) : t(new O(
     "Request failed with status code " + o.status,
@@ -1331,7 +1331,7 @@ function Ts(e, t) {
     }, n - a)));
   }, () => r && i(r)];
 }
-const He = (e, t, o = 3) => {
+const Ve = (e, t, o = 3) => {
   let n = 0;
   const r = Os(50, 250);
   return Ts((s) => {
@@ -1360,7 +1360,7 @@ const He = (e, t, o = 3) => {
 }, no = (e) => (...t) => h.asap(() => e(...t)), As = W.hasStandardBrowserEnv ? /* @__PURE__ */ ((e, t) => (o) => (o = new URL(o, W.origin), e.protocol === o.protocol && e.host === o.host && (t || e.port === o.port)))(
   new URL(W.origin),
   W.navigator && /(msie|trident)/i.test(W.navigator.userAgent)
-) : () => !0, $s = W.hasStandardBrowserEnv ? (
+) : () => !0, Ls = W.hasStandardBrowserEnv ? (
   // Standard browser envs support document.cookie
   {
     write(e, t, o, n, r, s) {
@@ -1387,15 +1387,15 @@ const He = (e, t, o = 3) => {
     }
   }
 );
-function Ls(e) {
+function $s(e) {
   return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(e);
 }
-function js(e, t) {
+function Ps(e, t) {
   return t ? e.replace(/\/?\/$/, "") + "/" + t.replace(/^\/+/, "") : e;
 }
 function Wo(e, t, o) {
-  let n = !Ls(t);
-  return e && (n || o == !1) ? js(e, t) : t;
+  let n = !$s(t);
+  return e && (n || o == !1) ? Ps(e, t) : t;
 }
 const ro = (e) => e instanceof G ? { ...e } : e;
 function ye(e, t) {
@@ -1479,11 +1479,11 @@ const Jo = (e) => {
     }
   }
   if (W.hasStandardBrowserEnv && (n && h.isFunction(n) && (n = n(t)), n || n !== !1 && As(t.url))) {
-    const a = r && s && $s.read(s);
+    const a = r && s && Ls.read(s);
     a && i.set(r, a);
   }
   return t;
-}, Ps = typeof XMLHttpRequest < "u", Bs = Ps && function(e) {
+}, js = typeof XMLHttpRequest < "u", Bs = js && function(e) {
   return new Promise(function(t, o) {
     const n = Jo(e);
     let r = n.data;
@@ -1499,7 +1499,7 @@ const Jo = (e) => {
         return;
       const S = G.from(
         "getAllResponseHeaders" in p && p.getAllResponseHeaders()
-      ), P = {
+      ), j = {
         data: !i || i === "text" || i === "json" ? p.responseText : p.response,
         status: p.status,
         statusText: p.statusText,
@@ -1507,11 +1507,11 @@ const Jo = (e) => {
         config: e,
         request: p
       };
-      Vo(function(z) {
+      Ho(function(z) {
         t(z), y();
       }, function(z) {
         o(z), y();
-      }, P), p = null;
+      }, j), p = null;
     }
     "onloadend" in p ? p.onloadend = x : p.onreadystatechange = function() {
       !p || p.readyState !== 4 || p.status === 0 && !(p.responseURL && p.responseURL.indexOf("file:") === 0) || setTimeout(x);
@@ -1521,16 +1521,16 @@ const Jo = (e) => {
       o(new O("Network Error", O.ERR_NETWORK, e, p)), p = null;
     }, p.ontimeout = function() {
       let S = n.timeout ? "timeout of " + n.timeout + "ms exceeded" : "timeout exceeded";
-      const P = n.transitional || qo;
+      const j = n.transitional || qo;
       n.timeoutErrorMessage && (S = n.timeoutErrorMessage), o(new O(
         S,
-        P.clarifyTimeoutError ? O.ETIMEDOUT : O.ECONNABORTED,
+        j.clarifyTimeoutError ? O.ETIMEDOUT : O.ECONNABORTED,
         e,
         p
       )), p = null;
-    }, r === void 0 && s.setContentType(null), "setRequestHeader" in p && h.forEach(s.toJSON(), function(S, P) {
-      p.setRequestHeader(P, S);
-    }), h.isUndefined(n.withCredentials) || (p.withCredentials = !!n.withCredentials), i && i !== "json" && (p.responseType = n.responseType), u && ([b, f] = He(u, !0), p.addEventListener("progress", b)), l && p.upload && ([d, v] = He(l), p.upload.addEventListener("progress", d), p.upload.addEventListener("loadend", v)), (n.cancelToken || n.signal) && (a = (S) => {
+    }, r === void 0 && s.setContentType(null), "setRequestHeader" in p && h.forEach(s.toJSON(), function(S, j) {
+      p.setRequestHeader(j, S);
+    }), h.isUndefined(n.withCredentials) || (p.withCredentials = !!n.withCredentials), i && i !== "json" && (p.responseType = n.responseType), u && ([b, f] = Ve(u, !0), p.addEventListener("progress", b)), l && p.upload && ([d, v] = Ve(l), p.upload.addEventListener("progress", d), p.upload.addEventListener("loadend", v)), (n.cancelToken || n.signal) && (a = (S) => {
       p && (o(!S || S.type ? new ve(null, e, p) : S), p.abort(), p = null);
     }, n.cancelToken && n.cancelToken.subscribe(a), n.signal && (n.signal.aborted ? a() : n.signal.addEventListener("abort", a)));
     const k = Rs(n.url);
@@ -1636,12 +1636,12 @@ const Jo = (e) => {
     }
   }).headers.has("Content-Type");
   return e && !t;
-}), io = 64 * 1024, vt = Ko && Zo(() => h.isReadableStream(new Response("").body)), Ve = {
+}), io = 64 * 1024, vt = Ko && Zo(() => h.isReadableStream(new Response("").body)), He = {
   stream: vt && ((e) => e.body)
 };
 et && ((e) => {
   ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((t) => {
-    !Ve[t] && (Ve[t] = h.isFunction(e[t]) ? (o) => o[t]() : (o, n) => {
+    !He[t] && (He[t] = h.isFunction(e[t]) ? (o) => o[t]() : (o, n) => {
       throw new O(`Response type '${t}' is not supported`, O.ERR_NOT_SUPPORT, n);
     });
   });
@@ -1660,7 +1660,7 @@ const qs = async (e) => {
     return e.byteLength;
   if (h.isURLSearchParams(e) && (e = e + ""), h.isString(e))
     return (await Ds(e)).byteLength;
-}, zs = async (e, t) => h.toFiniteNumber(e.getContentLength()) ?? qs(t), Hs = et && (async (e) => {
+}, zs = async (e, t) => h.toFiniteNumber(e.getContentLength()) ?? qs(t), Vs = et && (async (e) => {
   let {
     url: t,
     method: o,
@@ -1691,7 +1691,7 @@ const qs = async (e) => {
       if (h.isFormData(n) && (B = U.headers.get("content-type")) && d.setContentType(B), U.body) {
         const [Y, K] = oo(
           x,
-          He(no(u))
+          Ve(no(u))
         );
         n = so(U.body, io, Y, K);
       }
@@ -1708,15 +1708,15 @@ const qs = async (e) => {
       credentials: k ? b : void 0
     });
     let S = await fetch(y);
-    const P = vt && (a === "stream" || a === "response");
-    if (vt && (l || P && p)) {
+    const j = vt && (a === "stream" || a === "response");
+    if (vt && (l || j && p)) {
       const U = {};
-      ["status", "statusText", "headers"].forEach((D) => {
-        U[D] = S[D];
+      ["status", "statusText", "headers"].forEach((I) => {
+        U[I] = S[I];
       });
       const B = h.toFiniteNumber(S.headers.get("content-length")), [Y, K] = l && oo(
         B,
-        He(no(l), !0)
+        Ve(no(l), !0)
       ) || [];
       S = new Response(
         so(S.body, io, Y, () => {
@@ -1726,9 +1726,9 @@ const qs = async (e) => {
       );
     }
     a = a || "text";
-    let z = await Ve[h.findKey(Ve, a) || "text"](S, e);
-    return !P && p && p(), await new Promise((U, B) => {
-      Vo(U, B, {
+    let z = await He[h.findKey(He, a) || "text"](S, e);
+    return !j && p && p(), await new Promise((U, B) => {
+      Ho(U, B, {
         data: z,
         headers: G.from(S.headers),
         status: S.status,
@@ -1748,7 +1748,7 @@ const qs = async (e) => {
 }), Ct = {
   http: ss,
   xhr: Bs,
-  fetch: Hs
+  fetch: Vs
 };
 h.forEach(Ct, (e, t) => {
   if (e) {
@@ -1759,7 +1759,7 @@ h.forEach(Ct, (e, t) => {
     Object.defineProperty(e, "adapterName", { value: t });
   }
 });
-const ao = (e) => `- ${e}`, Vs = (e) => h.isFunction(e) || e === null || e === !1, Go = {
+const ao = (e) => `- ${e}`, Hs = (e) => h.isFunction(e) || e === null || e === !1, Go = {
   getAdapter: (e) => {
     e = h.isArray(e) ? e : [e];
     const { length: t } = e;
@@ -1768,7 +1768,7 @@ const ao = (e) => `- ${e}`, Vs = (e) => h.isFunction(e) || e === null || e === !
     for (let s = 0; s < t; s++) {
       o = e[s];
       let i;
-      if (n = o, !Vs(o) && (n = Ct[(i = String(o)).toLowerCase()], n === void 0))
+      if (n = o, !Hs(o) && (n = Ct[(i = String(o)).toLowerCase()], n === void 0))
         throw new O(`Unknown adapter '${i}'`);
       if (n)
         break;
@@ -1805,7 +1805,7 @@ function lo(e) {
       t
     ), t.headers = G.from(t.headers), t;
   }, function(t) {
-    return Ho(t) || (ft(e), t && t.response && (t.response.data = dt.call(
+    return Vo(t) || (ft(e), t && t.response && (t.response.data = dt.call(
       e,
       e.transformResponse,
       t.response
@@ -2144,7 +2144,7 @@ const M = Yo(Te);
 M.Axios = me;
 M.CanceledError = ve;
 M.CancelToken = Js;
-M.isCancel = Ho;
+M.isCancel = Vo;
 M.VERSION = Xo;
 M.toFormData = Ye;
 M.AxiosError = O;
@@ -2161,22 +2161,22 @@ M.getAdapter = Go.getAdapter;
 M.HttpStatusCode = _t;
 M.default = M;
 const {
-  Axios: Nc,
-  AxiosError: Uc,
-  CanceledError: Mc,
-  isCancel: Dc,
-  CancelToken: Ic,
-  VERSION: qc,
-  all: zc,
-  Cancel: Hc,
-  isAxiosError: Vc,
-  spread: Wc,
-  toFormData: Jc,
-  AxiosHeaders: Kc,
-  HttpStatusCode: Zc,
-  formToJSON: Gc,
-  getAdapter: Xc,
-  mergeConfig: Qc
+  Axios: Mc,
+  AxiosError: Dc,
+  CanceledError: Ic,
+  isCancel: qc,
+  CancelToken: zc,
+  VERSION: Vc,
+  all: Hc,
+  Cancel: Wc,
+  isAxiosError: Jc,
+  spread: Kc,
+  toFormData: Zc,
+  AxiosHeaders: Gc,
+  HttpStatusCode: Xc,
+  formToJSON: Qc,
+  getAdapter: Yc,
+  mergeConfig: eu
 } = M, Gs = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [n, r] of t)
@@ -2296,7 +2296,7 @@ const {
         c("div", Ys, [
           (C(!0), E(ie, null, he(e.lists, (y) => (C(), E("div", {
             key: y.id,
-            class: I(["tooltip-list-item", { disabled: b(y) }]),
+            class: q(["tooltip-list-item", { disabled: b(y) }]),
             onClick: (p) => !b(y) && a(y)
           }, [
             c("span", ti, [
@@ -2342,7 +2342,7 @@ const {
               ])))
             ]),
             c("span", {
-              class: I(["list-name", { "disabled-text": b(y) }])
+              class: q(["list-name", { "disabled-text": b(y) }])
             }, F(y.name), 3)
           ], 10, ei))), 128))
         ]),
@@ -2469,18 +2469,18 @@ const Ei = (e, t, o, { allOwnKeys: n } = {}) => (Ae(t, (r, s) => {
     const r = n.value;
     t.call(e, r[0], r[1]);
   }
-}, $i = (e, t) => {
+}, Li = (e, t) => {
   let o;
   const n = [];
   for (; (o = e.exec(t)) !== null; )
     n.push(o);
   return n;
-}, Li = ne("HTMLFormElement"), ji = (e) => e.toLowerCase().replace(
+}, $i = ne("HTMLFormElement"), Pi = (e) => e.toLowerCase().replace(
   /[-_\s]([a-z\d])(\w*)/g,
   function(t, o, n) {
     return o.toUpperCase() + n;
   }
-), uo = (({ hasOwnProperty: e }) => (t, o) => e.call(t, o))(Object.prototype), Pi = ne("RegExp"), an = (e, t) => {
+), uo = (({ hasOwnProperty: e }) => (t, o) => e.call(t, o))(Object.prototype), ji = ne("RegExp"), an = (e, t) => {
   const o = Object.getOwnPropertyDescriptors(e), n = {};
   Ae(o, (r, s) => {
     let i;
@@ -2537,7 +2537,7 @@ const Di = (e) => {
 }))(`axios@${Math.random()}`, []) : (o) => setTimeout(o))(
   typeof setImmediate == "function",
   X(pe.postMessage)
-), zi = typeof queueMicrotask < "u" ? queueMicrotask.bind(pe) : typeof process < "u" && process.nextTick || ln, Hi = (e) => e != null && X(e[ot]), m = {
+), zi = typeof queueMicrotask < "u" ? queueMicrotask.bind(pe) : typeof process < "u" && process.nextTick || ln, Vi = (e) => e != null && X(e[ot]), m = {
   isArray: Ce,
   isArrayBuffer: on,
   isBuffer: ai,
@@ -2556,7 +2556,7 @@ const Di = (e) => {
   isDate: di,
   isFile: fi,
   isBlob: pi,
-  isRegExp: Pi,
+  isRegExp: ji,
   isFunction: X,
   isStream: mi,
   isURLSearchParams: yi,
@@ -2574,15 +2574,15 @@ const Di = (e) => {
   endsWith: Ri,
   toArray: Oi,
   forEachEntry: Ai,
-  matchAll: $i,
-  isHTMLForm: Li,
+  matchAll: Li,
+  isHTMLForm: $i,
   hasOwnProperty: uo,
   hasOwnProp: uo,
   // an alias to avoid ESLint no-prototype-builtins detection
   reduceDescriptors: an,
   freezeMethods: Bi,
   toObjectSet: Fi,
-  toCamelCase: ji,
+  toCamelCase: Pi,
   noop: Ni,
   toFiniteNumber: Ui,
   findKey: rn,
@@ -2594,7 +2594,7 @@ const Di = (e) => {
   isThenable: qi,
   setImmediate: ln,
   asap: zi,
-  isIterable: Hi
+  isIterable: Vi
 };
 function T(e, t, o, n, r) {
   Error.call(this), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack, this.message = e, this.name = "AxiosError", t && (this.code = t), o && (this.config = o), n && (this.request = n), r && (this.response = r, this.status = r.status ? r.status : null);
@@ -2646,7 +2646,7 @@ T.from = (e, t, o, n, r, s) => {
     return l !== Error.prototype;
   }, (l) => l !== "isAxiosError"), T.call(i, e.message, t, o, n, r), i.cause = e, i.name = e.name, s && Object.assign(i, s), i;
 };
-const Vi = null;
+const Hi = null;
 function St(e) {
   return m.isPlainObject(e) || m.isArray(e);
 }
@@ -2894,7 +2894,7 @@ function ia(e, t, o) {
     }
   return (o || JSON.stringify)(e);
 }
-const $e = {
+const Le = {
   transitional: hn,
   adapter: ["xhr", "http", "fetch"],
   transformRequest: [function(e, t) {
@@ -2923,7 +2923,7 @@ const $e = {
     return r || n ? (t.setContentType("application/json", !1), ia(e)) : e;
   }],
   transformResponse: [function(e) {
-    const t = this.transitional || $e.transitional, o = t && t.forcedJSONParsing, n = this.responseType === "json";
+    const t = this.transitional || Le.transitional, o = t && t.forcedJSONParsing, n = this.responseType === "json";
     if (m.isResponse(e) || m.isReadableStream(e))
       return e;
     if (e && m.isString(e) && (o && !this.responseType || n)) {
@@ -2961,7 +2961,7 @@ const $e = {
   }
 };
 m.forEach(["delete", "get", "head", "post", "put", "patch"], (e) => {
-  $e.headers[e] = {};
+  Le.headers[e] = {};
 });
 const aa = m.toObjectSet([
   "age",
@@ -3165,7 +3165,7 @@ m.reduceDescriptors(Q.prototype, ({ value: e }, t) => {
 });
 m.freezeMethods(Q);
 function ht(e, t) {
-  const o = this || $e, n = t || o, r = Q.from(n.headers);
+  const o = this || Le, n = t || o, r = Q.from(n.headers);
   let s = n.data;
   return m.forEach(e, function(i) {
     s = i.call(o, s, r.normalize(), t ? t.status : void 0);
@@ -3390,7 +3390,7 @@ const wn = (e) => {
         return;
       const S = Q.from(
         "getAllResponseHeaders" in p && p.getAllResponseHeaders()
-      ), P = {
+      ), j = {
         data: !i || i === "text" || i === "json" ? p.responseText : p.response,
         status: p.status,
         statusText: p.statusText,
@@ -3402,7 +3402,7 @@ const wn = (e) => {
         t(z), y();
       }, function(z) {
         o(z), y();
-      }, P), p = null;
+      }, j), p = null;
     }
     "onloadend" in p ? p.onloadend = x : p.onreadystatechange = function() {
       !p || p.readyState !== 4 || p.status === 0 && !(p.responseURL && p.responseURL.indexOf("file:") === 0) || setTimeout(x);
@@ -3412,15 +3412,15 @@ const wn = (e) => {
       o(new T("Network Error", T.ERR_NETWORK, e, p)), p = null;
     }, p.ontimeout = function() {
       let S = n.timeout ? "timeout of " + n.timeout + "ms exceeded" : "timeout exceeded";
-      const P = n.transitional || hn;
+      const j = n.transitional || hn;
       n.timeoutErrorMessage && (S = n.timeoutErrorMessage), o(new T(
         S,
-        P.clarifyTimeoutError ? T.ETIMEDOUT : T.ECONNABORTED,
+        j.clarifyTimeoutError ? T.ETIMEDOUT : T.ECONNABORTED,
         e,
         p
       )), p = null;
-    }, r === void 0 && s.setContentType(null), "setRequestHeader" in p && m.forEach(s.toJSON(), function(S, P) {
-      p.setRequestHeader(P, S);
+    }, r === void 0 && s.setContentType(null), "setRequestHeader" in p && m.forEach(s.toJSON(), function(S, j) {
+      p.setRequestHeader(j, S);
     }), m.isUndefined(n.withCredentials) || (p.withCredentials = !!n.withCredentials), i && i !== "json" && (p.responseType = n.responseType), u && ([b, f] = We(u, !0), p.addEventListener("progress", b)), l && p.upload && ([d, v] = We(l), p.upload.addEventListener("progress", d), p.upload.addEventListener("loadend", v)), (n.cancelToken || n.signal) && (a = (S) => {
       p && (o(!S || S.type ? new _e(null, e, p) : S), p.abort(), p = null);
     }, n.cancelToken && n.cancelToken.subscribe(a), n.signal && (n.signal.aborted ? a() : n.signal.addEventListener("abort", a)));
@@ -3599,11 +3599,11 @@ const Oa = async (e) => {
       credentials: k ? b : void 0
     });
     let S = await fetch(y);
-    const P = xt && (a === "stream" || a === "response");
-    if (xt && (l || P && p)) {
+    const j = xt && (a === "stream" || a === "response");
+    if (xt && (l || j && p)) {
       const U = {};
-      ["status", "statusText", "headers"].forEach((D) => {
-        U[D] = S[D];
+      ["status", "statusText", "headers"].forEach((I) => {
+        U[I] = S[I];
       });
       const B = m.toFiniteNumber(S.headers.get("content-length")), [Y, K] = l && go(
         B,
@@ -3618,7 +3618,7 @@ const Oa = async (e) => {
     }
     a = a || "text";
     let z = await Je[m.findKey(Je, a) || "text"](S, e);
-    return !P && p && p(), await new Promise((U, B) => {
+    return !j && p && p(), await new Promise((U, B) => {
       yn(U, B, {
         data: z,
         headers: Q.from(S.headers),
@@ -3637,7 +3637,7 @@ const Oa = async (e) => {
     ) : T.from(k, k && k.code, e, y);
   }
 }), Rt = {
-  http: Vi,
+  http: Hi,
   xhr: Ca,
   fetch: Aa
 };
@@ -3650,7 +3650,7 @@ m.forEach(Rt, (e, t) => {
     Object.defineProperty(e, "adapterName", { value: t });
   }
 });
-const Co = (e) => `- ${e}`, $a = (e) => m.isFunction(e) || e === null || e === !1, _n = {
+const Co = (e) => `- ${e}`, La = (e) => m.isFunction(e) || e === null || e === !1, _n = {
   getAdapter: (e) => {
     e = m.isArray(e) ? e : [e];
     const { length: t } = e;
@@ -3659,7 +3659,7 @@ const Co = (e) => `- ${e}`, $a = (e) => m.isFunction(e) || e === null || e === !
     for (let s = 0; s < t; s++) {
       o = e[s];
       let i;
-      if (n = o, !$a(o) && (n = Rt[(i = String(o)).toLowerCase()], n === void 0))
+      if (n = o, !La(o) && (n = Rt[(i = String(o)).toLowerCase()], n === void 0))
         throw new T(`Unknown adapter '${i}'`);
       if (n)
         break;
@@ -3689,7 +3689,7 @@ function _o(e) {
   return mt(e), e.headers = Q.from(e.headers), e.data = ht.call(
     e,
     e.transformRequest
-  ), ["post", "put", "patch"].indexOf(e.method) !== -1 && e.headers.setContentType("application/x-www-form-urlencoded", !1), _n.getAdapter(e.adapter || $e.adapter)(e).then(function(t) {
+  ), ["post", "put", "patch"].indexOf(e.method) !== -1 && e.headers.setContentType("application/x-www-form-urlencoded", !1), _n.getAdapter(e.adapter || Le.adapter)(e).then(function(t) {
     return mt(e), t.data = ht.call(
       e,
       e.transformResponse,
@@ -3731,7 +3731,7 @@ lt.transitional = function(e, t, o) {
 lt.spelling = function(e) {
   return (t, o) => (console.warn(`${o} is likely a misspelling of ${e}`), !0);
 };
-function La(e, t, o) {
+function $a(e, t, o) {
   if (typeof e != "object")
     throw new T("options must be an object", T.ERR_BAD_OPTION_VALUE);
   const n = Object.keys(e);
@@ -3749,7 +3749,7 @@ function La(e, t, o) {
   }
 }
 const ze = {
-  assertOptions: La,
+  assertOptions: $a,
   validators: lt
 }, se = ze.validators;
 let ge = class {
@@ -3876,7 +3876,7 @@ m.forEach(["post", "put", "patch"], function(e) {
   }
   ge.prototype[e] = t(), ge.prototype[e + "Form"] = t(!0);
 });
-let ja = class Sn {
+let Pa = class Sn {
   constructor(t) {
     if (typeof t != "function")
       throw new TypeError("executor must be a function.");
@@ -3949,7 +3949,7 @@ let ja = class Sn {
     };
   }
 };
-function Pa(e) {
+function ja(e) {
   return function(t) {
     return e.apply(null, t);
   };
@@ -4031,10 +4031,10 @@ function kn(e) {
     return kn(be(e, n));
   }, o;
 }
-const N = kn($e);
+const N = kn(Le);
 N.Axios = ge;
 N.CanceledError = _e;
-N.CancelToken = ja;
+N.CancelToken = Pa;
 N.isCancel = gn;
 N.VERSION = En;
 N.toFormData = it;
@@ -4043,7 +4043,7 @@ N.Cancel = N.CanceledError;
 N.all = function(e) {
   return Promise.all(e);
 };
-N.spread = Pa;
+N.spread = ja;
 N.isAxiosError = Ba;
 N.mergeConfig = be;
 N.AxiosHeaders = Q;
@@ -4052,22 +4052,22 @@ N.getAdapter = _n.getAdapter;
 N.HttpStatusCode = Ot;
 N.default = N;
 const {
-  Axios: Yc,
-  AxiosError: eu,
-  CanceledError: tu,
-  isCancel: ou,
-  CancelToken: nu,
-  VERSION: ru,
-  all: su,
-  Cancel: iu,
-  isAxiosError: au,
-  spread: lu,
-  toFormData: cu,
-  AxiosHeaders: uu,
-  HttpStatusCode: du,
-  formToJSON: fu,
-  getAdapter: pu,
-  mergeConfig: hu
+  Axios: tu,
+  AxiosError: ou,
+  CanceledError: nu,
+  isCancel: ru,
+  CancelToken: su,
+  VERSION: iu,
+  all: au,
+  Cancel: lu,
+  isAxiosError: cu,
+  spread: uu,
+  toFormData: du,
+  AxiosHeaders: fu,
+  HttpStatusCode: pu,
+  formToJSON: hu,
+  getAdapter: mu,
+  mergeConfig: gu
 } = N, Fa = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [n, r] of t)
@@ -4082,10 +4082,10 @@ const {
 }, za = {
   key: 0,
   class: "modal-dropdown"
-}, Ha = {
+}, Va = {
   key: 0,
   class: "modal-dropdown-empty"
-}, Va = {
+}, Ha = {
   key: 1,
   class: "modal-dropdown-scroll"
 }, Wa = { class: "variable-selection" }, Ja = ["value"], Ka = { class: "variable-text" }, Za = { class: "modal-dropdown-actions" }, Ga = {
@@ -4112,28 +4112,28 @@ const {
   },
   emits: ["close", "createList", "listCreated"],
   setup(e, { emit: t }) {
-    const o = t, n = e, r = A(""), s = A(""), i = A([]), l = A(!1), u = A(!1), a = A([]), d = A(!1), b = A(null), v = ae(() => n.lists.some((D) => D.name.toLowerCase() === r.value.toLowerCase().trim())), f = ae(() => r.value.trim() !== "" && i.value.length > 0 && !v.value);
+    const o = t, n = e, r = A(""), s = A(""), i = A([]), l = A(!1), u = A(!1), a = A([]), d = A(!1), b = A(null), v = ae(() => n.lists.some((I) => I.name.toLowerCase() === r.value.toLowerCase().trim())), f = ae(() => r.value.trim() !== "" && i.value.length > 0 && !v.value);
     function y() {
       l.value = !l.value;
     }
     async function p() {
-      var D, L;
+      var I, $;
       try {
         d.value = !0;
-        const j = await N.create({ headers: { Authorization: `${n.token}` } }).get(
+        const P = await N.create({ headers: { Authorization: `${n.token}` } }).get(
           `https://a3tmmmjdaj.execute-api.us-east-2.amazonaws.com/prod/v2/users/${n.userId}/variables`
         );
-        a.value = j.data.data, i.value = a.value.filter((le) => le.checked);
-      } catch (j) {
-        b.value = ((L = (D = j.response) == null ? void 0 : D.data) == null ? void 0 : L.message) || "Error al obtener las variables", console.error("Error fetching variables:", j);
+        a.value = P.data.data, i.value = a.value.filter((le) => le.checked);
+      } catch (P) {
+        b.value = (($ = (I = P.response) == null ? void 0 : I.data) == null ? void 0 : $.message) || "Error al obtener las variables", console.error("Error fetching variables:", P);
       } finally {
         d.value = !1;
       }
     }
     const x = ae(() => {
       if (!a.value.length) return [];
-      const D = s.value.toLowerCase().trim();
-      return D ? a.value.filter((L) => L.name.toLowerCase().includes(D)) : a.value;
+      const I = s.value.toLowerCase().trim();
+      return I ? a.value.filter(($) => $.name.toLowerCase().includes(I)) : a.value;
     });
     function k() {
       l.value = !0;
@@ -4141,7 +4141,7 @@ const {
     function S() {
       l.value = !0;
     }
-    function P() {
+    function j() {
       setTimeout(() => {
         l.value = !1, s.value = "";
       }, 200);
@@ -4150,25 +4150,25 @@ const {
       s.value = "", l.value = !1;
     }
     async function U() {
-      var D, L;
+      var I, $;
       try {
         if (r.value && i.value.length) {
-          const j = N.create({ headers: { Authorization: `${n.token}` } }), le = {
+          const P = N.create({ headers: { Authorization: `${n.token}` } }), le = {
             user_id: parseInt(n.userId),
             name: r.value,
             variables: i.value
-          }, Le = await j.post(
+          }, $e = await P.post(
             `https://4j4nfvoh0d.execute-api.us-east-2.amazonaws.com/prod/users/${n.userId}/in-followed`,
             le
           );
-          Le.data && (o("createList", {
+          $e.data && (o("createList", {
             nombre: r.value,
             variables: i.value,
-            id: Le.data.data.id
+            id: $e.data.data.id
           }), o("listCreated"), r.value = "", i.value = [], s.value = "", l.value = !1, o("close"));
         }
-      } catch (j) {
-        console.error("Error creating list:", j), b.value = ((L = (D = j.response) == null ? void 0 : D.data) == null ? void 0 : L.message) || "Error al crear la lista";
+      } catch (P) {
+        console.error("Error creating list:", P), b.value = (($ = (I = P.response) == null ? void 0 : I.data) == null ? void 0 : $.message) || "Error al crear la lista";
       }
     }
     function B() {
@@ -4184,7 +4184,7 @@ const {
       u.value = !0, l.value = !1, Y(), await p();
     }), ko(() => {
       K();
-    }), (D, L) => (C(), E("div", Na, [
+    }), (I, $) => (C(), E("div", Na, [
       gt(xo, { name: "slide-up" }, {
         default: Ro(() => [
           u.value ? (C(), E("div", Ua, [
@@ -4192,7 +4192,7 @@ const {
               class: "modal-close",
               onClick: B
             }, "×"),
-            L[7] || (L[7] = c("div", { class: "modal-title" }, [
+            $[7] || ($[7] = c("div", { class: "modal-title" }, [
               c("svg", {
                 width: "23",
                 height: "16",
@@ -4210,7 +4210,7 @@ const {
               ue(" Crear nueva lista ")
             ], -1)),
             Ne(c("input", {
-              "onUpdate:modelValue": L[0] || (L[0] = (j) => r.value = j),
+              "onUpdate:modelValue": $[0] || ($[0] = (P) => r.value = P),
               class: "modal-input",
               type: "text",
               placeholder: "Nombre de tu lista"
@@ -4220,24 +4220,24 @@ const {
             c("div", Ma, [
               c("div", Da, [
                 Ne(c("input", {
-                  "onUpdate:modelValue": L[1] || (L[1] = (j) => s.value = j),
+                  "onUpdate:modelValue": $[1] || ($[1] = (P) => s.value = P),
                   class: "modal-input",
                   type: "text",
                   placeholder: "Selecciona las variables que quieres que se vean",
                   onFocus: k,
-                  onBlur: P,
+                  onBlur: j,
                   onInput: S,
                   disabled: d.value
                 }, null, 40, Ia), [
                   [Kt, s.value]
                 ]),
-                d.value ? (C(), E("div", qa, L[4] || (L[4] = [
+                d.value ? (C(), E("div", qa, $[4] || ($[4] = [
                   c("div", { class: "loading-spinner" }, null, -1)
                 ]))) : (C(), E("button", {
                   key: 1,
-                  class: I(["modal-dropdown-arrow", { "arrow-up": l.value }]),
+                  class: q(["modal-dropdown-arrow", { "arrow-up": l.value }]),
                   onMousedown: ct(y, ["prevent"])
-                }, L[5] || (L[5] = [
+                }, $[5] || ($[5] = [
                   c("svg", {
                     width: "12",
                     height: "12",
@@ -4256,22 +4256,22 @@ const {
                 ]), 34))
               ]),
               l.value && !d.value && !b.value ? (C(), E("div", za, [
-                x.value.length === 0 ? (C(), E("div", Ha, " No se encontraron variables ")) : (C(), E("div", Va, [
-                  (C(!0), E(ie, null, he(x.value, (j) => (C(), E("div", {
-                    key: j.custom_id,
+                x.value.length === 0 ? (C(), E("div", Va, " No se encontraron variables ")) : (C(), E("div", Ha, [
+                  (C(!0), E(ie, null, he(x.value, (P) => (C(), E("div", {
+                    key: P.custom_id,
                     class: "modal-dropdown-item"
                   }, [
                     c("label", Wa, [
                       Ne(c("input", {
                         type: "checkbox",
-                        value: j,
-                        "onUpdate:modelValue": L[2] || (L[2] = (le) => i.value = le),
-                        onClick: L[3] || (L[3] = ct(() => {
+                        value: P,
+                        "onUpdate:modelValue": $[2] || ($[2] = (le) => i.value = le),
+                        onClick: $[3] || ($[3] = ct(() => {
                         }, ["stop"]))
                       }, null, 8, Ja), [
                         [Fn, i.value]
                       ]),
-                      c("span", Ka, F(j.name), 1)
+                      c("span", Ka, F(P.name), 1)
                     ])
                   ]))), 128))
                 ])),
@@ -4281,35 +4281,35 @@ const {
                     onMousedown: ct(z, ["prevent"])
                   }, "Listo", 32)
                 ])
-              ])) : q("", !0),
+              ])) : D("", !0),
               b.value ? (C(), E("div", Ga, [
-                L[6] || (L[6] = c("span", { class: "error-icon" }, "!", -1)),
+                $[6] || ($[6] = c("span", { class: "error-icon" }, "!", -1)),
                 ue(" " + F(b.value), 1)
-              ])) : q("", !0)
+              ])) : D("", !0)
             ]),
-            v.value ? (C(), E("div", Xa, " Ya existe una lista con este nombre, utiliza otro para poder continuar. ")) : q("", !0),
-            L[8] || (L[8] = c("div", { class: "modal-divider" }, null, -1)),
+            v.value ? (C(), E("div", Xa, " Ya existe una lista con este nombre, utiliza otro para poder continuar. ")) : D("", !0),
+            $[8] || ($[8] = c("div", { class: "modal-divider" }, null, -1)),
             c("div", Qa, [
               c("button", {
                 class: "modal-cancel",
                 onClick: B
               }, "Cancelar"),
               c("button", {
-                class: I(["modal-create", { "modal-create--disabled": !f.value }]),
+                class: q(["modal-create", { "modal-create--disabled": !f.value }]),
                 onClick: U,
                 disabled: !f.value
               }, " Crear lista ", 10, Ya)
             ])
-          ])) : q("", !0)
+          ])) : D("", !0)
         ]),
         _: 1
       })
     ]));
   }
-}, tl = /* @__PURE__ */ Fa(el, [["__scopeId", "data-v-627b352d"]]), $ = (e) => (Tt("data-v-cf3ca3c5"), e = e(), At(), e), ol = /* @__PURE__ */ $(() => /* @__PURE__ */ c("div", { class: "top-scroll-spacer" }, null, -1)), nl = { class: "table__static-column" }, rl = { class: "static-title column-title restore" }, sl = /* @__PURE__ */ $(() => /* @__PURE__ */ c("div", { class: "titles-left" }, [
-  /* @__PURE__ */ c("div", { class: "title" }, "Ranking"),
-  /* @__PURE__ */ c("div", { class: "title" }, "Agregar a lista")
-], -1)), il = /* @__PURE__ */ $(() => /* @__PURE__ */ c("svg", {
+}, tl = /* @__PURE__ */ Fa(el, [["__scopeId", "data-v-627b352d"]]), L = (e) => (Tt("data-v-3c2d743e"), e = e(), At(), e), ol = /* @__PURE__ */ L(() => /* @__PURE__ */ c("div", { class: "top-scroll-spacer" }, null, -1)), nl = { class: "table__static-column" }, rl = { class: "static-title column-title restore" }, sl = { class: "titles-left" }, il = /* @__PURE__ */ L(() => /* @__PURE__ */ c("div", { class: "title" }, "Ranking", -1)), al = {
+  key: 0,
+  class: "title"
+}, ll = /* @__PURE__ */ L(() => /* @__PURE__ */ c("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
@@ -4326,10 +4326,10 @@ const {
     /* @__PURE__ */ c("path", { d: "M15.333 2.667v4h-4M.667 13.333v-4h4" }),
     /* @__PURE__ */ c("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)), al = /* @__PURE__ */ $(() => /* @__PURE__ */ c("div", null, "Restaurar orden", -1)), ll = [
-  il,
-  al
-], cl = ["id"], ul = { class: "container" }, dl = { class: "details-row__info" }, fl = { class: "details-row__info__personal" }, pl = { class: "bold" }, hl = { class: "bold" }, ml = { class: "bold" }, gl = { class: "bold" }, yl = { class: "details-row__info__games" }, bl = { class: "bold" }, wl = { class: "bold" }, vl = ["onClick"], Cl = /* @__PURE__ */ $(() => /* @__PURE__ */ c("div", null, "Ver gráfica", -1)), _l = /* @__PURE__ */ $(() => /* @__PURE__ */ c("svg", {
+], -1)), cl = /* @__PURE__ */ L(() => /* @__PURE__ */ c("div", null, "Restaurar orden", -1)), ul = [
+  ll,
+  cl
+], dl = ["id"], fl = { class: "container" }, pl = { class: "details-row__info" }, hl = { class: "details-row__info__personal" }, ml = { class: "bold" }, gl = { class: "bold" }, yl = { class: "bold" }, bl = { class: "bold" }, wl = { class: "details-row__info__games" }, vl = { class: "bold" }, Cl = { class: "bold" }, _l = ["onClick"], El = /* @__PURE__ */ L(() => /* @__PURE__ */ c("div", null, "Ver gráfica", -1)), Sl = /* @__PURE__ */ L(() => /* @__PURE__ */ c("svg", {
   width: "17",
   height: "16",
   viewBox: "0 0 17 16",
@@ -4352,10 +4352,10 @@ const {
       })
     ])
   ])
-], -1)), El = [
-  Cl,
-  _l
-], Sl = ["onClick"], kl = /* @__PURE__ */ $(() => /* @__PURE__ */ c("div", null, "Eliminar de lista", -1)), xl = /* @__PURE__ */ $(() => /* @__PURE__ */ c("svg", {
+], -1)), kl = [
+  El,
+  Sl
+], xl = ["onClick"], Rl = /* @__PURE__ */ L(() => /* @__PURE__ */ c("div", null, "Eliminar de lista", -1)), Ol = /* @__PURE__ */ L(() => /* @__PURE__ */ c("svg", {
   width: "17",
   height: "15",
   viewBox: "0 0 20 18",
@@ -4386,10 +4386,10 @@ const {
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   })
-], -1)), Rl = [
-  kl,
-  xl
-], Ol = ["onClick"], Tl = /* @__PURE__ */ $(() => /* @__PURE__ */ c("div", null, "Agregar a lista", -1)), Al = /* @__PURE__ */ $(() => /* @__PURE__ */ c("svg", {
+], -1)), Tl = [
+  Rl,
+  Ol
+], Al = ["onClick"], Ll = /* @__PURE__ */ L(() => /* @__PURE__ */ c("div", null, "Agregar a lista", -1)), $l = /* @__PURE__ */ L(() => /* @__PURE__ */ c("svg", {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -4420,75 +4420,75 @@ const {
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   })
-], -1)), $l = [
-  Tl,
-  Al
-], Ll = ["onClick"], jl = /* @__PURE__ */ $(() => /* @__PURE__ */ c("div", null, "Ver perfil", -1)), Pl = [
-  jl
-], Bl = { class: "static-row__info-player" }, Fl = { class: "position" }, Nl = {
+], -1)), Pl = [
+  Ll,
+  $l
+], jl = ["onClick"], Bl = /* @__PURE__ */ L(() => /* @__PURE__ */ c("div", null, "Ver perfil", -1)), Fl = [
+  Bl
+], Nl = { class: "static-row__info-player" }, Ul = { class: "position" }, Ml = {
   key: 0,
   class: "add-to-list-container"
-}, Ul = ["onClick"], Ml = /* @__PURE__ */ $(() => /* @__PURE__ */ c("path", {
+}, Dl = ["onClick"], Il = /* @__PURE__ */ L(() => /* @__PURE__ */ c("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)), Dl = /* @__PURE__ */ $(() => /* @__PURE__ */ c("path", {
+}, null, -1)), ql = /* @__PURE__ */ L(() => /* @__PURE__ */ c("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)), Il = /* @__PURE__ */ $(() => /* @__PURE__ */ c("path", {
+}, null, -1)), zl = /* @__PURE__ */ L(() => /* @__PURE__ */ c("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)), ql = [
-  Ml,
-  Dl,
-  Il
-], zl = {
+}, null, -1)), Vl = [
+  Il,
+  ql,
+  zl
+], Hl = {
   key: 1,
   class: "add-to-list"
-}, Hl = ["onClick"], Vl = /* @__PURE__ */ $(() => /* @__PURE__ */ c("path", {
+}, Wl = ["onClick"], Jl = /* @__PURE__ */ L(() => /* @__PURE__ */ c("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)), Wl = /* @__PURE__ */ $(() => /* @__PURE__ */ c("path", {
+}, null, -1)), Kl = /* @__PURE__ */ L(() => /* @__PURE__ */ c("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)), Jl = /* @__PURE__ */ $(() => /* @__PURE__ */ c("path", {
+}, null, -1)), Zl = /* @__PURE__ */ L(() => /* @__PURE__ */ c("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)), Kl = [
-  Vl,
-  Wl,
-  Jl
-], Zl = { class: "player-photo" }, Gl = ["src"], Xl = { class: "player-name" }, Ql = { class: "arrow" }, Yl = ["onClick"], ec = /* @__PURE__ */ $(() => /* @__PURE__ */ c("path", {
+}, null, -1)), Gl = [
+  Jl,
+  Kl,
+  Zl
+], Xl = { class: "player-photo" }, Ql = ["src"], Yl = { class: "player-name" }, ec = { class: "arrow" }, tc = ["onClick"], oc = /* @__PURE__ */ L(() => /* @__PURE__ */ c("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)), tc = [
-  ec
-], oc = { class: "titles scrollable-row" }, nc = { class: "column-title" }, rc = /* @__PURE__ */ $(() => /* @__PURE__ */ c("div", null, " Equipo ", -1)), sc = /* @__PURE__ */ $(() => /* @__PURE__ */ c("g", {
+}, null, -1)), nc = [
+  oc
+], rc = { class: "titles scrollable-row" }, sc = { class: "column-title" }, ic = /* @__PURE__ */ L(() => /* @__PURE__ */ c("div", null, " Equipo ", -1)), ac = /* @__PURE__ */ L(() => /* @__PURE__ */ c("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -4496,9 +4496,9 @@ const {
   "stroke-linejoin": "round"
 }, [
   /* @__PURE__ */ c("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)), ic = [
-  sc
-], ac = { class: "column-title" }, lc = /* @__PURE__ */ $(() => /* @__PURE__ */ c("div", null, " Posición ", -1)), cc = /* @__PURE__ */ $(() => /* @__PURE__ */ c("g", {
+], -1)), lc = [
+  ac
+], cc = { class: "column-title" }, uc = /* @__PURE__ */ L(() => /* @__PURE__ */ c("div", null, " Posición ", -1)), dc = /* @__PURE__ */ L(() => /* @__PURE__ */ c("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -4506,9 +4506,9 @@ const {
   "stroke-linejoin": "round"
 }, [
   /* @__PURE__ */ c("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)), uc = [
-  cc
-], dc = { class: "column-title" }, fc = /* @__PURE__ */ $(() => /* @__PURE__ */ c("div", null, " Edad ", -1)), pc = /* @__PURE__ */ $(() => /* @__PURE__ */ c("g", {
+], -1)), fc = [
+  dc
+], pc = { class: "column-title" }, hc = /* @__PURE__ */ L(() => /* @__PURE__ */ c("div", null, " Edad ", -1)), mc = /* @__PURE__ */ L(() => /* @__PURE__ */ c("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -4516,9 +4516,9 @@ const {
   "stroke-linejoin": "round"
 }, [
   /* @__PURE__ */ c("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)), hc = [
-  pc
-], mc = /* @__PURE__ */ $(() => /* @__PURE__ */ c("div", { class: "column-title" }, "País", -1)), gc = { class: "column-title" }, yc = /* @__PURE__ */ $(() => /* @__PURE__ */ c("div", null, " Partidos Jugados ", -1)), bc = /* @__PURE__ */ $(() => /* @__PURE__ */ c("g", {
+], -1)), gc = [
+  mc
+], yc = /* @__PURE__ */ L(() => /* @__PURE__ */ c("div", { class: "column-title" }, "País", -1)), bc = { class: "column-title" }, wc = /* @__PURE__ */ L(() => /* @__PURE__ */ c("div", null, " Partidos Jugados ", -1)), vc = /* @__PURE__ */ L(() => /* @__PURE__ */ c("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -4526,9 +4526,9 @@ const {
   "stroke-linejoin": "round"
 }, [
   /* @__PURE__ */ c("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)), wc = [
-  bc
-], vc = { class: "column-title" }, Cc = /* @__PURE__ */ $(() => /* @__PURE__ */ c("div", null, " Minutos Jugados ", -1)), _c = /* @__PURE__ */ $(() => /* @__PURE__ */ c("g", {
+], -1)), Cc = [
+  vc
+], _c = { class: "column-title" }, Ec = /* @__PURE__ */ L(() => /* @__PURE__ */ c("div", null, " Minutos Jugados ", -1)), Sc = /* @__PURE__ */ L(() => /* @__PURE__ */ c("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -4536,9 +4536,9 @@ const {
   "stroke-linejoin": "round"
 }, [
   /* @__PURE__ */ c("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)), Ec = [
-  _c
-], Sc = { class: "column-title" }, kc = /* @__PURE__ */ $(() => /* @__PURE__ */ c("div", null, " Liga ", -1)), xc = /* @__PURE__ */ $(() => /* @__PURE__ */ c("g", {
+], -1)), kc = [
+  Sc
+], xc = { class: "column-title" }, Rc = /* @__PURE__ */ L(() => /* @__PURE__ */ c("div", null, " Liga ", -1)), Oc = /* @__PURE__ */ L(() => /* @__PURE__ */ c("g", {
   opacity: ".5",
   stroke: "#fff",
   "stroke-width": "1.677",
@@ -4546,9 +4546,9 @@ const {
   "stroke-linejoin": "round"
 }, [
   /* @__PURE__ */ c("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)), Rc = [
-  xc
-], Oc = /* @__PURE__ */ $(() => /* @__PURE__ */ c("div", { class: "column-title" }, "Videos", -1)), Tc = { class: "team-logo" }, Ac = ["src"], $c = { class: "team-name data-info" }, Lc = ["src"], jc = {
+], -1)), Tc = [
+  Oc
+], Ac = /* @__PURE__ */ L(() => /* @__PURE__ */ c("div", { class: "column-title" }, "Videos", -1)), Lc = { class: "team-logo" }, $c = ["src"], Pc = { class: "team-name data-info" }, jc = ["src"], Bc = {
   __name: "GSC-TableScrollable",
   props: {
     players: {
@@ -4575,6 +4575,10 @@ const {
       type: Boolean,
       default: !0
     },
+    isAddToListPlayerVisible: {
+      type: Boolean,
+      default: !0
+    },
     lists: {
       type: Array,
       default: () => []
@@ -4632,7 +4636,7 @@ const {
         isDesc: !1,
         isRoot: !0
       }
-    ]), S = A(0), P = A("922px"), z = A(!1), U = A(!1), B = A(null), Y = ae(() => ({
+    ]), S = A(0), j = A("922px"), z = A(!1), U = A(!1), B = A(null), Y = ae(() => ({
       "--width-details": `${a.value}px`,
       "--gap-static-row": `${K.value ? "8px" : "18px"}`,
       "--width-static-column": `${K.value ? "50%" : "436px"}`
@@ -4641,7 +4645,7 @@ const {
       () => o.players,
       (g) => {
         g && g.length && (s.value = g.map((_, w) => {
-          const R = w + 1, H = {
+          const R = w + 1, V = {
             ..._,
             position: R < 10 ? `0${R}` : `${R}`,
             isSelected: !1,
@@ -4649,14 +4653,14 @@ const {
             isOdd: w % 2 !== 0,
             index: w
           };
-          return _.stats && _.stats.length && (H.stats = _.stats.map((V) => ({
-            ...V,
+          return _.stats && _.stats.length && (V.stats = _.stats.map((H) => ({
+            ...H,
             isDesc: !1,
             isRoot: !1
-          }))), H.parameters && Object.entries(H.parameters).forEach(([V, ee]) => {
-            const Jt = H.stats.find((Bn) => Bn.custom_category_id === Number(V));
+          }))), V.parameters && Object.entries(V.parameters).forEach(([H, ee]) => {
+            const Jt = V.stats.find((Bn) => Bn.custom_category_id === Number(H));
             Jt && (Jt.parameters = ee);
-          }), H;
+          }), V;
         }), x.value = s.value.map((_) => ({
           ..._
         })));
@@ -4675,8 +4679,8 @@ const {
         if (g) {
           let _ = [...x.value];
           g.isRoot ? _.sort((w, R) => typeof w[g.name] == "string" ? g.isDesc ? w[g.name].localeCompare(R[g.name]) : w[g.name].localeCompare(R[g.name]) * -1 : g.isDesc ? R[g.name] - w[g.name] : w[g.name] - R[g.name]) : _.sort((w, R) => {
-            const H = w.stats.find((ee) => ee.name === g.name), V = R.stats.find((ee) => ee.name === g.name);
-            return typeof H.value == "string" ? g.isDesc ? H.total.localeCompare(V.total) : H.total.localeCompare(V.total) * -1 : g.isDesc ? V.total - H.total : H.total - V.total;
+            const V = w.stats.find((ee) => ee.name === g.name), H = R.stats.find((ee) => ee.name === g.name);
+            return typeof V.value == "string" ? g.isDesc ? V.total.localeCompare(H.total) : V.total.localeCompare(H.total) * -1 : g.isDesc ? H.total - V.total : V.total - H.total;
           }), _.forEach((w, R) => {
             w.isOdd = R % 2 !== 0;
           }), x.value = _;
@@ -4690,17 +4694,17 @@ const {
       d,
       (g) => {
         const w = document.querySelectorAll(".static-row")[b.value + 1];
-        w && (w.style.marginTop = `${g}px`), o.isGeneral ? D(b.value, g) : l.value && l.value.setMarginTopDetails(b.value, g), g === 0 && f.value && qt(f.value);
+        w && (w.style.marginTop = `${g}px`), o.isGeneral ? I(b.value, g) : l.value && l.value.setMarginTopDetails(b.value, g), g === 0 && f.value && qt(f.value);
       }
     );
-    function D(g, _) {
+    function I(g, _) {
       const R = document.querySelectorAll(".scrollable-row")[g + 2];
       R && (R.style.marginTop = `${_}px`);
     }
-    function L(g) {
+    function $(g) {
       t("click-parameters", g);
     }
-    function j(g) {
+    function P(g) {
       g && (g.isDesc = !g.isDesc), p.value = g;
     }
     function le(g) {
@@ -4724,14 +4728,14 @@ const {
         }
       };
       if (g.stat && g.stat.parameters && (R.parameters = g.stat.parameters), g.stat && g.stat.seasons && g.stat.seasons.length || g.seasons && g.seasons.length) {
-        const H = [
+        const V = [
           ...g.stat && g.stat.seasons && g.stat.seasons.length ? g.stat.seasons : g.seasons
         ];
-        H.sort((V, ee) => V - ee), R.seasonId = H.shift(), R.seasonsIds = H;
+        V.sort((H, ee) => H - ee), R.seasonId = V.shift(), R.seasonsIds = V;
       } else (g.season_id || g.seasonId) && (R.seasonId = g.season_id || g.seasonId);
       g.stat ? g.stat.category_id && g.stat.category_id.length ? R.categoryIds = g.stat.category_id : g.stat.custom_category_id && (R.customCategoryIds = [g.stat.custom_category_id]) : R.categoryIds = xn(g.player_position), t("open-media", R);
     }
-    function Le() {
+    function $e() {
       n = new ResizeObserver((g) => {
         for (const _ of g)
           a.value = _.contentRect.width;
@@ -4812,19 +4816,19 @@ const {
         g.isExpanded = !1, f.value = null;
         return;
       }
-      const _ = s.value.find((V) => V.isExpanded);
+      const _ = s.value.find((H) => H.isExpanded);
       if (_ && (_.isExpanded = !1), _) {
         f.value = g;
         return;
       }
       const w = document.querySelectorAll(".details-row");
       let R = -1;
-      w.forEach((V, ee) => {
-        V.id === `dr-${g.id}` && (R = ee);
+      w.forEach((H, ee) => {
+        H.id === `dr-${g.id}` && (R = ee);
       });
-      const H = w[R];
-      b.value = R, Mt(H), g.isExpanded = !0, s.value.forEach((V) => {
-        V.isExpanded = !1;
+      const V = w[R];
+      b.value = R, Mt(V), g.isExpanded = !0, s.value.forEach((H) => {
+        H.isExpanded = !1;
       }), setTimeout(() => {
         if (!v.value) {
           const ee = document.querySelectorAll(".details-row")[g.index];
@@ -4833,14 +4837,14 @@ const {
         g.isExpanded = !v.value;
       }, 1);
     }
-    let Ee = !1, je, Pe, zt = function(g) {
-      Ee = !0, je = g.pageX - y.value.offsetLeft, Pe = y.value.scrollLeft;
-    }, Ht = function(g) {
-      Ee = !0, je = g.pageX - u.value.offsetLeft, Pe = u.value.scrollLeft;
+    let Ee = !1, Pe, je, zt = function(g) {
+      Ee = !0, Pe = g.pageX - y.value.offsetLeft, je = y.value.scrollLeft;
+    }, Vt = function(g) {
+      Ee = !0, Pe = g.pageX - u.value.offsetLeft, je = u.value.scrollLeft;
     }, ce = function() {
       Ee = !1;
     };
-    function Vt(g) {
+    function Ht(g) {
       y.value && (y.value.scrollLeft = g.target.scrollLeft);
     }
     function Wt(g) {
@@ -4850,38 +4854,38 @@ const {
       y.value && (y.value.addEventListener("mousemove", (g) => {
         if (!Ee)
           return;
-        const w = g.pageX - y.value.offsetLeft - je, R = Pe - w;
+        const w = g.pageX - y.value.offsetLeft - Pe, R = je - w;
         y.value.scrollLeft = R, u.value && (u.value.scrollLeft = R);
       }), y.value.addEventListener("mousedown", zt, !1), y.value.addEventListener("mouseup", ce, !1), y.value.addEventListener("mouseleave", ce, !1), y.value.addEventListener("scroll", Wt)), u.value && (u.value.addEventListener("mousemove", (g) => {
         if (!Ee)
           return;
-        const w = g.pageX - u.value.offsetLeft - je, R = Pe - w;
+        const w = g.pageX - u.value.offsetLeft - Pe, R = je - w;
         u.value.scrollLeft = R, y.value && (y.value.scrollLeft = R);
-      }), u.value.addEventListener("mousedown", Ht, !1), u.value.addEventListener("mouseup", ce, !1), u.value.addEventListener("mouseleave", ce, !1), u.value.addEventListener("scroll", Vt));
+      }), u.value.addEventListener("mousedown", Vt, !1), u.value.addEventListener("mouseup", ce, !1), u.value.addEventListener("mouseleave", ce, !1), u.value.addEventListener("scroll", Ht));
     }
-    function $n() {
-      o.isGeneral ? P.value = "922px" : Mn(() => {
+    function Ln() {
+      o.isGeneral ? j.value = "922px" : Mn(() => {
         const g = document.querySelector(".scrollable-row-2");
         if (g) {
           const _ = window.getComputedStyle(g), w = g.scrollWidth || parseInt(_.width);
-          P.value = `${w}px`;
+          j.value = `${w}px`;
         } else if (s.value.length && s.value[0].stats) {
           const _ = s.value[0].stats.length, w = 120;
-          P.value = `${(_ + 1) * w}px`;
+          j.value = `${(_ + 1) * w}px`;
         }
       });
     }
     de(
       () => [o.players, o.isGeneral],
       () => {
-        $n();
+        Ln();
       },
       { immediate: !0 }
     );
-    function Ln() {
+    function $n() {
       z.value = !0;
     }
-    async function jn(g) {
+    async function Pn(g) {
       try {
         const _ = {
           dob: B.value.dob,
@@ -4920,21 +4924,21 @@ const {
         console.error("Error creating list:", _);
       }
     }
-    function Pn() {
+    function jn() {
       t("list-created");
     }
     return Ke(() => {
-      Le(), An();
+      $e(), An();
     }), Nn(() => {
-      n && n.disconnect(), r && r.disconnect(), y.value && (y.value.removeEventListener("mousemove", zt, !1), y.value.removeEventListener("mouseup", ce, !1), y.value.removeEventListener("mouseleave", ce, !1), y.value.removeEventListener("scroll", Wt)), u.value && (u.value.removeEventListener("mousemove", Ht, !1), u.value.removeEventListener("mouseup", ce, !1), u.value.removeEventListener("mouseleave", ce, !1), u.value.removeEventListener("scroll", Vt));
+      n && n.disconnect(), r && r.disconnect(), y.value && (y.value.removeEventListener("mousemove", zt, !1), y.value.removeEventListener("mouseup", ce, !1), y.value.removeEventListener("mouseleave", ce, !1), y.value.removeEventListener("scroll", Wt)), u.value && (u.value.removeEventListener("mousemove", Vt, !1), u.value.removeEventListener("mouseup", ce, !1), u.value.removeEventListener("mouseleave", ce, !1), u.value.removeEventListener("scroll", Ht));
     }), (g, _) => (C(), E(ie, null, [
       z.value ? (C(), Be(Fe(tl), {
         key: 0,
         token: e.token,
         "user-id": e.userId,
         onClose: _[0] || (_[0] = (w) => z.value = !1),
-        onCreateList: jn
-      }, null, 8, ["token", "user-id"])) : q("", !0),
+        onCreateList: Pn
+      }, null, 8, ["token", "user-id"])) : D("", !0),
       c("div", {
         class: "top-scroll-container",
         style: te(Y.value)
@@ -4947,7 +4951,7 @@ const {
         }, [
           c("div", {
             class: "top-scroll-content",
-            style: te({ width: P.value })
+            style: te({ width: j.value })
           }, null, 4)
         ], 512)
       ], 4),
@@ -4960,51 +4964,54 @@ const {
       }, [
         c("div", nl, [
           c("div", rl, [
-            sl,
+            c("div", sl, [
+              il,
+              e.isAddToListPlayerVisible ? (C(), E("div", al, "Agregar a lista")) : D("", !0)
+            ]),
             c("div", {
               role: "button",
               class: "restore-button",
-              onClick: _[1] || (_[1] = (w) => j(null))
-            }, ll)
+              onClick: _[1] || (_[1] = (w) => P(null))
+            }, ul)
           ]),
           (C(!0), E(ie, null, he(x.value, (w) => (C(), E("div", {
             key: `s-${w.id}`,
-            class: I(["row static-row", { odd: w.isOdd }])
+            class: q(["row static-row", { odd: w.isOdd }])
           }, [
             gt(xo, null, {
               default: Ro(() => [
                 Ne(c("div", {
                   id: `dr-${w.id}`,
-                  class: I(["details-row", { odd: w.isOdd }])
+                  class: q(["details-row", { odd: w.isOdd }])
                 }, [
-                  c("div", ul, [
-                    c("div", dl, [
-                      c("div", fl, [
+                  c("div", fl, [
+                    c("div", pl, [
+                      c("div", hl, [
                         c("div", null, [
                           ue("Equipo: "),
-                          c("span", pl, F(w.team_name), 1)
+                          c("span", ml, F(w.team_name), 1)
                         ]),
                         c("div", null, [
                           ue("Edad: "),
-                          c("span", hl, F(w.player_age) + " Años", 1)
+                          c("span", gl, F(w.player_age) + " Años", 1)
                         ]),
                         c("div", null, [
                           ue("Nacionalidad: "),
-                          c("span", ml, F(w.player_country), 1)
+                          c("span", yl, F(w.player_country), 1)
                         ]),
                         c("div", null, [
                           ue("Posición: "),
-                          c("span", gl, F(w.position_name), 1)
+                          c("span", bl, F(w.position_name), 1)
                         ])
                       ]),
-                      c("div", yl, [
+                      c("div", wl, [
                         c("div", null, [
                           ue("Partidos Jugados: "),
-                          c("span", bl, F(w.player_games), 1)
+                          c("span", vl, F(w.player_games), 1)
                         ]),
                         c("div", null, [
                           ue("Minutos Jugados: "),
-                          c("span", wl, F(w.player_min), 1)
+                          c("span", Cl, F(w.player_min), 1)
                         ])
                       ])
                     ]),
@@ -5017,26 +5024,26 @@ const {
                         role: "button",
                         class: "button",
                         onClick: (R) => Tn(w)
-                      }, El, 8, vl)) : q("", !0),
+                      }, kl, 8, _l)) : D("", !0),
                       e.isTableFromList ? (C(), E("div", {
                         key: 1,
                         role: "button",
                         class: "button",
                         onClick: (R) => Dt(w)
-                      }, Rl, 8, Sl)) : e.isAddToListButtonVisible ? (C(), E("div", {
+                      }, Tl, 8, xl)) : e.isAddToListButtonVisible ? (C(), E("div", {
                         key: 2,
                         role: "button",
                         class: "button",
                         onClick: (R) => It(w)
-                      }, $l, 8, Ol)) : q("", !0),
+                      }, Pl, 8, Al)) : D("", !0),
                       c("div", {
                         role: "button",
                         class: "button green",
                         onClick: (R) => On(w)
-                      }, Pl, 8, Ll)
+                      }, Fl, 8, jl)
                     ], 4)
                   ])
-                ], 10, cl), [
+                ], 10, dl), [
                   [Un, w.isExpanded]
                 ])
               ]),
@@ -5048,10 +5055,10 @@ const {
               labelFontSize: "14px",
               "model-value": w.isSelected,
               "onUpdate:modelValue": (R) => Rn(R, w)
-            }, null, 8, ["model-value", "onUpdate:modelValue"])) : q("", !0),
-            c("div", Bl, [
-              c("div", Fl, F(w.position), 1),
-              e.isTableFromList ? (C(), E("div", Nl, [
+            }, null, 8, ["model-value", "onUpdate:modelValue"])) : D("", !0),
+            c("div", Nl, [
+              c("div", Ul, F(w.position), 1),
+              e.isTableFromList ? (C(), E("div", Ml, [
                 (C(), E("svg", {
                   width: "20",
                   height: "20",
@@ -5059,8 +5066,8 @@ const {
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
                   onClick: (R) => Dt(w)
-                }, ql, 8, Ul))
-              ])) : (C(), E("div", zl, [
+                }, Vl, 8, Dl))
+              ])) : e.isAddToListPlayerVisible ? (C(), E("div", Hl, [
                 w.showTooltip ? (C(), Be(Fe(si), {
                   key: 0,
                   token: e.token,
@@ -5069,9 +5076,9 @@ const {
                   isModalOpen: U.value,
                   "selected-player": w.objeto_player,
                   onClose: (R) => w.showTooltip = !1,
-                  onCreateNewList: Ln,
-                  onPlayerAdded: Pn
-                }, null, 8, ["token", "user-id", "lists", "isModalOpen", "selected-player", "onClose"])) : q("", !0),
+                  onCreateNewList: $n,
+                  onPlayerAdded: jn
+                }, null, 8, ["token", "user-id", "lists", "isModalOpen", "selected-player", "onClose"])) : D("", !0),
                 (C(), E("svg", {
                   width: "20",
                   height: "20",
@@ -5079,28 +5086,28 @@ const {
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
                   onClick: (R) => It(w)
-                }, Kl, 8, Hl))
-              ])),
-              c("div", Zl, [
+                }, Gl, 8, Wl))
+              ])) : D("", !0),
+              c("div", Xl, [
                 c("div", null, [
                   c("img", {
                     src: w.player_photo,
                     alt: "player photo"
-                  }, null, 8, Gl)
+                  }, null, 8, Ql)
                 ])
               ]),
-              c("div", Xl, F(w.player_name), 1)
+              c("div", Yl, F(w.player_name), 1)
             ]),
-            c("div", Ql, [
+            c("div", ec, [
               (C(), E("svg", {
-                class: I(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5", { expanded: w.isExpanded }]),
+                class: q(["_arrowExpandIcon_6ak64_1115 _rotate_6ak64_5", { expanded: w.isExpanded }]),
                 width: "12",
                 height: "8",
                 viewBox: "0 0 12 8",
                 fill: "#D9D9D9",
                 xmlns: "http://www.w3.org/2000/svg",
                 onClick: (R) => qt(w)
-              }, tc, 10, Yl))
+              }, nc, 10, tc))
             ])
           ], 2))), 128))
         ]),
@@ -5110,117 +5117,117 @@ const {
           class: "table__scrollable-columns"
         }, [
           e.isGeneral ? (C(), E(ie, { key: 0 }, [
-            c("div", oc, [
-              c("div", nc, [
-                rc,
+            c("div", rc, [
+              c("div", sc, [
+                ic,
                 (C(), E("svg", {
                   width: "18",
                   height: "18",
                   viewBox: "0 0 18 18",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  onClick: _[2] || (_[2] = (w) => j(k.value[0]))
-                }, ic))
+                  onClick: _[2] || (_[2] = (w) => P(k.value[0]))
+                }, lc))
               ]),
-              c("div", ac, [
-                lc,
+              c("div", cc, [
+                uc,
                 (C(), E("svg", {
                   width: "18",
                   height: "18",
                   viewBox: "0 0 18 18",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  onClick: _[3] || (_[3] = (w) => j(k.value[1]))
-                }, uc))
+                  onClick: _[3] || (_[3] = (w) => P(k.value[1]))
+                }, fc))
               ]),
-              c("div", dc, [
-                fc,
+              c("div", pc, [
+                hc,
                 (C(), E("svg", {
                   width: "18",
                   height: "18",
                   viewBox: "0 0 18 18",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  onClick: _[4] || (_[4] = (w) => j(k.value[2]))
-                }, hc))
+                  onClick: _[4] || (_[4] = (w) => P(k.value[2]))
+                }, gc))
               ]),
-              mc,
-              c("div", gc, [
-                yc,
+              yc,
+              c("div", bc, [
+                wc,
                 (C(), E("svg", {
                   width: "18",
                   height: "18",
                   viewBox: "0 0 18 18",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  onClick: _[5] || (_[5] = (w) => j(k.value[3]))
-                }, wc))
+                  onClick: _[5] || (_[5] = (w) => P(k.value[3]))
+                }, Cc))
               ]),
-              c("div", vc, [
-                Cc,
+              c("div", _c, [
+                Ec,
                 (C(), E("svg", {
                   width: "18",
                   height: "18",
                   viewBox: "0 0 18 18",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  onClick: _[6] || (_[6] = (w) => j(k.value[4]))
-                }, Ec))
+                  onClick: _[6] || (_[6] = (w) => P(k.value[4]))
+                }, kc))
               ]),
-              c("div", Sc, [
-                kc,
+              c("div", xc, [
+                Rc,
                 (C(), E("svg", {
                   width: "18",
                   height: "18",
                   viewBox: "0 0 18 18",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  onClick: _[7] || (_[7] = (w) => j(k.value[5]))
-                }, Rc))
+                  onClick: _[7] || (_[7] = (w) => P(k.value[5]))
+                }, Tc))
               ]),
-              Oc
+              Ac
             ]),
             (C(!0), E(ie, null, he(x.value, (w) => (C(), E("div", {
               key: `i-${w.id}`,
               class: "row scrollable-row"
             }, [
               c("div", {
-                class: I(["row team-info", { odd: w.isOdd }])
+                class: q(["row team-info", { odd: w.isOdd }])
               }, [
-                c("div", Tc, [
+                c("div", Lc, [
                   c("img", {
                     src: w.team_logo,
                     alt: "team logo"
-                  }, null, 8, Ac)
+                  }, null, 8, $c)
                 ]),
-                c("div", $c, F(w.team_abrev), 1)
+                c("div", Pc, F(w.team_abrev), 1)
               ], 2),
               c("div", {
-                class: I(["row data-info", { odd: w.isOdd }])
+                class: q(["row data-info", { odd: w.isOdd }])
               }, F(w.player_position), 3),
               c("div", {
-                class: I(["row data-info", { odd: w.isOdd }])
+                class: q(["row data-info", { odd: w.isOdd }])
               }, F(w.player_age), 3),
               c("div", {
-                class: I(["row data-info", { odd: w.isOdd }])
+                class: q(["row data-info", { odd: w.isOdd }])
               }, [
                 c("img", {
                   src: w.player_country_flag,
                   alt: "player country flag",
                   class: "country-flag"
-                }, null, 8, Lc)
+                }, null, 8, jc)
               ], 2),
               c("div", {
-                class: I(["row data-info", { odd: w.isOdd }])
+                class: q(["row data-info", { odd: w.isOdd }])
               }, F(w.player_games), 3),
               c("div", {
-                class: I(["row data-info", { odd: w.isOdd }])
+                class: q(["row data-info", { odd: w.isOdd }])
               }, F(w.player_min), 3),
               c("div", {
-                class: I(["row data-info", { odd: w.isOdd }])
+                class: q(["row data-info", { odd: w.isOdd }])
               }, F(w.league_name), 3),
               c("div", {
-                class: I(["row data-info", { odd: w.isOdd }])
+                class: q(["row data-info", { odd: w.isOdd }])
               }, [
                 gt(Fe(ar), {
                   icon: "https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png",
@@ -5246,14 +5253,14 @@ const {
             "available-players": x.value,
             "is-edit-mode": e.isEditMode,
             onOpenMedia: le,
-            onClickParameters: L,
-            onSort: j
+            onClickParameters: $,
+            onSort: P
           }, null, 8, ["available-players", "is-edit-mode"]))
         ], 512)
       ], 4))
     ], 64));
   }
-}, mu = /* @__PURE__ */ Oo(jc, [["__scopeId", "data-v-cf3ca3c5"]]);
+}, yu = /* @__PURE__ */ Oo(Bc, [["__scopeId", "data-v-3c2d743e"]]);
 export {
-  mu as GSCTableScrollable
+  yu as GSCTableScrollable
 };