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

package/typings/dialog/dialog.d.ts

@@ -0,0 +1,108 @@
+import { BlockScrollStrategy, Overlay, ScrollStrategy } from '@angular/cdk/overlay';
+import { ComponentType } from '@angular/cdk/portal';
+import { Location } from '@angular/common';
+import { InjectionToken, Injector, TemplateRef } from '@angular/core';
+import { Observable } from 'rxjs/Observable';
+import { Subject } from 'rxjs/Subject';
+import { MatDialogConfig } from './dialog-config';
+import { MatDialogRef } from './dialog-ref';
+export declare const MAT_DIALOG_DATA: InjectionToken<any>;
+/** Injection token that determines the scroll handling while the dialog is open. */
+export declare const MAT_DIALOG_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
+/** @docs-private */
+export declare function MAT_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay: Overlay): () => BlockScrollStrategy;
+/** @docs-private */
+export declare const MAT_DIALOG_SCROLL_STRATEGY_PROVIDER: {
+    provide: InjectionToken<() => ScrollStrategy>;
+    deps: typeof Overlay[];
+    useFactory: (overlay: Overlay) => () => BlockScrollStrategy;
+};
+/**
+ * Service to open Material Design modal dialogs.
+ */
+export declare class MatDialog {
+    private _overlay;
+    private _injector;
+    private _scrollStrategy;
+    private _parentDialog;
+    private _openDialogsAtThisLevel;
+    private _afterAllClosedAtThisLevel;
+    private _afterOpenAtThisLevel;
+    private _boundKeydown;
+    /** Keeps track of the currently-open dialogs. */
+    readonly openDialogs: MatDialogRef<any>[];
+    /** Stream that emits when a dialog has been opened. */
+    readonly afterOpen: Subject<MatDialogRef<any>>;
+    readonly _afterAllClosed: any;
+    /**
+     * Stream that emits when all open dialog have finished closing.
+     * Will emit on subscribe if there are no open dialogs to begin with.
+     */
+    afterAllClosed: Observable<void>;
+    constructor(_overlay: Overlay, _injector: Injector, location: Location, _scrollStrategy: any, _parentDialog: MatDialog);
+    /**
+     * Opens a modal dialog containing the given component.
+     * @param componentOrTemplateRef Type of the component to load into the dialog,
+     *     or a TemplateRef to instantiate as the dialog content.
+     * @param config Extra configuration options.
+     * @returns Reference to the newly-opened dialog.
+     */
+    open<T>(componentOrTemplateRef: ComponentType<T> | TemplateRef<T>, config?: MatDialogConfig): MatDialogRef<T>;
+    /**
+     * Closes all of the currently-open dialogs.
+     */
+    closeAll(): void;
+    /**
+     * Finds an open dialog by its id.
+     * @param id ID to use when looking up the dialog.
+     */
+    getDialogById(id: string): MatDialogRef<any> | undefined;
+    /**
+     * Creates the overlay into which the dialog will be loaded.
+     * @param config The dialog configuration.
+     * @returns A promise resolving to the OverlayRef for the created overlay.
+     */
+    private _createOverlay(config);
+    /**
+     * Creates an overlay config from a dialog config.
+     * @param dialogConfig The dialog configuration.
+     * @returns The overlay configuration.
+     */
+    private _getOverlayConfig(dialogConfig);
+    /**
+     * Attaches an MatDialogContainer to a dialog's already-created overlay.
+     * @param overlay Reference to the dialog's underlying overlay.
+     * @param config The dialog configuration.
+     * @returns A promise resolving to a ComponentRef for the attached container.
+     */
+    private _attachDialogContainer(overlay, config);
+    /**
+     * Attaches the user-provided component to the already-created MatDialogContainer.
+     * @param componentOrTemplateRef The type of component being loaded into the dialog,
+     *     or a TemplateRef to instantiate as the content.
+     * @param dialogContainer Reference to the wrapping MatDialogContainer.
+     * @param overlayRef Reference to the overlay in which the dialog resides.
+     * @param config The dialog configuration.
+     * @returns A promise resolving to the MatDialogRef that should be returned to the user.
+     */
+    private _attachDialogContent<T>(componentOrTemplateRef, dialogContainer, overlayRef, config);
+    /**
+     * Creates a custom injector to be used inside the dialog. This allows a component loaded inside
+     * of a dialog to close itself and, optionally, to return a value.
+     * @param config Config object that is used to construct the dialog.
+     * @param dialogRef Reference to the dialog.
+     * @param container Dialog container element that wraps all of the contents.
+     * @returns The custom injector that can be used inside the dialog.
+     */
+    private _createInjector<T>(config, dialogRef, dialogContainer);
+    /**
+     * Removes a dialog from the array of open dialogs.
+     * @param dialogRef Dialog to be removed.
+     */
+    private _removeOpenDialog(dialogRef);
+    /**
+     * Handles global key presses while there are open dialogs. Closes the
+     * top dialog when the user presses escape.
+     */
+    private _handleKeydown(event);
+}

package/typings/dialog/index.d.ts

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

package/typings/dialog/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MatDialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule"},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule"}],"exports":[{"__symbolic":"reference","name":"MatDialogContainer"},{"__symbolic":"reference","name":"MatDialogClose"},{"__symbolic":"reference","name":"MatDialogTitle"},{"__symbolic":"reference","name":"MatDialogContent"},{"__symbolic":"reference","name":"MatDialogActions"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule"}],"declarations":[{"__symbolic":"reference","name":"MatDialogContainer"},{"__symbolic":"reference","name":"MatDialogClose"},{"__symbolic":"reference","name":"MatDialogTitle"},{"__symbolic":"reference","name":"MatDialogActions"},{"__symbolic":"reference","name":"MatDialogContent"}],"providers":[{"__symbolic":"reference","name":"MatDialog"},{"__symbolic":"reference","name":"MAT_DIALOG_SCROLL_STRATEGY_PROVIDER"}],"entryComponents":[{"__symbolic":"reference","name":"MatDialogContainer"}]}]}],"members":{}},"MAT_DIALOG_DATA":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["MatDialogData"]},"MAT_DIALOG_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["mat-dialog-scroll-strategy"]},"MAT_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Function call not supported","line":50,"character":9,"module":"./dialog"}},"MAT_DIALOG_SCROLL_STRATEGY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MAT_DIALOG_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay"}],"useFactory":{"__symbolic":"reference","name":"MAT_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY"}},"MatDialog":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"MAT_DIALOG_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay"},{"__symbolic":"reference","module":"@angular/core","name":"Injector"},{"__symbolic":"reference","module":"@angular/common","name":"Location"},null,{"__symbolic":"reference","name":"MatDialog"}]}],"open":[{"__symbolic":"method"}],"closeAll":[{"__symbolic":"method"}],"getDialogById":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_getOverlayConfig":[{"__symbolic":"method"}],"_attachDialogContainer":[{"__symbolic":"method"}],"_attachDialogContent":[{"__symbolic":"method"}],"_createInjector":[{"__symbolic":"method"}],"_removeOpenDialog":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}]}},"throwMatDialogContentAlreadyAttachedError":{"__symbolic":"function"},"MatDialogContainer":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"BasePortalHost"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"mat-dialog-container","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":"Default"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["slideDialog",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"none","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate3d(0, 25%, 0) scale(0.9)","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["exit",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate3d(0, 25%, 0)","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["* => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["400ms cubic-bezier(0.25, 0.8, 0.25, 1)"]}]}]]}],"host":{"class":"mat-dialog-container","tabindex":"-1","[attr.role]":"_config?.role","[attr.aria-labelledby]":"_ariaLabelledBy","[attr.aria-describedby]":"_config?.ariaDescribedBy || null","[@slideDialog]":"_state","(@slideDialog.start)":"_onAnimationStart($event)","(@slideDialog.done)":"_onAnimationDone($event)"},"template":"<ng-template cdkPortalHost></ng-template>","styles":[".mat-dialog-container{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);display:block;padding:24px;border-radius:2px;box-sizing:border-box;overflow:auto;max-width:80vw;outline:0;width:100%;height:100%}@media screen and (-ms-high-contrast:active){.mat-dialog-container{outline:solid 1px}}.mat-dialog-content{display:block;margin:0 -24px;padding:0 24px;max-height:65vh;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-backface-visibility:hidden;backface-visibility:hidden}.mat-dialog-title{margin:0 0 20px;display:block}.mat-dialog-actions{padding:12px 0;display:flex;flex-wrap:wrap}.mat-dialog-actions:last-child{margin-bottom:-24px}.mat-dialog-actions[align=end]{justify-content:flex-end}.mat-dialog-actions[align=center]{justify-content:center}.mat-dialog-actions .mat-button+.mat-button,.mat-dialog-actions .mat-button+.mat-raised-button,.mat-dialog-actions .mat-raised-button+.mat-button,.mat-dialog-actions .mat-raised-button+.mat-raised-button{margin-left:8px}[dir=rtl] .mat-dialog-actions .mat-button+.mat-button,[dir=rtl] .mat-dialog-actions .mat-button+.mat-raised-button,[dir=rtl] .mat-dialog-actions .mat-raised-button+.mat-button,[dir=rtl] .mat-dialog-actions .mat-raised-button+.mat-raised-button{margin-left:0;margin-right:8px}"]}]}],"members":{"_portalHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalHostDirective"}]}]}],"__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":"Inject"},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DOCUMENT"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusTrapFactory"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","name":"any"}]}],"attachComponentPortal":[{"__symbolic":"method"}],"attachTemplatePortal":[{"__symbolic":"method"}],"_trapFocus":[{"__symbolic":"method"}],"_restoreFocus":[{"__symbolic":"method"}],"_savePreviouslyFocusedElement":[{"__symbolic":"method"}],"_onAnimationDone":[{"__symbolic":"method"}],"_onAnimationStart":[{"__symbolic":"method"}],"_startExitAnimation":[{"__symbolic":"method"}]}},"MatDialogClose":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"button[mat-dialog-close], button[matDialogClose]","exportAs":"matDialogClose","host":{"(click)":"dialogRef.close(dialogResult)","[attr.aria-label]":"ariaLabel","type":"button"}}]}],"members":{"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-label"]}]}],"dialogResult":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mat-dialog-close"]}]}],"_matDialogClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["matDialogClose"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef"}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"MatDialogTitle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[mat-dialog-title], [matDialogTitle]","exportAs":"matDialogTitle","host":{"class":"mat-dialog-title","[id]":"id"}}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","name":"MatDialogContainer"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"MatDialogContent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[mat-dialog-content], mat-dialog-content, [matDialogContent]","host":{"class":"mat-dialog-content"}}]}],"members":{}},"MatDialogActions":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[mat-dialog-actions], mat-dialog-actions, [matDialogActions]","host":{"class":"mat-dialog-actions"}}]}],"members":{}},"DialogRole":{"__symbolic":"interface"},"DialogPosition":{"__symbolic":"interface"},"MatDialogConfig":{"__symbolic":"class","members":{}},"MatDialogRef":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayRef"},{"__symbolic":"reference","name":"MatDialogContainer"},{"__symbolic":"reference","name":"string"}]}],"close":[{"__symbolic":"method"}],"afterOpen":[{"__symbolic":"method"}],"afterClosed":[{"__symbolic":"method"}],"beforeClose":[{"__symbolic":"method"}],"backdropClick":[{"__symbolic":"method"}],"updatePosition":[{"__symbolic":"method"}],"updateSize":[{"__symbolic":"method"}],"_isAnimating":[{"__symbolic":"method"}],"_getPositionStrategy":[{"__symbolic":"method"}]}}},"origins":{"MatDialogModule":"./dialog-module","MAT_DIALOG_DATA":"./dialog","MAT_DIALOG_SCROLL_STRATEGY":"./dialog","MAT_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY":"./dialog","MAT_DIALOG_SCROLL_STRATEGY_PROVIDER":"./dialog","MatDialog":"./dialog","throwMatDialogContentAlreadyAttachedError":"./dialog-container","MatDialogContainer":"./dialog-container","MatDialogClose":"./dialog-content-directives","MatDialogTitle":"./dialog-content-directives","MatDialogContent":"./dialog-content-directives","MatDialogActions":"./dialog-content-directives","DialogRole":"./dialog-config","DialogPosition":"./dialog-config","MatDialogConfig":"./dialog-config","MatDialogRef":"./dialog-ref"},"importAs":"@angular/material/dialog"}

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

@@ -0,0 +1,13 @@
+/**
+ * @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 './dialog-module';
+export * from './dialog';
+export * from './dialog-container';
+export * from './dialog-content-directives';
+export * from './dialog-config';
+export * from './dialog-ref';

package/typings/expansion/accordion-item.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @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 { EventEmitter, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
+import { CdkAccordion } from './accordion';
+/**
+ * An abstract class to be extended and decorated as a component.  Sets up all
+ * events and attributes needed to be managed by a CdkAccordion parent.
+ */
+export declare class AccordionItem implements OnDestroy {
+    accordion: CdkAccordion;
+    private _changeDetectorRef;
+    protected _expansionDispatcher: UniqueSelectionDispatcher;
+    /** Event emitted every time the AccordionItem is closed. */
+    closed: EventEmitter<void>;
+    /** Event emitted every time the AccordionItem is opened. */
+    opened: EventEmitter<void>;
+    /** Event emitted when the AccordionItem is destroyed. */
+    destroyed: EventEmitter<void>;
+    /** The unique AccordionItem id. */
+    readonly id: string;
+    /** Whether the AccordionItem is expanded. */
+    expanded: boolean;
+    private _expanded;
+    /** Unregister function for _expansionDispatcher **/
+    private _removeUniqueSelectionListener;
+    constructor(accordion: CdkAccordion, _changeDetectorRef: ChangeDetectorRef, _expansionDispatcher: UniqueSelectionDispatcher);
+    /** Emits an event for the accordion item being destroyed. */
+    ngOnDestroy(): void;
+    /** Toggles the expanded state of the accordion item. */
+    toggle(): void;
+    /** Sets the expanded state of the accordion item to false. */
+    close(): void;
+    /** Sets the expanded state of the accordion item to true. */
+    open(): void;
+}

package/typings/expansion/accordion.d.ts

@@ -0,0 +1,29 @@
+/** MatAccordion's display modes. */
+export declare type MatAccordionDisplayMode = 'default' | 'flat';
+/**
+ * Directive whose purpose is to manage the expanded state of CdkAccordionItem children.
+ */
+export declare class CdkAccordion {
+    /** A readonly id value to use for unique selection coordination. */
+    readonly id: string;
+    /** Whether the accordion should allow multiple expanded accordion items simulateously. */
+    multi: boolean;
+    private _multi;
+    /** Whether the expansion indicator should be hidden. */
+    hideToggle: boolean;
+    private _hideToggle;
+    /**
+     * The display mode used for all expansion panels in the accordion. Currently two display
+     * modes exist:
+     *   default - a gutter-like spacing is placed around any expanded panel, placing the expanded
+     *     panel at a different elevation from the reset of the accordion.
+     *  flat - no spacing is placed around expanded panels, showing all panels at the same
+     *     elevation.
+     */
+    displayMode: MatAccordionDisplayMode;
+}
+/**
+ * Directive for a Material Design Accordion.
+ */
+export declare class MatAccordion extends CdkAccordion {
+}

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

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

package/typings/expansion/expansion-panel-header.d.ts

@@ -0,0 +1,49 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { ChangeDetectorRef, ElementRef, OnDestroy, Renderer2 } from '@angular/core';
+import { MatExpansionPanel } from './expansion-panel';
+/**
+ * <mat-expansion-panel-header> component.
+ *
+ * This component corresponds to the header element of an <mat-expansion-panel>.
+ *
+ * Please refer to README.md for examples on how to use it.
+ */
+export declare class MatExpansionPanelHeader implements OnDestroy {
+    panel: MatExpansionPanel;
+    private _element;
+    private _focusMonitor;
+    private _changeDetectorRef;
+    private _parentChangeSubscription;
+    constructor(renderer: Renderer2, panel: MatExpansionPanel, _element: ElementRef, _focusMonitor: FocusMonitor, _changeDetectorRef: ChangeDetectorRef);
+    /** Height of the header while the panel is expanded. */
+    expandedHeight: string;
+    /** Height of the header while the panel is collapsed. */
+    collapsedHeight: string;
+    /** Toggles the expanded state of the panel. */
+    _toggle(): void;
+    /** Gets whether the panel is expanded. */
+    _isExpanded(): boolean;
+    /** Gets the expanded state string of the panel. */
+    _getExpandedState(): string;
+    /** Gets the panel id. */
+    _getPanelId(): string;
+    /** Gets whether the expand indicator should be shown. */
+    _showToggle(): boolean;
+    /** Handle keyup event calling to toggle() if appropriate. */
+    _keyup(event: KeyboardEvent): void;
+    ngOnDestroy(): void;
+}
+/**
+ * <mat-panel-description> directive.
+ *
+ * This direction is to be used inside of the MatExpansionPanelHeader component.
+ */
+export declare class MatExpansionPanelDescription {
+}
+/**
+ * <mat-panel-title> directive.
+ *
+ * This direction is to be used inside of the MatExpansionPanelHeader component.
+ */
+export declare class MatExpansionPanelTitle {
+}

package/typings/expansion/expansion-panel.d.ts

@@ -0,0 +1,40 @@
+import { ChangeDetectorRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
+import { CanDisable } from '@angular/material/core';
+import { Subject } from 'rxjs/Subject';
+import { MatAccordion } from './accordion';
+import { AccordionItem } from './accordion-item';
+/** @docs-private */
+export declare class MatExpansionPanelBase extends AccordionItem {
+    constructor(accordion: MatAccordion, _changeDetectorRef: ChangeDetectorRef, _uniqueSelectionDispatcher: UniqueSelectionDispatcher);
+}
+export declare const _MatExpansionPanelMixinBase: (new (...args: any[]) => CanDisable) & typeof MatExpansionPanelBase;
+/** MatExpansionPanel's states. */
+export declare type MatExpansionPanelState = 'expanded' | 'collapsed';
+/** Time and timing curve for expansion panel animations. */
+export declare const EXPANSION_PANEL_ANIMATION_TIMING = "225ms cubic-bezier(0.4,0.0,0.2,1)";
+/**
+ * <mat-expansion-panel> component.
+ *
+ * This component can be used as a single element to show expandable content, or as one of
+ * multiple children of an element with the CdkAccordion directive attached.
+ *
+ * Please refer to README.md for examples on how to use it.
+ */
+export declare class MatExpansionPanel extends _MatExpansionPanelMixinBase implements CanDisable, OnChanges, OnDestroy {
+    /** Whether the toggle indicator should be hidden. */
+    hideToggle: boolean;
+    /** Stream that emits for changes in `@Input` properties. */
+    _inputChanges: Subject<SimpleChanges>;
+    constructor(accordion: MatAccordion, _changeDetectorRef: ChangeDetectorRef, _uniqueSelectionDispatcher: UniqueSelectionDispatcher);
+    /** Whether the expansion indicator should be hidden. */
+    _getHideToggle(): boolean;
+    /** Determines whether the expansion panel should have spacing between it and its siblings. */
+    _hasSpacing(): boolean;
+    /** Gets the expanded state string. */
+    _getExpandedState(): MatExpansionPanelState;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+}
+export declare class MatExpansionPanelActionRow {
+}

package/typings/expansion/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+export { EXPANSION_PANEL_ANIMATION_TIMING as ɵc15, MatExpansionPanelBase as ɵa15, _MatExpansionPanelMixinBase as ɵb15 } from './expansion-panel';

package/typings/expansion/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MatExpansionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule"}],"exports":[{"__symbolic":"reference","name":"CdkAccordion"},{"__symbolic":"reference","name":"MatAccordion"},{"__symbolic":"reference","name":"MatExpansionPanel"},{"__symbolic":"reference","name":"MatExpansionPanelActionRow"},{"__symbolic":"reference","name":"MatExpansionPanelHeader"},{"__symbolic":"reference","name":"MatExpansionPanelTitle"},{"__symbolic":"reference","name":"MatExpansionPanelDescription"}],"declarations":[{"__symbolic":"reference","name":"CdkAccordion"},{"__symbolic":"reference","name":"MatAccordion"},{"__symbolic":"reference","name":"MatExpansionPanel"},{"__symbolic":"reference","name":"MatExpansionPanelActionRow"},{"__symbolic":"reference","name":"MatExpansionPanelHeader"},{"__symbolic":"reference","name":"MatExpansionPanelTitle"},{"__symbolic":"reference","name":"MatExpansionPanelDescription"}],"providers":[{"__symbolic":"reference","module":"@angular/cdk/collections","name":"UNIQUE_SELECTION_DISPATCHER_PROVIDER"}]}]}],"members":{}},"CdkAccordion":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"cdk-accordion, [cdk-accordion]","exportAs":"cdkAccordion"}]}],"members":{"multi":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hideToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}},"MatAccordion":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"CdkAccordion"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"mat-accordion","exportAs":"matAccordion","host":{"class":"mat-accordion"}}]}],"members":{}},"MatAccordionDisplayMode":{"__symbolic":"interface"},"AccordionItem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"opened":[{"__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"}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null,null],"parameters":[{"__symbolic":"reference","name":"CdkAccordion"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/cdk/collections","name":"UniqueSelectionDispatcher"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}]}},"ɵa15":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AccordionItem"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatAccordion"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/cdk/collections","name":"UniqueSelectionDispatcher"}]}]}},"ɵb15":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinDisabled"},"arguments":[{"__symbolic":"reference","name":"ɵa15"}]},"ɵc15":"225ms cubic-bezier(0.4,0.0,0.2,1)","MatExpansionPanel":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb15"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"mat-expansion-panel","exportAs":"matExpansionPanel","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"},"inputs":["disabled","expanded"],"host":{"class":"mat-expansion-panel","[class.mat-expanded]":"expanded","[class.mat-expansion-panel-spacing]":"_hasSpacing()"},"providers":[{"provide":{"__symbolic":"reference","name":"AccordionItem"},"useExisting":{"__symbolic":"reference","name":"MatExpansionPanel"}}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["bodyExpansion",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"0px","visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*","visibility":"visible"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["expanded <=> collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["225ms cubic-bezier(0.4,0.0,0.2,1)"]}]}]]}],"template":"<ng-content select=\"mat-expansion-panel-header\"></ng-content><div [class.mat-expanded]=\"expanded\" class=\"mat-expansion-panel-content\" [@bodyExpansion]=\"_getExpandedState()\" [id]=\"id\"><div class=\"mat-expansion-panel-body\"><ng-content></ng-content></div><ng-content select=\"mat-action-row\"></ng-content></div>","styles":[".mat-expansion-panel{transition:box-shadow 280ms cubic-bezier(.4,0,.2,1);box-sizing:content-box;display:block;margin:0;transition:margin 225ms cubic-bezier(.4,0,.2,1)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mat-expansion-panel-content{overflow:hidden}.mat-expansion-panel-body{margin:0 24px 16px;overflow:auto}.mat-expansion-panel-spacing{margin:16px 0}.mat-accordion .mat-expansion-panel-spacing:first-child{margin-top:0}.mat-accordion .mat-expansion-panel-spacing:last-child{margin-bottom:0}.mat-action-row{border-top-style:solid;border-top-width:1px;display:flex;flex-direction:row;justify-content:flex-end;padding:16px 8px 16px 24px}.mat-action-row button.mat-button{margin-left:8px}[dir=rtl] .mat-action-row button.mat-button{margin-left:0;margin-right:8px}"]}]}],"members":{"hideToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}}],null,null],"parameters":[{"__symbolic":"reference","name":"MatAccordion"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/cdk/collections","name":"UniqueSelectionDispatcher"}]}],"_getHideToggle":[{"__symbolic":"method"}],"_hasSpacing":[{"__symbolic":"method"}],"_getExpandedState":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MatExpansionPanelState":{"__symbolic":"interface"},"MatExpansionPanelActionRow":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"mat-action-row","host":{"class":"mat-action-row"}}]}],"members":{}},"MatExpansionPanelHeader":{"__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-expansion-panel-header","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"},"host":{"class":"mat-expansion-panel-header","role":"button","[attr.tabindex]":"panel.disabled ? -1 : 0","[attr.aria-controls]":"_getPanelId()","[attr.aria-expanded]":"_isExpanded()","[attr.aria-disabled]":"panel.disabled","[class.mat-expanded]":"_isExpanded()","(click)":"_toggle()","(keyup)":"_keyup($event)","[@expansionHeight]":"{\n        value: _getExpandedState(),\n        params: {\n          collapsedHeight: collapsedHeight,\n          expandedHeight: expandedHeight\n        }\n    }"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["indicatorRotate",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"rotate(0deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"rotate(180deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["expanded <=> collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[{"__symbolic":"reference","name":"ɵc15"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["expansionHeight",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"{{collapsedHeight}}"}]},{"params":{"collapsedHeight":"48px"}}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"{{expandedHeight}}"}]},{"params":{"expandedHeight":"64px"}}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["expanded <=> collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[{"__symbolic":"reference","name":"ɵc15"}]}]}]]}],"template":"<span class=\"mat-content\"><ng-content select=\"mat-panel-title\"></ng-content><ng-content select=\"mat-panel-description\"></ng-content><ng-content></ng-content></span><span [@indicatorRotate]=\"_getExpandedState()\" *ngIf=\"_showToggle()\" class=\"mat-expansion-indicator\"></span>","styles":[".mat-expansion-panel-header{display:flex;flex-direction:row;align-items:center;padding:0 24px}.mat-expansion-panel-header:focus,.mat-expansion-panel-header:hover{outline:0}.mat-expansion-panel-header.mat-expanded:focus,.mat-expansion-panel-header.mat-expanded:hover{background:inherit}.mat-expansion-panel-header:not([aria-disabled=true]){cursor:pointer}.mat-content{display:flex;flex:1;flex-direction:row;overflow:hidden}.mat-expansion-panel-header-description,.mat-expansion-panel-header-title{display:flex;flex-grow:1;margin-right:16px}[dir=rtl] .mat-expansion-panel-header-description,[dir=rtl] .mat-expansion-panel-header-title{margin-right:0;margin-left:16px}.mat-expansion-panel-header-description{flex-grow:2}.mat-expansion-indicator::after{border-style:solid;border-width:0 2px 2px 0;content:'';display:inline-block;padding:3px;transform:rotate(45deg);vertical-align:middle}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}}],null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","name":"MatExpansionPanel"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"expandedHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"collapsedHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_toggle":[{"__symbolic":"method"}],"_isExpanded":[{"__symbolic":"method"}],"_getExpandedState":[{"__symbolic":"method"}],"_getPanelId":[{"__symbolic":"method"}],"_showToggle":[{"__symbolic":"method"}],"_keyup":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MatExpansionPanelDescription":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"mat-panel-description","host":{"class":"mat-expansion-panel-header-description"}}]}],"members":{}},"MatExpansionPanelTitle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"mat-panel-title","host":{"class":"mat-expansion-panel-header-title"}}]}],"members":{}}},"origins":{"MatExpansionModule":"./expansion-module","CdkAccordion":"./accordion","MatAccordion":"./accordion","MatAccordionDisplayMode":"./accordion","AccordionItem":"./accordion-item","ɵa15":"./expansion-panel","ɵb15":"./expansion-panel","ɵc15":"./expansion-panel","MatExpansionPanel":"./expansion-panel","MatExpansionPanelState":"./expansion-panel","MatExpansionPanelActionRow":"./expansion-panel","MatExpansionPanelHeader":"./expansion-panel-header","MatExpansionPanelDescription":"./expansion-panel-header","MatExpansionPanelTitle":"./expansion-panel-header"},"importAs":"@angular/material/expansion"}

package/typings/expansion/public-api.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 * from './expansion-module';
+export { CdkAccordion, MatAccordion, MatAccordionDisplayMode } from './accordion';
+export { AccordionItem } from './accordion-item';
+export { MatExpansionPanel, MatExpansionPanelState, MatExpansionPanelActionRow } from './expansion-panel';
+export { MatExpansionPanelHeader, MatExpansionPanelDescription, MatExpansionPanelTitle } from './expansion-panel-header';

package/typings/form-field/error.d.ts

@@ -0,0 +1,4 @@
+/** Single error message to be shown underneath the form field. */
+export declare class MatError {
+    id: string;
+}

package/typings/form-field/form-field-control.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @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 { Observable } from 'rxjs/Observable';
+import { NgControl } from '@angular/forms';
+/** An interface which allows a control to work inside of a `MatFormField`. */
+export declare abstract class MatFormFieldControl<T> {
+    /** The value of the control. */
+    value: T | null;
+    /**
+     * Stream that emits whenever the state of the control changes such that the parent `MatFormField`
+     * needs to run change detection.
+     */
+    readonly stateChanges: Observable<void>;
+    /** The element ID for this control. */
+    readonly id: string;
+    /** The placeholder for this control. */
+    readonly placeholder: string;
+    /** Gets the NgControl for this control. */
+    readonly ngControl: NgControl | null;
+    /** Whether the control is focused. */
+    readonly focused: boolean;
+    /** Whether the control is empty. */
+    readonly empty: boolean;
+    /** Whether the `MatFormField` label should try to float. */
+    readonly shouldPlaceholderFloat: boolean;
+    /** Whether the control is required. */
+    readonly required: boolean;
+    /** Whether the control is disabled. */
+    readonly disabled: boolean;
+    /** Whether the control is in an error state. */
+    readonly errorState: boolean;
+    /**
+     * An optional name for the control type that can be used to distinguish `mat-form-field` elements
+     * based on their control type. The form field will add a class,
+     * `mat-form-field-type-{{controlType}}` to its root element.
+     */
+    readonly controlType?: string;
+    /** Sets the list of element IDs that currently describe this control. */
+    abstract setDescribedByIds(ids: string[]): void;
+    /** Handles a click on the control's container. */
+    abstract onContainerClick(event: MouseEvent): void;
+}

package/typings/form-field/form-field-errors.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @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 function getMatFormFieldPlaceholderConflictError(): Error;
+/** @docs-private */
+export declare function getMatFormFieldDuplicatedHintError(align: string): Error;
+/** @docs-private */
+export declare function getMatFormFieldMissingControlError(): Error;

package/typings/form-field/form-field-module.d.ts

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

package/typings/form-field/form-field.d.ts

@@ -0,0 +1,78 @@
+import { AfterContentChecked, AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, QueryList, Renderer2 } from '@angular/core';
+import { FloatPlaceholderType, PlaceholderOptions } from '@angular/material/core';
+import { MatError } from './error';
+import { MatFormFieldControl } from './form-field-control';
+import { MatHint } from './hint';
+import { MatPlaceholder } from './placeholder';
+import { MatPrefix } from './prefix';
+import { MatSuffix } from './suffix';
+/** Container for form controls that applies Material Design styling and behavior. */
+export declare class MatFormField implements AfterViewInit, AfterContentInit, AfterContentChecked {
+    _elementRef: ElementRef;
+    private _renderer;
+    private _changeDetectorRef;
+    private _placeholderOptions;
+    /** Color of the form field underline, based on the theme. */
+    color: 'primary' | 'accent' | 'warn';
+    /** @deprecated Use `color` instead. */
+    dividerColor: 'primary' | 'accent' | 'warn';
+    /** Whether the required marker should be hidden. */
+    hideRequiredMarker: any;
+    private _hideRequiredMarker;
+    /** Override for the logic that disables the placeholder animation in certain cases. */
+    private _showAlwaysAnimate;
+    /** Whether the floating label should always float or not. */
+    readonly _shouldAlwaysFloat: boolean;
+    /** Whether the placeholder can float or not. */
+    readonly _canPlaceholderFloat: boolean;
+    /** State of the mat-hint and mat-error animations. */
+    _subscriptAnimationState: string;
+    /** Text for the form field hint. */
+    hintLabel: string;
+    private _hintLabel;
+    _hintLabelId: string;
+    /** Whether the placeholder should always float, never float or float as the user types. */
+    floatPlaceholder: FloatPlaceholderType;
+    private _floatPlaceholder;
+    /** Reference to the form field's underline element. */
+    underlineRef: ElementRef;
+    _connectionContainerRef: ElementRef;
+    private _placeholder;
+    _control: MatFormFieldControl<any>;
+    _placeholderChild: MatPlaceholder;
+    _errorChildren: QueryList<MatError>;
+    _hintChildren: QueryList<MatHint>;
+    _prefixChildren: QueryList<MatPrefix>;
+    _suffixChildren: QueryList<MatSuffix>;
+    constructor(_elementRef: ElementRef, _renderer: Renderer2, _changeDetectorRef: ChangeDetectorRef, placeholderOptions: PlaceholderOptions);
+    ngAfterContentInit(): void;
+    ngAfterContentChecked(): void;
+    ngAfterViewInit(): void;
+    /** Determines whether a class from the NgControl should be forwarded to the host element. */
+    _shouldForward(prop: string): boolean;
+    /** Whether the form field has a placeholder. */
+    _hasPlaceholder(): boolean;
+    /** Determines whether to display hints or errors. */
+    _getDisplayedMessages(): 'error' | 'hint';
+    /** Animates the placeholder up and locks it in position. */
+    _animateAndLockPlaceholder(): void;
+    /**
+     * Ensure that there is only one placeholder (either `placeholder` attribute on the child control
+     * or child element with the `mat-placeholder` directive).
+     */
+    private _validatePlaceholders();
+    /** Does any extra processing that is required when handling the hints. */
+    private _processHints();
+    /**
+     * Ensure that there is a maximum of one of each `<mat-hint>` alignment specified, with the
+     * attribute being considered as `align="start"`.
+     */
+    private _validateHints();
+    /**
+     * Sets the list of element IDs that describe the child control. This allows the control to update
+     * its `aria-describedby` attribute accordingly.
+     */
+    private _syncDescribedByIds();
+    /** Throws an error if the form field's control is missing. */
+    protected _validateControlChild(): void;
+}

package/typings/form-field/hint.d.ts

@@ -0,0 +1,7 @@
+/** Hint text to be shown underneath the form field control. */
+export declare class MatHint {
+    /** Whether to align the hint label at the start or end of the line. */
+    align: 'start' | 'end';
+    /** Unique ID for the hint. Used for the aria-describedby on the form field control. */
+    id: string;
+}

package/typings/form-field/index.d.ts

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