@golstats/gsc-landing 1.0.213 → 1.0.214

package/dist/{CardIndividual-BWKDE_dT-DBY7KxMm.js → CardIndividual-5844PHsB-ByyQBoNQ.js}

@@ -1,7 +1,7 @@
-import { useCssVars as x, computed as u, openBlock as l, createElementBlock as s, normalizeStyle as _, createBlock as v, mergeProps as F, withCtx as M, createElementVNode as t, createVNode as S, toDisplayString as p, createCommentVNode as h, createTextVNode as q, pushScopeId as D, popScopeId as T } from "vue";
-import { j as B, $, H as E, B as N, R as V } from "./index-C-oaQYT0.js";
-import { b as C } from "./CardBase-D3YCZX4b-DGnwZ1-j.js";
-import { d as I } from "./CardBaseAllIndividual-MZU9YVGl-CP107tbU.js";
+import { useCssVars as b, computed as p, openBlock as l, createElementBlock as c, normalizeStyle as _, createBlock as v, mergeProps as F, withCtx as M, createElementVNode as t, createVNode as S, toDisplayString as u, createCommentVNode as h, createTextVNode as q, pushScopeId as D, popScopeId as T } from "vue";
+import { m as C, V, O as B, z as E, P as N, A as I } from "./CardBase-Cdma--ld-BufA9Fxb.js";
+import "./index-CidNks_N.js";
+import { d as P } from "./CardBaseAllIndividual-D-OnB5nZ-BPn0LvNB.js";
 const y = {
   props: {
     cancha: {
@@ -46,27 +46,27 @@ const y = {
     }
   }
 }, L = () => {
-  x((r) => ({
-    "1171bab7": r.colorstat,
-    "6e896034": r.accelerometerStyle.percentage,
-    "5f9a566f": r.colorcancha
+  b((r) => ({
+    "341fe420": r.colorstat,
+    "7277aacf": r.accelerometerStyle.percentage,
+    e1386cd0: r.colorcancha
   }));
-}, b = y.setup;
-y.setup = b ? (r, o) => (L(), b(r, o)) : L;
-const i = (r) => (D("data-v-46fe0ed8"), r = r(), T(), r), P = { class: "outer-box" }, j = {
+}, x = y.setup;
+y.setup = x ? (r, o) => (L(), x(r, o)) : L;
+const i = (r) => (D("data-v-9e7db71d"), r = r(), T(), r), $ = { class: "outer-box" }, A = {
   key: 0,
   class: "inner-box"
-}, H = {
+}, z = {
   key: 1,
   class: "accelerometer"
-}, Z = { class: "accelerometer-value" }, A = /* @__PURE__ */ i(() => /* @__PURE__ */ t("span", { class: "percentage" }, "%", -1)), U = {
+}, O = { class: "accelerometer-value" }, Z = /* @__PURE__ */ i(() => /* @__PURE__ */ t("span", { class: "percentage" }, "%", -1)), U = {
   key: 2,
   width: "212",
   height: "137",
   viewBox: "0 0 212 137",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, z = ["fill"], O = /* @__PURE__ */ i(() => /* @__PURE__ */ t("mask", {
+}, j = ["fill"], H = /* @__PURE__ */ i(() => /* @__PURE__ */ t("mask", {
   id: "path-2-inside-1_2150_1935",
   fill: "white"
 }, [
@@ -78,19 +78,19 @@ const i = (r) => (D("data-v-46fe0ed8"), r = r(), T(), r), P = { class: "outer-bo
     rx: "1.22558",
     transform: "rotate(-180 211.787 136.084)"
   })
-], -1)), R = ["stroke"], G = /* @__PURE__ */ i(() => /* @__PURE__ */ t("path", {
+], -1)), G = ["stroke"], J = /* @__PURE__ */ i(() => /* @__PURE__ */ t("path", {
   d: "M105.773 135.615L105.773 0.58395",
   stroke: "#DFE3E2",
   "stroke-width": "0.450603",
   "stroke-linecap": "square"
-}, null, -1)), J = ["stroke"], K = ["stroke"], Q = ["stroke"], W = ["stroke"], X = ["stroke"], Y = ["stroke"], tt = { opacity: "0.7" }, at = ["stroke"], ot = ["stroke"], rt = ["stroke"], et = ["stroke"], lt = ["stroke"], st = {
+}, null, -1)), K = ["stroke"], Q = ["stroke"], R = ["stroke"], W = ["stroke"], X = ["stroke"], Y = ["stroke"], tt = { opacity: "0.7" }, at = ["stroke"], ot = ["stroke"], rt = ["stroke"], et = ["stroke"], lt = ["stroke"], ct = {
   key: 3,
   width: "212",
   height: "137",
   viewBox: "0 0 212 137",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, ct = ["fill"], it = /* @__PURE__ */ i(() => /* @__PURE__ */ t("mask", {
+}, st = ["fill"], it = /* @__PURE__ */ i(() => /* @__PURE__ */ t("mask", {
   id: "path-2-inside-1_2150_1704",
   fill: "white"
 }, [
@@ -107,7 +107,7 @@ const i = (r) => (D("data-v-46fe0ed8"), r = r(), T(), r), P = { class: "outer-bo
   stroke: "#DFE3E2",
   "stroke-width": "0.450603",
   "stroke-linecap": "square"
-}, null, -1)), dt = ["stroke"], kt = ["stroke"], pt = ["stroke"], ut = ["stroke"], yt = ["stroke"], mt = ["stroke"], wt = { opacity: "0.7" }, ft = ["stroke"], gt = ["stroke"], Lt = ["stroke"], bt = ["stroke"], xt = ["stroke"], Ct = {
+}, null, -1)), dt = ["stroke"], kt = ["stroke"], ut = ["stroke"], pt = ["stroke"], yt = ["stroke"], mt = ["stroke"], wt = { opacity: "0.7" }, ft = ["stroke"], gt = ["stroke"], Lt = ["stroke"], xt = ["stroke"], bt = ["stroke"], Ct = {
   key: 4,
   width: "212",
   height: "137",
@@ -131,16 +131,16 @@ const i = (r) => (D("data-v-46fe0ed8"), r = r(), T(), r), P = { class: "outer-bo
   stroke: "#DFE3E2",
   "stroke-width": "0.450603",
   "stroke-linecap": "square"
-}, null, -1)), St = ["stroke"], qt = ["stroke"], Dt = ["stroke"], Tt = ["stroke"], Bt = ["stroke"], $t = ["stroke"], Et = { opacity: "0.7" }, Nt = ["stroke"], Vt = ["stroke"], It = ["stroke"], Pt = ["stroke"], jt = ["stroke"];
-function Ht(r, o, a, m, n, e) {
-  return l(), s("div", P, [
-    a.type === "box" ? (l(), s("div", j, p(a.stat), 1)) : a.type === "accelerometer" ? (l(), s("div", H, [
-      t("div", Z, [
-        q(p(a.stat), 1),
-        A
+}, null, -1)), St = ["stroke"], qt = ["stroke"], Dt = ["stroke"], Tt = ["stroke"], Vt = ["stroke"], Bt = ["stroke"], Et = { opacity: "0.7" }, Nt = ["stroke"], It = ["stroke"], Pt = ["stroke"], $t = ["stroke"], At = ["stroke"];
+function zt(r, o, a, m, n, e) {
+  return l(), c("div", $, [
+    a.type === "box" ? (l(), c("div", A, u(a.stat), 1)) : a.type === "accelerometer" ? (l(), c("div", z, [
+      t("div", O, [
+        q(u(a.stat), 1),
+        Z
       ])
     ])) : h("", !0),
-    e.canchaType === "full" ? (l(), s("svg", U, [
+    e.canchaType === "full" ? (l(), c("svg", U, [
       t("rect", {
         opacity: "0.6",
         x: "1.89551",
@@ -150,8 +150,8 @@ function Ht(r, o, a, m, n, e) {
         transform: "rotate(-90 1.89551 136)",
         fill: a.colorfillcancha,
         "fill-opacity": "0.8"
-      }, null, 8, z),
-      O,
+      }, null, 8, j),
+      H,
       t("rect", {
         x: "211.787",
         y: "136.084",
@@ -162,24 +162,24 @@ function Ht(r, o, a, m, n, e) {
         stroke: a.colorcancha,
         "stroke-width": "1.84031",
         mask: "url(#FFFFFF)"
-      }, null, 8, R),
-      G,
+      }, null, 8, G),
+      J,
       t("path", {
         d: "M211.787 100.685L183.971 100.685C183.633 100.685 183.359 100.41 183.359 100.072L183.359 36.1511C183.359 35.8126 183.633 35.5383 183.971 35.5383L211.787 35.5383",
         stroke: a.colorcancha,
         "stroke-opacity": "0.7"
-      }, null, 8, J),
+      }, null, 8, K),
       t("path", {
         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, K),
+      }, null, 8, Q),
       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, Q),
+      }, null, 8, R),
       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,
@@ -234,7 +234,7 @@ function Ht(r, o, a, m, n, e) {
           "stroke-dasharray": "1.05 1.05"
         }, null, 8, lt)
       ])
-    ])) : e.canchaType === "own" ? (l(), s("svg", st, [
+    ])) : e.canchaType === "own" ? (l(), c("svg", ct, [
       t("rect", {
         opacity: "0.6",
         x: "106.002",
@@ -244,7 +244,7 @@ function Ht(r, o, a, m, n, e) {
         transform: "rotate(-90 106.002 136)",
         fill: a.colorfillcancha,
         "fill-opacity": "0.8"
-      }, null, 8, ct),
+      }, null, 8, st),
       it,
       t("rect", {
         x: "211.787",
@@ -273,13 +273,13 @@ function Ht(r, o, a, m, n, e) {
         stroke: a.colorcancha,
         "stroke-opacity": "0.6",
         "stroke-linecap": "square"
-      }, null, 8, pt),
+      }, null, 8, ut),
       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, ut),
+      }, null, 8, pt),
       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,
@@ -320,15 +320,15 @@ function Ht(r, o, a, m, n, e) {
           stroke: a.colorcancha,
           "stroke-width": "0.523385",
           "stroke-dasharray": "1.05 1.05"
-        }, null, 8, bt),
+        }, null, 8, xt),
         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, xt)
+        }, null, 8, bt)
       ])
-    ])) : e.canchaType === "rival" ? (l(), s("svg", Ct, [
+    ])) : e.canchaType === "rival" ? (l(), c("svg", Ct, [
       t("rect", {
         opacity: "0.6",
         width: "135",
@@ -376,7 +376,7 @@ function Ht(r, o, a, m, n, e) {
         stroke: a.colorcancha,
         "stroke-opacity": "0.7",
         "stroke-width": "1.16503"
-      }, null, 8, Bt),
+      }, null, 8, Vt),
       t("ellipse", {
         cx: "105.788",
         cy: "68.1164",
@@ -386,7 +386,7 @@ function Ht(r, o, a, m, n, e) {
         fill: "#FF0000",
         stroke: a.colorcancha,
         "stroke-width": "0.450603"
-      }, null, 8, $t),
+      }, null, 8, Bt),
       t("g", Et, [
         t("path", {
           d: "M52.6768 136.08L52.6768 7.43866e-05",
@@ -399,36 +399,36 @@ function Ht(r, o, a, m, n, e) {
           stroke: a.colorcancha,
           "stroke-width": "0.523385",
           "stroke-dasharray": "1.05 1.05"
-        }, null, 8, Vt),
+        }, null, 8, It),
         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, It),
+        }, null, 8, Pt),
         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, Pt),
+        }, null, 8, $t),
         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, jt)
+        }, null, 8, At)
       ])
     ])) : h("", !0)
   ]);
 }
-const Zt = /* @__PURE__ */ C(y, [["render", Ht], ["__scopeId", "data-v-46fe0ed8"]]), At = { class: "content-wrapper" }, Ut = { class: "content-box" }, zt = { class: "text-container" }, Ot = {
+const Ot = /* @__PURE__ */ C(y, [["render", zt], ["__scopeId", "data-v-9e7db71d"]]), Zt = { class: "content-wrapper" }, Ut = { class: "content-box" }, jt = { class: "text-container" }, Ht = {
   key: 0,
   class: "title"
-}, Rt = {
+}, Gt = {
   key: 1,
   class: "subtitle"
-}, Gt = {
+}, Jt = {
   __name: "CardIndividual",
   props: {
     height: {
@@ -450,56 +450,61 @@ const Zt = /* @__PURE__ */ C(y, [["render", Ht], ["__scopeId", "data-v-46fe0ed8"
     showVideos: {
       type: Boolean,
       default: !0
+    },
+    idAux: {
+      type: String,
+      default: ""
     }
   },
   setup(r) {
-    x((e) => ({
-      a95eb6bc: n.value.subtitle ? "100%" : "78%"
+    b((e) => ({
+      "4b70ad6a": n.value.subtitle ? "100%" : "78%"
     }));
-    const o = r, a = u(() => {
-      var e, c, d, k, w, f, g;
+    const o = r, a = p(() => {
+      var e, s, d, k, w, f, g;
       return {
         height: o.height,
         width: o.width,
         footerHeight: "93px",
         footerPadding: "24px 24px 30px 24px",
-        playerPhotoUrl: B(o.data.player_id || ""),
-        teamLogoUrl: $(o.data.team_id || "") || "",
+        playerPhotoUrl: V(o.data.player_id || ""),
+        teamLogoUrl: B(o.data.team_id || "") || "",
         cardColor: o.data.thumbnails.colors.background_color || "#000000",
-        backgroundImageSrc: E((k = (d = (c = (e = o.data) == null ? void 0 : e.thumbnails) == null ? void 0 : c.images) == null ? void 0 : d.background_player_in_action) != null && k[0] ? o.data.thumbnails.images.background_player_in_action[0] : (g = (f = (w = o.data) == null ? void 0 : w.thumbnails) == null ? void 0 : f.images) != null && g.background_team ? o.data.thumbnails.images.background_team : ""),
+        backgroundImageSrc: E((k = (d = (s = (e = o.data) == null ? void 0 : e.thumbnails) == null ? void 0 : s.images) == null ? void 0 : d.background_player_in_action) != null && k[0] ? o.data.thumbnails.images.background_player_in_action[0] : (g = (f = (w = o.data) == null ? void 0 : w.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: o.data.thumbnails.colors.font_color_stats || "#FFFFFF",
-          description: N(V({ data: o.data, descriptionType: o.descriptionType })),
+          description: N(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
         }
       };
-    }), m = u(() => ({
+    }), m = p(() => ({
       "--title-color": o.data.thumbnails.colors.font_color_header || "#FFFFFF"
-    })), n = u(() => {
+    })), n = p(() => {
       var e;
       if (!o.data.title) return { title: "", subtitle: "" };
-      const c = o.data.title.match(/\*(.*?)\*/), d = c ? c[1] : "", k = c ? o.data.title.replace(/\*.*?\*/, "").trim() : o.data.title.trim();
+      const s = o.data.title.match(/\*(.*?)\*/), d = s ? s[1] : "", k = s ? o.data.title.replace(/\*.*?\*/, "").trim() : o.data.title.trim();
       return {
         title: d,
         subtitle: k,
         showPlus: !!((e = o.data.header) != null && e.show_percentage)
       };
     });
-    return (e, c) => (l(), s("div", {
+    return (e, s) => (l(), c("div", {
       class: "card-general",
       style: _(m.value)
     }, [
-      a.value ? (l(), v(I, F({ key: 0 }, a.value, {
+      a.value ? (l(), v(P, F({ key: 0 }, a.value, {
         width: r.width,
-        "show-videos": r.showVideos
+        "show-videos": r.showVideos,
+        "id-aux": r.idAux
       }), {
         body: M(() => [
-          t("div", At, [
+          t("div", Zt, [
             t("div", Ut, [
-              S(Zt, {
+              S(Ot, {
                 colorfillcancha: o.data.thumbnails.colors.graphic_color_2,
                 colorcancha: o.data.thumbnails.colors.graphic_color,
                 colorstat: o.data.thumbnails.colors.data_color,
@@ -508,17 +513,17 @@ const Zt = /* @__PURE__ */ C(y, [["render", Ht], ["__scopeId", "data-v-46fe0ed8"
                 type: o.data.body.show_percentage == 1 ? "accelerometer" : "box"
               }, null, 8, ["colorfillcancha", "colorcancha", "colorstat", "cancha", "stat", "type"])
             ]),
-            t("div", zt, [
-              n.value.title ? (l(), s("h2", Ot, p(n.value.title), 1)) : h("", !0),
-              n.value.subtitle ? (l(), s("p", Rt, p(n.value.subtitle), 1)) : h("", !0)
+            t("div", jt, [
+              n.value.title ? (l(), c("h2", Ht, u(n.value.title), 1)) : h("", !0),
+              n.value.subtitle ? (l(), c("p", Gt, u(n.value.subtitle), 1)) : h("", !0)
             ])
           ])
         ]),
         _: 1
-      }, 16, ["width", "show-videos"])) : h("", !0)
+      }, 16, ["width", "show-videos", "id-aux"])) : h("", !0)
     ], 4));
   }
-}, Xt = /* @__PURE__ */ C(Gt, [["__scopeId", "data-v-853bb9bb"]]);
+}, Xt = /* @__PURE__ */ C(Jt, [["__scopeId", "data-v-dc8a708b"]]);
 export {
   Xt as default
 };

package/dist/CardIndividual1vs1-CQexwdAS-IO9xzI4J.js

@@ -0,0 +1,119 @@
+import { computed as r, openBlock as l, createElementBlock as d, normalizeStyle as _, createVNode as b, mergeProps as w, withCtx as v, createElementVNode as a, toDisplayString as C, Fragment as g, pushScopeId as F, popScopeId as y } from "vue";
+import { d as x } from "./CardBaseAllIndividual-D-OnB5nZ-BPn0LvNB.js";
+import { m as L, V as k, O as S, z as V, P as B, A as T } from "./CardBase-Cdma--ld-BufA9Fxb.js";
+const h = (o) => (F("data-v-6b4e801f"), o = o(), y(), o), A = { class: "onevsone__body" }, I = { class: "onevsone__body__title" }, P = { class: "contsvg" }, H = /* @__PURE__ */ h(() => /* @__PURE__ */ a("img", { src: "http://golstatsimages.blob.core.windows.net/tournaments-cards/downloaddefensivo.png" }, null, -1)), N = ["fill"], D = ["fill"], E = /* @__PURE__ */ h(() => /* @__PURE__ */ a("img", { src: "http://golstatsimages.blob.core.windows.net/tournaments-cards/download.png" }, null, -1)), M = ["fill"], U = ["fill"], Z = {
+  __name: "CardIndividual1vs1",
+  props: {
+    height: {
+      type: String,
+      default: "445px"
+    },
+    width: {
+      type: String,
+      default: "319px"
+    },
+    data: {
+      type: Object,
+      default: () => null
+    },
+    descriptionType: {
+      type: Number,
+      default: 0
+    },
+    showVideos: {
+      type: Boolean,
+      default: !0
+    },
+    idAux: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(o) {
+    const t = o, m = r(() => {
+      var n, i, 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: V((s = (e = (i = (n = t.data) == null ? void 0 : n.thumbnails) == null ? void 0 : i.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_team ? 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: B(T({ data: t.data, descriptionType: t.descriptionType })),
+          total: t.data.footer && t.data.footer.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.footer && !!t.data.footer.show_percentage
+        }
+      };
+    });
+    r(() => t.data.id);
+    const f = r(() => ({
+      "--title-color": t.data.thumbnails.colors.font_color_header || "#FFFFFF"
+    }));
+    return (n, i) => (l(), d("div", {
+      class: "onevsone",
+      style: _(f.value)
+    }, [
+      b(x, w(m.value, {
+        "show-videos": o.showVideos,
+        "id-aux": o.idAux
+      }), {
+        body: v(() => {
+          var e;
+          return [
+            a("div", A, [
+              a("div", I, C(t.data.title.replace(/\*/g, "")), 1),
+              a("div", P, [
+                (e = t.data.categories) != null && e.includes(4) ? (l(), d(g, { key: 1 }, [
+                  E,
+                  (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"
+                  }, [
+                    a("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, U)
+                  ], 8, M))
+                ], 64)) : (l(), d(g, { key: 0 }, [
+                  H,
+                  (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"
+                  }, [
+                    a("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, D)
+                  ], 8, N))
+                ], 64))
+              ])
+            ])
+          ];
+        }),
+        _: 1
+      }, 16, ["show-videos", "id-aux"])
+    ], 4));
+  }
+}, j = /* @__PURE__ */ L(Z, [["__scopeId", "data-v-6b4e801f"]]);
+export {
+  j as default
+};

package/dist/{CardIndividualAreas-B0ER1yDk-BXA3kkP-.js → CardIndividualAreas-C7_BsHLB-DxObq7Ml.js}

@@ -1,15 +1,14 @@
-import { ref as k, computed as a, openBlock as d, createElementBlock as s, normalizeStyle as v, createVNode as x, mergeProps as F, withCtx as L, createElementVNode as t, toDisplayString as H, pushScopeId as M, popScopeId as B } from "vue";
-import { d as S } from "./CardBaseAllIndividual-MZU9YVGl-CP107tbU.js";
-import { j as b, $ as Z, H as U, B as G, R as O } from "./index-C-oaQYT0.js";
-import { b as A } from "./CardBase-D3YCZX4b-DGnwZ1-j.js";
-const e = (l) => (M("data-v-0853aecf"), l = l(), B(), l), I = { class: "areas__body" }, V = { class: "areas__body__title" }, D = { class: "areas-svg" }, R = {
+import { ref as k, computed as a, openBlock as d, createElementBlock as s, normalizeStyle as x, createVNode as v, mergeProps as F, withCtx as L, createElementVNode as t, toDisplayString as H, pushScopeId as M, popScopeId as S } from "vue";
+import { d as B } from "./CardBaseAllIndividual-D-OnB5nZ-BPn0LvNB.js";
+import { m as b, V as Z, O as U, z as A, P as G, A as O } from "./CardBase-Cdma--ld-BufA9Fxb.js";
+const e = (l) => (M("data-v-f5cac76b"), l = l(), S(), l), I = { class: "areas__body" }, V = { class: "areas__body__title" }, P = { class: "areas-svg" }, D = {
   key: 0,
   width: "270",
   height: "102",
   viewBox: "0 0 270 102",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, P = ["fill"], T = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+}, T = ["fill"], R = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
   opacity: "0.6",
   d: "M267.61 94.5L270 102H0L2.31618 94.5H267.61Z",
   fill: "black"
@@ -17,7 +16,7 @@ const e = (l) => (M("data-v-0853aecf"), l = l(), B(), l), I = { class: "areas__b
   opacity: "0.2",
   d: "M31.1838 0H237.184L267.294 94.5H2L31.1838 0Z",
   fill: "black"
-}, null, -1)), j = /* @__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)), N = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
@@ -30,7 +29,7 @@ const e = (l) => (M("data-v-0853aecf"), l = l(), B(), l), I = { class: "areas__b
   stroke: "white",
   "stroke-width": "0.548478",
   "stroke-miterlimit": "10"
-}, null, -1)), z = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_2158_1200)" }, [
+}, null, -1)), j = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_2158_1200)" }, [
   /* @__PURE__ */ t("path", {
     d: "M109.648 5.78662V12.589H159.32V5.78662",
     stroke: "white",
@@ -412,10 +411,14 @@ const e = (l) => (M("data-v-0853aecf"), l = l(), B(), l), I = { class: "areas__b
     showVideos: {
       type: Boolean,
       default: !0
+    },
+    idAux: {
+      type: String,
+      default: ""
     }
   },
   setup(l) {
-    const i = l, w = /* @__PURE__ */ new Set([
+    const i = l, g = /* @__PURE__ */ new Set([
       "74-i",
       "75-i",
       "76-i",
@@ -429,17 +432,17 @@ const e = (l) => (M("data-v-0853aecf"), l = l(), B(), l), I = { class: "areas__b
         id: 2,
         name: "Área rival"
       }
-    ]), g = a(() => {
-      var o, r, f, u, c, _;
+    ]), w = a(() => {
+      var o, r, u, f, c, _;
       const m = i.data.footer.show_percentage;
       return {
         height: i.height,
         width: i.width,
         footerHeight: "137px",
-        playerPhotoUrl: b(i.data.player_id || ""),
-        teamLogoUrl: Z(i.data.team_id || ""),
+        playerPhotoUrl: Z(i.data.player_id || ""),
+        teamLogoUrl: U(i.data.team_id || ""),
         cardColor: (i.data.thumbnails.colors.background_color || "#000000").trim(),
-        backgroundImageSrc: U((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 : ""),
+        backgroundImageSrc: A((u = (r = (o = i.data) == null ? void 0 : o.thumbnails) == null ? void 0 : r.images) != null && u.background_player_in_action[0] ? i.data.thumbnails.images.background_player_in_action[0] : (_ = (c = (f = i.data) == null ? void 0 : f.thumbnails) == null ? void 0 : c.images) != null && _.background_team ? i.data.thumbnails.images.background_team : ""),
         footerBodyData: {
           description: G(O({ data: i.data, descriptionType: i.descriptionType })),
           total: m ? i.data.percentage : i.data.total,
@@ -452,29 +455,32 @@ const e = (l) => (M("data-v-0853aecf"), l = l(), B(), l), I = { class: "areas__b
       };
     }), y = a(() => i.data.id), p = a(() => ({
       fieldColor: (i.data.thumbnails.colors.graphic_color || "#FFFFFF").trim()
-    })), h = a(() => w.has(y.value) ? n.value[0] : n.value[1]), C = 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: v(C.value)
+      style: x(C.value)
     }, [
-      x(S, F(g.value, { "show-videos": l.showVideos }), {
+      v(B, F(w.value, {
+        "show-videos": l.showVideos,
+        "id-aux": l.idAux
+      }), {
         body: L(() => [
           t("div", I, [
             t("div", V, H(h.value.name), 1),
-            t("div", D, [
-              h.value.id === 1 ? (d(), s("svg", R, [
+            t("div", P, [
+              h.value.id === 1 ? (d(), s("svg", D, [
                 t("path", {
                   d: "M31.5 0H237.5L270 102H0L31.5 0Z",
                   fill: p.value.fieldColor
-                }, null, 8, P),
-                T,
+                }, null, 8, T),
+                R,
                 $,
-                j,
+                z,
                 N,
                 E,
-                z,
+                j,
                 q,
                 J,
                 K,
@@ -501,10 +507,10 @@ const e = (l) => (M("data-v-0853aecf"), l = l(), B(), l), I = { class: "areas__b
           ])
         ]),
         _: 1
-      }, 16, ["show-videos"])
+      }, 16, ["show-videos", "id-aux"])
     ], 4));
   }
-}, m1 = /* @__PURE__ */ A(h1, [["__scopeId", "data-v-0853aecf"]]);
+}, _1 = /* @__PURE__ */ b(h1, [["__scopeId", "data-v-f5cac76b"]]);
 export {
-  m1 as default
+  _1 as default
 };