primeng 7.1.3 → 8.0.2

package/components/table/table.js

@@ -68,6 +68,7 @@ var Table = /** @class */ (function () {
         this.pageLinks = 5;
         this.alwaysShowPaginator = true;
         this.paginatorPosition = 'bottom';
+        this.paginatorDropdownScrollHeight = '200px';
         this.currentPageReportTemplate = '{currentPage} of {totalPages}';
         this.defaultSortOrder = 1;
         this.sortMode = 'single';
@@ -111,6 +112,7 @@ var Table = /** @class */ (function () {
         this.onHeaderCheckboxToggle = new core_1.EventEmitter();
         this.sortFunction = new core_1.EventEmitter();
         this.firstChange = new core_1.EventEmitter();
+        this.rowsChange = new core_1.EventEmitter();
         this.onStateSave = new core_1.EventEmitter();
         this.onStateRestore = new core_1.EventEmitter();
         this._value = [];
@@ -243,6 +245,9 @@ var Table = /** @class */ (function () {
     Table.prototype.ngOnInit = function () {
         if (this.lazy && this.lazyLoadOnInit) {
             this.onLazyLoad.emit(this.createLazyLoadMetadata());
+            if (this.restoringFilter) {
+                this.restoringFilter = false;
+            }
         }
         this.initialized = true;
     };
@@ -356,6 +361,16 @@ var Table = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(Table.prototype, "rows", {
+        get: function () {
+            return this._rows;
+        },
+        set: function (val) {
+            this._rows = val;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(Table.prototype, "totalRecords", {
         get: function () {
             return this._totalRecords;
@@ -452,6 +467,7 @@ var Table = /** @class */ (function () {
             rows: this.rows
         });
         this.firstChange.emit(this.first);
+        this.rowsChange.emit(this.rows);
         this.tableService.onValueChange(this.value);
         if (this.isStateful()) {
             this.saveState();
@@ -949,6 +965,10 @@ var Table = /** @class */ (function () {
         return true;
     };
     Table.prototype._filter = function () {
+        if (!this.restoringFilter) {
+            this.first = 0;
+            this.firstChange.emit(this.first);
+        }
         if (this.lazy) {
             this.onLazyLoad.emit(this.createLazyLoadMetadata());
         }
@@ -1031,10 +1051,6 @@ var Table = /** @class */ (function () {
         if (this.restoringFilter) {
             this.restoringFilter = false;
         }
-        else {
-            this.first = 0;
-            this.firstChange.emit(this.first);
-        }
         this.cd.detectChanges();
     };
     Table.prototype.hasFilter = function () {
@@ -1486,7 +1502,7 @@ var Table = /** @class */ (function () {
             objectutils_1.ObjectUtils.reorderArray(this.value, this.draggedRowIndex, dropIndex);
             this.onRowReorder.emit({
                 dragIndex: this.draggedRowIndex,
-                dropIndex: this.droppedRowIndex
+                dropIndex: dropIndex
             });
         }
         //cleanup
@@ -1576,6 +1592,7 @@ var Table = /** @class */ (function () {
                 this.first = state.first;
                 this.rows = state.rows;
                 this.firstChange.emit(this.first);
+                this.rowsChange.emit(this.rows);
             }
             if (state.sortField) {
                 this.restoringSort = true;
@@ -1709,10 +1726,6 @@ var Table = /** @class */ (function () {
         core_1.Input(),
         __metadata("design:type", Boolean)
     ], Table.prototype, "paginator", void 0);
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", Number)
-    ], Table.prototype, "rows", void 0);
     __decorate([
         core_1.Input(),
         __metadata("design:type", Number)
@@ -1733,6 +1746,10 @@ var Table = /** @class */ (function () {
         core_1.Input(),
         __metadata("design:type", Object)
     ], Table.prototype, "paginatorDropdownAppendTo", void 0);
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", String)
+    ], Table.prototype, "paginatorDropdownScrollHeight", void 0);
     __decorate([
         core_1.Input(),
         __metadata("design:type", String)
@@ -1985,6 +2002,10 @@ var Table = /** @class */ (function () {
         core_1.Output(),
         __metadata("design:type", core_1.EventEmitter)
     ], Table.prototype, "firstChange", void 0);
+    __decorate([
+        core_1.Output(),
+        __metadata("design:type", core_1.EventEmitter)
+    ], Table.prototype, "rowsChange", void 0);
     __decorate([
         core_1.Output(),
         __metadata("design:type", core_1.EventEmitter)
@@ -1994,23 +2015,23 @@ var Table = /** @class */ (function () {
         __metadata("design:type", core_1.EventEmitter)
     ], Table.prototype, "onStateRestore", void 0);
     __decorate([
-        core_1.ViewChild('container'),
+        core_1.ViewChild('container', { static: false }),
         __metadata("design:type", core_1.ElementRef)
     ], Table.prototype, "containerViewChild", void 0);
     __decorate([
-        core_1.ViewChild('resizeHelper'),
+        core_1.ViewChild('resizeHelper', { static: false }),
         __metadata("design:type", core_1.ElementRef)
     ], Table.prototype, "resizeHelperViewChild", void 0);
     __decorate([
-        core_1.ViewChild('reorderIndicatorUp'),
+        core_1.ViewChild('reorderIndicatorUp', { static: false }),
         __metadata("design:type", core_1.ElementRef)
     ], Table.prototype, "reorderIndicatorUpViewChild", void 0);
     __decorate([
-        core_1.ViewChild('reorderIndicatorDown'),
+        core_1.ViewChild('reorderIndicatorDown', { static: false }),
         __metadata("design:type", core_1.ElementRef)
     ], Table.prototype, "reorderIndicatorDownViewChild", void 0);
     __decorate([
-        core_1.ViewChild('table'),
+        core_1.ViewChild('table', { static: false }),
         __metadata("design:type", core_1.ElementRef)
     ], Table.prototype, "tableViewChild", void 0);
     __decorate([
@@ -2032,6 +2053,11 @@ var Table = /** @class */ (function () {
         __metadata("design:type", Number),
         __metadata("design:paramtypes", [Number])
     ], Table.prototype, "first", null);
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", Number),
+        __metadata("design:paramtypes", [Number])
+    ], Table.prototype, "rows", null);
     __decorate([
         core_1.Input(),
         __metadata("design:type", Number),
@@ -2060,7 +2086,7 @@ var Table = /** @class */ (function () {
     Table = __decorate([
         core_1.Component({
             selector: 'p-table',
-            template: "\n        <div #container [ngStyle]=\"style\" [class]=\"styleClass\"\n            [ngClass]=\"{'ui-table ui-widget': true, 'ui-table-responsive': responsive, 'ui-table-resizable': resizableColumns,\n                'ui-table-resizable-fit': (resizableColumns && columnResizeMode === 'fit'),\n                'ui-table-hoverable-rows': (rowHover||selectionMode), 'ui-table-auto-layout': autoLayout}\">\n            <div class=\"ui-table-loading ui-widget-overlay\" *ngIf=\"loading && showLoader\"></div>\n            <div class=\"ui-table-loading-content\" *ngIf=\"loading && showLoader\">\n                <i [class]=\"'ui-table-loading-icon pi-spin ' + loadingIcon\"></i>\n            </div>\n            <div *ngIf=\"captionTemplate\" class=\"ui-table-caption ui-widget-header\">\n                <ng-container *ngTemplateOutlet=\"captionTemplate\"></ng-container>\n            </div>\n            <p-paginator [rows]=\"rows\" [first]=\"first\" [totalRecords]=\"totalRecords\" [pageLinkSize]=\"pageLinks\" styleClass=\"ui-paginator-top\" [alwaysShow]=\"alwaysShowPaginator\"\n                (onPageChange)=\"onPageChange($event)\" [rowsPerPageOptions]=\"rowsPerPageOptions\" *ngIf=\"paginator && (paginatorPosition === 'top' || paginatorPosition =='both')\"\n                [templateLeft]=\"paginatorLeftTemplate\" [templateRight]=\"paginatorRightTemplate\" [dropdownAppendTo]=\"paginatorDropdownAppendTo\"\n                [currentPageReportTemplate]=\"currentPageReportTemplate\" [showCurrentPageReport]=\"showCurrentPageReport\"></p-paginator>\n            \n            <div class=\"ui-table-wrapper\" *ngIf=\"!scrollable\">\n                <table #table [ngClass]=\"tableStyleClass\" [ngStyle]=\"tableStyle\">\n                    <ng-container *ngTemplateOutlet=\"colGroupTemplate; context {$implicit: columns}\"></ng-container>\n                    <thead class=\"ui-table-thead\">\n                        <ng-container *ngTemplateOutlet=\"headerTemplate; context: {$implicit: columns}\"></ng-container>\n                    </thead>\n                    <tfoot *ngIf=\"footerTemplate\" class=\"ui-table-tfoot\">\n                        <ng-container *ngTemplateOutlet=\"footerTemplate; context {$implicit: columns}\"></ng-container>\n                    </tfoot>\n                    <tbody class=\"ui-table-tbody\" [pTableBody]=\"columns\" [pTableBodyTemplate]=\"bodyTemplate\"></tbody>\n                </table>\n            </div>\n\n            <div class=\"ui-table-scrollable-wrapper\" *ngIf=\"scrollable\">\n               <div class=\"ui-table-scrollable-view ui-table-frozen-view\" *ngIf=\"frozenColumns||frozenBodyTemplate\" [pScrollableView]=\"frozenColumns\" [frozen]=\"true\" [ngStyle]=\"{width: frozenWidth}\" [scrollHeight]=\"scrollHeight\"></div>\n               <div class=\"ui-table-scrollable-view\" [pScrollableView]=\"columns\" [frozen]=\"false\" [scrollHeight]=\"scrollHeight\" [ngStyle]=\"{left: frozenWidth, width: 'calc(100% - '+frozenWidth+')'}\"></div>\n            </div>\n            \n            <p-paginator [rows]=\"rows\" [first]=\"first\" [totalRecords]=\"totalRecords\" [pageLinkSize]=\"pageLinks\" styleClass=\"ui-paginator-bottom\" [alwaysShow]=\"alwaysShowPaginator\"\n                (onPageChange)=\"onPageChange($event)\" [rowsPerPageOptions]=\"rowsPerPageOptions\" *ngIf=\"paginator && (paginatorPosition === 'bottom' || paginatorPosition =='both')\"\n                [templateLeft]=\"paginatorLeftTemplate\" [templateRight]=\"paginatorRightTemplate\" [dropdownAppendTo]=\"paginatorDropdownAppendTo\"\n                [currentPageReportTemplate]=\"currentPageReportTemplate\" [showCurrentPageReport]=\"showCurrentPageReport\"></p-paginator>\n            \n                <div *ngIf=\"summaryTemplate\" class=\"ui-table-summary ui-widget-header\">\n                <ng-container *ngTemplateOutlet=\"summaryTemplate\"></ng-container>\n            </div>\n\n            <div #resizeHelper class=\"ui-column-resizer-helper ui-state-highlight\" style=\"display:none\" *ngIf=\"resizableColumns\"></div>\n\n            <span #reorderIndicatorUp class=\"pi pi-arrow-down ui-table-reorder-indicator-up\" style=\"display:none\" *ngIf=\"reorderableColumns\"></span>\n            <span #reorderIndicatorDown class=\"pi pi-arrow-up ui-table-reorder-indicator-down\" style=\"display:none\" *ngIf=\"reorderableColumns\"></span>\n        </div>\n    ",
+            template: "\n        <div #container [ngStyle]=\"style\" [class]=\"styleClass\"\n            [ngClass]=\"{'ui-table ui-widget': true, 'ui-table-responsive': responsive, 'ui-table-resizable': resizableColumns,\n                'ui-table-resizable-fit': (resizableColumns && columnResizeMode === 'fit'),\n                'ui-table-hoverable-rows': (rowHover||selectionMode), 'ui-table-auto-layout': autoLayout}\">\n            <div class=\"ui-table-loading ui-widget-overlay\" *ngIf=\"loading && showLoader\"></div>\n            <div class=\"ui-table-loading-content\" *ngIf=\"loading && showLoader\">\n                <i [class]=\"'ui-table-loading-icon pi-spin ' + loadingIcon\"></i>\n            </div>\n            <div *ngIf=\"captionTemplate\" class=\"ui-table-caption ui-widget-header\">\n                <ng-container *ngTemplateOutlet=\"captionTemplate\"></ng-container>\n            </div>\n            <p-paginator [rows]=\"rows\" [first]=\"first\" [totalRecords]=\"totalRecords\" [pageLinkSize]=\"pageLinks\" styleClass=\"ui-paginator-top\" [alwaysShow]=\"alwaysShowPaginator\"\n                (onPageChange)=\"onPageChange($event)\" [rowsPerPageOptions]=\"rowsPerPageOptions\" *ngIf=\"paginator && (paginatorPosition === 'top' || paginatorPosition =='both')\"\n                [templateLeft]=\"paginatorLeftTemplate\" [templateRight]=\"paginatorRightTemplate\" [dropdownAppendTo]=\"paginatorDropdownAppendTo\" [dropdownScrollHeight]=\"paginatorDropdownScrollHeight\"\n                [currentPageReportTemplate]=\"currentPageReportTemplate\" [showCurrentPageReport]=\"showCurrentPageReport\"></p-paginator>\n            \n            <div class=\"ui-table-wrapper\" *ngIf=\"!scrollable\">\n                <table #table [ngClass]=\"tableStyleClass\" [ngStyle]=\"tableStyle\">\n                    <ng-container *ngTemplateOutlet=\"colGroupTemplate; context {$implicit: columns}\"></ng-container>\n                    <thead class=\"ui-table-thead\">\n                        <ng-container *ngTemplateOutlet=\"headerTemplate; context: {$implicit: columns}\"></ng-container>\n                    </thead>\n                    <tfoot *ngIf=\"footerTemplate\" class=\"ui-table-tfoot\">\n                        <ng-container *ngTemplateOutlet=\"footerTemplate; context {$implicit: columns}\"></ng-container>\n                    </tfoot>\n                    <tbody class=\"ui-table-tbody\" [pTableBody]=\"columns\" [pTableBodyTemplate]=\"bodyTemplate\"></tbody>\n                </table>\n            </div>\n\n            <div class=\"ui-table-scrollable-wrapper\" *ngIf=\"scrollable\">\n               <div class=\"ui-table-scrollable-view ui-table-frozen-view\" *ngIf=\"frozenColumns||frozenBodyTemplate\" [pScrollableView]=\"frozenColumns\" [frozen]=\"true\" [ngStyle]=\"{width: frozenWidth}\" [scrollHeight]=\"scrollHeight\"></div>\n               <div class=\"ui-table-scrollable-view\" [pScrollableView]=\"columns\" [frozen]=\"false\" [scrollHeight]=\"scrollHeight\" [ngStyle]=\"{left: frozenWidth, width: 'calc(100% - '+frozenWidth+')'}\"></div>\n            </div>\n            \n            <p-paginator [rows]=\"rows\" [first]=\"first\" [totalRecords]=\"totalRecords\" [pageLinkSize]=\"pageLinks\" styleClass=\"ui-paginator-bottom\" [alwaysShow]=\"alwaysShowPaginator\"\n                (onPageChange)=\"onPageChange($event)\" [rowsPerPageOptions]=\"rowsPerPageOptions\" *ngIf=\"paginator && (paginatorPosition === 'bottom' || paginatorPosition =='both')\"\n                [templateLeft]=\"paginatorLeftTemplate\" [templateRight]=\"paginatorRightTemplate\" [dropdownAppendTo]=\"paginatorDropdownAppendTo\" [dropdownScrollHeight]=\"paginatorDropdownScrollHeight\"\n                [currentPageReportTemplate]=\"currentPageReportTemplate\" [showCurrentPageReport]=\"showCurrentPageReport\"></p-paginator>\n            \n                <div *ngIf=\"summaryTemplate\" class=\"ui-table-summary ui-widget-header\">\n                <ng-container *ngTemplateOutlet=\"summaryTemplate\"></ng-container>\n            </div>\n\n            <div #resizeHelper class=\"ui-column-resizer-helper ui-state-highlight\" style=\"display:none\" *ngIf=\"resizableColumns\"></div>\n\n            <span #reorderIndicatorUp class=\"pi pi-arrow-down ui-table-reorder-indicator-up\" style=\"display:none\" *ngIf=\"reorderableColumns\"></span>\n            <span #reorderIndicatorDown class=\"pi pi-arrow-up ui-table-reorder-indicator-down\" style=\"display:none\" *ngIf=\"reorderableColumns\"></span>\n        </div>\n    ",
             providers: [TableService]
         }),
         __metadata("design:paramtypes", [core_1.ElementRef, core_1.NgZone, TableService, core_1.ChangeDetectorRef])
@@ -2080,10 +2106,14 @@ var TableBody = /** @class */ (function () {
         core_1.Input("pTableBodyTemplate"),
         __metadata("design:type", core_1.TemplateRef)
     ], TableBody.prototype, "template", void 0);
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", Boolean)
+    ], TableBody.prototype, "frozen", void 0);
     TableBody = __decorate([
         core_1.Component({
             selector: '[pTableBody]',
-            template: "\n        <ng-container *ngIf=\"!dt.expandedRowTemplate\">\n            <ng-template ngFor let-rowData let-rowIndex=\"index\" [ngForOf]=\"(dt.paginator && !dt.lazy) ? ((dt.filteredValue||dt.value) | slice:dt.first:(dt.first + dt.rows)) : (dt.filteredValue||dt.value)\" [ngForTrackBy]=\"dt.rowTrackBy\">\n                <ng-container *ngTemplateOutlet=\"template; context: {$implicit: rowData, rowIndex: dt.paginator ? (dt.first + rowIndex) : rowIndex, columns: columns, editing: (dt.editMode === 'row' && dt.isRowEditing(rowData))}\"></ng-container>\n            </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"dt.expandedRowTemplate\">\n            <ng-template ngFor let-rowData let-rowIndex=\"index\" [ngForOf]=\"(dt.paginator && !dt.lazy) ? ((dt.filteredValue||dt.value) | slice:dt.first:(dt.first + dt.rows)) : (dt.filteredValue||dt.value)\" [ngForTrackBy]=\"dt.rowTrackBy\">\n                <ng-container *ngTemplateOutlet=\"template; context: {$implicit: rowData, rowIndex: dt.paginator ? (dt.first + rowIndex) : rowIndex, columns: columns, expanded: dt.isRowExpanded(rowData), editing: (dt.editMode === 'row' && dt.isRowEditing(rowData))}\"></ng-container>\n                <ng-container *ngIf=\"dt.isRowExpanded(rowData)\">\n                    <ng-container *ngTemplateOutlet=\"dt.expandedRowTemplate; context: {$implicit: rowData, rowIndex: dt.paginator ? (dt.first + rowIndex) : rowIndex, columns: columns}\"></ng-container>\n                </ng-container>\n            </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"dt.isEmpty()\">\n            <ng-container *ngTemplateOutlet=\"dt.emptyMessageTemplate; context: {$implicit: columns}\"></ng-container>\n        </ng-container>\n    "
+            template: "\n        <ng-container *ngIf=\"!dt.expandedRowTemplate\">\n            <ng-template ngFor let-rowData let-rowIndex=\"index\" [ngForOf]=\"(dt.paginator && !dt.lazy) ? ((dt.filteredValue||dt.value) | slice:dt.first:(dt.first + dt.rows)) : (dt.filteredValue||dt.value)\" [ngForTrackBy]=\"dt.rowTrackBy\">\n                <ng-container *ngTemplateOutlet=\"template; context: {$implicit: rowData, rowIndex: dt.paginator ? (dt.first + rowIndex) : rowIndex, columns: columns, editing: (dt.editMode === 'row' && dt.isRowEditing(rowData))}\"></ng-container>\n            </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"dt.expandedRowTemplate\">\n            <ng-template ngFor let-rowData let-rowIndex=\"index\" [ngForOf]=\"(dt.paginator && !dt.lazy) ? ((dt.filteredValue||dt.value) | slice:dt.first:(dt.first + dt.rows)) : (dt.filteredValue||dt.value)\" [ngForTrackBy]=\"dt.rowTrackBy\">\n                <ng-container *ngTemplateOutlet=\"template; context: {$implicit: rowData, rowIndex: dt.paginator ? (dt.first + rowIndex) : rowIndex, columns: columns, expanded: dt.isRowExpanded(rowData), editing: (dt.editMode === 'row' && dt.isRowEditing(rowData))}\"></ng-container>\n                <ng-container *ngIf=\"dt.isRowExpanded(rowData)\">\n                    <ng-container *ngTemplateOutlet=\"dt.expandedRowTemplate; context: {$implicit: rowData, rowIndex: dt.paginator ? (dt.first + rowIndex) : rowIndex, columns: columns}\"></ng-container>\n                </ng-container>\n            </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"dt.isEmpty()\">\n            <ng-container *ngTemplateOutlet=\"dt.emptyMessageTemplate; context: {$implicit: columns, frozen: frozen}\"></ng-container>\n        </ng-container>\n    "
         }),
         __metadata("design:paramtypes", [Table])
     ], TableBody);
@@ -2334,35 +2364,35 @@ var ScrollableView = /** @class */ (function () {
         __metadata("design:type", Boolean)
     ], ScrollableView.prototype, "frozen", void 0);
     __decorate([
-        core_1.ViewChild('scrollHeader'),
+        core_1.ViewChild('scrollHeader', { static: false }),
         __metadata("design:type", core_1.ElementRef)
     ], ScrollableView.prototype, "scrollHeaderViewChild", void 0);
     __decorate([
-        core_1.ViewChild('scrollHeaderBox'),
+        core_1.ViewChild('scrollHeaderBox', { static: false }),
         __metadata("design:type", core_1.ElementRef)
     ], ScrollableView.prototype, "scrollHeaderBoxViewChild", void 0);
     __decorate([
-        core_1.ViewChild('scrollBody'),
+        core_1.ViewChild('scrollBody', { static: false }),
         __metadata("design:type", core_1.ElementRef)
     ], ScrollableView.prototype, "scrollBodyViewChild", void 0);
     __decorate([
-        core_1.ViewChild('scrollTable'),
+        core_1.ViewChild('scrollTable', { static: false }),
         __metadata("design:type", core_1.ElementRef)
     ], ScrollableView.prototype, "scrollTableViewChild", void 0);
     __decorate([
-        core_1.ViewChild('loadingTable'),
+        core_1.ViewChild('loadingTable', { static: false }),
         __metadata("design:type", core_1.ElementRef)
     ], ScrollableView.prototype, "scrollLoadingTableViewChild", void 0);
     __decorate([
-        core_1.ViewChild('scrollFooter'),
+        core_1.ViewChild('scrollFooter', { static: false }),
         __metadata("design:type", core_1.ElementRef)
     ], ScrollableView.prototype, "scrollFooterViewChild", void 0);
     __decorate([
-        core_1.ViewChild('scrollFooterBox'),
+        core_1.ViewChild('scrollFooterBox', { static: false }),
         __metadata("design:type", core_1.ElementRef)
     ], ScrollableView.prototype, "scrollFooterBoxViewChild", void 0);
     __decorate([
-        core_1.ViewChild('virtualScroller'),
+        core_1.ViewChild('virtualScroller', { static: false }),
         __metadata("design:type", core_1.ElementRef)
     ], ScrollableView.prototype, "virtualScrollerViewChild", void 0);
     __decorate([
@@ -2373,7 +2403,7 @@ var ScrollableView = /** @class */ (function () {
     ScrollableView = __decorate([
         core_1.Component({
             selector: '[pScrollableView]',
-            template: "\n        <div #scrollHeader class=\"ui-table-scrollable-header ui-widget-header\">\n            <div #scrollHeaderBox class=\"ui-table-scrollable-header-box\">\n                <table class=\"ui-table-scrollable-header-table\" [ngClass]=\"dt.tableStyleClass\" [ngStyle]=\"dt.tableStyle\">\n                    <ng-container *ngTemplateOutlet=\"frozen ? dt.frozenColGroupTemplate||dt.colGroupTemplate : dt.colGroupTemplate; context {$implicit: columns}\"></ng-container>\n                    <thead class=\"ui-table-thead\">\n                        <ng-container *ngTemplateOutlet=\"frozen ? dt.frozenHeaderTemplate||dt.headerTemplate : dt.headerTemplate; context {$implicit: columns}\"></ng-container>\n                    </thead>\n                    <tbody class=\"ui-table-tbody\">\n                        <ng-template ngFor let-rowData let-rowIndex=\"index\" [ngForOf]=\"dt.frozenValue\" [ngForTrackBy]=\"dt.rowTrackBy\">\n                            <ng-container *ngTemplateOutlet=\"dt.frozenRowsTemplate; context: {$implicit: rowData, rowIndex: rowIndex, columns: columns}\"></ng-container>\n                        </ng-template>\n                    </tbody>\n                </table>\n            </div>\n        </div>\n        <div #scrollBody class=\"ui-table-scrollable-body\">\n            <table #scrollTable [ngClass]=\"{'ui-table-scrollable-body-table': true, 'ui-table-virtual-table': dt.virtualScroll}\" [class]=\"dt.tableStyleClass\" [ngStyle]=\"dt.tableStyle\">\n                <ng-container *ngTemplateOutlet=\"frozen ? dt.frozenColGroupTemplate||dt.colGroupTemplate : dt.colGroupTemplate; context {$implicit: columns}\"></ng-container>\n                <tbody class=\"ui-table-tbody\" [pTableBody]=\"columns\" [pTableBodyTemplate]=\"frozen ? dt.frozenBodyTemplate||dt.bodyTemplate : dt.bodyTemplate\"></tbody>\n            </table>\n            <table #loadingTable *ngIf=\"dt.virtualScroll && dt.loadingBodyTemplate != null\" [ngClass]=\"{'ui-table-scrollable-body-table ui-table-loading-virtual-table': true, 'ui-table-virtual-table': dt.virtualScroll}\">\n                <tbody class=\"ui-table-tbody\">\n                    <ng-template ngFor [ngForOf]=\"loadingArray\">\n                        <ng-container *ngTemplateOutlet=\"dt.loadingBodyTemplate; context: {columns: columns}\"></ng-container>\n                    </ng-template>\n                </tbody>\n            </table>\n            <div #virtualScroller class=\"ui-table-virtual-scroller\" *ngIf=\"dt.virtualScroll\"></div>\n        </div>\n        <div #scrollFooter *ngIf=\"dt.footerTemplate\" class=\"ui-table-scrollable-footer ui-widget-header\">\n            <div #scrollFooterBox class=\"ui-table-scrollable-footer-box\">\n                <table class=\"ui-table-scrollable-footer-table\" [ngClass]=\"dt.tableStyleClass\" [ngStyle]=\"dt.tableStyle\">\n                    <ng-container *ngTemplateOutlet=\"frozen ? dt.frozenColGroupTemplate||dt.colGroupTemplate : dt.colGroupTemplate; context {$implicit: columns}\"></ng-container>\n                    <tfoot class=\"ui-table-tfoot\">\n                        <ng-container *ngTemplateOutlet=\"frozen ? dt.frozenFooterTemplate||dt.footerTemplate : dt.footerTemplate; context {$implicit: columns}\"></ng-container>\n                    </tfoot>\n                </table>\n            </div>\n        </div>\n    "
+            template: "\n        <div #scrollHeader class=\"ui-table-scrollable-header ui-widget-header\">\n            <div #scrollHeaderBox class=\"ui-table-scrollable-header-box\">\n                <table class=\"ui-table-scrollable-header-table\" [ngClass]=\"dt.tableStyleClass\" [ngStyle]=\"dt.tableStyle\">\n                    <ng-container *ngTemplateOutlet=\"frozen ? dt.frozenColGroupTemplate||dt.colGroupTemplate : dt.colGroupTemplate; context {$implicit: columns}\"></ng-container>\n                    <thead class=\"ui-table-thead\">\n                        <ng-container *ngTemplateOutlet=\"frozen ? dt.frozenHeaderTemplate||dt.headerTemplate : dt.headerTemplate; context {$implicit: columns}\"></ng-container>\n                    </thead>\n                    <tbody class=\"ui-table-tbody\">\n                        <ng-template ngFor let-rowData let-rowIndex=\"index\" [ngForOf]=\"dt.frozenValue\" [ngForTrackBy]=\"dt.rowTrackBy\">\n                            <ng-container *ngTemplateOutlet=\"dt.frozenRowsTemplate; context: {$implicit: rowData, rowIndex: rowIndex, columns: columns}\"></ng-container>\n                        </ng-template>\n                    </tbody>\n                </table>\n            </div>\n        </div>\n        <div #scrollBody class=\"ui-table-scrollable-body\">\n            <table #scrollTable [ngClass]=\"{'ui-table-scrollable-body-table': true, 'ui-table-virtual-table': dt.virtualScroll}\" [class]=\"dt.tableStyleClass\" [ngStyle]=\"dt.tableStyle\">\n                <ng-container *ngTemplateOutlet=\"frozen ? dt.frozenColGroupTemplate||dt.colGroupTemplate : dt.colGroupTemplate; context {$implicit: columns}\"></ng-container>\n                <tbody class=\"ui-table-tbody\" [pTableBody]=\"columns\" [pTableBodyTemplate]=\"frozen ? dt.frozenBodyTemplate||dt.bodyTemplate : dt.bodyTemplate\" [frozen]=\"frozen\"></tbody>\n            </table>\n            <table #loadingTable *ngIf=\"dt.virtualScroll && dt.loadingBodyTemplate != null\" [ngClass]=\"{'ui-table-scrollable-body-table ui-table-loading-virtual-table': true, 'ui-table-virtual-table': dt.virtualScroll}\">\n                <tbody class=\"ui-table-tbody\">\n                    <ng-template ngFor [ngForOf]=\"loadingArray\">\n                        <ng-container *ngTemplateOutlet=\"dt.loadingBodyTemplate; context: {columns: columns}\"></ng-container>\n                    </ng-template>\n                </tbody>\n            </table>\n            <div #virtualScroller class=\"ui-table-virtual-scroller\" *ngIf=\"dt.virtualScroll\"></div>\n        </div>\n        <div #scrollFooter *ngIf=\"dt.footerTemplate\" class=\"ui-table-scrollable-footer ui-widget-header\">\n            <div #scrollFooterBox class=\"ui-table-scrollable-footer-box\">\n                <table class=\"ui-table-scrollable-footer-table\" [ngClass]=\"dt.tableStyleClass\" [ngStyle]=\"dt.tableStyle\">\n                    <ng-container *ngTemplateOutlet=\"frozen ? dt.frozenColGroupTemplate||dt.colGroupTemplate : dt.colGroupTemplate; context {$implicit: columns}\"></ng-container>\n                    <tfoot class=\"ui-table-tfoot\">\n                        <ng-container *ngTemplateOutlet=\"frozen ? dt.frozenFooterTemplate||dt.footerTemplate : dt.footerTemplate; context {$implicit: columns}\"></ng-container>\n                    </tfoot>\n                </table>\n            </div>\n        </div>\n    "
         }),
         __metadata("design:paramtypes", [Table, core_1.ElementRef, core_1.NgZone])
     ], ScrollableView);
@@ -2476,25 +2506,6 @@ var SortIcon = /** @class */ (function () {
             this.sortOrder = sortMeta ? sortMeta.order : 0;
         }
     };
-    Object.defineProperty(SortIcon.prototype, "ariaText", {
-        get: function () {
-            var text;
-            switch (this.sortOrder) {
-                case 1:
-                    text = this.ariaLabelAsc;
-                    break;
-                case -1:
-                    text = this.ariaLabelDesc;
-                    break;
-                default:
-                    text = this.ariaLabel;
-                    break;
-            }
-            return text;
-        },
-        enumerable: true,
-        configurable: true
-    });
     SortIcon.prototype.ngOnDestroy = function () {
         if (this.subscription) {
             this.subscription.unsubscribe();
@@ -2504,18 +2515,6 @@ var SortIcon = /** @class */ (function () {
         core_1.Input(),
         __metadata("design:type", String)
     ], SortIcon.prototype, "field", void 0);
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", String)
-    ], SortIcon.prototype, "ariaLabel", void 0);
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", String)
-    ], SortIcon.prototype, "ariaLabelDesc", void 0);
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", String)
-    ], SortIcon.prototype, "ariaLabelAsc", void 0);
     SortIcon = __decorate([
         core_1.Component({
             selector: 'p-sortIcon',
@@ -2721,6 +2720,7 @@ var SelectableRowDblClick = /** @class */ (function () {
         core_1.Directive({
             selector: '[pSelectableRowDblClick]',
             host: {
+                '[class.ui-selectable-row]': 'isEnabled()',
                 '[class.ui-state-highlight]': 'selected'
             }
         }),
@@ -3360,7 +3360,7 @@ var TableRadioButton = /** @class */ (function () {
         __metadata("design:type", Number)
     ], TableRadioButton.prototype, "index", void 0);
     __decorate([
-        core_1.ViewChild('box'),
+        core_1.ViewChild('box', { static: false }),
         __metadata("design:type", core_1.ElementRef)
     ], TableRadioButton.prototype, "boxViewChild", void 0);
     TableRadioButton = __decorate([
@@ -3418,7 +3418,7 @@ var TableCheckbox = /** @class */ (function () {
         __metadata("design:type", Number)
     ], TableCheckbox.prototype, "index", void 0);
     __decorate([
-        core_1.ViewChild('box'),
+        core_1.ViewChild('box', { static: false }),
         __metadata("design:type", core_1.ElementRef)
     ], TableCheckbox.prototype, "boxViewChild", void 0);
     TableCheckbox = __decorate([
@@ -3496,7 +3496,7 @@ var TableHeaderCheckbox = /** @class */ (function () {
         }
     };
     __decorate([
-        core_1.ViewChild('box'),
+        core_1.ViewChild('box', { static: false }),
         __metadata("design:type", core_1.ElementRef)
     ], TableHeaderCheckbox.prototype, "boxViewChild", void 0);
     __decorate([