@stratusjs/idx/src/map/map.component.min.js

AngularJS idx/property Service and Components bundle to be used as an add on to StratusJS

System.register(["@stratusjs/runtime/stratus","@stratusjs/core/environment","@stratusjs/core/misc","@stratusjs/angularjs-extras/filters/numeral","@stratusjs/angular"],function(exports_1,context_1){"use strict";var stratus_1,environment_1,misc_1,numeral_1,min,localDir;context_1&&context_1.id;return{setters:[function(stratus_1_1){stratus_1=stratus_1_1},function(environment_1_1){environment_1=environment_1_1},function(misc_1_1){misc_1=misc_1_1},function(numeral_1_1){numeral_1=numeral_1_1},function(_1){}],execute:function(){min=environment_1.cookie("env")?"":".min","idx","map","map",localDir=`${stratus_1.Stratus.BaseUrl}${stratus_1.Stratus.DeploymentPath}@stratusjs/idx/src/map/`,stratus_1.Stratus.Components.IdxMap={bindings:{listId:"@",googleMapsKey:"@",mapType:"@",height:"@",width:"@",fullHeight:"@",fullHeightMinusElements:"@",referenceParent:"@",zoom:"@",zoomControl:"@",scrollwheel:"@",markerClickScroll:"@",markerClickHighlight:"@",markerPrice:"@",markerIcon:"@",markerIconHover:"@",markerIconLabelOriginX:"@",markerIconLabelOriginY:"@",template:"@"},controller($attrs,$scope,Idx){$scope.uid=misc_1.safeUniqueId("idx","map","map"),stratus_1.Stratus.Instances[$scope.uid]=$scope,$scope.elementId=$attrs.elementId||$scope.uid,$scope.instancePath=$scope.elementId,$scope.instanceFullPath=`Stratus.Instances.${$scope.instancePath}`,this.$onInit=()=>{$scope.Idx=Idx,$scope.listId=$attrs.listId||null,$scope.initialized=!1,$scope.mapInitialized=!1,$scope.listInitialized=!1,$scope.googleMapsKey=$attrs.googleMapsKey||null,$scope.mapMarkers=[],$scope.mapType=$attrs.mapType||"roadmap",$scope.zoom=$attrs.zoom||18,$scope.zoomControl=$attrs.zoomControl||!0,$scope.scrollwheel=$attrs.scrollwheel||!1,$scope.height=$attrs.height||null,$scope.width=$attrs.width||null,$scope.markerClickScroll=!(!$attrs.markerClickScroll||!misc_1.isJSON($attrs.markerClickScroll))&&JSON.parse($attrs.markerClickScroll),$scope.markerClickHighlight=!(!$attrs.markerClickHighlight||!misc_1.isJSON($attrs.markerClickHighlight))&&JSON.parse($attrs.markerClickHighlight),$scope.markerPrice=!(!$attrs.markerPrice||!misc_1.isJSON($attrs.markerPrice))&&JSON.parse($attrs.markerPrice),$scope.markerIcon=$attrs.markerIcon||($scope.markerPrice?`${localDir}images/map-marker-black.png`:null),$scope.markerIconLabelOriginX=$attrs.markerIconLabelOriginX||($scope.markerPrice?33:null),$scope.markerIconLabelOriginY=$attrs.markerIconLabelOriginX||($scope.markerPrice?13:null),$scope.markerIconHover=$attrs.markerIconHover||null,$scope.fullHeight=$attrs.fullHeight||null,$scope.fullHeightMinusElements=$attrs.fullHeightMinusElements||null,$scope.referenceParent=$attrs.referenceParent||"document",Idx.registerMapInstance($scope.elementId,$scope),$scope.listId&&(Idx.devLog($scope.elementId,"is watching for map to update from",$scope.listId),Idx.on($scope.listId,"init",source=>{$scope.list=source,$scope.listInitialized=!0,prepareMapMarkers(source),$scope.mapUpdate().then()}),Idx.on($scope.listId,"searched",source=>{prepareMapMarkers(source),$scope.mapUpdate().then()})),$scope.googleMapsKey?$scope.initialized=!0:Idx.on("Idx","sessionInit",()=>{Idx.devLog("map received session init"),$scope.initialized=!0}),Idx.emit("init",$scope)};const prepareMapMarkers=source=>{const markers=[];let zIndexCounter=100;source.getPageModels().forEach(model=>{if(Object.prototype.hasOwnProperty.call(model,"Latitude")&&Object.prototype.hasOwnProperty.call(model,"Longitude")){const address=Idx.getStreetAddress(model),marker={position:{lat:model.Latitude,lng:model.Longitude},title:address,options:{animation:2},click:{action:"function",function:()=>{$scope.list&&($scope.markerClickScroll&&$scope.list.scrollToModel(model),$scope.markerClickHighlight&&$scope.list.highlightModel(model,6e3))}}};$scope.markerPrice&&(Object.prototype.hasOwnProperty.call(model,"ListPrice")||Object.prototype.hasOwnProperty.call(model,"ClosePrice"))&&(model.ClosePrice||model.ListPrice)&&(marker.label={color:"white",text:numeral_1.numeralFormat(model.ClosePrice||model.ListPrice,1,"$0[.]0a").toUpperCase()},marker.collisionBehavior="REQUIRED_AND_HIDES_OPTIONAL",marker.zIndex=zIndexCounter--),markers.push(marker)}}),$scope.mapMarkers=markers};$scope.mapInitialize=async map=>{$scope.map=map,$scope.$applyAsync(()=>{Idx.devLog("Map initialized",$scope.map),$scope.mapInitialized=!0}),await $scope.mapUpdate()},$scope.mapUpdate=async()=>{$scope.map&&($scope.map.removeMarkers(),await $scope.mapMarkers.reduce((_unused,marker)=>{$scope.map.addMarker(marker)},void 0),await new Promise(r=>setTimeout(r,500)),$scope.map.fitMarkerBounds())},$scope.getGoogleMapsKey=()=>$scope.googleMapsKey||Idx.getGoogleMapsKey(),$scope.on=(emitterName,callback)=>Idx.on($scope.elementId,emitterName,callback),$scope.remove=()=>{}},templateUrl:$attrs=>`${localDir}${$attrs.template||"map"}.component${min}.html`}}}});