{"version":3,"file":"IconTextFi-0U8V0Ebo.js","sources":["../../src/pages/icon-text-fi/IconTextFi.vue"],"sourcesContent":["<template>\n  <component-wrapper class=\"icon-text-fi\">\n    <grid-container-fi>\n      <div\n        class=\"fi-col-start-1 fi-col-end-13 md:fi-col-start-2 md:fi-col-end-12 lg:fi-col-start-3 lg:fi-col-end-11\"\n      >\n        <!-- eslint-disable vue/no-v-html -->\n        <headline-fi\n          v-if=\"(isEditMode && fields.headline) || fields.headline?.value\"\n          tag=\"h2\"\n          class=\"icon-text-fi__headline\"\n          :size=\"30\"\n          :field=\"fields.headline\"\n        />\n        <!-- eslint-enable vue/no-v-html -->\n        <div class=\"icon-text-fi__elements\">\n          <icon-text-element-fi\n            v-for=\"(iconTextElement, index) in fields.iconTextElements\"\n            :key=\"index\"\n            :icon=\"iconTextElement.fields?.icon\"\n            :headline=\"iconTextElement.fields?.headline\"\n            :text=\"iconTextElement.fields?.text\"\n          />\n        </div>\n        <div class=\"icon-text-fi__controls\">\n          <button-fi\n            v-if=\"!isEditMode && fields.link?.value?.href\"\n            :href=\"fields.link.value?.href\"\n            :class=\"{\n              'button-fi__primary fi-mt-48 sm:fi-mt-72 lg:fi-mt-96': true,\n              'button-fi--large': isMD,\n              'button-fi--medium': !isMD,\n            }\"\n            natural-events\n          >\n            {{ fields.link.value.text }}\n          </button-fi>\n\n          <!-- eslint-disable vue/no-v-html -->\n          <span\n            v-if=\"isEditMode && fields.link\"\n            class=\"button-fi__primary button-fi--large fi-mt-96\"\n            v-html=\"fields.link.editable\"\n          />\n          <!-- eslint-enable vue/no-v-html -->\n        </div>\n      </div>\n    </grid-container-fi>\n  </component-wrapper>\n</template>\n\n<script setup lang=\"ts\">\nimport { ButtonFi, HeadlineFi } from 'atoms/index';\nimport ComponentWrapper from 'components/component-wrapper/ComponentWrapper.vue';\nimport GridContainerFi from 'components/grid-fi/GridContainerFi.vue';\nimport { useBreakpoints } from 'composables/breakpoint';\nimport IconTextElementFi from 'pages/icon-text-element-fi/IconTextElementFi.vue';\n\nimport type { LinkField, SingleLineTextField } from '@/sitecoreFieldTypes';\n\ndefineOptions({\n  name: 'IconTextFi',\n});\n\nwithDefaults(\n  defineProps<{\n    fields?: {\n      link?: LinkField;\n      headline?: SingleLineTextField;\n      iconTextElements?: object[];\n    };\n  }>(),\n  {\n    fields: () => ({}),\n  },\n);\n\nconst { isMD } = useBreakpoints();\n</script>\n\n<style lang=\"scss\" scoped>\n@import './icon-text-fi';\n</style>\n"],"names":["isMD","useBreakpoints"],"mappings":"6fA6EM,KAAA,CAAE,KAAAA,GAASC"}