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

package/slide-toggle/slide-toggle.js

@@ -1,317 +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, ElementRef, Renderer, forwardRef, ChangeDetectionStrategy, Input, Output, EventEmitter, NgModule } from '@angular/core';
-import { HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
-import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { BooleanFieldValue, applyCssTransform } from '../core';
-import { Observable } from 'rxjs/Observable';
-import { MdGestureConfig } from '../core';
-export var MD_SLIDE_TOGGLE_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return MdSlideToggle; }),
-    multi: true
-};
-// A simple change event emitted by the MdSlideToggle component.
-export var MdSlideToggleChange = (function () {
-    function MdSlideToggleChange() {
-    }
-    return MdSlideToggleChange;
-}());
-// Increasing integer for generating unique ids for slide-toggle components.
-var nextId = 0;
-export var MdSlideToggle = (function () {
-    function MdSlideToggle(_elementRef, _renderer) {
-        var _this = this;
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-        this.onChange = function (_) { };
-        this.onTouched = function () { };
-        // A unique id for the slide-toggle. By default the id is auto-generated.
-        this._uniqueId = "md-slide-toggle-" + ++nextId;
-        this._checked = false;
-        this._hasFocus = false;
-        this._isMousedown = false;
-        this._slideRenderer = null;
-        this.disabled = false;
-        this.required = false;
-        this.name = null;
-        this.id = this._uniqueId;
-        this.tabIndex = 0;
-        this.ariaLabel = null;
-        this.ariaLabelledby = null;
-        this._change = new EventEmitter();
-        this.change = this._change.asObservable();
-        // Returns the unique id for the visual hidden input.
-        this.getInputId = function () { return ((_this.id || _this._uniqueId) + "-input"); };
-    }
-    /** TODO: internal */
-    MdSlideToggle.prototype.ngAfterContentInit = function () {
-        this._slideRenderer = new SlideToggleRenderer(this._elementRef);
-    };
-    /**
-     * 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.
-     */
-    MdSlideToggle.prototype._onChangeEvent = function (event) {
-        // We always have to stop propagation on the change event.
-        // Otherwise the change event, from the input element, will bubble up and
-        // emit its event object to the component's `change` output.
-        event.stopPropagation();
-        // Once a drag is currently in progress, we do not want to toggle the slide-toggle on a click.
-        if (!this.disabled && !this._slideRenderer.isDragging()) {
-            this.toggle();
-            // Emit our custom change event if the native input emitted one.
-            // It is important to only emit it, if the native input triggered one, because
-            // we don't want to trigger a change event, when the `checked` variable changes for example.
-            this._emitChangeEvent();
-        }
-    };
-    MdSlideToggle.prototype._onInputClick = function (event) {
-        this.onTouched();
-        // We have to stop propagation for click events on the visual hidden input element.
-        // By default, when a user clicks on a label element, a generated click event will be
-        // dispatched on the associated input element. Since we are using a label element as our
-        // root container, the click event on the `slide-toggle` will be executed twice.
-        // The real click event will bubble up, and the generated click event also tries to bubble up.
-        // This will lead to multiple click events.
-        // Preventing bubbling for the second event will solve that issue.
-        event.stopPropagation();
-    };
-    MdSlideToggle.prototype._setMousedown = function () {
-        var _this = this;
-        // We only *show* the focus style when focus has come to the button via the keyboard.
-        // The Material Design spec is silent on this topic, and without doing this, the
-        // button continues to look :active after clicking.
-        // @see http://marcysutton.com/button-focus-hell/
-        this._isMousedown = true;
-        setTimeout(function () { return _this._isMousedown = false; }, 100);
-    };
-    MdSlideToggle.prototype._onInputFocus = function () {
-        // Only show the focus / ripple indicator when the focus was not triggered by a mouse
-        // interaction on the component.
-        if (!this._isMousedown) {
-            this._hasFocus = true;
-        }
-    };
-    MdSlideToggle.prototype._onInputBlur = function () {
-        this._hasFocus = false;
-        this.onTouched();
-    };
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    MdSlideToggle.prototype.writeValue = function (value) {
-        this.checked = value;
-    };
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    MdSlideToggle.prototype.registerOnChange = function (fn) {
-        this.onChange = fn;
-    };
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    MdSlideToggle.prototype.registerOnTouched = function (fn) {
-        this.onTouched = fn;
-    };
-    Object.defineProperty(MdSlideToggle.prototype, "checked", {
-        get: function () {
-            return !!this._checked;
-        },
-        set: function (value) {
-            if (this.checked !== !!value) {
-                this._checked = value;
-                this.onChange(this._checked);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdSlideToggle.prototype, "color", {
-        get: function () {
-            return this._color;
-        },
-        set: function (value) {
-            this._updateColor(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MdSlideToggle.prototype.toggle = function () {
-        this.checked = !this.checked;
-    };
-    MdSlideToggle.prototype._updateColor = function (newColor) {
-        this._setElementColor(this._color, false);
-        this._setElementColor(newColor, true);
-        this._color = newColor;
-    };
-    MdSlideToggle.prototype._setElementColor = function (color, isAdd) {
-        if (color != null && color != '') {
-            this._renderer.setElementClass(this._elementRef.nativeElement, "md-" + color, isAdd);
-        }
-    };
-    /** Emits the change event to the `change` output EventEmitter */
-    MdSlideToggle.prototype._emitChangeEvent = function () {
-        var event = new MdSlideToggleChange();
-        event.source = this;
-        event.checked = this.checked;
-        this._change.emit(event);
-    };
-    /** TODO: internal */
-    MdSlideToggle.prototype._onDragStart = function () {
-        this._slideRenderer.startThumbDrag(this.checked);
-    };
-    /** TODO: internal */
-    MdSlideToggle.prototype._onDrag = function (event) {
-        this._slideRenderer.updateThumbPosition(event.deltaX);
-    };
-    /** TODO: internal */
-    MdSlideToggle.prototype._onDragEnd = function () {
-        var _this = this;
-        // Notice that we have to stop outside of the current event handler,
-        // because otherwise the click event will be fired and will reset the new checked variable.
-        setTimeout(function () {
-            _this.checked = _this._slideRenderer.stopThumbDrag();
-        }, 0);
-    };
-    __decorate([
-        Input(),
-        BooleanFieldValue(), 
-        __metadata('design:type', Boolean)
-    ], MdSlideToggle.prototype, "disabled", void 0);
-    __decorate([
-        Input(),
-        BooleanFieldValue(), 
-        __metadata('design:type', Boolean)
-    ], MdSlideToggle.prototype, "required", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdSlideToggle.prototype, "name", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdSlideToggle.prototype, "id", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Number)
-    ], MdSlideToggle.prototype, "tabIndex", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdSlideToggle.prototype, "ariaLabel", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdSlideToggle.prototype, "ariaLabelledby", void 0);
-    __decorate([
-        Output(), 
-        __metadata('design:type', Observable)
-    ], MdSlideToggle.prototype, "change", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdSlideToggle.prototype, "checked", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdSlideToggle.prototype, "color", null);
-    MdSlideToggle = __decorate([
-        Component({selector: 'md-slide-toggle',
-            host: {
-                '[class.md-checked]': 'checked',
-                '[class.md-disabled]': 'disabled',
-                // This md-slide-toggle prefix will change, once the temporary ripple is removed.
-                '[class.md-slide-toggle-focused]': '_hasFocus',
-                '(mousedown)': '_setMousedown()'
-            },
-            template: "<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> ",
-            styles: [":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 */ "],
-            providers: [MD_SLIDE_TOGGLE_VALUE_ACCESSOR],
-            changeDetection: ChangeDetectionStrategy.OnPush
-        }), 
-        __metadata('design:paramtypes', [ElementRef, Renderer])
-    ], MdSlideToggle);
-    return MdSlideToggle;
-}());
-/**
- * Renderer for the Slide Toggle component, which separates DOM modification in its own class
- */
-var SlideToggleRenderer = (function () {
-    function SlideToggleRenderer(_elementRef) {
-        this._elementRef = _elementRef;
-        this._thumbEl = _elementRef.nativeElement.querySelector('.md-slide-toggle-thumb-container');
-        this._thumbBarEl = _elementRef.nativeElement.querySelector('.md-slide-toggle-bar');
-    }
-    /** Whether the slide-toggle is currently dragging. */
-    SlideToggleRenderer.prototype.isDragging = function () {
-        return !!this._thumbBarWidth;
-    };
-    /** Initializes the drag of the slide-toggle. */
-    SlideToggleRenderer.prototype.startThumbDrag = function (checked) {
-        if (!this._thumbBarWidth) {
-            this._thumbBarWidth = this._thumbBarEl.clientWidth - this._thumbEl.clientWidth;
-            this._checked = checked;
-            this._thumbEl.classList.add('md-dragging');
-        }
-    };
-    /** Stops the current drag and returns the new checked value. */
-    SlideToggleRenderer.prototype.stopThumbDrag = function () {
-        if (this._thumbBarWidth) {
-            this._thumbBarWidth = null;
-            this._thumbEl.classList.remove('md-dragging');
-            applyCssTransform(this._thumbEl, '');
-            return this._percentage > 50;
-        }
-    };
-    /** Updates the thumb containers position from the specified distance. */
-    SlideToggleRenderer.prototype.updateThumbPosition = function (distance) {
-        if (this._thumbBarWidth) {
-            this._percentage = this._getThumbPercentage(distance);
-            applyCssTransform(this._thumbEl, "translate3d(" + this._percentage + "%, 0, 0)");
-        }
-    };
-    /** Retrieves the percentage of thumb from the moved distance. */
-    SlideToggleRenderer.prototype._getThumbPercentage = function (distance) {
-        var percentage = (distance / this._thumbBarWidth) * 100;
-        // When the toggle was initially checked, then we have to start the drag at the end.
-        if (this._checked) {
-            percentage += 100;
-        }
-        return Math.max(0, Math.min(percentage, 100));
-    };
-    return SlideToggleRenderer;
-}());
-export var MdSlideToggleModule = (function () {
-    function MdSlideToggleModule() {
-    }
-    MdSlideToggleModule.forRoot = function () {
-        return {
-            ngModule: MdSlideToggleModule,
-            providers: [{ provide: HAMMER_GESTURE_CONFIG, useClass: MdGestureConfig }]
-        };
-    };
-    MdSlideToggleModule = __decorate([
-        NgModule({
-            imports: [FormsModule],
-            exports: [MdSlideToggle],
-            declarations: [MdSlideToggle],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdSlideToggleModule);
-    return MdSlideToggleModule;
-}());
-
-//# sourceMappingURL=slide-toggle.js.map

package/slide-toggle/slide-toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["slide-toggle/slide-toggle.ts"],"names":[],"mappings":"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","file":"slide-toggle/slide-toggle.js","sourcesContent":["import {\r\n  Component,\r\n  ElementRef,\r\n  Renderer,\r\n  forwardRef,\r\n  ChangeDetectionStrategy,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  AfterContentInit,\r\n  NgModule,\r\n  ModuleWithProviders,\r\n} from '@angular/core';\r\nimport {HAMMER_GESTURE_CONFIG} from '@angular/platform-browser';\r\nimport {\r\n  FormsModule,\r\n  ControlValueAccessor,\r\n  NG_VALUE_ACCESSOR\r\n} from '@angular/forms';\r\nimport {BooleanFieldValue, applyCssTransform} from '../core';\r\nimport {Observable} from 'rxjs/Observable';\r\nimport {MdGestureConfig} from '../core';\r\n\r\n\r\nexport const MD_SLIDE_TOGGLE_VALUE_ACCESSOR: any = {\r\n  provide: NG_VALUE_ACCESSOR,\r\n  useExisting: forwardRef(() => MdSlideToggle),\r\n  multi: true\r\n};\r\n\r\n// A simple change event emitted by the MdSlideToggle component.\r\nexport class MdSlideToggleChange {\r\n  source: MdSlideToggle;\r\n  checked: boolean;\r\n}\r\n\r\n// Increasing integer for generating unique ids for slide-toggle components.\r\nlet nextId = 0;\r\n\r\n@Component({\r\n  moduleId: module.id,\r\n  selector: 'md-slide-toggle',\r\n  host: {\r\n    '[class.md-checked]': 'checked',\r\n    '[class.md-disabled]': 'disabled',\r\n    // This md-slide-toggle prefix will change, once the temporary ripple is removed.\r\n    '[class.md-slide-toggle-focused]': '_hasFocus',\r\n    '(mousedown)': '_setMousedown()'\r\n  },\r\n  templateUrl: 'slide-toggle.html',\r\n  styleUrls: ['slide-toggle.css'],\r\n  providers: [MD_SLIDE_TOGGLE_VALUE_ACCESSOR],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class MdSlideToggle implements AfterContentInit, ControlValueAccessor {\r\n\r\n  private onChange = (_: any) => {};\r\n  private onTouched = () => {};\r\n\r\n  // A unique id for the slide-toggle. By default the id is auto-generated.\r\n  private _uniqueId = `md-slide-toggle-${++nextId}`;\r\n  private _checked: boolean = false;\r\n  private _color: string;\r\n  _hasFocus: boolean = false;\r\n  private _isMousedown: boolean = false;\r\n  private _slideRenderer: SlideToggleRenderer = null;\r\n\r\n  @Input() @BooleanFieldValue() disabled: boolean = false;\r\n  @Input() @BooleanFieldValue() required: boolean = false;\r\n  @Input() name: string = null;\r\n  @Input() id: string = this._uniqueId;\r\n  @Input() tabIndex: number = 0;\r\n  @Input() ariaLabel: string = null;\r\n  @Input() ariaLabelledby: string = null;\r\n\r\n  private _change: EventEmitter<MdSlideToggleChange> = new EventEmitter<MdSlideToggleChange>();\r\n  @Output() change: Observable<MdSlideToggleChange> = this._change.asObservable();\r\n\r\n  // Returns the unique id for the visual hidden input.\r\n  getInputId = () => `${this.id || this._uniqueId}-input`;\r\n\r\n  constructor(private _elementRef: ElementRef, private _renderer: Renderer) {}\r\n\r\n  /** TODO: internal */\r\n  ngAfterContentInit() {\r\n    this._slideRenderer = new SlideToggleRenderer(this._elementRef);\r\n  }\r\n\r\n  /**\r\n   * The onChangeEvent method will be also called on click.\r\n   * This is because everything for the slide-toggle is wrapped inside of a label,\r\n   * which triggers a onChange event on click.\r\n   */\r\n  _onChangeEvent(event: Event) {\r\n    // We always have to stop propagation on the change event.\r\n    // Otherwise the change event, from the input element, will bubble up and\r\n    // emit its event object to the component's `change` output.\r\n    event.stopPropagation();\r\n\r\n    // Once a drag is currently in progress, we do not want to toggle the slide-toggle on a click.\r\n    if (!this.disabled && !this._slideRenderer.isDragging()) {\r\n      this.toggle();\r\n\r\n      // Emit our custom change event if the native input emitted one.\r\n      // It is important to only emit it, if the native input triggered one, because\r\n      // we don't want to trigger a change event, when the `checked` variable changes for example.\r\n      this._emitChangeEvent();\r\n    }\r\n  }\r\n\r\n  _onInputClick(event: Event) {\r\n    this.onTouched();\r\n\r\n    // We have to stop propagation for click events on the visual hidden input element.\r\n    // By default, when a user clicks on a label element, a generated click event will be\r\n    // dispatched on the associated input element. Since we are using a label element as our\r\n    // root container, the click event on the `slide-toggle` will be executed twice.\r\n    // The real click event will bubble up, and the generated click event also tries to bubble up.\r\n    // This will lead to multiple click events.\r\n    // Preventing bubbling for the second event will solve that issue.\r\n    event.stopPropagation();\r\n  }\r\n\r\n  _setMousedown() {\r\n    // We only *show* the focus style when focus has come to the button via the keyboard.\r\n    // The Material Design spec is silent on this topic, and without doing this, the\r\n    // button continues to look :active after clicking.\r\n    // @see http://marcysutton.com/button-focus-hell/\r\n    this._isMousedown = true;\r\n    setTimeout(() => this._isMousedown = false, 100);\r\n  }\r\n\r\n  _onInputFocus() {\r\n    // Only show the focus / ripple indicator when the focus was not triggered by a mouse\r\n    // interaction on the component.\r\n    if (!this._isMousedown) {\r\n      this._hasFocus = true;\r\n    }\r\n  }\r\n\r\n  _onInputBlur() {\r\n    this._hasFocus = false;\r\n    this.onTouched();\r\n  }\r\n\r\n  /**\r\n   * Implemented as part of ControlValueAccessor.\r\n   * TODO: internal\r\n   */\r\n  writeValue(value: any): void {\r\n    this.checked = value;\r\n  }\r\n\r\n  /**\r\n   * Implemented as part of ControlValueAccessor.\r\n   * TODO: internal\r\n   */\r\n  registerOnChange(fn: any): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  /**\r\n   * Implemented as part of ControlValueAccessor.\r\n   * TODO: internal\r\n   */\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  @Input()\r\n  get checked() {\r\n    return !!this._checked;\r\n  }\r\n\r\n  set checked(value) {\r\n    if (this.checked !== !!value) {\r\n      this._checked = value;\r\n      this.onChange(this._checked);\r\n    }\r\n  }\r\n\r\n  @Input()\r\n  get color(): string {\r\n    return this._color;\r\n  }\r\n\r\n  set color(value: string) {\r\n    this._updateColor(value);\r\n  }\r\n\r\n  toggle() {\r\n    this.checked = !this.checked;\r\n  }\r\n\r\n  private _updateColor(newColor: string) {\r\n    this._setElementColor(this._color, false);\r\n    this._setElementColor(newColor, true);\r\n    this._color = newColor;\r\n  }\r\n\r\n  private _setElementColor(color: string, isAdd: boolean) {\r\n    if (color != null && color != '') {\r\n      this._renderer.setElementClass(this._elementRef.nativeElement, `md-${color}`, isAdd);\r\n    }\r\n  }\r\n\r\n  /** Emits the change event to the `change` output EventEmitter */\r\n  private _emitChangeEvent() {\r\n    let event = new MdSlideToggleChange();\r\n    event.source = this;\r\n    event.checked = this.checked;\r\n    this._change.emit(event);\r\n  }\r\n\r\n\r\n  /** TODO: internal */\r\n  _onDragStart() {\r\n    this._slideRenderer.startThumbDrag(this.checked);\r\n  }\r\n\r\n  /** TODO: internal */\r\n  _onDrag(event: HammerInput) {\r\n    this._slideRenderer.updateThumbPosition(event.deltaX);\r\n  }\r\n\r\n  /** TODO: internal */\r\n  _onDragEnd() {\r\n    // Notice that we have to stop outside of the current event handler,\r\n    // because otherwise the click event will be fired and will reset the new checked variable.\r\n    setTimeout(() => {\r\n      this.checked = this._slideRenderer.stopThumbDrag();\r\n    }, 0);\r\n  }\r\n\r\n}\r\n\r\n/**\r\n * Renderer for the Slide Toggle component, which separates DOM modification in its own class\r\n */\r\nclass SlideToggleRenderer {\r\n\r\n  private _thumbEl: HTMLElement;\r\n  private _thumbBarEl: HTMLElement;\r\n  private _thumbBarWidth: number;\r\n  private _checked: boolean;\r\n  private _percentage: number;\r\n\r\n  constructor(private _elementRef: ElementRef) {\r\n    this._thumbEl = _elementRef.nativeElement.querySelector('.md-slide-toggle-thumb-container');\r\n    this._thumbBarEl = _elementRef.nativeElement.querySelector('.md-slide-toggle-bar');\r\n  }\r\n\r\n  /** Whether the slide-toggle is currently dragging. */\r\n  isDragging(): boolean {\r\n    return !!this._thumbBarWidth;\r\n  }\r\n\r\n\r\n  /** Initializes the drag of the slide-toggle. */\r\n  startThumbDrag(checked: boolean) {\r\n    if (!this._thumbBarWidth) {\r\n      this._thumbBarWidth = this._thumbBarEl.clientWidth - this._thumbEl.clientWidth;\r\n      this._checked = checked;\r\n      this._thumbEl.classList.add('md-dragging');\r\n    }\r\n  }\r\n\r\n  /** Stops the current drag and returns the new checked value. */\r\n  stopThumbDrag(): boolean {\r\n    if (this._thumbBarWidth) {\r\n      this._thumbBarWidth = null;\r\n      this._thumbEl.classList.remove('md-dragging');\r\n\r\n      applyCssTransform(this._thumbEl, '');\r\n\r\n      return this._percentage > 50;\r\n    }\r\n  }\r\n\r\n  /** Updates the thumb containers position from the specified distance. */\r\n  updateThumbPosition(distance: number) {\r\n    if (this._thumbBarWidth) {\r\n      this._percentage = this._getThumbPercentage(distance);\r\n      applyCssTransform(this._thumbEl, `translate3d(${this._percentage}%, 0, 0)`);\r\n    }\r\n  }\r\n\r\n  /** Retrieves the percentage of thumb from the moved distance. */\r\n  private _getThumbPercentage(distance: number) {\r\n    let percentage = (distance / this._thumbBarWidth) * 100;\r\n\r\n    // When the toggle was initially checked, then we have to start the drag at the end.\r\n    if (this._checked) {\r\n      percentage += 100;\r\n    }\r\n\r\n    return Math.max(0, Math.min(percentage, 100));\r\n  }\r\n\r\n}\r\n\r\n\r\n@NgModule({\r\n  imports: [FormsModule],\r\n  exports: [MdSlideToggle],\r\n  declarations: [MdSlideToggle],\r\n})\r\nexport class MdSlideToggleModule {\r\n  static forRoot(): ModuleWithProviders {\r\n    return {\r\n      ngModule: MdSlideToggleModule,\r\n      providers: [{provide: HAMMER_GESTURE_CONFIG, useClass: MdGestureConfig}]\r\n    };\r\n  }\r\n}\r\n"],"sourceRoot":"/source/"}

package/slide-toggle/slide-toggle.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"MD_SLIDE_TOGGLE_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MdSlideToggle"},"multi":true},"MdSlideToggle":{"__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-slide-toggle","host":{"[class.md-checked]":"checked","[class.md-disabled]":"disabled","[class.md-slide-toggle-focused]":"_hasFocus","(mousedown)":"_setMousedown()"},"templateUrl":"slide-toggle.html","styleUrls":["slide-toggle.css"],"providers":[{"__symbolic":"reference","name":"MD_SLIDE_TOGGLE_VALUE_ACCESSOR"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core","name":"BooleanFieldValue"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core","name":"BooleanFieldValue"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__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"}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ariaLabelledby":[{"__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":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_onChangeEvent":[{"__symbolic":"method"}],"_onInputClick":[{"__symbolic":"method"}],"_setMousedown":[{"__symbolic":"method"}],"_onInputFocus":[{"__symbolic":"method"}],"_onInputBlur":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"toggle":[{"__symbolic":"method"}],"_updateColor":[{"__symbolic":"method"}],"_setElementColor":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"_onDragStart":[{"__symbolic":"method"}],"_onDrag":[{"__symbolic":"method"}],"_onDragEnd":[{"__symbolic":"method"}]}},"MdSlideToggleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"}],"exports":[{"__symbolic":"reference","name":"MdSlideToggle"}],"declarations":[{"__symbolic":"reference","name":"MdSlideToggle"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdSlideToggleModule"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/platform-browser","name":"HAMMER_GESTURE_CONFIG"},"useClass":{"__symbolic":"reference","module":"../core","name":"MdGestureConfig"}}]}}}}}}

package/slide-toggle/slide-toggle.scss

@@ -1,140 +0,0 @@
-@import '../core/style/variables';
-@import '../core/ripple/ripple';
-@import '../core/style/elevation';
-
-
-$md-slide-toggle-width: 36px !default;
-$md-slide-toggle-height: 24px !default;
-$md-slide-toggle-bar-height: 14px !default;
-$md-slide-toggle-thumb-size: 20px !default;
-$md-slide-toggle-margin: 16px !default;
-
-
-@mixin md-switch-ripple() {
-  // Temporary ripple effect for the thumb of the slide-toggle.
-  // Bind to the parent selector and specify the current palette.
-  @include md-temporary-ink-ripple(slide-toggle, true);
-}
-
-:host {
-  display: flex;
-  height: $md-slide-toggle-height;
-
-  margin: $md-slide-toggle-margin 0;
-  line-height: $md-slide-toggle-height;
-
-  white-space: nowrap;
-  user-select: none;
-
-  outline: none;
-
-  &.md-checked {
-    .md-slide-toggle-thumb-container {
-      transform: translate3d(100%, 0, 0);
-    }
-  }
-
-  @include md-switch-ripple();
-
-  &.md-disabled {
-
-    .md-slide-toggle-label, .md-slide-toggle-container {
-      cursor: default;
-    }
-  }
-}
-
-// The content element is responsible for the users content.
-// It will apply the given typography styles and align at the end of the slide-toggle.
-.md-slide-toggle-content {
-  font-size: $md-body-font-size-base;
-  font-family: $md-font-family;
-  font-weight: 500;
-}
-
-// The label element is our root container for the slide-toggle / switch indicator and label text.
-// It has to be a label, to support accessibility for the visual hidden input.
-.md-slide-toggle-label {
-  display: flex;
-  flex: 1;
-
-  cursor: pointer;
-}
-
-// Container for the composition of the slide-toggle / switch indicator.
-.md-slide-toggle-container {
-  cursor: grab;
-  width: $md-slide-toggle-width;
-  height: $md-slide-toggle-height;
-
-  position: relative;
-  user-select: none;
-
-  margin-right: 8px;
-}
-
-// The thumb container is responsible for the dragging functionality.
-// It moves around and holds the actual circle as a thumb.
-.md-slide-toggle-thumb-container {
-  position: absolute;
-  top: $md-slide-toggle-height / 2 - $md-slide-toggle-thumb-size / 2;
-  left: 0;
-  z-index: 1;
-
-  width: $md-slide-toggle-width - $md-slide-toggle-thumb-size;
-
-  transform: translate3d(0, 0, 0);
-
-  transition: $swift-linear;
-  transition-property: transform;
-
-  // Once the thumb container is being dragged around, we remove the transition duration to
-  // make the drag feeling fast and not delayed.
-  &.md-dragging {
-    transition-duration: 0ms;
-  }
-}
-
-// The thumb will be elevated from the slide-toggle bar.
-// Also the thumb is bound to its parent thumb-container, which manages the movement of the thumb.
-.md-slide-toggle-thumb {
-  position: absolute;
-  margin: 0;
-  left: 0;
-  top: 0;
-
-  height: $md-slide-toggle-thumb-size;
-  width: $md-slide-toggle-thumb-size;
-  border-radius: 50%;
-
-  @include md-elevation(1);
-}
-
-// Horizontal bar for the slide-toggle.
-// The slide-toggle bar is shown behind the thumb container.
-.md-slide-toggle-bar {
-  position: absolute;
-  left: 1px;
-  top: $md-slide-toggle-height / 2 - $md-slide-toggle-bar-height / 2;
-
-  width: $md-slide-toggle-width - 2px;
-  height: $md-slide-toggle-bar-height;
-
-  border-radius: 8px;
-}
-
-// The slide toggle shows a visually hidden input inside of the component, which is used
-// to take advantage of the native browser functionality.
-.md-slide-toggle-input {
-  // Move the input to the bottom and in the middle of the thumb.
-  // Visual improvement to properly show browser popups when being required.
-  bottom: 0;
-  left: $md-slide-toggle-thumb-size / 2;
-}
-
-.md-slide-toggle-bar,
-.md-slide-toggle-thumb {
-  transition: $swift-linear;
-  transition-property: background-color;
-  transition-delay: 50ms;
-}

package/slider/README.md

@@ -1,97 +0,0 @@
-# md-slider
-
-`MdSlider` is a component that allows users to select from a range of values by moving the slider
-thumb.
-You can read more about the slider in the
-[Material Design spec](https://material.google.com/components/sliders.html).
-
-## Not Yet Implemented
-
-* Thumb Label
-* Color
-* Invert
-* NgModel
-* Keyboard Movement
-* Focus Ring
-* Smaller/grey thumb at minimum value
-
-## Usage
-
-### Setup
-
-Importing the module:
-```ts
- @NgModule({
-    imports: [MdSliderModule.forRoot()],
-    ...
- })
- export class MyAppModule { }
-```
-
-### Basic Usage
-
-`md-slider` can be used on its own as a slider with a min of `0`, a max of `100`, and a step of `1`.
-
-```html
-<md-slider></md-slider>
-```
-
-### Slider with Minimum and Maximum Values
-
-The min and max on a `md-slider` can be set to give a different range of values.
-These can be set individually and do not need to both be set.
-
-```html
-<md-slider min="1" max="5"></md-slider>
-```
-
-### Disabled Slider
-
-`md-slider` can be disabled so that the value cannot be changed and the thumb cannot be moved.
-
-```html
-<md-slider disabled></md-slider>
-```
-
-### Slider with Value
-
-`md-slider` can have a value defined so that it starts at a specific value on the slider.
-
-```html
-<md-slider value="24"></md-slider>
-```
-
-### Slider with Step
-
-`md-slider` can have the step defined which declares where the thumb can snap to.
-
-```html
-<md-slider step="5"></md-slider>
-```
-
-### Slider with Tick Interval
-
-`md-slider` can have a tick interval set to a number or to `auto`.
-`auto` will automatically draw tick marks on steps that are at least 30px apart and will always draw
-tick marks at the beginning and end of the slider.
-Setting `tick-interval` to a number will draw a tick mark at every `tick-interval` steps. An example
-of this is a `tick-interval` of `3` with a `step` of `4` will draw tick marks at every `3` steps,
-which is the same as every `12` values.
-
-```html
-<md-slider tick-interval="auto"></md-slider>
-<md-slider tick-interval="3" step="4"></md-slider>
-```
-
-## `<md-slider>`
-
-### Bound Properties
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `min` | number | Optional, the minimum number for the slider. Default = `0`. |
-| `max` | number | Optional, the maximum number for the slider. Default = `100`. |
-| `value` | number | Optional, the value to start the slider at. |
-| `tick-interval` | `"auto" | number` | Optional, how many steps between tick marks. |
-| `step` | number | Optional, declares where the thumb will snap to. Default = `1`. |
-| `disabled` | boolean | Optional, whether or not the slider is disabled. Default = `false`. |

package/slider/_slider-theme.scss

@@ -1,33 +0,0 @@
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-
-
-@mixin md-slider-theme($theme) {
-  $accent: map-get($theme, accent);
-
-  // TODO(iveysaur): Find an implementation to hide the track under a disabled thumb.
-  $md-slider-off-color: rgba(black, 0.26);
-  $md-slider-focused-color: rgba(black, 0.38);
-  $md-slider-disabled-color: rgba(black, 0.26);
-
-  .md-slider-track {
-    background-color: $md-slider-off-color;
-  }
-
-  .md-slider-track-fill {
-    background-color: md-color($accent);
-  }
-
-  .md-slider-thumb::after {
-    background-color: md-color($accent);
-    border-color: md-color($accent);
-  }
-
-  .md-slider-thumb-label {
-    background-color: md-color($accent);
-  }
-
-  .md-slider-thumb-label-text {
-    color: md-color($accent, default-contrast);
-  }
-}

package/slider/index.js

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

package/slider/index.js.map

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