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

package/typings/tabs/tab-label.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 { TemplateRef, ViewContainerRef } from '@angular/core';
+import { TemplatePortalDirective } from '@angular/cdk/portal';
+/** Workaround for https://github.com/angular/angular/issues/17849 */
+export declare const _MatTabLabelBaseClass: typeof TemplatePortalDirective;
+/** Used to flag tab labels for use with the portal directive */
+export declare class MatTabLabel extends _MatTabLabelBaseClass {
+    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
+}

package/typings/tabs/tab-nav-bar/index.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 './tab-nav-bar';

package/typings/tabs/tab-nav-bar/tab-nav-bar.d.ts

@@ -0,0 +1,78 @@
+/**
+ * @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 { Directionality } from '@angular/cdk/bidi';
+import { Platform } from '@angular/cdk/platform';
+import { ViewportRuler } from '@angular/cdk/scrolling';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy, QueryList, Renderer2 } from '@angular/core';
+import { CanColor, CanDisable, CanDisableRipple, RippleGlobalOptions, ThemePalette } from '@angular/material/core';
+import { MatInkBar } from '../ink-bar';
+/** @docs-private */
+export declare class MatTabNavBase {
+    _renderer: Renderer2;
+    _elementRef: ElementRef;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+}
+export declare const _MatTabNavMixinBase: (new (...args: any[]) => CanDisableRipple) & (new (...args: any[]) => CanColor) & typeof MatTabNavBase;
+/**
+ * Navigation component matching the styles of the tab group header.
+ * Provides anchored navigation with animated ink bar.
+ */
+export declare class MatTabNav extends _MatTabNavMixinBase implements AfterContentInit, CanColor, CanDisableRipple, OnDestroy {
+    private _dir;
+    private _ngZone;
+    private _changeDetectorRef;
+    private _viewportRuler;
+    /** Subject that emits when the component has been destroyed. */
+    private _onDestroy;
+    _activeLinkChanged: boolean;
+    _activeLinkElement: ElementRef;
+    _inkBar: MatInkBar;
+    /** Query list of all tab links of the tab navigation. */
+    _tabLinks: QueryList<MatTabLink>;
+    /** Background color of the tab nav. */
+    backgroundColor: ThemePalette;
+    private _backgroundColor;
+    /** Whether ripples should be disabled for all links or not. */
+    disableRipple: boolean;
+    private _disableRipple;
+    constructor(renderer: Renderer2, elementRef: ElementRef, _dir: Directionality, _ngZone: NgZone, _changeDetectorRef: ChangeDetectorRef, _viewportRuler: ViewportRuler);
+    /** Notifies the component that the active link has been changed. */
+    updateActiveLink(element: ElementRef): void;
+    ngAfterContentInit(): void;
+    /** Checks if the active link has been changed and, if so, will update the ink bar. */
+    ngAfterContentChecked(): void;
+    ngOnDestroy(): void;
+    /** Aligns the ink bar to the active link. */
+    _alignInkBar(): void;
+    /** Sets the `disableRipple` property on each link of the navigation bar. */
+    private _setLinkDisableRipple();
+}
+export declare class MatTabLinkBase {
+}
+export declare const _MatTabLinkMixinBase: (new (...args: any[]) => CanDisable) & typeof MatTabLinkBase;
+/**
+ * Link inside of a `mat-tab-nav-bar`.
+ */
+export declare class MatTabLink extends _MatTabLinkMixinBase implements OnDestroy, CanDisable {
+    private _tabNavBar;
+    private _elementRef;
+    /** Whether the tab link is active or not. */
+    private _isActive;
+    /** Whether the ripples for this tab should be disabled or not. */
+    private _disableRipple;
+    /** Reference to the instance of the ripple for the tab link. */
+    private _tabLinkRipple;
+    /** Whether the link is active. */
+    active: boolean;
+    /** Whether ripples should be disabled or not. */
+    disableRipple: boolean;
+    /** @docs-private */
+    readonly tabIndex: number;
+    constructor(_tabNavBar: MatTabNav, _elementRef: ElementRef, ngZone: NgZone, platform: Platform, globalOptions: RippleGlobalOptions);
+    ngOnDestroy(): void;
+}

package/typings/tabs/tab.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @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 { TemplatePortal } from '@angular/cdk/portal';
+import { OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
+import { CanDisable } from '@angular/material/core';
+import { Subject } from 'rxjs/Subject';
+import { MatTabLabel } from './tab-label';
+/** @docs-private */
+export declare class MatTabBase {
+}
+export declare const _MatTabMixinBase: (new (...args: any[]) => CanDisable) & typeof MatTabBase;
+export declare class MatTab extends _MatTabMixinBase implements OnInit, CanDisable, OnChanges, OnDestroy {
+    private _viewContainerRef;
+    /** Content for the tab label given by <ng-template mat-tab-label>. */
+    templateLabel: MatTabLabel;
+    /** Template inside the MatTab view that contains an <ng-content>. */
+    _content: TemplateRef<any>;
+    /** The plain text label for the tab, used when there is no template label. */
+    textLabel: string;
+    /** The portal that will be the hosted content of the tab */
+    private _contentPortal;
+    readonly content: TemplatePortal<any> | null;
+    /** Emits whenever the label changes. */
+    _labelChange: Subject<void>;
+    /** Emits whenevfer the disable changes */
+    _disableChange: Subject<void>;
+    /**
+     * The relatively indexed position where 0 represents the center, negative is left, and positive
+     * represents the right.
+     */
+    position: number | null;
+    /**
+     * The initial relatively index origin of the tab if it was created and selected after there
+     * was already a selected tab. Provides context of what position the tab should originate from.
+     */
+    origin: number | null;
+    /**
+     * Whether the tab is currently active.
+     */
+    isActive: boolean;
+    constructor(_viewContainerRef: ViewContainerRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+}

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

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

package/typings/toolbar/index.d.ts

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

package/typings/toolbar/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MatToolbarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule"}],"exports":[{"__symbolic":"reference","name":"MatToolbar"},{"__symbolic":"reference","name":"MatToolbarRow"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule"}],"declarations":[{"__symbolic":"reference","name":"MatToolbar"},{"__symbolic":"reference","name":"MatToolbarRow"}]}]}],"members":{}},"MatToolbarRow":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"mat-toolbar-row","exportAs":"matToolbarRow","host":{"class":"mat-toolbar-row"}}]}],"members":{}},"MatToolbarBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}]}},"_MatToolbarMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinColor"},"arguments":[{"__symbolic":"reference","name":"MatToolbarBase"}]},"MatToolbar":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MatToolbarMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"mat-toolbar","exportAs":"matToolbar","inputs":["color"],"host":{"class":"mat-toolbar","role":"toolbar"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"preserveWhitespaces":false,"template":"<div class=\"mat-toolbar-layout\"><mat-toolbar-row><ng-content></ng-content></mat-toolbar-row><ng-content select=\"mat-toolbar-row\"></ng-content></div>","styles":[".mat-toolbar{display:flex;box-sizing:border-box;width:100%;padding:0 16px;flex-direction:column}.mat-toolbar .mat-toolbar-row{display:flex;box-sizing:border-box;width:100%;flex-direction:row;align-items:center;white-space:nowrap}.mat-toolbar{min-height:64px}.mat-toolbar-row{height:64px}@media (max-width:600px){.mat-toolbar{min-height:56px}.mat-toolbar-row{height:56px}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}]}}},"origins":{"MatToolbarModule":"./toolbar-module","MatToolbarRow":"./toolbar","MatToolbarBase":"./toolbar","_MatToolbarMixinBase":"./toolbar","MatToolbar":"./toolbar"},"importAs":"@angular/material/toolbar"}

package/typings/toolbar/public-api.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
+ */
+export * from './toolbar-module';
+export * from './toolbar';

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

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

package/typings/toolbar/toolbar.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @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 { ElementRef, Renderer2 } from '@angular/core';
+import { CanColor } from '@angular/material/core';
+export declare class MatToolbarRow {
+}
+/** @docs-private */
+export declare class MatToolbarBase {
+    _renderer: Renderer2;
+    _elementRef: ElementRef;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+}
+export declare const _MatToolbarMixinBase: (new (...args: any[]) => CanColor) & typeof MatToolbarBase;
+export declare class MatToolbar extends _MatToolbarMixinBase implements CanColor {
+    constructor(renderer: Renderer2, elementRef: ElementRef);
+}

package/typings/tooltip/index.d.ts

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

package/typings/tooltip/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MatTooltipModule":{"__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/material/core","name":"MatCommonModule"},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"PlatformModule"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule"}],"exports":[{"__symbolic":"reference","name":"MatTooltip"},{"__symbolic":"reference","name":"TooltipComponent"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule"}],"declarations":[{"__symbolic":"reference","name":"MatTooltip"},{"__symbolic":"reference","name":"TooltipComponent"}],"entryComponents":[{"__symbolic":"reference","name":"TooltipComponent"}],"providers":[{"__symbolic":"reference","name":"MAT_TOOLTIP_SCROLL_STRATEGY_PROVIDER"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"ARIA_DESCRIBER_PROVIDER"}]}]}],"members":{}},"TooltipPosition":{"__symbolic":"interface"},"TOUCHEND_HIDE_DELAY":1500,"SCROLL_THROTTLE_MS":20,"TOOLTIP_PANEL_CLASS":"mat-tooltip-panel","getMatTooltipInvalidPositionError":{"__symbolic":"function","parameters":["position"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Error"},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"Tooltip position \"","right":{"__symbolic":"reference","name":"position"}},"right":"\" is invalid."}]}},"MAT_TOOLTIP_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["mat-tooltip-scroll-strategy"]},"MAT_TOOLTIP_SCROLL_STRATEGY_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Function call not supported","line":72,"character":9,"module":"./tooltip"}},"MAT_TOOLTIP_SCROLL_STRATEGY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MAT_TOOLTIP_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay"}],"useFactory":{"__symbolic":"reference","name":"MAT_TOOLTIP_SCROLL_STRATEGY_PROVIDER_FACTORY"}},"MatTooltip":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[mat-tooltip], [matTooltip]","exportAs":"matTooltip","host":{"(longpress)":"show()","(focus)":"show()","(blur)":"hide(0)","(keydown)":"_handleKeydown($event)","(touchend)":"hide(1500)"}}]}],"members":{"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["matTooltipPosition"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["matTooltipDisabled"]}]}],"_positionDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["tooltip-position"]}]}],"showDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["matTooltipShowDelay"]}]}],"hideDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["matTooltipHideDelay"]}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["matTooltip"]}]}],"tooltipClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["matTooltipClass"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"MAT_TOOLTIP_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollDispatcher"},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"AriaDescriber"},null,{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"_isTooltipVisible":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_createTooltip":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_disposeTooltip":[{"__symbolic":"method"}],"_getOrigin":[{"__symbolic":"method"}],"_getOverlayPosition":[{"__symbolic":"method"}],"_updateTooltipMessage":[{"__symbolic":"method"}],"_setTooltipClass":[{"__symbolic":"method"}],"_invertPosition":[{"__symbolic":"method"}]}},"TooltipVisibility":{"__symbolic":"interface"},"TooltipComponent":{"__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-tooltip-component","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"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["initial, void, hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"scale(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"scale(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["* => visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["150ms cubic-bezier(0.0, 0.0, 0.2, 1)"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["* => hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["150ms cubic-bezier(0.4, 0.0, 1, 1)"]}]}]]}],"host":{"[style.zoom]":"_visibility === \"visible\" ? 1 : null","(body:click)":"this._handleBodyInteraction()","aria-hidden":"true"},"template":"<div class=\"mat-tooltip\" [ngClass]=\"tooltipClass\" [style.transform-origin]=\"_transformOrigin\" [@state]=\"_visibility\" (@state.start)=\"_animationStart()\" (@state.done)=\"_animationDone($event)\">{{message}}</div>","styles":[".mat-tooltip-panel{pointer-events:none!important}.mat-tooltip{color:#fff;border-radius:2px;margin:14px;max-width:250px;padding-left:8px;padding-right:8px}@media screen and (-ms-high-contrast:active){.mat-tooltip{outline:solid 1px}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"afterHidden":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}],"_setTransformOrigin":[{"__symbolic":"method"}],"_animationStart":[{"__symbolic":"method"}],"_animationDone":[{"__symbolic":"method"}],"_handleBodyInteraction":[{"__symbolic":"method"}],"_markForCheck":[{"__symbolic":"method"}]}}},"origins":{"MatTooltipModule":"./tooltip-module","TooltipPosition":"./tooltip","TOUCHEND_HIDE_DELAY":"./tooltip","SCROLL_THROTTLE_MS":"./tooltip","TOOLTIP_PANEL_CLASS":"./tooltip","getMatTooltipInvalidPositionError":"./tooltip","MAT_TOOLTIP_SCROLL_STRATEGY":"./tooltip","MAT_TOOLTIP_SCROLL_STRATEGY_PROVIDER_FACTORY":"./tooltip","MAT_TOOLTIP_SCROLL_STRATEGY_PROVIDER":"./tooltip","MatTooltip":"./tooltip","TooltipVisibility":"./tooltip","TooltipComponent":"./tooltip"},"importAs":"@angular/material/tooltip"}

package/typings/tooltip/public-api.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
+ */
+export * from './tooltip-module';
+export * from './tooltip';

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

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

package/typings/tooltip/tooltip.d.ts

@@ -0,0 +1,175 @@
+/**
+ * @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 { AnimationEvent } from '@angular/animations';
+import { AriaDescriber } from '@angular/cdk/a11y';
+import { Directionality } from '@angular/cdk/bidi';
+import { OriginConnectionPosition, Overlay, OverlayConnectionPosition, OverlayRef, RepositionScrollStrategy, ScrollStrategy, ConnectionPositionPair } from '@angular/cdk/overlay';
+import { Platform } from '@angular/cdk/platform';
+import { ScrollDispatcher } from '@angular/cdk/scrolling';
+import { ChangeDetectorRef, ElementRef, InjectionToken, NgZone, OnDestroy, Renderer2, ViewContainerRef } from '@angular/core';
+import { Observable } from 'rxjs/Observable';
+export declare type TooltipPosition = 'left' | 'right' | 'above' | 'below' | 'before' | 'after';
+/** Time in ms to delay before changing the tooltip visibility to hidden */
+export declare const TOUCHEND_HIDE_DELAY = 1500;
+/** Time in ms to throttle repositioning after scroll events. */
+export declare const SCROLL_THROTTLE_MS = 20;
+/** CSS class that will be attached to the overlay panel. */
+export declare const TOOLTIP_PANEL_CLASS = "mat-tooltip-panel";
+/** Creates an error to be thrown if the user supplied an invalid tooltip position. */
+export declare function getMatTooltipInvalidPositionError(position: string): Error;
+/** Injection token that determines the scroll handling while a tooltip is visible. */
+export declare const MAT_TOOLTIP_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
+/** @docs-private */
+export declare function MAT_TOOLTIP_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay: Overlay): () => RepositionScrollStrategy;
+/** @docs-private */
+export declare const MAT_TOOLTIP_SCROLL_STRATEGY_PROVIDER: {
+    provide: InjectionToken<() => ScrollStrategy>;
+    deps: typeof Overlay[];
+    useFactory: (overlay: Overlay) => () => RepositionScrollStrategy;
+};
+/**
+ * Directive that attaches a material design tooltip to the host element. Animates the showing and
+ * hiding of a tooltip provided position (defaults to below the element).
+ *
+ * https://material.google.com/components/tooltips.html
+ */
+export declare class MatTooltip implements OnDestroy {
+    private _overlay;
+    private _elementRef;
+    private _scrollDispatcher;
+    private _viewContainerRef;
+    private _ngZone;
+    private _platform;
+    private _ariaDescriber;
+    private _scrollStrategy;
+    private _dir;
+    _overlayRef: OverlayRef | null;
+    _tooltipInstance: TooltipComponent | null;
+    private _position;
+    private _disabled;
+    private _tooltipClass;
+    /** Allows the user to define the position of the tooltip relative to the parent element */
+    position: TooltipPosition;
+    /** Disables the display of the tooltip. */
+    disabled: boolean;
+    /** @deprecated */
+    _positionDeprecated: TooltipPosition;
+    /** The default delay in ms before showing the tooltip after show is called */
+    showDelay: number;
+    /** The default delay in ms before hiding the tooltip after hide is called */
+    hideDelay: number;
+    private _message;
+    /** The message to be displayed in the tooltip */
+    message: string;
+    /** Classes to be passed to the tooltip. Supports the same syntax as `ngClass`. */
+    tooltipClass: string | string[] | Set<string> | {
+        [key: string]: any;
+    };
+    private _enterListener;
+    private _leaveListener;
+    constructor(renderer: Renderer2, _overlay: Overlay, _elementRef: ElementRef, _scrollDispatcher: ScrollDispatcher, _viewContainerRef: ViewContainerRef, _ngZone: NgZone, _platform: Platform, _ariaDescriber: AriaDescriber, _scrollStrategy: any, _dir: Directionality);
+    /**
+     * Dispose the tooltip when destroyed.
+     */
+    ngOnDestroy(): void;
+    /** Shows the tooltip after the delay in ms, defaults to tooltip-delay-show or 0ms if no input */
+    show(delay?: number): void;
+    /** Hides the tooltip after the delay in ms, defaults to tooltip-delay-hide or 0ms if no input */
+    hide(delay?: number): void;
+    /** Shows/hides the tooltip */
+    toggle(): void;
+    /** Returns true if the tooltip is currently visible to the user */
+    _isTooltipVisible(): boolean;
+    /** Handles the keydown events on the host element. */
+    _handleKeydown(e: KeyboardEvent): void;
+    /** Create the tooltip to display */
+    private _createTooltip();
+    /** Create the overlay config and position strategy */
+    private _createOverlay();
+    /** Disposes the current tooltip and the overlay it is attached to */
+    private _disposeTooltip();
+    /**
+     * Returns the origin position and a fallback position based on the user's position preference.
+     * The fallback position is the inverse of the origin (e.g. 'below' -> 'above').
+     */
+    _getOrigin(): {
+        main: OriginConnectionPosition;
+        fallback: OriginConnectionPosition;
+    };
+    /** Returns the overlay position and a fallback position based on the user's preference */
+    _getOverlayPosition(): {
+        main: OverlayConnectionPosition;
+        fallback: OverlayConnectionPosition;
+    };
+    /** Updates the tooltip message and repositions the overlay according to the new message length */
+    private _updateTooltipMessage();
+    /** Updates the tooltip class */
+    private _setTooltipClass(tooltipClass);
+    /** Inverts an overlay position. */
+    private _invertPosition(x, y);
+}
+export declare type TooltipVisibility = 'initial' | 'visible' | 'hidden';
+/**
+ * Internal component that wraps the tooltip's content.
+ * @docs-private
+ */
+export declare class TooltipComponent {
+    private _changeDetectorRef;
+    /** Message to display in the tooltip */
+    message: string;
+    /** Classes to be added to the tooltip. Supports the same syntax as `ngClass`. */
+    tooltipClass: string | string[] | Set<string> | {
+        [key: string]: any;
+    };
+    /** The timeout ID of any current timer set to show the tooltip */
+    _showTimeoutId: number;
+    /** The timeout ID of any current timer set to hide the tooltip */
+    _hideTimeoutId: number;
+    /** Property watched by the animation framework to show or hide the tooltip */
+    _visibility: TooltipVisibility;
+    /** Whether interactions on the page should close the tooltip */
+    private _closeOnInteraction;
+    /** The transform origin used in the animation for showing and hiding the tooltip */
+    _transformOrigin: 'top' | 'bottom' | 'left' | 'right';
+    /** Current position of the tooltip. */
+    private _position;
+    /** Subject for notifying that the tooltip has been hidden from the view */
+    private _onHide;
+    constructor(_changeDetectorRef: ChangeDetectorRef);
+    /**
+     * Shows the tooltip with an animation originating from the provided origin
+     * @param position Position of the tooltip.
+     * @param delay Amount of milliseconds to the delay showing the tooltip.
+     */
+    show(position: TooltipPosition, delay: number): void;
+    /**
+     * Begins the animation to hide the tooltip after the provided delay in ms.
+     * @param delay Amount of milliseconds to delay showing the tooltip.
+     */
+    hide(delay: number): void;
+    /** Returns an observable that notifies when the tooltip has been hidden from view. */
+    afterHidden(): Observable<void>;
+    /** Whether the tooltip is being displayed. */
+    isVisible(): boolean;
+    /** Sets the tooltip transform origin according to the position of the tooltip overlay. */
+    _setTransformOrigin(overlayPosition: ConnectionPositionPair): void;
+    _animationStart(): void;
+    _animationDone(event: AnimationEvent): void;
+    /**
+     * Interactions on the HTML body should close the tooltip immediately as defined in the
+     * material design spec.
+     * https://material.google.com/components/tooltips.html#tooltips-interaction
+     */
+    _handleBodyInteraction(): void;
+    /**
+     * Marks that the tooltip needs to be checked in the next change detection run.
+     * Mainly used for rendering the initial text before positioning a tooltip, which
+     * can be problematic in components with OnPush change detection.
+     */
+    _markForCheck(): void;
+}

package/typings/version.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @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 { Version } from '@angular/core';
+/** Current version of Angular Material. */
+export declare const VERSION: Version;

package/autocomplete/README.md

@@ -1,5 +0,0 @@
-
-## Not yet implemented!
-
-The autocomplete is not yet implemented. This is only a scaffold to make
-subsequent PRs easier to read. Please do not try to use yet :)

package/autocomplete/_autocomplete-theme.scss

@@ -1,5 +0,0 @@
-@import '../core/theming/theming';
-
-@mixin md-autocomplete-theme($theme) {
-
-}

package/autocomplete/autocomplete.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"autocomplete.css","sourcesContent":[]}

package/autocomplete/autocomplete.d.ts

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

package/autocomplete/autocomplete.html

@@ -1 +0,0 @@
-I'm an autocomplete!

package/autocomplete/autocomplete.js

@@ -1,25 +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, ViewEncapsulation } from '@angular/core';
-export var MdAutocomplete = (function () {
-    function MdAutocomplete() {
-    }
-    MdAutocomplete = __decorate([
-        Component({selector: 'md-autocomplete, mat-autocomplete',
-            template: "I'm an autocomplete!",
-            styles: [""],
-            encapsulation: ViewEncapsulation.None,
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdAutocomplete);
-    return MdAutocomplete;
-}());
-
-//# sourceMappingURL=autocomplete.js.map

package/autocomplete/autocomplete.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["autocomplete/autocomplete.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EAAC,SAAS,EAAE,iBAAiB,EAAC,MAAM,eAAe;AAS1D;IAAA;IAA6B,CAAC;IAP9B;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,MAAM,CAAC,EAAE;YACnB,QAAQ,EAAE,mCAAmC;YAC7C,WAAW,EAAE,mBAAmB;YAChC,SAAS,EAAE,CAAC,kBAAkB,CAAC;YAC/B,aAAa,EAAE,iBAAiB,CAAC,IAAI;SACtC,CAAC;;sBAAA;IAC2B,qBAAC;AAAD,CAA7B,AAA8B,IAAA","file":"autocomplete.js","sourcesContent":["import {Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n  moduleId: module.id,\n  selector: 'md-autocomplete, mat-autocomplete',\n  templateUrl: 'autocomplete.html',\n  styleUrls: ['autocomplete.css'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MdAutocomplete {}\n\n"]}

package/autocomplete/autocomplete.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdAutocomplete":{"__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-autocomplete, mat-autocomplete","templateUrl":"autocomplete.html","styleUrls":["autocomplete.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}]}}},{"__symbolic":"module","metadata":{"MdAutocomplete":{"__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-autocomplete, mat-autocomplete","templateUrl":"autocomplete.html","styleUrls":["autocomplete.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}]}},"version":1}]

package/autocomplete/index.js

@@ -1,34 +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 { NgModule } from '@angular/core';
-import { DefaultStyleCompatibilityModeModule } from '../core';
-import { MdAutocomplete } from './autocomplete';
-export * from './autocomplete';
-export var MdAutocompleteModule = (function () {
-    function MdAutocompleteModule() {
-    }
-    MdAutocompleteModule.forRoot = function () {
-        return {
-            ngModule: MdAutocompleteModule,
-            providers: []
-        };
-    };
-    MdAutocompleteModule = __decorate([
-        NgModule({
-            imports: [DefaultStyleCompatibilityModeModule],
-            exports: [MdAutocomplete, DefaultStyleCompatibilityModeModule],
-            declarations: [MdAutocomplete],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdAutocompleteModule);
-    return MdAutocompleteModule;
-}());
-
-//# sourceMappingURL=index.js.map

package/autocomplete/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["autocomplete/index.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EAAsB,QAAQ,EAAC,MAAM,eAAe;OACpD,EAAC,mCAAmC,EAAC,MAAM,SAAS;OACpD,EAAC,cAAc,EAAC,MAAM,gBAAgB;AAC7C,cAAc,gBAAgB,CAAC;AAO/B;IAAA;IAOA,CAAC;IANQ,4BAAO,GAAd;QACE,MAAM,CAAC;YACL,QAAQ,EAAE,oBAAoB;YAC9B,SAAS,EAAE,EAAE;SACd,CAAC;IACJ,CAAC;IAXH;QAAC,QAAQ,CAAC;YACR,OAAO,EAAE,CAAC,mCAAmC,CAAC;YAC9C,OAAO,EAAE,CAAC,cAAc,EAAE,mCAAmC,CAAC;YAC9D,YAAY,EAAE,CAAC,cAAc,CAAC;SAC/B,CAAC;;4BAAA;IAQF,2BAAC;AAAD,CAPA,AAOC,IAAA","file":"index.js","sourcesContent":["import {ModuleWithProviders, NgModule} from '@angular/core';\nimport {DefaultStyleCompatibilityModeModule} from '../core';\nimport {MdAutocomplete} from './autocomplete';\nexport * from './autocomplete';\n\n@NgModule({\n  imports: [DefaultStyleCompatibilityModeModule],\n  exports: [MdAutocomplete, DefaultStyleCompatibilityModeModule],\n  declarations: [MdAutocomplete],\n})\nexport class MdAutocompleteModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdAutocompleteModule,\n      providers: []\n    };\n  }\n}\n"]}

package/button/OVERVIEW.md

@@ -1,25 +0,0 @@
-Angular Material buttons are native `<button>` or `<a>` elements enhanced with Material Design 
-styling and ink ripples.
-
-<!-- example(button-overview) -->
-
-Native `<button>` and `<a>` elements are always used in order to provide the most straightforward
-and accessible experience for users. A `<button>` element should be used whenever some _action_
-is performed. An `<a>` element should be used whenever the user will _navigate_ to another view.
-
-
-There are five button variants, each applied as an attribute:
-
-| Attribute          | Description                                                                 |
-|--------------------|-----------------------------------------------------------------------------|
-| `md-button`        | Rectangular button w/ no elevation.                                         |
-| `md-raised-button` | Rectangular button w/ elevation                                             |
-| `md-icon-button`   | Circular button with a transparent background, meant to contain an icon     |
-| `md-fab`           | Circular button w/ elevation, defaults to theme's accent color              |
-| `md-mini-fab`      | Same as `md-fab` but smaller                                                |
-
-
-### Theming
-Buttons can be colored in terms of the current theme using the `color` property to set the 
-background color to `primary`, `accent`, or `warn`. By default, only FABs are colored; the default
-background color for `md-button` and `md-raised-button` matches the theme's background color.