@golstats/gsc-landing 1.0.221 → 1.0.223

package/dist/CardPromTournament-IvcxYf42-CM6HaXKj.js

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