{"version":3,"file":"js/7181-6fcc19abf981644ed51f.chunk.js","mappings":"8JAIAA,GAAE,KACAA,EAAE,qBAAqBC,GAAG,SAASC,IACjCA,EAAEC,iBACF,MAAMC,EAAMJ,EAAE,aAAaK,MACrBC,EAAMN,EAAE,cAAcK,MACtBE,EAASP,EAAE,WAAWK,MAC5B,IAAIG,EAAMC,OAAOC,SAASC,KAC1BH,GAAMI,EAAAA,EAAAA,GAA2BJ,EAAK,MAAOJ,GAC7CI,GAAMI,EAAAA,EAAAA,GAA2BJ,EAAK,MAAOF,GAC7CE,GAAMI,EAAAA,EAAAA,GAA2BJ,EAAK,SAAUD,GAChDE,OAAOC,SAASG,QAAQL,EAAI,IAG9BR,EAAE,0BAA0Bc,UAAU,CACpCC,IAAK,KACLC,QAAQ,EACRC,MAAO,CAAC,CAAC,EAAG,QACZC,iBAAiB,EACjBC,YAAY,EACZC,cAAc,EACdC,UAAUC,EAAAA,EAAAA,QAGZ,MAAMC,EAAeC,SAASC,eAAe,wBAC7CC,EAAAA,EAAAA,IAAQH,EAAcI,EAAY,IAGpC,MAAMC,EAAYC,GAChBC,EAAEC,QAAQ,CACRC,UAAW,MACXC,SAAU,CAAC,GAAI,IACfC,WAAY,CAAC,GAAI,IACjBC,KAAO,yOAIoEN,qfAQzEF,EAAeS,IAAS,IAADC,EAC3B,MAAMC,EAAU,GAEH,QAAbD,EAAAE,IAAIC,iBAAS,IAAAH,GAAbA,EAAeI,SAAQ,EAAG/B,WAAUgC,OAAMC,UAASC,UAASC,YAC1D,MAAMC,EAAOlB,EAAU,UACjBmB,EAAS,oJAE2BH,0IAGmBF,6BAE3DG,EACC,oHAC8DA,0BAE7D,WACFF,EACC,0GAC4BA,kBACvBA,gCAGJ,gBAEJL,EAAQU,KAAKlB,EAAEmB,OAAO,CAACvC,EAASwC,SAAUxC,EAASyC,WAAY,CAAEL,KAAMA,IACpEM,UAAUL,GAAOM,YACjBC,MAAMlB,GAAK,IAEhBN,EAAEmB,OAAOV,IAAIgB,aAAc,CAAET,KAAMlB,EAAU,YAAa0B,MAAMlB,GAC5DE,EAAQkB,QAAQpB,EAAIqB,UAAU3B,EAAE4B,aAAapB,GAASqB,YAAa,CAAEC,QAAS,CAAC,GAAI,KAAM,C","sources":["webpack://lionwheel/./app/javascript/src/brain/near_businesses.js"],"sourcesContent":["import {defaultTranslations} from \"../helpers/datatables\";\nimport {initMap} from \"../services/map\";\nimport {updateQueryStringParameter} from \"../helpers/utils\";\n\n$(() => {\n  $('#send-near-search').on('click', e => {\n    e.preventDefault()\n    const lat = $('#latitude').val()\n    const lng = $('#longitude').val()\n    const radius = $('#radius').val()\n    let url = window.location.href\n    url = updateQueryStringParameter(url, 'lat', lat)\n    url = updateQueryStringParameter(url, 'lng', lng)\n    url = updateQueryStringParameter(url, 'radius', radius)\n    window.location.replace(url)\n  })\n\n  $('.near-businesses-table').DataTable({\n    dom: 'tp',\n    paging: false,\n    order: [[0, 'asc']],\n    searchHighlight: true,\n    responsive: true,\n    lengthChange: false,\n    language: defaultTranslations()\n  })\n\n  const mapContainer = document.getElementById('near_businesses_map')\n  initMap(mapContainer, mapCallback)\n})\n\nconst buildIcon = color => (\n  L.divIcon({\n    className: \"box\",\n    iconSize: [28, 41],\n    iconAnchor: [14, 41],\n    html: `\n              <div class=\"position-relative\">\n                <svg width=\"28\" height=\"41\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <g>\n                    <path id=\"svg_2\" stroke-width=\"1.1\" stroke=\"#000\" fill=\"#${color}\" d=\"m14.095833,1.55c-6.846875,0 -12.545833,5.691 -12.545833,11.866c0,2.778 1.629167,6.308 2.80625,8.746l9.69375,17.872l9.647916,-17.872c1.177083,-2.438 2.852083,-5.791 2.852083,-8.746c0,-6.175 -5.607291,-11.866 -12.454166,-11.866zm0,7.155c2.691667,0.017 4.873958,2.122 4.873958,4.71s-2.182292,4.663 -4.873958,4.679c-2.691667,-0.017 -4.873958,-2.09 -4.873958,-4.679c0,-2.588 2.182292,-4.693 4.873958,-4.71z\"/>\n                  </g>\n                </svg>\n              </div>\n              `\n  })\n)\n\nconst mapCallback = (map) => {\n  const markers = []\n\n  gon.locations?.forEach(({ location, name, website, address, phone }) => {\n    const icon = buildIcon('aaaaaa')\n    const popup = `<div id=\"popup-content\" style=\"min-width: 250px\">\n    <div class=\"d-flex justify-content-between\">\n      <span class=\"font-weight-bolder mb-2\">${address}</span>\n    </div>\n    <div class=\"d-flex justify-content-between\">\n      <span class=\"mb-2\"><i class=\"fa-light fa-bank mr-2\"></i> ${name}</span>\n    </div>\n    ${phone ?\n      `<div class=\"d-flex justify-content-between\">\n         <span class=\"mb-2\"><i class=\"fa-light fa-phone mr-2\"></i> ${phone}</span>\n       </div>`\n      : ''}\n    ${website ?\n      `<div class=\"d-flex justify-content-between align-items-center mb-2\">\n        <a target=\"_blank\" href=\"${website}\">\n          ${website}\n        </a>\n      </div>`\n      : ''}\n   </div>`\n    markers.push(L.marker([location.latitude, location.longitude], { icon: icon })\n      .bindPopup(popup).openPopup()\n      .addTo(map))\n  })\n  L.marker(gon.source_point, { icon: buildIcon('e30e0e') }).addTo(map)\n  if (markers.length) map.fitBounds(L.featureGroup(markers).getBounds(), { padding: [10, 10] })\n}\n"],"names":["$","on","e","preventDefault","lat","val","lng","radius","url","window","location","href","updateQueryStringParameter","replace","DataTable","dom","paging","order","searchHighlight","responsive","lengthChange","language","defaultTranslations","mapContainer","document","getElementById","initMap","mapCallback","buildIcon","color","L","divIcon","className","iconSize","iconAnchor","html","map","_gon$locations","markers","gon","locations","forEach","name","website","address","phone","icon","popup","push","marker","latitude","longitude","bindPopup","openPopup","addTo","source_point","length","fitBounds","featureGroup","getBounds","padding"],"sourceRoot":""}