@angular/material 8.0.0-beta.2 → 8.0.0

package/bundles/material-tabs.umd.js

@@ -42,7 +42,7 @@ function __extends(d, b) {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * Injection token for the MatInkBar's Positioner.
@@ -59,10 +59,14 @@ var _MAT_INK_BAR_POSITIONER = new core.InjectionToken('MatInkBarPositioner', {
  */
 function _MAT_INK_BAR_POSITIONER_FACTORY() {
     /** @type {?} */
-    var method = function (element) { return ({
+    var method = (/**
+     * @param {?} element
+     * @return {?}
+     */
+    function (element) { return ({
         left: element ? (element.offsetLeft || 0) + 'px' : '0',
         width: element ? (element.offsetWidth || 0) + 'px' : '0',
-    }); };
+    }); });
     return method;
 }
 /**
@@ -96,9 +100,15 @@ var MatInkBar = /** @class */ (function () {
         var _this = this;
         this.show();
         if (typeof requestAnimationFrame !== 'undefined') {
-            this._ngZone.runOutsideAngular(function () {
-                requestAnimationFrame(function () { return _this._setStyles(element); });
-            });
+            this._ngZone.runOutsideAngular((/**
+             * @return {?}
+             */
+            function () {
+                requestAnimationFrame((/**
+                 * @return {?}
+                 */
+                function () { return _this._setStyles(element); }));
+            }));
         }
         else {
             this._setStyles(element);
@@ -171,7 +181,7 @@ var MatInkBar = /** @class */ (function () {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * Decorates the `ng-template` tags and reads out the template from it.
@@ -192,7 +202,7 @@ var MatTabContent = /** @class */ (function () {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * Used to flag tab labels for use with the portal directive
@@ -212,13 +222,13 @@ var MatTabLabel = /** @class */ (function (_super) {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 // Boilerplate for applying mixins to MatTab.
 /**
  * \@docs-private
  */
-var   
+var 
 // Boilerplate for applying mixins to MatTab.
 /**
  * \@docs-private
@@ -332,7 +342,7 @@ var MatTab = /** @class */ (function (_super) {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * Animations used by the Material tabs.
@@ -366,7 +376,7 @@ var matTabsAnimations = {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * The portal host directive for the contents of the tab.
@@ -401,14 +411,21 @@ var MatTabBodyPortal = /** @class */ (function (_super) {
         _super.prototype.ngOnInit.call(this);
         this._centeringSub = this._host._beforeCentering
             .pipe(operators.startWith(this._host._isCenterPosition(this._host._position)))
-            .subscribe(function (isCentering) {
+            .subscribe((/**
+         * @param {?} isCentering
+         * @return {?}
+         */
+        function (isCentering) {
             if (isCentering && !_this.hasAttached()) {
                 _this.attach(_this._host._content);
             }
-        });
-        this._leavingSub = this._host._afterLeavingCenter.subscribe(function () {
+        }));
+        this._leavingSub = this._host._afterLeavingCenter.subscribe((/**
+         * @return {?}
+         */
+        function () {
             _this.detach();
-        });
+        }));
     };
     /** Clean up centering subscription. */
     /**
@@ -433,7 +450,10 @@ var MatTabBodyPortal = /** @class */ (function (_super) {
     MatTabBodyPortal.ctorParameters = function () { return [
         { type: core.ComponentFactoryResolver },
         { type: core.ViewContainerRef },
-        { type: MatTabBody, decorators: [{ type: core.Inject, args: [core.forwardRef(function () { return MatTabBody; }),] }] }
+        { type: MatTabBody, decorators: [{ type: core.Inject, args: [core.forwardRef((/**
+                         * @return {?}
+                         */
+                        function () { return MatTabBody; })),] }] }
     ]; };
     return MatTabBodyPortal;
 }(portal.CdkPortalOutlet));
@@ -477,16 +497,29 @@ var MatTabBody = /** @class */ (function () {
          */
         this.animationDuration = '500ms';
         if (_dir) {
-            this._dirChangeSubscription = _dir.change.subscribe(function (dir) {
+            this._dirChangeSubscription = _dir.change.subscribe((/**
+             * @param {?} dir
+             * @return {?}
+             */
+            function (dir) {
                 _this._computePositionAnimationState(dir);
                 changeDetectorRef.markForCheck();
-            });
+            }));
         }
         // Ensure that we get unique animation events, because the `.done` callback can get
         // invoked twice in some browsers. See https://github.com/angular/angular/issues/24084.
-        this._translateTabComplete.pipe(operators.distinctUntilChanged(function (x, y) {
+        this._translateTabComplete.pipe(operators.distinctUntilChanged((/**
+         * @param {?} x
+         * @param {?} y
+         * @return {?}
+         */
+        function (x, y) {
             return x.fromState === y.fromState && x.toState === y.toState;
-        })).subscribe(function (event) {
+        }))).subscribe((/**
+         * @param {?} event
+         * @return {?}
+         */
+        function (event) {
             // If the transition to the center is complete, emit an event.
             if (_this._isCenterPosition(event.toState) && _this._isCenterPosition(_this._position)) {
                 _this._onCentered.emit();
@@ -494,7 +527,7 @@ var MatTabBody = /** @class */ (function () {
             if (_this._isCenterPosition(event.fromState) && !_this._isCenterPosition(_this._position)) {
                 _this._afterLeavingCenter.emit();
             }
-        });
+        }));
     }
     Object.defineProperty(MatTabBody.prototype, "position", {
         /** The shifted index position of the tab body, where zero represents the active center tab. */
@@ -666,13 +699,13 @@ var MatTabBody = /** @class */ (function () {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 // Boilerplate for applying mixins to MatTabLabelWrapper.
 /**
  * \@docs-private
  */
-var   
+var 
 // Boilerplate for applying mixins to MatTabLabelWrapper.
 /**
  * \@docs-private
@@ -744,7 +777,7 @@ var MatTabLabelWrapper = /** @class */ (function (_super) {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * Config used to bind passive event listeners
@@ -773,7 +806,7 @@ var HEADER_SCROLL_INTERVAL = 100;
 /**
  * \@docs-private
  */
-var   
+var 
 // Boilerplate for applying mixins to MatTabHeader.
 /**
  * \@docs-private
@@ -840,13 +873,19 @@ var MatTabHeader = /** @class */ (function (_super) {
          */
         _this.indexFocused = new core.EventEmitter();
         // Bind the `mouseleave` event on the outside since it doesn't change anything in the view.
-        _ngZone.runOutsideAngular(function () {
+        _ngZone.runOutsideAngular((/**
+         * @return {?}
+         */
+        function () {
             rxjs.fromEvent(_elementRef.nativeElement, 'mouseleave')
                 .pipe(operators.takeUntil(_this._destroyed))
-                .subscribe(function () {
+                .subscribe((/**
+             * @return {?}
+             */
+            function () {
                 _this._stopInterval();
-            });
-        });
+            }));
+        }));
         return _this;
     }
     Object.defineProperty(MatTabHeader.prototype, "selectedIndex", {
@@ -953,10 +992,13 @@ var MatTabHeader = /** @class */ (function (_super) {
         /** @type {?} */
         var resize = this._viewportRuler.change(150);
         /** @type {?} */
-        var realign = function () {
+        var realign = (/**
+         * @return {?}
+         */
+        function () {
             _this.updatePagination();
             _this._alignInkBarToSelectedTab();
-        };
+        });
         this._keyManager = new a11y.FocusKeyManager(this._labelWrappers)
             .withHorizontalOrientation(this._getLayoutDirection())
             .withWrap();
@@ -966,17 +1008,24 @@ var MatTabHeader = /** @class */ (function (_super) {
         typeof requestAnimationFrame !== 'undefined' ? requestAnimationFrame(realign) : realign();
         // On dir change or window resize, realign the ink bar and update the orientation of
         // the key manager if the direction has changed.
-        rxjs.merge(dirChange, resize).pipe(operators.takeUntil(this._destroyed)).subscribe(function () {
+        rxjs.merge(dirChange, resize).pipe(operators.takeUntil(this._destroyed)).subscribe((/**
+         * @return {?}
+         */
+        function () {
             realign();
             _this._keyManager.withHorizontalOrientation(_this._getLayoutDirection());
-        });
+        }));
         // If there is a change in the focus key manager we need to emit the `indexFocused`
         // event in order to provide a public event that notifies about focus changes. Also we realign
         // the tabs container by scrolling the new focused tab into the visible section.
-        this._keyManager.change.pipe(operators.takeUntil(this._destroyed)).subscribe(function (newFocusIndex) {
+        this._keyManager.change.pipe(operators.takeUntil(this._destroyed)).subscribe((/**
+         * @param {?} newFocusIndex
+         * @return {?}
+         */
+        function (newFocusIndex) {
             _this.indexFocused.emit(newFocusIndex);
             _this._setTabFocus(newFocusIndex);
-        });
+        }));
     };
     /**
      * @return {?}
@@ -989,14 +1038,20 @@ var MatTabHeader = /** @class */ (function (_super) {
         // We need to handle these events manually, because we want to bind passive event listeners.
         rxjs.fromEvent(this._previousPaginator.nativeElement, 'touchstart', passiveEventListenerOptions)
             .pipe(operators.takeUntil(this._destroyed))
-            .subscribe(function () {
+            .subscribe((/**
+         * @return {?}
+         */
+        function () {
             _this._handlePaginatorPress('before');
-        });
+        }));
         rxjs.fromEvent(this._nextPaginator.nativeElement, 'touchstart', passiveEventListenerOptions)
             .pipe(operators.takeUntil(this._destroyed))
-            .subscribe(function () {
+            .subscribe((/**
+         * @return {?}
+         */
+        function () {
             _this._handlePaginatorPress('after');
-        });
+        }));
     };
     /**
      * @return {?}
@@ -1031,11 +1086,14 @@ var MatTabHeader = /** @class */ (function (_super) {
             this._currentTextContent = textContent;
             // The content observer runs outside the `NgZone` by default, which
             // means that we need to bring the callback back in ourselves.
-            this._ngZone.run(function () {
+            this._ngZone.run((/**
+             * @return {?}
+             */
+            function () {
                 _this.updatePagination();
                 _this._alignInkBarToSelectedTab();
                 _this._changeDetectorRef.markForCheck();
-            });
+            }));
         }
     };
     /**
@@ -1182,7 +1240,7 @@ var MatTabHeader = /** @class */ (function (_super) {
         // Don't use `translate3d` here because we don't want to create a new layer. A new layer
         // seems to cause flickering and overflow in Internet Explorer. For example, the ink bar
         // and ripples will exceed the boundaries of the visible tab bar.
-        // See: https://github.com/angular/material2/issues/10276
+        // See: https://github.com/angular/components/issues/10276
         // We round the `transform` here, because transforms with sub-pixel precision cause some
         // browsers to blur the content of the element.
         this._tabList.nativeElement.style.transform = "translateX(" + Math.round(translateX) + "px)";
@@ -1473,13 +1531,16 @@ var MatTabHeader = /** @class */ (function (_super) {
         rxjs.timer(HEADER_SCROLL_DELAY, HEADER_SCROLL_INTERVAL)
             // Keep the timer going until something tells it to stop or the component is destroyed.
             .pipe(operators.takeUntil(rxjs.merge(this._stopScrolling, this._destroyed)))
-            .subscribe(function () {
+            .subscribe((/**
+         * @return {?}
+         */
+        function () {
             var _a = _this._scrollHeader(direction), maxScrollDistance = _a.maxScrollDistance, distance = _a.distance;
             // Stop the timer if we've reached the start or the end.
             if (distance === 0 || distance >= maxScrollDistance) {
                 _this._stopInterval();
             }
-        });
+        }));
     };
     /**
      * Scrolls the header to a given position.
@@ -1547,7 +1608,7 @@ var MatTabHeader = /** @class */ (function (_super) {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * Used to generate unique ID's for each tab component
@@ -1574,7 +1635,7 @@ var MAT_TABS_CONFIG = new core.InjectionToken('MAT_TABS_CONFIG');
 /**
  * \@docs-private
  */
-var   
+var 
 // Boilerplate for applying mixins to MatTabGroup.
 /**
  * \@docs-private
@@ -1748,22 +1809,35 @@ var MatTabGroup = /** @class */ (function (_super) {
             }
             // Changing these values after change detection has run
             // since the checked content may contain references to them.
-            Promise.resolve().then(function () {
-                _this._tabs.forEach(function (tab, index) { return tab.isActive = index === indexToSelect; });
+            Promise.resolve().then((/**
+             * @return {?}
+             */
+            function () {
+                _this._tabs.forEach((/**
+                 * @param {?} tab
+                 * @param {?} index
+                 * @return {?}
+                 */
+                function (tab, index) { return tab.isActive = index === indexToSelect; }));
                 if (!isFirstRun_1) {
                     _this.selectedIndexChange.emit(indexToSelect);
                 }
-            });
+            }));
         }
         // Setup the position for each tab and optionally setup an origin on the next selected tab.
-        this._tabs.forEach(function (tab, index) {
+        this._tabs.forEach((/**
+         * @param {?} tab
+         * @param {?} index
+         * @return {?}
+         */
+        function (tab, index) {
             tab.position = index - indexToSelect;
             // If there is already a selected tab, then set up an origin for the next selected tab
             // if it doesn't have one already.
             if (_this._selectedIndex != null && tab.position == 0 && !tab.origin) {
                 tab.origin = indexToSelect - _this._selectedIndex;
             }
-        });
+        }));
         if (this._selectedIndex !== indexToSelect) {
             this._selectedIndex = indexToSelect;
             this._changeDetectorRef.markForCheck();
@@ -1780,7 +1854,10 @@ var MatTabGroup = /** @class */ (function (_super) {
         this._subscribeToTabLabels();
         // Subscribe to changes in the amount of tabs, in order to be
         // able to re-render the content as new tabs are added or removed.
-        this._tabsSubscription = this._tabs.changes.subscribe(function () {
+        this._tabsSubscription = this._tabs.changes.subscribe((/**
+         * @return {?}
+         */
+        function () {
             /** @type {?} */
             var indexToSelect = _this._clampTabIndex(_this._indexToSelect);
             // Maintain the previously-selected tab if a new tab is added or removed and there is no
@@ -1800,7 +1877,7 @@ var MatTabGroup = /** @class */ (function (_super) {
             }
             _this._subscribeToTabLabels();
             _this._changeDetectorRef.markForCheck();
-        });
+        }));
     };
     /**
      * @return {?}
@@ -1883,7 +1960,14 @@ var MatTabGroup = /** @class */ (function (_super) {
         if (this._tabLabelSubscription) {
             this._tabLabelSubscription.unsubscribe();
         }
-        this._tabLabelSubscription = rxjs.merge.apply(void 0, this._tabs.map(function (tab) { return tab._stateChanges; })).subscribe(function () { return _this._changeDetectorRef.markForCheck(); });
+        this._tabLabelSubscription = rxjs.merge.apply(void 0, this._tabs.map((/**
+         * @param {?} tab
+         * @return {?}
+         */
+        function (tab) { return tab._stateChanges; }))).subscribe((/**
+         * @return {?}
+         */
+        function () { return _this._changeDetectorRef.markForCheck(); }));
     };
     /** Clamps the given index to the bounds of 0 and the tabs length. */
     /**
@@ -2056,13 +2140,13 @@ var MatTabGroup = /** @class */ (function (_super) {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 // Boilerplate for applying mixins to MatTabNav.
 /**
  * \@docs-private
  */
-var   
+var 
 // Boilerplate for applying mixins to MatTabNav.
 /**
  * \@docs-private
@@ -2146,13 +2230,19 @@ var MatTabNav = /** @class */ (function (_super) {
      */
     function () {
         var _this = this;
-        this._ngZone.runOutsideAngular(function () {
+        this._ngZone.runOutsideAngular((/**
+         * @return {?}
+         */
+        function () {
             /** @type {?} */
             var dirChange = _this._dir ? _this._dir.change : rxjs.of(null);
             return rxjs.merge(dirChange, _this._viewportRuler.change(10))
                 .pipe(operators.takeUntil(_this._onDestroy))
-                .subscribe(function () { return _this._alignInkBar(); });
-        });
+                .subscribe((/**
+             * @return {?}
+             */
+            function () { return _this._alignInkBar(); }));
+        }));
     };
     /** Checks if the active link has been changed and, if so, will update the ink bar. */
     /**
@@ -2166,7 +2256,11 @@ var MatTabNav = /** @class */ (function (_super) {
     function () {
         if (this._activeLinkChanged) {
             /** @type {?} */
-            var activeTab = this._tabLinks.find(function (tab) { return tab.active; });
+            var activeTab = this._tabLinks.find((/**
+             * @param {?} tab
+             * @return {?}
+             */
+            function (tab) { return tab.active; }));
             this._activeLinkElement = activeTab ? activeTab._elementRef : null;
             this._alignInkBar();
             this._activeLinkChanged = false;
@@ -2221,13 +2315,16 @@ var MatTabNav = /** @class */ (function (_super) {
     ]; };
     MatTabNav.propDecorators = {
         _inkBar: [{ type: core.ViewChild, args: [MatInkBar, { static: true },] }],
-        _tabLinks: [{ type: core.ContentChildren, args: [core.forwardRef(function () { return MatTabLink; }), { descendants: true },] }],
+        _tabLinks: [{ type: core.ContentChildren, args: [core.forwardRef((/**
+                     * @return {?}
+                     */
+                    function () { return MatTabLink; })), { descendants: true },] }],
         backgroundColor: [{ type: core.Input }]
     };
     return MatTabNav;
 }(_MatTabNavMixinBase));
 // Boilerplate for applying mixins to MatTabLink.
-var   
+var 
 // Boilerplate for applying mixins to MatTabLink.
 MatTabLinkBase = /** @class */ (function () {
     function MatTabLinkBase() {
@@ -2337,7 +2434,7 @@ var MatTabLink = /** @class */ (function (_super) {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var MatTabsModule = /** @class */ (function () {
     function MatTabsModule() {
@@ -2394,21 +2491,9 @@ exports.MatTabContent = MatTabContent;
 exports.MatTabsModule = MatTabsModule;
 exports.MatTabChangeEvent = MatTabChangeEvent;
 exports.MAT_TABS_CONFIG = MAT_TABS_CONFIG;
-exports.MatTabGroupBase = MatTabGroupBase;
-exports._MatTabGroupMixinBase = _MatTabGroupMixinBase;
 exports.MatTabGroup = MatTabGroup;
 exports.matTabsAnimations = matTabsAnimations;
-exports.ɵa24 = _MAT_INK_BAR_POSITIONER_FACTORY;
-exports.ɵf24 = MatTabBase;
-exports.ɵg24 = _MatTabMixinBase;
-exports.ɵb24 = MatTabHeaderBase;
-exports.ɵc24 = _MatTabHeaderMixinBase;
-exports.ɵd24 = MatTabLabelWrapperBase;
-exports.ɵe24 = _MatTabLabelWrapperMixinBase;
-exports.ɵj24 = MatTabLinkBase;
-exports.ɵh24 = MatTabNavBase;
-exports.ɵk24 = _MatTabLinkMixinBase;
-exports.ɵi24 = _MatTabNavMixinBase;
+exports.ɵa22 = _MAT_INK_BAR_POSITIONER_FACTORY;
 
 Object.defineProperty(exports, '__esModule', { value: true });