https://www.herbergh.nl/_nuxt/OU5fbOav.js

1import{_ as B,a as N,b as W}from"./Td_8-wJl.js";import{_ as H,H as U,m as V,G as K,o as v,h as T,i as _,t as $,F as O,r as q,E as G,d as c,f as C,b as F,B as M,I as Y,A as X,u as Z,w as R,c as D,C as J,e as L}from"./BSvE-q7q.js";import{a as Q,_ as ee}from"./DHWbM-ZJ.js";import{u as te}from"./bx1UkFtX.js";import"./CNmpgztP.js";import"./C9sIvLcr.js";(function(){try{var a=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};a.SENTRY_RELEASE={id:"decc358202afa4ad4963142888bbce98b7af2757"};var e=new a.Error().stack;e&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[e]="8dd70466-fc57-4c83-869b-66887ac056b6",a._sentryDebugIdIdentifier="sentry-dbid-8dd70466-fc57-4c83-869b-66887ac056b6")}catch{}})();function ie(a,e,t,i){function s(n){return n instanceof t?n:new t(function(r){r(n)})}return new(t||(t=Promise))(function(n,r){function p(h){try{d(i.next(h))}catch(u){r(u)}}function g(h){try{d(i.throw(h))}catch(u){r(u)}}function d(h){h.done?n(h.value):s(h.value).then(p,g)}d((i=i.apply(a,[])).next())})}function se(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var A,j;function ne(){return j||(j=1,A=function a(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){if(e.constructor!==t.constructor)return!1;var i,s,n;if(Array.isArray(e)){if(i=e.length,i!=t.length)return!1;for(s=i;s--!==0;)if(!a(e[s],t[s]))return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===t.toString();if(n=Object.keys(e),i=n.length,i!==Object.keys(t).length)return!1;for(s=i;s--!==0;)if(!Object.prototype.hasOwnProperty.call(t,n[s]))return!1;for(s=i;s--!==0;){var r=n[s];if(!a(e[r],t[r]))return!1}return!0}return e!==e&&t!==t}),A}var oe=ne(),re=se(oe);const x="__googleMapsScriptId";var k;(function(a){a[a.INITIALIZED=0]="INITIALIZED",a[a.LOADING=1]="LOADING",a[a.SUCCESS=2]="SUCCESS",a[a.FAILURE=3]="FAILURE"})(k||(k={}));class I{constructor({apiKey:e,authReferrerPolicy:t,channel:i,client:s,id:n=x,language:r,libraries:p=[],mapIds:g,nonce:d,region:h,retries:u=3,url:b="https://maps.googleapis.com/maps/api/js",version:y}){if(this.callbacks=[],this.done=!1,this.loading=!1,this.errors=[],this.apiKey=e,this.authReferrerPolicy=t,this.channel=i,this.client=s,this.id=n||x,this.language=r,this.libraries=p,this.mapIds=g,this.nonce=d,this.region=h,this.retries=u,this.url=b,this.version=y,I.instance){if(!re(this.options,I.instance.options))throw new Error(`Loader must not be called again with different options. ${JSON.stringify(this.options)} !== ${JSON.stringify(I.instance.options)}`);return I.instance}I.instance=this}get options(){return{version:this.version,apiKey:this.apiKey,channel:this.channel,client:this.client,id:this.id,libraries:this.libraries,language:this.language,region:this.region,mapIds:this.mapIds,nonce:this.nonce,url:this.url,authReferrerPolicy:this.authReferrerPolicy}}get status(){return this.errors.length?k.FAILURE:this.done?k.SUCCESS:this.loading?k.LOADING:k.INITIALIZED}get failed(){return this.done&&!this.loading&&this.errors.length>=this.retries+1}createUrl(){let e=this.url;return e+="?callback=__googleMapsCallback&loading=async",this.apiKey&&(e+=`&key=${this.apiKey}`),this.channel&&(e+=`&channel=${this.channel}`),this.client&&(e+=`&client=${this.client}`),this.libraries.length>0&&(e+=`&libraries=${this.libraries.join(",")}`),this.language&&(e+=`&language=${this.language}`),this.region&&(e+=`&region=${this.region}`),this.version&&(e+=`&v=${this.version}`),this.mapIds&&(e+=`&map_ids=${this.mapIds.join(",")}`),this.authReferrerPolicy&&(e+=`&auth_referrer_policy=${this.authReferrerPolicy}`),e}deleteScript(){const e=document.getElementById(this.id);e&&e.remove()}load(){return this.loadPromise()}loadPromise(){return new Promise((e,t)=>{this.loadCallback(i=>{i?t(i.error):e(window.google)})})}importLibrary(e){return this.execute(),google.maps.importLibrary(e)}loadCallback(e){this.callbacks.push(e),this.execute()}setScript(){var e,t;if(document.getElementById(this.id)){this.callback();return}const i={key:this.apiKey,channel:this.channel,client:this.client,libraries:this.libraries.length&&this.libraries,v:this.version,mapIds:this.mapIds,language:this.language,region:this.region,authReferrerPolicy:this.authReferrerPolicy};

1Object.keys(i).forEach(n=>!i[n]&&delete i[n]),!((t=(e=window?.google)===null||e===void 0?void 0:e.maps)===null||t===void 0)&&t.importLibrary||(n=>{let r,p,g,d="The Google Maps JavaScript API",h="google",u="importLibrary",b="__ib__",y=document,o=window;o=o[h]||(o[h]={});const l=o.maps||(o.maps={}),m=new Set,f=new URLSearchParams,P=()=>r||(r=new Promise((w,E)=>ie(this,void 0,void 0,function*(){var S;yield p=y.createElement("script"),p.id=this.id,f.set("libraries",[...m]+"");for(g in n)f.set(g.replace(/[A-Z]/g,z=>"_"+z[0].toLowerCase()),n[g]);f.set("callback",h+".maps."+b),p.src=this.url+"?"+f,l[b]=w,p.onerror=()=>r=E(Error(d+" could not load.")),p.nonce=this.nonce||((S=y.querySelector("script[nonce]"))===null||S===void 0?void 0:S.nonce)||"",y.head.append(p)})));l[u]?console.warn(d+" only loads once. Ignoring:",n):l[u]=(w,...E)=>m.add(w)&&P().then(()=>l[u](w,...E))})(i);const s=this.libraries.map(n=>this.importLibrary(n));s.length||s.push(this.importLibrary("core")),Promise.all(s).then(()=>this.callback(),n=>{const r=new ErrorEvent("error",{error:n});this.loadErrorCallback(r)})}reset(){this.deleteScript(),this.done=!1,this.loading=!1,this.errors=[],this.onerrorEvent=null}resetIfRetryingFailed(){this.failed&&this.reset()}loadErrorCallback(e){if(this.errors.push(e),this.errors.length<=this.retries){const t=this.errors.length*Math.pow(2,this.errors.length);console.error(`Failed to load Google Maps script, retrying in ${t} ms.`),setTimeout(()=>{this.deleteScript(),this.setScript()},t)}else this.onerrorEvent=e,this.callback()}callback(){this.done=!0,this.loading=!1,this.callbacks.forEach(e=>{e(this.onerrorEvent)}),this.callbacks=[]}execute(){if(this.resetIfRetryingFailed(),!this.loading)if(this.done)this.callback();else{if(window.google&&window.google.maps&&window.google.maps.version){console.warn("Google Maps already loaded outside @googlemaps/js-api-loader. This may result in undesirable behavior as options and script parameters may not match."),this.callback();return}this.loading=!0,this.setScript()}}}class ae{google;mapElement;map;options;markerImage;markers;openInfowindows;categories;shadow;constructor(e,t,i){this.google=e,this.mapElement=t,this.markers=[],this.openInfowindows=[],this.categories={},this.setOptions(i),this.map=new this.google.maps.Map(this.mapElement,this.options),this.options?.center&&this.map.panTo(this.options.center)}setOptions(e){e.mapTypeId===null&&(e.mapTypeId=this.google.maps.MapTypeId.ROADMAP),e.zoom===null&&(e.zoom=8),this.options=e}setMarkerIcon(e,t){this.markerImage={url:e.src,size:new this.google.maps.Size(e.width,e.height),origin:new this.google.maps.Point(0,0),anchor:new this.google.maps.Point(e.anchorX,e.anchorY)},typeof t<"u"&&(this.shadow={url:t.src,size:new this.google.maps.Size(t.width,t.height),origin:new this.google.maps.Point(0,0),anchor:new this.google.maps.Point(t.anchorX,t.anchorY)})}addMarker(e,t,i,s){let n;typeof s>"u"?n=this.markerImage:n={url:s.src,size:new this.google.maps.Size(s.width,s.height),origin:new this.google.maps.Point(0,0),anchor:new this.google.maps.Point(s.anchorX,s.anchorY)};const r=new this.google.maps.Marker({position:new this.google.maps.LatLng(e[0],e[1]),map:this.map,icon:n,title:t});return this.markers.push(r),typeof i<"u"&&(typeof this.categories[i]>"u"&&(this.categories[i]=[]),this.categories[i].push(r)),r}addInfoWindow(e,t,i){const s=new this.google.maps.InfoWindow({content:t});return typeof i!="function"&&(i=()=>{this.openInfowindow(s,e)}),this.google.maps.event.addListener(e,"click",i),s}openInfowindow(e,t){let i;for(;i=this.openInfowindows.pop();)i.close();e.open(this.map,t),this.openInfowindows.push(e)}hideMarker(e){this.setMarkerVisibility(e,!1)}setMarkerVisibility(e,t){let i=[];if(e==="all")i=this.markers;else if(e==="allcategory")for(const s in this.categories)for(const n in this.categories[s])i.push(this.categories[s][n]);else if(typeof e=="string"){for(const s in this.categories)if(s===e)for(const n in this.categories[s])i.push(this.categories[s][n])}this.#e(i,t)}#e(e,t){for(const i in e)e[i].setVisible(t)}showMarker(e){this.setMarkerVisibility(e,!0)}autoCenter(){const e=new this.google.maps.LatLngBounds;for(let t=0;t<this.markers.length;t++)this.markers[t].getVisible()&&e.extend(this.markers[t].getPosition());this.map.fitBounds(e)}}const le={class:"row"},ce={class:"columns column4 highlights-nav"},he={class:"highlights-container"},pe=["onClick"],ue=["data-id"],de={class:"columns column8 maps"},fe={__name:"HighlightsMap",props:{items:{type:Array,default:()=>[]}},setup(a){const e=a,t=Y(),i=M(null),s=M(null),n=M(null);let r=null;const p={},g={zoom:11,center:{lat:52.3343779,lng:4.771563},styles:[{featureType:"administrative",elementType:"all",stylers:[{visibility:"on"}]},{featureType:"landscape",elementType:"all",stylers:[{visibility:"simplified"},{hue:"#0066ff"},{saturation:74},{lightness:100}]},{featureType:"poi",elementType:"all",stylers:[{visibility:"off"}]},{featureType:"road",elementType:"all",stylers:[{visibility:"simplified"}]},{featureType:"road.highway",elementType:"all",stylers:[{visibility:"off"},{weight:.6},{saturation:-85},{lightness:61}]},{featureType:"road.highway",elementType:"geometry",stylers:[{visibility:"on"}]},{featureType:"road.arterial",elementType:"all",stylers:[{visibility:"off"}]},{featureType:"road.local",elementType:"all",stylers:[{visibility:"on"}]},{featureType:"transit",elementType:"all",stylers:[{visibility:"simplified"}]},{featureType:"water",elementType:"all",stylers:[{visibility:"simplified"},{color:"#5f94ff"},{lightness:26},{gamma:5.86}]}],draggable:!0,mapTypeControl:!1,zoomControl:!0,streetViewControl:!0,scrollwheel:!0};U(()=>{n.value=e.items.map(o=>o.items).flat()});const d=X(()=>n.value.filter(o=>parseInt(o.highlightsCategorie.ID,10)===parseInt(s.value,10)));V(async()=>{const o=await new I({apiKey:t.public.maps.apiKey}).load();r=new ae(o,i.value,g),h()});const h=()=>{r.setMarkerIcon({src:"/images/marker.png",width:30,height:42,anchorX:15,anchorY:21}),r.addInfoWindow(r.addMarker(Object.values(g.center),"Boutique Hotel Herbergh"),'<h3>Boutique Hotel Herbergh</h3><p class="address">Sloterweg 259<br>1171 CP Badhoevedorp</p>')},u=o=>{r&&(o===s.value?s.value=null:s.value=o,r.setMarkerIcon({src:"/images/marker-item.png",width:30,height:42,anchorX:15,anchorY:21}),r.hideMarker("allcategory"),d.value.forEach(l=>{const m=r.addMarker([l.location.latitude,l.location.longitude],l.header,`cat_${l.category}`),f=r.addInfoWindow(m,y(l));p[`#huid_${l.ID}`]=[f,m]}),s.value&&r.autoCenter())},b=o=>{if(o.target.dataset.id){const m=p[o.target.dataset.id];r.openInfowindow(m[0],m[1])}},y=o=>{let l="<h3>"+o.header+"</h3>";return l+=`<p class="address">
2			${o.location.address}<br>${o.location.postalCode} ${o.location.city}
3			</p>`,o.phonenumber&&(l+=`<p class="phone">${o.phonenumber}</p>`),o.distancePublic&&(l+=`<p class="directions public"><span class="icon-directions"></span>
4				<span>${o.distancePublic}</span>
5				</p>`),o.distanceWalk&&(l+=`<p class="directions walk"><span class="icon-directions walk"></span>
6				<span>${o.distanceWalk}</span>
7				</p>`),o.url&&(l+=`<p class="website">

8				<a href="${o.url}" target="_blank" rel="noopener noreferrer">Website</a>
9				</p>`),l};return(o,l)=>{const m=K("slide-up-down");return v(),T("div",le,[_("div",ce,[_("h3",null,$(o.$t("highlightsHeader")),1),_("div",he,[(v(!0),T(O,null,q(a.items,(f,P)=>(v(),T("div",{key:P,class:"category"},[_("div",{class:G(["highlight-item button-toggle",{active:c(s)===parseInt(f.value,10)}]),onClick:w=>u(parseInt(f.value,10))},[_("span",null,$(f.name),1)],10,pe),C(m,{"model-value":c(s)===parseInt(f.value,10),class:"highlight-content",duration:300},{default:F(()=>[_("ul",null,[(v(!0),T(O,null,q(f.items,w=>(v(),T("li",{key:w.ID,"data-id":`#huid_${w.ID}`,onClick:l[0]||(l[0]=E=>b(E))},$(w.header),9,ue))),128))])]),_:2},1032,["model-value"])]))),128))])]),_("div",de,[_("div",{id:"gmap",ref_key:"gmap",ref:i},null,512)])])}}},ge=H(fe,[["__scopeId","data-v-58a32330"]]),me={class:"background-light"},ke={__name:"highlights",async setup(a){let e,t;const{page:i,fetchPage:s}=te(),{locale:n}=Z();[e,t]=R(()=>s()),await e,t();const{data:r}=([e,t]=R(()=>J("highlights",{query:{language:n.value},key:`${n.value}/highlights`})),e=await e,t(),e);return(p,g)=>{const d=N,h=W,u=ge,b=Q,y=ee,o=B;return v(),D(o,{page:c(i),locale:c(n)},{default:F(()=>[c(i).headingImage?(v(),D(d,{key:0,"heading-image":{image:c(i).headingImage,imageWebp:c(i).headingImageWebp,imagePortrait:c(i).headingImagePortrait,imagePortraitWebp:c(i).headingImagePortraitWebp}},null,8,["heading-image"])):L("",!0),C(h,{title:c(i).title||c(i).header,subtitle:c(i).subtitle,content:c(i).content},null,8,["title","subtitle","content"]),_("section",me,[C(u,{items:c(r)},null,8,["items"])]),C(b,{items:c(i).contentblocks},null,8,["items"]),c(i).frequentlyAskedQuestion?(v(),D(y,{key:1,items:c(i).frequentlyAskedQuestion.faqitems,header:c(i).frequentlyAskedQuestion.header},null,8,["items","header"])):L("",!0)]),_:1},8,["page","locale"])}}};export{ke as default};
10//# sourceMappingURL=OU5fbOav.js.map