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

package/radio/radio.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["radio/radio.ts"],"names":[],"mappings":"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","file":"radio/radio.js","sourcesContent":["import {\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  Directive,\n  EventEmitter,\n  HostBinding,\n  Input,\n  OnInit,\n  Optional,\n  Output,\n  QueryList,\n  ViewEncapsulation,\n  forwardRef,\n  NgModule,\n  ModuleWithProviders,\n} from '@angular/core';\nimport {\n  NG_VALUE_ACCESSOR,\n  ControlValueAccessor\n} from '@angular/forms';\nimport {MdUniqueSelectionDispatcher} from '../core';\n\n\n\n/**\n * Provider Expression that allows md-radio-group to register as a ControlValueAccessor. This\n * allows it to support [(ngModel)] and ngControl.\n */\nexport const MD_RADIO_GROUP_CONTROL_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => MdRadioGroup),\n  multi: true\n};\n\n// TODO(mtlin):\n// Ink ripple is currently placeholder.\n// Determine motion spec for button transitions.\n// Design review.\n// RTL\n// Support forms API.\n// Use ChangeDetectionStrategy.OnPush\n\nvar _uniqueIdCounter = 0;\n\n/** A simple change event emitted by either MdRadioButton or MdRadioGroup. */\nexport class MdRadioChange {\n  source: MdRadioButton;\n  value: any;\n}\n\n@Directive({\n  selector: 'md-radio-group',\n  providers: [MD_RADIO_GROUP_CONTROL_VALUE_ACCESSOR],\n  host: {\n    'role': 'radiogroup',\n  },\n})\nexport class MdRadioGroup implements AfterContentInit, ControlValueAccessor {\n  /**\n   * Selected value for group. Should equal the value of the selected radio button if there *is*\n   * a corresponding radio button with a matching value. If there is *not* such a corresponding\n   * radio button, this value persists to be applied in case a new radio button is added with a\n   * matching value.\n   */\n  private _value: any = null;\n\n  /** The HTML name attribute applied to radio buttons in this group. */\n  private _name: string = `md-radio-group-${_uniqueIdCounter++}`;\n\n  /** Disables all individual radio buttons assigned to this group. */\n  private _disabled: boolean = false;\n\n  /** The currently selected radio button. Should match value. */\n  private _selected: MdRadioButton = null;\n\n  /** Whether the `value` has been set to its initial value. */\n  private _isInitialized: boolean = false;\n\n  /** The method to be called in order to update ngModel */\n  private _controlValueAccessorChangeFn: (value: any) => void = (value) => {};\n\n  /** onTouch function registered via registerOnTouch (ControlValueAccessor). */\n  onTouched: () => any = () => {};\n\n  /** Event emitted when the group value changes. */\n  @Output()\n  change: EventEmitter<MdRadioChange> = new EventEmitter<MdRadioChange>();\n\n  /** Child radio buttons. */\n  @ContentChildren(forwardRef(() => MdRadioButton))\n  _radios: QueryList<MdRadioButton> = null;\n\n  @Input()\n  get name(): string {\n    return this._name;\n  }\n\n  set name(value: string) {\n    this._name = value;\n    this._updateRadioButtonNames();\n  }\n\n  @Input() align: 'start' | 'end';\n\n  @Input()\n  get disabled(): boolean {\n    return this._disabled;\n  }\n\n  set disabled(value) {\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  @Input()\n  get value(): any {\n    return this._value;\n  }\n\n  set value(newValue: any) {\n    if (this._value != newValue) {\n      // Set this before proceeding to ensure no circular loop occurs with selection.\n      this._value = newValue;\n\n      this._updateSelectedRadioFromValue();\n\n      // Only fire a change event if this isn't the first time the value is ever set.\n      if (this._isInitialized) {\n        this._emitChangeEvent();\n      }\n    }\n  }\n\n  @Input()\n  get selected() {\n    return this._selected;\n  }\n\n  set selected(selected: MdRadioButton) {\n    this._selected = selected;\n    this.value = selected ? selected.value : null;\n\n    if (selected && !selected.checked) {\n      selected.checked = true;\n    }\n  }\n\n  /**\n   * Initialize properties once content children are available.\n   * This allows us to propagate relevant attributes to associated buttons.\n   * TODO: internal\n   */\n  ngAfterContentInit() {\n    // Mark this component as initialized in AfterContentInit because the initial value can\n    // possibly be set by NgModel on MdRadioGroup, and it is possible that the OnInit of the\n    // NgModel occurs *after* the OnInit of the MdRadioGroup.\n    this._isInitialized = true;\n  }\n\n  /**\n   * Mark this group as being \"touched\" (for ngModel). Meant to be called by the contained\n   * radio buttons upon their blur.\n   */\n  _touch() {\n    if (this.onTouched) {\n      this.onTouched();\n    }\n  }\n\n  private _updateRadioButtonNames(): void {\n    if (this._radios) {\n      this._radios.forEach(radio => {\n        radio.name = this.name;\n      });\n    }\n  }\n\n  /** Updates the `selected` radio button from the internal _value state. */\n  private _updateSelectedRadioFromValue(): void {\n    // If the value already matches the selected radio, do nothing.\n    let isAlreadySelected = this._selected != null && this._selected.value == this._value;\n\n    if (this._radios != null && !isAlreadySelected) {\n      let matchingRadio = this._radios.filter(radio => radio.value == this._value)[0];\n\n      if (matchingRadio) {\n        this.selected = matchingRadio;\n      } else if (this.value == null) {\n        this.selected = null;\n        this._radios.forEach(radio => { radio.checked = false; });\n      }\n    }\n  }\n\n  /** Dispatch change event with current selection and group value. */\n  private _emitChangeEvent(): void {\n    let event = new MdRadioChange();\n    event.source = this._selected;\n    event.value = this._value;\n    this._controlValueAccessorChangeFn(event.value);\n    this.change.emit(event);\n  }\n\n  /**\n    * Implemented as part of ControlValueAccessor.\n    * TODO: internal\n    */\n  writeValue(value: any) {\n    this.value = value;\n  }\n\n  /**\n   * Implemented as part of ControlValueAccessor.\n   * TODO: internal\n   */\n  registerOnChange(fn: (value: any) => void) {\n    this._controlValueAccessorChangeFn = fn;\n  }\n\n  /**\n   * Implemented as part of ControlValueAccessor.\n   * TODO: internal\n   */\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n}\n\n\n@Component({\n  moduleId: module.id,\n  selector: 'md-radio-button',\n  templateUrl: 'radio.html',\n  styleUrls: ['radio.css'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class MdRadioButton implements OnInit {\n\n  @HostBinding('class.md-radio-focused')\n  _isFocused: boolean;\n\n  /** Whether this radio is checked. */\n  private _checked: boolean = false;\n\n  /** The unique ID for the radio button. */\n  @HostBinding('id')\n  @Input()\n  id: string = `md-radio-${_uniqueIdCounter++}`;\n\n  /** Analog to HTML 'name' attribute used to group radios for unique selection. */\n  @Input()\n  name: string;\n\n  /** Used to set the 'aria-label' attribute on the underlying input element. */\n  @Input('aria-label') ariaLabel: string;\n\n  /** The 'aria-labelledby' attribute takes precedence as the element's text alternative. */\n  @Input('aria-labelledby') ariaLabelledby: string;\n\n  /** Whether this radio is disabled. */\n  private _disabled: boolean;\n\n  /** Value assigned to this radio.*/\n  private _value: any = null;\n\n  /** The parent radio group. May or may not be present. */\n  radioGroup: MdRadioGroup;\n\n  /** Event emitted when the group value changes. */\n  @Output()\n  change: EventEmitter<MdRadioChange> = new EventEmitter<MdRadioChange>();\n\n  constructor(@Optional() radioGroup: MdRadioGroup,\n              public radioDispatcher: MdUniqueSelectionDispatcher) {\n    // Assertions. Ideally these should be stripped out by the compiler.\n    // TODO(jelbourn): Assert that there's no name binding AND a parent radio group.\n\n    this.radioGroup = radioGroup;\n\n    radioDispatcher.listen((id: string, name: string) => {\n      if (id != this.id && name == this.name) {\n        this.checked = false;\n      }\n    });\n  }\n\n  get inputId(): string {\n    return `${this.id}-input`;\n  }\n\n  @HostBinding('class.md-radio-checked')\n  @Input()\n  get checked(): boolean {\n    return this._checked;\n  }\n\n  set checked(newCheckedState: boolean) {\n    if (newCheckedState) {\n      // Notify all radio buttons with the same name to un-check.\n      this.radioDispatcher.notify(this.id, this.name);\n    }\n\n    this._checked = newCheckedState;\n\n    if (newCheckedState && this.radioGroup && this.radioGroup.value != this.value) {\n      this.radioGroup.selected = this;\n    }\n  }\n\n  /** MdRadioGroup reads this to assign its own value. */\n  @Input()\n  get value(): any {\n    return this._value;\n  }\n\n  set value(value: any) {\n    if (this._value != value) {\n      if (this.radioGroup != null && this.checked) {\n        this.radioGroup.value = value;\n      }\n      this._value = value;\n    }\n  }\n\n  private _align: 'start' | 'end';\n\n  @Input()\n  get align(): 'start' | 'end' {\n    return this._align || (this.radioGroup != null && this.radioGroup.align) || 'start';\n  }\n\n  set align(value: 'start' | 'end') {\n    this._align = value;\n  }\n\n  @HostBinding('class.md-radio-disabled')\n  @Input()\n  get disabled(): boolean {\n    return this._disabled || (this.radioGroup != null && this.radioGroup.disabled);\n  }\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  /** TODO: internal */\n  ngOnInit() {\n    if (this.radioGroup) {\n      // If the radio is inside a radio group, determine if it should be checked\n      this.checked = this.radioGroup.value === this._value;\n      // Copy name from parent radio group\n      this.name = this.radioGroup.name;\n    }\n  }\n\n  /** Dispatch change event with current value. */\n  private _emitChangeEvent(): void {\n    let event = new MdRadioChange();\n    event.source = this;\n    event.value = this._value;\n    this.change.emit(event);\n  }\n\n  /**\n   * We use a hidden native input field to handle changes to focus state via keyboard navigation,\n   * with visual rendering done separately. The native element is kept in sync with the overall\n   * state of the component.\n   */\n  _onInputFocus() {\n    this._isFocused = true;\n  }\n\n  /** TODO: internal */\n  _onInputBlur() {\n    this._isFocused = false;\n\n    if (this.radioGroup) {\n      this.radioGroup._touch();\n    }\n  }\n\n  /** TODO: internal */\n  _onInputClick(event: Event) {\n    // We have to stop propagation for click events on the visual hidden input element.\n    // By default, when a user clicks on a label element, a generated click event will be\n    // dispatched on the associated input element. Since we are using a label element as our\n    // root container, the click event on the `radio-button` will be executed twice.\n    // The real click event will bubble up, and the generated click event also tries to bubble up.\n    // This will lead to multiple click events.\n    // Preventing bubbling for the second event will solve that issue.\n    event.stopPropagation();\n  }\n\n  /**\n   * Triggered when the radio button received a click or the input recognized any change.\n   * Clicking on a label element, will trigger a change event on the associated input.\n   * TODO: internal\n   */\n  _onInputChange(event: Event) {\n    // We always have to stop propagation on the change event.\n    // Otherwise the change event, from the input element, will bubble up and\n    // emit its event object to the `change` output.\n    event.stopPropagation();\n\n    this.checked = true;\n    this._emitChangeEvent();\n\n    if (this.radioGroup) {\n      this.radioGroup._touch();\n    }\n  }\n}\n\n\n@NgModule({\n  exports: [MdRadioGroup, MdRadioButton],\n  declarations: [MdRadioGroup, MdRadioButton],\n})\nexport class MdRadioModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdRadioModule,\n      providers: [MdUniqueSelectionDispatcher],\n    };\n  }\n}\n"],"sourceRoot":"/source/"}

package/radio/radio.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"MD_RADIO_GROUP_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MdRadioGroup"},"multi":true},"MdRadioGroup":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"md-radio-group","providers":[{"__symbolic":"reference","name":"MD_RADIO_GROUP_CONTROL_VALUE_ACCESSOR"}],"host":{"role":"radiogroup"}}]}],"members":{"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"_radios":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"MdRadioButton"}]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_touch":[{"__symbolic":"method"}],"_updateRadioButtonNames":[{"__symbolic":"method"}],"_updateSelectedRadioFromValue":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}},"MdRadioButton":{"__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-radio-button","templateUrl":"radio.html","styleUrls":["radio.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"_isFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-radio-focused"]}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["id"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-labelledby"]}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null],"parameters":[{"__symbolic":"reference","name":"MdRadioGroup"},{"__symbolic":"reference","module":"../core","name":"MdUniqueSelectionDispatcher"}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-radio-checked"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-radio-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngOnInit":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"_onInputFocus":[{"__symbolic":"method"}],"_onInputBlur":[{"__symbolic":"method"}],"_onInputClick":[{"__symbolic":"method"}],"_onInputChange":[{"__symbolic":"method"}]}},"MdRadioModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","name":"MdRadioGroup"},{"__symbolic":"reference","name":"MdRadioButton"}],"declarations":[{"__symbolic":"reference","name":"MdRadioGroup"},{"__symbolic":"reference","name":"MdRadioButton"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdRadioModule"},"providers":[{"__symbolic":"reference","module":"../core","name":"MdUniqueSelectionDispatcher"}]}}}}}}

package/radio/radio.scss

@@ -1,92 +0,0 @@
-@import '../core/style/variables';
-@import '../core/ripple/ripple';
-
-
-$md-radio-size: $md-toggle-size !default;
-
-// Top-level host container.
-md-radio-button {
-  display: inline-block;
-}
-
-// Inner label container, wrapping entire element.
-// Enables focus by click.
-.md-radio-label {
-  cursor: pointer;
-  display: inline-flex;
-  align-items: baseline;
-  white-space: nowrap;
-}
-
-// Container for radio circles and ripple.
-.md-radio-container {
-  box-sizing: border-box;
-  display: inline-block;
-  height: $md-radio-size;
-  position: relative;
-  width: $md-radio-size;
-  top: 2px;
-}
-
-// The outer circle for the radio, always present.
-.md-radio-outer-circle {
-  border: solid 2px;
-  border-radius: 50%;
-  box-sizing: border-box;
-  height: $md-radio-size;
-  left: 0;
-  position: absolute;
-  top: 0;
-  transition: border-color ease 280ms;
-  width: $md-radio-size;
-}
-
-// The inner circle for the radio, shown when checked.
-.md-radio-inner-circle {
-  border-radius: 50%;
-  box-sizing: border-box;
-  height: $md-radio-size;
-  left: 0;
-  position: absolute;
-  top: 0;
-  transition: transform ease 280ms, background-color ease 280ms;
-  transform: scale(0);
-  width: $md-radio-size;
-
-  .md-radio-checked & {
-    transform: scale(0.5);
-  }
-}
-
-// Text label next to radio.
-.md-radio-label-content {
-  display: inline-block;
-  order: 0;
-  line-height: inherit;
-  padding-left: $md-toggle-padding;
-  padding-right: 0;
-
-  [dir='rtl'] & {
-    padding-right: $md-toggle-padding;
-    padding-left: 0;
-  }
-}
-
-// Alignment.
-.md-radio-label-content.md-radio-align-end {
-  order: -1;
-  padding-left: 0;
-  padding-right: $md-toggle-padding;
-
-  [dir='rtl'] & {
-    padding-right: 0;
-    padding-left: $md-toggle-padding;
-  }
-}
-
-// Basic disabled state.
-.md-radio-disabled, .md-radio-disabled .md-radio-label {
-  cursor: default;
-}
-
-@include md-temporary-ink-ripple(radio);

package/select/index.js

@@ -1,33 +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 } from '@angular/core';
-import { MdSelect } from './select';
-export * from './select';
-export var MdSelectModule = (function () {
-    function MdSelectModule() {
-    }
-    MdSelectModule.forRoot = function () {
-        return {
-            ngModule: MdSelectModule,
-            providers: []
-        };
-    };
-    MdSelectModule = __decorate([
-        NgModule({
-            imports: [],
-            exports: [MdSelect],
-            declarations: [MdSelect],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdSelectModule);
-    return MdSelectModule;
-}());
-
-//# sourceMappingURL=index.js.map

package/select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["select/index.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EAAC,QAAQ,EAAsB,MAAM,eAAe;OACpD,EAAC,QAAQ,EAAC,MAAM,UAAU;AACjC,cAAc,UAAU,CAAC;AAOzB;IAAA;IAOA,CAAC;IANU,sBAAO,GAAd;QACI,MAAM,CAAC;YACH,QAAQ,EAAE,cAAc;YACxB,SAAS,EAAE,EAAE;SAChB,CAAC;IACN,CAAC;IAXL;QAAC,QAAQ,CAAC;YACN,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,CAAC,QAAQ,CAAC;YACnB,YAAY,EAAE,CAAC,QAAQ,CAAC;SAC3B,CAAC;;sBAAA;IAQF,qBAAC;AAAD,CAPA,AAOC,IAAA","file":"select/index.js","sourcesContent":["import {NgModule, ModuleWithProviders} from '@angular/core';\nimport {MdSelect} from './select';\nexport * from './select';\n\n@NgModule({\n    imports: [],\n    exports: [MdSelect],\n    declarations: [MdSelect],\n})\nexport class MdSelectModule {\n    static forRoot(): ModuleWithProviders {\n        return {\n            ngModule: MdSelectModule,\n            providers: []\n        };\n    }\n}\n"],"sourceRoot":"/source/"}

package/select/select.css

@@ -1,2 +0,0 @@
-
-/*# sourceMappingURL=select.css.map */

package/select/select.css.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"mappings":"","sources":["select/select.scss"],"sourcesContent":[""],"file":"select/select.css","sourceRoot":"/source/"}

package/select/select.d.ts

@@ -1,2 +0,0 @@
-export declare class MdSelect {
-}

package/select/select.html

@@ -1 +0,0 @@
-I'm a select!

package/select/select.js

@@ -1,25 +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 { Component, ViewEncapsulation } from '@angular/core';
-export var MdSelect = (function () {
-    function MdSelect() {
-    }
-    MdSelect = __decorate([
-        Component({selector: 'md-select',
-            template: "I'm a select!",
-            styles: [" /*# sourceMappingURL=select.css.map */ "],
-            encapsulation: ViewEncapsulation.None
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdSelect);
-    return MdSelect;
-}());
-
-//# sourceMappingURL=select.js.map

package/select/select.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["select/select.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EAAC,SAAS,EAAE,iBAAiB,EAAC,MAAM,eAAe;AAS1D;IAAA;IAAuB,CAAC;IAPxB;QAAC,SAAS,CAAC;YACP,QAAQ,EAAE,MAAM,CAAC,EAAE;YACnB,QAAQ,EAAE,WAAW;YACrB,WAAW,EAAE,aAAa;YAC1B,SAAS,EAAE,CAAC,YAAY,CAAC;YACzB,aAAa,EAAE,iBAAiB,CAAC,IAAI;SACxC,CAAC;;gBAAA;IACqB,eAAC;AAAD,CAAvB,AAAwB,IAAA","file":"select/select.js","sourcesContent":["import {Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    moduleId: module.id,\n    selector: 'md-select',\n    templateUrl: 'select.html',\n    styleUrls: ['select.css'],\n    encapsulation: ViewEncapsulation.None\n})\nexport class MdSelect {}\n"],"sourceRoot":"/source/"}

package/select/select.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"MdSelect":{"__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-select","templateUrl":"select.html","styleUrls":["select.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}]}}}

package/sidenav/README.md

@@ -1,83 +0,0 @@
-# MdSidenav
-
-MdSidenav is the side navigation component for Material 2. It is composed of two components; `<md-sidenav-layout>` and `<md-sidenav>`.
-
-## Screenshots
-
-<img src="https://material.angularjs.org/material2_assets/sidenav-example.png">
-
-
-## `<md-sidenav-layout>`
-
-The parent component. Contains the code necessary to coordinate one or two sidenav and the backdrop.
-
-### Properties
-
-| Name | Description |
-| --- | --- |
-| `start` | The start aligned `MdSidenav` instance, or `null` if none is specified. In LTR direction, this is the sidenav shown on the left side. In RTL direction, it will show on the right. There can only be one sidenav on either side. |
-| `end` | The end aligned `MdSidenav` instance, or `null` if none is specified. This is the sidenav opposing the `start` sidenav. There can only be one sidenav on either side. |
-
-## `<md-sidenav>`
-
-The sidenav panel.
-
-### Bound Properties
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `align` | `"start"|"end"` | The alignment of this sidenav. In LTR direction, `"start"` will be shown on the left, `"end"` on the right. In RTL, it is reversed. `"start"` is used by default. An exception will be thrown if there are more than 1 sidenav on either side. |
-| `mode` | `"over"|"push"|"side"` | The mode or styling of the sidenav, default being `"over"`. With `"over"` the sidenav will appear above the content, and a backdrop will be shown. With `"push"` the sidenav will push the content of the `<md-sidenav-layout>` to the side, and show a backdrop over it. `"side"` will resize the content and keep the sidenav opened. Clicking the backdrop will close sidenavs that do not have `mode="side"`. |
-| `opened` | `boolean` | Whether or not the sidenav is opened. Use this binding to open/close the sidenav. |
-
-### Events
-
-| Name | Description |
-| --- | --- |
-| `open-start` | Emitted when the sidenav is starting opening. This should only be used to coordinate animations. |
-| `close-start` | Emitted when the sidenav is starting closing. This should only be used to coordinate animations. |
-| `open` | Emitted when the sidenav is done opening. Use this for, e.g., setting focus on controls or updating state. |
-| `close` | Emitted when the sidenav is done closing. |
-
-### Methods
-
-| Signature | Description |
-| --- | --- |
-| `open(): Promise<void>` | Open the sidenav. Equivalent to `opened = true`. Returns a promise that will resolve when the animation completes, or be rejected if the animation was cancelled. |
-| `close(): Promise<void>` | Close the sidenav. Equivalent to `opened = false`. Returns a promise that will resolve when the animation completes, or be rejected if the animation was cancelled. |
-| `toggle(): Promise<void>` | Toggle the sidenav. This is equivalent to `opened = !opened`. Returns a promise that will resolve when the animation completes, or be rejected if the animation was cancelled. |
-
-### Notes
-
-The `<md-sidenav>` will resize based on its content. You can also set its width in CSS, like so:
-
-```css
-md-sidenav {
-  width: 200px;
-}
-```
-
-Try to avoid percent based width as `resize` events are not (yet) supported.
-
-## Examples
-
-Here's a simple example of using the sidenav:
-
-```html
-<app>
-  <md-sidenav-layout>
-    <md-sidenav #start (open)="mybutton.focus()">
-      Start Sidenav.
-      <br>
-      <button md-button #mybutton (click)="start.close()">Close</button>
-    </md-sidenav>
-    <md-sidenav #end align="end">
-      End Sidenav.
-      <button md-button (click)="end.close()">Close</button>
-    </md-sidenav>
-
-    My regular content. This will be moved into the proper DOM at runtime.
-  </md-sidenav-layout>
-</app>
-```
-

package/sidenav/_sidenav-theme.scss

@@ -1,37 +0,0 @@
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-
-
-@mixin md-sidenav-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);
-
-  // We use invert() here to have the darken the background color expected to be used. If the
-  // background is light, we use a dark backdrop. If the background is dark, 
-  // we use a light backdrop.
-  $sidenav-backdrop-color: invert(md-color($background, card, 0.6)) !default;
-  $sidenav-background-color: md-color($background, dialog) !default;
-  $sidenav-layout-background-color:  md-color($background, background) !default;
-  $sidenav-push-background-color: md-color($background, dialog) !default;
-
-  md-sidenav-layout {
-    background-color: $sidenav-layout-background-color;
-    color: md-color($foreground, text);
-  }
-
-  md-sidenav {
-    background-color: $sidenav-background-color;
-    color: md-color($foreground, text);
-
-    &.md-sidenav-push {
-      background-color: $sidenav-push-background-color;
-    }
-  }
-
-  .md-sidenav-backdrop.md-sidenav-shown {
-    background-color: $sidenav-backdrop-color;
-  }
-}

package/sidenav/index.js

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

package/sidenav/index.js.map

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

package/sidenav/sidenav-transitions.css

@@ -1,10 +0,0 @@
-md-sidenav {
-  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); }
-
-.md-sidenav-content {
-  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); }
-
-.md-sidenav-backdrop.md-sidenav-shown {
-  transition: background-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1); }
-
-/*# sourceMappingURL=sidenav-transitions.css.map */

package/sidenav/sidenav-transitions.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidenav/sidenav-transitions.css","sources":["sidenav/sidenav-transitions.scss","core/style/_variables.scss","core/typography/_typography.scss"],"sourcesContent":["// Separate transitions to be able to disable them in unit tests by omitting this file.\n@import '../core/style/variables';\n\nmd-sidenav {\n  transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;\n}\n\n.md-sidenav-content {\n  transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;\n}\n\n.md-sidenav-backdrop.md-sidenav-shown {\n  transition: background-color $swift-ease-out-duration $swift-ease-out-timing-function;\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":"AAGA,AAAA,UAAU,CAAC;EACT,UAAU,EAAE,SAAS,CCoCG,KAAK,CACE,gCAAY,GDpC5C;;AAED,AAAA,mBAAmB,CAAC;EAClB,UAAU,EAAE,SAAS,CCgCG,KAAK,CACE,gCAAY,GDhC5C;;AAED,AAAoB,oBAAA,AAAA,iBAAiB,CAAC;EACpC,UAAU,EAAE,gBAAgB,CC4BJ,KAAK,CACE,gCAAY,GD5B5C","names":[],"sourceRoot":"/source/"}

package/sidenav/sidenav-transitions.scss

@@ -1,14 +0,0 @@
-// Separate transitions to be able to disable them in unit tests by omitting this file.
-@import '../core/style/variables';
-
-md-sidenav {
-  transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;
-}
-
-.md-sidenav-content {
-  transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;
-}
-
-.md-sidenav-backdrop.md-sidenav-shown {
-  transition: background-color $swift-ease-out-duration $swift-ease-out-timing-function;
-}

package/sidenav/sidenav.css

@@ -1,111 +0,0 @@
-md-sidenav-layout {
-  position: relative;
-  transform: translate3d(0, 0, 0);
-  box-sizing: border-box;
-  -webkit-overflow-scrolling: touch;
-  display: block;
-  overflow: hidden; }
-  md-sidenav-layout[fullscreen] {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0; }
-    md-sidenav-layout[fullscreen].md-sidenav-opened {
-      overflow: hidden; }
-
-.md-sidenav-backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  display: block;
-  z-index: 2;
-  visibility: hidden; }
-  .md-sidenav-backdrop.md-sidenav-shown {
-    visibility: visible; }
-
-.md-sidenav-content {
-  position: relative;
-  transform: translate3d(0, 0, 0);
-  display: block;
-  height: 100%;
-  overflow: auto; }
-
-md-sidenav {
-  position: relative;
-  transform: translate3d(0, 0, 0);
-  display: block;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  z-index: 3;
-  min-width: 5%;
-  overflow-y: auto;
-  transform: translate3d(-100%, 0, 0); }
-  md-sidenav.md-sidenav-closed {
-    visibility: hidden; }
-  md-sidenav.md-sidenav-closing {
-    transform: translate3d(-100%, 0, 0);
-    will-change: transform; }
-  md-sidenav.md-sidenav-opening {
-    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
-    visibility: visible;
-    transform: translate3d(0, 0, 0);
-    will-change: transform; }
-  md-sidenav.md-sidenav-opened {
-    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
-    transform: translate3d(0, 0, 0); }
-  md-sidenav.md-sidenav-side {
-    z-index: 1; }
-  md-sidenav.md-sidenav-end {
-    right: 0;
-    transform: translate3d(100%, 0, 0); }
-    md-sidenav.md-sidenav-end.md-sidenav-closed {
-      visibility: hidden; }
-    md-sidenav.md-sidenav-end.md-sidenav-closing {
-      transform: translate3d(100%, 0, 0);
-      will-change: transform; }
-    md-sidenav.md-sidenav-end.md-sidenav-opening {
-      box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
-      visibility: visible;
-      transform: translate3d(0, 0, 0);
-      will-change: transform; }
-    md-sidenav.md-sidenav-end.md-sidenav-opened {
-      box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
-      transform: translate3d(0, 0, 0); }
-  [dir='rtl'] md-sidenav {
-    transform: translate3d(100%, 0, 0); }
-    [dir='rtl'] md-sidenav.md-sidenav-closed {
-      visibility: hidden; }
-    [dir='rtl'] md-sidenav.md-sidenav-closing {
-      transform: translate3d(100%, 0, 0);
-      will-change: transform; }
-    [dir='rtl'] md-sidenav.md-sidenav-opening {
-      box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
-      visibility: visible;
-      transform: translate3d(0, 0, 0);
-      will-change: transform; }
-    [dir='rtl'] md-sidenav.md-sidenav-opened {
-      box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
-      transform: translate3d(0, 0, 0); }
-    [dir='rtl'] md-sidenav.md-sidenav-end {
-      left: 0;
-      right: auto;
-      transform: translate3d(-100%, 0, 0); }
-      [dir='rtl'] md-sidenav.md-sidenav-end.md-sidenav-closed {
-        visibility: hidden; }
-      [dir='rtl'] md-sidenav.md-sidenav-end.md-sidenav-closing {
-        transform: translate3d(-100%, 0, 0);
-        will-change: transform; }
-      [dir='rtl'] md-sidenav.md-sidenav-end.md-sidenav-opening {
-        box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
-        visibility: visible;
-        transform: translate3d(0, 0, 0);
-        will-change: transform; }
-      [dir='rtl'] md-sidenav.md-sidenav-end.md-sidenav-opened {
-        box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
-        transform: translate3d(0, 0, 0); }
-
-/*# sourceMappingURL=sidenav.css.map */

package/sidenav/sidenav.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidenav/sidenav.css","sources":["sidenav/sidenav.scss","core/style/_variables.scss","core/typography/_typography.scss","core/style/_elevation.scss","core/style/_sidenav-common.scss"],"sourcesContent":["@import '../core/style/variables';\n@import '../core/style/elevation';\n@import '../core/style/sidenav-common';\n\n\n// Mixin to help with defining LTR/RTL 'transform: translate3d()' values.\n// @param $open The translation value when the sidenav is opened.\n// @param $close The translation value when the sidenav is closed.\n@mixin md-sidenav-transition($open, $close) {\n  transform: translate3d($close, 0, 0);\n\n  &.md-sidenav-closed {\n    // We use 'visibility: hidden | visible' because 'display: none' will not animate any\n    // transitions, while visibility will interpolate transitions properly.\n    // see https://developer.mozilla.org/en-US/docs/Web/CSS/visibility, the Interpolation\n    // section.\n    visibility: hidden;\n  }\n  &.md-sidenav-closing {\n    transform: translate3d($close, 0, 0);\n    will-change: transform;\n  }\n  &.md-sidenav-opening {\n    @include md-elevation(1);\n    visibility: visible;\n    transform: translate3d($open, 0, 0);\n    will-change: transform;\n  }\n  &.md-sidenav-opened {\n    @include md-elevation(1);\n    transform: translate3d($open, 0, 0);\n  }\n}\n\n// Mixin that creates a new stacking context.\n// see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context\n@mixin md-sidenav-stacking-context() {\n  position: relative;\n\n  // Use a transform to create a new stacking context.\n  transform: translate3d(0, 0, 0);\n}\n\nmd-sidenav-layout {\n  // We need a stacking context here so that the backdrop and drawers are clipped to the\n  // MdSidenavLayout. This creates a new z-index stack so we use low numbered z-indices.\n  // We create another stacking context in the '.md-sidenav-content' and in each sidenav so that\n  // the application content does not get messed up with our own CSS.\n  @include md-sidenav-stacking-context();\n\n  box-sizing: border-box;\n  -webkit-overflow-scrolling: touch;\n\n  // Need this to take up space in the layout.\n  display: block;\n\n  // Hide the sidenavs when they're closed.\n  overflow: hidden;\n\n  // TODO(hansl): Update this with a more robust solution.\n  &[fullscreen] {\n    @include md-fullscreen();\n\n    &.md-sidenav-opened {\n      overflow: hidden;\n    }\n  }\n}\n\n.md-sidenav-backdrop {\n  @include md-fullscreen();\n\n  display: block;\n\n  // Because of the new stacking context, the z-index stack is new and we can use our own\n  // numbers.\n  z-index: 2;\n\n  // We use 'visibility: hidden | visible' because 'display: none' will not animate any\n  // transitions, while visibility will interpolate transitions properly.\n  // see https://developer.mozilla.org/en-US/docs/Web/CSS/visibility, the Interpolation\n  // section.\n  visibility: hidden;\n\n  &.md-sidenav-shown {\n    visibility: visible;\n  }\n}\n\n.md-sidenav-content {\n  @include md-sidenav-stacking-context();\n\n  display: block;\n  height: 100%;\n  overflow: auto;\n}\n\nmd-sidenav {\n  @include md-sidenav-stacking-context();\n\n  display: block;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 3;\n  min-width: 5%;\n\n  // TODO(kara): revisit scrolling behavior for sidenavs\n  overflow-y: auto;\n\n  @include md-sidenav-transition(0, -100%);\n\n  &.md-sidenav-side {\n    z-index: 1;\n  }\n\n  &.md-sidenav-end {\n    right: 0;\n\n    @include md-sidenav-transition(0, 100%);\n  }\n\n  [dir='rtl'] & {\n    @include md-sidenav-transition(0, 100%);\n\n    &.md-sidenav-end {\n      left: 0;\n      right: auto;\n\n      @include md-sidenav-transition(0, -100%);\n    }\n  }\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","@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","// This mixin ensures an element spans the whole viewport.\n@mixin md-fullscreen {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n"],"mappings":"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","names":[],"sourceRoot":"/source/"}