2c8fcec432
Currently, core depends on DomRenderer, which depends on the browser. This means that if you depend on angular2/core, you will always pull in the browser dom adapter and the browser render, regardless if you need them or not. This PR moves the browser dom adapter and the browser renderer out of core. BREAKING CHANGE If you import browser adapter or dom renderer directly (not via angular2/core), you will have to change the import path.
35 lines
965 B
TypeScript
35 lines
965 B
TypeScript
import {Promise, PromiseWrapper} from 'angular2/src/facade/async';
|
|
import {DomAdapter} from 'angular2/src/core/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));
|
|
}
|
|
}
|