{"version":3,"file":"Dp45dzP7.js","sources":["../../../../components/property/PropertyStatusLabel.vue","../../../../components/property/PropertyCard.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{\n      'border-eggshell before:bg-eggshell': status === 'complete',\n      'border-green before:bg-green': status === 'ready',\n      'border-orange before:bg-orange': status === 'under-construction',\n      'bg-red border-red text-white before:bg-white': status === 'sold',\n      'border-red before:bg-red': status === 'under-offer',\n    }\"\n    class=\"text-xxs flex items-center gap-1 rounded-3xl border-2 px-1.5 py-0.5 font-medium text-gray-900 before:block before:size-2 before:rounded-full before:content-['']\"\n  >\n    {{ statusLabel }}\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nconst props = defineProps<{\n  status?: string\n}>()\n\nconst { fetchPropertyDevStatusEntries } = usePropertyStatusEntriesStore()\nconst { propertyDevStatusEntries } = storeToRefs(\n  usePropertyStatusEntriesStore(),\n)\nawait fetchPropertyDevStatusEntries()\n\nconst statusLabel = computed<string | undefined>(\n  () =>\n    propertyDevStatusEntries.value?.find(\n      (entry) => entry.value === props.status,\n    )?.name || '',\n)\n</script>\n","<template>\n  <component\n    :is=\"component\"\n    :to=\"formatLink(link?.cached_url)\"\n    :class=\"{\n      'lg:border-2 lg:border-solid lg:border-gray-200': showCtas,\n      'shadow-md shadow-gray-200': showShadow,\n      'ease-out-expo transform transition-transform duration-700 hover:-translate-y-2':\n        component !== 'div',\n    }\"\n    class=\"flex flex-col overflow-clip rounded-xl bg-white\"\n  >\n    <figure\n      v-if=\"image?.filename && showImage\"\n      class=\"relative aspect-[396/264] max-h-[16.5rem] w-full bg-gray-300\"\n    >\n      <NuxtImg\n        :src=\"image.filename\"\n        :alt=\"image.alt\"\n        width=\"396\"\n        class=\"size-full object-cover\"\n      />\n\n      <figcaption\n        v-if=\"valueProposition\"\n        :style=\"{\n          '--bg-color':\n            communityContent?.backgroundDark.color ?? colors.primary[500],\n          '--text-color': communityContent?.contentDark.color ?? colors.white,\n        }\"\n        class=\"text-xxs absolute left-0 top-0 rounded-br-lg bg-[--bg-color] px-3 py-1.5 font-medium text-[--text-color]\"\n      >\n        {{ valueProposition }}\n      </figcaption>\n    </figure>\n\n    <div\n      :class=\"{\n        'py-6 lg:px-6': showCtas,\n        'p-3': !showCtas,\n      }\"\n      class=\"flex flex-grow flex-col items-start gap-y-2 text-gray-900\"\n    >\n      <PropertyStatusLabel v-if=\"status\" :status=\"status\" />\n\n      <div v-if=\"formattedPrice\" class=\"text-xl font-bold\">\n        {{ formattedPrice }}\n      </div>\n\n      <div v-if=\"showVitals\" class=\"flex flex-grow flex-wrap items-start gap-3\">\n        <div\n          v-for=\"(vital, vitalIndex) in vitals\"\n          :key=\"vitalIndex\"\n          class=\"flex items-center gap-1 text-sm\"\n        >\n          <UiIcon :icon=\"vital.icon\" size=\"md\" class=\"text-primary-800\" />\n\n          <div v-if=\"vital.label\" class=\"font-medium\">\n            {{ vital.label }}\n          </div>\n\n          <div v-if=\"vital.append\">\n            {{ vital.append }}\n          </div>\n        </div>\n      </div>\n\n      <div\n        v-if=\"address || builders?.length\"\n        class=\"flex w-full flex-wrap items-center justify-between\"\n      >\n        <address\n          v-if=\"address\"\n          class=\"text-secondary max-w-[200px] text-xs not-italic leading-tight\"\n        >\n          {{ address }}\n        </address>\n\n        <div\n          v-for=\"builder in builders\"\n          :key=\"builder._uid\"\n          class=\"flex flex-wrap gap-2\"\n        >\n          <figure\n            v-if=\"builder.logo?.filename\"\n            class=\"flex h-16 w-20 items-center justify-center bg-gray-100 p-4\"\n          >\n            <NuxtImg :src=\"builder.logo.filename\" :alt=\"builder.logo.alt\" />\n          </figure>\n        </div>\n      </div>\n\n      <div v-if=\"showCtas\" class=\"mt-6 w-full border-t-2 border-gray-100 pt-6\">\n        <div class=\"flex flex-col gap-3\">\n          <UiButton\n            :link=\"bookInspectionLink\"\n            :full-width=\"true\"\n            :custom-color-theme=\"\n              communityContent\n                ? getCommunityThemeButtonCSSVars(\n                    'outline',\n                    'dark',\n                    communityContent,\n                  )\n                : undefined\n            \"\n            variant=\"outline\"\n            theme=\"dark\"\n            label=\"Book an inspection\"\n            left-icon=\"calendar\"\n            size=\"md\"\n          />\n\n          <UiButton\n            :link=\"`tel:${phoneNumber}`\"\n            :full-width=\"true\"\n            :custom-color-theme=\"\n              communityContent\n                ? getCommunityThemeButtonCSSVars(\n                    'fill',\n                    'dark',\n                    communityContent,\n                  )\n                : undefined\n            \"\n            variant=\"fill\"\n            theme=\"dark\"\n            label=\"Talk to us\"\n            left-icon=\"phone\"\n            size=\"md\"\n          />\n        </div>\n      </div>\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport colors from '#tailwind-config/theme/colors'\nimport type {\n  AssetStoryblok,\n  ContentTypeAgentStoryblok,\n  ContentTypeBuilderStoryblok,\n  ContentTypePropertyStoryblok,\n  MultilinkStoryblok,\n} from '@/types/storyblok'\nimport type { Icon } from '@/components/ui/UiIcon.vue'\nimport { formatLink } from '@/utils/link-utils'\nimport { getCommunityThemeButtonCSSVars } from '@/utils/theme-utils'\n\nexport type PropertyCardProps = {\n  link?: MultilinkStoryblok\n  image?: AssetStoryblok\n  status?: ContentTypePropertyStoryblok['status']\n  valueProposition?: ContentTypePropertyStoryblok['valueProposition']\n  bedrooms?: number\n  bathrooms?: number\n  carSpaces?: number\n  landSize?: number\n  facing?: string\n  price?: number\n  address?: string\n  builders?: ContentTypeBuilderStoryblok[]\n  showCtas?: boolean\n  showShadow?: boolean\n  bookInspectionLink?: MultilinkStoryblok\n  agents?: ContentTypeAgentStoryblok[]\n  phone?: string\n  showImage?: boolean\n}\nexport interface PropertyCardWithUuid extends PropertyCardProps {\n  uuid: string\n}\n\nconst props = withDefaults(defineProps<PropertyCardProps>(), {\n  link: undefined,\n  image: undefined,\n  status: undefined,\n  valueProposition: undefined,\n  bedrooms: undefined,\n  bathrooms: undefined,\n  carSpaces: undefined,\n  landSize: undefined,\n  facing: undefined,\n  price: undefined,\n  address: undefined,\n  builders: undefined,\n  showCtas: false,\n  showShadow: true,\n  bookInspectionLink: undefined,\n  agents: undefined,\n  phone: undefined,\n  showImage: true,\n})\n\nconst { phone: corporatePhoneNumber } = await useConfigStore().asyncConfig()\n\nconst component = computed(() =>\n  props.link?.cached_url ? resolveComponent('NuxtLink') : 'div',\n)\n\nconst { communityContent } = storeToRefs(useCurrentStoryStore())\n\nconst phoneNumber = computed(() => {\n  if (props.phone) return props.phone\n\n  const agentPhone = props.agents?.find((agent) => agent.content.phone)?.content\n    .phone\n  return agentPhone ?? corporatePhoneNumber.value\n})\n\nconst formattedPrice = computed(() =>\n  props.price\n    ? new Intl.NumberFormat('en-AU', {\n        style: 'currency',\n        currency: 'AUD',\n        minimumFractionDigits: 0,\n        maximumFractionDigits: 0,\n      }).format(props.price)\n    : undefined,\n)\n\nconst showVitals = computed(\n  () => props.bedrooms || props.bathrooms || props.carSpaces || props.landSize,\n)\n\nconst formattedLandSizeNumber = computed(() =>\n  props.landSize\n    ? new Intl.NumberFormat('en-AU', {\n        style: 'decimal',\n        minimumFractionDigits: 0,\n        maximumFractionDigits: 0,\n      }).format(props.landSize)\n    : undefined,\n)\n\nconst vitals = computed(() => {\n  const value: {\n    icon: Icon\n    label: string | number | undefined\n    append?: string\n  }[] = []\n\n  if (props.bedrooms) {\n    value.push({ icon: 'bedroom', label: props.bedrooms })\n  }\n\n  if (props.bathrooms) {\n    value.push({ icon: 'bathroom', label: props.bathrooms })\n  }\n\n  if (props.carSpaces) {\n    value.push({ icon: 'garage', label: props.carSpaces })\n  }\n\n  if (props.landSize) {\n    value.push({\n      icon: 'lot-size',\n      label: formattedLandSizeNumber.value,\n      append: 'm²',\n    })\n  }\n\n  if (props.facing) {\n    value.push({\n      icon: 'facing',\n      label: props.facing,\n      append: 'facing',\n    })\n  }\n\n  return value\n})\n</script>\n"],"names":["props","__props","fetchPropertyDevStatusEntries","usePropertyStatusEntriesStore","propertyDevStatusEntries","storeToRefs","__temp","__restore","statusLabel","computed","_b","_a","entry","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_10","corporatePhoneNumber","_withAsyncContext","useConfigStore","component","__nuxt_component_0","communityContent","useCurrentStoryStore","phoneNumber","agent"],"mappings":"4wBAgBA,MAAMA,EAAQC,EAIR,CACA,8BAAAC,CAA+B,EACLC,EAAA,EAChC,CACA,yBAAAC,CAEA,EAAAC,EAAoBF,EAAA,CAAA,EAClB,CAAAG,OACkC,IAAAJ,EAAA,CAAA,EAAA,MAAAI,EAAAC,IAAA,MAC7BC,EAAgBC,EAAA,IAAgB,SAAA,QAAAC,GAAAC,EAAAP,EAAA,QAAA,YAAAO,EAAA,KAAAC,GAAAA,EAAA,QAAAZ,EAAA,UAAA,YAAAU,EAAA,OAAA,GAAA,EAAA,MACxB,CAAAG,EAAAC,KACfC,EAAA,EAAAC,EAAA,MAAA,m+BC2GA,EASAC,GAA2B,CAC3B,MAAS,oNA0BT,EAqBA,UAAe,CAEf,QAAkB,MAAA,EAElB,SAAA,CAEA,QAAQ,MAEF,EACA,OAAA,CAEE,QAAA,MAEN,EACF,MAAC,CAED,QAAuB,MAAA,EAEc,QACtB,CAAA,QACG,MAAA,EACa,SACA,CACzB,QAAU,MAEhB,EAEA,SAAmB,CACjB,KAAM,QACR,QAAA,EAEA,EAAgC,WACxB,CAC6B,KACtB,QAAA,QACgB,EAAA,EACA,oBAG/B,QAAA,MAEM,EACJ,OAAM,CAMN,cACE,EACF,MAAA,CAEA,cACE,EACF,UAAA,CAEA,aACE,UACF,CAEA,EACE,MAAA,MAAMhB,EAAK,CAAA,IAAAK,EACHC,EAAA,MACNP,EAA+BC,EAC/B,CAAQ,MACTiB,CACH,GAAA,CAAAZ,EAAAC,CAAA,EAAAY,EAAA,IAAAC,EAAA,EAAA,YAAA,CAAA,EAAAd,EAAA,MAAAA,EAAAC,EAAA,EAAAD,GAEIe,EAAcZ,EAAA,WAAA,OAAAE,EAAAX,EAAA,OAAA,MAAAW,EAAA,WAAAW,EAAA,MAAA,EAChB,CAAW,iBAAAC,CACH,EAAAlB,EACOmB,EAAA,CAAA,EACbC,EAAQhB,EAAA,IAAA,SAAA,OACTT,EAAA,MAAAA,EAAA,QACHU,GAAAC,EAAAX,EAAA,SAAA,YAAAW,EAAA,KAAAe,GAAAA,EAAA,QAAA,SAAA,YAAAhB,EAAA,QAAA,QAEOQ,EAAA,KAAA,CACR"}