{"version":3,"file":"DiYSqesn.js","sources":["../../../../skeleton/components/list/single-active-option.vue","../../../../skeleton/components/bottom-sheet/single-custom-select.vue","../../../../skeleton/composables/useSortingOptions.ts","../../../../skeleton/components/sorting/games-sorting.vue","../../../../skeleton/utils/modalQueryUtils.ts"],"sourcesContent":["<template>\n  <div class=\"list-single-active-option\">\n    <div\n      class=\"list-single-active-option__option\"\n      :class=\"{ 'list-single-active-option__option--active': isActive(item) }\"\n      v-for=\"item in options\"\n      :key=\"item.code\"\n      @click=\"onSelectOption(item)\"\n    >\n      {{ item.name }}\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  const props = withDefaults(\n    defineProps<{\n      options: any[];\n      activeOption: Record<string, any>;\n    }>(),\n    {\n      options: () => [],\n      activeOption: () => ({}),\n    }\n  );\n\n  const emits = defineEmits<{\n    (event: 'onSelectOption', value: Record<string, any>): void;\n  }>();\n\n  const isActive = ({ sortBy, sortOrder }: Record<string, any>) => {\n    return props.activeOption.sortBy === sortBy && props.activeOption.sortOrder === sortOrder;\n  };\n\n  const onSelectOption = (item: Record<string, any>) => {\n    emits('onSelectOption', item);\n  };\n</script>\n\n<style src=\"~/assets/styles/components/list/single-active-option.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"single-custom-select\">\n    <client-only>\n      <div @click=\"toggleFilter('open')\">\n        <slot name=\"activator\">\n          <div class=\"single-custom-select-activator\">\n            <div class=\"single-custom-select-activator__label\">{{ activeOption.name }}</div>\n\n            <div class=\"single-custom-select-activator__icon\">\n              <atomic-icon id=\"arrow_expand-close\" />\n            </div>\n          </div>\n        </slot>\n      </div>\n\n      <layout-bottom-sheet\n        ref=\"bottomSheet\"\n        :height=\"heightBottomSheet\"\n      >\n        <template #header>\n          <div class=\"single-custom-select__title\">\n            {{ title }}\n          </div>\n        </template>\n\n        <list-single-active-option\n          :options=\"options\"\n          :activeOption=\"activeOption\"\n          @onSelectOption=\"onSelectOption\"\n        />\n\n        <template #footer>\n          <button-base\n            class=\"single-custom-select__button\"\n            type=\"gray\"\n            size=\"md\"\n            @click=\"toggleFilter('close')\"\n          >\n            {{ getContent(layoutData, defaultLocaleLayoutData, 'buttons.close') }}\n          </button-base>\n        </template>\n      </layout-bottom-sheet>\n    </client-only>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n\nwithDefaults(\n  defineProps<{\n    options: any[];\n    activeOption: Record<string, any>\n    title: string,\n    heightBottomSheet?: string,\n  }>(),\n  {\n    options: () => [],\n    activeOption: () => ({}),\n    title: '',\n    heightBottomSheet: '',\n  }\n);\n\nconst emits = defineEmits<{\n  (event: 'onSelectOption', value: Record<string, any>): void;\n}>();\n\nconst { getContent } = useProjectMethods();\nconst { layoutData, defaultLocaleLayoutData } = storeToRefs(useGlobalStore());\n\nconst bottomSheet = ref()\n\nconst toggleFilter = (methodName: 'open' | 'close') => {\n  bottomSheet.value[methodName]();\n}\n\nconst onSelectOption = (item: Record<string, any>) => {\n  emits('onSelectOption', item)\n  toggleFilter('close')\n}\n</script>\n\n<style src=\"~/assets/styles/components/bottom-sheet/single-custom-select.scss\" lang=\"scss\" />\n\n","import { SortOrders, SortByFields } from '@skeleton/consts/sort';\n\nimport type { ISortOption } from '@skeleton/core/types';\nimport type { IGamesPage } from '~/types';\n\nexport type SortOptionType = 'providers' | 'default' | 'games';\n\nexport const useSortingOptions = async (typeSortOption: SortOptionType = 'default') => {\n  const { getContent } = useProjectMethods();\n\n  const contentParams = {\n    contentKey: 'gamesPageContent',\n    contentRoute: ['pages', 'games'],\n    isPage: true,\n  };\n\n  const { getContentData } = useContentLogic<IGamesPage>(contentParams);\n  const { data: gamesContent } = useLazyAsyncData(getContentData);\n\n  const options = computed<Record<string, ISortOption>>(() => {\n    return {\n      default: {\n        name: getContent(\n          gamesContent?.value?.currentLocaleData,\n          gamesContent?.value?.defaultLocaleData,\n          'sortOptions.default'\n        ),\n        value: getContent(\n          gamesContent?.value?.currentLocaleData,\n          gamesContent?.value?.defaultLocaleData,\n          'sortOptions.default'\n        ),\n        sortBy: SortByFields.DEFAULT,\n        sortOrder: SortOrders.ASC,\n      },\n      mostPopular: {\n        name: getContent(\n          gamesContent?.value?.currentLocaleData,\n          gamesContent?.value?.defaultLocaleData,\n          'sortOptions.mostPopular'\n        ),\n        value: getContent(\n          gamesContent?.value?.currentLocaleData,\n          gamesContent?.value?.defaultLocaleData,\n          'sortOptions.mostPopular'\n        ),\n        sortBy: SortByFields.POPULARITY,\n        sortOrder: SortOrders.ASC,\n      },\n      sortOptionsAz: {\n        name: getContent(\n          gamesContent?.value?.currentLocaleData,\n          gamesContent?.value?.defaultLocaleData,\n          'sortOptions.az'\n        ),\n        value: getContent(\n          gamesContent?.value?.currentLocaleData,\n          gamesContent?.value?.defaultLocaleData,\n          'sortOptions.az'\n        ),\n        sortBy: SortByFields.NAME,\n        sortOrder: SortOrders.ASC,\n      },\n      sortOptionsZa: {\n        name: getContent(\n          gamesContent?.value?.currentLocaleData,\n          gamesContent?.value?.defaultLocaleData,\n          'sortOptions.za'\n        ),\n        value: getContent(\n          gamesContent?.value?.currentLocaleData,\n          gamesContent?.value?.defaultLocaleData,\n          'sortOptions.za'\n        ),\n        sortBy: SortByFields.NAME,\n        sortOrder: SortOrders.DESC,\n      },\n    };\n  });\n\n  const sortOptions = computed<ISortOption[]>(() => {\n    switch (typeSortOption) {\n      case 'providers':\n        return [\n          options.value.default,\n          options.value.mostPopular,\n          options.value.sortOptionsAz,\n          options.value.sortOptionsZa,\n        ];\n      case 'games':\n        return [options.value.mostPopular, options.value.sortOptionsAz, options.value.sortOptionsZa];\n      default:\n        return Object.values(options.value);\n    }\n  });\n\n  const selectedOption = (sortBy?: string, sortOrder?: string): ISortOption => {\n    if (sortBy && sortOrder) {\n      const foundOption = sortOptions.value.find(option => option.sortBy === sortBy && option.sortOrder === sortOrder);\n      return foundOption || sortOptions.value[0];\n    }\n\n    return sortOptions.value[0];\n  };\n\n  const parseSortQuery = (query: Record<string, any>) => {\n    const foundOption = sortOptions.value.find(\n      option => option.sortOrder === query.sortOrder && option.sortBy === query.sortBy\n    );\n\n    if (foundOption) {\n      return {\n        sortOrder: foundOption.sortOrder,\n        sortBy: foundOption.sortBy,\n      };\n    }\n\n    return {\n      sortOrder: sortOptions.value[0]?.sortOrder || SortOrders.ASC,\n      sortBy: sortOptions.value[0]?.sortBy || SortByFields.NAME,\n    };\n  };\n\n  return { options, sortOptions, selectedOption, parseSortQuery };\n};\n","<template>\n  <div class=\"games-sorting\" :class=\"{ 'games-sorting--active': isOpen }\" v-click-outside=\"closeGameSort\">\n    <div class=\"games-sorting__container\" @click=\"toggleGameSort\">\n      <div class=\"games-sorting__text\">\n        {{ activeOption.name }}\n      </div>\n\n      <atomic-icon id=\"arrow-sort\" />\n    </div>\n\n    <list-single-active-option\n      v-if=\"isOpen\"\n      :options=\"sortOptions\"\n      :activeOption=\"activeOption\"\n      @onSelectOption=\"onSelectOption\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { ISortOption } from '@skeleton/core/types';\n  import type { SortOptionType } from '@skeleton/composables/useSortingOptions';\n\n  const props = withDefaults(\n    defineProps<{\n      sortBy?: string;\n      sortOrder?: string;\n      sortOptions: ISortOption[];\n      typeSortOption?: SortOptionType;\n    }>(),\n    {\n      typeSortOption: 'games',\n    }\n  );\n\n  const { selectedOption } = await useSortingOptions(props.typeSortOption);\n\n  const route = useRoute();\n  const router = useRouter();\n\n  const isOpen = ref(false);\n\n  const activeOption = ref<Record<string, any>>({});\n\n  const updateQueryWithReplace = () => {\n    router.replace({\n      query: {\n        ...route.query,\n        sortBy: activeOption.value.sortBy,\n        sortOrder: activeOption.value.sortOrder,\n      },\n    });\n  };\n\n  const onSelectOption = (item: Record<string, any>) => {\n    activeOption.value = item;\n    toggleGameSort();\n    updateQueryWithReplace();\n  };\n\n  const toggleGameSort = () => {\n    isOpen.value = !isOpen.value;\n  };\n\n  const closeGameSort = () => {\n    isOpen.value = false;\n  };\n\n  watchEffect(() => {\n    activeOption.value = selectedOption(props.sortBy, props.sortOrder);\n  });\n</script>\n\n<style src=\"~/assets/styles/components/sorting/games-sorting.scss\" lang=\"scss\" />\n","import { MODALS_URL } from '@skeleton/consts/modals';\n\nconst MODALS_URL_KEYS = new Set(Object.values(MODALS_URL));\n\nfunction isModalQueryChanged(newQuery: Record<string, any>, oldQuery: Record<string, any>): boolean {\n  const queryKeys = Object.keys(newQuery);\n  const oldQueryKeys = Object.keys(oldQuery);\n\n  const addedKeys = queryKeys.filter(key => !oldQueryKeys.includes(key));\n  const removedKeys = oldQueryKeys.filter(key => !queryKeys.includes(key));\n\n  return addedKeys.some(key => MODALS_URL_KEYS.has(key)) || removedKeys.some(key => MODALS_URL_KEYS.has(key));\n}\n\nexport { isModalQueryChanged };\n"],"names":["props","__props","emits","__emit","isActive","sortBy","sortOrder","onSelectOption","item","getContent","useProjectMethods","layoutData","defaultLocaleLayoutData","storeToRefs","useGlobalStore","bottomSheet","ref","toggleFilter","methodName","useSortingOptions","typeSortOption","contentParams","getContentData","useContentLogic","gamesContent","useLazyAsyncData","options","computed","_a","_b","_c","_d","SortByFields","SortOrders","_e","_f","_g","_h","_i","_j","_k","_l","_m","_n","_o","_p","sortOptions","option","query","foundOption","selectedOption","__temp","__restore","_withAsyncContext","route","useRoute","router","useRouter","isOpen","activeOption","updateQueryWithReplace","toggleGameSort","closeGameSort","watchEffect","MODALS_URL_KEYS","MODALS_URL","isModalQueryChanged","newQuery","oldQuery","queryKeys","oldQueryKeys","addedKeys","key","removedKeys"],"mappings":"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"}