import { Component , Input , OnInit , ChangeDetectionStrategy } from '@angular/core' ; import { MapperService } from '../../../../services/mapper.service' ; @ Component ( { selector : 'g[svg-switch-keymap-key]' , templateUrl : './svg-switch-keymap-key.component.html' , changeDetection : ChangeDetectionStrategy . OnPush } ) export class SvgSwitchKeymapKeyComponent implements OnInit { @ Input ( ) width : number ; @ Input ( ) height : number ; @ Input ( ) abbreviation : string ; icon : string ; useWidth : number ; useHeight : number ; useX : number ; useY : number ; textY : number ; textX : number ; constructor ( private mapperService ) { } ngOnInit ( ) { this . icon = this . mapperService . getIcon ( 'switch-keymap' ) ; this . useWidth = this . width / 4 ; this . useHeight = this . height / 4 ; this . useX = this . width * 3 / 8 ; this . useY = this . height / 5 ; this . textY = this . height * 2 / 3 ; this . textX = this . width / 2 ; } }