@golstats/gsc-landing 1.0.213 → 1.0.214

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/CardBase-Cdma--ld-BufA9Fxb.js

@@ -0,0 +1,181 @@
+import { computed as l, openBlock as n, createElementBlock as s, normalizeClass as u, normalizeStyle as p, createCommentVNode as c, createElementVNode as d, renderSlot as g, pushScopeId as y, popScopeId as f } from "vue";
+import { O as h } from "./index-CidNks_N.js";
+function $(t = "") {
+  const e = t.split("");
+  let r = 1;
+  return e.reduce((a, o) => (o === "*" ? (r % 2 === 0 ? a += "</span>" : a += '<span class="text-bold">', r++) : a += o, a), "");
+}
+function z({ data: t, descriptionType: e }) {
+  switch (e) {
+    case 1:
+      return t.finish_first_person_description;
+    case 2:
+      return t.first_person_description;
+    case 3:
+      return t.finish_third_person_description;
+    case 4:
+      return t.third_person_description;
+    case 5:
+      return t.finish_description;
+    case 6:
+      return t.description;
+  }
+}
+function E(t) {
+  return `https://az755631.vo.msecnd.net/teams-80/${t}.png`;
+}
+function T(t) {
+  return `https://az755631.vo.msecnd.net/players-profile/${t}.png`;
+}
+function I(t) {
+  return `https://golstatsimages.blob.core.windows.net/images-library/${t}`;
+}
+function A(t) {
+  if (t.includes("*")) {
+    let e = "";
+    const r = t.match(/\*(.*?)\*/);
+    return r && (e = r[1]), {
+      title: e.trim(),
+      subtitle: t.replace(/\*(.*?)\*/, "").trim()
+    };
+  }
+  return {
+    title: t,
+    subtitle: ""
+  };
+}
+const b = (t, e) => {
+  const r = t.__vccOpts || t;
+  for (const [a, o] of e)
+    r[a] = o;
+  return r;
+}, m = (t) => (y("data-v-949a4643"), t = t(), f(), t), v = {
+  key: 0,
+  class: "card-base__background-image"
+}, _ = ["src"], k = {
+  key: 1,
+  class: "card-base__background-overlay"
+}, w = { class: "card-base__slot" }, S = /* @__PURE__ */ m(() => /* @__PURE__ */ d("svg", {
+  width: "60",
+  height: "60",
+  viewBox: "0 0 60 60",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ d("circle", {
+    cx: "30",
+    cy: "30",
+    r: "30",
+    fill: "#0E1E2A",
+    "fill-opacity": ".96"
+  }),
+  /* @__PURE__ */ d("circle", {
+    cx: "30",
+    cy: "30",
+    r: "26.6",
+    stroke: "#757575",
+    "stroke-width": ".8"
+  }),
+  /* @__PURE__ */ d("path", {
+    d: "M25.49 39.862a1.058 1.058 0 0 1-.359-.43 1.396 1.396 0 0 1-.131-.6V20.165a1.4 1.4 0 0 1 .132-.599c.087-.18.21-.329.358-.429a.777.777 0 0 1 .483-.137c.167.01.33.077.47.194l11.143 9.333c.127.107.232.25.304.42.072.17.11.358.11.55 0 .193-.038.382-.11.55-.072.17-.177.314-.304.42l-11.143 9.337a.808.808 0 0 1-.47.194.776.776 0 0 1-.482-.137z",
+    fill: "#CBEE6B"
+  })
+], -1)), C = [
+  S
+], x = {
+  __name: "CardBase",
+  props: {
+    height: {
+      type: String,
+      default: "445px"
+    },
+    width: {
+      type: String,
+      default: "319px"
+    },
+    backgroundOverlayColor: {
+      type: String,
+      default: "#000000"
+    },
+    backgroundOverlayOpacity: {
+      type: String,
+      default: "0.8"
+    },
+    backgroundImageSrc: {
+      type: String,
+      default: ""
+    },
+    overflow: {
+      type: String,
+      default: "visible"
+    },
+    borderRadius: {
+      type: String,
+      default: "15px"
+    },
+    isPlayButtonVisible: {
+      type: Boolean,
+      default: !0
+    },
+    goldCardType: {
+      type: Number,
+      default: 0
+    },
+    showVideos: {
+      type: Boolean,
+      default: !0
+    },
+    idAux: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(t) {
+    const e = t, r = l(() => ({
+      "--height": e.height,
+      "--width": e.width,
+      "--background-overlay-color": e.backgroundOverlayColor,
+      "--overflow": e.overflow,
+      "--border-radius": e.borderRadius,
+      "--background-overlay-opacity": e.backgroundOverlayOpacity,
+      "--background-gold-size": `${e.width} ${e.height}`
+    })), a = l(() => {
+      const i = [];
+      return e.goldCardType && (e.goldCardType === 1 ? i.push("gold-card-1") : e.goldCardType === 2 && i.push("gold-card-2")), i;
+    });
+    function o() {
+      h.emit(e.idAux);
+    }
+    return (i, B) => (n(), s("div", {
+      class: u(["card-base", a.value]),
+      style: p(r.value)
+    }, [
+      t.goldCardType ? c("", !0) : (n(), s("div", v, [
+        t.backgroundImageSrc ? (n(), s("img", {
+          key: 0,
+          src: t.backgroundImageSrc,
+          alt: ""
+        }, null, 8, _)) : c("", !0)
+      ])),
+      t.goldCardType ? c("", !0) : (n(), s("div", k)),
+      d("div", w, [
+        g(i.$slots, "default", {}, void 0, !0)
+      ]),
+      t.isPlayButtonVisible && t.showVideos ? (n(), s("div", {
+        key: 2,
+        class: "card-base__play",
+        onClick: o
+      }, C)) : c("", !0)
+    ], 6));
+  }
+}, N = /* @__PURE__ */ b(x, [["__scopeId", "data-v-949a4643"]]);
+export {
+  N as $,
+  z as A,
+  A as E,
+  E as O,
+  $ as P,
+  T as V,
+  b as m,
+  I as z
+};

package/dist/{CardBaseAllIndividual-MZU9YVGl-CP107tbU.js → CardBaseAllIndividual-D-OnB5nZ-BPn0LvNB.js}

@@ -1,6 +1,6 @@
-import { computed as i, openBlock as o, createElementBlock as a, normalizeStyle as p, createBlock as B, mergeProps as H, withCtx as w, renderSlot as D, createElementVNode as r, createCommentVNode as l, normalizeClass as T, toDisplayString as n, Fragment as b, createVNode as m } from "vue";
-import { b as S, E as P } from "./CardBase-D3YCZX4b-DGnwZ1-j.js";
-const L = { class: "circle__total" }, $ = { class: "total" }, z = { class: "suffix" }, N = ["width", "height", "viewBox"], U = ["stroke"], I = ["stroke"], M = ["stop-color"], V = ["stop-color"], E = {
+import { computed as i, openBlock as o, createElementBlock as a, normalizeStyle as p, createElementVNode as r, toDisplayString as n, createBlock as B, mergeProps as H, withCtx as w, renderSlot as D, createCommentVNode as l, normalizeClass as T, Fragment as m, createVNode as b } from "vue";
+import { m as k, $ as P } from "./CardBase-Cdma--ld-BufA9Fxb.js";
+const $ = { class: "circle__total" }, L = { class: "total" }, z = { class: "suffix" }, N = ["width", "height", "viewBox"], U = ["stroke"], A = ["stroke"], I = ["stop-color"], M = ["stop-color"], V = {
   __name: "CircleWithDots",
   props: {
     height: {
@@ -48,8 +48,8 @@ const L = { class: "circle__total" }, $ = { class: "total" }, z = { class: "suff
       class: "circle",
       style: p(s.value)
     }, [
-      r("div", L, [
-        r("span", $, n(e.value), 1),
+      r("div", $, [
+        r("span", L, n(e.value), 1),
         r("span", z, n(e.suffix), 1)
       ]),
       (o(), a("svg", {
@@ -72,7 +72,7 @@ const L = { class: "circle__total" }, $ = { class: "total" }, z = { class: "suff
           "stroke-width": "0.380952",
           "stroke-linecap": "round",
           "stroke-dasharray": "0 0.19 2.61 0 0.19 2.61"
-        }, null, 8, I),
+        }, null, 8, A),
         r("defs", null, [
           r("linearGradient", {
             id: f,
@@ -82,20 +82,20 @@ const L = { class: "circle__total" }, $ = { class: "total" }, z = { class: "suff
             y2: "66",
             gradientUnits: "userSpaceOnUse"
           }, [
-            r("stop", { "stop-color": e.color }, null, 8, M),
+            r("stop", { "stop-color": e.color }, null, 8, I),
             r("stop", {
               offset: "1",
               "stop-color": e.color
-            }, null, 8, V)
+            }, null, 8, M)
           ])
         ])
       ], 8, N))
     ], 4));
   }
-}, k = /* @__PURE__ */ S(E, [["__scopeId", "data-v-b9adcb76"]]), O = {
+}, S = /* @__PURE__ */ k(V, [["__scopeId", "data-v-b9adcb76"]]), O = {
   key: 0,
   class: "card-base-individual__content__player-img"
-}, A = ["src"], R = {
+}, E = ["src"], R = {
   key: 1,
   class: "card-base-individual__content__team-logo"
 }, j = ["src"], Z = {
@@ -223,6 +223,10 @@ const L = { class: "circle__total" }, $ = { class: "total" }, z = { class: "suff
     showVideos: {
       type: Boolean,
       default: !0
+    },
+    idAux: {
+      type: String,
+      default: ""
     }
   },
   setup(e) {
@@ -255,6 +259,7 @@ const L = { class: "circle__total" }, $ = { class: "total" }, z = { class: "suff
       backgroundOverlayColor: t.cardColor,
       backgroundImageSrc: t.backgroundImageSrc,
       isPlayButtonVisible: t.showVideos,
+      idAux: t.idAux,
       goldCardType: t.goldCardType
     })), f = i(() => ({}));
     i(() => t.footerBodyData.total ? t.footerBodyData.isTotalPercentage ? `${t.footerBodyData.total}%` : t.footerBodyData.total : "");
@@ -279,7 +284,7 @@ const L = { class: "circle__total" }, $ = { class: "total" }, z = { class: "suff
                   r("img", {
                     src: e.playerPhotoUrl,
                     alt: "player"
-                  }, null, 8, A)
+                  }, null, 8, E)
                 ])
               ])) : l("", !0),
               e.teamLogoUrl ? (o(), a("div", R, [
@@ -299,9 +304,9 @@ const L = { class: "circle__total" }, $ = { class: "total" }, z = { class: "suff
                     ])) : l("", !0),
                     e.footerHeaderData.title && !e.footerHeaderData.areTitleSubtitleSameLine ? (o(), a("div", q, n(e.footerHeaderData.subtitle), 1)) : l("", !0)
                   ])) : l("", !0),
-                  e.footerHeaderData.total ? (o(), a(b, { key: 1 }, [
+                  e.footerHeaderData.total ? (o(), a(m, { key: 1 }, [
                     e.footerHeaderData.isTotalPercentage ? (o(), a("div", J, [
-                      m(k, {
+                      b(S, {
                         value: e.footerHeaderData.total,
                         "text-color": e.footerBodyData.totalTextColor,
                         color: e.footerBodyData.totalCircleColor
@@ -314,9 +319,9 @@ const L = { class: "circle__total" }, $ = { class: "total" }, z = { class: "suff
                     class: "card-base-individual__content__footer__body__description",
                     innerHTML: e.footerBodyData.description
                   }, null, 8, X),
-                  e.footerBodyData.total ? (o(), a(b, { key: 0 }, [
+                  e.footerBodyData.total ? (o(), a(m, { key: 0 }, [
                     e.footerBodyData.isTotalPercentage ? (o(), a("div", tt, [
-                      m(k, {
+                      b(S, {
                         value: e.footerBodyData.total,
                         "text-color": e.footerBodyData.totalTextColor,
                         color: e.footerBodyData.totalCircleColor
@@ -335,7 +340,8 @@ const L = { class: "circle__total" }, $ = { class: "total" }, z = { class: "suff
       }, 16, ["width"])) : l("", !0)
     ], 4));
   }
-}, dt = /* @__PURE__ */ S(at, [["__scopeId", "data-v-1133b425"]]);
+}, dt = /* @__PURE__ */ k(at, [["__scopeId", "data-v-f5d6a13d"]]);
 export {
+  S as B,
   dt as d
 };