@angular/material 2.0.0-alpha.9-3 → 2.0.0-beta.11

package/typings/menu/menu-item.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @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, OnDestroy } from '@angular/core';
+import { CanDisable } from '@angular/material/core';
+import { Subject } from 'rxjs/Subject';
+/** @docs-private */
+export declare class MdMenuItemBase {
+}
+export declare const _MdMenuItemMixinBase: (new (...args: any[]) => CanDisable) & typeof MdMenuItemBase;
+/**
+ * This directive is intended to be used inside an md-menu tag.
+ * It exists mostly to set the role attribute.
+ */
+export declare class MdMenuItem extends _MdMenuItemMixinBase implements FocusableOption, CanDisable, OnDestroy {
+    private _elementRef;
+    /** Stream that emits when the menu item is hovered. */
+    hover: Subject<MdMenuItem>;
+    /** Whether the menu item is highlighted. */
+    _highlighted: boolean;
+    /** Whether the menu item acts as a trigger for a sub-menu. */
+    _triggersSubmenu: boolean;
+    constructor(_elementRef: ElementRef);
+    /** Focuses the menu item. */
+    focus(): void;
+    ngOnDestroy(): void;
+    /** Used to set the `tabindex`. */
+    _getTabIndex(): string;
+    /** Returns the host DOM element. */
+    _getHostElement(): HTMLElement;
+    /** Prevents the default element actions if it is disabled. */
+    _checkDisabled(event: Event): void;
+    /** Emits to the hover stream. */
+    _emitHoverEvent(): void;
+}

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

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

package/typings/menu/menu-panel.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 { EventEmitter, TemplateRef } from '@angular/core';
+import { MenuPositionX, MenuPositionY } from './menu-positions';
+import { Direction } from '@angular/cdk/bidi';
+export interface MdMenuPanel {
+    xPosition: MenuPositionX;
+    yPosition: MenuPositionY;
+    overlapTrigger: boolean;
+    templateRef: TemplateRef<any>;
+    close: EventEmitter<void | 'click' | 'keydown'>;
+    parentMenu?: MdMenuPanel | undefined;
+    direction?: Direction;
+    focusFirstItem: () => void;
+    setPositionClasses: (x: MenuPositionX, y: MenuPositionY) => void;
+    setElevation?(depth: number): void;
+}

package/typings/menu/menu-positions.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 declare type MenuPositionX = 'before' | 'after';
+export declare type MenuPositionY = 'above' | 'below';

package/typings/menu/menu-trigger.d.ts

@@ -0,0 +1,116 @@
+import { Direction, Directionality } from '@angular/cdk/bidi';
+import { Overlay, RepositionScrollStrategy, ScrollStrategy } from '@angular/cdk/overlay';
+import { AfterViewInit, ElementRef, EventEmitter, InjectionToken, OnDestroy, ViewContainerRef } from '@angular/core';
+import { MdMenu } from './menu-directive';
+import { MdMenuItem } from './menu-item';
+import { MdMenuPanel } from './menu-panel';
+/** Injection token that determines the scroll handling while the menu is open. */
+export declare const MD_MENU_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
+/** @docs-private */
+export declare function MD_MENU_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay: Overlay): () => RepositionScrollStrategy;
+/** @docs-private */
+export declare const MD_MENU_SCROLL_STRATEGY_PROVIDER: {
+    provide: InjectionToken<() => ScrollStrategy>;
+    deps: typeof Overlay[];
+    useFactory: (overlay: Overlay) => () => RepositionScrollStrategy;
+};
+/** Default top padding of the menu panel. */
+export declare const MENU_PANEL_TOP_PADDING = 8;
+/**
+ * This directive is intended to be used in conjunction with an md-menu tag.  It is
+ * responsible for toggling the display of the provided menu instance.
+ */
+export declare class MdMenuTrigger implements AfterViewInit, OnDestroy {
+    private _overlay;
+    private _element;
+    private _viewContainerRef;
+    private _scrollStrategy;
+    private _parentMenu;
+    private _menuItemInstance;
+    private _dir;
+    private _portal;
+    private _overlayRef;
+    private _menuOpen;
+    private _closeSubscription;
+    private _positionSubscription;
+    private _hoverSubscription;
+    private _openedByMouse;
+    /** @deprecated */
+    _deprecatedMdMenuTriggerFor: MdMenuPanel;
+    /** @deprecated */
+    _deprecatedMatMenuTriggerFor: MdMenuPanel;
+    _matMenuTriggerFor: MdMenuPanel;
+    /** References the menu instance that the trigger is associated with. */
+    menu: MdMenuPanel;
+    /** Event emitted when the associated menu is opened. */
+    onMenuOpen: EventEmitter<void>;
+    /** Event emitted when the associated menu is closed. */
+    onMenuClose: EventEmitter<void>;
+    constructor(_overlay: Overlay, _element: ElementRef, _viewContainerRef: ViewContainerRef, _scrollStrategy: any, _parentMenu: MdMenu, _menuItemInstance: MdMenuItem, _dir: Directionality);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /** Whether the menu is open. */
+    readonly menuOpen: boolean;
+    /** The text direction of the containing app. */
+    readonly dir: Direction;
+    /** Whether the menu triggers a sub-menu or a top-level one. */
+    triggersSubmenu(): boolean;
+    /** Toggles the menu between the open and closed states. */
+    toggleMenu(): void;
+    /** Opens the menu. */
+    openMenu(): void;
+    /** Closes the menu. */
+    closeMenu(): void;
+    /** Focuses the menu trigger. */
+    focus(): void;
+    /**
+     * This method sets the menu state to open and focuses the first item if
+     * the menu was opened via the keyboard.
+     */
+    private _initMenu();
+    /** Updates the menu elevation based on the amount of parent menus that it has. */
+    private _setMenuElevation();
+    /**
+     * This method resets the menu when it's closed, most importantly restoring
+     * focus to the menu trigger if the menu was opened via the keyboard.
+     */
+    private _resetMenu();
+    private _setIsMenuOpen(isOpen);
+    /**
+     * This method checks that a valid instance of MdMenu has been passed into
+     * mdMenuTriggerFor. If not, an exception is thrown.
+     */
+    private _checkMenu();
+    /**
+     * This method creates the overlay from the provided menu's template and saves its
+     * OverlayRef so that it can be attached to the DOM when openMenu is called.
+     */
+    private _createOverlay();
+    /**
+     * This method builds the configuration object needed to create the overlay, the OverlayState.
+     * @returns OverlayConfig
+     */
+    private _getOverlayConfig();
+    /**
+     * Listens to changes in the position of the overlay and sets the correct classes
+     * on the menu based on the new position. This ensures the animation origin is always
+     * correct, even if a fallback position is used for the overlay.
+     */
+    private _subscribeToPositions(position);
+    /**
+     * This method builds the position strategy for the overlay, so the menu is properly connected
+     * to the trigger.
+     * @returns ConnectedPositionStrategy
+     */
+    private _getPosition();
+    /** Cleans up the active subscriptions. */
+    private _cleanUpSubscriptions();
+    /** Returns a stream that emits whenever an action that should close the menu occurs. */
+    private _menuClosingActions();
+    /** Handles mouse presses on the trigger. */
+    _handleMousedown(event: MouseEvent): void;
+    /** Handles key presses on the trigger. */
+    _handleKeydown(event: KeyboardEvent): void;
+    /** Handles click events on the trigger. */
+    _handleClick(event: MouseEvent): void;
+}

package/typings/menu/menu.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 { MdMenu, MdMenuDefaultOptions, MD_MENU_DEFAULT_OPTIONS } from './menu-directive';
+export { MdMenuItem } from './menu-item';
+export { MdMenuTrigger } from './menu-trigger';
+export { MdMenuPanel } from './menu-panel';
+export { MenuPositionX, MenuPositionY } from './menu-positions';

package/typings/menu/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 './menu-module';
+export * from './menu';
+export { MD_MENU_SCROLL_STRATEGY } from './menu-trigger';
+export { fadeInItems, transformMenu } from './menu-animations';
+export * from './mat-exports';

package/typings/paginator/index.d.ts

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

package/typings/paginator/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MdPaginatorModule":{"__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/material/button","name":"MdButtonModule"},{"__symbolic":"reference","module":"@angular/material/select","name":"MdSelectModule"},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MdTooltipModule"}],"exports":[{"__symbolic":"reference","name":"MatPaginator"}],"declarations":[{"__symbolic":"reference","name":"MatPaginator"}],"providers":[{"__symbolic":"reference","name":"MatPaginatorIntl"}]}]}],"members":{}},"PageEvent":{"__symbolic":"class","members":{}},"MdPaginator":{"__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-paginator, mat-paginator","host":{"class":"mat-paginator"},"viewProviders":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MATERIAL_COMPATIBILITY_MODE"},"useValue":true}],"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-paginator-page-size\"><div class=\"mat-paginator-page-size-label\">{{_intl.itemsPerPageLabel}}</div><mat-select *ngIf=\"_displayedPageSizeOptions.length > 1\" class=\"mat-paginator-page-size-select\" [value]=\"pageSize\" [aria-label]=\"_intl.itemsPerPageLabel\" (change)=\"_changePageSize($event.value)\"><mat-option *ngFor=\"let pageSizeOption of _displayedPageSizeOptions\" [value]=\"pageSizeOption\">{{pageSizeOption}}</mat-option></mat-select><div *ngIf=\"_displayedPageSizeOptions.length <= 1\">{{pageSize}}</div></div><div class=\"mat-paginator-range-label\">{{_intl.getRangeLabel(pageIndex, pageSize, length)}}</div><button mat-icon-button type=\"button\" class=\"mat-paginator-navigation-previous\" (click)=\"previousPage()\" [attr.aria-label]=\"_intl.previousPageLabel\" [matTooltip]=\"_intl.previousPageLabel\" [matTooltipPosition]=\"'above'\" [disabled]=\"!hasPreviousPage()\"><div class=\"mat-paginator-increment\"></div></button> <button mat-icon-button type=\"button\" class=\"mat-paginator-navigation-next\" (click)=\"nextPage()\" [attr.aria-label]=\"_intl.nextPageLabel\" [matTooltip]=\"_intl.nextPageLabel\" [matTooltipPosition]=\"'above'\" [disabled]=\"!hasNextPage()\"><div class=\"mat-paginator-decrement\"></div></button>","styles":[".mat-paginator{display:flex;align-items:center;justify-content:flex-end;min-height:56px;padding:0 8px}.mat-paginator-page-size{display:flex;align-items:center}.mat-paginator-page-size-label{margin:0 4px}.mat-paginator-page-size-select{padding-top:0;margin:0 4px}.mat-paginator-page-size-select .mat-select-trigger{min-width:56px}.mat-paginator-range-label{margin:0 32px}.mat-paginator-increment-button+.mat-paginator-increment-button{margin:0 0 0 8px}[dir=rtl] .mat-paginator-increment-button+.mat-paginator-increment-button{margin:0 8px 0 0}.mat-paginator-decrement,.mat-paginator-increment{width:8px;height:8px}.mat-paginator-decrement,[dir=rtl] .mat-paginator-increment{transform:rotate(45deg)}.mat-paginator-increment,[dir=rtl] .mat-paginator-decrement{transform:rotate(225deg)}.mat-paginator-decrement{margin-left:12px}[dir=rtl] .mat-paginator-decrement{margin-right:12px}.mat-paginator-increment{margin-left:16px}[dir=rtl] .mat-paginator-increment{margin-right:16px}"]}]}],"members":{"pageIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"length":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pageSizeOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatPaginatorIntl"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"hasPreviousPage":[{"__symbolic":"method"}],"hasNextPage":[{"__symbolic":"method"}],"_changePageSize":[{"__symbolic":"method"}],"_updateDisplayedPageSizeOptions":[{"__symbolic":"method"}],"_emitPageEvent":[{"__symbolic":"method"}]}},"MdPaginatorIntl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{}},"MatPaginator":{"__symbolic":"reference","name":"MdPaginator"},"MatPaginatorIntl":{"__symbolic":"reference","name":"MdPaginatorIntl"},"MatPaginatorModule":{"__symbolic":"reference","name":"MdPaginatorModule"}},"origins":{"MdPaginatorModule":"./paginator-module","PageEvent":"./paginator","MdPaginator":"./paginator","MdPaginatorIntl":"./paginator-intl","MatPaginator":"./paginator","MatPaginatorIntl":"./paginator-intl","MatPaginatorModule":"./paginator-module"},"importAs":"@angular/material/paginator"}

package/typings/paginator/mat-exports.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
+ */
+import { MdPaginator } from './paginator';
+import { MdPaginatorIntl } from './paginator-intl';
+import { MdPaginatorModule } from './paginator-module';
+export { MdPaginator as MatPaginator };
+export { MdPaginatorIntl as MatPaginatorIntl };
+export { MdPaginatorModule as MatPaginatorModule };

package/typings/paginator/paginator-intl.d.ts

@@ -0,0 +1,20 @@
+import { Subject } from 'rxjs/Subject';
+/**
+ * To modify the labels and text displayed, create a new instance of MdPaginatorIntl and
+ * include it in a custom provider
+ */
+export declare class MdPaginatorIntl {
+    /**
+     * Stream that emits whenever the labels here are changed. Use this to notify
+     * components if the labels have changed after initialization.
+     */
+    changes: Subject<void>;
+    /** A label for the page size selector. */
+    itemsPerPageLabel: string;
+    /** A label for the button that increments the current page. */
+    nextPageLabel: string;
+    /** A label for the button that decrements the current page. */
+    previousPageLabel: string;
+    /** A label for the range of items within the current page and the length of the whole list. */
+    getRangeLabel: (page: number, pageSize: number, length: number) => string;
+}

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

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

package/typings/paginator/paginator.d.ts

@@ -0,0 +1,75 @@
+/**
+ * @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 { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { MdPaginatorIntl } from './paginator-intl';
+/**
+ * Change event object that is emitted when the user selects a
+ * different page size or navigates to another page.
+ */
+export declare class PageEvent {
+    /** The current page index. */
+    pageIndex: number;
+    /** The current page size */
+    pageSize: number;
+    /** The current total number of items being paged */
+    length: number;
+}
+/**
+ * Component to provide navigation between paged information. Displays the size of the current
+ * page, user-selectable options to change that size, what items are being shown, and
+ * navigational button to go to the previous or next page.
+ */
+export declare class MdPaginator implements OnInit, OnDestroy {
+    _intl: MdPaginatorIntl;
+    private _changeDetectorRef;
+    private _initialized;
+    private _intlChanges;
+    /** The zero-based page index of the displayed list of items. Defaulted to 0. */
+    pageIndex: number;
+    _pageIndex: number;
+    /** The length of the total number of items that are being paginated. Defaulted to 0. */
+    length: number;
+    _length: number;
+    /** Number of items to display on a page. By default set to 50. */
+    pageSize: number;
+    private _pageSize;
+    /** The set of provided page size options to display to the user. */
+    pageSizeOptions: number[];
+    private _pageSizeOptions;
+    /** Event emitted when the paginator changes the page size or page index. */
+    page: EventEmitter<PageEvent>;
+    /** Displayed set of page size options. Will be sorted and include current page size. */
+    _displayedPageSizeOptions: number[];
+    constructor(_intl: MdPaginatorIntl, _changeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** Advances to the next page if it exists. */
+    nextPage(): void;
+    /** Move back to the previous page if it exists. */
+    previousPage(): void;
+    /** Whether there is a previous page. */
+    hasPreviousPage(): boolean;
+    /** Whether there is a next page. */
+    hasNextPage(): boolean;
+    /**
+     * Changes the page size so that the first item displayed on the page will still be
+     * displayed using the new page size.
+     *
+     * For example, if the page size is 10 and on the second page (items indexed 10-19) then
+     * switching so that the page size is 5 will set the third page as the current page so
+     * that the 10th item will still be displayed.
+     */
+    _changePageSize(pageSize: number): void;
+    /**
+     * Updates the list of page size options to display to the user. Includes making sure that
+     * the page size is an option and that the list is sorted.
+     */
+    private _updateDisplayedPageSizeOptions();
+    /** Emits an event notifying that a change of the paginator's properties has been triggered. */
+    private _emitPageEvent();
+}

package/typings/paginator/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 './paginator-module';
+export * from './paginator';
+export * from './paginator-intl';
+export * from './mat-exports';

package/typings/progress-bar/index.d.ts

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

package/typings/progress-bar/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MdProgressBarModule":{"__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/material/core","name":"MdCommonModule"}],"exports":[{"__symbolic":"reference","name":"MatProgressBar"},{"__symbolic":"reference","module":"@angular/material/core","name":"MdCommonModule"}],"declarations":[{"__symbolic":"reference","name":"MatProgressBar"}]}]}],"members":{}},"MdProgressBar":{"__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-progress-bar, mat-progress-bar","host":{"role":"progressbar","aria-valuemin":"0","aria-valuemax":"100","[attr.aria-valuenow]":"value","[attr.mode]":"mode","[class.mat-primary]":"color == \"primary\"","[class.mat-accent]":"color == \"accent\"","[class.mat-warn]":"color == \"warn\"","class":"mat-progress-bar"},"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-progress-bar-background mat-progress-bar-element\"></div><div class=\"mat-progress-bar-buffer mat-progress-bar-element\" [ngStyle]=\"_bufferTransform()\"></div><div class=\"mat-progress-bar-primary mat-progress-bar-fill mat-progress-bar-element\" [ngStyle]=\"_primaryTransform()\"></div><div class=\"mat-progress-bar-secondary mat-progress-bar-fill mat-progress-bar-element\"></div>","styles":[".mat-progress-bar{display:block;height:5px;overflow:hidden;position:relative;transform:translateZ(0);transition:opacity 250ms linear;width:100%}.mat-progress-bar .mat-progress-bar-element,.mat-progress-bar .mat-progress-bar-fill::after{height:100%;position:absolute;width:100%}.mat-progress-bar .mat-progress-bar-background{background-repeat:repeat-x;background-size:10px 4px;display:none}.mat-progress-bar .mat-progress-bar-buffer{transform-origin:top left;transition:transform 250ms ease}.mat-progress-bar .mat-progress-bar-secondary{display:none}.mat-progress-bar .mat-progress-bar-fill{animation:none;transform-origin:top left;transition:transform 250ms ease}.mat-progress-bar .mat-progress-bar-fill::after{animation:none;content:'';display:inline-block;left:0}.mat-progress-bar[dir=rtl],[dir=rtl] .mat-progress-bar{transform:rotateY(180deg)}.mat-progress-bar[mode=query]{transform:rotateZ(180deg)}.mat-progress-bar[mode=query][dir=rtl],[dir=rtl] .mat-progress-bar[mode=query]{transform:rotateZ(180deg) rotateY(180deg)}.mat-progress-bar[mode=indeterminate] .mat-progress-bar-fill,.mat-progress-bar[mode=query] .mat-progress-bar-fill{transition:none}.mat-progress-bar[mode=indeterminate] .mat-progress-bar-primary,.mat-progress-bar[mode=query] .mat-progress-bar-primary{animation:mat-progress-bar-primary-indeterminate-translate 2s infinite linear;left:-145.166611%}.mat-progress-bar[mode=indeterminate] .mat-progress-bar-primary.mat-progress-bar-fill::after,.mat-progress-bar[mode=query] .mat-progress-bar-primary.mat-progress-bar-fill::after{animation:mat-progress-bar-primary-indeterminate-scale 2s infinite linear}.mat-progress-bar[mode=indeterminate] .mat-progress-bar-secondary,.mat-progress-bar[mode=query] .mat-progress-bar-secondary{animation:mat-progress-bar-secondary-indeterminate-translate 2s infinite linear;left:-54.888891%;display:block}.mat-progress-bar[mode=indeterminate] .mat-progress-bar-secondary.mat-progress-bar-fill::after,.mat-progress-bar[mode=query] .mat-progress-bar-secondary.mat-progress-bar-fill::after{animation:mat-progress-bar-secondary-indeterminate-scale 2s infinite linear}.mat-progress-bar[mode=buffer] .mat-progress-bar-background{animation:mat-progress-bar-background-scroll 250ms infinite linear;display:block}@keyframes mat-progress-bar-primary-indeterminate-translate{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(.5,0,.70173,.49582);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);transform:translateX(83.67142%)}100%{transform:translateX(200.61106%)}}@keyframes mat-progress-bar-primary-indeterminate-scale{0%{transform:scaleX(.08)}36.65%{animation-timing-function:cubic-bezier(.33473,.12482,.78584,1);transform:scaleX(.08)}69.15%{animation-timing-function:cubic-bezier(.06,.11,.6,1);transform:scaleX(.66148)}100%{transform:scaleX(.08)}}@keyframes mat-progress-bar-secondary-indeterminate-translate{0%{animation-timing-function:cubic-bezier(.15,0,.51506,.40969);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(.31033,.28406,.8,.73371);transform:translateX(37.65191%)}48.35%{animation-timing-function:cubic-bezier(.4,.62704,.6,.90203);transform:translateX(84.38617%)}100%{transform:translateX(160.27778%)}}@keyframes mat-progress-bar-secondary-indeterminate-scale{0%{animation-timing-function:cubic-bezier(.15,0,.51506,.40969);transform:scaleX(.08)}19.15%{animation-timing-function:cubic-bezier(.31033,.28406,.8,.73371);transform:scaleX(.4571)}44.15%{animation-timing-function:cubic-bezier(.4,.62704,.6,.90203);transform:scaleX(.72796)}100%{transform:scaleX(.08)}}@keyframes mat-progress-bar-background-scroll{to{transform:translateX(-10px)}}"]}]}],"members":{"color":[{"__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"}}]}],"bufferValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_primaryTransform":[{"__symbolic":"method"}],"_bufferTransform":[{"__symbolic":"method"}]}},"MatProgressBar":{"__symbolic":"reference","name":"MdProgressBar"},"MatProgressBarModule":{"__symbolic":"reference","name":"MdProgressBarModule"}},"origins":{"MdProgressBarModule":"./progress-bar-module","MdProgressBar":"./progress-bar","MatProgressBar":"./progress-bar","MatProgressBarModule":"./progress-bar-module"},"importAs":"@angular/material/progress-bar"}

package/typings/progress-bar/mat-exports.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
+ */
+import { MdProgressBar } from './progress-bar';
+import { MdProgressBarModule } from './progress-bar-module';
+export { MdProgressBar as MatProgressBar };
+export { MdProgressBarModule as MatProgressBarModule };

package/typings/progress-bar/progress-bar-module.d.ts

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

package/typings/progress-bar/progress-bar.d.ts

@@ -0,0 +1,32 @@
+/**
+ * <md-progress-bar> component.
+ */
+export declare class MdProgressBar {
+    /** Color of the progress bar. */
+    color: 'primary' | 'accent' | 'warn';
+    private _value;
+    /** Value of the progressbar. Defaults to zero. Mirrored to aria-valuenow. */
+    value: number;
+    private _bufferValue;
+    /** Buffer value of the progress bar. Defaults to zero. */
+    bufferValue: number;
+    /**
+     * Mode of the progress bar.
+     *
+     * Input must be one of these values: determinate, indeterminate, buffer, query, defaults to
+     * 'determinate'.
+     * Mirrored to mode attribute.
+     */
+    mode: 'determinate' | 'indeterminate' | 'buffer' | 'query';
+    /** Gets the current transform value for the progress bar's primary indicator. */
+    _primaryTransform(): {
+        transform: string;
+    };
+    /**
+     * Gets the current transform value for the progress bar's buffer indicator.  Only used if the
+     * progress mode is set to buffer, otherwise returns an undefined, causing no transformation.
+     */
+    _bufferTransform(): {
+        transform: string;
+    } | undefined;
+}

package/typings/progress-bar/public_api.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
+ */
+export * from './progress-bar-module';
+export * from './progress-bar';
+export * from './mat-exports';

package/typings/progress-spinner/index.d.ts

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

package/typings/progress-spinner/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MdProgressSpinnerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/material/core","name":"MdCommonModule"}],"exports":[{"__symbolic":"reference","name":"MatProgressSpinner"},{"__symbolic":"reference","name":"MatSpinner"},{"__symbolic":"reference","module":"@angular/material/core","name":"MdCommonModule"},{"__symbolic":"reference","name":"MatProgressSpinnerCssMatStyler"}],"declarations":[{"__symbolic":"reference","name":"MatProgressSpinner"},{"__symbolic":"reference","name":"MatSpinner"},{"__symbolic":"reference","name":"MatProgressSpinnerCssMatStyler"}]}]}],"members":{}},"PROGRESS_SPINNER_STROKE_WIDTH":10,"MdProgressSpinnerCssMatStyler":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"md-progress-spinner, mat-progress-spinner","host":{"class":"mat-progress-spinner"}}]}],"members":{}},"MdProgressSpinnerBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}]}},"_MdProgressSpinnerMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinColor"},"arguments":[{"__symbolic":"reference","name":"MatProgressSpinnerBase"},"primary"]},"MdProgressSpinner":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MdProgressSpinnerMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-progress-spinner, mat-progress-spinner","host":{"role":"progressbar","class":"mat-progress-spinner","[attr.aria-valuemin]":"_ariaValueMin","[attr.aria-valuemax]":"_ariaValueMax","[attr.aria-valuenow]":"value","[attr.mode]":"mode"},"inputs":["color"],"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":"<svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid meet\" focusable=\"false\"><path #path [style.strokeWidth]=\"strokeWidth\"></path></svg>","styles":[".mat-progress-spinner{display:block;height:100px;width:100px;overflow:hidden}.mat-progress-spinner svg{height:100%;width:100%;transform-origin:center}.mat-progress-spinner path{fill:transparent;transition:stroke .3s cubic-bezier(.35,0,.25,1)}.mat-progress-spinner[mode=indeterminate] svg{animation-duration:5.25s,2.887s;animation-name:mat-progress-spinner-sporadic-rotate,mat-progress-spinner-linear-rotate;animation-timing-function:cubic-bezier(.35,0,.25,1),linear;animation-iteration-count:infinite;transition:none}@keyframes mat-progress-spinner-linear-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes mat-progress-spinner-sporadic-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}"]}]}],"members":{"_path":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["path"]}]}],"strokeWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngOnDestroy":[{"__symbolic":"method"}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"_animateCircle":[{"__symbolic":"method"}],"_startIndeterminateAnimation":[{"__symbolic":"method"}],"_cleanupIndeterminateAnimation":[{"__symbolic":"method"}],"_renderArc":[{"__symbolic":"method"}]}},"MdSpinner":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MatProgressSpinner"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-spinner, mat-spinner","host":{"role":"progressbar","mode":"indeterminate","class":"mat-spinner mat-progress-spinner"},"inputs":["color"],"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":"<svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid meet\" focusable=\"false\"><path #path [style.strokeWidth]=\"strokeWidth\"></path></svg>","styles":[".mat-progress-spinner{display:block;height:100px;width:100px;overflow:hidden}.mat-progress-spinner svg{height:100%;width:100%;transform-origin:center}.mat-progress-spinner path{fill:transparent;transition:stroke .3s cubic-bezier(.35,0,.25,1)}.mat-progress-spinner[mode=indeterminate] svg{animation-duration:5.25s,2.887s;animation-name:mat-progress-spinner-sporadic-rotate,mat-progress-spinner-linear-rotate;animation-timing-function:cubic-bezier(.35,0,.25,1),linear;animation-iteration-count:infinite;transition:none}@keyframes mat-progress-spinner-linear-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes mat-progress-spinner-sporadic-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}]}},"MatProgressSpinner":{"__symbolic":"reference","name":"MdProgressSpinner"},"MatProgressSpinnerBase":{"__symbolic":"reference","name":"MdProgressSpinnerBase"},"MatProgressSpinnerCssMatStyler":{"__symbolic":"reference","name":"MdProgressSpinnerCssMatStyler"},"MatProgressSpinnerModule":{"__symbolic":"reference","name":"MdProgressSpinnerModule"},"MatSpinner":{"__symbolic":"reference","name":"MdSpinner"}},"origins":{"MdProgressSpinnerModule":"./progress-spinner-module","PROGRESS_SPINNER_STROKE_WIDTH":"./progress-spinner","MdProgressSpinnerCssMatStyler":"./progress-spinner","MdProgressSpinnerBase":"./progress-spinner","_MdProgressSpinnerMixinBase":"./progress-spinner","MdProgressSpinner":"./progress-spinner","MdSpinner":"./progress-spinner","MatProgressSpinner":"./progress-spinner","MatProgressSpinnerBase":"./progress-spinner","MatProgressSpinnerCssMatStyler":"./progress-spinner","MatProgressSpinnerModule":"./progress-spinner-module","MatSpinner":"./progress-spinner"},"importAs":"@angular/material/progress-spinner"}

package/typings/progress-spinner/mat-exports.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @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 { MdProgressSpinner, MdProgressSpinnerBase, MdProgressSpinnerCssMatStyler, MdSpinner } from './progress-spinner';
+import { MdProgressSpinnerModule } from './progress-spinner-module';
+export { MdProgressSpinner as MatProgressSpinner };
+export { MdProgressSpinnerBase as MatProgressSpinnerBase };
+export { MdProgressSpinnerCssMatStyler as MatProgressSpinnerCssMatStyler };
+export { MdProgressSpinnerModule as MatProgressSpinnerModule };
+export { MdSpinner as MatSpinner };

package/typings/progress-spinner/progress-spinner-module.d.ts

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

package/typings/progress-spinner/progress-spinner.d.ts

@@ -0,0 +1,98 @@
+/**
+ * @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 { OnDestroy, ElementRef, NgZone, Renderer2 } from '@angular/core';
+import { CanColor } from '@angular/material/core';
+/** Default stroke width as a percentage of the viewBox. */
+export declare const PROGRESS_SPINNER_STROKE_WIDTH = 10;
+export declare type ProgressSpinnerMode = 'determinate' | 'indeterminate';
+/**
+ * Directive whose purpose is to add the mat- CSS styling to this selector.
+ * @docs-private
+ */
+export declare class MdProgressSpinnerCssMatStyler {
+}
+/** @docs-private */
+export declare class MdProgressSpinnerBase {
+    _renderer: Renderer2;
+    _elementRef: ElementRef;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+}
+export declare const _MdProgressSpinnerMixinBase: (new (...args: any[]) => CanColor) & typeof MdProgressSpinnerBase;
+/**
+ * <md-progress-spinner> component.
+ */
+export declare class MdProgressSpinner extends _MdProgressSpinnerMixinBase implements OnDestroy, CanColor {
+    private _ngZone;
+    /** The id of the last requested animation. */
+    private _lastAnimationId;
+    /** The id of the indeterminate interval. */
+    private _interdeterminateInterval;
+    /** The SVG <path> node that is used to draw the circle. */
+    private _path;
+    private _mode;
+    private _value;
+    /** Stroke width of the progress spinner. By default uses 10px as stroke width. */
+    strokeWidth: number;
+    /**
+     * Values for aria max and min are only defined as numbers when in a determinate mode.  We do this
+     * because voiceover does not report the progress indicator as indeterminate if the aria min
+     * and/or max value are number values.
+     */
+    readonly _ariaValueMin: number | null;
+    readonly _ariaValueMax: number | null;
+    /** @docs-private */
+    /** @docs-private */
+    interdeterminateInterval: number | null;
+    /**
+     * Clean up any animations that were running.
+     */
+    ngOnDestroy(): void;
+    /** Value of the progress circle. It is bound to the host as the attribute aria-valuenow. */
+    value: number;
+    /**
+     * Mode of the progress circle
+     *
+     * Input must be one of the values from ProgressMode, defaults to 'determinate'.
+     * mode is bound to the host as the attribute host.
+     */
+    mode: ProgressSpinnerMode;
+    constructor(renderer: Renderer2, elementRef: ElementRef, _ngZone: NgZone);
+    /**
+     * Animates the circle from one percentage value to another.
+     *
+     * @param animateFrom The percentage of the circle filled starting the animation.
+     * @param animateTo The percentage of the circle filled ending the animation.
+     * @param ease The easing function to manage the pace of change in the animation.
+     * @param duration The length of time to show the animation, in milliseconds.
+     * @param rotation The starting angle of the circle fill, with 0° represented at the top center
+     *    of the circle.
+     */
+    private _animateCircle(animateFrom, animateTo, ease?, duration?, rotation?);
+    /**
+     * Starts the indeterminate animation interval, if it is not already running.
+     */
+    private _startIndeterminateAnimation();
+    /**
+     * Removes interval, ending the animation.
+     */
+    private _cleanupIndeterminateAnimation();
+    /**
+     * Renders the arc onto the SVG element. Proxies `getArc` while setting the proper
+     * DOM attribute on the `<path>`.
+     */
+    private _renderArc(currentValue, rotation?);
+}
+/**
+ * <md-spinner> component.
+ *
+ * This is a component definition to be used as a convenience reference to create an
+ * indeterminate <md-progress-spinner> instance.
+ */
+export declare class MdSpinner extends MdProgressSpinner {
+    constructor(elementRef: ElementRef, ngZone: NgZone, renderer: Renderer2);
+}

package/typings/progress-spinner/public_api.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
+ */
+export * from './progress-spinner-module';
+export * from './progress-spinner';
+export * from './mat-exports';