{"version":3,"file":"0yVOMic3.js","sources":["../../../../components/ui/UiRadioList.vue","../../../../components/ui/UiSelectPopover.vue","../../../../components/ui/UiSelect.vue","../../../../stores/propertyFiltersDatasources.ts","../../../../composables/usePropertyFilters.ts"],"sourcesContent":["<template>\n  <div\n    :class=\"{\n      'gap-1.5': layout === 'grouped',\n    }\"\n    class=\"flex w-full flex-col\"\n  >\n    <div\n      v-for=\"radioButton in radioButtons\"\n      :key=\"`radio-${radioButton.label}`\"\n    >\n      <input\n        :id=\"`radio-${normaliseText(label)}-${normaliseText(radioButton.label)}-any`\"\n        v-model=\"model\"\n        :value=\"radioButton.value\"\n        type=\"radio\"\n        class=\"c-input sr-only\"\n      />\n      <label\n        :for=\"`radio-${normaliseText(label)}-${normaliseText(radioButton.label)}-any`\"\n        :class=\"{\n          'justify-start': textAlign === 'left',\n          'justify-center': textAlign === 'center',\n          'justify-end': textAlign === 'right',\n          'font-bold': radioButton.options?.length,\n          'c-label--grouped': layout === 'grouped',\n          'c-label--list': layout === 'list',\n        }\"\n        class=\"c-label\"\n      >\n        <template v-if=\"showIndicator\">\n          <SvgoRadioIndicator\n            filled\n            class=\"c-label__indicator c-label__indicator--unchecked\"\n          />\n          <SvgoRadioIndicatorChecked\n            filled\n            class=\"c-label__indicator c-label__indicator--checked\"\n          />\n        </template>\n\n        {{ radioButton.label }}\n      </label>\n\n      <div\n        v-if=\"radioButton.options?.length\"\n        :class=\"{\n          'mt-1.5 gap-1.5': layout === 'grouped',\n        }\"\n        class=\"flex w-full flex-col\"\n      >\n        <div v-for=\"child in radioButton.options\" :key=\"child.label\">\n          <input\n            :id=\"`radio-${normaliseText(label)}-${normaliseText(child.label)}-any`\"\n            v-model=\"model\"\n            :value=\"child.value\"\n            type=\"radio\"\n            class=\"c-input sr-only\"\n          />\n\n          <label\n            :for=\"`radio-${normaliseText(label)}-${normaliseText(child.label)}-any`\"\n            :class=\"{\n              'c-label--grouped': layout === 'grouped',\n              'c-label--list': layout === 'list',\n            }\"\n            class=\"c-label\"\n          >\n            <template v-if=\"showIndicator\">\n              <SvgoRadioIndicator\n                filled\n                class=\"c-label__indicator c-label__indicator--unchecked\"\n              />\n              <SvgoRadioIndicatorChecked\n                filled\n                class=\"c-label__indicator c-label__indicator--checked\"\n              />\n            </template>\n\n            {{ child.label }}\n          </label>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { normaliseText } from '@/utils/common-utils'\n\nwithDefaults(\n  defineProps<{\n    radioButtons: RadioButton[]\n    label: string\n    showIndicator?: boolean\n    textAlign?: 'left' | 'center' | 'right'\n    layout?: 'grouped' | 'list'\n  }>(),\n  {\n    showIndicator: true,\n    textAlign: 'left',\n    layout: 'grouped',\n  },\n)\n\nconst model = defineModel<string>()\n\nexport interface RadioButton {\n  label: string\n  value?: string\n  options?: RadioButton[]\n}\n</script>\n\n<style lang=\"postcss\" scoped>\n.c-input:checked + .c-label {\n  @apply border-green text-primary-500 hover:bg-white;\n\n  .c-label__indicator--unchecked {\n    @apply hidden;\n  }\n\n  .c-label__indicator--checked {\n    @apply block;\n  }\n}\n\n.c-label {\n  @apply ease-out-expo flex h-12 min-w-16 cursor-pointer items-center gap-3 text-left text-sm leading-none text-gray-700 transition-all duration-700;\n\n  &__indicator {\n    @apply size-6;\n\n    &--checked {\n      @apply hidden;\n    }\n  }\n\n  &--list {\n    @apply hover:text-primary-500 border-b border-gray-300;\n  }\n\n  &--grouped {\n    @apply rounded-md border-2 border-gray-300 p-3 hover:bg-gray-300;\n  }\n}\n</style>\n","<template>\n  <div ref=\"control\" class=\"relative\">\n    <button\n      :class=\"{\n        'border-green': popoverVisible,\n      }\"\n      class=\"c-select ease-out-expo hover:border-green h-12 w-full cursor-pointer appearance-none rounded-md border-2 border-gray-300 bg-white bg-no-repeat pl-3 pr-12 text-left text-sm font-medium text-gray-700 transition-all duration-700\"\n      @click=\"toggle\"\n    >\n      <slot name=\"value\" />\n    </button>\n\n    <Transition name=\"fade\">\n      <div\n        v-if=\"popoverVisible\"\n        :class=\"{\n          'w-96': size === 'lg',\n          'w-80': size === 'md',\n          'w-72': size === 'sm',\n          'w-full': size === 'full',\n          'sm:right-0 xl:left-0 xl:right-auto': mobileAlign !== 'left',\n        }\"\n        class=\"border-green absolute top-12 z-20 flex max-h-96 translate-y-1 transform cursor-default flex-col gap-2 overflow-auto rounded-md border-2 bg-white p-5 shadow-md\"\n      >\n        <div v-if=\"$slots.label\" class=\"text-xs font-medium text-gray-700\">\n          <slot name=\"label\" />\n        </div>\n        <div class=\"flex flex-row items-center gap-2\">\n          <slot name=\"firstRange\" />\n          <UiIcon\n            v-if=\"$slots.secondRange\"\n            icon=\"arrow-right\"\n            size=\"xl\"\n            class=\"text-primary-500\"\n          />\n          <slot name=\"secondRange\" />\n        </div>\n      </div>\n    </Transition>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onClickOutside } from '@vueuse/core'\n\nwithDefaults(\n  defineProps<{\n    size: 'sm' | 'md' | 'lg' | 'full'\n    padding?: 'default' | 'none'\n    mobileAlign?: 'left' | 'right'\n  }>(),\n  {\n    mobileAlign: 'right',\n    padding: 'default',\n  },\n)\n\ndefineSlots<{\n  value(): HTMLElement\n  label(): HTMLElement\n  firstRange(): HTMLElement\n  secondRange(): HTMLElement\n}>()\n\nconst control = ref<HTMLElement | null>(null)\nconst popoverVisible = ref<boolean>(false)\n\nonClickOutside(control, () => {\n  popoverVisible.value = false\n})\n\nonMounted(() => {\n  window.addEventListener('keyup', (event) => onKeyup(event))\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('keyup', (event) => onKeyup(event))\n})\n\nfunction onKeyup(event: KeyboardEvent): void {\n  if (event.key === 'Escape') {\n    popoverVisible.value = false\n  }\n}\n\nfunction toggle() {\n  popoverVisible.value = !popoverVisible.value\n}\n</script>\n\n<style lang=\"postcss\" scoped>\n.c-select {\n  background-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"none\"><path fill=\"%23CCCBC8\" d=\"M10.006 13a.97.97 0 0 1-.336-.057.783.783 0 0 1-.291-.194L5.236 8.52A.825.825 0 0 1 5 7.892a.903.903 0 0 1 .258-.629.84.84 0 0 1 .627-.251.84.84 0 0 1 .627.251l3.494 3.566 3.516-3.589a.79.79 0 0 1 .616-.24.867.867 0 0 1 .862.903.877.877 0 0 1-.246.64l-4.121 4.206a.784.784 0 0 1-.291.194.971.971 0 0 1-.336.057Z\"/></svg>');\n  background-position: top 50% right 1rem;\n}\n</style>\n","<template>\n  <select\n    v-model=\"model\"\n    :class=\"{ 'c-select--selected': model }\"\n    class=\"c-select ease-out-expo hover:border-green h-12 cursor-pointer appearance-none rounded-md border-2 border-gray-300 bg-white bg-no-repeat pl-3 pr-12 text-sm font-medium text-gray-700 transition-all duration-700\"\n  >\n    <template v-for=\"(item, index) in options\">\n      <optgroup\n        v-if=\"isOptionGroup(item)\"\n        :key=\"`option-group-${item.label}-${index}`\"\n        :label=\"item.label\"\n      >\n        <option\n          v-for=\"(option, optionIndex) in item.options\"\n          :key=\"`option-${option.label}-${optionIndex}`\"\n          :value=\"option.value\"\n        >\n          {{ option.label }}\n        </option>\n      </optgroup>\n\n      <option v-else :key=\"`option-${item.label}-${index}`\" :value=\"item.value\">\n        {{ item.label }}\n      </option>\n    </template>\n  </select>\n</template>\n\n<script setup lang=\"ts\">\ndefineProps<{ options?: (Option | OptionGroup)[] }>()\n\nconst model = defineModel<string>()\nconst isOptionGroup = (item: Option | OptionGroup): item is OptionGroup => {\n  return (item as OptionGroup).options !== undefined\n}\n\nexport interface Option {\n  value?: string\n  label?: string\n}\n\nexport interface OptionGroup {\n  options?: Option[]\n  label?: string\n}\n</script>\n\n<style lang=\"postcss\" scoped>\n.c-select {\n  background-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"none\"><path fill=\"%23CCCBC8\" d=\"M10.006 13a.97.97 0 0 1-.336-.057.783.783 0 0 1-.291-.194L5.236 8.52A.825.825 0 0 1 5 7.892a.903.903 0 0 1 .258-.629.84.84 0 0 1 .627-.251.84.84 0 0 1 .627.251l3.494 3.566 3.516-3.589a.79.79 0 0 1 .616-.24.867.867 0 0 1 .862.903.877.877 0 0 1-.246.64l-4.121 4.206a.784.784 0 0 1-.291.194.971.971 0 0 1-.336.057Z\"/></svg>');\n  background-position: top 50% right 1rem;\n\n  &.c-select--selected {\n    @apply border-green text-primary-500;\n  }\n}\n</style>\n","export const usePropertyFiltersDatasources = defineStore(\n  'propertyFilterDatasources',\n  () => {\n    const propertyFilterDatasources: Ref<Datasource[] | undefined> = ref()\n\n    async function fetchPropertyFilterDatasources() {\n      return useStoryblokHelpers()\n        .fetchAsyncData<undefined, ISbDatasources>('datasources', {\n          search: 'Property Filter - ',\n        })\n        .then((res) => {\n          propertyFilterDatasources.value =\n            res.data.value?.data.datasources ?? []\n          return propertyFilterDatasources.value\n        })\n        .catch((error) => {\n          console.error('Error fetching all datasources:', error)\n          throw createError({\n            statusCode: 500,\n            statusMessage: 'Error fetching all datasources',\n          })\n        })\n    }\n\n    return {\n      fetchPropertyFilterDatasources,\n      propertyFilterDatasources,\n    }\n  },\n)\n","export default async function () {\n  // Await all async fetches required\n  const [states, communities, { propertySearchPage }] = await Promise.all([\n    fetchAllStates(),\n    fetchAllCommunities(),\n    useConfigStore().asyncConfig(),\n    usePropertyStatusEntriesStore().fetchPropertyDevStatusEntries(),\n    usePropertyTypeEntriesStore().fetchPropertyTypeEntries(),\n    usePropertyFiltersDatasources().fetchPropertyFilterDatasources(),\n  ])\n\n  // Automatically-generated community filter list\n  const orderedCommunities = computed(() => {\n    const stateOptions =\n      states.value?.data.stories.map((story) => ({\n        label: story.name,\n        value: story.full_slug,\n      })) || []\n    const communitiesOptions =\n      communities.value?.data.stories.map((story) => ({\n        label: story.name,\n        value: story.full_slug,\n      })) || []\n\n    return stateOptions.flatMap((state) => {\n      return [\n        {\n          ...state,\n          options: [\n            ...communitiesOptions.filter((community) =>\n              community.value.startsWith(state.value),\n            ),\n          ],\n        },\n      ]\n    })\n  })\n\n  return {\n    propertySearchPage,\n    orderedCommunities,\n  }\n}\n"],"names":["__props","control","popoverVisible","ref","onClickOutside","onMounted","event","onKeyup","onBeforeUnmount","model","_useModel","isOptionGroup","item","usePropertyFiltersDatasources","defineStore","propertyFilterDatasources","fetchPropertyFilterDatasources","useStoryblokHelpers","res","_a","error","createError","usePropertyFilters","states","communities","propertySearchPage","fetchAllStates","fetchAllCommunities","useConfigStore","usePropertyStatusEntriesStore","usePropertyTypeEntriesStore","orderedCommunities","computed","stateOptions","story","communitiesOptions","state","community"],"mappings":"k/BAyGM,84DC9DN,MAAS,4GAqBH,EACA,YAAA,CAEN,QAAA,OACE,CAAuB,EAGzB,MAAAA,EAAgB,CACd,MAAAC,UACDC,EAAAC,EAAA,EAAA,EAEDC,EAAAH,EAAsB,IAAA,CACpBC,UAA6D,CAC9D,EAEDG,OACM,OAAA,iBAAwB,QAAAC,GAAAC,EAAAD,CAAA,CAAA,CAC1B,CAAA,EACFE,EAAA,IAAA,CACF,OAAA,oBAAA,QAAAF,GAAAC,EAAAD,CAAA,CAAA,CAEA,CAAA,EACiB,SAAAC,EAAAD,EAAA,CACjBA,EAAA,MAAA,m0CCxDM,MAAAG,EAAQC,EAAmBV,EAAA,YAAC,EAC5BW,EAAgBC,GACZA,EAAqB,UAAY,kvBCjC9BC,GAAgCC,EAAA,4BAAA,IAAA,CAC3C,MAAAC,EAAAZ,IACA,eAAMa,GAAA,CACJ,OAAMC,EAAA,EAAA,eAA+D,cAAA,CAErE,OAAA,oBACE,CAAO,EAAA,KAAAC,GAAA,OACqD,OAAAH,EAChD,QAAAI,EAAAD,EAAA,KAAA,QAAA,YAAAC,EAAA,KAAA,cAAA,GAEJJ,EAAS,KACb,CAAA,EAAA,MAAAK,GAAA,CAEA,cAAA,MAAO,kCAA0BA,CAAA,EAE5BC,EAAW,CACR,WAAA,IACR,cAAkB,gCAAA,CAAA,CACJ,CAAA,CACG,CAChB,MACF,CACL,+BAAAL,EAEO,0BAAAD,CAAA,CACL,CACA,EC1B2B,eAAAO,IAAA,CAEzB,KAAA,CAACC,EAAQC,EAAa,CAC1B,mBAAAC,CAAe,CAAA,EACK,MAAA,QAAA,IAAA,CAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAA,YAAA,EAAAC,IAAA,gCAAAC,IAAA,yBAAA,EAAAjB,GAAA,EAAA,+BAAA,CAAA,CAAA,EACpBkB,EAAiBC,EAAY,IAAA,SAC7B,MAAAC,IAAAd,EAAAI,EAAA,QAAA,YAAAJ,EAAgC,KAAA,QAAA,IAAAe,IAA8B,CAC9D,MAAAA,EAAA,KACA,MAAAA,EAAA,SAA+D,MAChE,CAAA,EAGKC,QAAoC,sBAAA,KAAA,QAAA,IAAAD,IAAA,CACxC,MAAMA,EAAA,KAEF,MAAOA,EAAM,SAAA,SAEf,OAAOD,EAAC,QAAAG,GACJ,CAAA,cAGW,CAAA,GAAAD,EAAA,OAAAE,GAAAA,EAAA,MAAA,WAAAD,EAAA,KAAA,CAAA,CAAA,CAAA,EAGV,CACL,CAAO,EACL,MAAA,CAAA,mBAAAX,EACK,mBAAAM,CACM,CACe"}