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

package/button-toggle/button-toggle.d.ts

@@ -1,110 +0,0 @@
-import { ModuleWithProviders, OnInit, QueryList, AfterViewInit } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { Observable } from 'rxjs/Observable';
-import { MdUniqueSelectionDispatcher } from '../core';
-export declare type ToggleType = 'checkbox' | 'radio';
-/**
- * Provider Expression that allows md-button-toggle-group to register as a ControlValueAccessor.
- * This allows it to support [(ngModel)].
- */
-export declare const MD_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR: any;
-/** A simple change event emitted by either MdButtonToggle or MdButtonToggleGroup. */
-export declare class MdButtonToggleChange {
-    source: MdButtonToggle;
-    value: any;
-}
-/** Exclusive selection button toggle group that behaves like a radio-button group. */
-export declare class MdButtonToggleGroup implements AfterViewInit, ControlValueAccessor {
-    /** The value for the button toggle group. Should match currently selected button toggle. */
-    private _value;
-    /** The HTML name attribute applied to toggles in this group. */
-    private _name;
-    /** Disables all toggles in the group. */
-    private _disabled;
-    /** The currently selected button toggle, should match the value. */
-    private _selected;
-    /** Whether the button toggle group is initialized or not. */
-    private _isInitialized;
-    /** The method to be called in order to update ngModel. */
-    private _controlValueAccessorChangeFn;
-    /** onTouch function registered via registerOnTouch (ControlValueAccessor). */
-    onTouched: () => any;
-    /** Event emitted when the group's value changes. */
-    private _change;
-    readonly change: Observable<MdButtonToggleChange>;
-    /** Child button toggle buttons. */
-    _buttonToggles: QueryList<MdButtonToggle>;
-    /** TODO: internal */
-    ngAfterViewInit(): void;
-    name: string;
-    disabled: boolean;
-    value: any;
-    selected: MdButtonToggle;
-    private _updateButtonToggleNames();
-    private _updateSelectedButtonToggleFromValue();
-    /** Dispatch change event with current selection and group value. */
-    private _emitChangeEvent();
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    writeValue(value: any): void;
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    registerOnChange(fn: (value: any) => void): void;
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    registerOnTouched(fn: any): void;
-}
-/** Multiple selection button-toggle group. */
-export declare class MdButtonToggleGroupMultiple {
-    /** Disables all toggles in the group. */
-    private _disabled;
-    disabled: boolean;
-}
-export declare class MdButtonToggle implements OnInit {
-    buttonToggleDispatcher: MdUniqueSelectionDispatcher;
-    /** Whether or not this button toggle is checked. */
-    private _checked;
-    /** Type of the button toggle. Either 'radio' or 'checkbox'. */
-    _type: ToggleType;
-    /** The unique ID for this button toggle. */
-    id: string;
-    /** HTML's 'name' attribute used to group radios for unique selection. */
-    name: string;
-    /** Whether or not this button toggle is disabled. */
-    private _disabled;
-    /** Value assigned to this button toggle. */
-    private _value;
-    /** Whether or not the button toggle is a single selection. */
-    private _isSingleSelector;
-    /** The parent button toggle group (exclusive selection). Optional. */
-    buttonToggleGroup: MdButtonToggleGroup;
-    /** The parent button toggle group (multiple selection). Optional. */
-    buttonToggleGroupMultiple: MdButtonToggleGroupMultiple;
-    /** Event emitted when the group value changes. */
-    private _change;
-    readonly change: Observable<MdButtonToggleChange>;
-    constructor(toggleGroup: MdButtonToggleGroup, toggleGroupMultiple: MdButtonToggleGroupMultiple, buttonToggleDispatcher: MdUniqueSelectionDispatcher);
-    ngOnInit(): void;
-    readonly inputId: string;
-    checked: boolean;
-    /** MdButtonToggleGroup reads this to assign its own value. */
-    value: any;
-    /** Dispatch change event with current value. */
-    private _emitChangeEvent();
-    disabled: boolean;
-    /** Toggle the state of the current button toggle. */
-    private _toggle();
-    /** Checks the button toggle due to an interaction with the underlying native input. */
-    _onInputChange(event: Event): void;
-    /** TODO: internal */
-    _onInputClick(event: Event): void;
-}
-export declare class MdButtonToggleModule {
-    static forRoot(): ModuleWithProviders;
-}

package/button-toggle/button-toggle.html

@@ -1,14 +0,0 @@
-<label [attr.for]="inputId" class="md-button-toggle-label">
-  <input #input class="md-button-toggle-input md-visually-hidden"
-         [type]="_type"
-         [id]="inputId"
-         [checked]="checked"
-         [disabled]="disabled"
-         [name]="name"
-         (change)="_onInputChange($event)"
-         (click)="_onInputClick($event)">
-
-  <div class="md-button-toggle-label-content">
-    <ng-content></ng-content>
-  </div>
-</label>

package/button-toggle/button-toggle.js

@@ -1,436 +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);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-import { NgModule, Component, ContentChildren, Directive, EventEmitter, HostBinding, Input, Optional, Output, QueryList, ViewEncapsulation, forwardRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
-import { Observable } from 'rxjs/Observable';
-import { BooleanFieldValue, MdUniqueSelectionDispatcher } from '../core';
-/**
- * Provider Expression that allows md-button-toggle-group to register as a ControlValueAccessor.
- * This allows it to support [(ngModel)].
- */
-export var MD_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return MdButtonToggleGroup; }),
-    multi: true
-};
-var _uniqueIdCounter = 0;
-/** A simple change event emitted by either MdButtonToggle or MdButtonToggleGroup. */
-export var MdButtonToggleChange = (function () {
-    function MdButtonToggleChange() {
-    }
-    return MdButtonToggleChange;
-}());
-/** Exclusive selection button toggle group that behaves like a radio-button group. */
-export var MdButtonToggleGroup = (function () {
-    function MdButtonToggleGroup() {
-        /** The value for the button toggle group. Should match currently selected button toggle. */
-        this._value = null;
-        /** The HTML name attribute applied to toggles in this group. */
-        this._name = "md-radio-group-" + _uniqueIdCounter++;
-        /** Disables all toggles in the group. */
-        this._disabled = null;
-        /** The currently selected button toggle, should match the value. */
-        this._selected = null;
-        /** Whether the button toggle group is initialized or not. */
-        this._isInitialized = false;
-        /** The method to be called in order to update ngModel. */
-        this._controlValueAccessorChangeFn = function (value) { };
-        /** onTouch function registered via registerOnTouch (ControlValueAccessor). */
-        this.onTouched = function () { };
-        /** Event emitted when the group's value changes. */
-        this._change = new EventEmitter();
-        /** Child button toggle buttons. */
-        this._buttonToggles = null;
-    }
-    Object.defineProperty(MdButtonToggleGroup.prototype, "change", {
-        get: function () {
-            return this._change.asObservable();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /** TODO: internal */
-    MdButtonToggleGroup.prototype.ngAfterViewInit = function () {
-        this._isInitialized = true;
-    };
-    Object.defineProperty(MdButtonToggleGroup.prototype, "name", {
-        get: function () {
-            return this._name;
-        },
-        set: function (value) {
-            this._name = value;
-            this._updateButtonToggleNames();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdButtonToggleGroup.prototype, "disabled", {
-        get: function () {
-            return this._disabled;
-        },
-        set: function (value) {
-            this._disabled = (value != null && value !== false) ? true : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdButtonToggleGroup.prototype, "value", {
-        get: function () {
-            return this._value;
-        },
-        set: function (newValue) {
-            if (this._value != newValue) {
-                this._value = newValue;
-                this._updateSelectedButtonToggleFromValue();
-                // Only emit a change event if the view is completely initialized.
-                // We don't want to emit a change event for the initial values.
-                if (this._isInitialized) {
-                    this._emitChangeEvent();
-                }
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdButtonToggleGroup.prototype, "selected", {
-        get: function () {
-            return this._selected;
-        },
-        set: function (selected) {
-            this._selected = selected;
-            this.value = selected ? selected.value : null;
-            if (selected && !selected.checked) {
-                selected.checked = true;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MdButtonToggleGroup.prototype._updateButtonToggleNames = function () {
-        var _this = this;
-        if (this._buttonToggles) {
-            this._buttonToggles.forEach(function (toggle) {
-                toggle.name = _this._name;
-            });
-        }
-    };
-    // TODO: Refactor into shared code with radio.
-    MdButtonToggleGroup.prototype._updateSelectedButtonToggleFromValue = function () {
-        var _this = this;
-        var isAlreadySelected = this._selected != null && this._selected.value == this._value;
-        if (this._buttonToggles != null && !isAlreadySelected) {
-            var matchingButtonToggle = this._buttonToggles.filter(function (buttonToggle) { return buttonToggle.value == _this._value; })[0];
-            if (matchingButtonToggle) {
-                this.selected = matchingButtonToggle;
-            }
-            else if (this.value == null) {
-                this.selected = null;
-                this._buttonToggles.forEach(function (buttonToggle) {
-                    buttonToggle.checked = false;
-                });
-            }
-        }
-    };
-    /** Dispatch change event with current selection and group value. */
-    MdButtonToggleGroup.prototype._emitChangeEvent = function () {
-        var event = new MdButtonToggleChange();
-        event.source = this._selected;
-        event.value = this._value;
-        this._controlValueAccessorChangeFn(event.value);
-        this._change.emit(event);
-    };
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    MdButtonToggleGroup.prototype.writeValue = function (value) {
-        this.value = value;
-    };
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    MdButtonToggleGroup.prototype.registerOnChange = function (fn) {
-        this._controlValueAccessorChangeFn = fn;
-    };
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    MdButtonToggleGroup.prototype.registerOnTouched = function (fn) {
-        this.onTouched = fn;
-    };
-    __decorate([
-        Output(), 
-        __metadata('design:type', Observable)
-    ], MdButtonToggleGroup.prototype, "change", null);
-    __decorate([
-        ContentChildren(forwardRef(function () { return MdButtonToggle; })), 
-        __metadata('design:type', QueryList)
-    ], MdButtonToggleGroup.prototype, "_buttonToggles", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdButtonToggleGroup.prototype, "name", null);
-    __decorate([
-        Input(),
-        BooleanFieldValue(), 
-        __metadata('design:type', Boolean)
-    ], MdButtonToggleGroup.prototype, "disabled", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdButtonToggleGroup.prototype, "value", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdButtonToggleGroup.prototype, "selected", null);
-    MdButtonToggleGroup = __decorate([
-        Directive({
-            selector: 'md-button-toggle-group:not([multiple])',
-            providers: [MD_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR],
-            host: {
-                'role': 'radiogroup',
-            },
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdButtonToggleGroup);
-    return MdButtonToggleGroup;
-}());
-/** Multiple selection button-toggle group. */
-export var MdButtonToggleGroupMultiple = (function () {
-    function MdButtonToggleGroupMultiple() {
-        /** Disables all toggles in the group. */
-        this._disabled = null;
-    }
-    Object.defineProperty(MdButtonToggleGroupMultiple.prototype, "disabled", {
-        get: function () {
-            return this._disabled;
-        },
-        set: function (value) {
-            this._disabled = (value != null && value !== false) ? true : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    __decorate([
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdButtonToggleGroupMultiple.prototype, "disabled", null);
-    MdButtonToggleGroupMultiple = __decorate([
-        Directive({
-            selector: 'md-button-toggle-group[multiple]',
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdButtonToggleGroupMultiple);
-    return MdButtonToggleGroupMultiple;
-}());
-export var MdButtonToggle = (function () {
-    function MdButtonToggle(toggleGroup, toggleGroupMultiple, buttonToggleDispatcher) {
-        var _this = this;
-        this.buttonToggleDispatcher = buttonToggleDispatcher;
-        /** Whether or not this button toggle is checked. */
-        this._checked = false;
-        /** Whether or not this button toggle is disabled. */
-        this._disabled = null;
-        /** Value assigned to this button toggle. */
-        this._value = null;
-        /** Whether or not the button toggle is a single selection. */
-        this._isSingleSelector = null;
-        /** Event emitted when the group value changes. */
-        this._change = new EventEmitter();
-        this.buttonToggleGroup = toggleGroup;
-        this.buttonToggleGroupMultiple = toggleGroupMultiple;
-        if (this.buttonToggleGroup) {
-            buttonToggleDispatcher.listen(function (id, name) {
-                if (id != _this.id && name == _this.name) {
-                    _this.checked = false;
-                }
-            });
-            this._type = 'radio';
-            this.name = this.buttonToggleGroup.name;
-            this._isSingleSelector = true;
-        }
-        else {
-            // Even if there is no group at all, treat the button toggle as a checkbox so it can be
-            // toggled on or off.
-            this._type = 'checkbox';
-            this._isSingleSelector = false;
-        }
-    }
-    Object.defineProperty(MdButtonToggle.prototype, "change", {
-        get: function () {
-            return this._change.asObservable();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MdButtonToggle.prototype.ngOnInit = function () {
-        if (this.id == null) {
-            this.id = "md-button-toggle-" + _uniqueIdCounter++;
-        }
-        if (this.buttonToggleGroup && this._value == this.buttonToggleGroup.value) {
-            this._checked = true;
-        }
-    };
-    Object.defineProperty(MdButtonToggle.prototype, "inputId", {
-        get: function () {
-            return this.id + "-input";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdButtonToggle.prototype, "checked", {
-        get: function () {
-            return this._checked;
-        },
-        set: function (newCheckedState) {
-            if (this._isSingleSelector) {
-                if (newCheckedState) {
-                    // Notify all button toggles with the same name (in the same group) to un-check.
-                    this.buttonToggleDispatcher.notify(this.id, this.name);
-                }
-            }
-            this._checked = newCheckedState;
-            if (newCheckedState && this._isSingleSelector && this.buttonToggleGroup.value != this.value) {
-                this.buttonToggleGroup.selected = this;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdButtonToggle.prototype, "value", {
-        /** MdButtonToggleGroup reads this to assign its own value. */
-        get: function () {
-            return this._value;
-        },
-        set: function (value) {
-            if (this._value != value) {
-                if (this.buttonToggleGroup != null && this.checked) {
-                    this.buttonToggleGroup.value = value;
-                }
-                this._value = value;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /** Dispatch change event with current value. */
-    MdButtonToggle.prototype._emitChangeEvent = function () {
-        var event = new MdButtonToggleChange();
-        event.source = this;
-        event.value = this._value;
-        this._change.emit(event);
-    };
-    Object.defineProperty(MdButtonToggle.prototype, "disabled", {
-        get: function () {
-            return this._disabled || (this.buttonToggleGroup != null && this.buttonToggleGroup.disabled) ||
-                (this.buttonToggleGroupMultiple != null && this.buttonToggleGroupMultiple.disabled);
-        },
-        set: function (value) {
-            this._disabled = (value != null && value !== false) ? true : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /** Toggle the state of the current button toggle. */
-    MdButtonToggle.prototype._toggle = function () {
-        this.checked = !this.checked;
-    };
-    /** Checks the button toggle due to an interaction with the underlying native input. */
-    MdButtonToggle.prototype._onInputChange = function (event) {
-        event.stopPropagation();
-        if (this._isSingleSelector) {
-            // Propagate the change one-way via the group, which will in turn mark this
-            // button toggle as checked.
-            this.checked = true;
-            this.buttonToggleGroup.selected = this;
-            this.buttonToggleGroup.onTouched();
-        }
-        else {
-            this._toggle();
-        }
-        // Emit a change event when the native input does.
-        this._emitChangeEvent();
-    };
-    /** TODO: internal */
-    MdButtonToggle.prototype._onInputClick = function (event) {
-        // 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();
-    };
-    __decorate([
-        HostBinding(),
-        Input(), 
-        __metadata('design:type', String)
-    ], MdButtonToggle.prototype, "id", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdButtonToggle.prototype, "name", void 0);
-    __decorate([
-        Output(), 
-        __metadata('design:type', Observable)
-    ], MdButtonToggle.prototype, "change", null);
-    __decorate([
-        HostBinding('class.md-button-toggle-checked'),
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdButtonToggle.prototype, "checked", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdButtonToggle.prototype, "value", null);
-    __decorate([
-        HostBinding('class.md-button-toggle-disabled'),
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdButtonToggle.prototype, "disabled", null);
-    MdButtonToggle = __decorate([
-        Component({selector: 'md-button-toggle',
-            template: "<label [attr.for]=\"inputId\" class=\"md-button-toggle-label\"> <input #input class=\"md-button-toggle-input md-visually-hidden\" [type]=\"_type\" [id]=\"inputId\" [checked]=\"checked\" [disabled]=\"disabled\" [name]=\"name\" (change)=\"_onInputChange($event)\" (click)=\"_onInputClick($event)\"> <div class=\"md-button-toggle-label-content\"> <ng-content></ng-content> </div> </label> ",
-            styles: ["md-button-toggle-group { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); position: relative; display: inline-flex; border-radius: 3px; cursor: pointer; white-space: nowrap; } .md-button-toggle-disabled .md-button-toggle-label-content { cursor: default; } md-button-toggle { white-space: nowrap; } .md-button-toggle-label-content { display: inline-block; line-height: 36px; padding: 0 16px; cursor: pointer; } .md-button-toggle-label-content > * { vertical-align: middle; } /*# sourceMappingURL=button-toggle.css.map */ "],
-            encapsulation: ViewEncapsulation.None,
-        }),
-        __param(0, Optional()),
-        __param(1, Optional()), 
-        __metadata('design:paramtypes', [MdButtonToggleGroup, MdButtonToggleGroupMultiple, MdUniqueSelectionDispatcher])
-    ], MdButtonToggle);
-    return MdButtonToggle;
-}());
-export var MdButtonToggleModule = (function () {
-    function MdButtonToggleModule() {
-    }
-    MdButtonToggleModule.forRoot = function () {
-        return {
-            ngModule: MdButtonToggleModule,
-            providers: [MdUniqueSelectionDispatcher]
-        };
-    };
-    MdButtonToggleModule = __decorate([
-        NgModule({
-            imports: [FormsModule],
-            exports: [MdButtonToggleGroup, MdButtonToggleGroupMultiple, MdButtonToggle],
-            declarations: [MdButtonToggleGroup, MdButtonToggleGroupMultiple, MdButtonToggle],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdButtonToggleModule);
-    return MdButtonToggleModule;
-}());
-
-//# sourceMappingURL=button-toggle.js.map

package/button-toggle/button-toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["button-toggle/button-toggle.ts"],"names":[],"mappings":"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","file":"button-toggle/button-toggle.js","sourcesContent":["import {\n    NgModule,\n    ModuleWithProviders,\n    Component,\n    ContentChildren,\n    Directive,\n    EventEmitter,\n    HostBinding,\n    Input,\n    OnInit,\n    Optional,\n    Output,\n    QueryList,\n    ViewEncapsulation,\n    forwardRef,\n    AfterViewInit\n} from '@angular/core';\nimport {\n    NG_VALUE_ACCESSOR,\n    ControlValueAccessor,\n    FormsModule,\n} from '@angular/forms';\nimport {Observable} from 'rxjs/Observable';\nimport {BooleanFieldValue, MdUniqueSelectionDispatcher} from '../core';\n\nexport type ToggleType = 'checkbox' | 'radio';\n\n\n\n/**\n * Provider Expression that allows md-button-toggle-group to register as a ControlValueAccessor.\n * This allows it to support [(ngModel)].\n */\nexport const MD_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => MdButtonToggleGroup),\n  multi: true\n};\n\nvar _uniqueIdCounter = 0;\n\n/** A simple change event emitted by either MdButtonToggle or MdButtonToggleGroup. */\nexport class MdButtonToggleChange {\n  source: MdButtonToggle;\n  value: any;\n}\n\n/** Exclusive selection button toggle group that behaves like a radio-button group. */\n@Directive({\n  selector: 'md-button-toggle-group:not([multiple])',\n  providers: [MD_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR],\n  host: {\n    'role': 'radiogroup',\n  },\n})\nexport class MdButtonToggleGroup implements AfterViewInit, ControlValueAccessor {\n  /** The value for the button toggle group. Should match currently selected button toggle. */\n  private _value: any = null;\n\n  /** The HTML name attribute applied to toggles in this group. */\n  private _name: string = `md-radio-group-${_uniqueIdCounter++}`;\n\n  /** Disables all toggles in the group. */\n  private _disabled: boolean = null;\n\n  /** The currently selected button toggle, should match the value. */\n  private _selected: MdButtonToggle = null;\n\n  /** Whether the button toggle group is initialized or not. */\n  private _isInitialized: boolean = false;\n\n  /** The method to be called in order to update ngModel. */\n  private _controlValueAccessorChangeFn: (value: any) => void = (value) => {};\n\n  /** onTouch function registered via registerOnTouch (ControlValueAccessor). */\n  onTouched: () => any = () => {};\n\n  /** Event emitted when the group's value changes. */\n  private _change: EventEmitter<MdButtonToggleChange> = new EventEmitter<MdButtonToggleChange>();\n  @Output() get change(): Observable<MdButtonToggleChange> {\n    return this._change.asObservable();\n  }\n\n  /** Child button toggle buttons. */\n  @ContentChildren(forwardRef(() => MdButtonToggle))\n  _buttonToggles: QueryList<MdButtonToggle> = null;\n\n  /** TODO: internal */\n  ngAfterViewInit() {\n    this._isInitialized = true;\n  }\n\n  @Input()\n  get name(): string {\n    return this._name;\n  }\n\n  set name(value: string) {\n    this._name = value;\n    this._updateButtonToggleNames();\n  }\n\n  @Input()\n  @BooleanFieldValue()\n  get disabled(): boolean {\n    return this._disabled;\n  }\n\n  set disabled(value) {\n    this._disabled = (value != null && value !== false) ? true : null;\n  }\n\n  @Input()\n  get value(): any {\n    return this._value;\n  }\n\n  set value(newValue: any) {\n    if (this._value != newValue) {\n      this._value = newValue;\n\n      this._updateSelectedButtonToggleFromValue();\n\n      // Only emit a change event if the view is completely initialized.\n      // We don't want to emit a change event for the initial values.\n      if (this._isInitialized) {\n        this._emitChangeEvent();\n      }\n    }\n  }\n\n  @Input()\n  get selected() {\n    return this._selected;\n  }\n\n  set selected(selected: MdButtonToggle) {\n    this._selected = selected;\n    this.value = selected ? selected.value : null;\n\n    if (selected && !selected.checked) {\n      selected.checked = true;\n    }\n  }\n\n  private _updateButtonToggleNames(): void {\n    if (this._buttonToggles) {\n      this._buttonToggles.forEach((toggle) => {\n        toggle.name = this._name;\n      });\n    }\n  }\n\n  // TODO: Refactor into shared code with radio.\n  private _updateSelectedButtonToggleFromValue(): void {\n    let isAlreadySelected = this._selected != null && this._selected.value == this._value;\n\n    if (this._buttonToggles != null && !isAlreadySelected) {\n      let matchingButtonToggle = this._buttonToggles.filter(\n          buttonToggle => buttonToggle.value == this._value)[0];\n\n      if (matchingButtonToggle) {\n        this.selected = matchingButtonToggle;\n      } else if (this.value == null) {\n        this.selected = null;\n        this._buttonToggles.forEach(buttonToggle => {\n          buttonToggle.checked = false;\n        });\n      }\n    }\n  }\n\n  /** Dispatch change event with current selection and group value. */\n  private _emitChangeEvent(): void {\n    let event = new MdButtonToggleChange();\n    event.source = this._selected;\n    event.value = this._value;\n    this._controlValueAccessorChangeFn(event.value);\n    this._change.emit(event);\n  }\n\n  /**\n   * Implemented as part of ControlValueAccessor.\n   * TODO: internal\n   */\n  writeValue(value: any) {\n    this.value = 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\n/** Multiple selection button-toggle group. */\n@Directive({\n  selector: 'md-button-toggle-group[multiple]',\n})\nexport class MdButtonToggleGroupMultiple {\n  /** Disables all toggles in the group. */\n  private _disabled: boolean = null;\n\n  @Input()\n  get disabled(): boolean {\n    return this._disabled;\n  }\n\n  set disabled(value) {\n    this._disabled = (value != null && value !== false) ? true : null;\n  }\n}\n\n@Component({\n  moduleId: module.id,\n  selector: 'md-button-toggle',\n  templateUrl: 'button-toggle.html',\n  styleUrls: ['button-toggle.css'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MdButtonToggle implements OnInit {\n  /** Whether or not this button toggle is checked. */\n  private _checked: boolean = false;\n\n  /** Type of the button toggle. Either 'radio' or 'checkbox'. */\n  _type: ToggleType;\n\n  /** The unique ID for this button toggle. */\n  @HostBinding()\n  @Input()\n  id: string;\n\n  /** HTML's 'name' attribute used to group radios for unique selection. */\n  @Input()\n  name: string;\n\n  /** Whether or not this button toggle is disabled. */\n  private _disabled: boolean = null;\n\n  /** Value assigned to this button toggle. */\n  private _value: any = null;\n\n  /** Whether or not the button toggle is a single selection. */\n  private _isSingleSelector: boolean = null;\n\n  /** The parent button toggle group (exclusive selection). Optional. */\n  buttonToggleGroup: MdButtonToggleGroup;\n\n  /** The parent button toggle group (multiple selection). Optional. */\n  buttonToggleGroupMultiple: MdButtonToggleGroupMultiple;\n\n  /** Event emitted when the group value changes. */\n  private _change: EventEmitter<MdButtonToggleChange> = new EventEmitter<MdButtonToggleChange>();\n  @Output() get change(): Observable<MdButtonToggleChange> {\n    return this._change.asObservable();\n  }\n\n  constructor(@Optional() toggleGroup: MdButtonToggleGroup,\n              @Optional() toggleGroupMultiple: MdButtonToggleGroupMultiple,\n              public buttonToggleDispatcher: MdUniqueSelectionDispatcher) {\n    this.buttonToggleGroup = toggleGroup;\n\n    this.buttonToggleGroupMultiple = toggleGroupMultiple;\n\n    if (this.buttonToggleGroup) {\n      buttonToggleDispatcher.listen((id: string, name: string) => {\n        if (id != this.id && name == this.name) {\n          this.checked = false;\n        }\n      });\n\n      this._type = 'radio';\n      this.name = this.buttonToggleGroup.name;\n      this._isSingleSelector = true;\n    } else {\n      // Even if there is no group at all, treat the button toggle as a checkbox so it can be\n      // toggled on or off.\n      this._type = 'checkbox';\n      this._isSingleSelector = false;\n    }\n  }\n\n  ngOnInit() {\n    if (this.id == null) {\n      this.id = `md-button-toggle-${_uniqueIdCounter++}`;\n    }\n\n    if (this.buttonToggleGroup && this._value == this.buttonToggleGroup.value) {\n      this._checked = true;\n    }\n  }\n\n  get inputId(): string {\n    return `${this.id}-input`;\n  }\n\n  @HostBinding('class.md-button-toggle-checked')\n  @Input()\n  get checked(): boolean {\n    return this._checked;\n  }\n\n  set checked(newCheckedState: boolean) {\n    if (this._isSingleSelector) {\n      if (newCheckedState) {\n        // Notify all button toggles with the same name (in the same group) to un-check.\n        this.buttonToggleDispatcher.notify(this.id, this.name);\n      }\n    }\n\n    this._checked = newCheckedState;\n\n    if (newCheckedState && this._isSingleSelector && this.buttonToggleGroup.value != this.value) {\n      this.buttonToggleGroup.selected = this;\n    }\n  }\n\n  /** MdButtonToggleGroup reads this to assign its own value. */\n  @Input()\n  get value(): any {\n    return this._value;\n  }\n\n  set value(value: any) {\n    if (this._value != value) {\n      if (this.buttonToggleGroup != null && this.checked) {\n        this.buttonToggleGroup.value = value;\n      }\n      this._value = value;\n    }\n  }\n\n  /** Dispatch change event with current value. */\n  private _emitChangeEvent(): void {\n    let event = new MdButtonToggleChange();\n    event.source = this;\n    event.value = this._value;\n    this._change.emit(event);\n  }\n\n  @HostBinding('class.md-button-toggle-disabled')\n  @Input()\n  get disabled(): boolean {\n    return this._disabled || (this.buttonToggleGroup != null && this.buttonToggleGroup.disabled) ||\n        (this.buttonToggleGroupMultiple != null && this.buttonToggleGroupMultiple.disabled);\n  }\n\n  set disabled(value: boolean) {\n    this._disabled = (value != null && value !== false) ? true : null;\n  }\n\n  /** Toggle the state of the current button toggle. */\n  private _toggle(): void {\n    this.checked = !this.checked;\n  }\n\n  /** Checks the button toggle due to an interaction with the underlying native input. */\n  _onInputChange(event: Event) {\n    event.stopPropagation();\n\n    if (this._isSingleSelector) {\n      // Propagate the change one-way via the group, which will in turn mark this\n      // button toggle as checked.\n      this.checked = true;\n      this.buttonToggleGroup.selected = this;\n      this.buttonToggleGroup.onTouched();\n    } else {\n      this._toggle();\n    }\n\n    // Emit a change event when the native input does.\n    this._emitChangeEvent();\n  }\n\n  /** TODO: internal */\n  _onInputClick(event: Event) {\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\n\n@NgModule({\n  imports: [FormsModule],\n  exports: [MdButtonToggleGroup, MdButtonToggleGroupMultiple, MdButtonToggle],\n  declarations: [MdButtonToggleGroup, MdButtonToggleGroupMultiple, MdButtonToggle],\n})\nexport class MdButtonToggleModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdButtonToggleModule,\n      providers: [MdUniqueSelectionDispatcher]\n    };\n  }\n}\n"],"sourceRoot":"/source/"}

package/button-toggle/button-toggle.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"MD_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MdButtonToggleGroup"},"multi":true},"MdButtonToggleGroup":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"md-button-toggle-group:not([multiple])","providers":[{"__symbolic":"reference","name":"MD_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR"}],"host":{"role":"radiogroup"}}]}],"members":{"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"_buttonToggles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"MdButtonToggle"}]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"name":[{"__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"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core","name":"BooleanFieldValue"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_updateButtonToggleNames":[{"__symbolic":"method"}],"_updateSelectedButtonToggleFromValue":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}},"MdButtonToggleGroupMultiple":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"md-button-toggle-group[multiple]"}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}},"MdButtonToggle":{"__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-button-toggle","templateUrl":"button-toggle.html","styleUrls":["button-toggle.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"}},{"__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","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null],"parameters":[{"__symbolic":"reference","name":"MdButtonToggleGroup"},{"__symbolic":"reference","name":"MdButtonToggleGroupMultiple"},{"__symbolic":"reference","module":"../core","name":"MdUniqueSelectionDispatcher"}]}],"ngOnInit":[{"__symbolic":"method"}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-button-toggle-checked"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_emitChangeEvent":[{"__symbolic":"method"}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-button-toggle-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_toggle":[{"__symbolic":"method"}],"_onInputChange":[{"__symbolic":"method"}],"_onInputClick":[{"__symbolic":"method"}]}},"MdButtonToggleModule":{"__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":"MdButtonToggleGroup"},{"__symbolic":"reference","name":"MdButtonToggleGroupMultiple"},{"__symbolic":"reference","name":"MdButtonToggle"}],"declarations":[{"__symbolic":"reference","name":"MdButtonToggleGroup"},{"__symbolic":"reference","name":"MdButtonToggleGroupMultiple"},{"__symbolic":"reference","name":"MdButtonToggle"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdButtonToggleModule"},"providers":[{"__symbolic":"reference","module":"../core","name":"MdUniqueSelectionDispatcher"}]}}}}}}

package/button-toggle/button-toggle.scss

@@ -1,34 +0,0 @@
-@import '../core/style/elevation';
-
-
-$md-button-toggle-padding: 0 16px !default;
-$md-button-toggle-line-height: 36px !default;
-$md-button-toggle-border-radius: 3px !default;
-
-md-button-toggle-group {
-  @include md-elevation(2);
-  position: relative;
-  display: inline-flex;
-  border-radius: $md-button-toggle-border-radius;
-  cursor: pointer;
-  white-space: nowrap;
-}
-
-.md-button-toggle-disabled .md-button-toggle-label-content {
-  cursor: default;
-}
-
-md-button-toggle {
-  white-space: nowrap;
-}
-
-.md-button-toggle-label-content {
-  display: inline-block;
-  line-height: $md-button-toggle-line-height;
-  padding: $md-button-toggle-padding;
-  cursor: pointer;
-}
-
-.md-button-toggle-label-content > * {
-  vertical-align: middle;
-}