@angular/material 8.1.1 → 8.1.2

package/bundles/material.umd.js

@@ -59,7 +59,7 @@ var __assign = function() {
  * Current version of Angular Material.
  * @type {?}
  */
-var VERSION$1 = new core.Version('8.1.1');
+var VERSION$1 = new core.Version('8.1.2');
 
 /**
  * @fileoverview added by tsickle
@@ -99,7 +99,7 @@ var AnimationDurations = /** @class */ (function () {
 // Can be removed once the Material primary entry-point no longer
 // re-exports all secondary entry-points
 /** @type {?} */
-var VERSION$2 = new core.Version('8.1.1');
+var VERSION$2 = new core.Version('8.1.2');
 /**
  * Injection token that configures whether the Material sanity checks are enabled.
  * @type {?}
@@ -6202,12 +6202,26 @@ var MatBottomSheetContainer = /** @class */ (function (_super) {
      * @return {?}
      */
     function () {
+        /** @type {?} */
+        var element = this._elementRef.nativeElement;
         if (!this._focusTrap) {
-            this._focusTrap = this._focusTrapFactory.create(this._elementRef.nativeElement);
+            this._focusTrap = this._focusTrapFactory.create(element);
         }
         if (this.bottomSheetConfig.autoFocus) {
             this._focusTrap.focusInitialElementWhenReady();
         }
+        else {
+            /** @type {?} */
+            var activeElement = this._document.activeElement;
+            // Otherwise ensure that focus is on the container. It's possible that a different
+            // component tried to move focus while the open animation was running. See:
+            // https://github.com/angular/components/issues/16215. Note that we only want to do this
+            // if the focus isn't inside the bottom sheet already, because it's possible that the
+            // consumer turned off `autoFocus` in order to move focus themselves.
+            if (activeElement !== element && !element.contains(activeElement)) {
+                element.focus();
+            }
+        }
     };
     /** Restores focus to the element that was focused before the bottom sheet was opened. */
     /**
@@ -7158,7 +7172,7 @@ var MatButtonToggleGroup = /** @class */ (function () {
          */
         function () {
             /** @type {?} */
-            var selected = this._selectionModel.selected;
+            var selected = this._selectionModel ? this._selectionModel.selected : [];
             return this.multiple ? selected : (selected[0] || null);
         },
         enumerable: true,
@@ -7341,11 +7355,16 @@ var MatButtonToggleGroup = /** @class */ (function () {
         if (!this.multiple && this.selected && !toggle.checked) {
             ((/** @type {?} */ (this.selected))).checked = false;
         }
-        if (select) {
-            this._selectionModel.select(toggle);
+        if (this._selectionModel) {
+            if (select) {
+                this._selectionModel.select(toggle);
+            }
+            else {
+                this._selectionModel.deselect(toggle);
+            }
         }
         else {
-            this._selectionModel.deselect(toggle);
+            deferEvents = true;
         }
         // We need to defer in some cases in order to avoid "changed after checked errors", however
         // the side-effect is that we may end up updating the model value out of sequence in others
@@ -7368,7 +7387,7 @@ var MatButtonToggleGroup = /** @class */ (function () {
      * @return {?}
      */
     function (toggle) {
-        return this._selectionModel.isSelected(toggle);
+        return this._selectionModel && this._selectionModel.isSelected(toggle);
     };
     /** Determines whether a button toggle should be checked on init. */
     /**
@@ -8767,7 +8786,6 @@ var MatCheckboxRequiredValidator = /** @class */ (function (_super) {
         { type: core.Directive, args: [{
                     selector: "mat-checkbox[required][formControlName],\n             mat-checkbox[required][formControl], mat-checkbox[required][ngModel]",
                     providers: [MAT_CHECKBOX_REQUIRED_VALIDATOR],
-                    host: { '[attr.required]': 'required ? "" : null' }
                 },] },
     ];
     return MatCheckboxRequiredValidator;
@@ -13489,7 +13507,7 @@ var MatCalendarBody = /** @class */ (function () {
     };
     MatCalendarBody.decorators = [
         { type: core.Component, args: [{selector: '[mat-calendar-body]',
-                    template: "<tr *ngIf=\"_firstRowOffset < labelMinRequiredCells\" aria-hidden=\"true\"><td class=\"mat-calendar-body-label\" [attr.colspan]=\"numCols\" [style.paddingTop]=\"_cellPadding\" [style.paddingBottom]=\"_cellPadding\">{{label}}</td></tr><tr *ngFor=\"let row of rows; let rowIndex = index\" role=\"row\"><td *ngIf=\"rowIndex === 0 && _firstRowOffset\" aria-hidden=\"true\" class=\"mat-calendar-body-label\" [attr.colspan]=\"_firstRowOffset\" [style.paddingTop]=\"_cellPadding\" [style.paddingBottom]=\"_cellPadding\">{{_firstRowOffset >= labelMinRequiredCells ? label : ''}}</td><td *ngFor=\"let item of row; let colIndex = index\" role=\"gridcell\" class=\"mat-calendar-body-cell\" [ngClass]=\"item.cssClasses\" [tabindex]=\"_isActiveCell(rowIndex, colIndex) ? 0 : -1\" [class.mat-calendar-body-disabled]=\"!item.enabled\" [class.mat-calendar-body-active]=\"_isActiveCell(rowIndex, colIndex)\" [attr.aria-label]=\"item.ariaLabel\" [attr.aria-disabled]=\"!item.enabled || null\" [attr.aria-selected]=\"selectedValue === item.value\" (click)=\"_cellClicked(item)\" [style.width]=\"_cellWidth\" [style.paddingTop]=\"_cellPadding\" [style.paddingBottom]=\"_cellPadding\"><div class=\"mat-calendar-body-cell-content\" [class.mat-calendar-body-selected]=\"selectedValue === item.value\" [class.mat-calendar-body-today]=\"todayValue === item.value\">{{item.displayValue}}</div></td></tr>",
+                    template: "<tr *ngIf=\"_firstRowOffset < labelMinRequiredCells\" aria-hidden=\"true\"><td class=\"mat-calendar-body-label\" [attr.colspan]=\"numCols\" [style.paddingTop]=\"_cellPadding\" [style.paddingBottom]=\"_cellPadding\">{{label}}</td></tr><tr *ngFor=\"let row of rows; let rowIndex = index\" role=\"row\"><td *ngIf=\"rowIndex === 0 && _firstRowOffset\" aria-hidden=\"true\" class=\"mat-calendar-body-label\" [attr.colspan]=\"_firstRowOffset\" [style.paddingTop]=\"_cellPadding\" [style.paddingBottom]=\"_cellPadding\">{{_firstRowOffset >= labelMinRequiredCells ? label : ''}}</td><td *ngFor=\"let item of row; let colIndex = index\" role=\"gridcell\" class=\"mat-calendar-body-cell\" [ngClass]=\"item.cssClasses\" [tabindex]=\"_isActiveCell(rowIndex, colIndex) ? 0 : -1\" [class.mat-calendar-body-disabled]=\"!item.enabled\" [class.mat-calendar-body-active]=\"_isActiveCell(rowIndex, colIndex)\" [attr.aria-label]=\"item.ariaLabel\" [attr.aria-disabled]=\"!item.enabled || null\" [attr.aria-selected]=\"selectedValue === item.value\" (click)=\"_cellClicked(item)\" [style.width]=\"_cellWidth\" [style.paddingTop]=\"_cellPadding\" role=\"button\" [style.paddingBottom]=\"_cellPadding\"><div class=\"mat-calendar-body-cell-content\" [class.mat-calendar-body-selected]=\"selectedValue === item.value\" [class.mat-calendar-body-today]=\"todayValue === item.value\">{{item.displayValue}}</div></td></tr>",
                     styles: [".mat-calendar-body{min-width:224px}.mat-calendar-body-label{height:0;line-height:0;text-align:left;padding-left:4.71429%;padding-right:4.71429%}.mat-calendar-body-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;cursor:pointer}.mat-calendar-body-disabled{cursor:default}.mat-calendar-body-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;line-height:1;border-width:1px;border-style:solid;border-radius:999px}@media (-ms-high-contrast:active){.mat-calendar-body-cell-content{border:none}}@media (-ms-high-contrast:active){.mat-calendar-body-selected,.mat-datepicker-popup:not(:empty){outline:solid 1px}.mat-calendar-body-today{outline:dotted 1px}.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected){outline:dotted 2px}}[dir=rtl] .mat-calendar-body-label{text-align:right}"],
                     host: {
                         'class': 'mat-calendar-body',
@@ -17233,9 +17251,9 @@ var MatExpansionPanel = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatExpansionPanel.prototype, "togglePosition", {
-        /** Whether the toggle indicator should be hidden. */
+        /** The position of the expansion indicator. */
         get: /**
-         * Whether the toggle indicator should be hidden.
+         * The position of the expansion indicator.
          * @return {?}
          */
         function () {
@@ -31387,13 +31405,71 @@ var MatSlideToggle = /** @class */ (function (_super) {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
+/** @type {?} */
+var MAT_SLIDE_TOGGLE_REQUIRED_VALIDATOR = {
+    provide: forms.NG_VALIDATORS,
+    useExisting: core.forwardRef((/**
+     * @return {?}
+     */
+    function () { return MatSlideToggleRequiredValidator; })),
+    multi: true
+};
+/**
+ * Validator for Material slide-toggle components with the required attribute in a
+ * template-driven form. The default validator for required form controls asserts
+ * that the control value is not undefined but that is not appropriate for a slide-toggle
+ * where the value is always defined.
+ *
+ * Required slide-toggle form controls are valid when checked.
+ */
+var MatSlideToggleRequiredValidator = /** @class */ (function (_super) {
+    __extends(MatSlideToggleRequiredValidator, _super);
+    function MatSlideToggleRequiredValidator() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    MatSlideToggleRequiredValidator.decorators = [
+        { type: core.Directive, args: [{
+                    selector: "mat-slide-toggle[required][formControlName],\n             mat-slide-toggle[required][formControl], mat-slide-toggle[required][ngModel]",
+                    providers: [MAT_SLIDE_TOGGLE_REQUIRED_VALIDATOR],
+                },] },
+    ];
+    return MatSlideToggleRequiredValidator;
+}(forms.CheckboxRequiredValidator));
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * This module is used by both original and MDC-based slide-toggle implementations.
+ */
+var _MatSlideToggleRequiredValidatorModule = /** @class */ (function () {
+    function _MatSlideToggleRequiredValidatorModule() {
+    }
+    _MatSlideToggleRequiredValidatorModule.decorators = [
+        { type: core.NgModule, args: [{
+                    exports: [MatSlideToggleRequiredValidator],
+                    declarations: [MatSlideToggleRequiredValidator],
+                },] },
+    ];
+    return _MatSlideToggleRequiredValidatorModule;
+}());
 var MatSlideToggleModule = /** @class */ (function () {
     function MatSlideToggleModule() {
     }
     MatSlideToggleModule.decorators = [
         { type: core.NgModule, args: [{
-                    imports: [MatRippleModule, MatCommonModule, observers.ObserversModule],
-                    exports: [MatSlideToggle, MatCommonModule],
+                    imports: [
+                        _MatSlideToggleRequiredValidatorModule,
+                        MatRippleModule,
+                        MatCommonModule,
+                        observers.ObserversModule,
+                    ],
+                    exports: [
+                        _MatSlideToggleRequiredValidatorModule,
+                        MatSlideToggle,
+                        MatCommonModule
+                    ],
                     declarations: [MatSlideToggle],
                     providers: [
                         { provide: platformBrowser.HAMMER_GESTURE_CONFIG, useClass: GestureConfig }
@@ -35829,17 +35905,17 @@ MatTableDataSource = /** @class */ (function (_super) {
         return this.sortData(data.slice(), this.sort);
     };
     /**
-     * Returns a paged splice of the provided data array according to the provided MatPaginator's page
+     * Returns a paged slice of the provided data array according to the provided MatPaginator's page
      * index and length. If there is no paginator provided, returns the data array as provided.
      */
     /**
-     * Returns a paged splice of the provided data array according to the provided MatPaginator's page
+     * Returns a paged slice of the provided data array according to the provided MatPaginator's page
      * index and length. If there is no paginator provided, returns the data array as provided.
      * @param {?} data
      * @return {?}
      */
     MatTableDataSource.prototype._pageData = /**
-     * Returns a paged splice of the provided data array according to the provided MatPaginator's page
+     * Returns a paged slice of the provided data array according to the provided MatPaginator's page
      * index and length. If there is no paginator provided, returns the data array as provided.
      * @param {?} data
      * @return {?}
@@ -35850,7 +35926,7 @@ MatTableDataSource = /** @class */ (function (_super) {
         }
         /** @type {?} */
         var startIndex = this.paginator.pageIndex * this.paginator.pageSize;
-        return data.slice().splice(startIndex, this.paginator.pageSize);
+        return data.slice(startIndex, startIndex + this.paginator.pageSize);
     };
     /**
      * Updates the paginator to reflect the length of the filtered data, and makes sure that the page
@@ -38336,7 +38412,7 @@ var MatTabLink = /** @class */ (function (_super) {
                     inputs: ['disabled', 'disableRipple', 'tabIndex'],
                     host: {
                         'class': 'mat-tab-link',
-                        '[attr.aria-current]': 'active',
+                        '[attr.aria-current]': 'active ? "page" : null',
                         '[attr.aria-disabled]': 'disabled',
                         '[attr.tabIndex]': 'tabIndex',
                         '[class.mat-tab-disabled]': 'disabled',
@@ -38560,40 +38636,12 @@ var MatToolbarModule = /** @class */ (function () {
     return MatToolbarModule;
 }());
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * Outlet for nested CdkNode. Put `[matTreeNodeOutlet]` on a tag to place children dataNodes
- * inside the outlet.
- */
-var MatTreeNodeOutlet = /** @class */ (function () {
-    function MatTreeNodeOutlet(viewContainer, _node) {
-        this.viewContainer = viewContainer;
-        this._node = _node;
-    }
-    MatTreeNodeOutlet.decorators = [
-        { type: core.Directive, args: [{
-                    selector: '[matTreeNodeOutlet]'
-                },] },
-    ];
-    /** @nocollapse */
-    MatTreeNodeOutlet.ctorParameters = function () { return [
-        { type: core.ViewContainerRef },
-        { type: undefined, decorators: [{ type: core.Inject, args: [tree.CDK_TREE_NODE_OUTLET_NODE,] }, { type: core.Optional }] }
-    ]; };
-    return MatTreeNodeOutlet;
-}());
-
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 var _MatTreeNodeMixinBase = mixinTabIndex(mixinDisabled(tree.CdkTreeNode));
-/** @type {?} */
-var _MatNestedTreeNodeMixinBase = mixinTabIndex(mixinDisabled(tree.CdkNestedTreeNode));
 /**
  * Wrapper for the CdkTree node with Material design styles.
  * @template T
@@ -38667,9 +38715,43 @@ var MatNestedTreeNode = /** @class */ (function (_super) {
         _this._elementRef = _elementRef;
         _this._tree = _tree;
         _this._differs = _differs;
+        _this._disabled = false;
         _this.tabIndex = Number(tabIndex) || 0;
         return _this;
     }
+    Object.defineProperty(MatNestedTreeNode.prototype, "disabled", {
+        /** Whether the node is disabled. */
+        get: /**
+         * Whether the node is disabled.
+         * @return {?}
+         */
+        function () { return this._disabled; },
+        set: /**
+         * @param {?} value
+         * @return {?}
+         */
+        function (value) { this._disabled = coercion.coerceBooleanProperty(value); },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(MatNestedTreeNode.prototype, "tabIndex", {
+        /** Tabindex for the node. */
+        get: /**
+         * Tabindex for the node.
+         * @return {?}
+         */
+        function () { return this.disabled ? -1 : this._tabIndex; },
+        set: /**
+         * @param {?} value
+         * @return {?}
+         */
+        function (value) {
+            // If the specified tabIndex value is null or undefined, fall back to the default value.
+            this._tabIndex = value != null ? value : 0;
+        },
+        enumerable: true,
+        configurable: true
+    });
     // This is a workaround for https://github.com/angular/angular/issues/23091
     // In aot mode, the lifecycle hooks from parent class are not called.
     // TODO(tinayuangao): Remove when the angular issue #23091 is fixed
@@ -38707,7 +38789,6 @@ var MatNestedTreeNode = /** @class */ (function (_super) {
                         '[attr.role]': 'role',
                         'class': 'mat-nested-tree-node',
                     },
-                    inputs: ['disabled', 'tabIndex'],
                     providers: [
                         { provide: tree.CdkNestedTreeNode, useExisting: MatNestedTreeNode },
                         { provide: tree.CdkTreeNode, useExisting: MatNestedTreeNode },
@@ -38724,14 +38805,11 @@ var MatNestedTreeNode = /** @class */ (function (_super) {
     ]; };
     MatNestedTreeNode.propDecorators = {
         node: [{ type: core.Input, args: ['matNestedTreeNode',] }],
-        nodeOutlet: [{ type: core.ContentChildren, args: [MatTreeNodeOutlet, {
-                        // We need to use `descendants: true`, because Ivy will no longer match
-                        // indirect descendants if it's left as false.
-                        descendants: true
-                    },] }]
+        disabled: [{ type: core.Input }],
+        tabIndex: [{ type: core.Input }]
     };
     return MatNestedTreeNode;
-}(_MatNestedTreeNodeMixinBase));
+}(tree.CdkNestedTreeNode));
 
 /**
  * @fileoverview added by tsickle
@@ -38759,6 +38837,36 @@ var MatTreeNodePadding = /** @class */ (function (_super) {
     return MatTreeNodePadding;
 }(tree.CdkTreeNodePadding));
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * Outlet for nested CdkNode. Put `[matTreeNodeOutlet]` on a tag to place children dataNodes
+ * inside the outlet.
+ */
+var MatTreeNodeOutlet = /** @class */ (function () {
+    function MatTreeNodeOutlet(viewContainer, _node) {
+        this.viewContainer = viewContainer;
+        this._node = _node;
+    }
+    MatTreeNodeOutlet.decorators = [
+        { type: core.Directive, args: [{
+                    selector: '[matTreeNodeOutlet]',
+                    providers: [{
+                            provide: tree.CdkTreeNodeOutlet,
+                            useExisting: MatTreeNodeOutlet
+                        }]
+                },] },
+    ];
+    /** @nocollapse */
+    MatTreeNodeOutlet.ctorParameters = function () { return [
+        { type: core.ViewContainerRef },
+        { type: undefined, decorators: [{ type: core.Inject, args: [tree.CDK_TREE_NODE_OUTLET_NODE,] }, { type: core.Optional }] }
+    ]; };
+    return MatTreeNodeOutlet;
+}());
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -39428,7 +39536,7 @@ exports.MatPrefix = MatPrefix;
 exports.MatSuffix = MatSuffix;
 exports.MatLabel = MatLabel;
 exports.matFormFieldAnimations = matFormFieldAnimations;
-exports.ɵa4 = MAT_GRID_LIST;
+exports.ɵa3 = MAT_GRID_LIST;
 exports.MatGridListModule = MatGridListModule;
 exports.MatGridList = MatGridList;
 exports.MatGridTile = MatGridTile;
@@ -39528,11 +39636,14 @@ exports.MatSidenavContent = MatSidenavContent;
 exports.MatSidenav = MatSidenav;
 exports.MatSidenavContainer = MatSidenavContainer;
 exports.matDrawerAnimations = matDrawerAnimations;
+exports._MatSlideToggleRequiredValidatorModule = _MatSlideToggleRequiredValidatorModule;
 exports.MatSlideToggleModule = MatSlideToggleModule;
 exports.MAT_SLIDE_TOGGLE_VALUE_ACCESSOR = MAT_SLIDE_TOGGLE_VALUE_ACCESSOR;
 exports.MatSlideToggleChange = MatSlideToggleChange;
 exports.MatSlideToggle = MatSlideToggle;
 exports.MAT_SLIDE_TOGGLE_DEFAULT_OPTIONS = MAT_SLIDE_TOGGLE_DEFAULT_OPTIONS;
+exports.MAT_SLIDE_TOGGLE_REQUIRED_VALIDATOR = MAT_SLIDE_TOGGLE_REQUIRED_VALIDATOR;
+exports.MatSlideToggleRequiredValidator = MatSlideToggleRequiredValidator;
 exports.MatSliderModule = MatSliderModule;
 exports.MAT_SLIDER_VALUE_ACCESSOR = MAT_SLIDER_VALUE_ACCESSOR;
 exports.MatSliderChange = MatSliderChange;