{"version":3,"file":"TextTwoColumnFi-D45JXl_U.js","sources":["../../src/pages/text-content/text-two-column-fi/TextTwoColumnFi.vue"],"sourcesContent":["<template>\n  <component-wrapper>\n    <grid-container-fi\n      :class=\"{\n        'text-two-column-fi': true,\n        'text-two-column-fi--dark': isDark,\n      }\"\n    >\n      <div\n        v-if=\"fields.textTop || isEditMode\"\n        :class=\"{\n          'fi-col-start-1 fi-col-end-13 md:fi-col-start-2 md:fi-col-end-12': true,\n          'lg:fi-col-start-2 lg:fi-col-end-12': isWideContent,\n          'lg:fi-col-start-3 lg:fi-col-end-11': !isWideContent,\n        }\"\n      >\n        <richtext-fi\n          :html-content=\"fields.textTop\"\n          :is-bg-dark=\"isDark\"\n        />\n      </div>\n      <div\n        :class=\"{\n          'fi-col-start-1 fi-col-end-13 sm:fi-col-start-1 sm:fi-col-end-7 md:fi-col-start-2 md:fi-col-end-7': true,\n          'lg:fi-col-start-2 lg:fi-col-end-7': isWideContent,\n          'lg:fi-col-start-3 lg:fi-col-end-7': !isWideContent,\n        }\"\n      >\n        <richtext-fi\n          :html-content=\"fields.textLeft\"\n          :is-bg-dark=\"isDark\"\n        />\n      </div>\n      <div\n        :class=\"{\n          'fi-col-start-1 fi-col-end-13 sm:fi-col-start-7 sm:fi-col-end-13 md:fi-col-start-7 md:fi-col-end-12 lg:fi-col-start-7': true,\n          'lg:fi-col-end-12': isWideContent,\n          'lg:fi-col-end-11': !isWideContent,\n        }\"\n      >\n        <richtext-fi\n          :html-content=\"fields.textRight\"\n          :is-bg-dark=\"isDark\"\n        />\n      </div>\n    </grid-container-fi>\n  </component-wrapper>\n</template>\n\n<script>\nimport { RichtextFi } from 'atoms';\nimport ComponentWrapper from 'components/component-wrapper/ComponentWrapper';\nimport GridContainerFi from 'components/grid-fi/GridContainerFi';\nimport ssrOnlyMixin from 'mixins/ssrOnlyMixin';\n\nexport default {\n  name: 'TextTwoColumnFi',\n  components: {\n    ComponentWrapper,\n    GridContainerFi,\n    RichtextFi,\n  },\n  mixins: [ssrOnlyMixin],\n  props: {\n    fields: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n  computed: {\n    isWideContent() {\n      return this.fields.wideContent && Boolean(this.fields.wideContent.value);\n    },\n    isDark() {\n      return this.fields.dark?.value;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import './text-two-column-fi';\n</style>\n"],"names":["_sfc_main","ComponentWrapper","GridContainerFi","RichtextFi","ssrOnlyMixin","_a","_createBlock","_component_component_wrapper","_withCtx","_createVNode","_component_grid_container_fi","_normalizeClass","$options","$props","_ctx","_createElementBlock","_component_richtext_fi","_createCommentVNode","_createElementVNode"],"mappings":"qKAuDA,MAAKA,EAAU,CACb,KAAM,kBACN,WAAY,CACV,iBAAAC,EACA,gBAAAC,aACAC,CACD,EACD,OAAQ,CAACC,CAAY,EACrB,MAAO,CACL,OAAQ,CACN,KAAM,OACN,QAAS,KAAO,CAAA,EACjB,CACF,EACD,SAAU,CACR,eAAgB,CACd,OAAO,KAAK,OAAO,aAAe,EAAQ,KAAK,OAAO,YAAY,KACnE,EACD,QAAS,OACP,OAAOC,EAAA,KAAK,OAAO,OAAZ,YAAAA,EAAkB,KAC1B,CACF,CACH,gHA5EEC,EA6CoBC,EAAA,KAAA,CA9CtB,QAAAC,EAEI,IA2CoB,CA3CpBC,EA2CoBC,EAAA,CA1CjB,MAHPC,EAAA,oDAGwFC,EAAM,WAH9F,QAAAJ,EAQM,IAYM,CAXEK,EAAM,OAAC,SAAWC,EAAU,gBADpCC,EAYM,MAAA,CApBZ,IAAA,EAUS,MAVTJ,EAAA,2GAUqJC,EAAa,oDAAmDA,EAAa,kBAM1NH,EAGEO,EAAA,CAFC,eAAcH,EAAM,OAAC,QACrB,aAAYD,EAAM,mDAlB7BK,EAAA,GAAA,EAAA,EAqBMC,EAWM,MAAA,CAVH,MAtBTP,EAAA,2IAsBqLC,EAAa,mDAAkDA,EAAa,kBAMzPH,EAGEO,EAAA,CAFC,eAAcH,EAAM,OAAC,SACrB,aAAYD,EAAM,kDAGvBM,EAWM,MAAA,CAVH,MAlCTP,EAAA,8IAkCwLC,EAAa,kCAAiCA,EAAa,kBAM3OH,EAGEO,EAAA,CAFC,eAAcH,EAAM,OAAC,UACrB,aAAYD,EAAM,oDA1C7B,EAAA,kBAAA,EAAA"}