https://www.hotellareine.nl/_nuxt/CXLimmmC.js

1import{b as F,_ as U,a as V}from"./BKdYtvw8.js";import{aK as W,bg as H,aZ as K,b8 as B,aP as y,aW as k,aV as b,a$ as M,aX as A,aY as L,bw as Y,aS as l,aU as O,aR as N,aJ as G,b2 as q,b3 as X,b4 as Z,aL as J,aM as $,aQ as C,aN as Q,aT as D}from"./C6lq8Lqh.js";import{a as ee,_ as te}from"./Cyqo9UCa.js";import{_ as ie}from"./Dbqo1E-4.js";import{u as se}from"./DamJksu4.js";import{u as ne}from"./DiQKqR11.js";import"./B7jXY-NE.js";import"./BQSHYr8U.js";(function(){try{var r=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};r.SENTRY_RELEASE={id:"d920dab259d4d610e3486c50da6e8ff8ad7eb4ca"};var e=new r.Error().stack;e&&(r._sentryDebugIds=r._sentryDebugIds||{},r._sentryDebugIds[e]="a1adbf73-2387-480d-af86-136d06274b4b",r._sentryDebugIdIdentifier="sentry-dbid-a1adbf73-2387-480d-af86-136d06274b4b")}catch{}})();function oe(r,e,t,i){function s(n){return n instanceof t?n:new t(function(a){a(n)})}return new(t||(t=Promise))(function(n,a){function h(p){try{m(i.next(p))}catch(g){a(g)}}function d(p){try{m(i.throw(p))}catch(g){a(g)}}function m(p){p.done?n(p.value):s(p.value).then(h,d)}m((i=i.apply(r,[])).next())})}function ae(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var R,x;function re(){return x||(x=1,R=function r(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(!r(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 a=n[s];if(!r(e[a],t[a]))return!1}return!0}return e!==e&&t!==t}),R}var le=re(),ce=ae(le);const j="__googleMapsScriptId";var E;(function(r){r[r.INITIALIZED=0]="INITIALIZED",r[r.LOADING=1]="LOADING",r[r.SUCCESS=2]="SUCCESS",r[r.FAILURE=3]="FAILURE"})(E||(E={}));class I{constructor({apiKey:e,authReferrerPolicy:t,channel:i,client:s,id:n=j,language:a,libraries:h=[],mapIds:d,nonce:m,region:p,retries:g=3,url:v="https://maps.googleapis.com/maps/api/js",version:w}){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||j,this.language=a,this.libraries=h,this.mapIds=d,this.nonce=m,this.region=p,this.retries=g,this.url=v,this.version=w,I.instance){if(!ce(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?E.FAILURE:this.done?E.SUCCESS:this.loading?E.LOADING:E.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 a,h,d,m="The Google Maps JavaScript API",p="google",g="importLibrary",v="__ib__",w=document,o=window;o=o[p]||(o[p]={});const c=o.maps||(o.maps={}),f=new Set,u=new URLSearchParams,P=()=>a||(a=new Promise((_,T)=>oe(this,void 0,void 0,function*(){var S;yield h=w.createElement("script"),h.id=this.id,u.set("libraries",[...f]+"");for(d in n)u.set(d.replace(/[A-Z]/g,z=>"_"+z[0].toLowerCase()),n[d]);u.set("callback",p+".maps."+v),h.src=this.url+"?"+u,c[v]=_,h.onerror=()=>a=T(Error(m+" could not load.")),h.nonce=this.nonce||((S=w.querySelector("script[nonce]"))===null||S===void 0?void 0:S.nonce)||"",w.head.append(h)})));c[g]?console.warn(m+" only loads once. Ignoring:",n):c[g]=(_,...T)=>f.add(_)&&P().then(()=>c[g](_,...T))})(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 a=new ErrorEvent("error",{error:n});this.loadErrorCallback(a)})}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 he{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 a=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(a),typeof i<"u"&&(typeof this.categories[i]>"u"&&(this.categories[i]=[]),this.categories[i].push(a)),a}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 pe={class:"row"},de={class:"columns column4 highlights-nav"},ue={class:"highlights-container"},ge=["onClick"],fe=["data-id"],me={class:"columns column8 maps"},ye=W({__name:"HighlightsMap",props:{items:{}},setup(r){const e=r,t=G(),i=q(),s=q(null),n=H(e.items.map(o=>o.items).flat());let a;const h={},d={zoom:14,center:{lat:51.43821,lng:5.47281},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},m=X(()=>n.value.filter(o=>o.highlightsCategory.ID===s.value));K(async()=>{const o=await new I({apiKey:t.public.maps.apiKey}).load();

1i.value&&(a=new he(o,i.value,d),p())});const p=()=>{a.setMarkerIcon({src:"/images/marker.png",width:30,height:42,anchorX:15,anchorY:21}),a.addInfoWindow(a.addMarker([d.center.lat,d.center.lng],"Hotel La Reine"),'<h3>Hotel La Reine</h3><p class="address">Wilhelminaplein 3<br>5611 HE Eindhoven</p>')},g=o=>{o===s.value?s.value=null:s.value=o,a.setMarkerIcon({src:"/images/marker-item.png",width:30,height:42,anchorX:15,anchorY:21}),a.hideMarker("allcategory"),m.value.forEach(c=>{const f=a.addMarker([c.location.latitude,c.location.longitude],c.header,`cat_${c.highlightsCategory.ID.toString()}`),u=a.addInfoWindow(f,w(c));h[c.ID]={infowindow:u,marker:f}}),s.value&&a.autoCenter()},v=o=>{if(!o.target||!(o.target instanceof HTMLElement))return;if(o.target.dataset.id){const f=h[parseInt(o.target.dataset.id,10)];a.openInfowindow(f.infowindow,f.marker)}},w=o=>{let c="<h4>"+o.header+"</h4>";return c+=`<p class="address">
2			${o.location.address}<br>${o.location.postalCode} ${o.location.city}
3			</p>`,o.distancePublic&&(c+=`<p class="directions public"><span class="icon-directions"></span>
4				<span>${o.distancePublic}</span>
5				</p>`),o.distanceWalk&&(c+=`<p class="directions walk"><span class="icon-directions"></span>
6				<span>${o.distanceWalk}</span>
7				</p>`),o.url&&(c+=`<p class="website">
8				<a href="${o.url}" target="_blank" rel="noopener noreferrer">Website</a>
9				</p>`),c};return(o,c)=>{const f=B("slide-up-down");return y(),k("div",pe,[b("div",de,[b("h3",null,M(o.$t("highlightsHeader")),1),b("div",ue,[(y(!0),k(A,null,L(r.items,(u,P)=>(y(),k("div",{key:P,class:"category"},[b("div",{class:Y(["highlight-item button-toggle subtitle",{active:l(s)===u.ID}]),onClick:_=>g(u.ID)},[b("span",null,M(u.header),1)],10,ge),O(f,{"model-value":l(s)===u.ID,class:"highlight-content",duration:300},{default:N(()=>[b("ul",null,[(y(!0),k(A,null,L(u.items,_=>(y(),k("li",{key:_.ID,"data-id":_.ID,onClick:c[0]||(c[0]=T=>v(T))},M(_.header),9,fe))),128))])]),_:2},1032,["model-value"])]))),128))])]),b("div",me,[b("div",{id:"gmap",ref_key:"gmap",ref:i},null,512)])])}}}),we=Object.assign(Z(ye,[["__scopeId","data-v-274a8cba"]]),{__name:"HighlightsMap"}),_e={class:"background-light"},be={key:2,class:"main-content align-center background-light"},Se=W({__name:"highlights",async setup(r){let e,t;const{page:i,fetchPage:s}=se(),{defaults:n,fetchDefaults:a}=ne(),{locale:h}=J();[e,t]=$(()=>s()),await e,t(),[e,t]=$(()=>a()),await e,t();const{data:d}=([e,t]=$(()=>Q("highlights",{query:{language:h.value},key:`${h.value}/highlights`})),e=await e,t(),e);return(m,p)=>{const g=U,v=V,w=we,o=ee,c=ie,f=te,u=F;return y(),C(u,{page:l(i)},{default:N(()=>[l(i).headingImage?(y(),C(g,{key:0,"heading-image":{image:l(i).headingImage,imageAlt:l(i).headingImageAlt,imageWebp:l(i).headingImageWebp,imagePortrait:l(i).headingImagePortrait,imagePortraitWebp:l(i).headingImagePortraitWebp}},null,8,["heading-image"])):D("",!0),O(v,{title:l(i).title||l(i).header,subtitle:l(i).subtitle,content:l(i).content},null,8,["title","subtitle","content"]),b("section",_e,[l(d)?(y(),C(w,{key:0,items:l(d)},null,8,["items"])):D("",!0)]),O(o,{items:l(i).contentblocks},null,8,["items"]),l(i).showReviewSlider?(y(),C(c,{key:1,header:l(n)[l(h)].website.reviewsHeader,"reviews-image":l(n)[l(h)].website.reviewsImage},null,8,["header","reviews-image"])):D("",!0),l(i).faq?(y(),k("section",be,[l(i).faq?(y(),C(f,{key:0,items:l(i).faq.faqitems,header:l(i).faq.header},null,8,["items","header"])):D("",!0)])):D("",!0)]),_:1},8,["page"])}}});export{Se as default};