@anoki/fse-ui/dist/index.es57.js

FSE UI components library

import { j as a } from "./index.es237.js";
import { Swiper as t, SwiperSlide as o } from "./index.es262.js";
import n from "./index.es259.js";
import c from "./index.es260.js";
import './components/ui/Carousel/Carousel.css';import './node_modules/swiper/modules/pagination.css';import './node_modules/swiper/modules/navigation.css';import './node_modules/swiper/swiper.css';/* empty css            */
/* empty css            */
/* empty css            */
/* empty css            */
import { SectionHeading as d } from "./index.es123.js";
function V({ title: l, children: i = [] }) {
  return /* @__PURE__ */ a.jsxs("section", { className: "carousel-wrapper", children: [
    /* @__PURE__ */ a.jsx(
      d,
      {
        title: l,
        color: "primary",
        className: "carousel-title",
        titleMarginBottom: "0"
      }
    ),
    /* @__PURE__ */ a.jsx("div", { className: "carousel-outer-wrapper", children: /* @__PURE__ */ a.jsx(
      t,
      {
        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: i.length > 3 ? {
          enabled: !0,
          clickable: !0
        } : {},
        navigation: i.length > 3,
        onSwiper: (e) => console.log(e),
        onInit: (e) => {
          e.slides.slice(
            e.activeIndex,
            e.activeIndex + Number(e.params.slidesPerView)
          ).forEach((s, r) => {
            s.classList.remove("lastViewableSlide"), (r + 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, r) => {
            s.classList.remove("lastViewableSlide"), (r + 1) % Number(e.params.slidesPerView) === 0 && s.classList.add("lastViewableSlide");
          });
        },
        children: i.map((e, s) => /* @__PURE__ */ a.jsx(o, { className: "swiper-slide-custom", children: e }, s))
      }
    ) })
  ] });
}
export {
  V as Carousel
};
//# sourceMappingURL=index.es57.js.map