https://www.visiteersel.nl/build/6039.2e0faab947e280a5629e.bundle.js

1"use strict";(self.webpackChunkkunstmaan_edition=self.webpackChunkkunstmaan_edition||[]).push([[6039,6547],{6039:(e,t,i)=>{i.d(t,{default:()=>n});var o=i(6547),r=i(3481);i(9389);const n=class extends o.default{clusterMarkerGroup=null;clusterMarkersById=new Map;_pendingMarkers=[];connect(){super.connect(),this.clusterMarkerGroup||(this.clusterMarkerGroup=r.markerClusterGroup({maxClusterRadius:60,spiderfyOnMaxZoom:!0,showCoverageOnHover:!1,zoomToBoundsOnClick:!0}),this.map.addLayer(this.clusterMarkerGroup)),this._pendingMarkers.length&&(this.markersValueChanged(this._pendingMarkers),this._pendingMarkers=[])}markersValueChanged(e){if(!this.map||!this.clusterMarkerGroup)return void(this._pendingMarkers=e);const t=e.filter(e=>!0===e.extra?.cluster),i=new Set(t.map(e=>e["@id"]));for(const[e,t]of this.clusterMarkersById.entries())i.has(e)||(this.clusterMarkerGroup.removeLayer(t),this.clusterMarkersById.delete(e));for(const e of t){const t=e["@id"];if(this.clusterMarkersById.has(t)){this.clusterMarkersById.get(t).setLatLng(e.position);continue}const i=super.doCreateMarker({definition:e});try{this.map.removeLayer(i)}catch{}this.clusterMarkerGroup.addLayer(i),this.clusterMarkersById.set(t,i)}super.markersValueChanged(e)}doCreateMarker({definition:e}){const t=e["@id"];if(!0===e.extra?.cluster){if(this.clusterMarkersById.has(t))return this.clusterMarkersById.get(t);const i=super.doCreateMarker({definition:e});try{this.map.removeLayer(i)}catch{}return this.clusterMarkerGroup||(this.clusterMarkerGroup=r.markerClusterGroup({maxClusterRadius:60,spiderfyOnMaxZoom:!0,showCoverageOnHover:!1,zoomToBoundsOnClick:!0}),this.map?.addLayer(this.clusterMarkerGroup)),this.clusterMarkerGroup.addLayer(i),this.clusterMarkersById.set(t,i),i}return super.doCreateMarker({definition:e})}doFitBoundsToMarkers(){if(0===this.markers.size&&0===this.polylines.size)return;const e=[];this.markers.forEach(t=>{const i=t.getLatLng();e.push([i.lat,i.lng])}),this.polylines.forEach(t=>

1{e.push(t._bounds.getSouthWest()),e.push(t._bounds.getNorthEast())}),this.map.fitBounds(e)}}},6547:(e,t,i)=>{var o;i.d(t,{default:()=>a});var r=i(2891),n=i(3481);var s=class extends r.xI{constructor(...e){super(...e),this.markers=new Map,this.polygons=new Map,this.polylines=new Map,this.circles=new Map,this.rectangles=new Map,this.infoWindows=[],this.isConnected=!1}connect(){const e=this.hasExtraValue?this.extraValue:{},t={center:this.hasCenterValue?this.centerValue:null,zoom:this.hasZoomValue?this.zoomValue:null,minZoom:this.hasMinZoomValue?this.minZoomValue:null,maxZoom:this.hasMaxZoomValue?this.maxZoomValue:null,options:this.optionsValue,extra:e};this.dispatchEvent("pre-connect",t),this.createMarker=this.createDrawingFactory("marker",this.markers,this.doCreateMarker.bind(this)),this.createPolygon=this.createDrawingFactory("polygon",this.polygons,this.doCreatePolygon.bind(this)),this.createPolyline=this.createDrawingFactory("polyline",this.polylines,this.doCreatePolyline.bind(this)),this.createCircle=this.createDrawingFactory("circle",this.circles,this.doCreateCircle.bind(this)),this.createRectangle=this.createDrawingFactory("rectangle",this.rectangles,this.doCreateRectangle.bind(this)),this.map=this.doCreateMap({definition:t}),this.markersValue.forEach(e=>{this.createMarker({definition:e})}),this.polygonsValue.forEach(e=>{this.createPolygon({definition:e})}),this.polylinesValue.forEach(e=>{this.createPolyline({definition:e})}),this.circlesValue.forEach(e=>{this.createCircle({definition:e})}),this.rectanglesValue.forEach(e=>{this.createRectangle({definition:e})}),this.fitBoundsToMarkersValue&&this.doFitBoundsToMarkers(),this.dispatchEvent("connect",{map:this.map,markers:[...this.markers.values()],polygons:[...this.polygons.values()],polylines:[...this.polylines.values()],circles:[...this.circles.values()],rectangles:[...this.rectangles.values()],infoWindows:this.infoWindows,extra:e}),this.isConnected=!0}createInfoWindow({definition:e,element:t}){this.dispatchEvent("info-window:before-create",{definition:e,element:t});const i=this.doCreateInfoWindow({definition:e,element:t});return this.dispatchEvent("info-window:after-create",{infoWindow:i,definition:e,element:t}),this.infoWindows.push(i),i}markersValueChanged(){this.isConnected&&(this.onDrawChanged(this.markers,this.markersValue,this.createMarker,this.doRemoveMarker),this.fitBoundsToMarkersValue&&this.doFitBoundsToMarkers())}polygonsValueChanged(){this.isConnected&&this.onDrawChanged(this.polygons,this.polygonsValue,this.createPolygon,this.doRemovePolygon)}polylinesValueChanged(){this.isConnected&&this.onDrawChanged(this.polylines,this.polylinesValue,this.createPolyline,this.doRemovePolyline)}circlesValueChanged(){this.isConnected&&this.onDrawChanged(this.circles,this.circlesValue,this.createCircle,this.doRemoveCircle)}rectanglesValueChanged(){this.isConnected&&this.onDrawChanged(this.rectangles,this.rectanglesValue,this.createRectangle,this.doRemoveRectangle)}createDrawingFactory(e,t,i){const o=`${e}:before-create`,r=`${e}:after-create`;return({definition:n})=>{this.dispatchEvent(o,{definition:n}),void 0!==n.rawOptions&&console.warn(`[Symfony UX Map] The event "${o}" added a deprecated "rawOptions" property to the definition, it will be removed in a next major version, replace it with "bridgeOptions" instead.`,n);const s=i({definition:n});return this.dispatchEvent(r,{[e]:s,definition:n}),t.set(n["@id"],s),s}}onDrawChanged(e,t,i,o){const r=new Set(e.keys());t.forEach(e=>{r.delete(e["@id"])}),r.forEach(t=>{o(e.get(t)),e.delete(t)}),t.forEach(t=>{e.has(t["@id"])||i({definition:t})})}};s.values={providerOptions:Object,center:Object,zoom:Number,minZoom:Number,maxZoom:Number,fitBoundsToMarkers:Boolean,markers:Array,polygons:Array,polylines:Array,circles:Array,rectangles:Array,options:Object,extra:Object};var a=class extends s{connect(){n.Marker.prototype.options.icon=n.divIcon({html:'<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linecap="round" clip-rule="evenodd" viewBox="0 0 500 820"><defs><linearGradient id="__sf_ux_map_gradient_marker_fill" x1="0" x2="1" y1="0" y2="0" gradientTransform="matrix(0 -37.57 37.57 0 416.45 541)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#126FC6"/><stop offset="1" stop-color="#4C9CD1"/></linearGradient><linearGradient id="__sf_ux_map_gradient_marker_border" x1="0" x2="1" y1="0" y2="0" gradientTransform="matrix(0 -19.05 19.05 0 414.48 522.49)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2E6C97"/><stop offset="1" stop-color="#3883B7"/></linearGradient></defs><circle cx="252.31" cy="266.24" r="83.99" fill="#fff"/>

1<path fill="url(#__sf_ux_map_gradient_marker_fill)" stroke="url(#__sf_ux_map_gradient_marker_border)" stroke-width="1.1" d="M416.54 503.61c-6.57 0-12.04 5.7-12.04 11.87 0 2.78 1.56 6.3 2.7 8.74l9.3 17.88 9.26-17.88c1.13-2.43 2.74-5.79 2.74-8.74 0-6.18-5.38-11.87-11.96-11.87Zm0 7.16a4.69 4.69 0 1 1-.02 9.4 4.69 4.69 0 0 1 .02-9.4Z" transform="translate(-7889.1 -9807.44) scale(19.54)"/></svg>',iconSize:[25,41],iconAnchor:[12.5,41],popupAnchor:[0,-41],className:""}),super.connect()}centerValueChanged(){this.map&&this.hasCenterValue&&this.centerValue&&this.hasZoomValue&&this.zoomValue&&this.map.setView(this.centerValue,this.zoomValue)}zoomValueChanged(){this.map&&this.hasZoomValue&&this.zoomValue&&this.map.setZoom(this.zoomValue)}minZoomValueChanged(){this.map&&this.hasMinZoomValue&&this.minZoomValue&&this.map.setMinZoom(this.minZoomValue)}maxZoomValueChanged(){this.map&&this.hasMaxZoomValue&&this.maxZoomValue&&this.map.setMaxZoom(this.maxZoomValue)}dispatchEvent(e,t={}){t.L=o||(o=i.t(n,2)),this.dispatch(e,{prefix:"ux:map",detail:t})}doCreateMap({definition:e}){const{center:t,zoom:i,minZoom:o,maxZoom:r,options:s,bridgeOptions:a={}}=e,l=n.map(this.element,{center:null===t?void 0:t,zoom:null===i?void 0:i,minZoom:null===o?void 0:o,maxZoom:null===r?void 0:r,attributionControl:!1,zoomControl:!1,...s,...a});return s.tileLayer&&n.tileLayer(s.tileLayer.url,{attribution:s.tileLayer.attribution,...s.tileLayer.options}).addTo(l),void 0!==s.attributionControlOptions&&n.control.attribution({...s.attributionControlOptions}).addTo(l),void 0!==s.zoomControlOptions&&n.control.zoom({...s.zoomControlOptions}).addTo(l),l}doCreateMarker({definition:e}){const{"@id":t,position:i,title:o,infoWindow:r,icon:s,rawOptions:a={},bridgeOptions:l={}}=e,d=n.marker(i,{title:o||void 0,...a,...l,riseOnHover:!0}).addTo(this.map);return r&&this.createInfoWindow({definition:r,element:d}),s&&(Object.prototype.hasOwnProperty.call(l,"icon")?console.warn('[Symfony UX Map] Defining "bridgeOptions.icon" for a marker with a custom icon is not supported and will be ignored.'):Object.prototype.hasOwnProperty.call(a,"icon")&&console.warn('[Symfony UX Map] Defining "rawOptions.icon" for a marker with a custom icon is not supported and will be ignored.'),this.doCreateIcon({definition:s,element:d})),d}doRemoveMarker(e){e.remove()}doCreatePolygon({definition:e}){const{"@id":t,points:i,title:o,infoWindow:r,rawOptions:s={},bridgeOptions:a={}}=e,l=n.polygon(i,{...s,...a}).addTo(this.map);return o&&l.bindPopup(o),r&&this.createInfoWindow({definition:r,element:l}),l}doRemovePolygon(e){e.remove()}doCreatePolyline({definition:e}){const{"@id":t,points:i,title:o,infoWindow:r,rawOptions:s={},bridgeOptions:a={}}=e,l=n.polyline(i,{...s,...a}).addTo(this.map);return o&&l.bindPopup(o),r&&this.createInfoWindow({definition:r,element:l}),l}doRemovePolyline(e){e.remove()}doCreateCircle({definition:e}){const{"@id":t,center:i,radius:o,title:r,infoWindow:s,rawOptions:a={},bridgeOptions:l={}}=e,d=n.circle(i,{radius:o,...a,...l}).addTo(this.map);return r&&d.bindPopup(r),s&&this.createInfoWindow({definition:s,element:d}),d}doRemoveCircle(e){e.remove()}doCreateRectangle({definition:e}){const{"@id":t,southWest:i,northEast:o,title:r,infoWindow:s,rawOptions:a={},bridgeOptions:l={}}=e,d=n.rectangle([[i.lat,i.lng],[o.lat,o.lng]],{...a,...l}).addTo(this.map);return r&&d.bindPopup(r),s&&this.createInfoWindow({definition:s,element:d}),d}doRemoveRectangle(e){e.remove()}doCreateInfoWindow({definition:e,element:t}){const{headerContent:i,content:o,opened:r,autoClose:n,rawOptions:s={},bridgeOptions:a={}}=e;t.bindPopup([i,o].filter(e=>e).join("<br>"),{...s,...a}),r&&(n&&this.closePopups(),setTimeout(()=>t.openPopup(),0));const l=t.getPopup();if(!l)throw new Error("Unable to get the Popup associated with the element.");return l.on("click",()=>{n&&this.closePopups({except:l})}),l}doCreateIcon({definition:e,element:t}){const{type:i,width:o,height:r}=e;let s;if("svg"===i)s=n.divIcon({html:e.html,iconSize:[o,r],className:""});else if("ux-icon"===i)s=n.divIcon({html:e._generated_html,iconSize:[o,r],className:""});else{if("url"!==i)throw new Error(`Unsupported icon type: ${i}.`);s=n.icon({iconUrl:e.url,iconSize:[o,r],className:""})}t.setIcon(s)}doFitBoundsToMarkers(){if(0===this.markers.size)return;const e=[];

1this.markers.forEach(t=>{const i=t.getLatLng();e.push([i.lat,i.lng])}),this.map.fitBounds(e)}closePopups(e={}){this.infoWindows.forEach(t=>{e.except&&t===e.except||t.close()})}}}}]);