@golstats/gsc-landing 1.0.199 → 1.0.201

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/{CardBaseAllIndividual-CNB7K2M0-nej9DJ8x.js → CardBaseAllIndividual-D0CaU15e-CLPB0z0l.js}

@@ -1,6 +1,6 @@
-import { computed as i, openBlock as o, createElementBlock as a, normalizeStyle as p, createBlock as F, mergeProps as k, withCtx as S, renderSlot as v, createElementVNode as r, createCommentVNode as l, normalizeClass as B, toDisplayString as s, Fragment as x, createVNode as m } from "vue";
-import { h as b, T as H } from "./misc-BbzSgyER-2p2XKW1m.js";
-const w = { class: "circle__total" }, P = { class: "total" }, T = { class: "suffix" }, $ = ["width", "height", "viewBox"], L = ["stroke"], N = ["stroke"], z = ["stop-color"], U = ["stop-color"], I = {
+import { computed as i, openBlock as o, createElementBlock as a, normalizeStyle as p, createBlock as B, mergeProps as S, withCtx as H, renderSlot as x, createElementVNode as r, createCommentVNode as l, normalizeClass as w, toDisplayString as s, Fragment as D, createVNode as b } from "vue";
+import { h as k, T as P } from "./misc-BpbriWn--Bd_IQoHZ.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"], O = {
   __name: "CircleWithDots",
   props: {
     height: {
@@ -43,14 +43,14 @@ const w = { class: "circle__total" }, P = { class: "total" }, T = { class: "suff
       "--value-font-size": `${t.valueFontSize}px`,
       "--suffix-font-size": `${t.suffixFontSize}px`,
       "--color": t.textColor
-    })), c = `linear-gradient-${Date.now()}`;
+    })), f = `linear-gradient-${Date.now()}`;
     return (y, d) => (o(), a("div", {
       class: "circle",
       style: p(n.value)
     }, [
-      r("div", w, [
-        r("span", P, s(e.value), 1),
-        r("span", T, s(e.suffix), 1)
+      r("div", T, [
+        r("span", $, s(e.value), 1),
+        r("span", L, s(e.suffix), 1)
       ]),
       (o(), a("svg", {
         width: n.value["--width"],
@@ -62,70 +62,70 @@ const w = { class: "circle__total" }, P = { class: "total" }, T = { class: "suff
       }, [
         r("path", {
           d: "M34.5 2C38.7023 2 42.8635 2.8277 46.7459 4.43586C50.6283 6.04401 54.1559 8.40111 57.1274 11.3726C60.0989 14.3441 62.456 17.8717 64.0641 21.7541C65.6723 25.6366 66.5 29.7977 66.5 34C66.5 38.2023 65.6723 42.3635 64.0641 46.2459C62.456 50.1283 60.0989 53.6559 57.1274 56.6274C54.1559 59.5989 50.6283 61.956 46.7459 63.5641C42.8634 65.1723 38.7023 66 34.5 66C30.2977 66 26.1365 65.1723 22.2541 63.5641C18.3717 61.956 14.844 59.5989 11.8726 56.6274C8.9011 53.6559 6.544 50.1283 4.93585 46.2459C3.3277 42.3634 2.5 38.2023 2.5 34C2.5 29.7977 3.32771 25.6365 4.93586 21.7541C6.54401 17.8717 8.90112 14.344 11.8726 11.3726C14.8441 8.4011 18.3717 6.044 22.2541 4.43585C26.1366 2.8277 30.2977 2 34.5 2L34.5 2Z",
-          stroke: `url(#${c})`,
+          stroke: `url(#${f})`,
           "stroke-width": "3.14",
           "stroke-linecap": "round"
-        }, null, 8, L),
+        }, null, 8, z),
         r("path", {
           d: "M34.4996 6.63965C38.0926 6.63965 41.6504 7.34734 44.9699 8.72231C48.2893 10.0973 51.3055 12.1126 53.8461 14.6532C56.3867 17.1938 58.402 20.21 59.777 23.5294C61.152 26.8489 61.8597 30.4067 61.8596 33.9997C61.8596 37.5926 61.152 41.1504 59.777 44.4699C58.402 47.7893 56.3867 50.8055 53.8461 53.3461C51.3055 55.8867 48.2893 57.902 44.9699 59.277C41.6504 60.652 38.0926 61.3597 34.4996 61.3596C30.9067 61.3596 27.3489 60.652 24.0294 59.277C20.71 57.902 17.6938 55.8867 15.1532 53.3461C12.6126 50.8055 10.5973 47.7893 9.2223 44.4699C7.84733 41.1504 7.13965 37.5926 7.13965 33.9996C7.13965 30.4067 7.84734 26.8489 9.22231 23.5294C10.5973 20.2099 12.6126 17.1938 15.1532 14.6532C17.6938 12.1126 20.71 10.0973 24.0294 8.7223C27.3489 7.34733 30.9067 6.63965 34.4997 6.63965L34.4996 6.63965Z",
           stroke: e.color,
           "stroke-width": "0.380952",
           "stroke-linecap": "round",
           "stroke-dasharray": "0 0.19 2.61 0 0.19 2.61"
-        }, null, 8, N),
+        }, null, 8, U),
         r("defs", null, [
           r("linearGradient", {
-            id: c,
+            id: f,
             x1: "34.5",
             y1: "2",
             x2: "34.5",
             y2: "66",
             gradientUnits: "userSpaceOnUse"
           }, [
-            r("stop", { "stop-color": e.color }, null, 8, z),
+            r("stop", { "stop-color": e.color }, null, 8, I),
             r("stop", {
               offset: "1",
               "stop-color": e.color
-            }, null, 8, U)
+            }, null, 8, M)
           ])
         ])
-      ], 8, $))
+      ], 8, N))
     ], 4));
   }
-}, D = /* @__PURE__ */ b(I, [["__scopeId", "data-v-b9adcb76"]]), M = {
+}, m = /* @__PURE__ */ k(O, [["__scopeId", "data-v-b9adcb76"]]), V = {
   key: 0,
   class: "card-base-individual__content__player-img"
-}, O = ["src"], V = {
+}, A = ["src"], E = {
   key: 1,
   class: "card-base-individual__content__team-logo"
-}, A = ["src"], E = {
+}, R = ["src"], j = {
   key: 0,
   class: "card-base-individual__content__footer__header"
-}, R = {
+}, Z = {
   key: 0,
   class: "card-base-individual__content__footer__header__title-and-sub ts"
-}, j = {
+}, G = {
   key: 0,
   class: "card-base-individual__content__footer__header__title"
-}, Z = {
+}, W = {
   key: 1,
   class: "card-base-individual__content__footer__header__subtitle"
-}, G = {
+}, Y = {
   key: 0,
   class: "th"
-}, W = {
+}, q = {
   key: 1,
   class: "total th"
-}, Y = {
+}, J = {
   key: 1,
   class: "card-base-individual__content__footer__body"
-}, q = ["innerHTML"], J = {
+}, K = ["innerHTML"], Q = {
   key: 0,
   class: "total-b"
-}, K = {
+}, X = {
   key: 1,
   class: "total total-b"
-}, Q = { class: "card-base-individual__content__body" }, X = {
+}, tt = { class: "card-base-individual__content__body" }, et = {
   __name: "CardBaseAllIndividual",
   props: {
     height: {
@@ -146,6 +146,7 @@ const w = { class: "circle__total" }, P = { class: "total" }, T = { class: "suff
       * isTotalLeft: boolean,
       * isTotalPercentage: boolean,
       * textColor: string,
+      * totalBorderColor: string,
       * }
       * */
       default: () => null
@@ -161,6 +162,7 @@ const w = { class: "circle__total" }, P = { class: "total" }, T = { class: "suff
       * totalTextColor: string,
       * totalCircleColor: string,
       * textColor: string,
+      * totalBorderColor: string,
       * }
       * */
       default: () => null
@@ -216,23 +218,24 @@ const w = { class: "circle__total" }, P = { class: "total" }, T = { class: "suff
   },
   setup(e) {
     const t = e, u = i(() => {
-      var d, f, h, g;
-      const _ = t.footerBodyData && t.footerBodyData.description && t.footerBodyData.total, C = t.footerHeaderData && t.footerHeaderData.title && t.footerHeaderData.total;
+      var d, c, h, g, _, C;
+      const v = t.footerBodyData && t.footerBodyData.description && t.footerBodyData.total, F = t.footerHeaderData && t.footerHeaderData.title && t.footerHeaderData.total;
       return {
         "--height": t.height,
         "--width": t.width,
         "--footer-background-color": t.cardColor || "#000000",
-        "--text-color": t.textColor || "#FFFFFF",
-        "--footer-body-text-color": ((d = t.footerBodyData) == null ? void 0 : d.textColor) || "#FFFFFF",
-        "--footer-header-text-color": ((f = t.footerHeaderData) == null ? void 0 : f.textColor) || "#FFFFFF",
+        "--text-color": t.goldCardType ? "#FFFFFF" : t.textColor || "#FFFFFF",
+        "--footer-body-text-color": t.goldCardType ? "#FFFFFF" : ((d = t.footerBodyData) == null ? void 0 : d.textColor) || "#FFFFFF",
+        "--footer-header-text-color": ((c = t.footerHeaderData) == null ? void 0 : c.textColor) || "#FFFFFF",
+        "--total-border": `1.6px solid ${((h = t.footerBodyData) == null ? void 0 : h.totalBorderColor) || ((g = t.footerHeaderData) == null ? void 0 : g.totalBorderColor) || "#FFFFFF"}`,
         "--footer-height": t.footerHeight,
         "--footer-width": t.goldCardType ? "263px" : "auto",
         "--footer-padding": t.footerPadding,
-        "--total-color": ((h = t.footerBodyData) == null ? void 0 : h.totalTextColor) || ((g = t.footerHeaderData) == null ? void 0 : g.totalTextColor) || "#FFFFFF",
-        "--description-text-align": _ || t.footerHeaderData ? "left" : "center",
-        "--footer-body-template-columns": _ ? "1fr min-content" : "1fr",
-        "--footer-header-template-columns": C ? t.footerHeaderData.isTotalLeft ? "min-content 1fr" : "1fr min-content" : "1fr",
-        "--footer-header-grid-areas": C ? t.footerHeaderData.isTotalLeft ? '"th ts"' : '"ts th"' : '"ts"',
+        "--total-color": t.goldCardType ? "#FFFFFF" : ((_ = t.footerBodyData) == null ? void 0 : _.totalTextColor) || ((C = t.footerHeaderData) == null ? void 0 : C.totalTextColor) || "#FFFFFF",
+        "--description-text-align": v || t.footerHeaderData ? "left" : "center",
+        "--footer-body-template-columns": v ? "1fr min-content" : "1fr",
+        "--footer-header-template-columns": F ? t.footerHeaderData.isTotalLeft ? "min-content 1fr" : "1fr min-content" : "1fr",
+        "--footer-header-grid-areas": F ? t.footerHeaderData.isTotalLeft ? '"th ts"' : '"ts th"' : '"ts"',
         "--player-photo-position-top": t.playerPhotoPositionTop,
         "--player-photo-position-left": t.playerPhotoPositionLeft,
         "--player-photo-position-right": t.playerPhotoPositionRight,
@@ -243,74 +246,74 @@ const w = { class: "circle__total" }, P = { class: "total" }, T = { class: "suff
       backgroundImageSrc: t.backgroundImageSrc,
       isPlayButtonVisible: !0,
       goldCardType: t.goldCardType
-    })), c = i(() => ({}));
+    })), f = i(() => ({}));
     i(() => t.footerBodyData.total ? t.footerBodyData.isTotalPercentage ? `${t.footerBodyData.total}%` : t.footerBodyData.total : "");
     const y = i(() => {
       const d = [];
       return t.goldCardType && (t.goldCardType === 1 ? d.push("gold-card-1") : t.goldCardType === 2 && d.push("gold-card-2")), d;
     });
-    return (d, f) => (o(), a("div", {
+    return (d, c) => (o(), a("div", {
       class: "card-base-individual",
       style: p(u.value)
     }, [
-      n.value ? (o(), F(H, k({ key: 0 }, n.value, { width: e.width }), {
-        default: S(() => [
-          v(d.$slots, "default", {}, () => [
-            c.value ? (o(), a("div", {
+      n.value ? (o(), B(P, S({ key: 0 }, n.value, { width: e.width }), {
+        default: H(() => [
+          x(d.$slots, "default", {}, () => [
+            f.value ? (o(), a("div", {
               key: 0,
               style: p(u.value),
               class: "card-base-individual__content"
             }, [
-              e.playerPhotoUrl ? (o(), a("div", M, [
+              e.playerPhotoUrl ? (o(), a("div", V, [
                 r("div", null, [
                   r("img", {
                     src: e.playerPhotoUrl,
                     alt: "player"
-                  }, null, 8, O)
+                  }, null, 8, A)
                 ])
               ])) : l("", !0),
-              e.teamLogoUrl ? (o(), a("div", V, [
+              e.teamLogoUrl ? (o(), a("div", E, [
                 r("img", {
                   src: e.teamLogoUrl,
                   alt: "team"
-                }, null, 8, A)
+                }, null, 8, R)
               ])) : l("", !0),
               r("div", {
-                class: B(["card-base-individual__content__footer", y.value])
+                class: w(["card-base-individual__content__footer", y.value])
               }, [
-                e.footerHeaderData ? (o(), a("div", E, [
-                  e.footerHeaderData.title ? (o(), a("div", R, [
-                    e.footerHeaderData.title ? (o(), a("div", j, s(e.footerHeaderData.title), 1)) : l("", !0),
-                    e.footerHeaderData.title ? (o(), a("div", Z, s(e.footerHeaderData.subtitle), 1)) : l("", !0)
+                e.footerHeaderData ? (o(), a("div", j, [
+                  e.footerHeaderData.title ? (o(), a("div", Z, [
+                    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(x, { key: 1 }, [
-                    e.footerHeaderData.isTotalPercentage ? (o(), a("div", G, [
-                      m(D, {
+                  e.footerHeaderData.total ? (o(), a(D, { key: 1 }, [
+                    e.footerHeaderData.isTotalPercentage ? (o(), a("div", Y, [
+                      b(m, {
                         value: e.footerHeaderData.total,
                         "text-color": e.footerBodyData.totalTextColor,
                         color: e.footerBodyData.totalCircleColor
                       }, null, 8, ["value", "text-color", "color"])
-                    ])) : (o(), a("div", W, s(e.footerHeaderData.total), 1))
+                    ])) : (o(), a("div", q, s(e.footerHeaderData.total), 1))
                   ], 64)) : l("", !0)
                 ])) : l("", !0),
-                e.footerBodyData ? (o(), a("div", Y, [
+                e.footerBodyData ? (o(), a("div", J, [
                   r("div", {
                     class: "card-base-individual__content__footer__body__description",
                     innerHTML: e.footerBodyData.description
-                  }, null, 8, q),
-                  e.footerBodyData.total ? (o(), a(x, { key: 0 }, [
-                    e.footerBodyData.isTotalPercentage ? (o(), a("div", J, [
-                      m(D, {
+                  }, null, 8, K),
+                  e.footerBodyData.total ? (o(), a(D, { key: 0 }, [
+                    e.footerBodyData.isTotalPercentage ? (o(), a("div", Q, [
+                      b(m, {
                         value: e.footerBodyData.total,
                         "text-color": e.footerBodyData.totalTextColor,
                         color: e.footerBodyData.totalCircleColor
                       }, null, 8, ["value", "text-color", "color"])
-                    ])) : (o(), a("div", K, s(e.footerBodyData.total), 1))
+                    ])) : (o(), a("div", X, s(e.footerBodyData.total), 1))
                   ], 64)) : l("", !0)
                 ])) : l("", !0)
               ], 2),
-              r("div", Q, [
-                v(d.$slots, "body", {}, void 0, !0)
+              r("div", tt, [
+                x(d.$slots, "body", {}, void 0, !0)
               ])
             ], 4)) : l("", !0)
           ], !0)
@@ -319,7 +322,7 @@ const w = { class: "circle__total" }, P = { class: "total" }, T = { class: "suff
       }, 16, ["width"])) : l("", !0)
     ], 4));
   }
-}, ot = /* @__PURE__ */ b(X, [["__scopeId", "data-v-c8248477"]]);
+}, rt = /* @__PURE__ */ k(et, [["__scopeId", "data-v-6a189308"]]);
 export {
-  ot as o
+  rt as r
 };

package/dist/{CardGeneral-CzD9BfTs-D1qozgj2.js → CardGeneral-AZwvWZ_3-AQOM0OL9.js}

@@ -1,6 +1,6 @@
-import { computed as d, openBlock as o, createElementBlock as a, normalizeStyle as Z, createBlock as D, mergeProps as I, withCtx as B, 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 A, E as m, I as E, O as $, T as N } from "./misc-BbzSgyER-2p2XKW1m.js";
-const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), P = {
+import { computed as d, openBlock as o, createElementBlock as r, normalizeStyle as f, createBlock as D, mergeProps as I, withCtx as B, 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 A, E as m, I as E, O as $, T as N } from "./misc-BpbriWn--Bd_IQoHZ.js";
+const u = (a) => (q("data-v-73382c86"), a = a(), T(), a), P = {
   key: 0,
   class: "body-total is-absolute"
 }, G = {
@@ -23,7 +23,7 @@ const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), P = {
   y: "0",
   width: "42",
   height: "42"
-}, W = ["fill", "stroke"], X = { mask: "url(#mask0_2153_556)" }, Y = ["stroke"], e1 = ["stroke"], t1 = ["stroke"], l1 = ["stroke"], o1 = ["stroke"], a1 = ["stroke"], r1 = {
+}, W = ["fill", "stroke"], X = { mask: "url(#mask0_2153_556)" }, Y = ["stroke"], e1 = ["stroke"], t1 = ["stroke"], l1 = ["stroke"], o1 = ["stroke"], r1 = ["stroke"], a1 = {
   key: 3,
   class: "circle-arrow-svg is-absolute"
 }, s1 = {
@@ -43,7 +43,7 @@ const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), 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"], f1 = ["stroke"], Z1 = ["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"], Z1 = ["stroke"], f1 = ["stroke"], x1 = ["stroke"], F1 = {
   key: 5,
   class: "half-field-svg is-absolute"
 }, b1 = {
@@ -76,7 +76,7 @@ const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), P = {
     transform: "matrix(1 0 0 -1 35.4844 29.8347)",
     fill: "#D9D9D9"
   })
-], -1)), a2 = { mask: "url(#mask0_4146_61854)" }, r2 = ["stroke"], s2 = ["fill"], i2 = /* @__PURE__ */ u(() => /* @__PURE__ */ e("mask", {
+], -1)), r2 = { mask: "url(#mask0_4146_61854)" }, a2 = ["stroke"], s2 = ["fill"], i2 = /* @__PURE__ */ u(() => /* @__PURE__ */ e("mask", {
   id: "mask1_4146_61854",
   style: { "mask-type": "alpha" },
   maskUnits: "userSpaceOnUse",
@@ -115,7 +115,7 @@ const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), 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"], f2 = { class: "card-general__content__footer__header__title" }, Z2 = {
+}, y2 = ["src"], Z2 = { class: "card-general__content__footer__header__title" }, f2 = {
   key: 1,
   class: "card-general__content__footer__header__total"
 }, x2 = { class: "card-general__content__footer__body" }, F2 = ["innerHTML"], b2 = {
@@ -141,8 +141,8 @@ const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), P = {
       default: 4
     }
   },
-  setup(r) {
-    const l = r, g = /* @__PURE__ */ new Set([
+  setup(a) {
+    const l = a, g = /* @__PURE__ */ new Set([
       "1-g"
     ]), k = /* @__PURE__ */ new Set([
       "2-g"
@@ -171,13 +171,13 @@ const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), P = {
       "--left-team-logo": g.has(l.data.id) ? "17px" : "unset",
       "--right-team-logo": k.has(l.data.id) ? "17px" : "unset",
       "--font-size-footer-title": M.has(l.data.id) ? "48px" : "29px"
-    })), f = d(() => (console.log("######################################################"), console.log("props.data.id", l.data.id), console.log("props.data", l.data), !l.data || !l.data.thumbnails ? null : {
+    })), Z = d(() => !l.data || !l.data.thumbnails ? null : {
       backgroundOverlayColor: (l.data.thumbnails.colors.background_color || "#000000").trim(),
       backgroundImageSrc: l.data.is_player && l.data.thumbnails.images.background_player_in_action[0] ? m(l.data.thumbnails.images.background_player_in_action[0]) : m(l.data.thumbnails.images.background_team),
       titleColor: (l.data.thumbnails.colors.font_color_header || "#FFFFFF").trim(),
       textColor: (l.data.thumbnails.colors.font_color_description || "#FFFFFF").trim(),
       totalColor: (l.data.thumbnails.colors.font_color_stats || "#FFFFFF").trim()
-    })), S = d(() => l.data ? E($({ data: l.data, descriptionType: l.descriptionType })) : ""), t = d(() => {
+    }), S = d(() => l.data ? E($({ data: l.data, descriptionType: l.descriptionType })) : ""), t = d(() => {
       if (!l.data) return null;
       let C = l.data.team_logo, n = l.data.sections;
       C && (C = C.replace("-80", "-150")), n && (n = n.sort((i, h) => i[0] - h[0]));
@@ -191,28 +191,28 @@ const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), P = {
         iconColor: (l.data.thumbnails.colors.icon_color || "#FFFFFF").trim()
       };
     });
-    return (C, n) => (o(), a("div", {
+    return (C, n) => (o(), r("div", {
       class: "card-general",
-      style: Z(y.value)
+      style: f(y.value)
     }, [
-      f.value ? (o(), D(N, I({ key: 0 }, f.value, { width: r.width }), {
+      Z.value ? (o(), D(N, I({ key: 0 }, Z.value, { width: a.width }), {
         default: B(() => [
           U(C.$slots, "default", {}, () => [
-            t.value ? (o(), a("div", {
+            t.value ? (o(), r("div", {
               key: 0,
-              style: Z(y.value),
+              style: f(y.value),
               class: "card-general__content"
             }, [
-              z.value ? (o(), a("div", P, v(r.data.total), 1)) : s("", !0),
-              b.value ? (o(), a("div", G, [
-                t.value.teamLogoSrc ? (o(), a("img", {
+              z.value ? (o(), r("div", P, v(a.data.total), 1)) : s("", !0),
+              b.value ? (o(), r("div", G, [
+                t.value.teamLogoSrc ? (o(), r("img", {
                   key: 0,
                   src: t.value.teamLogoSrc,
                   alt: "team logo"
                 }, null, 8, J)) : s("", !0)
               ])) : s("", !0),
-              L(M).has(r.data.id) ? (o(), a("div", K, [
-                (o(), a("svg", Q, [
+              L(M).has(a.data.id) ? (o(), r("div", K, [
+                (o(), r("svg", Q, [
                   e("mask", R, [
                     e("path", {
                       d: "M41.2963 41.2961V0.703659H0.703871V41.2961H41.2963Z",
@@ -269,12 +269,12 @@ const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), P = {
                       "stroke-miterlimit": "10",
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round"
-                    }, null, 8, a1)
+                    }, null, 8, r1)
                   ])
                 ]))
               ])) : s("", !0),
-              L(F).has(r.data.id) ? (o(), a("div", r1, [
-                (o(), a("svg", s1, [
+              L(F).has(a.data.id) ? (o(), r("div", a1, [
+                (o(), r("svg", s1, [
                   e("path", {
                     "data-v-6639ffc7": "",
                     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",
@@ -289,8 +289,8 @@ const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), P = {
                   }, null, 8, n1)
                 ]))
               ])) : s("", !0),
-              L(k).has(r.data.id) ? (o(), a("div", d1, [
-                (o(), a("svg", C1, [
+              L(k).has(a.data.id) ? (o(), r("div", d1, [
+                (o(), r("svg", C1, [
                   e("rect", {
                     x: "0.5",
                     y: "1.46484",
@@ -371,13 +371,13 @@ const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), P = {
                       stroke: t.value.svgLineColor,
                       "stroke-width": "0.2",
                       "stroke-dasharray": "0.4 0.4"
-                    }, null, 8, f1),
+                    }, null, 8, Z1),
                     e("path", {
                       d: "M26 81.5L26 1",
                       stroke: t.value.svgLineColor,
                       "stroke-width": "0.2",
                       "stroke-dasharray": "0.4 0.4"
-                    }, null, 8, Z1),
+                    }, null, 8, f1),
                     e("path", {
                       d: "M39 81.5L39 1",
                       stroke: t.value.svgLineColor,
@@ -387,8 +387,8 @@ const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), P = {
                   ])
                 ]))
               ])) : s("", !0),
-              L(p).has(r.data.id) ? (o(), a("div", F1, [
-                (o(), a("svg", b1, [
+              L(p).has(a.data.id) ? (o(), r("div", F1, [
+                (o(), r("svg", b1, [
                   e("rect", {
                     opacity: "0.8",
                     x: "0.44043",
@@ -486,8 +486,8 @@ const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), P = {
                   ])
                 ]))
               ])) : s("", !0),
-              L(_).has(r.data.id) ? (o(), a("div", P1, [
-                (o(), a("svg", G1, [
+              L(_).has(a.data.id) ? (o(), r("div", P1, [
+                (o(), r("svg", G1, [
                   e("rect", {
                     opacity: "0.8",
                     x: "88.7295",
@@ -571,7 +571,7 @@ const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), P = {
                     "stroke-width": "0.620969"
                   }, null, 8, l2),
                   o2,
-                  e("g", a2, [
+                  e("g", r2, [
                     e("rect", {
                       x: "46.2997",
                       y: "1.57123",
@@ -580,7 +580,7 @@ const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), P = {
                       rx: "13.1359",
                       stroke: t.value.svgLineColor,
                       "stroke-width": "0.620969"
-                    }, null, 8, r2)
+                    }, null, 8, a2)
                   ]),
                   e("path", {
                     "fill-rule": "evenodd",
@@ -623,14 +623,14 @@ const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), P = {
                   }, null, 8, k2)
                 ]))
               ])) : s("", !0),
-              r.data.is_player ? (o(), a("div", c2, [
-                t.value.playerInAction ? (o(), a("img", {
+              a.data.is_player ? (o(), r("div", c2, [
+                t.value.playerInAction ? (o(), r("img", {
                   key: 0,
                   src: t.value.playerInAction,
                   alt: "player"
                 }, null, 8, v2)) : s("", !0)
-              ])) : (o(), a("div", g2, [
-                t.value.teamLogoSrc ? (o(), a("img", {
+              ])) : (o(), r("div", g2, [
+                t.value.teamLogoSrc ? (o(), r("img", {
                   key: 0,
                   src: t.value.teamLogoSrc,
                   alt: "team"
@@ -639,23 +639,23 @@ const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), P = {
               p2,
               e("div", _2, [
                 e("div", M2, [
-                  w.value ? s("", !0) : (o(), a("div", w2, [
-                    r.data.team_logo ? (o(), a("img", {
+                  w.value ? s("", !0) : (o(), r("div", w2, [
+                    a.data.team_logo ? (o(), r("img", {
                       key: 0,
-                      src: r.data.team_logo,
+                      src: a.data.team_logo,
                       alt: ""
                     }, null, 8, y2)) : s("", !0)
                   ])),
-                  e("div", f2, v(r.data.title), 1),
-                  r.data.footer && r.data.footer.show_total && !r.data.footer.sections ? (o(), a("div", Z2, v(r.data.total), 1)) : s("", !0)
+                  e("div", Z2, v(a.data.title), 1),
+                  a.data.footer && a.data.footer.show_total && !a.data.footer.sections ? (o(), r("div", f2, v(a.data.total), 1)) : s("", !0)
                 ]),
                 e("div", x2, [
                   e("div", {
                     class: "card-general__content__footer__body__description",
                     innerHTML: S.value
                   }, null, 8, F2),
-                  t.value.sections && t.value.sections.length ? (o(), a("div", b2, [
-                    (o(!0), a(j, null, O(t.value.sections, ([c, i]) => (o(), a("div", {
+                  t.value.sections && t.value.sections.length ? (o(), r("div", b2, [
+                    (o(!0), r(j, null, O(t.value.sections, ([c, i]) => (o(), r("div", {
                       key: c,
                       class: "section"
                     }, [
@@ -672,7 +672,7 @@ const u = (r) => (q("data-v-fca3679d"), r = r(), T(), r), P = {
       }, 16, ["width"])) : s("", !0)
     ], 4));
   }
-}, I2 = /* @__PURE__ */ A(H2, [["__scopeId", "data-v-fca3679d"]]);
+}, I2 = /* @__PURE__ */ A(H2, [["__scopeId", "data-v-73382c86"]]);
 export {
   I2 as default
 };