https://www.outdoor-magazin.com/_next/static/chunks/searchrepair.2d65ca4cc31d210e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[13136],{50980:(e,t,a)=>{a.d(t,{A:()=>l});let l={src:"/_next/static/media/poi-reifenservice.5c4e2297.png",height:100,width:100,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAASFBMVEVMaXGVl5pbWFkESmEwb4EIT2UFTWUEJT0AVWEwboE4dIisra6poHUUVWsTVmoYWGsTU2YKUGcKUGeHiYvfu3m6vb9wnKrazKaa+bANAAAAFXRSTlMA/P6X7tSdFQX95v3QZmc0NPT1+5OBU5GKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAPUlEQVR4nB3GSRKAIAwAwUGWBEFxS/z/Ty3sU4PGmvoDRG/h7SDJlmar/LEZiofbCyC51iygHNc5YG7fUD5PpAIcc81x7gAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8}},62264:(e,t,a)=>{a.d(t,{A:()=>l});let l={src:"/_next/static/media/poi-lackierer.f4795708.png",height:100,width:100,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAVFBMVEVMaXEYVWgKUmcETWMsan3l6uwTVWoGN00AXV0paHsFSmIAIz4taHytrq4HT2YETWO7vr4kIyL///9MSkmioJ/fu3uonG+kn3dvm6rIy8zc4OHk1rAH2AncAAAAGHRSTlMANPWd/f5mEgLulxjm/dTT+/77/v6T2cbf9R85AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAQElEQVR4nBXGSRKAIAwAwWGRAIK4G/H//7ToU4Nkn+4LyFr794CkftSpzEh5t3MEp+uuDpDF+yYQMdYa4lgIRH5lRwJVfv6dzQAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8}},80610:(e,t,a)=>{a.r(t),a.d(t,{Repair:()=>ex,default:()=>ef});var l=a(6029),s=a(55729),r=a(44670),n=a.n(r),i=a(26923),o=a.n(i),c=a(91875),d=a(43059),u=a(99089),p=a(46756),m=a(81163),g=a(10094),h=a(96463),x=a(31332),f=a(85224),A=a(60660),b=a(70217),v=a(92476),y=a(58057),j=a(36061),k=a(72492),w=a(38252),S=a(50435),N=a(32525),C=a(78732),T=a(95725),E=a(69858),R=a(58677),L=a(50980),B=a(62264),V=a(88746),I=a(36914),z=a.n(I),M=a(43893),W=a.n(M),U=a(26613),F=a(74802),H=a.n(F),_=a(41474),D=a(16178),G=a(16718),P=a(57887),J=a.n(P),K=a(67659),X=a.n(K),$=a(29910),q=a.n($),O=a(9145),Y=a.n(O),Z=a(7820),Q=a.n(Z),ee=a(35058),et=a.n(ee),ea=a(36342),el=a.n(ea),es=a(59406),er=a.n(es),en=a(54554),ei=a.n(en),eo=a(41498);let ec=({distanceOptions:e,projection:t,portal:a,intro:r,config:n})=>{let i=(0,s.useRef)(null),[u,A]=(0,s.useState)({lat:51,lng:10}),[v,k]=(0,s.useState)(!0),[w,S]=(0,s.useState)(!1),[N,C]=(0,s.useState)([]),[T,E]=(0,s.useState)(null),[R,L]=(0,s.useState)(null),[B,V]=(0,s.useState)({distance:25,limit:10,p:0,sort:"score"}),[I,M]=(0,s.useState)({distance:25,limit:10,p:0,sort:"score"}),[W,U]=(0,s.useState)("0 Ergebnisse gefunden");return(0,l.jsxs)(G.l,{className:"px-4 lg:col-span-2 lg:px-0",onSubmit:()=>({isSubmitted:1,...I}),initialValues:B,onValuesChanged:e=>{let t;S(t=!0===e.Werkstatt&&!e.Lackierer&&!e.Reifenservice),t||(e.combustion=null,e.electric=null,e.hybrid=null,e.gas=null,e.caravan=null,e.oldtimer=null,e.highvoltageLevel=null,e.acTraining=null,e.airbagTraining=null,e.digitalBooking=null,e.replacementVehicle=null,e.pickup=null,e.waitingArea=null),M(e)},children:[(0,l.jsxs)("div",{className:"mb-4",id:"pitchMap",children:[(0,l.jsx)(c.W,{title:"Finden Sie die besten Werkst\xe4tten",maxWidth:!1}),(0,l.jsx)("div",{className:"-mt-6 text-skin-black dark:text-skin-white",children:(0,l.jsx)(d.k,{text:"in Kooperation mit",logo:"werkstattsuche"})})]}),r&&(0,l.jsx)("div",{className:"mb-4 lg:w-content",children:(0,l.jsx)(b.Text,{isDarkMode:!0,dangerouslySetInnerHTML:{__html:r}})}),(0,l.jsxs)("div",{className:"mb-9 relative grid gap-0 items-start grid-cols-[1fr_1fr_98px] lg:grid-cols-[1fr_1fr_100px] lg:grid-rows-[77px_1fr] "+o().badgeBg,children:[(0,l.jsxs)("div",{className:"flex gap-4 p-4 col-span-2 relative "+o().searchBg,children:[(0,l.jsxs)("div",{className:"grow space-y-4 lg:flex lg:items-center lg:gap-4 lg:space-y-0",children:[(0,l.jsxs)("div",{className:"relative lg:grow",children:[(0,l.jsx)(ep,{id:"q",label:"Ort",name:"q",setCoordinates:A,setIsInitial:k,config:n,formValues:I}),(0,l.jsx)(eo.B,{src:ei(),className:`absolute bottom-px-8 right-1 flex size-px-15 self-center ${o().iconSearch}`})]}),(0,l.jsx)("div",{children:(0,l.jsx)(p.l,{id:"distance",name:"distance",options:e})}),(0,l.jsx)("div",{children:(0,l.jsx)(m.Button,{text:W,onClick:()=>{let e=document.getElementById("list");if(e){let t=(0,_.$R)(e);window.scrollTo({x:0,top:t.top-170})}}})})]}),(0,l.jsx)("div",{className:"absolute -right-px-100 bottom-0 left-0 h-0.5 bg-skin-white lg:right-0"})]}),(0,l.jsxs)("details",{className:"col-span-3 lg:col-span-2 col-start-1 row-start-2 px-4 "+o().filterBox+" "+o().searchBg,children:[(0,l.jsxs)("summary",{className:"flex cursor-pointer items-center justify-between py-4 lg:h-px-78",children:[(0,l.jsx)(x.Headline,{isDarkMode:!0,headline:"Filteroptionen",size:"small"}),(0,l.jsx)(eo.B,{src:J(),className:"size-5 rotate-90 text-skin-primary"})]}),(0,l.jsxs)("div",{className:"space-y-4 pb-4",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(g.J,{children:"Betriebsart"}),(0,l.jsxs)("div",{className:"lg:flex lg:flex-wrap lg:gap-4",children:[(0,l.jsx)(h.S,{label:"Werkstatt",name:"Werkstatt",formValue:!0}),(0,l.jsx)(h.S,{label:"Reifenservice",name:"Reifenservice",formValue:!0}),(0,l.jsx)(h.S,{label:"Lackierer",name:"Lackierer",formValue:!0})]})]}),w&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(g.J,{children:"Spezialisierung"}),(0,l.jsxs)("div",{className:"lg:flex lg:flex-wrap lg:gap-4",children:[(0,l.jsx)(h.S,{label:"Verbrenner",name:"combustion",formValue:!0}),(0,l.jsx)(h.S,{label:"e-Auto",name:"electric",formValue:!0}),(0,l.jsx)(h.S,{label:"Hybrid",name:"hybrid",formValue:!0}),(0,l.jsx)(h.S,{label:"Autogas",name:"gas",formValue:!0}),(0,l.jsx)(h.S,{label:"Caravan",name:"caravan",formValue:!0}),(0,l.jsx)(h.S,{label:"Oldtimer",name:"oldtimer",formValue:!0})]})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)(g.J,{children:"Weiterbildungen"}),(0,l.jsxs)("div",{className:"lg:flex lg:flex-wrap lg:gap-4",children:[(0,l.jsx)(h.S,{label:"Hochvoltschulung I-III",name:"highvoltageLevel",formValue:!0}),(0,l.jsx)(h.S,{label:"Klimaanlagenschulung",name:"acTraining",formValue:!0}),(0,l.jsx)(h.S,{label:"Airbag-Schulung",name:"airbagTraining",formValue:!0})]})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)(g.J,{children:"Zusatzleistungen"}),(0,l.jsxs)("div",{className:"lg:flex lg:flex-wrap lg:gap-4",children:[(0,l.jsx)(h.S,{label:"Digitale Terminvereinbarung/Buchung",name:"digitalBooking",formValue:!0}),(0,l.jsx)(h.S,{label:"Ersatzwagen",name:"replacementVehicle",formValue:!0}),(0,l.jsx)(h.S,{label:"Abhol-/Bringservice",name:"pickup",formValue:!0}

1),(0,l.jsx)(h.S,{label:"Wartezone",name:"waitingArea",formValue:!0})]})]})]})]})]}),(0,l.jsx)("div",{className:"col-start-3 row-start-1 pr-4 pt-4 lg:row-span-2 lg:pr-0 lg:pt-0",children:(0,l.jsx)(y.Ay,{src:z(),className:"w-full"})})]}),(0,l.jsx)("div",{className:"va-maincol-list maincol_list relative mb-9 lg:col-span-2 lg:flex lg:justify-between",children:(0,l.jsxs)("div",{className:"va-maincol min-h-main lg:w-content",id:"map-container",children:[(0,l.jsx)(em,{map:i,coordinates:u,setCoordinates:A,formValues:I,setButtonText:U,setLoadedData:C,setIsInitial:k,isInitial:v,setPages:E,projection:t,portal:a,setCount:L,config:n}),(0,l.jsx)("div",{className:"my-4",id:"list",children:(0,l.jsx)(x.Headline,{headline:R?`Diese Suchanfrage liefert ${R} Ergebnisse`:"",size:"medium",isDarkMode:!0})}),(0,l.jsx)("div",{className:"mb-8 flex flex-wrap items-center justify-between gap-4 "+o().switchButton,children:(0,l.jsx)(f.d,{options:[{key:"score",label:"Score"},{key:"distance",label:"Entfernung"}],onChange:e=>{I.sort=e,M({...I,sort:e})}})}),(0,l.jsxs)(l.Fragment,{children:[N&&N.length?N.map((e,t)=>(0,l.jsx)(ed,{hasBadge:!1,item:e},`repair-result-item-${t}`)):null,T?(0,l.jsx)("div",{className:"pt-4",children:(0,l.jsx)(j.d,{useLinkPush:!1,onClick:(e,t)=>{M({...I,page:t}),e.preventDefault();let a=document.getElementById("list");if(a){let e=(0,_.$R)(a);window.scrollTo({x:0,top:e.top-170})}return!1},pagination:T})}):null]}),(0,l.jsx)("div",{className:"mb-6",children:(0,l.jsx)(D.f,{children:(0,l.jsx)(m.Button,{type:"submit",text:W,onClick:()=>{let e=document.getElementById("list");if(e){let t=(0,_.$R)(e);window.scrollTo({x:0,top:t.top-170})}}})})})]})})]})},ed=({item:e,hasBadge:t,url:a})=>{let s=e.displayaddressnohtml,r=e.website?.replace("https://","")??"";return r=r.replace("http://",""),(0,l.jsxs)(v.Ay,{target:"_blank",href:a??e.url,className:"flex justify-between border-b border-solid border-skin-grey-medium py-4",children:[(0,l.jsxs)("div",{className:"flex w-px-70 flex-col items-center justify-between gap-2",children:[(0,l.jsx)(x.Headline,{headline:e.finalScore,size:"small",isDarkMode:!0}),(0,l.jsx)(eo.B,{src:X(),className:"h-px-70 w-auto"}),(0,l.jsx)(A.Subline,{size:"small",inverted:!1,isDarkMode:!0,children:"Score"})]}),(0,l.jsxs)("div",{className:"grow px-4",children:[(0,l.jsx)(x.Headline,{headline:e._de.name,size:"small",isDarkMode:!0}),(0,l.jsxs)("div",{className:"flex pt-2 "+o().itemDetail,children:[(0,l.jsx)("div",{className:"size-px-18 min-w-px-18 overflow-hidden",children:(0,l.jsx)(eu,{icon:"adress"})}),(0,l.jsx)("div",{className:"grow pl-2",children:(0,l.jsx)(b.Text,{isDarkMode:!0,size:"small",children:s})})]}),e.website&&(0,l.jsxs)("div",{className:"flex pt-2 "+o().itemDetail,children:[(0,l.jsx)("div",{className:"size-px-18 min-w-px-18 overflow-hidden",children:(0,l.jsx)(eu,{icon:"url"})}),(0,l.jsx)("div",{className:"grow pl-2",children:(0,l.jsx)(b.Text,{isDarkMode:!0,size:"small",children:(0,l.jsx)(v.Ay,{href:e.website,target:"_blank",rel:"nofollow",children:r})})})]})]}),t?(0,l.jsx)(y.Ay,{src:z(),className:"w-px-70 lg:w-px-100"}):null]})},eu=({icon:e="phone"})=>{let t="block relative w-full h-full";switch(o().metaIcon,e){case"phone":return(0,l.jsx)(eo.B,{src:el(),className:t});case"email":return(0,l.jsx)(eo.B,{src:Y(),className:t});case"url":return(0,l.jsx)(eo.B,{src:er(),className:t});case"adress":return(0,l.jsx)(eo.B,{src:q(),className:t});case"info":return(0,l.jsx)(eo.B,{src:Q(),className:t});case"mobile":return(0,l.jsx)(eo.B,{src:et(),className:t});default:return null}},ep=({setCoordinates:e,setIsInitial:t,formValues:a,config:r})=>{let n=(0,s.useContext)(k.c),i=(0,s.useContext)(w.HP),[c,d]=(0,s.useState)([]),[p,m]=(0,s.useState)(""),[g,h]=(0,s.useState)(!1),x=(0,S.A)(p,350);(0,s.useEffect)(()=>{f()},[x]);let f=async()=>{if(x?.length>=3){h(!0),d([]);let e=await b(x),t=await v(x);t?.length&&e.unshift(...t),h(!1),d(e)}},A=async e=>{m(e?.target?.value)},b=async e=>{let t;return await fetch(`${i.apiHost}/pro-pitch/pitch/geocode?q=${e}&limit=10&filterOnlyCountry=de`,{method:"GET",headers:(t={"Content-Type":"application/json"},window.location.hostname.includes(".git.")&&(t.Authorization="Basic "+btoa("ams:www.auto-motor-und-sport.de")),t)}).then(e=>e.json()).catch(e=>{console.error("error in listsSearchForm geocode",e)})},v=async e=>{let t="",l=["Werkstatt","Reifenservice","Lackierer"].filter(e=>!0===a[e]);return l.length?t+=l.map(e=>`&pitchType[]=${e}`).join(""):t+=r.searchPitchTypes.map(e=>`&pitchType[]=${e}

1`).join(""),await fetch(`${i.apiHost}/pro-pitch/pitch/getByName?name=${e}&limit=5${t}`,{method:"GET",headers:{"Content-Type":"application/json"}}).then(e=>e.json())};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(u.p,{id:"q",name:"q",onChange:A,disableAutocomplete:!0,placeholder:"Stadt / Name / PLZ",iconRight:!0}),g&&(0,l.jsx)("ul",{className:"va-input-autocomplete",children:(0,l.jsx)(N.a,{size:"lg",color:"fill-white text-skin-primary"})}),!!c?.length&&(0,l.jsx)("ul",{className:"va-input-autocomplete !border-none "+o().input,children:(0,l.jsx)(C.T,{pitches:c,onClick:l=>{t(!1);let s=l?.point?.lng,r=l?.point?.lat;l.pitchType?(r=l.gps[0],s=l.gps[1]):l?.coordinates?.lng&&l?.coordinates?.lat&&(s=l.coordinates.lng,r=l.coordinates.lat),n.setFieldValue("distance","5"),a.distance="5",n.setFieldValue("q",l?._de?.name?l._de.name:l?.city),d([]),e({lng:s,lat:r})}})})]})},em=({coordinates:e,map:t,formValues:a,setButtonText:r,setCount:i,setLoadedData:c,setCoordinates:d,setPages:u,isInitial:p,setIsInitial:m,projection:g,portal:h,config:x,...f})=>{let A=(0,s.useRef)(null),b=e.lng,v=e.lat,[y,j]=(0,s.useState)(4.75),k=(0,s.useRef)(null),N=(0,s.useRef)(null),C=(0,s.useRef)(null),[I,z]=(0,s.useState)(!1),M=(0,s.useContext)(w.HP),W=(0,S.A)(a,500);(0,s.useEffect)(()=>{!p&&t.current&&F()},[e,W]),(0,s.useEffect)(()=>{if(!p&&t.current){let l=t.current.getSource("search-indicator");l&&(l.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,X(1e3*a.distance,t.current.getCenter().lat)]],base:2}))}},[e,W,I]);let F=async()=>{await G({center:e},a?.page);let t=await _({center:e}),l=[],s=[];for(let e=0;e<t.length;e++){let a=t[e];a?.name&&-1===l.indexOf(a._id)&&(l.push(a._id),s.push(a))}P(s)},_=async(e={})=>{if(!e.center){let a=t.current.getCenter();e.center={lng:a.lng,lat:a.lat}}let l="distance="+a.distance+"&center[lng]="+e.center.lng+"&center[lat]="+e.center.lat+"&projection="+g;return l=D(l),await fetch(M.apiHost+"/pro-pitch/pitch/getMapMarkersInBounds?"+l,{method:"GET",headers:{"Content-Type":"application/json"}}).then(e=>e.json())},D=e=>{let t=["Werkstatt","Reifenservice","Lackierer"].filter(e=>!0===a[e]);t.length?e+=t.map(e=>`&pitchType[]=${e}`).join(""):e+=x.searchPitchTypes.map(e=>`&pitchType[]=${e}`).join("");let l=["combustion","electric","hybrid","gas","motorcycle","caravan","oldtimer","youngtimer"].filter(e=>!0===a[e]);l.length&&(e+="&workshopVehicleTypes="+l.join(","));let s=["digitalBooking","replacementVehicle","pickup","waitingArea","towing","aroundTheClockService"].filter(e=>!0===a[e]);s.length&&(e+="&workshopServices="+s.join(","));let r=["highvoltageLevel1","highvoltageLevel2","highvoltageLevel3","certServiceTech","masterTech","certSalesman","certPartSalesman","acTraining","airbagTraining","dekra","adac","tuev","iso","acceptedRepairConditions","originalParts","kfzInnung"].filter(e=>e.includes("highvoltageLevel")?!0===a.highvoltageLevel:!0===a[e]);return r.length&&(e+="&workshopCerts="+r.join(",")),e},G=async(e={},l=0)=>{if(!e.center){let a=t.current.getCenter();e.center={lng:a.lng,lat:a.lat}}let s="distance="+a.distance+"&lng="+e.center.lng+"&lat="+e.center.lat+"&projection="+g;s=D(s),"score"===a.sort&&(s+="&sort=data.finalScore"),s+="&p="+l;let r=await fetch(M.apiHost+"/pro-pitch/pitch/getListData?"+s,{method:"GET",headers:{"Content-Type":"application/json"}}).then(e=>e.json());return c(r.list),u(r.pagination),r.list},P=a=>{let l=K(a),s=l?.features?.length||0;r(s+" Ergebnisse gefunden"),i(s),t.current.getSource("markers").setData(l),t.current.easeTo({zoom:J(),center:e,duration:300})},J=()=>{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},K=e=>{let t={type:"FeatureCollection",features:[]};for(let a=0;a<e.length;a++){let l=e[a];l.name&&t.features.push({type:"Feature",geometry:{type:"Point",coordinates:[parseFloat(l.gps[1]),parseFloat(l.gps[0])]},properties:{title:l.name,score:l.finalScore,pitchType:l.pitchType,url:l.url,adress:l.displayaddressnohtml,id:l._id}})}return t},X=(e,t)=>e/.075/Math.cos(t*Math.PI/180),$=(e,t,a)=>{let s=e.queryRenderedFeatures(t.point,{layers:[a]})[0].properties;e.easeTo({center:[t.lngLat.lng,t.lngLat.lat]}),new(n()).Popup({className:"marker-popup",anchor:"bottom",maxWidth:"none"}).setLngLat(t.lngLat).setHTML((0,U.F0)((0,l.jsx)(l.Fragment,{children:(0,l.jsx)(eg,{id:s.id,title:s.title,adress:s.adress,score:s.score,url:s.url})}))).addTo(e)},q=async e=>{e.on("click","clusters",t=>{let a=e.queryRenderedFeatures(t.point,{layers:["clusters"]}

1),l=a[0].properties.cluster_id;e.getSource("markers").getClusterExpansionZoom(l,(t,l)=>{t||e.easeTo({center:a[0].geometry.coordinates,zoom:l})})}),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=>{$(e,t,"unclustered-point")}),e.on("click","unclustered-point-lackierer",async t=>{$(e,t,"unclustered-point-lackierer")}),e.on("click","unclustered-point-reifenservice",async t=>{$(e,t,"unclustered-point-reifenservice")}),e.on("mouseenter","unclustered-point",function(){e.getCanvas().style.cursor="pointer"}),e.on("mouseleave","unclustered-point",function(){e.getCanvas().style.cursor=""}),e.on("mouseenter","unclustered-point-lackierer",function(){e.getCanvas().style.cursor="pointer"}),e.on("mouseleave","unclustered-point-lackierer",function(){e.getCanvas().style.cursor=""}),e.on("mouseenter","unclustered-point-reifenservice",function(){e.getCanvas().style.cursor="pointer"}),e.on("mouseleave","unclustered-point-reifenservice",function(){e.getCanvas().style.cursor=""})};return(0,s.useEffect)(()=>{if(t.current)return;t.current=new(n()).Map({container:A.current,style:"https://maps.promobil.de/styles/6eb3236c-e4e7-44cb-ad2e-093a1c7881d1/style.json",center:[b,v],zoom:y});let e=new(H())({defaultLanguage:"de"});t.current.addControl(e),t.current.addControl(new(n()).NavigationControl({showCompass:!1})),t.current.addControl((()=>{if(k.current)return k.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 l=document.createElement("span");l.style.height="8px",l.style.width="8px",l.style.marginTop="2px",l.style.verticalAlign="top",l.style.backgroundColor="#fff",l.style.borderRadius="50%",l.style.display="inline-block",l.style.boxShadow="0px 0px 2px",a.appendChild(l),e.appendChild(a);let s=document.createElement("div");return s.className="mapboxgl-ctrl-group mapboxgl-ctrl",s.appendChild(e),s.onAdd=()=>s,s.onRemove=()=>s.parentNode.removeChild(s),s.setAttribute("view","Mapbox Streets"),k.current=s,e.addEventListener("click",e=>{"visible"===t.current.getLayoutProperty("search-indicator","visibility")?(t.current.setLayoutProperty("search-indicator","visibility","none"),l.style.display="none"):(t.current.setLayoutProperty("search-indicator","visibility","visible"),l.style.display="inline-block")}),e.addEventListener("mouseover",e=>l.style["background-color"]="rgba(255, 255, 255, 0.875)"),e.addEventListener("mouseout",e=>l.style["background-color"]="#fff"),s})(),"top-right"),t.current.dragRotate.disable(),t.current.touchZoomRotate.disableRotation(),t.current.keyboard.disable(),(()=>{if(C.current)return;let e=document.createElement("input");e.setAttribute("type","submit"),e.className="va-mapboxgl-ctrl-button",e.style.position="absolute",e.value="In diesem Bereich suchen",e.onAdd=()=>e,e.onRemove=()=>e.parentNode.removeChild(e),e.addEventListener("click",e=>{m(!1);let a=t.current.getCenter();d({lng:a.lng,lat:a.lat})}),C.current=!0,t.current._controlContainer.appendChild(e),t.current._controlPositions["top-center"]=e})(),(e=>{if(N.current)return;let a=document.createElement("img");a.className="va-mapboxgl-ctrl-icon","od"===h.toLowerCase()?a.src=T.A.src:a.src=E.A.src,a.onAdd=()=>a,a.onRemove=()=>a.parentNode.removeChild(a);let l=document.createElement("div");l.appendChild(a),l.className="va-mapboxgl-ctrl-center",t.current._controlContainer.appendChild(l),t.current._controlPositions.center=l,N.current=l})(t.current),t.current.on("load",()=>{var e;let l,s,r,n,i;e=t.current,l={type:"FeatureCollection",features:[]},s=R.A.src,r=V.A.src,n=L.A.src,i=B.A.src,e.loadImage(s,(t,s)=>{if(t)throw t;e.loadImage(r,(t,r)=>{if(t)throw t;e.loadImage(n,(t,n)=>{if(t)throw t;e.loadImage(i,(t,i)=>{if(t)throw t;e.addImage("pinGrouped",s),e.addImage("pinWerkstatt",r),e.addImage("pinReifenservice",n),e.addImage("pinLackierer",i),e.addSource("markers",{type:"geojson",data:l,cluster:!0,clusterMa

1xZoom:14,clusterRadius:40}),e.addLayer({id:"clusters",type:"symbol",source:"markers",filter:["has","point_count"],layout:{"icon-image":"pinGrouped","icon-size":.6,"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":12,"text-anchor":"center","text-offset":[0,-3]},paint:{"text-color":"#ffffff"}}),e.addLayer({id:"unclustered-point",type:"symbol",source:"markers",filter:["all",["!",["has","point_count"]],["==",["get","pitchType"],"Werkstatt"]],layout:{"icon-image":"pinWerkstatt","icon-size":.6,"icon-offset":[0,-27],"icon-allow-overlap":!0,"text-allow-overlap":!0}}),e.addLayer({id:"unclustered-point-lackierer",type:"symbol",source:"markers",filter:["all",["!",["has","point_count"]],["==",["get","pitchType"],"Lackierer"]],layout:{"icon-image":"pinLackierer","icon-size":.6,"icon-offset":[0,-27],"icon-allow-overlap":!0,"text-allow-overlap":!0}}),e.addLayer({id:"unclustered-point-reifenservice",type:"symbol",source:"markers",filter:["all",["!",["has","point_count"]],["==",["get","pitchType"],"Reifenservice"]],layout:{"icon-image":"pinReifenservice","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,X(1e3*a.distance,e.getCenter().lat)]],base:2},"circle-color":"black","circle-opacity":.3}}),z(!0),q(e)})})})})})},[]),(0,l.jsx)("div",{className:o().mapContainer,children:(0,l.jsx)("div",{ref:A,className:"relative overflow-hidden "+o().map+" "+o().mapContainer})})},eg=({id:e,title:t,adress:a,score:s,url:r,...n})=>(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(v.Ay,{href:r,target:"_blank",children:[(0,l.jsx)("div",{className:"mb-1 line-clamp-2 overflow-hidden",children:(0,l.jsx)(x.Headline,{size:"small",headline:t,isDarkMode:!0})}),(0,l.jsxs)("div",{className:"flex text-skin-grey "+o().metaIcon,children:[(0,l.jsx)("div",{className:"size-px-18 min-w-px-18 overflow-hidden text-skin-grey",children:(0,l.jsx)(eu,{icon:"adress"})}),(0,l.jsx)("div",{className:"line-clamp-1 grow overflow-hidden pl-2",children:(0,l.jsx)("span",{className:"block font-skin-primary text-xs",children:a})})]}),(0,l.jsxs)("div",{className:"absolute bottom-2 right-2 flex items-center gap-0.5 bg-opacity-50 p-1 font-skin-primary font-bold !text-skin-black "+o().badge,children:[(0,l.jsx)(y.Ay,{src:W(),className:"w-px-20"}),s]})]})});var eh=a(96417);let ex=({irConfig:e,apiKey:t,element:a,page:s,isDebug:r,projection:i,portal:o,intro:c,config:d,...u})=>(n().accessToken=t,(0,l.jsx)(eh.DA,{isWorkshop:!0,children:(0,l.jsx)(ec,{distanceOptions:[{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"}],portal:o,projection:i,intro:c,config:d})})),ef=ex},88746:(e,t,a)=>{a.d(t,{A:()=>l});let l={src:"/_next/static/media/poi-werkstatt-highlight.7bce3df2.png",height:100,width:100,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAV1BMVEVMaXEOU2kRV2wkZHcZXHHS1tfg4+UnWGgIRFshP0zKycoGS2IUV2sQUWYISloHTmWLiIcAJD7duHWUlHGtonRCeoxLgpNubWwGUGdokp9+mqRcXFzKvZqhWZFKAAAAFnRSTlMAp9fs9v7+BT0S/I9+ax/3/TGt1uL+r249EAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEJJREFUeJwVxkcSgCAQAMEhLgtmBUz/f6dlnxqkeL9vAqWF+B6KurD0XFfUxf7ElsBcOdxWYLK1+gRCms8R+TcY4ANhHwJsS11gjgAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8}}}]);