@ng-matero/extensions 10.16.1 → 10.16.5

package/fesm2015/mtxGrid.js

@@ -100,14 +100,13 @@ class MtxGridComponent {
     constructor(_dataGridSrv, _changeDetectorRef) {
         this._dataGridSrv = _dataGridSrv;
         this._changeDetectorRef = _changeDetectorRef;
-        this.dataSource = new MatTableDataSource([]);
+        this.dataSource = new MatTableDataSource();
         this.columns = [];
         this.data = [];
         this.length = 0;
         this.loading = false;
-        /**
-         * Page
-         */
+        this.columnResizable = false;
+        // Page
         this.pageOnFront = true;
         this.showPaginator = true;
         this.pageDisabled = false;
@@ -117,23 +116,17 @@ class MtxGridComponent {
         this.pageSizeOptions = [10, 50, 100];
         this.hidePageSize = false;
         this.page = new EventEmitter();
-        /**
-         * Sort
-         */
+        // Sort
         this.sortOnFront = true;
         this.sortDisableClear = false;
         this.sortDisabled = false;
         this.sortStart = 'asc';
         this.sortChange = new EventEmitter();
-        /**
-         * Row
-         */
+        // Row
         this.rowHover = false;
         this.rowStriped = false;
         this.rowClick = new EventEmitter();
-        /**
-         * Expandable row
-         */
+        // Expansion
         this.expansionRowStates = [];
         this.expandable = false;
         this.expansionChange = new EventEmitter();
@@ -141,34 +134,25 @@ class MtxGridComponent {
          * Whether support multiple row/cell selection
          */
         this.multiSelectable = true;
-        /**
-         * Row selection
-         */
+        // Row selection
         this.rowSelection = new SelectionModel(true, []);
         this.rowSelected = [];
         this.rowSelectable = false;
         this.hideRowSelectionCheckbox = false;
         this.rowSelectionFormatter = {};
         this.rowSelectionChange = new EventEmitter();
-        /**
-         * Cell selection
-         */
+        // Cell selection
         this.cellSelection = [];
         this.cellSelectable = true;
         this.cellSelectionChange = new EventEmitter();
-        /**
-         * Toolbar
-         */
+        // Toolbar
         this.showToolbar = false;
         this.toolbarTitle = '';
-        /**
-         * Column menu
-         */
+        // Column menu
         this.columnMenuData = [];
         this.showColumnMenuButton = true;
         this.columnMenuButtonText = '';
         this.columnMenuButtonType = 'stroked';
-        this.columnMenuButtonColor = '';
         this.columnMenuButtonClass = '';
         this.columnMenuButtonIcon = '';
         this.columnHideable = true;
@@ -180,22 +164,12 @@ class MtxGridComponent {
         this.columnMenuHeaderText = 'Columns Header';
         this.showColumnMenuFooter = false;
         this.columnMenuFooterText = 'Columns Footer';
-        /**
-         * No Result
-         */
+        // No Result
         this.noResultText = 'No records found';
-        /**
-         * tfoot
-         */
+        // Summary
         this.showSummary = false;
-        /**
-         * Sidebar
-         */
+        // Sidebar
         this.showSidebar = false;
-        /**
-         * Column resizable
-         */
-        this.columnResizable = false;
     }
     /**
      * @return {?}
@@ -590,7 +564,7 @@ MtxGridComponent.decorators = [
                         transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
                     ]),
                 ],
-                styles: [".mtx-grid{display:flex;flex-direction:column;position:relative;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){border-collapse:separate;min-width:100%}.mtx-grid .mat-table:not(.mat-column-resize-table) .mat-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-header-cell:not(.mtx-grid-checkbox-cell){min-width:80px}.mtx-grid .mat-cell,.mtx-grid .mat-footer-cell,.mtx-grid .mat-header-cell{box-sizing:border-box;padding:4px 10px}.mtx-grid .mat-cell.mtx-grid-checkbox-cell,.mtx-grid .mat-footer-cell.mtx-grid-checkbox-cell,.mtx-grid .mat-header-cell.mtx-grid-checkbox-cell,[dir=rtl] .mtx-grid .mat-cell.mtx-grid-checkbox-cell,[dir=rtl] .mtx-grid .mat-footer-cell.mtx-grid-checkbox-cell,[dir=rtl] .mtx-grid .mat-header-cell.mtx-grid-checkbox-cell{padding-left:10px;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-bottom:0;padding-top:0}.mtx-grid .mat-row.mtx-grid-expansion.collapsed .mat-cell,.mtx-grid .mat-row:last-of-type .mat-cell{border-bottom-width:0}.mtx-grid .mat-sort-header-icon{font-size:18px;height:18px;margin:0 4px;width:18px}.mtx-grid .mat-header-cell-inner{align-items:center;display:flex}.mtx-grid .mat-paginator-hidden{display:none}.mtx-grid-progress{position:absolute;top:0;width:100%;z-index:120}.mtx-grid-toolbar{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;min-height:48px;padding:8px}.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%}.mtx-grid-no-result{align-items:center;display:flex;flex:1;justify-content:center;min-height:150px}.mtx-grid-expansion-placeholder{display:inline-block;height:40px;vertical-align:middle;width:40px}.mtx-grid-expansion-detail{align-items:center;display:flex;min-height:48px;overflow:hidden}.mtx-grid-checkbox-cell{flex:none;justify-content:center;min-width:56px;width:56px}.mtx-grid-checkbox-cell .mat-checkbox{display:flex;margin:0 10px}.mtx-grid-checkbox-cell .mat-checkbox-inner-container{margin-left:0}.mat-table-sticky{position:-webkit-sticky!important;position:sticky!important}"]
+                styles: [".mtx-grid{display:flex;flex-direction:column;position:relative;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){border-collapse:separate;min-width:100%}.mtx-grid .mat-table:not(.mat-column-resize-table) .mat-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-header-cell:not(.mtx-grid-checkbox-cell){min-width:80px}.mtx-grid .mat-table-sticky-left{border-right-style:solid;border-right-width:1px}[dir=rtl] .mtx-grid .mat-table-sticky-left{border-right-width:0}.mtx-grid .mat-table-sticky-right,[dir=rtl] .mtx-grid .mat-table-sticky-left{border-left-style:solid;border-left-width:1px}[dir=rtl] .mtx-grid .mat-table-sticky-right{border-left-width:0;border-right-style:solid;border-right-width:1px}.mtx-grid .mat-cell,.mtx-grid .mat-footer-cell,.mtx-grid .mat-header-cell{box-sizing:border-box;padding:4px 10px}.mtx-grid .mat-cell:first-of-type:not(:only-of-type),.mtx-grid .mat-footer-cell:first-of-type:not(:only-of-type),.mtx-grid .mat-header-cell:first-of-type:not(:only-of-type){padding-left:24px}.mtx-grid .mat-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-header-cell:first-of-type:not(:only-of-type).mtx-grid-checkbox-cell{padding-left:10px;padding-right:10px}[dir=rtl] .mtx-grid .mat-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-header-cell:first-of-type:not(:only-of-type){padding-left:10px;padding-right:24px}[dir=rtl] .mtx-grid .mat-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-header-cell:first-of-type:not(:only-of-type).mtx-grid-checkbox-cell{padding-left:10px;padding-right:10px}.mtx-grid .mat-cell:last-of-type:not(:only-of-type),.mtx-grid .mat-footer-cell:last-of-type:not(:only-of-type),.mtx-grid .mat-header-cell:last-of-type:not(:only-of-type){padding-right:24px}[dir=rtl] .mtx-grid .mat-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-header-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-bottom:0;padding-top:0}.mtx-grid .mat-row.mtx-grid-expansion.collapsed .mat-cell,.mtx-grid .mat-row:last-of-type .mat-cell{border-bottom-width:0}.mtx-grid .mat-sort-header-icon{font-size:18px;height:18px;margin:0 4px;width:18px}.mtx-grid .mat-header-cell-inner{align-items:center;display:flex}.mtx-grid .mat-paginator-hidden{display:none}.mtx-grid-progress{position:absolute;top:0;width:100%;z-index:120}.mtx-grid-toolbar{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;min-height:48px;padding:8px}.mtx-grid-layout{display:flex;flex:1 1 auto;overflow:auto}.mtx-grid-content{flex-direction:column;width:0}.mtx-grid-sidebar{border-left-style:solid;border-left-width:1px;max-width:50%}[dir=rtl] .mtx-grid-sidebar{border-left-width:0;border-right-style:solid;border-right-width:1px}.mtx-grid-no-result{align-items:center;display:flex;flex:1;justify-content:center;min-height:150px}.mtx-grid-expansion-placeholder{display:inline-block;height:40px;vertical-align:middle;width:40px}.mtx-grid-expansion-detail{align-items:center;display:flex;min-height:48px;overflow:hidden}.mtx-grid-checkbox-cell{flex:none;justify-content:center;min-width:56px;width:56px}.mtx-grid-checkbox-cell .mat-checkbox{display:flex;margin:0 10px}.mtx-grid-checkbox-cell .mat-checkbox-inner-container{margin-left:0}.mat-table-sticky{position:-webkit-sticky!important;position:sticky!important}"]
             }] }
 ];
 /** @nocollapse */
@@ -609,6 +583,7 @@ MtxGridComponent.propDecorators = {
     length: [{ type: Input }],
     loading: [{ type: Input }],
     trackBy: [{ type: Input }],
+    columnResizable: [{ type: Input }],
     pageOnFront: [{ type: Input }],
     showPaginator: [{ type: Input }],
     pageDisabled: [{ type: Input }],
@@ -668,8 +643,7 @@ MtxGridComponent.propDecorators = {
     showSummary: [{ type: Input }],
     summaryTemplate: [{ type: Input }],
     showSidebar: [{ type: Input }],
-    sidebarTemplate: [{ type: Input }],
-    columnResizable: [{ type: Input }]
+    sidebarTemplate: [{ type: Input }]
 };
 if (false) {
     /** @type {?} */
@@ -694,10 +668,9 @@ if (false) {
     MtxGridComponent.prototype.loading;
     /** @type {?} */
     MtxGridComponent.prototype.trackBy;
-    /**
-     * Page
-     * @type {?}
-     */
+    /** @type {?} */
+    MtxGridComponent.prototype.columnResizable;
+    /** @type {?} */
     MtxGridComponent.prototype.pageOnFront;
     /** @type {?} */
     MtxGridComponent.prototype.showPaginator;
@@ -715,10 +688,7 @@ if (false) {
     MtxGridComponent.prototype.hidePageSize;
     /** @type {?} */
     MtxGridComponent.prototype.page;
-    /**
-     * Sort
-     * @type {?}
-     */
+    /** @type {?} */
     MtxGridComponent.prototype.sortOnFront;
     /** @type {?} */
     MtxGridComponent.prototype.sortActive;
@@ -732,19 +702,13 @@ if (false) {
     MtxGridComponent.prototype.sortStart;
     /** @type {?} */
     MtxGridComponent.prototype.sortChange;
-    /**
-     * Row
-     * @type {?}
-     */
+    /** @type {?} */
     MtxGridComponent.prototype.rowHover;
     /** @type {?} */
     MtxGridComponent.prototype.rowStriped;
     /** @type {?} */
     MtxGridComponent.prototype.rowClick;
-    /**
-     * Expandable row
-     * @type {?}
-     */
+    /** @type {?} */
     MtxGridComponent.prototype.expansionRowStates;
     /** @type {?} */
     MtxGridComponent.prototype.expandable;
@@ -757,10 +721,7 @@ if (false) {
      * @type {?}
      */
     MtxGridComponent.prototype.multiSelectable;
-    /**
-     * Row selection
-     * @type {?}
-     */
+    /** @type {?} */
     MtxGridComponent.prototype.rowSelection;
     /** @type {?} */
     MtxGridComponent.prototype.rowSelected;
@@ -774,10 +735,7 @@ if (false) {
     MtxGridComponent.prototype.rowClassFormatter;
     /** @type {?} */
     MtxGridComponent.prototype.rowSelectionChange;
-    /**
-     * Cell selection
-     * @type {?}
-     */
+    /** @type {?} */
     MtxGridComponent.prototype.cellSelection;
     /** @type {?} */
     MtxGridComponent.prototype.cellSelectable;
@@ -788,19 +746,13 @@ if (false) {
      * @private
      */
     MtxGridComponent.prototype._selectedCell;
-    /**
-     * Toolbar
-     * @type {?}
-     */
+    /** @type {?} */
     MtxGridComponent.prototype.showToolbar;
     /** @type {?} */
     MtxGridComponent.prototype.toolbarTitle;
     /** @type {?} */
     MtxGridComponent.prototype.toolbarTemplate;
-    /**
-     * Column menu
-     * @type {?}
-     */
+    /** @type {?} */
     MtxGridComponent.prototype.columnMenuData;
     /** @type {?} */
     MtxGridComponent.prototype.showColumnMenuButton;
@@ -836,44 +788,24 @@ if (false) {
     MtxGridComponent.prototype.columnMenuFooterText;
     /** @type {?} */
     MtxGridComponent.prototype.columnMenuFooterTemplate;
-    /**
-     * No Result
-     * @type {?}
-     */
+    /** @type {?} */
     MtxGridComponent.prototype.noResultText;
     /** @type {?} */
     MtxGridComponent.prototype.noResultTemplate;
-    /**
-     * thead
-     * @type {?}
-     */
+    /** @type {?} */
     MtxGridComponent.prototype.headerTemplate;
     /** @type {?} */
     MtxGridComponent.prototype.headerExtraTemplate;
-    /**
-     * tbody
-     * @type {?}
-     */
+    /** @type {?} */
     MtxGridComponent.prototype.cellTemplate;
-    /**
-     * tfoot
-     * @type {?}
-     */
+    /** @type {?} */
     MtxGridComponent.prototype.showSummary;
     /** @type {?} */
     MtxGridComponent.prototype.summaryTemplate;
-    /**
-     * Sidebar
-     * @type {?}
-     */
+    /** @type {?} */
     MtxGridComponent.prototype.showSidebar;
     /** @type {?} */
     MtxGridComponent.prototype.sidebarTemplate;
-    /**
-     * Column resizable
-     * @type {?}
-     */
-    MtxGridComponent.prototype.columnResizable;
     /**
      * @type {?}
      * @private
@@ -992,7 +924,7 @@ class MtxGridCellComponent {
      * @param {?=} data
      * @return {?}
      */
-    _handleActionConfirm(event, title, description = '', okColor = 'primary', okText = 'OK', closeColor = '', closeText = 'CLOSE', fn, data) {
+    _handleActionConfirm(event, title, description = '', okColor = 'primary', okText = 'OK', closeColor, closeText = 'CLOSE', fn, data) {
         event.preventDefault();
         event.stopPropagation();
         this._dialog.open({
@@ -1123,7 +1055,6 @@ class MtxGridColumnMenuComponent {
         this.dndSortable = true;
         this._buttonText = '';
         this.buttonType = 'stroked';
-        this.buttonColor = '';
         this.buttonClass = '';
         this.buttonIcon = '';
         this.showHeader = false;
@@ -2070,7 +2001,7 @@ MtxGridModule.decorators = [
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
- * Grid
+ * Column definition of grid.
  * @record
  */
 function MtxGridColumn() { }
@@ -2123,7 +2054,7 @@ if (false) {
     MtxGridColumn.prototype.class;
 }
 /**
- * Column type parameter
+ * Column type parameter.
  * @record
  */
 function MtxGridColumnTypeParameter() { }
@@ -2142,7 +2073,7 @@ if (false) {
     MtxGridColumnTypeParameter.prototype.timezone;
 }
 /**
- * Column sort properties
+ * The properties of column sort.
  * @record
  */
 function MtxGridColumnSortProp() { }
@@ -2157,11 +2088,12 @@ if (false) {
     MtxGridColumnSortProp.prototype.start;
 }
 /**
- * Tag
+ * Column tag of grid.
  * @record
  */
 function MtxGridColumnTag() { }
 /**
+ * The properties of column tag.
  * @record
  */
 function MtxGridColumnTagValue() { }
@@ -2172,7 +2104,7 @@ if (false) {
     MtxGridColumnTagValue.prototype.color;
 }
 /**
- * Button
+ * The properties of column button.
  * @record
  */
 function MtxGridColumnButton() { }
@@ -2213,7 +2145,7 @@ if (false) {
     MtxGridColumnButton.prototype.disabled;
 }
 /**
- * Column selection
+ * The properties of column selection item.
  * @record
  */
 function MtxGridColumnSelectionItem() { }
@@ -2230,12 +2162,12 @@ if (false) {
     MtxGridColumnSelectionItem.prototype.disabled;
 }
 /**
- * Cell template
+ * Cell template.
  * @record
  */
 function MtxGridCellTemplate() { }
 /**
- * Row selection formatter
+ * Row selection formatter.
  * @record
  */
 function MtxGridRowSelectionFormatter() { }
@@ -2246,12 +2178,12 @@ if (false) {
     MtxGridRowSelectionFormatter.prototype.hideCheckbox;
 }
 /**
- * Row class formatter
+ * Row class formatter.
  * @record
  */
 function MtxGridRowClassFormatter() { }
 /**
- * Column menu component
+ * Column menu.
  * @record
  */
 function MtxGridColumnMenu() { }