@anoki/fse-ui
Version:
FSE UI components library
3 lines (2 loc) • 3.5 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Slider/Slider.css');require('./node_modules/swiper/modules/pagination.css');require('./node_modules/swiper/modules/navigation.css');require('./node_modules/swiper/swiper.css');const t=require("./index.cjs244.js"),s=require("react"),j=require("./index.cjs261.js"),A=require("./index.cjs262.js"),L=require("./index.cjs263.js"),T=require("./index.cjs264.js");;/* empty css */;/* empty css */;/* empty css */;/* empty css */const _=require("./index.cjs246.js"),V=require("./index.cjs269.js"),B=require("./index.cjs186.js"),g=require("./index.cjs173.js"),F=require("./index.cjs221.js"),M=require("./index.cjs10.js"),R=require("./index.cjs9.js"),O=({slides:i=[],asLink:w="a",asImage:E="img",timeout:l=3e3,openInNewTab:f=!1,paginationLabel:q="di",withShadow:y=!0,gradientColor:N="#3d6289",swiperHeight:v=574})=>{const S=w||"a",C=E,r=s.useRef(null),[a,$]=s.useState(0),[n,b]=s.useState(!0),u=()=>{b(!n)},c=s.useCallback(()=>{if(!r.current)return;const e=r.current;e.isEnd&&!e.params.loop?e.slideTo(0):e.slideNext()},[]),k=s.useCallback(()=>{if(!r.current)return;const e=r.current;e.isBeginning&&!e.params.loop?e.slideTo(e.slides.length-1):e.slidePrev()},[]);s.useEffect(()=>{const e=n?setInterval(()=>{c()},l):null;return()=>{e&&clearInterval(e)}},[n,c,l]);const I={"--gradient":N},x={"--swiper-height":`${v}px`};return t.jsxRuntimeExports.jsx(M.Col,{className:"ui-slider-section-wrapper-container",style:x,children:t.jsxRuntimeExports.jsx("div",{className:"ui-slider",children:t.jsxRuntimeExports.jsxs(j.Swiper,{modules:[A,L,T],slidesPerView:1,autoplay:n,observer:!0,observeParents:!0,loop:!0,onSwiper:e=>r.current=e,onSlideChange:e=>$(e.realIndex),style:x,children:[i.map((e,P)=>{var d,p,h;return t.jsxRuntimeExports.jsxs(j.SwiperSlide,{children:[t.jsxRuntimeExports.jsx(C,{src:e.src,alt:e.alt,className:"slider-image",onLoad:()=>{var o,m;return(m=(o=r.current)==null?void 0:o.update)==null?void 0:m.call(o)}}),t.jsxRuntimeExports.jsx("div",{className:_.clsx("slider-content",{"with-shadow":y}),style:I,children:t.jsxRuntimeExports.jsx("div",{className:"container",children:t.jsxRuntimeExports.jsxs("div",{className:"slider-content-grid",children:[t.jsxRuntimeExports.jsxs("div",{className:"category",children:[e.category&&t.jsxRuntimeExports.jsx(B.File,{fillColor:"#fff",width:30,height:30}),((d=e.category)==null?void 0:d.type)??" ",t.jsxRuntimeExports.jsx("p",{className:"date",children:((p=e.category)==null?void 0:p.published_at)??" "})]}),t.jsxRuntimeExports.jsx(S,{href:((h=i[a])==null?void 0:h.href)||"",target:f?"_blank":"_self",children:t.jsxRuntimeExports.jsx("h4",{className:"title",children:e.title})})]})})})]},P)}),t.jsxRuntimeExports.jsxs(R.Row,{className:"pagination",gap:"x20",children:[i.length>1&&t.jsxRuntimeExports.jsxs(R.Row,{alignItems:"center",children:[t.jsxRuntimeExports.jsx(g.ArrowLeft,{width:40,height:40,onClick:k,color:"white",className:"cursor-pointer"}),n?t.jsxRuntimeExports.jsx(V.Pause,{width:20,height:20,onClick:u,className:"cursor-pointer"}):t.jsxRuntimeExports.jsx(F.PlayVideo,{width:20,height:20,onClick:u,color:"white",className:"cursor-pointer"})]}),t.jsxRuntimeExports.jsx("span",{children:`${a+1} ${q} ${i.length}`}),i.length>1&&t.jsxRuntimeExports.jsx(g.ArrowLeft,{width:40,height:40,className:"next cursor-pointer",onClick:c,color:"white"})]})]})})})};exports.Slider=O;
//# sourceMappingURL=index.cjs151.js.map