{"version":3,"file":"async-module-home-casino-i-dn.d.m.'CLK2hazr'.js","sources":["../../../../../../src/modules/home/submodules/casino/prefetch/CasinoHomePagePrefetch.ts","../../../../../../src/modules/egs/submodules/jackpots/components/EgsGameJackpotListItem/EgsGameJackpotListItem.vue","../../../../../../src/modules/home/submodules/casino/components/CasinoHomeJackpotsBlock/CasinoHomeJackpotsBlock.vue","../../../../../../src/modules/home/submodules/casino/enums.ts","../../../../../../src/modules/home/submodules/casino/components/CasinoHomePromoBlock/CasinoHomePromoBlock.vue","../../../../../../src/modules/home/submodules/casino/views/CasinoHomeRoutePage.vue"],"sourcesContent":["import { RouteName } from '@leon-hub/routing-config-names';\n\nimport type { AbstractPrefetchResult } from '@core/router';\nimport { useRootNavigationStore } from '@core/navigation';\nimport { AbstractPrefetch } from '@core/router';\n\nimport { useCasinoHome } from 'web/src/modules/home/submodules/casino/useCasinoHome';\n\nexport default class CasinoHomePagePrefetch extends AbstractPrefetch {\n  prefetch(): AbstractPrefetchResult {\n    const {\n      isReady,\n      initialRequests,\n      syncBackgroundRequests,\n    } = useCasinoHome();\n\n    const navigationStore = useRootNavigationStore();\n\n    if (!isReady.value) {\n      navigationStore.setOnlyFirstRouteContentLoading(RouteName.HOME);\n      initialRequests().then(() => {\n        navigationStore.setRouteContentLoaded(RouteName.HOME);\n      }).catch((error) => {\n        throw error;\n      });\n    } else {\n      void syncBackgroundRequests();\n      navigationStore.setRouteContentLoaded(RouteName.HOME);\n    }\n  }\n}\n","<script lang=\"ts\" setup>\nimport { ObjectFitOption, VImage } from '@components/image';\n\nimport type {\n  EgsGameJackpotListItemEmits,\n  EgsGameJackpotListItemProps,\n} from 'web/src/modules/egs/submodules/jackpots/components/EgsGameJackpotListItem/types';\nimport EgsJackpotAnimatedAmount from 'web/src/modules/egs/submodules/jackpots/components/EgsJackpotAnimatedAmount/EgsJackpotAnimatedAmount.vue';\n\ndefineProps<EgsGameJackpotListItemProps>();\nconst emit = defineEmits<EgsGameJackpotListItemEmits>();\n</script>\n\n<template>\n  <a v-auto-id=\"'EgsGameJackpotListItem'\"\n    v-data-test=\"{ el: 'egs-game-jackpot-list-item' }\"\n    :href=\"href\"\n    :class=\"$style['egs-game-jackpot-list-item']\"\n    @click.prevent=\"emit('click')\"\n  >\n    <div :class=\"$style['egs-game-jackpot-list-item__container']\">\n      <VImage\n        v-if=\"item.images.jackpot\"\n        v-bind=\"item.images.jackpot\"\n        show-loader\n        is-lazy\n        :object-fit=\"ObjectFitOption.COVER\"\n        :class=\"$style['egs-game-jackpot-list-item__img']\"\n      />\n      <div :class=\"$style['egs-game-jackpot-list-item__counter-container']\">\n        <EgsJackpotAnimatedAmount\n          v-if=\"item.jackpot\"\n          v-bind=\"item.jackpot.amount\"\n          has-background\n          :jackpot-animation-duration=\"animationDuration\"\n        />\n      </div>\n    </div>\n    <div :class=\"$style['egs-game-jackpot-list-item__label']\">\n      {{ item.name }}\n    </div>\n  </a>\n</template>\n\n<style lang=\"scss\" module>\n@include for-layout using($isDesktop) {\n  .egs-game-jackpot-list-item {\n    $self: &;\n\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    width: if($isDesktop, 320px, 307px);\n    text-decoration: none;\n    cursor: pointer;\n\n    &__container {\n      position: relative;\n      width: 100%;\n      height: if($isDesktop, 160px, 153.5px);\n      overflow: hidden;\n      border-radius: 5px;\n    }\n\n    &__counter-container {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      text-align: center;\n    }\n\n    &__label {\n      @include medium\\14\\16\\025;\n      @include lineLimit(1);\n\n      color: var(--TextDefault);\n      text-align: center;\n    }\n\n    &__img {\n      user-select: none;\n      transform: scale(1);\n      transition: transform 0.5s ease;\n      -webkit-user-drag: none;\n    }\n\n    &:hover {\n      .egs-game-jackpot-list-item__label {\n        color: var(--BrandDefault);\n      }\n\n      .egs-game-jackpot-list-item__img {\n        transform: scale(1.05);\n        transition: transform 0.5s ease;\n      }\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { toRef } from 'vue';\nimport {\n  useRouter,\n} from 'vue-router';\n\nimport { CasinoRouteName } from '@leon-hub/routing-config-names';\nimport { Events as AnalyticsEvent } from '@leon-hub/yandex-metrika';\n\nimport { useAnalytics } from '@core/analytics';\nimport { useComponentSyncState } from '@core/sync-state';\n\nimport type { EgsGame } from 'web/src/modules/egs/types';\nimport SwiperNavigationButtons from 'web/src/components/Swiper/Navigation/SwiperNavigationButtons/SwiperNavigationButtons.vue';\nimport VSwiper from 'web/src/components/Swiper/VSwiper/VSwiper';\nimport VSwiperSlide from 'web/src/components/Swiper/VSwiperSlide/VSwiperSlide.vue';\nimport { useCasinoTopStore } from 'web/src/modules/casino/submodules/top/useCasinoTopStore';\nimport {\n  AllGamesGroupUrl,\n  EgsJackpotsSyncStateTimerName,\n} from 'web/src/modules/egs/constants';\nimport EgsGameJackpotListItem from 'web/src/modules/egs/submodules/jackpots/components/EgsGameJackpotListItem/EgsGameJackpotListItem.vue';\nimport useEgsNavigation from 'web/src/modules/egs/submodules/navigation/composable/useEgsNavigation';\nimport HomeHeading from 'web/src/modules/home/components/heading/HomeHeading.vue';\n\nconst router = useRouter();\n\nconst casinoTopStore = useCasinoTopStore();\nconst analytics = useAnalytics();\nconst navigation = useEgsNavigation(router);\n\nconst hasJackpots = toRef(casinoTopStore, 'hasJackpots');\nconst jackpots = toRef(casinoTopStore, 'jackpots');\n\nfunction getJackpotLocation(game: EgsGame): string {\n  return navigation.getEgsGameHref(game);\n}\n\nfunction navigateToJackpot(game: EgsGame): void {\n  analytics.push(AnalyticsEvent.Z_CLICK_JACKPOT_BANNER, {});\n  void navigation.navigateToGamePage(game);\n}\n\nconst { timeout } = useComponentSyncState(casinoTopStore.updateJackpots, EgsJackpotsSyncStateTimerName, {\n  condition: hasJackpots,\n});\n</script>\n\n<template>\n  <div v-auto-id=\"'CasinoHomeJackpotsBlock'\"\n    v-if=\"hasJackpots && jackpots\"\n    v-data-test=\"{ el: 'home-jackpots' }\"\n  >\n    <HomeHeading\n      :class=\"$style['home-jackpots__heading']\"\n      :title=\"$t('WEB2_HOME_HEADING_JACKPOTS')\"\n      :button-text=\"$t('WEB2_HOME_HEADING_JACKPOTS_BTN')\"\n      :to=\"{\n        name: CasinoRouteName.CASINO_LOBBY,\n        params: {\n          groupUrl: AllGamesGroupUrl,\n          categoryUrl: 'jackpots',\n        },\n      }\"\n      is-dark\n    />\n    <VSwiper\n      is-scroll-snap-enabled\n      :wrapper-class=\"$style['home-jackpots__swiper-wrapper']\"\n    >\n      <VSwiperSlide\n        v-for=\"jackpot in jackpots\"\n        :key=\"jackpot.id\"\n        v-collect:click-counter=\"{ SLOTS: 'jackpotBanner' }\"\n        @click=\"navigateToJackpot(jackpot)\"\n      >\n        <EgsGameJackpotListItem\n          :item=\"jackpot\"\n          :href=\"getJackpotLocation(jackpot)\"\n          :animation-duration=\"timeout\"\n        />\n      </VSwiperSlide>\n      <template\n        v-if=\"'1'\"\n        #pagination-footer\n      >\n        <SwiperNavigationButtons />\n      </template>\n    </VSwiper>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@include for-layout using($isDesktop) {\n  .home-jackpots {\n    &__heading {\n      @if not $isDesktop {\n        padding-right: 8px;\n      }\n    }\n\n    &__swiper-wrapper {\n      gap: 16px;\n\n      @if not $isDesktop {\n        padding: 0 8px;\n      }\n    }\n  }\n}\n</style>\n","export const enum CasinoHomeBlockPriority {\n  Jackpots = 'Jackpots',\n  Promotions = 'Promotions',\n  Live = 'live',\n  Prematch = 'prematch',\n}\n","<script lang=\"ts\" setup>\nimport { computed, toRef } from 'vue';\n\nimport { useCasinoTopStore } from 'web/src/modules/casino/submodules/top/useCasinoTopStore';\nimport CasinoHomeJackpotsBlock from 'web/src/modules/home/submodules/casino/components/CasinoHomeJackpotsBlock/CasinoHomeJackpotsBlock.vue';\nimport { CasinoHomeBlockPriority } from 'web/src/modules/home/submodules/casino/enums';\nimport HomePromotionsBlock from 'web/src/modules/home/submodules/promotions/views/HomePromotionsBlock.vue';\n\nimport type { CasinoHomePromoBlockProps } from './types';\n\nconst props = withDefaults(defineProps<CasinoHomePromoBlockProps>(), {\n  priority: CasinoHomeBlockPriority.Jackpots,\n});\n\nconst hasJackpots = toRef(useCasinoTopStore(), 'hasJackpots');\n\nconst isPromotionsBlock = computed(() => (\n  (props.priority === CasinoHomeBlockPriority.Promotions && hasJackpots.value)\n  || (props.priority === CasinoHomeBlockPriority.Jackpots && !hasJackpots.value)\n));\n\nconst isJackpotsBlock = computed(() => (\n  props.priority === CasinoHomeBlockPriority.Jackpots && hasJackpots.value\n));\n</script>\n\n<template>\n  <HomePromotionsBlock v-if=\"isPromotionsBlock\" />\n  <CasinoHomeJackpotsBlock v-else-if=\"isJackpotsBlock\" />\n</template>\n","<script setup lang=\"ts\">\nimport {\n  onBeforeMount,\n  toRef,\n} from 'vue';\n\nimport {\n  onComponentActivated,\n  onComponentDeactivated,\n} from '@leon-hub/vue-utils';\n\nimport { useKeepAlive } from 'web/src/modules/core/composables/keep-alive';\nimport CasinoHomePromoBlock from 'web/src/modules/home/submodules/casino/components/CasinoHomePromoBlock/CasinoHomePromoBlock.vue';\nimport { CasinoHomeBlockPriority } from 'web/src/modules/home/submodules/casino/enums';\nimport { useCasinoHome } from 'web/src/modules/home/submodules/casino/useCasinoHome';\nimport ShowcaseNavigationRouteComponent\n  from 'web/src/modules/home/submodules/showcase/ShowcaseNavigationRouteComponent.vue';\nimport { SportlineHomeBlockPriority } from 'web/src/modules/home/submodules/sportline/enums';\nimport MixedSportlineEventsBlock\n  from 'web/src/modules/home/submodules/sportline/views/sportline-element/MixedSportlineEventsBlock.vue';\nimport SportlineEventsBlock\n  from 'web/src/modules/home/submodules/sportline/views/sportline-element/SportlineEventsBlock.vue';\nimport useSportlineSettingsStore from 'web/src/modules/sportline/store/useSportlineSettingsStore';\nimport { useFavoritesEventsStore } from 'web/src/modules/sportline/submodules/favorites/store/events';\n\nconst isTopEventsEnabled = toRef(() => useSportlineSettingsStore().isTopEventsEnabled);\n\nconst { setBackgroundUpdateEnabled } = useCasinoHome();\nconst favoritesEventsStore = useFavoritesEventsStore();\n\nonBeforeMount(() => {\n  void favoritesEventsStore.initialRequests();\n});\nonComponentActivated(() => {\n  void setBackgroundUpdateEnabled(true);\n});\nonComponentDeactivated(() => {\n  void setBackgroundUpdateEnabled(false);\n});\n\nuseKeepAlive();\n</script>\n\n<template>\n  <div v-auto-id=\"'CasinoHomeRoutePage'\" class=\"component-wrapper\">\n    <ShowcaseNavigationRouteComponent />\n    <template v-if=\"isTopEventsEnabled\">\n      <MixedSportlineEventsBlock />\n      <CasinoHomePromoBlock :priority=\"CasinoHomeBlockPriority.Jackpots\" />\n      <div :class=\"$style['home-block-delimiter']\" />\n      <CasinoHomePromoBlock :priority=\"CasinoHomeBlockPriority.Promotions\" />\n    </template>\n    <template v-else>\n      <SportlineEventsBlock :priority=\"SportlineHomeBlockPriority.Live\" />\n      <CasinoHomePromoBlock :priority=\"CasinoHomeBlockPriority.Jackpots\" />\n      <SportlineEventsBlock :priority=\"SportlineHomeBlockPriority.Prematch\" />\n      <CasinoHomePromoBlock :priority=\"CasinoHomeBlockPriority.Promotions\" />\n    </template>\n  </div>\n</template>\n\n<style module lang=\"scss\">\n.home-block-delimiter {\n  height: 2px;\n}\n</style>\n"],"names":["CasinoHomePagePrefetch","AbstractPrefetch","isReady","initialRequests","syncBackgroundRequests","useCasinoHome","navigationStore","useRootNavigationStore","RouteName","error","emit","__emit","router","useRouter","casinoTopStore","useCasinoTopStore","analytics","useAnalytics","navigation","useEgsNavigation","hasJackpots","toRef","jackpots","getJackpotLocation","game","navigateToJackpot","AnalyticsEvent","timeout","useComponentSyncState","EgsJackpotsSyncStateTimerName","CasinoHomeBlockPriority","props","__props","isPromotionsBlock","computed","isJackpotsBlock","isTopEventsEnabled","useSportlineSettingsStore","setBackgroundUpdateEnabled","favoritesEventsStore","useFavoritesEventsStore","onBeforeMount","onComponentActivated","onComponentDeactivated","useKeepAlive"],"mappings":"u7BAQA,MAAqBA,WAA+BC,CAAiB,CACnE,UAAmC,CAC3B,KAAA,CACJ,QAAAC,EACA,gBAAAC,EACA,uBAAAC,GACEC,EAAc,EAEZC,EAAkBC,EAAuB,EAE1CL,EAAQ,OAQNE,EAAuB,EACZE,EAAA,sBAAsBE,EAAU,IAAI,IARpCF,EAAA,gCAAgCE,EAAU,IAAI,EAC9CL,EAAA,EAAE,KAAK,IAAM,CACXG,EAAA,sBAAsBE,EAAU,IAAI,CAAA,CACrD,EAAE,MAAOC,GAAU,CACZ,MAAAA,CAAA,CACP,EAIH,CAEJ,iPCpBA,MAAMC,EAAOC,24CCeb,MAAMC,EAASC,GAAU,EAEnBC,EAAiBC,EAAkB,EACnCC,EAAYC,EAAa,EACzBC,EAAaC,EAAiBP,CAAM,EAEpCQ,EAAcC,EAAMP,EAAgB,aAAa,EACjDQ,EAAWD,EAAMP,EAAgB,UAAU,EAEjD,SAASS,EAAmBC,EAAuB,CAC1C,OAAAN,EAAW,eAAeM,CAAI,CAAA,CAGvC,SAASC,EAAkBD,EAAqB,CAC9CR,EAAU,KAAKU,GAAe,uBAAwB,CAAA,CAAE,EACnDR,EAAW,mBAAmBM,CAAI,CAAA,CAGzC,KAAM,CAAE,QAAAG,CAAQ,EAAIC,EAAsBd,EAAe,eAAgBe,GAA+B,CACtG,UAAWT,CAAA,CACZ,shCC7CiB,IAAAU,GAAAA,IAChBA,EAAA,SAAW,WACXA,EAAA,WAAa,aACbA,EAAA,KAAO,OACPA,EAAA,SAAW,WAJKA,IAAAA,GAAA,CAAA,CAAA,0FCUlB,MAAMC,EAAQC,EAIRZ,EAAcC,EAAMN,EAAkB,EAAG,aAAa,EAEtDkB,EAAoBC,EAAS,IAChCH,EAAM,WAAaD,EAAwB,YAAcV,EAAY,OAClEW,EAAM,WAAaD,EAAwB,UAAY,CAACV,EAAY,KACzE,EAEKe,EAAkBD,EAAS,IAC/BH,EAAM,WAAaD,EAAwB,UAAYV,EAAY,KACpE,8JCED,MAAMgB,EAAqBf,EAAM,IAAMgB,GAAA,EAA4B,kBAAkB,EAE/E,CAAE,2BAAAC,CAA2B,EAAIjC,EAAc,EAC/CkC,EAAuBC,EAAwB,EAErDC,OAAAA,GAAc,IAAM,CACbF,EAAqB,gBAAgB,CAAA,CAC3C,EACDG,EAAqB,IAAM,CACpBJ,EAA2B,EAAI,CAAA,CACrC,EACDK,EAAuB,IAAM,CACtBL,EAA2B,EAAK,CAAA,CACtC,EAEYM,EAAA"}