{"version":3,"file":"C9OqhImj.js","sources":["../../../../skeleton/components/slider/nav/cat.vue","../../../../skeleton/pages/games/index.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"sliderContainer\"\n    class=\"nav-cat-scroll slider\"\n    @mouseup=\"handleMouseUp\"\n    @mousedown=\"handleMouseDown\"\n    @mouseleave=\"handleMouseUp\"\n    @mousemove=\"handleMouseMove\"\n  >\n    <div class=\"nav-cat-wrap\" :style=\"{ transform: `translateX(${currentTranslateX}px)` }\">\n      <div class=\"nav-cat\">\n        <span\n          v-for=\"({ id, identity, name }, index) in filteredCategories\"\n          :key=\"id\"\n          class=\"nav-cat-item\"\n          :data-index=\"index\"\n          :class=\"{\n            'is-active': routeParams.includes(identityByLowercase(identity)),\n            'is-no-icon': !gameCategoriesObj[identityByLowercase(identity)]?.icon,\n          }\"\n          @click=\"emit('clickCategory', identity, isMoved)\"\n        >\n          <atomic-icon :id=\"gameCategoriesObj[identityByLowercase(identity)]?.icon\" />\n          <span>{{ gameCategoriesObj[identityByLowercase(identity)]?.label || name }}</span>\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { ICollection } from '~/skeleton/core/types';\n\n  const emit = defineEmits(['clickCategory']);\n\n  const { gameCategoriesObj } = useGlobalStore();\n  const filteredCategories = ref<ICollection[]>([]);\n  const sliderContainer = ref(null);\n  const route = useRoute();\n  const routeParams = route.params.params || [];\n\n  const { currentTranslateX, handleMouseDown, handleMouseMove, handleMouseUp, isMoved } = useSlider({\n    sliderContainer,\n  });\n\n  const identityByLowercase = (identity: string): string => {\n    return identity.toLowerCase()\n  };\n\n  watch(isMoved, (newValue) => {\n    if (newValue) {\n      setTimeout(() => {\n        isMoved.value = false;\n      }, 0);\n    }\n  });\n\n  onMounted(async () => {\n    const { getCollectionsList } = useGamesStore();\n    const gameCollections = await getCollectionsList();\n    filteredCategories.value = gameCollections.filter((collection) => !collection.isHidden);\n    await nextTick();\n  });\n</script>\n\n<style src=\"~/assets/styles/components/slider/nav/cat.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"games\">\n    <client-only>\n      <main-slider v-if=\"filteredSlider.length\" :slides=\"filteredSlider\" />\n    </client-only>\n\n    <slider-nav-cat @click-category=\"changeCategory\" />\n\n    <bottom-sheet-global-search v-if=\"isMobile\" />\n\n    <form-input-search\n      v-else\n      v-model:value=\"searchValue\"\n      :hasClearIcon=\"!!searchValue\"\n      :placeholder=\"getContent(layoutData, defaultLocaleLayoutData, 'header.search.placeholder')\"\n    />\n\n    <div class=\"games-main\">\n      <group-games-adaptive key=\"top\" :searchValue=\"searchValue\" showAllBtn showArrows :category=\"topGameCollection\" />\n\n      <group-games-adaptive\n        key=\"hot\"\n        :searchValue=\"searchValue\"\n        showAllBtn\n        showArrows\n        :category=\"hotGamesCollection\"\n        icon-color=\"red\"\n      />\n\n      <group-winners />\n\n      <group-games-adaptive key=\"new\" :searchValue=\"searchValue\" showAllBtn showArrows :category=\"newGameCollection\" />\n\n      <group-providers show-arrows show-all-btn />\n\n      <group-games-adaptive key=\"all\" :searchValue=\"searchValue\" showAllBtn showArrows :category=\"allGameCollection\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { IHomePage } from '~/types';\n  import type { ICollection } from '@skeleton/core/types';\n\n  const dayjs = useDayjs();\n\n  const router = useRouter();\n\n  const { layoutData, defaultLocaleLayoutData, globalComponentsContent } = storeToRefs(useGlobalStore());\n  const { localizePath } = useProjectMethods();\n  const { getContent } = useProjectMethods();\n  const profileStore = useProfileStore();\n  const { isTelegramUser, isLoggedIn } = storeToRefs(profileStore);\n  const { isMobile } = storeToRefs(useDeviceStore());\n\n  const { getContentData: getSliderContentData } = useContentLogic<IHomePage>({\n    contentKey: 'casinoPageContent',\n    contentRoute: ['pages', 'casino'],\n    isPage: false,\n  });\n  const { data: sliderContent } = await useLazyAsyncData(getSliderContentData);\n\n  const { getCollectionsList, findGameCollectionByIdentity } = useGamesStore();\n  const { data: gameCollections } = await useLazyAsyncData(() => getCollectionsList(), { server: false });\n\n  const filteredSlider = computed(() => {\n    if (!sliderContent.value?.currentLocaleData?.slider) {\n      return [];\n    }\n\n    const { filteredSlider } = useSliderFilter({\n      slider: sliderContent.value.currentLocaleData.slider,\n      isLoggedIn: isLoggedIn.value,\n      isTelegramUser: isTelegramUser.value,\n      sliderFilterTime: dayjs.utc(),\n    });\n\n    return filteredSlider.value;\n  });\n\n  const searchValue = ref('');\n\n  const topGameCollection = computed(() => getGameCollection('top'));\n  const hotGamesCollection = computed(() => getGameCollection('hot'));\n  const newGameCollection = computed(() => getGameCollection('new'));\n  const allGameCollection = computed(() => getGameCollection('All'));\n\n  const getGameCollection = (identity: string): ICollection | undefined => {\n    return findGameCollectionByIdentity(gameCollections.value || [], identity);\n  };\n\n  const changeCategory = (categoryId: string, isSliderMoved?: boolean) => {\n    if (isSliderMoved) {\n      return false;\n    }\n\n    router.push({\n      path: localizePath(`/games/${categoryId}`),\n    });\n  };\n</script>\n\n<style src=\"~/assets/styles/pages/games/index.scss\" lang=\"scss\" />\n"],"names":["emit","__emit","gameCategoriesObj","useGlobalStore","filteredCategories","ref","sliderContainer","routeParams","useRoute","currentTranslateX","handleMouseDown","handleMouseMove","handleMouseUp","isMoved","useSlider","identityByLowercase","identity","watch","newValue","onMounted","getCollectionsList","useGamesStore","gameCollections","collection","nextTick","dayjs","useDayjs","router","useRouter","layoutData","defaultLocaleLayoutData","globalComponentsContent","storeToRefs","localizePath","useProjectMethods","getContent","profileStore","useProfileStore","isTelegramUser","isLoggedIn","isMobile","useDeviceStore","getSliderContentData","useContentLogic","sliderContent","__temp","__restore","_withAsyncContext","useLazyAsyncData","findGameCollectionByIdentity","filteredSlider","computed","_b","_a","useSliderFilter","searchValue","topGameCollection","getGameCollection","hotGamesCollection","newGameCollection","allGameCollection","changeCategory","categoryId","isSliderMoved"],"mappings":"iyCAiCE,MAAMA,EAAOC,EAEP,CAAE,kBAAAC,CAAkB,EAAIC,EAAe,EACvCC,EAAqBC,EAAmB,EAAE,EAC1CC,EAAkBD,EAAI,IAAI,EAE1BE,EADQC,GAAS,EACG,OAAO,QAAU,CAAC,EAEtC,CAAE,kBAAAC,EAAmB,gBAAAC,EAAiB,gBAAAC,EAAiB,cAAAC,EAAe,QAAAC,GAAYC,GAAU,CAChG,gBAAAR,CAAA,CACD,EAEKS,EAAuBC,GACpBA,EAAS,YAAY,EAGxB,OAAAC,GAAAJ,EAAUK,GAAa,CACvBA,GACF,WAAW,IAAM,CACfL,EAAQ,MAAQ,IACf,CAAC,CACN,CACD,EAEDM,GAAU,SAAY,CACd,KAAA,CAAE,mBAAAC,CAAmB,EAAIC,EAAc,EACvCC,EAAkB,MAAMF,EAAmB,EACjDhB,EAAmB,MAAQkB,EAAgB,OAAQC,GAAe,CAACA,EAAW,QAAQ,EACtF,MAAMC,GAAS,CAAA,CAChB,u3BClBD,MAAMC,EAAQC,GAAS,EAEjBC,EAASC,GAAU,EAEnB,CAAE,WAAAC,EAAY,wBAAAC,EAAyB,wBAAAC,GAA4BC,EAAY7B,GAAgB,EAC/F,CAAE,aAAA8B,CAAa,EAAIC,EAAkB,EACrC,CAAE,WAAAC,CAAW,EAAID,EAAkB,EACnCE,EAAeC,GAAgB,EAC/B,CAAE,eAAAC,EAAgB,WAAAC,GAAeP,EAAYI,CAAY,EACzD,CAAE,SAAAI,CAAA,EAAaR,EAAYS,IAAgB,EAE3C,CAAE,eAAgBC,CAAqB,EAAIC,GAA2B,CAC1E,WAAY,oBACZ,aAAc,CAAC,QAAS,QAAQ,EAChC,OAAQ,EAAA,CACT,EACK,CAAE,KAAMC,IAAkB,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAMC,EAAiBN,eAAoB,CAAA,mBAErE,CAAE,mBAAAtB,EAAoB,6BAAA6B,CAA6B,EAAI5B,EAAc,EACrE,CAAE,KAAMC,CAAA,GAAoB,CAAAuB,EAAAC,CAAA,EAAAC,EAAA,IAAMC,EAAiB,IAAM5B,EAAsB,EAAA,CAAE,OAAQ,iBAAO,CAAA,mBAEhG8B,EAAiBC,EAAS,IAAM,SACpC,GAAI,GAACC,GAAAC,EAAAT,EAAc,QAAd,YAAAS,EAAqB,oBAArB,MAAAD,EAAwC,QAC3C,MAAO,CAAC,EAGV,KAAM,CAAE,eAAAF,CAAe,EAAII,GAAgB,CACzC,OAAQV,EAAc,MAAM,kBAAkB,OAC9C,WAAYL,EAAW,MACvB,eAAgBD,EAAe,MAC/B,iBAAkBb,EAAM,IAAI,CAAA,CAC7B,EAED,OAAOyB,EAAe,KAAA,CACvB,EAEKK,EAAclD,EAAI,EAAE,EAEpBmD,EAAoBL,EAAS,IAAMM,EAAkB,KAAK,CAAC,EAC3DC,EAAqBP,EAAS,IAAMM,EAAkB,KAAK,CAAC,EAC5DE,EAAoBR,EAAS,IAAMM,EAAkB,KAAK,CAAC,EAC3DG,EAAoBT,EAAS,IAAMM,EAAkB,KAAK,CAAC,EAE3DA,EAAqBzC,GAClBiC,EAA6B3B,EAAgB,OAAS,CAAA,EAAIN,CAAQ,EAGrE6C,EAAiB,CAACC,EAAoBC,IAA4B,CACtE,GAAIA,EACK,MAAA,GAGTpC,EAAO,KAAK,CACV,KAAMM,EAAa,UAAU6B,CAAU,EAAE,CAAA,CAC1C,CACH"}