@golstats/gsc-landing 1.0.214 → 1.0.215

package/dist/CardPromTournament-DBsGq2Rt-BiIeMZAU.js

@@ -0,0 +1,145 @@
+import { useCssVars as V, computed as d, ref as B, openBlock as u, createElementBlock as m, normalizeStyle as i, createBlock as A, mergeProps as R, withCtx as S, createElementVNode as a, toDisplayString as c, createVNode as D, unref as T, Fragment as M, renderList as N, normalizeClass as $, createCommentVNode as E } from "vue";
+import { m as F, z as p, $ as z, A as H } from "./CardBase-ChDCLySs-BnJ37O3_.js";
+import { N as L } from "./Shield-T4ZGXEnI-Csqj5bz2.js";
+const W = { class: "card-content" }, j = { class: "content-wrapper" }, q = { class: "main-content" }, G = { class: "title-separator" }, J = { class: "footer-text" }, K = ["innerHTML"], Q = { class: "seasons-sidebar" }, U = { class: "seasons-list" }, X = "1px 54px", Y = {
+  __name: "CardPromTournament",
+  props: {
+    height: {
+      type: String,
+      default: "568px"
+    },
+    width: {
+      type: String,
+      default: "319px"
+    },
+    showVideos: {
+      type: Boolean,
+      default: !0
+    },
+    idAux: {
+      type: String,
+      default: ""
+    },
+    data: {
+      type: Object,
+      default: () => null
+    },
+    descriptionType: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(r) {
+    V((l) => {
+      var t;
+      return {
+        "64859abb": r.data.thumbnails.colors.background_color,
+        "54ded51f": ((t = e.data) == null ? void 0 : t.thumbnails.colors.font_color_stats) || "#4CAF50"
+      };
+    });
+    const e = r, O = d(() => ({
+      "--height": e.height,
+      "--width": e.width,
+      "--footer-background-color": e.data.thumbnails.colors.background_color || "#000000"
+    })), P = B({
+      width: "50px",
+      height: "50px",
+      bottom: "34px",
+      right: "-8px",
+      innerImageWidth: "39px",
+      innerImageHeight: "39px"
+    }), h = d(() => {
+      var l, t, o, n;
+      return !e.data || !e.data.thumbnails ? null : {
+        backgroundOverlayColor: e.data.thumbnails.colors.background_color || "#000000",
+        backgroundImageSrc: (n = (o = (t = (l = e.data) == null ? void 0 : l.thumbnails) == null ? void 0 : t.images) == null ? void 0 : o.background_player_in_action) != null && n[0] ? p(e.data.thumbnails.images.background_player_in_action[0]) : p(e.data.thumbnails.images.background_team),
+        isPlayButtonVisible: e.showVideos
+      };
+    }), g = d(() => {
+      var l, t, o;
+      if (!((l = e.data) != null && l.title)) return { mainTitle: "", sidebarTitle: "PROMEDIO POR PARTIDO" };
+      const n = e.data.title.split("*").filter(Boolean);
+      return {
+        mainTitle: ((t = n[0]) == null ? void 0 : t.trim()) || "",
+        sidebarTitle: ((o = n[1]) == null ? void 0 : o.trim()) || "PROMEDIO POR PARTIDO"
+      };
+    }), C = d(() => {
+      var l;
+      return (l = e.data) != null && l.averages ? Math.max(...e.data.averages.map((t) => parseFloat(t.average))) : 0;
+    });
+    return (l, t) => (u(), m("div", {
+      class: "card-general",
+      style: i(O.value)
+    }, [
+      h.value ? (u(), A(z, R({ key: 0 }, h.value, {
+        width: r.width,
+        "show-videos": r.showVideos,
+        "id-aux": r.idAux
+      }), {
+        default: S(() => {
+          var o, n, b, f, v, _, y, w;
+          return [
+            a("div", W, [
+              a("div", j, [
+                a("div", q, [
+                  a("h1", {
+                    class: "main-title",
+                    style: i({ color: ((o = e.data) == null ? void 0 : o.thumbnails.colors.font_color_header) || "white" })
+                  }, c(g.value.mainTitle), 5),
+                  a("div", G, [
+                    D(L, {
+                      "team-logo-src": "https://golstatsimages.blob.core.windows.net/teams-80/" + e.data.team_id + ".png",
+                      width: 105,
+                      color: e.data.thumbnails.colors.graphic_color,
+                      "inner-image-src": (v = (f = (b = (n = e.data) == null ? void 0 : n.thumbnails) == null ? void 0 : b.images) == null ? void 0 : f.background_player_in_action) != null && v[0] ? T(p)(e.data.thumbnails.images.player_in_action[0]) : "https://golstatsimages.blob.core.windows.net/players-profile/" + e.data.player_id + ".png",
+                      "team-logo-circle-props": P.value,
+                      "inner-image-translate": X
+                    }, null, 8, ["team-logo-src", "color", "inner-image-src", "team-logo-circle-props"])
+                  ]),
+                  a("div", J, [
+                    a("p", {
+                      innerHTML: T(H)({ data: e.data, descriptionType: e.descriptionType }).replace(/\*([^*]+)\*/g, "<span style='font-family: Poppins-Bold; font-weight: 700;'>$1</span>"),
+                      class: "card-description",
+                      style: i({ color: ((_ = e.data) == null ? void 0 : _.thumbnails.colors.font_color_description) || "white" })
+                    }, null, 12, K)
+                  ])
+                ]),
+                a("div", Q, [
+                  a("div", {
+                    class: "sidebar-header",
+                    style: i({ color: ((y = e.data) == null ? void 0 : y.thumbnails.colors.font_color_description) || "white" })
+                  }, c(g.value.sidebarTitle), 5),
+                  a("div", U, [
+                    (u(!0), m(M, null, N((w = e.data) == null ? void 0 : w.averages, (s, I) => {
+                      var x, k;
+                      return u(), m("div", {
+                        key: I,
+                        class: $(["season-row", {
+                          highlighted: s.highlighted,
+                          "max-value": parseFloat(s.average) === C.value
+                        }])
+                      }, [
+                        a("div", {
+                          class: "season-value-box",
+                          style: i({ color: ((x = e.data) == null ? void 0 : x.thumbnails.colors.font_color_stats) || "white" })
+                        }, c(s.average), 5),
+                        a("div", {
+                          class: "season-label",
+                          style: i({ color: ((k = e.data) == null ? void 0 : k.thumbnails.colors.font_color_stats) || "white" })
+                        }, c(s.season), 5)
+                      ], 2);
+                    }), 128))
+                  ])
+                ])
+              ])
+            ])
+          ];
+        }),
+        _: 1
+      }, 16, ["width", "show-videos", "id-aux"])) : E("", !0)
+    ], 4));
+  }
+}, te = /* @__PURE__ */ F(Y, [["__scopeId", "data-v-89889da1"]]);
+export {
+  te as default
+};