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

package/chips/typings/chip-list.d.ts

@@ -0,0 +1,222 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { FocusKeyManager } from '@angular/cdk/a11y';
+import { Directionality } from '@angular/cdk/bidi';
+import { SelectionModel } from '@angular/cdk/collections';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, Renderer2 } from '@angular/core';
+import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { Observable } from 'rxjs/Observable';
+import { Subject } from 'rxjs/Subject';
+import { MatChip, MatChipEvent, MatChipSelectionChange } from './chip';
+import { MatChipInput } from './chip-input';
+/** Change event object that is emitted when the chip list value has changed. */
+export declare class MatChipListChange {
+    source: MatChipList;
+    value: any;
+    constructor(source: MatChipList, value: any);
+}
+/**
+ * A material design chips component (named ChipList for it's similarity to the List component).
+ */
+export declare class MatChipList implements MatFormFieldControl<any>, ControlValueAccessor, AfterContentInit, OnInit, OnDestroy {
+    protected _renderer: Renderer2;
+    protected _elementRef: ElementRef;
+    private _changeDetectorRef;
+    private _dir;
+    private _parentForm;
+    private _parentFormGroup;
+    ngControl: NgControl;
+    readonly controlType: string;
+    /**
+     * Stream that emits whenever the state of the input changes such that the wrapping `MatFormField`
+     * needs to run change detection.
+     */
+    stateChanges: Subject<void>;
+    /** When a chip is destroyed, we track the index so we can focus the appropriate next chip. */
+    protected _lastDestroyedIndex: number | null;
+    /** Track which chips we're listening to for focus/destruction. */
+    protected _chipSet: WeakMap<MatChip, boolean>;
+    /** Subscription to tabbing out from the chip list. */
+    private _tabOutSubscription;
+    /** Subscription to changes in the chip list. */
+    private _changeSubscription;
+    /** Subscription to focus changes in the chips. */
+    private _chipFocusSubscription;
+    /** Subscription to blur changes in the chips. */
+    private _chipBlurSubscription;
+    /** Subscription to selection changes in chips. */
+    private _chipSelectionSubscription;
+    /** Subscription to remove changes in chips. */
+    private _chipRemoveSubscription;
+    /** Whether or not the chip is selectable. */
+    protected _selectable: boolean;
+    /** Whether the component is in multiple selection mode. */
+    private _multiple;
+    /** The chip input to add more chips */
+    protected _chipInput: MatChipInput;
+    /** The aria-describedby attribute on the chip list for improved a11y. */
+    protected _ariaDescribedby: string;
+    /** Id of the chip list */
+    protected _id: string;
+    /** Uid of the chip list */
+    protected _uid: string;
+    /** Whether this is required */
+    protected _required: boolean;
+    /** Whether this is disabled */
+    protected _disabled: boolean;
+    protected _value: any;
+    /** Placeholder for the chip list. Alternatively, placeholder can be set on MatChipInput */
+    protected _placeholder: string;
+    /** Tab index for the chip list. */
+    _tabIndex: number;
+    /**
+     * User defined tab index.
+     * When it is not null, use user defined tab index. Otherwise use _tabIndex
+     */
+    _userTabIndex: number | null;
+    /** The FocusKeyManager which handles focus. */
+    _keyManager: FocusKeyManager<MatChip>;
+    /** Function when touched */
+    _onTouched: () => void;
+    /** Function when changed */
+    _onChange: (value: any) => void;
+    _selectionModel: SelectionModel<MatChip>;
+    /** Comparison function to specify which option is displayed. Defaults to object equality. */
+    private _compareWith;
+    /** The array of selected chips inside chip list. */
+    readonly selected: MatChip[] | MatChip;
+    /** Whether the user should be allowed to select multiple chips. */
+    multiple: boolean;
+    /**
+     * A function to compare the option values with the selected values. The first argument
+     * is a value from an option. The second is a value from the selection. A boolean
+     * should be returned.
+     */
+    compareWith: (o1: any, o2: any) => boolean;
+    /** Required for FormFieldControl */
+    value: any;
+    /** Required for FormFieldControl. The ID of the chip list */
+    id: string;
+    /** Required for FormFieldControl. Whether the chip list is required. */
+    required: any;
+    /** For FormFieldControl. Use chip input's placholder if there's a chip input */
+    placeholder: string;
+    /** Whether any chips or the matChipInput inside of this chip-list has focus. */
+    readonly focused: boolean;
+    /** Whether this chip-list contains no chips and no matChipInput. */
+    readonly empty: boolean;
+    readonly shouldPlaceholderFloat: boolean;
+    /** Whether this chip-list is disabled. */
+    disabled: any;
+    /** Whether the chip list is in an error state. */
+    readonly errorState: boolean;
+    /** Orientation of the chip list. */
+    ariaOrientation: 'horizontal' | 'vertical';
+    /**
+     * Whether or not this chip is selectable. When a chip is not selectable,
+     * its selected state is always ignored.
+     */
+    selectable: boolean;
+    tabIndex: number;
+    /** Combined stream of all of the child chips' selection change events. */
+    readonly chipSelectionChanges: Observable<MatChipSelectionChange>;
+    /** Combined stream of all of the child chips' focus change events. */
+    readonly chipFocusChanges: Observable<MatChipEvent>;
+    /** Combined stream of all of the child chips' blur change events. */
+    readonly chipBlurChanges: Observable<MatChipEvent>;
+    /** Combined stream of all of the child chips' remove change events. */
+    readonly chipRemoveChanges: Observable<MatChipEvent>;
+    /** Event emitted when the selected chip list value has been changed by the user. */
+    change: EventEmitter<MatChipListChange>;
+    /**
+     * Event that emits whenever the raw value of the chip-list changes. This is here primarily
+     * to facilitate the two-way binding for the `value` input.
+     * @docs-private
+     */
+    valueChange: EventEmitter<any>;
+    /** The chip components contained within this chip list. */
+    chips: QueryList<MatChip>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef, _dir: Directionality, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl);
+    ngAfterContentInit(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** Associates an HTML input element with this chip list. */
+    registerInput(inputElement: MatChipInput): void;
+    setDescribedByIds(ids: string[]): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    onContainerClick(): void;
+    /**
+     * Focuses the the first non-disabled chip in this chip list, or the associated input when there
+     * are no eligible chips.
+     */
+    focus(): void;
+    /** Attempt to focus an input if we have one. */
+    _focusInput(): void;
+    /**
+     * Pass events to the keyboard manager. Available here for tests.
+     */
+    _keydown(event: KeyboardEvent): void;
+    /**
+     * Check the tab index as you should not be allowed to focus an empty list.
+     */
+    protected _updateTabIndex(): void;
+    /**
+     * Update key manager's active item when chip is deleted.
+     * If the deleted chip is the last chip in chip list, focus the new last chip.
+     * Otherwise focus the next chip in the list.
+     * Save `_lastDestroyedIndex` so we can set the correct focus.
+     */
+    protected _updateKeyManager(chip: MatChip): void;
+    /**
+     * Checks to see if a focus chip was recently destroyed so that we can refocus the next closest
+     * one.
+     */
+    protected _updateFocusForDestroyedChips(): void;
+    /**
+     * 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.
+     */
+    private _isValidIndex(index);
+    private _isInputEmpty(element);
+    _setSelectionByValue(value: any, isUserInput?: boolean): void;
+    /**
+     * Finds and selects the chip based on its value.
+     * @returns Chip that has the corresponding value.
+     */
+    private _selectValue(value, isUserInput?);
+    private _initializeSelection();
+    /**
+     * Deselects every chip in the list.
+     * @param skip Chip that should not be deselected.
+     */
+    private _clearSelection(skip?);
+    /**
+     * Sorts the model values, ensuring that they keep the same
+     * order that they have in the panel.
+     */
+    private _sortValues();
+    /** Emits change event to set the model value. */
+    private _propagateChanges(fallbackValue?);
+    /** When blurred, mark the field as touched when focus moved outside the chip list. */
+    _blur(): void;
+    /** Mark the field as touched */
+    _markAsTouched(): void;
+    private _resetChips();
+    private _dropSubscriptions();
+    /** Listens to user-generated selection events on each chip. */
+    private _listenToChipsSelection();
+    /** Listens to user-generated selection events on each chip. */
+    private _listenToChipsFocus();
+    private _listenToChipsRemoved();
+}

package/chips/typings/chip.d.ts

@@ -0,0 +1,123 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { FocusableOption } from '@angular/cdk/a11y';
+import { ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
+import { CanColor, CanDisable } from '@angular/material/core';
+import { Subject } from 'rxjs/Subject';
+export interface MatChipEvent {
+    chip: MatChip;
+}
+/** Event object emitted by MatChip when selected or deselected. */
+export declare class MatChipSelectionChange {
+    source: MatChip;
+    selected: boolean;
+    isUserInput: boolean;
+    constructor(source: MatChip, selected: boolean, isUserInput?: boolean);
+}
+/** @docs-private */
+export declare class MatChipBase {
+    _renderer: Renderer2;
+    _elementRef: ElementRef;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+}
+export declare const _MatChipMixinBase: (new (...args: any[]) => CanColor) & (new (...args: any[]) => CanDisable) & typeof MatChipBase;
+/**
+ * Dummy directive to add CSS class to basic chips.
+ * @docs-private
+ */
+export declare class MatBasicChip {
+}
+/**
+ * Material design styled Chip component. Used inside the MatChipList component.
+ */
+export declare class MatChip extends _MatChipMixinBase implements FocusableOption, OnDestroy, CanColor, CanDisable {
+    _elementRef: ElementRef;
+    protected _value: any;
+    protected _selected: boolean;
+    protected _selectable: boolean;
+    protected _removable: boolean;
+    /** Whether the chip has focus. */
+    _hasFocus: boolean;
+    /** Whether the chip is selected. */
+    selected: boolean;
+    /** The value of the chip. Defaults to the content inside <mat-chip> tags. */
+    value: any;
+    /**
+     * Whether or not the chips are selectable. When a chip is not selectable,
+     * changes to it's selected state are always ignored.
+     */
+    selectable: boolean;
+    /**
+     * Determines whether or not the chip displays the remove styling and emits (remove) events.
+     */
+    removable: boolean;
+    /** Emits when the chip is focused. */
+    _onFocus: Subject<MatChipEvent>;
+    /** Emits when the chip is blured. */
+    _onBlur: Subject<MatChipEvent>;
+    /** Emitted when the chip is selected or deselected. */
+    selectionChange: EventEmitter<MatChipSelectionChange>;
+    /** Emitted when the chip is destroyed. */
+    destroyed: EventEmitter<MatChipEvent>;
+    /**
+     * Emitted when the chip is destroyed.
+     * @deprecated Use 'destroyed' instead.
+     */
+    destroy: EventEmitter<MatChipEvent>;
+    /** Emitted when a chip is to be removed. */
+    removed: EventEmitter<MatChipEvent>;
+    /**
+     * Emitted when a chip is to be removed.
+     * @deprecated Use `removed` instead.
+     */
+    onRemove: EventEmitter<MatChipEvent>;
+    readonly ariaSelected: string | null;
+    constructor(renderer: Renderer2, _elementRef: ElementRef);
+    ngOnDestroy(): void;
+    /** Selects the chip. */
+    select(): void;
+    /** Deselects the chip. */
+    deselect(): void;
+    /** Select this chip and emit selected event */
+    selectViaInteraction(): void;
+    /** Toggles the current selected state of this chip. */
+    toggleSelected(isUserInput?: boolean): boolean;
+    /** Allows for programmatic focusing of the chip. */
+    focus(): void;
+    /**
+     * Allows for programmatic removal of the chip. Called by the MatChipList when the DELETE or
+     * BACKSPACE keys are pressed.
+     *
+     * Informs any listeners of the removal request. Does not remove the chip from the DOM.
+     */
+    remove(): void;
+    /** Ensures events fire properly upon click. */
+    _handleClick(event: Event): void;
+    /** Handle custom key presses. */
+    _handleKeydown(event: KeyboardEvent): void;
+    _blur(): void;
+}
+/**
+ * Applies proper (click) support and adds styling for use with the Material Design "cancel" icon
+ * available at https://material.io/icons/#ic_cancel.
+ *
+ * Example:
+ *
+ *     <mat-chip>
+ *       <mat-icon matChipRemove>cancel</mat-icon>
+ *     </mat-chip>
+ *
+ * You *may* use a custom icon, but you may need to override the `mat-chip-remove` positioning
+ * styles to properly center the icon within the chip.
+ */
+export declare class MatChipRemove {
+    protected _parentChip: MatChip;
+    constructor(_parentChip: MatChip);
+    /** Calls the parent chip's public `remove()` method if applicable. */
+    _handleClick(): void;
+}

package/chips/typings/chips-module.d.ts

@@ -0,0 +1,2 @@
+export declare class MatChipsModule {
+}

package/chips/typings/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

package/chips/typings/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MatChipsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[],"exports":[{"__symbolic":"reference","name":"MatChipList"},{"__symbolic":"reference","name":"MatChip"},{"__symbolic":"reference","name":"MatChipInput"},{"__symbolic":"reference","name":"MatChipRemove"},{"__symbolic":"reference","name":"MatChipRemove"},{"__symbolic":"reference","name":"MatBasicChip"}],"declarations":[{"__symbolic":"reference","name":"MatChipList"},{"__symbolic":"reference","name":"MatChip"},{"__symbolic":"reference","name":"MatChipInput"},{"__symbolic":"reference","name":"MatChipRemove"},{"__symbolic":"reference","name":"MatChipRemove"},{"__symbolic":"reference","name":"MatBasicChip"}]}]}],"members":{}},"MatChipListChange":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatChipList"},{"__symbolic":"reference","name":"any"}]}]}},"MatChipList":{"__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":"mat-chip-list","template":"<div class=\"mat-chip-list-wrapper\"><ng-content></ng-content></div>","exportAs":"matChipList","host":{"[attr.tabindex]":"_tabIndex","[attr.aria-describedby]":"_ariaDescribedby || null","[attr.aria-required]":"required.toString()","[attr.aria-disabled]":"disabled.toString()","[attr.aria-invalid]":"errorState","[attr.aria-multiselectable]":"multiple","[class.mat-chip-list-disabled]":"disabled","[class.mat-chip-list-invalid]":"errorState","[class.mat-chip-list-required]":"required","role":"listbox","[attr.aria-orientation]":"ariaOrientation","class":"mat-chip-list","(focus)":"focus()","(blur)":"_blur()","(keydown)":"_keydown($event)"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldControl"},"useExisting":{"__symbolic":"reference","name":"MatChipList"}}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"styles":[".mat-chip-list-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline}.mat-chip:not(.mat-basic-chip){transition:box-shadow 280ms cubic-bezier(.4,0,.2,1);display:inline-flex;padding:7px 12px;border-radius:24px;align-items:center;cursor:default}.mat-chip:not(.mat-basic-chip)+.mat-chip:not(.mat-basic-chip){margin:0 0 3px 8px}[dir=rtl] .mat-chip:not(.mat-basic-chip)+.mat-chip:not(.mat-basic-chip){margin:0 8px 3px 0}.mat-form-field-prefix .mat-chip:not(.mat-basic-chip):last-child{margin-right:8px}[dir=rtl] .mat-form-field-prefix .mat-chip:not(.mat-basic-chip):last-child{margin-left:8px}.mat-chip:not(.mat-basic-chip) .mat-chip-remove.mat-icon{width:1em;height:1em}.mat-chip:not(.mat-basic-chip):focus{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);outline:0}@media screen and (-ms-high-contrast:active){.mat-chip:not(.mat-basic-chip){outline:solid 1px}}.mat-chip-list-stacked .mat-chip-list-wrapper{display:block}.mat-chip-list-stacked .mat-chip-list-wrapper .mat-chip:not(.mat-basic-chip){display:block;margin:0;margin-bottom:8px}[dir=rtl] .mat-chip-list-stacked .mat-chip-list-wrapper .mat-chip:not(.mat-basic-chip){margin:0;margin-bottom:8px}.mat-chip-list-stacked .mat-chip-list-wrapper .mat-chip:not(.mat-basic-chip):last-child,[dir=rtl] .mat-chip-list-stacked .mat-chip-list-wrapper .mat-chip:not(.mat-basic-chip):last-child{margin-bottom:0}.mat-form-field-prefix .mat-chip-list-wrapper{margin-bottom:8px}.mat-chip-remove{margin-right:-4px;margin-left:6px;cursor:pointer}[dir=rtl] .mat-chip-remove{margin-right:6px;margin-left:-4px}input.mat-chip-input{width:150px;margin:3px}"]}]}],"members":{"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"compareWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__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"}}]}],"ariaOrientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-orientation"]}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"chips":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"MatChip"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality"},{"__symbolic":"reference","module":"@angular/forms","name":"NgForm"},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective"},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"registerInput":[{"__symbolic":"method"}],"setDescribedByIds":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"onContainerClick":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_focusInput":[{"__symbolic":"method"}],"_keydown":[{"__symbolic":"method"}],"_updateTabIndex":[{"__symbolic":"method"}],"_updateKeyManager":[{"__symbolic":"method"}],"_updateFocusForDestroyedChips":[{"__symbolic":"method"}],"_isValidIndex":[{"__symbolic":"method"}],"_isInputEmpty":[{"__symbolic":"method"}],"_setSelectionByValue":[{"__symbolic":"method"}],"_selectValue":[{"__symbolic":"method"}],"_initializeSelection":[{"__symbolic":"method"}],"_clearSelection":[{"__symbolic":"method"}],"_sortValues":[{"__symbolic":"method"}],"_propagateChanges":[{"__symbolic":"method"}],"_blur":[{"__symbolic":"method"}],"_markAsTouched":[{"__symbolic":"method"}],"_resetChips":[{"__symbolic":"method"}],"_dropSubscriptions":[{"__symbolic":"method"}],"_listenToChipsSelection":[{"__symbolic":"method"}],"_listenToChipsFocus":[{"__symbolic":"method"}],"_listenToChipsRemoved":[{"__symbolic":"method"}]}},"MatChipEvent":{"__symbolic":"interface"},"MatChipSelectionChange":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatChip"},{"__symbolic":"reference","name":"boolean"},null]}]}},"MatChipBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}]}},"_MatChipMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinColor"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinDisabled"},"arguments":[{"__symbolic":"reference","name":"MatChipBase"}]},"primary"]},"MatBasicChip":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"mat-basic-chip, [mat-basic-chip]","host":{"class":"mat-basic-chip"}}]}],"members":{}},"MatChip":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MatChipMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]","inputs":["color","disabled"],"exportAs":"matChip","host":{"class":"mat-chip","tabindex":"-1","role":"option","[class.mat-chip-selected]":"selected","[attr.disabled]":"disabled || null","[attr.aria-disabled]":"disabled.toString()","[attr.aria-selected]":"ariaSelected","(click)":"_handleClick($event)","(keydown)":"_handleKeydown($event)","(focus)":"_hasFocus = true","(blur)":"_blur()"}}]}],"members":{"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"removable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"destroyed":[{"__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"}}]}],"removed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onRemove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["remove"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"deselect":[{"__symbolic":"method"}],"selectViaInteraction":[{"__symbolic":"method"}],"toggleSelected":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"_handleClick":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_blur":[{"__symbolic":"method"}]}},"MatChipRemove":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[matChipRemove]","host":{"class":"mat-chip-remove","(click)":"_handleClick($event)"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatChip"}]}],"_handleClick":[{"__symbolic":"method"}]}},"MatChipInputEvent":{"__symbolic":"interface"},"MatChipInput":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"input[matChipInputFor]","exportAs":"matChipInput, matChipInputFor","host":{"class":"mat-chip-input mat-input-element","(keydown)":"_keydown($event)","(blur)":"_blur()","(focus)":"_focus()"}}]}],"members":{"chipList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["matChipInputFor"]}]}],"addOnBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["matChipInputAddOnBlur"]}]}],"separatorKeyCodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["matChipInputSeparatorKeyCodes"]}]}],"chipEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["matChipInputTokenEnd"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"_keydown":[{"__symbolic":"method"}],"_blur":[{"__symbolic":"method"}],"_focus":[{"__symbolic":"method"}],"_emitChipEnd":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}]}}},"origins":{"MatChipsModule":"./chips-module","MatChipListChange":"./chip-list","MatChipList":"./chip-list","MatChipEvent":"./chip","MatChipSelectionChange":"./chip","MatChipBase":"./chip","_MatChipMixinBase":"./chip","MatBasicChip":"./chip","MatChip":"./chip","MatChipRemove":"./chip","MatChipInputEvent":"./chip-input","MatChipInput":"./chip-input"},"importAs":"@angular/material/chips"}

package/chips/typings/public-api.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export * from './chips-module';
+export * from './chip-list';
+export * from './chip';
+export * from './chip-input';

package/chips.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export * from './chips/index';

package/chips.metadata.json

@@ -0,0 +1,12 @@
+{
+  "__symbolic": "module",
+  "version": 3,
+  "metadata": {},
+  "exports": [
+    {
+      "from": "./chips/index"
+    }
+  ],
+  "flatModuleIndexRedirect": true,
+  "importAs": "@angular/material/chips"
+}

package/core/index.d.ts

@@ -1 +1,8 @@
-export * from './core';
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export * from './typings/index';

package/core/index.metadata.json

@@ -1 +1,12 @@
-[{"__symbolic":"module","version":2,"metadata":{},"exports":[{"from":"./core"}]},{"__symbolic":"module","exports":[{"from":"./core"}],"metadata":{},"version":1}]
+{
+  "__symbolic": "module",
+  "version": 3,
+  "metadata": {},
+  "exports": [
+    {
+      "from": "./typings/index"
+    }
+  ],
+  "flatModuleIndexRedirect": true,
+  "importAs": "@angular/material/core"
+}

package/core/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@angular/material/core",
+  "typings": "../core.d.ts",
+  "main": "../bundles/material-core.umd.js",
+  "module": "../esm5/core.es5.js",
+  "es2015": "../esm2015/core.js"
+}

package/core/typings/animation/animation.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/** @docs-private */
+export declare class AnimationCurves {
+    static STANDARD_CURVE: string;
+    static DECELERATION_CURVE: string;
+    static ACCELERATION_CURVE: string;
+    static SHARP_CURVE: string;
+}
+/** @docs-private */
+export declare class AnimationDurations {
+    static COMPLEX: string;
+    static ENTERING: string;
+    static EXITING: string;
+}

package/core/typings/common-behaviors/color.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Constructor } from './constructor';
+import { ElementRef, Renderer2 } from '@angular/core';
+/** @docs-private */
+export interface CanColor {
+    color: ThemePalette;
+}
+/** @docs-private */
+export interface HasRenderer {
+    _renderer: Renderer2;
+    _elementRef: ElementRef;
+}
+/** Possible color palette values.  */
+export declare type ThemePalette = 'primary' | 'accent' | 'warn' | undefined;
+/** Mixin to augment a directive with a `color` property. */
+export declare function mixinColor<T extends Constructor<HasRenderer>>(base: T, defaultColor?: ThemePalette): Constructor<CanColor> & T;

package/core/typings/common-behaviors/common-module.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { InjectionToken } from '@angular/core';
+/** Injection token that configures whether the Material sanity checks are enabled. */
+export declare const MATERIAL_SANITY_CHECKS: InjectionToken<boolean>;
+/**
+ * Module that captures anything that should be loaded and/or run for *all* Angular Material
+ * components. This includes Bidi, compatibility mode, etc.
+ *
+ * This module should be imported to each top-level component module (e.g., MatTabsModule).
+ */
+export declare class MatCommonModule {
+    /** Whether we've done the global sanity checks (e.g. a theme is loaded, there is a doctype). */
+    private _hasDoneGlobalChecks;
+    /** Reference to the global `document` object. */
+    private _document;
+    constructor(sanityChecksEnabled: boolean);
+    private _checkDoctype();
+    private _checkTheme();
+}

package/core/typings/common-behaviors/constructor.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/** @docs-private */
+export declare type Constructor<T> = new (...args: any[]) => T;

package/core/typings/common-behaviors/disable-ripple.d.ts

@@ -0,0 +1,7 @@
+import { Constructor } from './constructor';
+/** @docs-private */
+export interface CanDisableRipple {
+    disableRipple: boolean;
+}
+/** Mixin to augment a directive with a `disableRipple` property. */
+export declare function mixinDisableRipple<T extends Constructor<{}>>(base: T): Constructor<CanDisableRipple> & T;

package/core/typings/common-behaviors/disabled.d.ts

@@ -0,0 +1,7 @@
+import { Constructor } from './constructor';
+/** @docs-private */
+export interface CanDisable {
+    disabled: boolean;
+}
+/** Mixin to augment a directive with a `disabled` property. */
+export declare function mixinDisabled<T extends Constructor<{}>>(base: T): Constructor<CanDisable> & T;

package/core/typings/common-behaviors/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export { MatCommonModule, MATERIAL_SANITY_CHECKS } from './common-module';
+export { CanDisable, mixinDisabled } from './disabled';
+export { CanColor, mixinColor, ThemePalette } from './color';
+export { CanDisableRipple, mixinDisableRipple } from './disable-ripple';
+export { HasTabIndex, mixinTabIndex } from './tabindex';

package/core/typings/common-behaviors/tabindex.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Constructor } from './constructor';
+import { CanDisable } from './disabled';
+/** @docs-private */
+export interface HasTabIndex {
+    tabIndex: number;
+}
+/** Mixin to augment a directive with a `tabIndex` property. */
+export declare function mixinTabIndex<T extends Constructor<CanDisable>>(base: T, defaultTabIndex?: number): Constructor<HasTabIndex> & T;

package/core/typings/compatibility/compatibility.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { InjectionToken } from '@angular/core';
+export declare const MATERIAL_COMPATIBILITY_MODE: InjectionToken<boolean>;
+/** Selector that matches all elements that may have style collisions with AngularJS Material. */
+export declare const MAT_ELEMENTS_SELECTOR: string;
+/** Selector that matches all elements that may have style collisions with AngularJS Material. */
+export declare const MD_ELEMENTS_SELECTOR: string;
+/** Directive that enforces that the `mat-` prefix cannot be used. */
+export declare class MatPrefixRejector {
+}
+/** Directive that enforces that the `md-` prefix cannot be used. */
+export declare class MdPrefixRejector {
+}
+/**
+ * Module that enforces the default compatibility mode settings. When this module is loaded
+ * without NoConflictStyleCompatibilityMode also being imported, it will throw an error if
+ * there are any uses of the `mat-` prefix.
+ */
+export declare class CompatibilityModule {
+}
+/**
+ * Module that enforces "no-conflict" compatibility mode settings. When this module is loaded,
+ * it will throw an error if there are any uses of the `md-` prefix.
+ */
+export declare class NoConflictStyleCompatibilityMode {
+}