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

package/checkbox/checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["checkbox/checkbox.ts"],"names":[],"mappings":"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","file":"checkbox/checkbox.js","sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    EventEmitter,\n    Input,\n    Output,\n    Renderer,\n    ViewEncapsulation,\n    forwardRef,\n    NgModule,\n    ModuleWithProviders,\n} from '@angular/core';\nimport {NG_VALUE_ACCESSOR, ControlValueAccessor} from '@angular/forms';\nimport {BooleanFieldValue} from '../core';\n\n/**\n * Monotonically increasing integer used to auto-generate unique ids for checkbox components.\n */\nlet nextId = 0;\n\n/**\n * Provider Expression that allows md-checkbox to register as a ControlValueAccessor. This allows it\n * to support [(ngModel)].\n */\nexport const MD_CHECKBOX_CONTROL_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => MdCheckbox),\n  multi: true\n};\n\n/**\n * Represents the different states that require custom transitions between them.\n */\nexport enum TransitionCheckState {\n  /** The initial state of the component before any user interaction. */\n  Init,\n  /** The state representing the component when it's becoming checked. */\n  Checked,\n  /** The state representing the component when it's becoming unchecked. */\n  Unchecked,\n  /** The state representing the component when it's becoming indeterminate. */\n  Indeterminate\n}\n\n// A simple change event emitted by the MdCheckbox component.\nexport class MdCheckboxChange {\n  source: MdCheckbox;\n  checked: boolean;\n}\n\n/**\n * A material design checkbox component. Supports all of the functionality of an HTML5 checkbox,\n * and exposes a similar API. An MdCheckbox can be either checked, unchecked, indeterminate, or\n * disabled. Note that all additional accessibility attributes are taken care of by the component,\n * so there is no need to provide them yourself. However, if you want to omit a label and still\n * have the checkbox be accessible, you may supply an [aria-label] input.\n * See: https://www.google.com/design/spec/components/selection-controls.html\n */\n@Component({\n  moduleId: module.id,\n  selector: 'md-checkbox',\n  templateUrl: 'checkbox.html',\n  styleUrls: ['checkbox.css'],\n  host: {\n    '[class.md-checkbox-indeterminate]': 'indeterminate',\n    '[class.md-checkbox-checked]': 'checked',\n    '[class.md-checkbox-disabled]': 'disabled',\n    '[class.md-checkbox-align-end]': 'align == \"end\"',\n    '[class.md-checkbox-focused]': 'hasFocus',\n  },\n  providers: [MD_CHECKBOX_CONTROL_VALUE_ACCESSOR],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MdCheckbox implements ControlValueAccessor {\n  /**\n   * Attached to the aria-label attribute of the host element. In most cases, arial-labelledby will\n   * take precedence so this may be omitted.\n   */\n  @Input('aria-label') ariaLabel: string = '';\n\n  /**\n   * Users can specify the `aria-labelledby` attribute which will be forwarded to the input element\n   */\n  @Input('aria-labelledby') ariaLabelledby: string = null;\n\n  /** A unique id for the checkbox. If one is not supplied, it is auto-generated. */\n  @Input() id: string = `md-checkbox-${++nextId}`;\n\n  /** ID to be applied to the `input` element */\n  get inputId(): string {\n    return `input-${this.id}`;\n  }\n\n  /** Whether the checkbox is required or not. */\n  @Input() @BooleanFieldValue() required: boolean = false;\n\n  /** Whether or not the checkbox should come before or after the label. */\n  @Input() align: 'start' | 'end' = 'start';\n\n  /**\n   * Whether the checkbox is disabled. When the checkbox is disabled it cannot be interacted with.\n   * The correct ARIA attributes are applied to denote this to assistive technology.\n   */\n  @Input() disabled: boolean = false;\n\n  /**\n   * The tabindex attribute for the checkbox. Note that when the checkbox is disabled, the attribute\n   * on the host element will be removed. It will be placed back when the checkbox is re-enabled.\n   */\n  @Input() tabindex: number = 0;\n\n  /** Name value will be applied to the input element if present */\n  @Input() name: string = null;\n\n  /** Event emitted when the checkbox's `checked` value changes. */\n  @Output() change: EventEmitter<MdCheckboxChange> = new EventEmitter<MdCheckboxChange>();\n\n  /** Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor. */\n  onTouched: () => any = () => {};\n\n  private _currentAnimationClass: string = '';\n\n  private _currentCheckState: TransitionCheckState = TransitionCheckState.Init;\n\n  private _checked: boolean = false;\n\n  private _indeterminate: boolean = false;\n\n  private _controlValueAccessorChangeFn: (value: any) => void = (value) => {};\n\n  hasFocus: boolean = false;\n\n  constructor(private _renderer: Renderer, private _elementRef: ElementRef) {}\n\n  /**\n   * Whether the checkbox is checked. Note that setting `checked` will immediately set\n   * `indeterminate` to false.\n   */\n  @Input() get checked() {\n    return this._checked;\n  }\n\n  set checked(checked: boolean) {\n    if (checked != this.checked) {\n      this._indeterminate = false;\n      this._checked = checked;\n      this._transitionCheckState(\n          this._checked ? TransitionCheckState.Checked : TransitionCheckState.Unchecked);\n    }\n  }\n\n  /**\n   * Whether the checkbox is indeterminate. This is also known as \"mixed\" mode and can be used to\n   * represent a checkbox with three states, e.g. a checkbox that represents a nested list of\n   * checkable items. Note that whenever `checked` is set, indeterminate is immediately set to\n   * false. This differs from the web platform in that indeterminate state on native\n   * checkboxes is only remove when the user manually checks the checkbox (rather than setting the\n   * `checked` property programmatically). However, we feel that this behavior is more accommodating\n   * to the way consumers would envision using this component.\n   */\n  @Input() get indeterminate() {\n    return this._indeterminate;\n  }\n\n  set indeterminate(indeterminate: boolean) {\n    this._indeterminate = indeterminate;\n    if (this._indeterminate) {\n      this._transitionCheckState(TransitionCheckState.Indeterminate);\n    } else {\n      this._transitionCheckState(\n          this.checked ? TransitionCheckState.Checked : TransitionCheckState.Unchecked);\n    }\n  }\n\n  /**\n   * Implemented as part of ControlValueAccessor.\n   * TODO: internal\n   */\n  writeValue(value: any) {\n    this.checked = !!value;\n  }\n\n  /**\n   * Implemented as part of ControlValueAccessor.\n   * TODO: internal\n   */\n  registerOnChange(fn: (value: any) => void) {\n    this._controlValueAccessorChangeFn = fn;\n  }\n\n  /**\n   * Implemented as part of ControlValueAccessor.\n   * TODO: internal\n   */\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  private _transitionCheckState(newState: TransitionCheckState) {\n    let oldState = this._currentCheckState;\n    let renderer = this._renderer;\n    let elementRef = this._elementRef;\n\n    if (oldState === newState) {\n      return;\n    }\n    if (this._currentAnimationClass.length > 0) {\n      renderer.setElementClass(elementRef.nativeElement, this._currentAnimationClass, false);\n    }\n\n    this._currentAnimationClass = this._getAnimationClassForCheckStateTransition(\n        oldState, newState);\n    this._currentCheckState = newState;\n\n    if (this._currentAnimationClass.length > 0) {\n      renderer.setElementClass(elementRef.nativeElement, this._currentAnimationClass, true);\n    }\n  }\n\n  private _emitChangeEvent() {\n    let event = new MdCheckboxChange();\n    event.source = this;\n    event.checked = this.checked;\n\n    this._controlValueAccessorChangeFn(this.checked);\n    this.change.emit(event);\n  }\n\n  /** Informs the component when the input has focus so that we can style accordingly */\n  _onInputFocus() {\n    this.hasFocus = true;\n  }\n\n  /** Informs the component when we lose focus in order to style accordingly */\n  _onInputBlur() {\n    this.hasFocus = false;\n    this.onTouched();\n  }\n\n  /**\n   * Toggles the `checked` value between true and false\n   */\n  toggle() {\n    this.checked = !this.checked;\n  }\n\n  /**\n   * Event handler for checkbox input element.\n   * Toggles checked state if element is not disabled.\n   * @param event\n   */\n  _onInteractionEvent(event: Event) {\n    // We always have to stop propagation on the change event.\n    // Otherwise the change event, from the input element, will bubble up and\n    // emit its event object to the `change` output.\n    event.stopPropagation();\n\n    if (!this.disabled) {\n      this.toggle();\n\n      // Emit our custom change event if the native input emitted one.\n      // It is important to only emit it, if the native input triggered one, because\n      // we don't want to trigger a change event, when the `checked` variable changes for example.\n      this._emitChangeEvent();\n    }\n  }\n\n  _onInputClick(event: Event) {\n    // We have to stop propagation for click events on the visual hidden input element.\n    // By default, when a user clicks on a label element, a generated click event will be\n    // dispatched on the associated input element. Since we are using a label element as our\n    // root container, the click event on the `checkbox` will be executed twice.\n    // The real click event will bubble up, and the generated click event also tries to bubble up.\n    // This will lead to multiple click events.\n    // Preventing bubbling for the second event will solve that issue.\n    event.stopPropagation();\n  }\n\n  private _getAnimationClassForCheckStateTransition(\n      oldState: TransitionCheckState, newState: TransitionCheckState): string {\n    var animSuffix: string;\n\n    switch (oldState) {\n    case TransitionCheckState.Init:\n      // Handle edge case where user interacts with checkbox that does not have [(ngModel)] or\n      // [checked] bound to it.\n      if (newState === TransitionCheckState.Checked) {\n        animSuffix = 'unchecked-checked';\n      } else {\n        return '';\n      }\n      break;\n    case TransitionCheckState.Unchecked:\n      animSuffix = newState === TransitionCheckState.Checked ?\n          'unchecked-checked' : 'unchecked-indeterminate';\n      break;\n    case TransitionCheckState.Checked:\n      animSuffix = newState === TransitionCheckState.Unchecked ?\n          'checked-unchecked' : 'checked-indeterminate';\n      break;\n    case TransitionCheckState.Indeterminate:\n      animSuffix = newState === TransitionCheckState.Checked ?\n          'indeterminate-checked' : 'indeterminate-unchecked';\n    }\n\n    return `md-checkbox-anim-${animSuffix}`;\n  }\n}\n\n\n@NgModule({\n  exports: [MdCheckbox],\n  declarations: [MdCheckbox],\n})\nexport class MdCheckboxModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdCheckboxModule,\n      providers: []\n    };\n  }\n}\n"],"sourceRoot":"/source/"}

package/checkbox/checkbox.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"MD_CHECKBOX_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MdCheckbox"},"multi":true},"TransitionCheckState":{"Init":0,"Checked":1,"Unchecked":2,"Indeterminate":3},"MdCheckbox":{"__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-checkbox","templateUrl":"checkbox.html","styleUrls":["checkbox.css"],"host":{"[class.md-checkbox-indeterminate]":"indeterminate","[class.md-checkbox-checked]":"checked","[class.md-checkbox-disabled]":"disabled","[class.md-checkbox-align-end]":"align == \"end\"","[class.md-checkbox-focused]":"hasFocus"},"providers":[{"__symbolic":"reference","name":"MD_CHECKBOX_CONTROL_VALUE_ACCESSOR"}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-labelledby"]}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core","name":"BooleanFieldValue"}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"indeterminate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"_transitionCheckState":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"_onInputFocus":[{"__symbolic":"method"}],"_onInputBlur":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"_onInteractionEvent":[{"__symbolic":"method"}],"_onInputClick":[{"__symbolic":"method"}],"_getAnimationClassForCheckStateTransition":[{"__symbolic":"method"}]}},"MdCheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","name":"MdCheckbox"}],"declarations":[{"__symbolic":"reference","name":"MdCheckbox"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdCheckboxModule"},"providers":[]}}}}}}

package/checkbox/checkbox.scss

@@ -1,412 +0,0 @@
-@import '../core/theming/theming';
-@import '../core/style/variables';
-@import '../core/ripple/ripple';
-
-
-// The width/height of the checkbox element.
-$md-checkbox-size: $md-toggle-size !default;
-// The width of the line used to draw the checkmark / mixedmark.
-$md-checkbox-mark-stroke-size: 2/15 * $md-checkbox-size !default;
-// The width of the checkbox border shown when the checkbox is unchecked.
-$md-checkbox-border-width: 2px;
-// The base duration used for the majority of transitions for the checkbox.
-$md-checkbox-transition-duration: 90ms;
-// The amount of spacing between the checkbox and its label.
-$md-checkbox-item-spacing: $md-toggle-padding;
-
-// Manual calculation done on SVG
-$_md-checkbox-mark-path-length: 22.910259;
-$_md-checkbox-indeterminate-checked-easing-function: cubic-bezier(0.14, 0, 0, 1);
-
-// Fades in the background of the checkbox when it goes from unchecked -> {checked,indeterminate}.
-@keyframes md-checkbox-fade-in-background {
-  0% {
-    opacity: 0;
-  }
-
-  50% {
-    opacity: 1;
-  }
-}
-
-// Fades out the background of the checkbox when it goes from {checked,indeterminate} -> unchecked.
-@keyframes md-checkbox-fade-out-background {
-  0%, 50% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-}
-
-// "Draws" in the checkmark when the checkbox goes from unchecked -> checked.
-@keyframes md-checkbox-unchecked-checked-checkmark-path {
-  0%, 50% {
-    stroke-dashoffset: $_md-checkbox-mark-path-length;
-  }
-
-  50% {
-    animation-timing-function: $md-linear-out-slow-in-timing-function;
-  }
-
-  100% {
-    stroke-dashoffset: 0;
-  }
-}
-
-// Horizontally expands the mixedmark when the checkbox goes from unchecked -> indeterminate.
-@keyframes md-checkbox-unchecked-indeterminate-mixedmark {
-  0%, 68.2% {
-    transform: scaleX(0);
-  }
-
-  68.2% {
-    animation-timing-function: cubic-bezier(0, 0, 0, 1);
-  }
-
-  100% {
-    transform: scaleX(1);
-  }
-}
-
-// "Erases" the checkmark when the checkbox goes from checked -> unchecked.
-@keyframes md-checkbox-checked-unchecked-checkmark-path {
-  from {
-    animation-timing-function: $md-fast-out-linear-in-timing-function;
-    stroke-dashoffset: 0;
-  }
-
-  to {
-    stroke-dashoffset: $_md-checkbox-mark-path-length * -1;
-  }
-}
-
-
-// Rotates and fades out the checkmark when the checkbox goes from checked -> indeterminate. This
-// animation helps provide the illusion of the checkmark "morphing" into the mixedmark.
-@keyframes md-checkbox-checked-indeterminate-checkmark {
-  from {
-    animation-timing-function: $md-linear-out-slow-in-timing-function;
-    opacity: 1;
-    transform: rotate(0deg);
-  }
-
-  to {
-    opacity: 0;
-    transform: rotate(45deg);
-  }
-}
-
-// Rotates and fades the checkmark back into position when the checkbox goes from indeterminate ->
-// checked. This animation helps provide the illusion that the mixedmark is "morphing" into the
-// checkmark.
-@keyframes md-checkbox-indeterminate-checked-checkmark {
-  from {
-    animation-timing-function: $_md-checkbox-indeterminate-checked-easing-function;
-    opacity: 0;
-    transform: rotate(45deg);
-  }
-
-  to {
-    opacity: 1;
-    transform: rotate(360deg);
-  }
-}
-
-// Rotates and fades in the mixedmark when the checkbox goes from checked -> indeterminate. This
-// animation, similar to md-checkbox-checked-indeterminate-checkmark, helps provide an illusion
-// of "morphing" from checkmark -> mixedmark.
-@keyframes md-checkbox-checked-indeterminate-mixedmark {
-  from {
-    animation-timing-function: $md-linear-out-slow-in-timing-function;
-    opacity: 0;
-    transform: rotate(-45deg);
-  }
-
-  to {
-    opacity: 1;
-    transform: rotate(0deg);
-  }
-}
-
-// Rotates and fades out the mixedmark when the checkbox goes from indeterminate -> checked. This
-// animation, similar to md-checkbox-indeterminate-checked-checkmark, helps provide an illusion
-// of "morphing" from mixedmark -> checkmark.
-@keyframes md-checkbox-indeterminate-checked-mixedmark {
-  from {
-    animation-timing-function: $_md-checkbox-indeterminate-checked-easing-function;
-    opacity: 1;
-    transform: rotate(0deg);
-  }
-
-  to {
-    opacity: 0;
-    transform: rotate(315deg);
-  }
-}
-
-
-// Horizontally collapses and fades out the mixedmark when the checkbox goes from indeterminate ->
-// unchecked.
-@keyframes md-checkbox-indeterminate-unchecked-mixedmark {
-  0% {
-    animation-timing-function: linear;
-    opacity: 1;
-    transform: scaleX(1);
-  }
-
-  32.8%, 100% {
-    opacity: 0;
-    transform: scaleX(0);
-  }
-}
-
-// Applied to elements that cover the checkbox's entire inner container.
-%md-checkbox-cover-element {
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-
-// Applied to elements that are considered "marks" within the checkbox, e.g. the checkmark and
-// the mixedmark.
-%md-checkbox-mark {
-  $width-padding-inset: 2 * $md-checkbox-border-width;
-  width: calc(100% - #{$width-padding-inset});
-}
-
-// Applied to elements that appear to make up the outer box of the checkmark, such as the frame
-// that contains the border and the actual background element that contains the marks.
-%md-checkbox-outer-box {
-  @extend %md-checkbox-cover-element;
-  border-radius: 2px;
-  box-sizing: border-box;
-  pointer-events: none;
-}
-
-md-checkbox {
-  cursor: pointer;
-}
-
-.md-checkbox-layout {
-  // `cursor: inherit` ensures that the wrapper element gets the same cursor as the md-checkbox
-  // (e.g. pointer by default, regular when disabled), instead of the browser default.
-  cursor: inherit;
-  align-items: baseline;
-  display: inline-flex;
-}
-
-.md-checkbox-inner-container {
-  display: inline-block;
-  height: $md-checkbox-size;
-  line-height: 0;
-  margin: auto;
-  margin-right: $md-checkbox-item-spacing;
-  order: 0;
-  position: relative;
-  vertical-align: middle;
-  white-space: nowrap;
-  width: $md-checkbox-size;
-
-  [dir='rtl'] & {
-    margin: {
-      left: $md-checkbox-item-spacing;
-      right: auto;
-    }
-  }
-}
-
-// TODO(kara): Remove this style when fixing vertical baseline
-.md-checkbox-layout .md-checkbox-label {
-  line-height: 24px;
-}
-
-.md-checkbox-frame {
-  @extend %md-checkbox-outer-box;
-
-  background-color: transparent;
-  border: $md-checkbox-border-width solid;
-  transition: border-color $md-checkbox-transition-duration $md-linear-out-slow-in-timing-function;
-  will-change: border-color;
-}
-
-.md-checkbox-background {
-  @extend %md-checkbox-outer-box;
-
-  align-items: center;
-  display: inline-flex;
-  justify-content: center;
-  transition: background-color $md-checkbox-transition-duration
-                  $md-linear-out-slow-in-timing-function,
-              opacity $md-checkbox-transition-duration $md-linear-out-slow-in-timing-function;
-  will-change: background-color, opacity;
-}
-
-.md-checkbox-checkmark {
-  @extend %md-checkbox-cover-element;
-  @extend %md-checkbox-mark;
-
-  width: 100%;
-}
-
-.md-checkbox-checkmark-path {
-  stroke: {
-    dashoffset: $_md-checkbox-mark-path-length;
-    dasharray: $_md-checkbox-mark-path-length;
-    width: $md-checkbox-mark-stroke-size;
-  }
-}
-
-.md-checkbox-mixedmark {
-  @extend %md-checkbox-mark;
-
-  height: floor($md-checkbox-mark-stroke-size);
-  opacity: 0;
-  transform: scaleX(0) rotate(0deg);
-}
-
-.md-checkbox-align-end {
-  .md-checkbox-inner-container {
-    order: 1;
-    margin: {
-      left: $md-checkbox-item-spacing;
-      right: auto;
-    }
-
-    [dir='rtl'] & {
-      margin: {
-        left: auto;
-        right: $md-checkbox-item-spacing;
-      }
-    }
-  }
-}
-
-.md-checkbox-checked {
-  .md-checkbox-checkmark {
-    opacity: 1;
-  }
-
-  .md-checkbox-checkmark-path {
-    stroke-dashoffset: 0;
-  }
-
-  .md-checkbox-mixedmark {
-    transform: scaleX(1) rotate(-45deg);
-  }
-}
-
-.md-checkbox-indeterminate {
-  .md-checkbox-checkmark {
-    opacity: 0;
-    transform: rotate(45deg);
-  }
-
-  .md-checkbox-checkmark-path {
-    stroke-dashoffset: 0;
-  }
-
-  .md-checkbox-mixedmark {
-    opacity: 1;
-    transform: scaleX(1) rotate(0deg);
-  }
-}
-
-
-.md-checkbox-unchecked {
-  .md-checkbox-background {
-    background-color: transparent;
-  }
-}
-
-.md-checkbox-disabled {
-  cursor: default;
-}
-
-.md-checkbox-anim {
-  $indeterminate-change-duration: 500ms;
-
-  &-unchecked-checked {
-    .md-checkbox-background {
-      animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-in-background;
-    }
-
-    .md-checkbox-checkmark-path {
-      // Instead of delaying the animation, we simply multiply its length by 2 and begin the
-      // animation at 50% in order to prevent a flash of styles applied to a checked checkmark
-      // as the background is fading in before the animation begins.
-      animation:
-        $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-unchecked-checked-checkmark-path;
-    }
-  }
-
-  &-unchecked-indeterminate {
-    .md-checkbox-background {
-      animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-in-background;
-    }
-
-    .md-checkbox-mixedmark {
-      animation:
-        $md-checkbox-transition-duration linear 0ms md-checkbox-unchecked-indeterminate-mixedmark;
-    }
-  }
-
-  &-checked-unchecked {
-    .md-checkbox-background {
-      animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-out-background;
-    }
-
-    .md-checkbox-checkmark-path {
-      animation:
-        $md-checkbox-transition-duration linear 0ms md-checkbox-checked-unchecked-checkmark-path;
-    }
-  }
-
-  &-checked-indeterminate {
-    .md-checkbox-checkmark {
-      animation:
-        $md-checkbox-transition-duration linear 0ms md-checkbox-checked-indeterminate-checkmark;
-    }
-
-    .md-checkbox-mixedmark {
-      animation:
-        $md-checkbox-transition-duration linear 0ms md-checkbox-checked-indeterminate-mixedmark;
-    }
-  }
-
-  &-indeterminate-checked {
-    .md-checkbox-checkmark {
-      animation:
-        $indeterminate-change-duration linear 0ms md-checkbox-indeterminate-checked-checkmark;
-    }
-
-    .md-checkbox-mixedmark {
-      animation:
-        $indeterminate-change-duration linear 0ms md-checkbox-indeterminate-checked-mixedmark;
-    }
-  }
-
-  &-indeterminate-unchecked {
-    .md-checkbox-background {
-      animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-out-background;
-    }
-
-    .md-checkbox-mixedmark {
-      animation:
-        $indeterminate-change-duration * 0.6 linear 0ms
-        md-checkbox-indeterminate-unchecked-mixedmark;
-    }
-  }
-}
-
-.md-checkbox-input {
-  // Move the input to the bottom and in the middle.
-  // Visual improvement to properly show browser popups when being required.
-  bottom: 0;
-  left: 50%;
-}
-
-@include md-temporary-ink-ripple(checkbox);

package/checkbox/index.js

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

package/checkbox/index.js.map

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

package/core/README.md

@@ -1,2 +0,0 @@
-Core library code for other `@angular2-material` components.
-This should be added as a dependency for any project using the components.

package/core/_core.scss

@@ -1,27 +0,0 @@
-// Core styles that can be used to apply material design treatments to any element.
-@import 'a11y/a11y';
-@import 'style/elevation';
-@import 'overlay/overlay';
-@import 'ripple/ripple';
-
-
-// Mixin that renders all of the core styles that are not theme-dependent.
-@mixin md-core() {
-  // Provides external CSS classes for each elevation value. Each CSS class is formatted as
-  // `md-elevation-z$zValue` where `$zValue` corresponds to the z-space to which the element is
-  // elevated.
-  @for $zValue from 0 through 24 {
-    .md-elevation-z#{$zValue} {
-      @include md-elevation($zValue);
-    }
-  }
-
-  @include md-ripple();
-  @include md-a11y();
-  @include md-overlay();
-}
-
-// Mixin that renders all of the core styles that depend on the theme.
-@mixin md-core-theme($theme) {
-  @include md-ripple-theme($theme);
-}

package/core/a11y/README.md

@@ -1,30 +0,0 @@
-# MdLiveAnnouncer
-`MdLiveAnnouncer` is a service, which announces messages to several screenreaders.
-
-### Methods
-
-| Name |  Description |
-| --- | --- |
-| `announce(message, politeness)` | This announces a text message to the supported screenreaders. <br><br>The politeness parameter sets the `aria-live` attribute on the announcer element |
-
-### Examples
-The service can be injected in a component.
-```ts
-@Component({
-  selector: 'my-component'
-  providers: [MdLiveAnnouncer]
-})
-export class MyComponent {
-
- constructor(live: MdLiveAnnouncer) {
-   live.announce("Hey Google");
- }
-
-}
-```
-
-### Supported Screenreaders
-- JAWS (Windows)
-- NVDA (Windows)
-- VoiceOver (OSX and iOS)
-- TalkBack (Android)

package/core/a11y/_a11y.scss

@@ -1,13 +0,0 @@
-@mixin md-a11y {
-  .md-visually-hidden {
-    border: 0;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    text-transform: none;
-    width: 1px;
-  }
-}

package/core/a11y/focus-trap.d.ts

@@ -1,23 +0,0 @@
-import { ElementRef } from '@angular/core';
-import { InteractivityChecker } from './interactivity-checker';
-/**
- * Directive for trapping focus within a region.
- *
- * NOTE: This directive currently uses a very simple (naive) approach to focus trapping.
- * It assumes that the tab order is the same as DOM order, which is not necessarily true.
- * Things like tabIndex > 0, flex `order`, and shadow roots can cause to two to misalign.
- * This will be replaced with a more intelligent solution before the library is considered stable.
- */
-export declare class FocusTrap {
-    private _checker;
-    trappedContent: ElementRef;
-    constructor(_checker: InteractivityChecker);
-    /** Focuses the first tabbable element within the focus trap region. */
-    focusFirstTabbableElement(): void;
-    /** Focuses the last tabbable element within the focus trap region. */
-    focusLastTabbableElement(): void;
-    /** Get the first tabbable element from a DOM subtree (inclusive). */
-    private _getFirstTabbableElement(root);
-    /** Get the last tabbable element from a DOM subtree (inclusive). */
-    private _getLastTabbableElement(root);
-}

package/core/a11y/focus-trap.js

@@ -1,82 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { Component, ViewEncapsulation, ViewChild, ElementRef } from '@angular/core';
-import { InteractivityChecker } from './interactivity-checker';
-/**
- * Directive for trapping focus within a region.
- *
- * NOTE: This directive currently uses a very simple (naive) approach to focus trapping.
- * It assumes that the tab order is the same as DOM order, which is not necessarily true.
- * Things like tabIndex > 0, flex `order`, and shadow roots can cause to two to misalign.
- * This will be replaced with a more intelligent solution before the library is considered stable.
- */
-export var FocusTrap = (function () {
-    function FocusTrap(_checker) {
-        this._checker = _checker;
-    }
-    /** Focuses the first tabbable element within the focus trap region. */
-    FocusTrap.prototype.focusFirstTabbableElement = function () {
-        var redirectToElement = this._getFirstTabbableElement(this.trappedContent.nativeElement);
-        if (redirectToElement) {
-            redirectToElement.focus();
-        }
-    };
-    /** Focuses the last tabbable element within the focus trap region. */
-    FocusTrap.prototype.focusLastTabbableElement = function () {
-        var redirectToElement = this._getLastTabbableElement(this.trappedContent.nativeElement);
-        if (redirectToElement) {
-            redirectToElement.focus();
-        }
-    };
-    /** Get the first tabbable element from a DOM subtree (inclusive). */
-    FocusTrap.prototype._getFirstTabbableElement = function (root) {
-        if (this._checker.isFocusable(root) && this._checker.isTabbable(root)) {
-            return root;
-        }
-        // Iterate in DOM order.
-        var childCount = root.children.length;
-        for (var i = 0; i < childCount; i++) {
-            var tabbableChild = this._getFirstTabbableElement(root.children[i]);
-            if (tabbableChild) {
-                return tabbableChild;
-            }
-        }
-        return null;
-    };
-    /** Get the last tabbable element from a DOM subtree (inclusive). */
-    FocusTrap.prototype._getLastTabbableElement = function (root) {
-        if (this._checker.isFocusable(root) && this._checker.isTabbable(root)) {
-            return root;
-        }
-        // Iterate in reverse DOM order.
-        for (var i = root.children.length - 1; i >= 0; i--) {
-            var tabbableChild = this._getLastTabbableElement(root.children[i]);
-            if (tabbableChild) {
-                return tabbableChild;
-            }
-        }
-        return null;
-    };
-    __decorate([
-        ViewChild('trappedContent'), 
-        __metadata('design:type', ElementRef)
-    ], FocusTrap.prototype, "trappedContent", void 0);
-    FocusTrap = __decorate([
-        Component({selector: 'focus-trap',
-            // TODO(jelbourn): move this to a separate file.
-            template: "\n  <div tabindex=\"0\" (focus)=\"focusLastTabbableElement()\"></div>\n  <div #trappedContent><ng-content></ng-content></div>\n  <div tabindex=\"0\" (focus)=\"focusFirstTabbableElement()\"></div>",
-            encapsulation: ViewEncapsulation.None,
-        }), 
-        __metadata('design:paramtypes', [InteractivityChecker])
-    ], FocusTrap);
-    return FocusTrap;
-}());
-
-//# sourceMappingURL=focus-trap.js.map

package/core/a11y/focus-trap.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["core/a11y/focus-trap.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EAAC,SAAS,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAC,MAAM,eAAe;OAC1E,EAAC,oBAAoB,EAAC,MAAM,yBAAyB;AAG5D;;;;;;;GAOG;AAWH;IAGE,mBAAoB,QAA8B;QAA9B,aAAQ,GAAR,QAAQ,CAAsB;IAAI,CAAC;IAEvD,uEAAuE;IACvE,6CAAyB,GAAzB;QACE,IAAI,iBAAiB,GAAG,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;QACzF,EAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;YACtB,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,sEAAsE;IACtE,4CAAwB,GAAxB;QACE,IAAI,iBAAiB,GAAG,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;QACxF,EAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;YACtB,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,qEAAqE;IAC7D,4CAAwB,GAAhC,UAAiC,IAAiB;QAChD,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACtE,MAAM,CAAC,IAAI,CAAC;QACd,CAAC;QAED,wBAAwB;QACxB,IAAI,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;QACtC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC;YACpC,IAAI,aAAa,GAAG,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAgB,CAAC,CAAC;YACnF,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;gBAClB,MAAM,CAAC,aAAa,CAAC;YACvB,CAAC;QACH,CAAC;QAED,MAAM,CAAC,IAAI,CAAC;IACd,CAAC;IAED,oEAAoE;IAC5D,2CAAuB,GAA/B,UAAgC,IAAiB;QAC/C,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACtE,MAAM,CAAC,IAAI,CAAC;QACd,CAAC;QAED,gCAAgC;QAChC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YACnD,IAAI,aAAa,GAAG,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAgB,CAAC,CAAC;YAClF,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;gBAClB,MAAM,CAAC,aAAa,CAAC;YACvB,CAAC;QACH,CAAC;QAED,MAAM,CAAC,IAAI,CAAC;IACd,CAAC;IArDD;QAAC,SAAS,CAAC,gBAAgB,CAAC;;qDAAA;IAX9B;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,MAAM,CAAC,EAAE;YACnB,QAAQ,EAAE,YAAY;YACtB,gDAAgD;YAChD,QAAQ,EAAE,qMAGqD;YAC/D,aAAa,EAAE,iBAAiB,CAAC,IAAI;SACtC,CAAC;;iBAAA;IAwDF,gBAAC;AAAD,CAvDA,AAuDC,IAAA","file":"core/a11y/focus-trap.js","sourcesContent":["import {Component, ViewEncapsulation, ViewChild, ElementRef} from '@angular/core';\nimport {InteractivityChecker} from './interactivity-checker';\n\n\n/**\n * Directive for trapping focus within a region.\n *\n * NOTE: This directive currently uses a very simple (naive) approach to focus trapping.\n * It assumes that the tab order is the same as DOM order, which is not necessarily true.\n * Things like tabIndex > 0, flex `order`, and shadow roots can cause to two to misalign.\n * This will be replaced with a more intelligent solution before the library is considered stable.\n */\n@Component({\n  moduleId: module.id,\n  selector: 'focus-trap',\n  // TODO(jelbourn): move this to a separate file.\n  template: `\n  <div tabindex=\"0\" (focus)=\"focusLastTabbableElement()\"></div>\n  <div #trappedContent><ng-content></ng-content></div>\n  <div tabindex=\"0\" (focus)=\"focusFirstTabbableElement()\"></div>`,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class FocusTrap {\n  @ViewChild('trappedContent') trappedContent: ElementRef;\n\n  constructor(private _checker: InteractivityChecker) { }\n\n  /** Focuses the first tabbable element within the focus trap region. */\n  focusFirstTabbableElement() {\n    let redirectToElement = this._getFirstTabbableElement(this.trappedContent.nativeElement);\n    if (redirectToElement) {\n      redirectToElement.focus();\n    }\n  }\n\n  /** Focuses the last tabbable element within the focus trap region. */\n  focusLastTabbableElement() {\n    let redirectToElement = this._getLastTabbableElement(this.trappedContent.nativeElement);\n    if (redirectToElement) {\n      redirectToElement.focus();\n    }\n  }\n\n  /** Get the first tabbable element from a DOM subtree (inclusive). */\n  private _getFirstTabbableElement(root: HTMLElement): HTMLElement {\n    if (this._checker.isFocusable(root) && this._checker.isTabbable(root)) {\n      return root;\n    }\n\n    // Iterate in DOM order.\n    let childCount = root.children.length;\n    for (let i = 0; i < childCount; i++) {\n      let tabbableChild = this._getFirstTabbableElement(root.children[i] as HTMLElement);\n      if (tabbableChild) {\n        return tabbableChild;\n      }\n    }\n\n    return null;\n  }\n\n  /** Get the last tabbable element from a DOM subtree (inclusive). */\n  private _getLastTabbableElement(root: HTMLElement): HTMLElement {\n    if (this._checker.isFocusable(root) && this._checker.isTabbable(root)) {\n      return root;\n    }\n\n    // Iterate in reverse DOM order.\n    for (let i = root.children.length - 1; i >= 0; i--) {\n      let tabbableChild = this._getLastTabbableElement(root.children[i] as HTMLElement);\n      if (tabbableChild) {\n        return tabbableChild;\n      }\n    }\n\n    return null;\n  }\n}\n"],"sourceRoot":"/source/"}