35 lines
960 B
TypeScript
35 lines
960 B
TypeScript
import {PromiseWrapper} from 'angular2/src/facade/async';
|
|
import {DomAdapter} from 'angular2/src/platform/dom/dom_adapter';
|
|
import {ElementRef} from 'angular2/src/core/linker/element_ref';
|
|
|
|
export class Rectangle {
|
|
left;
|
|
right;
|
|
top;
|
|
bottom;
|
|
height;
|
|
width;
|
|
constructor(left, top, width, height) {
|
|
this.left = left;
|
|
this.right = left + width;
|
|
this.top = top;
|
|
this.bottom = top + height;
|
|
this.height = height;
|
|
this.width = width;
|
|
}
|
|
}
|
|
|
|
export class Ruler {
|
|
domAdapter: DomAdapter;
|
|
constructor(domAdapter: DomAdapter) { this.domAdapter = domAdapter; }
|
|
|
|
measure(el: ElementRef): Promise<Rectangle> {
|
|
var clntRect = <any>this.domAdapter.getBoundingClientRect(el.nativeElement);
|
|
|
|
// even if getBoundingClientRect is synchronous we use async API in preparation for further
|
|
// changes
|
|
return PromiseWrapper.resolve(
|
|
new Rectangle(clntRect.left, clntRect.top, clntRect.width, clntRect.height));
|
|
}
|
|
}
|