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

package/chips/chip-list.js

@@ -1,210 +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 { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, Input, NgModule, ViewEncapsulation } from '@angular/core';
-import { MdChip } from './chip';
-import { ListKeyManager } from '../core/a11y/list-key-manager';
-import { coerceBooleanProperty } from '../core/coercion/boolean-property';
-import { SPACE, LEFT_ARROW, RIGHT_ARROW } from '../core/keyboard/keycodes';
-/**
- * A material design chips component (named ChipList for it's similarity to the List component).
- *
- * Example:
- *
- *     <md-chip-list>
- *       <md-chip>Chip 1<md-chip>
- *       <md-chip>Chip 2<md-chip>
- *     </md-chip-list>
- */
-export var MdChipList = (function () {
-    function MdChipList(_elementRef) {
-        this._elementRef = _elementRef;
-        /** Track which chips we're listening to for focus/destruction. */
-        this._subscribed = new WeakMap();
-        /** Whether or not the chip is selectable. */
-        this._selectable = true;
-    }
-    MdChipList.prototype.ngAfterContentInit = function () {
-        var _this = this;
-        this._keyManager = new ListKeyManager(this.chips).withFocusWrap();
-        // Go ahead and subscribe all of the initial chips
-        this._subscribeChips(this.chips);
-        // When the list changes, re-subscribe
-        this.chips.changes.subscribe(function (chips) {
-            _this._subscribeChips(chips);
-        });
-    };
-    Object.defineProperty(MdChipList.prototype, "selectable", {
-        /**
-         * Whether or not this chip is selectable. When a chip is not selectable,
-         * it's selected state is always ignored.
-         */
-        get: function () {
-            return this._selectable;
-        },
-        set: function (value) {
-            this._selectable = coerceBooleanProperty(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Programmatically focus the chip list. This in turn focuses the first
-     * non-disabled chip in this chip list.
-     */
-    MdChipList.prototype.focus = function () {
-        // TODO: ARIA says this should focus the first `selected` chip.
-        this._keyManager.focusFirstItem();
-    };
-    /** Passes relevant key presses to our key manager. */
-    MdChipList.prototype._keydown = function (event) {
-        var target = event.target;
-        // If they are on a chip, check for space/left/right, otherwise pass to our key manager
-        if (target && target.classList.contains('md-chip')) {
-            switch (event.keyCode) {
-                case SPACE:
-                    // If we are selectable, toggle the focused chip
-                    if (this.selectable) {
-                        this._toggleSelectOnFocusedChip();
-                    }
-                    // Always prevent space from scrolling the page since the list has focus
-                    event.preventDefault();
-                    break;
-                case LEFT_ARROW:
-                    this._keyManager.focusPreviousItem();
-                    event.preventDefault();
-                    break;
-                case RIGHT_ARROW:
-                    this._keyManager.focusNextItem();
-                    event.preventDefault();
-                    break;
-                default:
-                    this._keyManager.onKeydown(event);
-            }
-        }
-    };
-    /** Toggles the selected state of the currently focused chip. */
-    MdChipList.prototype._toggleSelectOnFocusedChip = function () {
-        // Allow disabling of chip selection
-        if (!this.selectable) {
-            return;
-        }
-        var focusedIndex = this._keyManager.focusedItemIndex;
-        if (this._isValidIndex(focusedIndex)) {
-            var focusedChip = this.chips.toArray()[focusedIndex];
-            if (focusedChip) {
-                focusedChip.toggleSelected();
-            }
-        }
-    };
-    /**
-     * Iterate through the list of chips and add them to our list of
-     * subscribed chips.
-     *
-     * @param chips The list of chips to be subscribed.
-     */
-    MdChipList.prototype._subscribeChips = function (chips) {
-        var _this = this;
-        chips.forEach(function (chip) { return _this._addChip(chip); });
-    };
-    /**
-     * Add a specific chip to our subscribed list. If the chip has
-     * already been subscribed, this ensures it is only subscribed
-     * once.
-     *
-     * @param chip The chip to be subscribed (or checked for existing
-     * subscription).
-     */
-    MdChipList.prototype._addChip = function (chip) {
-        var _this = this;
-        // If we've already been subscribed to a parent, do nothing
-        if (this._subscribed.has(chip)) {
-            return;
-        }
-        // Watch for focus events outside of the keyboard navigation
-        chip.onFocus.subscribe(function () {
-            var chipIndex = _this.chips.toArray().indexOf(chip);
-            if (_this._isValidIndex(chipIndex)) {
-                _this._keyManager.updateFocusedItemIndex(chipIndex);
-            }
-        });
-        // On destroy, remove the item from our list, and check focus
-        chip.destroy.subscribe(function () {
-            var chipIndex = _this.chips.toArray().indexOf(chip);
-            if (_this._isValidIndex(chipIndex)) {
-                // Check whether the chip is the last item
-                if (chipIndex < _this.chips.length - 1) {
-                    _this._keyManager.setFocus(chipIndex);
-                }
-                else if (chipIndex - 1 >= 0) {
-                    _this._keyManager.setFocus(chipIndex - 1);
-                }
-            }
-            _this._subscribed.delete(chip);
-            chip.destroy.unsubscribe();
-        });
-        this._subscribed.set(chip, true);
-    };
-    /**
-     * Utility to ensure all indexes are valid.
-     *
-     * @param index The index to be checked.
-     * @returns True if the index is valid for our list of chips.
-     */
-    MdChipList.prototype._isValidIndex = function (index) {
-        return index >= 0 && index < this.chips.length;
-    };
-    __decorate([
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdChipList.prototype, "selectable", null);
-    MdChipList = __decorate([
-        Component({selector: 'md-chip-list',
-            template: "<div class=\"md-chip-list-wrapper\"><ng-content></ng-content></div>",
-            host: {
-                // Properties
-                'tabindex': '0',
-                'role': 'listbox',
-                'class': 'md-chip-list',
-                // Events
-                '(focus)': 'focus()',
-                '(keydown)': '_keydown($event)'
-            },
-            queries: {
-                chips: new ContentChildren(MdChip)
-            },
-            styles: [".md-chip-list-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.md-chip-list-wrapper .md-chip:not(.md-basic-chip){margin:0 3px}.md-chip-list-wrapper .md-chip:not(.md-basic-chip):first-child{margin-left:0;margin-right:3px}.md-chip-list-wrapper .md-chip:not(.md-basic-chip):last-child,[dir=rtl] .md-chip-list-wrapper .md-chip:not(.md-basic-chip):first-child{margin-left:3px;margin-right:0}[dir=rtl] .md-chip-list-wrapper .md-chip:not(.md-basic-chip):last-child{margin-left:0;margin-right:3px}.md-chip:not(.md-basic-chip){display:inline-block;padding:8px 12px;border-radius:24px;font-size:13px;line-height:16px}.md-chip-list-stacked .md-chip-list-wrapper{display:block}.md-chip-list-stacked .md-chip-list-wrapper .md-chip:not(.md-basic-chip){display:block;margin:0 0 8px}[dir=rtl] .md-chip-list-stacked .md-chip-list-wrapper .md-chip:not(.md-basic-chip){margin:0 0 8px}.md-chip-list-stacked .md-chip-list-wrapper .md-chip:not(.md-basic-chip):last-child,[dir=rtl] .md-chip-list-stacked .md-chip-list-wrapper .md-chip:not(.md-basic-chip):last-child{margin-bottom:0}"],
-            encapsulation: ViewEncapsulation.None,
-            changeDetection: ChangeDetectionStrategy.OnPush
-        }), 
-        __metadata('design:paramtypes', [ElementRef])
-    ], MdChipList);
-    return MdChipList;
-}());
-export var MdChipsModule = (function () {
-    function MdChipsModule() {
-    }
-    MdChipsModule.forRoot = function () {
-        return {
-            ngModule: MdChipsModule,
-            providers: []
-        };
-    };
-    MdChipsModule = __decorate([
-        NgModule({
-            imports: [],
-            exports: [MdChipList, MdChip],
-            declarations: [MdChipList, MdChip]
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdChipsModule);
-    return MdChipsModule;
-}());
-
-//# sourceMappingURL=chip-list.js.map

package/chips/chip-list.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["chips/chip-list.ts"],"names":[],"mappings":"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","file":"chip-list.js","sourcesContent":["import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  ElementRef,\n  Input,\n  ModuleWithProviders,\n  NgModule,\n  QueryList,\n  ViewEncapsulation\n} from '@angular/core';\n\nimport {MdChip} from './chip';\nimport {ListKeyManager} from '../core/a11y/list-key-manager';\nimport {coerceBooleanProperty} from '../core/coercion/boolean-property';\nimport {SPACE, LEFT_ARROW, RIGHT_ARROW} from '../core/keyboard/keycodes';\n\n/**\n * A material design chips component (named ChipList for it's similarity to the List component).\n *\n * Example:\n *\n *     <md-chip-list>\n *       <md-chip>Chip 1<md-chip>\n *       <md-chip>Chip 2<md-chip>\n *     </md-chip-list>\n */\n@Component({\n  moduleId: module.id,\n  selector: 'md-chip-list',\n  template: `<div class=\"md-chip-list-wrapper\"><ng-content></ng-content></div>`,\n  host: {\n    // Properties\n    'tabindex': '0',\n    'role': 'listbox',\n    'class': 'md-chip-list',\n\n    // Events\n    '(focus)': 'focus()',\n    '(keydown)': '_keydown($event)'\n  },\n  queries: {\n    chips: new ContentChildren(MdChip)\n  },\n  styleUrls: ['chips.css'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MdChipList implements AfterContentInit {\n\n  /** Track which chips we're listening to for focus/destruction. */\n  private _subscribed: WeakMap<MdChip, boolean> = new WeakMap();\n\n  /** Whether or not the chip is selectable. */\n  protected _selectable: boolean = true;\n\n  /** The ListKeyManager which handles focus. */\n  _keyManager: ListKeyManager;\n\n  /** The chip components contained within this chip list. */\n  chips: QueryList<MdChip>;\n\n  constructor(private _elementRef: ElementRef) { }\n\n  ngAfterContentInit(): void {\n    this._keyManager = new ListKeyManager(this.chips).withFocusWrap();\n\n    // Go ahead and subscribe all of the initial chips\n    this._subscribeChips(this.chips);\n\n    // When the list changes, re-subscribe\n    this.chips.changes.subscribe((chips: QueryList<MdChip>) => {\n      this._subscribeChips(chips);\n    });\n  }\n\n  /**\n   * Whether or not this chip is selectable. When a chip is not selectable,\n   * it's selected state is always ignored.\n   */\n  @Input() get selectable(): boolean {\n    return this._selectable;\n  }\n\n  set selectable(value: boolean) {\n    this._selectable = coerceBooleanProperty(value);\n  }\n\n  /**\n   * Programmatically focus the chip list. This in turn focuses the first\n   * non-disabled chip in this chip list.\n   */\n  focus() {\n    // TODO: ARIA says this should focus the first `selected` chip.\n    this._keyManager.focusFirstItem();\n  }\n\n  /** Passes relevant key presses to our key manager. */\n  _keydown(event: KeyboardEvent) {\n    let target = event.target as HTMLElement;\n\n    // If they are on a chip, check for space/left/right, otherwise pass to our key manager\n    if (target && target.classList.contains('md-chip')) {\n      switch (event.keyCode) {\n        case SPACE:\n          // If we are selectable, toggle the focused chip\n          if (this.selectable) {\n            this._toggleSelectOnFocusedChip();\n          }\n\n          // Always prevent space from scrolling the page since the list has focus\n          event.preventDefault();\n          break;\n        case LEFT_ARROW:\n          this._keyManager.focusPreviousItem();\n          event.preventDefault();\n          break;\n        case RIGHT_ARROW:\n          this._keyManager.focusNextItem();\n          event.preventDefault();\n          break;\n        default:\n          this._keyManager.onKeydown(event);\n      }\n    }\n  }\n\n  /** Toggles the selected state of the currently focused chip. */\n  protected _toggleSelectOnFocusedChip(): void {\n    // Allow disabling of chip selection\n    if (!this.selectable) {\n      return;\n    }\n\n    let focusedIndex = this._keyManager.focusedItemIndex;\n\n    if (this._isValidIndex(focusedIndex)) {\n      let focusedChip: MdChip = this.chips.toArray()[focusedIndex];\n\n      if (focusedChip) {\n        focusedChip.toggleSelected();\n      }\n    }\n  }\n\n  /**\n   * Iterate through the list of chips and add them to our list of\n   * subscribed chips.\n   *\n   * @param chips The list of chips to be subscribed.\n   */\n  protected _subscribeChips(chips: QueryList<MdChip>): void {\n    chips.forEach(chip => this._addChip(chip));\n  }\n\n  /**\n   * Add a specific chip to our subscribed list. If the chip has\n   * already been subscribed, this ensures it is only subscribed\n   * once.\n   *\n   * @param chip The chip to be subscribed (or checked for existing\n   * subscription).\n   */\n  protected _addChip(chip: MdChip) {\n    // If we've already been subscribed to a parent, do nothing\n    if (this._subscribed.has(chip)) {\n      return;\n    }\n\n    // Watch for focus events outside of the keyboard navigation\n    chip.onFocus.subscribe(() => {\n      let chipIndex: number = this.chips.toArray().indexOf(chip);\n\n      if (this._isValidIndex(chipIndex)) {\n        this._keyManager.updateFocusedItemIndex(chipIndex);\n      }\n    });\n\n    // On destroy, remove the item from our list, and check focus\n    chip.destroy.subscribe(() => {\n      let chipIndex: number = this.chips.toArray().indexOf(chip);\n\n      if (this._isValidIndex(chipIndex)) {\n        // Check whether the chip is the last item\n        if (chipIndex < this.chips.length - 1) {\n          this._keyManager.setFocus(chipIndex);\n        } else if (chipIndex - 1 >= 0) {\n          this._keyManager.setFocus(chipIndex - 1);\n        }\n      }\n\n      this._subscribed.delete(chip);\n      chip.destroy.unsubscribe();\n    });\n\n    this._subscribed.set(chip, true);\n  }\n\n  /**\n   * Utility to ensure all indexes are valid.\n   *\n   * @param index The index to be checked.\n   * @returns True if the index is valid for our list of chips.\n   */\n  private _isValidIndex(index: number): boolean {\n    return index >= 0 && index < this.chips.length;\n  }\n\n}\n\n@NgModule({\n  imports: [],\n  exports: [MdChipList, MdChip],\n  declarations: [MdChipList, MdChip]\n})\nexport class MdChipsModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdChipsModule,\n      providers: []\n    };\n  }\n}\n"]}

package/chips/chip-list.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdChipList":{"__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-chip-list","template":"<div class=\"md-chip-list-wrapper\"><ng-content></ng-content></div>","host":{"tabindex":"0","role":"listbox","class":"md-chip-list","(focus)":"focus()","(keydown)":"_keydown($event)"},"queries":{"chips":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./chip","name":"MdChip"}]}},"styleUrls":["chips.css"],"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":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focus":[{"__symbolic":"method"}],"_keydown":[{"__symbolic":"method"}],"_toggleSelectOnFocusedChip":[{"__symbolic":"method"}],"_subscribeChips":[{"__symbolic":"method"}],"_addChip":[{"__symbolic":"method"}],"_isValidIndex":[{"__symbolic":"method"}]}},"MdChipsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[],"exports":[{"__symbolic":"reference","name":"MdChipList"},{"__symbolic":"reference","module":"./chip","name":"MdChip"}],"declarations":[{"__symbolic":"reference","name":"MdChipList"},{"__symbolic":"reference","module":"./chip","name":"MdChip"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdChipsModule"},"providers":[]}}}}}},{"__symbolic":"module","metadata":{"MdChipList":{"__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-chip-list","template":"<div class=\"md-chip-list-wrapper\"><ng-content></ng-content></div>","host":{"tabindex":"0","role":"listbox","class":"md-chip-list","(focus)":"focus()","(keydown)":"_keydown($event)"},"queries":{"chips":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./chip","name":"MdChip"}]}},"styleUrls":["chips.css"],"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":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focus":[{"__symbolic":"method"}],"_keydown":[{"__symbolic":"method"}],"_toggleSelectOnFocusedChip":[{"__symbolic":"method"}],"_subscribeChips":[{"__symbolic":"method"}],"_addChip":[{"__symbolic":"method"}],"_isValidIndex":[{"__symbolic":"method"}]}},"MdChipsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[],"exports":[{"__symbolic":"reference","name":"MdChipList"},{"__symbolic":"reference","module":"./chip","name":"MdChip"}],"declarations":[{"__symbolic":"reference","name":"MdChipList"},{"__symbolic":"reference","module":"./chip","name":"MdChip"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdChipsModule"},"providers":[]}}}}},"version":1}]

package/chips/chip.d.ts

@@ -1,53 +0,0 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer } from '@angular/core';
-import { Focusable } from '../core/a11y/list-key-manager';
-export interface MdChipEvent {
-    chip: MdChip;
-}
-/**
- * Material design styled Chip component. Used inside the MdChipList component.
- */
-export declare class MdChip implements Focusable, OnInit, OnDestroy {
-    protected _renderer: Renderer;
-    protected _elementRef: ElementRef;
-    /** Whether or not the chip is disabled. Disabled chips cannot be focused. */
-    protected _disabled: boolean;
-    /** Whether or not the chip is selected. */
-    protected _selected: boolean;
-    /** The palette color of selected chips. */
-    protected _color: string;
-    /** Emitted when the chip is focused. */
-    onFocus: EventEmitter<MdChipEvent>;
-    /** Emitted when the chip is selected. */
-    select: EventEmitter<MdChipEvent>;
-    /** Emitted when the chip is deselected. */
-    deselect: EventEmitter<MdChipEvent>;
-    /** Emitted when the chip is destroyed. */
-    destroy: EventEmitter<MdChipEvent>;
-    constructor(_renderer: Renderer, _elementRef: ElementRef);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    /** Whether or not the chip is disabled. */
-    /** Sets the disabled state of the chip. */
-    disabled: boolean;
-    /** A String representation of the current disabled state. */
-    readonly _isAriaDisabled: string;
-    /** Whether or not this chip is selected. */
-    selected: boolean;
-    /**
-     * Toggles the current selected state of this chip.
-     * @return Whether the chip is selected.
-     */
-    toggleSelected(): boolean;
-    /** The color of the chip. Can be `primary`, `accent`, or `warn`. */
-    color: string;
-    /** Allows for programmatic focusing of the chip. */
-    focus(): void;
-    /** Ensures events fire properly upon click. */
-    _handleClick(event: Event): void;
-    /** Initializes the appropriate CSS classes based on the chip type (basic or standard). */
-    private _addDefaultCSSClass();
-    /** Updates the private _color variable and the native element. */
-    private _updateColor(newColor);
-    /** Sets the md-color on the native element. */
-    private _setElementColor(color, isAdd);
-}

package/chips/chip.js

@@ -1,177 +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, EventEmitter, Input, Output, Renderer } from '@angular/core';
-import { coerceBooleanProperty } from '../core/coercion/boolean-property';
-/**
- * Material design styled Chip component. Used inside the MdChipList component.
- */
-export var MdChip = (function () {
-    function MdChip(_renderer, _elementRef) {
-        this._renderer = _renderer;
-        this._elementRef = _elementRef;
-        /** Whether or not the chip is disabled. Disabled chips cannot be focused. */
-        this._disabled = null;
-        /** Whether or not the chip is selected. */
-        this._selected = false;
-        /** The palette color of selected chips. */
-        this._color = 'primary';
-        /** Emitted when the chip is focused. */
-        this.onFocus = new EventEmitter();
-        /** Emitted when the chip is selected. */
-        this.select = new EventEmitter();
-        /** Emitted when the chip is deselected. */
-        this.deselect = new EventEmitter();
-        /** Emitted when the chip is destroyed. */
-        this.destroy = new EventEmitter();
-    }
-    MdChip.prototype.ngOnInit = function () {
-        this._addDefaultCSSClass();
-        this._updateColor(this._color);
-    };
-    MdChip.prototype.ngOnDestroy = function () {
-        this.destroy.emit({ chip: this });
-    };
-    Object.defineProperty(MdChip.prototype, "disabled", {
-        /** Whether or not the chip is disabled. */
-        get: function () {
-            return this._disabled;
-        },
-        /** Sets the disabled state of the chip. */
-        set: function (value) {
-            this._disabled = coerceBooleanProperty(value) ? true : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdChip.prototype, "_isAriaDisabled", {
-        /** A String representation of the current disabled state. */
-        get: function () {
-            return String(coerceBooleanProperty(this.disabled));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdChip.prototype, "selected", {
-        /** Whether or not this chip is selected. */
-        get: function () {
-            return this._selected;
-        },
-        set: function (value) {
-            this._selected = coerceBooleanProperty(value);
-            if (this._selected) {
-                this.select.emit({ chip: this });
-            }
-            else {
-                this.deselect.emit({ chip: this });
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Toggles the current selected state of this chip.
-     * @return Whether the chip is selected.
-     */
-    MdChip.prototype.toggleSelected = function () {
-        this.selected = !this.selected;
-        return this.selected;
-    };
-    Object.defineProperty(MdChip.prototype, "color", {
-        /** The color of the chip. Can be `primary`, `accent`, or `warn`. */
-        get: function () {
-            return this._color;
-        },
-        set: function (value) {
-            this._updateColor(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /** Allows for programmatic focusing of the chip. */
-    MdChip.prototype.focus = function () {
-        this._renderer.invokeElementMethod(this._elementRef.nativeElement, 'focus');
-        this.onFocus.emit({ chip: this });
-    };
-    /** Ensures events fire properly upon click. */
-    MdChip.prototype._handleClick = function (event) {
-        // Check disabled
-        if (this.disabled) {
-            event.preventDefault();
-            event.stopPropagation();
-        }
-        else {
-            this.focus();
-        }
-    };
-    /** Initializes the appropriate CSS classes based on the chip type (basic or standard). */
-    MdChip.prototype._addDefaultCSSClass = function () {
-        var el = this._elementRef.nativeElement;
-        // Always add the `md-chip` class
-        el.classList.add('md-chip');
-        // If we are a basic chip, also add the `md-basic-chip` class for :not() targeting
-        if (el.nodeName.toLowerCase() == 'md-basic-chip' || el.hasAttribute('md-basic-chip')) {
-            el.classList.add('md-basic-chip');
-        }
-    };
-    /** Updates the private _color variable and the native element. */
-    MdChip.prototype._updateColor = function (newColor) {
-        this._setElementColor(this._color, false);
-        this._setElementColor(newColor, true);
-        this._color = newColor;
-    };
-    /** Sets the md-color on the native element. */
-    MdChip.prototype._setElementColor = function (color, isAdd) {
-        if (color != null && color != '') {
-            this._renderer.setElementClass(this._elementRef.nativeElement, "md-" + color, isAdd);
-        }
-    };
-    __decorate([
-        Output(), 
-        __metadata('design:type', Object)
-    ], MdChip.prototype, "select", void 0);
-    __decorate([
-        Output(), 
-        __metadata('design:type', Object)
-    ], MdChip.prototype, "deselect", void 0);
-    __decorate([
-        Output(), 
-        __metadata('design:type', Object)
-    ], MdChip.prototype, "destroy", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdChip.prototype, "disabled", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdChip.prototype, "selected", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdChip.prototype, "color", null);
-    MdChip = __decorate([
-        Component({
-            selector: 'md-basic-chip, [md-basic-chip], md-chip, [md-chip]',
-            template: "<ng-content></ng-content>",
-            host: {
-                'tabindex': '-1',
-                'role': 'option',
-                '[class.md-chip-selected]': 'selected',
-                '[attr.disabled]': 'disabled',
-                '[attr.aria-disabled]': '_isAriaDisabled',
-                '(click)': '_handleClick($event)'
-            }
-        }), 
-        __metadata('design:paramtypes', [Renderer, ElementRef])
-    ], MdChip);
-    return MdChip;
-}());
-
-//# sourceMappingURL=chip.js.map

package/chips/chip.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["chips/chip.ts"],"names":[],"mappings":"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","file":"chip.js","sourcesContent":["import {\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  Renderer\n} from '@angular/core';\n\nimport {Focusable} from '../core/a11y/list-key-manager';\nimport {coerceBooleanProperty} from '../core/coercion/boolean-property';\n\nexport interface MdChipEvent {\n  chip: MdChip;\n}\n\n/**\n * Material design styled Chip component. Used inside the MdChipList component.\n */\n@Component({\n  selector: 'md-basic-chip, [md-basic-chip], md-chip, [md-chip]',\n  template: `<ng-content></ng-content>`,\n  host: {\n    'tabindex': '-1',\n    'role': 'option',\n\n    '[class.md-chip-selected]': 'selected',\n    '[attr.disabled]': 'disabled',\n    '[attr.aria-disabled]': '_isAriaDisabled',\n\n    '(click)': '_handleClick($event)'\n  }\n})\nexport class MdChip implements Focusable, OnInit, OnDestroy {\n\n  /** Whether or not the chip is disabled. Disabled chips cannot be focused. */\n  protected _disabled: boolean = null;\n\n  /** Whether or not the chip is selected. */\n  protected _selected: boolean = false;\n\n  /** The palette color of selected chips. */\n  protected _color: string = 'primary';\n\n  /** Emitted when the chip is focused. */\n  onFocus = new EventEmitter<MdChipEvent>();\n\n  /** Emitted when the chip is selected. */\n  @Output() select = new EventEmitter<MdChipEvent>();\n\n  /** Emitted when the chip is deselected. */\n  @Output() deselect = new EventEmitter<MdChipEvent>();\n\n  /** Emitted when the chip is destroyed. */\n  @Output() destroy = new EventEmitter<MdChipEvent>();\n\n  constructor(protected _renderer: Renderer, protected _elementRef: ElementRef) { }\n\n  ngOnInit(): void {\n    this._addDefaultCSSClass();\n    this._updateColor(this._color);\n  }\n\n  ngOnDestroy(): void {\n    this.destroy.emit({chip: this});\n  }\n\n  /** Whether or not the chip is disabled. */\n  @Input() get disabled(): boolean {\n    return this._disabled;\n  }\n\n  /** Sets the disabled state of the chip. */\n  set disabled(value: boolean) {\n    this._disabled = coerceBooleanProperty(value) ? true : null;\n  }\n\n  /** A String representation of the current disabled state. */\n  get _isAriaDisabled(): string {\n    return String(coerceBooleanProperty(this.disabled));\n  }\n\n  /** Whether or not this chip is selected. */\n  @Input() get selected(): boolean {\n    return this._selected;\n  }\n\n  set selected(value: boolean) {\n    this._selected = coerceBooleanProperty(value);\n\n    if (this._selected) {\n      this.select.emit({chip: this});\n    } else {\n      this.deselect.emit({chip: this});\n    }\n  }\n\n  /**\n   * Toggles the current selected state of this chip.\n   * @return Whether the chip is selected.\n   */\n  toggleSelected(): boolean {\n    this.selected = !this.selected;\n    return this.selected;\n  }\n\n  /** The color of the chip. Can be `primary`, `accent`, or `warn`. */\n  @Input() get color(): string {\n    return this._color;\n  }\n\n  set color(value: string) {\n    this._updateColor(value);\n  }\n\n  /** Allows for programmatic focusing of the chip. */\n  focus(): void {\n    this._renderer.invokeElementMethod(this._elementRef.nativeElement, 'focus');\n    this.onFocus.emit({chip: this});\n  }\n\n  /** Ensures events fire properly upon click. */\n  _handleClick(event: Event) {\n    // Check disabled\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n    } else {\n      this.focus();\n    }\n  }\n\n  /** Initializes the appropriate CSS classes based on the chip type (basic or standard). */\n  private _addDefaultCSSClass() {\n    let el: HTMLElement = this._elementRef.nativeElement;\n\n    // Always add the `md-chip` class\n    el.classList.add('md-chip');\n\n    // If we are a basic chip, also add the `md-basic-chip` class for :not() targeting\n    if (el.nodeName.toLowerCase() == 'md-basic-chip' || el.hasAttribute('md-basic-chip')) {\n      el.classList.add('md-basic-chip');\n    }\n  }\n\n  /** Updates the private _color variable and the native element. */\n  private _updateColor(newColor: string) {\n    this._setElementColor(this._color, false);\n    this._setElementColor(newColor, true);\n    this._color = newColor;\n  }\n\n  /** Sets the md-color on the native element. */\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"]}

package/chips/chip.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdChip":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"md-basic-chip, [md-basic-chip], md-chip, [md-chip]","template":"<ng-content></ng-content>","host":{"tabindex":"-1","role":"option","[class.md-chip-selected]":"selected","[attr.disabled]":"disabled","[attr.aria-disabled]":"_isAriaDisabled","(click)":"_handleClick($event)"}}]}],"members":{"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"deselect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"destroy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"disabled":[{"__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"}}]}],"toggleSelected":[{"__symbolic":"method"}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focus":[{"__symbolic":"method"}],"_handleClick":[{"__symbolic":"method"}],"_addDefaultCSSClass":[{"__symbolic":"method"}],"_updateColor":[{"__symbolic":"method"}],"_setElementColor":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","metadata":{"MdChip":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"md-basic-chip, [md-basic-chip], md-chip, [md-chip]","template":"<ng-content></ng-content>","host":{"tabindex":"-1","role":"option","[class.md-chip-selected]":"selected","[attr.disabled]":"disabled","[attr.aria-disabled]":"_isAriaDisabled","(click)":"_handleClick($event)"}}]}],"members":{"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"deselect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"destroy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"disabled":[{"__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"}}]}],"toggleSelected":[{"__symbolic":"method"}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focus":[{"__symbolic":"method"}],"_handleClick":[{"__symbolic":"method"}],"_addDefaultCSSClass":[{"__symbolic":"method"}],"_updateColor":[{"__symbolic":"method"}],"_setElementColor":[{"__symbolic":"method"}]}}},"version":1}]

package/chips/chips.css

@@ -1 +0,0 @@
-.md-chip-list-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.md-chip-list-wrapper .md-chip:not(.md-basic-chip){margin:0 3px}.md-chip-list-wrapper .md-chip:not(.md-basic-chip):first-child{margin-left:0;margin-right:3px}.md-chip-list-wrapper .md-chip:not(.md-basic-chip):last-child,[dir=rtl] .md-chip-list-wrapper .md-chip:not(.md-basic-chip):first-child{margin-left:3px;margin-right:0}[dir=rtl] .md-chip-list-wrapper .md-chip:not(.md-basic-chip):last-child{margin-left:0;margin-right:3px}.md-chip:not(.md-basic-chip){display:inline-block;padding:8px 12px;border-radius:24px;font-size:13px;line-height:16px}.md-chip-list-stacked .md-chip-list-wrapper{display:block}.md-chip-list-stacked .md-chip-list-wrapper .md-chip:not(.md-basic-chip){display:block;margin:0 0 8px}[dir=rtl] .md-chip-list-stacked .md-chip-list-wrapper .md-chip:not(.md-basic-chip){margin:0 0 8px}.md-chip-list-stacked .md-chip-list-wrapper .md-chip:not(.md-basic-chip):last-child,[dir=rtl] .md-chip-list-stacked .md-chip-list-wrapper .md-chip:not(.md-basic-chip):last-child{margin-bottom:0}

package/chips/chips.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["chips.css"],"names":[],"mappings":"AAAA;EACE,cAAc;EACd,oBAAoB;EACpB,gBAAgB;EAChB,wBAAwB;EACxB;;KAEG,EAAE;EACL;IACE,oBAAoB,EAAE;IACtB;MACE,eAAe;MACf,kBAAkB,EAAE;MACpB;QACE,iBAAiB;QACjB,gBAAgB,EAAE;IACtB;MACE,iBAAiB;MACjB,gBAAgB,EAAE;MAClB;QACE,eAAe;QACf,kBAAkB,EAAE;;AAE5B;EACE,sBAAsB;EACtB,2BAA2B;EAC3B,oBAAoB;EACpB,gBAAgB;EAChB,kBAAkB,EAAE;;AAEtB;EACE,eAAe,EAAE;EACjB;IACE,eAAe;IACf,UAAU;IACV,mBAAmB,EAAE;IACrB;MACE,UAAU;MACV,mBAAmB,EAAE;IACvB;MACE,iBAAiB,EAAE","file":"chips.css","sourcesContent":[".md-chip-list-wrapper {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  /*\n   * Only apply the margins to chips\n   */ }\n  .md-chip-list-wrapper .md-chip:not(.md-basic-chip) {\n    margin: 0 3px 0 3px; }\n    .md-chip-list-wrapper .md-chip:not(.md-basic-chip):first-child {\n      margin-left: 0;\n      margin-right: 3px; }\n      [dir='rtl'] .md-chip-list-wrapper .md-chip:not(.md-basic-chip):first-child {\n        margin-left: 3px;\n        margin-right: 0; }\n    .md-chip-list-wrapper .md-chip:not(.md-basic-chip):last-child {\n      margin-left: 3px;\n      margin-right: 0; }\n      [dir='rtl'] .md-chip-list-wrapper .md-chip:not(.md-basic-chip):last-child {\n        margin-left: 0;\n        margin-right: 3px; }\n\n.md-chip:not(.md-basic-chip) {\n  display: inline-block;\n  padding: 8px 12px 8px 12px;\n  border-radius: 24px;\n  font-size: 13px;\n  line-height: 16px; }\n\n.md-chip-list-stacked .md-chip-list-wrapper {\n  display: block; }\n  .md-chip-list-stacked .md-chip-list-wrapper .md-chip:not(.md-basic-chip) {\n    display: block;\n    margin: 0;\n    margin-bottom: 8px; }\n    [dir='rtl'] .md-chip-list-stacked .md-chip-list-wrapper .md-chip:not(.md-basic-chip) {\n      margin: 0;\n      margin-bottom: 8px; }\n    .md-chip-list-stacked .md-chip-list-wrapper .md-chip:not(.md-basic-chip):last-child, [dir='rtl'] .md-chip-list-stacked .md-chip-list-wrapper .md-chip:not(.md-basic-chip):last-child {\n      margin-bottom: 0; }\n"]}

package/chips/chips.scss

@@ -1,80 +0,0 @@
-$md-chip-vertical-padding: 8px;
-$md-chip-horizontal-padding: 12px;
-$md-chip-font-size: 13px;
-$md-chip-line-height: 16px;
-
-$md-chips-chip-margin: $md-chip-horizontal-padding / 4;
-
-.md-chip-list-wrapper {
-
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  align-items: flex-start;
-
-  /*
-   * Only apply the margins to chips
-   */
-  .md-chip:not(.md-basic-chip) {
-    margin: 0 $md-chips-chip-margin 0 $md-chips-chip-margin;
-
-    // Remove the margin from the first element (in both LTR and RTL)
-    &:first-child {
-      margin: {
-        left: 0;
-        right: $md-chips-chip-margin;
-      }
-
-      [dir='rtl'] & {
-        margin: {
-          left: $md-chips-chip-margin;
-          right: 0;
-        }
-      }
-    }
-
-    // Remove the margin from the last element (in both LTR and RTL)
-    &:last-child {
-      margin: {
-        left: $md-chips-chip-margin;
-        right: 0;
-      }
-
-      [dir='rtl'] & {
-        margin: {
-          left: 0;
-          right: $md-chips-chip-margin;
-        }
-      }
-    }
-  }
-}
-
-.md-chip:not(.md-basic-chip) {
-  display: inline-block;
-  padding: $md-chip-vertical-padding $md-chip-horizontal-padding
-    $md-chip-vertical-padding $md-chip-horizontal-padding;
-  border-radius: $md-chip-horizontal-padding * 2;
-
-  font-size: $md-chip-font-size;
-  line-height: $md-chip-line-height;
-}
-
-.md-chip-list-stacked .md-chip-list-wrapper {
-  display: block;
-
-  .md-chip:not(.md-basic-chip) {
-    display: block;
-    margin: 0;
-    margin-bottom: $md-chip-vertical-padding;
-
-    [dir='rtl'] & {
-      margin: 0;
-      margin-bottom: $md-chip-vertical-padding;
-    }
-
-    &:last-child, [dir='rtl'] &:last-child {
-      margin-bottom: 0;
-    }
-  }
-}

package/chips/index.js

@@ -1,4 +0,0 @@
-export * from './chip-list';
-export * from './chip';
-
-//# sourceMappingURL=index.js.map

package/chips/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["chips/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["export * from './chip-list';\nexport * from './chip';\n"]}

package/core/README.md

@@ -1 +0,0 @@
-Core library code for other `@angular/material` components.

package/core/_core.scss

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