{"version":3,"file":"useFilterCategories-CRQ9hN5i.js","sources":["../../../packs/frontend/components/Filter/Buttons.vue","../../../packs/frontend/components/Base/NotificationBadge.vue","../../../packs/frontend/components/Filter/offCanvas.vue","../../../packs/frontend/components/Filter/FormDropdown.vue","../../../packs/frontend/utils/gallery/ensureArray.ts","../../../packs/frontend/components/Base/Dropdown/Checkbox.vue","../../../packs/frontend/components/Filter/DesktopItems.vue","../../../packs/frontend/images/icons/Filter_default.svg","../../../packs/frontend/components/Filter/Content.vue","../../../packs/frontend/composables/gallery/useApprovedUsers.ts","../../../packs/frontend/types/filter.types.ts","../../../packs/frontend/composables/gallery/useFilterCategories.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { FilterButtonsProps, FilterOption } from \"@/types/filter.types\";\nimport { computed, ref } from \"vue\";\n\nconst props = withDefaults(defineProps<FilterButtonsProps>(), {\n  selectedValues: () => [],\n  options: () => [] as FilterOption[],\n});\n\nconst emit = defineEmits([\"change\", \"update:selectedValues\"]);\n\nconst selectedOptions: WritableComputedRef<string | string[]> = computed({\n  get: () => props.selectedValues,\n  set: (newValues) => {\n    emit(\"update:selectedValues\", newValues);\n    emit(\"change\", newValues);\n  },\n});\n\nconst toggleOption = (optionValue: string) => {\n  if (props.radio) {\n    selectedOptions.value = optionValue;\n  } else if (Array.isArray(selectedOptions.value)) {\n    selectedOptions.value = selectedOptions.value.includes(optionValue)\n      ? selectedOptions.value.filter((value) => value !== optionValue)\n      : [...selectedOptions.value, optionValue];\n  }\n};\n\nconst isSelected = (optionValue: string) => {\n  if (props.radio) {\n    return selectedOptions.value === optionValue;\n  } else {\n    return (\n      Array.isArray(selectedOptions.value) &&\n      selectedOptions.value.includes(optionValue)\n    );\n  }\n};\n\nconst handleKeyDown = (event: KeyboardEvent, optionValue: string) => {\n  if (event.key === \"Enter\" || event.key === \" \") {\n    event.preventDefault();\n    toggleOption(optionValue);\n  }\n};\n\nconst buttonRefs = ref<Array<Element | ComponentPublicInstance>>([]);\n\nconst optionsLength = computed(() => props.options?.length || 1);\n\nconst focusNextButton = (currentIndex: number) => {\n  const nextIndex = (currentIndex + 1) % optionsLength.value;\n  (buttonRefs.value[nextIndex] as HTMLElement)?.focus();\n};\n\nconst focusPreviousButton = (currentIndex: number) => {\n  const previousIndex =\n    (currentIndex - 1 + optionsLength.value) % optionsLength.value;\n  (buttonRefs.value[previousIndex] as HTMLElement)?.focus();\n};\n\nconst handleGroupKeyDown = (event: KeyboardEvent, currentIndex: number) => {\n  switch (event.key) {\n    case \"ArrowRight\":\n    case \"ArrowDown\":\n      event.preventDefault();\n      focusNextButton(currentIndex);\n      break;\n    case \"ArrowLeft\":\n    case \"ArrowUp\":\n      event.preventDefault();\n      focusPreviousButton(currentIndex);\n      break;\n  }\n};\n</script>\n\n<template>\n  <div class=\"d-flex flex-wrap gap-2\" role=\"group\" aria-label=\"Filter options\">\n    <template v-if=\"options\">\n      <label\n        v-for=\"(option, index) in options\"\n        :key=\"option.id\"\n        class=\"filter-button\"\n        :for=\"option.id\"\n      >\n        <input\n          :id=\"option.id\"\n          :ref=\"\n            (el) => {\n              if (el) buttonRefs[index] = el;\n            }\n          \"\n          :aria-checked=\"isSelected(option.value.toString())\"\n          class=\"form-check-input filter-button__input\"\n          :type=\"props.radio ? 'radio' : 'checkbox'\"\n          :name=\"option.id\"\n          :value=\"option.id\"\n          :checked=\"isSelected(option.value.toString())\"\n          @click=\"toggleOption(option.value.toString())\"\n          @keydown=\"handleKeyDown($event, option.value.toString())\"\n          @keydown.arrow-left.arrow-right.arrow-up.arrow-down.prevent=\"\n            handleGroupKeyDown($event, index)\n          \"\n        />\n        <div class=\"filter-button__content\">\n          <i v-if=\"option.icon\" :class=\"`bi ${option.icon}`\"></i>\n          {{ option.label }}\n        </div>\n      </label>\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.filter-button {\n  position: relative;\n  display: inline-flex;\n  font-size: $font-size-sm;\n  color: $color-black;\n\n  &__content {\n    display: flex;\n    align-items: center;\n    gap: $spacer-2;\n    padding: $btn-padding-y $btn-padding-x;\n    color: $secondary;\n    background-color: $color-white;\n    border: 2px solid $border-color;\n    border-radius: $border-radius-lg;\n    box-shadow: $shadow-brand;\n    transition: all 0.1s ease-in-out;\n\n    &:hover {\n      background-color: $hover-color;\n    }\n  }\n\n  &__input {\n    position: absolute;\n    height: 1px;\n    width: 1px;\n    overflow: hidden;\n    clip: rect(1px, 1px, 1px, 1px);\n\n    &:focus-visible + .filter-button__content {\n      border-color: $primary;\n      box-shadow:\n        $shadow-brand,\n        0 0 0 1px $primary;\n    }\n\n    &:checked + .filter-button__content {\n      border-color: $primary;\n    }\n\n    &:checked:focus-visible + .filter-button__content {\n      border-color: $primary;\n      box-shadow:\n        $shadow-brand,\n        0 0 0 2px rgba($primary, 0.5);\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\ntype BadgeSize = \"sm\" | \"md\" | \"lg\";\n\ntype Props = {\n  count?: number;\n  size?: BadgeSize;\n  position?: \"static\" | \"absolute\";\n  top?: string | number;\n  right?: string | number;\n  showCount?: boolean;\n};\n\nconst props = withDefaults(defineProps<Props>(), {\n  count: 0,\n  size: \"md\",\n  position: \"static\",\n  top: \"0\",\n  right: \"0\",\n  showCount: true,\n});\n\nconst sizeClasses = computed((): string => {\n  switch (props.size) {\n    case \"sm\":\n      return \"notification-badge--sm\";\n    case \"lg\":\n      return \"notification-badge--lg\";\n    default:\n      return \"\";\n  }\n});\n\nconst positionClass = computed((): string => {\n  return props.position === \"absolute\" ? \"position-absolute\" : \"\";\n});\n\nconst style = computed((): Record<string, string> => {\n  if (props.position === \"absolute\") {\n    return {\n      top: typeof props.top === \"number\" ? `${props.top}px` : props.top,\n      right: typeof props.right === \"number\" ? `${props.right}px` : props.right,\n    };\n  }\n\n  return {};\n});\n\nconst isVisible = computed((): boolean => props.count > 0);\n</script>\n\n<template>\n  <span\n    v-if=\"isVisible\"\n    class=\"notification-badge\"\n    :class=\"[sizeClasses, positionClass]\"\n    :style=\"style\"\n  >\n    <span v-if=\"showCount\">{{ count }}</span>\n  </span>\n</template>\n\n<style lang=\"scss\" scoped>\n.notification-badge {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  background-color: $brand-3;\n  color: white;\n  font-weight: bold;\n  line-height: 1;\n  width: 16px;\n  height: 16px;\n  font-size: 10px;\n\n  &--sm {\n    width: 11px;\n    height: 11px;\n    font-size: 6px;\n  }\n\n  &--lg {\n    width: 20px;\n    height: 20px;\n    font-size: 12px;\n  }\n}\n</style>\n","<script setup lang=\"ts\" generic=\"T extends FilterParamsBase\">\nimport { BaseButtonKindEnum } from \"@/components/Base/Button\";\nimport {\n  FilterButtonsProps,\n  FilterCategory,\n  FilterParamsBase,\n} from \"@/types/filter.types\";\nimport { ref } from \"vue\";\n\ntype FilterOffCanvasProps = {\n  categories: FilterCategory[];\n  currentParams: T;\n  open: boolean;\n  hasQuery: boolean;\n  defaultParams?: string[];\n};\n\nconst props = defineProps<FilterOffCanvasProps>();\n\nconst { t } = useI18n();\n\nconst emit = defineEmits([\"cancel\", \"finished\", \"reset\", \"update:modelValue\"]);\n\nconst handleFilterChange = (label: string, value: T[typeof label]) => {\n  emit(\"update:modelValue\", { label, value });\n};\n\nconst handleReset = () => {\n  emit(\"reset\");\n  resetAccordions();\n};\n\nconst categoryHasOptions = (category: FilterCategory) =>\n  category.props.options.some((option) => !!option.value);\n\nconst ACCORDION_ID = \"filter-accordion\";\n\nconst accordionRefs = ref<Array<Element | ComponentPublicInstance>>([]);\n\nconst accordionStates = ref(\n  props.categories.reduce(\n    (acc, category, index) => {\n      acc[category.id] = index === 0;\n      return acc;\n    },\n    {} as Record<string, boolean>\n  )\n);\n\nconst resetAccordions = () => {\n  accordionStates.value = props.categories.reduce(\n    (acc, _, index) => {\n      acc[props.categories[index].id] = index === 0;\n      return acc;\n    },\n    {} as Record<string, boolean>\n  );\n};\n\nconst handleAccordionUpdate = (categoryId: string, expanded: boolean) => {\n  accordionStates.value[categoryId] = expanded;\n};\n\nconst handleButtonGroupKeyDown = (\n  event: KeyboardEvent,\n  categoryIndex: number\n) => {\n  if (\n    event.key === \"ArrowUp\" &&\n    (event.target as HTMLElement).classList.contains(\"filter-button__input\")\n  ) {\n    // If we're on the first button and press ArrowUp, focus on the category header\n    const firstButton = event.target as HTMLElement;\n    if (firstButton === firstButton.parentElement?.firstElementChild) {\n      event.preventDefault();\n      (accordionRefs.value[categoryIndex] as HTMLElement)?.focus();\n    }\n  }\n};\n\nconst getSelectedCount = (category: FilterCategory) => {\n  if (props.defaultParams?.includes(category.id)) return;\n  const params = (props.currentParams as Record<string, string[]>)[category.id];\n  if (!params || params.length === 0) {\n    return 0;\n  }\n  return params.length;\n};\n\nconst getSelectedValue = (category: FilterCategory) => {\n  const outsideValue = Array.isArray(props.currentParams[category.id])\n    ? (props.currentParams[category.id] as string[])[0]\n    : props.currentParams[category.id];\n\n  const option = category.props.options.find(\n    (option) => option.value === outsideValue\n  );\n\n  return option?.label;\n};\n</script>\n\n<template>\n  <teleport to=\"body\">\n    <BaseOffCanvas class=\"filter-off-canvas\" :open=\"open\">\n      <header class=\"offcanvas-header filter-off-canvas__header\">\n        <strong class=\"filter-off-canvas__title\">\n          {{ t(\"global.filterContent\") }}\n        </strong>\n        <button\n          type=\"button\"\n          data-bs-dismiss=\"offcanvas\"\n          class=\"btn-close\"\n          aria-label=\"Close\"\n        ></button>\n      </header>\n      <div class=\"offcanvas-body p-0\">\n        <div :id=\"ACCORDION_ID\" class=\"accordion\">\n          <template v-for=\"(category, index) in categories\">\n            <BaseAccordion\n              v-if=\"categoryHasOptions(category)\"\n              :key=\"category.id\"\n              :name=\"category.id\"\n              :parent-id=\"ACCORDION_ID\"\n              :expanded=\"accordionStates[category.id]\"\n              @update:expanded=\"\n                (expanded: boolean) =>\n                  handleAccordionUpdate(category.id, expanded)\n              \"\n            >\n              <template #title>\n                <div class=\"d-flex align-items-center position-relative\">\n                  <span>{{ category.props.label }}</span>\n\n                  <BaseNotificationBadge\n                    v-if=\"getSelectedCount(category)\"\n                    :count=\"getSelectedCount(category)\"\n                    size=\"lg\"\n                    class=\"ms-2\"\n                  />\n                  <span\n                    v-if=\"defaultParams?.includes(category.id)\"\n                    class=\"fw-semibold ms-1\"\n                  >\n                    {{ getSelectedValue(category) }}\n                  </span>\n                </div>\n              </template>\n              <FilterButtons\n                v-bind=\"category.props as FilterButtonsProps\"\n                :selected-values=\"\n                  (currentParams as Record<string, string[]>)[category.id]\n                \"\n                @change=\"handleFilterChange(category.id, $event)\"\n                @keydown=\"\n                  (event: KeyboardEvent) =>\n                    handleButtonGroupKeyDown(event, index)\n                \"\n              />\n            </BaseAccordion>\n          </template>\n        </div>\n      </div>\n      <div class=\"offcanvas-footer justify-content-start\">\n        <IconButton\n          :kind=\"BaseButtonKindEnum.LINK\"\n          type=\"button\"\n          icon-name=\"arrow-counterclockwise\"\n          class=\"fw-semibold px-0\"\n          icon-position=\"left\"\n          :disabled=\"!hasQuery\"\n          @click=\"handleReset\"\n        >\n          {{ t(\"global.resetFilter\") }}\n        </IconButton>\n      </div>\n    </BaseOffCanvas>\n  </teleport>\n</template>\n\n<style scoped lang=\"scss\">\n.filter-off-canvas {\n  &__header {\n    position: relative;\n  }\n\n  &__title {\n    white-space: nowrap;\n    pointer-events: none;\n    font-weight: $font-weight-semibold;\n  }\n\n  .accordion-item {\n    padding-top: 1px;\n    border: none;\n    border-bottom: 1px solid $border-color;\n  }\n}\n</style>\n","<script lang=\"ts\">\nexport default {\n  name: \"FilterFormDropdown\",\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { BaseButtonKindEnum } from \"@/components/Base/Button\";\n\ninterface Option {\n  value: string;\n  label: string;\n}\n\ninterface Props {\n  id: string;\n  label: string;\n  options: Option[];\n  buttonClass?: string;\n  kind?: BaseButtonKindEnum;\n  selectedValues: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  buttonClass: undefined,\n  kind: BaseButtonKindEnum.NAKED,\n  selectedValues: \"\",\n});\n\nconst emit = defineEmits([\"update:selectedValues\", \"change\"]);\n\nconst selectedValue = computed({\n  get: (): string => props.selectedValues || \"\",\n  set: (value: string) => {\n    const newValues = value ? value : \"\";\n    emit(\"update:selectedValues\", newValues);\n    emit(\"change\", newValues);\n  },\n});\n</script>\n\n<template>\n  <BaseFormDropdown\n    :id=\"id\"\n    v-model=\"selectedValue\"\n    auto-close=\"outside\"\n    :label=\"label\"\n    variant=\"primary\"\n    :options=\"options\"\n    :button-class=\"buttonClass\"\n    :kind=\"kind\"\n  />\n</template>\n","export const ensureArray = (value: string | string[]) => {\n  if (!value) {\n    return [];\n  }\n\n  if (Array.isArray(value)) {\n    return value;\n  }\n  if (value.includes(\",\")) {\n    return value.split(\",\");\n  }\n  return [value];\n};\n","<script lang=\"ts\">\nexport default {\n  name: \"BaseDropdownCheckbox\",\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { FilterDropdownCheckboxProps } from \"@/types/filter.types\";\nimport { ensureArray } from \"@/utils/gallery/ensureArray\";\nimport { BaseButtonKindEnum } from \"@/components/Base/Button\";\n\nconst props = withDefaults(defineProps<FilterDropdownCheckboxProps>(), {\n  kind: BaseButtonKindEnum.NAKED,\n  selectedValues: (value) =>\n    ensureArray(\n      value as unknown as string | string[]\n    ) as FilterDropdownCheckboxProps[\"selectedValues\"],\n});\n\nconst emit = defineEmits([\"update:selectedValues\", \"change\"]);\n\nconst selectedOptions = computed({\n  get: () => ensureArray(props.selectedValues),\n  set: (newValues) => {\n    emit(\"update:selectedValues\", newValues);\n    emit(\"change\", newValues);\n  },\n});\n\nconst selectedCount = computed(() => selectedOptions.value.length);\n\nconst toggleOption = (optionValue: string) => {\n  selectedOptions.value = selectedOptions.value.includes(optionValue)\n    ? selectedOptions.value.filter((value) => value !== optionValue)\n    : [...selectedOptions.value, optionValue];\n};\n\nconst isSelected = (optionValue: string) =>\n  selectedOptions.value.includes(optionValue);\n\nconst isOpen = ref(false);\n</script>\n\n<template>\n  <BaseDropdown\n    :id=\"id\"\n    auto-close=\"outside\"\n    dropdown-menu-class=\"p-3\"\n    button-aria-label=\"Filter\"\n    :kind=\"kind\"\n    @show=\"isOpen = true\"\n    @hide=\"isOpen = false\"\n  >\n    <template #button>\n      <div class=\"d-flex align-items-center\">\n        <span class=\"font-sm\">{{ label }}</span>\n        <BaseNotificationBadge\n          :count=\"selectedCount\"\n          size=\"lg\"\n          position=\"absolute\"\n          top=\"-5px\"\n          right=\"-5px\"\n        />\n        <i\n          class=\"bi ms-2\"\n          :class=\"isOpen ? 'bi-chevron-up' : 'bi-chevron-down'\"\n        ></i>\n      </div>\n    </template>\n    <div class=\"dropdown-menu-content\">\n      <div v-for=\"option in options\" :key=\"option.value\" class=\"checkbox-item\">\n        <div class=\"form-check\">\n          <input\n            :id=\"`${id}_${option.value}`\"\n            class=\"form-check-input\"\n            type=\"checkbox\"\n            :value=\"option.value\"\n            :checked=\"isSelected(option.value.toString())\"\n            @change=\"toggleOption(option.value.toString())\"\n          />\n          <label :for=\"`${id}_${option.value}`\" class=\"form-check-label\">\n            {{ option.label }}\n          </label>\n        </div>\n      </div>\n    </div>\n  </BaseDropdown>\n</template>\n\n<style lang=\"scss\" scoped>\n.dropdown-menu-content {\n  display: grid;\n  grid-template-columns: repeat(2, auto);\n  gap: 0.5rem;\n  min-width: 200px;\n  max-width: max-content;\n}\n\n.checkbox-item {\n  white-space: nowrap;\n}\n\n.form-check-label {\n  padding-left: 0.25rem;\n}\n</style>\n","<script lang=\"ts\">\ndefineComponent({\n  name: \"FilterMain\",\n});\n</script>\n<script setup lang=\"ts\" generic=\"T extends FilterParamsBase\">\nimport FilterFormDropdown from \"@/components/Filter/FormDropdown.vue\";\nimport BaseDropdownCheckbox from \"@/components/Base/Dropdown/Checkbox.vue\";\nimport FilterButtons from \"@/components/Filter/Buttons.vue\";\nimport {\n  FilterCategory,\n  FilterComponent,\n  FilterParamsBase,\n} from \"@/types/filter.types\";\nimport { BaseButtonKindEnum } from \"@/components/Base/Button\";\n\nconst { t } = useI18n();\ntype GalleryNewFilterProps = {\n  categories: FilterCategory[];\n  currentParams: T;\n  hasQuery: boolean;\n  defaultProps?: string[];\n};\n\nconst props = defineProps<GalleryNewFilterProps>();\n\nconst emit = defineEmits([\n  \"update:modelValue\",\n  \"reset\",\n  \"submit\",\n  \"toggleMobileFilter\",\n]);\n\nconst handleFilterChange = (label: string, value: T[typeof label]) => {\n  emit(\"update:modelValue\", { label, value });\n};\n\nconst handleResetFilter = () => emit(\"reset\");\n\nconst getComponentFromString = (componentName: string): FilterComponent => {\n  switch (componentName) {\n    case \"BaseFormDropdown\":\n      return FilterFormDropdown;\n    case \"DropdownCheckbox\":\n      return BaseDropdownCheckbox;\n    case \"FilterButtons\":\n      return FilterButtons;\n    default:\n      return FilterFormDropdown;\n  }\n};\n\nconst categoryHasOptions = (category: FilterCategory) =>\n  category.props.options.some((option) => !!option.value);\n\nconst getHasSelectedValues = (category: FilterCategory) => {\n  const selectedValues = (props.currentParams as Record<string, string[]>)[\n    category.id\n  ];\n  return selectedValues && selectedValues.length > 0;\n};\n\nconst filteredCategories = computed(() =>\n  props.categories.filter(categoryHasOptions)\n);\n</script>\n\n<template>\n  <div\n    class=\"filter-components-main d-flex flex-wrap flex-gap-2 mb-3 d-none d-sm-none d-md-flex\"\n  >\n    <IconButton\n      :kind=\"BaseButtonKindEnum.WHITE\"\n      icon-name=\"magic\"\n      type=\"button\"\n      icon-position=\"left\"\n      :disabled=\"!hasQuery\"\n      class=\"font-sm\"\n      button-class=\"btn-semi-rounded btn-shadow\"\n      :class=\"{ 'has-selection': hasQuery }\"\n      @click=\"handleResetFilter\"\n    >\n      {{ t(\"global.all\") }}\n    </IconButton>\n    <component\n      :is=\"getComponentFromString(category.component)\"\n      v-for=\"category in filteredCategories\"\n      :key=\"category.id\"\n      v-bind=\"category.props\"\n      button-class=\"font-sm btn-semi-rounded btn-shadow\"\n      :kind=\"BaseButtonKindEnum.WHITE\"\n      :selected-values=\"\n        (currentParams as Record<string, string[]>)[category.id]\n      \"\n      :class=\"{ 'has-selection': getHasSelectedValues(category) }\"\n      @change=\"handleFilterChange(category.id, $event as T[string])\"\n    />\n  </div>\n</template>\n","export default \"data:image/svg+xml,%3csvg%20width='18'%20height='17'%20viewBox='0%200%2018%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.9375%201.25C12.0055%201.25%2011.25%202.00552%2011.25%202.9375C11.25%203.86948%2012.0055%204.625%2012.9375%204.625C13.8695%204.625%2014.625%203.86948%2014.625%202.9375C14.625%202.00552%2013.8695%201.25%2012.9375%201.25ZM10.1813%202.375C10.4418%201.09124%2011.5768%200.125%2012.9375%200.125C14.2982%200.125%2015.4332%201.09124%2015.6937%202.375H18V3.5H15.6937C15.4332%204.78376%2014.2982%205.75%2012.9375%205.75C11.5768%205.75%2010.4418%204.78376%2010.1813%203.5H0V2.375H10.1813ZM5.0625%206.875C4.13052%206.875%203.375%207.63052%203.375%208.5625C3.375%209.49448%204.13052%2010.25%205.0625%2010.25C5.99448%2010.25%206.75%209.49448%206.75%208.5625C6.75%207.63052%205.99448%206.875%205.0625%206.875ZM2.30626%208C2.56685%206.71624%203.70184%205.75%205.0625%205.75C6.42316%205.75%207.55815%206.71624%207.81874%208H18V9.125H7.81874C7.55815%2010.4088%206.42316%2011.375%205.0625%2011.375C3.70184%2011.375%202.56685%2010.4088%202.30626%209.125H0V8H2.30626ZM12.9375%2012.5C12.0055%2012.5%2011.25%2013.2555%2011.25%2014.1875C11.25%2015.1195%2012.0055%2015.875%2012.9375%2015.875C13.8695%2015.875%2014.625%2015.1195%2014.625%2014.1875C14.625%2013.2555%2013.8695%2012.5%2012.9375%2012.5ZM10.1813%2013.625C10.4418%2012.3412%2011.5768%2011.375%2012.9375%2011.375C14.2982%2011.375%2015.4332%2012.3412%2015.6937%2013.625H18V14.75H15.6937C15.4332%2016.0338%2014.2982%2017%2012.9375%2017C11.5768%2017%2010.4418%2016.0338%2010.1813%2014.75H0V13.625H10.1813Z'%20fill='%23505C88'/%3e%3c/svg%3e\"","<script setup lang=\"ts\" generic=\"T extends FilterParamsBase\">\nimport { BaseButtonKindEnum } from \"@/components/Base/Button\";\nimport SearchInput from \"@/components/SearchInput.vue\";\nimport mobileIcon from \"@/images/icons/Filter_default.svg\";\nimport { FilterCategory, FilterParamsBase } from \"@/types/filter.types\";\n\nexport type Props<T> = {\n  categories: FilterCategory[];\n  query: string;\n  queryPlaceholder: string;\n  currentParams: T;\n  hasQuery: boolean;\n  defaultParams?: string[];\n};\n\nconst props = defineProps<Props<T>>();\n\nconst emit = defineEmits([\n  \"update:modelValue\",\n  \"query\",\n  \"reset\",\n  \"finished\",\n  \"submit\",\n  \"toggleMobileFilter\",\n]);\n\nconst internalQuery = ref(props.query);\n\nconst showMobileFilter = ref(false);\n\nconst toggleMobileFilter = () => {\n  showMobileFilter.value = !showMobileFilter.value;\n};\n\nconst handleFilterChange = (value: {\n  label: string;\n  value: string | string[];\n}) => {\n  emit(\"update:modelValue\", value);\n};\n\nconst handleFinished = () => {\n  emit(\"finished\");\n  toggleMobileFilter();\n};\n\nconst handleReset = () => {\n  internalQuery.value = \"\";\n  emit(\"reset\");\n};\n\nconst handleQuery = () => {\n  emit(\"query\", internalQuery.value);\n};\n\nconst handleSubmit = () => {\n  emit(\"submit\", internalQuery.value);\n};\n\nconst handleCancel = () => {\n  toggleMobileFilter();\n};\n\nconst selectedCount = computed(() => {\n  let count = 0;\n  for (const param in props.currentParams) {\n    if (\n      props.currentParams[param] !== undefined &&\n      !props.defaultParams?.includes(param)\n    ) {\n      count =\n        props.currentParams[param] &&\n        typeof props.currentParams[param] === \"string\"\n          ? count + 1\n          : count + (props.currentParams[param] as string[]).length;\n    }\n  }\n  return count;\n});\n</script>\n\n<template>\n  <div>\n    <form\n      class=\"d-flex align-items-center flex-wrap search-form\"\n      @submit.prevent=\"handleSubmit\"\n    >\n      <div class=\"search-height d-flex w-100 max-width-md mb-3\">\n        <div class=\"flex-fill search-form__search-container\">\n          <SearchInput\n            v-model=\"internalQuery\"\n            size=\"md\"\n            :placeholder=\"queryPlaceholder\"\n            @input=\"handleQuery\"\n          />\n        </div>\n        <BaseButton\n          class=\"border-0 bg-transparent d-sm-block d-md-none position-relative py-0\"\n          :kind=\"BaseButtonKindEnum.NAKED\"\n          type=\"button\"\n          no-padding\n          @click=\"toggleMobileFilter\"\n        >\n          <img :src=\"mobileIcon\" alt=\"Toggle mobile filter menu\" />\n          <BaseNotificationBadge\n            v-if=\"selectedCount > 0\"\n            :count=\"selectedCount\"\n            :show-count=\"false\"\n            class=\"position-absolute\"\n            style=\"top: 7px; right: 11px; pointer-events: none\"\n            size=\"sm\"\n          />\n        </BaseButton>\n      </div>\n      <FilterDesktopItems\n        :categories=\"categories\"\n        :query=\"query\"\n        :has-query=\"hasQuery\"\n        :current-params=\"currentParams as T\"\n        @update:model-value=\"handleFilterChange\"\n        @reset=\"handleReset\"\n        @submit=\"handleSubmit\"\n        @toggle-mobile-filter=\"toggleMobileFilter\"\n      />\n      <FilterOffCanvas\n        :open=\"showMobileFilter\"\n        :categories=\"categories\"\n        :current-params=\"currentParams as T\"\n        :has-query=\"hasQuery\"\n        :default-params=\"defaultParams\"\n        @cancel=\"handleCancel\"\n        @finished=\"handleFinished\"\n        @reset=\"handleReset\"\n        @update:model-value=\"handleFilterChange\"\n      />\n    </form>\n  </div>\n</template>\n<style lang=\"scss\" scoped>\n.search-height {\n  height: 2.375rem;\n}\n\n.search-form {\n  width: 100%;\n\n  &__search-container {\n    width: 100%;\n    margin-bottom: $spacer-3;\n  }\n}\n</style>\n","import { useApiClient } from \"@/composables/useApiClient\";\nimport { useQuery, useQueryClient } from \"@tanstack/vue-query\";\n\nexport const useApprovedUsers = (\n  international: ComputedRef<string | undefined>\n) => {\n  const queryClient = useQueryClient();\n  const { toolsUsers: toolsUsersService } = useApiClient();\n\n  const { data: approvedUsers, refetch: refetchApprovedUsers } = useQuery(\n    {\n      queryKey: [\"approvedUsers\", international],\n      queryFn: async () =>\n        await toolsUsersService.listApprovedToolsUsers({\n          international: international.value,\n        }),\n    },\n    queryClient\n  );\n\n  watch(international, () => refetchApprovedUsers);\n\n  return {\n    approvedUsers,\n  };\n};\n","import { BaseButtonKindEnum } from \"@/components/Base/Button\";\nimport BaseDropdownCheckbox from \"@/components/Base/Dropdown/Checkbox.vue\";\nimport FilterButtons from \"@/components/Filter/Buttons.vue\";\nimport FilterFormDropdown from \"@/components/Filter/FormDropdown.vue\";\nimport { Option } from \"@/types/components/Base/BaseFormDropdown.types\";\n\nexport interface FilterParamsBase extends Record<string, unknown> {\n  query: string;\n  page: string | number;\n}\n\nexport enum FilterableRoute {\n  INDEX = \"gallery-index\",\n  COMMUNITY = \"gallery-community\",\n  TO_TEACH = \"gallery-to-teach\",\n  COLLECTION_SHOW = \"collections-show\",\n}\n\nexport type FilterCategory = {\n  id: string;\n  component: \"FilterFormDropdown\" | \"DropdownCheckbox\" | \"FilterButtons\";\n  pages: FilterableRoute[];\n  props: {\n    id: string;\n    label: string;\n    options: FilterOption[] | Option[];\n    selectedValues?: string[] | \"\";\n    radio?: boolean; // only for FilterButtons\n  };\n};\n\nexport type FilterComponent =\n  | typeof FilterFormDropdown\n  | typeof BaseDropdownCheckbox\n  | typeof FilterButtons;\n\nexport type FilterOption = Option & {\n  id: string;\n  icon?: string;\n};\n\nexport type { Option };\n\nexport type FilterButtonsProps = {\n  options?: FilterOption[];\n  models?: string[];\n  apps?: { id: string; modelName: string; icon: string }[];\n  kind?: BaseButtonKindEnum;\n  selectedValues: string[] | string;\n  radio?: boolean;\n};\n\nexport type FilterDropdownCheckboxProps = {\n  id: string;\n  label: string;\n  options: Option[];\n  kind?: BaseButtonKindEnum;\n  selectedValues: string[];\n};\n","import { useApprovedUsers } from \"@/composables/gallery/useApprovedUsers\";\nimport {\n  GradeLevelEnum,\n  SchoolTypeEnum,\n  SubjectTypeEnum,\n  ToolsUser,\n} from \"@/services/fobizzToolsApi\";\nimport { gradeLevelKeys, schoolTypeKeys, subjectTypeKeys } from \"@/types\";\nimport { FilterCategory, FilterableRoute } from \"@/types/filter.types\";\nimport { computed, ComputedRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\nexport const useGalleryCategories = (\n  international: ComputedRef<string | undefined>,\n  currentFilterableRoute: ComputedRef<FilterableRoute>\n) => {\n  const { t } = useI18n();\n  const { approvedUsers } = useApprovedUsers(international);\n  const appsStore = useAppsStore();\n\n  const partnerCategory = computed<FilterCategory>(() => ({\n    id: \"userIds\",\n    component: \"DropdownCheckbox\",\n    pages: [FilterableRoute.INDEX],\n    props: {\n      id: \"approvedUserIdsDropdown\",\n      label: t(\"materials.labels.approvedUserIds\"),\n      options:\n        approvedUsers.value?.map((user: ToolsUser) => ({\n          label: user.publicDisplayName as string,\n          value: user.id,\n        })) ?? [],\n      selectedValues: [],\n    },\n  }));\n\n  const schoolTypesCategory: FilterCategory = {\n    id: \"schoolTypes\",\n    component: \"DropdownCheckbox\",\n    pages: [\n      FilterableRoute.INDEX,\n      FilterableRoute.COMMUNITY,\n      FilterableRoute.COLLECTION_SHOW,\n    ],\n    props: {\n      id: \"schoolTypesDropdown\",\n      label: t(\"labels.schoolTypes\"),\n      options: schoolTypeKeys.map((value) => ({\n        label: t(\n          `enums.schoolTypes.${SchoolTypeEnum[value as SchoolTypeEnum]}`\n        ),\n        value: value.toString(),\n      })),\n      selectedValues: [],\n    },\n  };\n\n  const gradeLevelsCategory: FilterCategory = {\n    id: \"gradeLevels\",\n    component: \"DropdownCheckbox\",\n    pages: [\n      FilterableRoute.INDEX,\n      FilterableRoute.COMMUNITY,\n      FilterableRoute.COLLECTION_SHOW,\n    ],\n    props: {\n      id: \"gradeLevelsDropdown\",\n      label: t(\"labels.gradeLevels\"),\n      options: gradeLevelKeys.map((value) => ({\n        label: t(\n          `enums.gradeLevels.${GradeLevelEnum[value as GradeLevelEnum]}`\n        ),\n        value: value.toString(),\n      })),\n      selectedValues: [],\n    },\n  };\n\n  const subjectTypesCategory: FilterCategory = {\n    id: \"subjectTypes\",\n    component: \"DropdownCheckbox\",\n    pages: [\n      FilterableRoute.INDEX,\n      FilterableRoute.COMMUNITY,\n      FilterableRoute.TO_TEACH,\n      FilterableRoute.COLLECTION_SHOW,\n    ],\n    props: {\n      id: \"subjectTypesDropdown\",\n      label: t(\"labels.subjectTypes\"),\n      options: subjectTypeKeys.map((value) => ({\n        label: t(\n          `enums.subjectTypes.${SubjectTypeEnum[value as SubjectTypeEnum]}`\n        ),\n        value: value.toString(),\n      })),\n      selectedValues: [],\n    },\n  };\n\n  const internationalCategory: FilterCategory = {\n    id: \"international\",\n    component: \"FilterFormDropdown\",\n    pages: [\n      FilterableRoute.INDEX,\n      FilterableRoute.COMMUNITY,\n      FilterableRoute.TO_TEACH,\n    ],\n    props: {\n      id: \"internationalDropdown\",\n      label: t(\"materials.filters.language\"),\n      options: [\n        { value: \"true\", label: t(\"materials.filters.international.true\") },\n        { value: \"false\", label: t(\"materials.filters.international.false\") },\n      ],\n      selectedValues: \"\",\n      radio: true,\n    },\n  };\n\n  const orderCategory: FilterCategory = {\n    id: \"order\",\n    component: \"FilterFormDropdown\",\n    pages: [\n      FilterableRoute.INDEX,\n      FilterableRoute.COMMUNITY,\n      FilterableRoute.TO_TEACH,\n    ],\n    props: {\n      id: \"order\",\n      label: t(\"materials.filters.order.label\"),\n      options: [\n        { value: \"created_at\", label: t(\"materials.filters.order.newest\") },\n        { value: \"relevant\", label: t(\"materials.filters.order.relevance\") },\n      ],\n      selectedValues: \"\",\n      radio: true,\n    },\n  };\n\n  const availableApps = computed(() => {\n    const apps =\n      currentFilterableRoute.value == FilterableRoute.INDEX\n        ? appsStore.listCatalogablePlusAssistant\n        : appsStore.listCatalogable;\n\n    apps.map((app) =>\n      app.id === \"ClassroomScreen::Screen\"\n        ? { ...app, id: \"TeachingBoard::Screen\" }\n        : app\n    );\n\n    const collection = {\n      id: \"Collection\",\n      modelName: t(\"materials.labels.filterCollection\"),\n      icon: \"bi-collection\",\n    };\n\n    return [...apps, collection];\n  });\n\n  const models = computed<FilterCategory>(() => ({\n    id: \"models\",\n    component: \"DropdownCheckbox\",\n    pages: [\n      FilterableRoute.INDEX,\n      FilterableRoute.COMMUNITY,\n      FilterableRoute.COLLECTION_SHOW,\n    ],\n    props: {\n      label: t(\"materials.labels.models\"),\n      id: \"model-buttons\",\n      options: availableApps.value.map((app) => ({\n        value: app.id,\n        label: app.modelName,\n        id: app.modelName,\n        icon: app.icon,\n      })),\n      selectedValues: [],\n    },\n  }));\n\n  const categories = computed<FilterCategory[]>(() =>\n    [\n      partnerCategory.value,\n      schoolTypesCategory,\n      gradeLevelsCategory,\n      subjectTypesCategory,\n      models.value,\n      internationalCategory,\n      orderCategory,\n    ].filter((cat: FilterCategory) =>\n      cat.pages.includes(currentFilterableRoute.value)\n    )\n  );\n\n  return { categories };\n};\n"],"names":["props","__props","emit","__emit","selectedOptions","computed","newValues","toggleOption","optionValue","value","isSelected","handleKeyDown","event","buttonRefs","ref","optionsLength","focusNextButton","currentIndex","nextIndex","focusPreviousButton","previousIndex","handleGroupKeyDown","sizeClasses","positionClass","style","isVisible","ACCORDION_ID","t","useI18n","handleFilterChange","label","handleReset","resetAccordions","categoryHasOptions","category","option","accordionRefs","accordionStates","acc","index","_","handleAccordionUpdate","categoryId","expanded","handleButtonGroupKeyDown","categoryIndex","firstButton","getSelectedCount","params","getSelectedValue","outsideValue","__default__","selectedValue","ensureArray","selectedCount","isOpen","handleResetFilter","getComponentFromString","componentName","FilterFormDropdown","BaseDropdownCheckbox","FilterButtons","getHasSelectedValues","selectedValues","filteredCategories","mobileIcon","internalQuery","showMobileFilter","toggleMobileFilter","handleFinished","handleQuery","handleSubmit","handleCancel","count","param","useApprovedUsers","international","queryClient","useQueryClient","toolsUsersService","useApiClient","approvedUsers","refetchApprovedUsers","useQuery","watch","FilterableRoute","useGalleryCategories","currentFilterableRoute","appsStore","useAppsStore","partnerCategory","user","schoolTypesCategory","schoolTypeKeys","SchoolTypeEnum","gradeLevelsCategory","gradeLevelKeys","GradeLevelEnum","subjectTypesCategory","subjectTypeKeys","SubjectTypeEnum","internationalCategory","orderCategory","availableApps","apps","app","collection","models","cat"],"mappings":"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"}