{"version":3,"file":"IconTextElementFi-DDmkspIa.js","sources":["../../src/pages/icon-text-element-fi/IconTextElementFi.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"isEditMode || headline.value || text.value\"\n    class=\"icon-text-element-fi\"\n  >\n    <!-- eslint-disable vue/no-v-html -->\n    <div class=\"icon-text-element-fi__container\">\n      <span\n        :class=\"{\n          'icon-text-element-fi__icon': true,\n          'icon-text-element-fi__icon--default': iconName === 'check' && !isEditMode,\n        }\"\n      >\n        <span\n          v-if=\"isEditMode && iconModified\"\n          class=\"icon-text-element-fi__icon-svg\"\n          v-html=\"iconModified.editable\"\n        />\n        <icon-fi\n          v-else\n          class=\"icon-text-element-fi__icon-svg\"\n          :icon=\"iconName\"\n          :size=\"isSM ? '2' : '1'\"\n        />\n      </span>\n      <template v-if=\"isEditMode\">\n        <div\n          v-if=\"headline\"\n          class=\"icon-text-element-fi__headline sm:fi-mb-6\"\n          v-html=\"headline.editable\"\n        />\n        <div\n          v-if=\"text\"\n          class=\"icon-text-element-fi__text\"\n          v-html=\"text.editable\"\n        />\n      </template>\n      <template v-else>\n        <headline-fi\n          v-if=\"headline?.value\"\n          class=\"icon-text-element-fi__headline sm:fi-mb-6\"\n          tag=\"div\"\n          :size=\"24\"\n          :field=\"headline\"\n        />\n        <div\n          v-if=\"text.value\"\n          class=\"icon-text-element-fi__text\"\n        >\n          {{ text.value }}\n        </div>\n      </template>\n    </div>\n    <!-- eslint-enable vue/no-v-html -->\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { HeadlineFi, IconFi } from 'atoms/index';\nimport { useBreakpoints } from 'composables/breakpoint';\nimport useIcon from 'composables/icon';\n\nimport type { SingleLineTextField } from '@/sitecoreFieldTypes';\n\ndefineOptions({\n  name: 'IconTextElementFi',\n});\n\nconst props = withDefaults(\n  defineProps<{\n    icon?: object;\n    headline?: SingleLineTextField;\n    text?: SingleLineTextField;\n  }>(),\n  {\n    icon: () => ({}),\n    headline: () => ({}),\n    text: () => ({}),\n  },\n);\n\nconst { isSM } = useBreakpoints();\nconst { iconName, iconModified } = useIcon(props);\n</script>\n\n<style lang=\"scss\" scoped>\n@import './icon-text-element-fi';\n</style>\n\n<style lang=\"scss\">\n@import './icon-text-element-fi-unscoped';\n</style>\n"],"names":["props","__props","isSM","useBreakpoints","iconName","iconModified","useIcon"],"mappings":"udAoEA,MAAMA,EAAQC,EAaR,CAAE,KAAAC,GAASC,IACX,CAAE,SAAAC,EAAU,aAAAC,CAAa,EAAIC,EAAQN,CAAK"}