{"version":3,"file":"TeaserBigImageSliderFi-BqeTH650.js","sources":["../../src/components/teaser/teaser-big-image-slider-element-fi/TeaserBigImageSliderElementFi.vue","../../src/pages/teaser-big-image-slider-fi/TeaserBigImageSliderFi.vue"],"sourcesContent":["<template>\n  <div class=\"teaser-big-image-slider-element-fi\">\n    <teaser-big-image-element-fi\n      :fields=\"fields\"\n      :is-slider-element=\"true\"\n      :pause-video=\"slideChanged\"\n    />\n  </div>\n</template>\n\n<script>\nimport TeaserBigImageElementFi from 'components/teaser/teaser-big-image-element-fi/TeaserBigImageElementFi';\n\nexport default {\n  name: 'TeaserBigImageSliderElementFi',\n  components: {\n    TeaserBigImageElementFi,\n  },\n  props: {\n    fields: {\n      type: Object,\n      default: () => ({}),\n    },\n    slideChanged: {\n      type: Boolean,\n      default: false,\n    },\n  },\n};\n</script>\n","<template>\n  <component-wrapper>\n    <div\n      :class=\"{\n        'teaser-big-image-slider-fi': true,\n        'teaser-big-image-slider-fi--exp': isEditMode,\n        'teaser-big-image-slider-fi--dark': isDarkBackground,\n        'teaser-big-image-slider-fi--light': isLightBackground,\n      }\"\n    >\n      <div\n        v-if=\"isEditMode\"\n        class=\"teaser-big-image-slider-fi__exp-info\"\n      >\n        <icon-fi icon=\"alert-triangle\" /> COMPONENT ONLY EDITABLE IN CONTENT EDITOR\n      </div>\n\n      <grid-container-fi :container=\"false\">\n        <div class=\"fi-col-span-12 fi-col-start-1\">\n          <carousel-fi\n            v-if=\"\n              fields.teaserBigImageSliderElements && fields.teaserBigImageSliderElements.length > 1\n            \"\n            ref=\"carousel\"\n            theme=\"teaser-big-image\"\n            @before-change=\"beforeSlideChanged\"\n            @after-change=\"afterSlideChanged\"\n          >\n            <carousel-slide-fi\n              v-for=\"(teaserBigImage, index) in fields.teaserBigImageSliderElements\"\n              :key=\"'teaser-big-image-slider-fi__slide--' + index\"\n            >\n              <teaser-big-image-slider-element-fi\n                class=\"teaser-big-image-slider-fi__slide\"\n                :slide-changed=\"slideIsChanging\"\n                :fields=\"{\n                  ...teaserBigImage.fields,\n                  darkBackground: { value: isDarkBackground },\n                  lightBackground: { value: isLightBackground },\n                  imagePosRight: { value: isImagePosRight },\n                  bigImageSize: { value: isBigImage },\n                }\"\n              />\n            </carousel-slide-fi>\n          </carousel-fi>\n\n          <div\n            v-else-if=\"\n              (!fields.teaserBigImageSliderElements ||\n                fields.teaserBigImageSliderElements.length < 2) &&\n              isEditMode\n            \"\n            class=\"teaser-big-image-slider-fi__xpe-hint\"\n          >\n            <icon-fi :icon=\"'alert-triangle'\" />\n            {{ $options.name }}: Please add at least two slides to this slider\n          </div>\n        </div>\n      </grid-container-fi>\n    </div>\n  </component-wrapper>\n</template>\n\n<script>\nimport { CarouselFi, CarouselSlideFi, IconFi } from 'atoms';\nimport ComponentWrapper from 'components/component-wrapper/ComponentWrapper';\nimport GridContainerFi from 'components/grid-fi/GridContainerFi';\nimport TeaserBigImageSliderElementFi from 'components/teaser/teaser-big-image-slider-element-fi/TeaserBigImageSliderElementFi';\nimport breakpointMixin from 'mixins/breakpointMixin';\n\nexport default {\n  name: 'TeaserBigImageSliderFi',\n  components: {\n    IconFi,\n    GridContainerFi,\n    ComponentWrapper,\n    TeaserBigImageSliderElementFi,\n    CarouselFi,\n    CarouselSlideFi,\n  },\n  mixins: [breakpointMixin],\n  props: {\n    fields: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n  data() {\n    return {\n      slideIsChanging: false,\n    };\n  },\n  computed: {\n    isDarkBackground() {\n      return this.fields.darkBackground?.value;\n    },\n    isLightBackground() {\n      return this.fields.lightBackground?.value;\n    },\n    isBigImage() {\n      return this.fields.bigImageSize?.value;\n    },\n    isImagePosRight() {\n      return this.fields.imagePosRight?.value;\n    },\n  },\n  methods: {\n    beforeSlideChanged() {\n      this.slideIsChanging = true;\n    },\n    afterSlideChanged() {\n      this.slideIsChanging = false;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import './teaser-big-image-slider-fi';\n</style>\n\n<style lang=\"scss\">\n@import './teaser-big-image-slider-fi-unscoped';\n</style>\n"],"names":["_sfc_main","TeaserBigImageElementFi","_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_teaser_big_image_element_fi","$props","IconFi","GridContainerFi","ComponentWrapper","TeaserBigImageSliderElementFi","CarouselFi","CarouselSlideFi","breakpointMixin","_a","_hoisted_2","_createBlock","_component_component_wrapper","_withCtx","_createElementVNode","_normalizeClass","_ctx","$options","_component_icon_fi","_cache","_createTextVNode","_createCommentVNode","_component_grid_container_fi","_component_carousel_fi","_Fragment","_renderList","teaserBigImage","index","_component_carousel_slide_fi","_component_teaser_big_image_slider_element_fi","$data","_hoisted_3","_toDisplayString"],"mappings":"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"}