@angular/material 2.0.0-alpha.9-3 → 2.0.0-beta.11

package/core/ripple/ripple-renderer.d.ts

@@ -1,65 +0,0 @@
-import { ElementRef } from '@angular/core';
-/** TODO: internal */
-export declare enum ForegroundRippleState {
-    NEW = 0,
-    EXPANDING = 1,
-    FADING_OUT = 2,
-}
-/**
- * Wrapper for a foreground ripple DOM element and its animation state.
- * TODO: internal
- */
-export declare class ForegroundRipple {
-    rippleElement: Element;
-    state: ForegroundRippleState;
-    constructor(rippleElement: Element);
-}
-/**
- * Helper service that performs DOM manipulations. Not intended to be used outside this module.
- * The constructor takes a reference to the ripple directive's host element and a map of DOM
- * event handlers to be installed on the element that triggers ripple animations.
- * This will eventually become a custom renderer once Angular support exists.
- * TODO: internal
- */
-export declare class RippleRenderer {
-    private _eventHandlers;
-    private _backgroundDiv;
-    private _rippleElement;
-    private _triggerElement;
-    constructor(_elementRef: ElementRef, _eventHandlers: Map<string, (e: Event) => void>);
-    /**
-     * Installs event handlers on the given trigger element, and removes event handlers from the
-     * previous trigger if needed.
-     */
-    setTriggerElement(newTrigger: HTMLElement): void;
-    /**
-     * Installs event handlers on the host element of the md-ripple directive.
-     */
-    setTriggerElementToHost(): void;
-    /**
-     * Removes event handlers from the current trigger element if needed.
-     */
-    clearTriggerElement(): void;
-    /**
-     * Creates a foreground ripple and sets its animation to expand and fade in from the position
-     * given by rippleOriginLeft and rippleOriginTop (or from the center of the <md-ripple>
-     * bounding rect if centered is true).
-     */
-    createForegroundRipple(rippleOriginLeft: number, rippleOriginTop: number, color: string, centered: boolean, radius: number, speedFactor: number, transitionEndCallback: (r: ForegroundRipple, e: TransitionEvent) => void): void;
-    /**
-     * Fades out a foreground ripple after it has fully expanded and faded in.
-     */
-    fadeOutForegroundRipple(ripple: Element): void;
-    /**
-     * Removes a foreground ripple from the DOM after it has faded out.
-     */
-    removeRippleFromDom(ripple: Element): void;
-    /**
-     * Fades in the ripple background.
-     */
-    fadeInRippleBackground(color: string): void;
-    /**
-     * Fades out the ripple background.
-     */
-    fadeOutRippleBackground(): void;
-}

package/core/ripple/ripple-renderer.js

@@ -1,149 +0,0 @@
-/** TODO: internal */
-export var ForegroundRippleState;
-(function (ForegroundRippleState) {
-    ForegroundRippleState[ForegroundRippleState["NEW"] = 0] = "NEW";
-    ForegroundRippleState[ForegroundRippleState["EXPANDING"] = 1] = "EXPANDING";
-    ForegroundRippleState[ForegroundRippleState["FADING_OUT"] = 2] = "FADING_OUT";
-})(ForegroundRippleState || (ForegroundRippleState = {}));
-/**
- * Wrapper for a foreground ripple DOM element and its animation state.
- * TODO: internal
- */
-export var ForegroundRipple = (function () {
-    function ForegroundRipple(rippleElement) {
-        this.rippleElement = rippleElement;
-        this.state = ForegroundRippleState.NEW;
-    }
-    return ForegroundRipple;
-}());
-var RIPPLE_SPEED_PX_PER_SECOND = 1000;
-var MIN_RIPPLE_FILL_TIME_SECONDS = 0.1;
-var MAX_RIPPLE_FILL_TIME_SECONDS = 0.3;
-/**
- * Returns the distance from the point (x, y) to the furthest corner of a rectangle.
- */
-var distanceToFurthestCorner = function (x, y, rect) {
-    var distX = Math.max(Math.abs(x - rect.left), Math.abs(x - rect.right));
-    var distY = Math.max(Math.abs(y - rect.top), Math.abs(y - rect.bottom));
-    return Math.sqrt(distX * distX + distY * distY);
-};
-/**
- * Helper service that performs DOM manipulations. Not intended to be used outside this module.
- * The constructor takes a reference to the ripple directive's host element and a map of DOM
- * event handlers to be installed on the element that triggers ripple animations.
- * This will eventually become a custom renderer once Angular support exists.
- * TODO: internal
- */
-export var RippleRenderer = (function () {
-    function RippleRenderer(_elementRef, _eventHandlers) {
-        this._eventHandlers = _eventHandlers;
-        this._rippleElement = _elementRef.nativeElement;
-        // It might be nice to delay creating the background until it's needed, but doing this in
-        // fadeInRippleBackground causes the first click event to not be handled reliably.
-        this._backgroundDiv = document.createElement('div');
-        this._backgroundDiv.classList.add('md-ripple-background');
-        this._rippleElement.appendChild(this._backgroundDiv);
-    }
-    /**
-     * Installs event handlers on the given trigger element, and removes event handlers from the
-     * previous trigger if needed.
-     */
-    RippleRenderer.prototype.setTriggerElement = function (newTrigger) {
-        var _this = this;
-        if (this._triggerElement !== newTrigger) {
-            if (this._triggerElement) {
-                this._eventHandlers.forEach(function (eventHandler, eventName) {
-                    _this._triggerElement.removeEventListener(eventName, eventHandler);
-                });
-            }
-            this._triggerElement = newTrigger;
-            if (this._triggerElement) {
-                this._eventHandlers.forEach(function (eventHandler, eventName) {
-                    _this._triggerElement.addEventListener(eventName, eventHandler);
-                });
-            }
-        }
-    };
-    /**
-     * Installs event handlers on the host element of the md-ripple directive.
-     */
-    RippleRenderer.prototype.setTriggerElementToHost = function () {
-        this.setTriggerElement(this._rippleElement);
-    };
-    /**
-     * Removes event handlers from the current trigger element if needed.
-     */
-    RippleRenderer.prototype.clearTriggerElement = function () {
-        this.setTriggerElement(null);
-    };
-    /**
-     * Creates a foreground ripple and sets its animation to expand and fade in from the position
-     * given by rippleOriginLeft and rippleOriginTop (or from the center of the <md-ripple>
-     * bounding rect if centered is true).
-     */
-    RippleRenderer.prototype.createForegroundRipple = function (rippleOriginLeft, rippleOriginTop, color, centered, radius, speedFactor, transitionEndCallback) {
-        var parentRect = this._rippleElement.getBoundingClientRect();
-        // Create a foreground ripple div with the size and position of the fully expanded ripple.
-        // When the div is created, it's given a transform style that causes the ripple to be displayed
-        // small and centered on the event location (or the center of the bounding rect if the centered
-        // argument is true). Removing that transform causes the ripple to animate to its natural size.
-        var startX = centered ? (parentRect.left + parentRect.width / 2) : rippleOriginLeft;
-        var startY = centered ? (parentRect.top + parentRect.height / 2) : rippleOriginTop;
-        var offsetX = startX - parentRect.left;
-        var offsetY = startY - parentRect.top;
-        var maxRadius = radius > 0 ? radius : distanceToFurthestCorner(startX, startY, parentRect);
-        var rippleDiv = document.createElement('div');
-        this._rippleElement.appendChild(rippleDiv);
-        rippleDiv.classList.add('md-ripple-foreground');
-        rippleDiv.style.left = (offsetX - maxRadius) + "px";
-        rippleDiv.style.top = (offsetY - maxRadius) + "px";
-        rippleDiv.style.width = 2 * maxRadius + "px";
-        rippleDiv.style.height = rippleDiv.style.width;
-        // If color input is not set, this will default to the background color defined in CSS.
-        rippleDiv.style.backgroundColor = color;
-        // Start the ripple tiny.
-        rippleDiv.style.transform = "scale(0.001)";
-        var fadeInSeconds = (1 / (speedFactor || 1)) * Math.max(MIN_RIPPLE_FILL_TIME_SECONDS, Math.min(MAX_RIPPLE_FILL_TIME_SECONDS, maxRadius / RIPPLE_SPEED_PX_PER_SECOND));
-        rippleDiv.style.transitionDuration = fadeInSeconds + "s";
-        // https://timtaubert.de/blog/2012/09/css-transitions-for-dynamically-created-dom-elements/
-        window.getComputedStyle(rippleDiv).opacity;
-        rippleDiv.classList.add('md-ripple-fade-in');
-        // Clearing the transform property causes the ripple to animate to its full size.
-        rippleDiv.style.transform = '';
-        var ripple = new ForegroundRipple(rippleDiv);
-        ripple.state = ForegroundRippleState.EXPANDING;
-        rippleDiv.addEventListener('transitionend', function (event) { return transitionEndCallback(ripple, event); });
-    };
-    /**
-     * Fades out a foreground ripple after it has fully expanded and faded in.
-     */
-    RippleRenderer.prototype.fadeOutForegroundRipple = function (ripple) {
-        ripple.classList.remove('md-ripple-fade-in');
-        ripple.classList.add('md-ripple-fade-out');
-    };
-    /**
-     * Removes a foreground ripple from the DOM after it has faded out.
-     */
-    RippleRenderer.prototype.removeRippleFromDom = function (ripple) {
-        ripple.parentElement.removeChild(ripple);
-    };
-    /**
-     * Fades in the ripple background.
-     */
-    RippleRenderer.prototype.fadeInRippleBackground = function (color) {
-        this._backgroundDiv.classList.add('md-ripple-active');
-        // If color is not set, this will default to the background color defined in CSS.
-        this._backgroundDiv.style.backgroundColor = color;
-    };
-    /**
-     * Fades out the ripple background.
-     */
-    RippleRenderer.prototype.fadeOutRippleBackground = function () {
-        if (this._backgroundDiv) {
-            this._backgroundDiv.classList.remove('md-ripple-active');
-        }
-    };
-    return RippleRenderer;
-}());
-
-//# sourceMappingURL=ripple-renderer.js.map

package/core/ripple/ripple-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["core/ripple/ripple-renderer.ts"],"names":[],"mappings":"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","file":"core/ripple/ripple-renderer.js","sourcesContent":["import {\n  ElementRef,\n} from '@angular/core';\n\n/** TODO: internal */\nexport enum ForegroundRippleState {\n  NEW,\n  EXPANDING,\n  FADING_OUT,\n}\n\n/**\n * Wrapper for a foreground ripple DOM element and its animation state.\n * TODO: internal\n */\nexport class ForegroundRipple {\n  state = ForegroundRippleState.NEW;\n  constructor(public rippleElement: Element) {}\n}\n\nconst RIPPLE_SPEED_PX_PER_SECOND = 1000;\nconst MIN_RIPPLE_FILL_TIME_SECONDS = 0.1;\nconst MAX_RIPPLE_FILL_TIME_SECONDS = 0.3;\n\n/**\n * Returns the distance from the point (x, y) to the furthest corner of a rectangle.\n */\nconst distanceToFurthestCorner = (x: number, y: number, rect: ClientRect) => {\n  const distX = Math.max(Math.abs(x - rect.left), Math.abs(x - rect.right));\n  const distY = Math.max(Math.abs(y - rect.top), Math.abs(y - rect.bottom));\n  return Math.sqrt(distX * distX + distY * distY);\n};\n\n/**\n * Helper service that performs DOM manipulations. Not intended to be used outside this module.\n * The constructor takes a reference to the ripple directive's host element and a map of DOM\n * event handlers to be installed on the element that triggers ripple animations.\n * This will eventually become a custom renderer once Angular support exists.\n * TODO: internal\n */\nexport class RippleRenderer {\n  private _backgroundDiv: HTMLElement;\n  private _rippleElement: HTMLElement;\n  private _triggerElement: HTMLElement;\n\n  constructor(_elementRef: ElementRef, private _eventHandlers: Map<string, (e: Event) => void>) {\n    this._rippleElement = _elementRef.nativeElement;\n    // It might be nice to delay creating the background until it's needed, but doing this in\n    // fadeInRippleBackground causes the first click event to not be handled reliably.\n    this._backgroundDiv = document.createElement('div');\n    this._backgroundDiv.classList.add('md-ripple-background');\n    this._rippleElement.appendChild(this._backgroundDiv);\n  }\n\n  /**\n   * Installs event handlers on the given trigger element, and removes event handlers from the\n   * previous trigger if needed.\n   */\n  setTriggerElement(newTrigger: HTMLElement) {\n    if (this._triggerElement !== newTrigger) {\n      if (this._triggerElement) {\n        this._eventHandlers.forEach((eventHandler, eventName) => {\n          this._triggerElement.removeEventListener(eventName, eventHandler);\n        });\n      }\n      this._triggerElement = newTrigger;\n      if (this._triggerElement) {\n        this._eventHandlers.forEach((eventHandler, eventName) => {\n          this._triggerElement.addEventListener(eventName, eventHandler);\n        });\n      }\n    }\n  }\n\n  /**\n   * Installs event handlers on the host element of the md-ripple directive.\n   */\n  setTriggerElementToHost() {\n    this.setTriggerElement(this._rippleElement);\n  }\n\n  /**\n   * Removes event handlers from the current trigger element if needed.\n   */\n  clearTriggerElement() {\n    this.setTriggerElement(null);\n  }\n\n  /**\n   * Creates a foreground ripple and sets its animation to expand and fade in from the position\n   * given by rippleOriginLeft and rippleOriginTop (or from the center of the <md-ripple>\n   * bounding rect if centered is true).\n   */\n  createForegroundRipple(\n      rippleOriginLeft: number,\n      rippleOriginTop: number,\n      color: string,\n      centered: boolean,\n      radius: number,\n      speedFactor: number,\n      transitionEndCallback: (r: ForegroundRipple, e: TransitionEvent) => void) {\n    const parentRect = this._rippleElement.getBoundingClientRect();\n    // Create a foreground ripple div with the size and position of the fully expanded ripple.\n    // When the div is created, it's given a transform style that causes the ripple to be displayed\n    // small and centered on the event location (or the center of the bounding rect if the centered\n    // argument is true). Removing that transform causes the ripple to animate to its natural size.\n    const startX = centered ? (parentRect.left + parentRect.width / 2) : rippleOriginLeft;\n    const startY = centered ? (parentRect.top + parentRect.height / 2) : rippleOriginTop;\n    const offsetX = startX - parentRect.left;\n    const offsetY = startY - parentRect.top;\n    const maxRadius = radius > 0 ? radius : distanceToFurthestCorner(startX, startY, parentRect);\n\n    const rippleDiv = document.createElement('div');\n    this._rippleElement.appendChild(rippleDiv);\n    rippleDiv.classList.add('md-ripple-foreground');\n    rippleDiv.style.left = `${offsetX - maxRadius}px`;\n    rippleDiv.style.top = `${offsetY - maxRadius}px`;\n    rippleDiv.style.width = `${2 * maxRadius}px`;\n    rippleDiv.style.height = rippleDiv.style.width;\n    // If color input is not set, this will default to the background color defined in CSS.\n    rippleDiv.style.backgroundColor = color;\n    // Start the ripple tiny.\n    rippleDiv.style.transform = `scale(0.001)`;\n\n    const fadeInSeconds = (1 / (speedFactor || 1)) * Math.max(\n        MIN_RIPPLE_FILL_TIME_SECONDS,\n        Math.min(MAX_RIPPLE_FILL_TIME_SECONDS, maxRadius / RIPPLE_SPEED_PX_PER_SECOND));\n    rippleDiv.style.transitionDuration = `${fadeInSeconds}s`;\n\n    // https://timtaubert.de/blog/2012/09/css-transitions-for-dynamically-created-dom-elements/\n    window.getComputedStyle(rippleDiv).opacity;\n\n    rippleDiv.classList.add('md-ripple-fade-in');\n    // Clearing the transform property causes the ripple to animate to its full size.\n    rippleDiv.style.transform = '';\n    const ripple = new ForegroundRipple(rippleDiv);\n    ripple.state = ForegroundRippleState.EXPANDING;\n\n    rippleDiv.addEventListener('transitionend',\n        (event: TransitionEvent) => transitionEndCallback(ripple, event));\n  }\n\n  /**\n   * Fades out a foreground ripple after it has fully expanded and faded in.\n   */\n  fadeOutForegroundRipple(ripple: Element) {\n    ripple.classList.remove('md-ripple-fade-in');\n    ripple.classList.add('md-ripple-fade-out');\n  }\n\n  /**\n   * Removes a foreground ripple from the DOM after it has faded out.\n   */\n  removeRippleFromDom(ripple: Element) {\n    ripple.parentElement.removeChild(ripple);\n  }\n\n  /**\n   * Fades in the ripple background.\n   */\n  fadeInRippleBackground(color: string) {\n    this._backgroundDiv.classList.add('md-ripple-active');\n    // If color is not set, this will default to the background color defined in CSS.\n    this._backgroundDiv.style.backgroundColor = color;\n  }\n\n  /**\n   * Fades out the ripple background.\n   */\n  fadeOutRippleBackground() {\n    if (this._backgroundDiv) {\n      this._backgroundDiv.classList.remove('md-ripple-active');\n    }\n  }\n}\n"],"sourceRoot":"/source/"}

package/core/ripple/ripple-renderer.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"ForegroundRippleState":{"NEW":0,"EXPANDING":1,"FADING_OUT":2}}}

package/core/ripple/ripple.d.ts

@@ -1,75 +0,0 @@
-import { ModuleWithProviders, ElementRef, OnChanges, OnDestroy, OnInit, SimpleChange } from '@angular/core';
-export declare class MdRipple implements OnInit, OnDestroy, OnChanges {
-    /**
-     * The element that triggers the ripple when click events are received. Defaults to the
-     * directive's host element.
-     */
-    trigger: HTMLElement | HTMLElement;
-    /**
-     * Whether the ripple always originates from the center of the host element's bounds, rather
-     * than originating from the location of the click event.
-     */
-    centered: boolean;
-    /**
-     * Whether click events will not trigger the ripple. It can still be triggered by manually
-     * calling start() and end().
-     */
-    disabled: boolean;
-    /**
-     * If set, the radius in pixels of foreground ripples when fully expanded. If unset, the radius
-     * will be the distance from the center of the ripple to the furthest corner of the host element's
-     * bounding rectangle.
-     */
-    maxRadius: number;
-    /**
-     * If set, the normal duration of ripple animations is divided by this value. For example,
-     * setting it to 0.5 will cause the animations to take twice as long.
-     */
-    speedFactor: number;
-    /** Custom color for ripples. */
-    color: string;
-    /** Custom color for the ripple background. */
-    backgroundColor: string;
-    /** Whether the ripple background will be highlighted to indicated a focused state. */
-    focused: boolean;
-    /** Whether foreground ripples should be visible outside the component's bounds. */
-    unbounded: boolean;
-    private _rippleRenderer;
-    constructor(_elementRef: ElementRef);
-    /** TODO: internal */
-    ngOnInit(): void;
-    /** TODO: internal */
-    ngOnDestroy(): void;
-    /** TODO: internal */
-    ngOnChanges(changes: {
-        [propertyName: string]: SimpleChange;
-    }): void;
-    /**
-     * Responds to the start of a ripple animation trigger by fading the background in.
-     */
-    start(): void;
-    /**
-     * Responds to the end of a ripple animation trigger by fading the background out, and creating a
-     * foreground ripple that expands from the event location (or from the center of the element if
-     * the "centered" property is set or forceCenter is true).
-     */
-    end(left: number, top: number, forceCenter?: boolean): void;
-    private _rippleTransitionEnded(ripple, event);
-    /**
-     * Called when the trigger element receives a mousedown event. Starts the ripple animation by
-     * fading in the background.
-     */
-    private _mouseDown(event);
-    /**
-     * Called when the trigger element receives a click event. Creates a foreground ripple and
-     * runs its animation.
-     */
-    private _click(event);
-    /**
-     * Called when the trigger element receives a mouseleave event. Fades out the background.
-     */
-    private _mouseLeave(event);
-}
-export declare class MdRippleModule {
-    static forRoot(): ModuleWithProviders;
-}

package/core/ripple/ripple.js

@@ -1,179 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { NgModule, Directive, ElementRef, HostBinding, Input } from '@angular/core';
-import { RippleRenderer, ForegroundRippleState } from './ripple-renderer';
-export var MdRipple = (function () {
-    function MdRipple(_elementRef) {
-        var _this = this;
-        /**
-         * If set, the radius in pixels of foreground ripples when fully expanded. If unset, the radius
-         * will be the distance from the center of the ripple to the furthest corner of the host element's
-         * bounding rectangle.
-         */
-        this.maxRadius = 0;
-        /**
-         * If set, the normal duration of ripple animations is divided by this value. For example,
-         * setting it to 0.5 will cause the animations to take twice as long.
-         */
-        this.speedFactor = 1;
-        // These event handlers are attached to the element that triggers the ripple animations.
-        var eventHandlers = new Map();
-        eventHandlers.set('mousedown', function (event) { return _this._mouseDown(event); });
-        eventHandlers.set('click', function (event) { return _this._click(event); });
-        eventHandlers.set('mouseleave', function (event) { return _this._mouseLeave(event); });
-        this._rippleRenderer = new RippleRenderer(_elementRef, eventHandlers);
-    }
-    /** TODO: internal */
-    MdRipple.prototype.ngOnInit = function () {
-        // If no trigger element was explicity set, use the host element
-        if (!this.trigger) {
-            this._rippleRenderer.setTriggerElementToHost();
-        }
-    };
-    /** TODO: internal */
-    MdRipple.prototype.ngOnDestroy = function () {
-        // Remove event listeners on the trigger element.
-        this._rippleRenderer.clearTriggerElement();
-    };
-    /** TODO: internal */
-    MdRipple.prototype.ngOnChanges = function (changes) {
-        // If the trigger element changed (or is being initially set), add event listeners to it.
-        var changedInputs = Object.keys(changes);
-        if (changedInputs.indexOf('trigger') !== -1) {
-            this._rippleRenderer.setTriggerElement(this.trigger);
-        }
-    };
-    /**
-     * Responds to the start of a ripple animation trigger by fading the background in.
-     */
-    MdRipple.prototype.start = function () {
-        this._rippleRenderer.fadeInRippleBackground(this.backgroundColor);
-    };
-    /**
-     * Responds to the end of a ripple animation trigger by fading the background out, and creating a
-     * foreground ripple that expands from the event location (or from the center of the element if
-     * the "centered" property is set or forceCenter is true).
-     */
-    MdRipple.prototype.end = function (left, top, forceCenter) {
-        var _this = this;
-        if (forceCenter === void 0) { forceCenter = true; }
-        this._rippleRenderer.createForegroundRipple(left, top, this.color, this.centered || forceCenter, this.maxRadius, this.speedFactor, function (ripple, e) { return _this._rippleTransitionEnded(ripple, e); });
-        this._rippleRenderer.fadeOutRippleBackground();
-    };
-    MdRipple.prototype._rippleTransitionEnded = function (ripple, event) {
-        if (event.propertyName === 'opacity') {
-            // If the ripple finished expanding, start fading it out. If it finished fading out,
-            // remove it from the DOM.
-            switch (ripple.state) {
-                case ForegroundRippleState.EXPANDING:
-                    this._rippleRenderer.fadeOutForegroundRipple(ripple.rippleElement);
-                    ripple.state = ForegroundRippleState.FADING_OUT;
-                    break;
-                case ForegroundRippleState.FADING_OUT:
-                    this._rippleRenderer.removeRippleFromDom(ripple.rippleElement);
-                    break;
-            }
-        }
-    };
-    /**
-     * Called when the trigger element receives a mousedown event. Starts the ripple animation by
-     * fading in the background.
-     */
-    MdRipple.prototype._mouseDown = function (event) {
-        if (!this.disabled && event.button === 0) {
-            this.start();
-        }
-    };
-    /**
-     * Called when the trigger element receives a click event. Creates a foreground ripple and
-     * runs its animation.
-     */
-    MdRipple.prototype._click = function (event) {
-        if (!this.disabled && event.button === 0) {
-            // If screen and page positions are all 0, this was probably triggered by a keypress.
-            // In that case, use the center of the bounding rect as the ripple origin.
-            // FIXME: This fails on IE11, which still sets pageX/Y and screenX/Y on keyboard clicks.
-            var isKeyEvent = (event.screenX === 0 && event.screenY === 0 && event.pageX === 0 && event.pageY === 0);
-            this.end(event.pageX, event.pageY, isKeyEvent);
-        }
-    };
-    /**
-     * Called when the trigger element receives a mouseleave event. Fades out the background.
-     */
-    MdRipple.prototype._mouseLeave = function (event) {
-        // We can always fade out the background here; It's a no-op if it was already inactive.
-        this._rippleRenderer.fadeOutRippleBackground();
-    };
-    __decorate([
-        Input('md-ripple-trigger'), 
-        __metadata('design:type', Object)
-    ], MdRipple.prototype, "trigger", void 0);
-    __decorate([
-        Input('md-ripple-centered'), 
-        __metadata('design:type', Boolean)
-    ], MdRipple.prototype, "centered", void 0);
-    __decorate([
-        Input('md-ripple-disabled'), 
-        __metadata('design:type', Boolean)
-    ], MdRipple.prototype, "disabled", void 0);
-    __decorate([
-        Input('md-ripple-max-radius'), 
-        __metadata('design:type', Number)
-    ], MdRipple.prototype, "maxRadius", void 0);
-    __decorate([
-        Input('md-ripple-speed-factor'), 
-        __metadata('design:type', Number)
-    ], MdRipple.prototype, "speedFactor", void 0);
-    __decorate([
-        Input('md-ripple-color'), 
-        __metadata('design:type', String)
-    ], MdRipple.prototype, "color", void 0);
-    __decorate([
-        Input('md-ripple-background-color'), 
-        __metadata('design:type', String)
-    ], MdRipple.prototype, "backgroundColor", void 0);
-    __decorate([
-        HostBinding('class.md-ripple-focused'),
-        Input('md-ripple-focused'), 
-        __metadata('design:type', Boolean)
-    ], MdRipple.prototype, "focused", void 0);
-    __decorate([
-        HostBinding('class.md-ripple-unbounded'),
-        Input('md-ripple-unbounded'), 
-        __metadata('design:type', Boolean)
-    ], MdRipple.prototype, "unbounded", void 0);
-    MdRipple = __decorate([
-        Directive({
-            selector: '[md-ripple]',
-        }), 
-        __metadata('design:paramtypes', [ElementRef])
-    ], MdRipple);
-    return MdRipple;
-}());
-export var MdRippleModule = (function () {
-    function MdRippleModule() {
-    }
-    MdRippleModule.forRoot = function () {
-        return {
-            ngModule: MdRippleModule,
-            providers: []
-        };
-    };
-    MdRippleModule = __decorate([
-        NgModule({
-            exports: [MdRipple],
-            declarations: [MdRipple],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdRippleModule);
-    return MdRippleModule;
-}());
-
-//# sourceMappingURL=ripple.js.map

package/core/ripple/ripple.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["core/ripple/ripple.ts"],"names":[],"mappings":"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","file":"core/ripple/ripple.js","sourcesContent":["import {\n  NgModule,\n  ModuleWithProviders,\n  Directive,\n  ElementRef,\n  HostBinding,\n  Input,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  SimpleChange,\n} from '@angular/core';\nimport {\n  RippleRenderer,\n  ForegroundRipple,\n  ForegroundRippleState,\n} from './ripple-renderer';\n\n\n@Directive({\n  selector: '[md-ripple]',\n})\nexport class MdRipple implements OnInit, OnDestroy, OnChanges {\n  /**\n   * The element that triggers the ripple when click events are received. Defaults to the\n   * directive's host element.\n   */\n  // Prevent TS metadata emit from referencing HTMLElement in ripple.js\n  // That breaks tests running in node that load material components.\n  @Input('md-ripple-trigger') trigger: HTMLElement|HTMLElement;\n  /**\n   * Whether the ripple always originates from the center of the host element's bounds, rather\n   * than originating from the location of the click event.\n   */\n  @Input('md-ripple-centered') centered: boolean;\n  /**\n   * Whether click events will not trigger the ripple. It can still be triggered by manually\n   * calling start() and end().\n   */\n  @Input('md-ripple-disabled') disabled: boolean;\n  /**\n   * If set, the radius in pixels of foreground ripples when fully expanded. If unset, the radius\n   * will be the distance from the center of the ripple to the furthest corner of the host element's\n   * bounding rectangle.\n   */\n  @Input('md-ripple-max-radius') maxRadius: number = 0;\n  /**\n   * If set, the normal duration of ripple animations is divided by this value. For example,\n   * setting it to 0.5 will cause the animations to take twice as long.\n   */\n  @Input('md-ripple-speed-factor') speedFactor: number = 1;\n  /** Custom color for ripples. */\n  @Input('md-ripple-color') color: string;\n  /** Custom color for the ripple background. */\n  @Input('md-ripple-background-color') backgroundColor: string;\n\n  /** Whether the ripple background will be highlighted to indicated a focused state. */\n  @HostBinding('class.md-ripple-focused') @Input('md-ripple-focused') focused: boolean;\n  /** Whether foreground ripples should be visible outside the component's bounds. */\n  @HostBinding('class.md-ripple-unbounded') @Input('md-ripple-unbounded') unbounded: boolean;\n\n  private _rippleRenderer: RippleRenderer;\n\n  constructor(_elementRef: ElementRef) {\n    // These event handlers are attached to the element that triggers the ripple animations.\n    const eventHandlers = new Map<string, (e: Event) => void>();\n    eventHandlers.set('mousedown', (event: MouseEvent) => this._mouseDown(event));\n    eventHandlers.set('click', (event: MouseEvent) => this._click(event));\n    eventHandlers.set('mouseleave', (event: MouseEvent) => this._mouseLeave(event));\n    this._rippleRenderer = new RippleRenderer(_elementRef, eventHandlers);\n  }\n\n  /** TODO: internal */\n  ngOnInit() {\n    // If no trigger element was explicity set, use the host element\n    if (!this.trigger) {\n      this._rippleRenderer.setTriggerElementToHost();\n    }\n  }\n\n  /** TODO: internal */\n  ngOnDestroy() {\n    // Remove event listeners on the trigger element.\n    this._rippleRenderer.clearTriggerElement();\n  }\n\n  /** TODO: internal */\n  ngOnChanges(changes: { [propertyName: string]: SimpleChange }) {\n    // If the trigger element changed (or is being initially set), add event listeners to it.\n    const changedInputs = Object.keys(changes);\n    if (changedInputs.indexOf('trigger') !== -1) {\n      this._rippleRenderer.setTriggerElement(this.trigger);\n    }\n  }\n\n  /**\n   * Responds to the start of a ripple animation trigger by fading the background in.\n   */\n  start() {\n    this._rippleRenderer.fadeInRippleBackground(this.backgroundColor);\n  }\n\n  /**\n   * Responds to the end of a ripple animation trigger by fading the background out, and creating a\n   * foreground ripple that expands from the event location (or from the center of the element if\n   * the \"centered\" property is set or forceCenter is true).\n   */\n  end(left: number, top: number, forceCenter = true) {\n    this._rippleRenderer.createForegroundRipple(\n      left,\n      top,\n      this.color,\n      this.centered || forceCenter,\n      this.maxRadius,\n      this.speedFactor,\n      (ripple: ForegroundRipple, e: TransitionEvent) => this._rippleTransitionEnded(ripple, e));\n    this._rippleRenderer.fadeOutRippleBackground();\n  }\n\n  private _rippleTransitionEnded(ripple: ForegroundRipple, event: TransitionEvent) {\n    if (event.propertyName === 'opacity') {\n      // If the ripple finished expanding, start fading it out. If it finished fading out,\n      // remove it from the DOM.\n      switch (ripple.state) {\n        case ForegroundRippleState.EXPANDING:\n          this._rippleRenderer.fadeOutForegroundRipple(ripple.rippleElement);\n          ripple.state = ForegroundRippleState.FADING_OUT;\n          break;\n        case ForegroundRippleState.FADING_OUT:\n          this._rippleRenderer.removeRippleFromDom(ripple.rippleElement);\n          break;\n      }\n    }\n  }\n\n  /**\n   * Called when the trigger element receives a mousedown event. Starts the ripple animation by\n   * fading in the background.\n   */\n  private _mouseDown(event: MouseEvent) {\n    if (!this.disabled && event.button === 0) {\n      this.start();\n    }\n  }\n\n  /**\n   * Called when the trigger element receives a click event. Creates a foreground ripple and\n   * runs its animation.\n   */\n  private _click(event: MouseEvent) {\n    if (!this.disabled && event.button === 0) {\n      // If screen and page positions are all 0, this was probably triggered by a keypress.\n      // In that case, use the center of the bounding rect as the ripple origin.\n      // FIXME: This fails on IE11, which still sets pageX/Y and screenX/Y on keyboard clicks.\n      const isKeyEvent =\n          (event.screenX === 0 && event.screenY === 0 && event.pageX === 0 && event.pageY === 0);\n      this.end(event.pageX, event.pageY, isKeyEvent);\n    }\n  }\n\n  /**\n   * Called when the trigger element receives a mouseleave event. Fades out the background.\n   */\n  private _mouseLeave(event: MouseEvent) {\n    // We can always fade out the background here; It's a no-op if it was already inactive.\n    this._rippleRenderer.fadeOutRippleBackground();\n  }\n\n  // TODO: Reactivate the background div if the user drags out and back in.\n}\n\n\n@NgModule({\n  exports: [MdRipple],\n  declarations: [MdRipple],\n})\nexport class MdRippleModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdRippleModule,\n      providers: []\n    };\n  }\n}\n"],"sourceRoot":"/source/"}

package/core/ripple/ripple.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"MdRipple":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[md-ripple]"}]}],"members":{"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-trigger"]}]}],"centered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-centered"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-disabled"]}]}],"maxRadius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-max-radius"]}]}],"speedFactor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-speed-factor"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-color"]}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-background-color"]}]}],"focused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-ripple-focused"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-focused"]}]}],"unbounded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-ripple-unbounded"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-unbounded"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"start":[{"__symbolic":"method"}],"end":[{"__symbolic":"method"}],"_rippleTransitionEnded":[{"__symbolic":"method"}],"_mouseDown":[{"__symbolic":"method"}],"_click":[{"__symbolic":"method"}],"_mouseLeave":[{"__symbolic":"method"}]}},"MdRippleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","name":"MdRipple"}],"declarations":[{"__symbolic":"reference","name":"MdRipple"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdRippleModule"},"providers":[]}}}}}}

package/core/rtl/dir.d.ts

@@ -1,17 +0,0 @@
-import { ModuleWithProviders, EventEmitter } from '@angular/core';
-export declare type LayoutDirection = 'ltr' | 'rtl';
-/**
- * Directive to listen to changes of direction of part of the DOM.
- *
- * Applications should use this directive instead of the native attribute so that Material
- * components can listen on changes of direction.
- */
-export declare class Dir {
-    _dir: LayoutDirection;
-    dirChange: EventEmitter<void>;
-    dir: LayoutDirection;
-    value: LayoutDirection;
-}
-export declare class RtlModule {
-    static forRoot(): ModuleWithProviders;
-}

package/core/rtl/dir.js

@@ -1,83 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { NgModule, Directive, HostBinding, Output, Input, EventEmitter } from '@angular/core';
-/**
- * Directive to listen to changes of direction of part of the DOM.
- *
- * Applications should use this directive instead of the native attribute so that Material
- * components can listen on changes of direction.
- */
-export var Dir = (function () {
-    function Dir() {
-        this._dir = 'ltr';
-        this.dirChange = new EventEmitter();
-    }
-    Object.defineProperty(Dir.prototype, "dir", {
-        get: function () {
-            return this._dir;
-        },
-        set: function (v) {
-            var old = this._dir;
-            this._dir = v;
-            if (old != this._dir) {
-                this.dirChange.emit(null);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(Dir.prototype, "value", {
-        get: function () { return this.dir; },
-        set: function (v) { this.dir = v; },
-        enumerable: true,
-        configurable: true
-    });
-    __decorate([
-        Input('dir'), 
-        __metadata('design:type', String)
-    ], Dir.prototype, "_dir", void 0);
-    __decorate([
-        Output(), 
-        __metadata('design:type', Object)
-    ], Dir.prototype, "dirChange", void 0);
-    __decorate([
-        HostBinding('attr.dir'), 
-        __metadata('design:type', String)
-    ], Dir.prototype, "dir", null);
-    Dir = __decorate([
-        Directive({
-            selector: '[dir]',
-            // TODO(hansl): maybe `$implicit` isn't the best option here, but for now that's the best we got.
-            exportAs: '$implicit'
-        }), 
-        __metadata('design:paramtypes', [])
-    ], Dir);
-    return Dir;
-}());
-export var RtlModule = (function () {
-    function RtlModule() {
-    }
-    RtlModule.forRoot = function () {
-        return {
-            ngModule: RtlModule,
-            providers: []
-        };
-    };
-    RtlModule = __decorate([
-        NgModule({
-            exports: [Dir],
-            declarations: [Dir]
-        }), 
-        __metadata('design:paramtypes', [])
-    ], RtlModule);
-    return RtlModule;
-}());
-
-//# sourceMappingURL=dir.js.map

package/core/rtl/dir.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["core/rtl/dir.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EACH,QAAQ,EAER,SAAS,EACT,WAAW,EACX,MAAM,EACN,KAAK,EACL,YAAY,EACf,MAAM,eAAe;AAItB;;;;;GAKG;AAMH;IAAA;QACgB,SAAI,GAAoB,KAAK,CAAC;QAElC,cAAS,GAAG,IAAI,YAAY,EAAQ,CAAC;IAgBjD,CAAC;IAbC,sBAAI,oBAAG;aAAP;YACE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC;aACD,UAAQ,CAAkB;YACxB,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC;YACpB,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;YACd,EAAE,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;gBACrB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC;;;OAPA;IASD,sBAAI,sBAAK;aAAT,cAA+B,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;aACjD,UAAU,CAAkB,IAAI,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;;;OADE;IAhBjD;QAAC,KAAK,CAAC,KAAK,CAAC;;qCAAA;IAEb;QAAC,MAAM,EAAE;;0CAAA;IAET;QAAC,WAAW,CAAC,UAAU,CAAC;;kCAAA;IAV1B;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,OAAO;YACjB,iGAAiG;YACjG,QAAQ,EAAE,WAAW;SACtB,CAAC;;WAAA;IAoBF,UAAC;AAAD,CAnBA,AAmBC,IAAA;AAOD;IAAA;IAOA,CAAC;IANQ,iBAAO,GAAd;QACE,MAAM,CAAC;YACL,QAAQ,EAAE,SAAS;YACnB,SAAS,EAAE,EAAE;SACd,CAAC;IACJ,CAAC;IAVH;QAAC,QAAQ,CAAC;YACR,OAAO,EAAE,CAAC,GAAG,CAAC;YACd,YAAY,EAAE,CAAC,GAAG,CAAC;SACpB,CAAC;;iBAAA;IAQF,gBAAC;AAAD,CAPA,AAOC,IAAA","file":"core/rtl/dir.js","sourcesContent":["import {\n    NgModule,\n    ModuleWithProviders,\n    Directive,\n    HostBinding,\n    Output,\n    Input,\n    EventEmitter\n} from '@angular/core';\n\nexport type LayoutDirection = 'ltr' | 'rtl';\n\n/**\n * Directive to listen to changes of direction of part of the DOM.\n *\n * Applications should use this directive instead of the native attribute so that Material\n * components can listen on changes of direction.\n */\n@Directive({\n  selector: '[dir]',\n  // TODO(hansl): maybe `$implicit` isn't the best option here, but for now that's the best we got.\n  exportAs: '$implicit'\n})\nexport class Dir {\n  @Input('dir') _dir: LayoutDirection = 'ltr';\n\n  @Output() dirChange = new EventEmitter<void>();\n\n  @HostBinding('attr.dir')\n  get dir(): LayoutDirection {\n    return this._dir;\n  }\n  set dir(v: LayoutDirection) {\n    let old = this._dir;\n    this._dir = v;\n    if (old != this._dir) {\n      this.dirChange.emit(null);\n    }\n  }\n\n  get value(): LayoutDirection { return this.dir; }\n  set value(v: LayoutDirection) { this.dir = v; }\n}\n\n\n@NgModule({\n  exports: [Dir],\n  declarations: [Dir]\n})\nexport class RtlModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: RtlModule,\n      providers: []\n    };\n  }\n}\n"],"sourceRoot":"/source/"}

package/core/rtl/dir.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"Dir":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[dir]","exportAs":"$implicit"}]}],"members":{"_dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["dir"]}]}],"dirChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}]}},"RtlModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","name":"Dir"}],"declarations":[{"__symbolic":"reference","name":"Dir"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"RtlModule"},"providers":[]}}}}}}