UNPKG

@anoki/fse-ui

Version:

FSE UI components library

3 lines (2 loc) 1.91 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Carousel/Carousel.css');require('./node_modules/swiper/modules/pagination.css');require('./node_modules/swiper/modules/navigation.css');require('./node_modules/swiper/swiper.css');const i=require("./index.cjs237.js"),t=require("./index.cjs263.js"),n=require("./index.cjs260.js"),c=require("./index.cjs261.js");;/* empty css */;/* empty css */;/* empty css */;/* empty css */const o=require("./index.cjs123.js");function d({title:l,children:r=[]}){return i.jsxRuntimeExports.jsxs("section",{className:"carousel-wrapper",children:[i.jsxRuntimeExports.jsx(o.SectionHeading,{title:l,color:"primary",className:"carousel-title",titleMarginBottom:"0"}),i.jsxRuntimeExports.jsx("div",{className:"carousel-outer-wrapper",children:i.jsxRuntimeExports.jsx(t.Swiper,{className:"carousel-inner-wrapper",spaceBetween:24,modules:[n,c],watchSlidesProgress:!0,breakpoints:{0:{slidesPerView:1,spaceBetween:24,centeredSlides:!0},768:{slidesPerView:2,spaceBetween:24,centeredSlides:!1},992:{slidesPerView:3,spaceBetween:24,centeredSlides:!1}},pagination:r.length>3?{enabled:!0,clickable:!0}:{},navigation:r.length>3,onSwiper:e=>console.log(e),onInit:e=>{e.slides.slice(e.activeIndex,e.activeIndex+Number(e.params.slidesPerView)).forEach((s,a)=>{s.classList.remove("lastViewableSlide"),(a+1)%Number(e.params.slidesPerView)===0&&s.classList.add("lastViewableSlide")})},onSlideChange:e=>{e.slides.slice(e.activeIndex,e.activeIndex+Number(e.params.slidesPerView)).forEach((s,a)=>{s.classList.remove("lastViewableSlide"),(a+1)%Number(e.params.slidesPerView)===0&&s.classList.add("lastViewableSlide")})},children:r.map((e,s)=>i.jsxRuntimeExports.jsx(t.SwiperSlide,{className:"swiper-slide-custom",children:e},s))})})]})}exports.Carousel=d; //# sourceMappingURL=index.cjs57.js.map