UNPKG

@anoki/fse-ui

Version:

FSE UI components library

3 lines (2 loc) 2.49 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.cjs278.js"),c=require("./index.cjs303.js"),u=require("./index.cjs300.js"),m=require("./index.cjs301.js"),p=require("./index.cjs302.js");;/* empty css */;/* empty css */;/* empty css */;/* empty css */const x=require("./index.cjs229.js"),S=require("./index.cjs21.js");function g({title:a,children:r=[],type:o="default",linkHref:n,linkLabel:t="Scopri tutti",asLink:d="a"}){return i.jsxRuntimeExports.jsxs("section",{className:"carousel-wrapper","aria-label":a||void 0,children:[i.jsxRuntimeExports.jsx(x.SectionHeading,{title:a,color:o==="sectionHome"?"slate-20":"primary",className:"carousel-title",titleMarginBottom:"0",children:n&&i.jsxRuntimeExports.jsx(S.ArrowLink,{href:n,asLink:d,fs:"7","aria-label":a?`${t} - ${a}`:t,children:t.toUpperCase()})}),i.jsxRuntimeExports.jsx("div",{className:"carousel-outer-wrapper",children:i.jsxRuntimeExports.jsx(c.Swiper,{className:"carousel-inner-wrapper",spaceBetween:24,modules:[u,m,p],a11y:{prevSlideMessage:"Slide precedente",nextSlideMessage:"Slide successiva",lastSlideMessage:"",firstSlideMessage:""},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}:{},loop:r.length>3,navigation:r.length>3,onInit:e=>{e.slides.forEach(s=>{s.inert=!s.classList.contains("swiper-slide-visible")}),e.slides.slice(e.activeIndex,e.activeIndex+Number(e.params.slidesPerView)).forEach((s,l)=>{s.classList.remove("lastViewableSlide"),(l+1)%Number(e.params.slidesPerView)===0&&s.classList.add("lastViewableSlide")})},onSlideChange:e=>{e.slides.forEach(s=>{s.inert=!s.classList.contains("swiper-slide-visible")}),e.slides.slice(e.activeIndex,e.activeIndex+Number(e.params.slidesPerView)).forEach((s,l)=>{s.classList.remove("lastViewableSlide"),(l+1)%Number(e.params.slidesPerView)===0&&s.classList.add("lastViewableSlide")})},children:r.map((e,s)=>i.jsxRuntimeExports.jsx(c.SwiperSlide,{className:"swiper-slide-custom",children:e},s))})})]})}exports.Carousel=g; //# sourceMappingURL=index.cjs65.js.map