${message}
\r\n\t\r\n`;\r\n\r\n\t\tshade.appendChild(modal);\r\n\r\n\t\tshade.querySelector('.modalButton').addEventListener('click', e => {\r\n\t\t\te.preventDefault();\r\n\t\t\te.stopPropagation();\r\n\r\n\t\t\tshade.innerHTML = '';\r\n\t\t\tshade.classList.remove('active');\r\n\t\t\tshade.classList.remove('modalContainer');\r\n\t\t});\r\n\t}\r\n\r\n\tupdateMenuCart() {\r\n\t\treturn new Promise((resolve, reject) => {\r\n\t\t\tconst api = new CartApi();\r\n\t\t\tconst cart = document.querySelector('header .shoppingCart');\r\n\r\n\t\t\tapi.getCart().then(data => {\r\n\t\t\t\tcart.querySelector('span').innerText = data.totalItemCount;\r\n\r\n\t\t\t\tcart.classList.add('animate');\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tcart.classList.remove('animate');\r\n\t\t\t\t}, 1000);\r\n\r\n\t\t\t\tresolve();\r\n\t\t\t}, error => {\r\n\t\t\t\treject(error);\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\tinitMenuCart() {\r\n\t\tconst cart = document.querySelector('header .shoppingCart');\r\n\t\tif (cart) {\r\n\t\t\tlet api = new CartApi();\r\n\t\t\tapi.getCart().then(data => {\r\n\t\t\t\tcart.querySelector('span').innerText = data.totalItemCount;\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tshowMenuCartUpdate() {\r\n\t\tif (this.headerController.header.classList.contains('hidden')) {\r\n\t\t\tthis.headerController.show();\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.updateMenuCart();\r\n\t\t\t}, 400);\r\n\t\t} else {\r\n\t\t\tthis.updateMenuCart();\r\n\t\t}\r\n\t}\r\n}","export default class MapController {\r\n\tconstructor() {\r\n\t\tthis.apiKey = null;\r\n\t\tthis.mapElement = null;\r\n\t\tthis.map = null;\r\n\r\n\t\tthis.markers = [];\r\n\t\tthis.defaultMarkerColor = '#4F708A';\r\n\t\tthis.specialMarkerColor = '#FA5B59';\r\n\t\tthis.greyMarkerColor = '#C1C6C8';\r\n\r\n\t\tthis.version = 'quarterly'; // Use either quarterly or weekly\r\n\t\tthis.language = 'nl';\r\n\r\n\t\tthis.options = {\r\n\t\t\tzoom: 8,\r\n\t\t\tmaxZoom: 15,\r\n\t\t\tminZoom: 8,\r\n\t\t\tmapTypeId: 'roadmap',\r\n\t\t\tclickableIcons: true,\r\n\t\t\tdisableDoubleClickZoom: false,\r\n\t\t\tdraggable: true,\r\n\t\t\tkeyboardShortcuts: true,\r\n\t\t\tscrollWheel: true,\r\n\t\t\tfullscreenControl: false,\r\n\t\t\tmapTypeControl: false,\r\n\t\t\trotateControl: false,\r\n\t\t\tscaleControl: false,\r\n\t\t\tstreetViewControl: false,\r\n\t\t\tzoomControl: true\r\n\t\t};\r\n\r\n\t\tthis.boundTimeout = null;\r\n\r\n\t\tthis.afterInitFunctions = [];\r\n\t}\r\n\r\n\tinit() {\r\n\r\n\r\n\t\t// Load Google Maps API\r\n\t\tlet GoogleApi = document.createElement('script');\r\n\t\tGoogleApi.src = `https://maps.googleapis.com/maps/api/js?key=${this.apiKey}&v=${this.version}&language=${this.language}®ion=${this.language}&libraries=places,geometry&callback=app.mapController.createMap`;\r\n\t\tdocument.body.appendChild(GoogleApi);\r\n\t}\r\n\r\n\tcreateMap() {\r\n\t\t// google.maps is available from here on\r\n\t\tthis.options.center = new google.maps.LatLng(52.063745, 5.2128719); // Kinda the center of NL\r\n\t\tthis.bounds = new google.maps.LatLngBounds();\r\n\r\n\t\tthis.map = new google.maps.Map(this.mapElement, this.options);\r\n\r\n\t\t// If there are functions that still need to be called, call them\r\n\t\tif (this.afterInitFunctions.length) {\r\n\t\t\tconst length = this.afterInitFunctions.length;\r\n\t\t\tfor (let i = 0; i < length; i++) {\r\n\t\t\t\t//console.log('This right here');\r\n\t\t\t\t//console.log(this.afterInitFunctions[i]);\r\n\t\t\t\tthis.afterInitFunctions[i]();\r\n\t\t\t}\r\n\t\t\tthis.afterInitFunctions = [];\r\n\t\t}\r\n\r\n\t\t// Also init the widget's autocomplete\r\n\t\t//app.createAutocompleteField();\r\n\t}\r\n\r\n\taddMarker(lat, lng, specialMarker = false, greyMarker = false) {\r\n\t\tconsole.log(greyMarker);\r\n\t\tconst markerOptions = {\r\n\t\t\tmap: this.map,\r\n\t\t\tposition: {\r\n\t\t\t\tlat: lat,\r\n\t\t\t\tlng: lng\r\n\t\t\t},\r\n\t\t\ticon: {\r\n\t\t\t\tpath: 'M15.0335742,0 C6.76252955,0 0.0335742187,6.35731997 0.0335742187,14.1714844 C0.0335742187,23.8691067 13.4571048,38.1057829 14.0286235,38.7071077 C14.5654385,39.2719769 15.5026807,39.2709834 16.038525,38.7071077 C16.6100437,38.1057829 30.0335742,23.8691067 30.0335742,14.1714844 C30.0334124,6.35731997 23.304538,0 15.0335742,0 Z',\r\n\t\t\t\tfillOpacity: 1,\r\n\t\t\t\tfillColor: (specialMarker ? this.specialMarkerColor : (greyMarker ? this.greyMarkerColor : this.defaultMarkerColor)),\r\n\t\t\t\tstrokeOpacity: 0,\r\n\t\t\t\tanchor: new google.maps.Point(15, 40),\r\n\t\t\t\tlabelOrigin: new google.maps.Point(15, 15)\r\n\t\t\t},\r\n\t\t\tlabel: {\r\n\t\t\t\tcolor: 'white',\r\n\t\t\t\tfontSize: '16px',\r\n\t\t\t\tfontWeight: '600',\r\n\t\t\t\ttext: (this.markers.length + 1).toString()\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tconst marker = new google.maps.Marker(markerOptions);\r\n\t\t// Due to the marker being higher than its point, make the latitude a big higher\r\n\t\tthis.bounds.extend(marker.position);\r\n\r\n\t\tthis.markers.push(marker);\r\n\r\n\t\tif (this.boundTimeout !== null) {\r\n\t\t\tclearTimeout(this.boundTimeout);\r\n\t\t}\r\n\r\n\t\tthis.boundTimeout = setTimeout(() => {\r\n\t\t\tthis.map.fitBounds(this.bounds);\r\n\t\t\tthis.boundTimeout = null;\r\n\t\t}, 100);\r\n\r\n\t\treturn marker;\r\n\t}\r\n\r\n\tclearMarkers() {\r\n\t\tfor (let markerIndex = 0; markerIndex < this.markers.length; markerIndex++) {\r\n\t\t\tthis.markers[markerIndex].setMap(null);\r\n\t\t}\r\n\r\n\t\tthis.markers = [];\r\n\t\tif (typeof google !== 'object' && typeof google !== 'function') {\r\n\t\t\tthis.afterInitFunctions.push(() => {\r\n\t\t\t\tthis.bounds = new google.maps.LatLngBounds();\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.bounds = new google.maps.LatLngBounds();\r\n\t\t}\r\n\t}\r\n}","export default class MediaController {\r\n\tconstructor(autoinit = true) {\r\n\t\tif (autoinit) {\r\n\t\t\tthis.init();\r\n\t\t}\r\n\t}\r\n\r\n\tinit() {\r\n\t\tdocument.querySelectorAll('noscript').forEach(media => {\r\n\t\t\tswitch (media.dataset.mediatype) {\r\n\t\t\t\tcase 'youtube':\r\n\t\t\t\t\tthis.youtube(media);\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tembedIframe(url) {\r\n\t\treturn `\r\n