@golstats/gsc-player-team-profile 1.0.168 → 1.0.170

package/dist/{misc-D94RabGe-ab1821dc-e3585ac1.js → CardBase-Cdz1Kf2Y-5ad257e7-965930b2.js}

@@ -1,19 +1,61 @@
-import { computed as c, openBlock as i, createElementBlock as s, normalizeClass as l, normalizeStyle as p, createCommentVNode as n, createElementVNode as d, renderSlot as u, pushScopeId as g, popScopeId as y } from "vue";
-const f = (e, r) => {
+import { computed as c, openBlock as s, createElementBlock as n, normalizeClass as p, normalizeStyle as u, createCommentVNode as l, createElementVNode as d, renderSlot as g, pushScopeId as y, popScopeId as f } from "vue";
+import { i as h } from "./index-e2dbe9b8.js";
+function E(e = "") {
+  const r = e.split("");
+  let t = 1;
+  return r.reduce((o, a) => (a === "*" ? (t % 2 === 0 ? o += "</span>" : o += '<span class="text-bold">', t++) : o += a, o), "");
+}
+function I({ data: e, descriptionType: r }) {
+  switch (r) {
+    case 1:
+      return e.finish_first_person_description;
+    case 2:
+      return e.first_person_description;
+    case 3:
+      return e.finish_third_person_description;
+    case 4:
+      return e.third_person_description;
+    case 5:
+      return e.finish_description;
+    case 6:
+      return e.description;
+  }
+}
+function O(e) {
+  return `https://az755631.vo.msecnd.net/teams-80/${e}.png`;
+}
+function V(e) {
+  return `https://az755631.vo.msecnd.net/players-profile/${e}.png`;
+}
+function $(e) {
+  return `https://golstatsimages.blob.core.windows.net/images-library/${e}`;
+}
+function A(e) {
+  if (e.includes("*")) {
+    let r = "";
+    const t = e.match(/\*(.*?)\*/);
+    return t && (r = t[1]), {
+      title: r.trim(),
+      subtitle: e.replace(/\*(.*?)\*/, "").trim()
+    };
+  }
+  return {
+    title: e,
+    subtitle: ""
+  };
+}
+const b = (e, r) => {
   const t = e.__vccOpts || e;
   for (const [o, a] of r)
     t[o] = a;
   return t;
-}, h = (e) => (g("data-v-6a5cdd27"), e = e(), y(), e), b = {
+}, m = (e) => (y("data-v-949a4643"), e = e(), f(), e), v = {
   key: 0,
   class: "card-base__background-image"
-}, v = ["src"], m = {
+}, _ = ["src"], k = {
   key: 1,
   class: "card-base__background-overlay"
-}, _ = { class: "card-base__slot" }, k = {
-  key: 2,
-  class: "card-base__play"
-}, w = /* @__PURE__ */ h(() => /* @__PURE__ */ d("svg", {
+}, w = { class: "card-base__slot" }, S = /* @__PURE__ */ m(() => /* @__PURE__ */ d("svg", {
   width: "60",
   height: "60",
   viewBox: "0 0 60 60",
@@ -38,9 +80,9 @@ const f = (e, r) => {
     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)), S = [
-  w
-], C = {
+], -1)), C = [
+  S
+], x = {
   __name: "CardBase",
   props: {
     height: {
@@ -82,6 +124,10 @@ const f = (e, r) => {
     showVideos: {
       type: Boolean,
       default: !0
+    },
+    idAux: {
+      type: String,
+      default: ""
     }
   },
   setup(e) {
@@ -94,79 +140,42 @@ const f = (e, r) => {
       "--background-overlay-opacity": r.backgroundOverlayOpacity,
       "--background-gold-size": `${r.width} ${r.height}`
     })), o = c(() => {
-      const a = [];
-      return r.goldCardType && (r.goldCardType === 1 ? a.push("gold-card-1") : r.goldCardType === 2 && a.push("gold-card-2")), a;
+      const i = [];
+      return r.goldCardType && (r.goldCardType === 1 ? i.push("gold-card-1") : r.goldCardType === 2 && i.push("gold-card-2")), i;
     });
-    return (a, x) => (i(), s("div", {
-      class: l(["card-base", o.value]),
-      style: p(t.value)
+    function a() {
+      h.emit(r.idAux);
+    }
+    return (i, B) => (s(), n("div", {
+      class: p(["card-base", o.value]),
+      style: u(t.value)
     }, [
-      e.goldCardType ? n("", !0) : (i(), s("div", b, [
-        e.backgroundImageSrc ? (i(), s("img", {
+      e.goldCardType ? l("", !0) : (s(), n("div", v, [
+        e.backgroundImageSrc ? (s(), n("img", {
           key: 0,
           src: e.backgroundImageSrc,
           alt: ""
-        }, null, 8, v)) : n("", !0)
+        }, null, 8, _)) : l("", !0)
       ])),
-      e.goldCardType ? n("", !0) : (i(), s("div", m)),
-      d("div", _, [
-        u(a.$slots, "default", {}, void 0, !0)
+      e.goldCardType ? l("", !0) : (s(), n("div", k)),
+      d("div", w, [
+        g(i.$slots, "default", {}, void 0, !0)
       ]),
-      e.isPlayButtonVisible && e.showVideos ? (i(), s("div", k, S)) : n("", !0)
+      e.isPlayButtonVisible && e.showVideos ? (s(), n("div", {
+        key: 2,
+        class: "card-base__play",
+        onClick: a
+      }, C)) : l("", !0)
     ], 6));
   }
-}, O = /* @__PURE__ */ f(C, [["__scopeId", "data-v-6a5cdd27"]]);
-function T(e = "") {
-  const r = e.split("");
-  let t = 1;
-  return r.reduce((o, a) => (a === "*" ? (t % 2 === 0 ? o += "</span>" : o += '<span class="text-bold">', t++) : o += a, o), "");
-}
-function V({ data: e, descriptionType: r }) {
-  switch (r) {
-    case 1:
-      return e.finish_first_person_description;
-    case 2:
-      return e.first_person_description;
-    case 3:
-      return e.finish_third_person_description;
-    case 4:
-      return e.third_person_description;
-    case 5:
-      return e.finish_description;
-    case 6:
-      return e.description;
-  }
-}
-function z(e) {
-  return `https://az755631.vo.msecnd.net/teams-80/${e}.png`;
-}
-function E(e) {
-  return `https://az755631.vo.msecnd.net/players-profile/${e}.png`;
-}
-function I(e) {
-  return `https://golstatsimages.blob.core.windows.net/images-library/${e}`;
-}
-function $(e) {
-  if (e.includes("*")) {
-    let r = "";
-    const t = e.match(/\*(.*?)\*/);
-    return t && (r = t[1]), {
-      title: r.trim(),
-      subtitle: e.replace(/\*(.*?)\*/, "").trim()
-    };
-  }
-  return {
-    title: e,
-    subtitle: ""
-  };
-}
+}, N = /* @__PURE__ */ b(x, [["__scopeId", "data-v-949a4643"]]);
 export {
-  $,
-  E,
-  I,
-  O,
-  T,
-  V,
-  f,
-  z
+  E as $,
+  A,
+  O as E,
+  $ as I,
+  N,
+  V as T,
+  b,
+  I as z
 };

package/dist/{CardBaseAllIndividual-VdTcJTWG-5bd58209-e7ef8b30.js → CardBaseAllIndividual-4UzD6DNy-b2282b63-53b96aa1.js}

@@ -1,6 +1,6 @@
-import { computed as i, openBlock as o, createElementBlock as a, normalizeStyle as p, createBlock as B, mergeProps as S, withCtx as w, renderSlot as x, createElementVNode as r, createCommentVNode as l, normalizeClass as H, toDisplayString as s, Fragment as D, createVNode as b } from "vue";
-import { f as k, O as P } from "./misc-D94RabGe-ab1821dc-e3585ac1.js";
-const T = { class: "circle__total" }, $ = { class: "total" }, L = { class: "suffix" }, N = ["width", "height", "viewBox"], z = ["stroke"], U = ["stroke"], I = ["stop-color"], M = ["stop-color"], O = {
+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 k, N as P } from "./CardBase-Cdz1Kf2Y-5ad257e7-965930b2.js";
+const L = { class: "circle__total" }, $ = { class: "total" }, N = { class: "suffix" }, z = ["width", "height", "viewBox"], U = ["stroke"], A = ["stroke"], I = ["stop-color"], M = ["stop-color"], V = {
   __name: "CircleWithDots",
   props: {
     height: {
@@ -37,45 +37,45 @@ const T = { class: "circle__total" }, $ = { class: "total" }, L = { class: "suff
     }
   },
   setup(e) {
-    const t = e, c = i(() => `0 0 ${t.width} ${t.height}`), n = i(() => ({
+    const t = e, f = i(() => `0 0 ${t.width} ${t.height}`), s = i(() => ({
       "--width": `${t.width}px`,
       "--height": `${t.height}px`,
       "--value-font-size": `${t.valueFontSize}px`,
       "--suffix-font-size": `${t.suffixFontSize}px`,
       "--color": t.textColor
-    })), f = `linear-gradient-${Date.now()}`;
+    })), c = `linear-gradient-${Date.now()}`;
     return (y, d) => (o(), a("div", {
       class: "circle",
-      style: p(n.value)
+      style: p(s.value)
     }, [
-      r("div", T, [
-        r("span", $, s(e.value), 1),
-        r("span", L, s(e.suffix), 1)
+      r("div", L, [
+        r("span", $, n(e.value), 1),
+        r("span", N, n(e.suffix), 1)
       ]),
       (o(), a("svg", {
-        width: n.value["--width"],
-        height: n.value["--height"],
-        viewBox: c.value,
+        width: s.value["--width"],
+        height: s.value["--height"],
+        viewBox: f.value,
         preserveAspectRatio: "xMidYMid meet",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, [
         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(#${f})`,
+          stroke: `url(#${c})`,
           "stroke-width": "3.14",
           "stroke-linecap": "round"
-        }, null, 8, z),
+        }, null, 8, U),
         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),
+        }, null, 8, A),
         r("defs", null, [
           r("linearGradient", {
-            id: f,
+            id: c,
             x1: "34.5",
             y1: "2",
             x2: "34.5",
@@ -89,43 +89,46 @@ const T = { class: "circle__total" }, $ = { class: "total" }, L = { class: "suff
             }, null, 8, M)
           ])
         ])
-      ], 8, N))
+      ], 8, z))
     ], 4));
   }
-}, m = /* @__PURE__ */ k(O, [["__scopeId", "data-v-b9adcb76"]]), V = {
+}, S = /* @__PURE__ */ k(V, [["__scopeId", "data-v-b9adcb76"]]), O = {
   key: 0,
   class: "card-base-individual__content__player-img"
-}, A = ["src"], E = {
+}, E = ["src"], R = {
   key: 1,
   class: "card-base-individual__content__team-logo"
-}, R = ["src"], j = {
+}, j = ["src"], Z = {
   key: 0,
   class: "card-base-individual__content__footer__header"
-}, Z = {
+}, G = {
   key: 0,
   class: "card-base-individual__content__footer__header__title-and-sub ts"
-}, G = {
+}, W = {
   key: 0,
   class: "card-base-individual__content__footer__header__title"
-}, W = {
+}, Y = {
+  key: 0,
+  class: "subtitle-same-line"
+}, q = {
   key: 1,
   class: "card-base-individual__content__footer__header__subtitle"
-}, Y = {
+}, J = {
   key: 0,
   class: "th"
-}, q = {
+}, K = {
   key: 1,
   class: "total th"
-}, J = {
+}, Q = {
   key: 1,
   class: "card-base-individual__content__footer__body"
-}, K = ["innerHTML"], Q = {
+}, X = ["innerHTML"], tt = {
   key: 0,
   class: "total-b"
-}, X = {
+}, et = {
   key: 1,
   class: "total total-b"
-}, tt = { class: "card-base-individual__content__body" }, et = {
+}, ot = { class: "card-base-individual__content__body" }, at = {
   __name: "CardBaseAllIndividual",
   props: {
     height: {
@@ -142,6 +145,8 @@ const T = { class: "circle__total" }, $ = { class: "total" }, L = { class: "suff
       * {
       * title: string,
       * subtitle: string,
+      * areTitleSubtitleSameLine: boolean,
+      * titleFontSize: string,
       * total: [string, number],
       * isTotalLeft: boolean,
       * isTotalPercentage: boolean,
@@ -218,12 +223,16 @@ const T = { class: "circle__total" }, $ = { class: "total" }, L = { class: "suff
     showVideos: {
       type: Boolean,
       default: !0
+    },
+    idAux: {
+      type: String,
+      default: ""
     }
   },
   setup(e) {
-    const t = e, c = i(() => {
-      var d, u, h, g, _, v;
-      const C = t.footerBodyData && t.footerBodyData.description && t.footerBodyData.total, F = t.footerHeaderData && t.footerHeaderData.title && t.footerHeaderData.total;
+    const t = e, f = i(() => {
+      var d, u, h, g, _, v, C;
+      const F = t.footerBodyData && t.footerBodyData.description && t.footerBodyData.total, x = t.footerHeaderData && t.footerHeaderData.title && t.footerHeaderData.total;
       return {
         "--height": t.height,
         "--width": t.width,
@@ -233,24 +242,26 @@ const T = { class: "circle__total" }, $ = { class: "total" }, L = { class: "suff
         "--footer-header-text-color": ((u = t.footerHeaderData) == null ? void 0 : u.textColor) || "#FFFFFF",
         "--total-border": `1.6px solid ${((h = t.footerBodyData) == null ? void 0 : h.totalBorderColor) || ((g = t.footerHeaderData) == null ? void 0 : g.totalBorderColor) || "#FFFFFF"}`,
         "--footer-height": t.footerHeight,
-        "--footer-width": t.goldCardType ? "263px" : "auto",
+        "--footer-width": t.goldCardType ? "312px" : "auto",
         "--footer-padding": t.footerPadding,
         "--total-color": t.goldCardType ? "#FFFFFF" : ((_ = t.footerBodyData) == null ? void 0 : _.totalTextColor) || ((v = t.footerHeaderData) == null ? void 0 : v.totalTextColor) || "#FFFFFF",
-        "--description-text-align": C || t.footerHeaderData ? "left" : "center",
-        "--footer-body-template-columns": C ? "1fr min-content" : "1fr",
-        "--footer-header-template-columns": F ? t.footerHeaderData.isTotalLeft ? "min-content 1fr" : "1fr min-content" : "1fr",
-        "--footer-header-grid-areas": F ? t.footerHeaderData.isTotalLeft ? '"th ts"' : '"ts th"' : '"ts"',
+        "--footer-header-title-font-size": ((C = t.footerHeaderData) == null ? void 0 : C.titleFontSize) || "27px",
+        "--description-text-align": F || t.footerHeaderData ? "left" : "center",
+        "--footer-body-template-columns": F ? "1fr min-content" : "1fr",
+        "--footer-header-template-columns": x ? t.footerHeaderData.isTotalLeft ? "min-content 1fr" : "1fr min-content" : "1fr",
+        "--footer-header-grid-areas": x ? 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(() => ({
+    }), s = i(() => ({
       backgroundOverlayColor: t.cardColor,
       backgroundImageSrc: t.backgroundImageSrc,
       isPlayButtonVisible: t.showVideos,
+      idAux: t.idAux,
       goldCardType: t.goldCardType
-    })), f = i(() => ({}));
+    })), c = i(() => ({}));
     i(() => t.footerBodyData.total ? t.footerBodyData.isTotalPercentage ? `${t.footerBodyData.total}%` : t.footerBodyData.total : "");
     const y = i(() => {
       const d = [];
@@ -258,66 +269,69 @@ const T = { class: "circle__total" }, $ = { class: "total" }, L = { class: "suff
     });
     return (d, u) => (o(), a("div", {
       class: "card-base-individual",
-      style: p(c.value)
+      style: p(f.value)
     }, [
-      n.value ? (o(), B(P, S({ key: 0 }, n.value, { width: e.width }), {
+      s.value ? (o(), B(P, H({ key: 0 }, s.value, { width: e.width }), {
         default: w(() => [
-          x(d.$slots, "default", {}, () => [
-            f.value ? (o(), a("div", {
+          D(d.$slots, "default", {}, () => [
+            c.value ? (o(), a("div", {
               key: 0,
-              style: p(c.value),
+              style: p(f.value),
               class: "card-base-individual__content"
             }, [
-              e.playerPhotoUrl ? (o(), a("div", V, [
+              e.playerPhotoUrl ? (o(), a("div", O, [
                 r("div", null, [
                   r("img", {
                     src: e.playerPhotoUrl,
                     alt: "player"
-                  }, null, 8, A)
+                  }, null, 8, E)
                 ])
               ])) : l("", !0),
-              e.teamLogoUrl ? (o(), a("div", E, [
+              e.teamLogoUrl ? (o(), a("div", R, [
                 r("img", {
                   src: e.teamLogoUrl,
                   alt: "team"
-                }, null, 8, R)
+                }, null, 8, j)
               ])) : l("", !0),
               r("div", {
-                class: H(["card-base-individual__content__footer", y.value])
+                class: T(["card-base-individual__content__footer", y.value])
               }, [
-                e.footerHeaderData ? (o(), a("div", j, [
-                  e.footerHeaderData.title ? (o(), a("div", Z, [
-                    e.footerHeaderData.title ? (o(), a("div", G, s(e.footerHeaderData.title), 1)) : l("", !0),
-                    e.footerHeaderData.title ? (o(), a("div", W, s(e.footerHeaderData.subtitle), 1)) : l("", !0)
+                e.footerHeaderData ? (o(), a("div", Z, [
+                  e.footerHeaderData.title ? (o(), a("div", G, [
+                    e.footerHeaderData.title ? (o(), a("div", W, [
+                      r("span", null, n(e.footerHeaderData.title), 1),
+                      e.footerHeaderData.areTitleSubtitleSameLine ? (o(), a("span", Y, n(e.footerHeaderData.subtitle), 1)) : l("", !0)
+                    ])) : 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(D, { key: 1 }, [
-                    e.footerHeaderData.isTotalPercentage ? (o(), a("div", Y, [
-                      b(m, {
+                  e.footerHeaderData.total ? (o(), a(b, { key: 1 }, [
+                    e.footerHeaderData.isTotalPercentage ? (o(), a("div", J, [
+                      m(S, {
                         value: e.footerHeaderData.total,
                         "text-color": e.footerBodyData.totalTextColor,
                         color: e.footerBodyData.totalCircleColor
                       }, null, 8, ["value", "text-color", "color"])
-                    ])) : (o(), a("div", q, s(e.footerHeaderData.total), 1))
+                    ])) : (o(), a("div", K, n(e.footerHeaderData.total), 1))
                   ], 64)) : l("", !0)
                 ])) : l("", !0),
-                e.footerBodyData ? (o(), a("div", J, [
+                e.footerBodyData ? (o(), a("div", Q, [
                   r("div", {
                     class: "card-base-individual__content__footer__body__description",
                     innerHTML: e.footerBodyData.description
-                  }, null, 8, K),
-                  e.footerBodyData.total ? (o(), a(D, { key: 0 }, [
-                    e.footerBodyData.isTotalPercentage ? (o(), a("div", Q, [
-                      b(m, {
+                  }, null, 8, X),
+                  e.footerBodyData.total ? (o(), a(b, { key: 0 }, [
+                    e.footerBodyData.isTotalPercentage ? (o(), a("div", tt, [
+                      m(S, {
                         value: e.footerBodyData.total,
                         "text-color": e.footerBodyData.totalTextColor,
                         color: e.footerBodyData.totalCircleColor
                       }, null, 8, ["value", "text-color", "color"])
-                    ])) : (o(), a("div", X, s(e.footerBodyData.total), 1))
+                    ])) : (o(), a("div", et, n(e.footerBodyData.total), 1))
                   ], 64)) : l("", !0)
                 ])) : l("", !0)
               ], 2),
-              r("div", tt, [
-                x(d.$slots, "body", {}, void 0, !0)
+              r("div", ot, [
+                D(d.$slots, "body", {}, void 0, !0)
               ])
             ], 4)) : l("", !0)
           ], !0)
@@ -326,7 +340,7 @@ const T = { class: "circle__total" }, $ = { class: "total" }, L = { class: "suff
       }, 16, ["width"])) : l("", !0)
     ], 4));
   }
-}, rt = /* @__PURE__ */ k(et, [["__scopeId", "data-v-c55bb714"]]);
+}, dt = /* @__PURE__ */ k(at, [["__scopeId", "data-v-f5d6a13d"]]);
 export {
-  rt as r
+  dt as d
 };