@golstats/gsc-landing 1.0.191 → 1.0.194

package/dist/CardIndividualAreas-qEYtV2XP-C97pNpBa.js

@@ -0,0 +1,503 @@
+import { ref as C, computed as a, openBlock as d, createElementBlock as s, normalizeStyle as k, createVNode as x, normalizeProps as v, guardReactiveProps as L, withCtx as F, createElementVNode as t, toDisplayString as H, pushScopeId as M, popScopeId as S } from "vue";
+import { d as B } from "./CardBaseAllIndividual-BNOgnH6t-D0xjZkGw.js";
+import { h as Z, z as b, P as U, E as G, I as O, O as I } from "./misc-BJvl3Yld-2p2XKW1m.js";
+const e = (l) => (M("data-v-54e77886"), l = l(), S(), l), A = { class: "areas__body" }, P = { class: "areas__body__title" }, D = { class: "areas-svg" }, V = {
+  key: 0,
+  width: "270",
+  height: "102",
+  viewBox: "0 0 270 102",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, R = ["fill"], T = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+  opacity: "0.6",
+  d: "M267.61 94.5L270 102H0L2.31618 94.5H267.61Z",
+  fill: "black"
+}, null, -1)), z = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+  opacity: "0.2",
+  d: "M31.1838 0H237.184L267.294 94.5H2L31.1838 0Z",
+  fill: "black"
+}, null, -1)), E = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+  d: "M31.1838 0H237.184L267.294 94.5H2L31.1838 0Z",
+  fill: "url(#paint0_linear_2158_1200)"
+}, null, -1)), $ = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+  d: "M38.4747 5.83691H228.866L254.033 94.5H14L38.4747 5.83691Z",
+  stroke: "white",
+  "stroke-width": "0.548478",
+  "stroke-miterlimit": "10"
+}, null, -1)), N = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+  d: "M101.781 94.5C103.275 84.4059 117.182 76.4963 134.116 76.4963C151.05 76.4963 164.956 84.4059 166.45 94.5",
+  stroke: "white",
+  "stroke-width": "0.548478",
+  "stroke-miterlimit": "10"
+}, null, -1)), j = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_2158_1200)" }, [
+  /* @__PURE__ */ t("path", {
+    d: "M109.648 5.78662V12.589H159.32V5.78662",
+    stroke: "white",
+    "stroke-width": "0.510652",
+    "stroke-miterlimit": "10"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M134.265 36.2872C141.635 36.2872 148.261 33.8159 152.882 29.8694H115.648C120.27 33.8096 126.895 36.2872 134.265 36.2872Z",
+    stroke: "white",
+    "stroke-width": "0.485435",
+    "stroke-miterlimit": "10"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M187.155 5.78662H132.458H132.175H81.305L77.6484 29.8755H132.175H132.458H191.089L187.155 5.78662Z",
+    stroke: "white",
+    "stroke-width": "0.529565",
+    "stroke-miterlimit": "10"
+  })
+], -1)), q = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+  d: "M135.025 15.1789C114.024 15.179 97 33.149 97 55.3161L173.049 55.3161C173.049 33.149 156.025 15.1789 135.025 15.1789Z",
+  fill: "url(#paint1_linear_2158_1200)"
+}, null, -1)), J = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M130.894 41.8935L134.901 48.8342L138.908 41.8935L135.595 41.8935L135.595 15.3646L134.207 15.3646L134.207 41.8935L130.894 41.8935Z",
+  fill: "white"
+}, null, -1)), K = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { filter: "url(#filter0_d_2158_1200)" }, [
+  /* @__PURE__ */ t("path", {
+    d: "M134.9 9.66332C137.744 9.66332 140.049 11.9687 140.049 14.8125C140.049 17.6563 137.744 19.9617 134.9 19.9617C132.056 19.9617 129.751 17.6563 129.751 14.8125C129.751 11.9687 132.056 9.66332 134.9 9.66332Z",
+    fill: "#4790FF"
+  })
+], -1)), Q = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { filter: "url(#filter1_d_2158_1200)" }, [
+  /* @__PURE__ */ t("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M141.534 14.8125C141.534 11.1488 138.564 8.17886 134.9 8.17886C131.237 8.17886 128.267 11.1488 128.267 14.8125C128.267 18.4761 131.237 21.446 134.9 21.446C138.564 21.446 141.534 18.4761 141.534 14.8125ZM140.049 14.8125C140.049 11.9686 137.744 9.66327 134.9 9.66327C132.056 9.66328 129.751 11.9686 129.751 14.8125C129.751 17.6563 132.056 19.9616 134.9 19.9616C137.744 19.9616 140.049 17.6563 140.049 14.8125Z",
+    fill: "white"
+  })
+], -1)), W = /* @__PURE__ */ e(() => /* @__PURE__ */ t("defs", null, [
+  /* @__PURE__ */ t("filter", {
+    id: "filter0_d_2158_1200",
+    x: "125.751",
+    y: "9.66333",
+    width: "18.2988",
+    height: "18.2983",
+    filterUnits: "userSpaceOnUse",
+    "color-interpolation-filters": "sRGB"
+  }, [
+    /* @__PURE__ */ t("feFlood", {
+      "flood-opacity": "0",
+      result: "BackgroundImageFix"
+    }),
+    /* @__PURE__ */ t("feColorMatrix", {
+      in: "SourceAlpha",
+      type: "matrix",
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+      result: "hardAlpha"
+    }),
+    /* @__PURE__ */ t("feOffset", { dy: "4" }),
+    /* @__PURE__ */ t("feGaussianBlur", { stdDeviation: "2" }),
+    /* @__PURE__ */ t("feComposite", {
+      in2: "hardAlpha",
+      operator: "out"
+    }),
+    /* @__PURE__ */ t("feColorMatrix", {
+      type: "matrix",
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
+    }),
+    /* @__PURE__ */ t("feBlend", {
+      mode: "normal",
+      in2: "BackgroundImageFix",
+      result: "effect1_dropShadow_2158_1200"
+    }),
+    /* @__PURE__ */ t("feBlend", {
+      mode: "normal",
+      in: "SourceGraphic",
+      in2: "effect1_dropShadow_2158_1200",
+      result: "shape"
+    })
+  ]),
+  /* @__PURE__ */ t("filter", {
+    id: "filter1_d_2158_1200",
+    x: "124.267",
+    y: "8.17896",
+    width: "21.2676",
+    height: "21.2671",
+    filterUnits: "userSpaceOnUse",
+    "color-interpolation-filters": "sRGB"
+  }, [
+    /* @__PURE__ */ t("feFlood", {
+      "flood-opacity": "0",
+      result: "BackgroundImageFix"
+    }),
+    /* @__PURE__ */ t("feColorMatrix", {
+      in: "SourceAlpha",
+      type: "matrix",
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+      result: "hardAlpha"
+    }),
+    /* @__PURE__ */ t("feOffset", { dy: "4" }),
+    /* @__PURE__ */ t("feGaussianBlur", { stdDeviation: "2" }),
+    /* @__PURE__ */ t("feComposite", {
+      in2: "hardAlpha",
+      operator: "out"
+    }),
+    /* @__PURE__ */ t("feColorMatrix", {
+      type: "matrix",
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
+    }),
+    /* @__PURE__ */ t("feBlend", {
+      mode: "normal",
+      in2: "BackgroundImageFix",
+      result: "effect1_dropShadow_2158_1200"
+    }),
+    /* @__PURE__ */ t("feBlend", {
+      mode: "normal",
+      in: "SourceGraphic",
+      in2: "effect1_dropShadow_2158_1200",
+      result: "shape"
+    })
+  ]),
+  /* @__PURE__ */ t("linearGradient", {
+    id: "paint0_linear_2158_1200",
+    x1: "34.5",
+    y1: "1.04516e-05",
+    x2: "267",
+    y2: "95",
+    gradientUnits: "userSpaceOnUse"
+  }, [
+    /* @__PURE__ */ t("stop", { "stop-opacity": "0" }),
+    /* @__PURE__ */ t("stop", {
+      offset: "0.501118",
+      "stop-opacity": "0.2"
+    }),
+    /* @__PURE__ */ t("stop", {
+      offset: "1",
+      "stop-opacity": "0.4"
+    })
+  ]),
+  /* @__PURE__ */ t("linearGradient", {
+    id: "paint1_linear_2158_1200",
+    x1: "135.025",
+    y1: "15.1789",
+    x2: "135.025",
+    y2: "55.3161",
+    gradientUnits: "userSpaceOnUse"
+  }, [
+    /* @__PURE__ */ t("stop", {
+      "stop-color": "white",
+      "stop-opacity": "0.4"
+    }),
+    /* @__PURE__ */ t("stop", {
+      offset: "1",
+      "stop-color": "white",
+      "stop-opacity": "0"
+    })
+  ]),
+  /* @__PURE__ */ t("clipPath", { id: "clip0_2158_1200" }, [
+    /* @__PURE__ */ t("rect", {
+      width: "114.065",
+      height: "31.0111",
+      fill: "white",
+      transform: "translate(77.4746 5.52173)"
+    })
+  ])
+], -1)), X = {
+  key: 1,
+  width: "270",
+  height: "113",
+  viewBox: "0 0 270 113",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Y = ["fill"], t1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+  opacity: "0.6",
+  d: "M267.61 105.5L270 113H0L2.31618 105.5H267.61Z",
+  fill: "black"
+}, null, -1)), e1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+  opacity: "0.2",
+  d: "M31.1838 11H237.184L267.294 105.5H2L31.1838 11Z",
+  fill: "black"
+}, null, -1)), i1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+  d: "M31.1838 11H237.184L267.294 105.5H2L31.1838 11Z",
+  fill: "url(#paint0_linear_2158_1173)"
+}, null, -1)), l1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+  d: "M38.4747 16.8369H228.866L254.033 105.5H14L38.4747 16.8369Z",
+  stroke: "white",
+  "stroke-width": "0.548478",
+  "stroke-miterlimit": "10"
+}, null, -1)), a1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+  d: "M101.781 105.5C103.275 95.4059 117.182 87.4963 134.116 87.4963C151.05 87.4963 164.956 95.4059 166.45 105.5",
+  stroke: "white",
+  "stroke-width": "0.548478",
+  "stroke-miterlimit": "10"
+}, null, -1)), o1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_2158_1173)" }, [
+  /* @__PURE__ */ t("path", {
+    d: "M109.648 16.7866V23.589H159.32V16.7866",
+    stroke: "white",
+    "stroke-width": "0.510652",
+    "stroke-miterlimit": "10"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M134.265 47.2872C141.635 47.2872 148.261 44.8159 152.882 40.8694H115.648C120.27 44.8096 126.895 47.2872 134.265 47.2872Z",
+    stroke: "white",
+    "stroke-width": "0.485435",
+    "stroke-miterlimit": "10"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M187.155 16.7866H132.458H132.175H81.305L77.6484 40.8755H132.175H132.458H191.089L187.155 16.7866Z",
+    stroke: "white",
+    "stroke-width": "0.529565",
+    "stroke-miterlimit": "10"
+  })
+], -1)), r1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+  d: "M135 40C114.013 40 97 26.5685 97 9.99999L173 10C173 26.5686 155.987 40 135 40Z",
+  fill: "url(#paint1_linear_2158_1173)"
+}, null, -1)), d1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M130.894 24.2854L134.901 17.3447L138.908 24.2854L135.595 24.2854L135.595 38.8144L134.207 38.8144L134.207 24.2854L130.894 24.2854Z",
+  fill: "white"
+}, null, -1)), s1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { filter: "url(#filter0_d_2158_1173)" }, [
+  /* @__PURE__ */ t("path", {
+    d: "M134.9 45.5156C137.744 45.5156 140.049 43.2103 140.049 40.3665C140.049 37.5227 137.744 35.2173 134.9 35.2173C132.056 35.2173 129.751 37.5227 129.751 40.3665C129.751 43.2103 132.056 45.5156 134.9 45.5156Z",
+    fill: "#4790FF"
+  })
+], -1)), n1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("g", { filter: "url(#filter1_d_2158_1173)" }, [
+  /* @__PURE__ */ t("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M141.534 40.3665C141.534 44.0301 138.564 47.0001 134.9 47.0001C131.237 47.0001 128.267 44.0301 128.267 40.3665C128.267 36.7029 131.237 33.7329 134.9 33.7329C138.564 33.7329 141.534 36.7029 141.534 40.3665ZM140.049 40.3665C140.049 43.2103 137.744 45.5157 134.9 45.5157C132.056 45.5157 129.751 43.2103 129.751 40.3665C129.751 37.5227 132.056 35.2173 134.9 35.2173C137.744 35.2173 140.049 37.5227 140.049 40.3665Z",
+    fill: "white"
+  })
+], -1)), p1 = /* @__PURE__ */ e(() => /* @__PURE__ */ t("defs", null, [
+  /* @__PURE__ */ t("filter", {
+    id: "filter0_d_2158_1173",
+    x: "125.751",
+    y: "35.2173",
+    width: "18.2988",
+    height: "18.2983",
+    filterUnits: "userSpaceOnUse",
+    "color-interpolation-filters": "sRGB"
+  }, [
+    /* @__PURE__ */ t("feFlood", {
+      "flood-opacity": "0",
+      result: "BackgroundImageFix"
+    }),
+    /* @__PURE__ */ t("feColorMatrix", {
+      in: "SourceAlpha",
+      type: "matrix",
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+      result: "hardAlpha"
+    }),
+    /* @__PURE__ */ t("feOffset", { dy: "4" }),
+    /* @__PURE__ */ t("feGaussianBlur", { stdDeviation: "2" }),
+    /* @__PURE__ */ t("feComposite", {
+      in2: "hardAlpha",
+      operator: "out"
+    }),
+    /* @__PURE__ */ t("feColorMatrix", {
+      type: "matrix",
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
+    }),
+    /* @__PURE__ */ t("feBlend", {
+      mode: "normal",
+      in2: "BackgroundImageFix",
+      result: "effect1_dropShadow_2158_1173"
+    }),
+    /* @__PURE__ */ t("feBlend", {
+      mode: "normal",
+      in: "SourceGraphic",
+      in2: "effect1_dropShadow_2158_1173",
+      result: "shape"
+    })
+  ]),
+  /* @__PURE__ */ t("filter", {
+    id: "filter1_d_2158_1173",
+    x: "124.267",
+    y: "33.7329",
+    width: "21.2676",
+    height: "21.2671",
+    filterUnits: "userSpaceOnUse",
+    "color-interpolation-filters": "sRGB"
+  }, [
+    /* @__PURE__ */ t("feFlood", {
+      "flood-opacity": "0",
+      result: "BackgroundImageFix"
+    }),
+    /* @__PURE__ */ t("feColorMatrix", {
+      in: "SourceAlpha",
+      type: "matrix",
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+      result: "hardAlpha"
+    }),
+    /* @__PURE__ */ t("feOffset", { dy: "4" }),
+    /* @__PURE__ */ t("feGaussianBlur", { stdDeviation: "2" }),
+    /* @__PURE__ */ t("feComposite", {
+      in2: "hardAlpha",
+      operator: "out"
+    }),
+    /* @__PURE__ */ t("feColorMatrix", {
+      type: "matrix",
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
+    }),
+    /* @__PURE__ */ t("feBlend", {
+      mode: "normal",
+      in2: "BackgroundImageFix",
+      result: "effect1_dropShadow_2158_1173"
+    }),
+    /* @__PURE__ */ t("feBlend", {
+      mode: "normal",
+      in: "SourceGraphic",
+      in2: "effect1_dropShadow_2158_1173",
+      result: "shape"
+    })
+  ]),
+  /* @__PURE__ */ t("linearGradient", {
+    id: "paint0_linear_2158_1173",
+    x1: "34.5",
+    y1: "11",
+    x2: "267",
+    y2: "106",
+    gradientUnits: "userSpaceOnUse"
+  }, [
+    /* @__PURE__ */ t("stop", { "stop-opacity": "0" }),
+    /* @__PURE__ */ t("stop", {
+      offset: "0.501118",
+      "stop-opacity": "0.2"
+    }),
+    /* @__PURE__ */ t("stop", {
+      offset: "1",
+      "stop-opacity": "0.4"
+    })
+  ]),
+  /* @__PURE__ */ t("linearGradient", {
+    id: "paint1_linear_2158_1173",
+    x1: "135",
+    y1: "40",
+    x2: "135",
+    y2: "20.704",
+    gradientUnits: "userSpaceOnUse"
+  }, [
+    /* @__PURE__ */ t("stop", {
+      "stop-color": "white",
+      "stop-opacity": "0.4"
+    }),
+    /* @__PURE__ */ t("stop", {
+      offset: "1",
+      "stop-color": "white",
+      "stop-opacity": "0"
+    })
+  ]),
+  /* @__PURE__ */ t("clipPath", { id: "clip0_2158_1173" }, [
+    /* @__PURE__ */ t("rect", {
+      width: "114.065",
+      height: "31.0111",
+      fill: "white",
+      transform: "translate(77.4746 16.5217)"
+    })
+  ])
+], -1)), h1 = {
+  __name: "CardIndividualAreas",
+  props: {
+    height: {
+      type: String,
+      default: "445px"
+    },
+    width: {
+      type: String,
+      default: "319px"
+    },
+    data: {
+      type: Object,
+      default: () => null
+    },
+    descriptionType: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(l) {
+    const i = l, m = /* @__PURE__ */ new Set([
+      "74-i",
+      "75-i",
+      "76-i",
+      "35-e"
+    ]), n = C([
+      {
+        id: 1,
+        name: "Área propia"
+      },
+      {
+        id: 2,
+        name: "Área rival"
+      }
+    ]), g = a(() => {
+      var o, r, f, u, c, _;
+      return {
+        height: i.height,
+        width: i.width,
+        footerHeight: "137px",
+        playerPhotoUrl: b(i.data.player_id || ""),
+        teamLogoUrl: U(i.data.team_id || ""),
+        cardColor: (i.data.thumbnails.colors.background_color || "#000000").trim(),
+        backgroundImageSrc: G((f = (r = (o = i.data) == null ? void 0 : o.thumbnails) == null ? void 0 : r.images) != null && f.background_player_in_action[0] ? i.data.thumbnails.images.background_player_in_action[0] : (_ = (c = (u = i.data) == null ? void 0 : u.thumbnails) == null ? void 0 : c.images) != null && _.team_in_action[0] ? i.data.thumbnails.images.team_in_action[0] : ""),
+        footerBodyData: {
+          description: O(I({ data: i.data, descriptionType: i.descriptionType })),
+          total: i.data.total,
+          isTotalPercentage: i.data.footer.show_percentage,
+          textColor: (i.data.thumbnails.colors.font_color_description || "#FFFFFF").trim(),
+          totalTextColor: (i.data.thumbnails.colors.font_color_stats || "#FFFFFF").trim(),
+          totalCircleColor: (i.data.thumbnails.colors.data_color || "#000000").trim()
+        }
+      };
+    }), w = a(() => i.data.id), p = a(() => ({
+      fieldColor: (i.data.thumbnails.colors.graphic_color || "#FFFFFF").trim()
+    })), h = a(() => m.has(w.value) ? n.value[0] : n.value[1]), y = a(() => ({
+      "--title-color": i.data.thumbnails.colors.font_color_header || "#FFFFFF"
+    }));
+    return (o, r) => (d(), s("div", {
+      class: "areas",
+      style: k(y.value)
+    }, [
+      x(B, v(L(g.value)), {
+        body: F(() => [
+          t("div", A, [
+            t("div", P, H(h.value.name), 1),
+            t("div", D, [
+              h.value.id === 1 ? (d(), s("svg", V, [
+                t("path", {
+                  d: "M31.5 0H237.5L270 102H0L31.5 0Z",
+                  fill: p.value.fieldColor
+                }, null, 8, R),
+                T,
+                z,
+                E,
+                $,
+                N,
+                j,
+                q,
+                J,
+                K,
+                Q,
+                W
+              ])) : (d(), s("svg", X, [
+                t("path", {
+                  d: "M31.5 11H237.5L270 113H0L31.5 11Z",
+                  fill: p.value.fieldColor
+                }, null, 8, Y),
+                t1,
+                e1,
+                i1,
+                l1,
+                a1,
+                o1,
+                r1,
+                d1,
+                s1,
+                n1,
+                p1
+              ]))
+            ])
+          ])
+        ]),
+        _: 1
+      }, 16)
+    ], 4));
+  }
+}, _1 = /* @__PURE__ */ Z(h1, [["__scopeId", "data-v-54e77886"]]);
+export {
+  _1 as default
+};