{"version":3,"file":"CYREx0cv.js","sources":["../../../../components/hero/HeroGalleryTileImage.vue","../../../../components/hero/HeroGallery.vue","../../../../storyblok/block/hero/BlockHero.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"isInteractive ? 'button' : 'div'\"\n    :class=\"{\n      'lg:col-span-3': useGrid && imageIndex === 0,\n      'lg:row-span-2': useGrid && imageIndex === 1 && totalImages === 2,\n      'lg:col-span-1': useGrid && totalImages >= 2,\n      'row-span-2': useGrid && imageIndex === 0,\n      'hidden lg:block': imageIndex > 0,\n    }\"\n    class=\"relative col-span-full h-full w-full\"\n    aria-label=\"View gallery\"\n    @click=\"onClick\"\n  >\n    <div v-if=\"!isInteractive\" class=\"bg-primary-800/40 absolute inset-0\" />\n    <NuxtImg\n      :src=\"image.filename\"\n      :alt=\"image.alt\"\n      loading=\"lazy\"\n      width=\"1920\"\n      class=\"size-full object-cover\"\n    />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type { MultiassetStoryblok } from '@/types/storyblok'\n\nconst props = withDefaults(\n  defineProps<{\n    imageIndex: number\n    useGrid: boolean\n    totalImages: number\n    image: MultiassetStoryblok[0]\n    isInteractive: boolean\n  }>(),\n  {\n    isInteractive: true,\n  },\n)\nconst { togglePhotoGallery } = useUIStore()\n\nfunction onClick(event: Event): void {\n  if (props.isInteractive) {\n    event.preventDefault()\n    togglePhotoGallery(true)\n  }\n}\n</script>\n","<template>\n  <div\n    v-editable=\"blok\"\n    :class=\"{\n      'grid grid-cols-4 grid-rows-2 gap-1': useGrid,\n    }\"\n    class=\"size-full\"\n  >\n    <HeroGalleryTileImage\n      v-for=\"(image, imageIndex) in images\"\n      :key=\"image.id\"\n      :image-index=\"imageIndex\"\n      :total-images=\"totalImages\"\n      :use-grid=\"useGrid\"\n      :image=\"image\"\n      :is-interactive=\"isInteractive\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { BlockGalleryStoryblok } from '@/types/storyblok'\n\nconst props = withDefaults(\n  defineProps<{\n    blok: BlockGalleryStoryblok\n    isInteractive?: boolean\n  }>(),\n  {\n    isInteractive: true,\n  },\n)\nconst totalImages = computed(() => props.blok.galleryItems?.length)\nconst useGrid = computed(() => {\n  return galleryStyle.value === 'grid' && totalImages.value >= 2\n})\nconst images = computed(() => {\n  return (\n    props.blok.galleryItems?.slice(\n      0,\n      galleryStyle.value === 'default' ? 1 : 3,\n    ) || []\n  )\n})\nconst galleryStyle = computed(() => props.blok.galleryStyle)\n</script>\n","<template>\n  <section\n    v-editable=\"blok\"\n    :class=\"{\n      'min-h-[45vh] xl:min-h-[60vh]': blok.size === 'fill-screen',\n      'min-h-130': blok.size === 'default',\n      'min-h-85 lg:min-h-120': blok.size === 'small',\n      'bg-white text-white': blok.gallery?.length,\n      'text-primary-800 bg-gray-300': !blok.gallery?.length,\n      'lg:pb-32': blok.logo?.filename,\n      'pb-10': !!communityName,\n      'pb-16': !communityName,\n    }\"\n    class=\"relative flex\"\n  >\n    <div\n      v-if=\"blok.showOverlay\"\n      class=\"pointer-events-none absolute inset-0 z-10 bg-black/50\"\n    />\n    <div\n      :class=\"{\n        'pointer-events-none': !blok.heading && !blok.subHeading,\n      }\"\n      class=\"container relative z-20\"\n    >\n      <div\n        v-if=\"\n          blok.heading ||\n          blok.subHeading ||\n          blok.content?.length ||\n          blok.badge?.filename\n        \"\n        :class=\"{\n          'items-center': blok.alignment === 'center',\n          'items-start': blok.alignment === 'left',\n          'items-end': blok.alignment === 'right',\n          'pointer-events-none': !blok.heading && !blok.subHeading,\n        }\"\n        class=\"relative z-10 flex h-full flex-col justify-end gap-8 lg:justify-center\"\n      >\n        <div\n          :class=\"{\n            'pt-20 lg:pt-52': blok.logo?.filename,\n            'pt-16': !blok.logo,\n            'text-left': blok.alignment === 'left',\n            'text-center': blok.alignment === 'center',\n            'text-right': blok.alignment === 'right',\n          }\"\n          class=\"flex h-full max-w-4xl flex-col gap-4\"\n        >\n          <figure\n            v-if=\"blok.badge?.filename\"\n            class=\"absolute right-0 top-0 w-[5.5rem] lg:w-[7.5rem]\"\n          >\n            <NuxtImg\n              :src=\"blok.badge.filename\"\n              :alt=\"blok.badge.alt\"\n              class=\"w-full\"\n            />\n          </figure>\n\n          <figure v-if=\"blok.logo?.filename\" class=\"mb-8\">\n            <NuxtImg\n              :src=\"blok.logo.filename\"\n              :alt=\"blok.logo.alt\"\n              :class=\"{\n                'mx-auto': blok.alignment === 'center',\n              }\"\n              class=\"w-full max-w-36 lg:max-w-44\"\n            />\n          </figure>\n\n          <div\n            :class=\"{\n              'translate-y-16 transform':\n                blok.content?.[0]?.component === 'BlockHeroSearch',\n            }\"\n            class=\"my-auto\"\n          >\n            <h1\n              v-if=\"blok.heading\"\n              :class=\"{\n                'font-display': blok.fontStyle === 'display' || !blok.fontStyle,\n                'font-sans font-bold': blok.fontStyle === 'regular',\n                'text-3xl': blok.fontSize === 'regular',\n                'text-3xl lg:text-4xl': blok.fontSize === 'large',\n                'max-w-2xl text-3xl lg:text-5xl':\n                  blok.fontSize === 'extra-large',\n              }\"\n              class=\"mx-auto\"\n            >\n              {{ blok.heading }}\n            </h1>\n\n            <p\n              v-if=\"blok.subHeading\"\n              :class=\"{\n                'mx-auto': blok.alignment === 'center',\n              }\"\n              class=\"max-w-2xl\"\n            >\n              {{ blok.subHeading }}\n            </p>\n          </div>\n        </div>\n\n        <div\n          v-if=\"blok.content?.length\"\n          :class=\"{\n            'justify-start': blok.alignment === 'left',\n            'justify-center': blok.alignment === 'center',\n            'justify-end': blok.alignment === 'right',\n          }\"\n          class=\"mt-auto flex w-full\"\n        >\n          <StoryblokComponent\n            v-for=\"component in blok.content\"\n            :key=\"component._uid\"\n            v-editable=\"blok\"\n            :blok=\"component\"\n            class=\"pointer-events-auto\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <div class=\"absolute inset-0\">\n      <template\n        v-if=\"blok.backgroundType === 'video' && blok.backgroundVideo?.filename\"\n      >\n        <video playsinline loop muted autoplay class=\"size-full object-cover\">\n          <source\n            :src=\"blok.backgroundVideo?.filename\"\n            :type=\"getAssetMimeType(blok.backgroundVideo.filename)\"\n          />\n        </video>\n      </template>\n      <template\n        v-else-if=\"blok.backgroundType === 'gallery' || !blok.backgroundType\"\n      >\n        <HeroGallery\n          v-for=\"gallery in blok.gallery\"\n          :key=\"gallery._uid\"\n          v-editable=\"blok\"\n          :blok=\"gallery\"\n          :is-interactive=\"isGalleryInteractive\"\n        />\n      </template>\n    </div>\n\n    <template v-if=\"!isCommunity && !isProperty\">\n      <PhotoGallery\n        v-for=\"gallery in blok.gallery\"\n        :key=\"gallery._uid\"\n        :is-open=\"isPhotoGalleryVisible\"\n        :images=\"gallery.galleryItems\"\n        :gallery-style=\"gallery.galleryStyle\"\n        @close=\"onPhotoGalleryClose\"\n      />\n    </template>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport type { BlockHeroStoryblok } from '@/types/storyblok'\nimport { getAssetMimeType } from '@/utils/asset-utils'\n\nconst props = defineProps<{ blok: BlockHeroStoryblok }>()\nconst uiStore = useUIStore()\nconst { togglePhotoGallery } = uiStore\nconst { isPhotoGalleryVisible } = storeToRefs(uiStore)\nconst { story, communityName } = storeToRefs(useCurrentStoryStore())\nconst isGalleryInteractive = computed(\n  () =>\n    !props.blok.heading && !props.blok.subHeading && !props.blok.logo?.filename,\n)\nconst isCommunity = computed(() => {\n  return story.value?.content?.component === 'ContentTypeCommunity'\n})\nconst isProperty = computed(() => {\n  return story.value?.content?.component === 'ContentTypeProperty'\n})\n\nfunction onPhotoGalleryClose() {\n  togglePhotoGallery(false)\n}\n</script>\n"],"names":["__props","props","togglePhotoGallery","totalImages","computed","_a","useGrid","galleryStyle","images","uiStore","useUIStore","isPhotoGalleryVisible","storeToRefs","story","communityName","useCurrentStoryStore","isGalleryInteractive","isCommunity","_b"],"mappings":"+xBA4BA,KAAc,QAYR,QAAqB,EAE3B,CACE,EACE,MAAAA,EAAqB,CACrB,MAAAC,EAAAD,EACF,CACF,mBAAAE,ouBCxBA,CASA,EACM,MAAAF,EAAA,CACJ,MAAAC,EAAoBD,EACrBG,EAAAC,EAAA,IAAA,OAAA,OAAAC,EAAAJ,EAAA,KAAA,eAAA,YAAAI,EAAA,OAAA,EACKC,IAAwB,IAE1BC,EAAyB,QAAA,QAAAJ,EAAA,OAAA,CACvB,EACAK,EAAAJ,EAAuB,IAAA,OACzB,QAAMC,EAAAJ,EAAA,KAAA,eAAA,YAAAI,EAAA,MAAA,EAAAE,EAAA,QAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAET,EACKA,EAAeH,EAAS,IAAMH,EAAM,KAAK,YAAY,spBCyH3D,2DAEA,EACA,MAAAD,GACM,MAAAC,IACAQ,EAAEC,IACF,CACN,mBAAAR,CAA6B,EAEzBO,EACJ,CACM,sBAAAE,CACJ,EAAOC,EAAaH,CAAA,EACrB,CACK,MAAAI,EACG,cAAAC,CAAoC,EAC5CF,EAAAG,EAAA,CAAA,EAEDC,EAA+BZ,EAAA,IAAA,OAAA,OAAAH,EAAA,KAAA,SAAA,CAAAA,EAAA,KAAA,YAAA,GAAAI,EAAAJ,EAAA,KAAA,OAAA,MAAAI,EAAA,UAAA,EAC7BY,EAAAb,EAAwB,IAAA,SAC1B,QAAAc,GAAAb,EAAAQ,EAAA,QAAA,YAAAR,EAAA,UAAA,YAAAa,EAAA,aAAA"}