{"version":3,"file":"ImageTextTilesFi-D2Q2LxAg.js","sources":["../../src/components/image-text-tile-fi/ImageTextTileFi.vue","../../src/pages/image-text-tiles-fi/ImageTextTilesFi.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{\n      'image-text-tile-fi': true,\n      'image-text-tile-fi--xpe': isEditMode,\n      'image-text-tile-fi--dark': dark,\n    }\"\n  >\n    <div\n      class=\"image-text-tile-fi__image-container\"\n      :style=\"imageRatio\"\n    >\n      <!-- eslint-disable vue/no-v-html -->\n      <div\n        v-if=\"isEditMode && fields.image\"\n        class=\"image-text-tile-fi__image-editor\"\n        v-html=\"fields.image.editable\"\n      />\n      <!-- eslint-enable vue/no-v-html -->\n      <!--\n        For some reason a v-else here will cause the ssr-cloud-image-fi to not\n        render in ssr. Using v-show as a workaround.\n      -->\n      <ssr-cloud-image-fi\n        v-show=\"!isEditMode\"\n        :field=\"fields.image\"\n        :breakpoints=\"breakpoints\"\n        :unlimited=\"unlimited\"\n        class=\"image-fi__img\"\n      />\n    </div>\n    <div class=\"image-text-tile-fi__content-wrapper\">\n      <!-- eslint-disable vue/no-v-html -->\n      <h3\n        v-if=\"isEditMode\"\n        class=\"image-text-tile-fi__headline fi-text-size-df-18\"\n        v-html=\"fields.headline.editable\"\n      />\n      <h3\n        v-else-if=\"fields.headline?.value\"\n        class=\"image-text-tile-fi__headline fi-text-size-df-18\"\n        v-html=\"fields.headline.value\"\n      />\n      <!-- eslint-enable vue/no-v-html -->\n\n      <richtext-fi\n        v-if=\"fields.content?.value || isEditMode\"\n        ref=\"rteContent\"\n        class=\"image-text-tile-fi__content\"\n        :html-content=\"fields.content\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { RichtextFi, SsrCloudImageFi } from 'atoms';\n\nexport default {\n  name: 'ImageTextTileFi',\n  components: {\n    RichtextFi,\n    SsrCloudImageFi,\n  },\n  props: {\n    fields: {\n      type: Object,\n      default: () => ({}),\n    },\n    dark: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  computed: {\n    breakpoints() {\n      return [\n        {\n          mediaWidth: 480,\n          imageWidth: 444,\n        },\n        {\n          mediaWidth: 767,\n          imageWidth: 731,\n        },\n        {\n          mediaWidth: 768,\n          imageWidth: 345,\n        },\n        {\n          mediaWidth: 1023,\n          imageWidth: 473,\n        },\n        {\n          mediaWidth: 1440,\n          imageWidth: 444,\n        },\n        {\n          mediaWidth: 1920,\n          imageWidth: 604,\n        },\n      ];\n    },\n    unlimited() {\n      return 395;\n    },\n    imageRatio() {\n      if (this.fields.image?.value?.width && this.fields.image?.value?.height) {\n        return `aspect-ratio: ${this.fields.image.value.width} / ${this.fields.image.value.height}`;\n      }\n\n      return null;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import './image-text-tile-fi-unscoped';\n</style>\n","<template>\n  <component-wrapper>\n    <grid-container-fi\n      :class=\"{\n        'image-text-tiles-fi': true,\n        'image-text-tiles-fi--dark': isDark,\n      }\"\n    >\n      <div class=\"fi-col-span-12 xl:fi-col-span-8 xl:fi-col-start-3 image-text-tiles-fi__tiles\">\n        <headline-fi\n          v-if=\"(isEditMode && fields.headline) || fields.headline?.value\"\n          tag=\"h3\"\n          class=\"image-text-tiles-fi__tile image-text-tiles-fi__tile--headline\"\n          :size=\"36\"\n          :html-content=\"isEditMode ? fields.headline.editable : fields.headline?.value\"\n        />\n      </div>\n      <div class=\"fi-col-span-12 xl:fi-col-span-8 xl:fi-col-start-3 image-text-tiles-fi__tiles\">\n        <div\n          v-for=\"(tile, idx) in fields.imageTextTileElements\"\n          :key=\"idx\"\n          class=\"image-text-tiles-fi__tile\"\n        >\n          <image-text-tile-fi\n            :fields=\"tile.fields\"\n            :dark=\"!isDark\"\n          />\n        </div>\n        <div\n          v-if=\"isEditMode && fields.imageTextTileElements?.length === 0\"\n          class=\"fi-col-span-12\"\n        >\n          no content\n        </div>\n      </div>\n    </grid-container-fi>\n  </component-wrapper>\n</template>\n\n<script>\nimport { HeadlineFi } from 'atoms';\nimport ComponentWrapper from 'components/component-wrapper/ComponentWrapper';\nimport GridContainerFi from 'components/grid-fi/GridContainerFi';\nimport ImageTextTileFi from 'components/image-text-tile-fi/ImageTextTileFi';\nimport ssrOnlyMixin from 'mixins/ssrOnlyMixin';\n\nexport default {\n  name: 'ImageTextTilesFi',\n  components: {\n    ComponentWrapper,\n    GridContainerFi,\n    ImageTextTileFi,\n    HeadlineFi,\n  },\n  mixins: [ssrOnlyMixin],\n  props: {\n    fields: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n  computed: {\n    isDark() {\n      return Boolean(this.fields?.dark?.value);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import './image-text-tiles-fi-unscoped';\n</style>\n"],"names":["_sfc_main","RichtextFi","SsrCloudImageFi","_b","_a","_d","_c","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_createElementBlock","_normalizeClass","_ctx","$props","_createElementVNode","_normalizeStyle","$options","_createCommentVNode","_createVNode","_component_ssr_cloud_image_fi","_createBlock","_component_richtext_fi","ComponentWrapper","GridContainerFi","ImageTextTileFi","HeadlineFi","ssrOnlyMixin","_component_component_wrapper","_withCtx","_component_grid_container_fi","_component_headline_fi","_Fragment","_renderList","tile","idx","_component_image_text_tile_fi"],"mappings":"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"}