{"version":3,"file":"elements-map.d621b79a0e67e824e1bf.js","mappings":"+GAqDAA,SAASC,iBAAiB,gBAAgBC,SAASC,IACjD,MAAMC,EAAQD,EAAGE,cAAc,0BAtDjCC,eAAwBF,EAAOG,GAC7B,MAAM,IAAEC,EAAG,WAAEC,SAAqBC,OAAOC,KAAKC,cAAc,SACtD,OAAEC,SAAiBH,OAAOC,KAAKC,cAAc,WAC7C,KAAEE,SAAeJ,OAAOC,KAAKC,cAAc,QAE3CG,EAAW,CACfC,IAAKT,EAAKS,IACVC,IAAKV,EAAKU,KAGNC,EAAM,IAAIV,EAAIJ,EAAO,CACzBe,KAAM,GACNC,OAAQL,EACRM,UAAWX,OAAOC,KAAKW,UAAUC,QACjCC,kBAAkB,EAClBC,aAAa,EACbC,gBAAiB,OACjBC,OAAQ,CACN,CACEC,YAAa,MACbC,YAAa,MACbC,QAAS,CAAC,CAAEC,YAAa,UAUzBC,EAAS,IAAInB,EAAO,CACxBK,IAAKA,EACLe,MAAO,iBACPlB,WACAmB,YAAanB,EACboB,KAVgB,CAChBC,IAAK,uqCACLC,WAAY,IAAIvB,EAAK,GAAI,OAWR,IAAIL,EAAW,CAChC6B,QAAU,wEAAuE/B,EAAK+B,sBACtFC,YAAa,IAAIzB,EAAK,GAAI,KAGjB0B,KAAK,CAAEtB,MAAKuB,OAAQT,IAE3BzB,EAAK6B,KACPJ,EAAOU,YAAY,SAAS,KAC1BC,OAAOH,KAAKjC,EAAK6B,IAAK,SAAS,GAGrC,CAMEQ,CAASxC,EAFIyC,KAAKC,MAAM1C,EAAM2C,QAAQC,MAEjB,G","sources":["webpack://silverstripe-base/./themes/app/src/elements/map.js"],"sourcesContent":["async function setupMap(mapEl, data) {\n const { Map, InfoWindow } = await google.maps.importLibrary('maps')\n const { Marker } = await google.maps.importLibrary('marker')\n const { Size } = await google.maps.importLibrary('core')\n\n const position = {\n lat: data.lat,\n lng: data.lng,\n }\n\n const map = new Map(mapEl, {\n zoom: 13,\n center: position,\n mapTypeId: google.maps.MapTypeId.ROADMAP,\n disableDefaultUI: true,\n scrollwheel: false,\n gestureHandling: 'none',\n styles: [\n {\n featureType: 'all',\n elementType: 'all',\n stylers: [{ saturation: -100 }],\n },\n ],\n })\n\n const mapMarker = {\n url: \"data:image/svg+xml,%3Csvg viewBox='0 0 40 58' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M19.833 0C8.868 0 0 8.868 0 19.833c0 14.875 19.833 36.834 19.833 36.834s19.834-21.959 19.834-36.834C39.667 8.868 30.798 0 19.833 0Zm0 26.917a7.086 7.086 0 0 1-7.083-7.084 7.086 7.086 0 0 1 7.083-7.083 7.086 7.086 0 0 1 7.084 7.083 7.086 7.086 0 0 1-7.084 7.084Z' id='a'/%3E%3C/defs%3E%3Cg transform='translate(.167 .667)' fill='none' fill-rule='evenodd'%3E%3Cpath d='M19.833 0C8.868 0 0 8.868 0 19.833c0 14.875 19.833 36.834 19.833 36.834s19.834-21.959 19.834-36.834C39.667 8.868 30.798 0 19.833 0Zm0 26.917a7.086 7.086 0 0 1-7.083-7.084 7.086 7.086 0 0 1 7.083-7.083 7.086 7.086 0 0 1 7.084 7.083 7.086 7.086 0 0 1-7.084 7.084Z' fill='%23C2D1D9'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23C11731' fill-rule='nonzero' mask='url(%23b)' d='M-14.167-5.667h68v68h-68z'/%3E%3Cellipse fill='%23C11731' fill-rule='nonzero' cx='20.333' cy='21.833' rx='11.5' ry='10.5'/%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='M13.508 17.416h-1.675l7.92 16.917 8.08-17h-1.591l-6.449 13.864z'/%3E%3C/g%3E%3C/svg%3E\",\n scaledSize: new Size(40, 56),\n }\n\n const marker = new Marker({\n map: map,\n title: 'Get Directions',\n position,\n panPosition: position,\n icon: mapMarker,\n })\n\n const infoWindow = new InfoWindow({\n content: `
${data.content}
`,\n pixelOffset: new Size(0, -8),\n })\n\n infoWindow.open({ map, anchor: marker })\n\n if (data.url) {\n marker.addListener('click', () => {\n window.open(data.url, '_blank')\n })\n }\n}\n\ndocument.querySelectorAll('.element-map').forEach((el) => {\n const mapEl = el.querySelector('.google-map-container')\n const data = JSON.parse(mapEl.dataset.json)\n\n setupMap(mapEl, data)\n})\n"],"names":["document","querySelectorAll","forEach","el","mapEl","querySelector","async","data","Map","InfoWindow","google","maps","importLibrary","Marker","Size","position","lat","lng","map","zoom","center","mapTypeId","MapTypeId","ROADMAP","disableDefaultUI","scrollwheel","gestureHandling","styles","featureType","elementType","stylers","saturation","marker","title","panPosition","icon","url","scaledSize","content","pixelOffset","open","anchor","addListener","window","setupMap","JSON","parse","dataset","json"],"sourceRoot":""}