@golstats/gsc-landing 1.0.201 → 1.0.202

package/dist/{CardIndividual-DsTXOh1h-Dc3790C2.js → CardIndividual-C3vZnJKJ-5q9bHalb.js}

@@ -1,12 +1,12 @@
-import { useCssVars as C, computed as u, openBlock as l, createElementBlock as c, normalizeStyle as _, createBlock as F, mergeProps as v, withCtx as M, createElementVNode as t, createVNode as S, toDisplayString as p, createCommentVNode as h, createTextVNode as q, pushScopeId as D, popScopeId as T } from "vue";
-import { h as b, z as E, P as N, E as B, I, O as P } from "./misc-BpbriWn--Bd_IQoHZ.js";
-import { r as V } from "./CardBaseAllIndividual-D0CaU15e-CLPB0z0l.js";
+import { useCssVars as C, computed as u, openBlock as l, createElementBlock as c, normalizeStyle as _, createBlock as v, mergeProps as F, withCtx as M, createElementVNode as t, createVNode as S, toDisplayString as p, createCommentVNode as h, createTextVNode as q, pushScopeId as D, popScopeId as T } from "vue";
+import { h as b, V as B, P as E, z as N, I as V, O as I } from "./misc-D94RabGe-BRVOC8Yx.js";
+import { r as P } from "./CardBaseAllIndividual-VdTcJTWG-BVu0s4Ia.js";
 const y = {
   props: {
     cancha: {
       type: String,
       required: !0,
-      validator: (o) => ["full", "own", "rival"].includes(o)
+      validator: (r) => ["full", "own", "rival"].includes(r)
     },
     stat: {
       type: Number,
@@ -15,7 +15,7 @@ const y = {
     type: {
       type: String,
       default: "box",
-      validator: (o) => ["box", "accelerometer"].includes(o)
+      validator: (r) => ["box", "accelerometer"].includes(r)
     },
     colorcancha: {
       type: String,
@@ -38,34 +38,34 @@ const y = {
     },
     canchaType() {
       if (Array.isArray(this.cancha)) {
-        const o = [485, 486, 489, 490], r = [487, 488, 491, 492];
-        return this.cancha.length === o.length && this.cancha.every((a) => o.includes(Number(a))) ? "rival" : this.cancha.length === r.length && this.cancha.every((a) => r.includes(Number(a))) ? "own" : "full";
+        const r = [485, 486, 489, 490], o = [487, 488, 491, 492];
+        return this.cancha.length === r.length && this.cancha.every((a) => r.includes(Number(a))) ? "rival" : this.cancha.length === o.length && this.cancha.every((a) => o.includes(Number(a))) ? "own" : "full";
       }
       return this.cancha;
     }
   }
 }, L = () => {
-  C((o) => ({
-    "341fe420": o.colorstat,
-    "7277aacf": o.accelerometerStyle.percentage,
-    e1386cd0: o.colorcancha
+  C((r) => ({
+    "341fe420": r.colorstat,
+    "7277aacf": r.accelerometerStyle.percentage,
+    e1386cd0: r.colorcancha
   }));
 }, x = y.setup;
-y.setup = x ? (o, r) => (L(), x(o, r)) : L;
-const n = (o) => (D("data-v-9e7db71d"), o = o(), T(), o), z = { class: "outer-box" }, O = {
+y.setup = x ? (r, o) => (L(), x(r, o)) : L;
+const n = (r) => (D("data-v-9e7db71d"), r = r(), T(), r), z = { class: "outer-box" }, O = {
   key: 0,
   class: "inner-box"
 }, Z = {
   key: 1,
   class: "accelerometer"
-}, $ = { class: "accelerometer-value" }, U = /* @__PURE__ */ n(() => /* @__PURE__ */ t("span", { class: "percentage" }, "%", -1)), j = {
+}, $ = { class: "accelerometer-value" }, A = /* @__PURE__ */ n(() => /* @__PURE__ */ t("span", { class: "percentage" }, "%", -1)), U = {
   key: 2,
   width: "212",
   height: "137",
   viewBox: "0 0 212 137",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, A = ["fill"], H = /* @__PURE__ */ n(() => /* @__PURE__ */ t("mask", {
+}, j = ["fill"], H = /* @__PURE__ */ n(() => /* @__PURE__ */ t("mask", {
   id: "path-2-inside-1_2150_1935",
   fill: "white"
 }, [
@@ -82,7 +82,7 @@ const n = (o) => (D("data-v-9e7db71d"), o = o(), T(), o), z = { class: "outer-bo
   stroke: "#DFE3E2",
   "stroke-width": "0.450603",
   "stroke-linecap": "square"
-}, null, -1)), K = ["stroke"], Y = ["stroke"], Q = ["stroke"], R = ["stroke"], W = ["stroke"], X = ["stroke"], tt = { opacity: "0.7" }, at = ["stroke"], rt = ["stroke"], ot = ["stroke"], et = ["stroke"], lt = ["stroke"], ct = {
+}, null, -1)), K = ["stroke"], Y = ["stroke"], Q = ["stroke"], R = ["stroke"], W = ["stroke"], X = ["stroke"], tt = { opacity: "0.7" }, at = ["stroke"], ot = ["stroke"], rt = ["stroke"], et = ["stroke"], lt = ["stroke"], ct = {
   key: 3,
   width: "212",
   height: "137",
@@ -106,14 +106,14 @@ const n = (o) => (D("data-v-9e7db71d"), o = o(), T(), o), z = { class: "outer-bo
   stroke: "#DFE3E2",
   "stroke-width": "0.450603",
   "stroke-linecap": "square"
-}, null, -1)), dt = ["stroke"], kt = ["stroke"], pt = ["stroke"], ut = ["stroke"], yt = ["stroke"], mt = ["stroke"], ft = { opacity: "0.7" }, wt = ["stroke"], gt = ["stroke"], Lt = ["stroke"], xt = ["stroke"], Ct = ["stroke"], bt = {
+}, null, -1)), dt = ["stroke"], kt = ["stroke"], pt = ["stroke"], ut = ["stroke"], yt = ["stroke"], wt = ["stroke"], mt = { opacity: "0.7" }, ft = ["stroke"], gt = ["stroke"], Lt = ["stroke"], xt = ["stroke"], Ct = ["stroke"], bt = {
   key: 4,
   width: "212",
   height: "137",
   viewBox: "0 0 212 137",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, _t = ["fill"], Ft = /* @__PURE__ */ n(() => /* @__PURE__ */ t("mask", {
+}, _t = ["fill"], vt = /* @__PURE__ */ n(() => /* @__PURE__ */ t("mask", {
   id: "path-2-inside-1_2150_1773",
   fill: "white"
 }, [
@@ -125,21 +125,21 @@ const n = (o) => (D("data-v-9e7db71d"), o = o(), T(), o), z = { class: "outer-bo
     rx: "1.22558",
     transform: "rotate(-180 211.787 136.084)"
   })
-], -1)), vt = ["stroke"], Mt = /* @__PURE__ */ n(() => /* @__PURE__ */ t("path", {
+], -1)), Ft = ["stroke"], Mt = /* @__PURE__ */ n(() => /* @__PURE__ */ t("path", {
   d: "M105.773 135.615L105.773 0.58395",
   stroke: "#DFE3E2",
   "stroke-width": "0.450603",
   "stroke-linecap": "square"
-}, null, -1)), St = ["stroke"], qt = ["stroke"], Dt = ["stroke"], Tt = ["stroke"], Et = ["stroke"], Nt = ["stroke"], Bt = { opacity: "0.7" }, It = ["stroke"], Pt = ["stroke"], Vt = ["stroke"], zt = ["stroke"], Ot = ["stroke"];
-function Zt(o, r, a, m, i, e) {
+}, null, -1)), St = ["stroke"], qt = ["stroke"], Dt = ["stroke"], Tt = ["stroke"], Bt = ["stroke"], Et = ["stroke"], Nt = { opacity: "0.7" }, Vt = ["stroke"], It = ["stroke"], Pt = ["stroke"], zt = ["stroke"], Ot = ["stroke"];
+function Zt(r, o, a, w, i, e) {
   return l(), c("div", z, [
     a.type === "box" ? (l(), c("div", O, p(a.stat), 1)) : a.type === "accelerometer" ? (l(), c("div", Z, [
       t("div", $, [
         q(p(a.stat), 1),
-        U
+        A
       ])
     ])) : h("", !0),
-    e.canchaType === "full" ? (l(), c("svg", j, [
+    e.canchaType === "full" ? (l(), c("svg", U, [
       t("rect", {
         opacity: "0.6",
         x: "1.89551",
@@ -149,7 +149,7 @@ function Zt(o, r, a, m, i, e) {
         transform: "rotate(-90 1.89551 136)",
         fill: a.colorfillcancha,
         "fill-opacity": "0.8"
-      }, null, 8, A),
+      }, null, 8, j),
       H,
       t("rect", {
         x: "211.787",
@@ -213,13 +213,13 @@ function Zt(o, r, a, m, i, e) {
           stroke: a.colorcancha,
           "stroke-width": "0.523385",
           "stroke-dasharray": "1.05 1.05"
-        }, null, 8, rt),
+        }, null, 8, ot),
         t("path", {
           d: "M158.008 136.08L158.008 7.43866e-05",
           stroke: a.colorcancha,
           "stroke-width": "0.523385",
           "stroke-dasharray": "1.05 1.05"
-        }, null, 8, ot),
+        }, null, 8, rt),
         t("path", {
           d: "M210.673 90.7202L0.0105608 90.7202",
           stroke: a.colorcancha,
@@ -294,14 +294,14 @@ function Zt(o, r, a, m, i, e) {
         fill: "#D8D8D8",
         stroke: a.colorcancha,
         "stroke-width": "0.450603"
-      }, null, 8, mt),
-      t("g", ft, [
+      }, null, 8, wt),
+      t("g", mt, [
         t("path", {
           d: "M52.6768 136.08L52.6768 7.43866e-05",
           stroke: a.colorcancha,
           "stroke-width": "0.523385",
           "stroke-dasharray": "1.05 1.05"
-        }, null, 8, wt),
+        }, null, 8, ft),
         t("path", {
           d: "M105.342 136.08L105.342 7.43866e-05",
           stroke: a.colorcancha,
@@ -336,7 +336,7 @@ function Zt(o, r, a, m, i, e) {
         fill: a.colorfillcancha,
         "fill-opacity": "0.8"
       }, null, 8, _t),
-      Ft,
+      vt,
       t("rect", {
         x: "211.787",
         y: "136.084",
@@ -346,7 +346,7 @@ function Zt(o, r, a, m, i, e) {
         transform: "rotate(-180 211.787 136.084)",
         stroke: a.colorcancha,
         "stroke-width": "1.84031"
-      }, null, 8, vt),
+      }, null, 8, Ft),
       Mt,
       t("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",
@@ -375,7 +375,7 @@ function Zt(o, r, a, m, i, e) {
         stroke: a.colorcancha,
         "stroke-opacity": "0.7",
         "stroke-width": "1.16503"
-      }, null, 8, Et),
+      }, null, 8, Bt),
       t("ellipse", {
         cx: "105.788",
         cy: "68.1164",
@@ -385,26 +385,26 @@ function Zt(o, r, a, m, i, e) {
         fill: "#FF0000",
         stroke: a.colorcancha,
         "stroke-width": "0.450603"
-      }, null, 8, Nt),
-      t("g", Bt, [
+      }, null, 8, Et),
+      t("g", Nt, [
         t("path", {
           d: "M52.6768 136.08L52.6768 7.43866e-05",
           stroke: a.colorcancha,
           "stroke-width": "0.523385",
           "stroke-dasharray": "1.05 1.05"
-        }, null, 8, It),
+        }, null, 8, Vt),
         t("path", {
           d: "M105.342 136.08L105.342 7.43866e-05",
           stroke: a.colorcancha,
           "stroke-width": "0.523385",
           "stroke-dasharray": "1.05 1.05"
-        }, null, 8, Pt),
+        }, null, 8, It),
         t("path", {
           d: "M158.008 136.08L158.008 7.43866e-05",
           stroke: a.colorcancha,
           "stroke-width": "0.523385",
           "stroke-dasharray": "1.05 1.05"
-        }, null, 8, Vt),
+        }, null, 8, Pt),
         t("path", {
           d: "M210.673 90.7202L0.0105608 90.7202",
           stroke: a.colorcancha,
@@ -421,7 +421,7 @@ function Zt(o, r, a, m, i, e) {
     ])) : h("", !0)
   ]);
 }
-const $t = /* @__PURE__ */ b(y, [["render", Zt], ["__scopeId", "data-v-9e7db71d"]]), Ut = { class: "content-wrapper" }, jt = { class: "content-box" }, At = { class: "text-container" }, Ht = {
+const $t = /* @__PURE__ */ b(y, [["render", Zt], ["__scopeId", "data-v-9e7db71d"]]), At = { class: "content-wrapper" }, Ut = { class: "content-box" }, jt = { class: "text-container" }, Ht = {
   key: 0,
   class: "title"
 }, Gt = {
@@ -445,72 +445,79 @@ const $t = /* @__PURE__ */ b(y, [["render", Zt], ["__scopeId", "data-v-9e7db71d"
     descriptionType: {
       type: Number,
       default: 0
+    },
+    showVideos: {
+      type: Boolean,
+      default: !0
     }
   },
-  setup(o) {
+  setup(r) {
     C((e) => ({
-      "95df9cfe": i.value.subtitle ? "100%" : "78%"
+      b47f3daa: i.value.subtitle ? "100%" : "78%"
     }));
-    const r = o, a = u(() => {
-      var e, s, d, k, f, w, g;
+    const o = r, a = u(() => {
+      var e, s, d, k, m, f, g;
       return {
-        height: r.height,
-        width: r.width,
+        height: o.height,
+        width: o.width,
         footerHeight: "93px",
         footerPadding: "24px 24px 30px 24px",
-        playerPhotoUrl: E(r.data.player_id || ""),
-        teamLogoUrl: N(r.data.team_id || "") || "",
-        cardColor: r.data.thumbnails.colors.background_color || "#000000",
-        backgroundImageSrc: B((k = (d = (s = (e = r.data) == null ? void 0 : e.thumbnails) == null ? void 0 : s.images) == null ? void 0 : d.background_player_in_action) != null && k[0] ? r.data.thumbnails.images.background_player_in_action[0] : (g = (w = (f = r.data) == null ? void 0 : f.thumbnails) == null ? void 0 : w.images) != null && g.background_team ? r.data.thumbnails.images.background_team : ""),
-        textColor: r.data.thumbnails.colors.font_color_description || "#FFFFFF",
+        playerPhotoUrl: B(o.data.player_id || ""),
+        teamLogoUrl: E(o.data.team_id || "") || "",
+        cardColor: o.data.thumbnails.colors.background_color || "#000000",
+        backgroundImageSrc: N((k = (d = (s = (e = o.data) == null ? void 0 : e.thumbnails) == null ? void 0 : s.images) == null ? void 0 : d.background_player_in_action) != null && k[0] ? o.data.thumbnails.images.background_player_in_action[0] : (g = (f = (m = o.data) == null ? void 0 : m.thumbnails) == null ? void 0 : f.images) != null && g.background_team ? o.data.thumbnails.images.background_team : ""),
+        textColor: o.data.thumbnails.colors.font_color_description || "#FFFFFF",
         footerBodyData: {
-          textColor: r.data.thumbnails.colors.font_color_stats || "#FFFFFF",
-          description: I(P({ data: r.data, descriptionType: r.descriptionType })),
-          totalTextColor: r.data.thumbnails.colors.font_color_stats || "#FFFFFF",
-          totalCircleColor: r.data.thumbnails.colors.background_color || "#000000",
-          isTotalPercentage: !!r.data.footer.show_percentage
+          textColor: o.data.thumbnails.colors.font_color_stats || "#FFFFFF",
+          description: V(I({ data: o.data, descriptionType: o.descriptionType })),
+          totalTextColor: o.data.thumbnails.colors.font_color_stats || "#FFFFFF",
+          totalCircleColor: o.data.thumbnails.colors.background_color || "#000000",
+          isTotalPercentage: !!o.data.footer.show_percentage
         }
       };
-    }), m = u(() => ({
-      "--title-color": r.data.thumbnails.colors.font_color_header || "#FFFFFF"
+    }), w = u(() => ({
+      "--title-color": o.data.thumbnails.colors.font_color_header || "#FFFFFF"
     })), i = u(() => {
       var e;
-      if (!r.data.title) return { title: "", subtitle: "" };
-      const s = r.data.title.match(/\*(.*?)\*/), d = s ? s[1] : "", k = s ? r.data.title.replace(/\*.*?\*/, "").trim() : r.data.title.trim();
+      if (!o.data.title) return { title: "", subtitle: "" };
+      const s = o.data.title.match(/\*(.*?)\*/), d = s ? s[1] : "", k = s ? o.data.title.replace(/\*.*?\*/, "").trim() : o.data.title.trim();
       return {
         title: d,
         subtitle: k,
-        showPlus: !!((e = r.data.header) != null && e.show_percentage)
+        showPlus: !!((e = o.data.header) != null && e.show_percentage)
       };
     });
     return (e, s) => (l(), c("div", {
       class: "card-general",
-      style: _(m.value)
+      style: _(w.value)
     }, [
-      a.value ? (l(), F(V, v({ key: 0 }, a.value, { width: o.width }), {
+      a.value ? (l(), v(P, F({ key: 0 }, a.value, {
+        width: r.width,
+        "show-videos": r.showVideos
+      }), {
         body: M(() => [
-          t("div", Ut, [
-            t("div", jt, [
+          t("div", At, [
+            t("div", Ut, [
               S($t, {
-                colorfillcancha: r.data.thumbnails.colors.graphic_color_2,
-                colorcancha: r.data.thumbnails.colors.graphic_color,
-                colorstat: r.data.thumbnails.colors.data_color,
-                cancha: r.data.categories,
-                stat: r.data.body && r.data.body.show_percentage == 0 ? r.data.total : r.data.percentage,
-                type: r.data.body.show_percentage == 1 ? "accelerometer" : "box"
+                colorfillcancha: o.data.thumbnails.colors.graphic_color_2,
+                colorcancha: o.data.thumbnails.colors.graphic_color,
+                colorstat: o.data.thumbnails.colors.data_color,
+                cancha: o.data.categories,
+                stat: o.data.body && o.data.body.show_percentage == 0 ? o.data.total : o.data.percentage,
+                type: o.data.body.show_percentage == 1 ? "accelerometer" : "box"
               }, null, 8, ["colorfillcancha", "colorcancha", "colorstat", "cancha", "stat", "type"])
             ]),
-            t("div", At, [
+            t("div", jt, [
               i.value.title ? (l(), c("h2", Ht, p(i.value.title), 1)) : h("", !0),
               i.value.subtitle ? (l(), c("p", Gt, p(i.value.subtitle), 1)) : h("", !0)
             ])
           ])
         ]),
         _: 1
-      }, 16, ["width"])) : h("", !0)
+      }, 16, ["width", "show-videos"])) : h("", !0)
     ], 4));
   }
-}, Rt = /* @__PURE__ */ b(Jt, [["__scopeId", "data-v-41f385fa"]]);
+}, Rt = /* @__PURE__ */ b(Jt, [["__scopeId", "data-v-6faa6970"]]);
 export {
   Rt as default
 };

package/dist/CardIndividual1vs1-ayelgnf_-Dzunebe6.js

@@ -0,0 +1,112 @@
+import { computed as i, openBlock as l, createElementBlock as d, normalizeStyle as f, createVNode as b, mergeProps as w, withCtx as v, createElementVNode as t, toDisplayString as C, Fragment as g, pushScopeId as F, popScopeId as y } from "vue";
+import { r as L } from "./CardBaseAllIndividual-VdTcJTWG-BVu0s4Ia.js";
+import { h as x, V as k, P as S, z as V, I as B, O as I } from "./misc-D94RabGe-BRVOC8Yx.js";
+const h = (e) => (F("data-v-504d80ec"), e = e(), y(), e), T = { class: "onevsone__body" }, P = { class: "onevsone__body__title" }, H = { class: "contsvg" }, N = /* @__PURE__ */ h(() => /* @__PURE__ */ t("img", { src: "http://golstatsimages.blob.core.windows.net/tournaments-cards/downloaddefensivo.png" }, null, -1)), D = ["fill"], E = ["fill"], M = /* @__PURE__ */ h(() => /* @__PURE__ */ t("img", { src: "http://golstatsimages.blob.core.windows.net/tournaments-cards/download.png" }, null, -1)), U = ["fill"], Z = ["fill"], z = {
+  __name: "CardIndividual1vs1",
+  props: {
+    height: {
+      type: String,
+      default: "445px"
+    },
+    width: {
+      type: String,
+      default: "319px"
+    },
+    data: {
+      type: Object,
+      default: () => null
+    },
+    descriptionType: {
+      type: Number,
+      default: 0
+    },
+    showVideos: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e) {
+    const o = e, m = i(() => {
+      var r, n, a, s, c, u, p;
+      return {
+        height: o.height,
+        width: o.width,
+        footerHeight: "137px",
+        footerPadding: "24px 24px 25px 24px",
+        playerPhotoUrl: k(o.data.player_id || ""),
+        teamLogoUrl: S(o.data.team_id || "") || "",
+        cardColor: o.data.thumbnails.colors.background_color || "#000000",
+        backgroundImageSrc: V((s = (a = (n = (r = o.data) == null ? void 0 : r.thumbnails) == null ? void 0 : n.images) == null ? void 0 : a.background_player_in_action) != null && s[0] ? o.data.thumbnails.images.background_player_in_action[0] : (p = (u = (c = o.data) == null ? void 0 : c.thumbnails) == null ? void 0 : u.images) != null && p.background_team ? o.data.thumbnails.images.background_team : ""),
+        textColor: o.data.thumbnails.colors.font_color_description || "#FFFFFF",
+        footerBodyData: {
+          textColor: o.data.thumbnails.colors.font_color_stats || "#FFFFFF",
+          description: B(I({ data: o.data, descriptionType: o.descriptionType })),
+          total: o.data.footer && o.data.footer.show_percentage == 1 ? o.data.percentage : o.data.total,
+          totalTextColor: o.data.thumbnails.colors.font_color_stats || "#FFFFFF",
+          totalCircleColor: o.data.thumbnails.colors.background_color || "#000000",
+          isTotalPercentage: o.data.footer && !!o.data.footer.show_percentage
+        }
+      };
+    });
+    i(() => o.data.id);
+    const _ = i(() => ({
+      "--title-color": o.data.thumbnails.colors.font_color_header || "#FFFFFF"
+    }));
+    return (r, n) => (l(), d("div", {
+      class: "onevsone",
+      style: f(_.value)
+    }, [
+      b(L, w(m.value, { "show-videos": e.showVideos }), {
+        body: v(() => {
+          var a;
+          return [
+            t("div", T, [
+              t("div", P, C(o.data.title.replace(/\*/g, "")), 1),
+              t("div", H, [
+                (a = o.data.categories) != null && a.includes(4) ? (l(), d(g, { key: 1 }, [
+                  M,
+                  (l(), d("svg", {
+                    width: "12",
+                    class: "arrow",
+                    height: "75",
+                    viewBox: "0 0 12 75",
+                    fill: o.data.thumbnails.colors.icon_color,
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    t("path", {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      d: "M5 4.5489L5 75H7L7 4.62807L10.1992 7.86923C10.3268 7.9985 10.4817 8.05853 10.664 8.04929C10.8463 8.04006 11.0013 7.9708 11.1289 7.84153L11.7304 7.23208C11.858 7.1028 11.9218 6.94582 11.9218 6.76114C11.9218 6.57645 11.858 6.41948 11.7304 6.2902L6.34592 0.836174C6.23509 0.741615 6.10676 0.694336 5.96092 0.694336C5.77863 0.694336 5.62368 0.768211 5.49608 0.915955L0.191406 6.2902C0.0638018 6.41948 0 6.57645 0 6.76114C0 6.94582 0.0638018 7.1028 0.191406 7.23208L0.792967 7.84153C0.920571 7.9708 1.07552 8.04006 1.25781 8.04929C1.4401 8.05853 1.59505 7.9985 1.72265 7.86923L5 4.5489Z",
+                      fill: o.data.thumbnails.colors.icon_color
+                    }, null, 8, Z)
+                  ], 8, U))
+                ], 64)) : (l(), d(g, { key: 0 }, [
+                  N,
+                  (l(), d("svg", {
+                    class: "arrow",
+                    width: "12",
+                    height: "75",
+                    viewBox: "0 0 12 75",
+                    fill: o.data.thumbnails.colors.icon_color,
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    t("path", {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      d: "M5 71.1454L5 0.694344H7L7 71.0663L10.1992 67.8251C10.3268 67.6958 10.4817 67.6358 10.664 67.6451C10.8463 67.6543 11.0013 67.7235 11.1289 67.8528L11.7304 68.4623C11.858 68.5915 11.9218 68.7485 11.9218 68.9332C11.9218 69.1179 11.858 69.2749 11.7304 69.4041L6.34592 74.8582C6.23509 74.9527 6.10676 75 5.96092 75C5.77863 75 5.62368 74.9261 5.49608 74.7784L0.191406 69.4041C0.0638018 69.2749 0 69.1179 0 68.9332C0 68.7485 0.0638018 68.5915 0.191406 68.4623L0.792967 67.8528C0.920571 67.7235 1.07552 67.6543 1.25781 67.6451C1.4401 67.6358 1.59505 67.6958 1.72265 67.8251L5 71.1454Z",
+                      fill: o.data.thumbnails.colors.icon_color
+                    }, null, 8, E)
+                  ], 8, D))
+                ], 64))
+              ])
+            ])
+          ];
+        }),
+        _: 1
+      }, 16, ["show-videos"])
+    ], 4));
+  }
+}, A = /* @__PURE__ */ x(z, [["__scopeId", "data-v-504d80ec"]]);
+export {
+  A as default
+};