{"version":3,"file":"lqQukz_v.js","sources":["../../../../components/organisms/FlexibleContentColumns.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'container-' + organism.containerWidth,\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          loading=\"lazy\"\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          loading=\"lazy\"\n        />\n      </div>\n      <img\n        v-if=\"item.fieldGroupName === 'neighborhood_features'\"\n        :src=\"neighborhoodFeaturesIcon(item.category)\"\n        :alt=\"item.category\"\n        class=\"icon\"\n        loading=\"lazy\"\n      />\n      <h3\n        v-if=\"item.title1\"\n        class=\"text-4xl font-bold text-center title font-figtree\"\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 :buttons=\"item\" :button-colors=\"buttonColors\" />\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\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","computed","_c","_b","_a","buttonColors","buttonColorsArray"],"mappings":"0tBAmEA,MAAMA,EAAQC,EAIdC,EAAU,IAAM,CACVF,EAAM,SAAS,iBAAmB,cACpCG,EAAqB,CAEzB,CAAC,EAEmBC,EAAS,IAAM,WACjC,QAAOC,GAAAC,GAAAC,EAAA,OAAO,QAAP,YAAAA,EAAc,YAAd,YAAAD,EAAyB,cAAzB,YAAAD,EAAsC,aAAc,CAAE,CAC/D,CAAC,EAED,MAAMG,EAAeJ,EAAS,IAAM,CAClC,MAAMK,EAAoB,CAAE,EAC5B,OAAIT,EAAM,SAAS,cACjBS,EAAkB,KAAKT,EAAM,SAAS,YAAY,EAEhDA,EAAM,SAAS,cACjBS,EAAkB,KAAKT,EAAM,SAAS,YAAY,EAEhDA,EAAM,SAAS,cACjBS,EAAkB,KAAKT,EAAM,SAAS,YAAY,EAE7CS,CACT,CAAC"}