@ng-matero/extensions 12.4.0 → 12.5.3

package/fesm2015/mtxDialog.js

@@ -20,6 +20,7 @@ class MtxDialogComponent {
         this.dialogRef.close();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MtxDialogComponent.decorators = [
     { type: Component, args: [{
                 selector: 'mtx-dialog',
@@ -27,10 +28,16 @@ MtxDialogComponent.decorators = [
                 template: "<h1 class=\"mtx-dialog-title\" *ngIf=\"data.title\">{{data.title | toObservable | async}}\n  <button mat-icon-button *ngIf=\"data.showCloseIcon\" (click)=\"_onClose()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</h1>\n<div class=\"mtx-dialog-content\" *ngIf=\"data.description\">\n  <p>{{data.description | toObservable | async}}</p>\n</div>\n<div class=\"mtx-dialog-actions\">\n  <ng-container *ngFor=\"let btn of data.buttons\">\n    <ng-container [ngSwitch]=\"btn.type\">\n      <ng-container *ngSwitchCase=\"'raised'\">\n        <button mat-raised-button *ngIf=\"btn.focusInitial\" cdkFocusInitial\n                [color]=\"btn.color\" [ngClass]=\"btn.class!\" (click)=\"_onClick(btn.onClick!)\">\n          {{btn.text | toObservable | async}}\n        </button>\n        <button mat-raised-button *ngIf=\"!btn.focusInitial\"\n                [color]=\"btn.color\" [ngClass]=\"btn.class!\" (click)=\"_onClick(btn.onClick!)\">\n          {{btn.text | toObservable | async}}\n        </button>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'stroked'\">\n        <button mat-stroked-button *ngIf=\"btn.focusInitial\" cdkFocusInitial\n                [color]=\"btn.color\" [ngClass]=\"btn.class!\" (click)=\"_onClick(btn.onClick!)\">\n          {{btn.text | toObservable | async}}\n        </button>\n        <button mat-stroked-button *ngIf=\"!btn.focusInitial\"\n                [color]=\"btn.color\" [ngClass]=\"btn.class!\" (click)=\"_onClick(btn.onClick!)\">\n          {{btn.text | toObservable | async}}\n        </button>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'flat'\">\n        <button mat-flat-button *ngIf=\"btn.focusInitial\" cdkFocusInitial\n                [color]=\"btn.color\" [ngClass]=\"btn.class!\" (click)=\"_onClick(btn.onClick!)\">\n          {{btn.text | toObservable | async}}\n        </button>\n        <button mat-flat-button *ngIf=\"!btn.focusInitial\"\n                [color]=\"btn.color\" [ngClass]=\"btn.class!\" (click)=\"_onClick(btn.onClick!)\">\n          {{btn.text | toObservable | async}}\n        </button>\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n        <button mat-button *ngIf=\"btn.focusInitial\" cdkFocusInitial\n                [color]=\"btn.color\" [ngClass]=\"btn.class!\" (click)=\"_onClick(btn.onClick!)\">\n          {{btn.text | toObservable | async}}\n        </button>\n        <button mat-button *ngIf=\"!btn.focusInitial\"\n                [color]=\"btn.color\" [ngClass]=\"btn.class!\" (click)=\"_onClick(btn.onClick!)\">\n          {{btn.text | toObservable | async}}\n        </button>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n",
                 encapsulation: ViewEncapsulation.None,
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".mtx-dialog-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px;font:500 20px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mtx-dialog-content{display:block;max-height:65vh;padding:0 24px;margin:0 -24px;overflow:auto;-webkit-overflow-scrolling:touch}.mtx-dialog-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;min-height:52px;padding:8px 0;margin-bottom:-24px}\n"]
+                styles: [".mtx-dialog-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px;font:500 20px/32px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:normal}.mtx-dialog-content{display:block;max-height:65vh;padding:0 24px;margin:0 -24px;overflow:auto;-webkit-overflow-scrolling:touch}.mtx-dialog-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;min-height:52px;padding:8px 0;margin-bottom:-24px}\n"]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 MtxDialogComponent.ctorParameters = () => [
     { type: MatDialogRef },
     { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
@@ -98,16 +105,24 @@ class MtxDialog {
         });
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MtxDialog.decorators = [
     { type: Injectable }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 MtxDialog.ctorParameters = () => [
     { type: MatDialog }
 ];
 
 class MtxDialogModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MtxDialogModule.decorators = [
     { type: NgModule, args: [{
                 imports: [CommonModule, MatDialogModule, MatButtonModule, MatIconModule, MtxPipesModule],

package/fesm2015/mtxDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"mtxDialog.js","sources":["../../../projects/extensions/dialog/dialog.component.ts","../../../projects/extensions/dialog/dialog.ts","../../../projects/extensions/dialog/dialog.module.ts","../../../projects/extensions/dialog/mtxDialog.ts"],"sourcesContent":["import { Component, Inject, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\n\nimport { MtxDialogData } from './dialog.config';\n\n@Component({\n  selector: 'mtx-dialog',\n  exportAs: 'mtxDialog',\n  templateUrl: './dialog.component.html',\n  styleUrls: ['./dialog.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxDialogComponent {\n  constructor(\n    public dialogRef: MatDialogRef<MtxDialogComponent>,\n    @Inject(MAT_DIALOG_DATA) public data: MtxDialogData\n  ) {}\n\n  _onClick(fn: () => void) {\n    if (fn) {\n      fn.call(this);\n    }\n    this._onClose();\n  }\n\n  _onClose() {\n    this.dialogRef.close();\n  }\n}\n","import { Injectable, TemplateRef } from '@angular/core';\nimport { ComponentType } from '@angular/cdk/portal';\nimport { MatDialog } from '@angular/material/dialog';\n\nimport { MtxDialogComponent } from './dialog.component';\nimport { MtxDialogData } from './dialog.config';\nimport { Observable } from 'rxjs';\n\nconst defaults: MtxDialogData = {\n  title: '',\n  description: '',\n  buttons: [\n    {\n      color: 'warn',\n      text: 'OK',\n      focusInitial: true,\n      onClick: () => {},\n    },\n    {\n      text: 'CLOSE',\n      onClick: () => {},\n    },\n  ],\n  showCloseIcon: false,\n  disableClose: true,\n  width: '300px',\n};\n\n@Injectable()\nexport class MtxDialog {\n  constructor(public dialog: MatDialog) {}\n\n  originalOpen(\n    componentOrTemplateRef: ComponentType<any> | TemplateRef<any> = MtxDialogComponent,\n    config: any\n  ) {\n    return this.dialog.open(componentOrTemplateRef, config);\n  }\n\n  open(\n    config: MtxDialogData,\n    componentOrTemplateRef: ComponentType<any> | TemplateRef<any> = MtxDialogComponent\n  ) {\n    const data = Object.assign({}, defaults, config);\n    return this.dialog.open(componentOrTemplateRef, {\n      ...data,\n      data,\n    });\n  }\n\n  alert(\n    title: string | Observable<string>,\n    description: string | Observable<string> = '',\n    onOk = () => {}\n  ) {\n    this.open({\n      title,\n      description,\n      buttons: [\n        {\n          color: 'warn',\n          text: 'OK',\n          onClick: () => onOk(),\n        },\n      ],\n    });\n  }\n\n  confirm(\n    title: string | Observable<string>,\n    description: string | Observable<string> = '',\n    onOk = () => {},\n    onClose = () => {}\n  ) {\n    this.open({\n      title,\n      description,\n      buttons: [\n        {\n          color: 'warn',\n          text: 'OK',\n          onClick: () => onOk(),\n        },\n        {\n          text: 'CLOSE',\n          onClick: () => onClose(),\n        },\n      ],\n    });\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { MtxPipesModule } from '@ng-matero/extensions/pipes';\nimport { MtxDialogComponent } from './dialog.component';\nimport { MtxDialog } from './dialog';\n\n@NgModule({\n  imports: [CommonModule, MatDialogModule, MatButtonModule, MatIconModule, MtxPipesModule],\n  exports: [MtxDialogComponent],\n  declarations: [MtxDialogComponent],\n  providers: [MtxDialog],\n  entryComponents: [MtxDialogComponent],\n})\nexport class MtxDialogModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAaa,kBAAkB;IAC7B,YACS,SAA2C,EAClB,IAAmB;QAD5C,cAAS,GAAT,SAAS,CAAkC;QAClB,SAAI,GAAJ,IAAI,CAAe;KACjD;IAEJ,QAAQ,CAAC,EAAc;QACrB,IAAI,EAAE,EAAE;YACN,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACf;QACD,IAAI,CAAC,QAAQ,EAAE,CAAC;KACjB;IAED,QAAQ;QACN,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;KACxB;;;YAvBF,SAAS,SAAC;gBACT,QAAQ,EAAE,YAAY;gBACtB,QAAQ,EAAE,WAAW;gBACrB,soFAAsC;gBAEtC,aAAa,EAAE,iBAAiB,CAAC,IAAI;gBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;;YAXQ,YAAY;4CAehB,MAAM,SAAC,eAAe;;;WCAZ,SAAQ,OAIR;AAZf,MAAM,QAAQ,GAAkB;IAC9B,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,EAAE;IACf,OAAO,EAAE;QACP;YACE,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,IAAI;YACV,YAAY,EAAE,IAAI;YAClB,OAAO,IAAU;SAClB;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,IAAU;SAClB;KACF;IACD,aAAa,EAAE,KAAK;IACpB,YAAY,EAAE,IAAI;IAClB,KAAK,EAAE,OAAO;CACf,CAAC;MAGW,SAAS;IACpB,YAAmB,MAAiB;QAAjB,WAAM,GAAN,MAAM,CAAW;KAAI;IAExC,YAAY,CACV,yBAAgE,kBAAkB,EAClF,MAAW;QAEX,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;KACzD;IAED,IAAI,CACF,MAAqB,EACrB,yBAAgE,kBAAkB;QAElF,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;QACjD,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB,kCACzC,IAAI,KACP,IAAI,IACJ,CAAC;KACJ;IAED,KAAK,CACH,KAAkC,EAClC,cAA2C,EAAE,EAC7C,IAAI,GAAG,SAAQ;QAEf,IAAI,CAAC,IAAI,CAAC;YACR,KAAK;YACL,WAAW;YACX,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,MAAM;oBACb,IAAI,EAAE,IAAI;oBACV,OAAO,EAAE,MAAM,IAAI,EAAE;iBACtB;aACF;SACF,CAAC,CAAC;KACJ;IAED,OAAO,CACL,KAAkC,EAClC,cAA2C,EAAE,EAC7C,IAAI,GAAG,SAAQ,EACf,OAAO,GAAG,SAAQ;QAElB,IAAI,CAAC,IAAI,CAAC;YACR,KAAK;YACL,WAAW;YACX,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,MAAM;oBACb,IAAI,EAAE,IAAI;oBACV,OAAO,EAAE,MAAM,IAAI,EAAE;iBACtB;gBACD;oBACE,IAAI,EAAE,OAAO;oBACb,OAAO,EAAE,MAAM,OAAO,EAAE;iBACzB;aACF;SACF,CAAC,CAAC;KACJ;;;YA7DF,UAAU;;;;YA1BF,SAAS;;;MCeL,eAAe;;;YAP3B,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,CAAC;gBACxF,OAAO,EAAE,CAAC,kBAAkB,CAAC;gBAC7B,YAAY,EAAE,CAAC,kBAAkB,CAAC;gBAClC,SAAS,EAAE,CAAC,SAAS,CAAC;gBACtB,eAAe,EAAE,CAAC,kBAAkB,CAAC;aACtC;;;AChBD;;;;;;"}
+{"version":3,"file":"mtxDialog.js","sources":["../../../projects/extensions/dialog/dialog.component.ts","../../../projects/extensions/dialog/dialog.ts","../../../projects/extensions/dialog/dialog.module.ts","../../../projects/extensions/dialog/mtxDialog.ts"],"sourcesContent":["import { Component, Inject, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\n\nimport { MtxDialogData } from './dialog.config';\n\n@Component({\n  selector: 'mtx-dialog',\n  exportAs: 'mtxDialog',\n  templateUrl: './dialog.component.html',\n  styleUrls: ['./dialog.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxDialogComponent {\n  constructor(\n    public dialogRef: MatDialogRef<MtxDialogComponent>,\n    @Inject(MAT_DIALOG_DATA) public data: MtxDialogData\n  ) {}\n\n  _onClick(fn: () => void) {\n    if (fn) {\n      fn.call(this);\n    }\n    this._onClose();\n  }\n\n  _onClose() {\n    this.dialogRef.close();\n  }\n}\n","import { Injectable, TemplateRef } from '@angular/core';\nimport { ComponentType } from '@angular/cdk/portal';\nimport { MatDialog } from '@angular/material/dialog';\n\nimport { MtxDialogComponent } from './dialog.component';\nimport { MtxDialogData } from './dialog.config';\nimport { Observable } from 'rxjs';\n\nconst defaults: MtxDialogData = {\n  title: '',\n  description: '',\n  buttons: [\n    {\n      color: 'warn',\n      text: 'OK',\n      focusInitial: true,\n      onClick: () => {},\n    },\n    {\n      text: 'CLOSE',\n      onClick: () => {},\n    },\n  ],\n  showCloseIcon: false,\n  disableClose: true,\n  width: '300px',\n};\n\n@Injectable()\nexport class MtxDialog {\n  constructor(public dialog: MatDialog) {}\n\n  originalOpen(\n    componentOrTemplateRef: ComponentType<any> | TemplateRef<any> = MtxDialogComponent,\n    config: any\n  ) {\n    return this.dialog.open(componentOrTemplateRef, config);\n  }\n\n  open(\n    config: MtxDialogData,\n    componentOrTemplateRef: ComponentType<any> | TemplateRef<any> = MtxDialogComponent\n  ) {\n    const data = Object.assign({}, defaults, config);\n    return this.dialog.open(componentOrTemplateRef, {\n      ...data,\n      data,\n    });\n  }\n\n  alert(\n    title: string | Observable<string>,\n    description: string | Observable<string> = '',\n    onOk = () => {}\n  ) {\n    this.open({\n      title,\n      description,\n      buttons: [\n        {\n          color: 'warn',\n          text: 'OK',\n          onClick: () => onOk(),\n        },\n      ],\n    });\n  }\n\n  confirm(\n    title: string | Observable<string>,\n    description: string | Observable<string> = '',\n    onOk = () => {},\n    onClose = () => {}\n  ) {\n    this.open({\n      title,\n      description,\n      buttons: [\n        {\n          color: 'warn',\n          text: 'OK',\n          onClick: () => onOk(),\n        },\n        {\n          text: 'CLOSE',\n          onClick: () => onClose(),\n        },\n      ],\n    });\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { MtxPipesModule } from '@ng-matero/extensions/pipes';\nimport { MtxDialogComponent } from './dialog.component';\nimport { MtxDialog } from './dialog';\n\n@NgModule({\n  imports: [CommonModule, MatDialogModule, MatButtonModule, MatIconModule, MtxPipesModule],\n  exports: [MtxDialogComponent],\n  declarations: [MtxDialogComponent],\n  providers: [MtxDialog],\n  entryComponents: [MtxDialogComponent],\n})\nexport class MtxDialogModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAaa,kBAAkB;IAC7B,YACS,SAA2C,EAClB,IAAmB;QAD5C,cAAS,GAAT,SAAS,CAAkC;QAClB,SAAI,GAAJ,IAAI,CAAe;KACjD;IAEJ,QAAQ,CAAC,EAAc;QACrB,IAAI,EAAE,EAAE;YACN,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACf;QACD,IAAI,CAAC,QAAQ,EAAE,CAAC;KACjB;IAED,QAAQ;QACN,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;KACxB;;;;YAvBF,SAAS,SAAC;gBACT,QAAQ,EAAE,YAAY;gBACtB,QAAQ,EAAE,WAAW;gBACrB,soFAAsC;gBAEtC,aAAa,EAAE,iBAAiB,CAAC,IAAI;gBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;;;;;;;;YAXQ,YAAY;4CAehB,MAAM,SAAC,eAAe;;;WCAZ,SAAQ,OAIR;AAZf,MAAM,QAAQ,GAAkB;IAC9B,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,EAAE;IACf,OAAO,EAAE;QACP;YACE,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,IAAI;YACV,YAAY,EAAE,IAAI;YAClB,OAAO,IAAU;SAClB;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,IAAU;SAClB;KACF;IACD,aAAa,EAAE,KAAK;IACpB,YAAY,EAAE,IAAI;IAClB,KAAK,EAAE,OAAO;CACf,CAAC;MAGW,SAAS;IACpB,YAAmB,MAAiB;QAAjB,WAAM,GAAN,MAAM,CAAW;KAAI;IAExC,YAAY,CACV,yBAAgE,kBAAkB,EAClF,MAAW;QAEX,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;KACzD;IAED,IAAI,CACF,MAAqB,EACrB,yBAAgE,kBAAkB;QAElF,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;QACjD,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB,kCACzC,IAAI,KACP,IAAI,IACJ,CAAC;KACJ;IAED,KAAK,CACH,KAAkC,EAClC,cAA2C,EAAE,EAC7C,IAAI,GAAG,SAAQ;QAEf,IAAI,CAAC,IAAI,CAAC;YACR,KAAK;YACL,WAAW;YACX,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,MAAM;oBACb,IAAI,EAAE,IAAI;oBACV,OAAO,EAAE,MAAM,IAAI,EAAE;iBACtB;aACF;SACF,CAAC,CAAC;KACJ;IAED,OAAO,CACL,KAAkC,EAClC,cAA2C,EAAE,EAC7C,IAAI,GAAG,SAAQ,EACf,OAAO,GAAG,SAAQ;QAElB,IAAI,CAAC,IAAI,CAAC;YACR,KAAK;YACL,WAAW;YACX,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,MAAM;oBACb,IAAI,EAAE,IAAI;oBACV,OAAO,EAAE,MAAM,IAAI,EAAE;iBACtB;gBACD;oBACE,IAAI,EAAE,OAAO;oBACb,OAAO,EAAE,MAAM,OAAO,EAAE;iBACzB;aACF;SACF,CAAC,CAAC;KACJ;;;;YA7DF,UAAU;;;;;;;;;;YA1BF,SAAS;;;MCeL,eAAe;;;;YAP3B,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,CAAC;gBACxF,OAAO,EAAE,CAAC,kBAAkB,CAAC;gBAC7B,YAAY,EAAE,CAAC,kBAAkB,CAAC;gBAClC,SAAS,EAAE,CAAC,SAAS,CAAC;gBACtB,eAAe,EAAE,CAAC,kBAAkB,CAAC;aACtC;;;AChBD;;;;;;"}

package/fesm2015/mtxFormGroup.js

@@ -20,6 +20,7 @@ class MtxFormGroupComponent {
         });
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MtxFormGroupComponent.decorators = [
     { type: Component, args: [{
                 selector: 'mtx-form-group',
@@ -31,8 +32,15 @@ MtxFormGroupComponent.decorators = [
                 styles: [".mtx-form-group{display:inline-block}.mtx-form-group .mtx-form-field-layout{display:inline-flex;align-items:flex-start;width:100%}.mtx-form-group .mtx-form-label{position:relative;display:inline-block;padding-top:calc(.375em + 1px);padding-bottom:calc(.375em + 1px);padding-right:1em;line-height:1.125}[dir=rtl] .mtx-form-group .mtx-form-label{padding-right:unset;padding-left:1em}.mtx-form-group .mtx-form-label.mtx-form-label-marker:after{content:\"*\";margin-left:4px}[dir=rtl] .mtx-form-group .mtx-form-label.mtx-form-label-marker:after{margin-left:auto;margin-right:4px}.mtx-form-field-appearance-fluent .mat-form-field{margin-bottom:.25em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-datepicker-toggle{display:flex}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button .mat-datepicker-toggle-default-icon{width:1em}.mtx-form-field-appearance-fluent .mat-form-field-has-label .mat-form-field-flex{margin-top:.84375em}.mtx-form-field-appearance-fluent .mat-form-field-appearance-standard .mat-form-field-flex{padding-top:0}.mtx-form-field-appearance-fluent .mat-form-field-flex{align-items:center;padding:0 .5em;border-radius:2px}.mtx-form-field-appearance-fluent .mat-form-field-infix{border-top:0;padding:.375em 0}.mtx-form-field-appearance-fluent .mat-form-field-prefix,.mtx-form-field-appearance-fluent .mat-form-field-suffix{display:inline-flex}.mtx-form-field-appearance-fluent .mat-form-field-prefix .mat-icon,.mtx-form-field-appearance-fluent .mat-form-field-suffix .mat-icon{line-height:normal}.mtx-form-field-appearance-fluent .mat-form-field-underline{display:none}.mtx-form-field-appearance-fluent .mtx-select{display:block;margin:0 -8px}.mtx-form-field-appearance-fluent .ng-select{padding-top:.4375em;padding-left:8px;padding-right:8px;margin-top:-.4375em}\n"]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 MtxFormGroupComponent.ctorParameters = () => [];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 MtxFormGroupComponent.propDecorators = {
     formFields: [{ type: ContentChildren, args: [MatFormField,] }],
     label: [{ type: Input }],
@@ -41,6 +49,7 @@ MtxFormGroupComponent.propDecorators = {
 
 class MtxFormGroupModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MtxFormGroupModule.decorators = [
     { type: NgModule, args: [{
                 imports: [CommonModule],

package/fesm2015/mtxFormGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"mtxFormGroup.js","sources":["../../../projects/extensions/form-group/form-group.component.ts","../../../projects/extensions/form-group/form-group.module.ts","../../../projects/extensions/form-group/mtxFormGroup.ts"],"sourcesContent":["import {\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  Input,\n  OnInit,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { MatFormField } from '@angular/material/form-field';\n\n@Component({\n  selector: 'mtx-form-group',\n  host: {\n    class: 'mtx-form-group',\n  },\n  templateUrl: './form-group.component.html',\n  styleUrls: ['./form-group.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MtxFormGroupComponent implements OnInit, AfterContentInit {\n  @ContentChildren(MatFormField) formFields!: QueryList<MatFormField>;\n\n  @Input() label!: string;\n  @Input()\n  get showRequiredMarker(): boolean {\n    return this._showRequiredMarker;\n  }\n  set showRequiredMarker(value: boolean) {\n    this._showRequiredMarker = coerceBooleanProperty(value);\n  }\n  private _showRequiredMarker = false;\n\n  constructor() {}\n\n  ngOnInit(): void {}\n\n  ngAfterContentInit() {\n    this.formFields.forEach(item => {\n      item.appearance = 'standard';\n    });\n  }\n\n  static ngAcceptInputType_showRequiredMarker: BooleanInput;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MtxFormGroupComponent } from './form-group.component';\n\n@NgModule({\n  imports: [CommonModule],\n  exports: [MtxFormGroupComponent],\n  declarations: [MtxFormGroupComponent],\n})\nexport class MtxFormGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAqBa,qBAAqB;IAahC;QAFQ,wBAAmB,GAAG,KAAK,CAAC;KAEpB;IAThB,IACI,kBAAkB;QACpB,OAAO,IAAI,CAAC,mBAAmB,CAAC;KACjC;IACD,IAAI,kBAAkB,CAAC,KAAc;QACnC,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACzD;IAKD,QAAQ,MAAW;IAEnB,kBAAkB;QAChB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI;YAC1B,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;SAC9B,CAAC,CAAC;KACJ;;;YA9BF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,IAAI,EAAE;oBACJ,KAAK,EAAE,gBAAgB;iBACxB;gBACD,mRAA0C;gBAE1C,aAAa,EAAE,iBAAiB,CAAC,IAAI;;aACtC;;;;;yBAEE,eAAe,SAAC,YAAY;oBAE5B,KAAK;iCACL,KAAK;;;MCfK,kBAAkB;;;YAL9B,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,OAAO,EAAE,CAAC,qBAAqB,CAAC;gBAChC,YAAY,EAAE,CAAC,qBAAqB,CAAC;aACtC;;;ACTD;;;;;;"}
+{"version":3,"file":"mtxFormGroup.js","sources":["../../../projects/extensions/form-group/form-group.component.ts","../../../projects/extensions/form-group/form-group.module.ts","../../../projects/extensions/form-group/mtxFormGroup.ts"],"sourcesContent":["import {\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  Input,\n  OnInit,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { MatFormField } from '@angular/material/form-field';\n\n@Component({\n  selector: 'mtx-form-group',\n  host: {\n    class: 'mtx-form-group',\n  },\n  templateUrl: './form-group.component.html',\n  styleUrls: ['./form-group.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MtxFormGroupComponent implements OnInit, AfterContentInit {\n  @ContentChildren(MatFormField) formFields!: QueryList<MatFormField>;\n\n  @Input() label!: string;\n  @Input()\n  get showRequiredMarker(): boolean {\n    return this._showRequiredMarker;\n  }\n  set showRequiredMarker(value: boolean) {\n    this._showRequiredMarker = coerceBooleanProperty(value);\n  }\n  private _showRequiredMarker = false;\n\n  constructor() {}\n\n  ngOnInit(): void {}\n\n  ngAfterContentInit() {\n    this.formFields.forEach(item => {\n      item.appearance = 'standard';\n    });\n  }\n\n  static ngAcceptInputType_showRequiredMarker: BooleanInput;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MtxFormGroupComponent } from './form-group.component';\n\n@NgModule({\n  imports: [CommonModule],\n  exports: [MtxFormGroupComponent],\n  declarations: [MtxFormGroupComponent],\n})\nexport class MtxFormGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAqBa,qBAAqB;IAahC;QAFQ,wBAAmB,GAAG,KAAK,CAAC;KAEpB;IAThB,IACI,kBAAkB;QACpB,OAAO,IAAI,CAAC,mBAAmB,CAAC;KACjC;IACD,IAAI,kBAAkB,CAAC,KAAc;QACnC,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACzD;IAKD,QAAQ,MAAW;IAEnB,kBAAkB;QAChB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI;YAC1B,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;SAC9B,CAAC,CAAC;KACJ;;;;YA9BF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,IAAI,EAAE;oBACJ,KAAK,EAAE,gBAAgB;iBACxB;gBACD,mRAA0C;gBAE1C,aAAa,EAAE,iBAAiB,CAAC,IAAI;;aACtC;;;;;;;;;;;;yBAEE,eAAe,SAAC,YAAY;oBAE5B,KAAK;iCACL,KAAK;;;MCfK,kBAAkB;;;;YAL9B,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,OAAO,EAAE,CAAC,qBAAqB,CAAC;gBAChC,YAAY,EAAE,CAAC,qBAAqB,CAAC;aACtC;;;ACTD;;;;;;"}

package/fesm2015/mtxGrid.js

@@ -61,10 +61,17 @@ class MtxGridService {
         return str.replace(/[\r\n\s]/g, '').split(',');
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MtxGridService.decorators = [
     { type: Injectable }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 MtxGridService.ctorParameters = () => [];
 
 class MtxGridComponent {
@@ -360,6 +367,7 @@ class MtxGridComponent {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MtxGridComponent.decorators = [
     { type: Component, args: [{
                 selector: 'mtx-grid',
@@ -380,11 +388,18 @@ MtxGridComponent.decorators = [
                 styles: [".mtx-grid{position:relative;display:flex;flex-direction:column;width:100%}.mtx-grid .mat-table-container{overflow:auto}.mtx-grid .mat-table-container.mat-table-with-data{flex:1}.mtx-grid .mat-table:not(.mat-column-resize-table){min-width:100%;border-collapse:separate}.mtx-grid .mat-table:not(.mat-column-resize-table) .mat-header-cell:not(.mtx-grid-checkbox-cell),.mtx-grid .mat-table:not(.mat-column-resize-table) .mat-footer-cell:not(.mtx-grid-checkbox-cell),.mtx-grid .mat-table:not(.mat-column-resize-table) .mat-cell:not(.mtx-grid-checkbox-cell){min-width:80px}.mtx-grid .mat-table-sticky-left{border-right-width:1px;border-right-style:solid}[dir=rtl] .mtx-grid .mat-table-sticky-left{border-right-width:0;border-left-width:1px;border-left-style:solid}.mtx-grid .mat-table-sticky-right{border-left-width:1px;border-left-style:solid}[dir=rtl] .mtx-grid .mat-table-sticky-right{border-left-width:0;border-right-width:1px;border-right-style:solid}.mtx-grid .mat-header-cell,.mtx-grid .mat-footer-cell,.mtx-grid .mat-cell{padding:4px 10px;box-sizing:border-box}.mtx-grid .mat-header-cell:first-of-type:not(:only-of-type),.mtx-grid .mat-footer-cell:first-of-type:not(:only-of-type),.mtx-grid .mat-cell:first-of-type:not(:only-of-type){padding-left:24px}.mtx-grid .mat-header-cell:first-of-type:not(:only-of-type).mtx-grid-checkbox-cell,.mtx-grid .mat-footer-cell:first-of-type:not(:only-of-type).mtx-grid-checkbox-cell,.mtx-grid .mat-cell:first-of-type:not(:only-of-type).mtx-grid-checkbox-cell{padding-left:10px;padding-right:10px}[dir=rtl] .mtx-grid .mat-header-cell:first-of-type:not(:only-of-type),[dir=rtl] .mtx-grid .mat-footer-cell:first-of-type:not(:only-of-type),[dir=rtl] .mtx-grid .mat-cell:first-of-type:not(:only-of-type){padding-left:10px;padding-right:24px}[dir=rtl] .mtx-grid .mat-header-cell:first-of-type:not(:only-of-type).mtx-grid-checkbox-cell,[dir=rtl] .mtx-grid .mat-footer-cell:first-of-type:not(:only-of-type).mtx-grid-checkbox-cell,[dir=rtl] .mtx-grid .mat-cell:first-of-type:not(:only-of-type).mtx-grid-checkbox-cell{padding-left:10px;padding-right:10px}.mtx-grid .mat-header-cell:last-of-type:not(:only-of-type),.mtx-grid .mat-footer-cell:last-of-type:not(:only-of-type),.mtx-grid .mat-cell:last-of-type:not(:only-of-type){padding-right:24px}[dir=rtl] .mtx-grid .mat-header-cell:last-of-type:not(:only-of-type),[dir=rtl] .mtx-grid .mat-footer-cell:last-of-type:not(:only-of-type),[dir=rtl] .mtx-grid .mat-cell:last-of-type:not(:only-of-type){padding-left:24px;padding-right:10px}.mtx-grid .mat-cell .mat-icon-button.expanded .mat-icon{transform:rotate(90deg)}.mtx-grid .mat-row.mtx-grid-expansion{height:0;overflow:hidden}.mtx-grid .mat-row.mtx-grid-expansion .mat-cell{padding-top:0;padding-bottom:0}.mtx-grid .mat-row.mtx-grid-expansion.collapsed .mat-cell{border-bottom-width:0}.mtx-grid .mat-row:last-of-type .mat-cell{border-bottom-width:0}.mtx-grid .mat-sort-header-icon{width:18px;height:18px;margin:0 4px;font-size:18px}.mtx-grid .mat-header-cell-inner{display:flex;align-items:center}.mtx-grid .mat-paginator-hidden{display:none}.mtx-grid-progress{position:absolute;top:0;z-index:120;width:100%}.mtx-grid-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:8px;box-sizing:border-box}.mtx-grid-layout{display:flex;flex:1 1 auto;overflow:auto}.mtx-grid-content{flex-direction:column;width:0}.mtx-grid-sidebar{max-width:50%;border-left-width:1px;border-left-style:solid}[dir=rtl] .mtx-grid-sidebar{border-left-width:0;border-right-width:1px;border-right-style:solid}.mtx-grid-footer{position:relative;z-index:1}.mtx-grid-statusbar{display:flex;align-items:center;min-height:56px;padding:8px}.mtx-grid-no-result{display:flex;justify-content:center;align-items:center;flex:1;min-height:150px}.mtx-grid-expansion-placeholder{display:inline-block;width:40px;height:40px;vertical-align:middle}.mtx-grid-expansion-detail{display:flex;align-items:center;min-height:48px;overflow:hidden}.mtx-grid-checkbox-cell{flex:none;justify-content:center;width:56px;min-width:56px}.mtx-grid-checkbox-cell .mat-checkbox{display:flex;margin:0 10px}.mtx-grid-checkbox-cell .mat-checkbox-inner-container{margin-left:0}\n"]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 MtxGridComponent.ctorParameters = () => [
     { type: MtxGridService },
     { type: ChangeDetectorRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 MtxGridComponent.propDecorators = {
     table: [{ type: ViewChild, args: [MatTable,] }],
     paginator: [{ type: ViewChild, args: [MatPaginator,] }],
@@ -552,6 +567,7 @@ class MtxGridCellComponent {
         const viewer = new PhotoViewer(imgs, options);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MtxGridCellComponent.decorators = [
     { type: Component, args: [{
                 selector: 'mtx-grid-cell',
@@ -561,11 +577,18 @@ MtxGridCellComponent.decorators = [
                 styles: [".mtx-grid-action-button .mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}.mtx-grid-img{display:block;width:30px;border-radius:4px;cursor:pointer}\n"]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 MtxGridCellComponent.ctorParameters = () => [
     { type: MtxDialog },
     { type: MtxGridService }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 MtxGridCellComponent.propDecorators = {
     rowData: [{ type: Input }],
     colDef: [{ type: Input }],
@@ -607,6 +630,7 @@ class MtxGridColumnMenuComponent {
         this.selectionChange.emit(this.columns);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MtxGridColumnMenuComponent.decorators = [
     { type: Component, args: [{
                 selector: 'mtx-grid-column-menu',
@@ -617,6 +641,7 @@ MtxGridColumnMenuComponent.decorators = [
                 styles: [".mtx-grid-column-menu .mat-menu-content{padding:0}.mtx-grid-column-menu-body{padding:16px}.mtx-grid-column-menu-header,.mtx-grid-column-menu-footer{position:sticky;z-index:1;padding:8px 16px}.mtx-grid-column-menu-header{top:0}.mtx-grid-column-menu-footer{bottom:0}.mtx-grid-column-menu-list{display:block;max-width:100%}.mtx-grid-column-menu-list.cdk-drop-list-dragging .mtx-grid-column-menu-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.mtx-grid-column-menu-list.cdk-drop-list .mtx-grid-column-menu-item-label{padding:0 4px}.mtx-grid-column-menu-item{display:flex;flex-direction:row;align-items:center;padding:4px 0}.mtx-grid-column-menu-item.cdk-drag-disabled .cdk-drag-handle{opacity:.35;cursor:no-drop}.mtx-grid-column-menu-item .cdk-drag-handle{cursor:move}.mtx-grid-column-menu-item.cdk-drag-preview{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mtx-grid-column-menu-item.cdk-drag-placeholder{opacity:0}.mtx-grid-column-menu-item.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}\n"]
             },] }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 MtxGridColumnMenuComponent.propDecorators = {
     menuPanel: [{ type: ViewChild, args: ['menu', { static: true },] }],
     menuTrigger: [{ type: ViewChild, args: [MatMenuTrigger,] }],
@@ -676,13 +701,21 @@ class MtxGridExpansionToggleDirective {
         this.toggleChange.emit(this);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MtxGridExpansionToggleDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[mtx-grid-expansion-toggle]',
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 MtxGridExpansionToggleDirective.ctorParameters = () => [];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 MtxGridExpansionToggleDirective.propDecorators = {
     opened: [{ type: Input }],
     openedChange: [{ type: Output }],
@@ -729,15 +762,23 @@ class MtxGridCellSelectionDirective {
         this.cellSelectionChange.emit(this);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MtxGridCellSelectionDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[mtx-grid-selectable-cell]',
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 MtxGridCellSelectionDirective.ctorParameters = () => [
     { type: MtxGridComponent }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 MtxGridCellSelectionDirective.propDecorators = {
     selected: [{ type: HostBinding, args: ['class.selected',] }],
     matSelectableRowData: [{ type: Input }],
@@ -763,10 +804,17 @@ class MatFlexTableResizeStrategy extends CdkFlexTableResizeStrategy {
         return `mat-column-${cssFriendlyColumnName}`;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MatFlexTableResizeStrategy.decorators = [
     { type: Injectable }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 MatFlexTableResizeStrategy.ctorParameters = () => [
     { type: ColumnResize },
     { type: _CoalescedStyleScheduler, decorators: [{ type: Inject, args: [_COALESCED_STYLE_SCHEDULER,] }] },
@@ -831,6 +879,7 @@ class MatColumnResize extends AbstractMatColumnResize {
         this.notifier = notifier;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MatColumnResize.decorators = [
     { type: Directive, args: [{
                 selector: 'table[mat-table][columnResize]',
@@ -838,7 +887,13 @@ MatColumnResize.decorators = [
                 providers: [...TABLE_PROVIDERS, { provide: ColumnResize, useExisting: MatColumnResize }],
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 MatColumnResize.ctorParameters = () => [
     { type: ColumnResizeNotifier },
     { type: ElementRef },
@@ -868,6 +923,7 @@ class MatColumnResizeFlex extends AbstractMatColumnResize {
         this.notifier = notifier;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MatColumnResizeFlex.decorators = [
     { type: Directive, args: [{
                 selector: 'mat-table[columnResize]',
@@ -875,7 +931,13 @@ MatColumnResizeFlex.decorators = [
                 providers: [...FLEX_PROVIDERS, { provide: ColumnResize, useExisting: MatColumnResizeFlex }],
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 MatColumnResizeFlex.ctorParameters = () => [
     { type: ColumnResizeNotifier },
     { type: ElementRef },
@@ -918,6 +980,7 @@ class MatColumnResizeOverlayHandle extends ResizeOverlayHandle {
         });
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MatColumnResizeOverlayHandle.decorators = [
     { type: Component, args: [{
                 changeDetection: ChangeDetectionStrategy.OnPush,
@@ -926,7 +989,13 @@ MatColumnResizeOverlayHandle.decorators = [
                 template: ''
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 MatColumnResizeOverlayHandle.ctorParameters = () => [
     { type: CdkColumnDef },
     { type: ColumnResize },
@@ -999,13 +1068,20 @@ class MatResizable extends AbstractMatResizable {
         this.isResizable = newValue == null || newValue === '' || newValue;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MatResizable.decorators = [
     { type: Directive, args: [{
                 selector: 'mat-header-cell[resizable], th[mat-header-cell][resizable]',
                 inputs: RESIZABLE_INPUTS,
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 MatResizable.ctorParameters = () => [
     { type: CdkColumnDef },
     { type: ColumnResize },
@@ -1022,6 +1098,7 @@ MatResizable.ctorParameters = () => [
     { type: ViewContainerRef },
     { type: ChangeDetectorRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 MatResizable.propDecorators = {
     hasResizableClass: [{ type: HostBinding, args: ['class',] }],
     resizable: [{ type: Input }]
@@ -1037,6 +1114,7 @@ MatResizable.propDecorators = {
 const ENTRY_COMMON_COMPONENTS = [MatColumnResizeOverlayHandle];
 class MatColumnResizeCommonModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MatColumnResizeCommonModule.decorators = [
     { type: NgModule, args: [{
                 declarations: ENTRY_COMMON_COMPONENTS,
@@ -1047,6 +1125,7 @@ MatColumnResizeCommonModule.decorators = [
 const IMPORTS = [OverlayModule, MatColumnResizeCommonModule];
 class MatColumnResizeModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MatColumnResizeModule.decorators = [
     { type: NgModule, args: [{
                 imports: IMPORTS,
@@ -1057,6 +1136,7 @@ MatColumnResizeModule.decorators = [
 
 class MtxGridModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MtxGridModule.decorators = [
     { type: NgModule, args: [{
                 imports: [