@golstats/gsc-game-data 1.0.325-alpha.0 → 1.0.325-alpha.2

package/README.md

@@ -1,35 +1,90 @@
-# gsc-games-data
+# @golstats/gsc-game-data
 
-This template should help get you started developing with Vue 3 in Vite.
+Componente Vue para visualización de datos de juegos deportivos.
 
-## Recommended IDE Setup
+## Instalación
 
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+```bash
+npm install @golstats/gsc-game-data
+```
 
-## Customize configuration
+## Uso Básico
 
-See [Vite Configuration Reference](https://vitejs.dev/config/).
+```javascript
+import { createApp } from 'vue'
+import { createStore } from 'vuex'
+import { GSCGameData, registerStoreModules } from '@golstats/gsc-game-data'
+import '@golstats/gsc-game-data/style.css'
 
-## Project Setup
+// Crear store
+const store = createStore({
+  // tu configuración de store
+})
 
-```sh
-npm install
-```
+// Registrar módulos necesarios
+registerStoreModules(store)
 
-### Compile and Hot-Reload for Development
+// Crear aplicación
+const app = createApp({
+  components: {
+    GSCGameData
+  },
+  template: `
+    <GSCGameData
+      :default-game-id="gameID"
+      :current-season-id="seasonID"
+      :sort-calendar="false"
+      :socket="socket"
+    />
+  `
+})
 
-```sh
-npm run dev
+app.use(store)
+app.mount('#app')
 ```
 
-### Compile and Minify for Production
+## Importación de Componentes Individuales
 
-```sh
-npm run build
+Para mejorar el rendimiento, puedes importar componentes individuales:
+
+```javascript
+// Importación bajo demanda
+import { GSCGameData } from '@golstats/gsc-game-data'
+import { StatisticsMain } from '@golstats/gsc-game-data/statistics'
+import { GSCProminentMain } from '@golstats/gsc-game-data/prominent'
 ```
 
-### Lint with [ESLint](https://eslint.org/)
+## Solución de Problemas
+
+### Error: _export_sfc4 is not a function
+
+Si encuentras este error, asegúrate de estar usando la versión más reciente del paquete que incluye las correcciones para los helpers de Vue.
+
+### Error: Failed to resolve module specifier
+
+Si encuentras errores de resolución de módulos, asegúrate de que las rutas de importación sean correctas:
 
-```sh
-npm run lint
+```javascript
+// Correcto
+import { GSCGameData } from '@golstats/gsc-game-data'
+
+// Incorrecto - no usar rutas relativas para importar el paquete
+import { GSCGameData } from '../node_modules/@golstats/gsc-game-data'
 ```
+
+## Optimizaciones Implementadas
+
+Esta versión incluye importantes optimizaciones:
+
+1. **Carga Modular**: Los componentes se cargan bajo demanda para reducir el tiempo de carga inicial
+2. **Exportaciones Nombradas**: Permite importar solo lo que necesitas
+3. **Preservación de Helpers**: Corrige problemas con los helpers de Vue en el bundle
+4. **Resolución de Rutas**: Mejora la compatibilidad con diferentes entornos de build
+
+## Scripts Disponibles
+
+- `npm run dev`: Inicia el servidor de desarrollo
+- `npm run build`: Construye el paquete para producción
+- `npm run build:analyze`: Construye y analiza el tamaño del bundle
+- `npm run preview`: Vista previa del paquete construido
+- `npm run lint`: Ejecuta el linter

package/dist/chunks/GSCDatosGSMain-11cd7d4d.js

@@ -0,0 +1,130 @@
+import { ref, watch, openBlock, createElementBlock, Fragment, createBlock, unref, createCommentVNode } from "vue";
+import { GSCDataGames } from "@golstats/gsc-datagames";
+import "./vendor-core-a1fbe4ec.js";
+import { _ as _export_sfc } from "./section-comparative-main-6aa6f890.js";
+import "./shared-components-b34ee5c5.js";
+import "@golstats/gsc-tournament-select";
+import "@golstats/gsc-season-select";
+import "@golstats/gsc-calendar-by-game";
+import "vuex";
+import "./section-statistics-main-285ee5a1.js";
+import "@golstats/gsc-menu";
+import "@golstats/gsc-checkbox";
+import "./section-statistics-trend-78efa2c0.js";
+import "@golstats/gsc-radio-button";
+import "./section-prominent-chalkboard-9f953d75.js";
+import "@golstats/gsc-filters";
+import "./section-prominent-volumetric-7b2ffa59.js";
+import "axios";
+import "@golstats/gsc-dropdown";
+import "./section-statistics-comparative-d01d4094.js";
+import "@golstats/gsc-slider";
+import "./section-statistics-distribution-8cc2a694.js";
+import "./section-statistics-xg-8c02a83a.js";
+import "@golstats/gsc-switch-radio";
+import "socket.io-client";
+import "@golstats/gsc-filterperteam";
+import "@golstats/gsc-button";
+import "@golstats/gsc-carousel";
+import "@golstats/gsc-label";
+import "@golstats/gsc-switch-component";
+const GSCDatosGSMain_vue_vue_type_style_index_0_scoped_b8306bed_lang = "";
+const _hoisted_1 = { class: "datagame-container" };
+const _sfc_main = {
+  __name: "GSCDatosGSMain",
+  props: {
+    isWidget: {
+      type: Boolean,
+      default: false
+    },
+    teamWidget: {
+      type: Number,
+      default: 0
+    },
+    game: {
+      type: Object,
+      default: () => ({
+        gameId: 79623,
+        seasonId: 1772,
+        status: 1,
+        dateTimeUTC: "2023-10-01T22:20:00Z",
+        homeTeam: {
+          logo: "https://golstatsimages.blob.core.windows.net/teams-80/18.png",
+          team_id: 10,
+          provisional_logo: "https://golstatsimages.blob.core.windows.net/teams-provisional/18.png",
+          colloquial_name: "Toluca",
+          acronym: "TOL",
+          team_name: "Toluca"
+        },
+        awayTeam: {
+          logo: "https://golstatsimages.blob.core.windows.net/teams-80/1.png",
+          team_id: 1,
+          provisional_logo: "https://golstatsimages.blob.core.windows.net/teams-provisional/1.png",
+          colloquial_name: "Chivas",
+          acronym: "CHI",
+          team_name: "Guadalajara"
+        }
+      })
+    },
+    playVideosPrivileges: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["openmedia"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const update = ref(0);
+    watch(
+      () => props.game,
+      (newValue) => {
+        update.value = newValue.gameId;
+      },
+      { deep: true, immediate: true }
+    );
+    function openmedia(objVR) {
+      emit("openmedia", objVR);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.game.game_status == 4 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          Object.keys(__props.game).length > 0 ? (openBlock(), createBlock(unref(GSCDataGames), {
+            key: update.value,
+            type: 0,
+            "is-widget": __props.isWidget,
+            "team-widget": __props.teamWidget,
+            data: {
+              season: __props.game.seasonId,
+              game: __props.game.gameId,
+              home_team_id: __props.game.homeTeam.team_id,
+              away_team_id: __props.game.awayTeam.team_id,
+              team_view: 1
+            },
+            "play-videos-privileges": __props.playVideosPrivileges,
+            onOpenmedia: openmedia
+          }, null, 8, ["is-widget", "team-widget", "data", "play-videos-privileges"])) : createCommentVNode("", true)
+        ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          Object.keys(__props.game).length > 0 ? (openBlock(), createBlock(unref(GSCDataGames), {
+            "is-widget": __props.isWidget,
+            "team-widget": __props.teamWidget,
+            key: update.value,
+            type: 1,
+            data: {
+              season: __props.game.seasonId,
+              game: __props.game.gameId,
+              home_team_id: __props.game.homeTeam.team_id,
+              away_team_id: __props.game.awayTeam.team_id,
+              team_view: 2
+            },
+            "play-videos-privileges": __props.playVideosPrivileges,
+            onOpenmedia: openmedia
+          }, null, 8, ["is-widget", "team-widget", "data", "play-videos-privileges"])) : createCommentVNode("", true)
+        ], 64))
+      ]);
+    };
+  }
+};
+const GSCDatosGSMain = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b8306bed"]]);
+export {
+  GSCDatosGSMain as default
+};

package/dist/chunks/ModalEventsLive-8ba1588b.js

@@ -0,0 +1,325 @@
+import { openBlock, createElementBlock, createElementVNode, withModifiers, normalizeClass, Fragment, toDisplayString, renderList, createCommentVNode, pushScopeId, popScopeId } from "vue";
+import { _ as _export_sfc } from "./section-comparative-main-6aa6f890.js";
+import "./shared-components-b34ee5c5.js";
+import "./vendor-core-a1fbe4ec.js";
+import "@golstats/gsc-tournament-select";
+import "@golstats/gsc-season-select";
+import "@golstats/gsc-calendar-by-game";
+import "vuex";
+import "./section-statistics-main-285ee5a1.js";
+import "@golstats/gsc-menu";
+import "@golstats/gsc-checkbox";
+import "./section-statistics-trend-78efa2c0.js";
+import "@golstats/gsc-radio-button";
+import "./section-prominent-chalkboard-9f953d75.js";
+import "@golstats/gsc-filters";
+import "./section-prominent-volumetric-7b2ffa59.js";
+import "axios";
+import "@golstats/gsc-dropdown";
+import "./section-statistics-comparative-d01d4094.js";
+import "@golstats/gsc-slider";
+import "./section-statistics-distribution-8cc2a694.js";
+import "./section-statistics-xg-8c02a83a.js";
+import "@golstats/gsc-switch-radio";
+import "socket.io-client";
+import "@golstats/gsc-datagames";
+import "@golstats/gsc-filterperteam";
+import "@golstats/gsc-button";
+import "@golstats/gsc-carousel";
+import "@golstats/gsc-label";
+import "@golstats/gsc-switch-component";
+const ModalEventsLive_vue_vue_type_style_index_0_scoped_8dd09bf5_lang = "";
+const _sfc_main = {
+  components: {},
+  props: {
+    width: {
+      type: Number,
+      default: 0
+    },
+    type: {
+      type: Number,
+      default: 0
+    },
+    plays: {
+      type: Object,
+      default: () => {
+      }
+    },
+    game: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  data() {
+    return {};
+  },
+  computed: {},
+  methods: {
+    handleOutsideClick() {
+      this.$emit("close-modal-events-live");
+      document.body.classList.remove("no-scroll");
+    }
+  },
+  created() {
+    document.body.classList.add("no-scroll");
+  }
+};
+const _withScopeId = (n) => (pushScopeId("data-v-8dd09bf5"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "home_team-events" };
+const _hoisted_2 = { class: "home_team-events__title" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  width: "13",
+  height: "13",
+  src: "https://golstatsimages.blob.core.windows.net/todoelfut/players-goals-con-goles.png"
+}, null, -1));
+const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  width: "13",
+  height: "13",
+  src: "https://golstatsimages.blob.core.windows.net/todoelfut/red_card.png"
+}, null, -1));
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  width: "13",
+  height: "13",
+  src: "https://golstatsimages.blob.core.windows.net/todoelfut/yellow_card.png"
+}, null, -1));
+const _hoisted_7 = { class: "away_team-events" };
+const _hoisted_8 = { class: "away_team-events__title" };
+const _hoisted_9 = ["src"];
+const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  width: "13",
+  height: "13",
+  src: "https://golstatsimages.blob.core.windows.net/todoelfut/players-goals-con-goles.png"
+}, null, -1));
+const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  width: "13",
+  height: "13",
+  src: "https://golstatsimages.blob.core.windows.net/todoelfut/red_card.png"
+}, null, -1));
+const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  width: "13",
+  height: "13",
+  src: "https://golstatsimages.blob.core.windows.net/todoelfut/yellow_card.png"
+}, null, -1));
+const _hoisted_13 = { class: "home_team-events" };
+const _hoisted_14 = { class: "home_team-events__title" };
+const _hoisted_15 = ["src"];
+const _hoisted_16 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  width: "13",
+  height: "13",
+  src: "https://golstatsimages.blob.core.windows.net/todoelfut/players-goals-con-goles.png"
+}, null, -1));
+const _hoisted_17 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  width: "13",
+  height: "13",
+  src: "https://golstatsimages.blob.core.windows.net/todoelfut/red_card.png"
+}, null, -1));
+const _hoisted_18 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  width: "13",
+  height: "13",
+  src: "https://golstatsimages.blob.core.windows.net/todoelfut/yellow_card.png"
+}, null, -1));
+const _hoisted_19 = { class: "away_team-events" };
+const _hoisted_20 = { class: "away_team-events__title" };
+const _hoisted_21 = ["src"];
+const _hoisted_22 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  width: "13",
+  height: "13",
+  src: "https://golstatsimages.blob.core.windows.net/todoelfut/players-goals-con-goles.png"
+}, null, -1));
+const _hoisted_23 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  width: "13",
+  height: "13",
+  src: "https://golstatsimages.blob.core.windows.net/todoelfut/red_card.png"
+}, null, -1));
+const _hoisted_24 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  width: "13",
+  height: "13",
+  src: "https://golstatsimages.blob.core.windows.net/todoelfut/yellow_card.png"
+}, null, -1));
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", null, [
+    createElementVNode("div", {
+      class: "modal-events",
+      onClick: _cache[2] || (_cache[2] = (...args) => $options.handleOutsideClick && $options.handleOutsideClick(...args))
+    }, [
+      createElementVNode("div", {
+        class: "modal-events__modal",
+        onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        Object.keys($props.plays).length > 0 ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass($props.width > 540 ? "container-events" : $props.width > 420 ? "container-events-movil" : $props.width > 350 ? "container-events-movilxl" : "container-events-movilsm")
+        }, [
+          createElementVNode("button", {
+            class: "close-button",
+            onClick: _cache[0] || (_cache[0] = (...args) => $options.handleOutsideClick && $options.handleOutsideClick(...args))
+          }, "×"),
+          $props.type == 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createElementVNode("div", _hoisted_1, [
+              createElementVNode("div", _hoisted_2, [
+                createElementVNode("img", {
+                  width: "24",
+                  height: "24",
+                  src: $props.plays[$props.game.home_team.team_id]["team"].logo
+                }, null, 8, _hoisted_3),
+                createElementVNode("div", null, toDisplayString($props.plays[$props.game.home_team.team_id]["team"].name), 1)
+              ]),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys($props.plays[$props.game.home_team.team_id]["goals"]), (key, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: normalizeClass($props.width > 420 ? "home_team-events__event" : "home_team-events__eventsm")
+                }, [
+                  _hoisted_4,
+                  createElementVNode("div", null, toDisplayString($props.plays[$props.game.home_team.team_id]["goals"][key].name), 1),
+                  createElementVNode("div", null, toDisplayString($props.plays[$props.game.home_team.team_id]["goals"][key].event.map((num) => `${num}'`).join(", ")), 1)
+                ], 2);
+              }), 128)),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys($props.plays[$props.game.home_team.team_id]["red"]), (key, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: normalizeClass($props.width > 420 ? "home_team-events__event" : "home_team-events__eventsm")
+                }, [
+                  _hoisted_5,
+                  createElementVNode("div", null, toDisplayString($props.plays[$props.game.home_team.team_id]["red"][key].name), 1),
+                  createElementVNode("div", null, toDisplayString($props.plays[$props.game.home_team.team_id]["red"][key].event.map((num) => `${num}'`).join(", ")), 1)
+                ], 2);
+              }), 128)),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys($props.plays[$props.game.home_team.team_id]["yellow"]), (key, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: normalizeClass($props.width > 420 ? "home_team-events__event" : "home_team-events__eventsm")
+                }, [
+                  _hoisted_6,
+                  createElementVNode("div", null, toDisplayString($props.plays[$props.game.home_team.team_id]["yellow"][key].name), 1),
+                  createElementVNode("div", null, toDisplayString($props.plays[$props.game.home_team.team_id]["yellow"][key].event.map((num) => `${num}'`).join(", ")), 1)
+                ], 2);
+              }), 128))
+            ]),
+            createElementVNode("div", _hoisted_7, [
+              createElementVNode("div", _hoisted_8, [
+                createElementVNode("div", null, toDisplayString($props.plays[$props.game.visiting_team.team_id]["team"].name), 1),
+                createElementVNode("img", {
+                  width: "24",
+                  height: "24",
+                  src: $props.plays[$props.game.visiting_team.team_id]["team"].logo
+                }, null, 8, _hoisted_9)
+              ]),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys($props.plays[$props.game.visiting_team.team_id]["goals"]), (key, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: normalizeClass($props.width > 420 ? "away_team-events__event" : "away_team-events__eventsm")
+                }, [
+                  createElementVNode("div", null, toDisplayString($props.plays[$props.game.visiting_team.team_id]["goals"][key].event.map((num) => `${num}'`).join(", ")), 1),
+                  createElementVNode("div", null, toDisplayString($props.plays[$props.game.visiting_team.team_id]["goals"][key].name), 1),
+                  _hoisted_10
+                ], 2);
+              }), 128)),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys($props.plays[$props.game.visiting_team.team_id]["red"]), (key, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: normalizeClass($props.width > 420 ? "away_team-events__event" : "away_team-events__eventsm")
+                }, [
+                  createElementVNode("div", null, toDisplayString($props.plays[$props.game.visiting_team.team_id]["red"][key].event.map((num) => `${num}'`).join(", ")), 1),
+                  createElementVNode("div", null, toDisplayString($props.plays[$props.game.visiting_team.team_id]["red"][key].name), 1),
+                  _hoisted_11
+                ], 2);
+              }), 128)),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys($props.plays[$props.game.visiting_team.team_id]["yellow"]), (key, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: normalizeClass($props.width > 420 ? "away_team-events__event" : "away_team-events__eventsm")
+                }, [
+                  createElementVNode("div", null, toDisplayString($props.plays[$props.game.visiting_team.team_id]["yellow"][key].event.map((num) => `${num}'`).join(", ")), 1),
+                  createElementVNode("div", null, toDisplayString($props.plays[$props.game.visiting_team.team_id]["yellow"][key].name), 1),
+                  _hoisted_12
+                ], 2);
+              }), 128))
+            ])
+          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createElementVNode("div", _hoisted_13, [
+              createElementVNode("div", _hoisted_14, [
+                createElementVNode("img", {
+                  width: "24",
+                  height: "24",
+                  src: $props.plays.home_team.logo
+                }, null, 8, _hoisted_15),
+                createElementVNode("div", null, toDisplayString($props.plays.home_team.acronym), 1)
+              ]),
+              (openBlock(true), createElementBlock(Fragment, null, renderList($props.plays.plays.home_goals_minutes, (goal, key) => {
+                return openBlock(), createElementBlock("div", {
+                  key,
+                  class: normalizeClass($props.width > 420 ? "home_team-events__event" : "home_team-events__eventsm")
+                }, [
+                  _hoisted_16,
+                  createElementVNode("div", null, toDisplayString(goal), 1)
+                ], 2);
+              }), 128)),
+              (openBlock(true), createElementBlock(Fragment, null, renderList($props.plays.plays.home_red_cards_minutes, (red, key) => {
+                return openBlock(), createElementBlock("div", {
+                  key,
+                  class: normalizeClass($props.width > 420 ? "home_team-events__event" : "home_team-events__eventsm")
+                }, [
+                  _hoisted_17,
+                  createElementVNode("div", null, toDisplayString(red), 1)
+                ], 2);
+              }), 128)),
+              (openBlock(true), createElementBlock(Fragment, null, renderList($props.plays.plays.home_yellow_cards_minutes, (yellow, key) => {
+                return openBlock(), createElementBlock("div", {
+                  key,
+                  class: normalizeClass($props.width > 420 ? "home_team-events__event" : "home_team-events__eventsm")
+                }, [
+                  _hoisted_18,
+                  createElementVNode("div", null, toDisplayString(yellow), 1)
+                ], 2);
+              }), 128))
+            ]),
+            createElementVNode("div", _hoisted_19, [
+              createElementVNode("div", _hoisted_20, [
+                createElementVNode("div", null, toDisplayString($props.plays.visiting_team.acronym), 1),
+                createElementVNode("img", {
+                  width: "24",
+                  height: "24",
+                  src: $props.plays.visiting_team.logo
+                }, null, 8, _hoisted_21)
+              ]),
+              (openBlock(true), createElementBlock(Fragment, null, renderList($props.plays.plays.visiting_goals_minutes, (goal, key) => {
+                return openBlock(), createElementBlock("div", {
+                  key,
+                  class: normalizeClass($props.width > 420 ? "away_team-events__event" : "away_team-events__eventsm")
+                }, [
+                  createElementVNode("div", null, toDisplayString(goal), 1),
+                  _hoisted_22
+                ], 2);
+              }), 128)),
+              (openBlock(true), createElementBlock(Fragment, null, renderList($props.plays.plays.away_red_cards_minutes, (red, key) => {
+                return openBlock(), createElementBlock("div", {
+                  key,
+                  class: normalizeClass($props.width > 420 ? "away_team-events__event" : "away_team-events__eventsm")
+                }, [
+                  createElementVNode("div", null, toDisplayString(red), 1),
+                  _hoisted_23
+                ], 2);
+              }), 128)),
+              (openBlock(true), createElementBlock(Fragment, null, renderList($props.plays.plays.away_yellow_cards_minutes, (yellow, key) => {
+                return openBlock(), createElementBlock("div", {
+                  key,
+                  class: normalizeClass($props.width > 420 ? "away_team-events__event" : "away_team-events__eventsm")
+                }, [
+                  createElementVNode("div", null, toDisplayString(yellow), 1),
+                  _hoisted_24
+                ], 2);
+              }), 128))
+            ])
+          ], 64))
+        ], 2)) : createCommentVNode("", true)
+      ])
+    ])
+  ]);
+}
+const ModalEventsLive = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8dd09bf5"]]);
+export {
+  ModalEventsLive as default
+};