@golstats/gsc-landing 1.0.201 → 1.0.202

package/dist/{CardIndividualFouls-C44UeLyO-ZIHkkK8-.js → CardIndividualFouls-CBm_fj6Z-BMwjoJEP.js}

@@ -1,34 +1,34 @@
-import { computed as s, openBlock as d, createElementBlock as n, normalizeStyle as x, createVNode as F, normalizeProps as M, guardReactiveProps as I, withCtx as b, createElementVNode as e, unref as h, createCommentVNode as B, pushScopeId as S, popScopeId as V } from "vue";
-import { r as $ } from "./CardBaseAllIndividual-D0CaU15e-CLPB0z0l.js";
-import { h as H, z as Z, P as U, E as q, I as G, O } from "./misc-BpbriWn--Bd_IQoHZ.js";
-const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__body" }, T = /* @__PURE__ */ o(() => /* @__PURE__ */ e("div", { class: "fouls__body__title" }, " FALTAS RECIBIDAS ", -1)), D = { class: "fouls-svg" }, E = { class: "foul-svg" }, P = {
+import { computed as s, openBlock as d, createElementBlock as n, normalizeStyle as x, createVNode as F, mergeProps as M, withCtx as b, createElementVNode as e, unref as h, createCommentVNode as I, pushScopeId as B, popScopeId as V } from "vue";
+import { r as S } from "./CardBaseAllIndividual-VdTcJTWG-BVu0s4Ia.js";
+import { h as $, V as H, P as Z, z as G, I as U, O as q } from "./misc-D94RabGe-BRVOC8Yx.js";
+const o = (i) => (B("data-v-b6075e1b"), i = i(), V(), i), O = { class: "fouls__body" }, A = /* @__PURE__ */ o(() => /* @__PURE__ */ e("div", { class: "fouls__body__title" }, " FALTAS RECIBIDAS ", -1)), T = { class: "fouls-svg" }, D = { class: "foul-svg" }, N = {
   width: "42",
   height: "65",
   viewBox: "0 0 64 65",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, R = ["clip-path"], z = ["id"], N = /* @__PURE__ */ o(() => /* @__PURE__ */ e("path", {
+}, P = ["clip-path"], R = ["id"], z = /* @__PURE__ */ o(() => /* @__PURE__ */ e("path", {
   d: "M63.0598 64.0237V1.89869H0.934814V64.0237H63.0598Z",
   fill: "white",
   stroke: "white",
   "stroke-width": "1.875"
-}, null, -1)), j = [
-  N
-], J = ["mask"], K = ["stroke"], Q = ["fill"], W = ["fill"], X = ["fill"], Y = ["id"], e1 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("rect", {
+}, null, -1)), E = [
+  z
+], j = ["mask"], J = ["stroke"], K = ["fill"], Q = ["fill"], W = ["fill"], X = ["id"], Y = /* @__PURE__ */ o(() => /* @__PURE__ */ e("rect", {
   width: "64",
   height: "64",
   fill: "white",
   transform: "translate(0 0.959961)"
-}, null, -1)), l1 = [
-  e1
-], t1 = {
+}, null, -1)), e1 = [
+  Y
+], l1 = {
   key: 0,
   width: "212",
   height: "137",
   viewBox: "0 0 212 137",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, o1 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("rect", {
+}, t1 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("rect", {
   opacity: "0.2",
   x: "2",
   y: "136.084",
@@ -36,22 +36,22 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
   height: "208",
   transform: "rotate(-90 2 136.084)",
   fill: "black"
-}, null, -1)), r1 = ["id", "fill"], a1 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("rect", {
+}, null, -1)), o1 = ["id", "fill"], r1 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("rect", {
   x: "211.787",
   y: "136.084",
   width: "211.787",
   height: "136.08",
   rx: "1.22558",
   transform: "rotate(-180 211.787 136.084)"
-}, null, -1)), i1 = [
-  a1
-], s1 = ["stroke", "mask"], d1 = ["stroke"], n1 = ["stroke"], u1 = ["stroke"], k1 = ["stroke"], h1 = ["stroke"], f1 = ["stroke"], c1 = ["fill", "stroke"], C1 = { opacity: "0.7" }, p1 = ["stroke"], m1 = ["stroke"], L1 = ["stroke"], v1 = ["stroke"], y1 = ["stroke"], g1 = ["filter"], w1 = ["fill"], _1 = ["stroke"], x1 = ["id"], F1 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feFlood", {
+}, null, -1)), a1 = [
+  r1
+], i1 = ["stroke", "mask"], s1 = ["stroke"], d1 = ["stroke"], n1 = ["stroke"], u1 = ["stroke"], k1 = ["stroke"], h1 = ["stroke"], f1 = ["fill", "stroke"], c1 = { opacity: "0.7" }, C1 = ["stroke"], p1 = ["stroke"], m1 = ["stroke"], L1 = ["stroke"], v1 = ["stroke"], y1 = ["filter"], w1 = ["fill"], g1 = ["stroke"], _1 = ["id"], x1 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feFlood", {
   "flood-opacity": "0",
   result: "BackgroundImageFix"
-}, null, -1)), M1 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feGaussianBlur", {
+}, null, -1)), F1 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feGaussianBlur", {
   in: "BackgroundImageFix",
   stdDeviation: "12.85"
-}, null, -1)), I1 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feComposite", {
+}, null, -1)), M1 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feComposite", {
   in2: "SourceAlpha",
   operator: "in",
   result: "effect1_backgroundBlur_2153_796"
@@ -60,12 +60,12 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
   in: "SourceGraphic",
   in2: "effect1_backgroundBlur_2153_796",
   result: "shape"
-}, null, -1)), B1 = [
+}, null, -1)), I1 = [
+  x1,
   F1,
   M1,
-  I1,
   b1
-], S1 = {
+], B1 = {
   key: 1,
   width: "212",
   height: "137",
@@ -80,43 +80,43 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
   height: "104",
   transform: "rotate(-90 2 136.084)",
   fill: "black"
-}, null, -1)), $1 = ["id", "fill"], H1 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("rect", {
+}, null, -1)), S1 = ["id", "fill"], $1 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("rect", {
   x: "211.787",
   y: "136.084",
   width: "211.787",
   height: "136.08",
   rx: "1.22558",
   transform: "rotate(-180 211.787 136.084)"
-}, null, -1)), Z1 = [
-  H1
-], U1 = ["stroke", "mask"], q1 = ["stroke"], G1 = ["stroke"], O1 = ["stroke"], A1 = ["stroke"], T1 = ["stroke"], D1 = ["stroke"], E1 = ["fill", "stroke"], P1 = { opacity: "0.7" }, R1 = ["stroke"], z1 = ["stroke"], N1 = ["stroke"], j1 = ["stroke"], J1 = ["stroke"], K1 = ["filter"], Q1 = ["fill"], W1 = ["stroke"], X1 = ["id"], Y1 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feFlood", {
+}, null, -1)), H1 = [
+  $1
+], Z1 = ["stroke", "mask"], G1 = ["stroke"], U1 = ["stroke"], q1 = ["stroke"], O1 = ["stroke"], A1 = ["stroke"], T1 = ["stroke"], D1 = ["fill", "stroke"], N1 = { opacity: "0.7" }, P1 = ["stroke"], R1 = ["stroke"], z1 = ["stroke"], E1 = ["stroke"], j1 = ["stroke"], J1 = ["filter"], K1 = ["fill"], Q1 = ["stroke"], W1 = ["id"], X1 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feFlood", {
   "flood-opacity": "0",
   result: "BackgroundImageFix"
-}, null, -1)), e8 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feGaussianBlur", {
+}, null, -1)), Y1 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feGaussianBlur", {
   in: "BackgroundImageFix",
   stdDeviation: "12.85"
-}, null, -1)), l8 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feComposite", {
+}, null, -1)), e8 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feComposite", {
   in2: "SourceAlpha",
   operator: "in",
   result: "effect1_backgroundBlur_2153_855"
-}, null, -1)), t8 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feBlend", {
+}, null, -1)), l8 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feBlend", {
   mode: "normal",
   in: "SourceGraphic",
   in2: "effect1_backgroundBlur_2153_855",
   result: "shape"
-}, null, -1)), o8 = [
+}, null, -1)), t8 = [
+  X1,
   Y1,
   e8,
-  l8,
-  t8
-], r8 = {
+  l8
+], o8 = {
   key: 2,
   width: "212",
   height: "137",
   viewBox: "0 0 212 137",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, a8 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("rect", {
+}, r8 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("rect", {
   opacity: "0.2",
   x: "106",
   y: "136",
@@ -124,36 +124,36 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
   height: "106",
   transform: "rotate(-90 106 136)",
   fill: "black"
-}, null, -1)), i8 = ["id", "fill"], s8 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("rect", {
+}, null, -1)), a8 = ["id", "fill"], i8 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("rect", {
   x: "211.787",
   y: "136.084",
   width: "211.787",
   height: "136.08",
   rx: "1.22558",
   transform: "rotate(-180 211.787 136.084)"
-}, null, -1)), d8 = [
-  s8
-], n8 = ["stroke", "mask"], u8 = ["stroke"], k8 = ["stroke"], h8 = ["stroke"], f8 = ["stroke"], c8 = ["stroke"], C8 = ["stroke"], p8 = ["fill", "stroke"], m8 = { opacity: "0.7" }, L8 = ["stroke"], v8 = ["stroke"], y8 = ["stroke"], g8 = ["stroke"], w8 = ["stroke"], _8 = ["filter"], x8 = ["fill"], F8 = ["stroke"], M8 = ["id"], I8 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feFlood", {
+}, null, -1)), s8 = [
+  i8
+], d8 = ["stroke", "mask"], n8 = ["stroke"], u8 = ["stroke"], k8 = ["stroke"], h8 = ["stroke"], f8 = ["stroke"], c8 = ["stroke"], C8 = ["fill", "stroke"], p8 = { opacity: "0.7" }, m8 = ["stroke"], L8 = ["stroke"], v8 = ["stroke"], y8 = ["stroke"], w8 = ["stroke"], g8 = ["filter"], _8 = ["fill"], x8 = ["stroke"], F8 = ["id"], M8 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feFlood", {
   "flood-opacity": "0",
   result: "BackgroundImageFix"
 }, null, -1)), b8 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feGaussianBlur", {
   in: "BackgroundImageFix",
   stdDeviation: "12.85"
-}, null, -1)), B8 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feComposite", {
+}, null, -1)), I8 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feComposite", {
   in2: "SourceAlpha",
   operator: "in",
   result: "effect1_backgroundBlur_2153_913"
-}, null, -1)), S8 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feBlend", {
+}, null, -1)), B8 = /* @__PURE__ */ o(() => /* @__PURE__ */ e("feBlend", {
   mode: "normal",
   in: "SourceGraphic",
   in2: "effect1_backgroundBlur_2153_913",
   result: "shape"
 }, null, -1)), V8 = [
-  I8,
+  M8,
   b8,
-  B8,
-  S8
-], $8 = {
+  I8,
+  B8
+], S8 = {
   __name: "CardIndividualFouls",
   props: {
     height: {
@@ -171,6 +171,10 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
     descriptionType: {
       type: Number,
       default: 0
+    },
+    showVideos: {
+      type: Boolean,
+      default: !0
     }
   },
   setup(i) {
@@ -184,24 +188,24 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
       "53-i",
       "56-i",
       "22-e"
-    ]), g = /* @__PURE__ */ new Set([
+    ]), w = /* @__PURE__ */ new Set([
       "48-i",
       "51-i",
       "54-i",
       "20-e"
-    ]), w = s(() => {
+    ]), g = s(() => {
       var u, k, f, c, C, p, m;
       const L = t.data.footer.show_percentage;
       return {
         height: t.height,
         width: t.width,
         footerHeight: "137px",
-        playerPhotoUrl: Z(t.data.player_id || ""),
-        teamLogoUrl: U(t.data.team_id || ""),
+        playerPhotoUrl: H(t.data.player_id || ""),
+        teamLogoUrl: Z(t.data.team_id || ""),
         cardColor: (t.data.thumbnails.colors.background_color || "#000000").trim(),
-        backgroundImageSrc: q((c = (f = (k = (u = t.data) == null ? void 0 : u.thumbnails) == null ? void 0 : k.images) == null ? void 0 : f.background_player_in_action) != null && c[0] ? t.data.thumbnails.images.background_player_in_action[0] : (m = (p = (C = t.data) == null ? void 0 : C.thumbnails) == null ? void 0 : p.images) != null && m.background_team ? t.data.thumbnails.images.background_team : ""),
+        backgroundImageSrc: G((c = (f = (k = (u = t.data) == null ? void 0 : u.thumbnails) == null ? void 0 : k.images) == null ? void 0 : f.background_player_in_action) != null && c[0] ? t.data.thumbnails.images.background_player_in_action[0] : (m = (p = (C = t.data) == null ? void 0 : C.thumbnails) == null ? void 0 : p.images) != null && m.background_team ? t.data.thumbnails.images.background_team : ""),
         footerBodyData: {
-          description: G(O({ data: t.data, descriptionType: t.descriptionType })),
+          description: U(q({ data: t.data, descriptionType: t.descriptionType })),
           total: L ? t.data.percentage : t.data.total,
           isTotalPercentage: L,
           textColor: (t.data.thumbnails.colors.font_color_description || "#FFFFFF").trim(),
@@ -230,13 +234,13 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
       class: "fouls",
       style: x(_.value)
     }, [
-      F($, M(I(w.value)), {
+      F(S, M(g.value, { "show-videos": i.showVideos }), {
         body: b(() => [
-          e("div", A, [
-            T,
-            e("div", D, [
-              e("div", E, [
-                (d(), n("svg", P, [
+          e("div", O, [
+            A,
+            e("div", T, [
+              e("div", D, [
+                (d(), n("svg", N, [
                   e("g", {
                     "clip-path": `url(#${r.value.maskId8})`
                   }, [
@@ -248,7 +252,7 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
                       y: "0",
                       width: "65",
                       height: "65"
-                    }, j, 8, z),
+                    }, E, 8, R),
                     e("g", {
                       mask: `url(#${r.value.maskId})`
                     }, [
@@ -259,40 +263,40 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
                         "stroke-miterlimit": "10",
                         "stroke-linecap": "round",
                         "stroke-linejoin": "round"
-                      }, null, 8, K),
+                      }, null, 8, J),
                       e("path", {
                         "fill-rule": "evenodd",
                         "clip-rule": "evenodd",
                         d: "M15.9353 23.5854C15.9353 27.2098 18.8734 30.1479 22.4978 30.1479C26.1222 30.1479 29.0603 27.2098 29.0603 23.5854C29.0603 19.9611 26.1222 17.023 22.4978 17.023C18.8734 17.023 15.9353 19.9611 15.9353 23.5854ZM22.4978 28.2729C19.9089 28.2729 17.8103 26.1743 17.8103 23.5854C17.8103 20.9966 19.9089 18.898 22.4978 18.898C25.0867 18.898 27.1853 20.9966 27.1853 23.5854C27.1853 26.1743 25.0867 28.2729 22.4978 28.2729Z",
                         fill: l.value.fieldLineColor
-                      }, null, 8, Q),
+                      }, null, 8, K),
                       e("path", {
                         "fill-rule": "evenodd",
                         "clip-rule": "evenodd",
                         d: "M25.8514 41.0916C13.6291 43.3257 3.09772 33.0532 4.88318 20.8929C5.96759 13.5069 11.7819 7.98269 18.7816 6.30577C20.2342 5.95779 21.7407 5.77423 23.2707 5.77349C23.2739 5.77346 23.2771 5.77344 23.2803 5.77344H28.1224C28.6402 5.77344 29.0599 6.19317 29.0599 6.71094V9.52344H34.6849V6.71094C34.6849 6.19317 35.1046 5.77344 35.6224 5.77344H62.1224C62.6402 5.77344 63.0599 6.19317 63.0599 6.71094V9.50002C63.0599 9.50314 63.0599 9.50626 63.0598 9.50938V17.961C63.0598 18.4205 62.7268 18.8123 62.2732 18.8863L47.8371 21.2406L47.8359 21.2408C43.9357 21.8886 40.689 24.6812 39.6673 28.4511C37.5215 36.3698 30.5643 40.23 25.8514 41.0916L25.8514 41.0916ZM61.1848 7.64844V17.164L55.4351 18.1017V7.64844H61.1848ZM53.5601 18.4075L47.5327 19.3905L47.5301 19.3909C42.9533 20.1505 39.0836 23.4369 37.8576 27.9607C35.953 34.9892 29.7367 38.4752 25.5143 39.2471C14.5584 41.2498 5.13875 32.0593 6.73829 21.1653L5.81073 21.0291L6.73829 21.1653C7.69667 14.6377 12.8605 9.65234 19.2184 8.12918C20.5335 7.81414 21.8967 7.64846 23.2802 7.64848C23.2833 7.64848 23.2865 7.64847 23.2896 7.64844H27.1849V10.4609C27.1849 10.9787 27.6046 11.3984 28.1224 11.3984H35.6224C36.1402 11.3984 36.5599 10.9787 36.5599 10.4609V7.64844H53.5601V18.4075Z",
                         fill: l.value.fieldLineColor
-                      }, null, 8, W),
+                      }, null, 8, Q),
                       e("path", {
                         "fill-rule": "evenodd",
                         "clip-rule": "evenodd",
                         d: "M13.1226 58.2737C9.4982 58.2737 6.56006 55.3355 6.56006 51.7112V49.5144C8.10689 51.426 10.472 52.6482 13.1226 52.6482H31.1987C31.2088 52.6485 31.219 52.6487 31.2292 52.6487H31.8726C33.4258 52.6487 34.6851 53.9078 34.6851 55.4612C34.6851 57.0144 33.4258 58.2737 31.8726 58.2737H13.1226ZM13.1226 50.7732C9.4982 50.7732 6.56006 47.8351 6.56006 44.2107V41.3323C6.86609 41.376 7.17894 41.3987 7.49707 41.3987C10.1181 41.3987 12.3784 39.8619 13.4297 37.6446C13.6515 37.1767 13.452 36.6176 12.9842 36.3958C12.5163 36.174 11.9573 36.3735 11.7355 36.8413C10.9827 38.4289 9.36677 39.5237 7.49707 39.5237C6.95585 39.5237 6.43606 39.432 5.95239 39.2632C5.94087 39.2589 5.92923 39.2548 5.9175 39.2509C4.1058 38.6026 2.80957 36.8708 2.80957 34.8362C2.80957 32.5005 4.51868 30.5623 6.75441 30.2071C7.26577 30.1258 7.61444 29.6454 7.53321 29.1341C7.45197 28.6227 6.97158 28.2741 6.46023 28.3553C3.32821 28.8529 0.93457 31.5641 0.93457 34.8362C0.93457 37.4543 2.46765 39.7143 4.68506 40.7674V44.2107V51.7112C4.68506 56.3711 8.46267 60.1487 13.1226 60.1487H31.8726C34.4613 60.1487 36.5601 58.0499 36.5601 55.4612C36.5601 52.8836 34.4797 50.7921 31.9066 50.7738C31.8953 50.7734 31.884 50.7732 31.8726 50.7732H13.1226Z",
                         fill: l.value.fieldLineColor
-                      }, null, 8, X)
-                    ], 8, J)
-                  ], 8, R),
+                      }, null, 8, W)
+                    ], 8, j)
+                  ], 8, P),
                   e("defs", null, [
                     e("clipPath", {
                       id: r.value.maskId8
-                    }, l1, 8, Y)
+                    }, e1, 8, X)
                   ])
                 ]))
               ]),
-              h(g).has(i.data.id) ? (d(), n("svg", t1, [
-                o1,
+              h(w).has(i.data.id) ? (d(), n("svg", l1, [
+                t1,
                 e("mask", {
                   id: r.value.maskId3,
                   fill: l.value.fieldLineColor
-                }, i1, 8, r1),
+                }, a1, 8, o1),
                 e("rect", {
                   x: "211.787",
                   y: "136.084",
@@ -303,41 +307,41 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
                   stroke: l.value.fieldLineColor,
                   "stroke-width": "3.14031",
                   mask: `url(#${r.value.maskId3})`
-                }, null, 8, s1),
+                }, null, 8, i1),
                 e("path", {
                   d: "M105.773 135.615L105.773 0.58395",
                   stroke: l.value.fieldLineColor,
                   "stroke-width": "0.450603",
                   "stroke-linecap": "square"
-                }, null, 8, d1),
+                }, null, 8, s1),
                 e("path", {
                   d: "M211.787 100.685L183.971 100.685C183.633 100.685 183.359 100.41 183.359 100.072L183.359 36.1511C183.359 35.8126 183.633 35.5383 183.971 35.5383L211.787 35.5383",
                   stroke: l.value.fieldLineColor,
                   "stroke-opacity": "0.7"
-                }, null, 8, n1),
+                }, null, 8, d1),
                 e("path", {
                   d: "M211.787 88.8418L195.817 88.8418C195.478 88.8418 195.204 88.5674 195.204 88.229L195.204 47.9978C195.204 47.6593 195.478 47.385 195.817 47.385L211.787 47.385",
                   stroke: l.value.fieldLineColor,
                   "stroke-opacity": "0.7"
-                }, null, 8, u1),
+                }, null, 8, n1),
                 e("path", {
                   d: "M0.634998 88.833L16.6026 88.833C16.9422 88.833 17.217 88.5569 17.2154 88.2174L17.0283 47.9861C17.0267 47.6488 16.7528 47.3762 16.4155 47.3762L0.921543 47.3762",
                   stroke: l.value.fieldLineColor,
                   "stroke-opacity": "0.6",
                   "stroke-linecap": "square"
-                }, null, 8, k1),
+                }, null, 8, u1),
                 e("path", {
                   d: "M0.641875 100.683L28.4544 100.683C28.7941 100.683 29.0689 100.406 29.0672 100.067L28.7428 36.146C28.7411 35.8088 28.4673 35.5363 28.1301 35.5363L1.13309 35.5363",
                   stroke: l.value.fieldLineColor,
                   "stroke-opacity": "0.6",
                   "stroke-linecap": "square"
-                }, null, 8, h1),
+                }, null, 8, k1),
                 e("path", {
                   d: "M71.8618 68.1112C71.8618 49.3798 87.0472 34.1949 105.779 34.1949C124.511 34.1949 139.697 49.3798 139.697 68.1112C139.697 86.8427 124.511 102.028 105.779 102.028C87.0472 102.028 71.8618 86.8427 71.8618 68.1112Z",
                   stroke: l.value.fieldLineColor,
                   "stroke-opacity": "0.7",
                   "stroke-width": "1.16503"
-                }, null, 8, f1),
+                }, null, 8, h1),
                 e("ellipse", {
                   cx: "105.787",
                   cy: "68.1162",
@@ -347,38 +351,38 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
                   fill: l.value.fieldLineColor,
                   stroke: l.value.fieldLineColor,
                   "stroke-width": "0.450603"
-                }, null, 8, c1),
-                e("g", C1, [
+                }, null, 8, f1),
+                e("g", c1, [
                   e("path", {
                     d: "M52.6763 136.08L52.6763 7.43866e-05",
                     stroke: l.value.fieldLineColor,
                     "stroke-width": "0.523385",
                     "stroke-dasharray": "1.05 1.05"
-                  }, null, 8, p1),
+                  }, null, 8, C1),
                   e("path", {
                     d: "M105.342 136.08L105.342 7.43866e-05",
                     stroke: l.value.fieldLineColor,
                     "stroke-width": "0.523385",
                     "stroke-dasharray": "1.05 1.05"
-                  }, null, 8, m1),
+                  }, null, 8, p1),
                   e("path", {
                     d: "M158.007 136.08L158.007 7.43866e-05",
                     stroke: l.value.fieldLineColor,
                     "stroke-width": "0.523385",
                     "stroke-dasharray": "1.05 1.05"
-                  }, null, 8, L1),
+                  }, null, 8, m1),
                   e("path", {
                     d: "M210.673 90.72L0.0105608 90.72",
                     stroke: l.value.fieldLineColor,
                     "stroke-width": "0.523385",
                     "stroke-dasharray": "1.05 1.05"
-                  }, null, 8, v1),
+                  }, null, 8, L1),
                   e("path", {
                     d: "M210.673 45.3601L0.0105608 45.3601",
                     stroke: l.value.fieldLineColor,
                     "stroke-width": "0.523385",
                     "stroke-dasharray": "1.05 1.05"
-                  }, null, 8, y1)
+                  }, null, 8, v1)
                 ]),
                 e("g", {
                   filter: `url(#${r.value.maskId2})`
@@ -401,8 +405,8 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
                     stroke: l.value.fieldLineColor,
                     "stroke-opacity": "0.36",
                     "stroke-width": "1.6063"
-                  }, null, 8, _1)
-                ], 8, g1),
+                  }, null, 8, g1)
+                ], 8, y1),
                 e("defs", null, [
                   e("filter", {
                     id: r.value.maskId2,
@@ -412,14 +416,14 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
                     height: "123.4",
                     filterUnits: "userSpaceOnUse",
                     "color-interpolation-filters": "sRGB"
-                  }, B1, 8, x1)
+                  }, I1, 8, _1)
                 ])
-              ])) : h(v).has(a.value) ? (d(), n("svg", S1, [
+              ])) : h(v).has(a.value) ? (d(), n("svg", B1, [
                 V1,
                 e("mask", {
                   id: r.value.maskId4,
                   fill: l.value.fieldLineColor
-                }, Z1, 8, $1),
+                }, H1, 8, S1),
                 e("rect", {
                   x: "211.787",
                   y: "136.084",
@@ -430,41 +434,41 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
                   stroke: l.value.fieldLineColor,
                   "stroke-width": "3.14031",
                   mask: `url(#${r.value.maskId4})`
-                }, null, 8, U1),
+                }, null, 8, Z1),
                 e("path", {
                   d: "M105.773 135.615L105.773 0.58395",
                   stroke: l.value.fieldLineColor,
                   "stroke-width": "0.450603",
                   "stroke-linecap": "square"
-                }, null, 8, q1),
+                }, null, 8, G1),
                 e("path", {
                   d: "M211.787 100.685L183.971 100.685C183.633 100.685 183.359 100.41 183.359 100.072L183.359 36.1511C183.359 35.8126 183.633 35.5383 183.971 35.5383L211.787 35.5383",
                   stroke: l.value.fieldLineColor,
                   "stroke-opacity": "0.7"
-                }, null, 8, G1),
+                }, null, 8, U1),
                 e("path", {
                   d: "M211.787 88.8418L195.817 88.8418C195.478 88.8418 195.204 88.5674 195.204 88.229L195.204 47.9978C195.204 47.6593 195.478 47.385 195.817 47.385L211.787 47.385",
                   stroke: l.value.fieldLineColor,
                   "stroke-opacity": "0.7"
-                }, null, 8, O1),
+                }, null, 8, q1),
                 e("path", {
                   d: "M0.634998 88.833L16.6026 88.833C16.9422 88.833 17.217 88.5569 17.2154 88.2174L17.0283 47.9861C17.0267 47.6488 16.7528 47.3762 16.4155 47.3762L0.921543 47.3762",
                   stroke: l.value.fieldLineColor,
                   "stroke-opacity": "0.6",
                   "stroke-linecap": "square"
-                }, null, 8, A1),
+                }, null, 8, O1),
                 e("path", {
                   d: "M0.641875 100.683L28.4544 100.683C28.7941 100.683 29.0689 100.406 29.0672 100.067L28.7428 36.146C28.7411 35.8088 28.4673 35.5363 28.1301 35.5363L1.13309 35.5363",
                   stroke: l.value.fieldLineColor,
                   "stroke-opacity": "0.6",
                   "stroke-linecap": "square"
-                }, null, 8, T1),
+                }, null, 8, A1),
                 e("path", {
                   d: "M71.8618 68.1112C71.8618 49.3798 87.0472 34.1949 105.779 34.1949C124.511 34.1949 139.697 49.3798 139.697 68.1112C139.697 86.8427 124.511 102.028 105.779 102.028C87.0472 102.028 71.8618 86.8427 71.8618 68.1112Z",
                   stroke: l.value.fieldLineColor,
                   "stroke-opacity": "0.7",
                   "stroke-width": "1.16503"
-                }, null, 8, D1),
+                }, null, 8, T1),
                 e("ellipse", {
                   cx: "105.788",
                   cy: "68.1162",
@@ -474,38 +478,38 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
                   fill: l.value.fieldLineColor,
                   stroke: l.value.fieldLineColor,
                   "stroke-width": "0.450603"
-                }, null, 8, E1),
-                e("g", P1, [
+                }, null, 8, D1),
+                e("g", N1, [
                   e("path", {
                     d: "M52.6768 136.08L52.6768 7.43866e-05",
                     stroke: l.value.fieldLineColor,
                     "stroke-width": "0.523385",
                     "stroke-dasharray": "1.05 1.05"
-                  }, null, 8, R1),
+                  }, null, 8, P1),
                   e("path", {
                     d: "M105.342 136.08L105.342 7.43866e-05",
                     stroke: l.value.fieldLineColor,
                     "stroke-width": "0.523385",
                     "stroke-dasharray": "1.05 1.05"
-                  }, null, 8, z1),
+                  }, null, 8, R1),
                   e("path", {
                     d: "M158.008 136.08L158.008 7.43866e-05",
                     stroke: l.value.fieldLineColor,
                     "stroke-width": "0.523385",
                     "stroke-dasharray": "1.05 1.05"
-                  }, null, 8, N1),
+                  }, null, 8, z1),
                   e("path", {
                     d: "M210.673 90.72L0.0105608 90.72",
                     stroke: l.value.fieldLineColor,
                     "stroke-width": "0.523385",
                     "stroke-dasharray": "1.05 1.05"
-                  }, null, 8, j1),
+                  }, null, 8, E1),
                   e("path", {
                     d: "M210.673 45.3601L0.0105608 45.3601",
                     stroke: l.value.fieldLineColor,
                     "stroke-width": "0.523385",
                     "stroke-dasharray": "1.05 1.05"
-                  }, null, 8, J1)
+                  }, null, 8, j1)
                 ]),
                 e("g", {
                   filter: `url(#${r.value.maskId5})`
@@ -518,7 +522,7 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
                     rx: "36",
                     fill: l.value.fieldLineColor,
                     "fill-opacity": "0.08"
-                  }, null, 8, Q1),
+                  }, null, 8, K1),
                   e("rect", {
                     x: "70.8031",
                     y: "32.8876",
@@ -528,8 +532,8 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
                     stroke: l.value.fieldLineColor,
                     "stroke-opacity": "0.36",
                     "stroke-width": "1.6063"
-                  }, null, 8, W1)
-                ], 8, K1),
+                  }, null, 8, Q1)
+                ], 8, J1),
                 e("defs", null, [
                   e("filter", {
                     id: r.value.maskId5,
@@ -539,14 +543,14 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
                     height: "123.4",
                     filterUnits: "userSpaceOnUse",
                     "color-interpolation-filters": "sRGB"
-                  }, o8, 8, X1)
+                  }, t8, 8, W1)
                 ])
-              ])) : h(y).has(a.value) ? (d(), n("svg", r8, [
-                a8,
+              ])) : h(y).has(a.value) ? (d(), n("svg", o8, [
+                r8,
                 e("mask", {
                   id: r.value.maskId6,
                   fill: l.value.fieldLineColor
-                }, d8, 8, i8),
+                }, s8, 8, a8),
                 e("rect", {
                   x: "211.787",
                   y: "136.084",
@@ -557,41 +561,41 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
                   stroke: l.value.fieldLineColor,
                   "stroke-width": "3.14031",
                   mask: `url(#${r.value.maskId6})`
-                }, null, 8, n8),
+                }, null, 8, d8),
                 e("path", {
                   d: "M105.773 135.615L105.773 0.58395",
                   stroke: l.value.fieldLineColor,
                   "stroke-width": "0.450603",
                   "stroke-linecap": "square"
-                }, null, 8, u8),
+                }, null, 8, n8),
                 e("path", {
                   d: "M211.787 100.685L183.971 100.685C183.633 100.685 183.359 100.41 183.359 100.072L183.359 36.1511C183.359 35.8126 183.633 35.5383 183.971 35.5383L211.787 35.5383",
                   stroke: l.value.fieldLineColor,
                   "stroke-opacity": "0.7"
-                }, null, 8, k8),
+                }, null, 8, u8),
                 e("path", {
                   d: "M211.787 88.8418L195.817 88.8418C195.478 88.8418 195.204 88.5674 195.204 88.229L195.204 47.9978C195.204 47.6593 195.478 47.385 195.817 47.385L211.787 47.385",
                   stroke: l.value.fieldLineColor,
                   "stroke-opacity": "0.7"
-                }, null, 8, h8),
+                }, null, 8, k8),
                 e("path", {
                   d: "M0.635487 88.833L16.6031 88.833C16.9427 88.833 17.2175 88.5569 17.2159 88.2174L17.0288 47.9861C17.0272 47.6488 16.7533 47.3762 16.416 47.3762L0.922031 47.3762",
                   stroke: l.value.fieldLineColor,
                   "stroke-opacity": "0.6",
                   "stroke-linecap": "square"
-                }, null, 8, f8),
+                }, null, 8, h8),
                 e("path", {
                   d: "M0.641875 100.683L28.4544 100.683C28.7941 100.683 29.0689 100.406 29.0672 100.067L28.7428 36.146C28.7411 35.8088 28.4673 35.5363 28.1301 35.5363L1.13309 35.5363",
                   stroke: l.value.fieldLineColor,
                   "stroke-opacity": "0.6",
                   "stroke-linecap": "square"
-                }, null, 8, c8),
+                }, null, 8, f8),
                 e("path", {
                   d: "M71.8618 68.1112C71.8618 49.3798 87.0472 34.1949 105.779 34.1949C124.511 34.1949 139.697 49.3798 139.697 68.1112C139.697 86.8427 124.511 102.028 105.779 102.028C87.0472 102.028 71.8618 86.8427 71.8618 68.1112Z",
                   stroke: l.value.fieldLineColor,
                   "stroke-opacity": "0.7",
                   "stroke-width": "1.16503"
-                }, null, 8, C8),
+                }, null, 8, c8),
                 e("ellipse", {
                   cx: "105.788",
                   cy: "68.1162",
@@ -601,32 +605,32 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
                   fill: l.value.fieldLineColor,
                   stroke: l.value.fieldLineColor,
                   "stroke-width": "0.450603"
-                }, null, 8, p8),
-                e("g", m8, [
+                }, null, 8, C8),
+                e("g", p8, [
                   e("path", {
                     d: "M52.6768 136.08L52.6768 7.43866e-05",
                     stroke: l.value.fieldLineColor,
                     "stroke-width": "0.523385",
                     "stroke-dasharray": "1.05 1.05"
-                  }, null, 8, L8),
+                  }, null, 8, m8),
                   e("path", {
                     d: "M105.342 136.08L105.342 7.43866e-05",
                     stroke: l.value.fieldLineColor,
                     "stroke-width": "0.523385",
                     "stroke-dasharray": "1.05 1.05"
-                  }, null, 8, v8),
+                  }, null, 8, L8),
                   e("path", {
                     d: "M158.008 136.08L158.008 7.43866e-05",
                     stroke: l.value.fieldLineColor,
                     "stroke-width": "0.523385",
                     "stroke-dasharray": "1.05 1.05"
-                  }, null, 8, y8),
+                  }, null, 8, v8),
                   e("path", {
                     d: "M210.673 90.72L0.0105608 90.72",
                     stroke: l.value.fieldLineColor,
                     "stroke-width": "0.523385",
                     "stroke-dasharray": "1.05 1.05"
-                  }, null, 8, g8),
+                  }, null, 8, y8),
                   e("path", {
                     d: "M210.673 45.3601L0.0105608 45.3601",
                     stroke: l.value.fieldLineColor,
@@ -645,7 +649,7 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
                     rx: "36",
                     fill: l.value.fieldLineColor,
                     "fill-opacity": "0.08"
-                  }, null, 8, x8),
+                  }, null, 8, _8),
                   e("rect", {
                     x: "70.8031",
                     y: "32.8876",
@@ -655,8 +659,8 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
                     stroke: l.value.fieldLineColor,
                     "stroke-opacity": "0.36",
                     "stroke-width": "1.6063"
-                  }, null, 8, F8)
-                ], 8, _8),
+                  }, null, 8, x8)
+                ], 8, g8),
                 e("defs", null, [
                   e("filter", {
                     id: r.value.maskId7,
@@ -666,17 +670,17 @@ const o = (i) => (S("data-v-2e356f69"), i = i(), V(), i), A = { class: "fouls__b
                     height: "123.4",
                     filterUnits: "userSpaceOnUse",
                     "color-interpolation-filters": "sRGB"
-                  }, V8, 8, M8)
+                  }, V8, 8, F8)
                 ])
-              ])) : B("", !0)
+              ])) : I("", !0)
             ])
           ])
         ]),
         _: 1
-      }, 16)
+      }, 16, ["show-videos"])
     ], 4));
   }
-}, q8 = /* @__PURE__ */ H($8, [["__scopeId", "data-v-2e356f69"]]);
+}, G8 = /* @__PURE__ */ $(S8, [["__scopeId", "data-v-b6075e1b"]]);
 export {
-  q8 as default
+  G8 as default
 };