https://www.theluminaire.com/_next/static/chunks/1450.3ca13eefb38f7af7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1450],{625:(e,t,r)=>{"use strict";r.d(t,{Wx:()=>h,pL:()=>p});var o=r(4232),n=Object.defineProperty,i=(e,t,r)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,s=(e,t,r)=>i(e,"symbol"!=typeof t?t+"":t,r),l=new Map,a=new WeakMap,c=0,u=void 0;function d(e,t,r={},o=u){if(void 0===window.IntersectionObserver&&void 0!==o){let n=e.getBoundingClientRect();return t(o,{isIntersecting:o,target:e,intersectionRatio:"number"==typeof r.threshold?r.threshold:0,time:0,boundingClientRect:n,intersectionRect:n,rootBounds:n}),()=>{}}let{id:n,observer:i,elements:s}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var r;return`${t}_${"root"===t?!(r=e.root)?"0":(a.has(r)||(c+=1,a.set(r,c.toString())),a.get(r)):e[t]}`}).toString(),r=l.get(t);if(!r){let o,n=new Map,i=new IntersectionObserver(t=>{t.forEach(t=>{var r;let i=t.isIntersecting&&o.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=i),null==(r=n.get(t.target))||r.forEach(e=>{e(i,t)})})},e);o=i.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),r={id:t,observer:i,elements:n},l.set(t,r)}return r}(r),p=s.get(e)||[];return s.has(e)||s.set(e,p),p.push(t),i.observe(e),function(){p.splice(p.indexOf(t),1),0===p.length&&(s.delete(e),i.unobserve(e)),0===s.size&&(i.disconnect(),l.delete(n))}}var p=class extends o.Component{constructor(e){super(e),s(this,"node",null),s(this,"_unobserveCb",null),s(this,"handleNode",e=>{this.node&&(this.unobserve(),e||this.props.triggerOnce||this.props.skip||this.setState({inView:!!this.props.initialInView,entry:void 0})),this.node=e||null,this.observeNode()}),s(this,"handleChange",(e,t)=>{e&&this.props.triggerOnce&&this.unobserve(),"function"==typeof this.props.children&&this.setState({inView:e,entry:t}),this.props.onChange&&this.props.onChange(e,t)}),this.state={inView:!!e.initialInView,entry:void 0}}componentDidMount(){this.unobserve(),this.observeNode()}componentDidUpdate(e){(e.rootMargin!==this.props.rootMargin||e.root!==this.props.root||e.threshold!==this.props.threshold||e.skip!==this.props.skip||e.trackVisibility!==this.props.trackVisibility||e.delay!==this.props.delay)&&(this.unobserve(),this.observeNode())}componentWillUnmount(){this.unobserve()}observeNode(){if(!this.node||this.props.skip)return;let{threshold:e,root:t,rootMargin:r,trackVisibility:o,delay:n,fallbackInView:i}=this.props;this._unobserveCb=d(this.node,this.handleChange,{threshold:e,root:t,rootMargin:r,trackVisibility:o,delay:n},i)}unobserve(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)}render(){let{children:e}=this.props;if("function"==typeof e){let{inView:t,entry:r}=this.state;return e({inView:t,entry:r,ref:this.handleNode})}let{as:t,triggerOnce:r,threshold:n,root:i,rootMargin:s,onChange:l,ski

1p:a,trackVisibility:c,delay:u,initialInView:d,fallbackInView:p,...h}=this.props;return o.createElement(t||"div",{ref:this.handleNode,...h},e)}};function h({threshold:e,delay:t,trackVisibility:r,rootMargin:n,root:i,triggerOnce:s,skip:l,initialInView:a,fallbackInView:c,onChange:u}={}){var p;let[g,f]=o.useState(null),v=o.useRef(u),[y,m]=o.useState({inView:!!a,entry:void 0});v.current=u,o.useEffect(()=>{let o;if(!l&&g)return o=d(g,(e,t)=>{m({inView:e,entry:t}),v.current&&v.current(e,t),t.isIntersecting&&s&&o&&(o(),o=void 0)},{root:i,rootMargin:n,threshold:e,trackVisibility:r,delay:t},c),()=>{o&&o()}},[Array.isArray(e)?e.toString():e,g,i,n,s,l,r,c,t]);let b=null==(p=y.entry)?void 0:p.target,w=o.useRef(void 0);g||!b||s||l||w.current===b||(w.current=b,m({inView:!!a,entry:void 0}));let x=[f,y.inView,y.entry];return x.ref=x[0],x.inView=x[1],x.entry=x[2],x}},1266:()=>{},1450:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>u});var o=r(7876),n=r(1324),i=r.n(n),s=r(4232),l=r(625),a=r(1963),c=r(2116);r(1266),i().accessToken="pk.eyJ1Ijoib2d1emtleSIsImEiOiJja3kxOTdjZm4wOTlxMzBsbHRma2thN2tkIn0.c1aYDvfyph9kd6iZZJ-Sgg";let u=e=>{let{data:t}=e,{Center_Long:r,Center_Lat:n,destinations:u,Zoom_Level:d,Start_Lat:p,Start_Long:h,Start_Name:g,vertical_space:f}=t,v=(0,s.useRef)(null),y=(0,s.useRef)(null),[m,b]=(0,s.useState)([r||0,n||0]),w=d||7,x=[h,p],k=(0,a.A)("(max-width: 767px)"),{ref:C,inView:_}=(0,l.Wx)({threshold:0,triggerOnce:!0});return(0,s.useEffect)(()=>{if(y.current||!_)return;let e=k?30:50,t=k?.3:.4,r=k?12:14;y.current=new(i()).Map({container:v.current,style:"mapbox://styles/oguzkey/cmdcv24wm00a601r1eeqpgpr2",center:m,zoom:w,cooperativeGestures:!0});let o=new(i()).NavigationControl({showCompass:!1});y.current.addControl(o,"bottom-right");let n=(null==u?void 0:u.length)>0?u.map(e=>{var t;return{type:"Feature",geometry:{type:"Point",coordinates:[e.Long,e.Lat]},properties:{title:null==e?void 0:e.Name,showIcon:null==(t=e.showIcon)||t}}}):[];return y.current.on("load",()=>{y.current.loadImage("/icons/pin-dropv0_2.png",(e,t)=>{if(e)throw e;y.current&&y.current.addImage("new-marker",t)}),y.current.loadImage("/icons/pin-dropv0_2.png",(o,i)=>{if(o)throw o;y.current&&(y.current.addImage("custom-marker",i),y.current.addSource("start",{type:"geojson",data:{type:"FeatureCollection",features:[{type:"Feature",geometry:{type:"Point",coordinates:x},properties:{title:g||"Start"}}]}}),y.current.addSource("points",{type:"geojson",data:{type:"FeatureCollection",features:[...n]},cluster:!0,clusterMaxZoom:14,clusterRadius:e}),y.current.addLayer({id:"clusters",type:"circle",source:"points",filter:["has","point_count"],paint:{"circle-color":["step",["get","point_count"],"#000",10,"#000",30,"#000",40,"#000"],"circle-radius":["step",["get","point_count"],20,10,30,30,40]}}),y.current.addLayer({id:"route",type:"line",source:"route",layout:{"line-join":"round","line-cap":"round"},paint:{"line-color":"#1f2120","line-width":1}}),y.current.addLayer({id:"unclustered-point",type:"symbol",source:"points",filter:["!",["has","point_count"]],layout:{"icon-image":["case",["in",["get","showIcon"],["literal",[!0,"true",1]]],"custom-marker","none"],"text-field":["get","title"],"text-font":["Noir No1 Regular","Arial Unicode MS Bold"],"text-offset":[0,.5],"icon-size":t,"text-size":r,"text-anchor":"top","icon-allow-overlap":!1,"text-allow-overlap":!1}}),y.current.addLayer({id:"start",type:"symbol",source:"start",layout:{"icon-image":"new-marker","text-field":["get","title"],"text-font":["Noir No1 Regular","Arial Unicode MS Bold"],"text-offset":[0,.5],"icon-size":t,"text-size":r,"text-anchor":"top","icon-allow-overlap":!1,"text-allow-overlap":!1}}),y.current.addLayer({id:"cluster-count",type:"symbol",source:"points",filter:["has","point_count"],layout:{"text-field":["get","point_count_abbreviated"],"text-font":["Noir No1 Regular","Arial Unicode MS Bold"],"text-size":r,"text-allow-overlap":!0},paint:{"text-color":"#ffffff"}}),y.current.on("click","clusters",e=>{let t=y.current.queryRenderedFeatures(e.point,{layers:["clusters"]}),r=t[0].properties.cluster_id;y.current.getSource("points").getClusterExpansionZoom(r,(e,r)=>{e||y.current.easeTo({center:t[0].geometry.coordinates,zoom:r})})}),y.current.on("mouseenter","clusters",()=>{y.current.getCanvas().style.cursor="pointer"}),y.current.on("mouseleave","clusters",()=>{y.current.getCanvas().style.cursor=""}),y.current.scrollZoom.disable(),y.current.scrollZoom.setWheelZoomRate(.02),y.current.on("wheel",e=>{e.originalEvent.ctrlKey?(e.originalEvent.preventDefault(),y.current.scrollZoom._enabled||y.current.scrollZoom.enable()):y.current.scrollZoom._enabled&&y.current.scrollZoom.disable()}))})}),()=>{y.current&&(y.current.remove(),y.current=null)}},[_]),(0,s.useEffect)(()=>{!y.current&&_&&y.current.on("move",()=>{b([y.current.getCenter().lng.toFixed(4),y.current.getCenter().lat.toFixed(4)]),setZoom(y.current.getZoom().toFixed(2))})},[_]),(0,o.jsx)(c.A,{vs:f,children:(0,o.jsx)("div",{ref:C,className:"relative h-[300px] tablet:h-[500px] desktop:h-[700px]",children:_&&(0,o.jsx)("div",{ref:v,style:{height:"100%"}})})})}}}]);