{"version":3,"file":"CarouselSliderControlsFi-fV5cb-8B.js","sources":["../../src/components/atoms/carousel-fi/CarouselSliderControlsFi.vue"],"sourcesContent":["<template>\n <div\n v-if=\"carousel\"\n :class=\"{\n 'carousel-slider-controls-fi': true,\n 'carousel-slider-controls-fi--dark': dark,\n }\"\n >\n <span\n :class=\"{\n 'carousel-slider-controls-fi__arrow': true,\n 'carousel-slider-controls-fi__arrow--prev': true,\n 'carousel-slider-controls-fi__arrow--inactive': carousel.isPrevDisabled,\n }\"\n :aria-disabled=\"carousel.isPrevdDisabled\"\n role=\"button\"\n @click=\"prevSlide\"\n >\n <arrow-icon />\n </span>\n <span\n :class=\"{\n 'carousel-slider-controls-fi__arrow': true,\n 'carousel-slider-controls-fi__arrow--next': true,\n 'carousel-slider-controls-fi__arrow--inactive': carousel.isNextDisabled,\n }\"\n :aria-disabled=\"carousel.isNextDisabled\"\n role=\"button\"\n @click=\"nextSlide\"\n >\n <arrow-icon />\n </span>\n </div>\n <div\n v-else\n class=\"fi-hidden\"\n >\n no carousel\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ArrowIcon } from 'atoms/index';\nimport type { ComponentPublicInstance } from 'vue';\n\nimport CarouselFi from './CarouselFi.vue';\n\nconst props = defineProps<{\n carousel: ComponentPublicInstance<typeof CarouselFi> | null;\n dark?: boolean;\n}>();\n\nconst nextSlide = () => {\n if (props.carousel && !props.carousel.isNextDisabled) {\n props.carousel.next();\n }\n};\n\nconst prevSlide = () => {\n if (props.carousel && !props.carousel.isPrevDisabled) {\n props.carousel.prev();\n }\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import './carousel-slider-controls-fi';\n</style>\n"],"names":["props","__props","nextSlide","prevSlide"],"mappings":"4PA+CA,MAAMA,EAAQC,EAKRC,EAAY,IAAM,CAClBF,EAAM,UAAY,CAACA,EAAM,SAAS,gBACpCA,EAAM,SAAS,MACjB,EAGIG,EAAY,IAAM,CAClBH,EAAM,UAAY,CAACA,EAAM,SAAS,gBACpCA,EAAM,SAAS,MACjB"}