@anoki/fse-ui/dist/index.cjs27.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.cjs278.js"),G=require("./index.cjs295.js");require("./index.cjs.js");const V=require("./index.cjs296.js"),m=require("./index.cjs280.js"),o=require("react");;/* empty css              */;/* empty css              */;/* empty css              */const z=require("./index.cjs300.js"),D=require("./index.cjs301.js"),O=require("./index.cjs302.js"),q=require("./index.cjs303.js");;/* empty css              */const H=require("./index.cjs210.js"),J=require("./index.cjs258.js"),I=require("./index.cjs82.js"),K=require("./index.cjs42.js"),Q=require("./index.cjs134.js"),T=require("./index.cjs219.js"),C=require("./index.cjs20.js");var P=(r=>(r.FULL_IMAGE="full-image",r.BLUR_IMAGE="blur-image",r))(P||{});const $=({ImageComponent:r,tagsLabelTitle:i="Argomenti correlati",gradientStyle:p,withShadow:l,...t})=>{var x;const j={"--blur-percentage":t!=null&&t.blurPercentage?`${t==null?void 0:t.blurPercentage}px`:"5px"},[a,c]=o.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:m.clsx("is-event","hero-event-container",{"with-shadow":l}),style:p,children:[e.jsxRuntimeExports.jsx("img",{className:"hero-event-background",src:t.src,alt:`Evento ${t.alt}`,style:j}),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:m.clsx("short-title",t.titleAlignment),children:[e.jsxRuntimeExports.jsx("span",{children:a}),c&&e.jsxRuntimeExports.jsx("span",{children:c})]})]}),e.jsxRuntimeExports.jsxs(I.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&&((x=t.tags)==null?void 0:x.length)>0&&e.jsxRuntimeExports.jsx(J.Tags,{title:i,items:t.tags??[]})]})]})]})},A=({autoplay:r,toggleAutoPlay:i})=>e.jsxRuntimeExports.jsx("button",{type:"button",onClick:i,"aria-label":r?"Metti in pausa":"Avvia riproduzione automatica",children:r?e.jsxRuntimeExports.jsx(G.Pause,{width:20,height:20}):e.jsxRuntimeExports.jsx(H.PlayVideo,{width:20,height:20,color:"white"})}),L=({slides:r,currentIndex:i,goPrev:p,goNext:l,autoplay:t,toggleAutoPlay:j,gradientColorStyle:a,type:c,paginationLabel:x="di"})=>e.jsxRuntimeExports.jsxs(T.Row,{className:m.clsx("pagination",c),gap:"x20",style:a,children:[r.length>1&&e.jsxRuntimeExports.jsxs(T.Row,{alignItems:"center",children:[e.jsxRuntimeExports.jsx("button",{type:"button",onClick:p,"aria-label":"Slide precedente",children:e.jsxRuntimeExports.jsx(C.ArrowLeft,{width:40,height:40,color:"white"})}),e.jsxRuntimeExports.jsx(A,{autoplay:t,toggleAutoPlay:j})]}),e.jsxRuntimeExports.jsx("span",{children:`${i+1} ${x} ${r.length}`}),r.length>1&&e.jsxRuntimeExports.jsx("button",{type:"button",onClick:l,"aria-label":"Slide successiva",className:"next",children:e.jsxRuntimeExports.jsx(C.ArrowLeft,{width:40,height:40,color:"white"})})]}),W=({slides:r=[],asLink:i="a",asImage:p="img",timeout:l=3e3,openInNewTab:t=!1,paginationLabel:j="di",withShadow:a=!0,gradientColor:c="#3d6289",swiperHeight:x=574,type:d="full-image",tagsLabelTitle:k="Argomenti correlati"})=>{const B=i||"a",f=p,u=o.useRef(null),[w,M]=o.useState(0),[h,_]=o.useState(!1),U=()=>{_(!h)},R=o.useCallback(()=>{if(!u.current)return;const s=u.current;s.isEnd&&!s.params.loop?s.slideTo(0):s.slideNext()},[]),F=o.useCallback(()=>{if(!u.current)return;const s=u.current;s.isBeginning&&!s.params.loop?s.slideTo(s.slides.length-1):s.slidePrev()},[]);o.useEffect(()=>{const s=h?setInterval(()=>{R()},l):null;return()=>{s&&clearInterval(s)}},[h,R,l]);const E={"--gradient":c},v={"--swiper-height":`${x}px`};return e.jsxRuntimeExports.jsx(I.Col,{className:m.clsx("ui-slider-section-wrapper-container",d),style:v,"aria-label":"Slider",as:"section",children:e.jsxRuntimeExports.jsx("div",{className:"ui-slider",children:e.jsxRuntimeExports.jsxs(q.Swiper,{modules:[z,D,O],slidesPerView:1,autoplay:h,observer:!0,observeParents:!0,loop:!0,watchSlidesProgress:!0,onSwiper:s=>u.current=s,onSlideChange:s=>{M(s.realIndex),s.slides.forEach(n=>{n.inert=!n.classList.contains("swiper-slide-visible")})},onInit:s=>{s.slides.forEach(n=>{n.inert=!n.classList.contains("swiper-slide-visible")})},style:v,children:[r.map((s,n)=>{var b,y,N;return e.jsxRuntimeExports.jsx(q.SwiperSlide,{className:m.clsx(d==="blur-image"?"ui-slider-section-wrapper-container":""),children:d==="blur-image"?e.jsxRuntimeExports.jsx($,{...s,ImageComponent:f,tagsLabelTitle:k,withShadow:a,gradientStyle:E}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(f,{src:s.src,alt:s.alt,className:"slider-image",onLoad:()=>{var g,S;return(S=(g=u.current)==null?void 0:g.update)==null?void 0:S.call(g)}}),e.jsxRuntimeExports.jsx("div",{className:m.clsx("slider-content",{"with-shadow":a}),style:E,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}),((b=s.category)==null?void 0:b.type)??" ",e.jsxRuntimeExports.jsx("p",{className:"date",children:((y=s.category)==null?void 0:y.published_at)??" "})]}),e.jsxRuntimeExports.jsx(B,{href:((N=r[w])==null?void 0:N.href)||"",target:t?"_blank":"_self",children:e.jsxRuntimeExports.jsx("h1",{className:"title",children:s.title})})]})})})]})},n)}),e.jsxRuntimeExports.jsx(L,{slides:r,currentIndex:w,goPrev:F,goNext:R,autoplay:h,toggleAutoPlay:U,type:d,gradientColorStyle:E,paginationLabel:j})]})})})};exports.AutoplayButton=A;exports.BlurImageSlide=$;exports.Slider=W;exports.SliderPagination=L;exports.SliderTypeEnum=P;
//# sourceMappingURL=index.cjs27.js.map