{"version":3,"mappings":";8gDA2BA,OAAmB,wYCcnB,gBAA+B,mFAY/B,OAEM,QAES,YACb,EACE,eAAW,CACX,YACF,CAEA,EAAY,MACb,iBAED,MAAAA,EAAgB,CACP,KAAAC,CAAiC,EACzC,CAED,MAAAC,EAAkBD,EACTE,EAAAC,EAAA,MACTC,GAACF,EAAAG,GAAA,CAED,GAAAA,SAAuC,+BACjCJ,EAAA,QACF,MACF,CACFA,EAAA,mqCC9DM,MACN,sBAAAK,CAEM,EAAAC,EAAA,EAEN,CACE,yBAAAC,CAAuB,EACzBC,EAAAF,EAAA,qbCqEA,uCAEEG,GAAA,CACK,6DAGP,sBAEM,cAAqC,CAE3C,IAAAC,EAAyBC,EACvB,CAAAD,OAA0C,IAAAE,IAAA,eAAAF,EAAAC,IAC5C,MACA,MAAAE,EACE,2BAAAC,EACF,mBAAAC,EACA,QAAAC,CACA,IAAMN,EAAEC,CAAA,EAAAM,EAA2C,IAAAC,GAAA,cACtC,GAAAR,EAAA,MAAAA,EAAAC,EAAA,EAAAD,GAEPS,EAAmBC,EAAA,IAAAN,EAAA,kBAEzB,iBAAAO,EACA,MAAAC,EAA0C,cAAAC,CACK,EAC/Cf,EAAAI,EAAA,GACMY,EAAqBJ,EAAgC,MAAAC,EAAA,OAE3D,CACwB,oBAAAI,EACxB,sBAAApB","names":["__props","__emit","emit","panel","ref","onClickOutside","event","togglePropertyFilters","useUIStore","isPropertyFiltersVisible","storeToRefs","_hoisted_4","__temp","__restore","useCurrentStoryStore","phone","searchInputPlaceholderText","propertySearchPage","nzPhone","_withAsyncContext","useConfigStore","searchButtonText","computed","communityContent","story","isNzCommunity","isCondensedNavigation","toggleNavigationMenu"],"ignoreList":[],"sources":["../../../../components/ui/UiLoadingIndicator.vue","../../../../components/ui/UiPanel.vue","../../../../components/property/PropertyFiltersPanel.vue","../../../../components/global/GlobalHeader.vue"],"sourcesContent":["<template>\n  <svg\n    width=\"38\"\n    height=\"38\"\n    viewBox=\"0 0 38 38\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    :stroke=\"colors.primary[500]\"\n  >\n    <g fill=\"none\" fill-rule=\"evenodd\">\n      <g transform=\"translate(1 1)\" stroke-width=\"2\">\n        <circle stroke-opacity=\".2\" cx=\"18\" cy=\"18\" r=\"18\" />\n        <path d=\"M36 18c0-9.94-8.06-18-18-18\">\n          <animateTransform\n            attributeName=\"transform\"\n            type=\"rotate\"\n            from=\"0 18 18\"\n            to=\"360 18 18\"\n            dur=\"1s\"\n            repeatCount=\"indefinite\"\n          />\n        </path>\n      </g>\n    </g>\n  </svg>\n</template>\n\n<script setup lang=\"ts\">\nimport colors from '#tailwind-config/theme/colors'\n</script>\n","<template>\n  <Transition name=\"fade\">\n    <div\n      v-if=\"isOpen\"\n      ref=\"panel\"\n      :aria-expanded=\"isOpen\"\n      arial-labelledby=\"panel-title\"\n      role=\"dialog\"\n      :class=\"{\n        'min-h-[100dvh]': contentLoading,\n      }\"\n      class=\"c-panel fixed left-0 top-[--globalHeaderHeightMobile] z-30 flex max-h-dvh w-full border-t-2 bg-white shadow-lg lg:top-[--globalHeaderHeightDesktop] lg:h-auto\"\n    >\n      <div\n        class=\"c-panel relative flex w-full flex-col gap-8 px-0 pt-9 lg:pt-12\"\n      >\n        <div class=\"container flex flex-col gap-6\">\n          <button class=\"self-end text-gray-700\" @click=\"emit('close')\">\n            <span class=\"sr-only\">Close panel</span>\n            <UiIcon icon=\"close\" size=\"md\" />\n          </button>\n\n          <h2\n            v-if=\"!contentLoading\"\n            id=\"panel-title\"\n            class=\"text-2xl font-bold\"\n          >\n            <slot name=\"title\" />\n          </h2>\n        </div>\n        <UiLoadingIndicator\n          v-show=\"contentLoading\"\n          class=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform\"\n        />\n        <slot name=\"content\" />\n      </div>\n    </div>\n  </Transition>\n</template>\n\n<script setup lang=\"ts\">\nimport { onClickOutside } from '@vueuse/core'\n\ndefineProps<{\n  isOpen: boolean\n  contentLoading?: boolean\n}>()\n\ndefineSlots<{\n  title(): HTMLElement\n  content(): HTMLElement\n}>()\n\nconst emit = defineEmits<{ open: []; close: [] }>()\n\nconst panel = ref<HTMLElement | null>(null)\n\nonClickOutside(panel, (event) => {\n  if ((event.target as HTMLElement).dataset.searchButton === 'true') {\n    emit('open')\n    return\n  }\n\n  emit('close')\n})\n\nonMounted(() => {\n  window.addEventListener('keyup', onKeyup)\n})\n\nonUnmounted(() => {\n  window.removeEventListener('keyup', onKeyup)\n})\n\nfunction onKeyup(event: KeyboardEvent) {\n  if (event.key === 'Escape') {\n    emit('close')\n  }\n}\n</script>\n\n<style lang=\"postcss\" scoped>\n.c-panel {\n  max-height: calc(100dvh - var(--globalHeaderHeightMobile));\n\n  @screen lg {\n    max-height: calc(100dvh - var(--globalHeaderHeightDesktop));\n  }\n}\n\n.c-label {\n  @apply text-sm font-medium text-gray-700;\n}\n</style>\n","<template>\n  <UiPanel\n    :is-open=\"isPropertyFiltersVisible\"\n    :content-loading=\"filtersLoading\"\n    class=\"lg:min-h-[911px]\"\n    @open=\"togglePropertyFilters(true)\"\n    @close=\"togglePropertyFilters(false)\"\n  >\n    <template #title>Find a property</template>\n    <template #content>\n      <LazyPropertyFilters @loaded=\"onLoaded\" />\n    </template>\n  </UiPanel>\n</template>\n\n<script setup lang=\"ts\">\nconst { togglePropertyFilters } = useUIStore()\nconst { isPropertyFiltersVisible } = storeToRefs(useUIStore())\n\nconst filtersLoading = ref(true)\n\nfunction onLoaded() {\n  filtersLoading.value = false\n}\n</script>\n","<template>\n  <header\n    :class=\"{\n      sticky: !isCondensedNavigation && !isHubPage,\n      'lg:h-[--globalHeaderHeightDesktop]': !isCondensedNavigation,\n      'lg:h-[--globalHeaderHeightDesktopCondensed]': isCondensedNavigation,\n    }\"\n    class=\"top-0 z-40 h-[--globalHeaderHeightMobile] bg-white\"\n  >\n    <div class=\"container flex h-full items-center gap-4\">\n      <button\n        v-if=\"!isLandingPageContentType\"\n        :class=\"{\n          'lg:hidden': !isCondensedNavigation,\n        }\"\n        class=\"relative\"\n        data-action=\"toggleNavigationMenu\"\n        @click=\"toggleNavigationMenu()\"\n      >\n        <span class=\"sr-only\">Toggle Menu</span>\n        <UiIcon\n          icon=\"hamburger\"\n          size=\"md\"\n          class=\"ease-out-expo pointer-events-none text-gray-700 transition-transform duration-700\"\n        />\n      </button>\n\n      <div\n        :class=\"{\n          'lg:flex-grow-0': showSearchButton && !isCondensedNavigation,\n        }\"\n        class=\"flex flex-grow items-center\"\n      >\n        <NuxtLink v-if=\"!isLandingPageContentType\" to=\"/\" class=\"inline-block\">\n          <GlobalLogo\n            class=\"w-[7.75rem] translate-y-[2px] transform lg:w-[8.5rem]\"\n          />\n        </NuxtLink>\n        <GlobalLogo\n          v-else\n          class=\"w-[7.75rem] translate-y-[2px] transform lg:w-[8.5rem]\"\n        />\n      </div>\n\n      <div\n        v-if=\"!isCondensedNavigation && showSearchButton\"\n        class=\"relative lg:flex-grow lg:pl-2\"\n      >\n        <UiButton\n          :label=\"searchButtonText\"\n          :data-attributes=\"[{ 'search-button': true }]\"\n          theme=\"muted\"\n          variant=\"outline\"\n          right-icon=\"search\"\n          size=\"md\"\n          class=\"hidden lg:block\"\n          @click=\"onSearchButtonClick\"\n        />\n\n        <UiButton\n          :label=\"searchButtonText\"\n          :data-attributes=\"[{ 'search-button': true }]\"\n          theme=\"muted\"\n          variant=\"outline\"\n          right-icon=\"search\"\n          size=\"sm\"\n          class=\"lg:hidden\"\n          @click=\"onSearchButtonClick\"\n        />\n      </div>\n\n      <GlobalNavigationDesktop v-if=\"!isCondensedNavigation\" />\n      <GlobalNavigationDesktopCondensed v-if=\"isCondensedNavigation\" />\n\n      <div class=\"hidden items-center gap-2 lg:flex\">\n        <UiIcon icon=\"phone\" size=\"md\" class=\"text-gray-700\" />\n\n        <a\n          :href=\"`tel:${isNzCommunity ? nzPhone : phone}`\"\n          class=\"text-sm font-bold text-gray-900\"\n        >\n          {{ isNzCommunity ? nzPhone : phone }}\n        </a>\n      </div>\n    </div>\n\n    <GlobalNavigationMobile />\n    <PropertyFiltersPanel />\n  </header>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  isContentTypeLandingPageStoryblok,\n  isContentTypeHubStoryblok,\n} from '@/utils/sb-content-type-refiners'\n\n// we need to wait for the story to be ready before we can use it\nawait useCurrentStoryStore().isReady\n\nconst { phone, searchInputPlaceholderText, propertySearchPage, nzPhone } =\n  await useConfigStore().asyncConfig()\nconst searchButtonText = computed(\n  () => searchInputPlaceholderText.value || 'Search',\n)\nconst { communityContent, story, isNzCommunity } = storeToRefs(\n  useCurrentStoryStore(),\n)\nconst isCondensedNavigation = computed(() => !!communityContent.value)\nconst { toggleHamburgerMenu: toggleNavigationMenu, togglePropertyFilters } =\n  useUIStore()\n\nconst showSearchButton = computed(\n  () => useSlug().slugString.value !== propertySearchPage.value.cached_url,\n)\nconst isLandingPageContentType = computed(() =>\n  isContentTypeLandingPageStoryblok(story.value),\n)\nconst isHubPage = computed(() => isContentTypeHubStoryblok(story.value))\n\nfunction onSearchButtonClick(): void {\n  togglePropertyFilters()\n}\n</script>\n"],"file":"_nuxt/CgvrV532.js"}