[{"__symbolic":"module","version":4,"metadata":{"ZoomSettingsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":12,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"zoom-settings","template":"<span class='design-span-zoom'> <a (click)=\"increaseZoom()\" tooltip=\"{{lc('IncreaseZoom')}}\" class=\"increase-zoom\"> <i *ngIf=\"zoom!=maxScale\" class=\"fcloud-increase-zoom\"></i> <i *ngIf=\"zoom==maxScale\" [ngClass]=\"{'fcloud-increase-zoom-disable':zoom==maxScale}\"></i> </a> <select name=\"zoom\" [(ngModel)]=\"zoom\" class=\"zoom-type\" (change)=\"changeZoomType(zoom)\"> <option *ngFor=\"let zoom of zoomTypes\" [value]=\"zoom.key\">{{zoom.name}}</option> </select> <a (click)=\"decreaseZoom()\" tooltip=\"{{lc('DecreaseZoom')}}\" class=\"decrease-zoom\"> <i *ngIf=\"zoom!=minScale\" class=\"fcloud-decrease-zoom\"></i> <i *ngIf=\"zoom==minScale\" [ngClass]=\"{'fcloud-decrease-zoom-disable':zoom==minScale}\"></i> </a> </span>","styles":[".design-span-zoom { display: inline-block; a { width: 18px; height: 20px; display: inline-block; font-size: 21px; cursor: pointer; vertical-align: sub; margin-left: 5px; margin-right: 4px; } .zoom-type { position: relative; top: -4px; margin-left: 3px; padding-left: 2px; width: 52px; height: 18px; line-height: 17px; font-size: 12px; color: #666; } select { border: solid 1px #7f939f; -moz-appearance: none; -webkit-appearance: none; background: url(\"/assets/common/images/configure/arrow.png\") no-repeat scroll right center transparent; padding-right: 14px; vertical-align: sub; } .increase-zoom, .decrease-zoom{ background-image: none !important; } .increase-zoom:hover .fcloud-increase-zoom:before{ content: \"\\e93c\"; } .decrease-zoom:hover .fcloud-decrease-zoom:before{ content: \"\\e940\"; } .increase-zoom:active .fcloud-increase-zoom:before{ content: \"\\e939\"!important; color: #3695ff!important; } .decrease-zoom:active .fcloud-decrease-zoom:before{ content: \"\\e93e\"!important; color: #3695ff!important; } } "]}]}],"members":{"commandHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":26,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"changeZoom":[{"__symbolic":"method"}],"changeZoomType":[{"__symbolic":"method"}],"increaseZoom":[{"__symbolic":"method"}],"decreaseZoom":[{"__symbolic":"method"}],"operationZoom":[{"__symbolic":"method"}]}}}}]