@ng-matero/extensions 12.4.0 → 12.5.3

package/bundles/mtxDialog.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/dialog'), require('@angular/material/button'), require('@angular/material/icon'), require('@ng-matero/extensions/pipes')) :
     typeof define === 'function' && define.amd ? define('@ng-matero/extensions/dialog', ['exports', '@angular/core', '@angular/common', '@angular/material/dialog', '@angular/material/button', '@angular/material/icon', '@ng-matero/extensions/pipes'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-matero'] = global['ng-matero'] || {}, global['ng-matero'].extensions = global['ng-matero'].extensions || {}, global['ng-matero'].extensions.dialog = {}), global.ng.core, global.ng.common, global.ng.material.dialog, global.ng.material.button, global.ng.material.icon, global['ng-matero'].extensions.pipes));
-}(this, (function (exports, core, common, dialog, button, icon, pipes) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["ng-matero"] = global["ng-matero"] || {}, global["ng-matero"].extensions = global["ng-matero"].extensions || {}, global["ng-matero"].extensions.dialog = {}), global.ng.core, global.ng.common, global.ng.material.dialog, global.ng.material.button, global.ng.material.icon, global["ng-matero"].extensions.pipes));
+})(this, (function (exports, core, common, dialog, button, icon, pipes) { 'use strict';
 
     var MtxDialogComponent = /** @class */ (function () {
         function MtxDialogComponent(dialogRef, data) {
@@ -20,6 +20,7 @@
         };
         return MtxDialogComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MtxDialogComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'mtx-dialog',
@@ -27,10 +28,16 @@
                     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: core.ViewEncapsulation.None,
                     changeDetection: core.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 = function () { return [
         { type: dialog.MatDialogRef },
         { type: undefined, decorators: [{ type: core.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
@@ -106,10 +113,17 @@
         };
         return MtxDialog;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MtxDialog.decorators = [
         { type: core.Injectable }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     MtxDialog.ctorParameters = function () { return [
         { type: dialog.MatDialog }
     ]; };
@@ -119,6 +133,7 @@
         }
         return MtxDialogModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MtxDialogModule.decorators = [
         { type: core.NgModule, args: [{
                     imports: [common.CommonModule, dialog.MatDialogModule, button.MatButtonModule, icon.MatIconModule, pipes.MtxPipesModule],
@@ -136,10 +151,10 @@
     exports.MtxDialog = MtxDialog;
     exports.MtxDialogComponent = MtxDialogComponent;
     exports.MtxDialogModule = MtxDialogModule;
-    exports.ɵ0 = ɵ0;
-    exports.ɵ1 = ɵ1;
+    exports["ɵ0"] = ɵ0;
+    exports["ɵ1"] = ɵ1;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=mtxDialog.umd.js.map

package/bundles/mtxDialog.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"mtxDialog.umd.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":["Component","ViewEncapsulation","ChangeDetectionStrategy","MatDialogRef","Inject","MAT_DIALOG_DATA","Injectable","MatDialog","NgModule","CommonModule","MatDialogModule","MatButtonModule","MatIconModule","MtxPipesModule"],"mappings":"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"}
+{"version":3,"file":"mtxDialog.umd.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":["Component","ViewEncapsulation","ChangeDetectionStrategy","MatDialogRef","Inject","MAT_DIALOG_DATA","Injectable","MatDialog","NgModule","CommonModule","MatDialogModule","MatButtonModule","MatIconModule","MtxPipesModule"],"mappings":"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"}

package/bundles/mtxFormGroup.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/cdk/coercion'), require('@angular/material/form-field')) :
     typeof define === 'function' && define.amd ? define('@ng-matero/extensions/form-group', ['exports', '@angular/core', '@angular/common', '@angular/cdk/coercion', '@angular/material/form-field'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-matero'] = global['ng-matero'] || {}, global['ng-matero'].extensions = global['ng-matero'].extensions || {}, global['ng-matero'].extensions['form-group'] = {}), global.ng.core, global.ng.common, global.ng.cdk.coercion, global.ng.material.formField));
-}(this, (function (exports, core, common, coercion, formField) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["ng-matero"] = global["ng-matero"] || {}, global["ng-matero"].extensions = global["ng-matero"].extensions || {}, global["ng-matero"].extensions["form-group"] = {}), global.ng.core, global.ng.common, global.ng.cdk.coercion, global.ng.material.formField));
+})(this, (function (exports, core, common, coercion, formField) { 'use strict';
 
     var MtxFormGroupComponent = /** @class */ (function () {
         function MtxFormGroupComponent() {
@@ -26,6 +26,7 @@
         };
         return MtxFormGroupComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MtxFormGroupComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'mtx-form-group',
@@ -37,8 +38,15 @@
                     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 = function () { return []; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     MtxFormGroupComponent.propDecorators = {
         formFields: [{ type: core.ContentChildren, args: [formField.MatFormField,] }],
         label: [{ type: core.Input }],
@@ -50,6 +58,7 @@
         }
         return MtxFormGroupModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MtxFormGroupModule.decorators = [
         { type: core.NgModule, args: [{
                     imports: [common.CommonModule],
@@ -67,5 +76,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=mtxFormGroup.umd.js.map

package/bundles/mtxFormGroup.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"mtxFormGroup.umd.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":["coerceBooleanProperty","Component","ViewEncapsulation","ContentChildren","MatFormField","Input","NgModule","CommonModule"],"mappings":";;;;;;;QAkCE;YAFQ,wBAAmB,GAAG,KAAK,CAAC;SAEpB;QAThB,sBACI,qDAAkB;iBADtB;gBAEE,OAAO,IAAI,CAAC,mBAAmB,CAAC;aACjC;iBACD,UAAuB,KAAc;gBACnC,IAAI,CAAC,mBAAmB,GAAGA,8BAAqB,CAAC,KAAK,CAAC,CAAC;aACzD;;;WAHA;QAQD,wCAAQ,GAAR,eAAmB;QAEnB,kDAAkB,GAAlB;YACE,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,UAAA,IAAI;gBAC1B,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;aAC9B,CAAC,CAAC;SACJ;;;;gBA9BFC,cAAS,SAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE;wBACJ,KAAK,EAAE,gBAAgB;qBACxB;oBACD,mRAA0C;oBAE1C,aAAa,EAAEC,sBAAiB,CAAC,IAAI;;iBACtC;;;;;6BAEEC,oBAAe,SAACC,sBAAY;wBAE5BC,UAAK;qCACLA,UAAK;;;;QCfR;;;;;gBALCC,aAAQ,SAAC;oBACR,OAAO,EAAE,CAACC,mBAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,qBAAqB,CAAC;oBAChC,YAAY,EAAE,CAAC,qBAAqB,CAAC;iBACtC;;;ICTD;;;;;;;;;;;;;"}
+{"version":3,"file":"mtxFormGroup.umd.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":["coerceBooleanProperty","Component","ViewEncapsulation","ContentChildren","MatFormField","Input","NgModule","CommonModule"],"mappings":";;;;;;;QAkCE;YAFQ,wBAAmB,GAAG,KAAK,CAAC;SAEpB;QAThB,sBACI,qDAAkB;iBADtB;gBAEE,OAAO,IAAI,CAAC,mBAAmB,CAAC;aACjC;iBACD,UAAuB,KAAc;gBACnC,IAAI,CAAC,mBAAmB,GAAGA,8BAAqB,CAAC,KAAK,CAAC,CAAC;aACzD;;;WAHA;QAQD,wCAAQ,GAAR,eAAmB;QAEnB,kDAAkB,GAAlB;YACE,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,UAAA,IAAI;gBAC1B,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;aAC9B,CAAC,CAAC;SACJ;;;;;gBA9BFC,cAAS,SAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE;wBACJ,KAAK,EAAE,gBAAgB;qBACxB;oBACD,mRAA0C;oBAE1C,aAAa,EAAEC,sBAAiB,CAAC,IAAI;;iBACtC;;;;;;;;;;;;6BAEEC,oBAAe,SAACC,sBAAY;wBAE5BC,UAAK;qCACLA,UAAK;;;;QCfR;;;;;;gBALCC,aAAQ,SAAC;oBACR,OAAO,EAAE,CAACC,mBAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,qBAAqB,CAAC;oBAChC,YAAY,EAAE,CAAC,qBAAqB,CAAC;iBACtC;;;ICTD;;;;;;;;;;;;;"}

package/bundles/mtxGrid.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/table'), require('@angular/material/sort'), require('@angular/material/paginator'), require('@angular/material/checkbox'), require('@angular/material/button'), require('@angular/material/progress-bar'), require('@angular/material/chips'), require('@angular/material/tooltip'), require('@angular/material/icon'), require('@angular/material/select'), require('@angular/material/form-field'), require('@angular/material/menu'), require('@angular/cdk/drag-drop'), require('@ng-matero/extensions/pipes'), require('@ng-matero/extensions/dialog'), require('@angular/animations'), require('@angular/cdk/collections'), require('photoviewer'), require('@angular/cdk/overlay'), require('@ng-matero/extensions/column-resize'), require('@angular/cdk/table'), require('@angular/cdk/bidi')) :
     typeof define === 'function' && define.amd ? define('@ng-matero/extensions/grid', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/table', '@angular/material/sort', '@angular/material/paginator', '@angular/material/checkbox', '@angular/material/button', '@angular/material/progress-bar', '@angular/material/chips', '@angular/material/tooltip', '@angular/material/icon', '@angular/material/select', '@angular/material/form-field', '@angular/material/menu', '@angular/cdk/drag-drop', '@ng-matero/extensions/pipes', '@ng-matero/extensions/dialog', '@angular/animations', '@angular/cdk/collections', 'photoviewer', '@angular/cdk/overlay', '@ng-matero/extensions/column-resize', '@angular/cdk/table', '@angular/cdk/bidi'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-matero'] = global['ng-matero'] || {}, global['ng-matero'].extensions = global['ng-matero'].extensions || {}, global['ng-matero'].extensions.grid = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.table, global.ng.material.sort, global.ng.material.paginator, global.ng.material.checkbox, global.ng.material.button, global.ng.material.progressBar, global.ng.material.chips, global.ng.material.tooltip, global.ng.material.icon, global.ng.material.select, global.ng.material.formField, global.ng.material.menu, global.ng.cdk.dragDrop, global['ng-matero'].extensions.pipes, global['ng-matero'].extensions.dialog, global.ng.animations, global.ng.cdk.collections, global.PhotoViewer, global.ng.cdk.overlay, global['ng-matero'].extensions['column-resize'], global.ng.cdk.table, global.ng.cdk.bidi));
-}(this, (function (exports, core, common, forms, table, sort, paginator, checkbox, button, progressBar, chips, tooltip, icon, select, formField, menu, dragDrop, pipes, dialog, animations, collections, PhotoViewer, overlay, columnResize, table$1, bidi) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["ng-matero"] = global["ng-matero"] || {}, global["ng-matero"].extensions = global["ng-matero"].extensions || {}, global["ng-matero"].extensions.grid = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.table, global.ng.material.sort, global.ng.material.paginator, global.ng.material.checkbox, global.ng.material.button, global.ng.material.progressBar, global.ng.material.chips, global.ng.material.tooltip, global.ng.material.icon, global.ng.material.select, global.ng.material.formField, global.ng.material.menu, global.ng.cdk.dragDrop, global["ng-matero"].extensions.pipes, global["ng-matero"].extensions.dialog, global.ng.animations, global.ng.cdk.collections, global.PhotoViewer, global.ng.cdk.overlay, global["ng-matero"].extensions["column-resize"], global.ng.cdk.table, global.ng.cdk.bidi));
+})(this, (function (exports, core, common, forms, table, sort, paginator, checkbox, button, progressBar, chips, tooltip, icon, select, formField, menu, dragDrop, pipes, dialog, animations, collections, PhotoViewer, overlay, columnResize, table$1, bidi) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -365,10 +365,17 @@
         };
         return MtxGridService;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MtxGridService.decorators = [
         { type: core.Injectable }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     MtxGridService.ctorParameters = function () { return []; };
 
     var MtxGridComponent = /** @class */ (function () {
@@ -689,6 +696,7 @@
         };
         return MtxGridComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MtxGridComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'mtx-grid',
@@ -709,11 +717,18 @@
                     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 = function () { return [
         { type: MtxGridService },
         { type: core.ChangeDetectorRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     MtxGridComponent.propDecorators = {
         table: [{ type: core.ViewChild, args: [table.MatTable,] }],
         paginator: [{ type: core.ViewChild, args: [paginator.MatPaginator,] }],
@@ -886,10 +901,11 @@
                 title: imgs.length > 1,
                 footerToolbar: footerToolbar,
             };
-            var viewer = new PhotoViewer__default['default'](imgs, options);
+            var viewer = new PhotoViewer__default["default"](imgs, options);
         };
         return MtxGridCellComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MtxGridCellComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'mtx-grid-cell',
@@ -899,11 +915,18 @@
                     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 = function () { return [
         { type: dialog.MtxDialog },
         { type: MtxGridService }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     MtxGridCellComponent.propDecorators = {
         rowData: [{ type: core.Input }],
         colDef: [{ type: core.Input }],
@@ -950,6 +973,7 @@
         };
         return MtxGridColumnMenuComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MtxGridColumnMenuComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'mtx-grid-column-menu',
@@ -960,6 +984,7 @@
                     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: core.ViewChild, args: ['menu', { static: true },] }],
         menuTrigger: [{ type: core.ViewChild, args: [menu.MatMenuTrigger,] }],
@@ -1036,13 +1061,21 @@
         };
         return MtxGridExpansionToggleDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MtxGridExpansionToggleDirective.decorators = [
         { type: core.Directive, args: [{
                     selector: '[mtx-grid-expansion-toggle]',
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     MtxGridExpansionToggleDirective.ctorParameters = function () { return []; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     MtxGridExpansionToggleDirective.propDecorators = {
         opened: [{ type: core.Input }],
         openedChange: [{ type: core.Output }],
@@ -1098,15 +1131,23 @@
         };
         return MtxGridCellSelectionDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MtxGridCellSelectionDirective.decorators = [
         { type: core.Directive, args: [{
                     selector: '[mtx-grid-selectable-cell]',
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     MtxGridCellSelectionDirective.ctorParameters = function () { return [
         { type: MtxGridComponent }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     MtxGridCellSelectionDirective.propDecorators = {
         selected: [{ type: core.HostBinding, args: ['class.selected',] }],
         matSelectableRowData: [{ type: core.Input }],
@@ -1127,10 +1168,17 @@
         };
         return MatFlexTableResizeStrategy;
     }(columnResize.CdkFlexTableResizeStrategy));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MatFlexTableResizeStrategy.decorators = [
         { type: core.Injectable }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     MatFlexTableResizeStrategy.ctorParameters = function () { return [
         { type: columnResize.ColumnResize },
         { type: table$1._CoalescedStyleScheduler, decorators: [{ type: core.Inject, args: [table$1._COALESCED_STYLE_SCHEDULER,] }] },
@@ -1188,6 +1236,7 @@
         }
         return MatColumnResize;
     }(AbstractMatColumnResize));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MatColumnResize.decorators = [
         { type: core.Directive, args: [{
                     selector: 'table[mat-table][columnResize]',
@@ -1195,7 +1244,13 @@
                     providers: __spreadArray(__spreadArray([], __read(TABLE_PROVIDERS)), [{ provide: columnResize.ColumnResize, useExisting: MatColumnResize }]),
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     MatColumnResize.ctorParameters = function () { return [
         { type: columnResize.ColumnResizeNotifier },
         { type: core.ElementRef },
@@ -1221,6 +1276,7 @@
         }
         return MatColumnResizeFlex;
     }(AbstractMatColumnResize));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MatColumnResizeFlex.decorators = [
         { type: core.Directive, args: [{
                     selector: 'mat-table[columnResize]',
@@ -1228,7 +1284,13 @@
                     providers: __spreadArray(__spreadArray([], __read(FLEX_PROVIDERS)), [{ provide: columnResize.ColumnResize, useExisting: MatColumnResizeFlex }]),
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     MatColumnResizeFlex.ctorParameters = function () { return [
         { type: columnResize.ColumnResizeNotifier },
         { type: core.ElementRef },
@@ -1267,6 +1329,7 @@
         };
         return MatColumnResizeOverlayHandle;
     }(columnResize.ResizeOverlayHandle));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MatColumnResizeOverlayHandle.decorators = [
         { type: core.Component, args: [{
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
@@ -1275,7 +1338,13 @@
                     template: ''
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     MatColumnResizeOverlayHandle.ctorParameters = function () { return [
         { type: table$1.CdkColumnDef },
         { type: columnResize.ColumnResize },
@@ -1355,13 +1424,20 @@
         });
         return MatResizable;
     }(AbstractMatResizable));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MatResizable.decorators = [
         { type: core.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 = function () { return [
         { type: table$1.CdkColumnDef },
         { type: columnResize.ColumnResize },
@@ -1378,6 +1454,7 @@
         { type: core.ViewContainerRef },
         { type: core.ChangeDetectorRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     MatResizable.propDecorators = {
         hasResizableClass: [{ type: core.HostBinding, args: ['class',] }],
         resizable: [{ type: core.Input }]
@@ -1396,6 +1473,7 @@
         }
         return MatColumnResizeCommonModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MatColumnResizeCommonModule.decorators = [
         { type: core.NgModule, args: [{
                     declarations: ENTRY_COMMON_COMPONENTS,
@@ -1409,6 +1487,7 @@
         }
         return MatColumnResizeModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MatColumnResizeModule.decorators = [
         { type: core.NgModule, args: [{
                     imports: IMPORTS,
@@ -1422,6 +1501,7 @@
         }
         return MtxGridModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MtxGridModule.decorators = [
         { type: core.NgModule, args: [{
                     imports: [
@@ -1469,9 +1549,7 @@
 
     Object.defineProperty(exports, 'MAT_TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER', {
         enumerable: true,
-        get: function () {
-            return columnResize.TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER;
-        }
+        get: function () { return columnResize.TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER; }
     });
     exports.AbstractMatColumnResize = AbstractMatColumnResize;
     exports.AbstractMatResizable = AbstractMatResizable;
@@ -1499,5 +1577,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=mtxGrid.umd.js.map