@angular/material 10.1.1 → 10.2.0

package/fesm2015/tabs.js

@@ -12,7 +12,7 @@ import { startWith, distinctUntilChanged, takeUntil } from 'rxjs/operators';
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import { ViewportRuler } from '@angular/cdk/scrolling';
 import { normalizePassiveListenerOptions, Platform } from '@angular/cdk/platform';
-import { hasModifierKey, SPACE, ENTER, END, HOME } from '@angular/cdk/keycodes';
+import { hasModifierKey, SPACE, ENTER } from '@angular/cdk/keycodes';
 
 /**
  * @license
@@ -202,15 +202,7 @@ class MatTab extends _MatTabMixinBase {
     // TODO: Remove cast once https://github.com/angular/angular/pull/37506 is available.
     /** Content for the tab label given by `<ng-template mat-tab-label>`. */
     get templateLabel() { return this._templateLabel; }
-    set templateLabel(value) {
-        // Only update the templateLabel via query if there is actually
-        // a MatTabLabel found. This works around an issue where a user may have
-        // manually set `templateLabel` during creation mode, which would then get clobbered
-        // by `undefined` when this query resolves.
-        if (value) {
-            this._templateLabel = value;
-        }
-    }
+    set templateLabel(value) { this._setTemplateLabelInput(value); }
     /** @docs-private */
     get content() {
         return this._contentPortal;
@@ -226,6 +218,21 @@ class MatTab extends _MatTabMixinBase {
     ngOnInit() {
         this._contentPortal = new TemplatePortal(this._explicitContent || this._implicitContent, this._viewContainerRef);
     }
+    /**
+     * This has been extracted to a util because of TS 4 and VE.
+     * View Engine doesn't support property rename inheritance.
+     * TS 4.0 doesn't allow properties to override accessors or vice-versa.
+     * @docs-private
+     */
+    _setTemplateLabelInput(value) {
+        // Only update the templateLabel via query if there is actually
+        // a MatTabLabel found. This works around an issue where a user may have
+        // manually set `templateLabel` during creation mode, which would then get clobbered
+        // by `undefined` when this query resolves.
+        if (value) {
+            this._templateLabel = value;
+        }
+    }
 }
 MatTab.decorators = [
     { type: Component, args: [{
@@ -971,6 +978,7 @@ class MatPaginatedTabHeader {
         };
         this._keyManager = new FocusKeyManager(this._items)
             .withHorizontalOrientation(this._getLayoutDirection())
+            .withHomeAndEnd()
             .withWrap();
         this._keyManager.updateActiveItem(0);
         // Defer the first call in order to allow for slower browsers to lay out the elements.
@@ -1027,14 +1035,6 @@ class MatPaginatedTabHeader {
             return;
         }
         switch (event.keyCode) {
-            case HOME:
-                this._keyManager.setFirstItemActive();
-                event.preventDefault();
-                break;
-            case END:
-                this._keyManager.setLastItemActive();
-                event.preventDefault();
-                break;
             case ENTER:
             case SPACE:
                 if (this.focusIndex !== this.selectedIndex) {
@@ -1506,7 +1506,7 @@ _MatTabNavBase.ctorParameters = () => [
     { type: NgZone },
     { type: ChangeDetectorRef },
     { type: ViewportRuler },
-    { type: Platform, decorators: [{ type: Optional }] },
+    { type: Platform },
     { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ANIMATION_MODULE_TYPE,] }] }
 ];
 _MatTabNavBase.propDecorators = {
@@ -1553,7 +1553,7 @@ MatTabNav.ctorParameters = () => [
     { type: NgZone },
     { type: ChangeDetectorRef },
     { type: ViewportRuler },
-    { type: Platform, decorators: [{ type: Optional }] },
+    { type: Platform },
     { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ANIMATION_MODULE_TYPE,] }] }
 ];
 MatTabNav.propDecorators = {