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

package/sidenav/sidenav.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdDuplicatedSidenavError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}]}},"MdSidenavToggleResult":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":36,"character":27},{"__symbolic":"reference","name":"boolean"}]}]}},"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, mat-sidenav","templateUrl":"sidenav.html","host":{"(transitionend)":"_onTransitionEnd($event)","(keydown)":"handleKeydown($event)","[attr.align]":"null","[class.md-sidenav-closed]":"_isClosed","[class.md-sidenav-closing]":"_isClosing","[class.md-sidenav-end]":"_isEnd","[class.md-sidenav-opened]":"_isOpened","[class.md-sidenav-opening]":"_isOpening","[class.md-sidenav-over]":"_modeOver","[class.md-sidenav-push]":"_modePush","[class.md-sidenav-side]":"_modeSide","[class.md-sidenav-invalid]":"!valid","tabIndex":"-1"},"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":{"_focusTrap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../core/a11y/focus-trap","name":"FocusTrap"}]}]}],"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"]}]}],"onAlignChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["align-changed"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"handleKeydown":[{"__symbolic":"method"}],"_onTransitionEnd":[{"__symbolic":"method"}]}},"MdSidenavContainer":{"__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-container, mat-sidenav-container, md-sidenav-layout, mat-sidenav-layout","templateUrl":"sidenav-container.html","styleUrls":["sidenav.css","sidenav-transitions.css"],"host":{"class":"md-sidenav-container"},"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"}]}]}],"onBackdropClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["backdrop-clicked"]}]}],"__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"}],"_watchSidenavAlign":[{"__symbolic":"method"}],"_setContainerClass":[{"__symbolic":"method"}],"_setDrawersValid":[{"__symbolic":"method"}],"_validateDrawers":[{"__symbolic":"method"}],"_onBackdropClicked":[{"__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"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"},{"__symbolic":"reference","module":"../core/a11y/index","name":"A11yModule"},{"__symbolic":"reference","module":"../core/overlay/overlay-directives","name":"OverlayModule"}],"exports":[{"__symbolic":"reference","name":"MdSidenavContainer"},{"__symbolic":"reference","name":"MdSidenav"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"declarations":[{"__symbolic":"reference","name":"MdSidenavContainer"},{"__symbolic":"reference","name":"MdSidenav"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdSidenavModule"},"providers":[{"__symbolic":"reference","module":"../core/a11y/interactivity-checker","name":"InteractivityChecker"}]}}}}}},{"__symbolic":"module","metadata":{"MdDuplicatedSidenavError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}]}},"MdSidenavToggleResult":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":36,"character":27},{"__symbolic":"reference","name":"boolean"}]}]}},"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, mat-sidenav","templateUrl":"sidenav.html","host":{"(transitionend)":"_onTransitionEnd($event)","(keydown)":"handleKeydown($event)","[attr.align]":"null","[class.md-sidenav-closed]":"_isClosed","[class.md-sidenav-closing]":"_isClosing","[class.md-sidenav-end]":"_isEnd","[class.md-sidenav-opened]":"_isOpened","[class.md-sidenav-opening]":"_isOpening","[class.md-sidenav-over]":"_modeOver","[class.md-sidenav-push]":"_modePush","[class.md-sidenav-side]":"_modeSide","[class.md-sidenav-invalid]":"!valid","tabIndex":"-1"},"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":{"_focusTrap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../core/a11y/focus-trap","name":"FocusTrap"}]}]}],"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"]}]}],"onAlignChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["align-changed"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"handleKeydown":[{"__symbolic":"method"}],"_onTransitionEnd":[{"__symbolic":"method"}]}},"MdSidenavContainer":{"__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-container, mat-sidenav-container, md-sidenav-layout, mat-sidenav-layout","templateUrl":"sidenav-container.html","styleUrls":["sidenav.css","sidenav-transitions.css"],"host":{"class":"md-sidenav-container"},"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"}]}]}],"onBackdropClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["backdrop-clicked"]}]}],"__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"}],"_watchSidenavAlign":[{"__symbolic":"method"}],"_setContainerClass":[{"__symbolic":"method"}],"_setDrawersValid":[{"__symbolic":"method"}],"_validateDrawers":[{"__symbolic":"method"}],"_onBackdropClicked":[{"__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"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"},{"__symbolic":"reference","module":"../core/a11y/index","name":"A11yModule"},{"__symbolic":"reference","module":"../core/overlay/overlay-directives","name":"OverlayModule"}],"exports":[{"__symbolic":"reference","name":"MdSidenavContainer"},{"__symbolic":"reference","name":"MdSidenav"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"declarations":[{"__symbolic":"reference","name":"MdSidenavContainer"},{"__symbolic":"reference","name":"MdSidenav"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdSidenavModule"},"providers":[{"__symbolic":"reference","module":"../core/a11y/interactivity-checker","name":"InteractivityChecker"}]}}}}},"version":1}]

package/sidenav/sidenav.scss

@@ -1,151 +0,0 @@
-@import '../core/style/variables';
-@import '../core/style/elevation';
-@import '../core/style/layout-common';
-@import '../core/a11y/a11y';
-
-
-// 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);
-  }
-  &.md-sidenav-opening {
-    @include md-elevation(16);
-    visibility: visible;
-    transform: translate3d($open, 0, 0);
-  }
-  &.md-sidenav-opened {
-    @include md-elevation(16);
-    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-container {
-  // We need a stacking context here so that the backdrop and drawers are clipped to the
-  // MdSidenavContainer. 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-fill();
-
-    &.md-sidenav-opened {
-      overflow: hidden;
-    }
-  }
-}
-
-.md-sidenav-backdrop {
-  @include md-fill();
-
-  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;
-  }
-
-  @include cdk-high-contrast {
-    opacity: 0.5;
-  }
-}
-
-.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%;
-  outline: 0;
-
-  @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%);
-    }
-  }
-}
-
-.md-sidenav-focus-trap {
-  height: 100%;
-
-  > .cdk-focus-trap-content {
-    box-sizing: border-box;
-    height: 100%;
-    overflow-y: auto; // TODO(kara): revisit scrolling behavior for sidenavs
-
-    // Prevents unnecessary repaints while scrolling.
-    transform: translateZ(0);
-  }
-}
-
-.md-sidenav-invalid {
-  display: none;
-}

package/slide-toggle/OVERVIEW.md

@@ -1,24 +0,0 @@
-`<md-slide-toggle>` is an on/off control that can be toggled via clicking or dragging. 
-
-<!-- example(slide-toggle-overview) -->
-
-The slide-toggle behaves similarly to a checkbox, though it does not support an `indeterminate` 
-state like `<md-checkbox>`.
-
-_Note: the sliding behavior for this component requires that HammerJS is loaded on the page._
-
-### Slide-toggle label
-The slide-toggle label is provided as the content to the `<md-slide-toggle>` element. 
-
-If you don't want the label to appear next to the slide-toggle, you can use 
-[`aria-label`](https://www.w3.org/TR/wai-aria/states_and_properties#aria-label) or 
-[`aria-labelledby`](https://www.w3.org/TR/wai-aria/states_and_properties#aria-labelledby) to 
-specify an appropriate label.
-
-### Use with `@angular/forms`
-`<md-slide-toggle>` is compatible with `@angular/forms` and supports both `FormsModule` 
-and `ReactiveFormsModule`.
-
-### Theming
-The color of a `<md-slide-toggle>` can be changed by using the `color` property. By default, 
-slide-toggles use the theme's accent color. This can be changed to `'primary'` or `'warn'`.  

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,89 +0,0 @@
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-
-
-@mixin _md-slide-toggle-checked($palette, $thumb-checked-hue) {
-  // Do not apply the checked colors if the toggle is disabled, because the specificity would be to high for
-  // the disabled styles.
-  &.md-checked:not(.md-disabled) {
-    .md-slide-toggle-thumb {
-      background-color: md-color($palette, $thumb-checked-hue);
-    }
-
-    .md-slide-toggle-bar {
-      background-color: md-color($palette, $thumb-checked-hue, 0.5);
-    }
-  }
-}
-
-// TODO(jelbourn): remove this when the real ripple has been applied to slide-toggle.
-@mixin _md-slide-toggle-ripple($palette, $foreground, $thumb-checked-hue) {
-
-  &.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-ink-ripple {
-      background-color: md-color($palette, $thumb-checked-hue, 0.26);
-    }
-  }
-
-}
-
-@mixin md-slide-toggle-theme($theme) {
-  $is-dark: map_get($theme, is-dark);
-  $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);
-
-  // Color hues based on the specs, which prescribe different hues for dark and light themes
-  // https://material.google.com/components/selection-controls.html#selection-controls-switch
-  $thumb-normal-hue: if($is-dark, 400, 50);
-  $thumb-checked-hue: if($is-dark, 200, 500);
-  $thumb-disabled-hue: if($is-dark, 800, 400);
-
-  $bar-normal-color: md-color($foreground, disabled);
-  $bar-disabled-color: if($is-dark, rgba(white, 0.12), rgba(black, 0.1));
-
-  md-slide-toggle {
-    @include _md-slide-toggle-checked($accent, $thumb-checked-hue);
-    @include _md-slide-toggle-ripple($accent, $foreground, $thumb-checked-hue);
-    
-
-    &.md-primary {
-      @include _md-slide-toggle-checked($primary, $thumb-checked-hue);
-      @include _md-slide-toggle-ripple($primary, $foreground, $thumb-checked-hue);
-    }
-  
-    &.md-warn {
-      @include _md-slide-toggle-checked($warn, $thumb-checked-hue);
-      @include _md-slide-toggle-ripple($warn, $foreground, $thumb-checked-hue);
-    }
-
-  }
-
-  .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, $thumb-disabled-hue);
-    }
-    .md-slide-toggle-bar {
-      background-color: $bar-disabled-color;
-    }
-  }
-
-  .md-slide-toggle-thumb {
-    background-color: md-color($md-grey, $thumb-normal-hue);
-  }
-
-  .md-slide-toggle-bar {
-    background-color: $bar-normal-color;
-  }
-}

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":"index.js","sourcesContent":["export * from './slide-toggle';\n"]}

package/slide-toggle/slide-toggle.css

@@ -1 +0,0 @@
-md-slide-toggle{display:flex;height:24px;margin:16px 0;line-height:24px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0}md-slide-toggle.md-checked .md-slide-toggle-thumb-container{transform:translate3d(100%,0,0)}md-slide-toggle .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}md-slide-toggle.md-slide-toggle-focused .md-ink-ripple{opacity:1}md-slide-toggle.md-slide-toggle-disabled .md-ink-ripple{background-color:#000}md-slide-toggle.md-disabled .md-slide-toggle-container,md-slide-toggle.md-disabled .md-slide-toggle-label{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:-webkit-grab;cursor:grab;width:36px;height:24px;position:relative;margin-right:8px}[dir=rtl] .md-slide-toggle-container{margin-left:8px;margin-right:0}.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:0s}.md-slide-toggle-thumb{position:absolute;margin:0;left:0;top:0;height:20px;width:20px;border-radius:50%;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}@media screen and (-ms-high-contrast:active){.md-slide-toggle-thumb{background:#fff;border:1px solid #000}.md-slide-toggle-bar{background:#fff}}.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}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["slide-toggle.css"],"names":[],"mappings":"AAAA;;;;GAIG;AACH;EACE,cAAc;EACd,aAAa;EACb,eAAe;EACf,kBAAkB;EAClB,oBAAoB;EACpB,0BAAkB;EAAlB,uBAAkB;EAAlB,sBAAkB;EAAlB,kBAAkB;EAClB,cAAc,EAAE;EAChB;IACE,mCAAmC,EAAE;EACvC;IACE,mBAAmB;IACnB,WAAW;IACX,aAAa;IACb,UAAU;IACV,iBAAiB;IACjB,qBAAqB;IACrB,mBAAmB;IACnB,SAAS;IACT,iCAAiC;IACjC,4DAA4D;IAC5D,YAAY,EAAE;EAChB;IACE,WAAW,EAAE;EACf;IACE,uBAAuB,EAAE;EAC3B;IACE,gBAAgB,EAAE;;AAEtB;EACE,gBAAgB;EAChB,kDAAkD;EAClD,iBAAiB,EAAE;;AAErB;EACE,cAAc;EACd,QAAQ;EACR,gBAAgB,EAAE;;AAEpB;EACE,qBAAa;EAAb,aAAa;EACb,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,kBAAkB,EAAE;EACpB;IACE,iBAAiB;IACjB,gBAAgB,EAAE;;AAEtB;EACE,mBAAmB;EACnB,SAAS;EACT,QAAQ;EACR,WAAW;EACX,YAAY;EACZ,gCAAgC;EAChC,4BAA4B;EAC5B,+BAA+B,EAAE;EACjC;IACE,yBAAyB,EAAE;;AAE/B;EACE,mBAAmB;EACnB,UAAU;EACV,QAAQ;EACR,OAAO;EACP,aAAa;EACb,YAAY;EACZ,mBAAmB;EACnB,0HAA0H,EAAE;EAC5H;IACE;MACE,iBAAiB;MACjB,uBAAuB,EAAE,EAAE;;AAEjC;EACE,mBAAmB;EACnB,UAAU;EACV,SAAS;EACT,YAAY;EACZ,aAAa;EACb,mBAAmB,EAAE;EACrB;IACE;MACE,iBAAiB,EAAE,EAAE;;AAE3B;EACE,UAAU;EACV,WAAW,EAAE;;AAEf;;EAEE,4BAA4B;EAC5B,sCAAsC;EACtC,uBAAuB,EAAE","file":"slide-toggle.css","sourcesContent":["/**\n * Applies styles for users in high contrast mode. Note that this only applies\n * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`\n * attribute, however Chrome handles high contrast differently.\n */\nmd-slide-toggle {\n  display: flex;\n  height: 24px;\n  margin: 16px 0;\n  line-height: 24px;\n  white-space: nowrap;\n  user-select: none;\n  outline: none; }\n  md-slide-toggle.md-checked .md-slide-toggle-thumb-container {\n    transform: translate3d(100%, 0, 0); }\n  md-slide-toggle .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  md-slide-toggle.md-slide-toggle-focused .md-ink-ripple {\n    opacity: 1; }\n  md-slide-toggle.md-slide-toggle-disabled .md-ink-ripple {\n    background-color: #000; }\n  md-slide-toggle.md-disabled .md-slide-toggle-label, md-slide-toggle.md-disabled .md-slide-toggle-container {\n    cursor: default; }\n\n.md-slide-toggle-content {\n  font-size: 14px;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-weight: 500; }\n\n.md-slide-toggle-label {\n  display: flex;\n  flex: 1;\n  cursor: pointer; }\n\n.md-slide-toggle-container {\n  cursor: grab;\n  width: 36px;\n  height: 24px;\n  position: relative;\n  margin-right: 8px; }\n  [dir='rtl'] .md-slide-toggle-container {\n    margin-left: 8px;\n    margin-right: 0; }\n\n.md-slide-toggle-thumb-container {\n  position: absolute;\n  top: 2px;\n  left: 0;\n  z-index: 1;\n  width: 16px;\n  transform: translate3d(0, 0, 0);\n  transition: all 80ms linear;\n  transition-property: transform; }\n  .md-slide-toggle-thumb-container.md-dragging {\n    transition-duration: 0ms; }\n\n.md-slide-toggle-thumb {\n  position: absolute;\n  margin: 0;\n  left: 0;\n  top: 0;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  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); }\n  @media screen and (-ms-high-contrast: active) {\n    .md-slide-toggle-thumb {\n      background: #fff;\n      border: solid 1px #000; } }\n\n.md-slide-toggle-bar {\n  position: absolute;\n  left: 1px;\n  top: 5px;\n  width: 34px;\n  height: 14px;\n  border-radius: 8px; }\n  @media screen and (-ms-high-contrast: active) {\n    .md-slide-toggle-bar {\n      background: #fff; } }\n\n.md-slide-toggle-input {\n  bottom: 0;\n  left: 10px; }\n\n.md-slide-toggle-bar,\n.md-slide-toggle-thumb {\n  transition: all 80ms linear;\n  transition-property: background-color;\n  transition-delay: 50ms; }\n"]}

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

@@ -1,84 +0,0 @@
-import { ElementRef, Renderer, AfterContentInit, ModuleWithProviders } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { HammerInput } from '../core';
-import { Observable } from 'rxjs/Observable';
-export declare const MD_SLIDE_TOGGLE_VALUE_ACCESSOR: any;
-export declare class MdSlideToggleChange {
-    source: MdSlideToggle;
-    checked: boolean;
-}
-/**
- * Two-state control, which can be also called `switch`.
- */
-export declare class MdSlideToggle implements AfterContentInit, ControlValueAccessor {
-    private _elementRef;
-    private _renderer;
-    private onChange;
-    private onTouched;
-    private _uniqueId;
-    private _checked;
-    private _color;
-    private _isMousedown;
-    private _slideRenderer;
-    private _disabled;
-    private _required;
-    _hasFocus: boolean;
-    /** Name value will be applied to the input element if present */
-    name: string;
-    /** A unique id for the slide-toggle input. If none is supplied, it will be auto-generated. */
-    id: string;
-    /** Used to specify the tabIndex value for the underlying input element. */
-    tabIndex: number;
-    /** Used to set the aria-label attribute on the underlying input element. */
-    ariaLabel: string;
-    /** Used to set the aria-labelledby attribute on the underlying input element. */
-    ariaLabelledby: string;
-    /** Whether the slide-toggle is disabled. */
-    disabled: boolean;
-    /** Whether the slide-toggle is required. */
-    required: boolean;
-    private _change;
-    /** An event will be dispatched each time the slide-toggle changes its value. */
-    change: Observable<MdSlideToggleChange>;
-    /** Returns the unique id for the visual hidden input. */
-    readonly inputId: string;
-    _inputElement: ElementRef;
-    constructor(_elementRef: ElementRef, _renderer: Renderer);
-    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. */
-    writeValue(value: any): void;
-    /** Implemented as part of ControlValueAccessor. */
-    registerOnChange(fn: any): void;
-    /** Implemented as part of ControlValueAccessor. */
-    registerOnTouched(fn: any): void;
-    /** Implemented as a part of ControlValueAccessor. */
-    setDisabledState(isDisabled: boolean): void;
-    /** Focuses the slide-toggle. */
-    focus(): void;
-    /** Whether the slide-toggle is checked. */
-    checked: boolean;
-    /** The color of the slide-toggle. Can be primary, accent, or warn. */
-    color: string;
-    /** Toggles the checked state of the slide-toggle. */
-    toggle(): void;
-    private _updateColor(newColor);
-    private _setElementColor(color, isAdd);
-    /** Emits the change event to the `change` output EventEmitter */
-    private _emitChangeEvent();
-    _onDragStart(): void;
-    _onDrag(event: HammerInput): void;
-    _onDragEnd(): void;
-}
-export declare class MdSlideToggleModule {
-    static forRoot(): ModuleWithProviders;
-}

package/slide-toggle/slide-toggle.html

@@ -1 +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 cdk-visually-hidden" type="checkbox" [id]="inputId" [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>