@golstats/gsc-relevant-data 1.0.15 → 1.0.17

package/dist/CardIndividualGoalParticipation-BfQRXmuo-vKrLnbqm.js

@@ -0,0 +1,116 @@
+import { computed as i, openBlock as r, createElementBlock as d, normalizeStyle as h, createVNode as g, mergeProps as F, withCtx as b, createElementVNode as e, toDisplayString as y, pushScopeId as v, popScopeId as w } from "vue";
+import { r as k } from "./CardBaseAllIndividual-DmeCG9Bu-BkRRCAkF.js";
+import { j as C, $ as x, H as z, O as M, R as S } from "./index-SSELSqE0.js";
+import { G as T } from "./CircleWithDotsBig-BXHW1pPv-D9k8N9rs.js";
+import { b as B } from "./CardBase-FI6JXGHQ-CIl1rArT.js";
+const I = (a) => (v("data-v-3c8ff57f"), a = a(), w(), a), P = { class: "goal-participation__body__data" }, V = {
+  width: "35",
+  height: "47",
+  viewBox: "0 0 35 47",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, G = ["fill"], L = ["stroke"], N = {
+  key: 0,
+  class: "goal-participation__body__data__percent"
+}, D = {
+  key: 1,
+  class: "goal-participation__body__data__total"
+}, E = /* @__PURE__ */ I(() => /* @__PURE__ */ e("div", { class: "goal-participation__body__title" }, " participaciones de gol ", -1)), j = {
+  __name: "CardIndividualGoalParticipation",
+  props: {
+    height: {
+      type: String,
+      default: "445px"
+    },
+    width: {
+      type: String,
+      default: "319px"
+    },
+    data: {
+      type: Object,
+      default: () => null
+    },
+    descriptionType: {
+      type: Number,
+      default: 0
+    },
+    showVideos: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(a) {
+    const t = a, f = i(() => {
+      var l, n, s, p, u, _, m;
+      return {
+        height: t.height,
+        width: t.width,
+        footerHeight: "137px",
+        playerPhotoUrl: C(t.data.player_id || ""),
+        teamLogoUrl: x(t.data.team_id || ""),
+        cardColor: (t.data.thumbnails.colors.background_color || "#000000").trim(),
+        backgroundImageSrc: z((p = (s = (n = (l = t.data) == null ? void 0 : l.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] : (m = (_ = (u = t.data) == null ? void 0 : u.thumbnails) == null ? void 0 : _.images) != null && m.background_team ? t.data.thumbnails.images.background_team : ""),
+        footerBodyData: {
+          description: M(S({ data: t.data, descriptionType: t.descriptionType })),
+          textColor: (t.data.thumbnails.colors.font_color_description || "#FFFFFF").trim()
+        }
+      };
+    }), o = i(() => {
+      const l = t.data.body.show_percentage;
+      return {
+        isTotalPercentage: l,
+        iconColor: (t.data.thumbnails.colors.icon_color || "#FFFFFF").trim(),
+        total: l ? t.data.percentage : t.data.total,
+        totalCircleColor: (t.data.thumbnails.colors.data_color || "#cbee6b").trim(),
+        totalTextColor: (t.data.thumbnails.colors.font_color_stats || "#FFFFFF").trim()
+      };
+    });
+    i(() => t.data.id);
+    const c = i(() => ({
+      "--title-color": (t.data.thumbnails.colors.font_color_header || "#FFFFFF").trim(),
+      "--total-color": (t.data.thumbnails.colors.font_color_stats || "#FFFFFF").trim()
+    }));
+    return (l, n) => (r(), d("div", {
+      class: "goal-participation",
+      style: h(c.value)
+    }, [
+      g(k, F(f.value, { "show-videos": a.showVideos }), {
+        body: b(() => [
+          e("div", {
+            class: "goal-participation__body",
+            style: h(c.value)
+          }, [
+            e("div", P, [
+              (r(), d("svg", V, [
+                e("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: o.value.iconColor
+                }, null, 8, G),
+                e("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: o.value.iconColor,
+                  "stroke-width": "1.458"
+                }, null, 8, L)
+              ])),
+              o.value.isTotalPercentage ? (r(), d("div", N, [
+                g(T, {
+                  "text-color": o.value.totalTextColor,
+                  color: o.value.totalCircleColor,
+                  value: o.value.total
+                }, null, 8, ["text-color", "color", "value"])
+              ])) : (r(), d("div", D, [
+                e("div", null, y(t.data.total), 1)
+              ]))
+            ]),
+            E
+          ], 4)
+        ]),
+        _: 1
+      }, 16, ["show-videos"])
+    ], 4));
+  }
+}, A = /* @__PURE__ */ B(j, [["__scopeId", "data-v-3c8ff57f"]]);
+export {
+  A as default
+};