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

package/sidenav/sidenav.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["sidenav/sidenav.ts"],"names":[],"mappings":"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","file":"sidenav/sidenav.js","sourcesContent":["import {\n    NgModule,\n    ModuleWithProviders,\n    AfterContentInit,\n    Component,\n    ContentChildren,\n    ElementRef,\n    HostBinding,\n    Input,\n    Optional,\n    Output,\n    QueryList,\n    ChangeDetectionStrategy,\n    EventEmitter,\n    Renderer,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {Dir, MdError} from '../core';\n\n/** Exception thrown when two MdSidenav are matching the same side. */\nexport class MdDuplicatedSidenavError extends MdError {\n  constructor(align: string) {\n    super(`A sidenav was already declared for 'align=\"${align}\"'`);\n  }\n}\n\n/**\n * <md-sidenav> component.\n *\n * This component corresponds to the drawer of the sidenav.\n *\n * Please refer to README.md for examples on how to use it.\n */\n@Component({\n  moduleId: module.id,\n  selector: 'md-sidenav',\n  template: '<ng-content></ng-content>',\n  host: {\n    '(transitionend)': '_onTransitionEnd($event)',\n    // must prevent the browser from aligning text based on value\n    '[attr.align]': 'null'\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MdSidenav {\n  /** Alignment of the sidenav (direction neutral); whether 'start' or 'end'. */\n  @Input() align: 'start' | 'end' = 'start';\n\n  /** Mode of the sidenav; whether 'over' or 'side'. */\n  @Input() mode: 'over' | 'push' | 'side' = 'over';\n\n  /** Whether the sidenav is opened. */\n  _opened: boolean = false;\n\n  /** Event emitted when the sidenav is being opened. Use this to synchronize animations. */\n  @Output('open-start') onOpenStart = new EventEmitter<void>();\n\n  /** Event emitted when the sidenav is fully opened. */\n  @Output('open') onOpen = new EventEmitter<void>();\n\n  /** Event emitted when the sidenav is being closed. Use this to synchronize animations. */\n  @Output('close-start') onCloseStart = new EventEmitter<void>();\n\n  /** Event emitted when the sidenav is fully closed. */\n  @Output('close') onClose = new EventEmitter<void>();\n\n\n  /**\n   * @param _elementRef The DOM element reference. Used for transition and width calculation.\n   *     If not available we do not hook on transitions.\n   */\n  constructor(private _elementRef: ElementRef) {}\n\n  /**\n   * Whether the sidenav is opened. We overload this because we trigger an event when it\n   * starts or end.\n   */\n  @Input()\n  get opened(): boolean { return this._opened; }\n  set opened(v: boolean) {\n    // TODO(jelbourn): this coercion goes away when BooleanFieldValue is removed.\n    let booleanValue = v != null && `${v}` !== 'false';\n    this.toggle(booleanValue);\n  }\n\n\n  /** Open this sidenav, and return a Promise that will resolve when it's fully opened (or get\n   * rejected if it didn't). */\n  open(): Promise<void> {\n    return this.toggle(true);\n  }\n\n  /**\n   * Close this sidenav, and return a Promise that will resolve when it's fully closed (or get\n   * rejected if it didn't).\n   */\n  close(): Promise<void> {\n    return this.toggle(false);\n  }\n\n  /**\n   * Toggle this sidenav. This is equivalent to calling open() when it's already opened, or\n   * close() when it's closed.\n   * @param isOpen\n   */\n  toggle(isOpen: boolean = !this.opened): Promise<void> {\n    // Shortcut it if we're already opened.\n    if (isOpen === this.opened) {\n      if (!this._transition) {\n        return Promise.resolve(null);\n      } else {\n        return isOpen ? this._openPromise : this._closePromise;\n      }\n    }\n\n    this._opened = isOpen;\n    this._transition = true;\n\n    if (isOpen) {\n      this.onOpenStart.emit(null);\n    } else {\n      this.onCloseStart.emit(null);\n    }\n\n    if (isOpen) {\n      if (this._openPromise == null) {\n        this._openPromise = new Promise<void>((resolve, reject) => {\n          this._openPromiseResolve = resolve;\n          this._openPromiseReject = reject;\n        });\n      }\n      return this._openPromise;\n    } else {\n      if (this._closePromise == null) {\n        this._closePromise = new Promise<void>((resolve, reject) => {\n          this._closePromiseResolve = resolve;\n          this._closePromiseReject = reject;\n        });\n      }\n      return this._closePromise;\n    }\n  }\n\n\n  /**\n   * When transition has finished, set the internal state for classes and emit the proper event.\n   * The event passed is actually of type TransitionEvent, but that type is not available in\n   * Android so we use any.\n   */\n  _onTransitionEnd(transitionEvent: TransitionEvent) {\n    if (transitionEvent.target == this._elementRef.nativeElement\n        // Simpler version to check for prefixes.\n        && transitionEvent.propertyName.endsWith('transform')) {\n      this._transition = false;\n      if (this._opened) {\n        if (this._openPromise != null) {\n          this._openPromiseResolve();\n        }\n        if (this._closePromise != null) {\n          this._closePromiseReject();\n        }\n\n        this.onOpen.emit(null);\n      } else {\n        if (this._closePromise != null) {\n          this._closePromiseResolve();\n        }\n        if (this._openPromise != null) {\n          this._openPromiseReject();\n        }\n\n        this.onClose.emit(null);\n      }\n\n      this._openPromise = null;\n      this._closePromise = null;\n    }\n  }\n\n  @HostBinding('class.md-sidenav-closing') get _isClosing() {\n    return !this._opened && this._transition;\n  }\n  @HostBinding('class.md-sidenav-opening') get _isOpening() {\n    return this._opened && this._transition;\n  }\n  @HostBinding('class.md-sidenav-closed') get _isClosed() {\n    return !this._opened && !this._transition;\n  }\n  @HostBinding('class.md-sidenav-opened') get _isOpened() {\n    return this._opened && !this._transition;\n  }\n  @HostBinding('class.md-sidenav-end') get _isEnd() {\n    return this.align == 'end';\n  }\n  @HostBinding('class.md-sidenav-side') get _modeSide() {\n    return this.mode == 'side';\n  }\n  @HostBinding('class.md-sidenav-over') get _modeOver() {\n    return this.mode == 'over';\n  }\n  @HostBinding('class.md-sidenav-push') get _modePush() {\n    return this.mode == 'push';\n  }\n\n  /** TODO: internal (needed by MdSidenavLayout). */\n  get _width() {\n    if (this._elementRef.nativeElement) {\n      return this._elementRef.nativeElement.offsetWidth;\n    }\n    return 0;\n  }\n\n  private _transition: boolean = false;\n  private _openPromise: Promise<void>;\n  private _openPromiseResolve: () => void;\n  private _openPromiseReject: () => void;\n  private _closePromise: Promise<void>;\n  private _closePromiseResolve: () => void;\n  private _closePromiseReject: () => void;\n}\n\n/**\n * <md-sidenav-layout> component.\n *\n * This is the parent component to one or two <md-sidenav>s that validates the state internally\n * and coordinate the backdrop and content styling.\n */\n@Component({\n  moduleId: module.id,\n  selector: 'md-sidenav-layout',\n  // Do not use ChangeDetectionStrategy.OnPush. It does not work for this component because\n  // technically it is a sibling of MdSidenav (on the content tree) and isn't updated when MdSidenav\n  // changes its state.\n  templateUrl: 'sidenav.html',\n  styleUrls: [\n    'sidenav.css',\n    'sidenav-transitions.css',\n  ],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MdSidenavLayout implements AfterContentInit {\n  @ContentChildren(MdSidenav) _sidenavs: QueryList<MdSidenav>;\n\n  get start() { return this._start; }\n  get end() { return this._end; }\n\n  /** The sidenav at the start/end alignment, independent of direction. */\n  private _start: MdSidenav;\n  private _end: MdSidenav;\n\n  /**\n   * The sidenav at the left/right. When direction changes, these will change as well.\n   * They're used as aliases for the above to set the left/right style properly.\n   * In LTR, _left == _start and _right == _end.\n   * In RTL, _left == _end and _right == _start.\n   */\n  private _left: MdSidenav;\n  private _right: MdSidenav;\n\n  constructor(@Optional() private _dir: Dir, private _element: ElementRef,\n              private _renderer: Renderer) {\n    // If a `Dir` directive exists up the tree, listen direction changes and update the left/right\n    // properties to point to the proper start/end.\n    if (_dir != null) {\n      _dir.dirChange.subscribe(() => this._validateDrawers());\n    }\n  }\n\n  /** TODO: internal */\n  ngAfterContentInit() {\n    // On changes, assert on consistency.\n    this._sidenavs.changes.subscribe(() => this._validateDrawers());\n    this._sidenavs.forEach((sidenav: MdSidenav) => this._watchSidenavToggle(sidenav));\n    this._validateDrawers();\n  }\n\n  /*\n  * Subscribes to sidenav events in order to set a class on the main layout element when the sidenav\n  * is open and the backdrop is visible. This ensures any overflow on the layout element is properly\n  * hidden.\n  */\n  private _watchSidenavToggle(sidenav: MdSidenav): void {\n    if (!sidenav || sidenav.mode === 'side') { return; }\n    sidenav.onOpen.subscribe(() => this._setLayoutClass(sidenav, true));\n    sidenav.onClose.subscribe(() => this._setLayoutClass(sidenav, false));\n  }\n\n  /* Toggles the 'md-sidenav-opened' class on the main 'md-sidenav-layout' element. */\n  private _setLayoutClass(sidenav: MdSidenav, bool: boolean): void {\n    this._renderer.setElementClass(this._element.nativeElement, 'md-sidenav-opened', bool);\n  }\n\n  /** Validate the state of the sidenav children components. */\n  private _validateDrawers() {\n    this._start = this._end = null;\n\n    // Ensure that we have at most one start and one end sidenav.\n    this._sidenavs.forEach(sidenav => {\n      if (sidenav.align == 'end') {\n        if (this._end != null) {\n          throw new MdDuplicatedSidenavError('end');\n        }\n        this._end = sidenav;\n      } else {\n        if (this._start != null) {\n          throw new MdDuplicatedSidenavError('start');\n        }\n        this._start = sidenav;\n      }\n    });\n\n    this._right = this._left = null;\n\n    // Detect if we're LTR or RTL.\n    if (this._dir == null || this._dir.value == 'ltr') {\n      this._left = this._start;\n      this._right = this._end;\n    } else {\n      this._left = this._end;\n      this._right = this._start;\n    }\n  }\n\n  _closeModalSidenav() {\n    if (this._start != null && this._start.mode != 'side') {\n      this._start.close();\n    }\n    if (this._end != null && this._end.mode != 'side') {\n      this._end.close();\n    }\n  }\n\n  _isShowingBackdrop(): boolean {\n    return (this._isSidenavOpen(this._start) && this._start.mode != 'side')\n        || (this._isSidenavOpen(this._end) && this._end.mode != 'side');\n  }\n\n  private _isSidenavOpen(side: MdSidenav): boolean {\n    return side != null && side.opened;\n  }\n\n  /**\n   * Return the width of the sidenav, if it's in the proper mode and opened.\n   * This may relayout the view, so do not call this often.\n   * @param sidenav\n   * @param mode\n   */\n  private _getSidenavEffectiveWidth(sidenav: MdSidenav, mode: string): number {\n    return (this._isSidenavOpen(sidenav) && sidenav.mode == mode) ? sidenav._width : 0;\n  }\n\n  _getMarginLeft() {\n    return this._getSidenavEffectiveWidth(this._left, 'side');\n  }\n\n  _getMarginRight() {\n    return this._getSidenavEffectiveWidth(this._right, 'side');\n  }\n\n  _getPositionLeft() {\n    return this._getSidenavEffectiveWidth(this._left, 'push');\n  }\n\n  _getPositionRight() {\n    return this._getSidenavEffectiveWidth(this._right, 'push');\n  }\n\n  /**\n   * Returns the horizontal offset for the content area.  There should never be a value for both\n   * left and right, so by subtracting the right value from the left value, we should always get\n   * the appropriate offset.\n   */\n  _getPositionOffset() {\n    return this._getPositionLeft() - this._getPositionRight();\n  }\n\n  /**\n   * This is using [ngStyle] rather than separate [style...] properties because [style.transform]\n   * doesn't seem to work right now.\n   */\n  _getStyles() {\n    return {\n      marginLeft: `${this._getMarginLeft()}px`,\n      marginRight: `${this._getMarginRight()}px`,\n      transform: `translate3d(${this._getPositionOffset()}px, 0, 0)`\n    };\n  }\n}\n\n\n@NgModule({\n  imports: [CommonModule],\n  exports: [MdSidenavLayout, MdSidenav],\n  declarations: [MdSidenavLayout, MdSidenav],\n})\nexport class MdSidenavModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdSidenavModule,\n      providers: []\n    };\n  }\n}\n"],"sourceRoot":"/source/"}

package/sidenav/sidenav.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"MdSidenav":{"__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-sidenav","template":"<ng-content></ng-content>","host":{"(transitionend)":"_onTransitionEnd($event)","[attr.align]":"null"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onOpenStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["open-start"]}]}],"onOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["open"]}]}],"onCloseStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["close-start"]}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["close"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"_onTransitionEnd":[{"__symbolic":"method"}],"_isClosing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-sidenav-closing"]}]}],"_isOpening":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-sidenav-opening"]}]}],"_isClosed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-sidenav-closed"]}]}],"_isOpened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-sidenav-opened"]}]}],"_isEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-sidenav-end"]}]}],"_modeSide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-sidenav-side"]}]}],"_modeOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-sidenav-over"]}]}],"_modePush":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-sidenav-push"]}]}]}},"MdSidenavLayout":{"__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-sidenav-layout","templateUrl":"sidenav.html","styleUrls":["sidenav.css","sidenav-transitions.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"_sidenavs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"MdSidenav"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null,null],"parameters":[{"__symbolic":"reference","module":"../core","name":"Dir"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_watchSidenavToggle":[{"__symbolic":"method"}],"_setLayoutClass":[{"__symbolic":"method"}],"_validateDrawers":[{"__symbolic":"method"}],"_closeModalSidenav":[{"__symbolic":"method"}],"_isShowingBackdrop":[{"__symbolic":"method"}],"_isSidenavOpen":[{"__symbolic":"method"}],"_getSidenavEffectiveWidth":[{"__symbolic":"method"}],"_getMarginLeft":[{"__symbolic":"method"}],"_getMarginRight":[{"__symbolic":"method"}],"_getPositionLeft":[{"__symbolic":"method"}],"_getPositionRight":[{"__symbolic":"method"}],"_getPositionOffset":[{"__symbolic":"method"}],"_getStyles":[{"__symbolic":"method"}]}},"MdSidenavModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"exports":[{"__symbolic":"reference","name":"MdSidenavLayout"},{"__symbolic":"reference","name":"MdSidenav"}],"declarations":[{"__symbolic":"reference","name":"MdSidenavLayout"},{"__symbolic":"reference","name":"MdSidenav"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdSidenavModule"},"providers":[]}}}}}}

package/sidenav/sidenav.scss

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

package/slide-toggle/README.md

@@ -1,66 +0,0 @@
-# MdSlideToggle
-`MdSlideToggle` is a two-state control, which can be also called `switch`
-
-### Screenshots
-![image](https://material.angularjs.org/material2_assets/slide-toggle/toggles.png)
-
-## `<md-slide-toggle>`
-### Bound Properties
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `disabled` | boolean | Disables the `slide-toggle` |
-| `color` | `"primary" | "accent" | "warn"` | The color palette of the `slide-toggle` |
-| `checked` | boolean | Sets the value of the `slide-toggle` |
-
-### Events
-| Name | Type | Description |
-| --- | --- | --- |
-| `change` | boolean | Event will be emitted on every value change.<br/>It emits the new `checked` value. |
-
-### Examples
-A basic slide-toggle would have the following markup.
-```html
-<md-slide-toggle [(ngModel)]="slideToggleModel">
-  Default Slide Toggle
-</md-slide-toggle>
-```
-
-Slide toggle can be also disabled.
-```html
-<md-slide-toggle disabled>
-  Disabled Slide Toggle
-</md-slide-toggle>
-```
-
-The `slide-toggle` can be also set to checked without a `ngModel`
-```html
-<md-slide-toggle [checked]="isChecked">
-  Input Binding
-</md-slide-toggle>
-```
-
-You may also want to listen on changes of the `slide-toggle`<br/>
-The `slide-toggle` always emits the new value to the event binding `(change)`
-```html
-<md-slide-toggle (change)="printValue($event)">
-  Prints Value on Change
-</md-slide-toggle>
-```
-
-## Theming
-A slide-toggle is default using the `accent` palette for its styling.
-
-Modifying the color on a `slide-toggle` can be easily done, by using the following markup.
-```html
-<md-slide-toggle color="primary">
-  Primary Slide Toggle
-</md-slide-toggle>
-```
-
-The color can be also set dynamically by using a property binding.
-```html
-<md-slide-toggle [color]="myColor">
-  Dynamic Color
-</md-slide-toggle>
-```

package/slide-toggle/_slide-toggle-theme.scss

@@ -1,77 +0,0 @@
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-
-
-@mixin _md-slide-toggle-checked($palette) {
-  &.md-checked {
-    .md-slide-toggle-thumb {
-      background-color: md-color($palette);
-    }
-
-    .md-slide-toggle-bar {
-      background-color: md-color($palette, 0.5);
-    }
-  }
-}
-
-// TODO(jelbourn): remove this when the real ripple has been applied to slide-toggle.
-@mixin _md-slide-toggle-ripple($palette, $foreground) {
-  &.md-slide-toggle-focused {
-    &:not(.md-checked) .md-ink-ripple {
-      // When the slide-toggle is not checked and it shows its focus indicator, it should use a 12% opacity
-      // of black in light themes and 12% of white in dark themes.
-      background-color: md-color($foreground, divider);
-    }
-  }
-
-  &.md-slide-toggle-focused .md-ink-ripple {
-    background-color: md-color($palette, 0.26);
-  }
-}
-
-@mixin md-slide-toggle-theme($theme) {
-  $primary: map-get($theme, primary);
-  $accent: map-get($theme, accent);
-  $warn: map-get($theme, warn);
-  $background: map-get($theme, background);
-  $foreground: map-get($theme, foreground);
-
-  md-slide-toggle {
-    @include _md-slide-toggle-checked($accent);
-    @include _md-slide-toggle-ripple($accent, $foreground);
-    
-
-    &.md-primary {
-      @include _md-slide-toggle-checked($primary);
-      @include _md-slide-toggle-ripple($primary, $foreground);
-    }
-  
-    &.md-warn {
-      @include _md-slide-toggle-checked($warn);
-      @include _md-slide-toggle-ripple($warn, $foreground);
-    }
-
-  }
-
-  .md-disabled {
-    .md-slide-toggle-thumb {
-      // The thumb of the slide-toggle always uses the hue 400 of the grey palette in dark or light themes.
-      // Since this is very specific to the slide-toggle component, we're not providing
-      // it in the background palette.
-      background-color: md-color($md-grey, 400);
-    }
-    .md-slide-toggle-bar {
-      background-color: md-color($foreground, divider);
-    }
-  }
-
-  .md-slide-toggle-thumb {
-    background-color: md-color($background, background);
-  }
-
-  .md-slide-toggle-bar {
-    // The slide-toggle bar always uses grey-500 for both dark and light themes.
-    // Since this is very specific to slide-toggle, it's not part of the common background palette.
-    background-color: md-color($md-grey, 500);
-  }
-}

package/slide-toggle/index.js

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

package/slide-toggle/index.js.map

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

package/slide-toggle/slide-toggle.css

@@ -1,88 +0,0 @@
-:host {
-  display: flex;
-  height: 24px;
-  margin: 16px 0;
-  line-height: 24px;
-  white-space: nowrap;
-  user-select: none;
-  outline: none; }
-  :host.md-checked .md-slide-toggle-thumb-container {
-    transform: translate3d(100%, 0, 0); }
-  :host .md-ink-ripple {
-    border-radius: 50%;
-    opacity: 0;
-    height: 48px;
-    left: 50%;
-    overflow: hidden;
-    pointer-events: none;
-    position: absolute;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    transition: opacity ease 280ms, background-color ease 280ms;
-    width: 48px; }
-  :host.md-slide-toggle-focused .md-ink-ripple {
-    opacity: 1; }
-  :host.md-slide-toggle-disabled .md-ink-ripple {
-    background-color: #000; }
-  :host.md-disabled .md-slide-toggle-label, :host.md-disabled .md-slide-toggle-container {
-    cursor: default; }
-
-.md-slide-toggle-content {
-  font-size: 14px;
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-weight: 500; }
-
-.md-slide-toggle-label {
-  display: flex;
-  flex: 1;
-  cursor: pointer; }
-
-.md-slide-toggle-container {
-  cursor: grab;
-  width: 36px;
-  height: 24px;
-  position: relative;
-  user-select: none;
-  margin-right: 8px; }
-
-.md-slide-toggle-thumb-container {
-  position: absolute;
-  top: 2px;
-  left: 0;
-  z-index: 1;
-  width: 16px;
-  transform: translate3d(0, 0, 0);
-  transition: all 80ms linear;
-  transition-property: transform; }
-  .md-slide-toggle-thumb-container.md-dragging {
-    transition-duration: 0ms; }
-
-.md-slide-toggle-thumb {
-  position: absolute;
-  margin: 0;
-  left: 0;
-  top: 0;
-  height: 20px;
-  width: 20px;
-  border-radius: 50%;
-  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); }
-
-.md-slide-toggle-bar {
-  position: absolute;
-  left: 1px;
-  top: 5px;
-  width: 34px;
-  height: 14px;
-  border-radius: 8px; }
-
-.md-slide-toggle-input {
-  bottom: 0;
-  left: 10px; }
-
-.md-slide-toggle-bar,
-.md-slide-toggle-thumb {
-  transition: all 80ms linear;
-  transition-property: background-color;
-  transition-delay: 50ms; }
-
-/*# sourceMappingURL=slide-toggle.css.map */

package/slide-toggle/slide-toggle.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"slide-toggle/slide-toggle.css","sources":["slide-toggle/slide-toggle.scss","core/style/_variables.scss","core/typography/_typography.scss","core/ripple/_ripple.scss","core/theming/_theming.scss","core/theming/_palette.scss","core/style/_elevation.scss"],"sourcesContent":["@import '../core/style/variables';\r\n@import '../core/ripple/ripple';\r\n@import '../core/style/elevation';\r\n\r\n\r\n$md-slide-toggle-width: 36px !default;\r\n$md-slide-toggle-height: 24px !default;\r\n$md-slide-toggle-bar-height: 14px !default;\r\n$md-slide-toggle-thumb-size: 20px !default;\r\n$md-slide-toggle-margin: 16px !default;\r\n\r\n\r\n@mixin md-switch-ripple() {\r\n  // Temporary ripple effect for the thumb of the slide-toggle.\r\n  // Bind to the parent selector and specify the current palette.\r\n  @include md-temporary-ink-ripple(slide-toggle, true);\r\n}\r\n\r\n:host {\r\n  display: flex;\r\n  height: $md-slide-toggle-height;\r\n\r\n  margin: $md-slide-toggle-margin 0;\r\n  line-height: $md-slide-toggle-height;\r\n\r\n  white-space: nowrap;\r\n  user-select: none;\r\n\r\n  outline: none;\r\n\r\n  &.md-checked {\r\n    .md-slide-toggle-thumb-container {\r\n      transform: translate3d(100%, 0, 0);\r\n    }\r\n  }\r\n\r\n  @include md-switch-ripple();\r\n\r\n  &.md-disabled {\r\n\r\n    .md-slide-toggle-label, .md-slide-toggle-container {\r\n      cursor: default;\r\n    }\r\n  }\r\n}\r\n\r\n// The content element is responsible for the users content.\r\n// It will apply the given typography styles and align at the end of the slide-toggle.\r\n.md-slide-toggle-content {\r\n  font-size: $md-body-font-size-base;\r\n  font-family: $md-font-family;\r\n  font-weight: 500;\r\n}\r\n\r\n// The label element is our root container for the slide-toggle / switch indicator and label text.\r\n// It has to be a label, to support accessibility for the visual hidden input.\r\n.md-slide-toggle-label {\r\n  display: flex;\r\n  flex: 1;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n// Container for the composition of the slide-toggle / switch indicator.\r\n.md-slide-toggle-container {\r\n  cursor: grab;\r\n  width: $md-slide-toggle-width;\r\n  height: $md-slide-toggle-height;\r\n\r\n  position: relative;\r\n  user-select: none;\r\n\r\n  margin-right: 8px;\r\n}\r\n\r\n// The thumb container is responsible for the dragging functionality.\r\n// It moves around and holds the actual circle as a thumb.\r\n.md-slide-toggle-thumb-container {\r\n  position: absolute;\r\n  top: $md-slide-toggle-height / 2 - $md-slide-toggle-thumb-size / 2;\r\n  left: 0;\r\n  z-index: 1;\r\n\r\n  width: $md-slide-toggle-width - $md-slide-toggle-thumb-size;\r\n\r\n  transform: translate3d(0, 0, 0);\r\n\r\n  transition: $swift-linear;\r\n  transition-property: transform;\r\n\r\n  // Once the thumb container is being dragged around, we remove the transition duration to\r\n  // make the drag feeling fast and not delayed.\r\n  &.md-dragging {\r\n    transition-duration: 0ms;\r\n  }\r\n}\r\n\r\n// The thumb will be elevated from the slide-toggle bar.\r\n// Also the thumb is bound to its parent thumb-container, which manages the movement of the thumb.\r\n.md-slide-toggle-thumb {\r\n  position: absolute;\r\n  margin: 0;\r\n  left: 0;\r\n  top: 0;\r\n\r\n  height: $md-slide-toggle-thumb-size;\r\n  width: $md-slide-toggle-thumb-size;\r\n  border-radius: 50%;\r\n\r\n  @include md-elevation(1);\r\n}\r\n\r\n// Horizontal bar for the slide-toggle.\r\n// The slide-toggle bar is shown behind the thumb container.\r\n.md-slide-toggle-bar {\r\n  position: absolute;\r\n  left: 1px;\r\n  top: $md-slide-toggle-height / 2 - $md-slide-toggle-bar-height / 2;\r\n\r\n  width: $md-slide-toggle-width - 2px;\r\n  height: $md-slide-toggle-bar-height;\r\n\r\n  border-radius: 8px;\r\n}\r\n\r\n// The slide toggle shows a visually hidden input inside of the component, which is used\r\n// to take advantage of the native browser functionality.\r\n.md-slide-toggle-input {\r\n  // Move the input to the bottom and in the middle of the thumb.\r\n  // Visual improvement to properly show browser popups when being required.\r\n  bottom: 0;\r\n  left: $md-slide-toggle-thumb-size / 2;\r\n}\r\n\r\n.md-slide-toggle-bar,\r\n.md-slide-toggle-thumb {\r\n  transition: $swift-linear;\r\n  transition-property: background-color;\r\n  transition-delay: 50ms;\r\n}\r\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 '../theming/theming';\n\n\n$md-ripple-focused-opacity: 0.1;\n$md-ripple-background-fade-duration: 300ms;\n$md-ripple-background-default-color: rgba(0, 0, 0, 0.0588);\n$md-ripple-foreground-initial-opacity: 0.25;\n$md-ripple-foreground-default-color: rgba(0, 0, 0, 0.0588);\n\n\n@mixin md-ripple() {\n  // The host element of an md-ripple directive should always have a position of \"absolute\" or\n  // \"relative\" so that the ripple divs it creates inside itself are correctly positioned.\n  [md-ripple] {\n    overflow: hidden;\n  }\n\n  [md-ripple].md-ripple-unbounded {\n    overflow: visible;\n  }\n\n  .md-ripple-background {\n    background-color: $md-ripple-background-default-color;\n    opacity: 0;\n    transition: opacity $md-ripple-background-fade-duration linear;\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n  }\n\n  .md-ripple-unbounded .md-ripple-background {\n    display: none;\n  }\n\n  .md-ripple-background.md-ripple-active {\n    opacity: 1;\n  }\n\n  .md-ripple-focused .md-ripple-background {\n    opacity: 1;\n  }\n\n  .md-ripple-foreground {\n    background-color: $md-ripple-foreground-default-color;\n    border-radius: 50%;\n    pointer-events: none;\n    opacity: $md-ripple-foreground-initial-opacity;\n    position: absolute;\n    // The transition duration is manually set based on the ripple size.\n    transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);\n  }\n\n  .md-ripple-foreground.md-ripple-fade-in {\n    opacity: 1;\n  }\n\n  .md-ripple-foreground.md-ripple-fade-out {\n    opacity: 0;\n  }\n}\n\n@mixin md-ripple-theme($theme) {\n  $accent: map-get($theme, accent);\n\n  .md-ripple-focused .md-ripple-background {\n    background-color: md-color($accent, $md-ripple-focused-opacity);\n  }\n}\n\n\n// A mixin, which generates temporary ink ripple on a given component.\n// To be removed once the real ripple is applied to all elements.\n// When $bindToParent is set to true, it will check for the focused class on the same selector as you included\n// that mixin.\n// It is also possible to specify the color palette of the temporary ripple. By default it uses the\n// accent palette for its background.\n@mixin md-temporary-ink-ripple($component, $bindToParent: false) {\n  // TODO(mtlin): Replace when ink ripple component is implemented.\n  // A placeholder ink ripple, shown when keyboard focused.\n  .md-ink-ripple {\n    border-radius: 50%;\n    opacity: 0;\n    height: 48px;\n    left: 50%;\n    overflow: hidden;\n    pointer-events: none;\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    transition: opacity ease 280ms, background-color ease 280ms;\n    width: 48px;\n  }\n\n  // Fade in when radio focused.\n  #{if($bindToParent, '&', '')}.md-#{$component}-focused .md-ink-ripple {\n    opacity: 1;\n  }\n\n  // TODO(mtlin): This corresponds to disabled focus state, but it's unclear how to enter into\n  // this state.\n  #{if($bindToParent, '&', '')}.md-#{$component}-disabled .md-ink-ripple {\n    background-color: #000;\n  }\n}\n","@import 'palette';\n\n\n// For a given hue in a palette, return the contrast color from the map of contrast palettes.\n// @param $color-map\n// @param $hue\n@function md-contrast($palette, $hue) {\n  @return map-get(map-get($palette, contrast), $hue);\n}\n\n\n// Creates a map of hues to colors for a theme. This is used to define a theme palette in terms\n// of the Material Design hues.\n// @param $color-map\n// @param $primary\n// @param $lighter\n@function md-palette($base-palette, $default: 500, $lighter: 100, $darker: 700) {\n  $result: map_merge($base-palette, (\n    default: map-get($base-palette, $default),\n    lighter: map-get($base-palette, $lighter),\n    darker: map-get($base-palette, $darker),\n\n    default-contrast: md-contrast($base-palette, $default),\n    lighter-contrast: md-contrast($base-palette, $lighter),\n    darker-contrast: md-contrast($base-palette, $darker)\n  ));\n\n  // For each hue in the palette, add a \"-contrast\" color to the map.\n  @each $hue, $color in $base-palette {\n    $result: map_merge($result, (\n      '#{$hue}-contrast': md-contrast($base-palette, $hue)\n    ));\n  }\n\n  @return $result;\n}\n\n\n// Gets a color from a theme palette (the output of md-palette).\n// The hue can be one of the standard values (500, A400, etc.), one of the three preconfigured\n// hues (default, lighter, darker), or any of the aforementioned prefixed with \"-contrast\".\n//\n// @param $color-map The theme palette (output of md-palette).\n// @param $hue The hue from the palette to use. If this is a value between 0 and 1, it will\n//     be treated as opacity.\n// @param $opacity The alpha channel value for the color.\n@function md-color($palette, $hue: default, $opacity: 1) {\n  // If hueKey is a number between zero and one, then it actually contains an\n  // opacity value, so recall this function with the default hue and that given opacity.\n  @if type-of($hue) == number and $hue >= 0 and $hue <= 1 {\n    @return md-color($palette, default, $hue);\n  }\n\n  $color: map-get($palette, $hue);\n  $opacity: if(opacity($color) < 1, opacity($color), $opacity);\n\n  @return rgba($color, $opacity);\n}\n\n\n// Creates a container object for a light theme to be given to individual component theme mixins.\n@function md-light-theme($primary, $accent, $warn: md-palette($md-red)) {\n  @return (\n    primary: $primary,\n    accent: $accent,\n    warn: $warn,\n    is-dark: false,\n    foreground: $md-light-theme-foreground,\n    background: $md-light-theme-background,\n  );\n}\n\n\n// Creates a container object for a dark theme to be given to individual component theme mixins.\n@function md-dark-theme($primary, $accent, $warn: md-palette($md-red)) {\n  @return (\n    primary: $primary,\n    accent: $accent,\n    warn: $warn,\n    is-dark: true,\n    foreground: $md-dark-theme-foreground,\n    background: $md-dark-theme-background,\n  );\n}\n","// Color palettes from the Material Design spec.\n// See https://www.google.com/design/spec/style/color.html\n//\n// Contrast colors are hard-coded because it is too difficult (probably impossible) to\n// calculate them. These contrast colors are pulled from the public Material Design spec swatches.\n// While the contrast colors in the spec are not prescriptive, we use them for convenience.\n\n\n$black-87-opacity: rgba(black, 0.87);\n$white-87-opacity: rgba(white, 0.87);\n\n$md-red: (\n  50: #ffebee,\n  100: #ffcdd2,\n  200: #ef9a9a,\n  300: #e57373,\n  400: #ef5350,\n  500: #f44336,\n  600: #e53935,\n  700: #d32f2f,\n  800: #c62828,\n  900: #b71c1c,\n  A100: #ff8a80,\n  A200: #ff5252,\n  A400: #ff1744,\n  A700: #d50000,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: white,\n    600: white,\n    700: white,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: white,\n    A400: white,\n    A700: white,\n  )\n);\n\n$md-pink: (\n  50: #fce4ec,\n  100: #f8bbd0,\n  200: #f48fb1,\n  300: #f06292,\n  400: #ec407a,\n  500: #e91e63,\n  600: #d81b60,\n  700: #c2185b,\n  800: #ad1457,\n  900: #880e4f,\n  A100: #ff80ab,\n  A200: #ff4081,\n  A400: #f50057,\n  A700: #c51162,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: white,\n    600: white,\n    700: $white-87-opacity,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: white,\n    A400: white,\n    A700: white,\n  )\n);\n\n$md-purple: (\n  50: #f3e5f5,\n  100: #e1bee7,\n  200: #ce93d8,\n  300: #ba68c8,\n  400: #ab47bc,\n  500: #9c27b0,\n  600: #8e24aa,\n  700: #7b1fa2,\n  800: #6a1b9a,\n  900: #4a148c,\n  A100: #ea80fc,\n  A200: #e040fb,\n  A400: #d500f9,\n  A700: #aa00ff,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: white,\n    400: white,\n    500: $white-87-opacity,\n    600: $white-87-opacity,\n    700: $white-87-opacity,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: white,\n    A400: white,\n    A700: white,\n  )\n);\n\n$md-deep-purple: (\n  50: #ede7f6,\n  100: #d1c4e9,\n  200: #b39ddb,\n  300: #9575cd,\n  400: #7e57c2,\n  500: #673ab7,\n  600: #5e35b1,\n  700: #512da8,\n  800: #4527a0,\n  900: #311b92,\n  A100: #b388ff,\n  A200: #7c4dff,\n  A400: #651fff,\n  A700: #6200ea,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: white,\n    400: white,\n    500: $white-87-opacity,\n    600: $white-87-opacity,\n    700: $white-87-opacity,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: white,\n    A400: $white-87-opacity,\n    A700: $white-87-opacity,\n  )\n);\n\n$md-indigo: (\n  50: #e8eaf6,\n  100: #c5cae9,\n  200: #9fa8da,\n  300: #7986cb,\n  400: #5c6bc0,\n  500: #3f51b5,\n  600: #3949ab,\n  700: #303f9f,\n  800: #283593,\n  900: #1a237e,\n  A100: #8c9eff,\n  A200: #536dfe,\n  A400: #3d5afe,\n  A700: #304ffe,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: white,\n    400: white,\n    500: $white-87-opacity,\n    600: $white-87-opacity,\n    700: $white-87-opacity,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: white,\n    A400: white,\n    A700: $white-87-opacity,\n  )\n);\n\n$md-blue: (\n  50: #e3f2fd,\n  100: #bbdefb,\n  200: #90caf9,\n  300: #64b5f6,\n  400: #42a5f5,\n  500: #2196f3,\n  600: #1e88e5,\n  700: #1976d2,\n  800: #1565c0,\n  900: #0d47a1,\n  A100: #82b1ff,\n  A200: #448aff,\n  A400: #2979ff,\n  A700: #2962ff,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: white,\n    600: white,\n    700: white,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: white,\n    A400: white,\n    A700: white,\n  )\n);\n\n$md-light-blue: (\n  50: #e1f5fe,\n  100: #b3e5fc,\n  200: #81d4fa,\n  300: #4fc3f7,\n  400: #29b6f6,\n  500: #03a9f4,\n  600: #039be5,\n  700: #0288d1,\n  800: #0277bd,\n  900: #01579b,\n  A100: #80d8ff,\n  A200: #40c4ff,\n  A400: #00b0ff,\n  A700: #0091ea,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: white,\n    600: white,\n    700: white,\n    800: white,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: white,\n  )\n);\n\n$md-cyan: (\n  50: #e0f7fa,\n  100: #b2ebf2,\n  200: #80deea,\n  300: #4dd0e1,\n  400: #26c6da,\n  500: #00bcd4,\n  600: #00acc1,\n  700: #0097a7,\n  800: #00838f,\n  900: #006064,\n  A100: #84ffff,\n  A200: #18ffff,\n  A400: #00e5ff,\n  A700: #00b8d4,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: white,\n    600: white,\n    700: white,\n    800: white,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: $black-87-opacity,\n  )\n);\n\n$md-teal: (\n  50: #e0f2f1,\n  100: #b2dfdb,\n  200: #80cbc4,\n  300: #4db6ac,\n  400: #26a69a,\n  500: #009688,\n  600: #00897b,\n  700: #00796b,\n  800: #00695c,\n  900: #004d40,\n  A100: #a7ffeb,\n  A200: #64ffda,\n  A400: #1de9b6,\n  A700: #00bfa5,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: white,\n    600: white,\n    700: white,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: $black-87-opacity,\n  )\n);\n\n$md-green: (\n  50: #e8f5e9,\n  100: #c8e6c9,\n  200: #a5d6a7,\n  300: #81c784,\n  400: #66bb6a,\n  500: #4caf50,\n  600: #43a047,\n  700: #388e3c,\n  800: #2e7d32,\n  900: #1b5e20,\n  A100: #b9f6ca,\n  A200: #69f0ae,\n  A400: #00e676,\n  A700: #00c853,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: white,\n    600: white,\n    700: white,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: $black-87-opacity,\n  )\n);\n\n$md-light-green: (\n  50: #f1f8e9,\n  100: #dcedc8,\n  200: #c5e1a5,\n  300: #aed581,\n  400: #9ccc65,\n  500: #8bc34a,\n  600: #7cb342,\n  700: #689f38,\n  800: #558b2f,\n  900: #33691e,\n  A100: #ccff90,\n  A200: #b2ff59,\n  A400: #76ff03,\n  A700: #64dd17,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: $black-87-opacity,\n    600: $black-87-opacity,\n    700: $black-87-opacity,\n    800: white,\n    900: white,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: $black-87-opacity,\n  )\n);\n\n$md-lime: (\n  50: #f9fbe7,\n  100: #f0f4c3,\n  200: #e6ee9c,\n  300: #dce775,\n  400: #d4e157,\n  500: #cddc39,\n  600: #c0ca33,\n  700: #afb42b,\n  800: #9e9d24,\n  900: #827717,\n  A100: #f4ff81,\n  A200: #eeff41,\n  A400: #c6ff00,\n  A700: #aeea00,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: $black-87-opacity,\n    600: $black-87-opacity,\n    700: $black-87-opacity,\n    800: $black-87-opacity,\n    900: white,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: $black-87-opacity,\n  )\n);\n\n$md-yellow: (\n  50: #fffde7,\n  100: #fff9c4,\n  200: #fff59d,\n  300: #fff176,\n  400: #ffee58,\n  500: #ffeb3b,\n  600: #fdd835,\n  700: #fbc02d,\n  800: #f9a825,\n  900: #f57f17,\n  A100: #ffff8d,\n  A200: #ffff00,\n  A400: #ffea00,\n  A700: #ffd600,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: $black-87-opacity,\n    600: $black-87-opacity,\n    700: $black-87-opacity,\n    800: $black-87-opacity,\n    900: $black-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: $black-87-opacity,\n  )\n);\n\n$md-amber: (\n  50: #fff8e1,\n  100: #ffecb3,\n  200: #ffe082,\n  300: #ffd54f,\n  400: #ffca28,\n  500: #ffc107,\n  600: #ffb300,\n  700: #ffa000,\n  800: #ff8f00,\n  900: #ff6f00,\n  A100: #ffe57f,\n  A200: #ffd740,\n  A400: #ffc400,\n  A700: #ffab00,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: $black-87-opacity,\n    600: $black-87-opacity,\n    700: $black-87-opacity,\n    800: $black-87-opacity,\n    900: $black-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: $black-87-opacity,\n  )\n);\n\n$md-orange: (\n  50: #fff3e0,\n  100: #ffe0b2,\n  200: #ffcc80,\n  300: #ffb74d,\n  400: #ffa726,\n  500: #ff9800,\n  600: #fb8c00,\n  700: #f57c00,\n  800: #ef6c00,\n  900: #e65100,\n  A100: #ffd180,\n  A200: #ffab40,\n  A400: #ff9100,\n  A700: #ff6d00,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: $black-87-opacity,\n    600: $black-87-opacity,\n    700: $black-87-opacity,\n    800: white,\n    900: white,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: black,\n  )\n);\n\n$md-deep-orange: (\n  50: #fbe9e7,\n  100: #ffccbc,\n  200: #ffab91,\n  300: #ff8a65,\n  400: #ff7043,\n  500: #ff5722,\n  600: #f4511e,\n  700: #e64a19,\n  800: #d84315,\n  900: #bf360c,\n  A100: #ff9e80,\n  A200: #ff6e40,\n  A400: #ff3d00,\n  A700: #dd2c00,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: white,\n    600: white,\n    700: white,\n    800: white,\n    900: white,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: white,\n    A700: white,\n  )\n);\n\n$md-brown: (\n  50: #efebe9,\n  100: #d7ccc8,\n  200: #bcaaa4,\n  300: #a1887f,\n  400: #8d6e63,\n  500: #795548,\n  600: #6d4c41,\n  700: #5d4037,\n  800: #4e342e,\n  900: #3e2723,\n  A100: #d7ccc8,\n  A200: #bcaaa4,\n  A400: #8d6e63,\n  A700: #5d4037,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: white,\n    400: white,\n    500: $white-87-opacity,\n    600: $white-87-opacity,\n    700: $white-87-opacity,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: white,\n    A700: $white-87-opacity,\n  )\n);\n\n$md-grey: (\n  0: #ffffff,\n  50: #fafafa,\n  100: #f5f5f5,\n  200: #eeeeee,\n  300: #e0e0e0,\n  400: #bdbdbd,\n  500: #9e9e9e,\n  600: #757575,\n  700: #616161,\n  800: #424242,\n  900: #212121,\n  1000: #000000,\n  A100: #ffffff,\n  A200: #eeeeee,\n  A400: #bdbdbd,\n  A700: #616161,\n  contrast: (\n    0: $black-87-opacity,\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: $black-87-opacity,\n    600: $white-87-opacity,\n    700: $white-87-opacity,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    1000: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: $white-87-opacity,\n  )\n);\n\n$md-blue-grey: (\n  50: #eceff1,\n  100: #cfd8dc,\n  200: #b0bec5,\n  300: #90a4ae,\n  400: #78909c,\n  500: #607d8b,\n  600: #546e7a,\n  700: #455a64,\n  800: #37474f,\n  900: #263238,\n  A100: #cfd8dc,\n  A200: #b0bec5,\n  A400: #78909c,\n  A700: #455a64,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: white,\n    500: white,\n    600: $white-87-opacity,\n    700: $white-87-opacity,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: white,\n    A700: $white-87-opacity,\n  )\n);\n\n\n// Background palette for light themes.\n$md-light-theme-background: (\n  status-bar: map_get($md-grey, 300),\n  app-bar:    map_get($md-grey, 100),\n  background: map_get($md-grey, 50),\n  hover:      rgba(black, 0.04), // TODO(kara): check style with Material Design UX\n  card:       white,\n  dialog:     white,\n  disabled-button:   rgba(black, 0.12)\n);\n\n// Background palette for dark themes.\n$md-dark-theme-background: (\n  status-bar: black,\n  app-bar:    map_get($md-grey, 900),\n  background: #303030,\n  hover:      rgba(white, 0.04), // TODO(kara): check style with Material Design UX\n  card:       map_get($md-grey, 800),\n  dialog:     map_get($md-grey, 800),\n  disabled-button: rgba(white, 0.12)\n);\n\n// Foreground palette for light themes.\n$md-light-theme-foreground: (\n  base:            black,\n  divider:         rgba(black, 0.12),\n  dividers:        rgba(black, 0.12),\n  disabled:        rgba(black, 0.38),\n  disabled-button: rgba(black, 0.38),\n  disabled-text:   rgba(black, 0.38),\n  hint-text:       rgba(black, 0.38),\n  secondary-text:  rgba(black, 0.54),\n  icon:            rgba(black, 0.54),\n  icons:           rgba(black, 0.54),\n  text:            rgba(black, 0.87)\n);\n\n// Foreground palette for dark themes.\n$md-dark-theme-foreground: (\n  base:            white,\n  divider:         rgba(white, 0.12),\n  dividers:        rgba(white, 0.12),\n  disabled:        rgba(white, 0.3),\n  disabled-button: rgba(white, 0.3),\n  disabled-text:   rgba(white, 0.3),\n  hint-text:       rgba(white, 0.3),\n  secondary-text:  rgba(white, 0.7),\n  icon:            white,\n  icons:           white,\n  text:            white\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"],"mappings":"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","names":[],"sourceRoot":"/source/"}

package/slide-toggle/slide-toggle.d.ts

@@ -1,74 +0,0 @@
-import { ElementRef, Renderer, AfterContentInit, ModuleWithProviders } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { Observable } from 'rxjs/Observable';
-export declare const MD_SLIDE_TOGGLE_VALUE_ACCESSOR: any;
-export declare class MdSlideToggleChange {
-    source: MdSlideToggle;
-    checked: boolean;
-}
-export declare class MdSlideToggle implements AfterContentInit, ControlValueAccessor {
-    private _elementRef;
-    private _renderer;
-    private onChange;
-    private onTouched;
-    private _uniqueId;
-    private _checked;
-    private _color;
-    _hasFocus: boolean;
-    private _isMousedown;
-    private _slideRenderer;
-    disabled: boolean;
-    required: boolean;
-    name: string;
-    id: string;
-    tabIndex: number;
-    ariaLabel: string;
-    ariaLabelledby: string;
-    private _change;
-    change: Observable<MdSlideToggleChange>;
-    getInputId: () => string;
-    constructor(_elementRef: ElementRef, _renderer: Renderer);
-    /** TODO: internal */
-    ngAfterContentInit(): void;
-    /**
-     * The onChangeEvent method will be also called on click.
-     * This is because everything for the slide-toggle is wrapped inside of a label,
-     * which triggers a onChange event on click.
-     */
-    _onChangeEvent(event: Event): void;
-    _onInputClick(event: Event): void;
-    _setMousedown(): void;
-    _onInputFocus(): void;
-    _onInputBlur(): void;
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    writeValue(value: any): void;
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    registerOnChange(fn: any): void;
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    registerOnTouched(fn: any): void;
-    checked: boolean;
-    color: string;
-    toggle(): void;
-    private _updateColor(newColor);
-    private _setElementColor(color, isAdd);
-    /** Emits the change event to the `change` output EventEmitter */
-    private _emitChangeEvent();
-    /** TODO: internal */
-    _onDragStart(): void;
-    /** TODO: internal */
-    _onDrag(event: HammerInput): void;
-    /** TODO: internal */
-    _onDragEnd(): void;
-}
-export declare class MdSlideToggleModule {
-    static forRoot(): ModuleWithProviders;
-}

package/slide-toggle/slide-toggle.html

@@ -1,33 +0,0 @@
-<label class="md-slide-toggle-label">
-
-  <div class="md-slide-toggle-container">
-    <div class="md-slide-toggle-bar"></div>
-
-    <div class="md-slide-toggle-thumb-container"
-         (slidestart)="_onDragStart()"
-         (slide)="_onDrag($event)"
-         (slideend)="_onDragEnd()">
-
-      <div class="md-slide-toggle-thumb">
-        <div class="md-ink-ripple"></div>
-      </div>
-    </div>
-
-    <input #input class="md-slide-toggle-input md-visually-hidden" type="checkbox"
-           [id]="getInputId()"
-           [required]="required"
-           [tabIndex]="tabIndex"
-           [checked]="checked"
-           [disabled]="disabled"
-           [attr.name]="name"
-           [attr.aria-label]="ariaLabel"
-           [attr.aria-labelledby]="ariaLabelledby"
-           (blur)="_onInputBlur()"
-           (focus)="_onInputFocus()"
-           (change)="_onChangeEvent($event)"
-           (click)="_onInputClick($event)">
-  </div>
-  <span class="md-slide-toggle-content">
-    <ng-content></ng-content>
-  </span>
-</label>