1"use strict";(self.webpackChunkcalgary_downtown_association=self.webpackChunkcalgary_downtown_association||[]).push([[267],{61911:function(e,t,a){a.r(t),a.d(t,{default:function(){return Y}});var n=a(30758),r=a(84899),o=a(17356);var s=e=>{let{data:t}=e;return(0,o.Y)(r.mO,{maxWidth:768},(0,o.Y)(r.sD,{content:{html:t.description}}))};var i=e=>{let{view:t,setView:a}=e;return(0,o.Y)(r.mO,null,(0,o.Y)(r.so,{mb:"layout.4"},(0,o.Y)(r.so,{ml:"auto",onClick:()=>{a("list"===t?"map":"list")}},(0,o.Y)(r.K0,{icon:"listView",intent:"default",appearance:"list"===t?"primary":"default",mr:"-2px"}),(0,o.Y)(r.K0,{icon:"mapView",intent:"default",appearance:"map"===t?"primary":"default",ml:"-2px"}))))},l=a(40524),d=a(5250),u=a(3675),g=a.n(u);var m={name:"1cmvkcn",styles:"transform:translate(-50%, 0)"},f={name:"954cue",styles:"transform:translate(-50%, -50%)"};var c=function(e){let{data:t}=e;const a=(0,d.u)(),{0:s,1:i}=(0,n.useState)([]),{0:u,1:c}=(0,n.useState)(void 0),{0:y,1:p}=(0,n.useState)([51.0456981,-114.0716957]);return(0,n.useEffect)((()=>{if(t.events){let e=[];
1if(t.events.forEach((t=>{t.startDatetime&&new(g())(t.startDatetime).tz("America/Edmonton").dayOfYear()>=(new(g())).tz("America/Edmonton").dayOfYear()&&t.coordinates&&e.push(t)})),e.length>0&&p({latitude:e[0].coordinates.latitude,longitude:e[0].coordinates.longitude}),e.length>0){let t=0;e.forEach((a=>{e.forEach((e=>{a.coordinates.latitude!==e.coordinates.latitude||a.coordinates.longitude!==e.coordinates.longitude||a.overlap||(a.overlap=t,t++)}))})),e.forEach((e=>{e.overlap&&(e.coordinates.latitude=e.coordinates.latitude+2e-4*Math.sin(30*e.overlap*Math.PI/180),e.coordinates.longitude=e.coordinates.longitude+2e-4*Math.cos(30*e.overlap*Math.PI/180))}))}i(e)}}),[t.events]),(0,n.useEffect)((()=>{u&&u.coordinates&&p({latitude:u.coordinates.latitude,longitude:u.coordinates.longitude})}),[u]),(0,o.Y)(n.Fragment,null,(0,o.Y)(r.mO,null,(0,o.Y)(r.az,{position:"relative",mx:[-24,0],mt:"layout.3",p:[0,"4px"],boxShadow:["none",`inset 0 0 0 4px ${a.colors.text}`],overflow:"hidden"},u&&(0,o.Y)(r.az,{position:"absolute",zIndex:1,bottom:["12px","24px"],left:"50%",css:m,minWidth:["80%","40%"],maxWidth:[null,"60%"]},(0,o.Y)(r.nn,{image:u.featuredPhoto,category:u.category,startDate:u.startDatetime,endDate:u.endDatetime,title:u.name,address:u.address,url:u.url,key:"activeEvent"+u.url})),(0,o.Y)(r.gl,{ratio:"16:9",bg:"wash",minHeight:"50vh"},(0,o.Y)(l.Ay,{bootstrapURLKeys:{key:"AIzaSyDiPMFM43_XSN9FCAI_nMOiEy3i3u7j7GA"},defaultCenter:[51.0456981,-114.0716957],defaultZoom:14,options:{styles:[{featureType:"water",elementType:"geometry",stylers:[{color:"#e9e9e9"},{lightness:17}]},{featureType:"landscape",elementType:"geometry",stylers:[{color:"#f5f5f5"},{lightness:20}]},{featureType:"road.highway",elementType:"geometry.fill",stylers:[{color:"#ffffff"},{lightness:17}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{color:"#ffffff"},{lightness:29},{weight:.2}]},{featureType:"road.arterial",elementType:"geometry",stylers:[{color:"#ffffff"},{lightness:18}]},{featureType:"road.local",elementType:"geometry",stylers:[{color:"#ffffff"},{lightness:16}]},{featureType:"poi",elementType:"geometry",stylers:[{color:"#f5f5f5"},{lightness:21}]},{featureType:"poi.park",elementType:"geometry",stylers:[{color:"#dedede"},{lightness:21}]},{elementType:"labels.text.stroke",stylers:[{visibility:"on"},{color:"#ffffff"},{lightness:16}]},{elementType:"labels.text.fill",stylers:[{saturation:36},{color:"#333333"},{lightness:40}]},{elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"transit",elementType:"geometry",stylers:[{color:"#f2f2f2"},{lightness:19}]},{featureType:"administrative",elementType:"geometry.fill",stylers:[{color:"#fefefe"},{lightness:20}]},{featureType:"administrative",elementType:"geometry.stroke",stylers:[{color:"#fefefe"},{lightness:17},{weight:1.2}]}]},center:[y.latitude,y.longitude],onChange:e=>{let{center:t}=e;t&&p(t)},onClick:()=>{c(void 0)}},0===s.length&&(0,o.Y)(r.lH,{mode:"dark"},(0,o.Y)(r.az,{bg:"background",width:320,p:6,css:f},(0,o.Y)(r.DZ,{children:"There aren't any events coming up."}))),s.map(((e,t)=>(0,o.Y)(r.yU,{lat:e.coordinates.latitude,lng:e.coordinates.longitude,icon:e.category&&e.category.icon?e.category.icon:"mapView",label:e.name,color:"brand",key:"mapPin"+t,onClick:()=>{u&&u.url===e.url?c(void 0):c(e)}}))))))))};var y=e=>{let{data:t}=e;return(0,o.Y)(n.Fragment,null,t.business&&(0,o.Y)(r.mO,{my:"layout.4",overflow:"hidden"},(0,o.Y)(r.lc,{image:t.business.featuredPhoto,title:t.business.name,subcategory:t.featureType,category:t.business.category,address:t.business.address,website:t.business.website,description:t.business.website&&`<h5><a href="${t.business.website}" target="_blank" rel="noopener noreferrer" style="color:#000;text-decoration:none;">VISIT WEBSITE</a></h5>`})))};var p=e=>{let{data:t}=e;return(0,o.Y)(r.mO,{my:"layout.4",overflow:"hidden"},(0,o.Y)(r.MC,{justifyContent:"center",content:t.guides.map((e=>{let{image:t,title:a,excerpt:n,url:s,author:i}=e;return{width:["100%","50%","33.333%"],children:(0,o.Y)(r.hO,{image:t,title:a,author:i&&i.name,excerpt:n,url:s,vertical:!0})}}))}))},h=a(7201);var v=e=>{let{data:t}=e;return(0,o.Y)(n.Fragment,null,(0,o.Y)(r.mO,{my:"layout.4",overflow:"hidden"},(0,o.Y)(r.MC,{justifyContent:"center",gutterY:[2,5],content:t.events.filter((e=>!(!e.startDatetime||new(g())(e.startDatetime).tz("America/Edmonton").dayOfYear()<(new(g())).tz("America/Edmonton").dayOfYear()))).reverse().slice(0,16).map((e=>{let{featuredPhoto:t,address:a,startDatetime:n,endDatetime:s,category:i,name:l,url:d}=e;return{width:["100%",null,"50%"],children:(0,o.Y)(r.nn,{image:t,category:i,startDate:n,endDate:s,title:l,address:a,url:d})}}))}),t.events.length>=16&&(0,o.Y)(r.so,{justifyContent:"center",mt:["layout.4","layout.6"]},(0,o.Y)(r.$n,{width:"100%",maxWidth:360,as:h.N_,to:"/events/"},"See more"))))};var Y=function(e){let{data:t,loaderComplete:a}=e;const{0:l,1:d}
1=(0,n.useState)("list");return(0,o.Y)(n.Fragment,null,(0,o.Y)(r.kW,{title:t.page.heroTitle,description:t.page.heroTitle&&"Find all of the "+t.page.heroTitle.toLowerCase()+" events, guides and businesses going on in downtown Calgary.",image:t.page.heroImage&&t.page.heroImage.url&&t.page.heroImage.url+"?fit=crop&max-w=1200&h="+1200/(t.page.heroImage.width/t.page.heroImage.height),imageAlt:t.page.heroImageAlt}),(0,o.Y)(r.ff,{title:t.page.heroTitle,image:t.page.heroImage,loaderComplete:a,page:(0,o.Y)(n.Fragment,null,t.page.description&&(0,o.Y)(s,{data:{description:t.page.description}}),(0,o.Y)(i,{view:l,setView:d}),"map"===l&&t.events&&t.events.nodes&&(0,o.Y)(c,{data:{events:t.events.nodes}}),t.page.featuredBusiness&&(0,o.Y)(y,{data:{featureType:t.page.featureType,business:t.page.featuredBusiness}}),t.guides&&t.guides.nodes&&t.guides.nodes.length>0&&(0,o.Y)(p,{data:{guides:t.guides.nodes}}),"list"===l&&t.events&&t.events.nodes&&t.events.nodes.length>0&&(0,o.Y)(v,{data:{events:t.events.nodes}}),(0,o.Y)(r.az,{pt:"layout.5"}))}))}}}]); 2//# sourceMappingURL=component---src-templates-category-index-js-7c2326f839e090f8b198.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.