{"version":3,"file":"DisPoIy5.js","sources":["../../../../skeleton/utils/localSearchUtils.ts","../../../../skeleton/components/list/filterable-check-box.vue","../../../../skeleton/components/selects/base/bottom-sheet-select.vue","../../../../skeleton/components/selects/base/dropdown-select.vue","../../../../skeleton/components/selects/wrappers/responsive-select.vue"],"sourcesContent":["const localSearch = (items: any[], query: string, key: string): any[] => {\n  if (!query) {\n    return items;\n  }\n\n  const lowerCaseQuery = query.toLowerCase();\n  return items.filter(item => String(item[key])?.toLowerCase().includes(lowerCaseQuery));\n};\n\nexport { localSearch };\n","<template>\n  <div class=\"filterable-check-box\" :style=\"{ maxHeight }\">\n    <div class=\"filterable-check-box__search\" :class=\"`filterable-check-box__search--${size}`\">\n      <form-input-search\n        v-model:value=\"searchValue\"\n        :placeholder=\"getContent(popupsData, defaultLocalePopupsData, 'gamesFilter.searchPlaceholder')\"\n      />\n    </div>\n\n    <template v-if=\"filteredOptions.length\">\n      <div class=\"filterable-check-box__options\">\n        <div\n          class=\"filterable-check-box__option\"\n          :class=\"[\n            `filterable-check-box__search--${size}`,\n            { 'filterable-check-box__option--multiple': multiple },\n            { 'filterable-check-box__option--active': isOptionSingleSelected(item[identifierKey]) },\n          ]\"\n          v-for=\"item in filteredOptions\"\n          :key=\"item[identifierKey]\"\n          @click.stop=\"toggleOptionSelection(item[identifierKey])\"\n        >\n          <form-input-checkbox\n            :modelValue=\"isOptionSelected(item[identifierKey])\"\n            @change=\"toggleOptionSelection(item[identifierKey])\"\n            @click.stop\n          >\n            {{ item[labelKey] }}\n          </form-input-checkbox>\n        </div>\n      </div>\n\n      <div v-if=\"!hideActionBtn\" class=\"filterable-check-box__btn\">\n        <button-base class=\"btn-apply\" type=\"primary\" size=\"sm\" @click=\"onSave\">\n          {{ getContent(layoutData, defaultLocaleLayoutData, 'buttons.save') }}\n        </button-base>\n      </div>\n    </template>\n\n    <atomic-empty\n      v-else\n      :title=\"getContent(gamesContent?.currentLocaleData, gamesContent?.defaultLocaleData, 'empty.title')\"\n      :subTitle=\"getContent(gamesContent?.currentLocaleData, gamesContent?.defaultLocaleData, 'empty.description')\"\n      variant=\"not-found\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { localSearch } from '@skeleton/utils/localSearchUtils';\n\n  const props = withDefaults(\n    defineProps<{\n      options: any[];\n      selectedOptions: string[];\n      selectedOption: string | number;\n      identifierKey?: string;\n      labelKey?: string;\n      hideActionBtn?: boolean;\n      multiple?: boolean;\n      maxHeight?: string;\n      size?: 'default' | 'small';\n    }>(),\n    {\n      options: () => [],\n      selectedOptions: () => [],\n      selectedOption: '',\n      identifierKey: 'identity',\n      labelKey: 'name',\n      hideActionBtn: false,\n      multiple: false,\n      maxHeight: '400px',\n      size: 'default',\n    }\n  );\n\n  const emits = defineEmits<{\n    (event: 'update:selectedOptions', value: string[]): void;\n    (event: 'update:selectedOption', value: string | number): void;\n    (event: 'onSave'): void;\n  }>();\n\n  const { getContent } = useProjectMethods();\n  const gamesContentStore = useGamesContentStore();\n  const { content: gamesContent } = storeToRefs(gamesContentStore);\n  const { popupsData, defaultLocalePopupsData, layoutData, defaultLocaleLayoutData } = storeToRefs(useGlobalStore());\n\n  const searchValue = ref('');\n\n  const filteredOptions = computed(() => localSearch(props.options, searchValue.value, props.labelKey));\n\n  const isOptionSelected = (value: string): boolean => {\n    return props.selectedOptions.includes(value);\n  };\n\n  const isOptionSingleSelected = (value: string): boolean => {\n    return !props.multiple && props.selectedOption === value;\n  };\n\n  const toggleOptionSelection = (value: string): void => {\n    if (!props.multiple) {\n      emits('update:selectedOption', value);\n      onSave();\n      return;\n    }\n\n    const updatedSelectedOptions = isOptionSelected(value)\n      ? props.selectedOptions.filter(item => item !== value)\n      : [...props.selectedOptions, value];\n\n    emits('update:selectedOptions', updatedSelectedOptions);\n  };\n\n  const onSave = (): void => {\n    emits('onSave');\n  };\n</script>\n\n<style src=\"~/assets/styles/components/list/filterable-check-box.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"bottom-sheet-select\" :style=\"{ maxWidth: bottomSheetMaxWidth }\">\n    <client-only>\n      <slot name=\"bottom-sheet-activator\" :onOpen=\"() => toggleFilter('open')\">\n        <div\n          class=\"bottom-sheet-select-activator\"\n          :class=\"`bottom-sheet-select-activator--${size}`\"\n          @click=\"toggleFilter('open')\"\n        >\n          <div\n            class=\"bottom-sheet-select-activator__label\"\n            :class=\"{ 'bottom-sheet-select-activator__label--placeholder': !labelText }\"\n          >\n            {{ labelText || placeholder }}\n          </div>\n\n          <div class=\"bottom-sheet-select-activator__icon\">\n            <atomic-icon id=\"arrow_expand-close\" />\n          </div>\n        </div>\n      </slot>\n\n      <layout-bottom-sheet ref=\"bottomSheet\" :height=\"bottomSheetHeight\" disableMainSwipe>\n        <template #header>\n          <div class=\"bottom-sheet-select__header\">\n            <div v-if=\"title\" class=\"bottom-sheet-select__title\">\n              {{ title }}\n            </div>\n\n            <div v-if=\"showResetBtn\" class=\"bottom-sheet-select__reset\" @click=\"onResetOptions\">\n              {{ getContent(popupsData, defaultLocalePopupsData, 'gamesFilter.reset') }}\n            </div>\n          </div>\n        </template>\n\n        <list-filterable-check-box\n          v-model:selectedOptions=\"selectedOptions\"\n          v-model:selectedOption=\"selectedOption\"\n          :options=\"options\"\n          :identifierKey=\"identifierKey\"\n          :labelKey=\"labelKey\"\n          :multiple=\"multiple\"\n          maxHeight=\"\"\n          hideActionBtn\n          @onSave=\"toggleFilter('close')\"\n        />\n\n        <template #footer>\n          <div class=\"bottom-sheet-select__buttons\">\n            <slot name=\"bottom-sheet-footer\" :onClose=\"() => toggleFilter('close')\">\n              <button-base type=\"gray\" size=\"md\" @click=\"toggleFilter('close')\">\n                {{ getContent(layoutData, defaultLocaleLayoutData, 'buttons.close') }}\n              </button-base>\n            </slot>\n          </div>\n        </template>\n      </layout-bottom-sheet>\n    </client-only>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  const props = withDefaults(\n    defineProps<{\n      options: any[];\n      title?: string;\n      label?: string;\n      placeholder?: string;\n      identifierKey?: string;\n      labelKey?: string;\n      showResetBtn?: boolean;\n      multiple?: boolean;\n      bottomSheetHeight?: string;\n      bottomSheetMaxWidth?: string;\n      size?: 'default' | 'small';\n    }>(),\n    {\n      options: () => [],\n      identifierKey: 'identity',\n      labelKey: 'name',\n      showResetBtn: false,\n      multiple: false,\n      bottomSheetHeight: '70',\n      size: 'default',\n    }\n  );\n\n  const selectedOptions = defineModel<string[]>('selectedOptions', {\n    default: () => [],\n  });\n\n  const selectedOption = defineModel<string | number>('selectedOption', {\n    default: '',\n  });\n\n  const emits = defineEmits<{\n    (event: 'onResetOptions'): void;\n  }>();\n\n  const { getContent } = useProjectMethods();\n  const { popupsData, defaultLocalePopupsData, layoutData, defaultLocaleLayoutData } = storeToRefs(useGlobalStore());\n\n  const bottomSheet = ref();\n\n  const labelText = computed(() => {\n    if (!props.multiple) {\n      const findItem = props.options.find(item => item[props.identifierKey] === selectedOption.value);\n      return selectedOption.value ? findItem?.[props.labelKey] : props.label;\n    }\n\n    return selectedOptions.value.length\n      ? props.options\n          .filter(item => selectedOptions.value.includes(item[props.identifierKey]))\n          .map(item => item[props.labelKey])\n          .join(', ')\n      : props.label;\n  });\n\n  const onResetOptions = () => {\n    emits('onResetOptions');\n  };\n\n  const toggleFilter = (methodName: 'open' | 'close') => {\n    bottomSheet.value[methodName]();\n  };\n</script>\n\n<style src=\"~/assets/styles/components/selects/base/bottom-sheet-select.scss\" lang=\"scss\" />\n","<template>\n  <div\n    class=\"dropdown-select\"\n    :class=\"{ 'dropdown-select--open': isOpen }\"\n    :style=\"{ maxWidth }\"\n    v-click-outside=\"closeCustomSelect\"\n  >\n    <div class=\"dropdown-select-input\" :class=\"`dropdown-select-input--${size}`\" @click=\"toggleCustomSelect\">\n      <div class=\"dropdown-select-input__label\" :class=\"{ 'dropdown-select-input__label--placeholder': !labelText }\">\n        {{ labelText || placeholder }}\n      </div>\n\n      <div class=\"dropdown-select-input__icon\">\n        <atomic-icon id=\"arrow_expand-close\" />\n      </div>\n    </div>\n\n    <list-filterable-check-box\n      v-if=\"isOpen\"\n      v-model:selectedOptions=\"selectedOptions\"\n      v-model:selectedOption=\"selectedOption\"\n      :options=\"options\"\n      :identifierKey=\"identifierKey\"\n      :labelKey=\"labelKey\"\n      :hideActionBtn=\"hideActionBtn\"\n      :multiple=\"multiple\"\n      :maxHeight=\"maxHeight\"\n      :size=\"size\"\n      @onSave=\"closeCustomSelect\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  const props = withDefaults(\n    defineProps<{\n      options: any[];\n      label?: string;\n      identifierKey?: string;\n      labelKey?: string;\n      placeholder?: string;\n      hideActionBtn?: boolean;\n      multiple?: boolean;\n      maxHeight?: string;\n      maxWidth?: string;\n      size?: 'default' | 'small';\n    }>(),\n    {\n      options: () => [],\n      identifierKey: 'identity',\n      labelKey: 'name',\n      hideActionBtn: false,\n      multiple: false,\n      maxHeight: '405px',\n      size: 'default',\n    }\n  );\n\n  const selectedOptions = defineModel<string[]>('selectedOptions', {\n    default: () => [],\n  });\n\n  const selectedOption = defineModel<string | number>('selectedOption', {\n    default: '',\n  });\n\n  const isOpen = ref(false);\n\n  const labelText = computed(() => {\n    if (!props.multiple) {\n      const findItem = props.options.find(item => item[props.identifierKey] === selectedOption.value);\n      return selectedOption.value ? findItem?.[props.labelKey] : props.label;\n    }\n\n    return selectedOptions.value.length\n      ? props.options\n          .filter(item => selectedOptions.value.includes(item[props.identifierKey]))\n          .map(item => item[props.labelKey])\n          .join(', ')\n      : props.label;\n  });\n\n  const toggleCustomSelect = () => {\n    isOpen.value = !isOpen.value;\n  };\n\n  const closeCustomSelect = () => {\n    isOpen.value = false;\n  };\n</script>\n\n<style src=\"~/assets/styles/components/selects/base/dropdown-select.scss\" lang=\"scss\" />\n","<template>\n  <selects-base-bottom-sheet-select\n    v-if=\"isMobile\"\n    v-model:selectedOptions=\"selectedOptions\"\n    v-model:selectedOption=\"selectedOption\"\n    :options=\"options\"\n    :title=\"title\"\n    :label=\"label\"\n    :placeholder=\"placeholder\"\n    :identifierKey=\"identifierKey\"\n    :labelKey=\"labelKey\"\n    :multiple=\"multiple\"\n    :showResetBtn=\"showResetBtn\"\n    :bottomSheetHeight=\"bottomSheetHeight\"\n    :bottomSheetMaxWidth=\"bottomSheetMaxWidth\"\n    :size=\"size\"\n    @onResetOptions=\"onResetOptions\"\n  >\n    <template #bottom-sheet-activator=\"slotProps\">\n      <slot name=\"bottom-sheet-activator\" v-bind=\"slotProps\" />\n    </template>\n\n    <template #bottom-sheet-footer=\"slotProps\">\n      <slot name=\"bottom-sheet-footer\" v-bind=\"slotProps\" />\n    </template>\n  </selects-base-bottom-sheet-select>\n\n  <selects-base-dropdown-select\n    v-else\n    v-model:selectedOptions=\"selectedOptions\"\n    v-model:selectedOption=\"selectedOption\"\n    :options=\"options\"\n    :label=\"label\"\n    :labelKey=\"labelKey\"\n    :placeholder=\"placeholder\"\n    :identifierKey=\"identifierKey\"\n    :hideActionBtn=\"hideActionBtn\"\n    :multiple=\"multiple\"\n    :maxHeight=\"maxHeight\"\n    :maxWidth=\"maxWidth\"\n    :size=\"size\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  withDefaults(\n    defineProps<{\n      options: any[];\n      label?: string;\n      identifierKey?: string;\n      labelKey?: string;\n      hideActionBtn?: boolean;\n      multiple?: boolean;\n      maxHeight?: string;\n      maxWidth?: string;\n      bottomSheetMaxWidth?: string;\n      showResetBtn?: boolean;\n      title?: string;\n      placeholder?: string;\n      bottomSheetHeight?: string;\n      size?: 'default' | 'small';\n    }>(),\n    {\n      options: () => [],\n      identifierKey: 'identity',\n      labelKey: 'name',\n      hideActionBtn: false,\n      multiple: false,\n      showResetBtn: false,\n      maxHeight: '405px',\n      bottomSheetHeight: '70',\n      size: 'default',\n    }\n  );\n\n  const selectedOptions = defineModel<string[]>('selectedOptions', {\n    default: () => [],\n  });\n\n  const selectedOption = defineModel<string | number>('selectedOption', {\n    default: '',\n  });\n\n  const emits = defineEmits<{\n    (event: 'onResetOptions'): void;\n  }>();\n\n  const deviceStore = useDeviceStore();\n  const { isMobile } = storeToRefs(deviceStore);\n\n  const onResetOptions = () => {\n    emits('onResetOptions');\n  };\n</script>\n"],"names":["localSearch","items","query","key","lowerCaseQuery","item","_a","props","__props","emits","__emit","getContent","useProjectMethods","gamesContentStore","useGamesContentStore","gamesContent","storeToRefs","popupsData","defaultLocalePopupsData","layoutData","defaultLocaleLayoutData","useGlobalStore","searchValue","ref","filteredOptions","computed","isOptionSelected","value","isOptionSingleSelected","toggleOptionSelection","onSave","updatedSelectedOptions","selectedOptions","_useModel","selectedOption","bottomSheet","labelText","findItem","onResetOptions","toggleFilter","methodName","isOpen","toggleCustomSelect","closeCustomSelect","deviceStore","useDeviceStore","isMobile"],"mappings":"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"}