https://www.mehr-tanken.de/_next/static/chunks/searchpitch.7401476aafd9e40f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29855],{23177:(e,t,a)=>{e.exports=a.p+"static/img/stellplatz/restroom.svg"},27448:e=>{e.exports={stellplatz:"pitch_stellplatz__L7P6u","stellplatz-form":"pitch_stellplatz-form__yuUNt",stellplatzForm:"pitch_stellplatz-form__yuUNt","badge-bg":"pitch_badge-bg__bQpac",badgeBg:"pitch_badge-bg__bQpac","border-color":"pitch_border-color__PgGcv",borderColor:"pitch_border-color__PgGcv",checkBox:"pitch_checkBox__MMPqE",slider:"pitch_slider__phx3v","v-A_-mapboxgl-ctrl-center":"pitch_v-A_-mapboxgl-ctrl-center__zn9K9",vAMapboxglCtrlCenter:"pitch_v-A_-mapboxgl-ctrl-center__zn9K9",space:"pitch_space__2I4Fx",map:"pitch_map__ePLlJ"}},30576:(e,t,a)=>{e.exports=a.p+"static/img/stellplatz/snowflake.svg"},32102:(e,t,a)=>{e.exports=a.p+"static/img/app-teaser.svg"},33917:(e,t,a)=>{e.exports=a.p+"static/img/stellplatz/anchor.svg"},36350:(e,t,a)=>{e.exports=a.p+"static/img/stellplatz/hiking.svg"},41906:(e,t,a)=>{e.exports=a.p+"static/img/icon-star.svg"},42771:e=>{e.exports={"text-color":"autoComplete_text-color__f99fR",textColor:"autoComplete_text-color__f99fR","background-color":"autoComplete_background-color__Losze",backgroundColor:"autoComplete_background-color__Losze"}},50435:(e,t,a)=>{"use strict";a.d(t,{A:()=>l});var i=a(55729);function l(e,t){let[a,l]=(0,i.useState)(e);return(0,i.useEffect)(()=>{let a=setTimeout(()=>{l(e)},t);return()=>{clearTimeout(a)}},[e]),a}},60897:(e,t,a)=>{e.exports=a.p+"static/img/stellplatz/tent.svg"},61260:(e,t,a)=>{e.exports=a.p+"static/img/stellplatz/xcaravan.svg"},61470:(e,t,a)=>{e.exports=a.p+"static/img/stellplatz/power-plug.svg"},62183:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});let i={src:"/_next/static/media/appstore-android.8508db2e.png",height:60,width:201,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAACCAMAAABSSm3fAAAAG1BMVEUaGhoXTVUnJycyMjI5OjZGRkYpIh5RUFAeUTXEqZosAAAABHRSTlP8+/73b1T4OAAAAAlwSFlzAAALEwAACxMBAJqcGAAAABpJREFUeJxjYORgY2FiYGBgYGRhY2VnYWUGAAHlADlV+u9xAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:2}},69858:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});let i={src:"/_next/static/media/img-location.0dd79990.png",height:24,width:24,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAGFBMVEVbg/hcgfZbgvZagvZbgvdagvZcgvdMaXHaHISpAAAACHRSTlOhHVV1lzZiAO3C91wAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAsSURBVHicRYuxDQAwDINwHDf/f9yp6YYEMGnoDMFVJrSRcEPpHBUfVm389gsYeACtu6Py8AAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8}},73989:(e,t,a)=>{e.exports=a.p+"static/img/stellplatz/drop.svg"},78623:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});let i={src:"/_next/static/media/pitch-marker-orange.1e185973.png",height:100,width:100,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAHlBMVEXQKwLxsZf////zsZVMaXHoimXoi2frjGf//////PtAcYb5AAAACHRSTlM09/nvALu0tX0JLuAAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAxSURBVHicRYrJDQAgEIQY3WO2/4aN8eGPAAQpJQHbY29or5nlQleM9SFf6j8HJRVxAC3IAUbPOyJlAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8}},78732:(e,t,a)=>{"use strict";a.d(t,{T:()=>c,j:()=>n});var i=a(6029),l=a(42771),s=a.n(l),r=a(47534);let n=({cities:e,onClick:t=null})=>e&&0!=e.length?(0,i.jsx)("div",{className:"relative",children:(0,i.jsx)("div",{style:{visibility:"visible"},className:"divide-y-skin-grey-medium boder-skin-grey-medium z-20 absolute top-0 left-0 invisible px-2 w-full border border-solid divide-y shadow-md "+s().backgroundColor,children:e&&e.length&&e.map((e,a)=>(0,i.jsxs)("div",{className:"cursor-pointer py-2 font-skin-primary text-xs text-skin-grey-dark",onClick:()=>{t&&t(e)},children:[(0,i.jsxs)(i.Fragment,{children:[" ",(0,i.jsx)("strong",{className:s().textColor,children:e.name})," ",e?.state," ",e?.country]}),";"]},a))})}):null,c=({pitches:e,onClick:t=null})=>e&&0!=e.length?(0,i.jsx)("div",{className:"relative",children:(0,i.jsx)("div",{style:{visibility:"visible"},className:"divide-y-skin-grey-medium boder-skin-grey-medium invisible absolute left-0 top-0 z-20 w-full divide-y border border-solid bg-white px-2 shadow-md",children:e&&e.length&&e.map((e,a)=>(0,i.jsxs)("div",{className:"cursor-pointer py-2 font-skin-primary text-xs text-skin-grey-dark",onClick:()=>{t&&t(e)},children:[e.pitchType&&(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)(r.B,{isSmall:!0,icon:e.pitchType}),(0,i.jsx)("strong",{className:"text-skin-black",children:e._de.name})]}),!e.pitchType&&(0,i.jsxs)(i.Fragment,{children:[e.postalcode&&(0,i.jsxs)("i",{children:[e.postalcode,"\xa0"]})," ",(0,i.jsx)("strong",{className:"text-skin-black",children:e.city})," ",e.country,e.federalstate?", "+e.federalstate:""]})]},"autocomplete-pitch-item-"+a))})}):null},81081:(e,t,a)=>{e.exports=a.p+"static/img/stellplatz/wifi.svg"},82027:(e,t,a)=>{e.exports=a.p+"static/img/stellplatz/privater-platz.svg"},82147:(e,t,a)=>{"use strict";a.r(t),a.d(t,{Map:()=>eq,Pitch:()=>eV,PitchFeature:()=>eW,PitchInput:()=>eQ,PitchOverlay:()=>eG,TypeCheckbox:()=>eU,default:()=>eO});var i=a(6029),l=a(27448),s=a.n(l),r=a(55729),n=a(16718),c=a(31332),o=a(91875),p=a(10094),d=a(99089),h=a(46756),g=a(96463),m=a(81163),u=a(55924),A=a(38252),x=a(72492),y=a(44670),b=a.n(y),v=a(74802),f=a.n(v),k=a(82557),j=a(78623),w=a(85905),C=a(32102),z=a.n(C),N=a(62183),T=a(69858),S=a(95725),_=a(36061),B=a(50435),E=a(41474),I=a(63622),R=a(78732),M=a(70217),P=a(92476),F=a(58057),H=a(96417),D=a(70536),L=a(26613),V=a(47534),U=a(32988),W=a.n(U),Q=a(11665),q=a(32525),G=a(81278),O=a(68034);a(2270);var J=a(58376);let $="/_next/static/media/pitch-marker-tent.bbef4de2.png",Y="/_next/static/media/pitch-marker-tent-orang.035cd0cc.png",Z="/_next/static/media/pitch-marker-caravan.858a48ce.png",X="/_next/static/media/pitch-marker-hafen.ded05b78.png",K="/_next/static/media/pitch-marker-snowflake.2c2d8576.png",ee="/_next/static/media/pitch-marker-privater-platz.f6679d49.png";var et=a(33917),ea=a.n(et),ei=a(36350),el=a.n(ei),es=a(82027),er=a.n(es),en=a(30576),ec=a.n(en),eo=a(60897),ep=a.n(eo),ed=a(61260),eh=a.n(ed),eg=a(73989),em=a.n(eg),eu=a(90495),eA=a.n(eu),ex=a(61470),ey=a.n(ex),eb=a(23177),ev=a.n(eb),ef=a(91468),ek=a.n(ef),ej=a(81081),ew=a.n(ej),eC=a(68980),ez=a.n(eC),eN=a(41906),eT=a.n(eN),eS=a(84722),e_=a.n(eS),eB=a(41498);let eE={src:"/_next/static/media/stellplatz-app-mockups.e046fddc.png",height:1004,width:813,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAMAAADtGH4KAAAASFBMVEVMaXHe4efQ0s65urm6vLzm5ubh4uLIyszAwsTf3dvU1tmFjJSHh3iHi47d4N3Q3NDz8/PZ3OPe3+D6+vqzuLzf3+D6+/vs7OttTHFaAAAAFHRSTlMAcZSSQn3y/Pss2IYR+ksWV7PKm5oiQ94AAAAJcEhZcwAACxMAAAsTAQCanBgAAAA1SURBVHicBcEHAoAgDACxAxktqAwL/v+nJAAuOWg69gdxyR/xWWx3iolMJTx5vUC1pMB9BTgvnwGpmkXeQQAAAABJRU5ErkJggg==",blurWidth:6,blurHeight:8};var eI=a(40524);let eR={desktop:{width:250,height:140},mobile:{width:250,height:140}},eM="Campingplatz",eP="Trekkingcamp",eF="Stellplatz",eH="Winterstellplatz",eD="F\xe4hrhafen",eL="Privater Platz",eV=({irConfig:e,apiKey:t,element:a,page:l,locations:d,onlyCamping:A,isDebug:x,list:y,defaultPitch:v,defaultCamping:f,defaultWinter:k,defaultFerry:j,defaultBookable:C,defaultPrivate:T,defaultTrekkingcamp:S,apple:B,android:R,pitchDirectory:H,portal:D,ads:L,filter:V,city:U,...q})=>{b().accessToken=t;let $=(0,I.A)(),Y=(0,G.useRouter)(),Z=(0,r.useRef)(null),[X,K]=(0,r.useState)({pitch:V?.pitchType?.length>0?V?.pitchType?.includes(`${eF}`):v,camping:V?.pitchType?.length>0?V?.pitchType?.includes(`${eM}`):f,ferry:V?.pitchType?.length>0?V?.pitchType?.includes(`${eD}`):j,isBookable:C,winter:V?.pitchType?.length>0?V?.pitchType?.includes(`${eH}`):k,isPrivate:V?.pitchType?.length>0?V?.pitchType?.includes(`${eL}`):T,trekkingcamp:V?.pitchType?.length>0?V?.pitchType?.includes(`${eP}`):S,distance:V?.distance||25,limit:10,p:0}),[ee,et]=(0,r.useState)({limit:10,distance:V?.distance||25,p:0,pitch:V?.pitchType?.length>0?V?.pitchType?.includes(`${eF}`):v,camping:V?.pitchType?.length>0?V?.pitchType?.includes(`${eM}`):f,ferry:V?.pitchType?.length>0?V?.pitchType?.includes(`${eD}`):j,winter:V?.pitchType?.length>0?V?.pitchType?.includes(`${eH}`):k,isPrivate:V?.pitchType?.length>0?V?.pitchType?.includes(`${eL}`):T,trekkingcamp:V?.pitchType?.length>0?V?.pitchType?.includes(`${eP}`):S}),[ea,ei]=(0,r.useState)([]),[el,es]=(0,r.useState)(null),[er,en]=(0,r.useState)("0 Ergebnisse gefunden"),[ec,eo]=(0,r.useState)({lat:V?.lat||51,lng:V?.lng||10}),[ep,ed]=(0,r.useState)(!(Y?.query?.lat&&Y?.query?.lng)),[eh,eg]=(0,r.useState)(!1),em=e=>{eg(!0)};return(0,i.jsxs)(i.Fragment,{children:[eh&&(0,i.jsxs)(J.yI,{click:!0,visible:!0,name:"pitch.appoverlay",children:[" ",(0,i.jsx)(eG,{onClick:()=>{"od"!==String(D).toLowerCase()&&(window.location="https://www.promobil.de/stellplatz/instastores")},pitchOverlayActive:eh,onClose:e=>{eg(!1)}})," "]}),(0,i.jsxs)("div",{className:"col-span-2 mx-4 lg:mx-0",id:"pitchMap",children:[(0,i.jsx)(o.W,{title:A?"Finde die besten Zelt- und Trekkingpl\xe4tze":"Finden Sie die besten Stellpl\xe4tze und Campingpl\xe4tze",showFavorites:!1,maxWidth:!1}),(0,i.jsx)("div",{children:(0,i.jsxs)(n.l,{className:"va-stellplatzsuche-form relative grid gap-6",onSubmit:()=>({isSubmitted:1,...ee}),initialValues:X,onValuesChanged:e=>{et(e)},children:[(0,i.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,i.jsx)("div",{className:"w-full lg:w-2/3",children:(0,i.jsx)(eQ,{id:"q",label:"Ort",name:"q",setCoordinates:eo,setIsInitial:ed,onlyCamping:A})}),(0,i.jsxs)("div",{className:"grid w-full grid-cols-2 gap-2 lg:w-2/3",children:[(0,i.jsx)("div",{children:(0,i.jsx)(h.l,{id:"distance",name:"distance",options:[{label:"5 km",value:"5"},{label:"10 km",value:"10"},{label:"25 km",value:"25"},{label:"50 km",value:"50"},{label:"100 km",value:"100"}]})}),!A&&(0,i.jsx)("div",{className:"self-center [&_.va-checkbox]:mb-0",children:(0,i.jsx)(g.S,{id:"isBookable",name:"isBookable",label:"buchbar",formValue:!0})})]})]}),(0,i.jsx)("div",{className:"min-w-0",children:(0,i.jsxs)(O.RC,{spaceBetween:16,slidesPerView:"auto",slidesOffsetBefore:0,slidesOffsetAfter:0,loop:!1,pagination:!1,navigation:!1,className:"va-pitch-type-swi

1per "+s().slider,children:[!A&&(0,i.jsx)(O.qr,{children:(0,i.jsx)(eU,{formValue:!0,id:"pitch",name:"pitch",label:"Stellpl\xe4tze",icon:"stellplaetze"})}),A&&(0,i.jsx)(O.qr,{children:(0,i.jsx)(eU,{formValue:!0,id:"trekkingcamp",name:"trekkingcamp",label:"Trekking-Camps",icon:"trekking"})}),(0,i.jsx)(O.qr,{children:(0,i.jsx)(eU,{formValue:!0,id:"camping",name:"camping",label:"Campingpl\xe4tze",icon:"camping"})}),!A&&(0,i.jsx)(O.qr,{children:(0,i.jsx)(eU,{id:"isPrivate",name:"isPrivate",formValue:!0,label:"Privater Platz",icon:"privat"})}),!A&&(0,i.jsx)(O.qr,{children:(0,i.jsx)(eU,{formValue:!0,id:"ferry",name:"ferry",label:"F\xe4hrh\xe4fen",icon:"hafen"})}),!A&&(0,i.jsx)(O.qr,{children:(0,i.jsx)(eU,{formValue:!0,name:"winter",id:"winter",label:"Winterstellpl\xe4tze",icon:"winter"})})]})}),(0,i.jsxs)("div",{className:"min-w-0",children:[(0,i.jsx)("div",{className:"mb-4",children:(0,i.jsx)(p.J,{children:"Ausstattungsmerkmale"})}),(0,i.jsxs)(O.RC,{spaceBetween:16,slidesPerView:"auto",slidesOffsetBefore:0,slidesOffsetAfter:0,loop:!1,pagination:!1,navigation:!1,className:"va-pitch-type-swiper "+s().slider,children:[(0,i.jsx)(O.qr,{children:(0,i.jsx)(eW,{onClick:em,label:"Strom",icon:"strom"})}),(0,i.jsx)(O.qr,{children:(0,i.jsx)(eW,{onClick:em,label:"Tiere",icon:"hunde"})}),(0,i.jsx)(O.qr,{children:(0,i.jsx)(eW,{onClick:em,label:"Wassser",icon:"wasser"})}),(0,i.jsx)(O.qr,{children:(0,i.jsx)(eW,{onClick:em,label:"WiFi",icon:"wlan"})}),(0,i.jsx)(O.qr,{children:(0,i.jsx)(eW,{onClick:em,label:"Dusche",icon:"dusche"})}),(0,i.jsx)(O.qr,{children:(0,i.jsx)(eW,{onClick:em,label:"chem. Toilette",icon:"wc"})})]})]}),(0,i.jsx)("div",{className:"mb-6 flex items-center justify-center",children:(0,i.jsx)(J.yI,{click:!0,name:"pitch.stellplatzsuche",children:ea&&ea.length?(0,i.jsx)(m.Button,{onClick:()=>{let e=document.getElementById("list");e&&window.scrollTo({x:0,top:$?e.getBoundingClientRect().top+100:e.getBoundingClientRect().top})},style:"primary",type:"button",text:er,href:"#list"}):(0,i.jsx)(m.Button,{style:"greyInverted",type:"button",text:er})})})]})}),(0,i.jsx)(eq,{map:Z,coordinates:ec,setCoordinates:eo,formValues:ee,setButtonText:en,setLoadedData:ei,setIsInitial:ed,isInitial:ep,onlyCamping:A,setPages:es,pitchDirectory:H,portal:D})]}),(0,i.jsx)("div",{className:"mt-9 w-full lg:col-span-2",id:"list",children:(0,i.jsx)("div",{className:"va-maincol-list maincol_list relative",children:(0,i.jsx)("div",{className:W()({"va-maincol lg:w-[calc(100%-360px)] lg:mx-auto":!0,"min-h-main":!$}),id:"list",children:(0,i.jsxs)(i.Fragment,{children:[ea&&ea.length?ea.map((e,t)=>{let a=!!L?.[t+1]&&!!ea?.[t+1],l=L?.[t+1];return Array.isArray(l)||(l=[l]),l=l.filter(Boolean),(0,i.jsxs)("div",{className:"px-4 lg:px-0",children:[(0,i.jsx)(J.yI,{click:!0,name:"pitch.listeneintrag",children:(0,i.jsx)(u.PitchTeaserItem,{portal:D,item:e},`pitch-result-item-${t}`)}),a&&l.map((t,a)=>(0,i.jsx)("div",{className:W()("border-b border-solid border-skin-grey-medium px-2 py-4",{"bg-skin-grey-light":e?.isAcsiPitch}),children:(0,i.jsx)(Q.Element,{data:t,debugAdSlot:"pitch"},`lists-pitch-ad-${a}`)}))]},`region-list-item-${t}`)}):null,el?(0,i.jsx)("div",{className:"pt-4",children:(0,i.jsx)(_.d,{onClick:(e,t)=>{et({...ee,page:t}),e.preventDefault();let a=document.getElementById("list");if(document.querySelector(".va-header-wrapper"),a){let e=(0,E.$R)(a);window.scrollTo({x:0,top:e.top-170})}return!1},pagination:el})}):null,!A&&(0,i.jsx)("div",{className:"va-stellplatz-app-banner-wrapper lg:py-14",children:(0,i.jsxs)("div",{className:"va-stellplatz-app-banner hidden lg:flex items-center "+s().bgColor,children:[(0,i.jsx)("div",{className:"w-px-250",children:(0,i.jsx)(F.Ay,{className:"w-full",src:z()})}),(0,i.jsxs)("div",{className:"w-[calc(100%-250px)] p-4",children:[(0,i.jsx)("div",{className:"mb-2",children:(0,i.jsx)(c.Headline,{isDarkMode:!0,size:"medium",headline:"Mehr Suchkriterien? Mehr Details?"})}),(0,i.jsx)("div",{className:"mb-2",children:(0,i.jsxs)(M.Text,{isDarkMode:!0,size:"small",children:["Unsere App „Stellplatz-Radar“ ist mit \xfcber 18.000 Stell- und 8.000 Campingpl\xe4tzen europaweit f\xfcr ",(0,i.jsx)(P.Ay,{target:"_blank",href:R,children:"Android"})," und ",(0,i.jsx)(P.Ay,{target:"_blank",href:B,children:"iOs"})," verf\xfcgbar. Jetzt runterladen und durchstarten."]})}),(0,i.jsxs)("div",{className:"flex justify-center gap-4",children:[R?(0,i.jsx)(P.Ay,{href:R,target:"_blank",className:"block",children:(0,i.jsx)(F.Ay,{className:"h-px-40",src:N.A})}):null,B?(0,i.jsx)(P.Ay,{href:B,target:"_blank",className:"block",children:(0,i.jsx)(F.Ay,{className:"h-px-40",src:w.A})}):null]})]})]})})]})})})})]})},eU=({label:e,icon:t,isRound:a=!1,name:l,value:n=!1,id:c=null,formValue:o=null,onChange:p=null})=>{let d=(0,r.useId)(),h=(0,r.useContext)(x.c),g=h.getFieldValue(l,n);return(0,r.useEffect)(()=>(h?.registerField?.(l),()=>{h?.unregisterField?.(l)}),[]),(0,i.jsxs)("div",{className:W()({"relative size-px-150 lg:size-px-200 border border-solid border-transparent p-2 flex gap-4 flex-col justify-center":!0,[s().checkBox]:!0,"rounded-full":a}),children:[(0,i.jsx)("input",{id:c||d,checked:g||!1,onChange:e=>{o?h&&h?.onFieldChanged(e.target.name,!!e.target.checked&&o):h&&h?.onFieldChanged(e.target.name,e.target.checked),p&&p(e)},type:"checkbox",name:l,className:"absolute inset-0 z-50 size-full cursor-pointer opacity-0"}),(0,i.jsx)("span",{className:"va-pitch-type-checkbox pointer-events-none absolute right-4 top-4 z-10 size-4 border border-solid border-skin-grey"}),(0,i.jsx)("span",{className:"va-pitch-type-checkbox-border pointer-events-none absolute inset-0 z-10 border border-solid border-skin-grey"}),(0,i.jsx)("div",{className:"va-pitch-type-checkbox-label flex flex-1 items-center justify-center text-skin-grey",children:(0,i.jsx)(({icon:e,className:t})=>{switch(e){case"hafen":return(0,i.jsx)(eB.B,{src:ea(),className:t,t

1itleID:"iconSearchHaven",title:"F\xe4hrhafen"});case"trekking":return(0,i.jsx)(eB.B,{src:el(),className:t,titleID:"iconSearchTrekking",title:"Trekking-Camps"});case"privat":return(0,i.jsx)(eB.B,{src:er(),className:t,titleID:"iconSearchPrivat",title:"Privater Plat"});case"winter":return(0,i.jsx)(eB.B,{src:ec(),className:t,titleID:"iconSearchWinter",title:"Winterstellplatz"});case"camping":return(0,i.jsx)(eB.B,{src:ep(),className:t,titleID:"iconSearchCamping",title:"Campingpl\xe4tze"});case"stellplaetze":return(0,i.jsx)(eB.B,{src:eh(),className:t,titleID:"iconSearchStellplatz",title:"Stellpl\xe4tze"});default:return null}},{icon:t,className:"aspect-square h-auto w-1/2"})}),(0,i.jsx)("div",{className:"va-pitch-type-checkbox-label flex items-center justify-center text-skin-grey",children:(0,i.jsx)("span",{className:"block text-center text-sm",children:e})})]})},eW=({label:e,icon:t,onClick:a=null})=>(0,i.jsx)("div",{onClick:()=>{a&&a()},className:"relative aspect-square border border-solid p-2 lg:p-4 flex items-center justify-center rounded-full "+s().borderColor,children:(0,i.jsx)(({icon:e})=>{switch(e){case"wasser":return(0,i.jsx)(eB.B,{src:em(),className:"size-px-30 text-skin-grey",titleID:"iconSearchWasser",title:"Wasser vorhanden"});case"hunde":return(0,i.jsx)(eB.B,{src:eA(),className:"size-px-30 text-skin-grey",titleID:"iconSearchHunde",title:"Hunde erlaubt"});case"strom":return(0,i.jsx)(eB.B,{src:ey(),className:"size-px-30 text-skin-grey",titleID:"iconSearchStrom",title:"Strom vorhanden"});case"wc":return(0,i.jsx)(eB.B,{src:ev(),className:"size-px-30 text-skin-grey",titleID:"iconSearchWC",title:"WC vorhanden"});case"dusche":return(0,i.jsx)(eB.B,{src:ek(),className:"size-px-30 text-skin-grey",titleID:"iconSearchDusche",title:"Dusche vorhanden"});case"wlan":return(0,i.jsx)(eB.B,{src:ew(),className:"size-px-30 text-skin-grey",titleID:"iconSearchWLAN",title:"WLAN vorhanden"});default:return null}},{icon:t})}),eQ=({setCoordinates:e,setIsInitial:t,onlyCamping:a,label:l,defaultCity:s=null})=>{let n=(0,r.useContext)(x.c),c=(0,r.useContext)(A.HP),[o,p]=(0,r.useState)([]),[h,g]=(0,r.useState)(""),[m,u]=(0,r.useState)(!1),y=(0,B.A)(h,350);(0,r.useEffect)(()=>{b()},[y]),(0,r.useEffect)(()=>{s&&n.setFieldValue("q",s)},[]);let b=async()=>{if(y?.length>=3){u(!0),p([]);let e=await f(y),t=await k(y,a);t?.length&&e.unshift(...t),u(!1),p(e)}},v=async e=>{g(e?.target?.value)},f=async e=>await fetch(`${c.apiHost}/pro-pitch/pitch/geocode?q=${e}&limit=10`,{method:"GET",headers:{"Content-Type":"application/json"}}).then(e=>e.json()).catch(e=>{console.error("error in listsSearchForm geocode",e)}),k=async(e,t=!1)=>{let a="";return t&&(a="&pitchType[]="+eM+"&pitchType[]="+eP),await fetch(`${c.apiHost}/pro-pitch/pitch/getByName?name=${e}&limit=5&onlyCamping=${t}${a}`,{method:"GET",headers:{"Content-Type":"application/json"}}).then(e=>e.json())};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.p,{placeholder:"Wo m\xf6chtest du \xfcbernachten?",id:"q",label:l,name:"q",onChange:v,disableAutocomplete:!0}),m&&(0,i.jsx)("ul",{className:"va-input-autocomplete",children:(0,i.jsx)(q.a,{size:"lg",color:"fill-white text-skin-primary"})}),!!o?.length&&(0,i.jsx)("ul",{className:"va-input-autocomplete",children:(0,i.jsx)(R.T,{pitches:o,onClick:a=>{t(!1);let i=a?.point?.lng,l=a?.point?.lat;a.pitchType?(l=a.gps[0],i=a.gps[1]):a?.coordinates?.lng&&a?.coordinates?.lat&&(i=a.coordinates.lng,l=a.coordinates.lat),n.setFieldValue("q",a?._de?.name?a._de.name:a?.city),p([]),e({lng:i,lat:l})}})})]})},eq=({coordinates:e,map:t,formValues:a,setButtonText:l,setLoadedData:n,setCoordinates:c,setPages:o,isInitial:p,setIsInitial:d,onlyCamping:h,pitchDirectory:g="stellplatz",portal:m,isWidget:u=!1,...x})=>{let y=(0,r.useRef)(null),v=e.lng,w=e.lat,[C,z]=(0,r.useState)(4.75),N=(0,r.useRef)(null),_=(0,r.useRef)(null),E=(0,r.useRef)(null);(0,r.useRef)(null);let I=(0,r.useContext)(A.HP),[R,M]=(0,r.useState)(!1),P=(0,B.A)(a,500),U=(0,J.z1)(),{isMobile:Q}=(0,r.useContext)(eI.a),{project:q}=(0,r.useContext)(A.HP);["OD"].includes(q=String(q).toUpperCase()),(0,r.useEffect)(()=>{if(!p&&t.current){let i=t.current.getSource("search-indicator");

1i&&(i.coordinates={lng:e.lng,lat:e.lat},t.current.easeTo({center:e,duration:300}),t.current.getSource("search-indicator").setData({type:"Point",coordinates:[e.lng,e.lat]}),t.current.setPaintProperty("search-indicator","circle-radius",{stops:[[0,0],[20,es(1e3*a.distance,t.current.getCenter().lat)]],base:2}),G())}},[e,P,R]);let G=async()=>{u||await et({center:e},a?.page);let t=await O({center:e}),i=[],l=[];for(let e=0;e<t.length;e++){let a=t[e];a?.name&&-1===i.indexOf(a._id)&&(i.push(a._id),l.push(a))}ea(l)},O=async(e={})=>{if(!e.center){let a=t.current.getCenter();e.center={lng:a.lng,lat:a.lat}}let i="distance="+a.distance+"&center[lng]="+e.center.lng+"&center[lat]="+e.center.lat;return e.pitchType=[],a.camping&&(i+="&pitchType[]="+eM),a.trekkingcamp&&(i+="&pitchType[]="+eP),a.pitch&&(i+="&pitchType[]="+eF),a.winter&&(i+="&pitchType[]="+eH),a.ferry&&(i+="&pitchType[]="+eD),a.isPrivate&&(i+="&pitchType[]="+eL),!h||a.camping||a.trekkingcamp||(i+="&pitchType[]="+eM+"&pitchType[]="+eP),h&&(i+="&onlyCamping=1"),a.isBookable&&(i+="&isBookable=1"),a.finalScore&&(i+="&finalScore=1"),await fetch(I.apiHost+"/pro-pitch/pitch/getMapMarkersInBounds?"+i,{method:"GET",headers:{"Content-Type":"application/json"}}).then(e=>e.json())},et=async(e={},i=0)=>{if(!e.center){let a=t.current.getCenter();e.center={lng:a.lng,lat:a.lat}}let l="distance="+a.distance+"&lng="+e.center.lng+"&lat="+e.center.lat;e.pitchType=[],a.camping&&(l+="&pitchType[]="+eM),a.trekkingcamp&&(l+="&pitchType[]="+eP),a.pitch&&(l+="&pitchType[]="+eF),a.winter&&(l+="&pitchType[]="+eH),a.ferry&&(l+="&pitchType[]="+eD),a.isPrivate&&(l+="&pitchType[]="+eL),!h||a.camping||a.trekkingcamp||(l+="&pitchType[]="+eM+"&pitchType[]="+eP),h&&(l+="&onlyCamping=1"),a.isBookable&&(l+="&isBookable=1"),a.finalScore&&(l+="&finalScore=1"),l+="&p="+i;let s=await fetch(I.apiHost+"/pro-pitch/pitch/getListData?"+l,{method:"GET",headers:{"Content-Type":"application/json"}}).then(e=>e.json());n(s.list),o&&o(s.pagination)},ea=e=>{let a=el(e);window.gloablGeoJson=a,l((a?.features?.length||0)+" Ergebnisse gefunden"),t.current.getSource("markers").setData(a),t.current.easeTo({zoom:ei()})},ei=()=>{let e=parseInt(a.distance),t=0;if(""!==e)switch(e){case 5:t+=10.25;break;case 10:t+=9.25;break;case 25:t+=8.25;break;case 50:t+=7.25;break;case 100:t+=6.25;break;default:t+=0}return t},el=e=>{let t={type:"FeatureCollection",features:[]};for(let a=0;a<e.length;a++)e[a].name&&t.features.push({type:"Feature",geometry:{type:"Point",coordinates:[parseFloat(e[a].gps[1]),parseFloat(e[a].gps[0])]},properties:{title:e[a].name,id:e[a]._id,type:e[a].pitchType}});return t},es=(e,t)=>e/.075/Math.cos(t*Math.PI/180),er=async e=>{e.on("click","clusters",t=>{let a=e.queryRenderedFeatures(t.point,{layers:["clusters"]}),i=a[0].properties.cluster_id;e.getSource("markers").getClusterExpansionZoom(i,(t,i)=>{t||e.easeTo({center:a[0].geometry.coordinates,zoom:i})})}),e.on("mouseenter","clusters",function(){e.getCanvas().style.cursor="pointer"}),e.on("mouseleave","clusters",function(){e.getCanvas().style.cursor=""}),e.on("click","unclustered-point",async t=>{let a=e.queryRenderedFeatures(t.point,{layers:["unclustered-point"]});U.trackMatomo({props:["Stellplatzsuche","Pin","klick"]});let l=await fetch(`${I.apiHost}/pro-pitch/pitch/getMarkerByID?id=${a[0].properties.id}&lng=${t.lngLat.lng}&ltd=${t.lngLat.lat}`,{method:"GET",headers:{"Content-Type":"application/json"}}).then(e=>e.json()),r={strom:l.data.powerSupply.exists,wasser:l.data.waterSupply.exists,grauwasser:l.data.disposal.exists,chemieWC:l.data.disposalChemical.exists,wc:l.data.wc.exists,dusche:l.data.shower.exists,"8m":l.data.caravan8Meters,wlan:l.data.wifi.exists,hunde:l.data.pets.allowed,umweltRot:2===l.data.greenZone,umweltGelb:3===l.data.greenZone,umweltGruen:4===l.data.greenZone,fireplace:l.data.openFire};e.easeTo({center:l.data.gps.reverse()}),new(b()).Popup({className:"marker-popup",anchor:"bottom",maxWidth:"none"}).setLngLat(l.data.gps).setHTML((0,L.F0)((0,i.jsxs)("div",{className:W()({"flex items-center flex-wrap shadow-lg relative":u,[s().stellplatz]:!u}),children:[u?(0,i.jsx)("figure",{className:"aspect-square w-1/4",children:(0,i.jsx)(H.ti,{

1children:(0,i.jsx)(F.Ay,{src:{mdbId:(0,D.o6)(l?.data?.images?.[0])},dimensions:eR,className:"size-full object-cover"})})}):null,(0,i.jsxs)("div",{className:W()({"w-3/4 pl-2 py-2":u}),children:[(0,i.jsx)("div",{className:W()({"va-stellplatz-name":!0,"line-clamp-2":u}),children:l.data._de.name}),(0,i.jsx)("div",{className:W()({"va-stellplatz-adresse":!0,"!hidden":u}),children:l.data.displayaddress.replace(RegExp("<br>","g"),", ")}),(0,i.jsx)("div",{className:W()({"va-stellplatz__service__icons":!0,"!hidden":u}),children:Object.entries(r).filter(([,e])=>e).map(([e])=>(0,i.jsx)(V.B,{icon:e,noMargin:!0},e+t.lngLat.lng+t.lngLat.lat))}),u&&l?.data?.userRating&&l?.data?.userRating?.avg&&l?.data?.userRating?.avg!=0?(0,i.jsxs)("div",{className:"flex w-full items-center gap-2",children:[(0,i.jsxs)("div",{className:"flex gap-1 bg-skin-primary bg-opacity-40 px-1 py-0.5 font-skin-primary text-2xs text-skin-primary",children:[(0,i.jsx)(eB.B,{src:eT(),className:"w-4"}),(0,i.jsxs)("div",{className:"grow",children:[l?.data?.userRating?.avg," von 5"]})]}),l?.data?.userRating?.count!=0&&(0,i.jsxs)("div",{className:"font-skin-primary text-2xs text-skin-grey",children:[l?.data?.userRating?.count," Bewertungen"]})]}):null]}),(0,i.jsxs)("a",{id:"va-stellplatz-button-id",href:l.url,target:"_blank",className:W()({"va-stellplatz-button":!0,"!hidden":u}),rel:"noreferrer",children:["Zum ","Stellplatz"===l.data.pitchType?"Stellplatz":"F\xe4hrhafen"===l.data.pitchType?"Hafen":"Trekkingcamp"===l.data.pitchType?"Trekkingcamp":"Campingplatz"]})]}))).addTo(e);let n=document.getElementById("va-stellplatz-button-id");n&&n.addEventListener("click",()=>{U.trackMatomo({props:["Stellplatzsuche","stellplatzoverlay","klick"]})})}),e.on("mouseenter","unclustered-point",function(){e.getCanvas().style.cursor="pointer"}),e.on("mouseleave","unclustered-point",function(){e.getCanvas().style.cursor=""})};return(0,r.useEffect)(()=>{if(t.current)return;t.current=new(b()).Map({container:y.current,style:h?"https://maps.promobil.de/styles/opentopomap-promobil-server/style.json":"https://maps.promobil.de/styles/6eb3236c-e4e7-44cb-ad2e-093a1c7881d1/style.json",center:[v,w],zoom:C});let e=new(f())({defaultLanguage:"de"});t.current.addControl(e),t.current.addControl(new(b()).NavigationControl({showCompass:!1})),t.current.addControl((()=>{if(N.current)return N.current;let e=document.createElement("button");e.className="mapboxgl-ctrl-icon";let a=document.createElement("span");a.style.height="12px",a.style.width="12px",a.style.backgroundColor="#262e38",a.style.borderRadius="50%",a.style.display="inline-block";let i=document.createElement("span");i.style.height="8px",i.style.width="8px",i.style.marginTop="2px",i.style.verticalAlign="top",i.style.backgroundColor="#fff",i.style.borderRadius="50%",i.style.display="inline-block",i.style.boxShadow="0px 0px 2px",a.appendChild(i),e.appendChild(a);let l=document.createElement("div");return l.className="mapboxgl-ctrl-group mapboxgl-ctrl",l.appendChild(e),l.onAdd=()=>l,l.onRemove=()=>l.parentNode.removeChild(l),l.setAttribute("view","Mapbox Streets"),N.current=l,e.addEventListener("click",e=>{"visible"===t.current.getLayoutProperty("search-indicator","visibility")?(t.current.setLayoutProperty("search-indicator","visibility","none"),i.style.display="none"):(t.current.setLayoutProperty("search-indicator","visibility","visible"),i.style.display="inline-block")}),e.addEventListener("mouseover",e=>i.style["background-color"]="rgba(255, 255, 255, 0.875)"),e.addEventListener("mouseout",e=>i.style["background-color"]="#fff"),l})(),"top-right"),t.current.dragRotate.disable(),t.current.touchZoomRotate.disableRotation(),t.current.keyboard.disable(),(()=>{if(E.current)return;let e=document.createElement("input");e.setAttribute("type","submit"),e.className="va-mapboxgl-ctrl-button va-mapboxgl-ctrl-button-search",e.value="In diesem Bereich suchen",e.onAdd=()=>e,e.onRemove=()=>e.parentNode.removeChild(e),e.addEventListener("click",e=>{d(!1),U.trackMatomo({props:["Stellplatzsuche","Bereichssuche","klick"]});let a=t.current.getCenter();c({lng:a.lng,lat:a.lat})}),E.current=!0,t.current._controlContainer.appendChild(e),t.current._controlPositions["top-center"]=e})(),(()=>{if(_.current)return;let e=document.createElement("img");e.className="va-mapboxgl-ctrl-icon",m?.toLowerCase()==="od"?e.src=S.A.src:e.src=T.A.src,e.onAdd=()=>e,e.onRemove=()=>e.parentNode.removeChild(e);let a=document.createElement("div");a.appendChild(e),a.className="va-mapboxgl-ctrl-center",t.current._controlContainer.appendChild(a),t.current._controlPositions.center=a,_.current=a})(),t.current.on("load",()=>{var e;let a,i,l,s,r;e=t.current,a={type:"FeatureCollection",features:[]},i="/_next/static/media/pitch-marker-group.d670fc42.png",l=k.A.src,s=$,r=$,m?.toLowerCase()==="od"&&(i=j.A.src,l="/_next/static/media/pitch-marker-2-orange.3c7bbe19.png",s=Y,r=Y),e.loadImage(i,(t,i)=>{if(t)throw t;e.loadImage(l,(t,l)=>{if(t)throw t;e.loadImage(s,(t,s)=>{if(t)throw t;e.loadImage(Z,(t,n)=>{if(t)throw t;e.loadImage(ee,(t,c)=>{if(t)throw t;e.loadImage(X,(t,o)=>{if(t)throw t;e.loadImage(K,(t,p)=>

1{if(t)throw t;e.loadImage(r,(t,r)=>{if(t)throw t;e.loadImage(Z,(t,d)=>{if(t)throw t;e.loadImage(ee,(t,h)=>{if(t)throw t;e.loadImage(X,(t,g)=>{if(t)throw t;e.loadImage(K,(t,m)=>{if(t)throw t;e.loadImage("/_next/static/media/pitch-marker-hiking.e7a997d3.png",(t,u)=>{if(t)throw t;e.addImage("s1",i),e.addImage("s2",l),e.addImage("iconCamping",s),e.addImage("iconStellplatz",n),e.addImage("iconPrivate",c),e.addImage("iconFerry",o),e.addImage("iconWinter",p),e.addImage("iconCampingActive",r),e.addImage("iconStellplatzActive",d),e.addImage("iconPrivateActive",h),e.addImage("iconFerryActive",g),e.addImage("iconWinterActive",m),e.addImage("iconHiking",u),e.addSource("markers",{type:"geojson",data:a,cluster:!0,clusterMaxZoom:14,clusterRadius:40}),e.addLayer({id:"clusters",type:"symbol",source:"markers",filter:["has","point_count"],layout:{"icon-image":"s1","icon-size":.5,"icon-offset":[0,-50],"icon-allow-overlap":!0,"text-allow-overlap":!0,"text-field":"{point_count_abbreviated}","text-font":["DIN Offc Pro Medium","Arial Unicode MS Bold"],"text-size":18,"text-anchor":"center","text-offset":[0,-1.5]},paint:{"text-color":"#000000"}}),e.addLayer({id:"unclustered-point",type:"symbol",source:"markers",filter:["!",["has","point_count"]],layout:{"icon-image":["match",["get","type"],["Campingplatz"],"iconCamping",["CampingplatzActive"],"iconCampingActive",["Stellplatz"],"iconStellplatz",["StellplatzActive"],"iconStellplatzActive",["Privater Platz"],"iconPrivate",["Privater PlatzActive"],"iconPrivateActive",["F\xe4hrhafen"],"iconFerry",["F\xe4hrhafenActive"],"iconFerryActive",["Winterstellplatz"],"iconWinter",["WinterstellplatzActive"],"iconWinterActive",["Trekkingcamp"],"iconHiking","s2"],"icon-size":.6,"icon-offset":[0,-27],"icon-allow-overlap":!0,"text-allow-overlap":!0}}),e.addSource("search-indicator",{type:"geojson",data:{type:"Point",coordinates:[e.getCenter().lng,e.getCenter().lat]}}),e.addLayer({id:"search-indicator",type:"circle",source:"search-indicator",paint:{"circle-radius":{stops:[[0,0],[20,es(25e3,e.getCenter().lat)]],base:2},"circle-color":"black","circle-opacity":.3}}),M(!0),er(e)})})})})})})})})})})})})})})},[]),(0,i.jsx)("div",{className:"aspect-square lg:aspect-auto lg:h-[490px] "+s().map,children:(0,i.jsx)("div",{ref:y,className:"relative h-full overflow-hidden"})})},eG=({pitchOverlayActive:e,onClose:t,onClick:a})=>(0,i.jsx)("div",{className:W()({"fixed top-0 left-0 right-0 bottom-0 z-999 bg-skin-black/70 items-center justify-center lg:pr-px-160 px-2 lg:pl-0":!0,flex:e,hidden:!e}),children:(0,i.jsxs)("div",{className:"relative flex items-center bg-skin-white p-4 lg:gap-4",children:[(0,i.jsx)("div",{onClick:()=>{t&&t()},children:(0,i.jsx)(eB.B,{src:ez(),className:"absolute right-2 top-2 size-4"})}),(0,i.jsx)("div",{className:"w-2/5 md:w-px-200 lg:w-px-300",children:(0,i.jsx)(F.Ay,{src:eE,className:"relative -top-8 -mb-8 w-full "})}),(0,i.jsxs)("div",{className:"w-3/5 space-y-2 text-center md:w-[calc(100%-200px)] lg:w-[calc(100%-300px)]",children:[(0,i.jsx)(F.Ay,{src:e_(),className:"mx-auto size-px-40"}),(0,i.jsx)(c.Headline,{size:"medium",headline:"Stellplatz-Radar"}),(0,i.jsxs)(M.Text,{children:["F\xfcr mehr Filterauswahl:"," ",(0,i.jsx)("br",{})," ","jetzt App herunterladen"]}),(0,i.jsx)(m.Button,{onClick:a,type:"primary",text:"App herunterladen"})]})]})}),eO=eV},82557:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});let i={src:"/_next/static/media/pitch-marker-2.39f7cd4f.png",height:100,width:100,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAJ1BMVEUAbaMAaqkAXZwAWpkAa6gAc7AAc7AAXp4AW5kAVpYAVpUAbaAAfL8fdH4dAAAADHRSTlMB/v6MzZH67CNkYRfCONQQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAM0lEQVR4nE2KSQ4AIAyEmKmtS/z/e01vniABIKsSIG/VbRuSNH4J2QpgTXuuvo+9mxAdHhqaAKhs2sV5AAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8}},84722:(e,t,a)=>{e.exports=a.p+"static/img/app-teaser-icon.svg"},85905:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});let i={src:"/_next/static/media/appstore-ios.c26f144e.png",height:60,width:179,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAMAAACZFr56AAAAIVBMVEUWFhYDAwMoKCg3NzciIiJHR0dAQEArKytaWloBAQHHx8dyhHBCAAAAA3RSTlP5/u6N7o/NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIUlEQVR4nAXBiQEAEBAEsWGfQ/8FSzA268LTaaQhTqfaHwUwAGpbFT7kAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:3}},90495:(e,t,a)=>{e.exports=a.p+"static/img/stellplatz/pawprint.svg"},91468:(e,t,a)=>{e.exports=a.p+"static/img/stellplatz/shower.svg"},95725:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});let i={src:"/_next/static/media/img-location-orange.59633887.png",height:24,width:24,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAG1BMVEXgQwLhQgLhRADfQwHfQwBMaXHgQwLgRALgQwKQj+TQAAAACXRSTlOhWh2XNQB1dEqklrDEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAALElEQVR4nEWLsQ0AMAyDcOw0/3/cqemGBNAxOE0YaQg+VHEMKqnEh1Ubv/0CFjgAneICssgAAAAASUVORK5CYII=",blurWidth:8,blurHeight:8}}}]);