@golstats/gsc-relevant-data 1.0.0

package/dist/CardIndividual-Djao6vh9-DiEv-R-x.js

@@ -0,0 +1,517 @@
+import { useCssVars as C, computed as p, openBlock as l, createElementBlock as c, normalizeStyle as F, createBlock as _, mergeProps as v, withCtx as M, createElementVNode as t, createVNode as S, toDisplayString as h, createCommentVNode as d, createTextVNode as D, pushScopeId as E, popScopeId as q } from "vue";
+import { h as b, E as T, P as N, z as B, I as P, O as I } from "./misc-DLvOYaKK-DfIF8CUY.js";
+import { l as O } from "./CardBaseAllIndividual-CpLwmpxV-Bc8VFXza.js";
+const u = {
+  props: {
+    cancha: {
+      type: String,
+      required: !0,
+      validator: (o) => ["full", "own", "rival"].includes(o)
+    },
+    stat: {
+      type: Number,
+      required: !0
+    },
+    type: {
+      type: String,
+      default: "box",
+      validator: (o) => ["box", "accelerometer"].includes(o)
+    },
+    colorcancha: {
+      type: String,
+      default: ""
+    },
+    colorstat: {
+      type: String,
+      default: ""
+    },
+    colorfillcancha: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    accelerometerStyle() {
+      return {
+        percentage: `${Math.min(Math.max(this.stat, 0), 100)}%`
+      };
+    },
+    canchaType() {
+      if (Array.isArray(this.cancha)) {
+        const o = [485, 486, 489, 490], r = [487, 488, 491, 492];
+        return this.cancha.length === o.length && this.cancha.every((a) => o.includes(Number(a))) ? "rival" : this.cancha.length === r.length && this.cancha.every((a) => r.includes(Number(a))) ? "own" : "full";
+      }
+      return this.cancha;
+    }
+  }
+}, L = () => {
+  C((o) => ({
+    "2f2b7686": o.colorstat,
+    "8a0fe396": o.accelerometerStyle.percentage,
+    "14574b04": o.colorcancha
+  }));
+}, x = u.setup;
+u.setup = x ? (o, r) => (L(), x(o, r)) : L;
+const s = (o) => (E("data-v-e8032436"), o = o(), q(), o), V = { class: "outer-box" }, z = {
+  key: 0,
+  class: "inner-box"
+}, A = {
+  key: 1,
+  class: "accelerometer"
+}, U = { class: "accelerometer-value" }, Z = /* @__PURE__ */ s(() => /* @__PURE__ */ t("span", { class: "percentage" }, "%", -1)), $ = {
+  key: 2,
+  width: "212",
+  height: "137",
+  viewBox: "0 0 212 137",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, R = ["fill"], j = /* @__PURE__ */ s(() => /* @__PURE__ */ t("mask", {
+  id: "path-2-inside-1_2150_1935",
+  fill: "white"
+}, [
+  /* @__PURE__ */ t("rect", {
+    x: "211.787",
+    y6: "136.084",
+    width: "211.787",
+    height: "136.08",
+    rx: "1.22558",
+    transform: "rotate(-180 211.787 136.084)"
+  })
+], -1)), H = ["stroke"], G = /* @__PURE__ */ s(() => /* @__PURE__ */ t("path", {
+  d: "M105.773 135.615L105.773 0.58395",
+  stroke: "#DFE3E2",
+  "stroke-width": "0.450603",
+  "stroke-linecap": "square"
+}, null, -1)), J = ["stroke"], Y = ["stroke"], K = ["stroke"], Q = ["stroke"], W = ["stroke"], X = ["stroke"], tt = { opacity: "0.7" }, at = ["stroke"], rt = ["stroke"], ot = ["stroke"], et = ["stroke"], lt = ["stroke"], ct = {
+  key: 3,
+  width: "212",
+  height: "137",
+  viewBox: "0 0 212 137",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, st = ["fill"], nt = /* @__PURE__ */ s(() => /* @__PURE__ */ t("mask", {
+  id: "path-2-inside-1_2150_1704",
+  fill: "white"
+}, [
+  /* @__PURE__ */ t("rect", {
+    x: "211.787",
+    y: "136.084",
+    width: "211.787",
+    height: "136.08",
+    rx: "1.22558",
+    transform: "rotate(-180 211.787 136.084)"
+  })
+], -1)), it = ["stroke"], ht = /* @__PURE__ */ s(() => /* @__PURE__ */ t("path", {
+  d: "M105.773 135.615L105.773 0.58395",
+  stroke: "#DFE3E2",
+  "stroke-width": "0.450603",
+  "stroke-linecap": "square"
+}, null, -1)), dt = ["stroke"], kt = ["stroke"], pt = ["stroke"], ut = ["stroke"], yt = ["stroke"], wt = ["stroke"], mt = { opacity: "0.7" }, ft = ["stroke"], gt = ["stroke"], Lt = ["stroke"], xt = ["stroke"], Ct = ["stroke"], bt = {
+  key: 4,
+  width: "212",
+  height: "137",
+  viewBox: "0 0 212 137",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Ft = ["fill"], _t = /* @__PURE__ */ s(() => /* @__PURE__ */ t("mask", {
+  id: "path-2-inside-1_2150_1773",
+  fill: "white"
+}, [
+  /* @__PURE__ */ t("rect", {
+    x: "211.787",
+    y: "136.084",
+    width: "211.787",
+    height: "136.08",
+    rx: "1.22558",
+    transform: "rotate(-180 211.787 136.084)"
+  })
+], -1)), vt = ["stroke"], Mt = /* @__PURE__ */ s(() => /* @__PURE__ */ t("path", {
+  d: "M105.773 135.615L105.773 0.58395",
+  stroke: "#DFE3E2",
+  "stroke-width": "0.450603",
+  "stroke-linecap": "square"
+}, null, -1)), St = ["stroke"], Dt = ["stroke"], Et = ["stroke"], qt = ["stroke"], Tt = ["stroke"], Nt = ["stroke"], Bt = { opacity: "0.7" }, Pt = ["stroke"], It = ["stroke"], Ot = ["stroke"], Vt = ["stroke"], zt = ["stroke"];
+function At(o, r, a, y, n, e) {
+  return l(), c("div", V, [
+    a.type === "box" ? (l(), c("div", z, h(a.stat), 1)) : a.type === "accelerometer" ? (l(), c("div", A, [
+      t("div", U, [
+        D(h(a.stat), 1),
+        Z
+      ])
+    ])) : d("", !0),
+    e.canchaType === "full" ? (l(), c("svg", $, [
+      t("rect", {
+        opacity: "0.6",
+        x: "1.89551",
+        y: "136",
+        width: "135",
+        height: "209",
+        transform: "rotate(-90 1.89551 136)",
+        fill: a.colorfillcancha,
+        "fill-opacity": "0.8"
+      }, null, 8, R),
+      j,
+      t("rect", {
+        x: "211.787",
+        y: "136.084",
+        width: "211.787",
+        height: "136.08",
+        rx: "1.22558",
+        transform: "rotate(-180 211.787 136.084)",
+        stroke: a.colorcancha,
+        "stroke-width": "1.84031",
+        mask: "url(#FFFFFF)"
+      }, null, 8, H),
+      G,
+      t("path", {
+        d: "M211.787 100.685L183.971 100.685C183.633 100.685 183.359 100.41 183.359 100.072L183.359 36.1511C183.359 35.8126 183.633 35.5383 183.971 35.5383L211.787 35.5383",
+        stroke: a.colorcancha,
+        "stroke-opacity": "0.7"
+      }, null, 8, J),
+      t("path", {
+        d: "M211.787 88.8418L195.817 88.8418C195.478 88.8418 195.204 88.5674 195.204 88.229L195.204 47.9978C195.204 47.6593 195.478 47.385 195.817 47.385L211.787 47.385",
+        stroke: a.colorcancha,
+        "stroke-opacity": "0.7"
+      }, null, 8, Y),
+      t("path", {
+        d: "M0.634998 88.833L16.6026 88.833C16.9422 88.833 17.217 88.5569 17.2154 88.2174L17.0283 47.9861C17.0267 47.6488 16.7528 47.3762 16.4155 47.3762L0.921543 47.3762",
+        stroke: a.colorcancha,
+        "stroke-opacity": "0.6",
+        "stroke-linecap": "square"
+      }, null, 8, K),
+      t("path", {
+        d: "M0.641875 100.683L28.4544 100.683C28.7941 100.683 29.0689 100.406 29.0672 100.067L28.7428 36.146C28.7411 35.8088 28.4673 35.5363 28.1301 35.5363L1.13309 35.5363",
+        stroke: a.colorcancha,
+        "stroke-opacity": "0.6",
+        "stroke-linecap": "square"
+      }, null, 8, Q),
+      t("path", {
+        d: "M71.8618 68.1115C71.8618 49.38 87.0472 34.1951 105.779 34.1951C124.511 34.1951 139.697 49.38 139.697 68.1115C139.697 86.843 124.511 102.028 105.779 102.028C87.0472 102.028 71.8618 86.843 71.8618 68.1115Z",
+        stroke: a.colorcancha,
+        "stroke-opacity": "0.7",
+        "stroke-width": "1.16503"
+      }, null, 8, W),
+      t("ellipse", {
+        cx: "105.788",
+        cy: "68.1164",
+        rx: "2.9613",
+        ry: "2.9612",
+        transform: "rotate(-180 105.788 68.1164)",
+        fill: "#D8D8D8",
+        stroke: a.colorcancha,
+        "stroke-width": "0.450603"
+      }, null, 8, X),
+      t("g", tt, [
+        t("path", {
+          d: "M52.6768 136.08L52.6768 7.43866e-05",
+          stroke: a.colorcancha,
+          "stroke-width": "0.523385",
+          "stroke-dasharray": "1.05 1.05"
+        }, null, 8, at),
+        t("path", {
+          d: "M105.342 136.08L105.342 7.43866e-05",
+          stroke: a.colorcancha,
+          "stroke-width": "0.523385",
+          "stroke-dasharray": "1.05 1.05"
+        }, null, 8, rt),
+        t("path", {
+          d: "M158.008 136.08L158.008 7.43866e-05",
+          stroke: a.colorcancha,
+          "stroke-width": "0.523385",
+          "stroke-dasharray": "1.05 1.05"
+        }, null, 8, ot),
+        t("path", {
+          d: "M210.673 90.7202L0.0105608 90.7202",
+          stroke: a.colorcancha,
+          "stroke-width": "0.523385",
+          "stroke-dasharray": "1.05 1.05"
+        }, null, 8, et),
+        t("path", {
+          d: "M210.673 45.3599L0.0105608 45.3599",
+          stroke: a.colorcancha,
+          "stroke-width": "0.523385",
+          "stroke-dasharray": "1.05 1.05"
+        }, null, 8, lt)
+      ])
+    ])) : e.canchaType === "rival" ? (l(), c("svg", ct, [
+      t("rect", {
+        opacity: "0.6",
+        x: "106.002",
+        y: "136",
+        width: "135",
+        height: "105",
+        transform: "rotate(-90 106.002 136)",
+        fill: a.colorfillcancha,
+        "fill-opacity": "0.8"
+      }, null, 8, st),
+      nt,
+      t("rect", {
+        x: "211.787",
+        y: "136.084",
+        width: "211.787",
+        height: "136.08",
+        rx: "1.22558",
+        transform: "rotate(-180 211.787 136.084)",
+        stroke: a.colorcancha,
+        "stroke-width": "1.84031",
+        mask: "url(#FFFFFF)"
+      }, null, 8, it),
+      ht,
+      t("path", {
+        d: "M211.787 100.685L183.971 100.685C183.633 100.685 183.359 100.41 183.359 100.072L183.359 36.1511C183.359 35.8126 183.633 35.5383 183.971 35.5383L211.787 35.5383",
+        stroke: a.colorcancha,
+        "stroke-opacity": "0.7"
+      }, null, 8, dt),
+      t("path", {
+        d: "M211.787 88.8418L195.817 88.8418C195.478 88.8418 195.204 88.5674 195.204 88.229L195.204 47.9978C195.204 47.6593 195.478 47.385 195.817 47.385L211.787 47.385",
+        stroke: a.colorcancha,
+        "stroke-opacity": "0.7"
+      }, null, 8, kt),
+      t("path", {
+        d: "M0.635487 88.833L16.6031 88.833C16.9427 88.833 17.2175 88.5569 17.2159 88.2174L17.0288 47.9861C17.0272 47.6488 16.7533 47.3762 16.416 47.3762L0.922031 47.3762",
+        stroke: a.colorcancha,
+        "stroke-opacity": "0.6",
+        "stroke-linecap": "square"
+      }, null, 8, pt),
+      t("path", {
+        d: "M0.641875 100.683L28.4544 100.683C28.7941 100.683 29.0689 100.406 29.0672 100.067L28.7428 36.146C28.7411 35.8088 28.4673 35.5363 28.1301 35.5363L1.13309 35.5363",
+        stroke: a.colorcancha,
+        "stroke-opacity": "0.6",
+        "stroke-linecap": "square"
+      }, null, 8, ut),
+      t("path", {
+        d: "M71.8618 68.1115C71.8618 49.38 87.0472 34.1951 105.779 34.1951C124.511 34.1951 139.697 49.38 139.697 68.1115C139.697 86.843 124.511 102.028 105.779 102.028C87.0472 102.028 71.8618 86.843 71.8618 68.1115Z",
+        stroke: a.colorcancha,
+        "stroke-opacity": "0.7",
+        "stroke-width": "1.16503"
+      }, null, 8, yt),
+      t("ellipse", {
+        cx: "105.788",
+        cy: "68.1164",
+        rx: "2.9613",
+        ry: "2.9612",
+        transform: "rotate(-180 105.788 68.1164)",
+        fill: "#D8D8D8",
+        stroke: a.colorcancha,
+        "stroke-width": "0.450603"
+      }, null, 8, wt),
+      t("g", mt, [
+        t("path", {
+          d: "M52.6768 136.08L52.6768 7.43866e-05",
+          stroke: a.colorcancha,
+          "stroke-width": "0.523385",
+          "stroke-dasharray": "1.05 1.05"
+        }, null, 8, ft),
+        t("path", {
+          d: "M105.342 136.08L105.342 7.43866e-05",
+          stroke: a.colorcancha,
+          "stroke-width": "0.523385",
+          "stroke-dasharray": "1.05 1.05"
+        }, null, 8, gt),
+        t("path", {
+          d: "M158.008 136.08L158.008 7.43866e-05",
+          stroke: a.colorcancha,
+          "stroke-width": "0.523385",
+          "stroke-dasharray": "1.05 1.05"
+        }, null, 8, Lt),
+        t("path", {
+          d: "M210.673 90.7202L0.0105608 90.7202",
+          stroke: a.colorcancha,
+          "stroke-width": "0.523385",
+          "stroke-dasharray": "1.05 1.05"
+        }, null, 8, xt),
+        t("path", {
+          d: "M210.673 45.3599L0.0105608 45.3599",
+          stroke: a.colorcancha,
+          "stroke-width": "0.523385",
+          "stroke-dasharray": "1.05 1.05"
+        }, null, 8, Ct)
+      ])
+    ])) : e.canchaType === "own" ? (l(), c("svg", bt, [
+      t("rect", {
+        opacity: "0.6",
+        width: "135",
+        height: "105",
+        transform: "matrix(-4.37114e-08 -1 -1 4.37114e-08 106.002 136)",
+        fill: a.colorfillcancha,
+        "fill-opacity": "0.8"
+      }, null, 8, Ft),
+      _t,
+      t("rect", {
+        x: "211.787",
+        y: "136.084",
+        width: "211.787",
+        height: "136.08",
+        rx: "1.22558",
+        transform: "rotate(-180 211.787 136.084)",
+        stroke: a.colorcancha,
+        "stroke-width": "1.84031"
+      }, null, 8, vt),
+      Mt,
+      t("path", {
+        d: "M211.787 100.685L183.971 100.685C183.633 100.685 183.359 100.41 183.359 100.072L183.359 36.1511C183.359 35.8126 183.633 35.5383 183.971 35.5383L211.787 35.5383",
+        stroke: a.colorcancha,
+        "stroke-opacity": "0.7"
+      }, null, 8, St),
+      t("path", {
+        d: "M211.787 88.8418L195.817 88.8418C195.478 88.8418 195.204 88.5674 195.204 88.229L195.204 47.9978C195.204 47.6593 195.478 47.385 195.817 47.385L211.787 47.385",
+        stroke: a.colorcancha,
+        "stroke-opacity": "0.7"
+      }, null, 8, Dt),
+      t("path", {
+        d: "M0.635487 88.833L16.6031 88.833C16.9427 88.833 17.2175 88.5569 17.2159 88.2174L17.0288 47.9861C17.0272 47.6488 16.7533 47.3762 16.416 47.3762L0.922031 47.3762",
+        stroke: a.colorcancha,
+        "stroke-opacity": "0.6",
+        "stroke-linecap": "square"
+      }, null, 8, Et),
+      t("path", {
+        d: "M0.641875 100.683L28.4544 100.683C28.7941 100.683 29.0689 100.406 29.0672 100.067L28.7428 36.146C28.7411 35.8088 28.4673 35.5363 28.1301 35.5363L1.13309 35.5363",
+        stroke: a.colorcancha,
+        "stroke-opacity": "0.6",
+        "stroke-linecap": "square"
+      }, null, 8, qt),
+      t("path", {
+        d: "M71.8618 68.1115C71.8618 49.38 87.0472 34.1951 105.779 34.1951C124.511 34.1951 139.697 49.38 139.697 68.1115C139.697 86.843 124.511 102.028 105.779 102.028C87.0472 102.028 71.8618 86.843 71.8618 68.1115Z",
+        stroke: a.colorcancha,
+        "stroke-opacity": "0.7",
+        "stroke-width": "1.16503"
+      }, null, 8, Tt),
+      t("ellipse", {
+        cx: "105.788",
+        cy: "68.1164",
+        rx: "2.9613",
+        ry: "2.9612",
+        transform: "rotate(-180 105.788 68.1164)",
+        fill: "#FF0000",
+        stroke: a.colorcancha,
+        "stroke-width": "0.450603"
+      }, null, 8, Nt),
+      t("g", Bt, [
+        t("path", {
+          d: "M52.6768 136.08L52.6768 7.43866e-05",
+          stroke: a.colorcancha,
+          "stroke-width": "0.523385",
+          "stroke-dasharray": "1.05 1.05"
+        }, null, 8, Pt),
+        t("path", {
+          d: "M105.342 136.08L105.342 7.43866e-05",
+          stroke: a.colorcancha,
+          "stroke-width": "0.523385",
+          "stroke-dasharray": "1.05 1.05"
+        }, null, 8, It),
+        t("path", {
+          d: "M158.008 136.08L158.008 7.43866e-05",
+          stroke: a.colorcancha,
+          "stroke-width": "0.523385",
+          "stroke-dasharray": "1.05 1.05"
+        }, null, 8, Ot),
+        t("path", {
+          d: "M210.673 90.7202L0.0105608 90.7202",
+          stroke: a.colorcancha,
+          "stroke-width": "0.523385",
+          "stroke-dasharray": "1.05 1.05"
+        }, null, 8, Vt),
+        t("path", {
+          d: "M210.673 45.3599L0.0105608 45.3599",
+          stroke: a.colorcancha,
+          "stroke-width": "0.523385",
+          "stroke-dasharray": "1.05 1.05"
+        }, null, 8, zt)
+      ])
+    ])) : d("", !0)
+  ]);
+}
+const Ut = /* @__PURE__ */ b(u, [["render", At], ["__scopeId", "data-v-e8032436"]]), Zt = { class: "content-wrapper" }, $t = { class: "content-box" }, Rt = { class: "text-container" }, jt = {
+  key: 0,
+  class: "title"
+}, Ht = {
+  key: 1,
+  class: "subtitle"
+}, Gt = {
+  __name: "CardIndividual",
+  props: {
+    height: {
+      type: String,
+      default: "568px"
+    },
+    width: {
+      type: String,
+      default: "319px"
+    },
+    data: {
+      type: Object,
+      default: () => null
+    },
+    descriptionType: {
+      type: Number,
+      default: 5
+    }
+  },
+  setup(o) {
+    C((e) => ({
+      "343a092f": r.data.subtitle ? "100%" : "78%"
+    }));
+    const r = o, a = p(() => {
+      var e, i, k, w, m, f, g;
+      return {
+        height: r.height,
+        width: r.width,
+        footerHeight: "93px",
+        footerPadding: "24px 24px 30px 24px",
+        playerPhotoUrl: T(r.data.player_id || ""),
+        teamLogoUrl: N(r.data.team_id || "") || "",
+        cardColor: r.data.thumbnails.colors.background_color || "#000000",
+        backgroundImageSrc: B((w = (k = (i = (e = r.data) == null ? void 0 : e.thumbnails) == null ? void 0 : i.images) == null ? void 0 : k.background_player_in_action) != null && w[0] ? r.data.thumbnails.images.background_player_in_action[0] : (g = (f = (m = r.data) == null ? void 0 : m.thumbnails) == null ? void 0 : f.images) != null && g.background_team ? r.data.thumbnails.images.background_team : ""),
+        textColor: r.data.thumbnails.colors.font_color_description || "#FFFFFF",
+        footerBodyData: {
+          textColor: r.data.thumbnails.colors.font_color_stats || "#FFFFFF",
+          description: P(I({ data: r.data, descriptionType: r.descriptionType })),
+          totalTextColor: r.data.thumbnails.colors.font_color_stats || "#FFFFFF",
+          totalCircleColor: r.data.thumbnails.colors.background_color || "#000000",
+          isTotalPercentage: !!r.data.footer.show_percentage
+        }
+      };
+    }), y = p(() => ({
+      "--title-color": r.data.thumbnails.colors.font_color_header || "#FFFFFF"
+    })), n = p(() => {
+      var e;
+      const i = "BALONES RECUPERADOS";
+      if (!r.data.title) return { title: "", subtitle: "" };
+      const k = r.data.title.replace(i, "").trim();
+      return {
+        title: i.replace(/\*/g, ""),
+        subtitle: k.replace(/\*/g, ""),
+        showPlus: !((e = r.data.footer) != null && e.show_percentage)
+      };
+    });
+    return (e, i) => (l(), c("div", {
+      class: "card-general",
+      style: F(y.value)
+    }, [
+      a.value ? (l(), _(O, v({ key: 0 }, a.value, { width: o.width }), {
+        body: M(() => [
+          t("div", Zt, [
+            t("div", $t, [
+              S(Ut, {
+                colorfillcancha: r.data.thumbnails.colors.graphic_color_2,
+                colorcancha: r.data.thumbnails.colors.graphic_color,
+                colorstat: r.data.thumbnails.colors.data_color,
+                cancha: r.data.categories,
+                stat: r.data.body && r.data.body.show_percentage == 0 ? r.data.total : r.data.percentage,
+                type: r.data.body.show_percentage == 1 ? "accelerometer" : "box"
+              }, null, 8, ["colorfillcancha", "colorcancha", "colorstat", "cancha", "stat", "type"])
+            ]),
+            t("div", Rt, [
+              n.value.title ? (l(), c("h2", jt, h(n.value.showPlus ? "+" : "") + " " + h(n.value.title), 1)) : d("", !0),
+              n.value.subtitle ? (l(), c("p", Ht, h(n.value.subtitle), 1)) : d("", !0)
+            ])
+          ])
+        ]),
+        _: 1
+      }, 16, ["width"])) : d("", !0)
+    ], 4));
+  }
+}, Qt = /* @__PURE__ */ b(Gt, [["__scopeId", "data-v-ba53198c"]]);
+export {
+  Qt as default
+};