@ng-matero/extensions 14.4.1 → 14.5.0

package/fesm2020/mtxLoader.mjs

@@ -11,25 +11,31 @@ import { coerceBooleanProperty } from '@angular/cdk/coercion';
 class MtxLoaderComponent {
     constructor(_changeDetectorRef) {
         this._changeDetectorRef = _changeDetectorRef;
+        /** The loader's type. Can be `spinner` or `progressbar` */
         this.type = 'spinner';
+        /** Theme color palette for the component. */
         this.color = 'primary';
+        /** Mode of the progress circle or the progress bar. */
         this.mode = 'indeterminate';
-        /** Only support `spinner` type */
+        /** Stroke width of the spinner loader. */
         this.strokeWidth = 4;
-        /** Only support `spinner` type */
+        /** The diameter of the spinner loader (will set width and height of svg). */
         this.diameter = 48;
-        /** Only support `progresbar` type */
+        /** Buffer value of the progressbar loader. */
         this.bufferValue = 0;
+        /** Value of the progress circle or the progress bar. */
         this.value = 0;
         this._loading = true;
         this._hasBackdrop = true;
     }
+    /** Whether the loader is loading. */
     get loading() {
         return this._loading;
     }
     set loading(value) {
         this._loading = coerceBooleanProperty(value);
     }
+    /** Whether the loader has a backdrop. */
     get hasBackdrop() {
         return this._hasBackdrop;
     }

package/fesm2020/mtxLoader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mtxLoader.mjs","sources":["../../../projects/extensions/loader/loader.component.ts","../../../projects/extensions/loader/loader.component.html","../../../projects/extensions/loader/loader.module.ts","../../../projects/extensions/loader/mtxLoader.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  Input,\n  ChangeDetectorRef,\n} from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ThemePalette } from '@angular/material/core';\nimport { ProgressBarMode } from '@angular/material/progress-bar';\nimport { ProgressSpinnerMode } from '@angular/material/progress-spinner';\n\nexport type MtxLoaderType = 'spinner' | 'progressbar';\n\n@Component({\n  selector: 'mtx-loader',\n  exportAs: 'mtxLoader',\n  host: {\n    'class': 'mtx-loader',\n    '[class.mtx-loader-loading]': 'loading',\n  },\n  templateUrl: './loader.component.html',\n  styleUrls: ['./loader.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxLoaderComponent {\n  @Input() type: MtxLoaderType = 'spinner';\n\n  @Input() color: ThemePalette = 'primary';\n\n  @Input() mode: ProgressSpinnerMode | ProgressBarMode = 'indeterminate';\n\n  /** Only support `spinner` type */\n  @Input() strokeWidth = 4;\n\n  /** Only support `spinner` type */\n  @Input() diameter = 48;\n\n  /** Only support `progresbar` type */\n  @Input() bufferValue = 0;\n\n  @Input() value = 0;\n\n  @Input()\n  get loading(): boolean {\n    return this._loading;\n  }\n  set loading(value: boolean) {\n    this._loading = coerceBooleanProperty(value);\n  }\n  private _loading = true;\n\n  @Input()\n  get hasBackdrop(): boolean {\n    return this._hasBackdrop;\n  }\n  set hasBackdrop(value: boolean) {\n    this._hasBackdrop = coerceBooleanProperty(value);\n  }\n  private _hasBackdrop = true;\n\n  constructor(private _changeDetectorRef: ChangeDetectorRef) {}\n\n  static ngAcceptInputType_loading: BooleanInput;\n  static ngAcceptInputType_hasBackdrop: BooleanInput;\n}\n","<div class=\"mtx-loader-backdrop\" *ngIf=\"loading && hasBackdrop\"></div>\r\n<div class=\"mtx-loader-main\" *ngIf=\"loading\">\r\n  <mat-spinner *ngIf=\"type==='spinner'\"\r\n               [color]=\"color\"\r\n               [strokeWidth]=\"strokeWidth\"\r\n               [diameter]=\"diameter\"\r\n               [mode]=\"$any(mode)\"\r\n               [value]=\"value\">\r\n  </mat-spinner>\r\n\r\n  <mat-progress-bar *ngIf=\"type==='progressbar'\"\r\n                    [color]=\"color\"\r\n                    [mode]=\"$any(mode)\"\r\n                    [value]=\"value\"\r\n                    [bufferValue]=\"bufferValue\">\r\n  </mat-progress-bar>\r\n</div>\r\n<ng-content></ng-content>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\n\r\nimport { MtxLoaderComponent } from './loader.component';\r\n\r\n@NgModule({\r\n  imports: [CommonModule, MatProgressSpinnerModule, MatProgressBarModule],\r\n  exports: [MtxLoaderComponent],\r\n  declarations: [MtxLoaderComponent],\r\n})\r\nexport class MtxLoaderModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mtxLoader.mjs","sources":["../../../projects/extensions/loader/loader.component.ts","../../../projects/extensions/loader/loader.component.html","../../../projects/extensions/loader/loader.module.ts","../../../projects/extensions/loader/mtxLoader.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  Input,\n  ChangeDetectorRef,\n} from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ThemePalette } from '@angular/material/core';\nimport { ProgressBarMode } from '@angular/material/progress-bar';\nimport { ProgressSpinnerMode } from '@angular/material/progress-spinner';\n\nexport type MtxLoaderType = 'spinner' | 'progressbar';\n\n@Component({\n  selector: 'mtx-loader',\n  exportAs: 'mtxLoader',\n  host: {\n    'class': 'mtx-loader',\n    '[class.mtx-loader-loading]': 'loading',\n  },\n  templateUrl: './loader.component.html',\n  styleUrls: ['./loader.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxLoaderComponent {\n  /** The loader's type. Can be `spinner` or `progressbar` */\n  @Input() type: MtxLoaderType = 'spinner';\n\n  /** Theme color palette for the component. */\n  @Input() color: ThemePalette = 'primary';\n\n  /** Mode of the progress circle or the progress bar. */\n  @Input() mode: ProgressSpinnerMode | ProgressBarMode = 'indeterminate';\n\n  /** Stroke width of the spinner loader. */\n  @Input() strokeWidth = 4;\n\n  /** The diameter of the spinner loader (will set width and height of svg). */\n  @Input() diameter = 48;\n\n  /** Buffer value of the progressbar loader. */\n  @Input() bufferValue = 0;\n\n  /** Value of the progress circle or the progress bar. */\n  @Input() value = 0;\n\n  /** Whether the loader is loading. */\n  @Input()\n  get loading(): boolean {\n    return this._loading;\n  }\n  set loading(value: boolean) {\n    this._loading = coerceBooleanProperty(value);\n  }\n  private _loading = true;\n\n  /** Whether the loader has a backdrop. */\n  @Input()\n  get hasBackdrop(): boolean {\n    return this._hasBackdrop;\n  }\n  set hasBackdrop(value: boolean) {\n    this._hasBackdrop = coerceBooleanProperty(value);\n  }\n  private _hasBackdrop = true;\n\n  constructor(private _changeDetectorRef: ChangeDetectorRef) {}\n\n  static ngAcceptInputType_loading: BooleanInput;\n  static ngAcceptInputType_hasBackdrop: BooleanInput;\n}\n","<div class=\"mtx-loader-backdrop\" *ngIf=\"loading && hasBackdrop\"></div>\r\n<div class=\"mtx-loader-main\" *ngIf=\"loading\">\r\n  <mat-spinner *ngIf=\"type==='spinner'\"\r\n               [color]=\"color\"\r\n               [strokeWidth]=\"strokeWidth\"\r\n               [diameter]=\"diameter\"\r\n               [mode]=\"$any(mode)\"\r\n               [value]=\"value\">\r\n  </mat-spinner>\r\n\r\n  <mat-progress-bar *ngIf=\"type==='progressbar'\"\r\n                    [color]=\"color\"\r\n                    [mode]=\"$any(mode)\"\r\n                    [value]=\"value\"\r\n                    [bufferValue]=\"bufferValue\">\r\n  </mat-progress-bar>\r\n</div>\r\n<ng-content></ng-content>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\n\r\nimport { MtxLoaderComponent } from './loader.component';\r\n\r\n@NgModule({\r\n  imports: [CommonModule, MatProgressSpinnerModule, MatProgressBarModule],\r\n  exports: [MtxLoaderComponent],\r\n  declarations: [MtxLoaderComponent],\r\n})\r\nexport class MtxLoaderModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/mtxProgress.mjs

@@ -6,21 +6,21 @@ import { coerceBooleanProperty } from '@angular/cdk/coercion';
 
 class MtxProgressComponent {
     constructor() {
-        /** The progress type */
+        /** The progress's type. Can be `default`, `info`, `success`, `warning` or `danger`. */
         this.type = 'info';
-        /** The progress value */
+        /** The value of the progress. */
         this.value = 0;
         this._striped = false;
         this._animate = false;
     }
-    /** Whether applies striped class */
+    /** Whether to apply the striped class. */
     get striped() {
         return this._striped;
     }
     set striped(value) {
         this._striped = coerceBooleanProperty(value);
     }
-    /** Whether applies animated class */
+    /** Whether to apply the animated class. */
     get animate() {
         return this._animate;
     }

package/fesm2020/mtxProgress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mtxProgress.mjs","sources":["../../../projects/extensions/progress/progress.component.ts","../../../projects/extensions/progress/progress.component.html","../../../projects/extensions/progress/progress.module.ts","../../../projects/extensions/progress/mtxProgress.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\nexport type MtxProgressType = 'default' | 'info' | 'success' | 'warning' | 'danger';\n\n@Component({\n  selector: 'mtx-progress',\n  exportAs: 'mtxProgress',\n  host: {\n    'class': 'mtx-progress',\n    '[style.height]': 'height',\n    '[style.backgroundColor]': 'background',\n  },\n  templateUrl: './progress.component.html',\n  styleUrls: ['./progress.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxProgressComponent {\n  /** The progress type */\n  @Input() type: MtxProgressType = 'info';\n\n  /** The progress value */\n  @Input() value = 0;\n\n  /** The progress height */\n  @Input() height!: string;\n\n  /** The progress text color */\n  @Input() color!: string;\n\n  /** The progress bar color */\n  @Input() foreground!: string;\n\n  /** The progress track color */\n  @Input() background!: string;\n\n  /** Whether applies striped class */\n  @Input()\n  get striped(): boolean {\n    return this._striped;\n  }\n  set striped(value: boolean) {\n    this._striped = coerceBooleanProperty(value);\n  }\n  private _striped = false;\n\n  /** Whether applies animated class */\n  @Input()\n  get animate(): boolean {\n    return this._animate;\n  }\n  set animate(value: boolean) {\n    this._animate = coerceBooleanProperty(value);\n  }\n  private _animate = false;\n\n  static ngAcceptInputType_striped: BooleanInput;\n  static ngAcceptInputType_animate: BooleanInput;\n}\n","<div [class]=\"'mtx-progress-fill mtx-progress-fill-' + type\"\n     [ngClass]=\"{'mtx-progress-fill-striped': striped, 'mtx-progress-fill-animated': animate}\"\n     [ngStyle]=\"{ 'width.%': value, 'background-color': foreground }\"\n     role=\"progress-fill\">\n  <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MtxProgressComponent } from './progress.component';\n\n@NgModule({\n  imports: [CommonModule],\n  exports: [MtxProgressComponent],\n  declarations: [MtxProgressComponent],\n})\nexport class MtxProgressModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mtxProgress.mjs","sources":["../../../projects/extensions/progress/progress.component.ts","../../../projects/extensions/progress/progress.component.html","../../../projects/extensions/progress/progress.module.ts","../../../projects/extensions/progress/mtxProgress.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\nexport type MtxProgressType = 'default' | 'info' | 'success' | 'warning' | 'danger';\n\n@Component({\n  selector: 'mtx-progress',\n  exportAs: 'mtxProgress',\n  host: {\n    'class': 'mtx-progress',\n    '[style.height]': 'height',\n    '[style.backgroundColor]': 'background',\n  },\n  templateUrl: './progress.component.html',\n  styleUrls: ['./progress.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxProgressComponent {\n  /** The progress's type. Can be `default`, `info`, `success`, `warning` or `danger`. */\n  @Input() type: MtxProgressType = 'info';\n\n  /** The value of the progress. */\n  @Input() value = 0;\n\n  /** The height of the progress. */\n  @Input() height!: string;\n\n  /** The text color of the progress. */\n  @Input() color!: string;\n\n  /** The bar color of the progress. */\n  @Input() foreground!: string;\n\n  /** The track color of the progress. */\n  @Input() background!: string;\n\n  /** Whether to apply the striped class. */\n  @Input()\n  get striped(): boolean {\n    return this._striped;\n  }\n  set striped(value: boolean) {\n    this._striped = coerceBooleanProperty(value);\n  }\n  private _striped = false;\n\n  /** Whether to apply the animated class. */\n  @Input()\n  get animate(): boolean {\n    return this._animate;\n  }\n  set animate(value: boolean) {\n    this._animate = coerceBooleanProperty(value);\n  }\n  private _animate = false;\n\n  static ngAcceptInputType_striped: BooleanInput;\n  static ngAcceptInputType_animate: BooleanInput;\n}\n","<div [class]=\"'mtx-progress-fill mtx-progress-fill-' + type\"\n     [ngClass]=\"{'mtx-progress-fill-striped': striped, 'mtx-progress-fill-animated': animate}\"\n     [ngStyle]=\"{ 'width.%': value, 'background-color': foreground }\"\n     role=\"progress-fill\">\n  <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MtxProgressComponent } from './progress.component';\n\n@NgModule({\n  imports: [CommonModule],\n  exports: [MtxProgressComponent],\n  declarations: [MtxProgressComponent],\n})\nexport class MtxProgressModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/grid/cell.component.d.ts

@@ -21,7 +21,7 @@ export declare class MtxGridCellComponent {
     _getText(value: any): any;
     _getTooltip(value: any): any;
     _getFormatterTooltip(value: any): any;
-    _formatSummary(data: any[], colDef: MtxGridColumn): string | void;
+    _formatSummary(data: any[], colDef: MtxGridColumn): any;
     constructor(_dialog: MtxDialog, _dataGridSrv: MtxGridService);
     _onActionClick(event: MouseEvent, btn: MtxGridColumnButton, rowData: any): void;
     _getActionTooltip(btn: MtxGridColumnButton): import("./grid.interface").MtxGridColumnButtonTooltip | undefined;

package/grid/grid.component.d.ts

@@ -20,89 +20,167 @@ export declare class MtxGridComponent implements OnChanges, AfterViewInit, OnDes
     columnMenu: MtxGridColumnMenu;
     tableContainer: ElementRef<HTMLDivElement>;
     dataSource: MatTableDataSource<unknown>;
+    /** The grid's displayed columns. */
     displayedColumns: string[];
+    /** The grid's columns. */
     columns: MtxGridColumn[];
+    /** The grid's data. */
     data: any[];
+    /** The total number of the data. */
     length: number;
+    /** Whether the grid is loading. */
     loading: boolean;
+    /** Tracking function that will be used to check the differences in data changes. */
     trackBy: TrackByFunction<any>;
+    /** Whether the column is resizable. */
     columnResizable: boolean;
-    /** Placeholder for the empty value (`null`, `''`, `[]`) */
+    /** Placeholder for the empty value (`null`, `''`, `[]`). */
     emptyValuePlaceholder: string;
+    /** Whether to paginate the data on front end. */
     pageOnFront: boolean;
+    /** Whether to show the paginator. */
     showPaginator: boolean;
+    /** Whether the paginator is disabled. */
     pageDisabled: boolean;
+    /** Whether to show the first/last buttons UI to the user. */
     showFirstLastButtons: boolean;
+    /** The zero-based page index of the displayed list of items. */
     pageIndex: number;
+    /** Number of items to display on a page. */
     pageSize: number;
+    /** The set of provided page size options to display to the user. */
     pageSizeOptions: number[];
+    /** Whether to hide the page size selection UI from the user. */
     hidePageSize: boolean;
+    /** Event emitted when the paginator changes the page size or page index. */
     page: EventEmitter<PageEvent>;
+    /** The template for the pagination. */
     paginationTemplate: TemplateRef<any>;
+    /** Whether to sort the data on front end. */
     sortOnFront: boolean;
+    /** The id of the most recently sorted MatSortable. */
     sortActive: string;
+    /** The sort direction of the currently active MatSortable. */
     sortDirection: SortDirection;
+    /**
+     * Whether to disable the user from clearing the sort by finishing the sort direction cycle.
+     * May be overriden by the column's `disableClear` in `sortProp`.
+     */
     sortDisableClear: boolean;
+    /** Whether the sort is disabled. */
     sortDisabled: boolean;
+    /**
+     * The direction to set when an MatSortable is initially sorted.
+     * May be overriden by the column's `start` in `sortProp`.
+     */
     sortStart: 'asc' | 'desc';
+    /** Event emitted when the user changes either the active sort or sort direction. */
     sortChange: EventEmitter<Sort>;
+    /** Whether to use the row hover style. */
     rowHover: boolean;
+    /** Whether to use the row striped style. */
     rowStriped: boolean;
+    /** Event emitted when the user clicks the row. */
     rowClick: EventEmitter<any>;
     expansionRowStates: any[];
+    /** Whether the row is expandable. */
     expandable: boolean;
+    /** The template for the expandable row. */
     expansionTemplate: TemplateRef<any>;
+    /** Event emitted when the user toggles the expandable row. */
     expansionChange: EventEmitter<any>;
-    /** Whether support multiple row/cell selection. */
+    rowSelection: SelectionModel<any>;
+    /** Whether to support multiple row/cell selection. */
     multiSelectable: boolean;
+    /** Whether the user can select multiple rows with click. */
     multiSelectionWithClick: boolean;
-    rowSelection: SelectionModel<any>;
+    /** The selected row items. */
     rowSelected: any[];
+    /** Whether the row is selectable. */
     rowSelectable: boolean;
+    /** Whether to hide the row selection checkbox. */
     hideRowSelectionCheckbox: boolean;
+    /** The formatter to disable the row selection or hide the row's checkbox. */
     rowSelectionFormatter: MtxGridRowSelectionFormatter;
+    /** The formatter to set the row's class. */
     rowClassFormatter: MtxGridRowClassFormatter;
+    /** Event emitted when the row is selected. */
     rowSelectionChange: EventEmitter<any[]>;
     cellSelection: any[];
+    /** Whether the cell is selectable. */
     cellSelectable: boolean;
+    /** Event emitted when the cell is selected. */
     cellSelectionChange: EventEmitter<any[]>;
-    private _selectedCell;
+    private _selectedCell?;
+    /** Whether to show the toolbar. */
     showToolbar: boolean;
+    /** The text of the toolbar's title. */
     toolbarTitle: string;
+    /** The template for the toolbar. */
     toolbarTemplate: TemplateRef<any>;
+    /** Whether the column is hideable. */
+    columnHideable: boolean;
+    /** Hide or show when the column's checkbox is checked. */
+    columnHideableChecked: 'show' | 'hide';
+    /** Whether the column is sortable. */
+    columnSortable: boolean;
+    /** Whether the column is pinnable. */
+    columnPinnable: boolean;
+    /** Event emitted when the column is hided or is sorted. */
+    columnChange: EventEmitter<MtxGridColumn[]>;
+    /** The options for the column pin list. */
+    columnPinOptions: MtxGridColumnPinOption[];
+    /** Whether to show the column menu button. */
     showColumnMenuButton: boolean;
+    /** The text for the column menu button. */
     columnMenuButtonText: string;
+    /** The type for the column menu button. */
     columnMenuButtonType: MtxGridButtonType;
+    /** The color for the column menu button. */
     columnMenuButtonColor: ThemePalette;
+    /** The class for the column menu button. */
     columnMenuButtonClass: string;
+    /** The icon for the column menu button. */
     columnMenuButtonIcon: string;
-    columnHideable: boolean;
-    columnHideableChecked: 'show' | 'hide';
-    columnSortable: boolean;
-    columnPinnable: boolean;
-    columnChange: EventEmitter<MtxGridColumn[]>;
+    /** Whether to show the column-menu's header. */
     showColumnMenuHeader: boolean;
+    /** The text for the column-menu's header. */
     columnMenuHeaderText: string;
+    /** The template for the column-menu's header. */
     columnMenuHeaderTemplate: TemplateRef<any>;
+    /** Whether to show the the column-menu's footer. */
     showColumnMenuFooter: boolean;
+    /** The text for the column-menu's footer. */
     columnMenuFooterText: string;
+    /** The template for the column-menu's footer. */
     columnMenuFooterTemplate: TemplateRef<any>;
-    columnPinOptions: MtxGridColumnPinOption[];
+    /** The displayed text for the empty data. */
     noResultText: string;
+    /** The template for the empty data. */
     noResultTemplate: TemplateRef<any>;
     get _hasNoResult(): boolean;
+    /** The header's cell template for the grid. */
     headerTemplate: TemplateRef<any> | MtxGridCellTemplate | any;
+    /** The header's cell template for the grid exclude sort. */
     headerExtraTemplate: TemplateRef<any> | MtxGridCellTemplate | any;
+    /** The cell template for the grid. */
     cellTemplate: TemplateRef<any> | MtxGridCellTemplate | any;
+    /** Whether to use custom row template. If true, you should define a matRowDef. */
     useContentRowTemplate: boolean;
     useContentHeaderRowTemplate: boolean;
     useContentFooterRowTemplate: boolean;
+    /** Whether to show the summary. */
     showSummary: boolean;
+    /** The template for the summary. */
     summaryTemplate: TemplateRef<any> | MtxGridCellTemplate | any;
     get _whetherShowSummary(): boolean;
+    /** Whether to show the sidebar. */
     showSidebar: boolean;
+    /** The template for the sidebar. */
     sidebarTemplate: TemplateRef<any>;
+    /** Whether to show the status bar. */
     showStatusbar: boolean;
+    /** The template for the status bar. */
     statusbarTemplate: TemplateRef<any>;
     constructor(_dataGridSrv: MtxGridService, _changeDetectorRef: ChangeDetectorRef);
     detectChanges(): void;
@@ -137,7 +215,7 @@ export declare class MtxGridComponent implements OnChanges, AfterViewInit, OnDes
     scrollTop(value?: number): number | void;
     scrollLeft(value?: number): number | void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxGridComponent, "mtx-grid", ["mtxGrid"], { "displayedColumns": "displayedColumns"; "columns": "columns"; "data": "data"; "length": "length"; "loading": "loading"; "trackBy": "trackBy"; "columnResizable": "columnResizable"; "emptyValuePlaceholder": "emptyValuePlaceholder"; "pageOnFront": "pageOnFront"; "showPaginator": "showPaginator"; "pageDisabled": "pageDisabled"; "showFirstLastButtons": "showFirstLastButtons"; "pageIndex": "pageIndex"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "hidePageSize": "hidePageSize"; "paginationTemplate": "paginationTemplate"; "sortOnFront": "sortOnFront"; "sortActive": "sortActive"; "sortDirection": "sortDirection"; "sortDisableClear": "sortDisableClear"; "sortDisabled": "sortDisabled"; "sortStart": "sortStart"; "rowHover": "rowHover"; "rowStriped": "rowStriped"; "expandable": "expandable"; "expansionTemplate": "expansionTemplate"; "multiSelectable": "multiSelectable"; "multiSelectionWithClick": "multiSelectionWithClick"; "rowSelected": "rowSelected"; "rowSelectable": "rowSelectable"; "hideRowSelectionCheckbox": "hideRowSelectionCheckbox"; "rowSelectionFormatter": "rowSelectionFormatter"; "rowClassFormatter": "rowClassFormatter"; "cellSelectable": "cellSelectable"; "showToolbar": "showToolbar"; "toolbarTitle": "toolbarTitle"; "toolbarTemplate": "toolbarTemplate"; "showColumnMenuButton": "showColumnMenuButton"; "columnMenuButtonText": "columnMenuButtonText"; "columnMenuButtonType": "columnMenuButtonType"; "columnMenuButtonColor": "columnMenuButtonColor"; "columnMenuButtonClass": "columnMenuButtonClass"; "columnMenuButtonIcon": "columnMenuButtonIcon"; "columnHideable": "columnHideable"; "columnHideableChecked": "columnHideableChecked"; "columnSortable": "columnSortable"; "columnPinnable": "columnPinnable"; "showColumnMenuHeader": "showColumnMenuHeader"; "columnMenuHeaderText": "columnMenuHeaderText"; "columnMenuHeaderTemplate": "columnMenuHeaderTemplate"; "showColumnMenuFooter": "showColumnMenuFooter"; "columnMenuFooterText": "columnMenuFooterText"; "columnMenuFooterTemplate": "columnMenuFooterTemplate"; "columnPinOptions": "columnPinOptions"; "noResultText": "noResultText"; "noResultTemplate": "noResultTemplate"; "headerTemplate": "headerTemplate"; "headerExtraTemplate": "headerExtraTemplate"; "cellTemplate": "cellTemplate"; "useContentRowTemplate": "useContentRowTemplate"; "useContentHeaderRowTemplate": "useContentHeaderRowTemplate"; "useContentFooterRowTemplate": "useContentFooterRowTemplate"; "showSummary": "showSummary"; "summaryTemplate": "summaryTemplate"; "showSidebar": "showSidebar"; "sidebarTemplate": "sidebarTemplate"; "showStatusbar": "showStatusbar"; "statusbarTemplate": "statusbarTemplate"; }, { "page": "page"; "sortChange": "sortChange"; "rowClick": "rowClick"; "expansionChange": "expansionChange"; "rowSelectionChange": "rowSelectionChange"; "cellSelectionChange": "cellSelectionChange"; "columnChange": "columnChange"; }, ["rowDefs", "headerRowDefs", "footerRowDefs"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxGridComponent, "mtx-grid", ["mtxGrid"], { "displayedColumns": "displayedColumns"; "columns": "columns"; "data": "data"; "length": "length"; "loading": "loading"; "trackBy": "trackBy"; "columnResizable": "columnResizable"; "emptyValuePlaceholder": "emptyValuePlaceholder"; "pageOnFront": "pageOnFront"; "showPaginator": "showPaginator"; "pageDisabled": "pageDisabled"; "showFirstLastButtons": "showFirstLastButtons"; "pageIndex": "pageIndex"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "hidePageSize": "hidePageSize"; "paginationTemplate": "paginationTemplate"; "sortOnFront": "sortOnFront"; "sortActive": "sortActive"; "sortDirection": "sortDirection"; "sortDisableClear": "sortDisableClear"; "sortDisabled": "sortDisabled"; "sortStart": "sortStart"; "rowHover": "rowHover"; "rowStriped": "rowStriped"; "expandable": "expandable"; "expansionTemplate": "expansionTemplate"; "multiSelectable": "multiSelectable"; "multiSelectionWithClick": "multiSelectionWithClick"; "rowSelected": "rowSelected"; "rowSelectable": "rowSelectable"; "hideRowSelectionCheckbox": "hideRowSelectionCheckbox"; "rowSelectionFormatter": "rowSelectionFormatter"; "rowClassFormatter": "rowClassFormatter"; "cellSelectable": "cellSelectable"; "showToolbar": "showToolbar"; "toolbarTitle": "toolbarTitle"; "toolbarTemplate": "toolbarTemplate"; "columnHideable": "columnHideable"; "columnHideableChecked": "columnHideableChecked"; "columnSortable": "columnSortable"; "columnPinnable": "columnPinnable"; "columnPinOptions": "columnPinOptions"; "showColumnMenuButton": "showColumnMenuButton"; "columnMenuButtonText": "columnMenuButtonText"; "columnMenuButtonType": "columnMenuButtonType"; "columnMenuButtonColor": "columnMenuButtonColor"; "columnMenuButtonClass": "columnMenuButtonClass"; "columnMenuButtonIcon": "columnMenuButtonIcon"; "showColumnMenuHeader": "showColumnMenuHeader"; "columnMenuHeaderText": "columnMenuHeaderText"; "columnMenuHeaderTemplate": "columnMenuHeaderTemplate"; "showColumnMenuFooter": "showColumnMenuFooter"; "columnMenuFooterText": "columnMenuFooterText"; "columnMenuFooterTemplate": "columnMenuFooterTemplate"; "noResultText": "noResultText"; "noResultTemplate": "noResultTemplate"; "headerTemplate": "headerTemplate"; "headerExtraTemplate": "headerExtraTemplate"; "cellTemplate": "cellTemplate"; "useContentRowTemplate": "useContentRowTemplate"; "useContentHeaderRowTemplate": "useContentHeaderRowTemplate"; "useContentFooterRowTemplate": "useContentFooterRowTemplate"; "showSummary": "showSummary"; "summaryTemplate": "summaryTemplate"; "showSidebar": "showSidebar"; "sidebarTemplate": "sidebarTemplate"; "showStatusbar": "showStatusbar"; "statusbarTemplate": "statusbarTemplate"; }, { "page": "page"; "sortChange": "sortChange"; "rowClick": "rowClick"; "expansionChange": "expansionChange"; "rowSelectionChange": "rowSelectionChange"; "cellSelectionChange": "cellSelectionChange"; "columnChange": "columnChange"; }, ["rowDefs", "headerRowDefs", "footerRowDefs"], never, false>;
 }
 export declare class MtxGridCellSelectionDirective {
     private _dataGrid;

package/grid/grid.interface.d.ts

@@ -23,12 +23,13 @@ export interface MtxGridColumn {
     typeParameter?: MtxGridColumnTypeParameter;
     tag?: MtxGridColumnTag;
     buttons?: MtxGridColumnButton[];
-    formatter?: (rowData: any, colDef?: MtxGridColumn) => void;
+    formatter?: (rowData: any, colDef?: MtxGridColumn) => any;
     cellTemplate?: TemplateRef<any> | null;
     showExpand?: boolean;
     description?: string;
-    summary?: ((data: any[], colDef?: MtxGridColumn) => void) | string;
+    summary?: ((data: any[], colDef?: MtxGridColumn) => any) | string;
     class?: string;
+    id?: string;
 }
 /** Possible column pin values.  */
 export declare type MtxGridColumnPinValue = 'left' | 'right' | null;

package/loader/loader.component.d.ts

@@ -7,19 +7,25 @@ import * as i0 from "@angular/core";
 export declare type MtxLoaderType = 'spinner' | 'progressbar';
 export declare class MtxLoaderComponent {
     private _changeDetectorRef;
+    /** The loader's type. Can be `spinner` or `progressbar` */
     type: MtxLoaderType;
+    /** Theme color palette for the component. */
     color: ThemePalette;
+    /** Mode of the progress circle or the progress bar. */
     mode: ProgressSpinnerMode | ProgressBarMode;
-    /** Only support `spinner` type */
+    /** Stroke width of the spinner loader. */
     strokeWidth: number;
-    /** Only support `spinner` type */
+    /** The diameter of the spinner loader (will set width and height of svg). */
     diameter: number;
-    /** Only support `progresbar` type */
+    /** Buffer value of the progressbar loader. */
     bufferValue: number;
+    /** Value of the progress circle or the progress bar. */
     value: number;
+    /** Whether the loader is loading. */
     get loading(): boolean;
     set loading(value: boolean);
     private _loading;
+    /** Whether the loader has a backdrop. */
     get hasBackdrop(): boolean;
     set hasBackdrop(value: boolean);
     private _hasBackdrop;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-matero/extensions",
-  "version": "14.4.1",
+  "version": "14.5.0",
   "description": "Angular Material Extensions",
   "publishConfig": {
     "access": "public"

package/progress/progress.component.d.ts

@@ -2,23 +2,23 @@ import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare type MtxProgressType = 'default' | 'info' | 'success' | 'warning' | 'danger';
 export declare class MtxProgressComponent {
-    /** The progress type */
+    /** The progress's type. Can be `default`, `info`, `success`, `warning` or `danger`. */
     type: MtxProgressType;
-    /** The progress value */
+    /** The value of the progress. */
     value: number;
-    /** The progress height */
+    /** The height of the progress. */
     height: string;
-    /** The progress text color */
+    /** The text color of the progress. */
     color: string;
-    /** The progress bar color */
+    /** The bar color of the progress. */
     foreground: string;
-    /** The progress track color */
+    /** The track color of the progress. */
     background: string;
-    /** Whether applies striped class */
+    /** Whether to apply the striped class. */
     get striped(): boolean;
     set striped(value: boolean);
     private _striped;
-    /** Whether applies animated class */
+    /** Whether to apply the animated class. */
     get animate(): boolean;
     set animate(value: boolean);
     private _animate;