@golstats/gsc-landing 1.0.194 → 1.0.196

package/dist/CardIndividualGoalParticipation-yPoWp2QU-C-xHyu40.js

@@ -0,0 +1,112 @@
+import { computed as i, openBlock as r, createElementBlock as d, normalizeStyle as g, createVNode as h, normalizeProps as b, guardReactiveProps as v, withCtx as y, createElementVNode as l, toDisplayString as f, pushScopeId as k, popScopeId as w } from "vue";
+import { i as C } from "./CardBaseAllIndividual-Din4dnnE-BKquMV21.js";
+import { O as x, E as z, $ as M, P, z as S } from "./misc-CMAhmOsp-DmS1M3b6.js";
+import { w as T } from "./CircleWithDotsBig-DOPQy89I-DWZ-BBWO.js";
+import { h as B } from "./index-BRCKRHng.js";
+const E = (e) => (k("data-v-a60035dc"), e = e(), w(), e), I = { class: "goal-participation__body__data" }, L = {
+  width: "35",
+  height: "47",
+  viewBox: "0 0 35 47",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, N = ["fill"], D = ["stroke"], U = {
+  key: 0,
+  class: "goal-participation__body__data__percent"
+}, G = {
+  key: 1,
+  class: "goal-participation__body__data__total"
+}, H = /* @__PURE__ */ E(() => /* @__PURE__ */ l("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(e) {
+    const t = e, F = i(() => {
+      var o, n, s, p, u, _, m;
+      return {
+        height: t.height,
+        width: t.width,
+        footerHeight: "137px",
+        playerPhotoUrl: x(t.data.player_id || ""),
+        teamLogoUrl: z(t.data.team_id || ""),
+        cardColor: (t.data.thumbnails.colors.background_color || "#000000").trim(),
+        backgroundImageSrc: M((p = (s = (n = (o = t.data) == null ? void 0 : o.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_tean ? t.data.thumbnails.images.background_team : ""),
+        footerBodyData: {
+          description: P(S({ data: t.data, descriptionType: t.descriptionType })),
+          textColor: (t.data.thumbnails.colors.font_color_description || "#FFFFFF").trim()
+        }
+      };
+    }), a = i(() => {
+      const o = t.data.body.show_percentage;
+      return {
+        isTotalPercentage: o,
+        iconColor: (t.data.thumbnails.colors.icon_color || "#FFFFFF").trim(),
+        total: o ? 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 (o, n) => (r(), d("div", {
+      class: "goal-participation",
+      style: g(c.value)
+    }, [
+      h(C, b(v(F.value)), {
+        body: y(() => [
+          l("div", {
+            class: "goal-participation__body",
+            style: g(c.value)
+          }, [
+            l("div", I, [
+              (r(), d("svg", L, [
+                l("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, N),
+                l("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, D)
+              ])),
+              a.value.isTotalPercentage ? (r(), d("div", U, [
+                h(T, {
+                  "text-color": a.value.totalTextColor,
+                  color: a.value.totalCircleColor,
+                  value: a.value.total
+                }, null, 8, ["text-color", "color", "value"])
+              ])) : (r(), d("div", G, [
+                l("div", null, f(t.data.total), 1)
+              ]))
+            ]),
+            H
+          ], 4)
+        ]),
+        _: 1
+      }, 16)
+    ], 4));
+  }
+}, R = /* @__PURE__ */ B(O, [["__scopeId", "data-v-a60035dc"]]);
+export {
+  R as default
+};