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

FSE UI components library

"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 e=require("./index.cjs237.js"),G=require("./index.cjs254.js");require("./index.cjs.js");const V=require("./index.cjs255.js"),u=require("./index.cjs239.js"),i=require("react");;/* empty css              */;/* empty css              */;/* empty css              */const D=require("./index.cjs259.js"),O=require("./index.cjs260.js"),z=require("./index.cjs261.js"),S=require("./index.cjs262.js");;/* empty css              */const H=require("./index.cjs147.js"),J=require("./index.cjs220.js"),C=require("./index.cjs61.js"),K=require("./index.cjs36.js"),T=require("./index.cjs116.js"),b=require("./index.cjs166.js"),Q=require("./index.cjs199.js");var I=(r=>(r.FULL_IMAGE="full-image",r.BLUR_IMAGE="blur-image",r))(I||{});const $=({ImageComponent:r,tagsLabelTitle:n="Argomenti correlati",gradientStyle:m,withShadow:o,...t})=>{var c;const p={"--blur-percentage":t!=null&&t.blurPercentage?`${t==null?void 0:t.blurPercentage}px`:"5px"},[l,a]=i.useMemo(()=>!t.slideTitle||t.slideTitle.trim()===""?[null,null]:t.slideTitle.trim().split(/\s+/).length>=4?V.splitInTwo(t.slideTitle.toUpperCase()):[t.slideTitle.toUpperCase(),null],[t.slideTitle]);return e.jsxRuntimeExports.jsxs("div",{className:u.clsx("is-event","hero-event-container",{"with-shadow":o}),style:m,children:[e.jsxRuntimeExports.jsx("img",{className:"hero-event-background",src:t.src,alt:`Evento ${t.alt}`,style:p}),e.jsxRuntimeExports.jsxs("div",{className:"hero-event-content",children:[e.jsxRuntimeExports.jsxs("div",{className:"image-container",children:[!!t.src&&e.jsxRuntimeExports.jsx(r,{alt:`${t.title} image`,src:t.src,style:{aspectRatio:21/9}}),t.slideTitle&&e.jsxRuntimeExports.jsxs("p",{className:u.clsx("short-title",t.titleAlignment),children:[e.jsxRuntimeExports.jsx("span",{children:l}),a&&e.jsxRuntimeExports.jsx("span",{children:a})]})]}),e.jsxRuntimeExports.jsxs(C.Col,{className:"hero-event-card-container",children:[e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(K.CardCategory,{title:t.title,href:t.href||"#",className:"w-full",description2:t.description,classNameTitle:"text-slate-20 fs-5 md-fs-custom-2",classNameDescriptionTitle:"text-slate-28 fw-bold fs-6 md-fs-custom"})}),t.tags&&((c=t.tags)==null?void 0:c.length)>0&&e.jsxRuntimeExports.jsx(H.Tags,{title:n,items:t.tags??[]})]})]})]})},P=({autoplay:r,toggleAutoPlay:n})=>r?e.jsxRuntimeExports.jsx(G.Pause,{width:20,height:20,onClick:n,className:"cursor-pointer"}):e.jsxRuntimeExports.jsx(J.PlayVideo,{width:20,height:20,onClick:n,color:"white",className:"cursor-pointer"}),A=({slides:r,currentIndex:n,goPrev:m,goNext:o,autoplay:t,toggleAutoPlay:p,gradientColorStyle:l,type:a,paginationLabel:c="di"})=>e.jsxRuntimeExports.jsxs(T.Row,{className:u.clsx("pagination",a),gap:"x20",style:l,children:[r.length>1&&e.jsxRuntimeExports.jsxs(T.Row,{alignItems:"center",children:[e.jsxRuntimeExports.jsx(b.ArrowLeft,{width:40,height:40,onClick:m,color:"white",className:"cursor-pointer"}),e.jsxRuntimeExports.jsx(P,{autoplay:t,toggleAutoPlay:p})]}),e.jsxRuntimeExports.jsx("span",{children:`${n+1} ${c} ${r.length}`}),r.length>1&&e.jsxRuntimeExports.jsx(b.ArrowLeft,{width:40,height:40,className:"next cursor-pointer",onClick:o,color:"white"})]}),W=({slides:r=[],asLink:n="a",asImage:m="img",timeout:o=3e3,openInNewTab:t=!1,paginationLabel:p="di",withShadow:l=!0,gradientColor:a="#3d6289",swiperHeight:c=574,type:j="full-image",tagsLabelTitle:k="Argomenti correlati"})=>{const L=n||"a",E=m,x=i.useRef(null),[f,B]=i.useState(0),[d,_]=i.useState(!1),M=()=>{_(!d)},h=i.useCallback(()=>{if(!x.current)return;const s=x.current;s.isEnd&&!s.params.loop?s.slideTo(0):s.slideNext()},[]),U=i.useCallback(()=>{if(!x.current)return;const s=x.current;s.isBeginning&&!s.params.loop?s.slideTo(s.slides.length-1):s.slidePrev()},[]);i.useEffect(()=>{const s=d?setInterval(()=>{h()},o):null;return()=>{s&&clearInterval(s)}},[d,h,o]);const R={"--gradient":a},w={"--swiper-height":`${c}px`};return e.jsxRuntimeExports.jsx(C.Col,{className:u.clsx("ui-slider-section-wrapper-container",j),style:w,children:e.jsxRuntimeExports.jsx("div",{className:"ui-slider",children:e.jsxRuntimeExports.jsxs(S.Swiper,{modules:[D,O,z],slidesPerView:1,autoplay:d,observer:!0,observeParents:!0,loop:!0,onSwiper:s=>x.current=s,onSlideChange:s=>B(s.realIndex),style:w,children:[r.map((s,F)=>{var N,v,y;return e.jsxRuntimeExports.jsx(S.SwiperSlide,{className:u.clsx(j==="blur-image"?"ui-slider-section-wrapper-container":""),children:j==="blur-image"?e.jsxRuntimeExports.jsx($,{...s,ImageComponent:E,tagsLabelTitle:k,withShadow:l,gradientStyle:R}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(E,{src:s.src,alt:s.alt,className:"slider-image",onLoad:()=>{var g,q;return(q=(g=x.current)==null?void 0:g.update)==null?void 0:q.call(g)}}),e.jsxRuntimeExports.jsx("div",{className:u.clsx("slider-content",{"with-shadow":l}),style:R,children:e.jsxRuntimeExports.jsx("div",{className:"container",children:e.jsxRuntimeExports.jsxs("div",{className:"slider-content-grid",children:[e.jsxRuntimeExports.jsxs("div",{className:"category",children:[s.category&&e.jsxRuntimeExports.jsx(Q.File,{fillColor:"#fff",width:30,height:30}),((N=s.category)==null?void 0:N.type)??" ",e.jsxRuntimeExports.jsx("p",{className:"date",children:((v=s.category)==null?void 0:v.published_at)??" "})]}),e.jsxRuntimeExports.jsx(L,{href:((y=r[f])==null?void 0:y.href)||"",target:t?"_blank":"_self",children:e.jsxRuntimeExports.jsx("h1",{className:"title",children:s.title})})]})})})]})},F)}),e.jsxRuntimeExports.jsx(A,{slides:r,currentIndex:f,goPrev:U,goNext:h,autoplay:d,toggleAutoPlay:M,type:j,gradientColorStyle:R,paginationLabel:p})]})})})};exports.AutoplayButton=P;exports.BlurImageSlide=$;exports.Slider=W;exports.SliderPagination=A;exports.SliderTypeEnum=I;
//# sourceMappingURL=index.cjs153.js.map