@universis/ngx-tables 0.6.20 → 0.6.21

package/fesm5/universis-ngx-tables.js

@@ -600,6 +600,9 @@ var AdvancedTableComponent = /** @class */ (function () {
         this.init = new EventEmitter();
         this.reload = new EventEmitter();
         this.select = new EventEmitter();
+        this.draw = new EventEmitter();
+        this.page = new EventEmitter();
+        this.scroll = new EventEmitter();
         this.selectedItems = new EventEmitter();
         this.scrollable = true;
         this.serverSide = true;
@@ -1124,6 +1127,20 @@ var AdvancedTableComponent = /** @class */ (function () {
                     }, 0);
                 }
             });
+            tableElement_1.on('draw.dt', function (event) {
+                _this.draw.emit();
+                if (_this.dataTable) {
+                    var info = _this.dataTable.page.info();
+                    _this.page.emit(info);
+                    try {
+                        _this.dataTable.columns.adjust();
+                    }
+                    catch (err) {
+                        console.error('ERROR', 'An error occurred while adjusting table columns');
+                        console.error(err);
+                    }
+                }
+            });
             // allow selection
             if (this.selectable) {
                 // get first column (as row primary key)
@@ -1148,10 +1165,6 @@ var AdvancedTableComponent = /** @class */ (function () {
                 // user interface additions
                 // handle page change event (a trick for firing draw.dt events)
                 tableElement_1
-                    // for each page
-                    .on('page.dt', function ($event) {
-                    var info = _this.dataTable.page.info();
-                })
                     // handle draw events
                     .on('draw.dt', function () {
                     if (_this.customSelect) {
@@ -1256,7 +1269,7 @@ var AdvancedTableComponent = /** @class */ (function () {
                     // get page size param
                     var top = aoData[4].value;
                     // get search value
-                    var searchText = aoData[5].value;
+                    var search = aoData[5].value;
                     // get data queryable
                     var q = self._query instanceof ClientDataQueryable ? self._query : self._context.model(self.config.model).asQueryable();
                     // apply paging params
@@ -1383,15 +1396,22 @@ var AdvancedTableComponent = /** @class */ (function () {
             }
             if (this.selectable) ;
             // handle init.dt event and emit local event
-            this.dataTable = tableElement_1.DataTable(settings);
-            tableElement_1.on('init.dt', function () {
-                if (_this.dataTable == null) {
-                    return;
-                }
-                // restore default empty table html
-                // (due to ng async binding)
-                _this.init.emit(_this.dataTable);
-            });
+            this.dataTable = tableElement_1.on('init.dt', function (event) {
+                var scroller = jQuery(event.target).parent();
+                // handle scrolling
+                scroller.on('scroll', function (scrollEvent) {
+                    var target = jQuery(scrollEvent.target);
+                    var top = target.scrollTop();
+                    var left = target.scrollLeft();
+                    if (_this.dataTable) {
+                        _this.scroll.emit({
+                            top: top,
+                            left: left
+                        });
+                    }
+                });
+                _this.init.emit();
+            }).DataTable(settings);
             // show or hide header
             if (!this.showHeader) {
                 this._element.nativeElement
@@ -1410,6 +1430,16 @@ var AdvancedTableComponent = /** @class */ (function () {
             }
         }
     };
+    AdvancedTableComponent.prototype.scrollTop = function (value) {
+        if (this.dataTable) {
+            this.dataTable.parent().scrollTop(value);
+        }
+    };
+    AdvancedTableComponent.prototype.scrollLeft = function (value) {
+        if (this.dataTable) {
+            this.dataTable.parent().scrollLeft(value);
+        }
+    };
     Object.defineProperty(AdvancedTableComponent.prototype, "lastQuery", {
         get: function () {
             var _this = this;
@@ -1640,6 +1670,9 @@ var AdvancedTableComponent = /** @class */ (function () {
         init: [{ type: Output, args: ['init',] }],
         reload: [{ type: Input, args: ['reload',] }],
         select: [{ type: Output, args: ['select',] }],
+        draw: [{ type: Output, args: ['draw',] }],
+        page: [{ type: Output, args: ['page',] }],
+        scroll: [{ type: Output, args: ['scroll',] }],
         selectedItems: [{ type: Output, args: ['selectedItems',] }],
         scrollable: [{ type: Input }],
         serverSide: [{ type: Input }],