1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5664],{86441:function(e,n,t){t.d(n,{ah:function(){return v},ku:function(){return d},gH:function(){return s}});var o=t(85893);t(67294);var l=t(45098),i=t(60990),r=t(20567);let a=(0,l.Z)("div")({fontSize:"14px",lineHeight:1.33,color:"#9f9c9c",minWidth:"120px",display:"block",wordBreak:"break-word",padding:"6px 10px",fontWeight:"bold"}),d=e=>(0,o.jsx)(a,{sx:(0,r._)({},e.styles),children:e.children});var c=t(25959);let u=(0,l.Z)("div")({fontSize:"14px",lineHeight:1.33,color:"black",width:"100%",display:"block",wordBreak:"break-word",wordWrap:"break-word",padding:"6px 10px"}),s=e=>(0,o.jsx)(u,{sx:(0,r._)({},e.styles),children:(0,c.K)(e.children)?"-":e.children});(0,l.Z)("div")({display:"flex",padding:"4px 0px",flexDirection:"row"});let v=e=>(0,o.jsx)(i.Z,{sx:{display:"flex",padding:"4px 0px",flexDirection:{xs:"column",md:"row"}},children:e.children})},65664:function(e,n,t){var o=t(85893),l=t(67294),i=t(6158),r=t.n(i),a=t(20745),d=t(189),c=t(86441),u=t(60990),s=t(62352),v=t(33453),p=t(92365),m=t(52857),h=t(40110),x=t(95639);r().accessToken="pk.eyJ1IjoiaW5vdGVzIiwiYSI6ImNrZXhkcGVwOTJybHgyeG4xeWF3NzN0emIifQ.xJWV1wOwHJ7NCE1hVZzBfw";let g={lng:-73.22082853735371,lat:40.809947662368856},f=e=>{let{onClick:n,children:t,feature:l}=e;return(0,o.jsxs)(u.Z,{onClick:()=>{n(l)},sx:{cursor:"pointer",display:"flex",alignItems:"center"},children:[(0,o.jsx)(d.Z,{sx:{color:"red"}}),t]})},y="mapHeight";n.Z=e=>{let{markers:n,centerProp:t,showDistance:i=!0,height:d="400px",eventView:b=!1,resizable:w=!1,onMapReady:j=null}=e,k=(0,l.useRef)(null),_=(0,l.useRef)(null),N=(0,l.useRef)(!1),S=(0,l.useRef)(null),P=(0,l.useRef)(!1),E=(0,l.useRef)(0),M=(0,l.useRef)(0),[I,Z]=(0,l.useState)(()=>w?localStorage.getItem(y)||"60vh":d),[C,U]=(0,l.useState)(t||g),[L,R]=(0,l.useState)(n.filter(e=>!isNaN(null==e?void 0:e.lat)&&!isNaN(null==e?void 0:e.lon))[0]),V=e=>{R(e)};(0,l.useEffect)(()=>{_.current&&N.current&&_.current.resize()},[I]);let[T,z]=(0,l.useState)(null),[H,q]=(0,l.useState)(!1),[F,D]=(0,l.useState)("");(0,l.useEffect)(()=>{let e=n.find(e=>!isNaN(null==e?void 0:e.lat)&&!isNaN(null==e?void 0:e.lon)),t=e?{lat:e.lat,lng:e.lon}:g,i=new(r()).Map({container:k.current,style:"mapbox://styles/mapbox/streets-v11",center:t,zoom:12,cooperativeGestures:!0});return _.current=i,N.current=!0,j&&j(i),i.on("style.load",()=>{if(b){let e=n.filter(e=>!isNaN(null==e?void 0:e.lat)&&!isNaN(null==e?void 0:e.lon)).map(e=>({type:"Feature",geometry:{type:"Point",coordinates:[e.lon,e.lat]},properties:{label:"".concat(e.title||""," @ ").concat(e.venue_name||"")}}));i.addSource("event-labels",{type:"geojson",data:{type:"FeatureCollection",features:e}}),i.addLayer({id:"event-label-layer",type:"symbol",source:"event-labels",minzoom:10,layout:{"text-field":["get","label"],"text-size":14,"text-font":["Open Sans Semibold","Arial Unicode MS Bold"],"text-offset":[0,1.2],"text-anchor":"top"},paint:{"text-color":"blue","text-halo-color":"#fff","text-halo-width":1.5}}),i.on("click","event-label-layer",e=>{var t,o,l,a,d,c;let u=null===(l=e.features)||void 0===l?void 0:null===(o=l[0])||void 0===o?void 0:null===(t=o.properties)||void 0===t?void 0:t.label,s=n.find(e=>"".concat(e.title||""," @ ").concat(e.venue_name||"")===u);if(!s||!_.current)return;let v=null==s?void 0:null===(a=s.bands)||void 0===a?void 0:a[0],p=(null==v?void 0:v.imageUrl)||(null==v?void 0:v.img_preview)||null,m=(null==s?void 0:s.main_date)||"",h=m?new Date(m).toLocaleTimeString([],{hour:"numeric",minute:"2-digit"}):"",x=b?'<div>\n <div style="font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 8px; background:#334e65; padding:8px">\n <a href="/events/'.concat(null==s?void 0:s.id,'" style="color: white;">\n ').concat((null==s?void 0:s.title)||(null==s?void 0:s.venue_name),"</a>\n </div>\n ").concat((null==s?void 0:s.sampleVideoUrl)?'<div style="text-align: center; margin-top: 6px;"><a href="#"\n data-video="'.concat(s.sampleVideoUrl,'"\n data-bandname="').concat((null==s?void 0:null===(c=s.bands)||void 0===c?void 0:null===(d=c[0])||void 0===d?void 0:d.bandname)||"",'"\n class="open-video-link"\n style="text-decoration: none; color: red; font-size: 18px;">\n <img src="/logos/youtube-96.png" alt="YouTube" style="width: 30px; vertical-align: middle; margin-right: 6px;" /> Watch Video\n </a>\n </div>'):"","\n ").concat(p?'<div style="text-align:center; margin-bottom: 8px;">\n <img src="'.concat(p,'" alt="').concat(null==v?void 0:v.bandname,'"\n style="width: 80px; height: 80px; object-fit: cover; border-radius: 8px; border: 1px solid #ccc;" />\n </div>'):"",'\n <div style="color: #555; margin-bottom: 4px; padding:0px 8px">\n <strong>Venue: </strong>\n <a href="/venues/').concat(null==s?void 0:s.venue_internallink,'" style="color: #1976d2; text-decoration: underline;">\n ').concat(null==s?void 0:s.venue_name,'</a>\n </div>\n <div style="color: #555; margin-bottom: 4px; padding:0px 8px">\n <strong>Address:</strong> ').concat(null==s?void 0:s.address1,", ").concat(null==s?void 0:s.venue_city,", ").concat(null==s?void 0:s.venue_state,", ").concat(null==s?void 0:s.VENUE_ZIP,'\n </div>\n <div style="padding: 8px; margin-top: 8px; background-color: #fff3cd; border-left: 4px solid #ff9800;">\n <strong style="color: #ff9800;">Showtime:</strong>
1\n <span style="font-weight: bold; font-size: 16px; margin-left: 6px; color: #333;">\n ').concat(h,"\n </span>\n </div>\n\n </div>\n </div>"):'<h3 style="margin-bottom: 4px"><a href="/venues/'.concat((null==s?void 0:s.internalLink)||(null==s?void 0:s.id),'" style="color: #1976d2; text-decoration: underline;">\n ').concat(null==s?void 0:s.venue_name,"</a></h3><p>").concat((null==s?void 0:s.description)||"","</p>");new(r()).Popup({offset:25}).setLngLat([s.lon,s.lat]).setHTML(x).addTo(_.current),i.once("render",()=>{setTimeout(()=>{let e=document.querySelector(".mapboxgl-popup .open-video-link");if(e){let n=e.getAttribute("data-bandname");e.addEventListener("click",t=>{t.preventDefault();let o=e.getAttribute("data-video");o&&z(o),n&&D(n),q(!0)})}},100)})})}_.current=i}),i.addControl(new(r()).NavigationControl,"top-right"),navigator.geolocation?navigator.geolocation.getCurrentPosition(e=>{U({lat:e.coords.latitude,lng:e.coords.longitude})},()=>{U(g)}):U(g),n.filter(e=>!isNaN(null==e?void 0:e.lat)&&!isNaN(null==e?void 0:e.lon)).forEach(e=>{var t;let d=l.createRef();d.current=document.createElement("div"),(0,a.createRoot)(d.current).render((0,o.jsx)(f,{onClick:V,feature:e}));let c=n.filter(n=>n.lat===e.lat&&n.lon===e.lon),u=[0,0];c.length>1&&(u=[16*(c.indexOf(e)-(c.length-1)/2),0]);let s=null==e?void 0:null===(t=e.bands)||void 0===t?void 0:t[0],v=(null==s?void 0:s.imageUrl)||(null==s?void 0:s.img_preview)||null,p=(null==e?void 0:e.main_date)||"",m=p?new Date(p).toLocaleTimeString([],{hour:"numeric",minute:"2-digit"}):"";new(r()).Marker(d.current).setLngLat({lng:null==e?void 0:e.lon,lat:null==e?void 0:e.lat}).setOffset(u).setPopup(new(r()).Popup({offset:25}).setHTML(b?'<div>\n <div style="font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 8px; background:#334e65; padding:8px">\n <a href="/events/'.concat(null==e?void 0:e.id,'"style="color: white;" style="color: white;">\n ').concat((null==e?void 0:e.title)||(null==e?void 0:e.venue_name),"</a>\n </div>\n ").concat(v?'<div style="text-align:center; margin-bottom: 8px;">\n <img src="'.concat(v,'" alt="').concat(null==s?void 0:s.bandname,'"\n style="width: 80px; height: 80px; object-fit: cover; border-radius: 8px; border: 1px solid #ccc;"\n />\n </div>'):"",'\n <div style="color: #555; margin-bottom: 4px; padding:0px 8px">\n <strong>Venue: </strong>\n <a href="/venues/').concat(null==e?void 0:e.venue_internallink,'" style="color: #1976d2; text-decoration: underline;">').concat(null==e?void 0:e.venue_name,'</a>\n </div>\n <div style="color: #555; margin-bottom: 4px; padding:0px 8px">\n <strong>Address:</strong> ').concat(null==e?void 0:e.address1,", ").concat(null==e?void 0:e.venue_city,", ").concat(null==e?void 0:e.venue_state,", ").concat(null==e?void 0:e.VENUE_ZIP,'\n </div>\n <div style="padding: 8px; margin-top: 8px; background-color: #fff3cd; border-left: 4px solid #ff9800;">\n <strong style="color: #ff9800;">Showtime:</strong>\n <span style="font-weight: bold; font-size: 16px; margin-left: 6px; color: #333;">\n ').concat(m,'\n </span>\n </div>\n <div style="color: #555; padding:0px 8px 16px 8px">\n <strong>Date:</strong> ').concat((null==e?void 0:e.main_date)||(null==e?void 0:e.tzone),"\n </div>\n </div>"):'<h3 style="margin-bottom: 4px"><a href="/venues/'.concat((null==e?void 0:e.internalLink)||(null==e?void 0:e.id),'" style="color: #1976d2; text-decoration: underline;">').concat(null==e?void 0:e.venue_name,"</a></h3>\n <p>").concat((null==e?void 0:e.description)||"","</p>"))).addTo(i)}),()=>{N.current=!1,i.remove()}},[n]);let W=function(){let e=navigator.userAgent||navigator.vendor||window.opera;return/windows phone/i.test(e)?"Windows Phone":/android/i.test(e)?"Android":/iPad|iPhone|iPod/.test(e)&&!window.MSStream?"iOS":"Unknown"}(),A="";return A="iOS"===W?"http://maps.apple.com/?q=".concat(encodeURIComponent(null==L?void 0:L.address1),"+").concat(encodeURIComponent(null==L?void 0:L.venue_city),",+").concat(encodeURIComponent(null==L?void 0:L.venue_state),"+").concat(encodeURIComponent(null==L?void 0:L.VENUE_ZIP)):"https://www.google.com/maps/search/?api=1&query=".concat(encodeURIComponent(null==L?void 0:L.address1),",").concat(encodeURIComponent(null==L?void 0:L.venue_city),",").concat(encodeURIComponent(null==L?void 0:L.venue_state),",").concat(encodeURIComponent(null==L?void 0:L.VENUE_ZIP)),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{children:[i&&(0,o.jsxs)(u.Z,{children:[(0,o.jsxs)(c.ah,{children:[(0,o.jsx)(c.ku,{children:"Venue Zip Code"}),(0,o.jsx)(c.gH,{children:null==L?void 0:L.VENUE_ZIP})]}),(0,o.jsxs)(c.ah,{children:[(0,o.jsx)(c.ku,{children:"Address"}),(0,o.jsxs)(c.gH,{children:[null==L?void 0:L.address1," ",null==L?void 0:L.venue_city,","," ",null==L?void 0:L.venue_state]})]}),(0,o.jsxs)(c.ah,{children:[(0,o.jsx)(c.ku,{children:"As the Crow Flies distance"}),(0,o.jsx)(c.gH,{children:(0,s.cL)(null==C?void 0:C.lat,null==C?void 0:C.lng,null==L?void 0:L.lat,null==L?void 0:L.lon)+" mi"})]}),(0,o.jsxs)(c.ah,{children:[(0,o.jsx)(c.ku,{children:"Open in Maps"}),(0,o.jsx)(c.gH,{children:(0,o.jsx)("a",{href:A,target:"_blank",rel:"noopener noreferrer",children:(0,o.jsx)("img",{src:"/applemap.jpg",alt:"Apple/Google Map",style:{width:"12px",marginRight:"10px"}})})})]})]}),w?(0,o.jsxs)("div",{ref:S,children:[(0,o.jsx)("div",{style:{height:I},className:"map-container",ref:k}),(0,o.jsx)("div",{onMouseDown:e=>{P.current=!0,E.current=e.clientY,M.current=S.current?S.current.offsetHeight:300;let n=e=>{if(!P.current)return;let n=e.clientY-E.current,t=Math.max(300,Math.min(90*window.innerHeight/100,M.current+n));Z("".concat(t,"px"))},t=()=>{P.current=!1,S.current&&localStorage.setItem(y,"".concat(S.current.offsetHeight,"px")),document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",t)};document.addEventListener("mousemove",n),document.addEventListener("mouseup",t),e.preventDefault()},style:{height:"8px",cursor:"ns-resize",backgroundColor:"#e8e8e8",borderTop:"1px solid #ccc",borderBottom:"1px solid #ccc",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none"},children:(0,o.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"2px"},children:[0,1,2].map(e=>(0,o.jsx)("div",{style:{width:"24px",height:"1.5px",backgroundColor:"#aaa"}},e))})})]}):(0,o.jsx)("div",{style:{height:I},className:"map-container",ref:k})]}),(0,o.jsxs)(v.Z,{open:H,onClose:()=>q(!1),maxWidth:"md",fullWidth:!0,children:[(0,o.jsxs)(p.Z,{children:["Watch Video",F?" - ".concat(F):"",(0,o.jsx)(m.Z,{"aria-label":"close",onClick:()=>
1q(!1),sx:{position:"absolute",right:8,top:8,color:e=>e.palette.grey[500]},children:(0,o.jsx)(x.Z,{})})]}),(0,o.jsx)(h.Z,{dividers:!0,children:(0,o.jsx)("iframe",{width:"100%",height:"450",src:(e=>{if(!e)return"";try{let n=new URL(e);if("youtu.be"===n.hostname)return"https://www.youtube.com/embed/".concat(n.pathname.slice(1),"?autoplay=1");if(n.pathname.startsWith("/shorts/")){let e=n.pathname.split("/")[2];return"https://www.youtube.com/embed/".concat(e,"?autoplay=1")}let t=n.searchParams.get("v");if(t)return"https://www.youtube.com/embed/".concat(t,"?autoplay=1");return""}catch(n){return console.error("Invalid URL:",e),""}})(T),title:"Sample Video",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})]})]})}},25959:function(e,n,t){t.d(n,{K:function(){return r},N:function(){return d}});var o=t(85169),l=t(23266),i=t(94700),r=(0,o.Z)(l.Z,i.Z),a=t(67294),d=(e,n)=>{let[t,o]=(0,a.useState)(e);return(0,a.useEffect)(()=>{let t=setTimeout(()=>{o(e)},n);return()=>{clearTimeout(t)}},[e,n]),t}},62352:function(e,n,t){t.d(n,{V6:function(){return p},cL:function(){return s},kD:function(){return v},kL:function(){return m}});var o=t(85893),l=t(41664),i=t.n(l);t(36410);var r=t(67294),a=t(79177),d=t(25332),c=t(4958),u=t(27441);let s=(e,n,t,o)=>{let l=(t-e)*Math.PI/180,i=(o-n)*Math.PI/180,r=Math.sin(l/2)*Math.sin(l/2)+Math.cos(e*Math.PI/180)*Math.cos(t*Math.PI/180)*Math.sin(i/2)*Math.sin(i/2);return(2*Math.atan2(Math.sqrt(r),Math.sqrt(1-r))*3958.8).toFixed(2)},v=(e,n,t)=>{try{var l,s,v,p,m,h,x,g,f,y;if(!t)return"-";let b=n[null==e?void 0:e.name];switch(null==e?void 0:null===(l=e.component)||void 0===l?void 0:l.type){case"dateTime":return b?(0,a.BV)(b,"EEEE, MMMM d, yyyy h:mm a")||b:"-";case"object":{let n=null==t?void 0:t[e.state].find(e=>e.id===b);return(null==n?void 0:n.id)?(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(i(),{href:"/".concat(null==e?void 0:e.state,"?").concat(null==e?void 0:null===(s=e.component)||void 0===s?void 0:s.queryParam,"=").concat(null==n?void 0:n.id),children:null==n?void 0:n[null==e?void 0:null===(v=e.component)||void 0===v?void 0:v.contextProp]})}):"-"}case"array":return(0,o.jsx)(o.Fragment,{children:b.length>0?b.map((n,l)=>{var a,d;let c=null==t?void 0:t[e.state].find(e=>e.id===n);return c?(0,o.jsxs)(r.Fragment,{children:[(0,o.jsx)(i(),{href:"/".concat(null==e?void 0:e.state,"?").concat(null==e?void 0:null===(a=e.component)||void 0===a?void 0:a.queryParam,"=").concat(null==c?void 0:c.id),replace:!0,children:null==c?void 0:c[null==e?void 0:null===(d=e.component)||void 0===d?void 0:d.contextProp]}),l<b.length-1?", ":""]},l):"-"}):"-"});case"link":{let t;if(!n[null==e?void 0:null===(p=e.component)||void 0===p?void 0:p.identifier])return"-";if((null==e?void 0:null===(m=e.component)||void 0===m?void 0:m.path)==="venues")t=(0,u.Eu)(null==n?void 0:n[null==e?void 0:null===(x=e.component)||void 0===x?void 0:x.queryParam]);else if((null==e?void 0:null===(h=e.component)||void 0===h?void 0:h.path)==="bands")t=(0,u._k)(null==n?void 0:n[null==e?void 0:null===(g=e.component)||void 0===g?void 0:g.queryParam]);else{let o=(null==n?void 0:n[null==e?void 0:null===(f=e.component)||void 0===f?void 0:f.queryParam])||"";t="/".concat(null==e?void 0:null===(y=e.component)||void 0===y?void 0:y.path,"/").concat(o.replace(/^\/+|\/+$/g,""))}return(0,o.jsx)(i(),{href:t,children:null==n?void 0:n[null==e?void 0:e.name]})}case"object_array":return(0,o.jsx)(o.Fragment,{children:b.length>0?b.map((n,t)=>{var l,a,d,c,s,v,p;let m;if((null==e?void 0:null===(l=e.component)||void 0===l?void 0:l.path)==="bands")m=(0,u._k)(null==n?void 0:n[null==e?void 0:null===(c=e.component)||void 0===c?void 0:c.queryParam]);else if((null==e?void 0:null===(a=e.component)||void 0===a?void 0:a.path)==="venues")m=(0,u.Eu)(null==n?void 0:n[null==e?void 0:null===(s=e.component)||void 0===s?void 0:s.queryParam]);else{let t=(null==n?void 0:n[null==e?void 0:null===(v=e.component)||void 0===v?void 0:v.queryParam])||"";m="/".concat(null==e?void 0:null===(p=e.component)||void 0===p?void 0:p.path,"/").concat(t.replace(/^\/+|\/+$/g,""))}return(0,o.jsxs)(r.Fragment,{children:[(0,o.jsx)(i(),{href:m,children:null==n?void 0:n[null==e?void 0:null===(d=e.component)||void 0===d?void 0:d.contextProp]}),t<b.length-1?", ":""]},t)}
1):"-"});case"html":if(!b)return"-";return(0,o.jsx)("div",{style:{whiteSpace:"pre-wrap"},children:(0,o.jsx)(d.UG,{remarkPlugins:[c.Z],children:String(b)})});case"anchor":return(0,o.jsx)(o.Fragment,{children:b?(0,o.jsx)("a",{href:b,target:"_blank",rel:"noopener noreferrer",children:b}):"-"});default:return b||"-"}}catch(e){}},p=(e,n,t)=>{let o=(n-1)*t;return e=e.slice(o,o+t)},m=e=>{if(!e)return"";let n=String(e);if(!(/T\d{2}:\d{2}/.test(n)||/\d{1,2}:\d{2}/.test(n)))return"";let t=new Date(e),o=new Date,l=t.getTime()-o.getTime();return l>0&&l<=36e5?"Going on Soon":l<0&&108e5>=Math.abs(l)?"Going on Now":""}}}]); 2//# sourceMappingURL=5664-5dc439e45809680b.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.