@angular/platform-browser 2.0.0-rc.1 → 2.0.0-rc.2

package/src/animate/animation.d.ts

@@ -1,82 +0,0 @@
-import { BrowserDetails } from './browser_details';
-import { CssAnimationOptions } from './css_animation_options';
-export declare class Animation {
-    element: HTMLElement;
-    data: CssAnimationOptions;
-    browserDetails: BrowserDetails;
-    /** functions to be called upon completion */
-    callbacks: Function[];
-    /** the duration (ms) of the animation (whether from CSS or manually set) */
-    computedDuration: number;
-    /** the animation delay (ms) (whether from CSS or manually set) */
-    computedDelay: number;
-    /** timestamp of when the animation started */
-    startTime: number;
-    /** functions for removing event listeners */
-    eventClearFunctions: Function[];
-    /** flag used to track whether or not the animation has finished */
-    completed: boolean;
-    private _stringPrefix;
-    /** total amount of time that the animation should take including delay */
-    totalTime: number;
-    /**
-     * Stores the start time and starts the animation
-     * @param element
-     * @param data
-     * @param browserDetails
-     */
-    constructor(element: HTMLElement, data: CssAnimationOptions, browserDetails: BrowserDetails);
-    wait(callback: Function): void;
-    /**
-     * Sets up the initial styles before the animation is started
-     */
-    setup(): void;
-    /**
-     * After the initial setup has occurred, this method adds the animation styles
-     */
-    start(): void;
-    /**
-     * Applies the provided styles to the element
-     * @param styles
-     */
-    applyStyles(styles: {
-        [key: string]: any;
-    }): void;
-    /**
-     * Adds the provided classes to the element
-     * @param classes
-     */
-    addClasses(classes: string[]): void;
-    /**
-     * Removes the provided classes from the element
-     * @param classes
-     */
-    removeClasses(classes: string[]): void;
-    /**
-     * Adds events to track when animations have finished
-     */
-    addEvents(): void;
-    handleAnimationEvent(event: any): void;
-    /**
-     * Runs all animation callbacks and removes temporary classes
-     */
-    handleAnimationCompleted(): void;
-    /**
-     * Adds animation callbacks to be called upon completion
-     * @param callback
-     * @returns {Animation}
-     */
-    onComplete(callback: Function): Animation;
-    /**
-     * Converts the duration string to the number of milliseconds
-     * @param duration
-     * @returns {number}
-     */
-    parseDurationString(duration: string): number;
-    /**
-     * Strips the letters from the duration string
-     * @param str
-     * @returns {string}
-     */
-    stripLetters(str: string): string;
-}

package/src/animate/animation.js

@@ -1,183 +0,0 @@
-"use strict";
-var lang_1 = require('../../src/facade/lang');
-var math_1 = require('../../src/facade/math');
-var collection_1 = require('../../src/facade/collection');
-var util_1 = require('../dom/util');
-var dom_adapter_1 = require('../dom/dom_adapter');
-var Animation = (function () {
-    /**
-     * Stores the start time and starts the animation
-     * @param element
-     * @param data
-     * @param browserDetails
-     */
-    function Animation(element, data, browserDetails) {
-        var _this = this;
-        this.element = element;
-        this.data = data;
-        this.browserDetails = browserDetails;
-        /** functions to be called upon completion */
-        this.callbacks = [];
-        /** functions for removing event listeners */
-        this.eventClearFunctions = [];
-        /** flag used to track whether or not the animation has finished */
-        this.completed = false;
-        this._stringPrefix = '';
-        this.startTime = lang_1.DateWrapper.toMillis(lang_1.DateWrapper.now());
-        this._stringPrefix = dom_adapter_1.getDOM().getAnimationPrefix();
-        this.setup();
-        this.wait(function (timestamp) { return _this.start(); });
-    }
-    Object.defineProperty(Animation.prototype, "totalTime", {
-        /** total amount of time that the animation should take including delay */
-        get: function () {
-            var delay = this.computedDelay != null ? this.computedDelay : 0;
-            var duration = this.computedDuration != null ? this.computedDuration : 0;
-            return delay + duration;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Animation.prototype.wait = function (callback) {
-        // Firefox requires 2 frames for some reason
-        this.browserDetails.raf(callback, 2);
-    };
-    /**
-     * Sets up the initial styles before the animation is started
-     */
-    Animation.prototype.setup = function () {
-        if (this.data.fromStyles != null)
-            this.applyStyles(this.data.fromStyles);
-        if (this.data.duration != null)
-            this.applyStyles({ 'transitionDuration': this.data.duration.toString() + 'ms' });
-        if (this.data.delay != null)
-            this.applyStyles({ 'transitionDelay': this.data.delay.toString() + 'ms' });
-    };
-    /**
-     * After the initial setup has occurred, this method adds the animation styles
-     */
-    Animation.prototype.start = function () {
-        this.addClasses(this.data.classesToAdd);
-        this.addClasses(this.data.animationClasses);
-        this.removeClasses(this.data.classesToRemove);
-        if (this.data.toStyles != null)
-            this.applyStyles(this.data.toStyles);
-        var computedStyles = dom_adapter_1.getDOM().getComputedStyle(this.element);
-        this.computedDelay =
-            math_1.Math.max(this.parseDurationString(computedStyles.getPropertyValue(this._stringPrefix + 'transition-delay')), this.parseDurationString(this.element.style.getPropertyValue(this._stringPrefix + 'transition-delay')));
-        this.computedDuration = math_1.Math.max(this.parseDurationString(computedStyles.getPropertyValue(this._stringPrefix + 'transition-duration')), this.parseDurationString(this.element.style.getPropertyValue(this._stringPrefix + 'transition-duration')));
-        this.addEvents();
-    };
-    /**
-     * Applies the provided styles to the element
-     * @param styles
-     */
-    Animation.prototype.applyStyles = function (styles) {
-        var _this = this;
-        collection_1.StringMapWrapper.forEach(styles, function (value, key) {
-            var dashCaseKey = util_1.camelCaseToDashCase(key);
-            if (lang_1.isPresent(dom_adapter_1.getDOM().getStyle(_this.element, dashCaseKey))) {
-                dom_adapter_1.getDOM().setStyle(_this.element, dashCaseKey, value.toString());
-            }
-            else {
-                dom_adapter_1.getDOM().setStyle(_this.element, _this._stringPrefix + dashCaseKey, value.toString());
-            }
-        });
-    };
-    /**
-     * Adds the provided classes to the element
-     * @param classes
-     */
-    Animation.prototype.addClasses = function (classes) {
-        for (var i = 0, len = classes.length; i < len; i++)
-            dom_adapter_1.getDOM().addClass(this.element, classes[i]);
-    };
-    /**
-     * Removes the provided classes from the element
-     * @param classes
-     */
-    Animation.prototype.removeClasses = function (classes) {
-        for (var i = 0, len = classes.length; i < len; i++)
-            dom_adapter_1.getDOM().removeClass(this.element, classes[i]);
-    };
-    /**
-     * Adds events to track when animations have finished
-     */
-    Animation.prototype.addEvents = function () {
-        var _this = this;
-        if (this.totalTime > 0) {
-            this.eventClearFunctions.push(dom_adapter_1.getDOM().onAndCancel(this.element, dom_adapter_1.getDOM().getTransitionEnd(), function (event) { return _this.handleAnimationEvent(event); }));
-        }
-        else {
-            this.handleAnimationCompleted();
-        }
-    };
-    Animation.prototype.handleAnimationEvent = function (event) {
-        var elapsedTime = math_1.Math.round(event.elapsedTime * 1000);
-        if (!this.browserDetails.elapsedTimeIncludesDelay)
-            elapsedTime += this.computedDelay;
-        event.stopPropagation();
-        if (elapsedTime >= this.totalTime)
-            this.handleAnimationCompleted();
-    };
-    /**
-     * Runs all animation callbacks and removes temporary classes
-     */
-    Animation.prototype.handleAnimationCompleted = function () {
-        this.removeClasses(this.data.animationClasses);
-        this.callbacks.forEach(function (callback) { return callback(); });
-        this.callbacks = [];
-        this.eventClearFunctions.forEach(function (fn) { return fn(); });
-        this.eventClearFunctions = [];
-        this.completed = true;
-    };
-    /**
-     * Adds animation callbacks to be called upon completion
-     * @param callback
-     * @returns {Animation}
-     */
-    Animation.prototype.onComplete = function (callback) {
-        if (this.completed) {
-            callback();
-        }
-        else {
-            this.callbacks.push(callback);
-        }
-        return this;
-    };
-    /**
-     * Converts the duration string to the number of milliseconds
-     * @param duration
-     * @returns {number}
-     */
-    Animation.prototype.parseDurationString = function (duration) {
-        var maxValue = 0;
-        // duration must have at least 2 characters to be valid. (number + type)
-        if (duration == null || duration.length < 2) {
-            return maxValue;
-        }
-        else if (duration.substring(duration.length - 2) == 'ms') {
-            var value = lang_1.NumberWrapper.parseInt(this.stripLetters(duration), 10);
-            if (value > maxValue)
-                maxValue = value;
-        }
-        else if (duration.substring(duration.length - 1) == 's') {
-            var ms = lang_1.NumberWrapper.parseFloat(this.stripLetters(duration)) * 1000;
-            var value = math_1.Math.floor(ms);
-            if (value > maxValue)
-                maxValue = value;
-        }
-        return maxValue;
-    };
-    /**
-     * Strips the letters from the duration string
-     * @param str
-     * @returns {string}
-     */
-    Animation.prototype.stripLetters = function (str) {
-        return lang_1.StringWrapper.replaceAll(str, lang_1.RegExpWrapper.create('[^0-9]+$', ''), '');
-    };
-    return Animation;
-}());
-exports.Animation = Animation;
-//# sourceMappingURL=animation.js.map

package/src/animate/animation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"animation.js","sourceRoot":"","sources":["../../../../../modules/@angular/platform-browser/src/animate/animation.ts"],"names":[],"mappings":"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","sourcesContent":["interface DecoratorInvocation {\n    type: Function;\n    args?: any[];\n  }\n  import {\n  DateWrapper,\n  StringWrapper,\n  RegExpWrapper,\n  NumberWrapper,\n  isPresent\n} from '../../src/facade/lang';\nimport {Math} from '../../src/facade/math';\nimport {StringMapWrapper} from '../../src/facade/collection';\nimport {camelCaseToDashCase} from '../dom/util';\nimport {getDOM} from '../dom/dom_adapter';\n\nimport {BrowserDetails} from './browser_details';\nimport {CssAnimationOptions} from './css_animation_options';\n\nexport class Animation {\n  /** functions to be called upon completion */\n  callbacks: Function[] = [];\n\n  /** the duration (ms) of the animation (whether from CSS or manually set) */\n  computedDuration: number;\n\n  /** the animation delay (ms) (whether from CSS or manually set) */\n  computedDelay: number;\n\n  /** timestamp of when the animation started */\n  startTime: number;\n\n  /** functions for removing event listeners */\n  eventClearFunctions: Function[] = [];\n\n  /** flag used to track whether or not the animation has finished */\n  completed: boolean = false;\n\n  private _stringPrefix: string = '';\n\n  /** total amount of time that the animation should take including delay */\n  get totalTime(): number {\n    let delay = this.computedDelay != null ? this.computedDelay : 0;\n    let duration = this.computedDuration != null ? this.computedDuration : 0;\n    return delay + duration;\n  }\n\n  /**\n   * Stores the start time and starts the animation\n   * @param element\n   * @param data\n   * @param browserDetails\n   */\n  constructor(public element: HTMLElement, public data: CssAnimationOptions,\n              public browserDetails: BrowserDetails) {\n    this.startTime = DateWrapper.toMillis(DateWrapper.now());\n    this._stringPrefix = getDOM().getAnimationPrefix();\n    this.setup();\n    this.wait((timestamp: any) => this.start());\n  }\n\n  wait(callback: Function) {\n    // Firefox requires 2 frames for some reason\n    this.browserDetails.raf(callback, 2);\n  }\n\n  /**\n   * Sets up the initial styles before the animation is started\n   */\n  setup(): void {\n    if (this.data.fromStyles != null) this.applyStyles(this.data.fromStyles);\n    if (this.data.duration != null)\n      this.applyStyles({'transitionDuration': this.data.duration.toString() + 'ms'});\n    if (this.data.delay != null)\n      this.applyStyles({'transitionDelay': this.data.delay.toString() + 'ms'});\n  }\n\n  /**\n   * After the initial setup has occurred, this method adds the animation styles\n   */\n  start(): void {\n    this.addClasses(this.data.classesToAdd);\n    this.addClasses(this.data.animationClasses);\n    this.removeClasses(this.data.classesToRemove);\n    if (this.data.toStyles != null) this.applyStyles(this.data.toStyles);\n    var computedStyles = getDOM().getComputedStyle(this.element);\n    this.computedDelay =\n        Math.max(this.parseDurationString(\n                     computedStyles.getPropertyValue(this._stringPrefix + 'transition-delay')),\n                 this.parseDurationString(\n                     this.element.style.getPropertyValue(this._stringPrefix + 'transition-delay')));\n    this.computedDuration = Math.max(this.parseDurationString(computedStyles.getPropertyValue(\n                                         this._stringPrefix + 'transition-duration')),\n                                     this.parseDurationString(this.element.style.getPropertyValue(\n                                         this._stringPrefix + 'transition-duration')));\n    this.addEvents();\n  }\n\n  /**\n   * Applies the provided styles to the element\n   * @param styles\n   */\n  applyStyles(styles: {[key: string]: any}): void {\n    StringMapWrapper.forEach(styles, (value: any, key: string) => {\n      var dashCaseKey = camelCaseToDashCase(key);\n      if (isPresent(getDOM().getStyle(this.element, dashCaseKey))) {\n        getDOM().setStyle(this.element, dashCaseKey, value.toString());\n      } else {\n        getDOM().setStyle(this.element, this._stringPrefix + dashCaseKey, value.toString());\n      }\n    });\n  }\n\n  /**\n   * Adds the provided classes to the element\n   * @param classes\n   */\n  addClasses(classes: string[]): void {\n    for (let i = 0, len = classes.length; i < len; i++) getDOM().addClass(this.element, classes[i]);\n  }\n\n  /**\n   * Removes the provided classes from the element\n   * @param classes\n   */\n  removeClasses(classes: string[]): void {\n    for (let i = 0, len = classes.length; i < len; i++)\n      getDOM().removeClass(this.element, classes[i]);\n  }\n\n  /**\n   * Adds events to track when animations have finished\n   */\n  addEvents(): void {\n    if (this.totalTime > 0) {\n      this.eventClearFunctions.push(\n          getDOM().onAndCancel(this.element, getDOM().getTransitionEnd(),\n                               (event: any) => this.handleAnimationEvent(event)));\n    } else {\n      this.handleAnimationCompleted();\n    }\n  }\n\n  handleAnimationEvent(event: any): void {\n    let elapsedTime = Math.round(event.elapsedTime * 1000);\n    if (!this.browserDetails.elapsedTimeIncludesDelay) elapsedTime += this.computedDelay;\n    event.stopPropagation();\n    if (elapsedTime >= this.totalTime) this.handleAnimationCompleted();\n  }\n\n  /**\n   * Runs all animation callbacks and removes temporary classes\n   */\n  handleAnimationCompleted(): void {\n    this.removeClasses(this.data.animationClasses);\n    this.callbacks.forEach(callback => callback());\n    this.callbacks = [];\n    this.eventClearFunctions.forEach(fn => fn());\n    this.eventClearFunctions = [];\n    this.completed = true;\n  }\n\n  /**\n   * Adds animation callbacks to be called upon completion\n   * @param callback\n   * @returns {Animation}\n   */\n  onComplete(callback: Function): Animation {\n    if (this.completed) {\n      callback();\n    } else {\n      this.callbacks.push(callback);\n    }\n    return this;\n  }\n\n  /**\n   * Converts the duration string to the number of milliseconds\n   * @param duration\n   * @returns {number}\n   */\n  parseDurationString(duration: string): number {\n    var maxValue = 0;\n    // duration must have at least 2 characters to be valid. (number + type)\n    if (duration == null || duration.length < 2) {\n      return maxValue;\n    } else if (duration.substring(duration.length - 2) == 'ms') {\n      let value = NumberWrapper.parseInt(this.stripLetters(duration), 10);\n      if (value > maxValue) maxValue = value;\n    } else if (duration.substring(duration.length - 1) == 's') {\n      let ms = NumberWrapper.parseFloat(this.stripLetters(duration)) * 1000;\n      let value = Math.floor(ms);\n      if (value > maxValue) maxValue = value;\n    }\n    return maxValue;\n  }\n\n  /**\n   * Strips the letters from the duration string\n   * @param str\n   * @returns {string}\n   */\n  stripLetters(str: string): string {\n    return StringWrapper.replaceAll(str, RegExpWrapper.create('[^0-9]+$', ''), '');\n  }\n}\n"]}

package/src/animate/animation_builder.d.ts

@@ -1,15 +0,0 @@
-import { CssAnimationBuilder } from './css_animation_builder';
-import { BrowserDetails } from './browser_details';
-export declare class AnimationBuilder {
-    browserDetails: BrowserDetails;
-    /**
-     * Used for DI
-     * @param browserDetails
-     */
-    constructor(browserDetails: BrowserDetails);
-    /**
-     * Creates a new CSS Animation
-     * @returns {CssAnimationBuilder}
-     */
-    css(): CssAnimationBuilder;
-}

package/src/animate/animation_builder.js

@@ -1,27 +0,0 @@
-"use strict";
-var core_1 = require('@angular/core');
-var css_animation_builder_1 = require('./css_animation_builder');
-var browser_details_1 = require('./browser_details');
-var AnimationBuilder = (function () {
-    /**
-     * Used for DI
-     * @param browserDetails
-     */
-    function AnimationBuilder(browserDetails) {
-        this.browserDetails = browserDetails;
-    }
-    /**
-     * Creates a new CSS Animation
-     * @returns {CssAnimationBuilder}
-     */
-    AnimationBuilder.prototype.css = function () { return new css_animation_builder_1.CssAnimationBuilder(this.browserDetails); };
-    AnimationBuilder.decorators = [
-        { type: core_1.Injectable },
-    ];
-    AnimationBuilder.ctorParameters = [
-        { type: browser_details_1.BrowserDetails, },
-    ];
-    return AnimationBuilder;
-}());
-exports.AnimationBuilder = AnimationBuilder;
-//# sourceMappingURL=animation_builder.js.map

package/src/animate/animation_builder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"animation_builder.js","sourceRoot":"","sources":["../../../../../modules/@angular/platform-browser/src/animate/animation_builder.ts"],"names":[],"mappings":";AAIE,qBAAyB,eAAe,CAAC,CAAA;AAE3C,sCAAkC,yBAAyB,CAAC,CAAA;AAC5D,gCAA6B,mBAAmB,CAAC,CAAA;AACjD;IACE;;;OAGG;IACH,0BAAmB,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;IAAG,CAAC;IAErD;;;OAGG;IACH,8BAAG,GAAH,cAA6B,MAAM,CAAC,IAAI,2CAAmB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAC9E,2BAAU,GAA0B;QAC3C,EAAE,IAAI,EAAE,iBAAU,EAAE;KACnB,CAAC;IACK,+BAAc,GAA2D;QAChF,EAAC,IAAI,EAAE,gCAAc,GAAG;KACvB,CAAC;IACF,uBAAC;AAAD,CAAC,AAlBD,IAkBC;AAlBY,wBAAgB,mBAkB5B,CAAA","sourcesContent":["interface DecoratorInvocation {\n    type: Function;\n    args?: any[];\n  }\n  import {Injectable} from '@angular/core';\n\nimport {CssAnimationBuilder} from './css_animation_builder';\nimport {BrowserDetails} from './browser_details';\nexport class AnimationBuilder {\n  /**\n   * Used for DI\n   * @param browserDetails\n   */\n  constructor(public browserDetails: BrowserDetails) {}\n\n  /**\n   * Creates a new CSS Animation\n   * @returns {CssAnimationBuilder}\n   */\n  css(): CssAnimationBuilder { return new CssAnimationBuilder(this.browserDetails); }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Injectable },\n];\nstatic ctorParameters: {type: Function, decorators?: DecoratorInvocation[]}[] = [\n{type: BrowserDetails, },\n];\n}\n"]}

package/src/animate/animation_builder.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","metadata":{"AnimationBuilder":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Injectable","module":"@angular/core"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"BrowserDetails","module":"./browser_details"}]}]}}}}

package/src/animate/browser_details.d.ts

@@ -1,10 +0,0 @@
-export declare class BrowserDetails {
-    elapsedTimeIncludesDelay: boolean;
-    constructor();
-    /**
-     * Determines if `event.elapsedTime` includes transition delay in the current browser.  At this
-     * time, Chrome and Opera seem to be the only browsers that include this.
-     */
-    doesElapsedTimeIncludesDelay(): void;
-    raf(callback: Function, frames?: number): Function;
-}

package/src/animate/browser_details.js

@@ -1,66 +0,0 @@
-"use strict";
-var core_1 = require('@angular/core');
-var math_1 = require('../../src/facade/math');
-var dom_adapter_1 = require('../dom/dom_adapter');
-var BrowserDetails = (function () {
-    function BrowserDetails() {
-        this.elapsedTimeIncludesDelay = false;
-        this.doesElapsedTimeIncludesDelay();
-    }
-    /**
-     * Determines if `event.elapsedTime` includes transition delay in the current browser.  At this
-     * time, Chrome and Opera seem to be the only browsers that include this.
-     */
-    BrowserDetails.prototype.doesElapsedTimeIncludesDelay = function () {
-        var _this = this;
-        var div = dom_adapter_1.getDOM().createElement('div');
-        dom_adapter_1.getDOM().setAttribute(div, 'style', "position: absolute; top: -9999px; left: -9999px; width: 1px;\n      height: 1px; transition: all 1ms linear 1ms;");
-        // Firefox requires that we wait for 2 frames for some reason
-        this.raf(function (timestamp) {
-            dom_adapter_1.getDOM().on(div, 'transitionend', function (event) {
-                var elapsed = math_1.Math.round(event.elapsedTime * 1000);
-                _this.elapsedTimeIncludesDelay = elapsed == 2;
-                dom_adapter_1.getDOM().remove(div);
-            });
-            dom_adapter_1.getDOM().setStyle(div, 'width', '2px');
-        }, 2);
-    };
-    BrowserDetails.prototype.raf = function (callback, frames) {
-        if (frames === void 0) { frames = 1; }
-        var queue = new RafQueue(callback, frames);
-        return function () { return queue.cancel(); };
-    };
-    BrowserDetails.decorators = [
-        { type: core_1.Injectable },
-    ];
-    BrowserDetails.ctorParameters = [];
-    return BrowserDetails;
-}());
-exports.BrowserDetails = BrowserDetails;
-var RafQueue = (function () {
-    function RafQueue(callback, frames) {
-        this.callback = callback;
-        this.frames = frames;
-        this._raf();
-    }
-    RafQueue.prototype._raf = function () {
-        var _this = this;
-        this.currentFrameId =
-            dom_adapter_1.getDOM().requestAnimationFrame(function (timestamp) { return _this._nextFrame(timestamp); });
-    };
-    RafQueue.prototype._nextFrame = function (timestamp) {
-        this.frames--;
-        if (this.frames > 0) {
-            this._raf();
-        }
-        else {
-            this.callback(timestamp);
-        }
-    };
-    RafQueue.prototype.cancel = function () {
-        dom_adapter_1.getDOM().cancelAnimationFrame(this.currentFrameId);
-        this.currentFrameId = null;
-    };
-    return RafQueue;
-}());
-//# sourceMappingURL=browser_details.js.map

package/src/animate/browser_details.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"browser_details.js","sourceRoot":"","sources":["../../../../../modules/@angular/platform-browser/src/animate/browser_details.ts"],"names":[],"mappings":";AAIE,qBAAyB,eAAe,CAAC,CAAA;AAC3C,qBAAmB,uBAAuB,CAAC,CAAA;AAC3C,4BAAqB,oBAAoB,CAAC,CAAA;AAC1C;IAGE;QAFA,6BAAwB,GAAG,KAAK,CAAC;QAEjB,IAAI,CAAC,4BAA4B,EAAE,CAAC;IAAC,CAAC;IAEtD;;;OAGG;IACH,qDAA4B,GAA5B;QAAA,iBAcC;QAbC,IAAI,GAAG,GAAG,oBAAM,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACxC,oBAAM,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,OAAO,EACZ,kHACyB,CAAC,CAAC;QACjD,6DAA6D;QAC7D,IAAI,CAAC,GAAG,CAAC,UAAC,SAAc;YACtB,oBAAM,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,EAAE,UAAC,KAAU;gBAC3C,IAAI,OAAO,GAAG,WAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;gBACnD,KAAI,CAAC,wBAAwB,GAAG,OAAO,IAAI,CAAC,CAAC;gBAC7C,oBAAM,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACvB,CAAC,CAAC,CAAC;YACH,oBAAM,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;QACzC,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC;IAED,4BAAG,GAAH,UAAI,QAAkB,EAAE,MAAkB;QAAlB,sBAAkB,GAAlB,UAAkB;QACxC,IAAI,KAAK,GAAa,IAAI,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QACrD,MAAM,CAAC,cAAM,OAAA,KAAK,CAAC,MAAM,EAAE,EAAd,CAAc,CAAC;IAC9B,CAAC;IACI,yBAAU,GAA0B;QAC3C,EAAE,IAAI,EAAE,iBAAU,EAAE;KACnB,CAAC;IACK,6BAAc,GAA2D,EAC/E,CAAC;IACF,qBAAC;AAAD,CAAC,AAlCD,IAkCC;AAlCY,sBAAc,iBAkC1B,CAAA;AAED;IAEE,kBAAmB,QAAkB,EAAS,MAAc;QAAzC,aAAQ,GAAR,QAAQ,CAAU;QAAS,WAAM,GAAN,MAAM,CAAQ;QAAI,IAAI,CAAC,IAAI,EAAE,CAAC;IAAC,CAAC;IACtE,uBAAI,GAAZ;QAAA,iBAGC;QAFC,IAAI,CAAC,cAAc;YACf,oBAAM,EAAE,CAAC,qBAAqB,CAAC,UAAC,SAAiB,IAAK,OAAA,KAAI,CAAC,UAAU,CAAC,SAAS,CAAC,EAA1B,CAA0B,CAAC,CAAC;IACxF,CAAC;IACO,6BAAU,GAAlB,UAAmB,SAAiB;QAClC,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;YACpB,IAAI,CAAC,IAAI,EAAE,CAAC;QACd,CAAC;QAAC,IAAI,CAAC,CAAC;YACN,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC;IACD,yBAAM,GAAN;QACE,oBAAM,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACnD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7B,CAAC;IACH,eAAC;AAAD,CAAC,AAnBD,IAmBC","sourcesContent":["interface DecoratorInvocation {\n    type: Function;\n    args?: any[];\n  }\n  import {Injectable} from '@angular/core';\nimport {Math} from '../../src/facade/math';\nimport {getDOM} from '../dom/dom_adapter';\nexport class BrowserDetails {\n  elapsedTimeIncludesDelay = false;\n\n  constructor() { this.doesElapsedTimeIncludesDelay(); }\n\n  /**\n   * Determines if `event.elapsedTime` includes transition delay in the current browser.  At this\n   * time, Chrome and Opera seem to be the only browsers that include this.\n   */\n  doesElapsedTimeIncludesDelay(): void {\n    var div = getDOM().createElement('div');\n    getDOM().setAttribute(div, 'style',\n                          `position: absolute; top: -9999px; left: -9999px; width: 1px;\n      height: 1px; transition: all 1ms linear 1ms;`);\n    // Firefox requires that we wait for 2 frames for some reason\n    this.raf((timestamp: any) => {\n      getDOM().on(div, 'transitionend', (event: any) => {\n        var elapsed = Math.round(event.elapsedTime * 1000);\n        this.elapsedTimeIncludesDelay = elapsed == 2;\n        getDOM().remove(div);\n      });\n      getDOM().setStyle(div, 'width', '2px');\n    }, 2);\n  }\n\n  raf(callback: Function, frames: number = 1): Function {\n    var queue: RafQueue = new RafQueue(callback, frames);\n    return () => queue.cancel();\n  }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Injectable },\n];\nstatic ctorParameters: {type: Function, decorators?: DecoratorInvocation[]}[] = [\n];\n}\n\nclass RafQueue {\n  currentFrameId: number;\n  constructor(public callback: Function, public frames: number) { this._raf(); }\n  private _raf() {\n    this.currentFrameId =\n        getDOM().requestAnimationFrame((timestamp: number) => this._nextFrame(timestamp));\n  }\n  private _nextFrame(timestamp: number) {\n    this.frames--;\n    if (this.frames > 0) {\n      this._raf();\n    } else {\n      this.callback(timestamp);\n    }\n  }\n  cancel() {\n    getDOM().cancelAnimationFrame(this.currentFrameId);\n    this.currentFrameId = null;\n  }\n}\n"]}

package/src/animate/browser_details.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","metadata":{"BrowserDetails":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Injectable","module":"@angular/core"}}]}}}

package/src/animate/css_animation_builder.d.ts

@@ -1,66 +0,0 @@
-import { CssAnimationOptions } from './css_animation_options';
-import { Animation } from './animation';
-import { BrowserDetails } from './browser_details';
-export declare class CssAnimationBuilder {
-    browserDetails: BrowserDetails;
-    /** @type {CssAnimationOptions} */
-    data: CssAnimationOptions;
-    /**
-     * Accepts public properties for CssAnimationBuilder
-     */
-    constructor(browserDetails: BrowserDetails);
-    /**
-     * Adds a temporary class that will be removed at the end of the animation
-     * @param className
-     */
-    addAnimationClass(className: string): CssAnimationBuilder;
-    /**
-     * Adds a class that will remain on the element after the animation has finished
-     * @param className
-     */
-    addClass(className: string): CssAnimationBuilder;
-    /**
-     * Removes a class from the element
-     * @param className
-     */
-    removeClass(className: string): CssAnimationBuilder;
-    /**
-     * Sets the animation duration (and overrides any defined through CSS)
-     * @param duration
-     */
-    setDuration(duration: number): CssAnimationBuilder;
-    /**
-     * Sets the animation delay (and overrides any defined through CSS)
-     * @param delay
-     */
-    setDelay(delay: number): CssAnimationBuilder;
-    /**
-     * Sets styles for both the initial state and the destination state
-     * @param from
-     * @param to
-     */
-    setStyles(from: {
-        [key: string]: any;
-    }, to: {
-        [key: string]: any;
-    }): CssAnimationBuilder;
-    /**
-     * Sets the initial styles for the animation
-     * @param from
-     */
-    setFromStyles(from: {
-        [key: string]: any;
-    }): CssAnimationBuilder;
-    /**
-     * Sets the destination styles for the animation
-     * @param to
-     */
-    setToStyles(to: {
-        [key: string]: any;
-    }): CssAnimationBuilder;
-    /**
-     * Starts the animation and returns a promise
-     * @param element
-     */
-    start(element: HTMLElement): Animation;
-}

package/src/animate/css_animation_builder.js

@@ -1,87 +0,0 @@
-"use strict";
-var css_animation_options_1 = require('./css_animation_options');
-var animation_1 = require('./animation');
-var CssAnimationBuilder = (function () {
-    /**
-     * Accepts public properties for CssAnimationBuilder
-     */
-    function CssAnimationBuilder(browserDetails) {
-        this.browserDetails = browserDetails;
-        /** @type {CssAnimationOptions} */
-        this.data = new css_animation_options_1.CssAnimationOptions();
-    }
-    /**
-     * Adds a temporary class that will be removed at the end of the animation
-     * @param className
-     */
-    CssAnimationBuilder.prototype.addAnimationClass = function (className) {
-        this.data.animationClasses.push(className);
-        return this;
-    };
-    /**
-     * Adds a class that will remain on the element after the animation has finished
-     * @param className
-     */
-    CssAnimationBuilder.prototype.addClass = function (className) {
-        this.data.classesToAdd.push(className);
-        return this;
-    };
-    /**
-     * Removes a class from the element
-     * @param className
-     */
-    CssAnimationBuilder.prototype.removeClass = function (className) {
-        this.data.classesToRemove.push(className);
-        return this;
-    };
-    /**
-     * Sets the animation duration (and overrides any defined through CSS)
-     * @param duration
-     */
-    CssAnimationBuilder.prototype.setDuration = function (duration) {
-        this.data.duration = duration;
-        return this;
-    };
-    /**
-     * Sets the animation delay (and overrides any defined through CSS)
-     * @param delay
-     */
-    CssAnimationBuilder.prototype.setDelay = function (delay) {
-        this.data.delay = delay;
-        return this;
-    };
-    /**
-     * Sets styles for both the initial state and the destination state
-     * @param from
-     * @param to
-     */
-    CssAnimationBuilder.prototype.setStyles = function (from, to) {
-        return this.setFromStyles(from).setToStyles(to);
-    };
-    /**
-     * Sets the initial styles for the animation
-     * @param from
-     */
-    CssAnimationBuilder.prototype.setFromStyles = function (from) {
-        this.data.fromStyles = from;
-        return this;
-    };
-    /**
-     * Sets the destination styles for the animation
-     * @param to
-     */
-    CssAnimationBuilder.prototype.setToStyles = function (to) {
-        this.data.toStyles = to;
-        return this;
-    };
-    /**
-     * Starts the animation and returns a promise
-     * @param element
-     */
-    CssAnimationBuilder.prototype.start = function (element) {
-        return new animation_1.Animation(element, this.data, this.browserDetails);
-    };
-    return CssAnimationBuilder;
-}());
-exports.CssAnimationBuilder = CssAnimationBuilder;
-//# sourceMappingURL=css_animation_builder.js.map

package/src/animate/css_animation_builder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css_animation_builder.js","sourceRoot":"","sources":["../../../../../modules/@angular/platform-browser/src/animate/css_animation_builder.ts"],"names":[],"mappings":";AAIE,sCAAkC,yBAAyB,CAAC,CAAA;AAC9D,0BAAwB,aAAa,CAAC,CAAA;AAGtC;IAIE;;OAEG;IACH,6BAAmB,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;QANjD,kCAAkC;QAClC,SAAI,GAAwB,IAAI,2CAAmB,EAAE,CAAC;IAKF,CAAC;IAErD;;;OAGG;IACH,+CAAiB,GAAjB,UAAkB,SAAiB;QACjC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC3C,MAAM,CAAC,IAAI,CAAC;IACd,CAAC;IAED;;;OAGG;IACH,sCAAQ,GAAR,UAAS,SAAiB;QACxB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACvC,MAAM,CAAC,IAAI,CAAC;IACd,CAAC;IAED;;;OAGG;IACH,yCAAW,GAAX,UAAY,SAAiB;QAC3B,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC1C,MAAM,CAAC,IAAI,CAAC;IACd,CAAC;IAED;;;OAGG;IACH,yCAAW,GAAX,UAAY,QAAgB;QAC1B,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC9B,MAAM,CAAC,IAAI,CAAC;IACd,CAAC;IAED;;;OAGG;IACH,sCAAQ,GAAR,UAAS,KAAa;QACpB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACxB,MAAM,CAAC,IAAI,CAAC;IACd,CAAC;IAED;;;;OAIG;IACH,uCAAS,GAAT,UAAU,IAA0B,EAAE,EAAwB;QAC5D,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAClD,CAAC;IAED;;;OAGG;IACH,2CAAa,GAAb,UAAc,IAA0B;QACtC,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC;IACd,CAAC;IAED;;;OAGG;IACH,yCAAW,GAAX,UAAY,EAAwB;QAClC,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACxB,MAAM,CAAC,IAAI,CAAC;IACd,CAAC;IAED;;;OAGG;IACH,mCAAK,GAAL,UAAM,OAAoB;QACxB,MAAM,CAAC,IAAI,qBAAS,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAChE,CAAC;IACH,0BAAC;AAAD,CAAC,AAxFD,IAwFC;AAxFY,2BAAmB,sBAwF/B,CAAA","sourcesContent":["interface DecoratorInvocation {\n    type: Function;\n    args?: any[];\n  }\n  import {CssAnimationOptions} from './css_animation_options';\nimport {Animation} from './animation';\nimport {BrowserDetails} from './browser_details';\n\nexport class CssAnimationBuilder {\n  /** @type {CssAnimationOptions} */\n  data: CssAnimationOptions = new CssAnimationOptions();\n\n  /**\n   * Accepts public properties for CssAnimationBuilder\n   */\n  constructor(public browserDetails: BrowserDetails) {}\n\n  /**\n   * Adds a temporary class that will be removed at the end of the animation\n   * @param className\n   */\n  addAnimationClass(className: string): CssAnimationBuilder {\n    this.data.animationClasses.push(className);\n    return this;\n  }\n\n  /**\n   * Adds a class that will remain on the element after the animation has finished\n   * @param className\n   */\n  addClass(className: string): CssAnimationBuilder {\n    this.data.classesToAdd.push(className);\n    return this;\n  }\n\n  /**\n   * Removes a class from the element\n   * @param className\n   */\n  removeClass(className: string): CssAnimationBuilder {\n    this.data.classesToRemove.push(className);\n    return this;\n  }\n\n  /**\n   * Sets the animation duration (and overrides any defined through CSS)\n   * @param duration\n   */\n  setDuration(duration: number): CssAnimationBuilder {\n    this.data.duration = duration;\n    return this;\n  }\n\n  /**\n   * Sets the animation delay (and overrides any defined through CSS)\n   * @param delay\n   */\n  setDelay(delay: number): CssAnimationBuilder {\n    this.data.delay = delay;\n    return this;\n  }\n\n  /**\n   * Sets styles for both the initial state and the destination state\n   * @param from\n   * @param to\n   */\n  setStyles(from: {[key: string]: any}, to: {[key: string]: any}): CssAnimationBuilder {\n    return this.setFromStyles(from).setToStyles(to);\n  }\n\n  /**\n   * Sets the initial styles for the animation\n   * @param from\n   */\n  setFromStyles(from: {[key: string]: any}): CssAnimationBuilder {\n    this.data.fromStyles = from;\n    return this;\n  }\n\n  /**\n   * Sets the destination styles for the animation\n   * @param to\n   */\n  setToStyles(to: {[key: string]: any}): CssAnimationBuilder {\n    this.data.toStyles = to;\n    return this;\n  }\n\n  /**\n   * Starts the animation and returns a promise\n   * @param element\n   */\n  start(element: HTMLElement): Animation {\n    return new Animation(element, this.data, this.browserDetails);\n  }\n}\n"]}

package/src/animate/css_animation_options.d.ts

@@ -1,20 +0,0 @@
-export declare class CssAnimationOptions {
-    /** initial styles for the element */
-    fromStyles: {
-        [key: string]: any;
-    };
-    /** destination styles for the element */
-    toStyles: {
-        [key: string]: any;
-    };
-    /** classes to be added to the element */
-    classesToAdd: string[];
-    /** classes to be removed from the element */
-    classesToRemove: string[];
-    /** classes to be added for the duration of the animation */
-    animationClasses: string[];
-    /** override the duration of the animation (in milliseconds) */
-    duration: number;
-    /** override the transition delay (in milliseconds) */
-    delay: number;
-}

package/src/animate/css_animation_options.js

@@ -1,14 +0,0 @@
-"use strict";
-var CssAnimationOptions = (function () {
-    function CssAnimationOptions() {
-        /** classes to be added to the element */
-        this.classesToAdd = [];
-        /** classes to be removed from the element */
-        this.classesToRemove = [];
-        /** classes to be added for the duration of the animation */
-        this.animationClasses = [];
-    }
-    return CssAnimationOptions;
-}());
-exports.CssAnimationOptions = CssAnimationOptions;
-//# sourceMappingURL=css_animation_options.js.map

package/src/animate/css_animation_options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css_animation_options.js","sourceRoot":"","sources":["../../../../../modules/@angular/platform-browser/src/animate/css_animation_options.ts"],"names":[],"mappings":";AAIE;IAAA;QAOA,yCAAyC;QACzC,iBAAY,GAAa,EAAE,CAAC;QAE5B,6CAA6C;QAC7C,oBAAe,GAAa,EAAE,CAAC;QAE/B,4DAA4D;QAC5D,qBAAgB,GAAa,EAAE,CAAC;IAOlC,CAAC;IAAD,0BAAC;AAAD,CAAC,AArBC,IAqBD;AArBc,2BAAmB,sBAqBjC,CAAA","sourcesContent":["interface DecoratorInvocation {\n    type: Function;\n    args?: any[];\n  }\n  export class CssAnimationOptions {\n  /** initial styles for the element */\n  fromStyles: {[key: string]: any};\n\n  /** destination styles for the element */\n  toStyles: {[key: string]: any};\n\n  /** classes to be added to the element */\n  classesToAdd: string[] = [];\n\n  /** classes to be removed from the element */\n  classesToRemove: string[] = [];\n\n  /** classes to be added for the duration of the animation */\n  animationClasses: string[] = [];\n\n  /** override the duration of the animation (in milliseconds) */\n  duration: number;\n\n  /** override the transition delay (in milliseconds) */\n  delay: number;\n}\n"]}