Use custom ClientRect interface

Closes #251

shared/src/components/popover/popover.component.ts

@@ -6,6 +6,8 @@ import {
 import { Store } from '@ngrx/store';
 import { Observable } from 'rxjs/Observable';
 
+import { ClientRect } from '../../dom';
+
 import {
     KeyAction,
     KeystrokeAction,

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

@@ -17,6 +17,8 @@ import 'rxjs/add/observable/of';
 import 'rxjs/add/operator/map';
 import { Store } from '@ngrx/store';
 
+import { ClientRect } from '../../../dom';
+
 import { MapperService } from '../../../services/mapper.service';
 
 import {

shared/src/dom/client-rect.d.ts

@@ -0,0 +1,8 @@
+export declare interface ClientRect {
+    bottom: number;
+    readonly height: number;
+    left: number;
+    right: number;
+    top: number;
+    readonly width: number;
+}

shared/src/dom/index.ts

@@ -0,0 +1 @@
+export { ClientRect } from './client-rect';