{"version":3,"file":"BrJTHg-H.js","sources":["../../../../components/organisms/FlexibleContentColumns.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'container-' + organism.containerWidth,\n      organism.removeMargin,\n      'flex flex-wrap justify-center organism flexible-content-columns gap-x-8 gap-y-14',\n    ]\"\n    :style=\"'background-color:' + organism.backgroundColor\"\n  >\n    <div\n      v-for=\"(item, index) in organism.item\"\n      :key=\"'item-' + index\"\n      :id=\"item.id\"\n      :class=\"[item.cssClasses, 'w-80 max-w-full']\"\n    >\n      <NuxtLink v-if=\"item.imageLink\" :to=\"item.imageLink\" class=\"image-link\">\n        <img\n          v-if=\"item.fieldGroupName === 'item' && item.image?.sourceUrl\"\n          :src=\"getImageSrc(item.image, 'large')\"\n          alt=\"\"\n          :class=\"organism.rounded\"\n        />\n      </NuxtLink>\n      <div v-else>\n        <img\n          v-if=\"item.fieldGroupName === 'item' && item.image?.sourceUrl\"\n          :src=\"getImageSrc(item.image, 'large')\"\n          alt=\"\"\n          :class=\"organism.rounded\"\n        />\n      </div>\n      <img\n        v-if=\"item.fieldGroupName === 'neighborhood_features'\"\n        :src=\"neighborhoodFeaturesIcon(item.category)\"\n        :alt=\"item.category\"\n        class=\"\"\n      />\n      <h3\n        v-if=\"item.title1\"\n        class=\"text-4xl font-bold text-center title font-archer\"\n      >\n        {{ item.title1 }}\n      </h3>\n      <div\n        v-if=\"item.fieldGroupName === 'neighborhood_features'\"\n        class=\"feature-title\"\n        v-html=\"item.title\"\n      ></div>\n      <div\n        v-if=\"item.description\"\n        class=\"description\"\n        v-html=\"item.description\"\n      ></div>\n      <MoleculesButtons\n        :buttons=\"item\"\n        :button-colors=\"[\n          item.button1Color ?? 'button-blue',\n          item.button2Color ?? 'button-white',\n          item.button3Color ?? 'button-white',\n        ]\"\n      />\n    </div>\n\n    <MoleculesButtons\n      v-if=\"organism.button1\"\n      :buttons=\"organism\"\n      class=\"w-full\"\n    />\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 roundedness = computed(() => {\n  return result.value?.organisms?.hlOrganisms?.hlOrganism ?? [];\n});\n</script>\n"],"names":["props","__props","onMounted","addFullWidthSupport","computed","_c","_b","_a"],"mappings":"6uBAwEA,MAAMA,EAAQC,EAId,OAAAC,EAAU,IAAM,CACVF,EAAM,SAAS,iBAAmB,cACpCG,GAEJ,CAAC,EAEmBC,EAAS,IAAM,WACjC,QAAOC,GAAAC,GAAAC,EAAA,OAAO,QAAP,YAAAA,EAAc,YAAd,YAAAD,EAAyB,cAAzB,YAAAD,EAAsC,aAAc,CAAA,CAC7D,CAAC"}