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

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

@@ -0,0 +1,89 @@
+/**
+ * @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 { Direction } from '@angular/cdk/bidi';
+import { AfterContentInit, ElementRef, EventEmitter, InjectionToken, OnDestroy, QueryList, TemplateRef, NgZone } from '@angular/core';
+import { Observable } from 'rxjs/Observable';
+import { MatMenuItem } from './menu-item';
+import { MatMenuPanel } from './menu-panel';
+import { MenuPositionX, MenuPositionY } from './menu-positions';
+/** Default `mat-menu` options that can be overridden. */
+export interface MatMenuDefaultOptions {
+    xPosition: MenuPositionX;
+    yPosition: MenuPositionY;
+    overlapTrigger: boolean;
+}
+/** Injection token to be used to override the default options for `mat-menu`. */
+export declare const MAT_MENU_DEFAULT_OPTIONS: InjectionToken<MatMenuDefaultOptions>;
+export declare class MatMenu implements AfterContentInit, MatMenuPanel, OnDestroy {
+    private _elementRef;
+    private _ngZone;
+    private _defaultOptions;
+    private _keyManager;
+    private _xPosition;
+    private _yPosition;
+    private _previousElevation;
+    /** Subscription to tab events on the menu panel */
+    private _tabSubscription;
+    /** Config object to be passed into the menu's ngClass */
+    _classList: {
+        [key: string]: boolean;
+    };
+    /** Current state of the panel animation. */
+    _panelAnimationState: 'void' | 'enter-start' | 'enter';
+    /** Parent menu of the current menu panel. */
+    parentMenu: MatMenuPanel | undefined;
+    /** Layout direction of the menu. */
+    direction: Direction;
+    /** Position of the menu in the X axis. */
+    xPosition: MenuPositionX;
+    /** Position of the menu in the Y axis. */
+    yPosition: MenuPositionY;
+    templateRef: TemplateRef<any>;
+    /** List of the items inside of a menu. */
+    items: QueryList<MatMenuItem>;
+    /** Whether the menu should overlap its trigger. */
+    overlapTrigger: boolean;
+    /**
+     * This method takes classes set on the host mat-menu element and applies them on the
+     * menu template that displays in the overlay container.  Otherwise, it's difficult
+     * to style the containing menu from outside the component.
+     * @param classes list of class names
+     */
+    classList: string;
+    /** Event emitted when the menu is closed. */
+    close: EventEmitter<void | "click" | "keydown">;
+    constructor(_elementRef: ElementRef, _ngZone: NgZone, _defaultOptions: MatMenuDefaultOptions);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /** Stream that emits whenever the hovered menu item changes. */
+    hover(): Observable<MatMenuItem>;
+    /** Handle a keyboard event from the menu, delegating to the appropriate action. */
+    _handleKeydown(event: KeyboardEvent): void;
+    /**
+     * Focus the first item in the menu. This method is used by the menu trigger
+     * to focus the first item when the menu is opened by the ENTER key.
+     */
+    focusFirstItem(): void;
+    /**
+     * It's necessary to set position-based classes to ensure the menu panel animation
+     * folds out from the correct direction.
+     */
+    setPositionClasses(posX?: MenuPositionX, posY?: MenuPositionY): void;
+    /**
+     * Sets the menu panel elevation.
+     * @param depth Number of parent menus that come before the menu.
+     */
+    setElevation(depth: number): void;
+    /** Starts the enter animation. */
+    _startAnimation(): void;
+    /** Resets the panel animation to its initial state. */
+    _resetAnimation(): void;
+    /** Callback that is invoked when the panel animation completes. */
+    _onAnimationDone(event: AnimationEvent): void;
+}

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

@@ -0,0 +1,24 @@
+/**
+ * @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
+ */
+/**
+ * Throws an exception for the case when menu trigger doesn't have a valid mat-menu instance
+ * @docs-private
+ */
+export declare function throwMatMenuMissingError(): void;
+/**
+ * Throws an exception for the case when menu's x-position value isn't valid.
+ * In other words, it doesn't match 'before' or 'after'.
+ * @docs-private
+ */
+export declare function throwMatMenuInvalidPositionX(): void;
+/**
+ * Throws an exception for the case when menu's y-position value isn't valid.
+ * In other words, it doesn't match 'above' or 'below'.
+ * @docs-private
+ */
+export declare function throwMatMenuInvalidPositionY(): void;

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

@@ -0,0 +1,42 @@
+/**
+ * @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 MatMenuItemBase {
+}
+export declare const _MatMenuItemMixinBase: (new (...args: any[]) => CanDisable) & typeof MatMenuItemBase;
+/**
+ * This directive is intended to be used inside an mat-menu tag.
+ * It exists mostly to set the role attribute.
+ */
+export declare class MatMenuItem extends _MatMenuItemMixinBase implements FocusableOption, CanDisable, OnDestroy {
+    private _elementRef;
+    /** Stream that emits when the menu item is hovered. */
+    hover: Subject<MatMenuItem>;
+    /** 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;
+    /** Gets the label to be used when determining whether the option should be focused. */
+    getLabel(): string;
+}

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

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

package/menu/typings/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 MatMenuPanel {
+    xPosition: MenuPositionX;
+    yPosition: MenuPositionY;
+    overlapTrigger: boolean;
+    templateRef: TemplateRef<any>;
+    close: EventEmitter<void | 'click' | 'keydown'>;
+    parentMenu?: MatMenuPanel | undefined;
+    direction?: Direction;
+    focusFirstItem: () => void;
+    setPositionClasses: (x: MenuPositionX, y: MenuPositionY) => void;
+    setElevation?(depth: number): void;
+}

package/menu/typings/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/menu/typings/menu-trigger.d.ts

@@ -0,0 +1,115 @@
+import { Direction, Directionality } from '@angular/cdk/bidi';
+import { Overlay, RepositionScrollStrategy, ScrollStrategy } from '@angular/cdk/overlay';
+import { AfterContentInit, ElementRef, EventEmitter, InjectionToken, OnDestroy, ViewContainerRef } from '@angular/core';
+import { MatMenu } from './menu-directive';
+import { MatMenuItem } from './menu-item';
+import { MatMenuPanel } from './menu-panel';
+/** Injection token that determines the scroll handling while the menu is open. */
+export declare const MAT_MENU_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
+/** @docs-private */
+export declare function MAT_MENU_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay: Overlay): () => RepositionScrollStrategy;
+/** @docs-private */
+export declare const MAT_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 mat-menu tag.  It is
+ * responsible for toggling the display of the provided menu instance.
+ */
+export declare class MatMenuTrigger implements AfterContentInit, 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 */
+    _deprecatedMatMenuTriggerFor: MatMenuPanel;
+    /** References the menu instance that the trigger is associated with. */
+    menu: MatMenuPanel;
+    /** 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: MatMenu, _menuItemInstance: MatMenuItem, _dir: Directionality);
+    ngAfterContentInit(): 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;
+    /** Closes the menu and does the necessary cleanup. */
+    private _destroyMenu();
+    /**
+     * 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 MatMenu has been passed into
+     * matMenuTriggerFor. 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/menu/typings/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 { MatMenu, MatMenuDefaultOptions, MAT_MENU_DEFAULT_OPTIONS } from './menu-directive';
+export { MatMenuItem } from './menu-item';
+export { MatMenuTrigger } from './menu-trigger';
+export { MatMenuPanel } from './menu-panel';
+export { MenuPositionX, MenuPositionY } from './menu-positions';

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

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export * from './menu-module';
+export * from './menu';
+export { MAT_MENU_SCROLL_STRATEGY } from './menu-trigger';
+export { fadeInItems, transformMenu } from './menu-animations';

package/menu.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 './menu/index';

package/menu.metadata.json

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

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@angular/material",
-  "version": "2.0.0-beta.0",
-  "description": "Angular 2 Material",
-  "main": "./material.umd.js",
-  "module": "./index.js",
-  "typings": "./index.d.ts",
+  "version": "2.0.0-beta.12",
+  "description": "Angular Material",
+  "main": "./bundles/material.umd.js",
+  "module": "./esm5/material.es5.js",
+  "es2015": "./esm2015/material.js",
+  "typings": "./material.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/angular/material2.git"
@@ -21,11 +22,11 @@
   },
   "homepage": "https://github.com/angular/material2#readme",
   "peerDependencies": {
-    "@angular/core": "^2.2.0",
-    "@angular/common": "^2.2.0",
-    "@angular/http": "^2.2.0"
+    "@angular/cdk": "2.0.0-beta.12",
+    "@angular/core": "~4.4.4",
+    "@angular/common": "~4.4.4"
   },
   "dependencies": {
-    "@types/hammerjs": "^2.0.30"
+    "tslib": "^1.7.1"
   }
 }

package/paginator/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 './typings/index';

package/paginator/index.metadata.json

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

package/paginator/package.json

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

package/paginator/typings/index.d.ts

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

package/paginator/typings/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MatPaginatorModule":{"__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":"MatButtonModule"},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule"},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule"}],"exports":[{"__symbolic":"reference","name":"MatPaginator"}],"declarations":[{"__symbolic":"reference","name":"MatPaginator"}],"providers":[{"__symbolic":"reference","name":"MatPaginatorIntl"}]}]}],"members":{}},"PageEvent":{"__symbolic":"class","members":{}},"MatPaginator":{"__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-paginator","exportAs":"matPaginator","host":{"class":"mat-paginator"},"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-form-field *ngIf=\"_displayedPageSizeOptions.length > 1\" class=\"mat-paginator-page-size-select\"><mat-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></mat-form-field><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{margin:0 4px;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"}]}},"MatPaginatorIntl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{}}},"origins":{"MatPaginatorModule":"./paginator-module","PageEvent":"./paginator","MatPaginator":"./paginator","MatPaginatorIntl":"./paginator-intl"},"importAs":"@angular/material/paginator"}

package/paginator/typings/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 MatPaginatorIntl and
+ * include it in a custom provider
+ */
+export declare class MatPaginatorIntl {
+    /**
+     * 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/paginator/typings/paginator-module.d.ts

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

package/paginator/typings/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 { MatPaginatorIntl } 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 MatPaginator implements OnInit, OnDestroy {
+    _intl: MatPaginatorIntl;
+    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: MatPaginatorIntl, _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/paginator/typings/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 './paginator-module';
+export * from './paginator';
+export * from './paginator-intl';

package/paginator.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 './paginator/index';

package/paginator.metadata.json

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