Removed fast capturing for add keymap page

Fixes #238

src/components/keyboard/slider/keyboard-slider.component.html

@@ -2,6 +2,7 @@
     [@layerState]="layerAnimationState[index]"
     [moduleConfig]="layer.modules"
     [keybindAnimationEnabled]="keybindAnimationEnabled"
+    [capturingEnabled]="capturingEnabled"
     (keyClick)="keyClick.emit($event)"
     (keyHover)="keyHover.emit($event)"
     (capture)="capture.emit($event)"

src/components/keyboard/slider/keyboard-slider.component.ts

@@ -79,6 +79,7 @@ export class KeyboardSliderComponent implements OnChanges {
     @Input() layers: Layer[];
     @Input() currentLayer: number;
     @Input() keybindAnimationEnabled: boolean;
+    @Input() capturingEnabled: boolean;
     @Output() keyClick = new EventEmitter();
     @Output() keyHover = new EventEmitter();
     @Output() capture = new EventEmitter();

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

@@ -4,6 +4,7 @@
                 [coverages]="module.coverages"
                 [keyboardKeys]="module.keyboardKeys"
                 [keybindAnimationEnabled]="keybindAnimationEnabled"
+                [capturingEnabled]="capturingEnabled"
                 [attr.transform]="module.attributes.transform"
                 [keyActions]="moduleConfig[i].keyActions"
                 (keyClick)="onKeyClick(i, $event.index, $event.keyTarget)"

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

@@ -11,6 +11,7 @@ import { SvgModule } from '../module';
 export class SvgKeyboardComponent implements OnInit {
     @Input() moduleConfig: Module[];
     @Input() keybindAnimationEnabled: boolean;
+    @Input() capturingEnabled: boolean;
     @Output() keyClick = new EventEmitter();
     @Output() keyHover = new EventEmitter();
     @Output() capture = new EventEmitter();

src/components/svg/keys/svg-keyboard-key/svg-keyboard-key.component.ts

@@ -70,6 +70,7 @@ export class SvgKeyboardKeyComponent implements OnInit, OnChanges, OnDestroy {
     @Input() width: number;
     @Input() keyAction: KeyAction;
     @Input() keybindAnimationEnabled: boolean;
+    @Input() capturingEnabled: boolean;
     @Output() keyClick = new EventEmitter();
     @Output() capture = new EventEmitter();
 
@@ -92,7 +93,7 @@ export class SvgKeyboardKeyComponent implements OnInit, OnChanges, OnDestroy {
 
     @HostListener('mousedown', ['$event'])
     onMouseDown(e: MouseEvent) {
-        if (e.which === 2 || e.button === 1) {
+        if ((e.which === 2 || e.button === 1) && this.capturingEnabled) {
             e.preventDefault();
             this.renderer.invokeElementMethod(this.element.nativeElement, 'focus');
 

src/components/svg/module/svg-module.component.html

@@ -6,6 +6,7 @@
         [attr.transform]="'translate(' + key.x + ' ' + key.y + ')'"
         [keyAction]="keyActions[i]"
         [keybindAnimationEnabled]="keybindAnimationEnabled"
+        [capturingEnabled]="capturingEnabled"
         (keyClick)="onKeyClick(i, $event)"
         (capture)="onCapture(i, $event)"
         (mouseenter)="onKeyHover(i, $event, true)"

src/components/svg/module/svg-module.component.ts

@@ -14,6 +14,7 @@ export class SvgModuleComponent {
     @Input() keyboardKeys: SvgKeyboardKey[];
     @Input() keyActions: KeyAction[];
     @Input() keybindAnimationEnabled: boolean;
+    @Input() capturingEnabled: boolean;
     @Output() keyClick = new EventEmitter();
     @Output() keyHover = new EventEmitter();
     @Output() capture = new EventEmitter();

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

@@ -3,6 +3,7 @@
     <keyboard-slider [layers]="layers"
                      [currentLayer]="currentLayer"
                      [keybindAnimationEnabled]="keybindAnimationEnabled"
+                     [capturingEnabled]="popoverEnabled"
                      (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)"