iSharkFly-Docs/Angular-Docs-Cn
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

repackaging: all the repackaging changes squashed

Browse Source
This commit is contained in:
Igor Minar
2016-05-01 20:51:00 -07:00
committed by Misko Hevery
parent 505da6c0a8
commit a66cdb469f
860 changed files with 7869 additions and 4985 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/@angular/platform-browser/src/animate/animation.ts
+14 -14
View File
@@ -4,11 +4,11 @@ import {
RegExpWrapper,
NumberWrapper,
isPresent
} from 'angular2/src/facade/lang';
import {Math} from 'angular2/src/facade/math';
import {camelCaseToDashCase} from 'angular2/src/platform/dom/util';
import {StringMapWrapper} from 'angular2/src/facade/collection';
import {DOM} from 'angular2/src/platform/dom/dom_adapter';
} from '../../src/facade/lang';
import {Math} from '../../src/facade/math';
import {StringMapWrapper} from '../../src/facade/collection';
import {camelCaseToDashCase} from '../dom/util';
import {getDOM} from '../dom/dom_adapter';
import {BrowserDetails} from './browser_details';
import {CssAnimationOptions} from './css_animation_options';
@@ -50,7 +50,7 @@ export class Animation {
constructor(public element: HTMLElement, public data: CssAnimationOptions,
public browserDetails: BrowserDetails) {
this.startTime = DateWrapper.toMillis(DateWrapper.now());
this._stringPrefix = DOM.getAnimationPrefix();
this._stringPrefix = getDOM().getAnimationPrefix();
this.setup();
this.wait((timestamp: any) => this.start());
}
@@ -79,7 +79,7 @@ export class Animation {
this.addClasses(this.data.animationClasses);
this.removeClasses(this.data.classesToRemove);
if (this.data.toStyles != null) this.applyStyles(this.data.toStyles);
var computedStyles = DOM.getComputedStyle(this.element);
var computedStyles = getDOM().getComputedStyle(this.element);
this.computedDelay =
Math.max(this.parseDurationString(
computedStyles.getPropertyValue(this._stringPrefix + 'transition-delay')),
@@ -99,10 +99,10 @@ export class Animation {
applyStyles(styles: {[key: string]: any}): void {
StringMapWrapper.forEach(styles, (value: any, key: string) => {
var dashCaseKey = camelCaseToDashCase(key);
if (isPresent(DOM.getStyle(this.element, dashCaseKey))) {
DOM.setStyle(this.element, dashCaseKey, value.toString());
if (isPresent(getDOM().getStyle(this.element, dashCaseKey))) {
getDOM().setStyle(this.element, dashCaseKey, value.toString());
} else {
DOM.setStyle(this.element, this._stringPrefix + dashCaseKey, value.toString());
getDOM().setStyle(this.element, this._stringPrefix + dashCaseKey, value.toString());
}
});
}
@@ -112,7 +112,7 @@ export class Animation {
* @param classes
*/
addClasses(classes: string[]): void {
for (let i = 0, len = classes.length; i < len; i++) DOM.addClass(this.element, classes[i]);
for (let i = 0, len = classes.length; i < len; i++) getDOM().addClass(this.element, classes[i]);
}
/**
@@ -120,7 +120,7 @@ export class Animation {
* @param classes
*/
removeClasses(classes: string[]): void {
for (let i = 0, len = classes.length; i < len; i++) DOM.removeClass(this.element, classes[i]);
for (let i = 0, len = classes.length; i < len; i++) getDOM().removeClass(this.element, classes[i]);
}
/**
@@ -128,8 +128,8 @@ export class Animation {
*/
addEvents(): void {
if (this.totalTime > 0) {
this.eventClearFunctions.push(DOM.onAndCancel(
this.element, DOM.getTransitionEnd(), (event: any) => this.handleAnimationEvent(event)));
this.eventClearFunctions.push(getDOM().onAndCancel(
this.element, getDOM().getTransitionEnd(), (event: any) => this.handleAnimationEvent(event)));
} else {
this.handleAnimationCompleted();
}
modules/@angular/platform-browser/src/animate/animation_builder.ts
+1 -1
View File
@@ -1,4 +1,4 @@
import {Injectable} from 'angular2/src/core/di';
import {Injectable} from '@angular/core';
import {CssAnimationBuilder} from './css_animation_builder';
import {BrowserDetails} from './browser_details';
modules/@angular/platform-browser/src/animate/browser_details.ts
+10 -10
View File
@@ -1,6 +1,6 @@
import {Injectable} from 'angular2/src/core/di';
import {Math} from 'angular2/src/facade/math';
import {DOM} from 'angular2/src/platform/dom/dom_adapter';
import {Injectable} from '@angular/core';
import {Math} from '../../src/facade/math';
import {getDOM} from '../dom/dom_adapter';
@Injectable()
export class BrowserDetails {
@@ -13,17 +13,17 @@ export class BrowserDetails {
* time, Chrome and Opera seem to be the only browsers that include this.
*/
doesElapsedTimeIncludesDelay(): void {
var div = DOM.createElement('div');
DOM.setAttribute(div, 'style', `position: absolute; top: -9999px; left: -9999px; width: 1px;
var div = getDOM().createElement('div');
getDOM().setAttribute(div, 'style', `position: absolute; top: -9999px; left: -9999px; width: 1px;
height: 1px; transition: all 1ms linear 1ms;`);
// Firefox requires that we wait for 2 frames for some reason
this.raf((timestamp: any) => {
DOM.on(div, 'transitionend', (event: any) => {
getDOM().on(div, 'transitionend', (event: any) => {
var elapsed = Math.round(event.elapsedTime * 1000);
this.elapsedTimeIncludesDelay = elapsed == 2;
DOM.remove(div);
getDOM().remove(div);
});
DOM.setStyle(div, 'width', '2px');
getDOM().setStyle(div, 'width', '2px');
}, 2);
}
@@ -38,7 +38,7 @@ class RafQueue {
constructor(public callback: Function, public frames: number) { this._raf(); }
private _raf() {
this.currentFrameId =
DOM.requestAnimationFrame((timestamp: number) => this._nextFrame(timestamp));
getDOM().requestAnimationFrame((timestamp: number) => this._nextFrame(timestamp));
}
private _nextFrame(timestamp: number) {
this.frames--;
@@ -49,7 +49,7 @@ class RafQueue {
}
}
cancel() {
DOM.cancelAnimationFrame(this.currentFrameId);
getDOM().cancelAnimationFrame(this.currentFrameId);
this.currentFrameId = null;
}
}