https://parkroll.com/chunk-BPBBF77T.js

1import{a as P}from"./chunk-RO4MBMAB.js";import{a as f}from"./chunk-MH2UCMUH.js";import"./chunk-FHLO2RUC.js";import"./chunk-CKMQKFKR.js";import"./chunk-47VOJU3P.js";import"./chunk-HYKIMZ2U.js";import{w as g}from"./chunk-Z7IJLIMF.js";import{Pa as r,Sb as a,Tb as h,Ub as p,hc as u,ic as m,jb as l,jc as c,mc as y,qa as s,wc as d}from"./chunk-IPCK6OJA.js";import"./chunk-RVFOIZLJ.js";var L=["mapContainer"],_=(()=>{class n{constructor(e,t,i){this.googleMapsLoader=e,this.platformId=t,this.service=i,this.historyTrail=[],this.shuttleLatLng=[],this.currentIndex=0,this.trailLength=20,this.intervalMs=1e3,this.oldPolyline=[[33.926227,-118.387507],[33.926548,-118.387486],[33.926699,-118.387486],[33.92685,-118.387486],[33.926922,-118.387657],[33.926949,-118.388172],[33.926949,-118.388773],[33.926913,-118.389277],[33.926949,-118.390028],[33.926922,-118.39079],[33.926904,-118.391702],[33.926966,-118.392313],[33.926949,-118.392957],[33.926922,-118.393493],[33.92694,-118.39418],[33.926975,-118.395231],[33.926949,-118.395575],[33.927038,-118.395897],[33.927029,-118.396068],[33.927171,-118.396176],[33.927766,-118.396265],[33.928219,-118.396295],[33.929025,-118.396174],[33.929705,-118.396234],[33.930108,-118.396265],[33.93046,-118.396204],[33.930888,-118.396143],[33.932223,-118.396083],[33.933632,-118.396174],[33.935118,-118.396204],[33.936905,-118.396083],[33.937963,-118.396143],[33.939196,-118.396113],[33.940329,-118.396174],[33.940468,-118.396166],[33.94089,-118.396151],[33.941428,-118.396098],[33.941856,-118.396083],[33.942186,-118.395995],[33.942775,-118.396014],[33.943174,-118.396029],[33.943476,-118.395813],[33.943769,-118.395172],[33.9442,-118.394816],[33.94482,-118.394586],[33.944958,-118.394408],[33.94522,-118.39481],[33.945175,-118.395372],[33.94512,-118.395889],[33.945103,-118.396085],[33.945085,-118.396246],[33.945108,-118.396455],[33.945146,-118.396602],[33.945241,-118.396866],[33.945212,-118.396809],[33.945277,-118.397018],[33.945346,-118.3972],[33.945388,-118.397436],[33.945426,-118.3976],[33.945413,-118.397731],[33.945408,-118.397831],[33.945413,-118.397925],[33.945421,-118.397997],[33.94543,-118.398067],[33.945413,-118.398198],[33.945421,-118.398254],[33.945439,-118.398305],[33.945435,-118.398356],[33.945433,-118.398407],[33.945451,-118.398594],[33.945432,-118.399125],[33.945445,-118.399519],[33.945501,-118.400217],[33.945445,-118.400945],[33.945294,-118.401583],[33.944998,-118.401734],[33.944671,-118.401621],[33.944299,-118.401605],[33.943909,-118.401598],[33.943588,-118.401537],[33.94338,-118.401461],[33.943305,-118.401461],[33.943192,-118.40137],[33.943122,-118.401302],[33.943091,-118.401211],[33.943091,-118.401074],[33.94311,-118.400983],[33.943116,-118.400832],[33.943141,-118.400574],[33.943141,-118.400301],[33.943223,-118.39983],[33.94333,-118.398783],[33.943399,-118.398336],[33.943435,-118.398121],[33.943408,-118.397842],[33.943409,-118.397595],[33.943329,-118.397112],[33.943355,-118.397166],[33.942545,-118.396554],[33.941931,-118.396468],[33.941504,-118.396264],[33.940997,-118.396264],[33.940427,-118.396243],[33.939955,-118.396297],[33.938674,-118.396254],[33.938051,-118.396254],[33.937258,-118.396232],[33.936698,-118.396264],[33.936181,-118.396189],[33.935718,-118.396254],[33.934775,-118.396264],[33.933084,-118.396254],[33.932193,-118.396221],[33.931446,-118.396232],[33.931232,-118.396297],[33.93092,-118.396254],[33.930903,-118.396082],[33.930894,-118.395567],[33.930858,-118.394795],[33.930858,-118.394237],[33.93084,-118.393507],[33.930867,-118.392466],[33.930849,-118.392445],[33.930858,-118.391458],[33.930831,-118.389333],[33.93084,-118.38826],[33.930858,-118.387617],[33.930618,-118.387509],[33.93003,-118.387445],[33.929612,-118.387477],[33.928926,-118.387499],[33.92829,-118.387473],[33.927517,-118.387537],[33.9265,-118.387384],[33.926118,-118.387466],[33.925674,-118.387176]],this.routePolyline=[],this.routePolyline=this.oldPolyline.map(([o,v])=>({lat:o,lng:v}))}ngAfterViewInit(){g(this.platformId)&&this.googleMapsLoader.load().then(()=>{this.loadRouteFromServer()})}loadRouteFromServer(){this.service.getTimeline(this.propertyId).subscribe({next:e=>{e&&e.success&&e.path&&e.path.length>0?this.routePolyline=e.path.map(t=>({lat:Number(t.lat),lng:Number(t.lng)})):this.routePolyline=this.oldPolyline.map(([t,i])=>({lat:t,lng:i})),this.initMap(),this.animateShuttle()},error:()=>{this.routePolyline=this.oldPolyline.map(([e,t])=>({lat:e,lng:t})),this.initMap(),this.animateShuttle()}})}initMap(){this.map=new google.maps.Map(this.mapContainer.nativeElement,{center:this.routePolyline[0],zoom:15}),this.polyline=new google.maps.Polyline({path:this.routePolyline,geodesic:!0,strokeColor:"#FF0000",strokeOpacity:.5,strokeWeight:3}),this.polyline.setMap(this.map),this.shuttleMarker=new google.maps.Marker({position:this.routePolyline[0],map:this.map,label:"\u{1F690}"})}animateShuttle(){setInterval(()=>{let e=this.routePolyline[this.currentIndex];e&&(this.shuttleMarker.setPosition(e),this.map.panTo(e),this.historyTrail.push(e),this.historyTrail.length>this.trailLength&&this.historyTrail.shift(),this.drawTrail(),this.currentIndex++,this.currentIndex>=this.routePolyline.length&&(this.currentIndex=0,this.historyTrail=[]))},this.intervalMs)}drawTrail(){this.polyline.trailLines&&this.polyline.trailLines.forEac

1h(t=>t.setMap(null)),this.polyline.trailLines=[];let e=this.historyTrail.length;for(let t=1;t<e;t++){let i=t/e,o=new google.maps.Polyline({path:[this.historyTrail[t-1],this.historyTrail[t]],geodesic:!0,strokeColor:"#0000FF",strokeOpacity:i,strokeWeight:4});o.setMap(this.map),this.polyline.trailLines.push(o)}}static{this.\u0275fac=function(t){return new(t||n)(l(f),l(r),l(P))}}static{this.\u0275cmp=s({type:n,selectors:[["app-shuttle-timeline"]],viewQuery:function(t,i){if(t&1&&u(L,5),t&2){let o;m(o=c())&&(i.mapContainer=o.first)}},inputs:{propertyId:"propertyId",defaultShuttleLat:"defaultShuttleLat",defaultShuttleLng:"defaultShuttleLng",shuttleLatLng:"shuttleLatLng"},standalone:!0,features:[d],decls:4,vars:0,consts:[["mapContainer",""],[1,"map_title"],[1,"map-container"]],template:function(t,i){t&1&&(a(0,"span",1),y(1,"Shuttle Timeline"),h(),p(2,"div",2,0))},styles:[".map-container[_ngcontent-%COMP%]{height:200px;width:100%}"]})}}return n})();export{_ as ShuttleTimelineComponent};