@golstats/gsc-landing 1.0.204 → 1.0.206

package/README.md

@@ -1,2 +1,2 @@
-# landing-component
-Componente de la pagina principal de Golstats 3.0
+# landing-component
+Componente de la pagina principal de Golstats 3.0

package/dist/CardBase-FI6JXGHQ-DgZSiy8R.js

@@ -0,0 +1,127 @@
+import { computed as u, openBlock as t, createElementBlock as o, normalizeClass as n, normalizeStyle as p, createCommentVNode as c, createElementVNode as l, renderSlot as g, pushScopeId as y, popScopeId as f } from "vue";
+import { M as b, z as v } from "./index-BfXTbEFT.js";
+const h = (e, r) => {
+  const d = e.__vccOpts || e;
+  for (const [i, s] of r)
+    d[i] = s;
+  return d;
+}, k = (e) => (y("data-v-32f11850"), e = e(), f(), e), m = {
+  key: 0,
+  class: "card-base__background-image"
+}, w = ["src"], S = {
+  key: 1,
+  class: "card-base__background-overlay"
+}, _ = { class: "card-base__slot" }, C = /* @__PURE__ */ k(() => /* @__PURE__ */ l("svg", {
+  width: "60",
+  height: "60",
+  viewBox: "0 0 60 60",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ l("circle", {
+    cx: "30",
+    cy: "30",
+    r: "30",
+    fill: "#0E1E2A",
+    "fill-opacity": ".96"
+  }),
+  /* @__PURE__ */ l("circle", {
+    cx: "30",
+    cy: "30",
+    r: "26.6",
+    stroke: "#757575",
+    "stroke-width": ".8"
+  }),
+  /* @__PURE__ */ l("path", {
+    d: "M25.49 39.862a1.058 1.058 0 0 1-.359-.43 1.396 1.396 0 0 1-.131-.6V20.165a1.4 1.4 0 0 1 .132-.599c.087-.18.21-.329.358-.429a.777.777 0 0 1 .483-.137c.167.01.33.077.47.194l11.143 9.333c.127.107.232.25.304.42.072.17.11.358.11.55 0 .193-.038.382-.11.55-.072.17-.177.314-.304.42l-11.143 9.337a.808.808 0 0 1-.47.194.776.776 0 0 1-.482-.137z",
+    fill: "#CBEE6B"
+  })
+], -1)), B = [
+  C
+], x = {
+  __name: "CardBase",
+  props: {
+    height: {
+      type: String,
+      default: "445px"
+    },
+    width: {
+      type: String,
+      default: "319px"
+    },
+    backgroundOverlayColor: {
+      type: String,
+      default: "#000000"
+    },
+    backgroundOverlayOpacity: {
+      type: String,
+      default: "0.8"
+    },
+    backgroundImageSrc: {
+      type: String,
+      default: ""
+    },
+    overflow: {
+      type: String,
+      default: "visible"
+    },
+    borderRadius: {
+      type: String,
+      default: "15px"
+    },
+    isPlayButtonVisible: {
+      type: Boolean,
+      default: !0
+    },
+    goldCardType: {
+      type: Number,
+      default: 0
+    },
+    showVideos: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e) {
+    const r = e, d = u(() => ({
+      "--height": r.height,
+      "--width": r.width,
+      "--background-overlay-color": r.backgroundOverlayColor,
+      "--overflow": r.overflow,
+      "--border-radius": r.borderRadius,
+      "--background-overlay-opacity": r.backgroundOverlayOpacity,
+      "--background-gold-size": `${r.width} ${r.height}`
+    })), i = u(() => {
+      const a = [];
+      return r.goldCardType && (r.goldCardType === 1 ? a.push("gold-card-1") : r.goldCardType === 2 && a.push("gold-card-2")), a;
+    });
+    function s() {
+      b.emit(v());
+    }
+    return (a, E) => (t(), o("div", {
+      class: n(["card-base", i.value]),
+      style: p(d.value)
+    }, [
+      e.goldCardType ? c("", !0) : (t(), o("div", m, [
+        e.backgroundImageSrc ? (t(), o("img", {
+          key: 0,
+          src: e.backgroundImageSrc,
+          alt: ""
+        }, null, 8, w)) : c("", !0)
+      ])),
+      e.goldCardType ? c("", !0) : (t(), o("div", S)),
+      l("div", _, [
+        g(a.$slots, "default", {}, void 0, !0)
+      ]),
+      e.isPlayButtonVisible && e.showVideos ? (t(), o("div", {
+        key: 2,
+        class: "card-base__play",
+        onClick: s
+      }, B)) : c("", !0)
+    ], 6));
+  }
+}, V = /* @__PURE__ */ h(x, [["__scopeId", "data-v-32f11850"]]);
+export {
+  V as E,
+  h as b
+};

package/dist/{CardBaseAllIndividual-VdTcJTWG-BVu0s4Ia.js → CardBaseAllIndividual-DmeCG9Bu-LvinOZnn.js}

@@ -1,6 +1,6 @@
-import { computed as i, openBlock as o, createElementBlock as a, normalizeStyle as p, createBlock as B, mergeProps as S, withCtx as w, renderSlot as x, createElementVNode as r, createCommentVNode as l, normalizeClass as H, toDisplayString as s, Fragment as D, createVNode as b } from "vue";
-import { h as k, T } from "./misc-D94RabGe-BRVOC8Yx.js";
-const P = { class: "circle__total" }, $ = { class: "total" }, L = { class: "suffix" }, N = ["width", "height", "viewBox"], z = ["stroke"], U = ["stroke"], I = ["stop-color"], M = ["stop-color"], V = {
+import { computed as i, openBlock as o, createElementBlock as a, normalizeStyle as p, createBlock as B, mergeProps as S, withCtx as w, renderSlot as x, createElementVNode as r, createCommentVNode as l, normalizeClass as H, toDisplayString as s, Fragment as b, createVNode as D } from "vue";
+import { b as k, E as P } from "./CardBase-FI6JXGHQ-DgZSiy8R.js";
+const T = { class: "circle__total" }, $ = { class: "total" }, L = { class: "suffix" }, N = ["width", "height", "viewBox"], z = ["stroke"], U = ["stroke"], I = ["stop-color"], M = ["stop-color"], V = {
   __name: "CircleWithDots",
   props: {
     height: {
@@ -48,7 +48,7 @@ const P = { class: "circle__total" }, $ = { class: "total" }, L = { class: "suff
       class: "circle",
       style: p(n.value)
     }, [
-      r("div", P, [
+      r("div", T, [
         r("span", $, s(e.value), 1),
         r("span", L, s(e.suffix), 1)
       ]),
@@ -92,10 +92,10 @@ const P = { class: "circle__total" }, $ = { class: "total" }, L = { class: "suff
       ], 8, N))
     ], 4));
   }
-}, m = /* @__PURE__ */ k(V, [["__scopeId", "data-v-b9adcb76"]]), O = {
+}, m = /* @__PURE__ */ k(V, [["__scopeId", "data-v-b9adcb76"]]), E = {
   key: 0,
   class: "card-base-individual__content__player-img"
-}, A = ["src"], E = {
+}, O = ["src"], A = {
   key: 1,
   class: "card-base-individual__content__team-logo"
 }, R = ["src"], j = {
@@ -260,7 +260,7 @@ const P = { class: "circle__total" }, $ = { class: "total" }, L = { class: "suff
       class: "card-base-individual",
       style: p(u.value)
     }, [
-      n.value ? (o(), B(T, S({ key: 0 }, n.value, { width: e.width }), {
+      n.value ? (o(), B(P, S({ key: 0 }, n.value, { width: e.width }), {
         default: w(() => [
           x(d.$slots, "default", {}, () => [
             f.value ? (o(), a("div", {
@@ -268,15 +268,15 @@ const P = { class: "circle__total" }, $ = { class: "total" }, L = { class: "suff
               style: p(u.value),
               class: "card-base-individual__content"
             }, [
-              e.playerPhotoUrl ? (o(), a("div", O, [
+              e.playerPhotoUrl ? (o(), a("div", E, [
                 r("div", null, [
                   r("img", {
                     src: e.playerPhotoUrl,
                     alt: "player"
-                  }, null, 8, A)
+                  }, null, 8, O)
                 ])
               ])) : l("", !0),
-              e.teamLogoUrl ? (o(), a("div", E, [
+              e.teamLogoUrl ? (o(), a("div", A, [
                 r("img", {
                   src: e.teamLogoUrl,
                   alt: "team"
@@ -290,9 +290,9 @@ const P = { class: "circle__total" }, $ = { class: "total" }, L = { class: "suff
                     e.footerHeaderData.title ? (o(), a("div", G, s(e.footerHeaderData.title), 1)) : l("", !0),
                     e.footerHeaderData.title ? (o(), a("div", W, s(e.footerHeaderData.subtitle), 1)) : l("", !0)
                   ])) : l("", !0),
-                  e.footerHeaderData.total ? (o(), a(D, { key: 1 }, [
+                  e.footerHeaderData.total ? (o(), a(b, { key: 1 }, [
                     e.footerHeaderData.isTotalPercentage ? (o(), a("div", Y, [
-                      b(m, {
+                      D(m, {
                         value: e.footerHeaderData.total,
                         "text-color": e.footerBodyData.totalTextColor,
                         color: e.footerBodyData.totalCircleColor
@@ -305,9 +305,9 @@ const P = { class: "circle__total" }, $ = { class: "total" }, L = { class: "suff
                     class: "card-base-individual__content__footer__body__description",
                     innerHTML: e.footerBodyData.description
                   }, null, 8, K),
-                  e.footerBodyData.total ? (o(), a(D, { key: 0 }, [
+                  e.footerBodyData.total ? (o(), a(b, { key: 0 }, [
                     e.footerBodyData.isTotalPercentage ? (o(), a("div", Q, [
-                      b(m, {
+                      D(m, {
                         value: e.footerBodyData.total,
                         "text-color": e.footerBodyData.totalTextColor,
                         color: e.footerBodyData.totalCircleColor

package/dist/{CardGeneral-C-VvuOx1-DZ1STmiu.js → CardGeneral-CA0zyzc5-DTGPMgoe.js}

@@ -1,21 +1,22 @@
-import { computed as d, openBlock as l, createElementBlock as r, normalizeStyle as f, createBlock as D, mergeProps as B, withCtx as I, renderSlot as U, toDisplayString as v, createCommentVNode as s, unref as L, createElementVNode as e, Fragment as j, renderList as O, pushScopeId as q, popScopeId as T } from "vue";
-import { h as $, z as m, I as A, O as E, T as N } from "./misc-D94RabGe-BRVOC8Yx.js";
-const u = (a) => (q("data-v-d39c4494"), a = a(), T(), a), P = {
+import { computed as d, openBlock as l, createElementBlock as r, normalizeStyle as Z, createBlock as D, mergeProps as B, withCtx as I, renderSlot as U, toDisplayString as v, createCommentVNode as s, unref as L, createElementVNode as e, Fragment as j, renderList as O, pushScopeId as q, popScopeId as T } from "vue";
+import { b as $, E as A } from "./CardBase-FI6JXGHQ-DgZSiy8R.js";
+import { H as m, O as E, R as N } from "./index-BfXTbEFT.js";
+const u = (a) => (q("data-v-d39c4494"), a = a(), T(), a), R = {
   key: 0,
   class: "body-total is-absolute"
-}, G = {
+}, P = {
   key: 1,
   class: "team-logo is-absolute"
-}, J = ["src"], K = {
+}, G = ["src"], J = {
   key: 2,
   class: "whistle-svg is-absolute"
-}, Q = {
+}, K = {
   width: "42",
   height: "42",
   viewBox: "0 0 42 42",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, R = {
+}, Q = {
   id: "mask0_2153_556",
   style: { "mask-type": "luminance" },
   maskUnits: "userSpaceOnUse",
@@ -43,7 +44,7 @@ const u = (a) => (q("data-v-d39c4494"), a = a(), T(), a), P = {
   viewBox: "0 0 52 82",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, h1 = ["fill"], L1 = ["fill"], u1 = ["stroke"], k1 = ["stroke"], c1 = ["stroke"], v1 = ["stroke"], g1 = ["stroke"], m1 = ["stroke"], p1 = ["fill", "stroke"], _1 = { opacity: "0.7" }, M1 = ["stroke"], w1 = ["stroke"], y1 = ["stroke"], Z1 = ["stroke"], f1 = ["stroke"], x1 = ["stroke"], F1 = {
+}, h1 = ["fill"], L1 = ["fill"], u1 = ["stroke"], k1 = ["stroke"], c1 = ["stroke"], v1 = ["stroke"], g1 = ["stroke"], m1 = ["stroke"], p1 = ["fill", "stroke"], _1 = { opacity: "0.7" }, M1 = ["stroke"], w1 = ["stroke"], y1 = ["stroke"], f1 = ["stroke"], Z1 = ["stroke"], x1 = ["stroke"], F1 = {
   key: 5,
   class: "half-field-svg is-absolute"
 }, b1 = {
@@ -52,16 +53,16 @@ const u = (a) => (q("data-v-d39c4494"), a = a(), T(), a), P = {
   viewBox: "0 0 81 128",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, z1 = ["fill"], S1 = ["fill"], H1 = ["stroke"], V1 = ["stroke"], D1 = ["stroke"], B1 = ["stroke"], I1 = ["stroke"], U1 = ["stroke"], j1 = ["fill"], O1 = { opacity: "0.7" }, q1 = ["stroke"], T1 = ["stroke"], $1 = ["stroke"], A1 = ["stroke"], E1 = ["stroke"], N1 = ["stroke"], P1 = {
+}, z1 = ["fill"], S1 = ["fill"], H1 = ["stroke"], V1 = ["stroke"], D1 = ["stroke"], B1 = ["stroke"], I1 = ["stroke"], U1 = ["stroke"], j1 = ["fill"], O1 = { opacity: "0.7" }, q1 = ["stroke"], T1 = ["stroke"], $1 = ["stroke"], A1 = ["stroke"], E1 = ["stroke"], N1 = ["stroke"], R1 = {
   key: 6,
   class: "centers-field-svg is-absolute"
-}, G1 = {
+}, P1 = {
   width: "119",
   height: "55",
   viewBox: "0 0 119 55",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, J1 = ["fill"], K1 = ["fill"], Q1 = ["stroke"], R1 = ["stroke"], W1 = ["stroke"], X1 = ["stroke"], Y1 = ["stroke"], e2 = ["stroke"], t2 = ["stroke"], o2 = ["stroke"], l2 = /* @__PURE__ */ u(() => /* @__PURE__ */ e("mask", {
+}, G1 = ["fill"], J1 = ["fill"], K1 = ["stroke"], Q1 = ["stroke"], W1 = ["stroke"], X1 = ["stroke"], Y1 = ["stroke"], e2 = ["stroke"], t2 = ["stroke"], o2 = ["stroke"], l2 = /* @__PURE__ */ u(() => /* @__PURE__ */ e("mask", {
   id: "mask0_4146_61854",
   style: { "mask-type": "alpha" },
   maskUnits: "userSpaceOnUse",
@@ -115,7 +116,7 @@ const u = (a) => (q("data-v-d39c4494"), a = a(), T(), a), P = {
 }, m2 = ["src"], p2 = /* @__PURE__ */ u(() => /* @__PURE__ */ e("div", { class: "card-general__content__body" }, null, -1)), _2 = { class: "card-general__content__footer" }, M2 = { class: "card-general__content__footer__header" }, w2 = {
   key: 0,
   class: "card-general__content__footer__header__team-logo"
-}, y2 = ["src"], Z2 = { class: "card-general__content__footer__header__title" }, f2 = {
+}, y2 = ["src"], f2 = { class: "card-general__content__footer__header__title" }, Z2 = {
   key: 1,
   class: "card-general__content__footer__header__total"
 }, x2 = { class: "card-general__content__footer__body" }, F2 = ["innerHTML"], b2 = {
@@ -175,13 +176,13 @@ const u = (a) => (q("data-v-d39c4494"), a = a(), T(), a), P = {
       "--left-team-logo": g.has(o.data.id) ? "17px" : "unset",
       "--right-team-logo": k.has(o.data.id) ? "17px" : "unset",
       "--font-size-footer-title": M.has(o.data.id) ? "48px" : "29px"
-    })), Z = d(() => !o.data || !o.data.thumbnails ? null : {
+    })), f = d(() => !o.data || !o.data.thumbnails ? null : {
       backgroundOverlayColor: (o.data.thumbnails.colors.background_color || "#000000").trim(),
       backgroundImageSrc: o.data.is_player && o.data.thumbnails.images.background_player_in_action[0] ? m(o.data.thumbnails.images.background_player_in_action[0]) : m(o.data.thumbnails.images.background_team),
       titleColor: (o.data.thumbnails.colors.font_color_header || "#FFFFFF").trim(),
       textColor: (o.data.thumbnails.colors.font_color_description || "#FFFFFF").trim(),
       totalColor: (o.data.thumbnails.colors.font_color_stats || "#FFFFFF").trim()
-    }), S = d(() => o.data ? A(E({ data: o.data, descriptionType: o.descriptionType })) : ""), t = d(() => {
+    }), S = d(() => o.data ? E(N({ data: o.data, descriptionType: o.descriptionType })) : ""), t = d(() => {
       if (!o.data) return null;
       let C = o.data.team_logo, n = o.data.sections;
       C && (C = C.replace("-80", "-150")), n && (n = n.sort((i, h) => i[0] - h[0]));
@@ -197,9 +198,9 @@ const u = (a) => (q("data-v-d39c4494"), a = a(), T(), a), P = {
     });
     return (C, n) => (l(), r("div", {
       class: "card-general",
-      style: f(y.value)
+      style: Z(y.value)
     }, [
-      Z.value ? (l(), D(N, B({ key: 0 }, Z.value, {
+      f.value ? (l(), D(A, B({ key: 0 }, f.value, {
         width: a.width,
         "show-videos": a.showVideos
       }), {
@@ -207,20 +208,20 @@ const u = (a) => (q("data-v-d39c4494"), a = a(), T(), a), P = {
           U(C.$slots, "default", {}, () => [
             t.value ? (l(), r("div", {
               key: 0,
-              style: f(y.value),
+              style: Z(y.value),
               class: "card-general__content"
             }, [
-              z.value ? (l(), r("div", P, v(a.data.total), 1)) : s("", !0),
-              b.value ? (l(), r("div", G, [
+              z.value ? (l(), r("div", R, v(a.data.total), 1)) : s("", !0),
+              b.value ? (l(), r("div", P, [
                 t.value.teamLogoSrc ? (l(), r("img", {
                   key: 0,
                   src: t.value.teamLogoSrc,
                   alt: "team logo"
-                }, null, 8, J)) : s("", !0)
+                }, null, 8, G)) : s("", !0)
               ])) : s("", !0),
-              L(M).has(a.data.id) ? (l(), r("div", K, [
-                (l(), r("svg", Q, [
-                  e("mask", R, [
+              L(M).has(a.data.id) ? (l(), r("div", J, [
+                (l(), r("svg", K, [
+                  e("mask", Q, [
                     e("path", {
                       d: "M41.2963 41.2961V0.703659H0.703871V41.2961H41.2963Z",
                       fill: t.value.iconColor,
@@ -378,13 +379,13 @@ const u = (a) => (q("data-v-d39c4494"), a = a(), T(), a), P = {
                       stroke: t.value.svgLineColor,
                       "stroke-width": "0.2",
                       "stroke-dasharray": "0.4 0.4"
-                    }, null, 8, Z1),
+                    }, null, 8, f1),
                     e("path", {
                       d: "M26 81.5L26 1",
                       stroke: t.value.svgLineColor,
                       "stroke-width": "0.2",
                       "stroke-dasharray": "0.4 0.4"
-                    }, null, 8, f1),
+                    }, null, 8, Z1),
                     e("path", {
                       d: "M39 81.5L39 1",
                       stroke: t.value.svgLineColor,
@@ -493,21 +494,21 @@ const u = (a) => (q("data-v-d39c4494"), a = a(), T(), a), P = {
                   ])
                 ]))
               ])) : s("", !0),
-              L(_).has(a.data.id) ? (l(), r("div", P1, [
-                (l(), r("svg", G1, [
+              L(_).has(a.data.id) ? (l(), r("div", R1, [
+                (l(), r("svg", P1, [
                   e("rect", {
                     opacity: "0.8",
                     x: "88.7295",
                     width: "29.7177",
                     height: "54.3409",
                     fill: t.value.svgFillColor
-                  }, null, 8, J1),
+                  }, null, 8, G1),
                   e("rect", {
                     opacity: "0.8",
                     width: "29.7177",
                     height: "54.3409",
                     fill: t.value.svgFillColor
-                  }, null, 8, K1),
+                  }, null, 8, J1),
                   e("rect", {
                     x: "0.133065",
                     y: "0.133553",
@@ -516,7 +517,7 @@ const u = (a) => (q("data-v-d39c4494"), a = a(), T(), a), P = {
                     stroke: t.value.svgLineColor,
                     "stroke-width": "0.26613",
                     "stroke-dasharray": "0.53 0.53"
-                  }, null, 8, Q1),
+                  }, null, 8, K1),
                   e("rect", {
                     x: "0.310485",
                     y: "0.310973",
@@ -524,7 +525,7 @@ const u = (a) => (q("data-v-d39c4494"), a = a(), T(), a), P = {
                     height: "54.3791",
                     stroke: t.value.svgLineColor,
                     "stroke-width": "0.620969"
-                  }, null, 8, R1),
+                  }, null, 8, Q1),
                   e("rect", {
                     x: "0.133065",
                     y: "0.133797",
@@ -653,8 +654,8 @@ const u = (a) => (q("data-v-d39c4494"), a = a(), T(), a), P = {
                       alt: ""
                     }, null, 8, y2)) : s("", !0)
                   ])),
-                  e("div", Z2, v(a.data.title), 1),
-                  a.data.footer && a.data.footer.show_total && !a.data.footer.sections ? (l(), r("div", f2, v(a.data.total), 1)) : s("", !0)
+                  e("div", f2, v(a.data.title), 1),
+                  a.data.footer && a.data.footer.show_total && !a.data.footer.sections ? (l(), r("div", Z2, v(a.data.total), 1)) : s("", !0)
                 ]),
                 e("div", x2, [
                   e("div", {
@@ -679,7 +680,7 @@ const u = (a) => (q("data-v-d39c4494"), a = a(), T(), a), P = {
       }, 16, ["width", "show-videos"])) : s("", !0)
     ], 4));
   }
-}, B2 = /* @__PURE__ */ $(H2, [["__scopeId", "data-v-d39c4494"]]);
+}, I2 = /* @__PURE__ */ $(H2, [["__scopeId", "data-v-d39c4494"]]);
 export {
-  B2 as default
+  I2 as default
 };

package/dist/{CardGeneralIndividual-Dgeu5sRM-B8G1a9du.js → CardGeneralIndividual-CGvW_cNJ-CWAOLODF.js}

@@ -1,9 +1,10 @@
-import { useCssVars as P, computed as g, openBlock as e, createElementBlock as o, normalizeStyle as p, createBlock as A, mergeProps as N, withCtx as O, createElementVNode as a, createCommentVNode as r, toDisplayString as V, unref as q, normalizeClass as I, pushScopeId as $, popScopeId as E } from "vue";
-import { h as D, z as S, I as F, O as z, T as G } from "./misc-D94RabGe-BRVOC8Yx.js";
-const f = (i) => ($("data-v-a9874654"), i = i(), E(), i), J = { class: "card-content" }, K = {
+import { useCssVars as P, computed as g, openBlock as e, createElementBlock as o, normalizeStyle as p, createBlock as A, mergeProps as E, withCtx as N, createElementVNode as a, createCommentVNode as r, toDisplayString as V, unref as q, normalizeClass as C, pushScopeId as O, popScopeId as R } from "vue";
+import { b as $, E as D } from "./CardBase-FI6JXGHQ-DgZSiy8R.js";
+import { H as I, O as F, R as z } from "./index-BfXTbEFT.js";
+const f = (i) => (O("data-v-a9874654"), i = i(), R(), i), G = { class: "card-content" }, J = {
   key: 0,
   class: "side-title"
-}, Q = {
+}, K = {
   key: 0,
   class: "side-title__team-logo bottom",
   width: "40",
@@ -11,7 +12,7 @@ const f = (i) => ($("data-v-a9874654"), i = i(), E(), i), J = { class: "card-con
   viewBox: "0 0 40 40",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, R = {
+}, Q = {
   opacity: ".6",
   "clip-path": "url(#5mgq3p4qba)"
 }, U = ["stroke"], W = ["stroke"], X = ["fill"], Y = ["stroke"], Z = { id: "5mgq3p4qba" }, l1 = ["fill"], a1 = ["src"], t1 = {
@@ -68,7 +69,7 @@ const f = (i) => ($("data-v-a9874654"), i = i(), E(), i), J = { class: "card-con
 }, M1 = ["fill"], y1 = ["stroke"], b1 = {
   key: 3,
   class: "top-content-center"
-}, x1 = { class: "text-content" }, L1 = ["innerHTML"], T1 = ["src"], B1 = ["src"], H1 = {
+}, x1 = { class: "text-content" }, H1 = ["innerHTML"], L1 = ["src"], B1 = ["src"], T1 = {
   __name: "CardGeneralIndividual",
   props: {
     height: {
@@ -94,12 +95,12 @@ const f = (i) => ($("data-v-a9874654"), i = i(), E(), i), J = { class: "card-con
   },
   setup(i) {
     P((n) => ({
-      "5512b426": C.value,
+      "5512b426": j.value,
       "1095783b": i.data.thumbnails.colors.font_color || "white",
       "7cf086b3": i.data.title_align || "center",
       "5f08f0d2": i.data.header.width || "40px"
     }));
-    const l = i, j = g(() => ({
+    const l = i, S = g(() => ({
       "--height": l.height,
       "--width": l.width,
       "--footer-background-color": l.data.thumbnails.colors.background_color_cards || "#000000"
@@ -108,30 +109,30 @@ const f = (i) => ($("data-v-a9874654"), i = i(), E(), i), J = { class: "card-con
       return !l.data || !l.data.thumbnails ? null : {
         idCard: l.data.id,
         backgroundOverlayColor: l.data.thumbnails.colors.background_color || "#000000",
-        backgroundImageSrc: S((d = (s = (c = (n = l.data) == null ? void 0 : n.thumbnails) == null ? void 0 : c.images) == null ? void 0 : s.background_player_in_action) != null && d[0] ? l.data.thumbnails.images.background_player_in_action[0] : (h = (m = (u = l.data) == null ? void 0 : u.thumbnails) == null ? void 0 : m.images) != null && h.background_team ? l.data.thumbnails.images.background_team : "")
+        backgroundImageSrc: I((d = (s = (c = (n = l.data) == null ? void 0 : n.thumbnails) == null ? void 0 : c.images) == null ? void 0 : s.background_player_in_action) != null && d[0] ? l.data.thumbnails.images.background_player_in_action[0] : (h = (m = (u = l.data) == null ? void 0 : u.thumbnails) == null ? void 0 : m.images) != null && h.background_team ? l.data.thumbnails.images.background_team : "")
       };
     }), _ = g(() => {
       var n, c, s, d;
       return l.data ? {
-        playerInAction: (d = (s = (c = (n = l.data) == null ? void 0 : n.thumbnails) == null ? void 0 : c.images) == null ? void 0 : s.player_in_action) != null && d[0] ? S(l.data.thumbnails.images.player_in_action[0]) : "",
+        playerInAction: (d = (s = (c = (n = l.data) == null ? void 0 : n.thumbnails) == null ? void 0 : c.images) == null ? void 0 : s.player_in_action) != null && d[0] ? I(l.data.thumbnails.images.player_in_action[0]) : "",
         description: F(z({ data: l.data, descriptionType: l.descriptionType }))
       } : null;
-    }), C = g(() => l.data.categories.some((n) => [2, 20].includes(n)) && l.data.id == "11-g" ? "space-between" : "center");
+    }), j = g(() => l.data.categories.some((n) => [2, 20].includes(n)) && l.data.id == "11-g" ? "space-between" : "center");
     return (n, c) => (e(), o("div", {
       class: "card-general",
-      style: p(j.value)
+      style: p(S.value)
     }, [
-      k.value ? (e(), A(G, N({ key: 0 }, k.value, {
+      k.value ? (e(), A(D, E({ key: 0 }, k.value, {
         width: i.width,
         "show-videos": i.showVideos
       }), {
-        default: O(() => {
-          var s, d, u, m, h, w, v, M, y, b, x, L, T, B, H;
+        default: N(() => {
+          var s, d, u, m, h, w, v, M, y, b, x, H, L, B, T;
           return [
-            a("div", J, [
-              l.data.vertical_title ? (e(), o("div", K, [
-                (d = (s = l.data) == null ? void 0 : s.categories) != null && d.some((t) => [17, 50].includes(t)) && l.data.id == "20-g" && l.data.header.show_icon ? (e(), o("svg", Q, [
-                  a("g", R, [
+            a("div", G, [
+              l.data.vertical_title ? (e(), o("div", J, [
+                (d = (s = l.data) == null ? void 0 : s.categories) != null && d.some((t) => [17, 50].includes(t)) && l.data.id == "20-g" && l.data.header.show_icon ? (e(), o("svg", K, [
+                  a("g", Q, [
                     a("path", {
                       d: "M26.254 34.062h-12.5a3.125 3.125 0 0 1-3.125-3.125 6.25 6.25 0 0 0-6.25-6.25V19.11c0-8.16 5.966-15.448 14.09-16.223 9.32-.889 17.16 6.416 17.16 15.551v6.25a6.25 6.25 0 0 0-6.25 6.25c0 1.726-1.4 3.125-3.125 3.125zM16.879 30.938v3.125M23.129 30.938v3.125",
                       stroke: l.data.thumbnails.colors.icon_color,
@@ -205,7 +206,7 @@ const f = (i) => ($("data-v-a9874654"), i = i(), E(), i), J = { class: "card-con
                     "stroke-width": "1.667"
                   }, null, 8, c1)
                 ])) : r("", !0),
-                (L = (x = l.data) == null ? void 0 : x.categories) != null && L.some((t) => [17, 50].includes(t)) && l.data.id == "19-g" && l.data.header.show_icon ? (e(), o("svg", u1, [
+                (H = (x = l.data) == null ? void 0 : x.categories) != null && H.some((t) => [17, 50].includes(t)) && l.data.id == "19-g" && l.data.header.show_icon ? (e(), o("svg", u1, [
                   a("g", m1, [
                     a("path", {
                       d: "M26.254 34.062h-12.5a3.125 3.125 0 0 1-3.125-3.125 6.25 6.25 0 0 0-6.25-6.25V19.11c0-8.16 5.966-15.448 14.09-16.223 9.32-.889 17.16 6.416 17.16 15.551v6.25a6.25 6.25 0 0 0-6.25 6.25c0 1.726-1.4 3.125-3.125 3.125zM16.879 30.938v3.125M23.129 30.938v3.125",
@@ -248,7 +249,7 @@ const f = (i) => ($("data-v-a9874654"), i = i(), E(), i), J = { class: "card-con
                     style: p({ color: l.data.thumbnails.colors.font_color_description || "white" })
                   }, null, 12, w1)
                 ]),
-                (B = (T = l.data) == null ? void 0 : T.categories) != null && B.some((t) => [4].includes(t)) && l.data.id == "6-g" ? (e(), o("svg", v1, [
+                (B = (L = l.data) == null ? void 0 : L.categories) != null && B.some((t) => [4].includes(t)) && l.data.id == "6-g" ? (e(), o("svg", v1, [
                   a("path", {
                     d: "M.1 40.667a4 4 0 1 0 8 0 4 4 0 0 0-8 0zm30.167-18.666.436.61.844-.602-.836-.613-.444.605zM1.322.752l3.484 7.93L9.93 1.7 1.322.752zm.843 1.55a.75.75 0 1 0 .888-1.21l-.888 1.21zm4.104 1.151a.75.75 0 1 0-.888 1.21l.888-1.21zm1.685 3.098a.75.75 0 0 0 .888-1.21l-.888 1.21zm4.104 1.152a.75.75 0 1 0-.888 1.209l.888-1.21zm1.685 3.098a.75.75 0 1 0 .887-1.21l-.887 1.21zm4.104 1.151a.75.75 0 1 0-.888 1.21l.888-1.21zm1.685 3.098a.75.75 0 0 0 .887-1.209l-.887 1.21zm4.104 1.152a.75.75 0 0 0-.888 1.21l.888-1.21zM25.32 19.3a.75.75 0 0 0 .887-1.21l-.887 1.21zm4.104 1.152a.75.75 0 0 0-.888 1.209l.888-1.21zm-1.047 1.975a.75.75 0 0 0 .871 1.221l-.871-1.221zm-2.763 3.814a.75.75 0 1 0-.871-1.221l.87 1.22zm-3.779.853a.75.75 0 0 0 .871 1.22l-.87-1.22zm-2.763 3.813a.75.75 0 0 0-.87-1.22l.87 1.22zm-3.778.853a.75.75 0 1 0 .87 1.221l-.87-1.22zm-2.764 3.814a.75.75 0 1 0-.87-1.221l.87 1.22zm-3.778.853a.75.75 0 0 0 .871 1.221l-.871-1.221zM5.99 40.24a.75.75 0 1 0-.871-1.22l.87 1.22zM5.38 4.662l2.573 1.889.888-1.21-2.573-1.888-.888 1.21zm5.789 4.25 2.573 1.889.887-1.21-2.572-1.888-.888 1.209zm5.789 4.25 2.573 1.888.887-1.209-2.572-1.889-.888 1.21zm5.789 4.25 2.573 1.888.887-1.21-2.572-1.888-.888 1.21zm5.789 4.249 1.286.944.888-1.209-1.286-.944-.888 1.209zm1.295-.271-1.454 1.037.871 1.221 1.454-1.037-.871-1.221zm-5.088 3.63-2.908 2.074.871 1.22 2.908-2.073-.871-1.221zm-6.542 4.666-2.907 2.074.87 1.221 2.908-2.074-.87-1.22zm-6.542 4.667-2.907 2.074.871 1.221 2.907-2.074-.87-1.221zM5.12 39.019l-1.454 1.037.871 1.222L5.99 40.24l-.871-1.22z",
                     fill: l.data.thumbnails.colors.icon_color
@@ -265,17 +266,17 @@ const f = (i) => ($("data-v-a9874654"), i = i(), E(), i), J = { class: "card-con
                   a("p", {
                     innerHTML: q(z)({ data: l.data, descriptionType: l.descriptionType }).replace(/\*([^*]+)\*/g, "<span style='font-family: Poppins-Bold; font-weight: 700;'>$1</span>"),
                     style: p({ color: l.data.thumbnails.colors.font_color_description || "white" })
-                  }, null, 12, L1)
+                  }, null, 12, H1)
                 ]),
                 a("img", {
-                  class: I(["team-logo", l.data.footer.team_logo_position || "left"]),
+                  class: C(["team-logo", l.data.footer.team_logo_position || "left"]),
                   src: l.data.team_logo,
                   alt: "Logo del equipo"
-                }, null, 10, T1)
+                }, null, 10, L1)
               ])),
-              (H = _.value) != null && H.playerInAction ? (e(), o("div", {
+              (T = _.value) != null && T.playerInAction ? (e(), o("div", {
                 key: 4,
-                class: I(["16-g", "20-g", "6-g"].includes(l.data.id) ? "player-image2" : "player-image")
+                class: C(["16-g", "20-g", "6-g"].includes(l.data.id) ? "player-image2" : "player-image")
               }, [
                 a("img", {
                   src: _.value.playerInAction,
@@ -289,7 +290,7 @@ const f = (i) => ($("data-v-a9874654"), i = i(), E(), i), J = { class: "card-con
       }, 16, ["width", "show-videos"])) : r("", !0)
     ], 4));
   }
-}, I1 = /* @__PURE__ */ D(H1, [["__scopeId", "data-v-a9874654"]]);
+}, I1 = /* @__PURE__ */ $(T1, [["__scopeId", "data-v-a9874654"]]);
 export {
   I1 as default
 };