@golstats/gsc-relevant-data 1.0.5 → 1.0.8

package/dist/{CardIndividual-BR1r5B5u-DqflCygx.js → CardIndividual-B5YHR_4X-DC-zfHLx.js}

@@ -1,12 +1,12 @@
 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-BJvl3Yld-2p2XKW1m.js";
-import { d as O } from "./CardBaseAllIndividual-BNOgnH6t-D0xjZkGw.js";
+import { h as b, z as T, P as N, E as B, I as P, O as I } from "./misc-BbzSgyER-2p2XKW1m.js";
+import { o as O } from "./CardBaseAllIndividual-CNB7K2M0-nej9DJ8x.js";
 const u = {
   props: {
     cancha: {
       type: String,
       required: !0,
-      validator: (o) => ["full", "own", "rival"].includes(o)
+      validator: (r) => ["full", "own", "rival"].includes(r)
     },
     stat: {
       type: Number,
@@ -15,7 +15,7 @@ const u = {
     type: {
       type: String,
       default: "box",
-      validator: (o) => ["box", "accelerometer"].includes(o)
+      validator: (r) => ["box", "accelerometer"].includes(r)
     },
     colorcancha: {
       type: String,
@@ -38,21 +38,21 @@ const u = {
     },
     canchaType() {
       if (Array.isArray(this.cancha)) {
-        const o = [485, 486, 489, 490], r = [487, 488, 491, 492];
-        return this.cancha.length === o.length && this.cancha.every((a) => o.includes(Number(a))) ? "rival" : this.cancha.length === r.length && this.cancha.every((a) => r.includes(Number(a))) ? "own" : "full";
+        const r = [485, 486, 489, 490], o = [487, 488, 491, 492];
+        return this.cancha.length === r.length && this.cancha.every((a) => r.includes(Number(a))) ? "rival" : this.cancha.length === o.length && this.cancha.every((a) => o.includes(Number(a))) ? "own" : "full";
       }
       return this.cancha;
     }
   }
 }, L = () => {
-  C((o) => ({
-    "2f2b7686": o.colorstat,
-    "8a0fe396": o.accelerometerStyle.percentage,
-    "14574b04": o.colorcancha
+  C((r) => ({
+    "2f2b7686": r.colorstat,
+    "8a0fe396": r.accelerometerStyle.percentage,
+    "14574b04": r.colorcancha
   }));
 }, 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 = {
+u.setup = x ? (r, o) => (L(), x(r, o)) : L;
+const s = (r) => (E("data-v-e8032436"), r = r(), q(), r), V = { class: "outer-box" }, z = {
   key: 0,
   class: "inner-box"
 }, A = {
@@ -82,7 +82,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"], Y = ["stroke"], K = ["stroke"], Q = ["stroke"], W = ["stroke"], X = ["stroke"], tt = { opacity: "0.7" }, at = ["stroke"], ot = ["stroke"], rt = ["stroke"], et = ["stroke"], lt = ["stroke"], ct = {
   key: 3,
   width: "212",
   height: "137",
@@ -131,7 +131,7 @@ const s = (o) => (E("data-v-e8032436"), o = o(), q(), o), V = { class: "outer-bo
   "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) {
+function At(r, o, 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, [
@@ -213,13 +213,13 @@ function At(o, r, a, y, n, e) {
           stroke: a.colorcancha,
           "stroke-width": "0.523385",
           "stroke-dasharray": "1.05 1.05"
-        }, null, 8, rt),
+        }, null, 8, ot),
         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, rt),
         t("path", {
           d: "M210.673 90.7202L0.0105608 90.7202",
           stroke: a.colorcancha,
@@ -444,61 +444,61 @@ const Ut = /* @__PURE__ */ b(u, [["render", At], ["__scopeId", "data-v-e8032436"
     },
     descriptionType: {
       type: Number,
-      default: 5
+      default: 0
     }
   },
-  setup(o) {
+  setup(r) {
     C((e) => ({
-      "343a092f": r.data.subtitle ? "100%" : "78%"
+      "17ceb192": o.data.subtitle ? "100%" : "78%"
     }));
-    const r = o, a = p(() => {
+    const o = r, a = p(() => {
       var e, i, k, w, m, f, g;
       return {
-        height: r.height,
-        width: r.width,
+        height: o.height,
+        width: o.width,
         footerHeight: "93px",
         footerPadding: "24px 24px 30px 24px",
-        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 : ""),
-        textColor: r.data.thumbnails.colors.font_color_description || "#FFFFFF",
+        playerPhotoUrl: T(o.data.player_id || ""),
+        teamLogoUrl: N(o.data.team_id || "") || "",
+        cardColor: o.data.thumbnails.colors.background_color || "#000000",
+        backgroundImageSrc: B((w = (k = (i = (e = o.data) == null ? void 0 : e.thumbnails) == null ? void 0 : i.images) == null ? void 0 : k.background_player_in_action) != null && w[0] ? o.data.thumbnails.images.background_player_in_action[0] : (g = (f = (m = o.data) == null ? void 0 : m.thumbnails) == null ? void 0 : f.images) != null && g.background_team ? o.data.thumbnails.images.background_team : ""),
+        textColor: o.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 })),
-          totalTextColor: r.data.thumbnails.colors.font_color_stats || "#FFFFFF",
-          totalCircleColor: r.data.thumbnails.colors.background_color || "#000000",
-          isTotalPercentage: !!r.data.footer.show_percentage
+          textColor: o.data.thumbnails.colors.font_color_stats || "#FFFFFF",
+          description: P(I({ data: o.data, descriptionType: o.descriptionType })),
+          totalTextColor: o.data.thumbnails.colors.font_color_stats || "#FFFFFF",
+          totalCircleColor: o.data.thumbnails.colors.background_color || "#000000",
+          isTotalPercentage: !!o.data.footer.show_percentage
         }
       };
     }), y = p(() => ({
-      "--title-color": r.data.thumbnails.colors.font_color_header || "#FFFFFF"
+      "--title-color": o.data.thumbnails.colors.font_color_header || "#FFFFFF"
     })), n = p(() => {
       var e;
       const i = "BALONES RECUPERADOS";
-      if (!r.data.title) return { title: "", subtitle: "" };
-      const k = r.data.title.replace(i, "").trim();
+      if (!o.data.title) return { title: "", subtitle: "" };
+      const k = o.data.title.replace(i, "").trim();
       return {
         title: i.replace(/\*/g, ""),
         subtitle: k.replace(/\*/g, ""),
-        showPlus: !((e = r.data.footer) != null && e.show_percentage)
+        showPlus: !((e = o.data.footer) != null && e.show_percentage)
       };
     });
     return (e, i) => (l(), c("div", {
       class: "card-general",
       style: F(y.value)
     }, [
-      a.value ? (l(), _(O, v({ key: 0 }, a.value, { width: o.width }), {
+      a.value ? (l(), _(O, v({ key: 0 }, a.value, { width: r.width }), {
         body: M(() => [
           t("div", Zt, [
             t("div", $t, [
               S(Ut, {
-                colorfillcancha: r.data.thumbnails.colors.graphic_color_2,
-                colorcancha: r.data.thumbnails.colors.graphic_color,
-                colorstat: r.data.thumbnails.colors.data_color,
-                cancha: r.data.categories,
-                stat: r.data.body && r.data.body.show_percentage == 0 ? r.data.total : r.data.percentage,
-                type: r.data.body.show_percentage == 1 ? "accelerometer" : "box"
+                colorfillcancha: o.data.thumbnails.colors.graphic_color_2,
+                colorcancha: o.data.thumbnails.colors.graphic_color,
+                colorstat: o.data.thumbnails.colors.data_color,
+                cancha: o.data.categories,
+                stat: o.data.body && o.data.body.show_percentage == 0 ? o.data.total : o.data.percentage,
+                type: o.data.body.show_percentage == 1 ? "accelerometer" : "box"
               }, null, 8, ["colorfillcancha", "colorcancha", "colorstat", "cancha", "stat", "type"])
             ]),
             t("div", Rt, [
@@ -511,7 +511,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"]]);
+}, Qt = /* @__PURE__ */ b(Gt, [["__scopeId", "data-v-5d3e9ef1"]]);
 export {
   Qt as default
 };

package/dist/CardIndividual1vs1-DEBY4dbB-V3PJhhY7.js

@@ -0,0 +1,108 @@
+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 { o as x } from "./CardBaseAllIndividual-CNB7K2M0-nej9DJ8x.js";
+import { h as k, z as S, P as I, E as P, I as z, O as B } from "./misc-BbzSgyER-2p2XKW1m.js";
+const m = (a) => (y("data-v-8b181cf7"), a = a(), L(), a), E = { 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"], O = {
+  __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: S(t.data.player_id || ""),
+        teamLogoUrl: I(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", E, [
+              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));
+  }
+}, A = /* @__PURE__ */ k(O, [["__scopeId", "data-v-8b181cf7"]]);
+export {
+  A as default
+};

package/dist/{CardIndividualAreas-qEYtV2XP-C97pNpBa.js → CardIndividualAreas-D9mHXjfS-DrA6YV1T.js}

@@ -1,22 +1,22 @@
-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-BNOgnH6t-D0xjZkGw.js";
-import { h as Z, z as b, P as U, E as G, I as O, O as I } from "./misc-BJvl3Yld-2p2XKW1m.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 { ref as k, computed as a, openBlock as d, createElementBlock as s, normalizeStyle as x, createVNode as v, normalizeProps as L, guardReactiveProps as F, withCtx as H, createElementVNode as t, toDisplayString as M, pushScopeId as S, popScopeId as B } from "vue";
+import { o as b } from "./CardBaseAllIndividual-CNB7K2M0-nej9DJ8x.js";
+import { h as Z, z as U, P as G, E as O, I, O as A } from "./misc-BbzSgyER-2p2XKW1m.js";
+const e = (l) => (S("data-v-b93c2987"), l = l(), B(), l), D = { class: "areas__body" }, P = { class: "areas__body__title" }, V = { class: "areas-svg" }, R = {
   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", {
+}, T = ["fill"], z = /* @__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)), E = /* @__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)), N = /* @__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", {
@@ -24,12 +24,12 @@ const e = (l) => (M("data-v-54e77886"), l = l(), S(), l), A = { class: "areas__b
   stroke: "white",
   "stroke-width": "0.548478",
   "stroke-miterlimit": "10"
-}, null, -1)), N = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+}, null, -1)), j = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
   d: "M101.781 94.5C103.275 84.4059 117.182 76.4963 134.116 76.4963C151.05 76.4963 164.956 84.4059 166.45 94.5",
   stroke: "white",
   "stroke-width": "0.548478",
   "stroke-miterlimit": "10"
-}, null, -1)), j = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_2158_1200)" }, [
+}, null, -1)), q = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_2158_1200)" }, [
   /* @__PURE__ */ t("path", {
     d: "M109.648 5.78662V12.589H159.32V5.78662",
     stroke: "white",
@@ -48,27 +48,27 @@ const e = (l) => (M("data-v-54e77886"), l = l(), S(), l), A = { class: "areas__b
     "stroke-width": "0.529565",
     "stroke-miterlimit": "10"
   })
-], -1)), q = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+], -1)), J = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
   d: "M135.025 15.1789C114.024 15.179 97 33.149 97 55.3161L173.049 55.3161C173.049 33.149 156.025 15.1789 135.025 15.1789Z",
   fill: "url(#paint1_linear_2158_1200)"
-}, null, -1)), J = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+}, null, -1)), K = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
   "fill-rule": "evenodd",
   "clip-rule": "evenodd",
   d: "M130.894 41.8935L134.901 48.8342L138.908 41.8935L135.595 41.8935L135.595 15.3646L134.207 15.3646L134.207 41.8935L130.894 41.8935Z",
   fill: "white"
-}, null, -1)), K = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { filter: "url(#filter0_d_2158_1200)" }, [
+}, null, -1)), Q = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { filter: "url(#filter0_d_2158_1200)" }, [
   /* @__PURE__ */ t("path", {
     d: "M134.9 9.66332C137.744 9.66332 140.049 11.9687 140.049 14.8125C140.049 17.6563 137.744 19.9617 134.9 19.9617C132.056 19.9617 129.751 17.6563 129.751 14.8125C129.751 11.9687 132.056 9.66332 134.9 9.66332Z",
     fill: "#4790FF"
   })
-], -1)), Q = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { filter: "url(#filter1_d_2158_1200)" }, [
+], -1)), W = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { filter: "url(#filter1_d_2158_1200)" }, [
   /* @__PURE__ */ t("path", {
     "fill-rule": "evenodd",
     "clip-rule": "evenodd",
     d: "M141.534 14.8125C141.534 11.1488 138.564 8.17886 134.9 8.17886C131.237 8.17886 128.267 11.1488 128.267 14.8125C128.267 18.4761 131.237 21.446 134.9 21.446C138.564 21.446 141.534 18.4761 141.534 14.8125ZM140.049 14.8125C140.049 11.9686 137.744 9.66327 134.9 9.66327C132.056 9.66328 129.751 11.9686 129.751 14.8125C129.751 17.6563 132.056 19.9616 134.9 19.9616C137.744 19.9616 140.049 17.6563 140.049 14.8125Z",
     fill: "white"
   })
-], -1)), W = /* @__PURE__ */ e(() => /* @__PURE__ */ t("defs", null, [
+], -1)), X = /* @__PURE__ */ e(() => /* @__PURE__ */ t("defs", null, [
   /* @__PURE__ */ t("filter", {
     id: "filter0_d_2158_1200",
     x: "125.751",
@@ -195,35 +195,35 @@ const e = (l) => (M("data-v-54e77886"), l = l(), S(), l), A = { class: "areas__b
       transform: "translate(77.4746 5.52173)"
     })
   ])
-], -1)), X = {
+], -1)), Y = {
   key: 1,
   width: "270",
   height: "113",
   viewBox: "0 0 270 113",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Y = ["fill"], t1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+}, t1 = ["fill"], e1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
   opacity: "0.6",
   d: "M267.61 105.5L270 113H0L2.31618 105.5H267.61Z",
   fill: "black"
-}, null, -1)), e1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+}, null, -1)), i1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
   opacity: "0.2",
   d: "M31.1838 11H237.184L267.294 105.5H2L31.1838 11Z",
   fill: "black"
-}, null, -1)), i1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+}, null, -1)), l1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
   d: "M31.1838 11H237.184L267.294 105.5H2L31.1838 11Z",
   fill: "url(#paint0_linear_2158_1173)"
-}, null, -1)), l1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+}, null, -1)), a1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
   d: "M38.4747 16.8369H228.866L254.033 105.5H14L38.4747 16.8369Z",
   stroke: "white",
   "stroke-width": "0.548478",
   "stroke-miterlimit": "10"
-}, null, -1)), a1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+}, null, -1)), o1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
   d: "M101.781 105.5C103.275 95.4059 117.182 87.4963 134.116 87.4963C151.05 87.4963 164.956 95.4059 166.45 105.5",
   stroke: "white",
   "stroke-width": "0.548478",
   "stroke-miterlimit": "10"
-}, null, -1)), o1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_2158_1173)" }, [
+}, null, -1)), r1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_2158_1173)" }, [
   /* @__PURE__ */ t("path", {
     d: "M109.648 16.7866V23.589H159.32V16.7866",
     stroke: "white",
@@ -242,27 +242,27 @@ const e = (l) => (M("data-v-54e77886"), l = l(), S(), l), A = { class: "areas__b
     "stroke-width": "0.529565",
     "stroke-miterlimit": "10"
   })
-], -1)), r1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+], -1)), d1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
   d: "M135 40C114.013 40 97 26.5685 97 9.99999L173 10C173 26.5686 155.987 40 135 40Z",
   fill: "url(#paint1_linear_2158_1173)"
-}, null, -1)), d1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+}, null, -1)), s1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
   "fill-rule": "evenodd",
   "clip-rule": "evenodd",
   d: "M130.894 24.2854L134.901 17.3447L138.908 24.2854L135.595 24.2854L135.595 38.8144L134.207 38.8144L134.207 24.2854L130.894 24.2854Z",
   fill: "white"
-}, null, -1)), s1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { filter: "url(#filter0_d_2158_1173)" }, [
+}, null, -1)), n1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { filter: "url(#filter0_d_2158_1173)" }, [
   /* @__PURE__ */ t("path", {
     d: "M134.9 45.5156C137.744 45.5156 140.049 43.2103 140.049 40.3665C140.049 37.5227 137.744 35.2173 134.9 35.2173C132.056 35.2173 129.751 37.5227 129.751 40.3665C129.751 43.2103 132.056 45.5156 134.9 45.5156Z",
     fill: "#4790FF"
   })
-], -1)), n1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { filter: "url(#filter1_d_2158_1173)" }, [
+], -1)), p1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { filter: "url(#filter1_d_2158_1173)" }, [
   /* @__PURE__ */ t("path", {
     "fill-rule": "evenodd",
     "clip-rule": "evenodd",
     d: "M141.534 40.3665C141.534 44.0301 138.564 47.0001 134.9 47.0001C131.237 47.0001 128.267 44.0301 128.267 40.3665C128.267 36.7029 131.237 33.7329 134.9 33.7329C138.564 33.7329 141.534 36.7029 141.534 40.3665ZM140.049 40.3665C140.049 43.2103 137.744 45.5157 134.9 45.5157C132.056 45.5157 129.751 43.2103 129.751 40.3665C129.751 37.5227 132.056 35.2173 134.9 35.2173C137.744 35.2173 140.049 37.5227 140.049 40.3665Z",
     fill: "white"
   })
-], -1)), p1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("defs", null, [
+], -1)), h1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("defs", null, [
   /* @__PURE__ */ t("filter", {
     id: "filter0_d_2158_1173",
     x: "125.751",
@@ -389,7 +389,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: {
@@ -410,12 +410,12 @@ const e = (l) => (M("data-v-54e77886"), l = l(), S(), l), A = { class: "areas__b
     }
   },
   setup(l) {
-    const i = l, m = /* @__PURE__ */ new Set([
+    const i = l, g = /* @__PURE__ */ new Set([
       "74-i",
       "75-i",
       "76-i",
       "35-e"
-    ]), n = C([
+    ]), n = k([
       {
         id: 1,
         name: "Área propia"
@@ -424,61 +424,61 @@ const e = (l) => (M("data-v-54e77886"), l = l(), S(), l), A = { class: "areas__b
         id: 2,
         name: "Área rival"
       }
-    ]), g = a(() => {
+    ]), w = a(() => {
       var o, r, f, u, c, _;
+      const m = i.data.footer.show_percentage;
       return {
         height: i.height,
         width: i.width,
         footerHeight: "137px",
-        playerPhotoUrl: b(i.data.player_id || ""),
-        teamLogoUrl: U(i.data.team_id || ""),
+        playerPhotoUrl: U(i.data.player_id || ""),
+        teamLogoUrl: G(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: O((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 && _.background_team ? i.data.thumbnails.images.background_team : ""),
         footerBodyData: {
-          description: O(I({ data: i.data, descriptionType: i.descriptionType })),
-          total: i.data.total,
-          isTotalPercentage: i.data.footer.show_percentage,
+          description: I(A({ data: i.data, descriptionType: i.descriptionType })),
+          total: m ? i.data.percentage : i.data.total,
+          isTotalPercentage: m,
           textColor: (i.data.thumbnails.colors.font_color_description || "#FFFFFF").trim(),
           totalTextColor: (i.data.thumbnails.colors.font_color_stats || "#FFFFFF").trim(),
           totalCircleColor: (i.data.thumbnails.colors.data_color || "#000000").trim()
         }
       };
-    }), w = a(() => i.data.id), p = a(() => ({
+    }), y = 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(() => ({
+    })), h = a(() => g.has(y.value) ? n.value[0] : n.value[1]), C = a(() => ({
       "--title-color": i.data.thumbnails.colors.font_color_header || "#FFFFFF"
     }));
     return (o, r) => (d(), s("div", {
       class: "areas",
-      style: k(y.value)
+      style: x(C.value)
     }, [
-      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, [
+      v(b, L(F(w.value)), {
+        body: H(() => [
+          t("div", D, [
+            t("div", P, M(h.value.name), 1),
+            t("div", V, [
+              h.value.id === 1 ? (d(), s("svg", R, [
                 t("path", {
                   d: "M31.5 0H237.5L270 102H0L31.5 0Z",
                   fill: p.value.fieldColor
-                }, null, 8, R),
-                T,
+                }, null, 8, T),
                 z,
                 E,
-                $,
                 N,
+                $,
                 j,
                 q,
                 J,
                 K,
                 Q,
-                W
-              ])) : (d(), s("svg", X, [
+                W,
+                X
+              ])) : (d(), s("svg", Y, [
                 t("path", {
                   d: "M31.5 11H237.5L270 113H0L31.5 11Z",
                   fill: p.value.fieldColor
-                }, null, 8, Y),
-                t1,
+                }, null, 8, t1),
                 e1,
                 i1,
                 l1,
@@ -488,7 +488,8 @@ const e = (l) => (M("data-v-54e77886"), l = l(), S(), l), A = { class: "areas__b
                 d1,
                 s1,
                 n1,
-                p1
+                p1,
+                h1
               ]))
             ])
           ])
@@ -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__ */ Z(f1, [["__scopeId", "data-v-b93c2987"]]);
 export {
-  _1 as default
+  m1 as default
 };