{"version":3,"file":"B2miWDBL.js","sources":["../../../../components/property/PropertyStatusLabel.vue","../../../../components/property/PropertyCard.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{\n      'border-eggshell before:bg-eggshell':\n        status === 'complete' || status === 'ready-build',\n      'border-green before:bg-green':\n        status === 'ready' || status === 'ready-move-in',\n      'border-orange before:bg-orange': status === 'under-construction',\n      'bg-red border-red text-white before:bg-white': status === 'sold',\n      'border-yellow before:bg-yellow': status === 'under-offer',\n      'border-coral-reef before:bg-coral-reef': status === 'off-plan',\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=\"relative 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    <figure\n      v-if=\"showImage && badge?.filename\"\n      class=\"absolute right-5 top-0 w-16\"\n    >\n      <NuxtImg :src=\"badge.filename\" :alt=\"badge.alt\" />\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 }}<sup v-if=\"showPriceDisclaimer\">*</sup>\n      </div>\n\n      <div\n        v-if=\"vitals.length\"\n        class=\"flex flex-grow flex-wrap items-start gap-3\"\n      >\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\"\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 { PropertyCardProps } from '@/types/storyblok'\nimport type { Icon } from '@/components/ui/UiIcon.vue'\nimport { formatLink } from '@/utils/link-utils'\nimport { getCommunityThemeButtonCSSVars } from '@/utils/theme-utils'\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  propertyType: undefined,\n  width: undefined,\n  depth: 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  badge: undefined,\n  showPriceDisclaimer: false,\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 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: roundDecimal(props.landSize),\n      append: 'm²',\n    })\n  }\n\n  if (props.propertyType === 'Land') {\n    if (props.width) {\n      value.push({\n        icon: 'lot-width',\n        label: roundDecimal(props.width, 1),\n        append: 'm',\n      })\n    }\n\n    if (props.depth) {\n      value.push({\n        icon: 'lot-depth',\n        label: roundDecimal(props.depth, 1),\n        append: 'm',\n      })\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","corporatePhoneNumber","_withAsyncContext","useConfigStore","component","__nuxt_component_0"],"mappings":"miCAmBA,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,+kCCkHA,IAAO,EAGP,MAAS,6CACT,2PAEA,EA0BA,aAAe,CAEf,QAAkB,MAAA,EAElB,MAAA,CAEA,QAAQ,MAEF,EACA,MAAA,CAEE,QAAA,MAEN,EACF,SAAC,CAED,QAAuB,MAAA,EAEc,OACtB,CAAA,QACG,MAAA,EACa,MACA,CACzB,QAAU,MAEhB,EAEM,QAAA,CACJ,cAMA,EACE,SAAM,CACR,QAAA,MAEA,EACE,SAAM,CACR,KAAA,QAEA,UACE,EACF,WAAA,CAEA,aACE,QAAW,EAAA,EAET,mBAAoB,CAAc,QAC1B,MAAA,EAEZ,OAAA,CAEI,QAAA,MACF,EACE,MAAA,CAAW,QACH,MAAA,EAC4B,UAC1B,CAAA,KACT,QACH,QAAA,EAEA,EACE,MAAA,CAAW,QACH,MAAA,EAC4B,oBAC1B,CAAA,KACT,QACH,QAAA,EACF,CAEA,EACE,MAAA,MAAMf,EAAK,CAAA,IAAAK,EACHC,EAAA,MACNP,EAAaC,EACb,CAAQ,MACTgB,CACH,GAAA,CAAAX,EAAAC,CAAA,EAAAW,EAAA,IAAAC,GAAA,EAAA,YAAA,CAAA,EAAAb,EAAA,MAAAA,EAAAC,EAAA,EAAAD,GAEOc,EAAAX,EAAA,WAAA,OAAAE,EAAAX,EAAA,OAAA,MAAAW,EAAA,WAAAU,EAAA,MAAA,EACR"}