@angular/material 11.1.1 → 11.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/_theming.scss +14 -8
  2. package/bundles/material-core.umd.js +2 -2
  3. package/bundles/material-core.umd.js.map +1 -1
  4. package/bundles/material-core.umd.min.js +2 -2
  5. package/bundles/material-core.umd.min.js.map +1 -1
  6. package/bundles/material-datepicker.umd.js +2 -0
  7. package/bundles/material-datepicker.umd.js.map +1 -1
  8. package/bundles/material-datepicker.umd.min.js +1 -1
  9. package/bundles/material-datepicker.umd.min.js.map +1 -1
  10. package/bundles/material-expansion.umd.js +1 -1
  11. package/bundles/material-expansion.umd.min.js +6 -6
  12. package/bundles/material-expansion.umd.min.js.map +1 -1
  13. package/bundles/material-form-field.umd.js +1 -1
  14. package/bundles/material-form-field.umd.js.map +1 -1
  15. package/bundles/material-form-field.umd.min.js +1 -1
  16. package/bundles/material-form-field.umd.min.js.map +1 -1
  17. package/bundles/material-grid-list.umd.js +147 -145
  18. package/bundles/material-grid-list.umd.js.map +1 -1
  19. package/bundles/material-grid-list.umd.min.js +12 -19
  20. package/bundles/material-grid-list.umd.min.js.map +1 -1
  21. package/bundles/material-menu.umd.js +12 -22
  22. package/bundles/material-menu.umd.js.map +1 -1
  23. package/bundles/material-menu.umd.min.js +1 -1
  24. package/bundles/material-menu.umd.min.js.map +1 -1
  25. package/bundles/material-select.umd.js +5 -2
  26. package/bundles/material-select.umd.js.map +1 -1
  27. package/bundles/material-select.umd.min.js +5 -5
  28. package/bundles/material-select.umd.min.js.map +1 -1
  29. package/core/index.metadata.json +1 -1
  30. package/esm2015/core/common-behaviors/common-module.js +1 -1
  31. package/esm2015/core/version.js +1 -1
  32. package/esm2015/datepicker/month-view.js +3 -1
  33. package/esm2015/expansion/expansion-panel-header.js +1 -1
  34. package/esm2015/form-field/form-field-animations.js +2 -2
  35. package/esm2015/grid-list/public-api.js +3 -2
  36. package/esm2015/menu/menu-trigger.js +13 -23
  37. package/esm2015/menu/menu.js +1 -1
  38. package/esm2015/select/select.js +6 -3
  39. package/expansion/_expansion-mixins.scss +11 -0
  40. package/expansion/_expansion-theme.scss +3 -8
  41. package/expansion/index.metadata.json +1 -1
  42. package/fesm2015/core.js +2 -2
  43. package/fesm2015/core.js.map +1 -1
  44. package/fesm2015/datepicker.js +2 -0
  45. package/fesm2015/datepicker.js.map +1 -1
  46. package/fesm2015/expansion.js +1 -1
  47. package/fesm2015/form-field.js +1 -1
  48. package/fesm2015/form-field.js.map +1 -1
  49. package/fesm2015/grid-list.js +128 -126
  50. package/fesm2015/grid-list.js.map +1 -1
  51. package/fesm2015/menu.js +12 -22
  52. package/fesm2015/menu.js.map +1 -1
  53. package/fesm2015/select.js +5 -2
  54. package/fesm2015/select.js.map +1 -1
  55. package/form-field/index.metadata.json +1 -1
  56. package/grid-list/index.metadata.json +1 -1
  57. package/grid-list/public-api.d.ts +2 -1
  58. package/menu/index.metadata.json +1 -1
  59. package/menu/menu-trigger.d.ts +1 -3
  60. package/menu/menu.d.ts +4 -2
  61. package/package.json +2 -2
  62. package/schematics/ng-add/index.js +1 -1
  63. package/schematics/ng-add/setup-project.js +4 -3
  64. package/select/index.metadata.json +1 -1
@@ -4,150 +4,6 @@
4
4
  (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));
5
5
  }(this, (function (exports, core, core$1, coercion, bidi) { 'use strict';
6
6
 
7
- /**
8
- * @license
9
- * Copyright Google LLC All Rights Reserved.
10
- *
11
- * Use of this source code is governed by an MIT-style license that can be
12
- * found in the LICENSE file at https://angular.io/license
13
- */
14
- /**
15
- * Injection token used to provide a grid list to a tile and to avoid circular imports.
16
- * @docs-private
17
- */
18
- var MAT_GRID_LIST = new core.InjectionToken('MAT_GRID_LIST');
19
-
20
- /**
21
- * @license
22
- * Copyright Google LLC All Rights Reserved.
23
- *
24
- * Use of this source code is governed by an MIT-style license that can be
25
- * found in the LICENSE file at https://angular.io/license
26
- */
27
- var MatGridTile = /** @class */ (function () {
28
- function MatGridTile(_element, _gridList) {
29
- this._element = _element;
30
- this._gridList = _gridList;
31
- this._rowspan = 1;
32
- this._colspan = 1;
33
- }
34
- Object.defineProperty(MatGridTile.prototype, "rowspan", {
35
- /** Amount of rows that the grid tile takes up. */
36
- get: function () { return this._rowspan; },
37
- set: function (value) { this._rowspan = Math.round(coercion.coerceNumberProperty(value)); },
38
- enumerable: false,
39
- configurable: true
40
- });
41
- Object.defineProperty(MatGridTile.prototype, "colspan", {
42
- /** Amount of columns that the grid tile takes up. */
43
- get: function () { return this._colspan; },
44
- set: function (value) { this._colspan = Math.round(coercion.coerceNumberProperty(value)); },
45
- enumerable: false,
46
- configurable: true
47
- });
48
- /**
49
- * Sets the style of the grid-tile element. Needs to be set manually to avoid
50
- * "Changed after checked" errors that would occur with HostBinding.
51
- */
52
- MatGridTile.prototype._setStyle = function (property, value) {
53
- this._element.nativeElement.style[property] = value;
54
- };
55
- return MatGridTile;
56
- }());
57
- MatGridTile.decorators = [
58
- { type: core.Component, args: [{
59
- selector: 'mat-grid-tile',
60
- exportAs: 'matGridTile',
61
- host: {
62
- 'class': 'mat-grid-tile',
63
- // Ensures that the "rowspan" and "colspan" input value is reflected in
64
- // the DOM. This is needed for the grid-tile harness.
65
- '[attr.rowspan]': 'rowspan',
66
- '[attr.colspan]': 'colspan'
67
- },
68
- template: "<!-- TODO(kara): Revisit why this is a figure.-->\n<figure class=\"mat-figure\">\n <ng-content></ng-content>\n</figure>",
69
- encapsulation: core.ViewEncapsulation.None,
70
- changeDetection: core.ChangeDetectionStrategy.OnPush,
71
- 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"]
72
- },] }
73
- ];
74
- MatGridTile.ctorParameters = function () { return [
75
- { type: core.ElementRef },
76
- { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [MAT_GRID_LIST,] }] }
77
- ]; };
78
- MatGridTile.propDecorators = {
79
- rowspan: [{ type: core.Input }],
80
- colspan: [{ type: core.Input }]
81
- };
82
- var MatGridTileText = /** @class */ (function () {
83
- function MatGridTileText(_element) {
84
- this._element = _element;
85
- }
86
- MatGridTileText.prototype.ngAfterContentInit = function () {
87
- core$1.setLines(this._lines, this._element);
88
- };
89
- return MatGridTileText;
90
- }());
91
- MatGridTileText.decorators = [
92
- { type: core.Component, args: [{
93
- selector: 'mat-grid-tile-header, mat-grid-tile-footer',
94
- 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",
95
- changeDetection: core.ChangeDetectionStrategy.OnPush,
96
- encapsulation: core.ViewEncapsulation.None
97
- },] }
98
- ];
99
- MatGridTileText.ctorParameters = function () { return [
100
- { type: core.ElementRef }
101
- ]; };
102
- MatGridTileText.propDecorators = {
103
- _lines: [{ type: core.ContentChildren, args: [core$1.MatLine, { descendants: true },] }]
104
- };
105
- /**
106
- * Directive whose purpose is to add the mat- CSS styling to this selector.
107
- * @docs-private
108
- */
109
- var MatGridAvatarCssMatStyler = /** @class */ (function () {
110
- function MatGridAvatarCssMatStyler() {
111
- }
112
- return MatGridAvatarCssMatStyler;
113
- }());
114
- MatGridAvatarCssMatStyler.decorators = [
115
- { type: core.Directive, args: [{
116
- selector: '[mat-grid-avatar], [matGridAvatar]',
117
- host: { 'class': 'mat-grid-avatar' }
118
- },] }
119
- ];
120
- /**
121
- * Directive whose purpose is to add the mat- CSS styling to this selector.
122
- * @docs-private
123
- */
124
- var MatGridTileHeaderCssMatStyler = /** @class */ (function () {
125
- function MatGridTileHeaderCssMatStyler() {
126
- }
127
- return MatGridTileHeaderCssMatStyler;
128
- }());
129
- MatGridTileHeaderCssMatStyler.decorators = [
130
- { type: core.Directive, args: [{
131
- selector: 'mat-grid-tile-header',
132
- host: { 'class': 'mat-grid-tile-header' }
133
- },] }
134
- ];
135
- /**
136
- * Directive whose purpose is to add the mat- CSS styling to this selector.
137
- * @docs-private
138
- */
139
- var MatGridTileFooterCssMatStyler = /** @class */ (function () {
140
- function MatGridTileFooterCssMatStyler() {
141
- }
142
- return MatGridTileFooterCssMatStyler;
143
- }());
144
- MatGridTileFooterCssMatStyler.decorators = [
145
- { type: core.Directive, args: [{
146
- selector: 'mat-grid-tile-footer',
147
- host: { 'class': 'mat-grid-tile-footer' }
148
- },] }
149
- ];
150
-
151
7
  /*! *****************************************************************************
152
8
  Copyright (c) Microsoft Corporation.
153
9
 
@@ -611,6 +467,150 @@
611
467
  return TilePosition;
612
468
  }());
613
469
 
470
+ /**
471
+ * @license
472
+ * Copyright Google LLC All Rights Reserved.
473
+ *
474
+ * Use of this source code is governed by an MIT-style license that can be
475
+ * found in the LICENSE file at https://angular.io/license
476
+ */
477
+ /**
478
+ * Injection token used to provide a grid list to a tile and to avoid circular imports.
479
+ * @docs-private
480
+ */
481
+ var MAT_GRID_LIST = new core.InjectionToken('MAT_GRID_LIST');
482
+
483
+ /**
484
+ * @license
485
+ * Copyright Google LLC All Rights Reserved.
486
+ *
487
+ * Use of this source code is governed by an MIT-style license that can be
488
+ * found in the LICENSE file at https://angular.io/license
489
+ */
490
+ var MatGridTile = /** @class */ (function () {
491
+ function MatGridTile(_element, _gridList) {
492
+ this._element = _element;
493
+ this._gridList = _gridList;
494
+ this._rowspan = 1;
495
+ this._colspan = 1;
496
+ }
497
+ Object.defineProperty(MatGridTile.prototype, "rowspan", {
498
+ /** Amount of rows that the grid tile takes up. */
499
+ get: function () { return this._rowspan; },
500
+ set: function (value) { this._rowspan = Math.round(coercion.coerceNumberProperty(value)); },
501
+ enumerable: false,
502
+ configurable: true
503
+ });
504
+ Object.defineProperty(MatGridTile.prototype, "colspan", {
505
+ /** Amount of columns that the grid tile takes up. */
506
+ get: function () { return this._colspan; },
507
+ set: function (value) { this._colspan = Math.round(coercion.coerceNumberProperty(value)); },
508
+ enumerable: false,
509
+ configurable: true
510
+ });
511
+ /**
512
+ * Sets the style of the grid-tile element. Needs to be set manually to avoid
513
+ * "Changed after checked" errors that would occur with HostBinding.
514
+ */
515
+ MatGridTile.prototype._setStyle = function (property, value) {
516
+ this._element.nativeElement.style[property] = value;
517
+ };
518
+ return MatGridTile;
519
+ }());
520
+ MatGridTile.decorators = [
521
+ { type: core.Component, args: [{
522
+ selector: 'mat-grid-tile',
523
+ exportAs: 'matGridTile',
524
+ host: {
525
+ 'class': 'mat-grid-tile',
526
+ // Ensures that the "rowspan" and "colspan" input value is reflected in
527
+ // the DOM. This is needed for the grid-tile harness.
528
+ '[attr.rowspan]': 'rowspan',
529
+ '[attr.colspan]': 'colspan'
530
+ },
531
+ template: "<!-- TODO(kara): Revisit why this is a figure.-->\n<figure class=\"mat-figure\">\n <ng-content></ng-content>\n</figure>",
532
+ encapsulation: core.ViewEncapsulation.None,
533
+ changeDetection: core.ChangeDetectionStrategy.OnPush,
534
+ 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"]
535
+ },] }
536
+ ];
537
+ MatGridTile.ctorParameters = function () { return [
538
+ { type: core.ElementRef },
539
+ { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [MAT_GRID_LIST,] }] }
540
+ ]; };
541
+ MatGridTile.propDecorators = {
542
+ rowspan: [{ type: core.Input }],
543
+ colspan: [{ type: core.Input }]
544
+ };
545
+ var MatGridTileText = /** @class */ (function () {
546
+ function MatGridTileText(_element) {
547
+ this._element = _element;
548
+ }
549
+ MatGridTileText.prototype.ngAfterContentInit = function () {
550
+ core$1.setLines(this._lines, this._element);
551
+ };
552
+ return MatGridTileText;
553
+ }());
554
+ MatGridTileText.decorators = [
555
+ { type: core.Component, args: [{
556
+ selector: 'mat-grid-tile-header, mat-grid-tile-footer',
557
+ 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",
558
+ changeDetection: core.ChangeDetectionStrategy.OnPush,
559
+ encapsulation: core.ViewEncapsulation.None
560
+ },] }
561
+ ];
562
+ MatGridTileText.ctorParameters = function () { return [
563
+ { type: core.ElementRef }
564
+ ]; };
565
+ MatGridTileText.propDecorators = {
566
+ _lines: [{ type: core.ContentChildren, args: [core$1.MatLine, { descendants: true },] }]
567
+ };
568
+ /**
569
+ * Directive whose purpose is to add the mat- CSS styling to this selector.
570
+ * @docs-private
571
+ */
572
+ var MatGridAvatarCssMatStyler = /** @class */ (function () {
573
+ function MatGridAvatarCssMatStyler() {
574
+ }
575
+ return MatGridAvatarCssMatStyler;
576
+ }());
577
+ MatGridAvatarCssMatStyler.decorators = [
578
+ { type: core.Directive, args: [{
579
+ selector: '[mat-grid-avatar], [matGridAvatar]',
580
+ host: { 'class': 'mat-grid-avatar' }
581
+ },] }
582
+ ];
583
+ /**
584
+ * Directive whose purpose is to add the mat- CSS styling to this selector.
585
+ * @docs-private
586
+ */
587
+ var MatGridTileHeaderCssMatStyler = /** @class */ (function () {
588
+ function MatGridTileHeaderCssMatStyler() {
589
+ }
590
+ return MatGridTileHeaderCssMatStyler;
591
+ }());
592
+ MatGridTileHeaderCssMatStyler.decorators = [
593
+ { type: core.Directive, args: [{
594
+ selector: 'mat-grid-tile-header',
595
+ host: { 'class': 'mat-grid-tile-header' }
596
+ },] }
597
+ ];
598
+ /**
599
+ * Directive whose purpose is to add the mat- CSS styling to this selector.
600
+ * @docs-private
601
+ */
602
+ var MatGridTileFooterCssMatStyler = /** @class */ (function () {
603
+ function MatGridTileFooterCssMatStyler() {
604
+ }
605
+ return MatGridTileFooterCssMatStyler;
606
+ }());
607
+ MatGridTileFooterCssMatStyler.decorators = [
608
+ { type: core.Directive, args: [{
609
+ selector: 'mat-grid-tile-footer',
610
+ host: { 'class': 'mat-grid-tile-footer' }
611
+ },] }
612
+ ];
613
+
614
614
  /**
615
615
  * @license
616
616
  * Copyright Google LLC All Rights Reserved.
@@ -1040,6 +1040,8 @@
1040
1040
  * Use of this source code is governed by an MIT-style license that can be
1041
1041
  * found in the LICENSE file at https://angular.io/license
1042
1042
  */
1043
+ // Privately exported for the grid-list harness.
1044
+ var ɵTileCoordinator = TileCoordinator;
1043
1045
 
1044
1046
  /**
1045
1047
  * Generated bundle index. Do not edit.
@@ -1052,7 +1054,7 @@
1052
1054
  exports.MatGridTileFooterCssMatStyler = MatGridTileFooterCssMatStyler;
1053
1055
  exports.MatGridTileHeaderCssMatStyler = MatGridTileHeaderCssMatStyler;
1054
1056
  exports.MatGridTileText = MatGridTileText;
1055
- exports.ɵTileCoordinator = TileCoordinator;
1057
+ exports.ɵTileCoordinator = ɵTileCoordinator;
1056
1058
  exports.ɵangular_material_src_material_grid_list_grid_list_a = MAT_GRID_LIST;
1057
1059
 
1058
1060
  Object.defineProperty(exports, '__esModule', { value: true });