@angular/material 8.0.0 → 8.1.1

package/typings/esm5/tabs/tab-header.d.ts

@@ -5,23 +5,13 @@
  * 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 { Direction, Directionality } from '@angular/cdk/bidi';
+import { Directionality } from '@angular/cdk/bidi';
 import { ViewportRuler } from '@angular/cdk/scrolling';
-import { AfterContentChecked, AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, QueryList, AfterViewInit } from '@angular/core';
-import { CanDisableRipple, CanDisableRippleCtor } from '@angular/material/core';
+import { AfterContentChecked, AfterContentInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy, QueryList, AfterViewInit } from '@angular/core';
 import { MatInkBar } from './ink-bar';
 import { MatTabLabelWrapper } from './tab-label-wrapper';
 import { Platform } from '@angular/cdk/platform';
-/**
- * The directions that scrolling can go in when the header's tabs exceed the header width. 'After'
- * will scroll the header towards the end of the tabs list and 'before' will scroll towards the
- * beginning of the list.
- */
-export declare type ScrollDirection = 'after' | 'before';
-/** @docs-private */
-declare class MatTabHeaderBase {
-}
-declare const _MatTabHeaderMixinBase: CanDisableRippleCtor & typeof MatTabHeaderBase;
+import { MatPaginatedTabHeader } from './paginated-tab-header';
 /**
  * The header of the tab group which displays a list of all the tabs in the tab group. Includes
  * an ink bar that follows the currently selected tab. When the tabs list's width exceeds the
@@ -29,155 +19,16 @@ declare const _MatTabHeaderMixinBase: CanDisableRippleCtor & typeof MatTabHeader
  * left and right across the header.
  * @docs-private
  */
-export declare class MatTabHeader extends _MatTabHeaderMixinBase implements AfterContentChecked, AfterContentInit, AfterViewInit, OnDestroy, CanDisableRipple {
-    private _elementRef;
-    private _changeDetectorRef;
-    private _viewportRuler;
-    private _dir;
-    private _ngZone;
-    private _platform;
-    _labelWrappers: QueryList<MatTabLabelWrapper>;
+export declare class MatTabHeader extends MatPaginatedTabHeader implements AfterContentChecked, AfterContentInit, AfterViewInit, OnDestroy {
+    _items: QueryList<MatTabLabelWrapper>;
     _inkBar: MatInkBar;
     _tabListContainer: ElementRef;
     _tabList: ElementRef;
     _nextPaginator: ElementRef<HTMLElement>;
     _previousPaginator: ElementRef<HTMLElement>;
-    /** The distance in pixels that the tab labels should be translated to the left. */
-    private _scrollDistance;
-    /** Whether the header should scroll to the selected index after the view has been checked. */
-    private _selectedIndexChanged;
-    /** Emits when the component is destroyed. */
-    private readonly _destroyed;
-    /** Whether the controls for pagination should be displayed */
-    _showPaginationControls: boolean;
-    /** Whether the tab list can be scrolled more towards the end of the tab label list. */
-    _disableScrollAfter: boolean;
-    /** Whether the tab list can be scrolled more towards the beginning of the tab label list. */
-    _disableScrollBefore: boolean;
-    /**
-     * The number of tab labels that are displayed on the header. When this changes, the header
-     * should re-evaluate the scroll position.
-     */
-    private _tabLabelCount;
-    /** Whether the scroll distance has changed and should be applied after the view is checked. */
-    private _scrollDistanceChanged;
-    /** Used to manage focus between the tabs. */
-    private _keyManager;
-    /** Cached text content of the header. */
-    private _currentTextContent;
-    /** Stream that will stop the automated scrolling. */
-    private _stopScrolling;
-    /** The index of the active tab. */
-    selectedIndex: number;
-    private _selectedIndex;
-    /** Event emitted when the option is selected. */
-    readonly selectFocusedIndex: EventEmitter<number>;
-    /** Event emitted when a label is focused. */
-    readonly indexFocused: EventEmitter<number>;
-    constructor(_elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef, _viewportRuler: ViewportRuler, _dir: Directionality, _ngZone: NgZone, _platform: Platform);
-    ngAfterContentChecked(): void;
-    /** Handles keyboard events on the header. */
-    _handleKeydown(event: KeyboardEvent): void;
-    /**
-     * Aligns the ink bar to the selected tab on load.
-     */
-    ngAfterContentInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    /**
-     * Callback for when the MutationObserver detects that the content has changed.
-     */
-    _onContentChanges(): void;
-    /**
-     * Updates the view whether pagination should be enabled or not.
-     *
-     * WARNING: Calling this method can be very costly in terms of performance.  It should be called
-     * as infrequently as possible from outside of the Tabs component as it causes a reflow of the
-     * page.
-     */
-    updatePagination(): void;
-    /** Tracks which element has focus; used for keyboard navigation */
-    /** When the focus index is set, we must manually send focus to the correct label */
-    focusIndex: number;
-    /**
-     * Determines if an index is valid.  If the tabs are not ready yet, we assume that the user is
-     * providing a valid index and return true.
-     */
-    _isValidIndex(index: number): boolean;
-    /**
-     * Sets focus on the HTML element for the label wrapper and scrolls it into the view if
-     * scrolling is enabled.
-     */
-    _setTabFocus(tabIndex: number): void;
-    /** The layout direction of the containing app. */
-    _getLayoutDirection(): Direction;
-    /** Performs the CSS transformation on the tab list that will cause the list to scroll. */
-    _updateTabScrollPosition(): void;
-    /** Sets the distance in pixels that the tab header should be transformed in the X-axis. */
-    scrollDistance: number;
-    /**
-     * Moves the tab list in the 'before' or 'after' direction (towards the beginning of the list or
-     * the end of the list, respectively). The distance to scroll is computed to be a third of the
-     * length of the tab list view window.
-     *
-     * This is an expensive call that forces a layout reflow to compute box and scroll metrics and
-     * should be called sparingly.
-     */
-    _scrollHeader(direction: ScrollDirection): {
-        maxScrollDistance: number;
-        distance: number;
-    };
-    /** Handles click events on the pagination arrows. */
-    _handlePaginatorClick(direction: ScrollDirection): void;
-    /**
-     * Moves the tab list such that the desired tab label (marked by index) is moved into view.
-     *
-     * This is an expensive call that forces a layout reflow to compute box and scroll metrics and
-     * should be called sparingly.
-     */
-    _scrollToLabel(labelIndex: number): void;
-    /**
-     * Evaluate whether the pagination controls should be displayed. If the scroll width of the
-     * tab list is wider than the size of the header container, then the pagination controls should
-     * be shown.
-     *
-     * This is an expensive call that forces a layout reflow to compute box and scroll metrics and
-     * should be called sparingly.
-     */
-    _checkPaginationEnabled(): void;
-    /**
-     * Evaluate whether the before and after controls should be enabled or disabled.
-     * If the header is at the beginning of the list (scroll distance is equal to 0) then disable the
-     * before button. If the header is at the end of the list (scroll distance is equal to the
-     * maximum distance we can scroll), then disable the after button.
-     *
-     * This is an expensive call that forces a layout reflow to compute box and scroll metrics and
-     * should be called sparingly.
-     */
-    _checkScrollingControls(): void;
-    /**
-     * Determines what is the maximum length in pixels that can be set for the scroll distance. This
-     * is equal to the difference in width between the tab list container and tab header container.
-     *
-     * This is an expensive call that forces a layout reflow to compute box and scroll metrics and
-     * should be called sparingly.
-     */
-    _getMaxScrollDistance(): number;
-    /** Tells the ink-bar to align itself to the current label wrapper */
-    _alignInkBarToSelectedTab(): void;
-    /** Stops the currently-running paginator interval.  */
-    _stopInterval(): void;
-    /**
-     * Handles the user pressing down on one of the paginators.
-     * Starts scrolling the header after a certain amount of time.
-     * @param direction In which direction the paginator should be scrolled.
-     */
-    _handlePaginatorPress(direction: ScrollDirection): void;
-    /**
-     * Scrolls the header to a given position.
-     * @param position Position to which to scroll.
-     * @returns Information on the current scroll distance and the maximum.
-     */
-    private _scrollTo;
+    /** Whether the ripple effect is disabled or not. */
+    disableRipple: any;
+    private _disableRipple;
+    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, viewportRuler: ViewportRuler, dir: Directionality, ngZone: NgZone, platform: Platform, animationMode?: string);
+    protected _itemSelected(event: KeyboardEvent): void;
 }
-export {};

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

@@ -9,46 +9,42 @@ import { Directionality } from '@angular/cdk/bidi';
 import { Platform } from '@angular/cdk/platform';
 import { ViewportRuler } from '@angular/cdk/scrolling';
 import { AfterContentChecked, AfterContentInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy, QueryList } from '@angular/core';
-import { CanColor, CanColorCtor, CanDisable, CanDisableCtor, CanDisableRipple, CanDisableRippleCtor, HasTabIndex, HasTabIndexCtor, RippleConfig, RippleGlobalOptions, RippleRenderer, RippleTarget, ThemePalette } from '@angular/material/core';
+import { CanDisable, CanDisableCtor, CanDisableRipple, CanDisableRippleCtor, HasTabIndex, HasTabIndexCtor, RippleConfig, RippleGlobalOptions, RippleRenderer, RippleTarget, ThemePalette } from '@angular/material/core';
+import { FocusMonitor, FocusableOption } from '@angular/cdk/a11y';
 import { MatInkBar } from '../ink-bar';
-import { FocusMonitor } from '@angular/cdk/a11y';
-/** @docs-private */
-declare class MatTabNavBase {
-    _elementRef: ElementRef;
-    constructor(_elementRef: ElementRef);
-}
-declare const _MatTabNavMixinBase: CanDisableRippleCtor & CanColorCtor & typeof MatTabNavBase;
+import { MatPaginatedTabHeader } from '../paginated-tab-header';
 /**
  * Navigation component matching the styles of the tab group header.
  * Provides anchored navigation with animated ink bar.
  */
-export declare class MatTabNav extends _MatTabNavMixinBase implements AfterContentChecked, AfterContentInit, CanColor, CanDisableRipple, OnDestroy {
-    private _dir;
-    private _ngZone;
-    private _changeDetectorRef;
-    private _viewportRuler;
-    /** Subject that emits when the component has been destroyed. */
-    private readonly _onDestroy;
-    private _activeLinkChanged;
-    private _activeLinkElement;
-    _inkBar: MatInkBar;
+export declare class MatTabNav extends MatPaginatedTabHeader implements AfterContentChecked, AfterContentInit, OnDestroy {
     /** Query list of all tab links of the tab navigation. */
-    _tabLinks: QueryList<MatTabLink>;
+    _items: QueryList<MatTabLink>;
+    _inkBar: MatInkBar;
+    _tabListContainer: ElementRef;
+    _tabList: ElementRef;
+    _nextPaginator: ElementRef<HTMLElement>;
+    _previousPaginator: ElementRef<HTMLElement>;
     /** Background color of the tab nav. */
     backgroundColor: ThemePalette;
     private _backgroundColor;
-    constructor(elementRef: ElementRef, _dir: Directionality, _ngZone: NgZone, _changeDetectorRef: ChangeDetectorRef, _viewportRuler: ViewportRuler);
+    /** Whether the ripple effect is disabled or not. */
+    disableRipple: any;
+    private _disableRipple;
+    /** Theme color of the nav bar. */
+    color: ThemePalette;
+    constructor(elementRef: ElementRef, dir: Directionality, ngZone: NgZone, changeDetectorRef: ChangeDetectorRef, viewportRuler: ViewportRuler, 
+    /**
+     * @deprecated @breaking-change 9.0.0 `platform` parameter to become required.
+     */
+    platform?: Platform, animationMode?: string);
+    protected _itemSelected(): void;
+    ngAfterContentInit(): void;
     /**
      * Notifies the component that the active link has been changed.
      * @breaking-change 8.0.0 `element` parameter to be removed.
      */
-    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;
+    updateActiveLink(_element?: ElementRef): void;
 }
 declare class MatTabLinkBase {
 }
@@ -56,9 +52,9 @@ declare const _MatTabLinkMixinBase: HasTabIndexCtor & CanDisableRippleCtor & Can
 /**
  * Link inside of a `mat-tab-nav-bar`.
  */
-export declare class MatTabLink extends _MatTabLinkMixinBase implements OnDestroy, CanDisable, CanDisableRipple, HasTabIndex, RippleTarget {
+export declare class MatTabLink extends _MatTabLinkMixinBase implements OnDestroy, CanDisable, CanDisableRipple, HasTabIndex, RippleTarget, FocusableOption {
     private _tabNavBar;
-    _elementRef: ElementRef;
+    elementRef: ElementRef;
     private _focusMonitor;
     /** Whether the tab link is active or not. */
     protected _isActive: boolean;
@@ -78,7 +74,8 @@ export declare class MatTabLink extends _MatTabLinkMixinBase implements OnDestro
      * @docs-private
      */
     readonly rippleDisabled: boolean;
-    constructor(_tabNavBar: MatTabNav, _elementRef: ElementRef, ngZone: NgZone, platform: Platform, globalRippleOptions: RippleGlobalOptions | null, tabIndex: string, _focusMonitor: FocusMonitor);
+    constructor(_tabNavBar: MatTabNav, elementRef: ElementRef, ngZone: NgZone, platform: Platform, globalRippleOptions: RippleGlobalOptions | null, tabIndex: string, _focusMonitor: FocusMonitor, animationMode?: string);
+    focus(): void;
     ngOnDestroy(): void;
 }
 export {};

package/typings/esm5/tooltip/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MatTooltipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":25,"character":4}],"exports":[{"__symbolic":"reference","name":"MatTooltip"},{"__symbolic":"reference","name":"TooltipComponent"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":27,"character":42}],"declarations":[{"__symbolic":"reference","name":"MatTooltip"},{"__symbolic":"reference","name":"TooltipComponent"}],"entryComponents":[{"__symbolic":"reference","name":"TooltipComponent"}],"providers":[{"__symbolic":"reference","name":"MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER"},{"provide":{"__symbolic":"reference","module":"@angular/platform-browser","name":"HAMMER_GESTURE_CONFIG","line":32,"character":14},"useClass":{"__symbolic":"reference","module":"@angular/material/core","name":"GestureConfig","line":32,"character":47}}]}]}],"members":{}},"TooltipPosition":{"__symbolic":"interface"},"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","line":67,"character":8},"arguments":["mat-tooltip-scroll-strategy"]},"MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":71,"character":9,"module":"./tooltip"}},"MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MAT_TOOLTIP_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":77,"character":9}],"useFactory":{"__symbolic":"reference","name":"MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY"}},"MatTooltipDefaultOptions":{"__symbolic":"interface"},"MAT_TOOLTIP_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":91,"character":8},"arguments":["mat-tooltip-default-options",{"providedIn":"root","factory":{"__symbolic":"reference","name":"MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY"}}]},"MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY":{"__symbolic":"function","parameters":[],"value":{"showDelay":0,"hideDelay":0,"touchendHideDelay":1500}},"MatTooltip":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":111,"character":1},"arguments":[{"selector":"[matTooltip]","exportAs":"matTooltip","host":{"(longpress)":"show()","(keydown)":"_handleKeydown($event)","(touchend)":"_handleTouchend()","$quoted$":["(longpress)","(keydown)","(touchend)"]}}]}],"members":{"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":3},"arguments":["matTooltipPosition"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":150,"character":3},"arguments":["matTooltipDisabled"]}]}],"showDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":3},"arguments":["matTooltipShowDelay"]}]}],"hideDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":3},"arguments":["matTooltipHideDelay"]}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3},"arguments":["matTooltip"]}]}],"tooltipClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":3},"arguments":["matTooltipClass"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":210,"character":5},"arguments":[{"__symbolic":"reference","name":"MAT_TOOLTIP_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":211,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":212,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":212,"character":17},"arguments":[{"__symbolic":"reference","name":"MAT_TOOLTIP_DEFAULT_OPTIONS"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":214,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":214,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"HAMMER_LOADER","line":214,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":202,"character":22},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":203,"character":36,"context":{"typeName":"HTMLElement"},"module":"./tooltip"}]},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollDispatcher","line":204,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":205,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":206,"character":21},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform","line":207,"character":14},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"AriaDescriber","line":208,"character":28},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":209,"character":27},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":211,"character":30},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"HammerLoader","line":214,"character":54}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"_isTooltipVisible":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_handleTouchend":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_detach":[{"__symbolic":"method"}],"_updatePosition":[{"__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","line":527,"character":1},"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","line":532,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":533,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matTooltipAnimations"},"member":"tooltipState"}],"host":{"[style.zoom]":"_visibility === \"visible\" ? 1 : null","(body:click)":"this._handleBodyInteraction()","aria-hidden":"true","$quoted$":["[style.zoom]","(body:click)","aria-hidden"]},"template":"<div class=\"mat-tooltip\" [ngClass]=\"tooltipClass\" [class.mat-tooltip-handset]=\"(_isHandset | async)?.matches\" [@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:4px;margin:14px;max-width:250px;padding-left:8px;padding-right:8px;overflow:hidden;text-overflow:ellipsis}@media (-ms-high-contrast:active){.mat-tooltip{outline:solid 1px}}.mat-tooltip-handset{margin:24px;padding-left:16px;padding-right:16px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":569,"character":32},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":570,"character":33}]}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"afterHidden":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_animationStart":[{"__symbolic":"method"}],"_animationDone":[{"__symbolic":"method"}],"_handleBodyInteraction":[{"__symbolic":"method"}],"_markForCheck":[{"__symbolic":"method"}]}},"matTooltipAnimations":{"tooltipState":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":25,"character":16},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":26,"character":4},"arguments":["initial, void, hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":26,"character":35},"arguments":[{"opacity":0,"transform":"scale(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":27,"character":4},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":27,"character":21},"arguments":[{"transform":"scale(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":28,"character":4},"arguments":["* => visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":28,"character":31},"arguments":["200ms cubic-bezier(0, 0, 0.2, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":28,"character":75},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":6},"arguments":[{"opacity":0,"transform":"scale(0)","offset":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":30,"character":6},"arguments":[{"opacity":0.5,"transform":"scale(0.99)","offset":0.5}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":6},"arguments":[{"opacity":1,"transform":"scale(1)","offset":1}]}]]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":33,"character":4},"arguments":["* => hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":33,"character":30},"arguments":["100ms cubic-bezier(0, 0, 0.2, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":33,"character":74},"arguments":[{"opacity":0}]}]}]}]]}}},"origins":{"MatTooltipModule":"./tooltip-module","TooltipPosition":"./tooltip","SCROLL_THROTTLE_MS":"./tooltip","TOOLTIP_PANEL_CLASS":"./tooltip","getMatTooltipInvalidPositionError":"./tooltip","MAT_TOOLTIP_SCROLL_STRATEGY":"./tooltip","MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY":"./tooltip","MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER":"./tooltip","MatTooltipDefaultOptions":"./tooltip","MAT_TOOLTIP_DEFAULT_OPTIONS":"./tooltip","MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY":"./tooltip","MatTooltip":"./tooltip","TooltipVisibility":"./tooltip","TooltipComponent":"./tooltip","matTooltipAnimations":"./tooltip-animations"},"importAs":"@angular/material/tooltip"}
+{"__symbolic":"module","version":4,"metadata":{"MatTooltipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":25,"character":4}],"exports":[{"__symbolic":"reference","name":"MatTooltip"},{"__symbolic":"reference","name":"TooltipComponent"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":27,"character":42}],"declarations":[{"__symbolic":"reference","name":"MatTooltip"},{"__symbolic":"reference","name":"TooltipComponent"}],"entryComponents":[{"__symbolic":"reference","name":"TooltipComponent"}],"providers":[{"__symbolic":"reference","name":"MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER"},{"provide":{"__symbolic":"reference","module":"@angular/platform-browser","name":"HAMMER_GESTURE_CONFIG","line":32,"character":14},"useClass":{"__symbolic":"reference","module":"@angular/material/core","name":"GestureConfig","line":32,"character":47}}]}]}],"members":{}},"TooltipPosition":{"__symbolic":"interface"},"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","line":67,"character":8},"arguments":["mat-tooltip-scroll-strategy"]},"MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":71,"character":9,"module":"./tooltip"}},"MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MAT_TOOLTIP_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":77,"character":9}],"useFactory":{"__symbolic":"reference","name":"MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY"}},"MatTooltipDefaultOptions":{"__symbolic":"interface"},"MAT_TOOLTIP_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":91,"character":8},"arguments":["mat-tooltip-default-options",{"providedIn":"root","factory":{"__symbolic":"reference","name":"MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY"}}]},"MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY":{"__symbolic":"function","parameters":[],"value":{"showDelay":0,"hideDelay":0,"touchendHideDelay":1500}},"MatTooltip":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":111,"character":1},"arguments":[{"selector":"[matTooltip]","exportAs":"matTooltip","host":{"(longpress)":"show()","(keydown)":"_handleKeydown($event)","(touchend)":"_handleTouchend()","$quoted$":["(longpress)","(keydown)","(touchend)"]}}]}],"members":{"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":3},"arguments":["matTooltipPosition"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":150,"character":3},"arguments":["matTooltipDisabled"]}]}],"showDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":3},"arguments":["matTooltipShowDelay"]}]}],"hideDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":3},"arguments":["matTooltipHideDelay"]}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3},"arguments":["matTooltip"]}]}],"tooltipClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":3},"arguments":["matTooltipClass"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":210,"character":5},"arguments":[{"__symbolic":"reference","name":"MAT_TOOLTIP_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":211,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":212,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":212,"character":17},"arguments":[{"__symbolic":"reference","name":"MAT_TOOLTIP_DEFAULT_OPTIONS"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":214,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":214,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"HAMMER_LOADER","line":214,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":202,"character":22},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":203,"character":36,"context":{"typeName":"HTMLElement"},"module":"./tooltip"}]},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollDispatcher","line":204,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":205,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":206,"character":21},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform","line":207,"character":14},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"AriaDescriber","line":208,"character":28},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":209,"character":27},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":211,"character":30},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"HammerLoader","line":214,"character":54}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"_isTooltipVisible":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_handleTouchend":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_detach":[{"__symbolic":"method"}],"_updatePosition":[{"__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","line":528,"character":1},"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","line":533,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":534,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matTooltipAnimations"},"member":"tooltipState"}],"host":{"[style.zoom]":"_visibility === \"visible\" ? 1 : null","(body:click)":"this._handleBodyInteraction()","aria-hidden":"true","$quoted$":["[style.zoom]","(body:click)","aria-hidden"]},"template":"<div class=\"mat-tooltip\" [ngClass]=\"tooltipClass\" [class.mat-tooltip-handset]=\"(_isHandset | async)?.matches\" [@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:4px;margin:14px;max-width:250px;padding-left:8px;padding-right:8px;overflow:hidden;text-overflow:ellipsis}@media (-ms-high-contrast:active){.mat-tooltip{outline:solid 1px}}.mat-tooltip-handset{margin:24px;padding-left:16px;padding-right:16px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":570,"character":32},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":571,"character":33}]}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"afterHidden":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_animationStart":[{"__symbolic":"method"}],"_animationDone":[{"__symbolic":"method"}],"_handleBodyInteraction":[{"__symbolic":"method"}],"_markForCheck":[{"__symbolic":"method"}]}},"matTooltipAnimations":{"tooltipState":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":25,"character":16},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":26,"character":4},"arguments":["initial, void, hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":26,"character":35},"arguments":[{"opacity":0,"transform":"scale(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":27,"character":4},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":27,"character":21},"arguments":[{"transform":"scale(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":28,"character":4},"arguments":["* => visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":28,"character":31},"arguments":["200ms cubic-bezier(0, 0, 0.2, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":28,"character":75},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":6},"arguments":[{"opacity":0,"transform":"scale(0)","offset":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":30,"character":6},"arguments":[{"opacity":0.5,"transform":"scale(0.99)","offset":0.5}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":6},"arguments":[{"opacity":1,"transform":"scale(1)","offset":1}]}]]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":33,"character":4},"arguments":["* => hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":33,"character":30},"arguments":["100ms cubic-bezier(0, 0, 0.2, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":33,"character":74},"arguments":[{"opacity":0}]}]}]}]]}}},"origins":{"MatTooltipModule":"./tooltip-module","TooltipPosition":"./tooltip","SCROLL_THROTTLE_MS":"./tooltip","TOOLTIP_PANEL_CLASS":"./tooltip","getMatTooltipInvalidPositionError":"./tooltip","MAT_TOOLTIP_SCROLL_STRATEGY":"./tooltip","MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY":"./tooltip","MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER":"./tooltip","MatTooltipDefaultOptions":"./tooltip","MAT_TOOLTIP_DEFAULT_OPTIONS":"./tooltip","MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY":"./tooltip","MatTooltip":"./tooltip","TooltipVisibility":"./tooltip","TooltipComponent":"./tooltip","matTooltipAnimations":"./tooltip-animations"},"importAs":"@angular/material/tooltip"}

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

@@ -9,6 +9,8 @@ import { InjectionToken } from '@angular/core';
 import { CdkAccordion } from '@angular/cdk/accordion';
 /** MatAccordion's display modes. */
 export declare type MatAccordionDisplayMode = 'default' | 'flat';
+/** MatAccordion's toggle positions. */
+export declare type MatAccordionTogglePosition = 'before' | 'after';
 /**
  * Base interface for a `MatAccordion`.
  * @docs-private
@@ -18,6 +20,8 @@ export interface MatAccordionBase extends CdkAccordion {
     hideToggle: boolean;
     /** Display mode used for all expansion panels in the accordion. */
     displayMode: MatAccordionDisplayMode;
+    /** The position of the expansion indicator. */
+    togglePosition: MatAccordionTogglePosition;
     /** Handles keyboard events coming in from the panel headers. */
     _handleHeaderKeydown: (event: KeyboardEvent) => void;
     /** Handles focus events on the panel headers. */

package/typings/expansion/accordion.d.ts

@@ -7,7 +7,7 @@
  */
 import { QueryList, AfterContentInit } from '@angular/core';
 import { CdkAccordion } from '@angular/cdk/accordion';
-import { MatAccordionBase, MatAccordionDisplayMode } from './accordion-base';
+import { MatAccordionBase, MatAccordionDisplayMode, MatAccordionTogglePosition } from './accordion-base';
 import { MatExpansionPanelHeader } from './expansion-panel-header';
 /**
  * Directive for a Material Design Accordion.
@@ -27,6 +27,8 @@ export declare class MatAccordion extends CdkAccordion implements MatAccordionBa
      *     elevation.
      */
     displayMode: MatAccordionDisplayMode;
+    /** The position of the expansion indicator. */
+    togglePosition: MatAccordionTogglePosition;
     ngAfterContentInit(): void;
     /** Handles keyboard events coming in from the panel headers. */
     _handleHeaderKeydown(event: KeyboardEvent): void;

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

@@ -8,6 +8,7 @@
 import { FocusMonitor, FocusableOption, FocusOrigin } from '@angular/cdk/a11y';
 import { ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
 import { MatExpansionPanel, MatExpansionPanelDefaultOptions } from './expansion-panel';
+import { MatAccordionTogglePosition } from './accordion-base';
 /**
  * `<mat-expansion-panel-header>`
  *
@@ -19,7 +20,10 @@ export declare class MatExpansionPanelHeader implements OnDestroy, FocusableOpti
     private _focusMonitor;
     private _changeDetectorRef;
     private _parentChangeSubscription;
+    /** Whether Angular animations in the panel header should be disabled. */
+    _animationsDisabled: boolean;
     constructor(panel: MatExpansionPanel, _element: ElementRef, _focusMonitor: FocusMonitor, _changeDetectorRef: ChangeDetectorRef, defaultOptions?: MatExpansionPanelDefaultOptions);
+    _animationStarted(): void;
     /** Height of the header while the panel is expanded. */
     expandedHeight: string;
     /** Height of the header while the panel is collapsed. */
@@ -37,6 +41,8 @@ export declare class MatExpansionPanelHeader implements OnDestroy, FocusableOpti
     _getExpandedState(): string;
     /** Gets the panel id. */
     _getPanelId(): string;
+    /** Gets the toggle position for the header. */
+    _getTogglePosition(): MatAccordionTogglePosition;
     /** Gets whether the expand indicator should be shown. */
     _showToggle(): boolean;
     /** Handle keydown event calling to toggle() if appropriate. */

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

@@ -12,7 +12,7 @@ import { TemplatePortal } from '@angular/cdk/portal';
 import { AfterContentInit, ChangeDetectorRef, EventEmitter, ElementRef, OnChanges, OnDestroy, SimpleChanges, ViewContainerRef, InjectionToken } from '@angular/core';
 import { Subject } from 'rxjs';
 import { MatExpansionPanelContent } from './expansion-panel-content';
-import { MatAccordionBase } from './accordion-base';
+import { MatAccordionBase, MatAccordionTogglePosition } from './accordion-base';
 /** MatExpansionPanel's states. */
 export declare type MatExpansionPanelState = 'expanded' | 'collapsed';
 /**
@@ -42,9 +42,12 @@ export declare class MatExpansionPanel extends CdkAccordionItem implements After
     private _viewContainerRef;
     _animationMode: string;
     private _document;
+    private _hideToggle;
+    private _togglePosition;
     /** Whether the toggle indicator should be hidden. */
     hideToggle: boolean;
-    private _hideToggle;
+    /** Whether the toggle indicator should be hidden. */
+    togglePosition: MatAccordionTogglePosition;
     /** An event emitted after the body's expansion animation happens. */
     afterExpand: EventEmitter<void>;
     /** An event emitted after the body's collapse animation happens. */