@angular/material 2.0.0-beta.0 → 2.0.0-beta.12

package/core/ripple/ripple-renderer.js

@@ -1,177 +0,0 @@
-/** @docs-private */
-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.
- * @docs-private
- */
-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.
- * @docs-private
- */
-export var RippleRenderer = (function () {
-    function RippleRenderer(_elementRef, _eventHandlers, _ngZone) {
-        this._eventHandlers = _eventHandlers;
-        this._ngZone = _ngZone;
-        this._rippleElement = _elementRef.nativeElement;
-        // The background div is created in createBackgroundIfNeeded when the ripple becomes enabled.
-        // This avoids creating unneeded divs when the ripple is always disabled.
-        this._backgroundDiv = null;
-    }
-    /** Creates the div for the ripple background, if it doesn't already exist. */
-    RippleRenderer.prototype.createBackgroundIfNeeded = function () {
-        if (!this._backgroundDiv) {
-            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.
-     *
-     * @param newTrigger New trigger to which to attach the ripple handlers.
-     */
-    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).
-     *
-     * @param rippleOriginLeft Left origin of the ripple.
-     * @param rippleOriginTop Top origin of the ripple.
-     * @param color Ripple color.
-     * @param centered Whether the ripple should be centered.
-     * @param radius Radius of the ripple.
-     * @param speedFactor Speed at which the ripple expands towards the edges.
-     * @param transitionEndCallback Callback to be triggered when the ripple transition is done.
-     */
-    RippleRenderer.prototype.createForegroundRipple = function (rippleOriginLeft, rippleOriginTop, color, centered, radius, speedFactor, transitionEndCallback) {
-        var _this = this;
-        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/
-        // Store the opacity to prevent this line as being seen as a no-op by optimizers.
-        this._opacity = 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); });
-        // Ensure that ripples are always removed, even when transitionend doesn't fire.
-        // Run this outside the Angular zone because there's nothing that Angular cares about.
-        // If it were to run inside the Angular zone, every test that used ripples would have to be
-        // either async or fakeAsync.
-        this._ngZone.runOutsideAngular(function () {
-            // The ripple lasts a time equal to the sum of fade-in, transform,
-            // and fade-out (3 * fade-in time).
-            var rippleDuration = fadeInSeconds * 3 * 1000;
-            setTimeout(function () { return _this.removeRippleFromDom(ripple.rippleElement); }, rippleDuration);
-        });
-    };
-    /**
-     * Fades out a foreground ripple after it has fully expanded and faded in.
-     * @param ripple Ripple to be faded out.
-     */
-    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.
-     * @param ripple Ripple to be removed from the DOM.
-     */
-    RippleRenderer.prototype.removeRippleFromDom = function (ripple) {
-        if (ripple && ripple.parentElement) {
-            ripple.parentElement.removeChild(ripple);
-        }
-    };
-    /**
-     * Fades in the ripple background.
-     * @param color New background color for the ripple.
-     */
-    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":"ripple-renderer.js","sourcesContent":["import {\n  ElementRef,\n  NgZone,\n} from '@angular/core';\n\n/** @docs-private */\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 * @docs-private\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 * @docs-private\n */\nexport class RippleRenderer {\n  private _backgroundDiv: HTMLElement;\n  private _rippleElement: HTMLElement;\n  private _triggerElement: HTMLElement;\n  _opacity: string;\n\n  constructor(_elementRef: ElementRef,\n              private _eventHandlers: Map<string, (e: Event) => void>,\n              private _ngZone: NgZone) {\n    this._rippleElement = _elementRef.nativeElement;\n    // The background div is created in createBackgroundIfNeeded when the ripple becomes enabled.\n    // This avoids creating unneeded divs when the ripple is always disabled.\n    this._backgroundDiv = null;\n  }\n\n  /** Creates the div for the ripple background, if it doesn't already exist. */\n  createBackgroundIfNeeded() {\n    if (!this._backgroundDiv) {\n      this._backgroundDiv = document.createElement('div');\n      this._backgroundDiv.classList.add('md-ripple-background');\n      this._rippleElement.appendChild(this._backgroundDiv);\n    }\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   * @param newTrigger New trigger to which to attach the ripple handlers.\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  /** Installs event handlers on the host element of the md-ripple directive. */\n  setTriggerElementToHost() {\n    this.setTriggerElement(this._rippleElement);\n  }\n\n  /** Removes event handlers from the current trigger element if needed. */\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   * @param rippleOriginLeft Left origin of the ripple.\n   * @param rippleOriginTop Top origin of the ripple.\n   * @param color Ripple color.\n   * @param centered Whether the ripple should be centered.\n   * @param radius Radius of the ripple.\n   * @param speedFactor Speed at which the ripple expands towards the edges.\n   * @param transitionEndCallback Callback to be triggered when the ripple transition is done.\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    // Store the opacity to prevent this line as being seen as a no-op by optimizers.\n    this._opacity = 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    // Ensure that ripples are always removed, even when transitionend doesn't fire.\n    // Run this outside the Angular zone because there's nothing that Angular cares about.\n    // If it were to run inside the Angular zone, every test that used ripples would have to be\n    // either async or fakeAsync.\n    this._ngZone.runOutsideAngular(() => {\n      // The ripple lasts a time equal to the sum of fade-in, transform,\n      // and fade-out (3 * fade-in time).\n      let rippleDuration =  fadeInSeconds * 3 * 1000;\n      setTimeout(() => this.removeRippleFromDom(ripple.rippleElement), rippleDuration);\n    });\n  }\n\n  /**\n   * Fades out a foreground ripple after it has fully expanded and faded in.\n   * @param ripple Ripple to be faded out.\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   * @param ripple Ripple to be removed from the DOM.\n   */\n  removeRippleFromDom(ripple: Element) {\n    if (ripple && ripple.parentElement) {\n      ripple.parentElement.removeChild(ripple);\n    }\n  }\n\n  /**\n   * Fades in the ripple background.\n   * @param color New background color for the ripple.\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  /** Fades out the ripple background. */\n  fadeOutRippleBackground() {\n    if (this._backgroundDiv) {\n      this._backgroundDiv.classList.remove('md-ripple-active');\n    }\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"ForegroundRippleState":{"NEW":0,"EXPANDING":1,"FADING_OUT":2},"ForegroundRipple":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":18,"character":36,"context":{"typeName":"Element"}}]}]}},"RippleRenderer":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","name":"Map","arguments":[{"__symbolic":"reference","name":"string"},{"__symbolic":"error","message":"Expression form not supported","line":48,"character":50}]},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"createBackgroundIfNeeded":[{"__symbolic":"method"}],"setTriggerElement":[{"__symbolic":"method"}],"setTriggerElementToHost":[{"__symbolic":"method"}],"clearTriggerElement":[{"__symbolic":"method"}],"createForegroundRipple":[{"__symbolic":"method"}],"fadeOutForegroundRipple":[{"__symbolic":"method"}],"removeRippleFromDom":[{"__symbolic":"method"}],"fadeInRippleBackground":[{"__symbolic":"method"}],"fadeOutRippleBackground":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","metadata":{"ForegroundRippleState":{"NEW":0,"EXPANDING":1,"FADING_OUT":2},"ForegroundRipple":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":18,"character":36,"context":{"typeName":"Element"}}]}]}},"RippleRenderer":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","name":"Map","arguments":[{"__symbolic":"reference","name":"string"},{"__symbolic":"error","message":"Expression form not supported","line":48,"character":50}]},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"createBackgroundIfNeeded":[{"__symbolic":"method"}],"setTriggerElement":[{"__symbolic":"method"}],"setTriggerElementToHost":[{"__symbolic":"method"}],"clearTriggerElement":[{"__symbolic":"method"}],"createForegroundRipple":[{"__symbolic":"method"}],"fadeOutForegroundRipple":[{"__symbolic":"method"}],"removeRippleFromDom":[{"__symbolic":"method"}],"fadeInRippleBackground":[{"__symbolic":"method"}],"fadeOutRippleBackground":[{"__symbolic":"method"}]}}},"version":1}]

package/core/ripple/ripple.d.ts

@@ -1,92 +0,0 @@
-import { ModuleWithProviders, ElementRef, NgZone, OnChanges, OnDestroy, OnInit, SimpleChange } from '@angular/core';
-import { ViewportRuler } from '../overlay/position/viewport-ruler';
-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;
-    /** @deprecated */
-    _triggerDeprecated: 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;
-    /** @deprecated */
-    _centeredDeprecated: boolean;
-    /**
-     * Whether click events will not trigger the ripple. It can still be triggered by manually
-     * calling start() and end().
-     */
-    disabled: boolean;
-    /** @deprecated */
-    _disabledDeprecated: 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;
-    /** @deprecated */
-    _maxRadiusDeprecated: 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;
-    /** @deprecated */
-    _speedFactorDeprecated: number;
-    /** Custom color for ripples. */
-    color: string;
-    /** @deprecated */
-    _colorDeprecated: string;
-    /** Custom color for the ripple background. */
-    backgroundColor: string;
-    /** @deprecated */
-    _backgroundColorDeprecated: string;
-    /** Whether the ripple background will be highlighted to indicated a focused state. */
-    focused: boolean;
-    /** @deprecated */
-    _focusedDeprecated: boolean;
-    /** Whether foreground ripples should be visible outside the component's bounds. */
-    unbounded: boolean;
-    /** @deprecated */
-    _unboundedDeprecated: boolean;
-    private _rippleRenderer;
-    _ruler: ViewportRuler;
-    constructor(_elementRef: ElementRef, _ngZone: NgZone, _ruler: ViewportRuler);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    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,295 +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, NgZone } from '@angular/core';
-import { RippleRenderer, ForegroundRippleState } from './ripple-renderer';
-import { DefaultStyleCompatibilityModeModule } from '../compatibility/default-mode';
-import { ViewportRuler } from '../overlay/position/viewport-ruler';
-export var MdRipple = (function () {
-    function MdRipple(_elementRef, _ngZone, _ruler) {
-        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, _ngZone);
-        this._ruler = _ruler;
-    }
-    Object.defineProperty(MdRipple.prototype, "_triggerDeprecated", {
-        /** @deprecated */
-        get: function () { return this.trigger; },
-        set: function (value) { this.trigger = value; },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(MdRipple.prototype, "_centeredDeprecated", {
-        /** @deprecated */
-        get: function () { return this.centered; },
-        set: function (value) { this.centered = value; },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(MdRipple.prototype, "_disabledDeprecated", {
-        /** @deprecated */
-        get: function () { return this.disabled; },
-        set: function (value) { this.disabled = value; },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(MdRipple.prototype, "_maxRadiusDeprecated", {
-        /** @deprecated */
-        get: function () { return this.maxRadius; },
-        set: function (value) { this.maxRadius = value; },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(MdRipple.prototype, "_speedFactorDeprecated", {
-        /** @deprecated */
-        get: function () { return this.speedFactor; },
-        set: function (value) { this.speedFactor = value; },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(MdRipple.prototype, "_colorDeprecated", {
-        /** @deprecated */
-        get: function () { return this.color; },
-        set: function (value) { this.color = value; },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(MdRipple.prototype, "_backgroundColorDeprecated", {
-        /** @deprecated */
-        get: function () { return this.backgroundColor; },
-        set: function (value) { this.backgroundColor = value; },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(MdRipple.prototype, "_focusedDeprecated", {
-        /** @deprecated */
-        get: function () { return this.focused; },
-        set: function (value) { this.focused = value; },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(MdRipple.prototype, "_unboundedDeprecated", {
-        /** @deprecated */
-        get: function () { return this.unbounded; },
-        set: function (value) { this.unbounded = value; },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    MdRipple.prototype.ngOnInit = function () {
-        // If no trigger element was explicity set, use the host element
-        if (!this.trigger) {
-            this._rippleRenderer.setTriggerElementToHost();
-        }
-        if (!this.disabled) {
-            this._rippleRenderer.createBackgroundIfNeeded();
-        }
-    };
-    MdRipple.prototype.ngOnDestroy = function () {
-        // Remove event listeners on the trigger element.
-        this._rippleRenderer.clearTriggerElement();
-    };
-    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);
-        }
-        if (!this.disabled) {
-            this._rippleRenderer.createBackgroundIfNeeded();
-        }
-    };
-    /**
-     * Responds to the start of a ripple animation trigger by fading the background in.
-     */
-    MdRipple.prototype.start = function () {
-        this._rippleRenderer.createBackgroundIfNeeded();
-        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 - this._ruler.getViewportScrollPosition().left, event.pageY - this._ruler.getViewportScrollPosition().top, 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('mdRippleTrigger'), 
-        __metadata('design:type', Object)
-    ], MdRipple.prototype, "trigger", void 0);
-    __decorate([
-        Input('md-ripple-trigger'), 
-        __metadata('design:type', Object)
-    ], MdRipple.prototype, "_triggerDeprecated", null);
-    __decorate([
-        Input('mdRippleCentered'), 
-        __metadata('design:type', Boolean)
-    ], MdRipple.prototype, "centered", void 0);
-    __decorate([
-        Input('md-ripple-centered'), 
-        __metadata('design:type', Object)
-    ], MdRipple.prototype, "_centeredDeprecated", null);
-    __decorate([
-        Input('mdRippleDisabled'), 
-        __metadata('design:type', Boolean)
-    ], MdRipple.prototype, "disabled", void 0);
-    __decorate([
-        Input('md-ripple-disabled'), 
-        __metadata('design:type', Object)
-    ], MdRipple.prototype, "_disabledDeprecated", null);
-    __decorate([
-        Input('mdRippleMaxRadius'), 
-        __metadata('design:type', Number)
-    ], MdRipple.prototype, "maxRadius", void 0);
-    __decorate([
-        Input('md-ripple-max-radius'), 
-        __metadata('design:type', Object)
-    ], MdRipple.prototype, "_maxRadiusDeprecated", null);
-    __decorate([
-        Input('mdRippleSpeedFactor'), 
-        __metadata('design:type', Number)
-    ], MdRipple.prototype, "speedFactor", void 0);
-    __decorate([
-        Input('md-ripple-speed-factor'), 
-        __metadata('design:type', Object)
-    ], MdRipple.prototype, "_speedFactorDeprecated", null);
-    __decorate([
-        Input('mdRippleColor'), 
-        __metadata('design:type', String)
-    ], MdRipple.prototype, "color", void 0);
-    __decorate([
-        Input('md-ripple-color'), 
-        __metadata('design:type', Object)
-    ], MdRipple.prototype, "_colorDeprecated", null);
-    __decorate([
-        Input('mdRippleBackgroundColor'), 
-        __metadata('design:type', String)
-    ], MdRipple.prototype, "backgroundColor", void 0);
-    __decorate([
-        Input('md-ripple-background-color'), 
-        __metadata('design:type', Object)
-    ], MdRipple.prototype, "_backgroundColorDeprecated", null);
-    __decorate([
-        HostBinding('class.md-ripple-focused'),
-        Input('mdRippleFocused'), 
-        __metadata('design:type', Boolean)
-    ], MdRipple.prototype, "focused", void 0);
-    __decorate([
-        Input('md-ripple-focused'), 
-        __metadata('design:type', Boolean)
-    ], MdRipple.prototype, "_focusedDeprecated", null);
-    __decorate([
-        HostBinding('class.md-ripple-unbounded'),
-        Input('mdRippleUnbounded'), 
-        __metadata('design:type', Boolean)
-    ], MdRipple.prototype, "unbounded", void 0);
-    __decorate([
-        Input('md-ripple-unbounded'), 
-        __metadata('design:type', Boolean)
-    ], MdRipple.prototype, "_unboundedDeprecated", null);
-    MdRipple = __decorate([
-        Directive({
-            selector: '[md-ripple], [mat-ripple]',
-        }), 
-        __metadata('design:paramtypes', [ElementRef, NgZone, ViewportRuler])
-    ], MdRipple);
-    return MdRipple;
-}());
-export var MdRippleModule = (function () {
-    function MdRippleModule() {
-    }
-    MdRippleModule.forRoot = function () {
-        return {
-            ngModule: MdRippleModule,
-            providers: [ViewportRuler]
-        };
-    };
-    MdRippleModule = __decorate([
-        NgModule({
-            imports: [DefaultStyleCompatibilityModeModule],
-            exports: [MdRipple, DefaultStyleCompatibilityModeModule],
-            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":"ripple.js","sourcesContent":["import {\n  NgModule,\n  ModuleWithProviders,\n  Directive,\n  ElementRef,\n  HostBinding,\n  Input,\n  NgZone,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  SimpleChange,\n} from '@angular/core';\nimport {\n  RippleRenderer,\n  ForegroundRipple,\n  ForegroundRippleState,\n} from './ripple-renderer';\nimport {DefaultStyleCompatibilityModeModule} from '../compatibility/default-mode';\nimport {ViewportRuler} from '../overlay/position/viewport-ruler';\n\n\n@Directive({\n  selector: '[md-ripple], [mat-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('mdRippleTrigger') trigger: HTMLElement|HTMLElement;\n\n  /** @deprecated */\n  @Input('md-ripple-trigger')\n  get _triggerDeprecated() { return this.trigger; }\n  set _triggerDeprecated(value: HTMLElement|HTMLElement) { this.trigger = value; };\n\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('mdRippleCentered') centered: boolean;\n\n  /** @deprecated */\n  @Input('md-ripple-centered')\n  get _centeredDeprecated() { return this.centered; }\n  set _centeredDeprecated(value: boolean) { this.centered = value; };\n\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('mdRippleDisabled') disabled: boolean;\n\n  /** @deprecated */\n  @Input('md-ripple-disabled')\n  get _disabledDeprecated() { return this.disabled; }\n  set _disabledDeprecated(value: boolean) { this.disabled = value; };\n\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('mdRippleMaxRadius') maxRadius: number = 0;\n\n  /** @deprecated */\n  @Input('md-ripple-max-radius')\n  get _maxRadiusDeprecated() { return this.maxRadius; }\n  set _maxRadiusDeprecated(value: number) { this.maxRadius = value; };\n\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('mdRippleSpeedFactor') speedFactor: number = 1;\n\n  /** @deprecated */\n  @Input('md-ripple-speed-factor')\n  get _speedFactorDeprecated() { return this.speedFactor; }\n  set _speedFactorDeprecated(value: number) { this.speedFactor = value; };\n\n  /** Custom color for ripples. */\n  @Input('mdRippleColor') color: string;\n\n  /** @deprecated */\n  @Input('md-ripple-color')\n  get _colorDeprecated() { return this.color; }\n  set _colorDeprecated(value: string) { this.color = value; };\n\n  /** Custom color for the ripple background. */\n  @Input('mdRippleBackgroundColor') backgroundColor: string;\n\n  /** @deprecated */\n  @Input('md-ripple-background-color')\n  get _backgroundColorDeprecated() { return this.backgroundColor; }\n  set _backgroundColorDeprecated(value: string) { this.backgroundColor = value; };\n\n  /** Whether the ripple background will be highlighted to indicated a focused state. */\n  @HostBinding('class.md-ripple-focused') @Input('mdRippleFocused') focused: boolean;\n\n  /** @deprecated */\n  @Input('md-ripple-focused')\n  get _focusedDeprecated(): boolean { return this.focused; }\n  set _focusedDeprecated(value: boolean) { this.focused = value; };\n\n  /** Whether foreground ripples should be visible outside the component's bounds. */\n  @HostBinding('class.md-ripple-unbounded') @Input('mdRippleUnbounded') unbounded: boolean;\n\n  /** @deprecated */\n  @Input('md-ripple-unbounded')\n  get _unboundedDeprecated(): boolean { return this.unbounded; }\n  set _unboundedDeprecated(value: boolean) { this.unbounded = value; };\n\n  private _rippleRenderer: RippleRenderer;\n  _ruler: ViewportRuler;\n\n  constructor(_elementRef: ElementRef, _ngZone: NgZone, _ruler: ViewportRuler) {\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, _ngZone);\n    this._ruler = _ruler;\n  }\n\n  ngOnInit() {\n    // If no trigger element was explicity set, use the host element\n    if (!this.trigger) {\n      this._rippleRenderer.setTriggerElementToHost();\n    }\n    if (!this.disabled) {\n      this._rippleRenderer.createBackgroundIfNeeded();\n    }\n  }\n\n  ngOnDestroy() {\n    // Remove event listeners on the trigger element.\n    this._rippleRenderer.clearTriggerElement();\n  }\n\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    if (!this.disabled) {\n      this._rippleRenderer.createBackgroundIfNeeded();\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.createBackgroundIfNeeded();\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\n      this.end(event.pageX - this._ruler.getViewportScrollPosition().left,\n        event.pageY - this._ruler.getViewportScrollPosition().top,\n        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  imports: [DefaultStyleCompatibilityModeModule],\n  exports: [MdRipple, DefaultStyleCompatibilityModeModule],\n  declarations: [MdRipple],\n})\nexport class MdRippleModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdRippleModule,\n      providers: [ViewportRuler]\n    };\n  }\n}\n"]}