https://www.moderne-hausfrau.de/fabula-ng/SbComponentSlider-BVgO5KSq.js

1import H from"./SbTeaser-DFR1fSTr.js";import{a0 as I,j as L,f as z,p as S,ba as A,af as E,o as a,g as i,a6 as e,c as m,a3 as h,ag as w,w as b,be as j,b7 as O,ah as l,aX as W,F as C,a5 as x,d as c,ai as q,bd as Q,al as R,aN as X,Q as B,I as G}from"./NmafHIbZ.js";import{u as J}from"./useStory-C9dhtKyk.js";import{S as K}from"./SysFragment-CnmDbU7V.js";const U={class:"group/component-slider relative"},N="component-slider-size hidden absolute transform top-1/2 -translate-y-1/2 z-1 group-hover/component-slider:visible invisible lg:grid",Y=I({__name:"SbComponentSlider",props:{tagList:{},autoPlay:{type:Boolean,default:!1},loop:{type:Boolean,default:!0},navigation:{type:Boolean,default:!0},freeMode:{type:Boolean},progressBar:{type:Boolean,default:!1},fadeEffect:{type:Boolean},speed:{default:"400"},delay:{default:"2000"},spaceBetween:{default:"16"},slideCountMobile:{default:"2.5"},slideCountTablet:{default:"4.5"},slideCountDesktop:{default:"6.5"},forceSameHeight:{type:Boolean,default:!1},border:{type:Boolean,default:!1},progressBackground:{},progressForeground:{},background:{},slides:{},fullWidth:{type:Boolean},_uid:{},component:{},blok:{}},async setup(T){let d,g;const u=T,o=B(()=>({...u,...u.blok})),{$locale:P}=L(),{isListing:f}=J(),{company:V}=z().public,{ui:{breakpoints:v}}=S(),_=S().slider?.tags?.image||!1,k=G();if(u.tagList?.value?.length){const t=([d,g]=A(()=>$fetch("/api/cms/storyByTags/",{method:"post",query:{locale:P()},body:{tags:u.tagList.value.join(",")}})),d=await d,g(),d);k.value=t.filter(({content:n})=>n.ogTitle)}const r=o.value.background?.[0],$=B(()=>{const t=Number(o.value.slideCountMobile),n=Number(o.value.slideCountTablet),p=Number(o.value.slideCountDesktop);return t===n&&n===p}),D={speed:Number(o.value.speed),autoplay:o.value.autoPlay&&{delay:Number(o.value.delay)},loop:o.value.loop,freeMode:o.value.freeMode&&{enabled:!0,sticky:!1,momentum:!0},mousewheel:{forceToAxis:!0},slidesPerView:Number(o.value.slideCountMobile),spaceBetween:Number(o.value.spaceBetween),simulateTouch:!0,breakpoints:{[v?.md]:{slidesPerView:Number(o.value.slideCountTablet)},[v?.lg]:{slidesPerView:Number(o.value.slideCountDesktop)}}};return(t,n)=>{const p=E("StoryblokComponent"),M=H,y=Q,F=j;return a(),i("section",U,[e(r)?(a(),m(p,h({key:0,blok:e(r),options:e(r)},e(r)),null,16,["blok","options"])):w("",!0),(a(),m(R(e($)||e(f)?e(K):e(X)),null,{default:b(()=>[(a(),m(F,{id:e(o)._uid,key:`${e(o)._uid}-slides-${e(o).slides?.length}`,class:l([e(r)&&"absolute inset-x-0 bottom-0 px-4 pb-4 md:px-6 md:pb-4 lg:px-10 lg:pb-10"]),"half-slides-transparent":!0,"slider-options":D,"progress-bar":e(o).progressBar,"data-swiper":"","progress-background":e(o).progressBackground,"progress-foreground":e(o).progressForeground,"fade-effect":e(o).fadeEffect,style:O({"--slides-xs":e(o).slideCountMobile,"--slides-md":e(o).slideCountTablet,"--slides-xl":e(o).slideCountDesktop,"--slides-gap":`${e(o).spaceBetween}px`,"--slide-width-xs":"calc((100% - (var(--slides-xs) - 1) * var(--slides-gap)) / var(--slides-xs))","--slide-width-md":"calc((100% - (var(--slides-md) - 1) * var(--slides-gap)) / var(--slides-md))","--slide-width-xl":"calc((100% - (var(--slides-xl) - 1) * var(--slides-gap)) / var(--slides-xl))"})},W({"slider-slides":b(()=>[e(_)?(a(!0),i(C,{key:0},x(e(k),s=>(a(),i("div",{key:s.uuid,class:l(["swiper-slide",e(o).forceSameHeight&&"!grid !h-auto"])},[c(M,{blok:{title:s.content.ogTitle,src:s.content.ogImage?.filename?s.content.ogImage:{filename:e(_)},to:{linktype:"url",url:e(q)(s.full_slug,e(V))},cover:!1,component:"SbTeaser",background:"1"},class:l(["brand-rounded [&_img]:luw:aspect-4/3",e(o).forceSameHeight&&"!grid !h-auto",e(o).border&&"border-neutral-40 border"])},null,8,["blok","class"])],2))),128)):w("",!0),(a(!0),i(C,null,x(e(o).slides,s=>(a(),i("div",{key:s._uid,class:l(["swiper-slide",e(o).forceSameHeight&&"!grid !h-auto",e(f)&&"mr-[var(--slides-gap)] w-[var(--slide-width-xs)]! md:w-[var(--slide-width-md)]! xl:w-[var(--slide-width-xl)]!"])},[c(p,h({ref_for:!0},["SbPictureViewport","SbTeaser","SbCard","SbSpotlight"].includes(s.component.blok)?null:s,{blok:s,options:["SbPictureViewport","SbTeaser","SbCard","SbSpotlight"].includes(s.component.blok)?null:s,class:["brand-rounded",e(o).forceSameHeight&&"!grid !h-auto",e(o).border&&"border-neutral-40 border"]}),null,16,["blok","options","class"])],2))),128))]),_:2},[e(o).navigation?{name:"slider-navigation-bottom",fn:b(()=>[c(y,{id:e(o)._uid,"is-prev":!0,class:l([N,"slider-navigation-left"]),"aria-label":t.$t("aria.slider.forwards")},null,8,["id","class","aria-label"]),c(y,{id:e(o)._uid,"is-prev":!1,class:l([N,"slider-navigation-right"]),"aria-label":t.$t("aria.slider.backwards")},null,8,["id","class","aria-label"])]),key:"0"}:void 0]),1032,["id","class","progress-bar","progress-background","progress-foreground","fade-effect","style"]))]),_:1}))])}}}),ae=Object.assign(Y,{__name:"SbComponentSlider"});export{ae as default};