{"version":3,"file":"BpUftzyP.js","sources":["../../../../pages/index.vue"],"sourcesContent":["<template>\n  <div id=\"home\" class=\"mx-auto max-w-screen-xl\">\n    <MoleculesLoadingOverlay v-if=\"loading\" />\n    <Organisms v-else :organisms=\"organisms\" />\n    <OrganismsModalForm>\n      <header class=\"mb-4\">\n        <h2 class=\"mb-4 text-4xl font-semibold text-black font-archer\">\n          Be the First\n        </h2>\n        <p v-if=\"!isFormSubmitted\" class=\"text-lg text-gray-500\">\n          Please provide us your information and we will get back to you.\n        </p>\n      </header>\n      <FormsHubSpotForm\n        :form=\"{ id: '767c334f-0893-4757-8fa6-fd4b253bd691' }\"\n        @submit=\"isFormSubmitted = true\"\n      />\n    </OrganismsModalForm>\n  </div>\n</template>\n\n<style>\n#collections-intro-text {\n  @apply max-w-4xl mx-auto mb-10 px-4;\n\n  h2 {\n    @apply font-semibold font-archer text-gray-900 leading-normal text-2xl lg:text-[33px];\n  }\n}\n\n#lifefullness-logo-text {\n  @apply max-w-4xl mx-auto mb-10 px-4;\n\n  img {\n    @apply mb-2 mx-auto;\n  }\n\n  h2 {\n    @apply font-semibold font-archer text-bc-warm-gray leading-normal text-2xl lg:text-[33px];\n  }\n\n  .buttons {\n    @apply justify-center mt-8;\n  }\n}\n\n#collections-columns {\n  @apply px-4 mb-28;\n\n  .image-link {\n    @apply hover:opacity-90;\n  }\n\n  img {\n    @apply mb-4;\n  }\n\n  .title {\n    @apply mb-4;\n\n    &::before {\n      @apply w-14 h-14 bg-no-repeat bg-contain inline-block relative top-4;\n      content: \"\";\n    }\n  }\n\n  .description p {\n    @apply text-center text-lg font-arial;\n    letter-spacing: 0.2px;\n    line-height: 1.222em;\n  }\n\n  .buttons {\n    @apply !justify-center;\n  }\n\n  #wee-cottage-column {\n    .title {\n      @apply text-bc-wc-green;\n\n      &::before {\n        background-image: url(\"/img/wee-cottage-icon.svg\");\n      }\n    }\n  }\n\n  #easyhouse-column {\n    .title {\n      @apply text-bc-ezh-blue;\n\n      &::before {\n        background-image: url(\"/img/easyhouse-icon.svg\");\n      }\n    }\n  }\n\n  #new-beginnings-column {\n    .title {\n      @apply text-bc-nb-blue;\n\n      &::before {\n        background-image: url(\"/img/new-beginnings-icon.svg\");\n      }\n    }\n  }\n\n  #limited-edition-column {\n    .title {\n      @apply text-bc-le-gray;\n\n      &::before {\n        background-image: url(\"/img/limited_edition-icon.svg\");\n      }\n    }\n  }\n\n  .buttons a {\n    @apply uppercase;\n  }\n}\n\n#testimonials-slider,\n.testimonial-cta {\n  @apply bg-gradient-to-r from-[#1685a7] to-[#0e6ea2];\n}\n\n#testimonials-slider::before {\n  @apply block w-full h-10 bg-white;\n  content: \"\";\n}\n\n.virtual-tour {\n  .buttons a {\n    @apply uppercase;\n  }\n}\n\n#marshall-fire-rebuilding {\n  @apply py-7;\n}\n\n.text-cta {\n  p {\n    @apply leading-8;\n\n    a {\n      @apply text-sm text-bc-dark-blue underline;\n    }\n  }\n\n  .buttons a {\n    @apply uppercase;\n  }\n}\n</style>\n\n<script setup>\nimport { useAsyncQuery } from \"#imports\";\nimport { GET_ORGANISMS } from \"~/graphql/GetOrganisms\";\nimport { storeToRefs } from \"pinia\";\nconst breadcrumbs = useBreadcrumbs();\nconst { breadcrumbsList } = storeToRefs(breadcrumbs);\nconst modalForm = useModalForm();\nconst isFormSubmitted = ref(false);\n\nconst { data, pending, error } = await useAsyncQuery(GET_ORGANISMS, {\n  uri: \"/\",\n});\n\nconst organisms = computed(() => {\n  return data.value?.organisms?.hlOrganisms?.hlOrganism ?? [];\n});\n\nconst loading = pending;\n\nbreadcrumbsList.value = [];\n\nonMounted(() => {\n  window.addEventListener(\n    \"hashchange\",\n    () => {\n      if (window.location.hash === \"#modal-form\") {\n        modalForm.openModal();\n        window.location.hash = \"\";\n      }\n    },\n    false,\n  );\n\n  addTriggers();\n});\n\nconst addTriggers = () => {\n  const modalFormTriggers = document.querySelectorAll(\n    \"#cta-be-the-first .button-1, #cta-be-the-first a[href='#modal-form']\",\n  );\n\n  modalFormTriggers.forEach((node) => {\n    // Clone & replace node to remove existing event listeners\n    const clonedNode = node.cloneNode(true);\n    node.parentNode.replaceChild(clonedNode, node);\n\n    clonedNode.addEventListener(\"click\", (event) => {\n      // Add event listener\n      event.preventDefault();\n      modalForm.openModal();\n    });\n  });\n};\n\nonUpdated(() => {\n  addTriggers();\n});\n</script>\n"],"names":["breadcrumbs","useBreadcrumbs","breadcrumbsList","storeToRefs","modalForm","useModalForm","isFormSubmitted","ref","data","pending","error","__temp","__restore","_withAsyncContext","useAsyncQuery","GET_ORGANISMS","organisms","computed","_c","_b","_a","loading","onMounted","addTriggers","node","clonedNode","event","onUpdated"],"mappings":"ixCAgKA,MAAMA,EAAcC,EAAc,EAC5B,CAAE,gBAAAC,CAAiB,EAAGC,EAAYH,CAAW,EAC7CI,EAAYC,EAAY,EACxBC,EAAkBC,EAAI,EAAK,EAE3B,CAAE,KAAAC,EAAM,QAAAC,EAAS,MAAAC,CAAO,GAAG,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAMC,EAAcC,EAAe,CAClE,IAAK,GACP,CAAC,CAAA,mBAEKC,EAAYC,EAAS,IAAM,WAC/B,QAAOC,GAAAC,GAAAC,EAAAZ,EAAK,QAAL,YAAAY,EAAY,YAAZ,YAAAD,EAAuB,cAAvB,YAAAD,EAAoC,aAAc,CAAA,CAC3D,CAAC,EAEKG,EAAUZ,EAEhBP,EAAgB,MAAQ,CAAA,EAExBoB,EAAU,IAAM,CACd,OAAO,iBACL,aACA,IAAM,CACA,OAAO,SAAS,OAAS,gBAC3BlB,EAAU,UAAS,EACnB,OAAO,SAAS,KAAO,GAE1B,EACD,EACJ,EAEEmB,GACF,CAAC,EAED,MAAMA,EAAc,IAAM,CACE,SAAS,iBACjC,sEACJ,EAEoB,QAASC,GAAS,CAElC,MAAMC,EAAaD,EAAK,UAAU,EAAI,EACtCA,EAAK,WAAW,aAAaC,EAAYD,CAAI,EAE7CC,EAAW,iBAAiB,QAAUC,GAAU,CAE9CA,EAAM,eAAc,EACpBtB,EAAU,UAAS,CACzB,CAAK,CACL,CAAG,CACH,EAEA,OAAAuB,EAAU,IAAM,CACdJ,GACF,CAAC"}