{"version":3,"file":"KB_dbGKw.js","sources":["../../../../storyblok/BannerSlideshow.vue"],"sourcesContent":["<template>\n  <div class=\"slideshow\" :class=\"{ [`bg-${blok.bgColor}`]: blok.bgColor }\">\n    <GridContainer>\n      <GridItem>\n        <div ref=\"sliderEl\" class=\"blaze-slider\">\n          <div class=\"blaze-container\">\n            <div class=\"blaze-track-container\">\n              <div class=\"blaze-track\">\n                <Banner :blok=\"banner.content\" v-for=\"banner in blok.banners\" />\n              </div>\n            </div>\n\n            <div class=\"blaze-pagination\"></div>\n          </div>\n        </div>\n      </GridItem>\n    </GridContainer>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { GridContainer, GridItem } from \"cja-phoenix\";\nimport BlazeSlider from \"blaze-slider\";\nimport { BannerSlideshowStoryblok } from \"~/types/bloks\";\n\nconst props = defineProps<{\n  blok: BannerSlideshowStoryblok;\n}>();\n\nconst sliderEl = ref();\n\nonMounted(() => {\n  new BlazeSlider(sliderEl.value, {\n    all: {\n      enableAutoplay: true,\n      autoplayInterval: parseInt(props.blok.slideDuration) * 1000,\n      slidesToShow: 1,\n      slidesToScroll: 1,\n      slideGap: \"24px\",\n    },\n  });\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.slideshow {\n  padding: 16px 0 40px;\n\n  .slide {\n    @media screen and (min-width: $break-md-min) {\n      border-radius: 16px;\n      overflow: hidden;\n    }\n\n    img {\n      display: block;\n      width: 100%;\n      object-fit: cover;\n      height: 300px;\n\n      @media screen and (min-width: $break-md-min) {\n        height: 250px;\n      }\n    }\n  }\n\n  .blaze-track-container {\n    margin-left: -24px;\n    margin-right: -24px;\n    padding-left: 24px;\n    padding-right: 24px;\n  }\n}\n</style>\n"],"names":["props","__props","sliderEl","ref","onMounted","BlazeSlider"],"mappings":"gZAyBA,MAAMA,EAAQC,EAIRC,EAAWC,EAAI,EAErB,OAAAC,EAAU,IAAM,CACV,IAAAC,EAAYH,EAAS,MAAO,CAC9B,IAAK,CACH,eAAgB,GAChB,iBAAkB,SAASF,EAAM,KAAK,aAAa,EAAI,IACvD,aAAc,EACd,eAAgB,EAChB,SAAU,MAAA,CACZ,CACD,CAAA,CACF"}