@coolon/angular-ui-powerups 3.7.5 → 3.8.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [3.8.0](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.7.5...v3.8.0) (2021-02-03)
+
+
+### Features
+
+* added TableModel.onRowClicked with auto curser and hover ([c01dbc6](https://bitbucket.org/coolon/angular-ui-powerups/commit/c01dbc683ec68ef85bbfb564f92c85d4edf4dcd6))
+
 ### [3.7.5](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.7.4...v3.7.5) (2021-02-01)
 
 ### [3.7.4](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.7.3...v3.7.4) (2021-02-01)

package/bundles/coolon-angular-ui-powerups.umd.js

@@ -2980,6 +2980,7 @@
             this._columns = new pectin.MutableListModel();
             this._editorSessions = new pectin.MutableListModel();
             this.rowClassNamePredicates = [];
+            this.rowClickListeners = new pectin.EventListenerList();
             this._createForm = function (row) { return new pectin.DirtyTrackingForm(); };
             this.trackBy = function (index, item) {
                 return _this.identityOf ? _this.identityOf(item) : index;
@@ -2995,7 +2996,6 @@
             this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);
             this.firstEditableColumn = chain(this.columns).select(function (c) { return c.hasEditorPortal(); }).first();
             this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(function (column) { return column.isRowSelectionExplicitlyEnabled(); }).isGreaterThanOrEqualTo(0);
-            this.addRowClass('enable-hover', function () { return _this.isRowSelectionEnabled(); });
         }
         TableModel.fromList = function (sourceOfTruth, builder) {
             var model = new TableModel_1(sourceOfTruth);
@@ -3115,10 +3115,31 @@
         TableModel.prototype.isRowSelectionEnabled = function () {
             return this.hasColumnsWithRowSelectionExplicitlyEnabled.value || this.isRowSelectionEnabledByDefault();
         };
+        TableModel.prototype.isHoverEnabled = function () {
+            return this.isRowSelectionEnabled() || this.rowClickListeners.listenerCount > 0;
+        };
+        TableModel.prototype.isCursorEnabled = function (column) {
+            // console.log({
+            //   column: column.columnId,
+            //   rowSelectionEnabled: this.isRowSelectionEnabledFor(column),
+            //   hasRowListeners: this.rowClickListeners.listenerCount > 0
+            // });
+            return this.isRowSelectionEnabledFor(column) || this.rowClickListeners.listenerCount > 0;
+        };
         TableModel.prototype.selectRow = function (row) {
             var _a;
             (_a = this.selectionColumnModel) === null || _a === void 0 ? void 0 : _a.selectRow(row);
         };
+        TableModel.prototype.onRowClicked = function (callback) {
+            return this.rowClickListeners.add(callback);
+        };
+        // @Trace()
+        TableModel.prototype._notifyCellClicked = function (columnModel, row) {
+            if (this.isRowSelectionEnabledFor(columnModel)) {
+                this.selectRow(row);
+            }
+            this.rowClickListeners.fire(function (l) { return l(row); });
+        };
         return TableModel;
     }());
     exports.TableModel = TableModel_1 = __decorate([
@@ -3173,17 +3194,15 @@
                 column.setTemplate(templateRef, viewContainer, fillCell, padChild);
             }
         };
-        TableComponent.prototype.onCellClicked = function (columnModel, row) {
-            if (this.tableModel.isRowSelectionEnabledFor(columnModel)) {
-                this.tableModel.selectRow(row);
-            }
+        TableComponent.prototype.notifyCellClicked = function (columnModel, row) {
+            this.tableModel._notifyCellClicked(columnModel, row);
         };
         return TableComponent;
     }(DisposableComponent));
     TableComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'aup-table',
-                    template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.trackBy\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\n                                      [attr.column-id]=\"column.columnId\"\n                                      [class.first-column]=\"first\"\n                                      [class.last-column]=\"last\"\n      ></aup-table-header-cell-renderer>\n    </th>\n    <td mat-cell *matCellDef=\"let row\" (click)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\n                               [attr.column-id]=\"column.columnId\"\n                               [class.first-column]=\"first\"\n                               [class.last-column]=\"last\"\n      ></aup-table-cell-renderer>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnIds.value; let i = index\"\n      [ngClass]=\"tableModel.getRowClasses(row)\" [attr.trackBy]=\"tableModel.trackBy(i, row)\"\n  ></tr>\n\n</table>\n",
+                    template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.trackBy\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\n                                      [attr.column-id]=\"column.columnId\"\n                                      [class.first-column]=\"first\"\n                                      [class.last-column]=\"last\"\n      ></aup-table-header-cell-renderer>\n    </th>\n    <td mat-cell *matCellDef=\"let row\" (click)=\"notifyCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isCursorEnabled(column)\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\n                               [attr.column-id]=\"column.columnId\"\n                               [class.first-column]=\"first\"\n                               [class.last-column]=\"last\"\n      ></aup-table-cell-renderer>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnIds.value; let i = index\"\n      [ngClass]=\"tableModel.getRowClasses(row)\" [class.enable-hover]=\"tableModel.isHoverEnabled()\" [attr.trackBy]=\"tableModel.trackBy(i, row)\"\n  ></tr>\n\n</table>\n",
                     styles: [":host{align-items:stretch;display:flex;flex-direction:column}:host table{flex:1;width:100%}"]
                 },] }
     ];