@golstats/gsc-landing 1.0.193 → 1.0.195

package/dist/{CardIndividual-OuxjYR6m-BJwKI5HZ.js → CardIndividual-BVJEvLuq-_PhgZvaJ.js}

@@ -1,6 +1,7 @@
 import { useCssVars as C, computed as p, openBlock as l, createElementBlock as c, normalizeStyle as F, createBlock as _, mergeProps as v, withCtx as M, createElementVNode as t, createVNode as S, toDisplayString as h, createCommentVNode as d, createTextVNode as D, pushScopeId as E, popScopeId as q } from "vue";
-import { h as b, z as T, P as N, E as B, I as P, O as I } from "./misc-CeQ5H5LP-DeaiNpCH.js";
-import { d as O } from "./CardBaseAllIndividual-DW2NMKgR-HgCTNwsl.js";
+import { O as T, E as N, $ as B, P, z as $ } from "./misc-CMAhmOsp-DhvMrB3p.js";
+import { h as b } from "./index-Cf6zNZxW.js";
+import { i as I } from "./CardBaseAllIndividual-Din4dnnE-9r_ZQ2PD.js";
 const u = {
   props: {
     cancha: {
@@ -52,13 +53,13 @@ const u = {
   }));
 }, x = u.setup;
 u.setup = x ? (o, r) => (L(), x(o, r)) : L;
-const s = (o) => (E("data-v-e8032436"), o = o(), q(), o), V = { class: "outer-box" }, z = {
+const s = (o) => (E("data-v-e8032436"), o = o(), q(), o), O = { class: "outer-box" }, V = {
   key: 0,
   class: "inner-box"
-}, A = {
+}, z = {
   key: 1,
   class: "accelerometer"
-}, U = { class: "accelerometer-value" }, Z = /* @__PURE__ */ s(() => /* @__PURE__ */ t("span", { class: "percentage" }, "%", -1)), $ = {
+}, A = { class: "accelerometer-value" }, U = /* @__PURE__ */ s(() => /* @__PURE__ */ t("span", { class: "percentage" }, "%", -1)), Z = {
   key: 2,
   width: "212",
   height: "137",
@@ -82,7 +83,7 @@ const s = (o) => (E("data-v-e8032436"), o = o(), q(), o), V = { class: "outer-bo
   stroke: "#DFE3E2",
   "stroke-width": "0.450603",
   "stroke-linecap": "square"
-}, null, -1)), J = ["stroke"], Y = ["stroke"], K = ["stroke"], Q = ["stroke"], W = ["stroke"], X = ["stroke"], tt = { opacity: "0.7" }, at = ["stroke"], rt = ["stroke"], ot = ["stroke"], et = ["stroke"], lt = ["stroke"], ct = {
+}, null, -1)), J = ["stroke"], K = ["stroke"], Q = ["stroke"], W = ["stroke"], X = ["stroke"], Y = ["stroke"], tt = { opacity: "0.7" }, at = ["stroke"], rt = ["stroke"], ot = ["stroke"], et = ["stroke"], lt = ["stroke"], ct = {
   key: 3,
   width: "212",
   height: "137",
@@ -106,7 +107,7 @@ const s = (o) => (E("data-v-e8032436"), o = o(), q(), o), V = { class: "outer-bo
   stroke: "#DFE3E2",
   "stroke-width": "0.450603",
   "stroke-linecap": "square"
-}, null, -1)), dt = ["stroke"], kt = ["stroke"], pt = ["stroke"], ut = ["stroke"], yt = ["stroke"], wt = ["stroke"], mt = { opacity: "0.7" }, ft = ["stroke"], gt = ["stroke"], Lt = ["stroke"], xt = ["stroke"], Ct = ["stroke"], bt = {
+}, null, -1)), dt = ["stroke"], kt = ["stroke"], pt = ["stroke"], ut = ["stroke"], yt = ["stroke"], mt = ["stroke"], wt = { opacity: "0.7" }, ft = ["stroke"], gt = ["stroke"], Lt = ["stroke"], xt = ["stroke"], Ct = ["stroke"], bt = {
   key: 4,
   width: "212",
   height: "137",
@@ -130,16 +131,16 @@ const s = (o) => (E("data-v-e8032436"), o = o(), q(), o), V = { class: "outer-bo
   stroke: "#DFE3E2",
   "stroke-width": "0.450603",
   "stroke-linecap": "square"
-}, null, -1)), St = ["stroke"], Dt = ["stroke"], Et = ["stroke"], qt = ["stroke"], Tt = ["stroke"], Nt = ["stroke"], Bt = { opacity: "0.7" }, Pt = ["stroke"], It = ["stroke"], Ot = ["stroke"], Vt = ["stroke"], zt = ["stroke"];
-function At(o, r, a, y, n, e) {
-  return l(), c("div", V, [
-    a.type === "box" ? (l(), c("div", z, h(a.stat), 1)) : a.type === "accelerometer" ? (l(), c("div", A, [
-      t("div", U, [
+}, null, -1)), St = ["stroke"], Dt = ["stroke"], Et = ["stroke"], qt = ["stroke"], Tt = ["stroke"], Nt = ["stroke"], Bt = { opacity: "0.7" }, Pt = ["stroke"], $t = ["stroke"], It = ["stroke"], Ot = ["stroke"], Vt = ["stroke"];
+function zt(o, r, a, y, n, e) {
+  return l(), c("div", O, [
+    a.type === "box" ? (l(), c("div", V, h(a.stat), 1)) : a.type === "accelerometer" ? (l(), c("div", z, [
+      t("div", A, [
         D(h(a.stat), 1),
-        Z
+        U
       ])
     ])) : d("", !0),
-    e.canchaType === "full" ? (l(), c("svg", $, [
+    e.canchaType === "full" ? (l(), c("svg", Z, [
       t("rect", {
         opacity: "0.6",
         x: "1.89551",
@@ -172,25 +173,25 @@ function At(o, r, a, y, n, e) {
         d: "M211.787 88.8418L195.817 88.8418C195.478 88.8418 195.204 88.5674 195.204 88.229L195.204 47.9978C195.204 47.6593 195.478 47.385 195.817 47.385L211.787 47.385",
         stroke: a.colorcancha,
         "stroke-opacity": "0.7"
-      }, null, 8, Y),
+      }, null, 8, K),
       t("path", {
         d: "M0.634998 88.833L16.6026 88.833C16.9422 88.833 17.217 88.5569 17.2154 88.2174L17.0283 47.9861C17.0267 47.6488 16.7528 47.3762 16.4155 47.3762L0.921543 47.3762",
         stroke: a.colorcancha,
         "stroke-opacity": "0.6",
         "stroke-linecap": "square"
-      }, null, 8, K),
+      }, null, 8, Q),
       t("path", {
         d: "M0.641875 100.683L28.4544 100.683C28.7941 100.683 29.0689 100.406 29.0672 100.067L28.7428 36.146C28.7411 35.8088 28.4673 35.5363 28.1301 35.5363L1.13309 35.5363",
         stroke: a.colorcancha,
         "stroke-opacity": "0.6",
         "stroke-linecap": "square"
-      }, null, 8, Q),
+      }, null, 8, W),
       t("path", {
         d: "M71.8618 68.1115C71.8618 49.38 87.0472 34.1951 105.779 34.1951C124.511 34.1951 139.697 49.38 139.697 68.1115C139.697 86.843 124.511 102.028 105.779 102.028C87.0472 102.028 71.8618 86.843 71.8618 68.1115Z",
         stroke: a.colorcancha,
         "stroke-opacity": "0.7",
         "stroke-width": "1.16503"
-      }, null, 8, W),
+      }, null, 8, X),
       t("ellipse", {
         cx: "105.788",
         cy: "68.1164",
@@ -200,7 +201,7 @@ function At(o, r, a, y, n, e) {
         fill: "#D8D8D8",
         stroke: a.colorcancha,
         "stroke-width": "0.450603"
-      }, null, 8, X),
+      }, null, 8, Y),
       t("g", tt, [
         t("path", {
           d: "M52.6768 136.08L52.6768 7.43866e-05",
@@ -294,8 +295,8 @@ function At(o, r, a, y, n, e) {
         fill: "#D8D8D8",
         stroke: a.colorcancha,
         "stroke-width": "0.450603"
-      }, null, 8, wt),
-      t("g", mt, [
+      }, null, 8, mt),
+      t("g", wt, [
         t("path", {
           d: "M52.6768 136.08L52.6768 7.43866e-05",
           stroke: a.colorcancha,
@@ -398,30 +399,30 @@ function At(o, r, a, y, n, e) {
           stroke: a.colorcancha,
           "stroke-width": "0.523385",
           "stroke-dasharray": "1.05 1.05"
-        }, null, 8, It),
+        }, null, 8, $t),
         t("path", {
           d: "M158.008 136.08L158.008 7.43866e-05",
           stroke: a.colorcancha,
           "stroke-width": "0.523385",
           "stroke-dasharray": "1.05 1.05"
-        }, null, 8, Ot),
+        }, null, 8, It),
         t("path", {
           d: "M210.673 90.7202L0.0105608 90.7202",
           stroke: a.colorcancha,
           "stroke-width": "0.523385",
           "stroke-dasharray": "1.05 1.05"
-        }, null, 8, Vt),
+        }, null, 8, Ot),
         t("path", {
           d: "M210.673 45.3599L0.0105608 45.3599",
           stroke: a.colorcancha,
           "stroke-width": "0.523385",
           "stroke-dasharray": "1.05 1.05"
-        }, null, 8, zt)
+        }, null, 8, Vt)
       ])
     ])) : d("", !0)
   ]);
 }
-const Ut = /* @__PURE__ */ b(u, [["render", At], ["__scopeId", "data-v-e8032436"]]), Zt = { class: "content-wrapper" }, $t = { class: "content-box" }, Rt = { class: "text-container" }, jt = {
+const At = /* @__PURE__ */ b(u, [["render", zt], ["__scopeId", "data-v-e8032436"]]), Ut = { class: "content-wrapper" }, Zt = { class: "content-box" }, Rt = { class: "text-container" }, jt = {
   key: 0,
   class: "title"
 }, Ht = {
@@ -444,15 +445,15 @@ const Ut = /* @__PURE__ */ b(u, [["render", At], ["__scopeId", "data-v-e8032436"
     },
     descriptionType: {
       type: Number,
-      default: 5
+      default: 0
     }
   },
   setup(o) {
     C((e) => ({
-      "343a092f": r.data.subtitle ? "100%" : "78%"
+      "17ceb192": r.data.subtitle ? "100%" : "78%"
     }));
     const r = o, a = p(() => {
-      var e, i, k, w, m, f, g;
+      var e, i, k, m, w, f, g;
       return {
         height: r.height,
         width: r.width,
@@ -461,11 +462,11 @@ const Ut = /* @__PURE__ */ b(u, [["render", At], ["__scopeId", "data-v-e8032436"
         playerPhotoUrl: T(r.data.player_id || ""),
         teamLogoUrl: N(r.data.team_id || "") || "",
         cardColor: r.data.thumbnails.colors.background_color || "#000000",
-        backgroundImageSrc: B((w = (k = (i = (e = r.data) == null ? void 0 : e.thumbnails) == null ? void 0 : i.images) == null ? void 0 : k.background_player_in_action) != null && w[0] ? r.data.thumbnails.images.background_player_in_action[0] : (g = (f = (m = r.data) == null ? void 0 : m.thumbnails) == null ? void 0 : f.images) != null && g.background_team ? r.data.thumbnails.images.background_team : ""),
+        backgroundImageSrc: B((m = (k = (i = (e = r.data) == null ? void 0 : e.thumbnails) == null ? void 0 : i.images) == null ? void 0 : k.background_player_in_action) != null && m[0] ? r.data.thumbnails.images.background_player_in_action[0] : (g = (f = (w = r.data) == null ? void 0 : w.thumbnails) == null ? void 0 : f.images) != null && g.background_team ? r.data.thumbnails.images.background_team : ""),
         textColor: r.data.thumbnails.colors.font_color_description || "#FFFFFF",
         footerBodyData: {
           textColor: r.data.thumbnails.colors.font_color_stats || "#FFFFFF",
-          description: P(I({ data: r.data, descriptionType: r.descriptionType })),
+          description: P($({ data: r.data, descriptionType: r.descriptionType })),
           totalTextColor: r.data.thumbnails.colors.font_color_stats || "#FFFFFF",
           totalCircleColor: r.data.thumbnails.colors.background_color || "#000000",
           isTotalPercentage: !!r.data.footer.show_percentage
@@ -488,11 +489,11 @@ const Ut = /* @__PURE__ */ b(u, [["render", At], ["__scopeId", "data-v-e8032436"
       class: "card-general",
       style: F(y.value)
     }, [
-      a.value ? (l(), _(O, v({ key: 0 }, a.value, { width: o.width }), {
+      a.value ? (l(), _(I, v({ key: 0 }, a.value, { width: o.width }), {
         body: M(() => [
-          t("div", Zt, [
-            t("div", $t, [
-              S(Ut, {
+          t("div", Ut, [
+            t("div", Zt, [
+              S(At, {
                 colorfillcancha: r.data.thumbnails.colors.graphic_color_2,
                 colorcancha: r.data.thumbnails.colors.graphic_color,
                 colorstat: r.data.thumbnails.colors.data_color,
@@ -511,7 +512,7 @@ const Ut = /* @__PURE__ */ b(u, [["render", At], ["__scopeId", "data-v-e8032436"
       }, 16, ["width"])) : d("", !0)
     ], 4));
   }
-}, Qt = /* @__PURE__ */ b(Gt, [["__scopeId", "data-v-ba53198c"]]);
+}, Xt = /* @__PURE__ */ b(Gt, [["__scopeId", "data-v-5d3e9ef1"]]);
 export {
-  Qt as default
+  Xt as default
 };

package/dist/CardIndividual1vs1-BEIdhWs1-BvsUVyut.js

@@ -0,0 +1,109 @@
+import { computed as i, openBlock as l, createElementBlock as d, normalizeStyle as b, createVNode as f, normalizeProps as v, guardReactiveProps as C, withCtx as w, createElementVNode as o, toDisplayString as F, Fragment as g, pushScopeId as y, popScopeId as L } from "vue";
+import { i as x } from "./CardBaseAllIndividual-Din4dnnE-9r_ZQ2PD.js";
+import { O as k, E as S, $ as P, P as z, z as B } from "./misc-CMAhmOsp-DhvMrB3p.js";
+import { h as E } from "./index-Cf6zNZxW.js";
+const m = (a) => (y("data-v-8b181cf7"), a = a(), L(), a), I = { class: "onevsone__body" }, T = { class: "onevsone__body__title" }, H = { class: "contsvg" }, N = /* @__PURE__ */ m(() => /* @__PURE__ */ o("img", { src: "http://golstatsimages.blob.core.windows.net/tournaments-cards/downloaddefensivo.png" }, null, -1)), D = ["fill"], M = ["fill"], U = /* @__PURE__ */ m(() => /* @__PURE__ */ o("img", { src: "http://golstatsimages.blob.core.windows.net/tournaments-cards/download.png" }, null, -1)), V = ["fill"], Z = ["fill"], $ = {
+  __name: "CardIndividual1vs1",
+  props: {
+    height: {
+      type: String,
+      default: "445px"
+    },
+    width: {
+      type: String,
+      default: "319px"
+    },
+    data: {
+      type: Object,
+      default: () => null
+    },
+    descriptionType: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(a) {
+    const t = a, h = i(() => {
+      var n, r, e, s, c, u, p;
+      return {
+        height: t.height,
+        width: t.width,
+        footerHeight: "137px",
+        footerPadding: "24px 24px 25px 24px",
+        playerPhotoUrl: k(t.data.player_id || ""),
+        teamLogoUrl: S(t.data.team_id || "") || "",
+        cardColor: t.data.thumbnails.colors.background_color || "#000000",
+        backgroundImageSrc: P((s = (e = (r = (n = t.data) == null ? void 0 : n.thumbnails) == null ? void 0 : r.images) == null ? void 0 : e.background_player_in_action) != null && s[0] ? t.data.thumbnails.images.background_player_in_action[0] : (p = (u = (c = t.data) == null ? void 0 : c.thumbnails) == null ? void 0 : u.images) != null && p.background_tean ? t.data.thumbnails.images.background_team : ""),
+        textColor: t.data.thumbnails.colors.font_color_description || "#FFFFFF",
+        footerBodyData: {
+          textColor: t.data.thumbnails.colors.font_color_stats || "#FFFFFF",
+          description: z(B({ data: t.data, descriptionType: t.descriptionType })),
+          total: t.data.body && t.data.body.show_percentage == 1 ? t.data.percentage : t.data.total,
+          totalTextColor: t.data.thumbnails.colors.font_color_stats || "#FFFFFF",
+          totalCircleColor: t.data.thumbnails.colors.background_color || "#000000",
+          isTotalPercentage: t.data.body && !!t.data.body.show_percentage
+        }
+      };
+    });
+    i(() => t.data.id);
+    const _ = i(() => ({
+      "--title-color": t.data.thumbnails.colors.font_color_header || "#FFFFFF"
+    }));
+    return (n, r) => (l(), d("div", {
+      class: "onevsone",
+      style: b(_.value)
+    }, [
+      f(x, v(C(h.value)), {
+        body: w(() => {
+          var e;
+          return [
+            o("div", I, [
+              o("div", T, F(t.data.title.replace(/\*/g, "")), 1),
+              o("div", H, [
+                (e = t.data.categories) != null && e.includes(4) ? (l(), d(g, { key: 1 }, [
+                  U,
+                  (l(), d("svg", {
+                    width: "12",
+                    class: "arrow",
+                    height: "75",
+                    viewBox: "0 0 12 75",
+                    fill: t.data.thumbnails.colors.icon_color,
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    o("path", {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      d: "M5 4.5489L5 75H7L7 4.62807L10.1992 7.86923C10.3268 7.9985 10.4817 8.05853 10.664 8.04929C10.8463 8.04006 11.0013 7.9708 11.1289 7.84153L11.7304 7.23208C11.858 7.1028 11.9218 6.94582 11.9218 6.76114C11.9218 6.57645 11.858 6.41948 11.7304 6.2902L6.34592 0.836174C6.23509 0.741615 6.10676 0.694336 5.96092 0.694336C5.77863 0.694336 5.62368 0.768211 5.49608 0.915955L0.191406 6.2902C0.0638018 6.41948 0 6.57645 0 6.76114C0 6.94582 0.0638018 7.1028 0.191406 7.23208L0.792967 7.84153C0.920571 7.9708 1.07552 8.04006 1.25781 8.04929C1.4401 8.05853 1.59505 7.9985 1.72265 7.86923L5 4.5489Z",
+                      fill: t.data.thumbnails.colors.icon_color
+                    }, null, 8, Z)
+                  ], 8, V))
+                ], 64)) : (l(), d(g, { key: 0 }, [
+                  N,
+                  (l(), d("svg", {
+                    class: "arrow",
+                    width: "12",
+                    height: "75",
+                    viewBox: "0 0 12 75",
+                    fill: t.data.thumbnails.colors.icon_color,
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    o("path", {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      d: "M5 71.1454L5 0.694344H7L7 71.0663L10.1992 67.8251C10.3268 67.6958 10.4817 67.6358 10.664 67.6451C10.8463 67.6543 11.0013 67.7235 11.1289 67.8528L11.7304 68.4623C11.858 68.5915 11.9218 68.7485 11.9218 68.9332C11.9218 69.1179 11.858 69.2749 11.7304 69.4041L6.34592 74.8582C6.23509 74.9527 6.10676 75 5.96092 75C5.77863 75 5.62368 74.9261 5.49608 74.7784L0.191406 69.4041C0.0638018 69.2749 0 69.1179 0 68.9332C0 68.7485 0.0638018 68.5915 0.191406 68.4623L0.792967 67.8528C0.920571 67.7235 1.07552 67.6543 1.25781 67.6451C1.4401 67.6358 1.59505 67.6958 1.72265 67.8251L5 71.1454Z",
+                      fill: t.data.thumbnails.colors.icon_color
+                    }, null, 8, M)
+                  ], 8, D))
+                ], 64))
+              ])
+            ])
+          ];
+        }),
+        _: 1
+      }, 16)
+    ], 4));
+  }
+}, R = /* @__PURE__ */ E($, [["__scopeId", "data-v-8b181cf7"]]);
+export {
+  R as default
+};

package/dist/{CardIndividualAreas-DGRNgB7W-BXnQ-9tF.js → CardIndividualAreas-T43vItFr-Ge11BS0-.js}

@@ -1,25 +1,26 @@
 import { ref as C, computed as a, openBlock as d, createElementBlock as s, normalizeStyle as k, createVNode as x, normalizeProps as v, guardReactiveProps as L, withCtx as F, createElementVNode as t, toDisplayString as H, pushScopeId as M, popScopeId as S } from "vue";
-import { d as B } from "./CardBaseAllIndividual-DW2NMKgR-HgCTNwsl.js";
-import { h as Z, z as b, P as U, E as G, I as O, O as I } from "./misc-CeQ5H5LP-DeaiNpCH.js";
-const e = (l) => (M("data-v-54e77886"), l = l(), S(), l), A = { class: "areas__body" }, P = { class: "areas__body__title" }, D = { class: "areas-svg" }, V = {
+import { i as B } from "./CardBaseAllIndividual-Din4dnnE-9r_ZQ2PD.js";
+import { O as b, E as Z, $ as U, P as G, z as O } from "./misc-CMAhmOsp-DhvMrB3p.js";
+import { h as A } from "./index-Cf6zNZxW.js";
+const e = (l) => (M("data-v-a0c7d9ff"), l = l(), S(), l), I = { class: "areas__body" }, P = { class: "areas__body__title" }, $ = { class: "areas-svg" }, D = {
   key: 0,
   width: "270",
   height: "102",
   viewBox: "0 0 270 102",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, R = ["fill"], T = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+}, V = ["fill"], R = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
   opacity: "0.6",
   d: "M267.61 94.5L270 102H0L2.31618 94.5H267.61Z",
   fill: "black"
-}, null, -1)), z = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+}, null, -1)), T = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
   opacity: "0.2",
   d: "M31.1838 0H237.184L267.294 94.5H2L31.1838 0Z",
   fill: "black"
-}, null, -1)), E = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+}, null, -1)), z = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
   d: "M31.1838 0H237.184L267.294 94.5H2L31.1838 0Z",
   fill: "url(#paint0_linear_2158_1200)"
-}, null, -1)), $ = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+}, null, -1)), E = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
   d: "M38.4747 5.83691H228.866L254.033 94.5H14L38.4747 5.83691Z",
   stroke: "white",
   "stroke-width": "0.548478",
@@ -389,7 +390,7 @@ const e = (l) => (M("data-v-54e77886"), l = l(), S(), l), A = { class: "areas__b
       transform: "translate(77.4746 16.5217)"
     })
   ])
-], -1)), h1 = {
+], -1)), f1 = {
   __name: "CardIndividualAreas",
   props: {
     height: {
@@ -425,17 +426,17 @@ const e = (l) => (M("data-v-54e77886"), l = l(), S(), l), A = { class: "areas__b
         name: "Área rival"
       }
     ]), g = a(() => {
-      var o, r, f, u, c, _;
+      var o, r, h, u, c, _;
       return {
         height: i.height,
         width: i.width,
         footerHeight: "137px",
         playerPhotoUrl: b(i.data.player_id || ""),
-        teamLogoUrl: U(i.data.team_id || ""),
+        teamLogoUrl: Z(i.data.team_id || ""),
         cardColor: (i.data.thumbnails.colors.background_color || "#000000").trim(),
-        backgroundImageSrc: G((f = (r = (o = i.data) == null ? void 0 : o.thumbnails) == null ? void 0 : r.images) != null && f.background_player_in_action[0] ? i.data.thumbnails.images.background_player_in_action[0] : (_ = (c = (u = i.data) == null ? void 0 : u.thumbnails) == null ? void 0 : c.images) != null && _.team_in_action[0] ? i.data.thumbnails.images.team_in_action[0] : ""),
+        backgroundImageSrc: U((h = (r = (o = i.data) == null ? void 0 : o.thumbnails) == null ? void 0 : r.images) != null && h.background_player_in_action[0] ? i.data.thumbnails.images.background_player_in_action[0] : (_ = (c = (u = i.data) == null ? void 0 : u.thumbnails) == null ? void 0 : c.images) != null && _.background_team ? i.data.thumbnails.images.background_team : ""),
         footerBodyData: {
-          description: O(I({ data: i.data, descriptionType: i.descriptionType })),
+          description: G(O({ data: i.data, descriptionType: i.descriptionType })),
           total: i.data.total,
           isTotalPercentage: i.data.footer.show_percentage,
           textColor: (i.data.thumbnails.colors.font_color_description || "#FFFFFF").trim(),
@@ -445,7 +446,7 @@ const e = (l) => (M("data-v-54e77886"), l = l(), S(), l), A = { class: "areas__b
       };
     }), w = a(() => i.data.id), p = a(() => ({
       fieldColor: (i.data.thumbnails.colors.graphic_color || "#FFFFFF").trim()
-    })), h = a(() => m.has(w.value) ? n.value[0] : n.value[1]), y = a(() => ({
+    })), f = a(() => m.has(w.value) ? n.value[0] : n.value[1]), y = a(() => ({
       "--title-color": i.data.thumbnails.colors.font_color_header || "#FFFFFF"
     }));
     return (o, r) => (d(), s("div", {
@@ -454,18 +455,18 @@ const e = (l) => (M("data-v-54e77886"), l = l(), S(), l), A = { class: "areas__b
     }, [
       x(B, v(L(g.value)), {
         body: F(() => [
-          t("div", A, [
-            t("div", P, H(h.value.name), 1),
-            t("div", D, [
-              h.value.id === 1 ? (d(), s("svg", V, [
+          t("div", I, [
+            t("div", P, H(f.value.name), 1),
+            t("div", $, [
+              f.value.id === 1 ? (d(), s("svg", D, [
                 t("path", {
                   d: "M31.5 0H237.5L270 102H0L31.5 0Z",
                   fill: p.value.fieldColor
-                }, null, 8, R),
+                }, null, 8, V),
+                R,
                 T,
                 z,
                 E,
-                $,
                 N,
                 j,
                 q,
@@ -497,7 +498,7 @@ const e = (l) => (M("data-v-54e77886"), l = l(), S(), l), A = { class: "areas__b
       }, 16)
     ], 4));
   }
-}, _1 = /* @__PURE__ */ Z(h1, [["__scopeId", "data-v-54e77886"]]);
+}, m1 = /* @__PURE__ */ A(f1, [["__scopeId", "data-v-a0c7d9ff"]]);
 export {
-  _1 as default
+  m1 as default
 };