Keyboard split/merge animation (#311)

shared/src/components/svg/wrap/svg-keyboard-wrap.component.html

@@ -5,6 +5,7 @@
                      [keybindAnimationEnabled]="keybindAnimationEnabled"
                      [capturingEnabled]="popoverEnabled"
                      [selectedKey]="selectedKey"
+                     [halvesSplit]="halvesSplit"
                      (keyClick)="onKeyClick($event.moduleId, $event.keyId, $event.keyTarget)"
                      (keyHover)="onKeyHover($event.moduleId, $event.event, $event.over, $event.keyId)"
                      (capture)="onCapture($event.moduleId, $event.keyId, $event.captured)"
@@ -23,4 +24,4 @@
             </p>
         </div>
     </div>
-</ng-template>
+</ng-template>

shared/src/components/svg/wrap/svg-keyboard-wrap.component.ts

@@ -55,6 +55,7 @@ export class SvgKeyboardWrapComponent implements OnInit, OnChanges {
     @Input() keymap: Keymap;
     @Input() popoverEnabled: boolean = true;
     @Input() tooltipEnabled: boolean = false;
+    @Input() halvesSplit: boolean;
 
     @ViewChild(PopoverComponent, { read: ElementRef }) popover: ElementRef;