{"version":3,"file":"CpW6cIb2.js","sources":["../../../../components/organisms/FormCTA.vue"],"sourcesContent":["<template>\n  <div id=\"form-cta\"\n    :class=\"[\n      'container-' + organism.containerWidth,\n      organism.removeMargin,\n      'organism form-cta bg-bc-gray',\n    ]\"\n  >\n    <div\n      class=\"content max-w-[1220px] mx-auto flex flex-wrap xl:flex-nowrap gap-10 justify-center items-start pt-20 pb-10 px-8\"\n    >\n      <img\n        class=\"rounded-full object-cover object-[60%_50%] w-[240px] aspect-square bg-gradient-to-b to-[#CCB59F] from-[#E1DBD4] border border-gray-400\"\n        :src=\"getImageSrc(organism.image, 'medium')\"\n      />\n      <div class=\"text max-w-[min(400px,_100%)]\">\n        <h2\n          class=\"mb-7 font-archer font-semibold text-3xl md:text-[40px] leading-none text-gray-800\"\n        >\n          {{ organism.title1 }}\n        </h2>\n        <div\n          class=\"text-lg text-gray-500 description font-arial\"\n          v-html=\"organism.description\"\n        ></div>\n      </div>\n      <div class=\"form w-full max-w-[522px]\">\n        <header\n          v-if=\"organism.formHeader\"\n          v-html=\"organism.formHeader\"\n          class=\"mb-4\"\n        ></header>\n        <FormsHubSpotForm :form=\"form\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n.form-cta {\n  .text {\n    h2 {\n      @apply mb-2 max-w-full;\n    }\n\n    h3 {\n      @apply font-archer text-2xl text-gray-800 font-semibold;\n    }\n\n    p {\n      @apply mb-4 leading-tight;\n    }\n\n    a {\n      @apply text-bc-dark-blue;\n    }\n\n    ul {\n      @apply pl-8 pb-5;\n    }\n\n    .icon {\n      @apply relative;\n\n      &::before {\n        @apply absolute w-5 h-5 -left-8 top-[1px];\n      }\n\n      &.icon-phone::before {\n        content: url(\"/img/heroicon-phone.svg\");\n      }\n\n      &.icon-home::before {\n        content: url(\"/img/heroicon-home.svg\");\n      }\n\n      &.icon-link::before {\n        content: url(\"/img/heroicon-link.svg\");\n      }\n    }\n  }\n\n  form {\n    input[type=\"text\"] {\n      @apply border border-gray-400 col-span-2 md:col-span-1;\n\n      &::placeholder {\n        @apply text-sm;\n      }\n    }\n    select {\n      @apply border border-gray-400 col-span-2 text-sm text-gray-500;\n    }\n    textarea {\n      @apply border border-gray-400;\n\n      &::placeholder {\n        @apply text-sm;\n      }\n    }\n  }\n}\n</style>\n\n<script setup>\nconst props = defineProps({\n  organism: Object,\n});\n\nconst form = computed(() => {\n  return {\n    id: props.organism?.hubspotFormId,\n    hiddenFields: props.organism?.hiddenFormFields ?? [],\n  };\n});\n\nonMounted(() => {\n  if (props.organism.containerWidth === \"full-width\") {\n    addFullWidthSupport();\n  }\n});\n</script>\n"],"names":["props","__props","form","computed","_a","_b","onMounted","addFullWidthSupport"],"mappings":"u1BAyGA,MAAMA,EAAQC,EAIRC,EAAOC,EAAS,IAAM,SAC1B,MAAO,CACL,IAAIC,EAAAJ,EAAM,WAAN,YAAAI,EAAgB,cACpB,eAAcC,EAAAL,EAAM,WAAN,YAAAK,EAAgB,mBAAoB,CAAE,CACxD,CACA,CAAC,EAED,OAAAC,EAAU,IAAM,CACVN,EAAM,SAAS,iBAAmB,cACpCO,GAEJ,CAAC"}