ngx-aur-mat-table 12.2.32 → 12.2.35

package/bundles/ngx-aur-mat-table.umd.js

@@ -1040,6 +1040,21 @@
         return TotalRowProviderDummy;
     }(TotalRowProvider));
 
+    var OffsetUtil = /** @class */ (function () {
+        function OffsetUtil() {
+        }
+        OffsetUtil.areNotEqual = function (offsets1, offsets2) {
+            if (offsets1.length !== offsets2.length) {
+                return true;
+            }
+            return offsets1.some(function (offset, index) {
+                var otherOffset = offsets2[index];
+                return offset.left !== otherOffset.left || offset.width !== otherOffset.width || offset.key !== otherOffset.key;
+            });
+        };
+        return OffsetUtil;
+    }());
+
     var ColumnViewComponent = /** @class */ (function () {
         function ColumnViewComponent() {
         }
@@ -1104,6 +1119,7 @@
              */
             this.onFilter = new i0.EventEmitter();
             this.columnOffsets = new i0.EventEmitter();
+            this.prevColumnOffsets = [];
             // @ts-ignore
             this.resizeColumnOffsetsObserver = EmptyValue.RESIZE_OBSERVER;
             this.selectionProvider = new SelectionProviderDummy();
@@ -1128,7 +1144,6 @@
             if ((changes['tableData'] && this.tableData) || (changes['displayColumns'] && this._displayColumns)) {
                 this.tableData = this.tableData || [];
                 this.prepareTableData();
-                this.updateColumnOffsets();
             }
             if (changes['highlight'] && this.highlight) {
                 this.handleHighlightChange(this.highlight);
@@ -1162,10 +1177,13 @@
             var _this = this;
             this.initPaginator();
             this.initSortingDataAccessor();
-            this.updateColumnOffsets();
             this.resizeColumnOffsetsObserver = new ResizeObserver(function () { return _this.updateColumnOffsets(); });
             this.resizeColumnOffsetsObserver.observe(this.table.nativeElement);
         };
+        NgxAurMatTableComponent.prototype.ngAfterViewChecked = function () {
+            console.log('!!!! CHECK ngAfterViewChecked');
+            this.updateColumnOffsets();
+        };
         NgxAurMatTableComponent.prototype.initPaginator = function () {
             if (this.tableDataSource) {
                 this.tableDataSource.paginator = this.matPaginator;
@@ -1192,7 +1210,14 @@
                     width: c.offsetWidth,
                     key: _this._displayColumns[index]
                 }); });
-                this.columnOffsets.emit(offsets);
+                if (OffsetUtil.areNotEqual(this.prevColumnOffsets, offsets)) {
+                    console.log('!!! EMIT OFFSET', this.prevColumnOffsets, offsets);
+                    this.prevColumnOffsets = offsets;
+                    this.columnOffsets.emit(offsets);
+                }
+                else {
+                    console.log('!!! IGNORE EMIT');
+                }
             }
         };
         NgxAurMatTableComponent.prototype.prepareTableData = function () {