@golstats/gsc-landing 1.0.191 → 1.0.194

package/dist/CardIndividualGoalParticipation-CRBepIcB-CBc1Wh03.js

@@ -0,0 +1,108 @@
+import { computed as e, openBlock as i, createElementBlock as r, normalizeStyle as g, createVNode as F, normalizeProps as y, guardReactiveProps as b, withCtx as f, createElementVNode as o, toDisplayString as C, pushScopeId as w, popScopeId as x } from "vue";
+import { d as k } from "./CardBaseAllIndividual-BNOgnH6t-D0xjZkGw.js";
+import { h as z, z as M, P, E as S, I as T, O as I } from "./misc-BJvl3Yld-2p2XKW1m.js";
+import { w as E } from "./CircleWithDotsBig-DfppYko9-BYZNX7zX.js";
+const B = (l) => (w("data-v-4d8d2054"), l = l(), x(), l), L = { class: "goal-participation__body__data" }, N = {
+  width: "35",
+  height: "47",
+  viewBox: "0 0 35 47",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, D = ["fill"], U = ["stroke"], V = {
+  key: 0,
+  class: "goal-participation__body__data__percent"
+}, G = {
+  key: 1,
+  class: "goal-participation__body__data__total"
+}, H = /* @__PURE__ */ B(() => /* @__PURE__ */ o("div", { class: "goal-participation__body__title" }, " participaciones de gol ", -1)), O = {
+  __name: "CardIndividualGoalParticipation",
+  props: {
+    height: {
+      type: String,
+      default: "445px"
+    },
+    width: {
+      type: String,
+      default: "319px"
+    },
+    data: {
+      type: Object,
+      default: () => null
+    },
+    descriptionType: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(l) {
+    const t = l, v = e(() => {
+      var d, n, s, p, u, _, m, h;
+      return {
+        height: t.height,
+        width: t.width,
+        footerHeight: "137px",
+        playerPhotoUrl: M(t.data.player_id || ""),
+        teamLogoUrl: P(t.data.team_id || ""),
+        cardColor: t.data.thumbnails.colors.background_color || "#000000",
+        backgroundImageSrc: S((p = (s = (n = (d = t.data) == null ? void 0 : d.thumbnails) == null ? void 0 : n.images) == null ? void 0 : s.background_player_in_action) != null && p[0] ? t.data.thumbnails.images.background_player_in_action[0] : (h = (m = (_ = (u = t.data) == null ? void 0 : u.thumbnails) == null ? void 0 : _.images) == null ? void 0 : m.team_in_action) != null && h[0] ? t.data.thumbnails.images.team_in_action[0] : ""),
+        footerBodyData: {
+          description: T(I({ data: t.data, descriptionType: t.descriptionType })),
+          textColor: (t.data.thumbnails.colors.font_color_description || "#FFFFFF").trim()
+        }
+      };
+    }), a = e(() => ({
+      isTotalPercentage: t.data.footer.is_percentage,
+      iconColor: (t.data.thumbnails.colors.icon_color || "#FFFFFF").trim(),
+      total: t.data.total,
+      totalCircleColor: (t.data.thumbnails.colors.data_color || "#cbee6b").trim(),
+      totalTextColor: (t.data.thumbnails.colors.font_color_stats || "#FFFFFF").trim()
+    }));
+    e(() => t.data.id);
+    const c = e(() => ({
+      "--title-color": (t.data.thumbnails.colors.font_color_header || "#FFFFFF").trim(),
+      "--total-color": (t.data.thumbnails.colors.font_color_stats || "#FFFFFF").trim()
+    }));
+    return (d, n) => (i(), r("div", {
+      class: "goal-participation",
+      style: g(c.value)
+    }, [
+      F(k, y(b(v.value)), {
+        body: f(() => [
+          o("div", {
+            class: "goal-participation__body",
+            style: g(c.value)
+          }, [
+            o("div", L, [
+              (i(), r("svg", N, [
+                o("path", {
+                  d: "M4.159 42.568a2.667 2.667 0 1 0 5.333 0 2.667 2.667 0 0 0-5.333 0zM29.72 26.235l.29.407.563-.402-.557-.409-.296.404zM1.728 7.642a2.667 2.667 0 1 0 5.333 0 2.667 2.667 0 0 0-5.333 0zm5.388 35.333L30.012 26.64l-.581-.814L6.535 42.161l.58.814zM30.017 25.83 4.69 7.24l-.591.806 25.326 18.593.592-.807z",
+                  fill: a.value.iconColor
+                }, null, 8, D),
+                o("path", {
+                  opacity: ".5",
+                  d: "M9.217 26.157a2.188 2.188 0 1 1-4.375 0 2.188 2.188 0 0 1 4.375 0zM30.158 9.9a2.187 2.187 0 1 1-4.375 0 2.187 2.187 0 0 1 4.375 0zM30.158 43.1a2.188 2.188 0 1 1-4.375 0 2.188 2.188 0 0 1 4.375 0z",
+                  stroke: a.value.iconColor,
+                  "stroke-width": "1.458"
+                }, null, 8, U)
+              ])),
+              a.value.isTotalPercentage ? (i(), r("div", V, [
+                F(E, {
+                  "text-color": a.value.totalTextColor,
+                  color: a.value.totalCircleColor,
+                  value: a.value.total
+                }, null, 8, ["text-color", "color", "value"])
+              ])) : (i(), r("div", G, [
+                o("div", null, C(t.data.total), 1)
+              ]))
+            ]),
+            H
+          ], 4)
+        ]),
+        _: 1
+      }, 16)
+    ], 4));
+  }
+}, $ = /* @__PURE__ */ z(O, [["__scopeId", "data-v-4d8d2054"]]);
+export {
+  $ as default
+};