{"version":3,"file":"BJVdAo5I.js","sources":["../../../../skeleton/components/bottom-sheet/custom-select.vue","../../../../skeleton/components/bottom-sheet/games-filter.vue","../../../../skeleton/components/filters/games-filter.vue"],"sourcesContent":["<template>\n  <div class=\"custom-select-mobile\">\n    <client-only>\n      <div\n        class=\"custom-select-mobile-activator\"\n        @click=\"toggleFilter('open')\"\n      >\n        <div class=\"custom-select-mobile-activator__label\">{{ labelText }}</div>\n\n        <div class=\"custom-select-mobile-activator__icon\">\n          <atomic-icon id=\"arrow_expand-close\" />\n        </div>\n      </div>\n\n      <layout-bottom-sheet ref=\"bottomSheet\" disableMainSwipe>\n        <template #header>\n          <div class=\"custom-select-mobile__header\">\n            <div class=\"custom-select-mobile__title\">\n              {{ title }}\n            </div>\n\n            <div\n              v-if=\"showResetBtn\"\n              class=\"custom-select-mobile__reset\"\n              @click=\"onResetOptions\"\n            >\n              {{ getContent(popupsData, defaultLocalePopupsData, 'gamesFilter.reset') }}\n            </div>\n          </div>\n        </template>\n\n        <list-filterable-check-box\n          v-model:selectedOptions=\"selectedOptions\"\n          :options=\"options\"\n          :identifierKey=\"identifierKey\"\n          :labelKey=\"labelKey\"\n          :customClass=\"customClass\"\n          hideActionBtn\n        />\n\n        <template #footer>\n          <div class=\"custom-select-mobile__buttons\">\n            <button-base\n              class=\"custom-select-mobile__button\"\n              type=\"gray\"\n              size=\"md\"\n              @click=\"toggleFilter('close')\"\n            >\n              {{ getContent(layoutData, defaultLocaleLayoutData, 'buttons.back') }}\n            </button-base>\n\n            <button-base\n              class=\"custom-select-mobile__button\"\n              type=\"primary\"\n              size=\"md\"\n              @click=\"toggleFilter('close')\"\n            >\n              {{ getContent(layoutData, defaultLocaleLayoutData, 'buttons.save') }}\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\nconst props = withDefaults(\n  defineProps<{\n    options: any[];\n    title: string,\n    label: string,\n    identifierKey?: string;\n    labelKey?: string;\n    customClass?: string;\n    showResetBtn?: boolean;\n  }>(),\n  {\n    options: () => [],\n    identifierKey: 'identity',\n    labelKey: 'name',\n    customClass: '',\n    showResetBtn: false\n  }\n);\n\nconst selectedOptions = defineModel('selectedOptions', {\n  type: Array as () => string[],\n  default: () => [],\n});\n\nconst emits = defineEmits<{\n  (event: 'onResetOptions'): void;\n}>();\n\nconst { getContent } = useProjectMethods();\nconst { popupsData, defaultLocalePopupsData, layoutData, defaultLocaleLayoutData } = storeToRefs(useGlobalStore());\n\nconst bottomSheet = ref()\n\nconst labelText = computed(() => {\n  return selectedOptions.value.length\n    ? props.options\n      .filter((item) => selectedOptions.value.includes(item[props.identifierKey]))\n      .map((item) => item.name)\n      .join(', ')\n    : props.label\n})\n\nconst onResetOptions = () => {\n  emits('onResetOptions')\n}\n\nconst toggleFilter = (methodName: 'open' | 'close') => {\n  bottomSheet.value[methodName]();\n}\n</script>\n\n<style src=\"~/assets/styles/components/bottom-sheet/custom-select-mobile.scss\" lang=\"scss\" />\n\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            <bottom-sheet-custom-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              @onResetOptions=\"onResetFeatures\"\n            />\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            <bottom-sheet-custom-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              @onResetOptions=\"onResetProviders\"\n            />\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            <bottom-sheet-single-custom-select\n              :activeOption=\"activeOption\"\n              :options=\"sortOptions\"\n              :title=\"getContent(gamesContent?.currentLocaleData, gamesContent?.defaultLocaleData, 'sortLabel')\"\n              heightBottomSheet=\"63\"\n              @onSelectOption=\"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 { IGamesPage } from '~/types';\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\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 } = await useLazyAsyncData(getContentData);\n  const { selectedOption } = await useSortingOptions('games');\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 = (item: Record<string, any>) => {\n    activeOption.value = item;\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  import type { IGamesPage } from '~/types';\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 contentParams = {\n    contentKey: 'gamesPageContent',\n    contentRoute: ['pages', 'games'],\n    isPage: true,\n  };\n\n  const { openModal } = useModalStore();\n  const { getContent } = useProjectMethods();\n\n  const { getContentData } = useContentLogic<IGamesPage>(contentParams);\n  const { data: gamesContent } = await useLazyAsyncData(getContentData);\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","selectedOptions","_useModel","emits","__emit","getContent","useProjectMethods","popupsData","defaultLocalePopupsData","layoutData","defaultLocaleLayoutData","storeToRefs","useGlobalStore","bottomSheet","ref","labelText","computed","item","onResetOptions","toggleFilter","methodName","contentParams","getContentData","useContentLogic","gamesContent","__temp","__restore","_withAsyncContext","useLazyAsyncData","selectedOption","useSortingOptions","route","useRoute","router","useRouter","selectedProviders","selectedFeatures","activeOption","isFeaturesResetVisible","features","isEqual","normalizeToArray","isProvidersResetVisible","providers","isSortingResetVisible","sortOrder","sortBy","isApplyButtonDisabled","showResetBtnFeatures","showResetBtnProviders","showResetBtn","onResetFeatures","onResetProviders","onResetAll","parseSort","parseFeaturesQuery","parseProvidersQuery","parseQuery","onClose","onApplyFilter","updateQueryWithReplace","onSelectOption","watchEffect","openModal","useModalStore","openGamesFilterModal","ModalName"],"mappings":"2jCAoEA,MAAMA,EAAQC,EAmBRC,EAAkBC,GAAYF,EAAA,iBAGnC,EAEKG,EAAQC,EAIR,CAAE,WAAAC,CAAW,EAAIC,EAAkB,EACnC,CAAE,WAAAC,EAAY,wBAAAC,EAAyB,WAAAC,EAAY,wBAAAC,GAA4BC,GAAYC,IAAgB,EAE3GC,EAAcC,EAAI,EAElBC,EAAYC,EAAS,IAClBf,EAAgB,MAAM,OACzBF,EAAM,QACL,OAAQkB,GAAShB,EAAgB,MAAM,SAASgB,EAAKlB,EAAM,aAAa,CAAC,CAAC,EAC1E,IAAKkB,GAASA,EAAK,IAAI,EACvB,KAAK,IAAI,EACVlB,EAAM,KACX,EAEKmB,EAAiB,IAAM,CAC3Bf,EAAM,gBAAgB,CACxB,EAEMgB,EAAgBC,GAAiC,CACzCP,EAAA,MAAMO,CAAU,EAAE,CAChC,42DCdE,MAAMrB,EAAQC,EAgBR,CAAE,WAAAK,CAAW,EAAIC,EAAkB,EACnC,CAAE,WAAAC,EAAY,wBAAAC,EAAyB,WAAAC,EAAY,wBAAAC,GAA4BC,GAAYC,IAAgB,EAE3GS,EAAgB,CACpB,WAAY,mBACZ,aAAc,CAAC,QAAS,OAAO,EAC/B,OAAQ,EACV,EAEM,CAAE,eAAAC,CAAA,EAAmBC,GAA4BF,CAAa,EAC9D,CAAE,KAAMG,IAAiB,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAMC,GAAiBN,eAAc,CAAA,mBAC9D,CAAE,eAAAO,CAAe,GAAU,CAAAJ,EAAAC,CAAA,EAAAC,EAAA,IAAAG,GAAkB,OAAO,CAAA,mBAEpDC,EAAQC,GAAS,EACjBC,EAASC,GAAU,EAEnBrB,EAAcC,EAAI,EAElBqB,EAAoBrB,EAAc,EAAE,EACpCsB,EAAmBtB,EAAc,EAAE,EACnCuB,EAAevB,EAAyB,EAAE,EAE1CwB,EAAyBtB,EAAS,IAAM,CACtC,KAAA,CAAE,SAAAuB,GAAaR,EAAM,MAC3B,MAAO,CAACS,GAAQC,EAAiBF,CAAQ,EAAGH,EAAiB,KAAK,CAAA,CACnE,EAEKM,EAA0B1B,EAAS,IAAM,CACvC,KAAA,CAAE,UAAA2B,GAAcZ,EAAM,MAC5B,MAAO,CAACS,GAAQC,EAAiBE,CAAS,EAAGR,EAAkB,KAAK,CAAA,CACrE,EAEKS,EAAwB5B,EAAS,IAAM,CAC3C,KAAM,CAAE,UAAA6B,EAAW,OAAAC,CAAO,EAAIf,EAAM,MACpC,OAAOM,EAAa,MAAM,YAAcQ,GAAaR,EAAa,MAAM,SAAWS,CAAA,CACpF,EAEKC,GAAwB/B,EAAS,IAC9B,EAAEsB,EAAuB,OAASI,EAAwB,OAASE,EAAsB,MACjG,EAEKI,EAAuBhC,EAAS,IAAM,CAAC,CAACoB,EAAiB,MAAM,MAAM,EAErEa,EAAwBjC,EAAS,IAAM,CAAC,CAACmB,EAAkB,MAAM,MAAM,EAEvEe,GAAelC,EAAS,IACxBjB,EAAM,cACDiD,EAAqB,OAASJ,EAAsB,MAGtDI,EAAqB,OAASC,EAAsB,OAASL,EAAsB,KAC3F,EAEKO,EAAkB,IAAM,CAC5Bf,EAAiB,MAAQ,CAAC,CAC5B,EAEMgB,EAAmB,IAAM,CAC7BjB,EAAkB,MAAQ,CAAC,CAC7B,EAEMkB,GAAa,IAAM,CACPF,EAAA,EACCC,EAAA,EACPE,EAAA,CACZ,EAEMC,GAAqB,IAAM,CAC/B,KAAM,CAAE,SAAAhB,EAAW,IAAOR,EAAM,MACfK,EAAA,MAAQK,EAAiBF,CAAQ,CACpD,EAEMiB,GAAsB,IAAM,CAChC,KAAM,CAAE,UAAAb,EAAY,IAAOZ,EAAM,MACfI,EAAA,MAAQM,EAAiBE,CAAS,CACtD,EAEMW,EAAY,IAAM,CACtBjB,EAAa,MAAQR,EAAe9B,EAAM,OAAQA,EAAM,SAAS,CACnE,EAEM0D,EAAa,IAAM,CACJF,GAAA,EACCC,GAAA,EACVF,EAAA,CACZ,EAEMnC,EAAgBC,GAAiC,CACzCP,EAAA,MAAMO,CAAU,EAAE,CAChC,EAEMsC,GAAU,IAAM,CACTD,EAAA,EACXtC,EAAa,OAAO,CACtB,EAEMwC,GAAgB,IAAM,CACHC,GAAA,EACvBzC,EAAa,OAAO,CACtB,EAEM0C,GAAkB5C,GAA8B,CACpDoB,EAAa,MAAQpB,CACvB,EAEM2C,GAAyB,IAAM,CACnC3B,EAAO,QAAQ,CACb,MAAO,CACL,GAAGF,EAAM,MACT,UAAWI,EAAkB,MAC7B,SAAUC,EAAiB,MAC3B,OAAQC,EAAa,MAAM,OAC3B,UAAWA,EAAa,MAAM,SAAA,CAChC,CACD,CACH,EAEA,OAAAyB,GAAY,IAAM,CACLL,EAAA,CAAA,CACZ,s6EC7ND,MAAM1D,EAAQC,EAWRqB,EAAgB,CACpB,WAAY,mBACZ,aAAc,CAAC,QAAS,OAAO,EAC/B,OAAQ,EACV,EAEM,CAAE,UAAA0C,CAAU,EAAIC,GAAc,EAC9B,CAAE,WAAA3D,CAAW,EAAIC,EAAkB,EAEnC,CAAE,eAAAgB,CAAA,EAAmBC,GAA4BF,CAAa,EAC9D,CAAE,KAAMG,IAAiB,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAMC,GAAiBN,eAAc,CAAA,mBAE9D2C,EAAuB,IAAM,CACjCF,EAAUG,GAAU,aAAc,CAChC,MAAO,CAAE,cAAenE,EAAM,aAAc,CAAA,CAC7C,CACH"}