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

package/progress-spinner/progress-spinner.js

@@ -1,337 +0,0 @@
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-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, Component, HostBinding, ChangeDetectorRef, ChangeDetectionStrategy, Input, ElementRef, NgZone } from '@angular/core';
-import { DefaultStyleCompatibilityModeModule } from '../core';
-// TODO(josephperrott): Benchpress tests.
-/** A single degree in radians. */
-var DEGREE_IN_RADIANS = Math.PI / 180;
-/** Duration of the indeterminate animation. */
-var DURATION_INDETERMINATE = 667;
-/** Duration of the indeterminate animation. */
-var DURATION_DETERMINATE = 225;
-/** Start animation value of the indeterminate animation */
-var startIndeterminate = 3;
-/** End animation value of the indeterminate animation */
-var endIndeterminate = 80;
-/* Maximum angle for the arc. The angle can't be exactly 360, because the arc becomes hidden. */
-var MAX_ANGLE = 359.99 / 100;
-/**
- * <md-progress-spinner> component.
- */
-export var MdProgressSpinner = (function () {
-    function MdProgressSpinner(_changeDetectorRef, _ngZone, _elementRef) {
-        this._changeDetectorRef = _changeDetectorRef;
-        this._ngZone = _ngZone;
-        this._elementRef = _elementRef;
-        /** The id of the last requested animation. */
-        this._lastAnimationId = 0;
-        this._mode = 'determinate';
-        this.color = 'primary';
-    }
-    Object.defineProperty(MdProgressSpinner.prototype, "_ariaValueMin", {
-        /**
-         * Values for aria max and min are only defined as numbers when in a determinate mode.  We do this
-         * because voiceover does not report the progress indicator as indeterminate if the aria min
-         * and/or max value are number values.
-         */
-        get: function () {
-            return this.mode == 'determinate' ? 0 : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdProgressSpinner.prototype, "_ariaValueMax", {
-        get: function () {
-            return this.mode == 'determinate' ? 100 : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdProgressSpinner.prototype, "interdeterminateInterval", {
-        /** @docs-private */
-        get: function () {
-            return this._interdeterminateInterval;
-        },
-        /** @docs-private */
-        set: function (interval) {
-            clearInterval(this._interdeterminateInterval);
-            this._interdeterminateInterval = interval;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Clean up any animations that were running.
-     */
-    MdProgressSpinner.prototype.ngOnDestroy = function () {
-        this._cleanupIndeterminateAnimation();
-    };
-    Object.defineProperty(MdProgressSpinner.prototype, "value", {
-        get: function () {
-            if (this.mode == 'determinate') {
-                return this._value;
-            }
-        },
-        set: function (v) {
-            if (v != null && this.mode == 'determinate') {
-                var newValue = clamp(v);
-                this._animateCircle((this.value || 0), newValue, linearEase, DURATION_DETERMINATE, 0);
-                this._value = newValue;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdProgressSpinner.prototype, "mode", {
-        /**
-         * Mode of the progress circle
-         *
-         * Input must be one of the values from ProgressMode, defaults to 'determinate'.
-         * mode is bound to the host as the attribute host.
-         */
-        get: function () {
-            return this._mode;
-        },
-        set: function (m) {
-            if (m == 'indeterminate') {
-                this._startIndeterminateAnimation();
-            }
-            else {
-                this._cleanupIndeterminateAnimation();
-            }
-            this._mode = m;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Animates the circle from one percentage value to another.
-     *
-     * @param animateFrom The percentage of the circle filled starting the animation.
-     * @param animateTo The percentage of the circle filled ending the animation.
-     * @param ease The easing function to manage the pace of change in the animation.
-     * @param duration The length of time to show the animation, in milliseconds.
-     * @param rotation The starting angle of the circle fill, with 0° represented at the top center
-     *    of the circle.
-     */
-    MdProgressSpinner.prototype._animateCircle = function (animateFrom, animateTo, ease, duration, rotation) {
-        var _this = this;
-        var id = ++this._lastAnimationId;
-        var startTime = Date.now();
-        var changeInValue = animateTo - animateFrom;
-        // No need to animate it if the values are the same
-        if (animateTo === animateFrom) {
-            this._renderArc(animateTo, rotation);
-        }
-        else {
-            var animation_1 = function () {
-                var elapsedTime = Math.max(0, Math.min(Date.now() - startTime, duration));
-                _this._renderArc(ease(elapsedTime, animateFrom, changeInValue, duration), rotation);
-                // Prevent overlapping animations by checking if a new animation has been called for and
-                // if the animation has lasted longer than the animation duration.
-                if (id === _this._lastAnimationId && elapsedTime < duration) {
-                    requestAnimationFrame(animation_1);
-                }
-            };
-            // Run the animation outside of Angular's zone, in order to avoid
-            // hitting ZoneJS and change detection on each frame.
-            this._ngZone.runOutsideAngular(animation_1);
-        }
-    };
-    /**
-     * Starts the indeterminate animation interval, if it is not already running.
-     */
-    MdProgressSpinner.prototype._startIndeterminateAnimation = function () {
-        var _this = this;
-        var rotationStartPoint = 0;
-        var start = startIndeterminate;
-        var end = endIndeterminate;
-        var duration = DURATION_INDETERMINATE;
-        var animate = function () {
-            _this._animateCircle(start, end, materialEase, duration, rotationStartPoint);
-            // Prevent rotation from reaching Number.MAX_SAFE_INTEGER.
-            rotationStartPoint = (rotationStartPoint + end) % 100;
-            var temp = start;
-            start = -end;
-            end = -temp;
-        };
-        if (!this.interdeterminateInterval) {
-            this._ngZone.runOutsideAngular(function () {
-                _this.interdeterminateInterval = setInterval(animate, duration + 50, 0, false);
-                animate();
-            });
-        }
-    };
-    /**
-     * Removes interval, ending the animation.
-     */
-    MdProgressSpinner.prototype._cleanupIndeterminateAnimation = function () {
-        this.interdeterminateInterval = null;
-    };
-    /**
-     * Renders the arc onto the SVG element. Proxies `getArc` while setting the proper
-     * DOM attribute on the `<path>`.
-     */
-    MdProgressSpinner.prototype._renderArc = function (currentValue, rotation) {
-        // Caches the path reference so it doesn't have to be looked up every time.
-        var path = this._path = this._path || this._elementRef.nativeElement.querySelector('path');
-        // Ensure that the path was found. This may not be the case if the
-        // animation function fires too early.
-        if (path) {
-            path.setAttribute('d', getSvgArc(currentValue, rotation));
-        }
-    };
-    __decorate([
-        Input(),
-        HostBinding('attr.aria-valuenow'), 
-        __metadata('design:type', Object)
-    ], MdProgressSpinner.prototype, "value", null);
-    __decorate([
-        HostBinding('attr.mode'),
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdProgressSpinner.prototype, "mode", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdProgressSpinner.prototype, "color", void 0);
-    MdProgressSpinner = __decorate([
-        Component({selector: 'md-progress-spinner, mat-progress-spinner, md-progress-circle, mat-progress-circle',
-            host: {
-                'role': 'progressbar',
-                '[attr.aria-valuemin]': '_ariaValueMin',
-                '[attr.aria-valuemax]': '_ariaValueMax',
-                '[class.md-primary]': 'color == "primary"',
-                '[class.md-accent]': 'color == "accent"',
-                '[class.md-warn]': 'color == "warn"',
-            },
-            template: "<svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid meet\"><path></path></svg>",
-            styles: [":host{display:block;height:100px;width:100px;overflow:hidden}:host svg{height:100%;width:100%;transform-origin:center}:host path{fill:transparent;stroke-width:10px}:host[mode=indeterminate] svg{animation-duration:5.25s,2.887s;animation-name:md-progress-spinner-sporadic-rotate,md-progress-spinner-linear-rotate;animation-timing-function:cubic-bezier(.35,0,.25,1),linear;animation-iteration-count:infinite;transition:none}@keyframes md-progress-spinner-linear-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes md-progress-spinner-sporadic-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}"],
-            changeDetection: ChangeDetectionStrategy.OnPush,
-        }), 
-        __metadata('design:paramtypes', [ChangeDetectorRef, NgZone, ElementRef])
-    ], MdProgressSpinner);
-    return MdProgressSpinner;
-}());
-/**
- * <md-spinner> component.
- *
- * This is a component definition to be used as a convenience reference to create an
- * indeterminate <md-progress-spinner> instance.
- */
-export var MdSpinner = (function (_super) {
-    __extends(MdSpinner, _super);
-    function MdSpinner(changeDetectorRef, elementRef, ngZone) {
-        _super.call(this, changeDetectorRef, ngZone, elementRef);
-        this.mode = 'indeterminate';
-    }
-    MdSpinner.prototype.ngOnDestroy = function () {
-        // The `ngOnDestroy` from `MdProgressSpinner` should be called explicitly, because
-        // in certain cases Angular won't call it (e.g. when using AoT and in unit tests).
-        _super.prototype.ngOnDestroy.call(this);
-    };
-    MdSpinner = __decorate([
-        Component({selector: 'md-spinner, mat-spinner',
-            host: {
-                'role': 'progressbar',
-                'mode': 'indeterminate',
-            },
-            template: "<svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid meet\"><path></path></svg>",
-            styles: [":host{display:block;height:100px;width:100px;overflow:hidden}:host svg{height:100%;width:100%;transform-origin:center}:host path{fill:transparent;stroke-width:10px}:host[mode=indeterminate] svg{animation-duration:5.25s,2.887s;animation-name:md-progress-spinner-sporadic-rotate,md-progress-spinner-linear-rotate;animation-timing-function:cubic-bezier(.35,0,.25,1),linear;animation-iteration-count:infinite;transition:none}@keyframes md-progress-spinner-linear-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes md-progress-spinner-sporadic-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}"],
-        }), 
-        __metadata('design:paramtypes', [ChangeDetectorRef, ElementRef, NgZone])
-    ], MdSpinner);
-    return MdSpinner;
-}(MdProgressSpinner));
-/**
- * Module functions.
- */
-/** Clamps a value to be between 0 and 100. */
-function clamp(v) {
-    return Math.max(0, Math.min(100, v));
-}
-/**
- * Converts Polar coordinates to Cartesian.
- */
-function polarToCartesian(radius, pathRadius, angleInDegrees) {
-    var angleInRadians = (angleInDegrees - 90) * DEGREE_IN_RADIANS;
-    return (radius + (pathRadius * Math.cos(angleInRadians))) +
-        ',' + (radius + (pathRadius * Math.sin(angleInRadians)));
-}
-/**
- * Easing function for linear animation.
- */
-function linearEase(currentTime, startValue, changeInValue, duration) {
-    return changeInValue * currentTime / duration + startValue;
-}
-/**
- * Easing function to match material design indeterminate animation.
- */
-function materialEase(currentTime, startValue, changeInValue, duration) {
-    var time = currentTime / duration;
-    var timeCubed = Math.pow(time, 3);
-    var timeQuad = Math.pow(time, 4);
-    var timeQuint = Math.pow(time, 5);
-    return startValue + changeInValue * ((6 * timeQuint) + (-15 * timeQuad) + (10 * timeCubed));
-}
-/**
- * Determines the path value to define the arc.  Converting percentage values to to polar
- * coordinates on the circle, and then to cartesian coordinates in the viewport.
- *
- * @param currentValue The current percentage value of the progress circle, the percentage of the
- *    circle to fill.
- * @param rotation The starting point of the circle with 0 being the 0 degree point.
- * @return A string for an SVG path representing a circle filled from the starting point to the
- *    percentage value provided.
- */
-function getSvgArc(currentValue, rotation) {
-    var startPoint = rotation || 0;
-    var radius = 50;
-    var pathRadius = 40;
-    var startAngle = startPoint * MAX_ANGLE;
-    var endAngle = currentValue * MAX_ANGLE;
-    var start = polarToCartesian(radius, pathRadius, startAngle);
-    var end = polarToCartesian(radius, pathRadius, endAngle + startAngle);
-    var arcSweep = endAngle < 0 ? 0 : 1;
-    var largeArcFlag;
-    if (endAngle < 0) {
-        largeArcFlag = endAngle >= -180 ? 0 : 1;
-    }
-    else {
-        largeArcFlag = endAngle <= 180 ? 0 : 1;
-    }
-    return "M" + start + "A" + pathRadius + "," + pathRadius + " 0 " + largeArcFlag + "," + arcSweep + " " + end;
-}
-export var MdProgressSpinnerModule = (function () {
-    function MdProgressSpinnerModule() {
-    }
-    MdProgressSpinnerModule.forRoot = function () {
-        return {
-            ngModule: MdProgressSpinnerModule,
-            providers: []
-        };
-    };
-    MdProgressSpinnerModule = __decorate([
-        NgModule({
-            imports: [DefaultStyleCompatibilityModeModule],
-            exports: [MdProgressSpinner, MdSpinner, DefaultStyleCompatibilityModeModule],
-            declarations: [MdProgressSpinner, MdSpinner],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdProgressSpinnerModule);
-    return MdProgressSpinnerModule;
-}());
-
-//# sourceMappingURL=progress-spinner.js.map

package/progress-spinner/progress-spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["progress-spinner/progress-spinner.ts"],"names":[],"mappings":"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","file":"progress-spinner.js","sourcesContent":["import {\n  NgModule,\n  ModuleWithProviders,\n  Component,\n  HostBinding,\n  ChangeDetectorRef,\n  ChangeDetectionStrategy,\n  OnDestroy,\n  Input,\n  ElementRef,\n  NgZone\n} from '@angular/core';\nimport {DefaultStyleCompatibilityModeModule} from '../core';\n\n\n// TODO(josephperrott): Benchpress tests.\n\n/** A single degree in radians. */\nconst DEGREE_IN_RADIANS = Math.PI / 180;\n/** Duration of the indeterminate animation. */\nconst DURATION_INDETERMINATE = 667;\n/** Duration of the indeterminate animation. */\nconst DURATION_DETERMINATE = 225;\n/** Start animation value of the indeterminate animation */\nconst startIndeterminate = 3;\n/** End animation value of the indeterminate animation */\nconst endIndeterminate = 80;\n/* Maximum angle for the arc. The angle can't be exactly 360, because the arc becomes hidden. */\nconst MAX_ANGLE = 359.99 / 100;\n\nexport type ProgressSpinnerMode = 'determinate' | 'indeterminate';\n\ntype EasingFn = (currentTime: number, startValue: number,\n                 changeInValue: number, duration: number) => number\n\n\n/**\n * <md-progress-spinner> component.\n */\n@Component({\n  moduleId: module.id,\n  selector: 'md-progress-spinner, mat-progress-spinner, md-progress-circle, mat-progress-circle',\n  host: {\n    'role': 'progressbar',\n    '[attr.aria-valuemin]': '_ariaValueMin',\n    '[attr.aria-valuemax]': '_ariaValueMax',\n    '[class.md-primary]': 'color == \"primary\"',\n    '[class.md-accent]': 'color == \"accent\"',\n    '[class.md-warn]': 'color == \"warn\"',\n  },\n  templateUrl: 'progress-spinner.html',\n  styleUrls: ['progress-spinner.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MdProgressSpinner implements OnDestroy {\n  /** The id of the last requested animation. */\n  private _lastAnimationId: number = 0;\n\n  /** The id of the indeterminate interval. */\n  private _interdeterminateInterval: number;\n\n  /** The SVG <path> node that is used to draw the circle. */\n  private _path: SVGPathElement;\n\n  /**\n   * Values for aria max and min are only defined as numbers when in a determinate mode.  We do this\n   * because voiceover does not report the progress indicator as indeterminate if the aria min\n   * and/or max value are number values.\n   */\n  get _ariaValueMin() {\n    return this.mode == 'determinate' ? 0 : null;\n  }\n\n  get _ariaValueMax() {\n    return this.mode == 'determinate' ? 100 : null;\n  }\n\n  /** @docs-private */\n  get interdeterminateInterval() {\n    return this._interdeterminateInterval;\n  }\n  /** @docs-private */\n  set interdeterminateInterval(interval: number) {\n    clearInterval(this._interdeterminateInterval);\n    this._interdeterminateInterval = interval;\n  }\n\n  /**\n   * Clean up any animations that were running.\n   */\n  ngOnDestroy() {\n    this._cleanupIndeterminateAnimation();\n  }\n\n  /** Value of the progress circle. It is bound to the host as the attribute aria-valuenow. */\n  private _value: number;\n  @Input()\n  @HostBinding('attr.aria-valuenow')\n  get value() {\n    if (this.mode == 'determinate') {\n      return this._value;\n    }\n  }\n  set value(v: number) {\n    if (v != null && this.mode == 'determinate') {\n      let newValue = clamp(v);\n      this._animateCircle((this.value || 0), newValue, linearEase, DURATION_DETERMINATE, 0);\n      this._value = newValue;\n    }\n  }\n\n  /**\n   * Mode of the progress circle\n   *\n   * Input must be one of the values from ProgressMode, defaults to 'determinate'.\n   * mode is bound to the host as the attribute host.\n   */\n  @HostBinding('attr.mode')\n  @Input()\n  get mode() {\n    return this._mode;\n  }\n  set mode(m: ProgressSpinnerMode) {\n    if (m == 'indeterminate') {\n      this._startIndeterminateAnimation();\n    } else {\n      this._cleanupIndeterminateAnimation();\n    }\n    this._mode = m;\n  }\n  private _mode: ProgressSpinnerMode = 'determinate';\n\n  @Input() color: 'primary' | 'accent' | 'warn' = 'primary';\n\n  constructor(\n    private _changeDetectorRef: ChangeDetectorRef,\n    private _ngZone: NgZone,\n    private _elementRef: ElementRef\n  ) {}\n\n\n  /**\n   * Animates the circle from one percentage value to another.\n   *\n   * @param animateFrom The percentage of the circle filled starting the animation.\n   * @param animateTo The percentage of the circle filled ending the animation.\n   * @param ease The easing function to manage the pace of change in the animation.\n   * @param duration The length of time to show the animation, in milliseconds.\n   * @param rotation The starting angle of the circle fill, with 0° represented at the top center\n   *    of the circle.\n   */\n  private _animateCircle(animateFrom: number, animateTo: number, ease: EasingFn,\n                        duration: number, rotation: number) {\n\n    let id = ++this._lastAnimationId;\n    let startTime = Date.now();\n    let changeInValue = animateTo - animateFrom;\n\n    // No need to animate it if the values are the same\n    if (animateTo === animateFrom) {\n      this._renderArc(animateTo, rotation);\n    } else {\n      let animation = () => {\n        let elapsedTime = Math.max(0, Math.min(Date.now() - startTime, duration));\n\n        this._renderArc(\n          ease(elapsedTime, animateFrom, changeInValue, duration),\n          rotation\n        );\n\n        // Prevent overlapping animations by checking if a new animation has been called for and\n        // if the animation has lasted longer than the animation duration.\n        if (id === this._lastAnimationId && elapsedTime < duration) {\n          requestAnimationFrame(animation);\n        }\n      };\n\n      // Run the animation outside of Angular's zone, in order to avoid\n      // hitting ZoneJS and change detection on each frame.\n      this._ngZone.runOutsideAngular(animation);\n    }\n  }\n\n\n  /**\n   * Starts the indeterminate animation interval, if it is not already running.\n   */\n  private _startIndeterminateAnimation() {\n    let rotationStartPoint = 0;\n    let start = startIndeterminate;\n    let end = endIndeterminate;\n    let duration = DURATION_INDETERMINATE;\n    let animate = () => {\n      this._animateCircle(start, end, materialEase, duration, rotationStartPoint);\n      // Prevent rotation from reaching Number.MAX_SAFE_INTEGER.\n      rotationStartPoint = (rotationStartPoint + end) % 100;\n      let temp = start;\n      start = -end;\n      end = -temp;\n    };\n\n    if (!this.interdeterminateInterval) {\n      this._ngZone.runOutsideAngular(() => {\n        this.interdeterminateInterval = setInterval(animate, duration + 50, 0, false);\n        animate();\n      });\n    }\n  }\n\n\n  /**\n   * Removes interval, ending the animation.\n   */\n  private _cleanupIndeterminateAnimation() {\n    this.interdeterminateInterval = null;\n  }\n\n  /**\n   * Renders the arc onto the SVG element. Proxies `getArc` while setting the proper\n   * DOM attribute on the `<path>`.\n   */\n  private _renderArc(currentValue: number, rotation: number) {\n    // Caches the path reference so it doesn't have to be looked up every time.\n    let path = this._path = this._path || this._elementRef.nativeElement.querySelector('path');\n\n    // Ensure that the path was found. This may not be the case if the\n    // animation function fires too early.\n    if (path) {\n      path.setAttribute('d', getSvgArc(currentValue, rotation));\n    }\n  }\n}\n\n\n/**\n * <md-spinner> component.\n *\n * This is a component definition to be used as a convenience reference to create an\n * indeterminate <md-progress-spinner> instance.\n */\n@Component({\n  moduleId: module.id,\n  selector: 'md-spinner, mat-spinner',\n  host: {\n    'role': 'progressbar',\n    'mode': 'indeterminate',\n  },\n  templateUrl: 'progress-spinner.html',\n  styleUrls: ['progress-spinner.css'],\n})\nexport class MdSpinner extends MdProgressSpinner implements OnDestroy {\n  constructor(changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef, ngZone: NgZone) {\n    super(changeDetectorRef, ngZone, elementRef);\n    this.mode = 'indeterminate';\n  }\n\n  ngOnDestroy() {\n    // The `ngOnDestroy` from `MdProgressSpinner` should be called explicitly, because\n    // in certain cases Angular won't call it (e.g. when using AoT and in unit tests).\n    super.ngOnDestroy();\n  }\n}\n\n\n/**\n * Module functions.\n */\n\n/** Clamps a value to be between 0 and 100. */\nfunction clamp(v: number) {\n  return Math.max(0, Math.min(100, v));\n}\n\n\n/**\n * Converts Polar coordinates to Cartesian.\n */\nfunction polarToCartesian(radius: number, pathRadius: number, angleInDegrees: number) {\n  let angleInRadians = (angleInDegrees - 90) * DEGREE_IN_RADIANS;\n\n  return (radius + (pathRadius * Math.cos(angleInRadians))) +\n    ',' + (radius + (pathRadius * Math.sin(angleInRadians)));\n}\n\n\n/**\n * Easing function for linear animation.\n */\nfunction linearEase(currentTime: number, startValue: number,\n                    changeInValue: number, duration: number) {\n  return changeInValue * currentTime / duration + startValue;\n}\n\n\n/**\n * Easing function to match material design indeterminate animation.\n */\nfunction materialEase(currentTime: number, startValue: number,\n                      changeInValue: number, duration: number) {\n  let time = currentTime / duration;\n  let timeCubed = Math.pow(time, 3);\n  let timeQuad = Math.pow(time, 4);\n  let timeQuint = Math.pow(time, 5);\n  return startValue + changeInValue * ((6 * timeQuint) + (-15 * timeQuad) + (10 * timeCubed));\n}\n\n\n/**\n * Determines the path value to define the arc.  Converting percentage values to to polar\n * coordinates on the circle, and then to cartesian coordinates in the viewport.\n *\n * @param currentValue The current percentage value of the progress circle, the percentage of the\n *    circle to fill.\n * @param rotation The starting point of the circle with 0 being the 0 degree point.\n * @return A string for an SVG path representing a circle filled from the starting point to the\n *    percentage value provided.\n */\nfunction getSvgArc(currentValue: number, rotation: number) {\n  let startPoint = rotation || 0;\n  let radius = 50;\n  let pathRadius = 40;\n\n  let startAngle = startPoint * MAX_ANGLE;\n  let endAngle = currentValue * MAX_ANGLE;\n  let start = polarToCartesian(radius, pathRadius, startAngle);\n  let end = polarToCartesian(radius, pathRadius, endAngle + startAngle);\n  let arcSweep = endAngle < 0 ? 0 : 1;\n  let largeArcFlag: number;\n\n  if (endAngle < 0) {\n    largeArcFlag = endAngle >= -180 ? 0 : 1;\n  } else {\n    largeArcFlag = endAngle <= 180 ? 0 : 1;\n  }\n\n  return `M${start}A${pathRadius},${pathRadius} 0 ${largeArcFlag},${arcSweep} ${end}`;\n}\n\n\n@NgModule({\n  imports: [DefaultStyleCompatibilityModeModule],\n  exports: [MdProgressSpinner, MdSpinner, DefaultStyleCompatibilityModeModule],\n  declarations: [MdProgressSpinner, MdSpinner],\n})\nexport class MdProgressSpinnerModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdProgressSpinnerModule,\n      providers: []\n    };\n  }\n}\n"]}

package/progress-spinner/progress-spinner.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdProgressSpinner":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-progress-spinner, mat-progress-spinner, md-progress-circle, mat-progress-circle","host":{"role":"progressbar","[attr.aria-valuemin]":"_ariaValueMin","[attr.aria-valuemax]":"_ariaValueMax","[class.md-primary]":"color == \"primary\"","[class.md-accent]":"color == \"accent\"","[class.md-warn]":"color == \"warn\""},"templateUrl":"progress-spinner.html","styleUrls":["progress-spinner.css"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"ngOnDestroy":[{"__symbolic":"method"}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuenow"]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.mode"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"_animateCircle":[{"__symbolic":"method"}],"_startIndeterminateAnimation":[{"__symbolic":"method"}],"_cleanupIndeterminateAnimation":[{"__symbolic":"method"}],"_renderArc":[{"__symbolic":"method"}]}},"MdSpinner":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MdProgressSpinner"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-spinner, mat-spinner","host":{"role":"progressbar","mode":"indeterminate"},"templateUrl":"progress-spinner.html","styleUrls":["progress-spinner.css"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MdProgressSpinnerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"exports":[{"__symbolic":"reference","name":"MdProgressSpinner"},{"__symbolic":"reference","name":"MdSpinner"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"declarations":[{"__symbolic":"reference","name":"MdProgressSpinner"},{"__symbolic":"reference","name":"MdSpinner"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdProgressSpinnerModule"},"providers":[]}}}}}},{"__symbolic":"module","metadata":{"MdProgressSpinner":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-progress-spinner, mat-progress-spinner, md-progress-circle, mat-progress-circle","host":{"role":"progressbar","[attr.aria-valuemin]":"_ariaValueMin","[attr.aria-valuemax]":"_ariaValueMax","[class.md-primary]":"color == \"primary\"","[class.md-accent]":"color == \"accent\"","[class.md-warn]":"color == \"warn\""},"templateUrl":"progress-spinner.html","styleUrls":["progress-spinner.css"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"ngOnDestroy":[{"__symbolic":"method"}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-valuenow"]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.mode"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"_animateCircle":[{"__symbolic":"method"}],"_startIndeterminateAnimation":[{"__symbolic":"method"}],"_cleanupIndeterminateAnimation":[{"__symbolic":"method"}],"_renderArc":[{"__symbolic":"method"}]}},"MdSpinner":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MdProgressSpinner"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-spinner, mat-spinner","host":{"role":"progressbar","mode":"indeterminate"},"templateUrl":"progress-spinner.html","styleUrls":["progress-spinner.css"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MdProgressSpinnerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"exports":[{"__symbolic":"reference","name":"MdProgressSpinner"},{"__symbolic":"reference","name":"MdSpinner"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"declarations":[{"__symbolic":"reference","name":"MdProgressSpinner"},{"__symbolic":"reference","name":"MdSpinner"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdProgressSpinnerModule"},"providers":[]}}}}},"version":1}]

package/progress-spinner/progress-spinner.scss

@@ -1,68 +0,0 @@
-@import '../core/style/variables';
-
-
-// Animation Durations
-$md-progress-spinner-duration: 5250ms !default;
-$md-progress-spinner-constant-rotate-duration: $md-progress-spinner-duration * 0.55 !default;
-$md-progress-spinner-sporadic-rotate-duration: $md-progress-spinner-duration !default;
-
-// Component sizing
-$md-progress-spinner-stroke-width: 10px !default;
-// Height and weight of the viewport for md-progress-spinner.
-$md-progress-spinner-viewport-size: 100px !default;
-
-
-:host {
-  display: block;
-  // Height and width are provided for md-progress-spinner to act as a default.
-  // The height and width are expected to be overwritten by application css.
-  height: $md-progress-spinner-viewport-size;
-  width: $md-progress-spinner-viewport-size;
-  overflow: hidden;
-
-  // SVG's viewBox is defined as 0 0 100 100, this means that all SVG children will placed
-  // based on a 100px by 100px box.  Additionally all SVG sizes and locations are in reference to
-  // this viewBox.
-  svg {
-    height: 100%;
-    width: 100%;
-    transform-origin: center;
-  }
-
-
-  path {
-    fill: transparent;
-
-    // Stroke width of 10px defines stroke as 10% of the viewBox.
-    stroke-width: $md-progress-spinner-stroke-width;
-  }
-
-
-  &[mode='indeterminate'] svg {
-    animation-duration: $md-progress-spinner-sporadic-rotate-duration,
-                        $md-progress-spinner-constant-rotate-duration;
-    animation-name: md-progress-spinner-sporadic-rotate,
-                    md-progress-spinner-linear-rotate;
-    animation-timing-function: $ease-in-out-curve-function,
-                               linear;
-    animation-iteration-count: infinite;
-    transition: none;
-  }
-}
-
-
-// Animations for indeterminate mode
-@keyframes md-progress-spinner-linear-rotate {
-  0%       { transform: rotate(0deg); }
-  100%     { transform: rotate(360deg); }
-}
-@keyframes md-progress-spinner-sporadic-rotate {
-  12.5%    { transform: rotate( 135deg); }
-  25%      { transform: rotate( 270deg); }
-  37.5%    { transform: rotate( 405deg); }
-  50%      { transform: rotate( 540deg); }
-  62.5%    { transform: rotate( 675deg); }
-  75%      { transform: rotate( 810deg); }
-  87.5%    { transform: rotate( 945deg); }
-  100%     { transform: rotate(1080deg); }
-}

package/radio/OVERVIEW.md

@@ -1,29 +0,0 @@
-`<md-radio>` provides the same functionality as a native `<input type="radio">` enhanced with 
-Material Design styling and animations.  
- 
-<!-- example(radio-overview) -->
- 
-All radio buttons with the same `name` comprise a set from which only one may be selected at a time.
-  
-### Radio-button label
-The radio-button label is provided as the content to the `<md-checkbox>` element. The label can be 
-positioned before or after the radio-button by setting the `labelPosition` property to `'before'` 
-or `'after'`.
-
-If you don't want the label to appear next to the radio-button, you can use 
-[`aria-label`](https://www.w3.org/TR/wai-aria/states_and_properties#aria-label) or 
-[`aria-labelledby`](https://www.w3.org/TR/wai-aria/states_and_properties#aria-labelledby) to 
-specify an appropriate label.
-
-
-### Radio groups
-Radio-buttons should typically be placed inside of an `<md-radio-group>` unless the DOM structure
-would make that impossible (e.g., radio buttons inside of table cells). The radio-group has a 
-`value` property that reflects the currently selected radio-button inside of the group.
-
-Individual radio-buttons inside of a radio-group will inherit the `name` of the group.
-
-
-### Use with `@angular/forms`
-`<md-radio-group>` is compatible with `@angular/forms` and supports both `FormsModule` 
-and `ReactiveFormsModule`.

package/radio/README.md

@@ -1,55 +0,0 @@
-# MdRadio
-Radio buttons allow the user to select one option from a set. Use radio buttons for exclusive selection if you think that the user needs to see all available options side-by-side.
-
-![Preview](https://material.angularjs.org/material2_assets/radio/radios.png)
-
-### Examples
-A basic radio group would have the following markup.
-```html
-<md-radio-group>
-  <md-radio-button value="option_1">1</md-radio-button>
-  <md-radio-button value="option_2">2</md-radio-button>
-</md-radio-group>
-```
-
-A dynamic example for use inside a form showing support for `[(ngModel)]`:
-```html
-<md-radio-group [(ngModel)]="chosenOption">
-  <md-radio-button *ngFor="let o of options" [value]="o.value">
-    {{o.label}}
-  </md-radio-button>
-</md-radio-group>
-```
-
-## `<md-radio-group>`
-### Properties
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `selected` | `MdRadioButton` | The currently selected button. |
-| `value` | `any` | The current value for this group. |
-| `disabled` | `boolean` | Whether the group is disabled. |
-
-When selection is changed, an event is emitted from the `change` EventEmitter property.
-
-### Notes
-The `md-radio-group` component has no button initially selected.
-
-## `<md-radio-button>`
-### Properties
-
-| Name (attribute) | Type | Description |
-| --- | --- | --- |
-| `id` | `string` | The unique ID of this radio button. |
-| `name` | `string` | Group name, defaults to parent radio group if present. |
-| `value` | `any` | The value of this radio button. |
-| `checked` | `boolean` | Whether the radio is checked. |
-| `disabled` | `boolean` | Whether the radio is disabled. |
-| `aria-label` | `string` | Used to set the `aria-label` attribute of the underlying input element. |
-| `aria-labelledby` | `string` | Used to set the `aria-labelledby` attribute of the underlying input element.
-                                 If provided, this attribute takes precedence as the element's text alternative. |
-
-When checked, an event is emitted from the `change` EventEmitter property.
-
-### Notes
-* The `md-radio-button` component by default uses the accent color from the theme palette.

package/radio/_radio-theme.scss

@@ -1,39 +0,0 @@
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-
-
-@mixin md-radio-theme($theme) {
-  $primary: map-get($theme, primary);
-  $accent: map-get($theme, accent);
-  $warn: map-get($theme, warn);
-  $background: map-get($theme, background);
-  $foreground: map-get($theme, foreground);
-
-  .md-radio-outer-circle {
-    border-color: md-color($foreground, secondary-text);
-
-    .md-radio-checked & {
-      border-color: md-color($accent);
-    }
-
-    .md-radio-disabled & {
-      border-color: md-color($foreground, disabled);
-    }
-  }
-
-  .md-radio-inner-circle {
-    background-color: md-color($accent);
-
-    .md-radio-disabled & {
-      background-color: md-color($foreground, disabled);
-    }
-  }
-
-  .md-radio-ripple .md-ripple-foreground {
-    background-color: md-color($accent, 0.26);
-
-    .md-radio-disabled & {
-      background-color: md-color($foreground, disabled);
-    }
-  }
-}

package/radio/index.js

@@ -1,3 +0,0 @@
-export * from './radio';
-
-//# sourceMappingURL=index.js.map

package/radio/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC","file":"index.js","sourcesContent":["export * from './radio';\n"]}

package/radio/radio.css

@@ -1 +0,0 @@
-md-radio-button{display:inline-block}.md-radio-label{cursor:pointer;display:inline-flex;align-items:baseline;white-space:nowrap}.md-radio-container{box-sizing:border-box;display:inline-block;height:20px;position:relative;width:20px;top:2px}.md-radio-inner-circle,.md-radio-outer-circle{box-sizing:border-box;height:20px;left:0;top:0;width:20px;position:absolute}.md-radio-outer-circle{border:2px solid;border-radius:50%;transition:border-color ease 280ms}.md-radio-inner-circle{border-radius:50%;transition:transform ease 280ms,background-color ease 280ms;transform:scale(0)}.md-radio-checked .md-radio-inner-circle{transform:scale(.5)}.md-radio-label-content{display:inline-block;order:0;line-height:inherit;padding-left:8px;padding-right:0}[dir=rtl] .md-radio-label-content{padding-right:8px;padding-left:0}.md-radio-label-content.md-radio-label-before{order:-1;padding-left:0;padding-right:8px}[dir=rtl] .md-radio-label-content.md-radio-label-before{padding-right:0;padding-left:8px}.md-radio-disabled,.md-radio-disabled .md-radio-label{cursor:default}.md-radio-ripple{position:absolute;left:-15px;top:-15px;right:-15px;bottom:-15px;border-radius:50%;z-index:1;pointer-events:none}

package/radio/radio.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["radio.css"],"names":[],"mappings":"AAAA;EACE,sBAAsB,EAAE;;AAE1B;EACE,gBAAgB;EAChB,qBAAqB;EACrB,sBAAsB;EACtB,oBAAoB,EAAE;;AAExB;EACE,uBAAuB;EACvB,sBAAsB;EACtB,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,SAAS,EAAE;;AAEb;EACE,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;EACvB,aAAa;EACb,QAAQ;EACR,mBAAmB;EACnB,OAAO;EACP,oCAAoC;EACpC,YAAY,EAAE;;AAEhB;EACE,mBAAmB;EACnB,uBAAuB;EACvB,aAAa;EACb,QAAQ;EACR,mBAAmB;EACnB,OAAO;EACP,8DAA8D;EAC9D,oBAAoB;EACpB,YAAY,EAAE;EACd;IACE,sBAAsB,EAAE;;AAE5B;EACE,sBAAsB;EACtB,SAAS;EACT,qBAAqB;EACrB,kBAAkB;EAClB,iBAAiB,EAAE;EACnB;IACE,mBAAmB;IACnB,gBAAgB,EAAE;;AAEtB;EACE,UAAU;EACV,gBAAgB;EAChB,mBAAmB,EAAE;EACrB;IACE,iBAAiB;IACjB,kBAAkB,EAAE;;AAExB;EACE,gBAAgB,EAAE;;AAEpB;EACE,mBAAmB;EACnB,YAAY;EACZ,WAAW;EACX,aAAa;EACb,cAAc;EACd,mBAAmB;EACnB,WAAW;EACX,qBAAqB,EAAE","file":"radio.css","sourcesContent":["md-radio-button {\n  display: inline-block; }\n\n.md-radio-label {\n  cursor: pointer;\n  display: inline-flex;\n  align-items: baseline;\n  white-space: nowrap; }\n\n.md-radio-container {\n  box-sizing: border-box;\n  display: inline-block;\n  height: 20px;\n  position: relative;\n  width: 20px;\n  top: 2px; }\n\n.md-radio-outer-circle {\n  border: solid 2px;\n  border-radius: 50%;\n  box-sizing: border-box;\n  height: 20px;\n  left: 0;\n  position: absolute;\n  top: 0;\n  transition: border-color ease 280ms;\n  width: 20px; }\n\n.md-radio-inner-circle {\n  border-radius: 50%;\n  box-sizing: border-box;\n  height: 20px;\n  left: 0;\n  position: absolute;\n  top: 0;\n  transition: transform ease 280ms, background-color ease 280ms;\n  transform: scale(0);\n  width: 20px; }\n  .md-radio-checked .md-radio-inner-circle {\n    transform: scale(0.5); }\n\n.md-radio-label-content {\n  display: inline-block;\n  order: 0;\n  line-height: inherit;\n  padding-left: 8px;\n  padding-right: 0; }\n  [dir='rtl'] .md-radio-label-content {\n    padding-right: 8px;\n    padding-left: 0; }\n\n.md-radio-label-content.md-radio-label-before {\n  order: -1;\n  padding-left: 0;\n  padding-right: 8px; }\n  [dir='rtl'] .md-radio-label-content.md-radio-label-before {\n    padding-right: 0;\n    padding-left: 8px; }\n\n.md-radio-disabled, .md-radio-disabled .md-radio-label {\n  cursor: default; }\n\n.md-radio-ripple {\n  position: absolute;\n  left: -15px;\n  top: -15px;\n  right: -15px;\n  bottom: -15px;\n  border-radius: 50%;\n  z-index: 1;\n  pointer-events: none; }\n"]}