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

package/radio/radio.js

@@ -1,552 +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 { Component, ContentChildren, Directive, ElementRef, Renderer, EventEmitter, HostBinding, Input, Optional, Output, QueryList, ViewEncapsulation, forwardRef, NgModule, ViewChild } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { MdRippleModule, UniqueSelectionDispatcher, DefaultStyleCompatibilityModeModule } from '../core';
-import { coerceBooleanProperty } from '../core/coercion/boolean-property';
-import { ViewportRuler } from '../core/overlay/position/viewport-ruler';
-/**
- * Provider Expression that allows md-radio-group to register as a ControlValueAccessor. This
- * allows it to support [(ngModel)] and ngControl.
- * @docs-private
- */
-export var MD_RADIO_GROUP_CONTROL_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return MdRadioGroup; }),
-    multi: true
-};
-var _uniqueIdCounter = 0;
-/** Change event object emitted by MdRadio and MdRadioGroup. */
-export var MdRadioChange = (function () {
-    function MdRadioChange() {
-    }
-    return MdRadioChange;
-}());
-/**
- * A group of radio buttons. May contain one or more `<md-radio-button>` elements.
- */
-export var MdRadioGroup = (function () {
-    function MdRadioGroup() {
-        /**
-         * Selected value for group. Should equal the value of the selected radio button if there *is*
-         * a corresponding radio button with a matching value. If there is *not* such a corresponding
-         * radio button, this value persists to be applied in case a new radio button is added with a
-         * matching value.
-         */
-        this._value = null;
-        /** The HTML name attribute applied to radio buttons in this group. */
-        this._name = "md-radio-group-" + _uniqueIdCounter++;
-        /** Disables all individual radio buttons assigned to this group. */
-        this._disabled = false;
-        /** The currently selected radio button. Should match value. */
-        this._selected = null;
-        /** Whether the `value` has been set to its initial value. */
-        this._isInitialized = false;
-        /** The method to be called in order to update ngModel */
-        this._controlValueAccessorChangeFn = function (value) { };
-        /**
-         * onTouch function registered via registerOnTouch (ControlValueAccessor).
-         * @docs-private
-         */
-        this.onTouched = function () { };
-        /**
-         * Event emitted when the group value changes.
-         * Change events are only emitted when the value changes due to user interaction with
-         * a radio button (the same behavior as `<input type-"radio">`).
-         */
-        this.change = new EventEmitter();
-        /** Child radio buttons. */
-        this._radios = null;
-        /** Whether the labels should appear after or before the radio-buttons. Defaults to 'after' */
-        this.labelPosition = 'after';
-    }
-    Object.defineProperty(MdRadioGroup.prototype, "name", {
-        /** Name of the radio button group. All radio buttons inside this group will use this name. */
-        get: function () { return this._name; },
-        set: function (value) {
-            this._name = value;
-            this._updateRadioButtonNames();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdRadioGroup.prototype, "align", {
-        /**
-         * Alignment of the radio-buttons relative to their labels. Can be 'before' or 'after'.
-         * @deprecated
-         */
-        get: function () {
-            // align refers to the checkbox relative to the label, while labelPosition refers to the
-            // label relative to the checkbox. As such, they are inverted.
-            return this.labelPosition == 'after' ? 'start' : 'end';
-        },
-        set: function (v) {
-            this.labelPosition = (v == 'start') ? 'after' : 'before';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdRadioGroup.prototype, "disabled", {
-        /** Whether the radio button is disabled. */
-        get: function () { return this._disabled; },
-        set: function (value) {
-            // The presence of *any* disabled value makes the component disabled, *except* for false.
-            this._disabled = (value != null && value !== false) ? true : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdRadioGroup.prototype, "value", {
-        /** Value of the radio button. */
-        get: function () { return this._value; },
-        set: function (newValue) {
-            if (this._value != newValue) {
-                // Set this before proceeding to ensure no circular loop occurs with selection.
-                this._value = newValue;
-                this._updateSelectedRadioFromValue();
-                this._checkSelectedRadioButton();
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MdRadioGroup.prototype._checkSelectedRadioButton = function () {
-        if (this.selected && !this._selected.checked) {
-            this._selected.checked = true;
-        }
-    };
-    Object.defineProperty(MdRadioGroup.prototype, "selected", {
-        /** Whether the radio button is selected. */
-        get: function () { return this._selected; },
-        set: function (selected) {
-            this._selected = selected;
-            this.value = selected ? selected.value : null;
-            this._checkSelectedRadioButton();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Initialize properties once content children are available.
-     * This allows us to propagate relevant attributes to associated buttons.
-     */
-    MdRadioGroup.prototype.ngAfterContentInit = function () {
-        // Mark this component as initialized in AfterContentInit because the initial value can
-        // possibly be set by NgModel on MdRadioGroup, and it is possible that the OnInit of the
-        // NgModel occurs *after* the OnInit of the MdRadioGroup.
-        this._isInitialized = true;
-    };
-    /**
-     * Mark this group as being "touched" (for ngModel). Meant to be called by the contained
-     * radio buttons upon their blur.
-     */
-    MdRadioGroup.prototype._touch = function () {
-        if (this.onTouched) {
-            this.onTouched();
-        }
-    };
-    MdRadioGroup.prototype._updateRadioButtonNames = function () {
-        var _this = this;
-        if (this._radios) {
-            this._radios.forEach(function (radio) {
-                radio.name = _this.name;
-            });
-        }
-    };
-    /** Updates the `selected` radio button from the internal _value state. */
-    MdRadioGroup.prototype._updateSelectedRadioFromValue = function () {
-        var _this = this;
-        // If the value already matches the selected radio, do nothing.
-        var isAlreadySelected = this._selected != null && this._selected.value == this._value;
-        if (this._radios != null && !isAlreadySelected) {
-            this._selected = null;
-            this._radios.forEach(function (radio) {
-                radio.checked = _this.value == radio.value;
-                if (radio.checked) {
-                    _this._selected = radio;
-                }
-            });
-        }
-    };
-    /** Dispatch change event with current selection and group value. */
-    MdRadioGroup.prototype._emitChangeEvent = function () {
-        if (this._isInitialized) {
-            var event_1 = new MdRadioChange();
-            event_1.source = this._selected;
-            event_1.value = this._value;
-            this.change.emit(event_1);
-        }
-    };
-    /**
-     * Sets the model value. Implemented as part of ControlValueAccessor.
-     * @param value
-     */
-    MdRadioGroup.prototype.writeValue = function (value) {
-        this.value = value;
-    };
-    /**
-     * Registers a callback to be triggered when the model value changes.
-     * Implemented as part of ControlValueAccessor.
-     * @param fn Callback to be registered.
-     */
-    MdRadioGroup.prototype.registerOnChange = function (fn) {
-        this._controlValueAccessorChangeFn = fn;
-    };
-    /**
-     * Registers a callback to be triggered when the control is touched.
-     * Implemented as part of ControlValueAccessor.
-     * @param fn Callback to be registered.
-     */
-    MdRadioGroup.prototype.registerOnTouched = function (fn) {
-        this.onTouched = fn;
-    };
-    /**
-     * Sets the disabled state of the control. Implemented as a part of ControlValueAccessor.
-     * @param isDisabled Whether the control should be disabled.
-     */
-    MdRadioGroup.prototype.setDisabledState = function (isDisabled) {
-        this.disabled = isDisabled;
-    };
-    __decorate([
-        Output(), 
-        __metadata('design:type', EventEmitter)
-    ], MdRadioGroup.prototype, "change", void 0);
-    __decorate([
-        ContentChildren(forwardRef(function () { return MdRadioButton; })), 
-        __metadata('design:type', QueryList)
-    ], MdRadioGroup.prototype, "_radios", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdRadioGroup.prototype, "name", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdRadioGroup.prototype, "align", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdRadioGroup.prototype, "labelPosition", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdRadioGroup.prototype, "disabled", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdRadioGroup.prototype, "value", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdRadioGroup.prototype, "selected", null);
-    MdRadioGroup = __decorate([
-        Directive({
-            selector: 'md-radio-group, mat-radio-group',
-            providers: [MD_RADIO_GROUP_CONTROL_VALUE_ACCESSOR],
-            host: {
-                'role': 'radiogroup',
-            },
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdRadioGroup);
-    return MdRadioGroup;
-}());
-/**
- * A radio-button. May be inside of
- */
-export var MdRadioButton = (function () {
-    function MdRadioButton(radioGroup, _elementRef, _renderer, radioDispatcher) {
-        // Assertions. Ideally these should be stripped out by the compiler.
-        // TODO(jelbourn): Assert that there's no name binding AND a parent radio group.
-        var _this = this;
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-        this.radioDispatcher = radioDispatcher;
-        /** Whether this radio is checked. */
-        this._checked = false;
-        /** The unique ID for the radio button. */
-        this.id = "md-radio-" + _uniqueIdCounter++;
-        /** Value assigned to this radio.*/
-        this._value = null;
-        /**
-         * Event emitted when the checked state of this radio button changes.
-         * Change events are only emitted when the value changes due to user interaction with
-         * the radio button (the same behavior as `<input type-"radio">`).
-         */
-        this.change = new EventEmitter();
-        this.radioGroup = radioGroup;
-        radioDispatcher.listen(function (id, name) {
-            if (id != _this.id && name == _this.name) {
-                _this.checked = false;
-            }
-        });
-    }
-    Object.defineProperty(MdRadioButton.prototype, "disableRipple", {
-        /** Whether the ripple effect for this radio button is disabled. */
-        get: function () { return this._disableRipple; },
-        set: function (value) { this._disableRipple = coerceBooleanProperty(value); },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdRadioButton.prototype, "inputId", {
-        /** ID of the native input element inside `<md-radio-button>` */
-        get: function () {
-            return this.id + "-input";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdRadioButton.prototype, "checked", {
-        /** Whether this radio button is checked. */
-        get: function () {
-            return this._checked;
-        },
-        set: function (newCheckedState) {
-            if (this._checked != newCheckedState) {
-                this._checked = newCheckedState;
-                if (newCheckedState && this.radioGroup && this.radioGroup.value != this.value) {
-                    this.radioGroup.selected = this;
-                }
-                else if (!newCheckedState && this.radioGroup && this.radioGroup.value == this.value) {
-                    // When unchecking the selected radio button, update the selected radio
-                    // property on the group.
-                    this.radioGroup.selected = null;
-                }
-                if (newCheckedState) {
-                    // Notify all radio buttons with the same name to un-check.
-                    this.radioDispatcher.notify(this.id, this.name);
-                }
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdRadioButton.prototype, "value", {
-        /** The value of this radio button. */
-        get: function () {
-            return this._value;
-        },
-        set: function (value) {
-            if (this._value != value) {
-                this._value = value;
-                if (this.radioGroup != null) {
-                    if (!this.checked) {
-                        // Update checked when the value changed to match the radio group's value
-                        this.checked = this.radioGroup.value == value;
-                    }
-                    if (this.checked) {
-                        this.radioGroup.selected = this;
-                    }
-                }
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdRadioButton.prototype, "align", {
-        /**
-         * Whether or not the radio-button should appear before or after the label.
-         * @deprecated
-         */
-        get: function () {
-            // align refers to the checkbox relative to the label, while labelPosition refers to the
-            // label relative to the checkbox. As such, they are inverted.
-            return this.labelPosition == 'after' ? 'start' : 'end';
-        },
-        set: function (v) {
-            this.labelPosition = (v == 'start') ? 'after' : 'before';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdRadioButton.prototype, "labelPosition", {
-        /** Whether the label should appear after or before the radio button. Defaults to 'after' */
-        get: function () {
-            return this._labelPosition || (this.radioGroup && this.radioGroup.labelPosition) || 'after';
-        },
-        set: function (value) {
-            this._labelPosition = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdRadioButton.prototype, "disabled", {
-        /** Whether the radio button is disabled. */
-        get: function () {
-            return this._disabled || (this.radioGroup != null && this.radioGroup.disabled);
-        },
-        set: function (value) {
-            // The presence of *any* disabled value makes the component disabled, *except* for false.
-            this._disabled = (value != null && value !== false) ? true : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MdRadioButton.prototype.ngOnInit = function () {
-        if (this.radioGroup) {
-            // If the radio is inside a radio group, determine if it should be checked
-            this.checked = this.radioGroup.value === this._value;
-            // Copy name from parent radio group
-            this.name = this.radioGroup.name;
-        }
-    };
-    /** Dispatch change event with current value. */
-    MdRadioButton.prototype._emitChangeEvent = function () {
-        var event = new MdRadioChange();
-        event.source = this;
-        event.value = this._value;
-        this.change.emit(event);
-    };
-    MdRadioButton.prototype._isRippleDisabled = function () {
-        return this.disableRipple || this.disabled;
-    };
-    /**
-     * We use a hidden native input field to handle changes to focus state via keyboard navigation,
-     * with visual rendering done separately. The native element is kept in sync with the overall
-     * state of the component.
-     */
-    MdRadioButton.prototype._onInputFocus = function () {
-        this._isFocused = true;
-    };
-    /** Focuses the radio button. */
-    MdRadioButton.prototype.focus = function () {
-        this._renderer.invokeElementMethod(this._inputElement.nativeElement, 'focus');
-        this._onInputFocus();
-    };
-    MdRadioButton.prototype._onInputBlur = function () {
-        this._isFocused = false;
-        if (this.radioGroup) {
-            this.radioGroup._touch();
-        }
-    };
-    MdRadioButton.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 `radio-button` 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();
-    };
-    /**
-     * Triggered when the radio button received a click or the input recognized any change.
-     * Clicking on a label element, will trigger a change event on the associated input.
-     */
-    MdRadioButton.prototype._onInputChange = 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 `change` output.
-        event.stopPropagation();
-        var groupValueChanged = this.radioGroup && this.value != this.radioGroup.value;
-        this.checked = true;
-        this._emitChangeEvent();
-        if (this.radioGroup) {
-            this.radioGroup._controlValueAccessorChangeFn(this.value);
-            this.radioGroup._touch();
-            if (groupValueChanged) {
-                this.radioGroup._emitChangeEvent();
-            }
-        }
-    };
-    MdRadioButton.prototype._getHostElement = function () {
-        return this._elementRef.nativeElement;
-    };
-    __decorate([
-        HostBinding('class.md-radio-focused'), 
-        __metadata('design:type', Boolean)
-    ], MdRadioButton.prototype, "_isFocused", void 0);
-    __decorate([
-        HostBinding('id'),
-        Input(), 
-        __metadata('design:type', String)
-    ], MdRadioButton.prototype, "id", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdRadioButton.prototype, "name", void 0);
-    __decorate([
-        Input('aria-label'), 
-        __metadata('design:type', String)
-    ], MdRadioButton.prototype, "ariaLabel", void 0);
-    __decorate([
-        Input('aria-labelledby'), 
-        __metadata('design:type', String)
-    ], MdRadioButton.prototype, "ariaLabelledby", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdRadioButton.prototype, "disableRipple", null);
-    __decorate([
-        Output(), 
-        __metadata('design:type', EventEmitter)
-    ], MdRadioButton.prototype, "change", void 0);
-    __decorate([
-        ViewChild('input'), 
-        __metadata('design:type', ElementRef)
-    ], MdRadioButton.prototype, "_inputElement", void 0);
-    __decorate([
-        HostBinding('class.md-radio-checked'),
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdRadioButton.prototype, "checked", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdRadioButton.prototype, "value", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdRadioButton.prototype, "align", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdRadioButton.prototype, "labelPosition", null);
-    __decorate([
-        HostBinding('class.md-radio-disabled'),
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdRadioButton.prototype, "disabled", null);
-    MdRadioButton = __decorate([
-        Component({selector: 'md-radio-button, mat-radio-button',
-            template: "<label [attr.for]=\"inputId\" class=\"md-radio-label\"><div class=\"md-radio-container\"><div class=\"md-radio-outer-circle\"></div><div class=\"md-radio-inner-circle\"></div><div md-ripple *ngIf=\"!_isRippleDisabled()\" class=\"md-radio-ripple\" [mdRippleTrigger]=\"_getHostElement()\" [mdRippleCentered]=\"true\" [mdRippleSpeedFactor]=\"0.3\" mdRippleBackgroundColor=\"rgba(0, 0, 0, 0)\"></div></div><input #input class=\"md-radio-input cdk-visually-hidden\" type=\"radio\" [id]=\"inputId\" [checked]=\"checked\" [disabled]=\"disabled\" [name]=\"name\" [attr.aria-label]=\"ariaLabel\" [attr.aria-labelledby]=\"ariaLabelledby\" (change)=\"_onInputChange($event)\" (focus)=\"_onInputFocus()\" (blur)=\"_onInputBlur()\" (click)=\"_onInputClick($event)\"><div class=\"md-radio-label-content\" [class.md-radio-label-before]=\"labelPosition == 'before'\"><ng-content></ng-content></div></label>",
-            styles: ["md-radio-button{display:inline-block}.md-radio-label{cursor:pointer;display:inline-flex;align-items:baseline;white-space:nowrap}.md-radio-container{box-sizing:border-box;display:inline-block;height:20px;position:relative;width:20px;top:2px}.md-radio-inner-circle,.md-radio-outer-circle{box-sizing:border-box;height:20px;left:0;top:0;width:20px;position:absolute}.md-radio-outer-circle{border:2px solid;border-radius:50%;transition:border-color ease 280ms}.md-radio-inner-circle{border-radius:50%;transition:transform ease 280ms,background-color ease 280ms;transform:scale(0)}.md-radio-checked .md-radio-inner-circle{transform:scale(.5)}.md-radio-label-content{display:inline-block;order:0;line-height:inherit;padding-left:8px;padding-right:0}[dir=rtl] .md-radio-label-content{padding-right:8px;padding-left:0}.md-radio-label-content.md-radio-label-before{order:-1;padding-left:0;padding-right:8px}[dir=rtl] .md-radio-label-content.md-radio-label-before{padding-right:0;padding-left:8px}.md-radio-disabled,.md-radio-disabled .md-radio-label{cursor:default}.md-radio-ripple{position:absolute;left:-15px;top:-15px;right:-15px;bottom:-15px;border-radius:50%;z-index:1;pointer-events:none}"],
-            encapsulation: ViewEncapsulation.None
-        }),
-        __param(0, Optional()), 
-        __metadata('design:paramtypes', [MdRadioGroup, ElementRef, Renderer, UniqueSelectionDispatcher])
-    ], MdRadioButton);
-    return MdRadioButton;
-}());
-export var MdRadioModule = (function () {
-    function MdRadioModule() {
-    }
-    MdRadioModule.forRoot = function () {
-        return {
-            ngModule: MdRadioModule,
-            providers: [UniqueSelectionDispatcher, ViewportRuler],
-        };
-    };
-    MdRadioModule = __decorate([
-        NgModule({
-            imports: [CommonModule, MdRippleModule, DefaultStyleCompatibilityModeModule],
-            exports: [MdRadioGroup, MdRadioButton, DefaultStyleCompatibilityModeModule],
-            declarations: [MdRadioGroup, MdRadioButton],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdRadioModule);
-    return MdRadioModule;
-}());
-
-//# sourceMappingURL=radio.js.map

package/radio/radio.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["radio/radio.ts"],"names":[],"mappings":"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","file":"radio.js","sourcesContent":["import {\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  Directive,\n  ElementRef,\n  Renderer,\n  EventEmitter,\n  HostBinding,\n  Input,\n  OnInit,\n  Optional,\n  Output,\n  QueryList,\n  ViewEncapsulation,\n  forwardRef,\n  NgModule,\n  ModuleWithProviders,\n  ViewChild,\n} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {NG_VALUE_ACCESSOR, ControlValueAccessor} from '@angular/forms';\nimport {\n  MdRippleModule,\n  UniqueSelectionDispatcher,\n  DefaultStyleCompatibilityModeModule,\n} from '../core';\nimport {coerceBooleanProperty} from '../core/coercion/boolean-property';\nimport {ViewportRuler} from '../core/overlay/position/viewport-ruler';\n\n\n/**\n * Provider Expression that allows md-radio-group to register as a ControlValueAccessor. This\n * allows it to support [(ngModel)] and ngControl.\n * @docs-private\n */\nexport const MD_RADIO_GROUP_CONTROL_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => MdRadioGroup),\n  multi: true\n};\n\nvar _uniqueIdCounter = 0;\n\n/** Change event object emitted by MdRadio and MdRadioGroup. */\nexport class MdRadioChange {\n  source: MdRadioButton;\n  value: any;\n}\n\n/**\n * A group of radio buttons. May contain one or more `<md-radio-button>` elements.\n */\n@Directive({\n  selector: 'md-radio-group, mat-radio-group',\n  providers: [MD_RADIO_GROUP_CONTROL_VALUE_ACCESSOR],\n  host: {\n    'role': 'radiogroup',\n  },\n})\nexport class MdRadioGroup implements AfterContentInit, ControlValueAccessor {\n  /**\n   * Selected value for group. Should equal the value of the selected radio button if there *is*\n   * a corresponding radio button with a matching value. If there is *not* such a corresponding\n   * radio button, this value persists to be applied in case a new radio button is added with a\n   * matching value.\n   */\n  private _value: any = null;\n\n  /** The HTML name attribute applied to radio buttons in this group. */\n  private _name: string = `md-radio-group-${_uniqueIdCounter++}`;\n\n  /** Disables all individual radio buttons assigned to this group. */\n  private _disabled: boolean = false;\n\n  /** The currently selected radio button. Should match value. */\n  private _selected: MdRadioButton = null;\n\n  /** Whether the `value` has been set to its initial value. */\n  private _isInitialized: boolean = false;\n\n  /** The method to be called in order to update ngModel */\n  _controlValueAccessorChangeFn: (value: any) => void = (value) => {};\n\n  /**\n   * onTouch function registered via registerOnTouch (ControlValueAccessor).\n   * @docs-private\n   */\n  onTouched: () => any = () => {};\n\n  /**\n   * Event emitted when the group value changes.\n   * Change events are only emitted when the value changes due to user interaction with\n   * a radio button (the same behavior as `<input type-\"radio\">`).\n   */\n  @Output()\n  change: EventEmitter<MdRadioChange> = new EventEmitter<MdRadioChange>();\n\n  /** Child radio buttons. */\n  @ContentChildren(forwardRef(() => MdRadioButton))\n  _radios: QueryList<MdRadioButton> = null;\n\n  /** Name of the radio button group. All radio buttons inside this group will use this name. */\n  @Input()\n  get name(): string { return this._name; }\n  set name(value: string) {\n    this._name = value;\n    this._updateRadioButtonNames();\n  }\n\n  /**\n   * Alignment of the radio-buttons relative to their labels. Can be 'before' or 'after'.\n   * @deprecated\n   */\n  @Input()\n  get align(): 'start' | 'end' {\n    // align refers to the checkbox relative to the label, while labelPosition refers to the\n    // label relative to the checkbox. As such, they are inverted.\n    return this.labelPosition == 'after' ? 'start' : 'end';\n  }\n\n  set align(v) {\n    this.labelPosition = (v == 'start') ? 'after' : 'before';\n  }\n\n  /** Whether the labels should appear after or before the radio-buttons. Defaults to 'after' */\n  @Input() labelPosition: 'before' | 'after' = 'after';\n\n  /** Whether the radio button is disabled. */\n  @Input()\n  get disabled(): boolean { return this._disabled; }\n  set disabled(value) {\n    // The presence of *any* disabled value makes the component disabled, *except* for false.\n    this._disabled = (value != null && value !== false) ? true : null;\n  }\n\n  /** Value of the radio button. */\n  @Input()\n  get value(): any { return this._value; }\n  set value(newValue: any) {\n    if (this._value != newValue) {\n      // Set this before proceeding to ensure no circular loop occurs with selection.\n      this._value = newValue;\n\n      this._updateSelectedRadioFromValue();\n      this._checkSelectedRadioButton();\n    }\n  }\n\n  _checkSelectedRadioButton() {\n    if (this.selected && !this._selected.checked) {\n      this._selected.checked = true;\n    }\n  }\n\n  /** Whether the radio button is selected. */\n  @Input()\n  get selected() { return this._selected; }\n  set selected(selected: MdRadioButton) {\n    this._selected = selected;\n    this.value = selected ? selected.value : null;\n    this._checkSelectedRadioButton();\n  }\n\n  /**\n   * Initialize properties once content children are available.\n   * This allows us to propagate relevant attributes to associated buttons.\n   */\n  ngAfterContentInit() {\n    // Mark this component as initialized in AfterContentInit because the initial value can\n    // possibly be set by NgModel on MdRadioGroup, and it is possible that the OnInit of the\n    // NgModel occurs *after* the OnInit of the MdRadioGroup.\n    this._isInitialized = true;\n  }\n\n  /**\n   * Mark this group as being \"touched\" (for ngModel). Meant to be called by the contained\n   * radio buttons upon their blur.\n   */\n  _touch() {\n    if (this.onTouched) {\n      this.onTouched();\n    }\n  }\n\n  private _updateRadioButtonNames(): void {\n    if (this._radios) {\n      this._radios.forEach(radio => {\n        radio.name = this.name;\n      });\n    }\n  }\n\n  /** Updates the `selected` radio button from the internal _value state. */\n  private _updateSelectedRadioFromValue(): void {\n    // If the value already matches the selected radio, do nothing.\n    let isAlreadySelected = this._selected != null && this._selected.value == this._value;\n\n    if (this._radios != null && !isAlreadySelected) {\n      this._selected = null;\n      this._radios.forEach(radio => {\n        radio.checked = this.value == radio.value;\n        if (radio.checked) {\n          this._selected = radio;\n        }\n      });\n    }\n  }\n\n  /** Dispatch change event with current selection and group value. */\n  _emitChangeEvent(): void {\n    if (this._isInitialized) {\n      let event = new MdRadioChange();\n      event.source = this._selected;\n      event.value = this._value;\n      this.change.emit(event);\n    }\n  }\n\n  /**\n   * Sets the model value. Implemented as part of ControlValueAccessor.\n   * @param value\n   */\n  writeValue(value: any) {\n    this.value = value;\n  }\n\n  /**\n   * Registers a callback to be triggered when the model value changes.\n   * Implemented as part of ControlValueAccessor.\n   * @param fn Callback to be registered.\n   */\n  registerOnChange(fn: (value: any) => void) {\n    this._controlValueAccessorChangeFn = fn;\n  }\n\n  /**\n   * Registers a callback to be triggered when the control is touched.\n   * Implemented as part of ControlValueAccessor.\n   * @param fn Callback to be registered.\n   */\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  /**\n   * Sets the disabled state of the control. Implemented as a part of ControlValueAccessor.\n   * @param isDisabled Whether the control should be disabled.\n   */\n  setDisabledState(isDisabled: boolean) {\n    this.disabled = isDisabled;\n  }\n}\n\n/**\n * A radio-button. May be inside of\n */\n@Component({\n  moduleId: module.id,\n  selector: 'md-radio-button, mat-radio-button',\n  templateUrl: 'radio.html',\n  styleUrls: ['radio.css'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class MdRadioButton implements OnInit {\n\n  @HostBinding('class.md-radio-focused')\n  _isFocused: boolean;\n\n  /** Whether this radio is checked. */\n  private _checked: boolean = false;\n\n  /** The unique ID for the radio button. */\n  @HostBinding('id')\n  @Input()\n  id: string = `md-radio-${_uniqueIdCounter++}`;\n\n  /** Analog to HTML 'name' attribute used to group radios for unique selection. */\n  @Input()\n  name: string;\n\n  /** Used to set the 'aria-label' attribute on the underlying input element. */\n  @Input('aria-label') ariaLabel: string;\n\n  /** The 'aria-labelledby' attribute takes precedence as the element's text alternative. */\n  @Input('aria-labelledby') ariaLabelledby: string;\n\n  /** Whether this radio is disabled. */\n  private _disabled: boolean;\n\n  /** Value assigned to this radio.*/\n  private _value: any = null;\n\n  /** Whether the ripple effect on click should be disabled. */\n  private _disableRipple: boolean;\n\n  /** The parent radio group. May or may not be present. */\n  radioGroup: MdRadioGroup;\n\n  /** Whether the ripple effect for this radio button is disabled. */\n  @Input()\n  get disableRipple(): boolean { return this._disableRipple; }\n  set disableRipple(value) { this._disableRipple = coerceBooleanProperty(value); }\n\n  /**\n   * Event emitted when the checked state of this radio button changes.\n   * Change events are only emitted when the value changes due to user interaction with\n   * the radio button (the same behavior as `<input type-\"radio\">`).\n   */\n  @Output()\n  change: EventEmitter<MdRadioChange> = new EventEmitter<MdRadioChange>();\n\n  /** The native `<input type=radio>` element */\n  @ViewChild('input') _inputElement: ElementRef;\n\n  constructor(@Optional() radioGroup: MdRadioGroup,\n              private _elementRef: ElementRef,\n              private _renderer: Renderer,\n              public radioDispatcher: UniqueSelectionDispatcher) {\n    // Assertions. Ideally these should be stripped out by the compiler.\n    // TODO(jelbourn): Assert that there's no name binding AND a parent radio group.\n\n    this.radioGroup = radioGroup;\n\n    radioDispatcher.listen((id: string, name: string) => {\n      if (id != this.id && name == this.name) {\n        this.checked = false;\n      }\n    });\n  }\n\n  /** ID of the native input element inside `<md-radio-button>` */\n  get inputId(): string {\n    return `${this.id}-input`;\n  }\n\n  /** Whether this radio button is checked. */\n  @HostBinding('class.md-radio-checked')\n  @Input()\n  get checked(): boolean {\n    return this._checked;\n  }\n\n  set checked(newCheckedState: boolean) {\n    if (this._checked != newCheckedState) {\n      this._checked = newCheckedState;\n\n      if (newCheckedState && this.radioGroup && this.radioGroup.value != this.value) {\n        this.radioGroup.selected = this;\n      } else if (!newCheckedState && this.radioGroup && this.radioGroup.value == this.value) {\n        // When unchecking the selected radio button, update the selected radio\n        // property on the group.\n        this.radioGroup.selected = null;\n      }\n\n      if (newCheckedState) {\n        // Notify all radio buttons with the same name to un-check.\n        this.radioDispatcher.notify(this.id, this.name);\n      }\n    }\n  }\n\n  /** The value of this radio button. */\n  @Input()\n  get value(): any {\n    return this._value;\n  }\n\n  set value(value: any) {\n    if (this._value != value) {\n      this._value = value;\n      if (this.radioGroup != null) {\n        if (!this.checked) {\n          // Update checked when the value changed to match the radio group's value\n          this.checked = this.radioGroup.value == value;\n        }\n        if (this.checked) {\n          this.radioGroup.selected = this;\n        }\n      }\n\n    }\n  }\n\n  /**\n   * Whether or not the radio-button should appear before or after the label.\n   * @deprecated\n   */\n  @Input()\n  get align(): 'start' | 'end' {\n    // align refers to the checkbox relative to the label, while labelPosition refers to the\n    // label relative to the checkbox. As such, they are inverted.\n    return this.labelPosition == 'after' ? 'start' : 'end';\n  }\n\n  set align(v) {\n    this.labelPosition = (v == 'start') ? 'after' : 'before';\n  }\n\n  private _labelPosition: 'before' | 'after';\n\n  /** Whether the label should appear after or before the radio button. Defaults to 'after' */\n  @Input()\n  get labelPosition(): 'before' | 'after' {\n    return this._labelPosition || (this.radioGroup && this.radioGroup.labelPosition) || 'after';\n  }\n\n  set labelPosition(value) {\n    this._labelPosition = value;\n  }\n\n  /** Whether the radio button is disabled. */\n  @HostBinding('class.md-radio-disabled')\n  @Input()\n  get disabled(): boolean {\n    return this._disabled || (this.radioGroup != null && this.radioGroup.disabled);\n  }\n\n  set disabled(value: boolean) {\n    // The presence of *any* disabled value makes the component disabled, *except* for false.\n    this._disabled = (value != null && value !== false) ? true : null;\n  }\n\n  ngOnInit() {\n    if (this.radioGroup) {\n      // If the radio is inside a radio group, determine if it should be checked\n      this.checked = this.radioGroup.value === this._value;\n      // Copy name from parent radio group\n      this.name = this.radioGroup.name;\n    }\n  }\n\n  /** Dispatch change event with current value. */\n  private _emitChangeEvent(): void {\n    let event = new MdRadioChange();\n    event.source = this;\n    event.value = this._value;\n    this.change.emit(event);\n  }\n\n  _isRippleDisabled() {\n    return this.disableRipple || this.disabled;\n  }\n\n  /**\n   * We use a hidden native input field to handle changes to focus state via keyboard navigation,\n   * with visual rendering done separately. The native element is kept in sync with the overall\n   * state of the component.\n   */\n  _onInputFocus() {\n    this._isFocused = true;\n  }\n\n  /** Focuses the radio button. */\n  focus(): void {\n    this._renderer.invokeElementMethod(this._inputElement.nativeElement, 'focus');\n    this._onInputFocus();\n  }\n\n  _onInputBlur() {\n    this._isFocused = false;\n\n    if (this.radioGroup) {\n      this.radioGroup._touch();\n    }\n  }\n\n  _onInputClick(event: Event) {\n    // We have to stop propagation for click events on the visual hidden input element.\n    // By default, when a user clicks on a label element, a generated click event will be\n    // dispatched on the associated input element. Since we are using a label element as our\n    // root container, the click event on the `radio-button` 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   * Triggered when the radio button received a click or the input recognized any change.\n   * Clicking on a label element, will trigger a change event on the associated input.\n   */\n  _onInputChange(event: Event) {\n    // We always have to stop propagation on the change event.\n    // Otherwise the change event, from the input element, will bubble up and\n    // emit its event object to the `change` output.\n    event.stopPropagation();\n\n    let groupValueChanged = this.radioGroup && this.value != this.radioGroup.value;\n    this.checked = true;\n    this._emitChangeEvent();\n\n    if (this.radioGroup) {\n      this.radioGroup._controlValueAccessorChangeFn(this.value);\n      this.radioGroup._touch();\n      if (groupValueChanged) {\n        this.radioGroup._emitChangeEvent();\n      }\n    }\n  }\n\n  _getHostElement() {\n    return this._elementRef.nativeElement;\n  }\n}\n\n\n@NgModule({\n  imports: [CommonModule, MdRippleModule, DefaultStyleCompatibilityModeModule],\n  exports: [MdRadioGroup, MdRadioButton, DefaultStyleCompatibilityModeModule],\n  declarations: [MdRadioGroup, MdRadioButton],\n})\nexport class MdRadioModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdRadioModule,\n      providers: [UniqueSelectionDispatcher, ViewportRuler],\n    };\n  }\n}\n"]}