@golstats/gsc-landing 1.0.200 → 1.0.202

package/dist/{CardBaseAllIndividual-yLYe0xMs-SDUJvPop.js → CardBaseAllIndividual-VdTcJTWG-BVu0s4Ia.js}

@@ -1,6 +1,6 @@
-import { computed as i, openBlock as o, createElementBlock as a, normalizeStyle as p, createBlock as b, mergeProps as k, withCtx as S, renderSlot as v, createElementVNode as r, createCommentVNode as l, normalizeClass as B, toDisplayString as s, Fragment as F, createVNode as x } from "vue";
-import { h as m, T as H } from "./misc-BbzSgyER-2p2XKW1m.js";
-const T = { class: "circle__total" }, w = { class: "total" }, P = { class: "suffix" }, $ = ["width", "height", "viewBox"], L = ["stroke"], N = ["stroke"], z = ["stop-color"], U = ["stop-color"], I = {
+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 { h as k, T } from "./misc-D94RabGe-BRVOC8Yx.js";
+const P = { class: "circle__total" }, $ = { class: "total" }, L = { class: "suffix" }, N = ["width", "height", "viewBox"], z = ["stroke"], U = ["stroke"], I = ["stop-color"], M = ["stop-color"], V = {
   __name: "CircleWithDots",
   props: {
     height: {
@@ -43,14 +43,14 @@ const T = { class: "circle__total" }, w = { class: "total" }, P = { class: "suff
       "--value-font-size": `${t.valueFontSize}px`,
       "--suffix-font-size": `${t.suffixFontSize}px`,
       "--color": t.textColor
-    })), c = `linear-gradient-${Date.now()}`;
+    })), f = `linear-gradient-${Date.now()}`;
     return (y, d) => (o(), a("div", {
       class: "circle",
       style: p(n.value)
     }, [
-      r("div", T, [
-        r("span", w, s(e.value), 1),
-        r("span", P, s(e.suffix), 1)
+      r("div", P, [
+        r("span", $, s(e.value), 1),
+        r("span", L, s(e.suffix), 1)
       ]),
       (o(), a("svg", {
         width: n.value["--width"],
@@ -62,70 +62,70 @@ const T = { class: "circle__total" }, w = { class: "total" }, P = { class: "suff
       }, [
         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(#${c})`,
+          stroke: `url(#${f})`,
           "stroke-width": "3.14",
           "stroke-linecap": "round"
-        }, null, 8, L),
+        }, null, 8, z),
         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, N),
+        }, null, 8, U),
         r("defs", null, [
           r("linearGradient", {
-            id: c,
+            id: f,
             x1: "34.5",
             y1: "2",
             x2: "34.5",
             y2: "66",
             gradientUnits: "userSpaceOnUse"
           }, [
-            r("stop", { "stop-color": e.color }, null, 8, z),
+            r("stop", { "stop-color": e.color }, null, 8, I),
             r("stop", {
               offset: "1",
               "stop-color": e.color
-            }, null, 8, U)
+            }, null, 8, M)
           ])
         ])
-      ], 8, $))
+      ], 8, N))
     ], 4));
   }
-}, D = /* @__PURE__ */ m(I, [["__scopeId", "data-v-b9adcb76"]]), M = {
+}, m = /* @__PURE__ */ k(V, [["__scopeId", "data-v-b9adcb76"]]), O = {
   key: 0,
   class: "card-base-individual__content__player-img"
-}, O = ["src"], V = {
+}, A = ["src"], E = {
   key: 1,
   class: "card-base-individual__content__team-logo"
-}, A = ["src"], E = {
+}, R = ["src"], j = {
   key: 0,
   class: "card-base-individual__content__footer__header"
-}, R = {
+}, Z = {
   key: 0,
   class: "card-base-individual__content__footer__header__title-and-sub ts"
-}, j = {
+}, G = {
   key: 0,
   class: "card-base-individual__content__footer__header__title"
-}, Z = {
+}, W = {
   key: 1,
   class: "card-base-individual__content__footer__header__subtitle"
-}, G = {
+}, Y = {
   key: 0,
   class: "th"
-}, W = {
+}, q = {
   key: 1,
   class: "total th"
-}, Y = {
+}, J = {
   key: 1,
   class: "card-base-individual__content__footer__body"
-}, q = ["innerHTML"], J = {
+}, K = ["innerHTML"], Q = {
   key: 0,
   class: "total-b"
-}, K = {
+}, X = {
   key: 1,
   class: "total total-b"
-}, Q = { class: "card-base-individual__content__body" }, X = {
+}, tt = { class: "card-base-individual__content__body" }, et = {
   __name: "CardBaseAllIndividual",
   props: {
     height: {
@@ -146,6 +146,7 @@ const T = { class: "circle__total" }, w = { class: "total" }, P = { class: "suff
       * isTotalLeft: boolean,
       * isTotalPercentage: boolean,
       * textColor: string,
+      * totalBorderColor: string,
       * }
       * */
       default: () => null
@@ -161,6 +162,7 @@ const T = { class: "circle__total" }, w = { class: "total" }, P = { class: "suff
       * totalTextColor: string,
       * totalCircleColor: string,
       * textColor: string,
+      * totalBorderColor: string,
       * }
       * */
       default: () => null
@@ -212,27 +214,32 @@ const T = { class: "circle__total" }, w = { class: "total" }, P = { class: "suff
     goldCardType: {
       type: Number,
       default: 0
+    },
+    showVideos: {
+      type: Boolean,
+      default: !0
     }
   },
   setup(e) {
     const t = e, u = i(() => {
-      var d, f, h, g;
-      const _ = t.footerBodyData && t.footerBodyData.description && t.footerBodyData.total, C = t.footerHeaderData && t.footerHeaderData.title && t.footerHeaderData.total;
+      var d, c, h, g, _, C;
+      const v = t.footerBodyData && t.footerBodyData.description && t.footerBodyData.total, F = t.footerHeaderData && t.footerHeaderData.title && t.footerHeaderData.total;
       return {
         "--height": t.height,
         "--width": t.width,
         "--footer-background-color": t.cardColor || "#000000",
         "--text-color": t.goldCardType ? "#FFFFFF" : t.textColor || "#FFFFFF",
         "--footer-body-text-color": t.goldCardType ? "#FFFFFF" : ((d = t.footerBodyData) == null ? void 0 : d.textColor) || "#FFFFFF",
-        "--footer-header-text-color": ((f = t.footerHeaderData) == null ? void 0 : f.textColor) || "#FFFFFF",
+        "--footer-header-text-color": ((c = t.footerHeaderData) == null ? void 0 : c.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-padding": t.footerPadding,
-        "--total-color": t.goldCardType ? "#FFFFFF" : ((h = t.footerBodyData) == null ? void 0 : h.totalTextColor) || ((g = t.footerHeaderData) == null ? void 0 : g.totalTextColor) || "#FFFFFF",
-        "--description-text-align": _ || t.footerHeaderData ? "left" : "center",
-        "--footer-body-template-columns": _ ? "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"',
+        "--total-color": t.goldCardType ? "#FFFFFF" : ((_ = t.footerBodyData) == null ? void 0 : _.totalTextColor) || ((C = t.footerHeaderData) == null ? void 0 : C.totalTextColor) || "#FFFFFF",
+        "--description-text-align": v || t.footerHeaderData ? "left" : "center",
+        "--footer-body-template-columns": v ? "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"',
         "--player-photo-position-top": t.playerPhotoPositionTop,
         "--player-photo-position-left": t.playerPhotoPositionLeft,
         "--player-photo-position-right": t.playerPhotoPositionRight,
@@ -241,76 +248,76 @@ const T = { class: "circle__total" }, w = { class: "total" }, P = { class: "suff
     }), n = i(() => ({
       backgroundOverlayColor: t.cardColor,
       backgroundImageSrc: t.backgroundImageSrc,
-      isPlayButtonVisible: !0,
+      isPlayButtonVisible: t.showVideos,
       goldCardType: t.goldCardType
-    })), c = i(() => ({}));
+    })), f = 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, f) => (o(), a("div", {
+    return (d, c) => (o(), a("div", {
       class: "card-base-individual",
       style: p(u.value)
     }, [
-      n.value ? (o(), b(H, k({ key: 0 }, n.value, { width: e.width }), {
-        default: S(() => [
-          v(d.$slots, "default", {}, () => [
-            c.value ? (o(), a("div", {
+      n.value ? (o(), B(T, S({ key: 0 }, n.value, { width: e.width }), {
+        default: w(() => [
+          x(d.$slots, "default", {}, () => [
+            f.value ? (o(), a("div", {
               key: 0,
               style: p(u.value),
               class: "card-base-individual__content"
             }, [
-              e.playerPhotoUrl ? (o(), a("div", M, [
+              e.playerPhotoUrl ? (o(), a("div", O, [
                 r("div", null, [
                   r("img", {
                     src: e.playerPhotoUrl,
                     alt: "player"
-                  }, null, 8, O)
+                  }, null, 8, A)
                 ])
               ])) : l("", !0),
-              e.teamLogoUrl ? (o(), a("div", V, [
+              e.teamLogoUrl ? (o(), a("div", E, [
                 r("img", {
                   src: e.teamLogoUrl,
                   alt: "team"
-                }, null, 8, A)
+                }, null, 8, R)
               ])) : l("", !0),
               r("div", {
-                class: B(["card-base-individual__content__footer", y.value])
+                class: H(["card-base-individual__content__footer", y.value])
               }, [
-                e.footerHeaderData ? (o(), a("div", E, [
-                  e.footerHeaderData.title ? (o(), a("div", R, [
-                    e.footerHeaderData.title ? (o(), a("div", j, s(e.footerHeaderData.title), 1)) : l("", !0),
-                    e.footerHeaderData.title ? (o(), a("div", Z, s(e.footerHeaderData.subtitle), 1)) : l("", !0)
+                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)
                   ])) : l("", !0),
-                  e.footerHeaderData.total ? (o(), a(F, { key: 1 }, [
-                    e.footerHeaderData.isTotalPercentage ? (o(), a("div", G, [
-                      x(D, {
+                  e.footerHeaderData.total ? (o(), a(D, { key: 1 }, [
+                    e.footerHeaderData.isTotalPercentage ? (o(), a("div", Y, [
+                      b(m, {
                         value: e.footerHeaderData.total,
                         "text-color": e.footerBodyData.totalTextColor,
                         color: e.footerBodyData.totalCircleColor
                       }, null, 8, ["value", "text-color", "color"])
-                    ])) : (o(), a("div", W, s(e.footerHeaderData.total), 1))
+                    ])) : (o(), a("div", q, s(e.footerHeaderData.total), 1))
                   ], 64)) : l("", !0)
                 ])) : l("", !0),
-                e.footerBodyData ? (o(), a("div", Y, [
+                e.footerBodyData ? (o(), a("div", J, [
                   r("div", {
                     class: "card-base-individual__content__footer__body__description",
                     innerHTML: e.footerBodyData.description
-                  }, null, 8, q),
-                  e.footerBodyData.total ? (o(), a(F, { key: 0 }, [
-                    e.footerBodyData.isTotalPercentage ? (o(), a("div", J, [
-                      x(D, {
+                  }, null, 8, K),
+                  e.footerBodyData.total ? (o(), a(D, { key: 0 }, [
+                    e.footerBodyData.isTotalPercentage ? (o(), a("div", Q, [
+                      b(m, {
                         value: e.footerBodyData.total,
                         "text-color": e.footerBodyData.totalTextColor,
                         color: e.footerBodyData.totalCircleColor
                       }, null, 8, ["value", "text-color", "color"])
-                    ])) : (o(), a("div", K, s(e.footerBodyData.total), 1))
+                    ])) : (o(), a("div", X, s(e.footerBodyData.total), 1))
                   ], 64)) : l("", !0)
                 ])) : l("", !0)
               ], 2),
-              r("div", Q, [
-                v(d.$slots, "body", {}, void 0, !0)
+              r("div", tt, [
+                x(d.$slots, "body", {}, void 0, !0)
               ])
             ], 4)) : l("", !0)
           ], !0)
@@ -319,7 +326,7 @@ const T = { class: "circle__total" }, w = { class: "total" }, P = { class: "suff
       }, 16, ["width"])) : l("", !0)
     ], 4));
   }
-}, ot = /* @__PURE__ */ m(X, [["__scopeId", "data-v-20983258"]]);
+}, rt = /* @__PURE__ */ k(et, [["__scopeId", "data-v-c55bb714"]]);
 export {
-  ot as o
+  rt as r
 };