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

package/slide-toggle/slide-toggle.js

@@ -1,347 +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, ViewChild, ViewEncapsulation } from '@angular/core';
-import { HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
-import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { applyCssTransform, coerceBooleanProperty, GestureConfig, DefaultStyleCompatibilityModeModule } from '../core';
-import { Observable } from 'rxjs/Observable';
-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;
-/**
- * Two-state control, which can be also called `switch`.
- */
-export var MdSlideToggle = (function () {
-    function MdSlideToggle(_elementRef, _renderer) {
-        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._isMousedown = false;
-        this._slideRenderer = null;
-        this._disabled = false;
-        this._required = false;
-        // Needs to be public to support AOT compilation (as host binding).
-        this._hasFocus = false;
-        /** Name value will be applied to the input element if present */
-        this.name = null;
-        /** A unique id for the slide-toggle input. If none is supplied, it will be auto-generated. */
-        this.id = this._uniqueId;
-        /** Used to specify the tabIndex value for the underlying input element. */
-        this.tabIndex = 0;
-        /** Used to set the aria-label attribute on the underlying input element. */
-        this.ariaLabel = null;
-        /** Used to set the aria-labelledby attribute on the underlying input element. */
-        this.ariaLabelledby = null;
-        this._change = new EventEmitter();
-        /** An event will be dispatched each time the slide-toggle changes its value. */
-        this.change = this._change.asObservable();
-    }
-    Object.defineProperty(MdSlideToggle.prototype, "disabled", {
-        /** Whether the slide-toggle is disabled. */
-        get: function () { return this._disabled; },
-        set: function (value) { this._disabled = coerceBooleanProperty(value); },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdSlideToggle.prototype, "required", {
-        /** Whether the slide-toggle is required. */
-        get: function () { return this._required; },
-        set: function (value) { this._required = coerceBooleanProperty(value); },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdSlideToggle.prototype, "inputId", {
-        /** Returns the unique id for the visual hidden input. */
-        get: function () { return (this.id || this._uniqueId) + "-input"; },
-        enumerable: true,
-        configurable: true
-    });
-    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. */
-    MdSlideToggle.prototype.writeValue = function (value) {
-        this.checked = value;
-    };
-    /** Implemented as part of ControlValueAccessor. */
-    MdSlideToggle.prototype.registerOnChange = function (fn) {
-        this.onChange = fn;
-    };
-    /** Implemented as part of ControlValueAccessor. */
-    MdSlideToggle.prototype.registerOnTouched = function (fn) {
-        this.onTouched = fn;
-    };
-    /** Implemented as a part of ControlValueAccessor. */
-    MdSlideToggle.prototype.setDisabledState = function (isDisabled) {
-        this.disabled = isDisabled;
-    };
-    /** Focuses the slide-toggle. */
-    MdSlideToggle.prototype.focus = function () {
-        this._renderer.invokeElementMethod(this._inputElement.nativeElement, 'focus');
-        this._onInputFocus();
-    };
-    Object.defineProperty(MdSlideToggle.prototype, "checked", {
-        /** Whether the slide-toggle is 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", {
-        /** The color of the slide-toggle. Can be primary, accent, or warn. */
-        get: function () { return this._color; },
-        set: function (value) {
-            this._updateColor(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /** Toggles the checked state of the slide-toggle. */
-    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);
-    };
-    MdSlideToggle.prototype._onDragStart = function () {
-        if (!this.disabled) {
-            this._slideRenderer.startThumbDrag(this.checked);
-        }
-    };
-    MdSlideToggle.prototype._onDrag = function (event) {
-        if (this._slideRenderer.isDragging()) {
-            this._slideRenderer.updateThumbPosition(event.deltaX);
-        }
-    };
-    MdSlideToggle.prototype._onDragEnd = function () {
-        var _this = this;
-        if (!this._slideRenderer.isDragging()) {
-            return;
-        }
-        // 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();
-            _this._emitChangeEvent();
-        }, 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([
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdSlideToggle.prototype, "disabled", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdSlideToggle.prototype, "required", null);
-    __decorate([
-        Output(), 
-        __metadata('design:type', Observable)
-    ], MdSlideToggle.prototype, "change", void 0);
-    __decorate([
-        ViewChild('input'), 
-        __metadata('design:type', ElementRef)
-    ], MdSlideToggle.prototype, "_inputElement", 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, mat-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 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>",
-            styles: ["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}"],
-            providers: [MD_SLIDE_TOGGLE_VALUE_ACCESSOR],
-            encapsulation: ViewEncapsulation.None,
-            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.isDragging()) {
-            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.isDragging()) {
-            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) {
-        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: GestureConfig }]
-        };
-    };
-    MdSlideToggleModule = __decorate([
-        NgModule({
-            imports: [FormsModule, DefaultStyleCompatibilityModeModule],
-            exports: [MdSlideToggle, DefaultStyleCompatibilityModeModule],
-            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.js","sourcesContent":["import {\n  Component,\n  ElementRef,\n  Renderer,\n  forwardRef,\n  ChangeDetectionStrategy,\n  Input,\n  Output,\n  EventEmitter,\n  AfterContentInit,\n  NgModule,\n  ModuleWithProviders,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {HAMMER_GESTURE_CONFIG} from '@angular/platform-browser';\nimport {FormsModule, ControlValueAccessor, NG_VALUE_ACCESSOR} from '@angular/forms';\nimport {\n  applyCssTransform,\n  coerceBooleanProperty,\n  GestureConfig,\n  HammerInput,\n  DefaultStyleCompatibilityModeModule,\n} from '../core';\nimport {Observable} from 'rxjs/Observable';\n\n\nexport const MD_SLIDE_TOGGLE_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => MdSlideToggle),\n  multi: true\n};\n\n// A simple change event emitted by the MdSlideToggle component.\nexport class MdSlideToggleChange {\n  source: MdSlideToggle;\n  checked: boolean;\n}\n\n// Increasing integer for generating unique ids for slide-toggle components.\nlet nextId = 0;\n\n/**\n * Two-state control, which can be also called `switch`.\n */\n@Component({\n  moduleId: module.id,\n  selector: 'md-slide-toggle, mat-slide-toggle',\n  host: {\n    '[class.md-checked]': 'checked',\n    '[class.md-disabled]': 'disabled',\n    // This md-slide-toggle prefix will change, once the temporary ripple is removed.\n    '[class.md-slide-toggle-focused]': '_hasFocus',\n    '(mousedown)': '_setMousedown()'\n  },\n  templateUrl: 'slide-toggle.html',\n  styleUrls: ['slide-toggle.css'],\n  providers: [MD_SLIDE_TOGGLE_VALUE_ACCESSOR],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MdSlideToggle implements AfterContentInit, ControlValueAccessor {\n\n  private onChange = (_: any) => {};\n  private onTouched = () => {};\n\n  // A unique id for the slide-toggle. By default the id is auto-generated.\n  private _uniqueId = `md-slide-toggle-${++nextId}`;\n  private _checked: boolean = false;\n  private _color: string;\n  private _isMousedown: boolean = false;\n  private _slideRenderer: SlideToggleRenderer = null;\n  private _disabled: boolean = false;\n  private _required: boolean = false;\n\n  // Needs to be public to support AOT compilation (as host binding).\n  _hasFocus: boolean = false;\n\n  /** Name value will be applied to the input element if present */\n  @Input() name: string = null;\n\n  /** A unique id for the slide-toggle input. If none is supplied, it will be auto-generated. */\n  @Input() id: string = this._uniqueId;\n\n  /** Used to specify the tabIndex value for the underlying input element. */\n  @Input() tabIndex: number = 0;\n\n  /** Used to set the aria-label attribute on the underlying input element. */\n  @Input() ariaLabel: string = null;\n\n  /** Used to set the aria-labelledby attribute on the underlying input element. */\n  @Input() ariaLabelledby: string = null;\n\n  /** Whether the slide-toggle is disabled. */\n  @Input()\n  get disabled(): boolean { return this._disabled; }\n  set disabled(value) { this._disabled = coerceBooleanProperty(value); }\n\n  /** Whether the slide-toggle is required. */\n  @Input()\n  get required(): boolean { return this._required; }\n  set required(value) { this._required = coerceBooleanProperty(value); }\n\n  private _change: EventEmitter<MdSlideToggleChange> = new EventEmitter<MdSlideToggleChange>();\n  /** An event will be dispatched each time the slide-toggle changes its value. */\n  @Output() change: Observable<MdSlideToggleChange> = this._change.asObservable();\n\n  /** Returns the unique id for the visual hidden input. */\n  get inputId(): string { return `${this.id || this._uniqueId}-input`; }\n\n  @ViewChild('input') _inputElement: ElementRef;\n\n  constructor(private _elementRef: ElementRef, private _renderer: Renderer) {}\n\n  ngAfterContentInit() {\n    this._slideRenderer = new SlideToggleRenderer(this._elementRef);\n  }\n\n  /**\n   * The onChangeEvent method will be also called on click.\n   * This is because everything for the slide-toggle is wrapped inside of a label,\n   * which triggers a onChange event on click.\n   */\n  _onChangeEvent(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 component's `change` output.\n    event.stopPropagation();\n\n    // Once a drag is currently in progress, we do not want to toggle the slide-toggle on a click.\n    if (!this.disabled && !this._slideRenderer.isDragging()) {\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    this.onTouched();\n\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 `slide-toggle` 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  _setMousedown() {\n    // We only *show* the focus style when focus has come to the button via the keyboard.\n    // The Material Design spec is silent on this topic, and without doing this, the\n    // button continues to look :active after clicking.\n    // @see http://marcysutton.com/button-focus-hell/\n    this._isMousedown = true;\n    setTimeout(() => this._isMousedown = false, 100);\n  }\n\n  _onInputFocus() {\n    // Only show the focus / ripple indicator when the focus was not triggered by a mouse\n    // interaction on the component.\n    if (!this._isMousedown) {\n      this._hasFocus = true;\n    }\n  }\n\n  _onInputBlur() {\n    this._hasFocus = false;\n    this.onTouched();\n  }\n\n  /** Implemented as part of ControlValueAccessor. */\n  writeValue(value: any): void {\n    this.checked = value;\n  }\n\n  /** Implemented as part of ControlValueAccessor. */\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  /** Implemented as part of ControlValueAccessor. */\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  /** Implemented as a part of ControlValueAccessor. */\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n\n  /** Focuses the slide-toggle. */\n  focus() {\n    this._renderer.invokeElementMethod(this._inputElement.nativeElement, 'focus');\n    this._onInputFocus();\n  }\n\n  /** Whether the slide-toggle is checked. */\n  @Input()\n  get checked() { return !!this._checked; }\n  set checked(value) {\n    if (this.checked !== !!value) {\n      this._checked = value;\n      this.onChange(this._checked);\n    }\n  }\n\n  /** The color of the slide-toggle. Can be primary, accent, or warn. */\n  @Input()\n  get color(): string { return this._color; }\n  set color(value: string) {\n    this._updateColor(value);\n  }\n\n  /** Toggles the checked state of the slide-toggle. */\n  toggle() {\n    this.checked = !this.checked;\n  }\n\n  private _updateColor(newColor: string) {\n    this._setElementColor(this._color, false);\n    this._setElementColor(newColor, true);\n    this._color = newColor;\n  }\n\n  private _setElementColor(color: string, isAdd: boolean) {\n    if (color != null && color != '') {\n      this._renderer.setElementClass(this._elementRef.nativeElement, `md-${color}`, isAdd);\n    }\n  }\n\n  /** Emits the change event to the `change` output EventEmitter */\n  private _emitChangeEvent() {\n    let event = new MdSlideToggleChange();\n    event.source = this;\n    event.checked = this.checked;\n    this._change.emit(event);\n  }\n\n\n  _onDragStart() {\n    if (!this.disabled) {\n      this._slideRenderer.startThumbDrag(this.checked);\n    }\n  }\n\n  _onDrag(event: HammerInput) {\n    if (this._slideRenderer.isDragging()) {\n      this._slideRenderer.updateThumbPosition(event.deltaX);\n    }\n  }\n\n  _onDragEnd() {\n    if (!this._slideRenderer.isDragging()) {\n      return;\n    }\n\n    // Notice that we have to stop outside of the current event handler,\n    // because otherwise the click event will be fired and will reset the new checked variable.\n    setTimeout(() => {\n      this.checked = this._slideRenderer.stopThumbDrag();\n      this._emitChangeEvent();\n    }, 0);\n  }\n\n}\n\n/**\n * Renderer for the Slide Toggle component, which separates DOM modification in its own class\n */\nclass SlideToggleRenderer {\n\n  private _thumbEl: HTMLElement;\n  private _thumbBarEl: HTMLElement;\n  private _thumbBarWidth: number;\n  private _checked: boolean;\n  private _percentage: number;\n\n  constructor(private _elementRef: ElementRef) {\n    this._thumbEl = _elementRef.nativeElement.querySelector('.md-slide-toggle-thumb-container');\n    this._thumbBarEl = _elementRef.nativeElement.querySelector('.md-slide-toggle-bar');\n  }\n\n  /** Whether the slide-toggle is currently dragging. */\n  isDragging(): boolean {\n    return !!this._thumbBarWidth;\n  }\n\n\n  /** Initializes the drag of the slide-toggle. */\n  startThumbDrag(checked: boolean) {\n    if (!this.isDragging()) {\n      this._thumbBarWidth = this._thumbBarEl.clientWidth - this._thumbEl.clientWidth;\n      this._checked = checked;\n      this._thumbEl.classList.add('md-dragging');\n    }\n  }\n\n  /** Stops the current drag and returns the new checked value. */\n  stopThumbDrag(): boolean {\n    if (this.isDragging()) {\n      this._thumbBarWidth = null;\n      this._thumbEl.classList.remove('md-dragging');\n\n      applyCssTransform(this._thumbEl, '');\n\n      return this._percentage > 50;\n    }\n  }\n\n  /** Updates the thumb containers position from the specified distance. */\n  updateThumbPosition(distance: number) {\n    this._percentage = this._getThumbPercentage(distance);\n    applyCssTransform(this._thumbEl, `translate3d(${this._percentage}%, 0, 0)`);\n  }\n\n  /** Retrieves the percentage of thumb from the moved distance. */\n  private _getThumbPercentage(distance: number) {\n    let percentage = (distance / this._thumbBarWidth) * 100;\n\n    // When the toggle was initially checked, then we have to start the drag at the end.\n    if (this._checked) {\n      percentage += 100;\n    }\n\n    return Math.max(0, Math.min(percentage, 100));\n  }\n\n}\n\n\n@NgModule({\n  imports: [FormsModule, DefaultStyleCompatibilityModeModule],\n  exports: [MdSlideToggle, DefaultStyleCompatibilityModeModule],\n  declarations: [MdSlideToggle],\n})\nexport class MdSlideToggleModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdSlideToggleModule,\n      providers: [{provide: HAMMER_GESTURE_CONFIG, useClass: GestureConfig}]\n    };\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MD_SLIDE_TOGGLE_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MdSlideToggle"},"multi":true},"MdSlideToggleChange":{"__symbolic":"class"},"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, mat-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"}],"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":{"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"}}]}],"disabled":[{"__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"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"_inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["input"]}]}],"__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"}],"setDisabledState":[{"__symbolic":"method"}],"focus":[{"__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"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"exports":[{"__symbolic":"reference","name":"MdSlideToggle"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"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":"GestureConfig"}}]}}}}}},{"__symbolic":"module","metadata":{"MD_SLIDE_TOGGLE_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MdSlideToggle"},"multi":true},"MdSlideToggleChange":{"__symbolic":"class"},"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, mat-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"}],"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":{"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"}}]}],"disabled":[{"__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"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"_inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["input"]}]}],"__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"}],"setDisabledState":[{"__symbolic":"method"}],"focus":[{"__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"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"exports":[{"__symbolic":"reference","name":"MdSlideToggle"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"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":"GestureConfig"}}]}}}}},"version":1}]

package/slide-toggle/slide-toggle.scss

@@ -1,158 +0,0 @@
-@import '../core/style/variables';
-@import '../core/ripple/ripple';
-@import '../core/style/elevation';
-@import '../core/a11y/a11y';
-
-
-$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;
-$md-slide-toggle-spacing: 8px !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);
-}
-
-md-slide-toggle {
-  display: flex;
-  height: $md-slide-toggle-height;
-
-  margin: $md-slide-toggle-margin 0;
-  line-height: $md-slide-toggle-height;
-
-  white-space: nowrap;
-
-  // Disable user selection to ensure that dragging is smooth without grabbing
-  // some elements accidentally.
-  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;
-
-  margin-right: $md-slide-toggle-spacing;
-
-  [dir='rtl'] & {
-    margin-left: $md-slide-toggle-spacing;
-    margin-right: 0;
-  }
-}
-
-// 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);
-
-  @include cdk-high-contrast {
-    background: #fff;
-    border: solid 1px #000;
-  }
-}
-
-// 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;
-
-  @include cdk-high-contrast {
-    background: #fff;
-  }
-}
-
-// 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;
-}