@golstats/gsc-landing 1.0.191 → 1.0.194

package/README.md

@@ -1,2 +1,2 @@
-# landing-component
-Componente de la pagina principal de Golstats 3.0
+# landing-component
+Componente de la pagina principal de Golstats 3.0

package/dist/CardBaseAllIndividual-BNOgnH6t-D0xjZkGw.js

@@ -0,0 +1,325 @@
+import { computed as i, openBlock as o, createElementBlock as a, normalizeStyle as f, createBlock as F, mergeProps as k, withCtx as S, renderSlot as v, createElementVNode as r, createCommentVNode as l, normalizeClass as B, toDisplayString as s, Fragment as x, createVNode as D, pushScopeId as H, popScopeId as P } from "vue";
+import { h as b, T as w } from "./misc-BJvl3Yld-2p2XKW1m.js";
+const T = (e) => (H("data-v-8506632e"), e = e(), P(), e), L = { class: "circle__total" }, $ = { class: "total" }, N = { class: "suffix" }, z = ["width", "height", "viewBox"], I = /* @__PURE__ */ T(() => /* @__PURE__ */ r("path", {
+  d: "M34.5 2C38.7023 2 42.8635 2.8277 46.7459 4.43586C50.6283 6.04401 54.1559 8.40111 57.1274 11.3726C60.0989 14.3441 62.456 17.8717 64.0641 21.7541C65.6723 25.6366 66.5 29.7977 66.5 34C66.5 38.2023 65.6723 42.3635 64.0641 46.2459C62.456 50.1283 60.0989 53.6559 57.1274 56.6274C54.1559 59.5989 50.6283 61.956 46.7459 63.5641C42.8634 65.1723 38.7023 66 34.5 66C30.2977 66 26.1365 65.1723 22.2541 63.5641C18.3717 61.956 14.844 59.5989 11.8726 56.6274C8.9011 53.6559 6.544 50.1283 4.93585 46.2459C3.3277 42.3634 2.5 38.2023 2.5 34C2.5 29.7977 3.32771 25.6365 4.93586 21.7541C6.54401 17.8717 8.90112 14.344 11.8726 11.3726C14.8441 8.4011 18.3717 6.044 22.2541 4.43585C26.1366 2.8277 30.2977 2 34.5 2L34.5 2Z",
+  stroke: "url(#paint0_linear_2182_6770)",
+  "stroke-width": "3.14",
+  "stroke-linecap": "round"
+}, null, -1)), U = ["stroke"], M = {
+  id: "paint0_linear_2182_6770",
+  x1: "34.5",
+  y1: "2",
+  x2: "34.5",
+  y2: "66",
+  gradientUnits: "userSpaceOnUse"
+}, O = ["stop-color"], V = ["stop-color"], A = {
+  __name: "CircleWithDots",
+  props: {
+    height: {
+      type: Number,
+      default: 68
+    },
+    width: {
+      type: Number,
+      default: 69
+    },
+    color: {
+      type: String,
+      default: "#4E8AF2"
+    },
+    textColor: {
+      type: String,
+      default: "#fff"
+    },
+    value: {
+      type: [Number, String],
+      default: 0
+    },
+    suffix: {
+      type: String,
+      default: "%"
+    },
+    valueFontSize: {
+      type: Number,
+      default: 21.3
+    },
+    suffixFontSize: {
+      type: Number,
+      default: 10.1
+    }
+  },
+  setup(e) {
+    const t = e, u = i(() => `0 0 ${t.width} ${t.height}`), n = i(() => ({
+      "--width": `${t.width}px`,
+      "--height": `${t.height}px`,
+      "--value-font-size": `${t.valueFontSize}px`,
+      "--suffix-font-size": `${t.suffixFontSize}px`,
+      "--color": t.textColor
+    }));
+    return (p, y) => (o(), a("div", {
+      class: "circle",
+      style: f(n.value)
+    }, [
+      r("div", L, [
+        r("span", $, s(e.value), 1),
+        r("span", N, s(e.suffix), 1)
+      ]),
+      (o(), a("svg", {
+        width: n.value["--width"],
+        height: n.value["--height"],
+        viewBox: u.value,
+        preserveAspectRatio: "xMidYMid meet",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [
+        I,
+        r("path", {
+          d: "M34.4996 6.63965C38.0926 6.63965 41.6504 7.34734 44.9699 8.72231C48.2893 10.0973 51.3055 12.1126 53.8461 14.6532C56.3867 17.1938 58.402 20.21 59.777 23.5294C61.152 26.8489 61.8597 30.4067 61.8596 33.9997C61.8596 37.5926 61.152 41.1504 59.777 44.4699C58.402 47.7893 56.3867 50.8055 53.8461 53.3461C51.3055 55.8867 48.2893 57.902 44.9699 59.277C41.6504 60.652 38.0926 61.3597 34.4996 61.3596C30.9067 61.3596 27.3489 60.652 24.0294 59.277C20.71 57.902 17.6938 55.8867 15.1532 53.3461C12.6126 50.8055 10.5973 47.7893 9.2223 44.4699C7.84733 41.1504 7.13965 37.5926 7.13965 33.9996C7.13965 30.4067 7.84734 26.8489 9.22231 23.5294C10.5973 20.2099 12.6126 17.1938 15.1532 14.6532C17.6938 12.1126 20.71 10.0973 24.0294 8.7223C27.3489 7.34733 30.9067 6.63965 34.4997 6.63965L34.4996 6.63965Z",
+          stroke: e.color,
+          "stroke-width": "0.380952",
+          "stroke-linecap": "round",
+          "stroke-dasharray": "0 0.19 2.61 0 0.19 2.61"
+        }, null, 8, U),
+        r("defs", null, [
+          r("linearGradient", M, [
+            r("stop", { "stop-color": e.color }, null, 8, O),
+            r("stop", {
+              offset: "1",
+              "stop-color": e.color
+            }, null, 8, V)
+          ])
+        ])
+      ], 8, z))
+    ], 4));
+  }
+}, m = /* @__PURE__ */ b(A, [["__scopeId", "data-v-8506632e"]]), E = {
+  key: 0,
+  class: "card-base-individual__content__player-img"
+}, R = ["src"], j = {
+  key: 1,
+  class: "card-base-individual__content__team-logo"
+}, Z = ["src"], G = {
+  key: 0,
+  class: "card-base-individual__content__footer__header"
+}, W = {
+  key: 0,
+  class: "card-base-individual__content__footer__header__title-and-sub ts"
+}, Y = {
+  key: 0,
+  class: "card-base-individual__content__footer__header__title"
+}, q = {
+  key: 1,
+  class: "card-base-individual__content__footer__header__subtitle"
+}, J = {
+  key: 0,
+  class: "th"
+}, K = {
+  key: 1,
+  class: "total th"
+}, Q = {
+  key: 1,
+  class: "card-base-individual__content__footer__body"
+}, X = ["innerHTML"], tt = {
+  key: 0,
+  class: "total-b"
+}, et = {
+  key: 1,
+  class: "total total-b"
+}, ot = { class: "card-base-individual__content__body" }, at = {
+  __name: "CardBaseAllIndividual",
+  props: {
+    height: {
+      type: String,
+      default: "445px"
+    },
+    width: {
+      type: String,
+      default: "319px"
+    },
+    footerHeaderData: {
+      type: Object,
+      /*
+      * {
+      * title: string,
+      * subtitle: string,
+      * total: [string, number],
+      * isTotalLeft: boolean,
+      * isTotalPercentage: boolean,
+      * textColor: string,
+      * }
+      * */
+      default: () => null
+    },
+    footerBodyData: {
+      type: Object,
+      /*
+      * {
+      * description: string,
+      * total: string,
+      * isTotalPercentage: boolean,
+      * isTotalLeft: boolean,
+      * totalTextColor: string,
+      * totalCircleColor: string,
+      * textColor: string,
+      * }
+      * */
+      default: () => null
+    },
+    footerHeight: {
+      type: String,
+      default: "137px"
+    },
+    footerPadding: {
+      type: String,
+      default: "24px 24px 40px 24px"
+    },
+    playerPhotoUrl: {
+      type: String,
+      default: ""
+    },
+    playerPhotoPositionTop: {
+      type: String,
+      default: "34px"
+    },
+    playerPhotoPositionLeft: {
+      type: String,
+      default: "unset"
+    },
+    playerPhotoPositionRight: {
+      type: String,
+      default: "unset"
+    },
+    playerPhotoHeight: {
+      type: String,
+      default: "54px"
+    },
+    teamLogoUrl: {
+      type: String,
+      default: ""
+    },
+    backgroundImageSrc: {
+      type: String,
+      default: ""
+    },
+    cardColor: {
+      type: String,
+      default: "#000000"
+    },
+    textColor: {
+      type: String,
+      default: "#FFFFFF"
+    },
+    goldCardType: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(e) {
+    const t = e, u = i(() => {
+      var d, c, h, _;
+      const g = t.footerBodyData && t.footerBodyData.description && t.footerBodyData.total, C = t.footerHeaderData && t.footerHeaderData.title && t.footerHeaderData.total;
+      return {
+        "--height": t.height,
+        "--width": t.width,
+        "--footer-background-color": t.cardColor || "#000000",
+        "--text-color": t.textColor || "#FFFFFF",
+        "--footer-body-text-color": ((d = t.footerBodyData) == null ? void 0 : d.textColor) || "#FFFFFF",
+        "--footer-header-text-color": ((c = t.footerHeaderData) == null ? void 0 : c.textColor) || "#FFFFFF",
+        "--footer-height": t.footerHeight,
+        "--footer-width": t.goldCardType ? "263px" : "auto",
+        "--footer-padding": t.footerPadding,
+        "--total-color": ((h = t.footerBodyData) == null ? void 0 : h.totalTextColor) || ((_ = t.footerHeaderData) == null ? void 0 : _.totalTextColor) || "#FFFFFF",
+        "--description-text-align": g || t.footerHeaderData ? "left" : "center",
+        "--footer-body-template-columns": g ? "1fr min-content" : "1fr",
+        "--footer-header-template-columns": C ? t.footerHeaderData.isTotalLeft ? "min-content 1fr" : "1fr min-content" : "1fr",
+        "--footer-header-grid-areas": C ? t.footerHeaderData.isTotalLeft ? '"th ts"' : '"ts th"' : '"ts"',
+        "--player-photo-position-top": t.playerPhotoPositionTop,
+        "--player-photo-position-left": t.playerPhotoPositionLeft,
+        "--player-photo-position-right": t.playerPhotoPositionRight,
+        "--player-photo-height": t.playerPhotoHeight
+      };
+    }), n = i(() => ({
+      backgroundOverlayColor: t.cardColor,
+      backgroundImageSrc: t.backgroundImageSrc,
+      isPlayButtonVisible: !0,
+      goldCardType: t.goldCardType
+    })), p = i(() => ({}));
+    i(() => t.footerBodyData.total ? t.footerBodyData.isTotalPercentage ? `${t.footerBodyData.total}%` : t.footerBodyData.total : "");
+    const y = i(() => {
+      const d = [];
+      return t.goldCardType && (t.goldCardType === 1 ? d.push("gold-card-1") : t.goldCardType === 2 && d.push("gold-card-2")), d;
+    });
+    return (d, c) => (o(), a("div", {
+      class: "card-base-individual",
+      style: f(u.value)
+    }, [
+      n.value ? (o(), F(w, k({ key: 0 }, n.value, { width: e.width }), {
+        default: S(() => [
+          v(d.$slots, "default", {}, () => [
+            p.value ? (o(), a("div", {
+              key: 0,
+              style: f(u.value),
+              class: "card-base-individual__content"
+            }, [
+              e.playerPhotoUrl ? (o(), a("div", E, [
+                r("div", null, [
+                  r("img", {
+                    src: e.playerPhotoUrl,
+                    alt: "player"
+                  }, null, 8, R)
+                ])
+              ])) : l("", !0),
+              e.teamLogoUrl ? (o(), a("div", j, [
+                r("img", {
+                  src: e.teamLogoUrl,
+                  alt: "team"
+                }, null, 8, Z)
+              ])) : l("", !0),
+              r("div", {
+                class: B(["card-base-individual__content__footer", y.value])
+              }, [
+                e.footerHeaderData ? (o(), a("div", G, [
+                  e.footerHeaderData.title ? (o(), a("div", W, [
+                    e.footerHeaderData.title ? (o(), a("div", Y, s(e.footerHeaderData.title), 1)) : l("", !0),
+                    e.footerHeaderData.title ? (o(), a("div", q, s(e.footerHeaderData.subtitle), 1)) : l("", !0)
+                  ])) : l("", !0),
+                  e.footerHeaderData.total ? (o(), a(x, { key: 1 }, [
+                    e.footerHeaderData.isTotalPercentage ? (o(), a("div", J, [
+                      D(m, {
+                        value: e.footerHeaderData.total,
+                        "text-color": e.footerBodyData.totalTextColor,
+                        color: e.footerBodyData.totalCircleColor
+                      }, null, 8, ["value", "text-color", "color"])
+                    ])) : (o(), a("div", K, s(e.footerHeaderData.total), 1))
+                  ], 64)) : l("", !0)
+                ])) : l("", !0),
+                e.footerBodyData ? (o(), a("div", Q, [
+                  r("div", {
+                    class: "card-base-individual__content__footer__body__description",
+                    innerHTML: e.footerBodyData.description
+                  }, null, 8, X),
+                  e.footerBodyData.total ? (o(), a(x, { key: 0 }, [
+                    e.footerBodyData.isTotalPercentage ? (o(), a("div", tt, [
+                      D(m, {
+                        value: e.footerBodyData.total,
+                        "text-color": e.footerBodyData.totalTextColor,
+                        color: e.footerBodyData.totalCircleColor
+                      }, null, 8, ["value", "text-color", "color"])
+                    ])) : (o(), a("div", et, s(e.footerBodyData.total), 1))
+                  ], 64)) : l("", !0)
+                ])) : l("", !0)
+              ], 2),
+              r("div", ot, [
+                v(d.$slots, "body", {}, void 0, !0)
+              ])
+            ], 4)) : l("", !0)
+          ], !0)
+        ]),
+        _: 3
+      }, 16, ["width"])) : l("", !0)
+    ], 4));
+  }
+}, dt = /* @__PURE__ */ b(at, [["__scopeId", "data-v-9df4bb95"]]);
+export {
+  dt as d
+};

package/dist/CardGeneral-D2PYPb95-DycFnfDS.js

@@ -0,0 +1,116 @@
+import { computed as u, openBlock as t, createElementBlock as r, normalizeStyle as y, createBlock as S, mergeProps as w, withCtx as I, renderSlot as x, createCommentVNode as d, createElementVNode as l, toDisplayString as g, Fragment as F, renderList as L, pushScopeId as T, popScopeId as A } from "vue";
+import { h as C, E as m, I as E, T as B } from "./misc-BJvl3Yld-2p2XKW1m.js";
+const v = (a) => (T("data-v-d5d56ba6"), a = a(), A(), a), H = {
+  key: 0,
+  class: "card-general__content__player-img"
+}, M = ["src"], N = {
+  key: 1,
+  class: "card-general__content__team-img"
+}, O = ["src"], V = /* @__PURE__ */ v(() => /* @__PURE__ */ l("div", { class: "card-general__content__body" }, null, -1)), $ = { class: "card-general__content__footer" }, j = { class: "card-general__content__footer__header" }, z = { class: "card-general__content__footer__header__team-logo" }, D = ["src"], P = { class: "card-general__content__footer__header__title" }, q = {
+  key: 0,
+  class: "card-general__content__footer__header__total"
+}, G = { class: "card-general__content__footer__body" }, J = ["innerHTML"], K = {
+  key: 0,
+  class: "card-general__content__footer__body__sections"
+}, Q = { class: "section__total" }, R = /* @__PURE__ */ v(() => /* @__PURE__ */ l("div", { class: "section__text" }, "PASES", -1)), U = {
+  __name: "CardGeneral",
+  props: {
+    height: {
+      type: String,
+      default: "500px"
+    },
+    width: {
+      type: String,
+      default: "319px"
+    },
+    data: {
+      type: Object,
+      default: () => null
+    }
+  },
+  setup(a) {
+    const e = a, p = u(() => ({
+      "--height": e.height,
+      "--width": e.width,
+      "--player-in-action-height": "410px",
+      "--footer-background-color": e.data.thumbnails.colors.background_color || "#000000",
+      "--text-color": e.data.thumbnails.colors.font_color || "#FFFFFF"
+    })), h = u(() => !e.data || !e.data.thumbnails ? null : {
+      backgroundOverlayColor: (e.data.thumbnails.colors.background_color || "#000000").trim(),
+      backgroundImageSrc: e.data.is_player ? m(e.data.thumbnails.images.background_player_in_action[0]) : m(e.data.thumbnails.images.background_team)
+    }), b = u(() => e.data ? E(e.data.description) : ""), n = u(() => {
+      if (!e.data) return null;
+      let _ = e.data.team_logo, c = e.data.sections;
+      _ && (_ = _.replace("-80", "-150")), c && (c = c.sort((o, s) => o[0] - s[0]));
+      let i = 0;
+      return c = c.reduce((o, [s, f], k) => (k % 4 === 0 && (o.push([]), i++), o[i - 1].push([s, f]), o), []).reverse().reduce((o, s) => (o.push(...s), o), []), {
+        playerInAction: e.data.thumbnails.images && e.data.thumbnails.images.player_in_action ? m(e.data.thumbnails.images.player_in_action[0]) : "",
+        teamLogoSrc: _ || "",
+        sections: c || []
+      };
+    });
+    return (_, c) => (t(), r("div", {
+      class: "card-general",
+      style: y(p.value)
+    }, [
+      h.value ? (t(), S(B, w({ key: 0 }, h.value, { width: a.width }), {
+        default: I(() => [
+          x(_.$slots, "default", {}, () => [
+            n.value ? (t(), r("div", {
+              key: 0,
+              style: y(p.value),
+              class: "card-general__content"
+            }, [
+              a.data.is_player ? (t(), r("div", H, [
+                n.value.playerInAction ? (t(), r("img", {
+                  key: 0,
+                  src: n.value.playerInAction,
+                  alt: "player"
+                }, null, 8, M)) : d("", !0)
+              ])) : (t(), r("div", N, [
+                n.value.teamLogoSrc ? (t(), r("img", {
+                  key: 0,
+                  src: n.value.teamLogoSrc,
+                  alt: "team"
+                }, null, 8, O)) : d("", !0)
+              ])),
+              V,
+              l("div", $, [
+                l("div", j, [
+                  l("div", z, [
+                    a.data.team_logo ? (t(), r("img", {
+                      key: 0,
+                      src: a.data.team_logo,
+                      alt: ""
+                    }, null, 8, D)) : d("", !0)
+                  ]),
+                  l("div", P, g(a.data.title), 1),
+                  a.data.footer && a.data.footer.show_total ? (t(), r("div", q, g(a.data.total), 1)) : d("", !0)
+                ]),
+                l("div", G, [
+                  l("div", {
+                    class: "card-general__content__footer__body__description",
+                    innerHTML: b.value
+                  }, null, 8, J),
+                  n.value.sections && n.value.sections.length ? (t(), r("div", K, [
+                    (t(!0), r(F, null, L(n.value.sections, ([i, o]) => (t(), r("div", {
+                      key: i,
+                      class: "section"
+                    }, [
+                      l("div", Q, g(o), 1),
+                      R
+                    ]))), 128))
+                  ])) : d("", !0)
+                ])
+              ])
+            ], 4)) : d("", !0)
+          ], !0)
+        ]),
+        _: 3
+      }, 16, ["width"])) : d("", !0)
+    ], 4));
+  }
+}, X = /* @__PURE__ */ C(U, [["__scopeId", "data-v-d5d56ba6"]]);
+export {
+  X as default
+};