@universis/ngx-tables 0.6.20 → 0.6.21

package/bundles/universis-ngx-tables.umd.js

@@ -779,6 +779,9 @@
             this.init = new i0.EventEmitter();
             this.reload = new i0.EventEmitter();
             this.select = new i0.EventEmitter();
+            this.draw = new i0.EventEmitter();
+            this.page = new i0.EventEmitter();
+            this.scroll = new i0.EventEmitter();
             this.selectedItems = new i0.EventEmitter();
             this.scrollable = true;
             this.serverSide = true;
@@ -1303,6 +1306,20 @@
                         }, 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)
@@ -1327,10 +1344,6 @@
                     // 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) {
@@ -1435,7 +1448,7 @@
                         // 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 client.ClientDataQueryable ? self._query : self._context.model(self.config.model).asQueryable();
                         // apply paging params
@@ -1562,15 +1575,22 @@
                 }
                 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
@@ -1589,6 +1609,16 @@
                 }
             }
         };
+        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;
@@ -1821,6 +1851,9 @@
             init: [{ type: i0.Output, args: ['init',] }],
             reload: [{ type: i0.Input, args: ['reload',] }],
             select: [{ type: i0.Output, args: ['select',] }],
+            draw: [{ type: i0.Output, args: ['draw',] }],
+            page: [{ type: i0.Output, args: ['page',] }],
+            scroll: [{ type: i0.Output, args: ['scroll',] }],
             selectedItems: [{ type: i0.Output, args: ['selectedItems',] }],
             scrollable: [{ type: i0.Input }],
             serverSide: [{ type: i0.Input }],