@angular/material 11.0.4 → 11.1.2

package/bundles/material-grid-list.umd.js

@@ -4,150 +4,6 @@
     (global = global || self, factory((global.ng = global.ng || {}, global.ng.material = global.ng.material || {}, global.ng.material.gridList = {}), global.ng.core, global.ng.material.core, global.ng.cdk.coercion, global.ng.cdk.bidi));
 }(this, (function (exports, core, core$1, coercion, bidi) { 'use strict';
 
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    /**
-     * Injection token used to provide a grid list to a tile and to avoid circular imports.
-     * @docs-private
-     */
-    var MAT_GRID_LIST = new core.InjectionToken('MAT_GRID_LIST');
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    var MatGridTile = /** @class */ (function () {
-        function MatGridTile(_element, _gridList) {
-            this._element = _element;
-            this._gridList = _gridList;
-            this._rowspan = 1;
-            this._colspan = 1;
-        }
-        Object.defineProperty(MatGridTile.prototype, "rowspan", {
-            /** Amount of rows that the grid tile takes up. */
-            get: function () { return this._rowspan; },
-            set: function (value) { this._rowspan = Math.round(coercion.coerceNumberProperty(value)); },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(MatGridTile.prototype, "colspan", {
-            /** Amount of columns that the grid tile takes up. */
-            get: function () { return this._colspan; },
-            set: function (value) { this._colspan = Math.round(coercion.coerceNumberProperty(value)); },
-            enumerable: false,
-            configurable: true
-        });
-        /**
-         * Sets the style of the grid-tile element.  Needs to be set manually to avoid
-         * "Changed after checked" errors that would occur with HostBinding.
-         */
-        MatGridTile.prototype._setStyle = function (property, value) {
-            this._element.nativeElement.style[property] = value;
-        };
-        return MatGridTile;
-    }());
-    MatGridTile.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'mat-grid-tile',
-                    exportAs: 'matGridTile',
-                    host: {
-                        'class': 'mat-grid-tile',
-                        // Ensures that the "rowspan" and "colspan" input value is reflected in
-                        // the DOM. This is needed for the grid-tile harness.
-                        '[attr.rowspan]': 'rowspan',
-                        '[attr.colspan]': 'colspan'
-                    },
-                    template: "<!-- TODO(kara): Revisit why this is a figure.-->\n<figure class=\"mat-figure\">\n  <ng-content></ng-content>\n</figure>",
-                    encapsulation: core.ViewEncapsulation.None,
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".mat-grid-list{display:block;position:relative}.mat-grid-tile{display:block;position:absolute;overflow:hidden}.mat-grid-tile .mat-figure{top:0;left:0;right:0;bottom:0;position:absolute;display:flex;align-items:center;justify-content:center;height:100%;padding:0;margin:0}.mat-grid-tile .mat-grid-tile-header,.mat-grid-tile .mat-grid-tile-footer{display:flex;align-items:center;height:48px;color:#fff;background:rgba(0,0,0,.38);overflow:hidden;padding:0 16px;position:absolute;left:0;right:0}.mat-grid-tile .mat-grid-tile-header>*,.mat-grid-tile .mat-grid-tile-footer>*{margin:0;padding:0;font-weight:normal;font-size:inherit}.mat-grid-tile .mat-grid-tile-header.mat-2-line,.mat-grid-tile .mat-grid-tile-footer.mat-2-line{height:68px}.mat-grid-tile .mat-grid-list-text{display:flex;flex-direction:column;flex:auto;box-sizing:border-box;overflow:hidden}.mat-grid-tile .mat-grid-list-text>*{margin:0;padding:0;font-weight:normal;font-size:inherit}.mat-grid-tile .mat-grid-list-text:empty{display:none}.mat-grid-tile .mat-grid-tile-header{top:0}.mat-grid-tile .mat-grid-tile-footer{bottom:0}.mat-grid-tile .mat-grid-avatar{padding-right:16px}[dir=rtl] .mat-grid-tile .mat-grid-avatar{padding-right:0;padding-left:16px}.mat-grid-tile .mat-grid-avatar:empty{display:none}\n"]
-                },] }
-    ];
-    MatGridTile.ctorParameters = function () { return [
-        { type: core.ElementRef },
-        { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [MAT_GRID_LIST,] }] }
-    ]; };
-    MatGridTile.propDecorators = {
-        rowspan: [{ type: core.Input }],
-        colspan: [{ type: core.Input }]
-    };
-    var MatGridTileText = /** @class */ (function () {
-        function MatGridTileText(_element) {
-            this._element = _element;
-        }
-        MatGridTileText.prototype.ngAfterContentInit = function () {
-            core$1.setLines(this._lines, this._element);
-        };
-        return MatGridTileText;
-    }());
-    MatGridTileText.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'mat-grid-tile-header, mat-grid-tile-footer',
-                    template: "<ng-content select=\"[mat-grid-avatar], [matGridAvatar]\"></ng-content>\n<div class=\"mat-grid-list-text\"><ng-content select=\"[mat-line], [matLine]\"></ng-content></div>\n<ng-content></ng-content>\n",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    encapsulation: core.ViewEncapsulation.None
-                },] }
-    ];
-    MatGridTileText.ctorParameters = function () { return [
-        { type: core.ElementRef }
-    ]; };
-    MatGridTileText.propDecorators = {
-        _lines: [{ type: core.ContentChildren, args: [core$1.MatLine, { descendants: true },] }]
-    };
-    /**
-     * Directive whose purpose is to add the mat- CSS styling to this selector.
-     * @docs-private
-     */
-    var MatGridAvatarCssMatStyler = /** @class */ (function () {
-        function MatGridAvatarCssMatStyler() {
-        }
-        return MatGridAvatarCssMatStyler;
-    }());
-    MatGridAvatarCssMatStyler.decorators = [
-        { type: core.Directive, args: [{
-                    selector: '[mat-grid-avatar], [matGridAvatar]',
-                    host: { 'class': 'mat-grid-avatar' }
-                },] }
-    ];
-    /**
-     * Directive whose purpose is to add the mat- CSS styling to this selector.
-     * @docs-private
-     */
-    var MatGridTileHeaderCssMatStyler = /** @class */ (function () {
-        function MatGridTileHeaderCssMatStyler() {
-        }
-        return MatGridTileHeaderCssMatStyler;
-    }());
-    MatGridTileHeaderCssMatStyler.decorators = [
-        { type: core.Directive, args: [{
-                    selector: 'mat-grid-tile-header',
-                    host: { 'class': 'mat-grid-tile-header' }
-                },] }
-    ];
-    /**
-     * Directive whose purpose is to add the mat- CSS styling to this selector.
-     * @docs-private
-     */
-    var MatGridTileFooterCssMatStyler = /** @class */ (function () {
-        function MatGridTileFooterCssMatStyler() {
-        }
-        return MatGridTileFooterCssMatStyler;
-    }());
-    MatGridTileFooterCssMatStyler.decorators = [
-        { type: core.Directive, args: [{
-                    selector: 'mat-grid-tile-footer',
-                    host: { 'class': 'mat-grid-tile-footer' }
-                },] }
-    ];
-
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -172,6 +28,8 @@
         return extendStatics(d, b);
     };
     function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -357,11 +215,13 @@
         }
         return ar;
     }
+    /** @deprecated */
     function __spread() {
         for (var ar = [], i = 0; i < arguments.length; i++)
             ar = ar.concat(__read(arguments[i]));
         return ar;
     }
+    /** @deprecated */
     function __spreadArrays() {
         for (var s = 0, i = 0, il = arguments.length; i < il; i++)
             s += arguments[i].length;
@@ -370,7 +230,11 @@
                 r[k] = a[j];
         return r;
     }
-    ;
+    function __spreadArray(to, from) {
+        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+            to[j] = from[i];
+        return to;
+    }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
     }
@@ -603,6 +467,150 @@
         return TilePosition;
     }());
 
+    /**
+     * @license
+     * Copyright Google LLC All Rights Reserved.
+     *
+     * Use of this source code is governed by an MIT-style license that can be
+     * found in the LICENSE file at https://angular.io/license
+     */
+    /**
+     * Injection token used to provide a grid list to a tile and to avoid circular imports.
+     * @docs-private
+     */
+    var MAT_GRID_LIST = new core.InjectionToken('MAT_GRID_LIST');
+
+    /**
+     * @license
+     * Copyright Google LLC All Rights Reserved.
+     *
+     * Use of this source code is governed by an MIT-style license that can be
+     * found in the LICENSE file at https://angular.io/license
+     */
+    var MatGridTile = /** @class */ (function () {
+        function MatGridTile(_element, _gridList) {
+            this._element = _element;
+            this._gridList = _gridList;
+            this._rowspan = 1;
+            this._colspan = 1;
+        }
+        Object.defineProperty(MatGridTile.prototype, "rowspan", {
+            /** Amount of rows that the grid tile takes up. */
+            get: function () { return this._rowspan; },
+            set: function (value) { this._rowspan = Math.round(coercion.coerceNumberProperty(value)); },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(MatGridTile.prototype, "colspan", {
+            /** Amount of columns that the grid tile takes up. */
+            get: function () { return this._colspan; },
+            set: function (value) { this._colspan = Math.round(coercion.coerceNumberProperty(value)); },
+            enumerable: false,
+            configurable: true
+        });
+        /**
+         * Sets the style of the grid-tile element.  Needs to be set manually to avoid
+         * "Changed after checked" errors that would occur with HostBinding.
+         */
+        MatGridTile.prototype._setStyle = function (property, value) {
+            this._element.nativeElement.style[property] = value;
+        };
+        return MatGridTile;
+    }());
+    MatGridTile.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'mat-grid-tile',
+                    exportAs: 'matGridTile',
+                    host: {
+                        'class': 'mat-grid-tile',
+                        // Ensures that the "rowspan" and "colspan" input value is reflected in
+                        // the DOM. This is needed for the grid-tile harness.
+                        '[attr.rowspan]': 'rowspan',
+                        '[attr.colspan]': 'colspan'
+                    },
+                    template: "<!-- TODO(kara): Revisit why this is a figure.-->\n<figure class=\"mat-figure\">\n  <ng-content></ng-content>\n</figure>",
+                    encapsulation: core.ViewEncapsulation.None,
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    styles: [".mat-grid-list{display:block;position:relative}.mat-grid-tile{display:block;position:absolute;overflow:hidden}.mat-grid-tile .mat-figure{top:0;left:0;right:0;bottom:0;position:absolute;display:flex;align-items:center;justify-content:center;height:100%;padding:0;margin:0}.mat-grid-tile .mat-grid-tile-header,.mat-grid-tile .mat-grid-tile-footer{display:flex;align-items:center;height:48px;color:#fff;background:rgba(0,0,0,.38);overflow:hidden;padding:0 16px;position:absolute;left:0;right:0}.mat-grid-tile .mat-grid-tile-header>*,.mat-grid-tile .mat-grid-tile-footer>*{margin:0;padding:0;font-weight:normal;font-size:inherit}.mat-grid-tile .mat-grid-tile-header.mat-2-line,.mat-grid-tile .mat-grid-tile-footer.mat-2-line{height:68px}.mat-grid-tile .mat-grid-list-text{display:flex;flex-direction:column;flex:auto;box-sizing:border-box;overflow:hidden}.mat-grid-tile .mat-grid-list-text>*{margin:0;padding:0;font-weight:normal;font-size:inherit}.mat-grid-tile .mat-grid-list-text:empty{display:none}.mat-grid-tile .mat-grid-tile-header{top:0}.mat-grid-tile .mat-grid-tile-footer{bottom:0}.mat-grid-tile .mat-grid-avatar{padding-right:16px}[dir=rtl] .mat-grid-tile .mat-grid-avatar{padding-right:0;padding-left:16px}.mat-grid-tile .mat-grid-avatar:empty{display:none}\n"]
+                },] }
+    ];
+    MatGridTile.ctorParameters = function () { return [
+        { type: core.ElementRef },
+        { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [MAT_GRID_LIST,] }] }
+    ]; };
+    MatGridTile.propDecorators = {
+        rowspan: [{ type: core.Input }],
+        colspan: [{ type: core.Input }]
+    };
+    var MatGridTileText = /** @class */ (function () {
+        function MatGridTileText(_element) {
+            this._element = _element;
+        }
+        MatGridTileText.prototype.ngAfterContentInit = function () {
+            core$1.setLines(this._lines, this._element);
+        };
+        return MatGridTileText;
+    }());
+    MatGridTileText.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'mat-grid-tile-header, mat-grid-tile-footer',
+                    template: "<ng-content select=\"[mat-grid-avatar], [matGridAvatar]\"></ng-content>\n<div class=\"mat-grid-list-text\"><ng-content select=\"[mat-line], [matLine]\"></ng-content></div>\n<ng-content></ng-content>\n",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    encapsulation: core.ViewEncapsulation.None
+                },] }
+    ];
+    MatGridTileText.ctorParameters = function () { return [
+        { type: core.ElementRef }
+    ]; };
+    MatGridTileText.propDecorators = {
+        _lines: [{ type: core.ContentChildren, args: [core$1.MatLine, { descendants: true },] }]
+    };
+    /**
+     * Directive whose purpose is to add the mat- CSS styling to this selector.
+     * @docs-private
+     */
+    var MatGridAvatarCssMatStyler = /** @class */ (function () {
+        function MatGridAvatarCssMatStyler() {
+        }
+        return MatGridAvatarCssMatStyler;
+    }());
+    MatGridAvatarCssMatStyler.decorators = [
+        { type: core.Directive, args: [{
+                    selector: '[mat-grid-avatar], [matGridAvatar]',
+                    host: { 'class': 'mat-grid-avatar' }
+                },] }
+    ];
+    /**
+     * Directive whose purpose is to add the mat- CSS styling to this selector.
+     * @docs-private
+     */
+    var MatGridTileHeaderCssMatStyler = /** @class */ (function () {
+        function MatGridTileHeaderCssMatStyler() {
+        }
+        return MatGridTileHeaderCssMatStyler;
+    }());
+    MatGridTileHeaderCssMatStyler.decorators = [
+        { type: core.Directive, args: [{
+                    selector: 'mat-grid-tile-header',
+                    host: { 'class': 'mat-grid-tile-header' }
+                },] }
+    ];
+    /**
+     * Directive whose purpose is to add the mat- CSS styling to this selector.
+     * @docs-private
+     */
+    var MatGridTileFooterCssMatStyler = /** @class */ (function () {
+        function MatGridTileFooterCssMatStyler() {
+        }
+        return MatGridTileFooterCssMatStyler;
+    }());
+    MatGridTileFooterCssMatStyler.decorators = [
+        { type: core.Directive, args: [{
+                    selector: 'mat-grid-tile-footer',
+                    host: { 'class': 'mat-grid-tile-footer' }
+                },] }
+    ];
+
     /**
      * @license
      * Copyright Google LLC All Rights Reserved.
@@ -1032,6 +1040,8 @@
      * 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
      */
+    // Privately exported for the grid-list harness.
+    var ɵTileCoordinator = TileCoordinator;
 
     /**
      * Generated bundle index. Do not edit.
@@ -1044,7 +1054,7 @@
     exports.MatGridTileFooterCssMatStyler = MatGridTileFooterCssMatStyler;
     exports.MatGridTileHeaderCssMatStyler = MatGridTileHeaderCssMatStyler;
     exports.MatGridTileText = MatGridTileText;
-    exports.ɵTileCoordinator = TileCoordinator;
+    exports.ɵTileCoordinator = ɵTileCoordinator;
     exports.ɵangular_material_src_material_grid_list_grid_list_a = MAT_GRID_LIST;
 
     Object.defineProperty(exports, '__esModule', { value: true });