1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[31290,23082,55044,80001],{80001:function(e){function t(e){if(e=Object.assign({},e),!(this instanceof t))throw new Error("MapboxLanguage needs to be called with the new keyword");this.setLanguage=this.setLanguage.bind(this),this._initialStyleUpdate=this._initialStyleUpdate.bind(this),this._defaultLanguage=e.defaultLanguage,this._isLanguageField=e.languageField||/^\{name/,this._getLanguageField=e.getLanguageField||function(e){return"mul"===e?"{name}":"{name_"+e+"}"},this._languageSource=e.languageSource||null,this._languageTransform=e.languageTransform||function(e,t){return"ar"===t?function(e){var t=e.layers.map((function(e){if(!(e.layout||{})["text-field"])return e;var t=0;return Object.assign({},e,{layout:Object.assign({},e.layout,{"text-letter-spacing":t})})}));return Object.assign({},e,{layers:t})}(e):function(e){var t=e.layers.map((function(e){if(!(e.layout||{})["text-field"])return e;var t=0;return"state_label"===e["source-layer"]&&(t=.15),"marine_label"===e["source-layer"]&&(/-lg/.test(e.id)&&(t=.25),/-md/.test(e.id)&&(t=.15),/-sm/.test(e.id)&&(t=.1)),"place_label"===e["source-layer"]&&(/-suburb/.test(e.id)&&(t=.15),/-neighbour/.test(e.id)&&(t=.1),/-islet/.test(e.id)&&(t=.01)),"airport_label"===e["source-layer"]&&(t=.01),"rail_station_label"===e["source-layer"]&&(t=.01),"poi_label"===e["source-layer"]&&/-scalerank/.test(e.id)&&(t=.01),"road_label"===e["source-layer"]&&(/-label-/.test(e.id)&&(t=.01),/-shields/.test(e.id)&&(t=.05)),Object.assign({},e,{layout:Object.assign({},e.layout,{"text-letter-spacing":t})})}));return Object.assign({},e,{layers:t})}(e)},this._excludedLayerIds=e.excludedLayerIds||[],this.supportedLanguages=e.supportedLanguages||["ar","en","es","fr","de","ja","ko","mul","pt","ru","zh"]}function n(e,t,n){if(function(e,t){return"string"===typeof t&&e.test(t)}(e,t))return n;if(function(e,t){return t.stops&&t.stops.filter((function(t){return e.test(t[1])})).length>0}(e,t)){var a=t.stops.map((function(t){return e.test(t[1])?[t[0],n]:t}));return Object.assign({},t,{stops:a})}return t}t.prototype.setLanguage=function(e,t){if(this.supportedLanguages.indexOf(t)<0)throw new Error("Language "+t+" is not supported");var a=this._languageSource||function(e){return Object.keys(e.sources).filter((function(t){var n=e.sources[t];return/mapbox-streets-v\d/.test(n.url)}))[0]}(e);if(!a)return e;var i=this._getLanguageField(t),r=this._isLanguageField,l=this._excludedLayerIds,s=e.layers.map((function(e){return e.source===a?function(e,t,a,i){return t.layout&&t.layout["text-field"]&&-1===i.indexOf(t.id)?Object.assign({},t,{layout:Object.assign({},t.layout,{"text-field":n(e,t.layout["text-field"],a)})}):t}(r,e,i,l):e})),o=Object.assign({},e,{layers:s});return this._languageTransform(o,t)},t.prototype._initialStyleUpdate=function(){var e=this._map.getStyle(),t=this._defaultLanguage||function(e){var t=navigator.languages?navigator.languages[0]:navigator.language||navigator.userLanguage,n=t.split("-"),a=t;n.length>1&&(a=n[0]);if(e.indexOf(a)>-1)return a;return null}(this.supportedLanguages);this._map.off("styledata",this._initialStyleUpdate),this._map.setStyle(this.setLanguage(e,t))},t.prototype.onAdd=function(e){return this._map=e,this._map.on("styledata",this._initialStyleUpdate),this._container=document.createElement("div"),this._container},t.prototype.onRemove=function(){this._map.off("styledata",this._initialStyleUpdate),this._map=void 0},"undefined"!==typeof e.exports?e.exports=t:("function"!=typeof Object.assign&&Object.defineProperty(Object,"assign",{value:function(e,t){"use strict";if(null===e)throw new TypeError("Cannot convert undefined or null to object");for(var n=Object(e),a=1;a<arguments.length;a++){var i=arguments[a];if(null!==i)for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(n[r]=i[r])}return n},writable:!0,configurable:!0}),window.MapboxLanguage=t)},48005:function(e,t){"use strict";t.Z={src:"/_next/static/media/img-location.0dd79990.png",height:24,width:24,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAe1BMVEVcg/ZbgvZbgvdagvZcg/ZcgvdcgvZcg/Zcg/dcg/Zbg/dbgvdcgvdcgvZcg/dbg/dbg/ZbgvZcg/Zbg/Zcgvdbgvdcg/dcg/dbg/ZcgvdbgvZcg/dbg/dcgvdbgvdcgvdbgvdbg/dbgvdbgvdcg/dbg/Zbgvdcg/Zcg/bHWHrwAAAAKXRSTlMAABUVFhYWNTY2NjY3N1RUVFRVVV5eX3V1dXWampqam56fn6ChoaGlpns5ah4AAABHSURBVHjaBUAHFkAgAP3IXiHaRkrd/4Qe0D7GfEOGMXBKle/geCryKB30VhyMLBp2LXdGphNOJVJF4dB4Oc8iNMjq+7Jvjx+7oAUw90TRLwAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8}},9327:function(e,t){"use strict";t.Z={src:"/_next/static/media/pitch-marker-2.39f7cd4f.png",height:100,width:100,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAnElEQVR42j3LMQrCQBAF0C/RSwgeykYFAyKCjY0WamFvo0WKxKCFEmxsUijoMQQLwatoXCY/O8t+ePxhhoHN6hFgfj1hcStAnDMs7w34TPM1ZrmQcYS7DXwmlzcJ/cm4+YNRVoPN+PwkIeMIveAzPG5J6OcIRfAJD03091+2sCsF5xZsemnddjcJ0YlFJQO97fTGRWC7HcWU6oPuSqmkUN11e+7uAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8}},56888:function(e,t){"use strict";t.Z={src:"/_next/static/media/pitch-marker-orange.3e7d874c.png",height:100,width:100,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAzklEQVR42k3IvUqCYRjG8T9vBh1BNJgQBBFJGKhDa0InUNEhBB1DS+AmvOIHujmIznoKKviF8PqBorMKOugu6u39DA/4gz9cXFizEIkpbLTt7BmXc/0n/sYfUdk067JtN2T89Sr9R/6xajBatRqi9qZ1tyn6TbAq4C26LVEH07LXEf2GWKUrUpXPmMwH3m4x9HbV73cpXZLDKsRe7vI3HNMgptw1UngL3WNkIn4fKhn2/7iRgLjhgOj+RWWjtz6MdNC5QMUfKGplVCboOAAnF7VctvOxjtsAAAAASUVORK5CYII=",blurWidth:8,blurHeight:8}},33219:function(e,t){"use strict";t.Z={src:"/_next/static/media/pitch-marker.68ee3420.png",height:100,width:100,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAu0lEQVR42mOAg5x1PQzxq94B8Xsgu58BBWSsqrWp2/z/2KWH/49ffvTfsX
17Lf4b0lU0IBYELrhy/9OA/EPwB4VNXHv1nCF5wHaHAY9aFU5fBCv6C8NmrQAVesy4jFITOmuRVvvL/pZtPfl259eSXX+XK/wwhM6fD5Y3T5ysyBE//x+A48T8YB0/7b5Q2XwUsKRs7kwVMR0/PkI2e9h+Cp2czAIEcVI6BKXwaM4hmDJywGIiXQcWYGBgYGABDnGJJWB441QAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8}},46710:function(e,t,n){"use strict";n.d(t,{$:function(){return o},Q:function(){return s}});var a=n(52322),i=n(16924),r=n.n(i),l=n(76114),s=function(e){var t=e.cities,n=e.onClick,i=void 0===n?null:n;return t&&0!=t.length?(0,a.jsx)("div",{className:"relative",children:(0,a.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 "+r().backgroundColor,children:t&&t.length&&t.map((function(e,t){return(0,a.jsxs)("div",{className:"py-2 font-skin-primary text-xs text-skin-grey-dark cursor-pointer",onClick:function(){i&&i(e)},children:[(0,a.jsxs)(a.Fragment,{children:[" ",(0,a.jsx)("strong",{className:r().textColor,children:e.name})," ",null===e||void 0===e?void 0:e.state," ",null===e||void 0===e?void 0:e.country]}),";"]},t)}))})}):null},o=function(e){var t=e.pitches,n=e.onClick,i=void 0===n?null:n;return t&&0!=t.length?(0,a.jsx)("div",{className:"relative",children:(0,a.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 bg-white border border-solid divide-y shadow-md",children:t&&t.length&&t.map((function(e,t){return(0,a.jsxs)("div",{className:"py-2 font-skin-primary text-xs text-skin-grey-dark cursor-pointer",onClick:function(){i&&i(e)},children:[e.pitchType&&(0,a.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,a.jsx)(l.p,{isSmall:!0,icon:e.pitchType}),(0,a.jsx)("strong",{className:"text-skin-black",children:e._de.name})]}),!e.pitchType&&(0,a.jsxs)(a.Fragment,{children:[" ",(0,a.jsx)("strong",{className:"text-skin-black",children:e.city})," ",e.country,", ",e.federalstate]})]},"autocomplete-pitch-item-"+t)}))})}):null}},35429:function(e,t,n){"use strict";n.d(t,{O:function(){return s}});var a=n(67557),i=n(52322),r=n(12524),l=n.n(r),s=function(e){var t=e.children,n=e.spacing;return(0,i.jsx)("div",{className:l()((0,a.Z)({"flex relative flex-col justify-center items-center space-x-2":!0,"mt-6 mb-9":!n},"mt-".concat(n," mb-").concat(n),n)),children:t})}},22766:function(e,t,n){"use strict";n.r(t),n.d(t,{PitchTeaser:function(){return k},PitchTeaserItem:function(){return C},default:function(){return N}});var a=n(67557),i=n(52322),r=n(56413),l=n.n(r),s=n(21569),o=n(70572),c=n.n(o),u=n(76114),d=function(e){var t=e.powerSupply,n=e.waterSupply,a=e.disposal,r=e.disposalChemical,l=e.wc,s=e.shower,o=e.caravan8Meters,d=e.wifi,p=e.pets,g=e.isAcsi,m=e.isAlpaca,h=e.isRoadsurfer,f=e.fireplace;return(0,i.jsxs)("div",{className:"flex flex-wrap -mb-1.5 "+c().icon,children:[t&&(0,i.jsx)(u.p,{icon:"strom"}),n&&(0,i.jsx)(u.p,{icon:"wasser"}),a&&(0,i.jsx)(u.p,{icon:"grauwasser"}),r&&(0,i.jsx)(u.p,{icon:"chemieWC"}),l&&(0,i.jsx)(u.p,{icon:"wc"}),s&&(0,i.jsx)(u.p,{icon:"dusche"}),o&&(0,i.jsx)(u.p,{icon:"8m"}),d&&(0,i.jsx)(u.p,{icon:"wlan"}),p&&(0,i.jsx)(u.p,{icon:"hunde"}),g&&(0,i.jsx)(u.p,{icon:"acsi"}),m&&(0,i.jsx)(u.p,{icon:"alpaca"}),h&&(0,i.jsx)(u.p,{icon:"roadsurfer"}),f&&(0,i.jsx)(u.p,{icon:"fireplace"})]})},p=n(30845),g=n(12524),m=n.n(g),h=(n(2784),n(46242)),f=n(98984),v=n(99967),x=n(42713),b=n(66029),y=n(25237),A=n.n(y),j=A()((function(){return n.e(84015).then(n.bind(n,84015)).then((function(e){return e.ReactComponent}))}),{loadableGenerated:{webpack:function(){return[84015]}}}),w=A()((function(){return n.e(68674).then(n.bind(n,68674)).then((function(e){return e.ReactComponent}))}),{loadableGenerated:{webpack:function(){return[68674]}}}),k=function(e){var t,n=e.data,a=e.inline,r=void 0!==a&&a,s=e.portal;if(!(null===n||void 0===n?void 0:n.length))return null;if("car"===s)t="".concat(n.length>1?"Campingpl\xe4tze":"Campingplatz"," in diesem Artikel");else t="".concat(n.length>1?"Stellpl\xe4tze":"Stellplatz"," in diesem Artikel");return(0,i.jsxs)("div",{className:"va-pitch-teaser max-w-[620px] lg:ml-[60px] lg:col-span-2 mx-4 lg:mx-0 mb-9",children:[!r&&(0,i.jsx)("div",{className:"mb-4",children:(0,i.jsx)(x.Headline,{type:"article",size:"medium",headline:t,isDarkMode:!0})}),n.map((function(e,t,n){return(0,i.jsx)("div",{className:"divide-grey-medium border-t border-skin-grey-medium border-solid divide-y "+l().borderColor,children:(0,i.jsx)(C,{item:e,portal:s,inline:r})}
1,"pitch-teaser-list-item-".concat(t))}))]})},C=function(e){var t,n,r,o,c,u,g,y,A,j,w=e.item,k=(e.portal,e.url),C=void 0===k?null:k,N=e.inline,T=void 0!==N&&N;if(!w)return null;var S,R="";if((null===w||void 0===w||null===(t=w.dist)||void 0===t?void 0:t.calculated)&&(R+=Math.round(w.dist.calculated/1e3)+" km - "),R+=w.zip+" "+w.city,R+="DE"===w.country?" (D)":"("+w.country+")",null===w||void 0===w||null===(n=w.images)||void 0===n?void 0:n.length)S=(0,i.jsx)("div",{className:"pt-[18%] w-[30%] md:pt-[22.5%] overflow-hidden relative md:w-2/5",children:(0,i.jsx)(p.Ee,{src:w.images[0].fileurl.websiteListThumb,className:"absolute top-1/2 left-1/2 w-full -translate-x-1/2 -translate-y-1/2"})});else{var B=f.Z;S=(0,i.jsx)("div",{className:"pt-[18%] w-[30%] md:pt-[22.5%] overflow-hidden relative md:w-2/5",children:(0,i.jsx)(p.Ee,{src:B,className:"absolute top-1/2 left-1/2 w-full -translate-x-1/2 -translate-y-1/2"})})}var L,Z=!1===w.charging?"Kostenlos":"";return w.costs2Adults&&(Z=(0,h.numberFormat)(w.costs2Adults,2),Z+=" EUR/Nacht"),(0,i.jsxs)("div",{className:m()((L={"py-4 border-b border-solid":!0},(0,a.Z)(L,l().borderColor,!0),(0,a.Z)(L,"px-2",(null===w||void 0===w?void 0:w.isAcsiPitch)&&!T),(0,a.Z)(L,l().highlight,(null===w||void 0===w?void 0:w.isAcsiPitch)&&!T),L)),children:[(0,i.jsx)(s.ZP,{target:"_blank",href:null!==C&&void 0!==C?C:w.url,className:m()("flex flex-wrap"),children:(0,i.jsxs)("div",{className:m()({"flex flex-row items-start w-full":!0,"":(null===w||void 0===w?void 0:w.isAcsiPitch)&&!T}),children:[S,(0,i.jsxs)("div",{className:"w-[70%] flex relative flex-col justify-between pl-2 md:w-3/5 h-full",children:[(0,i.jsxs)("div",{className:"mb-2 lg:mb-4",children:[(0,i.jsx)("div",{className:"mb-0.5",children:(0,i.jsx)(b.Subline,{isDarkMode:!0,size:"small",children:R})}),(0,i.jsx)(x.Headline,{isDarkMode:!0,size:"small",headline:w._de.name})]}),(0,i.jsxs)("div",{className:"flex flex-wrap justify-between items-center space-y-2 xs:space-y-0",children:[(0,i.jsx)("div",{className:"flex flex-row items-center",children:!!w.userRating.count&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(_,{stars:w.userRating.avg}),(0,i.jsx)("span",{className:"block ml-1 font-skin-primary text-xs pt-[3px] "+l().textColor,children:1===w.userRating.count?w.userRating.count+" Bewertung":w.userRating.count+" Bewertungen"})]})}),!!Z&&(0,i.jsx)(v.Button,{text:Z,className:"text-xs"})]})]})]})}),(0,i.jsx)("div",{className:"pt-2 w-full",children:(0,i.jsx)(d,{powerSupply:null===w||void 0===w||null===(r=w.powerSupply)||void 0===r?void 0:r.exists,waterSupply:null===w||void 0===w||null===(o=w.waterSupply)||void 0===o?void 0:o.exists,disposal:null===w||void 0===w||null===(c=w.disposal)||void 0===c?void 0:c.exists,disposalChemical:null===w||void 0===w||null===(u=w.disposalChemical)||void 0===u?void 0:u.exists,wc:null===w||void 0===w||null===(g=w.wc)||void 0===g?void 0:g.exists,shower:null===w||void 0===w||null===(y=w.shower)||void 0===y?void 0:y.exists,caravan8Meters:null===w||void 0===w?void 0:w.caravan8Meters,wifi:null===w||void 0===w||null===(A=w.wifi)||void 0===A?void 0:A.exists,pets:null===w||void 0===w||null===(j=w.pets)||void 0===j?void 0:j.allowed,isAcsi:null===w||void 0===w?void 0:w.hasAcsiDiscount,isAlpaca:null===w||void 0===w?void 0:w.isAlpacaPitch,isRoadsurfer:null===w||void 0===w?void 0:w.isRoadsurferPitch,fireplace:null===w||void 0===w?void 0:w.openFire})})]})},_=function(e){var t=e.stars,n=parseInt(2*parseFloat(void 0===t?0:t));return(0,i.jsx)("div",{className:"flex flex-row",children:Array.from({length:10}).map((function(e,t){var a=t%2?w:j,r=t<n?"#FFBF00":"#CCCCCC";return(0,i.jsx)(a,{color:r,className:"w-2"},t)}))})},N=k},31094:function(e,t,n){"use strict";n.r(t),n.d(t,{Pitch:function(){return Q},PitchInput:function(){return $},default:function(){return te}});var a=n(22710),i=n(62230),r=n(85244),l=n(98240),s=n(22386),o=n(81541),c=n(22970),u=n(52322),d=n(8352),p=n.n(d),g=n(2784),m=n(42980),h=n(42713),f=n(14405),v=n(18906),x=n(43668),b=n(40485),y=n(27773),A=n(35429),j=n(99967),w=n(22766),k=n(86184),C=n(70454),_=n(60535),N=n.n(_),T=n(80001),S=n.n(T),R=n(33219),B=n(9327),L=n(56888),Z="/_next/static/media/pitch-marker-2-orange.3c7bbe19.png",E={src:"/_next/static/media/appstore-ios.c26f144e.png",height:60,width:179,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAQAAAAEwYbDAAAAPklEQVR42mOw+u773+l/2H/P/wz/Gf6rfGeY8//K/7z/U/43/m/5X/k/5D9D8veW/zH/2/5n/C/7X/E/8jsAKlwhEbNn1wAAAAAASUVORK5CYII=",blurWidth:8,blurHeight:3},P={src:"/_next/static/media/app-teaser.846983c7.png",height:200,width:248,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAxElEQVR42gWAS07CQBiAv7/za8kMWJ8sjGjia+tCb+KBuIcXUE/gWqML3bhwowkmGiEmJi1ggTJAO0Rurm/DTiOnFgtxOcMYJfVrIRCLavSrp7tT9lyb184Fzg5oJvecHLSrnr80K1I8aK9v6eZXjBsb/IjBDjOOBDk732dRVnf69Z0ycavY7S0mI082HAU/KKPD47SYVzyqRAvs9AX9N7h5oBg/B9G6dD7W34BPdbZG4Vtk3XdCCCT1VpVsNqO/fv4EsARNGU9FL4a0bAAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:6},z={src:"/_next/static/media/appstore-android.8508db2e.png",height:60,width:201,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAACCAYAAABllJ3tAAAATUlEQVR4nGPUau77o///FjP7+af/+eSVGT59+MDw+vVrBnZ2dsZ79+79ZfSt7Pmj+fUG88s37xjEZdUYBPj5GN6/f8/AycnJcP/+/X8AGlMeowfqqA4AAAAASUVORK5CYII=",blurWidth:8,blurHeight:2},I=n(48005),D="/_next/static/media/img-location-orange.59633887.png",U=n(35725),O=n(2345),F=n(76603),V=n(72802),M=n(46710),G=n(88737),H=n(21569),K=n(30845),W=n(48090),X=n(76114),J=n(12524),Y=n.n(J),q=n(56592),Q=function(e){e.irConfig;var t=e.apiKey,n=(e.element,e.page,e.locations,e.onlyCamping),a=(e.isDebug,e.list,e.defaultPitch),s=e.defaultCamping,o=e.defaultWinter,c=e.defaultFerry,d=e.defaultBookable,x=e.defaultPrivate,k=e.defaultTrekkingcamp,C=e.apple,_=e.android,T=e.pitchDirectory,S=e.portal,R=e.ads;(0,l.Z)(e,["irConfig","apiKey","element","page","locations","onlyCamping","isDebug","list","defaultPitch","defaultCamping","defaultWinter","defaultFerry","defaultBookable","defaultPrivate","defaultTrekkingcamp","apple","android","pitchDirectory","portal","ads"]);N().accessToken=t;var B=(0,V.Z)(),L=(0,g.useRef)(null),Z=(0,g.useState)({pitch:a,camping:s,ferry:c,isBookable:d,winter:o,isPrivate:x,trekkingcamp:k,distance:25,limit:10,p:0}
1),I=Z[0],D=(Z[1],(0,g.useState)({limit:10,p:0})),O=D[0],M=D[1],W=(0,g.useState)([]),X=W[0],J=W[1],Q=(0,g.useState)(null),te=Q[0],ne=Q[1],ae=(0,g.useState)("0 Ergebnisse gefunden"),ie=ae[0],re=ae[1],le=(0,g.useState)({lat:51,lng:10}),se=le[0],oe=le[1],ce=(0,g.useState)(!0),ue=ce[0],de=ce[1],pe=function(){"od"!==String(S).toLowerCase()&&(/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream?window.location="https://apps.apple.com/de/app/stellplatz-radar-von-promobil/id360686968":/android/i.test(navigator.userAgent)&&(window.location="https://play.google.com/store/apps/details?id=de.promobil.mobillife&hl=de"))};(0,g.useEffect)((function(){pe()}),[B]);return(!B||"od"===String(S).toLowerCase())&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)("div",{className:"col-span-2 mx-4 lg:mx-0",id:"pitchMap",children:[(0,u.jsx)(f.K,{title:n?"Finde die besten Zelt- und Trekkingpl\xe4tze":"Finden Sie die besten Stellpl\xe4tze und Campingpl\xe4tze",showFavorites:!1,maxWidth:!1}),(0,u.jsx)(ee,{map:L,coordinates:se,setCoordinates:oe,formValues:O,setButtonText:re,setLoadedData:J,setIsInitial:de,isInitial:ue,onlyCamping:n,setPages:ne,pitchDirectory:T,portal:S})]}),(0,u.jsx)("div",{className:"lg:col-span-2 lg:justify-between mt-10 w-full",children:(0,u.jsx)("div",{className:"va-maincol-list maincol_list lg:flex relative lg:col-span-2 lg:justify-between",children:(0,u.jsxs)("div",{className:Y()({"va-maincol lg:w-[calc(100%-360px)] ":!0,"min-h-main":!B}),id:"list",children:[(0,u.jsx)("div",{children:(0,u.jsxs)(m.l,{className:"va-stellplatzsuche-form relative px-4 lg:px-0",onSubmit:function(){return(0,i.Z)({isSubmitted:1},O)},initialValues:I,onValuesChanged:function(e){M(e)},children:[(0,u.jsx)("div",{className:"mb-10",children:(0,u.jsx)(h.Headline,{isDarkMode:!0,headline:n?"Zeltplatz suchen":"Stellplatz suchen",size:"medium"})}),(0,u.jsxs)("div",{className:"flex",children:[(0,u.jsx)("div",{className:"mr-6 w-2/3",children:(0,u.jsx)($,{id:"q",label:"Ort",name:"q",setCoordinates:oe,setIsInitial:de,onlyCamping:n})}),(0,u.jsxs)("div",{className:"w-1/3",children:[(0,u.jsx)(v._,{children:"Umkreis"}),(0,u.jsx)(b.P,{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"}]})]})]}),(0,u.jsxs)("div",{className:"block lg:flex justify-between w-2/3",children:[(0,u.jsxs)("div",{className:"[&>*]:mt-5",children:[!n&&(0,u.jsx)(y.X,{id:"pitch",name:"pitch",label:"Stellpl\xe4tze",formValue:!0}),(0,u.jsx)(y.X,{id:"camping",name:"camping",label:"Campingpl\xe4tze",formValue:!0}),!n&&(0,u.jsx)(y.X,{id:"ferry",name:"ferry",label:"F\xe4hrh\xe4fen",formValue:!0}),n&&(0,u.jsx)(y.X,{id:"trekkingcamp",name:"trekkingcamp",label:"Trekkingcamps",formValue:!0})]}),!n&&(0,u.jsxs)("div",{className:"[&>*]:mt-5 mr-10",children:[(0,u.jsx)(y.X,{id:"isBookable",name:"isBookable",label:"buchbar",formValue:!0}),(0,u.jsx)(y.X,{id:"isPrivate",name:"isPrivate",label:"Privater Platz",formValue:!0}),(0,u.jsx)(y.X,{label:"Winterabstellpl\xe4tze",formValue:!0,name:"winter",id:"winter"})]})]}),(0,u.jsx)("div",{className:"mb-6",children:(0,u.jsx)(A.O,{children:(0,u.jsx)(j.Button,{type:"submit",text:ie})})})]})}),(0,u.jsxs)(u.Fragment,{children:[X&&X.length?X.map((function(e,t){var n=!!(null===R||void 0===R?void 0:R[t+1])&&!!(null===X||void 0===X?void 0:X[t+1]),a=null===R||void 0===R?void 0:R[t+1];return Array.isArray(a)||(a=[a]),a=a.filter(Boolean),(0,u.jsxs)("div",{className:"px-4 lg:px-0",children:[(0,u.jsx)(w.PitchTeaserItem,{portal:S,item:e},"pitch-result-item-".concat(t)),n&&a.map((function(t,n){return(0,u.jsx)("div",{className:Y()("py-4 px-2 border-b border-skin-grey-medium border-solid",{"bg-skin-grey-light":null===e||void 0===e?void 0:e.isAcsiPitch}),children:(0,u.jsx)(q.Element,{data:t,debugAdSlot:"pitch"},"lists-pitch-ad-".concat(n))})}))]},"region-list-item-".concat(t))})):null,te?(0,u.jsx)("div",{className:"pt-4",children:(0,u.jsx)(U.t,{onClick:function(e,t){M((0,r.Z)((0,i.Z)({},O),{page:t})),e.preventDefault();var n=document.getElementById("list");document.querySelector(".va-header-wrapper");if(n){var a=(0,F.r7)(n);window.scrollTo({x:0,top:a.top-170})}return!1},pagination:te})}):null,!n&&(0,u.jsx)("div",{className:"va-stellplatz-app-banner-wrapper lg:py-14",children:(0,u.jsxs)("div",{className:"va-stellplatz-app-banner hidden lg:flex items-center "+p().bgColor,children:[(0,u.jsx)("div",{className:"w-[250px]",children:(0,u.jsx)(K.ZP,{className:"w-full",src:P})}),(0,u.jsxs)("div",{className:"w-[calc(100%-250px)] p-4",children:[(0,u.jsx)("div",{className:"mb-2",children:(0,u.jsx)(h.Headline,{isDarkMode:!0,size:"medium",headline:"Mehr Suchkriterien? Mehr Details?"})}),(0,u.jsx)("div",{className:"mb-2",children:(0,u.jsxs)(G.Text,{isDarkMode:!0,size:"small",children:["Unsere App \u201eStellplatz-Radar\u201c ist mit \xfcber 18.000 Stell- und 8.000 Campingpl\xe4tzen europaweit f\xfcr ",(0,u.jsx)(H.ZP,{target:"_blank",href:_,children:"Android"})," und ",(0,u.jsx)(H.ZP,{target:"_blank",href:C,children:"iOs"})," verf\xfcgbar. Jetzt runterladen und durchstarten."]})}),(0,u.jsxs)("div",{className:"flex gap-4 justify-center",children:[_?(0,u.jsx)(H.ZP,{href:_,target:"_blank",className:"block",children:(0,u.jsx)(K.ZP,{className:"h-[40px]",src:z})}):null,C?(0,u.jsx)(H.ZP,{href:C,target:"_blank",className:"block",children:(0,u.jsx)(K.ZP,{className:"h-[40px]",src:E})}):null]})]})]})})]})]})})})]})},$=function(e){var t=e.setCoordinates,n=e.setIsInitial,i=e.onlyCamping,r=(0,g.useContext)(C.q),l=(0,g.useContext)(k.DT),s=(0,g.useState)([]),d=s[0],p=s[1],m=(0,g.useState)(""),h=m[0],f=m[1],v=(0,O.Z)(h,350);(0,g.useEffect)((function(){b()}),[v]);var b=function(){var e=(0,a.Z)((function(){var e,t,n;return(0,c.__generator)(this,(function(a){switch(a.label){case 0:return(null===v||void 0===v?void 0:v.length)>=3?[4,A(v)]:[3,3];case 1:return e=a.sent(),[4,j(v,i)];case 2:(null===(t=a.sent())||void 0===t?void 0:t.length)&&(n=e).unshift.apply(n,(0,o.Z)(t)),p(e),a.label=3;case 3:return[2]}}
1))}));return function(){return e.apply(this,arguments)}}(),y=function(){var e=(0,a.Z)((function(e){var t,n;return(0,c.__generator)(this,(function(a){return n=null===e||void 0===e||null===(t=e.target)||void 0===t?void 0:t.value,f(n),[2]}))}));return function(t){return e.apply(this,arguments)}}(),A=function(){var e=(0,a.Z)((function(e){return(0,c.__generator)(this,(function(t){switch(t.label){case 0:return[4,fetch("".concat(l.apiHost,"/pro-pitch/pitch/geocode?q=").concat(e,"&limit=10"),{method:"GET",headers:{"Content-Type":"application/json"}}).then((function(e){return e.json()})).catch((function(e){console.error("error in listsSearchForm geocode",e)}))];case 1:return[2,t.sent()]}}))}));return function(t){return e.apply(this,arguments)}}(),j=function(){var e=(0,a.Z)((function(e){var t,n,a=arguments;return(0,c.__generator)(this,(function(i){switch(i.label){case 0:return t=a.length>1&&void 0!==a[1]&&a[1],n="",t&&(n="&pitchType[]=Campingplatz&pitchType[]=Trekkingcamp"),[4,fetch("".concat(l.apiHost,"/pro-pitch/pitch/getByName?name=").concat(e,"&limit=5&onlyCamping=").concat(t).concat(n),{method:"GET",headers:{"Content-Type":"application/json"}}).then((function(e){return e.json()}))];case 1:return[2,i.sent()]}}))}));return function(t){return e.apply(this,arguments)}}();return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(x.I,{id:"q",label:"Ort",name:"q",onChange:y,disableAutocomplete:!0}),!!(null===d||void 0===d?void 0:d.length)&&(0,u.jsx)("ul",{className:"va-input-autocomplete",children:(0,u.jsx)(M.$,{pitches:d,onClick:function(e){var a,i,l,s,o;n(!1);var c=null===e||void 0===e||null===(a=e.point)||void 0===a?void 0:a.lng,u=null===e||void 0===e||null===(i=e.point)||void 0===i?void 0:i.lat;e.pitchType?(u=e.gps[0],c=e.gps[1]):(null===e||void 0===e||null===(l=e.coordinates)||void 0===l?void 0:l.lng)&&(null===e||void 0===e||null===(s=e.coordinates)||void 0===s?void 0:s.lat)&&(c=e.coordinates.lng,u=e.coordinates.lat),r.setFieldValue("q",(null===e||void 0===e||null===(o=e._de)||void 0===o?void 0:o.name)?e._de.name:null===e||void 0===e?void 0:e.city),p([]),t({lng:c,lat:u})}})})]})},ee=function(e){var t=e.coordinates,n=e.map,i=e.formValues,r=e.setButtonText,o=e.setLoadedData,d=e.setCoordinates,p=e.setPages,m=e.isInitial,h=e.setIsInitial,f=e.onlyCamping,v=e.pitchDirectory,x=void 0===v?"stellplatz":v,b=e.portal,y=((0,l.Z)(e,["coordinates","map","formValues","setButtonText","setLoadedData","setCoordinates","setPages","isInitial","setIsInitial","onlyCamping","pitchDirectory","portal"]),(0,g.useRef)(null)),A=t.lng,j=t.lat,w=(0,g.useState)(4.75),C=w[0],_=(w[1],(0,g.useRef)(null)),T=(0,g.useRef)(null),E=(0,g.useRef)(null),P=(0,g.useContext)(k.DT),z=(0,O.Z)(i,500);(0,g.useEffect)((function(){if(!m&&n.current){var e=n.current.getSource("search-indicator");if(!e)return;e.coordinates={lng:t.lng,lat:t.lat},n.current.easeTo({center:t,duration:300}),n.current.getSource("search-indicator").setData({type:"Point",coordinates:[t.lng,t.lat]}),U()}}),[t,z]);var U=function(){var e=(0,a.Z)((function(){var e,n,a,r,l;return(0,c.__generator)(this,(function(s){switch(s.label){case 0:return[4,V({center:t},null===i||void 0===i?void 0:i.page)];case 1:return s.sent(),[4,F({center:t})];case 2:for(e=s.sent(),n=[],a=[],r=0;r<e.length;r++)(null===(l=e[r])||void 0===l?void 0:l.name)&&-1===n.indexOf(l._id)&&(n.push(l._id),a.push(l));return M(a),[2]}}))}));return function(){return e.apply(this,arguments)}}(),F=function(){var e=(0,a.Z)((function(){var e,t,a,r=arguments;return(0,c.__generator)(this,(function(l){switch(l.label){case 0:return(e=r.length>0&&void 0!==r[0]?r[0]:{}).center||(t=n.current.getCenter(),e.center={lng:t.lng,lat:t.lat}),a="distance="+i.distance+"¢er[lng]="+e.center.lng+"¢er[lat]="+e.center.lat,e.pitchType=[],i.camping&&(a+="&pitchType[]=Campingplatz"),i.trekkingcamp&&(a+="&pitchType[]=Trekkingcamp"),i.pitch&&(a+="&pitchType[]=Stellplatz"),i.winter&&(a+="&pitchType[]=Winterstellplatz"),i.ferry&&(a+="&pitchType[]=F\xe4hrhafen"),i.isPrivate&&(a+="&pitchType[]=Privater Platz"),!f||i.camping||i.trekkingcamp||(a+="&pitchType[]=Campingplatz",a+="&pitchType[]=Trekkingcamp"),f&&(a+="&onlyCamping=1"),i.isBookable&&(a+="&isBookable=1"),[4,fetch(P.apiHost+"/pro-pitch/pitch/getMapMarkersInBounds?"+a,{method:"GET",headers:{"Content-Type":"application/json"}}).then((function(e){return e.json()}))];case 1:return[2,l.sent()]}}))}));return function(){return e.apply(this,arguments)}}(),V=function(){var e=(0,a.Z)((function(){var e,t,a,r,l,s=arguments;return(0,c.__generator)(this,(function(c){switch(c.label){case 0:return e=s.length>0&&void 0!==s[0]?s[0]:{},t=s.length>1&&void 0!==s[1]?s[1]:0,e.center||(a=n.current.getCenter(),e.center={lng:a.lng,lat:a.lat}),r="distance="+i.distance+"&lng="+e.center.lng+"&lat="+e.center.lat,e.pitchType=[],i.camping&&(r+="&pitchType[]=Campingplatz"),i.trekkingcamp&&(r+="&pitchType[]=Trekkingcamp"),i.pitch&&(r+="&pitchType[]=Stellplatz"),i.winter&&(r+="&pitchType[]=Winterstellplatz"),i.ferry&&(r+="&pitchType[]=F\xe4hrhafen"),i.isPrivate&&(r+="&pitchType[]=Privater Platz"),!f||i.camping||i.trekkingcamp||(r+="&pitchType[]=Campingplatz",r+="&pitchType[]=Trekkingcamp"),f&&(r+="&onlyCamping=1"),i.isBookable&&(r+="&isBookable=1"),r+="&p="+t,[4,fetch(P.apiHost+"/pro-pitch/pitch/getListData?"+r,{method:"GET",headers:{"Content-Type":"application/json"}}).then((function(e){return e.json()}))];case 1:return l=c.sent(),o(l.list),p(l.pagination),[2]}}))}));return function(){return e.apply(this,arguments)}}(),M=function(e){var t,a=H(e),i=(null===a||void 0===a||null===(t=a.features)||void 0===t?void 0:t.length)||0;r(i+" Ergebnisse gefunden"),n.current.getSource("markers").setData(a),n.current.easeTo({zoom:G()})},G=function(){var e=parseInt(i.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},H=function(e){for(var t={type:"FeatureCollection",features:[]},n=0;n<e.length;n++)e[n].name&&t.features.push({type:"Feature",geometry:{type:"Point",coordinates:[parseFloat(e[n].gps[1]),parseFloat(e[n].gps[0])]},properties:{title:e[n].name,id:e[n]._id}});return t},K=function(e,t){return e/.075/Math.cos(t*Math.PI/180)},J=function(){var e=(0,a.Z)((function(e){return(0,c.__generator)(this,(function(t){return e.on("click","clusters",(function(t){var n=e.queryRenderedFeatures(t.point,{layers:["clusters"]}
1),a=n[0].properties.cluster_id;e.getSource("markers").getClusterExpansionZoom(a,(function(t,a){t||e.easeTo({center:n[0].geometry.coordinates,zoom:a})}))})),e.on("mouseenter","clusters",(function(){e.getCanvas().style.cursor="pointer"})),e.on("mouseleave","clusters",(function(){e.getCanvas().style.cursor=""})),e.on("click","unclustered-point",function(){var t=(0,a.Z)((function(t){var n,a,i;return(0,c.__generator)(this,(function(r){switch(r.label){case 0:return n=e.queryRenderedFeatures(t.point,{layers:["unclustered-point"]}),[4,fetch("".concat(P.apiHost,"/pro-pitch/pitch/getMarkerByID?id=").concat(n[0].properties.id,"&lng=").concat(t.lngLat.lng,"<d=").concat(t.lngLat.lat),{method:"GET",headers:{"Content-Type":"application/json"}}).then((function(e){return e.json()}))];case 1:return a=r.sent(),i={strom:a.data.powerSupply.exists,wasser:a.data.waterSupply.exists,grauwasser:a.data.disposal.exists,chemieWC:a.data.disposalChemical.exists,wc:a.data.wc.exists,dusche:a.data.shower.exists,"8m":a.data.caravan8Meters,wlan:a.data.wifi.exists,hunde:a.data.pets.allowed,umweltRot:2===a.data.greenZone,umweltGelb:3===a.data.greenZone,umweltGruen:4===a.data.greenZone,fireplace:a.data.openFire},e.easeTo({center:a.data.gps.reverse()}),new(N().Popup)({className:"marker-popup",anchor:"bottom",maxWidth:"none"}).setLngLat(a.data.gps).setHTML((0,W.Dq)((0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:"va-stellplatz-name",children:a.data._de.name}),(0,u.jsx)("div",{className:"va-stellplatz-adresse",children:a.data.displayaddress.replace(new RegExp("<br>","g"),", ")}),(0,u.jsx)("div",{className:"va-stellplatz__service__icons",children:Object.entries(i).filter((function(e){return(0,s.Z)(e,2)[1]})).map((function(e){var n=(0,s.Z)(e,1)[0];return(0,u.jsx)(X.p,{icon:n,noMargin:!0},n+t.lngLat.lng+t.lngLat.lat)}))}),(0,u.jsxs)("a",{href:"/"+x+"/"+a.data._de.name.replace(new RegExp(" ","g"),"-")+"-"+a.data.id+".html",target:"_blank",className:"va-stellplatz-button",rel:"noreferrer",children:["Zum ","Stellplatz"===a.data.pitchType?"Stellplatz":"F\xe4hrhafen"===a.data.pitchType?"Hafen":"Trekkingcamp"===a.data.pitchType?"Trekkingcamp":"Campingplatz"]})]}))).addTo(e),[2]}}))}));return function(e){return t.apply(this,arguments)}}()),e.on("mouseenter","unclustered-point",(function(){e.getCanvas().style.cursor="pointer"})),e.on("mouseleave","unclustered-point",(function(){e.getCanvas().style.cursor=""})),[2]}))}));return function(t){return e.apply(this,arguments)}}();return(0,g.useEffect)((function(){if(!n.current){n.current=new(N().Map)({container:y.current,style:f?"https://maps.promobil.de/styles/opentopomap-promobil-server/style.json":"https://maps.promobil.de/styles/6eb3236c-e4e7-44cb-ad2e-093a1c7881d1/style.json",center:[A,j],zoom:C});var e=new(S())({defaultLanguage:"de"});n.current.addControl(e),n.current.addControl(new(N().NavigationControl)({showCompass:!1})),n.current.addControl(function(){if(_.current)return _.current;var e=document.createElement("button");e.className="mapboxgl-ctrl-icon";var t=document.createElement("span");t.style.height="12px",t.style.width="12px",t.style.backgroundColor="#262e38",t.style.borderRadius="50%",t.style.display="inline-block";var a=document.createElement("span");a.style.height="8px",a.style.width="8px",a.style.marginTop="2px",a.style.verticalAlign="top",a.style.backgroundColor="#fff",a.style.borderRadius="50%",a.style.display="inline-block",a.style.boxShadow="0px 0px 2px",t.appendChild(a),e.appendChild(t);var i=document.createElement("div");return i.className="mapboxgl-ctrl-group mapboxgl-ctrl",i.appendChild(e),i.onAdd=function(){return i},i.onRemove=function(){return i.parentNode.removeChild(i)},i.setAttribute("view","Mapbox Streets"),_.current=i,e.addEventListener("click",(function(e){"visible"===n.current.getLayoutProperty("search-indicator","visibility")?(n.current.setLayoutProperty("search-indicator","visibility","none"),a.style.display="none"):(n.current.setLayoutProperty("search-indicator","visibility","visible"),a.style.display="inline-block")})),e.addEventListener("mouseover",(function(e){return a.style["background-color"]="rgba(255, 255, 255, 0.875)"})),e.addEventListener("mouseout",(function(e){return a.style["background-color"]="#fff"})),i}(),"top-right"),n.current.dragRotate.disable(),n.current.touchZoomRotate.disableRotation(),n.current.keyboard.disable(),function(){if(!E.current){var 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=function(){return e},e.onRemove=function(){return e.parentNode.removeChild(e)},e.addEventListener("click",(function(e){h(!1);var t=n.current.getCenter();d({lng:t.lng,lat:t.lat})})),E.current=!0,n.current._controlContainer.appendChild(e),n.current._controlPositions["top-center"]=e}}(),function(){if(!T.current){var e=document.createElement("img");e.className="va-mapboxgl-ctrl-icon","od"===b.toLowerCase()?e.src=D:e.src=I.Z.src,e.onAdd=function(){return e},e.onRemove=function(){return e.parentNode.removeChild(e)};var t=document.createElement("div");t.appendChild(e),t.className="va-mapboxgl-ctrl-center",n.current._controlContainer.appendChild(t),n.current._controlPositions.center=t,T.current=t}}(),n.current.on("load",(function(){!function(e,t){var n={type:"FeatureCollection",features:[]},a=R.Z.src,i=B.Z.src;"od"===b.toLowerCase()&&(a=L.Z.src,i=Z),e.loadImage(a,(function(a,r){if(a)throw a;e.loadImage(i,(function(a,i){if(a)throw a;e.addImage("s1",r),e.addImage("s2",i),e.addSource("markers",{type:"geojson",data:n,cluster:!0,clusterMa
1xZoom: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,-52],"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":8,"text-anchor":"center","text-offset":[0,-4]},paint:{"text-color":"#000000"}}),e.addLayer({id:"unclustered-point",type:"symbol",source:"markers",filter:["!",["has","point_count"]],layout:{"icon-image":"s2","icon-size":.4,"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,K(25e3,e.getCenter().lat)]],base:2},"circle-color":"black","circle-opacity":.3}}),t&&J(e)}))}))}(n.current,!0)}))}}),[]),(0,u.jsx)("div",{className:"h-[490px]",children:(0,u.jsx)("div",{ref:y,className:"h-[490px] overflow-hidden relative"})})},te=Q},2345:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});var a=n(2784);function i(e,t){var n=(0,a.useState)(e),i=n[0],r=n[1];return(0,a.useEffect)((function(){var n=setTimeout((function(){r(e)}),t);return function(){clearTimeout(n)}}),[e]),i}},16924:function(e){e.exports={"text-color":"autoComplete_text-color__xBIGN",textColor:"autoComplete_text-color__xBIGN","background-color":"autoComplete_background-color__iHQ_M",backgroundColor:"autoComplete_background-color__iHQ_M"}},70572:function(e){e.exports={icon:"stellplatzInfo_icon__HGt0J"}},56413:function(e){e.exports={"border-color":"teaser_border-color__OWH5l",borderColor:"teaser_border-color__OWH5l","text-color":"teaser_text-color__GJk_M",textColor:"teaser_text-color__GJk_M",highlight:"teaser_highlight__wLRuh"}},8352:function(e){e.exports={"bg-color":"pitch_bg-color__ANePx",bgColor:"pitch_bg-color__ANePx"}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.