https://dwp.werner.com/2523.5bc8a185395f0482.js

1(self.webpackChunkapp=self.webpackChunkapp||[]).push([[2523],{32523(l,u,n){"use strict";n.d(u,{MapsPageModule:()=>M});var t=n(31635),i=n(23214),s=n(16213),C=n(89417),g=n(64211),f=n(25207),p=n(10467);var x,A=n(73682),S=n.n(A),D=n(7575),d=n(88254),m=n(71631),E=n(51239),R=n(65883),P=n(50678);let h=(class{constructor(e,o,r){this.platform=e,this.authService=o,this.analytics=r,this.identityKey="",this.longitude=-87.928291,this.latitude=41.259892,this.MAP_CENTER_LATITUDE_KEY="lat-2",this.MAP_CENTER_LONGITUDE_KEY="long-2",this.mapFilterPoiKey="map-filter-poi-",this.showPOIModal=!1,this.showMissingLocationPin=!1,this.subscriptions$=new D.a,this.poiFilter=[{title:"Truck Washes",color:"#E4D3EF",icon:"truckWashes",name:"truckWashes",isChecked:!0},{title:"Werner Terminals",color:"#D4E1F2",icon:"terminals",name:"terminals",isChecked:!0},{title:"Fuel Stops",color:"#DBDDE2",icon:"fuelStops",name:"fuelStops",isChecked:!0},{title:"Scales",color:"#FDEDAA",icon:"scales",name:"scales",isChecked:!1},{title:"Chain Banks",color:"#DFD8D3",icon:"chainbanks",name:"chainBanks",isChecked:!0},{title:"Drop Yards",color:"#D3D9E3",icon:"dropyards",name:"dropYards",isChecked:!0},{title:"Rest Areas",color:"#A6F0AC",icon:"restAreas",name:"restAreas",isChecked:!0}],this.isWeb=!1}ngOnInit(){this.authService.getUserIdentitityKey().then(e=>{this.identityKey=e})}ionViewDidEnter(){var e=this;return(0,p.A)(function*(){e.analytics.trackEvent("User","entered_map_screen","Entered Map Screen"),e.isWeb=e.platform.is("desktop")||e.platform.is("mobileweb"),e.triggerEvent();const o=localStorage.getItem(e.mapFilterPoiKey+e.identityKey);null===o?e.resetPOIFilter():e.poiFilter=JSON.parse(o)})()}didTapFilter(){this.analytics.trackEvent("User","clicked_filter_button_on_map_screen","Clicked Filter Button On Map 

1Screen"),this.showPOIModal=!this.showPOIModal}resetPOIFilter(){var e=this;return(0,p.A)(function*(){for(const o of e.poiFilter)"scales"===o.name?o.isChecked=!1:o.isChecked=!0;localStorage.setItem(e.mapFilterPoiKey+e.identityKey,JSON.stringify(e.poiFilter))})()}closeModal(){this.showPOIModal=!this.showPOIModal}triggerEvent(){globalThis.dispatchEvent(new Event("resize"))}ionViewWillLeave(){var e=this;return(0,p.A)(function*(){yield e.mapComponent?.closeOpenModals()})()}ngOnDestroy(){this.subscriptions$.unsubscribe()}showReportMissingLocationMessageBox(){var e=this;return(0,p.A)(function*(){e.analytics.trackEvent("User","clicked_report_missing_location_on_map","Clicked Report Missing Location On Map");let o="",r="";const c=yield d.p.get({key:e.MAP_CENTER_LATITUDE_KEY}),a=yield d.p.get({key:e.MAP_CENTER_LONGITUDE_KEY});null!=a&&null!=a&&null!==c.value&&void 0!==c.value&&null!==a.value&&void 0!==a.value&&(e.latitude=Number.parseFloat(c.value),e.longitude=Number.parseFloat(a.value),yield d.p.remove({key:e.MAP_CENTER_LATITUDE_KEY}),yield d.p.remove({key:e.MAP_CENTER_LONGITUDE_KEY})),o="Missing Location",r="Location Missing At:"+e.latitude+","+e.longitude+".Enter Your feedback here:",e.mailto("[email protected]","[email protected]","Missing Location",r)})()}mailto(e,o,r,c){window.open("mailto:"+e+"?cc="+o+"&subject="+r+"&body="+c,"_system")}static#e=x=()=>(this.ctorParameters=()=>[{type:m.OD},{type:E.u},{type:P.c}],this.propDecorators={mapComponent:[{type:i.Uct,args:["mapComponent"]}]},this)},x());h=(0,t.Cg)([(0,i.uAl)({selector:"app-maps",template:'<ion-header>\n  <ion-toolbar mode="ios" [ngClass]="{\'map-toolbar\':!isWeb }" class="map-toolbar">\n    <ion-buttons slot="start" class="back-btn">\n      <ion-back-button defaultHref="/" text="" (click)="triggerEvent()" (keydown.enter)="triggerEvent()" (keydown.space)="triggerEvent()"></ion-back-button>\n    </ion-buttons>\n    <ion-title class="edge-value ion-text-center sub-header-title">Map</ion-title>\n    <ion-buttons slot="end">\n      <ion-icon class="funnel-icon" name="funnel" (click)="didTapFilter()" (keydown.enter)="didTapFilter()" (keydown.space)="didTapFilter()"></ion-icon>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<map \n  #mapComponent\n  class="map"\n  [userInteractionEnabled]="true"\n  [showLocateButton]="true"\n  [shouldLocateUser]="true"\n  [showReportMissingLocationPin]="false"\n  [showPOI]="true"\n  [showPOIModal]="showPOIModal"\n  [poiFilter]="poiFilter"\n  (closePOIModal)="closeModal()"\n></map>',imports:[g.bv,s.YU,R.i],styles:[S()]}),(0,t.Sn)("design:paramtypes",[m.OD,E.u,P.c])],h);const T=[{path:"",component:h,resolve:{accepted:n(80756).I}}];let v=class{};v=(0,t.Cg)([(0,i.UQu)({imports:[f.iI.forChild(T)],exports:[f.iI]})],v);var F=n(44661),L=n(23178),_=n(51592),N=n(25499),U=n(3103);var O,W=n(62160),Y=n.n(W);let y=(class{constructor(e){this.navParams=e}reportMissingLocationButtonClickHandler(){this.mapWidget=this.navParams.data.MapWidget,this.mapsPage=this.navParams.data.MapsPage,this.mapsPage.showMissingLocationPin=!0,this.mapWidget.showReportMissingLocationPin=!0}static#e=O=()=>(this.ctorParameters=()=>[{type:m.y8}],this)},O());y=(0,t.Cg)([(0,i.uAl)({selector:"app-map-pop-over-menu",template:"<div class=\"modal\">\n  <div class=\"modal-title\">Map Filter</div>\n  <div class=\"modal-content\">\n    <ion-item lines='none'>\n      <ion-label>Werner Terminals</ion-label>\n      <ion-checkbox slot='end' color=\"primary\"></ion-checkbox>\n    </ion-item>\n    <ion-item lines='none'>\n      <ion-label>Drop Yards</ion-label>\n      <ion-checkbox slot='end' color=\"primary\"></ion-checkbox>\n    </ion-item>\n    <ion-item lines='none'>\n      <ion-label>Scales</ion-label>\n      <ion-checkbox slot='end' color=\"primary\"></ion-checkbox>\n    </ion-item>\n    <ion-item lines='none'>\n      <ion-label>Fuel Stops</ion-label>\n      <ion-checkbox slot='end' color=\"primary\"></ion-checkbox>\n    </ion-item>\n    <ion-item lines='none'>\n      <ion-label>Rest Areas</ion-label>\n      <ion-checkbox slot='end' color=\"primary\"></ion-checkbox>\n    </ion-item>\n    <ion-item lines='none'>\n      <ion-label>Drop Yards</ion-label>\n      <ion-checkbox slot='end' color=\"primary\"></ion-checkbox>\n    </ion-item>\n    <ion-item lines='none'>\n      <ion-label>Truck Washes</ion-label>\n      <ion-checkbox slot='end' color=\"primary\"></ion-checkbox>\n    </ion-item>\n    <ion-item lines='none'>\n      <ion-label>Chain Banks</ion-label>\n      <ion-checkbox slot='end' color=\"primary\"></ion-checkbox>\n    </ion-item>\n  </div>\n</div>",imports:[g.bv],styles:[Y()]}),(0,t.Sn)("design:paramtypes",[m.y8])],y);let M=class{};M=(0,t.Cg)([(0,i.UQu)({imports:[s.MD,C.YN,g.bv,v,F.u,N.md.forFeature

1("poi",L.NG),U.Vm.forFeature([_.l]),h,y]})],M)},62160(l,u,n){var t=n(8564),s=n(98557)(t);s.push([l.id,".modal {\n  font-size: 18px;\n  padding: 20px 0px;\n}\n\n.modal-title {\n  font-weight: bold;\n  text-align: center;\n}\n\n.modal-content {\n  padding: 10px 0;\n  display: flex;\n  flex-direction: column;\n}\n.modal-content div {\n  padding: 6px 0px;\n}\n.modal-content div span {\n  padding-left: 12px;\n}",""]),l.exports=s.toString()},73682(l,u,n){var t=n(8564),s=n(98557)(t);s.push([l.id,".map {\n  height: 100%;\n}\n\n.missing-location-push-pin {\n  font-size: 50px !important;\n}\n\n.missing-location-push-pin-panel {\n  position: absolute;\n  top: 180px;\n  left: 180px !important;\n  z-index: 99;\n  width: 50px !important;\n  height: 50px !important;\n}\n\n.map-toolbar {\n  position: fixed;\n}\n\n.funnel-icon {\n  width: 20px;\n  height: 20px;\n  color: #3369B4;\n  padding-right: 15px;\n}",""]),l.exports=s.toString()}}]);