{"version":3,"file":"DSVqWysr.js","sources":["../../../../components/organisms/FormCTA.vue","../../../../components/organisms/WysiwygBlock.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'container-' + organism.containerWidth,\n      'organism form-cta bg-gray-500',\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      <NuxtLink\n        v-if=\"organism.imageLink\"\n        :to=\"organism.imageLink\"\n        target=\"_blank\"\n        class=\"image-link\"\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          loading=\"lazy\"\n        />\n      </NuxtLink>\n      <div v-else class=\"image-container\">\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          loading=\"lazy\"\n        />\n      </div>\n\n      <div class=\"text max-w-[min(400px,_100%)]\">\n        <h2\n          class=\"mb-7 font-figtree 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-figtree\"\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        <FormsDynamicGravityForm :gfid=\"gfid\" />\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 text-white;\n    }\n\n    h3 {\n      @apply font-figtree text-2xl text-white font-semibold;\n    }\n\n    h4 {\n      @apply text-white;\n    }\n\n    p {\n      @apply mb-4 leading-tight text-white;\n    }\n\n    a {\n      @apply text-white;\n    }\n\n    ul {\n      @apply pl-8 pb-5 text-white;\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    @apply px-0 !important;\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    h1,\n    h2,\n    h3,\n    h4,\n    ul,\n    li,\n    p,\n    span {\n      @apply text-white;\n    }\n\n    a {\n      @apply text-white;\n    }\n  }\n\n  #confirmation-message {\n    @apply text-white;\n  }\n}\n</style>\n\n<script setup>\nconst props = defineProps({\n  organism: Object,\n  gfid: Number,\n});\n\nonMounted(() => {\n  if (props.organism.containerWidth === \"full-width\") {\n    addFullWidthSupport();\n  }\n});\n</script>\n","<template>\n  <div\n    :class=\"[\n      'organism wysiwyg-block px-8',\n      'container-' + organism.containerWidth,\n    ]\"\n    :style=\"'background-color:' + organism.backgroundColor\"\n  >\n    <div class=\"wrapper\">\n      <div class=\"text-content\" v-html=\"organism.description\"></div>\n      <MoleculesButtons\n        v-if=\"organism.button1\"\n        :buttons=\"organism\"\n        :button-colors=\"buttonColors\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nconst props = defineProps({\n  organism: Object,\n});\n\nonMounted(() => {\n  if (props.organism?.containerWidth === \"full-width\") {\n    addFullWidthSupport();\n  }\n});\n\nconst buttonColors = computed(() => {\n  const buttonColorsArray = [];\n  if (props.organism.button1Color) {\n    buttonColorsArray.push(props.organism.button1Color);\n  }\n  if (props.organism.button2Color) {\n    buttonColorsArray.push(props.organism.button2Color);\n  }\n  if (props.organism.button3Color) {\n    buttonColorsArray.push(props.organism.button3Color);\n  }\n  return buttonColorsArray;\n});\n</script>\n"],"names":["props","__props","onMounted","addFullWidthSupport","_a","buttonColors","computed","buttonColorsArray"],"mappings":"g9BAgJA,MAAMA,EAAQC,EAKd,OAAAC,EAAU,IAAM,CACVF,EAAM,SAAS,iBAAmB,cACpCG,EAAqB,CAEzB,CAAC,irCCrID,MAAMH,EAAQC,EAIdC,EAAU,IAAM,SACVE,EAAAJ,EAAM,WAAN,YAAAI,EAAgB,kBAAmB,cACrCD,EAAqB,CAEzB,CAAC,EAED,MAAME,EAAeC,EAAS,IAAM,CAClC,MAAMC,EAAoB,CAAE,EAC5B,OAAIP,EAAM,SAAS,cACjBO,EAAkB,KAAKP,EAAM,SAAS,YAAY,EAEhDA,EAAM,SAAS,cACjBO,EAAkB,KAAKP,EAAM,SAAS,YAAY,EAEhDA,EAAM,SAAS,cACjBO,EAAkB,KAAKP,EAAM,SAAS,YAAY,EAE7CO,CACT,CAAC"}