@golstats/gsc-landing 1.0.191 → 1.0.194

package/dist/CardGeneralIndividual-BHjZ12n1-BvodKC3y.js

@@ -0,0 +1,283 @@
+import { useCssVars as S, computed as g, openBlock as e, createElementBlock as o, normalizeStyle as p, createBlock as P, mergeProps as T, withCtx as A, createElementVNode as a, createCommentVNode as s, toDisplayString as V, normalizeClass as q, pushScopeId as E, popScopeId as O } from "vue";
+import { h as $, E as I, T as D } from "./misc-BJvl3Yld-2p2XKW1m.js";
+const z = (n) => (E("data-v-66deaa1d"), n = n(), O(), n), N = { class: "card-content" }, F = {
+  key: 0,
+  class: "side-title"
+}, G = {
+  key: 0,
+  class: "side-title__team-logo bottom",
+  width: "40",
+  height: "40",
+  viewBox: "0 0 40 40",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, J = {
+  opacity: ".6",
+  "clip-path": "url(#5mgq3p4qba)"
+}, K = ["stroke"], Q = ["stroke"], R = ["fill"], U = ["stroke"], W = { id: "5mgq3p4qba" }, X = ["fill"], Y = ["src"], Z = {
+  key: 1,
+  class: "side-title-center"
+}, l1 = {
+  key: 0,
+  class: "side-title-center__icon-logo",
+  width: "54",
+  height: "54",
+  viewBox: "0 0 54 54",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, a1 = ["fill"], t1 = /* @__PURE__ */ z(() => /* @__PURE__ */ a("path", { d: "M37.26 31.219h3.24a.844.844 0 0 0 0-1.688H36.62l-4.742-12.47a5.754 5.754 0 0 0 1.215-3.561 5.821 5.821 0 0 0-2.531-4.826V5.906a3.375 3.375 0 0 0-6.75 0v2.768a5.84 5.84 0 0 0-1.553 8.05L17.381 29.53h-3.88a.844.844 0 1 0 0 1.688h3.24l-3.747 9.872a4.826 4.826 0 0 0 .118 3.813 4.961 4.961 0 0 0 2.228 2.346l-1.182 3.088a.842.842 0 0 0 .49 1.097c.1.016.203.016.303 0a.81.81 0 0 0 .777-.54l1.451-3.797 6.058-15.913h7.543l6.041 15.88 1.452 3.83a.86.86 0 0 0 .793.54.96.96 0 0 0 .304 0 .877.877 0 0 0 .489-1.097l-1.181-3.088a4.944 4.944 0 0 0 2.194-2.312 4.876 4.876 0 0 0 .151-3.83l-3.763-9.89zm.81 14.428-5.484-14.428-.641-1.688-3.865-10.125h.304a5.823 5.823 0 0 0 2.21-.86l4.236 11.103.642 1.688 3.982 10.48a3.206 3.206 0 0 1-.101 2.497 3.375 3.375 0 0 1-1.283 1.333zM21.448 31.219l-5.5 14.428a3.376 3.376 0 0 1-1.3-1.451 3.139 3.139 0 0 1 0-2.498l3.915-10.48.641-1.687 4.303-11.306c.428.296.894.534 1.384.709h.169l.37.135c.188.066.38.117.575.152L22.09 29.53l-.642 1.688zm5.738-27a1.688 1.688 0 0 1 1.687 1.687v1.94a5.754 5.754 0 0 0-3.375 0v-1.94a1.688 1.688 0 0 1 1.688-1.687zm-2.11 5.62h.102a4.236 4.236 0 0 1 4.016 0 4.218 4.218 0 0 1-1.232 7.795c-.278.054-.56.083-.844.085h-.843a4.22 4.22 0 0 1-1.266-7.797l.067-.084zM23.878 29.53 27 21.33l3.105 8.201h-6.227z" }, null, -1)), e1 = /* @__PURE__ */ z(() => /* @__PURE__ */ a("path", { d: "M27.188 16.031a2.531 2.531 0 1 0 0-5.062 2.531 2.531 0 0 0 0 5.062zm0-3.375a.844.844 0 1 1 0 1.688.844.844 0 0 1 0-1.688z" }, null, -1)), o1 = [
+  t1,
+  e1
+], n1 = {
+  key: 1,
+  class: "side-title-center__icon-logo",
+  width: "41",
+  height: "45",
+  viewBox: "0 0 41 45",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, i1 = ["fill"], d1 = ["stroke"], r1 = {
+  key: 2,
+  class: "side-title-center__icon-logo",
+  width: "40",
+  height: "40",
+  viewBox: "0 0 40 40",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, s1 = {
+  opacity: ".6",
+  "clip-path": "url(#5mgq3p4qba)"
+}, c1 = ["stroke"], u1 = ["stroke"], m1 = ["fill"], h1 = ["stroke"], p1 = /* @__PURE__ */ z(() => /* @__PURE__ */ a("defs", null, [
+  /* @__PURE__ */ a("clipPath", { id: "5mgq3p4qba" }, [
+    /* @__PURE__ */ a("path", {
+      fill: "#fff",
+      d: "M0 0h40v40H0z"
+    })
+  ])
+], -1)), g1 = {
+  key: 2,
+  class: "top-content"
+}, z1 = { class: "text-content" }, k1 = ["innerHTML"], _1 = {
+  key: 0,
+  class: "icon",
+  width: "41",
+  height: "45",
+  viewBox: "0 0 41 45",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, f1 = ["fill"], w1 = ["stroke"], v1 = {
+  key: 3,
+  class: "top-content-center"
+}, M1 = { class: "text-content" }, b1 = ["innerHTML"], y1 = ["src"], x1 = ["src"], L1 = {
+  __name: "CardGeneralIndividual",
+  props: {
+    height: {
+      type: String,
+      default: "568px"
+    },
+    width: {
+      type: String,
+      default: "319px"
+    },
+    data: {
+      type: Object,
+      default: () => null
+    }
+  },
+  setup(n) {
+    S((i) => ({
+      "3b163942": C.value,
+      "02dd8d57": n.data.thumbnails.colors.font_color || "white",
+      "0fde53cf": n.data.title_align || "center",
+      "3851a6fb": n.data.header.width || "40px"
+    }));
+    const l = n, j = g(() => ({
+      "--height": l.height,
+      "--width": l.width,
+      "--footer-background-color": l.data.thumbnails.colors.background_color_cards || "#000000"
+    })), k = g(() => {
+      var i, c, d, r, u, m, h;
+      return !l.data || !l.data.thumbnails ? null : {
+        idCard: l.data.id,
+        backgroundOverlayColor: l.data.thumbnails.colors.background_color || "#000000",
+        backgroundImageSrc: I((r = (d = (c = (i = l.data) == null ? void 0 : i.thumbnails) == null ? void 0 : c.images) == null ? void 0 : d.background_player_in_action) != null && r[0] ? l.data.thumbnails.images.background_player_in_action[0] : (h = (m = (u = l.data) == null ? void 0 : u.thumbnails) == null ? void 0 : m.images) != null && h.background_team ? l.data.thumbnails.images.background_team : "")
+      };
+    }), _ = g(() => {
+      var i, c, d, r;
+      return l.data ? {
+        playerInAction: (r = (d = (c = (i = l.data) == null ? void 0 : i.thumbnails) == null ? void 0 : c.images) == null ? void 0 : d.player_in_action) != null && r[0] ? I(l.data.thumbnails.images.player_in_action[0]) : ""
+      } : null;
+    }), C = g(() => l.data.categories.some((i) => [2, 20].includes(i)) && l.data.id == "11-g" ? "space-between" : "center");
+    return (i, c) => (e(), o("div", {
+      class: "card-general",
+      style: p(j.value)
+    }, [
+      k.value ? (e(), P(D, T({ key: 0 }, k.value, { width: n.width }), {
+        default: A(() => {
+          var d, r, u, m, h, f, w, v, M, b, y, x, L, B, H;
+          return [
+            a("div", N, [
+              l.data.vertical_title ? (e(), o("div", F, [
+                (r = (d = l.data) == null ? void 0 : d.categories) != null && r.some((t) => [17, 50].includes(t)) && l.data.id == "20-g" && l.data.header.show_icon ? (e(), o("svg", G, [
+                  a("g", J, [
+                    a("path", {
+                      d: "M26.254 34.062h-12.5a3.125 3.125 0 0 1-3.125-3.125 6.25 6.25 0 0 0-6.25-6.25V19.11c0-8.16 5.966-15.448 14.09-16.223 9.32-.889 17.16 6.416 17.16 15.551v6.25a6.25 6.25 0 0 0-6.25 6.25c0 1.726-1.4 3.125-3.125 3.125zM16.879 30.938v3.125M23.129 30.938v3.125",
+                      stroke: l.data.thumbnails.colors.icon_color,
+                      "stroke-width": "1.667",
+                      "stroke-miterlimit": "10",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    }, null, 8, K),
+                    a("path", {
+                      d: "M13.754 21.563a3.125 3.125 0 1 0 0-6.25 3.125 3.125 0 0 0 0 6.25zM26.254 21.563a3.125 3.125 0 1 0 0-6.25 3.125 3.125 0 0 0 0 6.25z",
+                      stroke: l.data.thumbnails.colors.icon_color,
+                      "stroke-width": "1.667",
+                      "stroke-miterlimit": "10",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    }, null, 8, Q),
+                    a("circle", {
+                      cx: "20.004",
+                      cy: "24.688",
+                      r: "1.563",
+                      fill: l.data.thumbnails.colors.icon_color
+                    }, null, 8, R),
+                    a("path", {
+                      d: "M4.691 0v3.125H1.566M35.316 36.875V33.75h3.125M35.469 33.75l-5.495-5.477M9.063 7.474 4.69 3.125M35.316 0v3.125h3.125M4.691 36.875V33.75H1.566M4.54 33.75l5.494-5.477M31.04 7.378l4.275-4.253",
+                      stroke: l.data.thumbnails.colors.icon_color,
+                      "stroke-width": "1.667",
+                      "stroke-miterlimit": "10",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    }, null, 8, U)
+                  ]),
+                  a("defs", null, [
+                    a("clipPath", W, [
+                      a("path", {
+                        fill: l.data.thumbnails.colors.icon_color,
+                        d: "M0 0h40v40H0z"
+                      }, null, 8, X)
+                    ])
+                  ])
+                ])) : s("", !0),
+                a("span", {
+                  style: p({ color: l.data.thumbnails.colors.font_color_header || "white" })
+                }, V(l.data.title), 5),
+                a("img", {
+                  class: "side-title__team-logo top",
+                  src: l.data.team_logo,
+                  alt: "Logo del equipo"
+                }, null, 8, Y)
+              ])) : (e(), o("div", Z, [
+                a("span", {
+                  style: p({
+                    "text-align": (m = (u = l.data) == null ? void 0 : u.categories) != null && m.some((t) => [2, 20].includes(t)) && l.data.id == "11-g" || (f = (h = l.data) == null ? void 0 : h.categories) != null && f.some((t) => [4].includes(t)) && l.data.id == "7-g" ? "left !important" : "center !important",
+                    color: l.data.thumbnails.colors.font_color_header || "white"
+                  })
+                }, V(l.data.title), 5),
+                (v = (w = l.data) == null ? void 0 : w.categories) != null && v.some((t) => [2, 20].includes(t)) && l.data.id == "11-g" && l.data.header.show_icon ? (e(), o("svg", l1, [
+                  a("g", {
+                    opacity: ".6",
+                    fill: l.data.thumbnails.colors.icon_color
+                  }, o1, 8, a1)
+                ])) : s("", !0),
+                (b = (M = l.data) == null ? void 0 : M.categories) != null && b.some((t) => [4].includes(t)) && l.data.id == "7-g" && l.data.header.show_icon ? (e(), o("svg", n1, [
+                  a("path", {
+                    d: "M.1 40.667a4 4 0 1 0 8 0 4 4 0 0 0-8 0zm30.167-18.666.436.61.844-.602-.836-.613-.444.605zM1.322.752l3.484 7.93L9.93 1.7 1.322.752zm.843 1.55a.75.75 0 1 0 .888-1.21l-.888 1.21zm4.104 1.151a.75.75 0 1 0-.888 1.21l.888-1.21zm1.685 3.098a.75.75 0 0 0 .888-1.21l-.888 1.21zm4.104 1.152a.75.75 0 1 0-.888 1.209l.888-1.21zm1.685 3.098a.75.75 0 1 0 .887-1.21l-.887 1.21zm4.104 1.151a.75.75 0 1 0-.888 1.21l.888-1.21zm1.685 3.098a.75.75 0 0 0 .887-1.209l-.887 1.21zm4.104 1.152a.75.75 0 0 0-.888 1.21l.888-1.21zM25.32 19.3a.75.75 0 0 0 .887-1.21l-.887 1.21zm4.104 1.152a.75.75 0 0 0-.888 1.209l.888-1.21zm-1.047 1.975a.75.75 0 0 0 .871 1.221l-.871-1.221zm-2.763 3.814a.75.75 0 1 0-.871-1.221l.87 1.22zm-3.779.853a.75.75 0 0 0 .871 1.22l-.87-1.22zm-2.763 3.813a.75.75 0 0 0-.87-1.22l.87 1.22zm-3.778.853a.75.75 0 1 0 .87 1.221l-.87-1.22zm-2.764 3.814a.75.75 0 1 0-.87-1.221l.87 1.22zm-3.778.853a.75.75 0 0 0 .871 1.221l-.871-1.221zM5.99 40.24a.75.75 0 1 0-.871-1.22l.87 1.22zM5.38 4.662l2.573 1.889.888-1.21-2.573-1.888-.888 1.21zm5.789 4.25 2.573 1.889.887-1.21-2.572-1.888-.888 1.209zm5.789 4.25 2.573 1.888.887-1.209-2.572-1.889-.888 1.21zm5.789 4.25 2.573 1.888.887-1.21-2.572-1.888-.888 1.21zm5.789 4.249 1.286.944.888-1.209-1.286-.944-.888 1.209zm1.295-.271-1.454 1.037.871 1.221 1.454-1.037-.871-1.221zm-5.088 3.63-2.908 2.074.871 1.22 2.908-2.073-.871-1.221zm-6.542 4.666-2.907 2.074.87 1.221 2.908-2.074-.87-1.22zm-6.542 4.667-2.907 2.074.871 1.221 2.907-2.074-.87-1.221zM5.12 39.019l-1.454 1.037.871 1.222L5.99 40.24l-.871-1.22z",
+                    fill: l.data.thumbnails.colors.icon_color
+                  }, null, 8, i1),
+                  a("path", {
+                    opacity: "1",
+                    d: "M6.833 21.912a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0zM30.763 3.333a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0zM30.763 41.276a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z",
+                    stroke: l.data.thumbnails.colors.icon_color,
+                    "stroke-width": "1.667"
+                  }, null, 8, d1)
+                ])) : s("", !0),
+                (x = (y = l.data) == null ? void 0 : y.categories) != null && x.some((t) => [17, 50].includes(t)) && l.data.id == "19-g" && l.data.header.show_icon ? (e(), o("svg", r1, [
+                  a("g", s1, [
+                    a("path", {
+                      d: "M26.254 34.062h-12.5a3.125 3.125 0 0 1-3.125-3.125 6.25 6.25 0 0 0-6.25-6.25V19.11c0-8.16 5.966-15.448 14.09-16.223 9.32-.889 17.16 6.416 17.16 15.551v6.25a6.25 6.25 0 0 0-6.25 6.25c0 1.726-1.4 3.125-3.125 3.125zM16.879 30.938v3.125M23.129 30.938v3.125",
+                      stroke: l.data.thumbnails.colors.icon_color,
+                      "stroke-width": "1.667",
+                      "stroke-miterlimit": "10",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    }, null, 8, c1),
+                    a("path", {
+                      d: "M13.754 21.563a3.125 3.125 0 1 0 0-6.25 3.125 3.125 0 0 0 0 6.25zM26.254 21.563a3.125 3.125 0 1 0 0-6.25 3.125 3.125 0 0 0 0 6.25z",
+                      stroke: l.data.thumbnails.colors.icon_color,
+                      "stroke-width": "1.667",
+                      "stroke-miterlimit": "10",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    }, null, 8, u1),
+                    a("circle", {
+                      cx: "20.004",
+                      cy: "24.688",
+                      r: "1.563",
+                      fill: l.data.thumbnails.colors.icon_color
+                    }, null, 8, m1),
+                    a("path", {
+                      d: "M4.691 0v3.125H1.566M35.316 36.875V33.75h3.125M35.469 33.75l-5.495-5.477M9.063 7.474 4.69 3.125M35.316 0v3.125h3.125M4.691 36.875V33.75H1.566M4.54 33.75l5.494-5.477M31.04 7.378l4.275-4.253",
+                      stroke: l.data.thumbnails.colors.icon_color,
+                      "stroke-width": "1.667",
+                      "stroke-miterlimit": "10",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    }, null, 8, h1)
+                  ]),
+                  p1
+                ])) : s("", !0)
+              ])),
+              l.data.vertical_title ? (e(), o("div", g1, [
+                a("div", z1, [
+                  a("p", {
+                    innerHTML: l.data.description.replace(/\*([^*]+)\*/g, "<span style='font-family: Poppins-Bold; font-weight: 700;'>$1</span>"),
+                    style: p({ color: l.data.thumbnails.colors.font_color_description || "white" })
+                  }, null, 12, k1)
+                ]),
+                (B = (L = l.data) == null ? void 0 : L.categories) != null && B.some((t) => [4].includes(t)) && l.data.id == "6-g" ? (e(), o("svg", _1, [
+                  a("path", {
+                    d: "M.1 40.667a4 4 0 1 0 8 0 4 4 0 0 0-8 0zm30.167-18.666.436.61.844-.602-.836-.613-.444.605zM1.322.752l3.484 7.93L9.93 1.7 1.322.752zm.843 1.55a.75.75 0 1 0 .888-1.21l-.888 1.21zm4.104 1.151a.75.75 0 1 0-.888 1.21l.888-1.21zm1.685 3.098a.75.75 0 0 0 .888-1.21l-.888 1.21zm4.104 1.152a.75.75 0 1 0-.888 1.209l.888-1.21zm1.685 3.098a.75.75 0 1 0 .887-1.21l-.887 1.21zm4.104 1.151a.75.75 0 1 0-.888 1.21l.888-1.21zm1.685 3.098a.75.75 0 0 0 .887-1.209l-.887 1.21zm4.104 1.152a.75.75 0 0 0-.888 1.21l.888-1.21zM25.32 19.3a.75.75 0 0 0 .887-1.21l-.887 1.21zm4.104 1.152a.75.75 0 0 0-.888 1.209l.888-1.21zm-1.047 1.975a.75.75 0 0 0 .871 1.221l-.871-1.221zm-2.763 3.814a.75.75 0 1 0-.871-1.221l.87 1.22zm-3.779.853a.75.75 0 0 0 .871 1.22l-.87-1.22zm-2.763 3.813a.75.75 0 0 0-.87-1.22l.87 1.22zm-3.778.853a.75.75 0 1 0 .87 1.221l-.87-1.22zm-2.764 3.814a.75.75 0 1 0-.87-1.221l.87 1.22zm-3.778.853a.75.75 0 0 0 .871 1.221l-.871-1.221zM5.99 40.24a.75.75 0 1 0-.871-1.22l.87 1.22zM5.38 4.662l2.573 1.889.888-1.21-2.573-1.888-.888 1.21zm5.789 4.25 2.573 1.889.887-1.21-2.572-1.888-.888 1.209zm5.789 4.25 2.573 1.888.887-1.209-2.572-1.889-.888 1.21zm5.789 4.25 2.573 1.888.887-1.21-2.572-1.888-.888 1.21zm5.789 4.249 1.286.944.888-1.209-1.286-.944-.888 1.209zm1.295-.271-1.454 1.037.871 1.221 1.454-1.037-.871-1.221zm-5.088 3.63-2.908 2.074.871 1.22 2.908-2.073-.871-1.221zm-6.542 4.666-2.907 2.074.87 1.221 2.908-2.074-.87-1.22zm-6.542 4.667-2.907 2.074.871 1.221 2.907-2.074-.87-1.221zM5.12 39.019l-1.454 1.037.871 1.222L5.99 40.24l-.871-1.22z",
+                    fill: l.data.thumbnails.colors.icon_color
+                  }, null, 8, f1),
+                  a("path", {
+                    opacity: "1",
+                    d: "M6.833 21.912a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0zM30.763 3.333a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0zM30.763 41.276a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z",
+                    stroke: l.data.thumbnails.colors.icon_color,
+                    "stroke-width": "1.667"
+                  }, null, 8, w1)
+                ])) : s("", !0)
+              ])) : (e(), o("div", v1, [
+                a("div", M1, [
+                  a("p", {
+                    innerHTML: l.data.description.replace(/\*([^*]+)\*/g, "<span style='font-family: Poppins-Bold; font-weight: 700;'>$1</span>"),
+                    style: p({ color: l.data.thumbnails.colors.font_color_description || "white" })
+                  }, null, 12, b1)
+                ]),
+                a("img", {
+                  class: q(["team-logo", l.data.footer.team_logo_position || "left"]),
+                  src: l.data.team_logo,
+                  alt: "Logo del equipo"
+                }, null, 10, y1)
+              ])),
+              (H = _.value) != null && H.playerInAction ? (e(), o("div", {
+                key: 4,
+                class: q(["16-g", "20-g", "6-g"].includes(l.data.id) ? "player-image2" : "player-image")
+              }, [
+                a("img", {
+                  src: _.value.playerInAction,
+                  alt: "Jugador en acción"
+                }, null, 8, x1)
+              ], 2)) : s("", !0)
+            ])
+          ];
+        }),
+        _: 1
+      }, 16, ["width"])) : s("", !0)
+    ], 4));
+  }
+}, V1 = /* @__PURE__ */ $(L1, [["__scopeId", "data-v-66deaa1d"]]);
+export {
+  V1 as default
+};