{"version":3,"file":"C2g-d2GF.js","sources":["../../../../skeleton/components/slider/nav/collections.vue","../../../../skeleton/components/bottom-sheet/games-filter.vue","../../../../skeleton/components/filters/games-filter.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\n      class=\"nav-cat-wrap\"\n      :style=\"{ transform: `translateX(${currentTranslateX}px)` }\"\n    >\n      <div class=\"nav-cat\">\n                <span\n                  v-for=\"(item, index) in items\"\n                  :key=\"item.id\"\n                  class=\"nav-cat-item\"\n                  :data-index=\"index\"\n                  :class=\"{\n                    'is-active': getActiveCollection(item.identity),\n                    'is-no-icon': !gameCategoriesObj[identityByLowercase(item.identity)]?.icon,\n                  }\"\n                  @click=\"emit('clickCollection', item, isMoved)\"\n                >\n                  <atomic-icon :id=\"gameCategoriesObj[identityByLowercase(item.identity)]?.icon\" />\n\n                  <span>{{ gameCategoriesObj[identityByLowercase(item.identity)]?.label || item.name }}</span>\n                </span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { ICollection } from '~/skeleton/core/types';\n\nconst props = defineProps<{\n  items?: ICollection[];\n  activeCollection?: ICollection;\n}>();\n\nconst emit = defineEmits(['clickCategory']);\n\nconst { gameCategoriesObj } = useGlobalStore();\nconst sliderContainer = ref(null);\n\nconst { currentTranslateX, handleMouseDown, handleMouseMove, handleMouseUp, isMoved } = useSlider({\n  sliderContainer,\n});\n\nconst identityByLowercase = (identity: string): string => {\n  return identity.toLowerCase()\n};\n\nconst getActiveCollection = (identity: string): boolean => {\n  return props.activeCollection?.identity === identity;\n}\n\nwatch(isMoved, (newValue) => {\n  if (newValue) {\n    setTimeout(() => {\n      isMoved.value = false;\n    }, 0);\n  }\n});\n</script>\n\n<style src=\"~/assets/styles/components/slider/nav/cat.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"games-filter-mobile\">\n    <client-only>\n      <div\n        class=\"games-filter-mobile-activator\"\n        :class=\"{ 'games-filter-mobile-activator--active': isActive }\"\n        @click=\"toggleFilter('open')\"\n      >\n        <atomic-icon id=\"provider-filter\" />\n\n        <div v-if=\"isActive\" class=\"games-filter-mobile-activator__circle\" />\n      </div>\n\n      <layout-bottom-sheet ref=\"bottomSheet\" height=\"63\" @closed=\"parseQuery\">\n        <template #header>\n          <div class=\"games-filter-mobile__header\">\n            <div class=\"games-filter-mobile__title\">\n              {{ getContent(gamesContent?.currentLocaleData, gamesContent?.defaultLocaleData, 'filter_title') }}\n            </div>\n\n            <div v-if=\"showResetBtn\" class=\"games-filter-mobile__reset\" @click=\"onResetAll\">\n              {{ getContent(popupsData, defaultLocalePopupsData, 'gamesFilter.resetAll') }}\n            </div>\n          </div>\n        </template>\n\n        <div class=\"games-filter-mobile__body\">\n          <div class=\"games-filter-mobile__body-item\">\n            <div class=\"games-filter-mobile__item-label\">\n              {{ getContent(popupsData, defaultLocalePopupsData, 'gamesFilter.feature') }}\n            </div>\n\n            <selects-wrappers-responsive-select\n              v-model:selectedOptions=\"selectedFeatures\"\n              :options=\"featuresOptions\"\n              :title=\"getContent(popupsData, defaultLocalePopupsData, 'gamesFilter.feature')\"\n              :label=\"getContent(popupsData, defaultLocalePopupsData, 'gamesFilter.allFeatures')\"\n              :showResetBtn=\"showResetBtnFeatures\"\n              multiple\n              @onResetOptions=\"onResetFeatures\"\n            >\n              <template #bottom-sheet-footer=\"{ onClose }\">\n                <button-base type=\"gray\" size=\"md\" @click=\"onClose\">\n                  {{ getContent(layoutData, defaultLocaleLayoutData, 'buttons.back') }}\n                </button-base>\n\n                <button-base type=\"primary\" size=\"md\" @click=\"onClose\">\n                  {{ getContent(layoutData, defaultLocaleLayoutData, 'buttons.save') }}\n                </button-base>\n              </template>\n            </selects-wrappers-responsive-select>\n          </div>\n\n          <div v-if=\"!hideProviders\" class=\"games-filter-mobile__body-item\">\n            <div class=\"games-filter-mobile__item-label\">\n              {{ getContent(popupsData, defaultLocalePopupsData, 'gamesFilter.provider') }}\n            </div>\n\n            <selects-wrappers-responsive-select\n              v-model:selectedOptions=\"selectedProviders\"\n              :options=\"providersOptions\"\n              :title=\"getContent(popupsData, defaultLocalePopupsData, 'gamesFilter.provider')\"\n              :label=\"getContent(popupsData, defaultLocalePopupsData, 'gamesFilter.allProviders')\"\n              :showResetBtn=\"showResetBtnProviders\"\n              multiple\n              @onResetOptions=\"onResetProviders\"\n            >\n              <template #bottom-sheet-footer=\"{ onClose }\">\n                <button-base type=\"gray\" size=\"md\" @click=\"onClose\">\n                  {{ getContent(layoutData, defaultLocaleLayoutData, 'buttons.back') }}\n                </button-base>\n\n                <button-base type=\"primary\" size=\"md\" @click=\"onClose\">\n                  {{ getContent(layoutData, defaultLocaleLayoutData, 'buttons.save') }}\n                </button-base>\n              </template>\n            </selects-wrappers-responsive-select>\n          </div>\n\n          <div class=\"games-filter-mobile__body-item\">\n            <div class=\"games-filter-mobile__item-label\">\n              {{ getContent(gamesContent?.currentLocaleData, gamesContent?.defaultLocaleData, 'sortLabel') }}\n            </div>\n\n            <selects-wrappers-responsive-select\n              :selectedOption=\"activeOption.value\"\n              :title=\"getContent(gamesContent?.currentLocaleData, gamesContent?.defaultLocaleData, 'sortLabel')\"\n              :label=\"getContent(gamesContent?.currentLocaleData, gamesContent?.defaultLocaleData, 'sortLabel')\"\n              :options=\"sortOptions\"\n              identifierKey=\"value\"\n              bottomSheetHeight=\"63\"\n              hideActionBtn\n              @update:selectedOption=\"onSelectOption\"\n            />\n          </div>\n        </div>\n\n        <template #footer>\n          <div class=\"games-filter-mobile__buttons\">\n            <button-base class=\"games-filter-mobile__button\" type=\"gray\" size=\"md\" @click=\"onClose\">\n              {{ getContent(layoutData, defaultLocaleLayoutData, 'buttons.cancel') }}\n            </button-base>\n\n            <button-base\n              class=\"games-filter-mobile__button\"\n              type=\"primary\"\n              size=\"md\"\n              :isDisabled=\"isApplyButtonDisabled\"\n              @click=\"onApplyFilter\"\n            >\n              {{ getContent(layoutData, defaultLocaleLayoutData, 'buttons.apply') }}\n            </button-base>\n          </div>\n        </template>\n      </layout-bottom-sheet>\n    </client-only>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import isEqual from 'lodash/isEqual';\n\n  import { normalizeToArray } from '@skeleton/utils/arrayUtils';\n\n  import type { ISortOption } from '@skeleton/core/types';\n\n  const props = withDefaults(\n    defineProps<{\n      isActive: boolean;\n      hideProviders?: boolean;\n      featuresOptions: any[];\n      providersOptions: any[];\n      sortBy: string | undefined;\n      sortOrder: string | undefined;\n      sortOptions: ISortOption[];\n    }>(),\n    {\n      isActive: false,\n      hideProviders: false,\n    }\n  );\n\n  const { getContent } = useProjectMethods();\n  const { popupsData, defaultLocalePopupsData, layoutData, defaultLocaleLayoutData } = storeToRefs(useGlobalStore());\n  const gamesContentStore = useGamesContentStore();\n  const { content: gamesContent } = storeToRefs(gamesContentStore);\n\n  const { selectedOption } = await useSortingOptions();\n\n  const route = useRoute();\n  const router = useRouter();\n\n  const bottomSheet = ref();\n\n  const selectedProviders = ref<string[]>([]);\n  const selectedFeatures = ref<string[]>([]);\n  const activeOption = ref<Record<string, any>>({});\n\n  const isFeaturesResetVisible = computed(() => {\n    const { features } = route.query;\n    return !isEqual(normalizeToArray(features), selectedFeatures.value);\n  });\n\n  const isProvidersResetVisible = computed(() => {\n    const { providers } = route.query;\n    return !isEqual(normalizeToArray(providers), selectedProviders.value);\n  });\n\n  const isSortingResetVisible = computed(() => {\n    const { sortOrder, sortBy } = route.query;\n    return activeOption.value.sortOrder !== sortOrder || activeOption.value.sortBy !== sortBy;\n  });\n\n  const isApplyButtonDisabled = computed(() => {\n    return !(isFeaturesResetVisible.value || isProvidersResetVisible.value || isSortingResetVisible.value);\n  });\n\n  const showResetBtnFeatures = computed(() => !!selectedFeatures.value.length);\n\n  const showResetBtnProviders = computed(() => !!selectedProviders.value.length);\n\n  const showResetBtn = computed(() => {\n    if (props.hideProviders) {\n      return showResetBtnFeatures.value || isSortingResetVisible.value;\n    }\n\n    return showResetBtnFeatures.value || showResetBtnProviders.value || isSortingResetVisible.value;\n  });\n\n  const onResetFeatures = () => {\n    selectedFeatures.value = [];\n  };\n\n  const onResetProviders = () => {\n    selectedProviders.value = [];\n  };\n\n  const onResetAll = () => {\n    onResetFeatures();\n    onResetProviders();\n    parseSort();\n  };\n\n  const parseFeaturesQuery = () => {\n    const { features = [] } = route.query;\n    selectedFeatures.value = normalizeToArray(features);\n  };\n\n  const parseProvidersQuery = () => {\n    const { providers = [] } = route.query;\n    selectedProviders.value = normalizeToArray(providers);\n  };\n\n  const parseSort = () => {\n    activeOption.value = selectedOption(props.sortBy, props.sortOrder);\n  };\n\n  const parseQuery = () => {\n    parseFeaturesQuery();\n    parseProvidersQuery();\n    parseSort();\n  };\n\n  const toggleFilter = (methodName: 'open' | 'close') => {\n    bottomSheet.value[methodName]();\n  };\n\n  const onClose = () => {\n    parseQuery();\n    toggleFilter('close');\n  };\n\n  const onApplyFilter = () => {\n    updateQueryWithReplace();\n    toggleFilter('close');\n  };\n\n  const onSelectOption = (value: string | number) => {\n    const matched = props.sortOptions.find(option => option.value === value);\n    activeOption.value = matched ?? props.sortOptions[0];\n  };\n\n  const updateQueryWithReplace = () => {\n    router.replace({\n      query: {\n        ...route.query,\n        providers: selectedProviders.value,\n        features: selectedFeatures.value,\n        sortBy: activeOption.value.sortBy,\n        sortOrder: activeOption.value.sortOrder,\n      },\n    });\n  };\n\n  watchEffect(() => {\n    parseQuery();\n  });\n</script>\n\n<style src=\"~/assets/styles/components/bottom-sheet/games-filter-mobile.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"games-filter\" :class=\"{ 'games-filter--active': isActive }\" @click=\"openGamesFilterModal\">\n    <div class=\"games-filter__text\">\n      {{ getContent(gamesContent?.currentLocaleData, gamesContent?.defaultLocaleData, 'filter_title') }}\n    </div>\n\n    <div v-if=\"isActive\" class=\"games-filter__circle\" />\n\n    <atomic-icon id=\"provider-filter\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ModalName } from '@skeleton/consts/modals';\n\n  const props = withDefaults(\n    defineProps<{\n      isActive: boolean;\n      hideProviders?: boolean;\n    }>(),\n    {\n      isActive: false,\n      hideProviders: false,\n    }\n  );\n\n  const { openModal } = useModalStore();\n  const { getContent } = useProjectMethods();\n  const gamesContentStore = useGamesContentStore();\n  const { content: gamesContent } = storeToRefs(gamesContentStore);\n\n  const openGamesFilterModal = () => {\n    openModal(ModalName.GAMES_FILTER, {\n      props: { hideProviders: props.hideProviders },\n    });\n  };\n</script>\n\n<style src=\"~/assets/styles/components/filters/games-filter.scss\" lang=\"scss\" />\n"],"names":["props","__props","emit","__emit","gameCategoriesObj","useGlobalStore","sliderContainer","ref","currentTranslateX","handleMouseDown","handleMouseMove","handleMouseUp","isMoved","useSlider","identityByLowercase","identity","getActiveCollection","_a","watch","newValue","getContent","useProjectMethods","popupsData","defaultLocalePopupsData","layoutData","defaultLocaleLayoutData","storeToRefs","gamesContentStore","useGamesContentStore","gamesContent","selectedOption","__temp","__restore","_withAsyncContext","useSortingOptions","route","useRoute","router","useRouter","bottomSheet","selectedProviders","selectedFeatures","activeOption","isFeaturesResetVisible","computed","features","isEqual","normalizeToArray","isProvidersResetVisible","providers","isSortingResetVisible","sortOrder","sortBy","isApplyButtonDisabled","showResetBtnFeatures","showResetBtnProviders","showResetBtn","onResetFeatures","onResetProviders","onResetAll","parseSort","parseFeaturesQuery","parseProvidersQuery","parseQuery","toggleFilter","methodName","onClose","onApplyFilter","updateQueryWithReplace","onSelectOption","value","matched","option","watchEffect","openModal","useModalStore","openGamesFilterModal","ModalName"],"mappings":"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"}