[{"__symbolic":"module","version":3,"metadata":{"InteractiveMap":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"interactive-map","template":"<!--\n     @Author: Alex Sorafumo\n     @Date:   18/11/2016 4:31 PM\n     @Email:  alex@yuion.net\n     @Filename: map.template.html\n     @Last modified by:   alex.sorafumo\n     @Last modified time: 13/01/2017 12:45 PM\n     -->\n     \n     <div #displayarea class=\"aca interactive-map\" (window:resize)=\"resize()\">\n         <div #maparea class=\"map-contents\" [style.opacity]=\"(!loading && map_data)?'1':'0'\"\n             (pinchstart)=\"startScale($event)\"\n             (pinch)=\"scaleMap($event)\"\n             (pinchend)=\"finishScale()\"\n             (panmove)=\"moveMap($event)\"\n             (panend)=\"moveEnd($event)\"\n             (tap)=\"tapMap($event)\">\n     \n             <div #mapdisplay class=\"map-area\"></div>\n             <map-marker-group [markers]=\"marker_list\" [rotate]=\"rotations\" [radius]=\"6*((100+_zoom)/100)/map_scale\" [disable]=\"false\" [map]=\"map_details\" [reset]=\"reset_markers\"></map-marker-group>\n         </div>\n         <div *ngIf=\"loading && map !== ''\" class=\"map-loading-space\">\n             <spinner type=\"dot-circle\" color=\"#000\"></spinner>\n         </div>\n         <div *ngIf=\"!loading && !map_data && map !== ''\" class=\"map-loading-space\" [style.font-size]=\"'1.5em'\">\n             Map not found!\n         </div>\n         <div class=\"map-controls\" *ngIf=\"controls&&!loading\">\n             <div class=\"zoom-btn\" (tap)=\"zoomIn()\" >+</div>\n             <div class=\"zoom-btn\" syle=\"font-size:0.7em;\" (tap)=\"resetZoom()\">{{(100 + zoom) + '%'}}</div>\n             <div class=\"zoom-btn\" (tap)=\"zoomOut()\">-</div>\n         </div>\n     </div>\n     ","styles":[".interactive-map{color:rgba(0,0,0,0.87);cursor:pointer;height:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.map-contents{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;overflow:hidden;position:relative;-ms-touch-action:pan;touch-action:pan;width:100%;opacity:0;transition:opacity 500ms}.map-area{left:50%;margin:auto;min-height:100%;min-width:100%;position:absolute;top:50%;-ms-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);transition:all 200ms;will-change:width, height, top, left;z-index:10}.pins{bottom:0;font-size:1.2em;left:0;position:absolute;right:0;top:0}.pin{height:3em;position:absolute;width:2.5em;z-index:1000}.pin .text{background-color:#fff;border-radius:4px;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);left:50%;padding:.5em;position:absolute;top:0;-ms-transform:translate(-50%, -120%);transform:translate(-50%, -120%);white-space:nowrap;width:auto}.map-loading-space{background-color:#fff;border-radius:.15em;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);color:rgba(0,0,0,0.87);left:50%;padding:.5em;position:absolute;text-align:center;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2000}.map-controls{bottom:5px;font-size:1em;left:5px;position:absolute;text-align:center;z-index:100}.map-controls .zoom-btn{background-color:#fff;border-radius:.1em;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);color:rgba(0,0,0,0.54);display:inline-block;min-width:.8em;padding:.3em .6em}.map-controls .zoom-btn:hover{background-color:rgba(255,255,255,0.8);color:rgba(0,0,0,0.54)}\n     "]}]}],"members":{"map":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zoomMax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"controls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pins":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"mapSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focusScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focusZoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"mapStyles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rotations":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"zoomChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mapUpdated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"self":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["displayarea"]}]}],"map_area":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["maparea"]}]}],"map_display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["mapdisplay"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../services/animate.service","name":"Animate"},{"__symbolic":"reference","module":"../../services","name":"MapService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"change":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"checkValues":[{"__symbolic":"method"}],"checkStatus":[{"__symbolic":"method"}],"tapMap":[{"__symbolic":"method"}],"moveMap":[{"__symbolic":"method"}],"zoomIn":[{"__symbolic":"method"}],"zoomOut":[{"__symbolic":"method"}],"resetZoom":[{"__symbolic":"method"}],"moveTo":[{"__symbolic":"method"}],"moveEnd":[{"__symbolic":"method"}],"startScale":[{"__symbolic":"method"}],"scaleMap":[{"__symbolic":"method"}],"finishScale":[{"__symbolic":"method"}],"resize":[{"__symbolic":"method"}],"clearDisabled":[{"__symbolic":"method"}],"setupDisabled":[{"__symbolic":"method"}],"setupStyles":[{"__symbolic":"method"}],"clearPins":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}],"setupEvents":[{"__symbolic":"method"}],"initPins":[{"__symbolic":"method"}],"getElement":[{"__symbolic":"method"}],"updateFocus":[{"__symbolic":"method"}],"zoomFocus":[{"__symbolic":"method"}],"retryFocus":[{"__symbolic":"method"}],"getFocusBB":[{"__symbolic":"method"}],"finishFocus":[{"__symbolic":"method"}],"focusOnPoint":[{"__symbolic":"method"}],"loadMapData":[{"__symbolic":"method"}],"setupMap":[{"__symbolic":"method"}],"getItems":[{"__symbolic":"method"}],"initAnimations":[{"__symbolic":"method"}],"animatePosition":[{"__symbolic":"method"}],"animateZoom":[{"__symbolic":"method"}],"updateMapDetails":[{"__symbolic":"method"}],"updatePosition":[{"__symbolic":"method"}],"updateZoom":[{"__symbolic":"method"}],"updateBoxes":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"InteractiveMap":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"interactive-map","template":"<!--\n     @Author: Alex Sorafumo\n     @Date:   18/11/2016 4:31 PM\n     @Email:  alex@yuion.net\n     @Filename: map.template.html\n     @Last modified by:   alex.sorafumo\n     @Last modified time: 13/01/2017 12:45 PM\n     -->\n     \n     <div #displayarea class=\"aca interactive-map\" (window:resize)=\"resize()\">\n         <div #maparea class=\"map-contents\" [style.opacity]=\"(!loading && map_data)?'1':'0'\"\n             (pinchstart)=\"startScale($event)\"\n             (pinch)=\"scaleMap($event)\"\n             (pinchend)=\"finishScale()\"\n             (panmove)=\"moveMap($event)\"\n             (panend)=\"moveEnd($event)\"\n             (tap)=\"tapMap($event)\">\n     \n             <div #mapdisplay class=\"map-area\"></div>\n             <map-marker-group [markers]=\"marker_list\" [rotate]=\"rotations\" [radius]=\"6*((100+_zoom)/100)/map_scale\" [disable]=\"false\" [map]=\"map_details\" [reset]=\"reset_markers\"></map-marker-group>\n         </div>\n         <div *ngIf=\"loading && map !== ''\" class=\"map-loading-space\">\n             <spinner type=\"dot-circle\" color=\"#000\"></spinner>\n         </div>\n         <div *ngIf=\"!loading && !map_data && map !== ''\" class=\"map-loading-space\" [style.font-size]=\"'1.5em'\">\n             Map not found!\n         </div>\n         <div class=\"map-controls\" *ngIf=\"controls&&!loading\">\n             <div class=\"zoom-btn\" (tap)=\"zoomIn()\" >+</div>\n             <div class=\"zoom-btn\" syle=\"font-size:0.7em;\" (tap)=\"resetZoom()\">{{(100 + zoom) + '%'}}</div>\n             <div class=\"zoom-btn\" (tap)=\"zoomOut()\">-</div>\n         </div>\n     </div>\n     ","styles":[".interactive-map{color:rgba(0,0,0,0.87);cursor:pointer;height:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.map-contents{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;overflow:hidden;position:relative;-ms-touch-action:pan;touch-action:pan;width:100%;opacity:0;transition:opacity 500ms}.map-area{left:50%;margin:auto;min-height:100%;min-width:100%;position:absolute;top:50%;-ms-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);transition:all 200ms;will-change:width, height, top, left;z-index:10}.pins{bottom:0;font-size:1.2em;left:0;position:absolute;right:0;top:0}.pin{height:3em;position:absolute;width:2.5em;z-index:1000}.pin .text{background-color:#fff;border-radius:4px;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);left:50%;padding:.5em;position:absolute;top:0;-ms-transform:translate(-50%, -120%);transform:translate(-50%, -120%);white-space:nowrap;width:auto}.map-loading-space{background-color:#fff;border-radius:.15em;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);color:rgba(0,0,0,0.87);left:50%;padding:.5em;position:absolute;text-align:center;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2000}.map-controls{bottom:5px;font-size:1em;left:5px;position:absolute;text-align:center;z-index:100}.map-controls .zoom-btn{background-color:#fff;border-radius:.1em;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);color:rgba(0,0,0,0.54);display:inline-block;min-width:.8em;padding:.3em .6em}.map-controls .zoom-btn:hover{background-color:rgba(255,255,255,0.8);color:rgba(0,0,0,0.54)}\n     "]}]}],"members":{"map":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zoomMax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"controls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pins":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"mapSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focusScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focusZoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"mapStyles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rotations":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"zoomChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mapUpdated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"self":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["displayarea"]}]}],"map_area":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["maparea"]}]}],"map_display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["mapdisplay"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../services/animate.service","name":"Animate"},{"__symbolic":"reference","module":"../../services","name":"MapService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"change":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"checkValues":[{"__symbolic":"method"}],"checkStatus":[{"__symbolic":"method"}],"tapMap":[{"__symbolic":"method"}],"moveMap":[{"__symbolic":"method"}],"zoomIn":[{"__symbolic":"method"}],"zoomOut":[{"__symbolic":"method"}],"resetZoom":[{"__symbolic":"method"}],"moveTo":[{"__symbolic":"method"}],"moveEnd":[{"__symbolic":"method"}],"startScale":[{"__symbolic":"method"}],"scaleMap":[{"__symbolic":"method"}],"finishScale":[{"__symbolic":"method"}],"resize":[{"__symbolic":"method"}],"clearDisabled":[{"__symbolic":"method"}],"setupDisabled":[{"__symbolic":"method"}],"setupStyles":[{"__symbolic":"method"}],"clearPins":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}],"setupEvents":[{"__symbolic":"method"}],"initPins":[{"__symbolic":"method"}],"getElement":[{"__symbolic":"method"}],"updateFocus":[{"__symbolic":"method"}],"zoomFocus":[{"__symbolic":"method"}],"retryFocus":[{"__symbolic":"method"}],"getFocusBB":[{"__symbolic":"method"}],"finishFocus":[{"__symbolic":"method"}],"focusOnPoint":[{"__symbolic":"method"}],"loadMapData":[{"__symbolic":"method"}],"setupMap":[{"__symbolic":"method"}],"getItems":[{"__symbolic":"method"}],"initAnimations":[{"__symbolic":"method"}],"animatePosition":[{"__symbolic":"method"}],"animateZoom":[{"__symbolic":"method"}],"updateMapDetails":[{"__symbolic":"method"}],"updatePosition":[{"__symbolic":"method"}],"updateZoom":[{"__symbolic":"method"}],"updateBoxes":[{"__symbolic":"method"}]}}}}]