https://torfhaus-harzresort.de/_nuxt/DAf43Br4.js

1import{n as e}from"./D03rB5qT.js";import{Ct as t,D as n,Kt as r,On as i,Qn as a,St as o,Yt as s,_ as c,b as l,bt as u,k as d,mt as f,nr as p,o as m,qt as h,v as g,vn as _,y as v}from"./Ib1jYPSS.js";import{S as y}from"./BUba7gzX.js";import{p as b}from"./CSb9jlOH.js";import{n as x}from"./DYP5CDPd.js";import{t as S}from"./D3jTjA3M.js";import{i as C,o as w,s as T}from"#entry";import{t as E}from"./vIq1Ir-R.js";import{t as ee}from"./D6QfCv2i.js";var te={class:`overflow-hidden mt-24 md:mt-32 lg:mt-52 mb-24 md:mb-32 lg:mb-52`},D={class:`constrainer`},O={class:`flex flex-col lg:flex-row justify-between mb-12 gap-y-8`},k={key:0,class:`block kicker mb-4`},A={key:1},j={class:`flex items-end`},ne={class:`flex items-stretch gap-x-5`},re={class:`relative`},ie=[`aria-label`],M=[`aria-label`],N=[`aria-label`],P={class:`relative`},F=[`aria-label`],I=[`aria-label`],L=[`aria-label`],R=Object.assign(w(d({__name:`AccommodationSlider`,props:{blok:Object},async setup(d){let w,R,{t:z,locale:B}=e(),V=T(),H=x(),U=E(),W=b(),G=_(),K=_(),q=_(!0);function J(){q.value=!q.value;let{Autoplay:e}=G.value.splide.Components;e.pause(),autoplay.value?e.play():e.pause()}let Y=_(!0);function ae(){Y.value=!Y.value;let{Autoplay:e}=K.value.splide.Components;e.pause(),Y.value?e.play():e.pause()}let X=_(W.fullPath.includes(`berghotel`)?`berghotel`:`ferienhaeuser`);function oe(){G.value.go(`<`)}function se(){G.value.go(`>`)}function ce(){K.value.go(`<`)}function le(){K.value.go(`>`)}let Z=_(null),Q=_(null),{data:$}=([w,R]=r(()=>H.get(`cdn/stories`,{version:U,content_type:`accommodation`,is_startpage:!1,language:B.value})),w=await w,R(),w);return Z.value=$.stories.filter(e=>e.content.category===`ferienhaeuser`),Q.value=$.stories.filter(e=>e.content.category===`berghotel`),(e,r)=>{let _=C,b=ee,x=o(`SplideSlide`),w=o(`Splide`),T=S,E=t(`editable`);return s((f(),l(`div`,te,[c(`div`,D,[c(`div`,O,[c(`div`,null,[d.blok.kicker?(f(),l(`span`,k,p(d.blok.kicker),1)):v(``,!0),d.blok.title?(f(),l(`h2`,A,p(d.blok.title),1)):v(``,!0)]),c(`div`,j,[c(`div`,ne,[n(_,{type:`button`,tag:`button`,label:i(z)(`nav.holidayHouses`),color:i(X)===`ferienhaeuser`?`primary`:`outline`,onClick:r[0]||=e=>X.value=`ferienhaeuser`},null,8,[`label`,`color`]),n(_,{type:`button`,tag:`button`,label:i(z)(`nav.berghotel`),color:i(X)===`berghotel`?`primary`:`outline`,onClick:r[1]||=e=>X.value=`berghotel`},null,8,[`label`,`color`])])])]),s(c(`div`,null,[c(`div`,re,[n(w,{ref_key:`splide1`,ref:G,class:`splide1 !cursor-grab`,options:{pagination:!1,arrows:!1,perPage:3,gap:`1.75rem`,breakpoints:{1179:{perPage:2},739:{perPage:1}}}},{default:h(()=>[(f(!0),l(m,null,u(i(Z),e=>(f(),g(x,{key:e._uid},{default:h(()=>[n(b,{route:i(V)(`/${i(X)}/${e.slug}/`),"image-url":e.content.image.filename,"image-alt":e.content.altText,"show-badge":e.content.showBadge,badge1:e.content.badge1,badge2:e.content.badge2,title:e.content.title,subline:e.content.teaser,label:i(z)(`accommodation.discoverMore`)},null,8,[`route`,`image-url`,`image-alt`,`show-badge`,`badge1`,`badge2`,`title`,`subline`,`label`])]),_:2},1024))),128))]),_:1},512),c(`button`,{type:`button`,"aria-label":i(z)(`slider.prev`),class:`nav-button1 absolute z-10 top-[35%] left-3 sm:left-6 lg:left-10 flex items-center justify-center w-8 h-8 rounded-full cursor-pointer transition bg-brand-green text-brand-beige hover:bg-brand-beige hover:text-brand-green`,onClick:oe},[n(T,{class:`mr-px`,size:`1.6rem`,name:`ic:round-chevron-left`})],8,ie),c(`button`,{type:`button`,"aria-label":i(q)?i(z)(`slider.pause`):i(z)(`slider.play`),class:`flex items-center justify-center w-8 h-8 border border-brand-green rounded-full cursor-pointer transition hover:bg-brand-green hover:text-brand-beige`,onClick:r[2]||=e=>J()},[s(n(T,{class:`ml-px`,size:`1.15rem`,name:`game-icons:pause-button`},null,512),[[y,i(q)]]),s(n(T,{class:`ml-px`,size:`1.15rem`,name:`mingcute:play-fill`},null,512),[[y,!i(q)]])],8,M),c(`button`,{type:`button`,"aria-label":i(z)(`slider.next`),class:`nav-button1 absolute z-10 top-[35%] right-3 sm:right-6 lg:right-10 flex items-center justify-center w-8 h-8 rounded-full cursor-pointer transition bg-brand-green text-brand-beige hover:bg-brand-beige hover:text-brand-green`,onClick:se},[n(T,{class:`ml-px`,size:`1.6rem`,name:`ic:round-chevron-right`})],8,N)]),d.blok.buttons1.length?(f(),l(`div`,{key:0,class:a([`flex mt-16 flex-col md:flex-row items-start justify-start gap-x-5 gap-y-4`,{"!items-center !justify-center":!d.blok.alignLeft}])},[(f(!0),l(m,null,u(d.blok.buttons1.filter(e=>e.label&&e.link?.cached_url),e=>(f(),g(_,{key:e._uid,type:`button`,label:e.label,tag:`NuxtLink`,color:e.buttonColor,to:`/${e.link.cached_url}`.replace(/\/?$/,`/`),target:e.link.target===`_blank`?`_blank`:`_self`,arrows:``},null,8,[`label`,`color`,`to`,`target`]))),128))],2)):v(``,!0)],512),[[y,i(X)===`ferienhaeuser`]]),s(c(`div`,null,[c(`div`,P,[n(w,{ref_key:`splide2`,ref:K,class:`splide2 !cursor-grab`,options:{pagination:!1,arrows:!1,perPage:3,gap:`1.75rem`,breakpoints:{1179:{perPage:2},739:{perPage:1}}}},{default:h(()=>[(f(!0),l(m,null,u(i(Q),e=>(f(),g(x,{key:e._uid},{default:h(()=>[n(b,{route:i(V)(`/${i(X)}/${e.slug}/`),"image-url":e.content.image.filename,"image-alt":e.content.altText,"show-badge":e.content.showBadge,badge1:e.content.badge1,badge2:e.content.badge2,title:e.content.title,subline:e.content.teaser,label:i(z)(`accommodation.discoverMore`)},null,8,[`route`,`image-url`,`image-alt`,`show-badge`,`badge1`,`badge2`,`title`,`subline`,`label`])]),_:2},1024))),128))]),_:1},512),c(`button`,{type:`button`,"aria-label":i(z)(`slider.prev`),class:`nav-button2 absolute z-10 hidden top-[35%] left-3 sm:left-6 lg:left-10 items-center justify-center w-8 h-8 rounded-full cursor-pointer transition bg-brand-green text-brand-beige hover:bg-brand-beige hover:text-brand-green`,onClick:ce},[n(T,{class:`mr-px`,size:`1.6rem`,name:`ic:round-chevron-left`})],8,F),c(`button`,{type:`button`,"aria-label":i(Y)?i(z)(`slider.pause`):i(z)(`slider.play`),class:`flex items-center justify-center w-8 h-8 border border-brand-green rounded-full cursor-pointer transition hover:bg-brand-green hover:text-brand-beige`,onClick:r[3]||=e=>ae()},[s(n(T,{class:`ml-px`,size:`1.15rem`,name:`game-icons:pause-button`},null,512),[[y,e.autoplay]]),s(n(T,{class:`ml-px`,size:`1.15rem`,name:`mingcute:play-fill`},null,512),[[y,!e.autoplay]])],8,I),c(`button`,{type:`button`,"aria-label":i(z)(`slider.next`),class:`nav-button2 absolute z-10 hidden top-[35%] right-3 sm:right-6 lg:right-10 items-center justify-center w-8 h-8 rounded-full cursor-pointer transition bg-brand-green text-brand-beige hover:bg-brand-beige hover:text-brand-green`,onClick:le},[n(T,{class:`ml-px`,size:`1.6rem`,name:`ic:round-chevron-right`})],8,L)]),d.blok.buttons.length?(f(),l(`div`,{key:0,class:a([`flex mt-16 flex-col md:flex-row items-start justify-start gap-x-5 gap-y-4`,{"!items-center !justify-center":!d.blok.alignLeft}])},[(f(!0),l(m,null,u(d.blok.buttons.filter(e=>e.label&&e.link?.cached_url),e=>(f(),g(_,{key:e._uid,label:e.label,tag:`NuxtLink`,color:e.buttonColor,to:e.link.cached_url?.startsWith(`/`)||e.link.cached_url?.startsWith(`http`)?e.link.cached_url:`/${e.link.cached_url}`,target:e.link.target===`_blank`?`_blank`:`_self`,arrows:``},null,8,[`label`,`color`,`to`,`target`]))),128))],2)):v(``,!0)],512),[[y,i(X)===`berghotel`]])])])),[[E,d.blok]])}}}),[[`__scopeId`,`data-v-1053961a`]]),{__name:`AccommodationSlider`});export{R as default};