@colijnit/corecomponents_v12 259.1.11 → 259.1.12

package/fesm2015/colijnit-corecomponents_v12.js

@@ -9321,7 +9321,8 @@ SimpleGridColumnDirective.propDecorators = {
 };
 
 class BaseSimpleGridComponent {
-    constructor() {
+    constructor(changeDetection) {
+        this.changeDetection = changeDetection;
         this.MIN_COLUMN_WIDTH = 50;
         this.dataChanged = new Subject();
         this.dragDropEnabled = false;
@@ -9337,6 +9338,7 @@ class BaseSimpleGridComponent {
         this.emitDragDrop = false;
         this.onDrop = new EventEmitter();
         this.selectRow = new EventEmitter();
+        this.deselectRow = new EventEmitter();
         this.dblClickRow = new EventEmitter();
         this.saveRow = new EventEmitter();
         this.deleteRow = new EventEmitter();
@@ -9414,40 +9416,52 @@ class BaseSimpleGridComponent {
         return row.singleColumnIndex;
     }
     prepareDataRow(row, index) {
+        return __awaiter(this, void 0, void 0, function* () {
+        });
     }
     _setColumns(columns) {
         this.columns.push(...columns);
         this.columns.sort((a, b) => a.order < b.order ? -1 : 1);
     }
     _prepareData() {
-        if (this._prepared) {
-            return;
-        }
-        this.disabledRows.length = 0;
-        if (this.columns && this.columns.length > 0) {
-            this.headerColumns = this.columns.filter(c => !c.singleColumn);
-            this.headerColumnsCopy = this.headerColumns;
-            let singleColumnIndex = -1;
-            for (let i = 0; i < this.columns.length; i++) {
-                if (this.columns[i].singleColumn) {
-                    singleColumnIndex = i;
-                    break;
-                }
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this._prepared) {
+                return;
             }
-            // first check if there's single column data
-            if (singleColumnIndex > -1 && this.data && this.data.length > 0) {
-                const field = this.columns[singleColumnIndex].field;
-                for (let i = 0; i < this.data.length; i++) { // then mark row as single column row
-                    if (this.data[i][field] !== undefined && this.data[i][field] !== null && this.data[i][field] !== "") {
-                        // bit nasty to add prop, but cool for now
-                        this.data[i].singleColumnIndex = singleColumnIndex;
+            this.disabledRows.length = 0;
+            if (this.columns && this.columns.length > 0) {
+                this.headerColumns = this.columns.filter(c => !c.singleColumn);
+                this.headerColumnsCopy = this.headerColumns;
+                let singleColumnIndex = -1;
+                for (let i = 0; i < this.columns.length; i++) {
+                    if (this.columns[i].singleColumn) {
+                        singleColumnIndex = i;
+                        break;
+                    }
+                }
+                // first check if there's single column data
+                if (this.data && this.data.length > 0) {
+                    if (singleColumnIndex > -1) {
+                        const field = this.columns[singleColumnIndex].field;
+                        for (let i = 0; i < this.data.length; i++) { // then mark row as single column row
+                            if (this.data[i][field] !== undefined && this.data[i][field] !== null && this.data[i][field] !== "") {
+                                // bit nasty to add prop, but cool for now
+                                this.data[i].singleColumnIndex = singleColumnIndex;
+                            }
+                            yield this.prepareDataRow(this.data[i], i);
+                        }
+                    }
+                    else {
+                        for (let j = 0; j < this.data.length; j++) {
+                            yield this.prepareDataRow(this.data[j], j);
+                        }
                     }
-                    this.prepareDataRow(this.data[i], i);
                 }
+                this._prepared = true;
             }
-            this._prepared = true;
-        }
-        this._resizeColumnsToFit();
+            this._resizeColumnsToFit();
+            this.changeDetection.detectChanges();
+        });
     }
     _resizeColumnsToFit() {
         const calculateColumns = this.columns.filter(c => !c.autoFit && !c.width);
@@ -9467,6 +9481,9 @@ class BaseSimpleGridComponent {
 BaseSimpleGridComponent.decorators = [
     { type: Directive }
 ];
+BaseSimpleGridComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
 BaseSimpleGridComponent.propDecorators = {
     content: [{ type: ContentChildren, args: [SimpleGridColumnDirective,] }],
     data: [{ type: Input }],
@@ -9481,6 +9498,7 @@ BaseSimpleGridComponent.propDecorators = {
     extraColumns: [{ type: Input }],
     onDrop: [{ type: Output }],
     selectRow: [{ type: Output }],
+    deselectRow: [{ type: Output }],
     dblClickRow: [{ type: Output }],
     saveRow: [{ type: Output }],
     deleteRow: [{ type: Output }],
@@ -9491,14 +9509,15 @@ BaseSimpleGridComponent.propDecorators = {
 };
 
 class SimpleGridComponent extends BaseSimpleGridComponent {
-    constructor(icons, _changeDetection, _formMaster) {
-        super();
+    constructor(icons, changeDetection, _formMaster) {
+        super(changeDetection);
         this.icons = icons;
-        this._changeDetection = _changeDetection;
+        this.changeDetection = changeDetection;
         this._formMaster = _formMaster;
         this.defaultTextAlign = ColumnAlign.Left;
         this.showAdd = false;
         this.showDelete = false;
+        this.deselectAllowed = false;
         this.editOnCellClick = true;
         this.rightToolbar = false;
         this.showGridSettings = false;
@@ -9540,7 +9559,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
             this._nextAvailableCellToEdit(!event.shiftKey, this.editCellIndex)
                 .then((index) => {
                 this.editCellIndex = index;
-                this._changeDetection.markForCheck();
+                this.changeDetection.markForCheck();
             });
             this._detectChanges();
         }
@@ -9683,6 +9702,12 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
                 this.selectRow.next(this.data[absoluteIndex]);
             }
         }
+        else if (this.selectedRowIndex === index && this.deselectAllowed && ((this.editing && this.validateAndSave()) || !this.editing)) {
+            this.selectedRowIndex = -1;
+            if (emit) {
+                this.deselectRow.next();
+            }
+        }
         this._detectChanges();
     }
     handleDblClickRow(event, index, row) {
@@ -9881,7 +9906,9 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         return hasSelectedTrue ? items.filter(item => item.selected === true) : items;
     }
     prepareDataRow(row, index) {
-        this.isRowDisabled(row, index);
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.isRowDisabled(row, index);
+        });
     }
     _resetDblClick() {
         setTimeout(() => {
@@ -10018,7 +10045,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         this._detectChanges();
     }
     _detectChanges() {
-        this._changeDetection.detectChanges();
+        this.changeDetection.detectChanges();
     }
     _resetEdit() {
         this._newRow = false;
@@ -10219,6 +10246,7 @@ SimpleGridComponent.propDecorators = {
     rowElements: [{ type: ViewChildren, args: ['rowElement',] }],
     showAdd: [{ type: Input }],
     showDelete: [{ type: Input }],
+    deselectAllowed: [{ type: Input }],
     editOnCellClick: [{ type: Input }],
     rightToolbar: [{ type: Input }],
     showGridSettings: [{ type: Input }],