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

package/button/button.d.ts

@@ -1,35 +0,0 @@
-import { ElementRef, Renderer, ModuleWithProviders } from '@angular/core';
-export declare class MdButton {
-    private _elementRef;
-    private _renderer;
-    private _color;
-    /** Whether the button has focus from the keyboard (not the mouse). Used for class binding. */
-    _isKeyboardFocused: boolean;
-    /** Whether a mousedown has occurred on this element in the last 100ms. */
-    _isMouseDown: boolean;
-    /** Whether the ripple effect on click should be disabled. */
-    disableRipple: boolean;
-    constructor(_elementRef: ElementRef, _renderer: Renderer);
-    color: string;
-    _setMousedown(): void;
-    _updateColor(newColor: string): void;
-    _setElementColor(color: string, isAdd: boolean): void;
-    _setKeyboardFocus(): void;
-    _removeKeyboardFocus(): void;
-    /** TODO(hansl): e2e test this function. */
-    focus(): void;
-    getHostElement(): any;
-    isRoundButton(): any;
-    isRippleEnabled(): boolean;
-}
-export declare class MdAnchor extends MdButton {
-    _disabled: boolean;
-    constructor(elementRef: ElementRef, renderer: Renderer);
-    readonly tabIndex: number;
-    readonly isAriaDisabled: string;
-    disabled: boolean;
-    _haltDisabledEvents(event: Event): void;
-}
-export declare class MdButtonModule {
-    static forRoot(): ModuleWithProviders;
-}

package/button/button.html

@@ -1,6 +0,0 @@
-<span class="md-button-wrapper"><ng-content></ng-content></span>
-<div md-ripple *ngIf="isRippleEnabled()" class="md-button-ripple"
-    [class.md-button-ripple-round]="isRoundButton()"
-    [md-ripple-trigger]="getHostElement()"
-    [md-ripple-color]="isRoundButton() ? 'rgba(255, 255, 255, 0.2)' : ''"
-    md-ripple-background-color="rgba(0, 0, 0, 0)"></div>

package/button/button.js

@@ -1,196 +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 { Component, ViewEncapsulation, Input, HostBinding, ChangeDetectionStrategy, ElementRef, Renderer, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { BooleanFieldValue, MdRippleModule } from '../core';
-// TODO(jelbourn): Make the `isMouseDown` stuff done with one global listener.
-// TODO(kara): Convert attribute selectors to classes when attr maps become available
-export var MdButton = (function () {
-    function MdButton(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-        /** Whether the button has focus from the keyboard (not the mouse). Used for class binding. */
-        this._isKeyboardFocused = false;
-        /** Whether a mousedown has occurred on this element in the last 100ms. */
-        this._isMouseDown = false;
-        /** Whether the ripple effect on click should be disabled. */
-        this.disableRipple = false;
-    }
-    Object.defineProperty(MdButton.prototype, "color", {
-        get: function () {
-            return this._color;
-        },
-        set: function (value) {
-            this._updateColor(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MdButton.prototype._setMousedown = function () {
-        var _this = this;
-        // We only *show* the focus style when focus has come to the button via the keyboard.
-        // The Material Design spec is silent on this topic, and without doing this, the
-        // button continues to look :active after clicking.
-        // @see http://marcysutton.com/button-focus-hell/
-        this._isMouseDown = true;
-        setTimeout(function () { _this._isMouseDown = false; }, 100);
-    };
-    MdButton.prototype._updateColor = function (newColor) {
-        this._setElementColor(this._color, false);
-        this._setElementColor(newColor, true);
-        this._color = newColor;
-    };
-    MdButton.prototype._setElementColor = function (color, isAdd) {
-        if (color != null && color != '') {
-            this._renderer.setElementClass(this._elementRef.nativeElement, "md-" + color, isAdd);
-        }
-    };
-    MdButton.prototype._setKeyboardFocus = function () {
-        this._isKeyboardFocused = !this._isMouseDown;
-    };
-    MdButton.prototype._removeKeyboardFocus = function () {
-        this._isKeyboardFocused = false;
-    };
-    /** TODO(hansl): e2e test this function. */
-    MdButton.prototype.focus = function () {
-        this._elementRef.nativeElement.focus();
-    };
-    MdButton.prototype.getHostElement = function () {
-        return this._elementRef.nativeElement;
-    };
-    MdButton.prototype.isRoundButton = function () {
-        var el = this._elementRef.nativeElement;
-        return el.hasAttribute('md-icon-button') ||
-            el.hasAttribute('md-fab') ||
-            el.hasAttribute('md-mini-fab');
-    };
-    MdButton.prototype.isRippleEnabled = function () {
-        return !this.disableRipple;
-    };
-    __decorate([
-        Input(),
-        BooleanFieldValue(), 
-        __metadata('design:type', Boolean)
-    ], MdButton.prototype, "disableRipple", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdButton.prototype, "color", null);
-    MdButton = __decorate([
-        Component({selector: 'button[md-button], button[md-raised-button], button[md-icon-button], ' +
-                'button[md-fab], button[md-mini-fab]',
-            host: {
-                '[class.md-button-focus]': '_isKeyboardFocused',
-                '(mousedown)': '_setMousedown()',
-                '(focus)': '_setKeyboardFocus()',
-                '(blur)': '_removeKeyboardFocus()',
-            },
-            template: "<span class=\"md-button-wrapper\"><ng-content></ng-content></span> <div md-ripple *ngIf=\"isRippleEnabled()\" class=\"md-button-ripple\" [class.md-button-ripple-round]=\"isRoundButton()\" [md-ripple-trigger]=\"getHostElement()\" [md-ripple-color]=\"isRoundButton() ? 'rgba(255, 255, 255, 0.2)' : ''\" md-ripple-background-color=\"rgba(0, 0, 0, 0)\"></div> ",
-            styles: ["[md-raised-button], [md-fab], [md-mini-fab], [md-button], [md-icon-button] { box-sizing: border-box; position: relative; cursor: pointer; user-select: none; outline: none; border: none; display: inline-block; white-space: nowrap; text-decoration: none; vertical-align: baseline; font-size: 14px; font-family: Roboto, \"Helvetica Neue\", sans-serif; font-weight: 500; color: currentColor; text-align: center; margin: 0; min-width: 88px; line-height: 36px; padding: 0 16px; border-radius: 3px; } [disabled][md-raised-button], [disabled][md-fab], [disabled][md-mini-fab], [disabled][md-button], [disabled][md-icon-button] { cursor: default; } .md-button-focus[md-raised-button]::after, .md-button-focus[md-fab]::after, .md-button-focus[md-mini-fab]::after, .md-button-focus[md-button]::after, .md-button-focus[md-icon-button]::after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ''; background-color: rgba(0, 0, 0, 0.12); border-radius: inherit; pointer-events: none; } [md-raised-button], [md-fab], [md-mini-fab] { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); transform: translate3d(0, 0, 0); transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); } [md-raised-button]:active, [md-fab]:active, [md-mini-fab]:active { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } [disabled][md-raised-button], [disabled][md-fab], [disabled][md-mini-fab] { box-shadow: none; } [md-button]:hover::after, [md-icon-button]:hover::after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ''; background-color: rgba(0, 0, 0, 0.12); border-radius: inherit; pointer-events: none; } [md-button][disabled]:hover.md-primary, [md-button][disabled]:hover.md-accent, [md-button][disabled]:hover.md-warn, [md-button][disabled]:hover::after, [md-icon-button][disabled]:hover.md-primary, [md-icon-button][disabled]:hover.md-accent, [md-icon-button][disabled]:hover.md-warn, [md-icon-button][disabled]:hover::after { background-color: transparent; } [md-fab] { min-width: 0; border-radius: 50%; width: 56px; height: 56px; padding: 0; } [md-fab] i, [md-fab] md-icon { padding: 16px 0; } [md-mini-fab] { min-width: 0; border-radius: 50%; width: 40px; height: 40px; padding: 0; } [md-mini-fab] i, [md-mini-fab] md-icon { padding: 8px 0; } [md-icon-button] { min-width: 0; padding: 0; width: 40px; height: 40px; line-height: 24px; border-radius: 50%; } [md-icon-button] .md-button-wrapper > * { vertical-align: middle; } .md-button-ripple { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .md-button-ripple-round { border-radius: 50%; z-index: 1; } @media screen and (-ms-high-contrast: active) { .md-raised-button, .md-fab, .md-mini-fab { border: 1px solid #fff; } } /*# sourceMappingURL=button.css.map */ "],
-            encapsulation: ViewEncapsulation.None,
-            changeDetection: ChangeDetectionStrategy.OnPush,
-        }), 
-        __metadata('design:paramtypes', [ElementRef, Renderer])
-    ], MdButton);
-    return MdButton;
-}());
-export var MdAnchor = (function (_super) {
-    __extends(MdAnchor, _super);
-    function MdAnchor(elementRef, renderer) {
-        _super.call(this, elementRef, renderer);
-        this._disabled = null;
-    }
-    Object.defineProperty(MdAnchor.prototype, "tabIndex", {
-        get: function () {
-            return this.disabled ? -1 : 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdAnchor.prototype, "isAriaDisabled", {
-        get: function () {
-            return this.disabled ? 'true' : 'false';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdAnchor.prototype, "disabled", {
-        get: function () { return this._disabled; },
-        set: function (value) {
-            // The presence of *any* disabled value makes the component disabled, *except* for false.
-            this._disabled = (value != null && value != false) ? true : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MdAnchor.prototype._haltDisabledEvents = function (event) {
-        // A disabled button shouldn't apply any actions
-        if (this.disabled) {
-            event.preventDefault();
-            event.stopImmediatePropagation();
-        }
-    };
-    __decorate([
-        HostBinding('tabIndex'), 
-        __metadata('design:type', Number)
-    ], MdAnchor.prototype, "tabIndex", null);
-    __decorate([
-        HostBinding('attr.aria-disabled'), 
-        __metadata('design:type', String)
-    ], MdAnchor.prototype, "isAriaDisabled", null);
-    __decorate([
-        HostBinding('attr.disabled'),
-        Input('disabled'), 
-        __metadata('design:type', Object)
-    ], MdAnchor.prototype, "disabled", null);
-    MdAnchor = __decorate([
-        Component({selector: 'a[md-button], a[md-raised-button], a[md-icon-button], a[md-fab], a[md-mini-fab]',
-            inputs: ['color'],
-            host: {
-                '[class.md-button-focus]': '_isKeyboardFocused',
-                '(mousedown)': '_setMousedown()',
-                '(focus)': '_setKeyboardFocus()',
-                '(blur)': '_removeKeyboardFocus()',
-                '(click)': '_haltDisabledEvents($event)',
-            },
-            template: "<span class=\"md-button-wrapper\"><ng-content></ng-content></span> <div md-ripple *ngIf=\"isRippleEnabled()\" class=\"md-button-ripple\" [class.md-button-ripple-round]=\"isRoundButton()\" [md-ripple-trigger]=\"getHostElement()\" [md-ripple-color]=\"isRoundButton() ? 'rgba(255, 255, 255, 0.2)' : ''\" md-ripple-background-color=\"rgba(0, 0, 0, 0)\"></div> ",
-            styles: ["[md-raised-button], [md-fab], [md-mini-fab], [md-button], [md-icon-button] { box-sizing: border-box; position: relative; cursor: pointer; user-select: none; outline: none; border: none; display: inline-block; white-space: nowrap; text-decoration: none; vertical-align: baseline; font-size: 14px; font-family: Roboto, \"Helvetica Neue\", sans-serif; font-weight: 500; color: currentColor; text-align: center; margin: 0; min-width: 88px; line-height: 36px; padding: 0 16px; border-radius: 3px; } [disabled][md-raised-button], [disabled][md-fab], [disabled][md-mini-fab], [disabled][md-button], [disabled][md-icon-button] { cursor: default; } .md-button-focus[md-raised-button]::after, .md-button-focus[md-fab]::after, .md-button-focus[md-mini-fab]::after, .md-button-focus[md-button]::after, .md-button-focus[md-icon-button]::after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ''; background-color: rgba(0, 0, 0, 0.12); border-radius: inherit; pointer-events: none; } [md-raised-button], [md-fab], [md-mini-fab] { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); transform: translate3d(0, 0, 0); transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); } [md-raised-button]:active, [md-fab]:active, [md-mini-fab]:active { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } [disabled][md-raised-button], [disabled][md-fab], [disabled][md-mini-fab] { box-shadow: none; } [md-button]:hover::after, [md-icon-button]:hover::after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ''; background-color: rgba(0, 0, 0, 0.12); border-radius: inherit; pointer-events: none; } [md-button][disabled]:hover.md-primary, [md-button][disabled]:hover.md-accent, [md-button][disabled]:hover.md-warn, [md-button][disabled]:hover::after, [md-icon-button][disabled]:hover.md-primary, [md-icon-button][disabled]:hover.md-accent, [md-icon-button][disabled]:hover.md-warn, [md-icon-button][disabled]:hover::after { background-color: transparent; } [md-fab] { min-width: 0; border-radius: 50%; width: 56px; height: 56px; padding: 0; } [md-fab] i, [md-fab] md-icon { padding: 16px 0; } [md-mini-fab] { min-width: 0; border-radius: 50%; width: 40px; height: 40px; padding: 0; } [md-mini-fab] i, [md-mini-fab] md-icon { padding: 8px 0; } [md-icon-button] { min-width: 0; padding: 0; width: 40px; height: 40px; line-height: 24px; border-radius: 50%; } [md-icon-button] .md-button-wrapper > * { vertical-align: middle; } .md-button-ripple { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .md-button-ripple-round { border-radius: 50%; z-index: 1; } @media screen and (-ms-high-contrast: active) { .md-raised-button, .md-fab, .md-mini-fab { border: 1px solid #fff; } } /*# sourceMappingURL=button.css.map */ "],
-            encapsulation: ViewEncapsulation.None
-        }), 
-        __metadata('design:paramtypes', [ElementRef, Renderer])
-    ], MdAnchor);
-    return MdAnchor;
-}(MdButton));
-export var MdButtonModule = (function () {
-    function MdButtonModule() {
-    }
-    MdButtonModule.forRoot = function () {
-        return {
-            ngModule: MdButtonModule,
-            providers: []
-        };
-    };
-    MdButtonModule = __decorate([
-        NgModule({
-            imports: [CommonModule, MdRippleModule],
-            exports: [MdButton, MdAnchor],
-            declarations: [MdButton, MdAnchor],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdButtonModule);
-    return MdButtonModule;
-}());
-
-//# sourceMappingURL=button.js.map

package/button/button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["button/button.ts"],"names":[],"mappings":"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","file":"button/button.js","sourcesContent":["import {\n  Component,\n  ViewEncapsulation,\n  Input,\n  HostBinding,\n  ChangeDetectionStrategy,\n  ElementRef,\n  Renderer,\n  NgModule,\n  ModuleWithProviders,\n} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {BooleanFieldValue, MdRippleModule} from '../core';\n\n// TODO(jelbourn): Make the `isMouseDown` stuff done with one global listener.\n// TODO(kara): Convert attribute selectors to classes when attr maps become available\n\n\n@Component({\n  moduleId: module.id,\n  selector: 'button[md-button], button[md-raised-button], button[md-icon-button], ' +\n            'button[md-fab], button[md-mini-fab]',\n  host: {\n    '[class.md-button-focus]': '_isKeyboardFocused',\n    '(mousedown)': '_setMousedown()',\n    '(focus)': '_setKeyboardFocus()',\n    '(blur)': '_removeKeyboardFocus()',\n  },\n  templateUrl: 'button.html',\n  styleUrls: ['button.css'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MdButton {\n  private _color: string;\n\n  /** Whether the button has focus from the keyboard (not the mouse). Used for class binding. */\n  _isKeyboardFocused: boolean = false;\n\n  /** Whether a mousedown has occurred on this element in the last 100ms. */\n  _isMouseDown: boolean = false;\n\n  /** Whether the ripple effect on click should be disabled. */\n  @Input() @BooleanFieldValue() disableRipple: boolean = false;\n\n  constructor(private _elementRef: ElementRef, private _renderer: Renderer) { }\n\n  @Input()\n  get color(): string {\n    return this._color;\n  }\n\n  set color(value: string) {\n    this._updateColor(value);\n  }\n\n  _setMousedown() {\n    // We only *show* the focus style when focus has come to the button via the keyboard.\n    // The Material Design spec is silent on this topic, and without doing this, the\n    // button continues to look :active after clicking.\n    // @see http://marcysutton.com/button-focus-hell/\n    this._isMouseDown = true;\n    setTimeout(() => { this._isMouseDown = false; }, 100);\n  }\n\n  _updateColor(newColor: string) {\n    this._setElementColor(this._color, false);\n    this._setElementColor(newColor, true);\n    this._color = newColor;\n  }\n\n  _setElementColor(color: string, isAdd: boolean) {\n    if (color != null && color != '') {\n      this._renderer.setElementClass(this._elementRef.nativeElement, `md-${color}`, isAdd);\n    }\n  }\n\n  _setKeyboardFocus() {\n    this._isKeyboardFocused = !this._isMouseDown;\n  }\n\n  _removeKeyboardFocus() {\n    this._isKeyboardFocused = false;\n  }\n\n  /** TODO(hansl): e2e test this function. */\n  focus() {\n    this._elementRef.nativeElement.focus();\n  }\n\n  getHostElement() {\n    return this._elementRef.nativeElement;\n  }\n\n  isRoundButton() {\n    const el = this._elementRef.nativeElement;\n    return el.hasAttribute('md-icon-button') ||\n        el.hasAttribute('md-fab') ||\n        el.hasAttribute('md-mini-fab');\n  }\n\n  isRippleEnabled() {\n    return !this.disableRipple;\n  }\n}\n\n@Component({\n  moduleId: module.id,\n  selector: 'a[md-button], a[md-raised-button], a[md-icon-button], a[md-fab], a[md-mini-fab]',\n  inputs: ['color'],\n  host: {\n    '[class.md-button-focus]': '_isKeyboardFocused',\n    '(mousedown)': '_setMousedown()',\n    '(focus)': '_setKeyboardFocus()',\n    '(blur)': '_removeKeyboardFocus()',\n    '(click)': '_haltDisabledEvents($event)',\n  },\n  templateUrl: 'button.html',\n  styleUrls: ['button.css'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class MdAnchor extends MdButton {\n  _disabled: boolean = null;\n\n  constructor(elementRef: ElementRef, renderer: Renderer) {\n    super(elementRef, renderer);\n  }\n\n  @HostBinding('tabIndex')\n  get tabIndex(): number {\n    return this.disabled ? -1 : 0;\n  }\n\n  @HostBinding('attr.aria-disabled')\n  /** Gets the aria-disabled value for the component, which must be a string for Dart. */\n  get isAriaDisabled(): string {\n    return this.disabled ? 'true' : 'false';\n  }\n\n  @HostBinding('attr.disabled')\n  @Input('disabled')\n  get disabled() { return this._disabled; }\n\n  set disabled(value: boolean) {\n    // The presence of *any* disabled value makes the component disabled, *except* for false.\n    this._disabled = (value != null && value != false) ? true : null;\n  }\n\n  _haltDisabledEvents(event: Event) {\n    // A disabled button shouldn't apply any actions\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  }\n}\n\n\n@NgModule({\n  imports: [CommonModule, MdRippleModule],\n  exports: [MdButton, MdAnchor],\n  declarations: [MdButton, MdAnchor],\n})\nexport class MdButtonModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdButtonModule,\n      providers: []\n    };\n  }\n}\n"],"sourceRoot":"/source/"}

package/button/button.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"MdButton":{"__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":"button[md-button], button[md-raised-button], button[md-icon-button], button[md-fab], button[md-mini-fab]","host":{"[class.md-button-focus]":"_isKeyboardFocused","(mousedown)":"_setMousedown()","(focus)":"_setKeyboardFocus()","(blur)":"_removeKeyboardFocus()"},"templateUrl":"button.html","styleUrls":["button.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"disableRipple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core","name":"BooleanFieldValue"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_setMousedown":[{"__symbolic":"method"}],"_updateColor":[{"__symbolic":"method"}],"_setElementColor":[{"__symbolic":"method"}],"_setKeyboardFocus":[{"__symbolic":"method"}],"_removeKeyboardFocus":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"getHostElement":[{"__symbolic":"method"}],"isRoundButton":[{"__symbolic":"method"}],"isRippleEnabled":[{"__symbolic":"method"}]}},"MdAnchor":{"__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":"a[md-button], a[md-raised-button], a[md-icon-button], a[md-fab], a[md-mini-fab]","inputs":["color"],"host":{"[class.md-button-focus]":"_isKeyboardFocused","(mousedown)":"_setMousedown()","(focus)":"_setKeyboardFocus()","(blur)":"_removeKeyboardFocus()","(click)":"_haltDisabledEvents($event)"},"templateUrl":"button.html","styleUrls":["button.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["tabIndex"]}]}],"isAriaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["disabled"]}]}],"_haltDisabledEvents":[{"__symbolic":"method"}]}},"MdButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"../core","name":"MdRippleModule"}],"exports":[{"__symbolic":"reference","name":"MdButton"},{"__symbolic":"reference","name":"MdAnchor"}],"declarations":[{"__symbolic":"reference","name":"MdButton"},{"__symbolic":"reference","name":"MdAnchor"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdButtonModule"},"providers":[]}}}}}}

package/button/button.scss

@@ -1,72 +0,0 @@
-// TODO(jelbourn): Measure perf benefits for translate3d and will-change.
-// TODO(jelbourn): Figure out if anchor hover underline actually happens in any browser.
-
-@import 'button-base';
-
-// TODO(kara): Replace attribute selectors with class selectors when possible
-[md-button], [md-icon-button] {
-  @extend %md-button-base;
-
-  // Only flat buttons and icon buttons (not raised or fabs) have a hover style.
-  &:hover {
-    // Use the same visual treatment for hover as for focus.
-    @include md-button-focus();
-  }
-
-  &[disabled]:hover {
-    &.md-primary, &.md-accent, &.md-warn, &::after {
-      background-color: transparent;
-    }
-  }
-}
-
-[md-raised-button] {
-  @extend %md-raised-button;
-}
-
-[md-fab] {
-  @include md-fab($md-fab-size, $md-fab-padding);
-}
-
-[md-mini-fab] {
-  @include md-fab($md-mini-fab-size, $md-mini-fab-padding);
-}
-
-[md-icon-button] {
-  min-width: 0;
-  padding: 0;
-
-  width: $md-icon-button-size;
-  height: $md-icon-button-size;
-
-  line-height: $md-icon-button-line-height;
-  border-radius: $md-icon-button-border-radius;
-
-  .md-button-wrapper > * {
-    vertical-align: middle;
-  }
-}
-
-// The ripple container should match the bounds of the entire button.
-.md-button-ripple {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-}
-
-// For round buttons, the ripple container should clip child ripples to a circle.
-.md-button-ripple-round {
-  border-radius: 50%;
-  // z-index needed to make clipping to border-radius work correctly.
-  // http://stackoverflow.com/questions/20001515/chrome-bug-border-radius-not-clipping-contents-when-combined-with-css-transiti
-  z-index: 1;
-}
-
-// Applies a clearer border for high-contrast mode (a11y)
-@media screen and (-ms-high-contrast: active) {
-  .md-raised-button, .md-fab, .md-mini-fab {
-    border: 1px solid #fff;
-  }
-}

package/button/index.js

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

package/button/index.js.map

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

package/button-toggle/README.md

@@ -1,149 +0,0 @@
-# md-button-toggle
-
-`MdButtonToggle` is a group of buttons that can be toggled.
-There are two modes, `multiple` and `exclusive`.
-When in 'exclusive' mode, only one button can be selected at a time (like radio buttons).
-When in 'multiple' mode, multiple buttons can be selected at once (like checkboxes).
-You can read more about button toggles in the
-[Material Design spec](https://material.google.com/components/buttons.html#buttons-toggle-buttons).
-
-## Usage
-
-### Setup
-
-Importing the module:
-```ts
- @NgModule({
-    imports: [MdButtonToggleModule.forRoot()],
-    ...
- })
- export class MyAppModule { }
-```
-
-### Basic Usage
-
-`md-button-toggle` can be used on its own and acts as a checkbox.
-
-```html
-<md-button-toggle>Bold</md-button-toggle>
-```
-
-Output:
-
-![Basic Toggle Button Example](https://material.angularjs.org/material2_assets/button-toggle/basic-toggle.png)
-
-### Exclusive Selection
-
-`md-button-toggle` can be used in an exclusive selection group when surrounded by
-`md-button-toggle-group`. This styles all buttons within the group to appear as a single
-group of button toggles and allows only one button toggle to be selected at a time.
-
-```html
-<md-button-toggle-group name="alignment">
-    <md-button-toggle value="left"><md-icon>format_align_left</md-icon></md-button-toggle>
-    <md-button-toggle value="center"><md-icon>format_align_center</md-icon></md-button-toggle>
-    <md-button-toggle value="right"><md-icon>format_align_right</md-icon></md-button-toggle>
-    <md-button-toggle value="justify"><md-icon>format_align_justify</md-icon></md-button-toggle>
-</md-button-toggle-group>
-```
-
-Output:
-
-![Exclusive Toggle Button Example](https://material.angularjs.org/material2_assets/button-toggle/exclusive-toggle.png)
-
-### Multiple Selection
-
-`md-button-toggle` can be used in a multiple selection group when surrounded by
-`md-button-toggle-group multiple`. This styles all buttons within the group to appear as a single
-group of button toggles.
-
-```html
-<md-button-toggle-group multiple>
-    <md-button-toggle>Flour</md-button-toggle>
-    <md-button-toggle>Eggs</md-button-toggle>
-    <md-button-toggle>Sugar</md-button-toggle>
-    <md-button-toggle>Milk</md-button-toggle>
-</md-button-toggle-group>
-```
-
-Output:
-
-![Multiple Toggle Button Example](https://material.angularjs.org/material2_assets/button-toggle/multi-toggle.png)
-
-## Dynamic Exclusive Selection
-
-`md-button-toggle`s can be used with `ngModel` to dynamically create groups and update the value for
-a group.
-
-```html
-<md-button-toggle-group name="pies" [(ngModel)]="favoritePie">
-    <md-button-toggle *ngFor="let pie of pieOptions" [value]="pie">
-        {{pie}}
-    </md-button-toggle>
-</md-button-toggle-group>
-<p>Your favorite type of pie is: {{favoritePie}}</p>
-```
-
-### Disabled Button Toggle
-
-`md-button-toggle-group` and `md-button-toggle` can both be disabled by adding a `disabled`
-attribute to either one. Adding `disabled` to an exclusive group or a multiple group will disable
-the entire group. Adding `disabled` to a single toggle will disable that toggle.
-
-```html
-<md-button-toggle-group disabled>
-    <md-button-toggle value="one">One</md-button-toggle>
-    <md-button-toggle value="two">Two</md-button-toggle>
-    <md-button-toggle value="three">Three</md-button-toggle>
-</md-button-toggle-group>
-
-<md-button-toggle-group>
-    <md-button-toggle value="red" disabled>Red</md-button-toggle>
-    <md-button-toggle value="blue">Blue</md-button-toggle>
-</md-button-toggle-group>
-```
-
-Output:
-
-![Disabled Toggle Buttons Example](https://material.angularjs.org/material2_assets/button-toggle/disabled-toggles.png)
-
-## `<md-button-toggle>`
-
-### Bound Properties
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `id` | string | The unique ID of the toggle. IDs are generated by default when not specified. |
-| `name` | string | Optional, defaults to parent group name if one exists for exclusive selection toggles, otherwise null. This is used to differentiate between different groups. |
-| `value` | any | Value of the toggle. Only used when in a group to determine which are selected. |
-| `checked` | boolean | Optional, default = `false`. Whether or not the toggle is checked. |
-| `disabled` | boolean | Optional, default = `false`. Whether or not the toggle is disabled |
-
-### Events
-
-| Name | Description |
-| --- | --- |
-| `change` | Emitted when the `checked` value is changed. |
-
-## `<md-button-toggle-group>`
-
-### Bound Properties
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `name` | string | Optional, the name of the group. |
-| `disabled` | boolean | Optional, default = `false`. |
-| `value` | any | The current value for the group. Will be set to the value of the selected toggle or a list of values from the selected toggles. |
-| `selected` | `mdButtonToggle` | The current selected toggle or a list of the selected toggles. |
-
-### Attributes
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `multiple` | boolean | Optional, default = `false`. Whether or not the group allows multiple selection. |
-
-### Events
-
-| Name | Description |
-| --- | --- |
-| `change` | Emitted when the `value` of the group changes. |

package/button-toggle/_button-toggle-theme.scss

@@ -1,14 +0,0 @@
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-
-
-@mixin md-button-toggle-theme($theme) {
-  $foreground: map-get($theme, foreground);
-
-  .md-button-toggle-checked .md-button-toggle-label-content {
-    background-color: md-color($md-grey, 300);
-  }
-  .md-button-toggle-disabled .md-button-toggle-label-content {
-    background-color: md-color($foreground, disabled);
-  }
-}

package/button-toggle/button-toggle.css

@@ -1,24 +0,0 @@
-md-button-toggle-group {
-  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-  position: relative;
-  display: inline-flex;
-  border-radius: 3px;
-  cursor: pointer;
-  white-space: nowrap; }
-
-.md-button-toggle-disabled .md-button-toggle-label-content {
-  cursor: default; }
-
-md-button-toggle {
-  white-space: nowrap; }
-
-.md-button-toggle-label-content {
-  display: inline-block;
-  line-height: 36px;
-  padding: 0 16px;
-  cursor: pointer; }
-
-.md-button-toggle-label-content > * {
-  vertical-align: middle; }
-
-/*# sourceMappingURL=button-toggle.css.map */

package/button-toggle/button-toggle.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-toggle/button-toggle.css","sources":["button-toggle/button-toggle.scss","core/style/_elevation.scss","core/style/_variables.scss","core/typography/_typography.scss"],"sourcesContent":["@import '../core/style/elevation';\n\n\n$md-button-toggle-padding: 0 16px !default;\n$md-button-toggle-line-height: 36px !default;\n$md-button-toggle-border-radius: 3px !default;\n\nmd-button-toggle-group {\n  @include md-elevation(2);\n  position: relative;\n  display: inline-flex;\n  border-radius: $md-button-toggle-border-radius;\n  cursor: pointer;\n  white-space: nowrap;\n}\n\n.md-button-toggle-disabled .md-button-toggle-label-content {\n  cursor: default;\n}\n\nmd-button-toggle {\n  white-space: nowrap;\n}\n\n.md-button-toggle-label-content {\n  display: inline-block;\n  line-height: $md-button-toggle-line-height;\n  padding: $md-button-toggle-padding;\n  cursor: pointer;\n}\n\n.md-button-toggle-label-content > * {\n  vertical-align: middle;\n}\n","@import 'variables';\n\n\n// A collection of mixins and CSS classes that can be used to apply elevation to a material\n// element.\n// See: https://www.google.com/design/spec/what-is-material/elevation-shadows.html\n// Examples:\n//\n//\n// .md-foo {\n//   @include $md-elevation(2);\n//\n//   &:active {\n//     @include $md-elevation(8);\n//   }\n// }\n//\n// <div id=\"external-card\" class=\"md-elevation-z2\"><p>Some content</p></div>\n//\n// For an explanation of the design behind how elevation is implemented, see the design doc at\n// https://goo.gl/Kq0k9Z.\n\n// Colors for umbra, penumbra, and ambient shadows. As described in the design doc, each elevation\n// level is created using a set of 3 shadow values, one for umbra (the shadow representing the\n// space completely obscured by an object relative to its light source), one for penumbra (the\n// space partially obscured by an object), and one for ambient (the space which contains the object\n// itself). For a further explanation of these terms and their meanings, see\n// https://en.wikipedia.org/wiki/Umbra,_penumbra_and_antumbra.\n\n$_umbra-color: rgba(black, 0.2);\n$_penumbra-color: rgba(black, 0.14);\n$_ambient-color: rgba(black, 0.12);\n\n// Maps for the different shadow sets and their values within each z-space. These values were\n// created by taking a few reference shadow sets created by Google's Designers and interpolating\n// all of the values between them.\n\n$_umbra-elevation-map: (\n  0: '0px 0px 0px 0px #{$_umbra-color}',\n  1: '0px 2px 1px -1px #{$_umbra-color}',\n  2: '0px 3px 1px -2px #{$_umbra-color}',\n  3: '0px 3px 3px -2px #{$_umbra-color}',\n  4: '0px 2px 4px -1px #{$_umbra-color}',\n  5: '0px 3px 5px -1px #{$_umbra-color}',\n  6: '0px 3px 5px -1px #{$_umbra-color}',\n  7: '0px 4px 5px -2px #{$_umbra-color}',\n  8: '0px 5px 5px -3px #{$_umbra-color}',\n  9: '0px 5px 6px -3px #{$_umbra-color}',\n  10: '0px 6px 6px -3px #{$_umbra-color}',\n  11: '0px 6px 7px -4px #{$_umbra-color}',\n  12: '0px 7px 8px -4px #{$_umbra-color}',\n  13: '0px 7px 8px -4px #{$_umbra-color}',\n  14: '0px 7px 9px -4px #{$_umbra-color}',\n  15: '0px 8px 9px -5px #{$_umbra-color}',\n  16: '0px 8px 10px -5px #{$_umbra-color}',\n  17: '0px 8px 11px -5px #{$_umbra-color}',\n  18: '0px 9px 11px -5px #{$_umbra-color}',\n  19: '0px 9px 12px -6px #{$_umbra-color}',\n  20: '0px 10px 13px -6px #{$_umbra-color}',\n  21: '0px 10px 13px -6px #{$_umbra-color}',\n  22: '0px 10px 14px -6px #{$_umbra-color}',\n  23: '0px 11px 14px -7px #{$_umbra-color}',\n  24: '0px 11px 15px -7px #{$_umbra-color}'\n);\n\n$_penumbra-elevation-map: (\n  0: '0px 0px 0px 0px #{$_penumbra-color}',\n  1: '0px 1px 1px 0px #{$_penumbra-color}',\n  2: '0px 2px 2px 0px #{$_penumbra-color}',\n  3: '0px 3px 4px 0px #{$_penumbra-color}',\n  4: '0px 4px 5px 0px #{$_penumbra-color}',\n  5: '0px 5px 8px 0px #{$_penumbra-color}',\n  6: '0px 6px 10px 0px #{$_penumbra-color}',\n  7: '0px 7px 10px 1px #{$_penumbra-color}',\n  8: '0px 8px 10px 1px #{$_penumbra-color}',\n  9: '0px 9px 12px 1px #{$_penumbra-color}',\n  10: '0px 10px 14px 1px #{$_penumbra-color}',\n  11: '0px 11px 15px 1px #{$_penumbra-color}',\n  12: '0px 12px 17px 2px #{$_penumbra-color}',\n  13: '0px 13px 19px 2px #{$_penumbra-color}',\n  14: '0px 14px 21px 2px #{$_penumbra-color}',\n  15: '0px 15px 22px 2px #{$_penumbra-color}',\n  16: '0px 16px 24px 2px #{$_penumbra-color}',\n  17: '0px 17px 26px 2px #{$_penumbra-color}',\n  18: '0px 18px 28px 2px #{$_penumbra-color}',\n  19: '0px 19px 29px 2px #{$_penumbra-color}',\n  20: '0px 20px 31px 3px #{$_penumbra-color}',\n  21: '0px 21px 33px 3px #{$_penumbra-color}',\n  22: '0px 22px 35px 3px #{$_penumbra-color}',\n  23: '0px 23px 36px 3px #{$_penumbra-color}',\n  24: '0px 24px 38px 3px #{$_penumbra-color}'\n);\n\n$_ambient-elevation-map: (\n  0: '0px 0px 0px 0px #{$_ambient-color}',\n  1: '0px 1px 3px 0px #{$_ambient-color}',\n  2: '0px 1px 5px 0px #{$_ambient-color}',\n  3: '0px 1px 8px 0px #{$_ambient-color}',\n  4: '0px 1px 10px 0px #{$_ambient-color}',\n  5: '0px 1px 14px 0px #{$_ambient-color}',\n  6: '0px 1px 18px 0px #{$_ambient-color}',\n  7: '0px 2px 16px 1px #{$_ambient-color}',\n  8: '0px 3px 14px 2px #{$_ambient-color}',\n  9: '0px 3px 16px 2px #{$_ambient-color}',\n  10: '0px 4px 18px 3px #{$_ambient-color}',\n  11: '0px 4px 20px 3px #{$_ambient-color}',\n  12: '0px 5px 22px 4px #{$_ambient-color}',\n  13: '0px 5px 24px 4px #{$_ambient-color}',\n  14: '0px 5px 26px 4px #{$_ambient-color}',\n  15: '0px 6px 28px 5px #{$_ambient-color}',\n  16: '0px 6px 30px 5px #{$_ambient-color}',\n  17: '0px 6px 32px 5px #{$_ambient-color}',\n  18: '0px 7px 34px 6px #{$_ambient-color}',\n  19: '0px 7px 36px 6px #{$_ambient-color}',\n  20: '0px 8px 38px 7px #{$_ambient-color}',\n  21: '0px 8px 40px 7px #{$_ambient-color}',\n  22: '0px 8px 42px 7px #{$_ambient-color}',\n  23: '0px 9px 44px 8px #{$_ambient-color}',\n  24: '0px 9px 46px 8px #{$_ambient-color}'\n);\n\n\n// The css property used for elevation. In most cases this should not be changed. It is exposed\n// as a variable for abstraction / easy use when needing to reference the property directly, for\n// example in a will-change rule.\n$md-elevation-property: box-shadow !default;\n\n// The default duration value for elevation transitions.\n$md-elevation-transition-duration: 280ms !default;\n\n// The default easing value for elevation transitions.\n$md-elevation-transition-timing-function: $md-fast-out-slow-in-timing-function;\n\n// Applies the correct css rules to an element to give it the elevation specified by $zValue.\n// The $zValue must be between 0 and 24.\n@mixin md-elevation($zValue) {\n  @if type-of($zValue) != number or not unitless($zValue) {\n    @error '$zValue must be a unitless number';\n  }\n  @if $zValue < 0 or $zValue > 24 {\n    @error '$zValue must be between 0 and 24';\n  }\n\n  #{$md-elevation-property}: #{map-get($_umbra-elevation-map, $zValue)},\n                             #{map-get($_penumbra-elevation-map, $zValue)},\n                             #{map-get($_ambient-elevation-map, $zValue)};\n}\n\n// Returns a string that can be used as the value for a transition property for elevation.\n// Calling this function directly is useful in situations where a component needs to transition\n// more than one property.\n//\n// .foo {\n//   transition: md-elevation-transition-property-value(), opacity 100ms ease;\n//   will-change: $md-elevation-property, opacity;\n// }\n@function md-elevation-transition-property-value(\n    $duration: $md-elevation-transition-duration,\n    $easing: $md-elevation-transition-timing-function) {\n  @return #{$md-elevation-property} #{$duration} #{$easing};\n}\n\n// Applies the correct css rules needed to have an element transition between elevations.\n// This mixin should be applied to elements whose elevation values will change depending on their\n// context (e.g. when active or disabled).\n//\n// NOTE(traviskaufman): Both this mixin and the above function use default parameters so they can\n// be used in the same way by clients.\n@mixin md-elevation-transition(\n    $duration: $md-elevation-transition-duration,\n    $easing: $md-elevation-transition-timing-function) {\n  transition: md-elevation-transition-property-value($duration, $easing);\n  will-change: $md-elevation-property;\n}\n","@import '../typography/typography';\n\n\n// Typography\n$md-body-font-size-base: rem(1.4) !default;\n$md-font-family: Roboto, 'Helvetica Neue', sans-serif !default;\n\n// Media queries\n$md-xsmall: 'max-width: 600px';\n\n// TODO: Revisit all z-indices before beta\n// z-index master list\n\n$z-index-fab: 20 !default;\n$z-index-drawer: 100 !default;\n\n// Overlay z indices.\n$md-z-index-overlay: 1000;\n$md-z-index-overlay-container: 1;\n$md-z-index-overlay-backdrop: 1;\n\n\n// Global constants\n$pi: 3.14159265;\n\n// Padding between input toggles and their labels\n$md-toggle-padding: 8px !default;\n// Width and height of input toggles\n$md-toggle-size: 20px !default;\n\n// Easing Curves\n// TODO(jelbourn): all of these need to be revisited\n\n// The default animation curves used by material design.\n$md-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 0.1) !default;\n$md-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;\n$md-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1) !default;\n\n$ease-in-out-curve-function: cubic-bezier(0.35, 0, 0.25, 1) !default;\n\n$swift-ease-out-duration: 400ms !default;\n$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;\n$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;\n\n$swift-ease-in-duration: 300ms !default;\n$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;\n$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;\n\n$swift-ease-in-out-duration: 500ms !default;\n$swift-ease-in-out-timing-function: $ease-in-out-curve-function !default;\n$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;\n\n$swift-linear-duration: 80ms !default;\n$swift-linear-timing-function: linear !default;\n$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;\n","// Implement the rem unit with SCSS so we don't have to actually set a font-size on\n// the user's body element.\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n"],"mappings":"AAOA,AAAA,sBAAsB,CAAC;ECwIrB,UAAyB,EAAE,mCAA0C,EAC1C,mCAA6C,EAC7C,mCAA4C;EDxIvE,QAAQ,EAAE,QAAS;EACnB,OAAO,EAAE,WAAY;EACrB,aAAa,EANkB,GAAG;EAOlC,MAAM,EAAE,OAAQ;EAChB,WAAW,EAAE,MAAO,GACrB;;AAED,AAA2B,0BAAD,CAAC,+BAA+B,CAAC;EACzD,MAAM,EAAE,OAAQ,GACjB;;AAED,AAAA,gBAAgB,CAAC;EACf,WAAW,EAAE,MAAO,GACrB;;AAED,AAAA,+BAA+B,CAAC;EAC9B,OAAO,EAAE,YAAa;EACtB,WAAW,EAtBkB,IAAI;EAuBjC,OAAO,EAxBkB,CAAC,CAAC,IAAI;EAyB/B,MAAM,EAAE,OAAQ,GACjB;;AAED,AAAkC,+BAAH,GAAG,CAAC,CAAC;EAClC,cAAc,EAAE,MAAO,GACxB","names":[],"sourceRoot":"/source/"}