Seperate electron and web target building

shared/src/directives/cancelable/cancelable.directive.ts

@@ -0,0 +1,21 @@
+import { Directive, ElementRef, HostListener, Renderer } from '@angular/core';
+
+@Directive({
+    selector: '[cancelable]'
+})
+export class CancelableDirective {
+
+    private originalValue: string;
+
+    constructor(private elementRef: ElementRef, private renderer: Renderer) { }
+
+    @HostListener('focus') onFocus(): void {
+        this.originalValue = this.elementRef.nativeElement.value;
+    }
+
+    @HostListener('keyup.escape') onEscape(): void {
+        this.renderer.setElementProperty(this.elementRef.nativeElement, 'value', this.originalValue);
+        this.renderer.invokeElementMethod(this.elementRef.nativeElement, 'blur');
+    }
+
+}

shared/src/directives/cancelable/index.ts

@@ -0,0 +1 @@
+export { CancelableDirective } from './cancelable.directive';

shared/src/directives/index.ts

@@ -0,0 +1 @@
+export * from './cancelable';