"use strict"; var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; return c > 3 && r && Object.defineProperty(target, key, r), r; }; var __metadata = (this && this.__metadata) || function (k, v) { if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); }; var __param = (this && this.__param) || function (paramIndex, decorator) { return function (target, key) { decorator(target, key, paramIndex); } }; Object.defineProperty(exports, "__esModule", { value: true }); var core_1 = require("@angular/core"); var common_1 = require("@angular/common"); var forms_1 = require("@angular/forms"); var shared_1 = require("../common/shared"); var paginator_1 = require("../paginator/paginator"); var shared_2 = require("../common/shared"); var domhandler_1 = require("../dom/domhandler"); var objectutils_1 = require("../utils/objectutils"); var DTRadioButton = /** @class */ (function () { function DTRadioButton() { this.onClick = new core_1.EventEmitter(); } DTRadioButton.prototype.handleClick = function (event) { this.onClick.emit(event); }; __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DTRadioButton.prototype, "checked", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DTRadioButton.prototype, "onClick", void 0); DTRadioButton = __decorate([ core_1.Component({ selector: 'p-dtRadioButton', template: "\n
\n
\n \n
\n
\n \n
\n
\n " }) ], DTRadioButton); return DTRadioButton; }()); exports.DTRadioButton = DTRadioButton; var DTCheckbox = /** @class */ (function () { function DTCheckbox() { this.onChange = new core_1.EventEmitter(); } DTCheckbox.prototype.handleClick = function (event) { if (!this.disabled) { this.onChange.emit({ originalEvent: event, checked: !this.checked }); } }; __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DTCheckbox.prototype, "checked", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DTCheckbox.prototype, "disabled", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DTCheckbox.prototype, "onChange", void 0); DTCheckbox = __decorate([ core_1.Component({ selector: 'p-dtCheckbox', template: "\n
\n
\n \n
\n
\n \n
\n
\n " }) ], DTCheckbox); return DTCheckbox; }()); exports.DTCheckbox = DTCheckbox; var ColumnHeaders = /** @class */ (function () { function ColumnHeaders(dt) { this.dt = dt; } __decorate([ core_1.Input("pColumnHeaders"), __metadata("design:type", Array) ], ColumnHeaders.prototype, "columns", void 0); ColumnHeaders = __decorate([ core_1.Component({ selector: '[pColumnHeaders]', template: "\n \n \n \n {{col.header}}\n \n \n \n \n \n \n \n \n \n \n \n " }), __param(0, core_1.Inject(core_1.forwardRef(function () { return DataTable; }))), __metadata("design:paramtypes", [DataTable]) ], ColumnHeaders); return ColumnHeaders; }()); exports.ColumnHeaders = ColumnHeaders; var ColumnFooters = /** @class */ (function () { function ColumnFooters(dt) { this.dt = dt; } __decorate([ core_1.Input("pColumnFooters"), __metadata("design:type", Array) ], ColumnFooters.prototype, "columns", void 0); ColumnFooters = __decorate([ core_1.Component({ selector: '[pColumnFooters]', template: "\n \n {{col.footer}}\n \n \n \n \n " }), __param(0, core_1.Inject(core_1.forwardRef(function () { return DataTable; }))), __metadata("design:paramtypes", [DataTable]) ], ColumnFooters); return ColumnFooters; }()); exports.ColumnFooters = ColumnFooters; var TableBody = /** @class */ (function () { function TableBody(dt) { this.dt = dt; } TableBody.prototype.visibleColumns = function () { return this.columns ? this.columns.filter(function (c) { return !c.hidden; }) : []; }; __decorate([ core_1.Input("pTableBody"), __metadata("design:type", Array) ], TableBody.prototype, "columns", void 0); __decorate([ core_1.Input(), __metadata("design:type", Array) ], TableBody.prototype, "data", void 0); TableBody = __decorate([ core_1.Component({ selector: '[pTableBody]', template: "\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{col.header}}\n {{dt.resolveFieldData(rowData,col.field)}}\n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n
\n\n \n \n {{dt.emptyMessage}}\n \n \n \n \n \n " }), __param(0, core_1.Inject(core_1.forwardRef(function () { return DataTable; }))), __metadata("design:paramtypes", [DataTable]) ], TableBody); return TableBody; }()); exports.TableBody = TableBody; var ScrollableView = /** @class */ (function () { function ScrollableView(dt, el, renderer, zone) { this.dt = dt; this.el = el; this.renderer = renderer; this.zone = zone; this.onVirtualScroll = new core_1.EventEmitter(); } ScrollableView.prototype.ngAfterViewInit = function () { this.initScrolling(); }; ScrollableView.prototype.ngAfterViewChecked = function () { var _this = this; if (this.virtualScroll && !this.rowHeight) { var row = domhandler_1.DomHandler.findSingle(this.scrollTable, 'tr.ui-widget-content:not(.ui-datatable-emptymessage-row)'); if (row) { this.rowHeight = domhandler_1.DomHandler.getOuterHeight(row); } } if (!this.frozen) { this.zone.runOutsideAngular(function () { setTimeout(function () { _this.alignScrollBar(); }, 1); }); } }; ScrollableView.prototype.initScrolling = function () { var _this = this; this.scrollHeader = this.scrollHeaderViewChild.nativeElement; this.scrollHeaderBox = this.scrollHeaderBoxViewChild.nativeElement; this.scrollBody = this.scrollBodyViewChild.nativeElement; this.scrollTable = this.scrollTableViewChild.nativeElement; this.scrollTableWrapper = this.scrollTableWrapperViewChild.nativeElement; this.scrollFooter = this.scrollFooterViewChild ? this.scrollFooterViewChild.nativeElement : null; this.scrollFooterBox = this.scrollFooterBoxViewChild ? this.scrollFooterBoxViewChild.nativeElement : null; this.setScrollHeight(); if (!this.frozen) { this.zone.runOutsideAngular(function () { _this.scrollHeader.addEventListener('scroll', _this.onHeaderScroll.bind(_this)); _this.scrollBody.addEventListener('scroll', _this.onBodyScroll.bind(_this)); }); } if (!this.frozen) { this.alignScrollBar(); } else { this.scrollBody.style.paddingBottom = domhandler_1.DomHandler.calculateScrollbarWidth() + 'px'; } }; ScrollableView.prototype.onBodyScroll = function (event) { var _this = this; var frozenView = this.el.nativeElement.previousElementSibling; if (frozenView) { var frozenScrollBody = domhandler_1.DomHandler.findSingle(frozenView, '.ui-datatable-scrollable-body'); } this.scrollHeaderBox.style.marginLeft = -1 * this.scrollBody.scrollLeft + 'px'; if (this.scrollFooterBox) { this.scrollFooterBox.style.marginLeft = -1 * this.scrollBody.scrollLeft + 'px'; } if (frozenScrollBody) { frozenScrollBody.scrollTop = this.scrollBody.scrollTop; } if (this.virtualScroll) { var viewport = domhandler_1.DomHandler.getOuterHeight(this.scrollBody); var tableHeight = domhandler_1.DomHandler.getOuterHeight(this.scrollTable); var pageHeight_1 = this.rowHeight * this.dt.rows; var virtualTableHeight = domhandler_1.DomHandler.getOuterHeight(this.scrollTableWrapper); var pageCount = (virtualTableHeight / pageHeight_1) || 1; if (this.scrollBody.scrollTop + viewport > parseFloat(this.scrollTable.style.top) + tableHeight || this.scrollBody.scrollTop < parseFloat(this.scrollTable.style.top)) { var page_1 = Math.floor((this.scrollBody.scrollTop * pageCount) / (this.scrollBody.scrollHeight)) + 1; this.onVirtualScroll.emit({ page: page_1, callback: function () { _this.scrollTable.style.top = ((page_1 - 1) * pageHeight_1) + 'px'; } }); } } }; ScrollableView.prototype.setScrollHeight = function () { if (this.dt.scrollHeight) { if (this.dt.scrollHeight.indexOf('%') !== -1) { this.scrollBody.style.visibility = 'hidden'; this.scrollBody.style.height = '100px'; //temporary height to calculate static height var containerHeight = domhandler_1.DomHandler.getOuterHeight(this.dt.el.nativeElement.children[0]); var relativeHeight = domhandler_1.DomHandler.getOuterHeight(this.dt.el.nativeElement.parentElement) * parseInt(this.dt.scrollHeight) / 100; var staticHeight = containerHeight - 100; //total height of headers, footers, paginators var scrollBodyHeight = (relativeHeight - staticHeight); this.scrollBody.style.height = 'auto'; this.scrollBody.style.maxHeight = scrollBodyHeight + 'px'; this.scrollBody.style.visibility = 'visible'; } else { this.scrollBody.style.maxHeight = this.dt.scrollHeight; } } }; ScrollableView.prototype.onHeaderScroll = function (event) { this.scrollHeader.scrollLeft = 0; }; ScrollableView.prototype.hasVerticalOverflow = function () { return domhandler_1.DomHandler.getOuterHeight(this.scrollTable) > domhandler_1.DomHandler.getOuterHeight(this.scrollBody); }; ScrollableView.prototype.alignScrollBar = function () { var scrollBarWidth = this.hasVerticalOverflow() ? domhandler_1.DomHandler.calculateScrollbarWidth() : 0; this.scrollHeaderBox.style.marginRight = scrollBarWidth + 'px'; if (this.scrollFooterBox) { this.scrollFooterBox.style.marginRight = scrollBarWidth + 'px'; } }; ScrollableView.prototype.ngOnDestroy = function () { this.scrollHeader.removeEventListener('scroll', this.onHeaderScroll); this.scrollBody.removeEventListener('scroll', this.onBodyScroll); }; __decorate([ core_1.Input("pScrollableView"), __metadata("design:type", Array) ], ScrollableView.prototype, "columns", void 0); __decorate([ core_1.Input(), __metadata("design:type", shared_2.HeaderColumnGroup) ], ScrollableView.prototype, "headerColumnGroup", void 0); __decorate([ core_1.Input(), __metadata("design:type", shared_2.HeaderColumnGroup) ], ScrollableView.prototype, "footerColumnGroup", void 0); __decorate([ core_1.ViewChild('scrollHeader'), __metadata("design:type", core_1.ElementRef) ], ScrollableView.prototype, "scrollHeaderViewChild", void 0); __decorate([ core_1.ViewChild('scrollHeaderBox'), __metadata("design:type", core_1.ElementRef) ], ScrollableView.prototype, "scrollHeaderBoxViewChild", void 0); __decorate([ core_1.ViewChild('scrollBody'), __metadata("design:type", core_1.ElementRef) ], ScrollableView.prototype, "scrollBodyViewChild", void 0); __decorate([ core_1.ViewChild('scrollTable'), __metadata("design:type", core_1.ElementRef) ], ScrollableView.prototype, "scrollTableViewChild", void 0); __decorate([ core_1.ViewChild('scrollTableWrapper'), __metadata("design:type", core_1.ElementRef) ], ScrollableView.prototype, "scrollTableWrapperViewChild", void 0); __decorate([ core_1.ViewChild('scrollFooter'), __metadata("design:type", core_1.ElementRef) ], ScrollableView.prototype, "scrollFooterViewChild", void 0); __decorate([ core_1.ViewChild('scrollFooterBox'), __metadata("design:type", core_1.ElementRef) ], ScrollableView.prototype, "scrollFooterBoxViewChild", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], ScrollableView.prototype, "frozen", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], ScrollableView.prototype, "width", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], ScrollableView.prototype, "virtualScroll", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], ScrollableView.prototype, "onVirtualScroll", void 0); ScrollableView = __decorate([ core_1.Component({ selector: '[pScrollableView]', template: "\n
\n
\n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n \n \n \n \n
\n
\n
\n
\n \n
\n " }), __param(0, core_1.Inject(core_1.forwardRef(function () { return DataTable; }))), __metadata("design:paramtypes", [DataTable, core_1.ElementRef, core_1.Renderer2, core_1.NgZone]) ], ScrollableView); return ScrollableView; }()); exports.ScrollableView = ScrollableView; var DataTable = /** @class */ (function () { function DataTable(el, differs, renderer, changeDetector, zone) { this.el = el; this.differs = differs; this.renderer = renderer; this.changeDetector = changeDetector; this.zone = zone; this.pageLinks = 5; this.selectionChange = new core_1.EventEmitter(); this.showHeaderCheckbox = true; this.onRowClick = new core_1.EventEmitter(); this.onRowSelect = new core_1.EventEmitter(); this.onRowUnselect = new core_1.EventEmitter(); this.onRowDblclick = new core_1.EventEmitter(); this.onHeaderCheckboxToggle = new core_1.EventEmitter(); this.onContextMenuSelect = new core_1.EventEmitter(); this.filterDelay = 300; this.onLazyLoad = new core_1.EventEmitter(); this.columnResizeMode = 'fit'; this.onColResize = new core_1.EventEmitter(); this.onColReorder = new core_1.EventEmitter(); this.sortMode = 'single'; this.defaultSortOrder = 1; this.csvSeparator = ','; this.exportFilename = 'download'; this.emptyMessage = 'No records found'; this.paginatorPosition = 'bottom'; this.alwaysShowPaginator = true; this.metaKeySelection = true; this.rowTrackBy = function (index, item) { return item; }; this.immutable = true; this.compareSelectionBy = 'deepEquals'; this.onEditInit = new core_1.EventEmitter(); this.onEditComplete = new core_1.EventEmitter(); this.onEdit = new core_1.EventEmitter(); this.onEditCancel = new core_1.EventEmitter(); this.onPage = new core_1.EventEmitter(); this.onSort = new core_1.EventEmitter(); this.onFilter = new core_1.EventEmitter(); this.rowExpandMode = 'multiple'; this.expandedIcon = 'fa-chevron-circle-down'; this.collapsedIcon = 'fa-chevron-circle-right'; this.tabindex = 1; this.sortableRowGroup = true; this.filters = {}; this.loadingIcon = 'fa-circle-o-notch'; this.virtualScrollDelay = 500; this.rowGroupExpandMode = 'multiple'; this.valueChange = new core_1.EventEmitter(); this.firstChange = new core_1.EventEmitter(); this.onRowExpand = new core_1.EventEmitter(); this.onRowCollapse = new core_1.EventEmitter(); this.onRowGroupExpand = new core_1.EventEmitter(); this.onRowGroupCollapse = new core_1.EventEmitter(); this.page = 0; this.columnsChanged = false; this._first = 0; this._sortOrder = 1; this.filterConstraints = { startsWith: function (value, filter) { if (filter === undefined || filter === null || filter.trim() === '') { return true; } if (value === undefined || value === null) { return false; } var filterValue = filter.toLowerCase(); return value.toString().toLowerCase().slice(0, filterValue.length) === filterValue; }, contains: function (value, filter) { if (filter === undefined || filter === null || (typeof filter === 'string' && filter.trim() === '')) { return true; } if (value === undefined || value === null) { return false; } return value.toString().toLowerCase().indexOf(filter.toLowerCase()) !== -1; }, endsWith: function (value, filter) { if (filter === undefined || filter === null || filter.trim() === '') { return true; } if (value === undefined || value === null) { return false; } var filterValue = filter.toString().toLowerCase(); return value.toString().toLowerCase().indexOf(filterValue, value.toString().length - filterValue.length) !== -1; }, equals: function (value, filter) { if (filter === undefined || filter === null || (typeof filter === 'string' && filter.trim() === '')) { return true; } if (value === undefined || value === null) { return false; } return value.toString().toLowerCase() == filter.toString().toLowerCase(); }, notEquals: function (value, filter) { if (filter === undefined || filter === null || (typeof filter === 'string' && filter.trim() === '')) { return false; } if (value === undefined || value === null) { return true; } return value.toString().toLowerCase() != filter.toString().toLowerCase(); }, in: function (value, filter) { if (filter === undefined || filter === null || filter.length === 0) { return true; } if (value === undefined || value === null) { return false; } for (var i = 0; i < filter.length; i++) { if (filter[i] === value) return true; } return false; } }; this.differ = differs.find([]).create(null); } DataTable.prototype.ngOnInit = function () { if (this.lazy) { this.onLazyLoad.emit(this.createLazyLoadMetadata()); } }; DataTable.prototype.ngAfterContentInit = function () { var _this = this; this.initColumns(); this.initColumnGroups(); this.columnsSubscription = this.cols.changes.subscribe(function (_) { _this.initColumns(); _this.changeDetector.markForCheck(); }); this.templates.forEach(function (item) { switch (item.getType()) { case 'rowexpansion': _this.rowExpansionTemplate = item.template; break; case 'rowgroupheader': _this.rowGroupHeaderTemplate = item.template; break; case 'rowgroupfooter': _this.rowGroupFooterTemplate = item.template; break; case 'emptymessage': _this.emptyMessageTemplate = item.template; break; case 'paginatorLeft': _this.paginatorLeftTemplate = item.template; break; case 'paginatorRight': _this.paginatorRightTemplate = item.template; break; } }); }; DataTable.prototype.ngAfterViewChecked = function () { if (this.columnsChanged && this.el.nativeElement.offsetParent) { if (this.resizableColumns) { this.initResizableColumns(); } if (this.reorderableColumns) { this.initColumnReordering(); } this.columnsChanged = false; } if (this.totalRecordsChanged && this.virtualScroll && this.virtualScrollableTableWrapper && this.virtualScrollableTableWrapper.offsetParent) { var row = domhandler_1.DomHandler.findSingle(this.virtualScrollableTableWrapper, 'tr.ui-widget-content'); var rowHeight = domhandler_1.DomHandler.getOuterHeight(row); this.virtualTableHeight = this._totalRecords * rowHeight; this.virtualScrollableTableWrapper.style.height = this.virtualTableHeight + 'px'; this.totalRecordsChanged = false; } }; DataTable.prototype.ngAfterViewInit = function () { var _this = this; if (this.globalFilter) { this.globalFilterFunction = this.renderer.listen(this.globalFilter, 'keyup', function () { if (_this.filterTimeout) { clearTimeout(_this.filterTimeout); } _this.filterTimeout = setTimeout(function () { _this._filter(); _this.filterTimeout = null; }, _this.filterDelay); }); } this.virtualScrollableTableWrapper = domhandler_1.DomHandler.findSingle(this.el.nativeElement, 'div.ui-datatable-scrollable-table-wrapper'); this.initialized = true; }; Object.defineProperty(DataTable.prototype, "multiSortMeta", { get: function () { return this._multiSortMeta; }, set: function (val) { this._multiSortMeta = val; if (this.sortMode === 'multiple') { this.sortMultiple(); } }, enumerable: true, configurable: true }); Object.defineProperty(DataTable.prototype, "sortField", { get: function () { return this._sortField; }, set: function (val) { this._sortField = val; if (this.sortMode === 'single') { this.sortSingle(); } }, enumerable: true, configurable: true }); Object.defineProperty(DataTable.prototype, "sortOrder", { get: function () { return this._sortOrder; }, set: function (val) { this._sortOrder = val; if (this.sortMode === 'single') { this.sortSingle(); } }, enumerable: true, configurable: true }); Object.defineProperty(DataTable.prototype, "value", { get: function () { return this._value; }, set: function (val) { if (this.immutable) { this._value = val ? val.slice() : null; this.handleDataChange(); } else { this._value = val; } this.valueChange.emit(this.value); }, enumerable: true, configurable: true }); Object.defineProperty(DataTable.prototype, "first", { get: function () { return this._first; }, set: function (val) { var shouldPaginate = this.initialized && this._first !== val; this._first = val; if (shouldPaginate) { this.paginate(); } }, enumerable: true, configurable: true }); Object.defineProperty(DataTable.prototype, "totalRecords", { get: function () { return this._totalRecords; }, set: function (val) { this._totalRecords = val; this.totalRecordsChanged = true; }, enumerable: true, configurable: true }); Object.defineProperty(DataTable.prototype, "selection", { get: function () { return this._selection; }, set: function (val) { this._selection = val; if (this.dataKey && !this.preventSelectionKeysPropagation) { this.selectionKeys = {}; if (this._selection) { if (Array.isArray(this._selection)) { for (var _i = 0, _a = this._selection; _i < _a.length; _i++) { var data = _a[_i]; this.selectionKeys[String(objectutils_1.ObjectUtils.resolveFieldData(data, this.dataKey))] = 1; } } else { this.selectionKeys[String(objectutils_1.ObjectUtils.resolveFieldData(this._selection, this.dataKey))] = 1; } } } this.preventSelectionKeysPropagation = false; }, enumerable: true, configurable: true }); DataTable.prototype.ngDoCheck = function () { if (!this.immutable) { var changes = this.differ.diff(this.value); if (changes) { this.handleDataChange(); } } }; DataTable.prototype.handleDataChange = function () { var _this = this; if (this.paginator) { this.updatePaginator(); } if (this.virtualScroll && this.virtualScrollCallback) { this.virtualScrollCallback(); } if (!this.lazy) { if (this.hasFilter()) { this._filter(); } if (this.preventSortPropagation) { this.preventSortPropagation = false; } else if (this.sortField || this.multiSortMeta) { if (!this.sortColumn && this.columns) { this.sortColumn = this.columns.find(function (col) { return col.field === _this.sortField && col.sortable === 'custom'; }); } if (this.sortMode == 'single') this.sortSingle(); else if (this.sortMode == 'multiple') this.sortMultiple(); } } this.updateDataToRender(this.filteredValue || this.value); }; DataTable.prototype.initColumns = function () { this.columns = this.cols.toArray(); this.initScrollableColumns(); this.columnsChanged = true; }; DataTable.prototype.initScrollableColumns = function () { this.scrollableColumns = []; this.frozenColumns = []; for (var _i = 0, _a = this.columns; _i < _a.length; _i++) { var col = _a[_i]; if (col.frozen) this.frozenColumns.push(col); else this.scrollableColumns.push(col); } }; DataTable.prototype.initColumnGroups = function () { var headerColumnsGroups = this.headerColumnGroups.toArray(); var footerColumnsGroups = this.footerColumnGroups.toArray(); for (var _i = 0, headerColumnsGroups_1 = headerColumnsGroups; _i < headerColumnsGroups_1.length; _i++) { var columnGroup = headerColumnsGroups_1[_i]; if (columnGroup.frozen) this.frozenHeaderColumnGroup = columnGroup; else this.scrollableHeaderColumnGroup = columnGroup; } for (var _a = 0, footerColumnsGroups_1 = footerColumnsGroups; _a < footerColumnsGroups_1.length; _a++) { var columnGroup = footerColumnsGroups_1[_a]; if (columnGroup.frozen) this.frozenFooterColumnGroup = columnGroup; else this.scrollableFooterColumnGroup = columnGroup; } }; DataTable.prototype.resolveFieldData = function (data, field) { return objectutils_1.ObjectUtils.resolveFieldData(data, field); }; DataTable.prototype.updateRowGroupMetadata = function () { this.rowGroupMetadata = {}; if (this.dataToRender) { for (var i = 0; i < this.dataToRender.length; i++) { var rowData = this.dataToRender[i]; var group = this.resolveFieldData(rowData, this.sortField); if (i == 0) { this.rowGroupMetadata[group] = { index: 0, size: 1 }; } else { var previousRowData = this.dataToRender[i - 1]; var previousRowGroup = this.resolveFieldData(previousRowData, this.sortField); if (group === previousRowGroup) { this.rowGroupMetadata[group].size++; } else { this.rowGroupMetadata[group] = { index: i, size: 1 }; } } } } }; DataTable.prototype.updatePaginator = function () { //total records this.updateTotalRecords(); //first if (this.totalRecords && this.first >= this.totalRecords) { var numberOfPages = Math.ceil(this.totalRecords / this.rows); this._first = Math.max((numberOfPages - 1) * this.rows, 0); } }; DataTable.prototype.updateTotalRecords = function () { this.totalRecords = this.lazy ? this.totalRecords : (this.value ? this.value.length : 0); }; DataTable.prototype.onPageChange = function (event) { this._first = event.first; this.firstChange.emit(this.first); this.rows = event.rows; this.paginate(); }; DataTable.prototype.paginate = function () { if (this.lazy) this.onLazyLoad.emit(this.createLazyLoadMetadata()); else this.updateDataToRender(this.filteredValue || this.value); this.onPage.emit({ first: this.first, rows: this.rows }); }; DataTable.prototype.updateDataToRender = function (datasource) { if ((this.paginator || this.virtualScroll) && datasource) { this.dataToRender = []; var startIndex = this.lazy ? 0 : this.first; var endIndex = this.virtualScroll ? this.first + this.rows * 2 : startIndex + this.rows; for (var i = startIndex; i < endIndex; i++) { if (i >= datasource.length) { break; } this.dataToRender.push(datasource[i]); } } else { this.dataToRender = datasource; } if (this.rowGroupMode) { this.updateRowGroupMetadata(); } this.changeDetector.markForCheck(); }; DataTable.prototype.onVirtualScroll = function (event) { var _this = this; this._first = (event.page - 1) * this.rows; this.virtualScrollCallback = event.callback; this.zone.run(function () { if (_this.virtualScrollTimer) { clearTimeout(_this.virtualScrollTimer); } _this.virtualScrollTimer = setTimeout(function () { if (_this.lazy) _this.onLazyLoad.emit(_this.createLazyLoadMetadata()); else _this.updateDataToRender(_this.filteredValue || _this.value); }, _this.virtualScrollDelay); }); }; DataTable.prototype.onHeaderKeydown = function (event, column) { if (event.keyCode == 13) { this.sort(event, column); event.preventDefault(); } }; DataTable.prototype.onHeaderMousedown = function (event, header) { if (this.reorderableColumns) { if (event.target.nodeName !== 'INPUT') { header.draggable = true; } else if (event.target.nodeName === 'INPUT') { header.draggable = false; } } }; DataTable.prototype.sort = function (event, column) { if (!column.sortable) { return; } var targetNode = event.target; if (domhandler_1.DomHandler.hasClass(targetNode, 'ui-sortable-column') || domhandler_1.DomHandler.hasClass(targetNode, 'ui-column-title') || domhandler_1.DomHandler.hasClass(targetNode, 'ui-sortable-column-icon')) { if (!this.immutable) { this.preventSortPropagation = true; } var columnSortField = column.sortField || column.field; this._sortOrder = (this.sortField === columnSortField) ? this.sortOrder * -1 : this.defaultSortOrder; this._sortField = columnSortField; this.sortColumn = column; var metaKey = event.metaKey || event.ctrlKey; if (this.sortMode == 'multiple') { if (!this.multiSortMeta || !metaKey) { this._multiSortMeta = []; } this.addSortMeta({ field: this.sortField, order: this.sortOrder }); } if (this.lazy) { this._first = 0; this.onLazyLoad.emit(this.createLazyLoadMetadata()); } else { if (this.sortMode == 'multiple') this.sortMultiple(); else this.sortSingle(); } this.onSort.emit({ field: this.sortField, order: this.sortOrder, multisortmeta: this.multiSortMeta }); } this.updateDataToRender(this.filteredValue || this.value); }; DataTable.prototype.sortSingle = function () { var _this = this; if (this.value) { if (this.sortColumn && this.sortColumn.sortable === 'custom') { this.preventSortPropagation = true; this.sortColumn.sortFunction.emit({ field: this.sortField, order: this.sortOrder }); } else { this.value.sort(function (data1, data2) { var value1 = _this.resolveFieldData(data1, _this.sortField); var value2 = _this.resolveFieldData(data2, _this.sortField); var result = null; if (value1 == null && value2 != null) result = -1; else if (value1 != null && value2 == null) result = 1; else if (value1 == null && value2 == null) result = 0; else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2); else result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0; return (_this.sortOrder * result); }); } this._first = 0; if (this.hasFilter()) { this._filter(); } } }; DataTable.prototype.sortMultiple = function () { var _this = this; if (this.value) { this.value.sort(function (data1, data2) { return _this.multisortField(data1, data2, _this.multiSortMeta, 0); }); if (this.hasFilter()) { this._filter(); } } }; DataTable.prototype.multisortField = function (data1, data2, multiSortMeta, index) { var value1 = this.resolveFieldData(data1, multiSortMeta[index].field); var value2 = this.resolveFieldData(data2, multiSortMeta[index].field); var result = null; if (typeof value1 == 'string' || value1 instanceof String) { if (value1.localeCompare && (value1 != value2)) { return (multiSortMeta[index].order * value1.localeCompare(value2)); } } else { result = (value1 < value2) ? -1 : 1; } if (value1 == value2) { return (multiSortMeta.length - 1) > (index) ? (this.multisortField(data1, data2, multiSortMeta, index + 1)) : 0; } return (multiSortMeta[index].order * result); }; DataTable.prototype.addSortMeta = function (meta) { var index = -1; for (var i = 0; i < this.multiSortMeta.length; i++) { if (this.multiSortMeta[i].field === meta.field) { index = i; break; } } if (index >= 0) this.multiSortMeta[index] = meta; else this.multiSortMeta.push(meta); }; DataTable.prototype.isSorted = function (column) { if (!column.sortable) { return false; } var columnSortField = column.sortField || column.field; if (this.sortMode === 'single') { return (this.sortField && columnSortField === this.sortField); } else if (this.sortMode === 'multiple') { var sorted = false; if (this.multiSortMeta) { for (var i = 0; i < this.multiSortMeta.length; i++) { if (this.multiSortMeta[i].field == columnSortField) { sorted = true; break; } } } return sorted; } }; DataTable.prototype.getSortOrder = function (column) { var order = 0; var columnSortField = column.sortField || column.field; if (this.sortMode === 'single') { if (this.sortField && columnSortField === this.sortField) { order = this.sortOrder; } } else if (this.sortMode === 'multiple') { if (this.multiSortMeta) { for (var i = 0; i < this.multiSortMeta.length; i++) { if (this.multiSortMeta[i].field == columnSortField) { order = this.multiSortMeta[i].order; break; } } } } return order; }; DataTable.prototype.onRowGroupClick = function (event) { if (this.rowGroupToggleClick) { this.rowGroupToggleClick = false; return; } if (this.sortableRowGroup) { var targetNode = event.target.nodeName; if ((targetNode == 'TD' || (targetNode == 'SPAN' && !domhandler_1.DomHandler.hasClass(event.target, 'ui-clickable')))) { if (this.sortField != this.groupField) { this._sortField = this.groupField; this.sortSingle(); } else { this._sortOrder = -1 * this.sortOrder; this.sortSingle(); } } } }; DataTable.prototype.clearSelectionRange = function (event) { var rangeStart, rangeEnd; if (this.rangeRowIndex > this.anchorRowIndex) { rangeStart = this.anchorRowIndex; rangeEnd = this.rangeRowIndex; } else if (this.rangeRowIndex < this.anchorRowIndex) { rangeStart = this.rangeRowIndex; rangeEnd = this.anchorRowIndex; } else { rangeStart = this.rangeRowIndex; rangeEnd = this.rangeRowIndex; } var _loop_1 = function (i) { var rangeRowData = this_1.dataToRender[i]; var selectionIndex = this_1.findIndexInSelection(rangeRowData); this_1._selection = this_1.selection.filter(function (val, i) { return i != selectionIndex; }); var dataKeyValue = this_1.dataKey ? String(this_1.resolveFieldData(rangeRowData, this_1.dataKey)) : null; if (dataKeyValue) { delete this_1.selectionKeys[dataKeyValue]; } this_1.onRowUnselect.emit({ originalEvent: event, data: rangeRowData, type: 'row' }); }; var this_1 = this; for (var i = rangeStart; i <= rangeEnd; i++) { _loop_1(i); } }; DataTable.prototype.selectRange = function (event, rowIndex) { var rangeStart, rangeEnd; if (this.anchorRowIndex > rowIndex) { rangeStart = rowIndex; rangeEnd = this.anchorRowIndex; } else if (this.anchorRowIndex < rowIndex) { rangeStart = this.anchorRowIndex; rangeEnd = rowIndex; } else { rangeStart = rowIndex; rangeEnd = rowIndex; } for (var i = rangeStart; i <= rangeEnd; i++) { var rangeRowData = this.dataToRender[i]; this._selection = this.selection.concat([rangeRowData]); this.selectionChange.emit(this.selection); var dataKeyValue = this.dataKey ? String(this.resolveFieldData(rangeRowData, this.dataKey)) : null; if (dataKeyValue) { this.selectionKeys[dataKeyValue] = 1; } this.onRowSelect.emit({ originalEvent: event, data: rangeRowData, type: 'row' }); } }; DataTable.prototype.handleRowClick = function (event, rowData, index) { if (this.preventRowClickPropagation) { this.preventRowClickPropagation = false; return; } var targetNode = event.target.nodeName; if (targetNode == 'INPUT' || targetNode == 'BUTTON' || targetNode == 'A' || (domhandler_1.DomHandler.hasClass(event.target, 'ui-clickable'))) { return; } this.onRowClick.next({ originalEvent: event, data: rowData }); if (this.selectionMode) { if (this.isMultipleSelectionMode() && event.shiftKey && this.anchorRowIndex != null) { domhandler_1.DomHandler.clearSelection(); if (this.rangeRowIndex != null) { this.clearSelectionRange(event); } this.rangeRowIndex = index; this.selectRange(event, index); } else { var selected = this.isSelected(rowData); var metaSelection = this.rowTouched ? false : this.metaKeySelection; var dataKeyValue = this.dataKey ? String(this.resolveFieldData(rowData, this.dataKey)) : null; this.anchorRowIndex = index; this.rangeRowIndex = index; if (metaSelection) { var metaKey = event.metaKey || event.ctrlKey; if (selected && metaKey) { if (this.isSingleSelectionMode()) { this._selection = null; this.selectionKeys = {}; this.selectionChange.emit(null); } else { var selectionIndex_1 = this.findIndexInSelection(rowData); this._selection = this.selection.filter(function (val, i) { return i != selectionIndex_1; }); this.selectionChange.emit(this.selection); if (dataKeyValue) { delete this.selectionKeys[dataKeyValue]; } } this.onRowUnselect.emit({ originalEvent: event, data: rowData, type: 'row' }); } else { if (this.isSingleSelectionMode()) { this._selection = rowData; this.selectionChange.emit(rowData); if (dataKeyValue) { this.selectionKeys = {}; this.selectionKeys[dataKeyValue] = 1; } } else if (this.isMultipleSelectionMode()) { if (metaKey) { this._selection = this.selection || []; } else { this._selection = []; this.selectionKeys = {}; } this._selection = this.selection.concat([rowData]); this.selectionChange.emit(this.selection); if (dataKeyValue) { this.selectionKeys[dataKeyValue] = 1; } } this.onRowSelect.emit({ originalEvent: event, data: rowData, type: 'row' }); } } else { if (this.isSingleSelectionMode()) { if (selected) { this._selection = null; this.selectionKeys = {}; this.selectionChange.emit(this.selection); this.onRowUnselect.emit({ originalEvent: event, data: rowData, type: 'row' }); } else { this._selection = rowData; this.selectionChange.emit(this.selection); this.onRowSelect.emit({ originalEvent: event, data: rowData, type: 'row' }); if (dataKeyValue) { this.selectionKeys = {}; this.selectionKeys[dataKeyValue] = 1; } } } else { if (selected) { var selectionIndex_2 = this.findIndexInSelection(rowData); this._selection = this.selection.filter(function (val, i) { return i != selectionIndex_2; }); this.selectionChange.emit(this.selection); this.onRowUnselect.emit({ originalEvent: event, data: rowData, type: 'row' }); if (dataKeyValue) { delete this.selectionKeys[dataKeyValue]; } } else { this._selection = (this.selection || []).concat([rowData]); this.selectionChange.emit(this.selection); this.onRowSelect.emit({ originalEvent: event, data: rowData, type: 'row' }); if (dataKeyValue) { this.selectionKeys[dataKeyValue] = 1; } } } } } this.preventSelectionKeysPropagation = true; } this.rowTouched = false; }; DataTable.prototype.handleRowTouchEnd = function (event) { this.rowTouched = true; }; DataTable.prototype.selectRowWithRadio = function (event, rowData) { if (this.selection != rowData) { this._selection = rowData; this.selectionChange.emit(this.selection); this.onRowSelect.emit({ originalEvent: event, data: rowData, type: 'radiobutton' }); if (this.dataKey) { this.selectionKeys = {}; this.selectionKeys[String(this.resolveFieldData(rowData, this.dataKey))] = 1; } } else { this._selection = null; this.selectionChange.emit(this.selection); this.onRowUnselect.emit({ originalEvent: event, data: rowData, type: 'radiobutton' }); } this.preventSelectionKeysPropagation = true; this.preventRowClickPropagation = true; }; DataTable.prototype.toggleRowWithCheckbox = function (event, rowData) { var selectionIndex = this.findIndexInSelection(rowData); this.selection = this.selection || []; var dataKeyValue = this.dataKey ? String(this.resolveFieldData(rowData, this.dataKey)) : null; if (selectionIndex != -1) { this._selection = this.selection.filter(function (val, i) { return i != selectionIndex; }); this.selectionChange.emit(this.selection); this.onRowUnselect.emit({ originalEvent: event, data: rowData, type: 'checkbox' }); if (dataKeyValue) { delete this.selectionKeys[dataKeyValue]; } } else { this._selection = this.selection.concat([rowData]); this.selectionChange.emit(this.selection); this.onRowSelect.emit({ originalEvent: event, data: rowData, type: 'checkbox' }); if (dataKeyValue) { this.selectionKeys[dataKeyValue] = 1; } } this.preventSelectionKeysPropagation = true; this.preventRowClickPropagation = true; }; DataTable.prototype.toggleRowsWithCheckbox = function (event) { if (event.checked) this.selection = this.headerCheckboxToggleAllPages ? this.value.slice() : this.dataToRender.slice(); else this.selection = []; this.selectionChange.emit(this.selection); this.onHeaderCheckboxToggle.emit({ originalEvent: event, checked: event.checked }); }; DataTable.prototype.onRowRightClick = function (event, rowData) { if (this.contextMenu) { var selectionIndex = this.findIndexInSelection(rowData); var selected = selectionIndex != -1; var dataKeyValue = this.dataKey ? String(this.resolveFieldData(rowData, this.dataKey)) : null; if (!selected) { if (this.isSingleSelectionMode()) { this.selection = rowData; this.selectionChange.emit(rowData); } else if (this.isMultipleSelectionMode()) { this.selection = [rowData]; this.selectionChange.emit(this.selection); } if (this.dataKey) { this.selectionKeys[String(this.resolveFieldData(rowData, this.dataKey))] = 1; this.preventSelectionKeysPropagation = true; } } this.contextMenu.show(event); this.onContextMenuSelect.emit({ originalEvent: event, data: rowData }); } }; DataTable.prototype.rowDblclick = function (event, rowData) { this.onRowDblclick.emit({ originalEvent: event, data: rowData }); }; DataTable.prototype.isSingleSelectionMode = function () { return this.selectionMode === 'single'; }; DataTable.prototype.isMultipleSelectionMode = function () { return this.selectionMode === 'multiple'; }; DataTable.prototype.findIndexInSelection = function (rowData) { var index = -1; if (this.selection) { for (var i = 0; i < this.selection.length; i++) { if (this.equals(rowData, this.selection[i])) { index = i; break; } } } return index; }; DataTable.prototype.isSelected = function (rowData) { if (rowData && this.selection) { if (this.dataKey) { return this.selectionKeys[objectutils_1.ObjectUtils.resolveFieldData(rowData, this.dataKey)] !== undefined; } else { if (this.selection instanceof Array) return this.findIndexInSelection(rowData) > -1; else return this.equals(rowData, this.selection); } } return false; }; DataTable.prototype.equals = function (data1, data2) { return this.compareSelectionBy === 'equals' ? (data1 === data2) : objectutils_1.ObjectUtils.equals(data1, data2, this.dataKey); }; Object.defineProperty(DataTable.prototype, "allSelected", { get: function () { if (this.headerCheckboxToggleAllPages) { return this.selection && this.value && this.selection.length === this.value.length; } else { var val = true; if (this.dataToRender && this.selection && (this.dataToRender.length <= this.selection.length)) { for (var _i = 0, _a = this.dataToRender; _i < _a.length; _i++) { var data = _a[_i]; if (!this.isSelected(data)) { val = false; break; } } } else { val = false; } return val; } }, enumerable: true, configurable: true }); DataTable.prototype.onFilterKeyup = function (value, field, matchMode) { var _this = this; if (this.filterTimeout) { clearTimeout(this.filterTimeout); } this.filterTimeout = setTimeout(function () { _this.filter(value, field, matchMode); _this.filterTimeout = null; }, this.filterDelay); }; DataTable.prototype.filter = function (value, field, matchMode) { if (!this.isFilterBlank(value)) this.filters[field] = { value: value, matchMode: matchMode }; else if (this.filters[field]) delete this.filters[field]; this._filter(); }; DataTable.prototype.isFilterBlank = function (filter) { if (filter !== null && filter !== undefined) { if ((typeof filter === 'string' && filter.trim().length == 0) || (filter instanceof Array && filter.length == 0)) return true; else return false; } return true; }; DataTable.prototype._filter = function () { this._first = 0; if (this.lazy) { this.onLazyLoad.emit(this.createLazyLoadMetadata()); } else { if (!this.value || !this.columns) { return; } this.filteredValue = []; for (var i = 0; i < this.value.length; i++) { var localMatch = true; var globalMatch = false; for (var j = 0; j < this.columns.length; j++) { var col = this.columns[j], filterMeta = this.filters[col.filterField || col.field]; //local if (filterMeta) { var filterValue = filterMeta.value, filterField = col.filterField || col.field, filterMatchMode = filterMeta.matchMode || 'startsWith', dataFieldValue = this.resolveFieldData(this.value[i], filterField); var filterConstraint = this.filterConstraints[filterMatchMode]; if (!filterConstraint(dataFieldValue, filterValue)) { localMatch = false; } if (!localMatch) { break; } } //global if (!col.excludeGlobalFilter && this.globalFilter && !globalMatch) { globalMatch = this.filterConstraints['contains'](this.resolveFieldData(this.value[i], col.filterField || col.field), this.globalFilter.value); } } var matches = localMatch; if (this.globalFilter) { matches = localMatch && globalMatch; } if (matches) { this.filteredValue.push(this.value[i]); } } if (this.filteredValue.length === this.value.length) { this.filteredValue = null; } if (this.paginator) { this.totalRecords = this.filteredValue ? this.filteredValue.length : this.value ? this.value.length : 0; } this.updateDataToRender(this.filteredValue || this.value); } this.onFilter.emit({ filters: this.filters, filteredValue: this.filteredValue || this.value }); }; DataTable.prototype.hasFilter = function () { var empty = true; for (var prop in this.filters) { if (this.filters.hasOwnProperty(prop)) { empty = false; break; } } return !empty || (this.globalFilter && this.globalFilter.value && this.globalFilter.value.trim().length); }; DataTable.prototype.onFilterInputClick = function (event) { event.stopPropagation(); }; DataTable.prototype.switchCellToEditMode = function (cell, column, rowData) { if (!this.selectionMode && this.editable && column.editable) { this.editorClick = true; this.bindDocumentEditListener(); if (cell != this.editingCell) { if (this.editingCell && domhandler_1.DomHandler.find(this.editingCell, '.ng-invalid.ng-dirty').length == 0) { domhandler_1.DomHandler.removeClass(this.editingCell, 'ui-cell-editing'); } this.editingCell = cell; this.onEditInit.emit({ column: column, data: rowData }); domhandler_1.DomHandler.addClass(cell, 'ui-cell-editing'); var focusable_1 = domhandler_1.DomHandler.findSingle(cell, '.ui-cell-editor input, .ui-cell-editor textarea'); if (focusable_1) { setTimeout(function () { return domhandler_1.DomHandler.invokeElementMethod(focusable_1, 'focus'); }, 50); } } } }; DataTable.prototype.switchCellToViewMode = function (element) { this.editingCell = null; var cell = this.findCell(element); domhandler_1.DomHandler.removeClass(cell, 'ui-cell-editing'); this.unbindDocumentEditListener(); }; DataTable.prototype.closeCell = function () { if (this.editingCell) { domhandler_1.DomHandler.removeClass(this.editingCell, 'ui-cell-editing'); this.editingCell = null; this.unbindDocumentEditListener(); } }; DataTable.prototype.bindDocumentEditListener = function () { var _this = this; if (!this.documentEditListener) { this.documentEditListener = this.renderer.listen('document', 'click', function (event) { if (!_this.editorClick && event.button !== 2) { _this.closeCell(); } _this.editorClick = false; }); } }; DataTable.prototype.unbindDocumentEditListener = function () { if (this.documentEditListener) { this.documentEditListener(); this.documentEditListener = null; } }; DataTable.prototype.onCellEditorKeydown = function (event, column, rowData, rowIndex) { if (this.editable) { //enter if (event.keyCode == 13) { if (domhandler_1.DomHandler.find(this.editingCell, '.ng-invalid.ng-dirty').length == 0) { this.switchCellToViewMode(event.target); event.preventDefault(); } } //escape else if (event.keyCode == 27) { this.switchCellToViewMode(event.target); event.preventDefault(); } //tab else if (event.keyCode == 9) { if (event.shiftKey) this.moveToPreviousCell(event); else this.moveToNextCell(event); } } }; DataTable.prototype.onCellEditorInput = function (event, column, rowData, rowIndex) { if (this.editable) { this.onEdit.emit({ originalEvent: event, column: column, data: rowData, index: rowIndex }); } }; DataTable.prototype.onCellEditorChange = function (event, column, rowData, rowIndex) { if (this.editable) { this.editChanged = true; this.onEditComplete.emit({ column: column, data: rowData, index: rowIndex }); } }; DataTable.prototype.onCellEditorBlur = function (event, column, rowData, rowIndex) { if (this.editable) { if (this.editChanged) this.editChanged = false; else this.onEditCancel.emit({ column: column, data: rowData, index: rowIndex }); } }; DataTable.prototype.moveToPreviousCell = function (event) { var currentCell = this.findCell(event.target); var row = currentCell.parentElement; var targetCell = this.findPreviousEditableColumn(currentCell); if (targetCell) { domhandler_1.DomHandler.invokeElementMethod(targetCell, 'click'); event.preventDefault(); } }; DataTable.prototype.moveToNextCell = function (event) { var currentCell = this.findCell(event.target); var row = currentCell.parentElement; var targetCell = this.findNextEditableColumn(currentCell); if (targetCell) { domhandler_1.DomHandler.invokeElementMethod(targetCell, 'click'); event.preventDefault(); } }; DataTable.prototype.findPreviousEditableColumn = function (cell) { var prevCell = cell.previousElementSibling; if (!prevCell) { var previousRow = cell.parentElement.previousElementSibling; if (previousRow) { prevCell = previousRow.lastElementChild; } } if (prevCell) { if (domhandler_1.DomHandler.hasClass(prevCell, 'ui-editable-column')) return prevCell; else return this.findPreviousEditableColumn(prevCell); } else { return null; } }; DataTable.prototype.findNextEditableColumn = function (cell) { var nextCell = cell.nextElementSibling; if (!nextCell) { var nextRow = cell.parentElement.nextElementSibling; if (nextRow) { nextCell = nextRow.firstElementChild; } } if (nextCell) { if (domhandler_1.DomHandler.hasClass(nextCell, 'ui-editable-column')) return nextCell; else return this.findNextEditableColumn(nextCell); } else { return null; } }; DataTable.prototype.onCustomEditorFocusPrev = function (event) { this.moveToPreviousCell(event); }; DataTable.prototype.onCustomEditorFocusNext = function (event) { this.moveToNextCell(event); }; DataTable.prototype.findCell = function (element) { if (element) { var cell = element; while (cell && cell.tagName != 'TD') { cell = cell.parentElement; } return cell; } else { return null; } }; DataTable.prototype.initResizableColumns = function () { this.tbody = domhandler_1.DomHandler.findSingle(this.el.nativeElement, 'tbody.ui-datatable-data'); this.resizerHelper = domhandler_1.DomHandler.findSingle(this.el.nativeElement, 'div.ui-column-resizer-helper'); this.fixColumnWidths(); }; DataTable.prototype.onDocumentMouseMove = function (event) { if (this.columnResizing) { this.onColumnResize(event); } }; DataTable.prototype.onDocumentMouseUp = function (event) { if (this.columnResizing) { this.columnResizing = false; this.onColumnResizeEnd(event); } }; DataTable.prototype.bindColumnResizeEvents = function () { var _this = this; this.zone.runOutsideAngular(function () { window.document.addEventListener('mousemove', _this.onDocumentMouseMove.bind(_this)); }); this.documentColumnResizeEndListener = this.renderer.listen('document', 'mouseup', function (event) { if (_this.columnResizing) { _this.columnResizing = false; _this.onColumnResizeEnd(event); } }); }; DataTable.prototype.unbindColumnResizeEvents = function () { window.document.removeEventListener('mousemove', this.onDocumentMouseMove); if (this.documentColumnResizeEndListener) { this.documentColumnResizeEndListener(); this.documentColumnResizeEndListener = null; } }; DataTable.prototype.initColumnResize = function (event) { this.bindColumnResizeEvents(); var container = this.el.nativeElement.children[0]; var containerLeft = domhandler_1.DomHandler.getOffset(container).left; this.resizeColumn = event.target.parentElement; this.columnResizing = true; this.lastResizerHelperX = (event.pageX - containerLeft + container.scrollLeft); }; DataTable.prototype.onColumnResize = function (event) { var container = this.el.nativeElement.children[0]; var containerLeft = domhandler_1.DomHandler.getOffset(container).left; domhandler_1.DomHandler.addClass(container, 'ui-unselectable-text'); this.resizerHelper.style.height = container.offsetHeight + 'px'; this.resizerHelper.style.top = 0 + 'px'; this.resizerHelper.style.left = (event.pageX - containerLeft + container.scrollLeft) + 'px'; this.resizerHelper.style.display = 'block'; }; DataTable.prototype.onColumnResizeEnd = function (event) { var delta = this.resizerHelper.offsetLeft - this.lastResizerHelperX; var columnWidth = this.resizeColumn.offsetWidth; var newColumnWidth = columnWidth + delta; var minWidth = this.resizeColumn.style.minWidth || 15; if (columnWidth + delta > parseInt(minWidth)) { if (this.columnResizeMode === 'fit') { var nextColumn = this.resizeColumn.nextElementSibling; while (domhandler_1.DomHandler.hasClass(nextColumn, 'ui-helper-hidden')) { nextColumn = nextColumn.nextElementSibling; } if (nextColumn) { var nextColumnWidth = nextColumn.offsetWidth - delta; var nextColumnMinWidth = nextColumn.style.minWidth || 15; if (newColumnWidth > 15 && nextColumnWidth > parseInt(nextColumnMinWidth)) { this.resizeColumn.style.width = newColumnWidth + 'px'; if (nextColumn) { nextColumn.style.width = nextColumnWidth + 'px'; } if (this.scrollable) { var colGroup = domhandler_1.DomHandler.findSingle(this.el.nativeElement, 'colgroup.ui-datatable-scrollable-colgroup'); var resizeColumnIndex = domhandler_1.DomHandler.index(this.resizeColumn); colGroup.children[resizeColumnIndex].style.width = newColumnWidth + 'px'; if (nextColumn) { colGroup.children[resizeColumnIndex + 1].style.width = nextColumnWidth + 'px'; } } } } } else if (this.columnResizeMode === 'expand') { this.tbody.parentElement.style.width = this.tbody.parentElement.offsetWidth + delta + 'px'; this.resizeColumn.style.width = newColumnWidth + 'px'; var containerWidth = this.tbody.parentElement.style.width; if (this.scrollable) { domhandler_1.DomHandler.findSingle(this.el.nativeElement, '.ui-datatable-scrollable-header-box').children[0].style.width = containerWidth; var colGroup = domhandler_1.DomHandler.findSingle(this.el.nativeElement, 'colgroup.ui-datatable-scrollable-colgroup'); var resizeColumnIndex = domhandler_1.DomHandler.index(this.resizeColumn); colGroup.children[resizeColumnIndex].style.width = newColumnWidth + 'px'; } else { this.el.nativeElement.children[0].style.width = containerWidth; } } this.onColResize.emit({ element: this.resizeColumn, delta: delta }); } this.resizerHelper.style.display = 'none'; this.resizeColumn = null; domhandler_1.DomHandler.removeClass(this.el.nativeElement.children[0], 'ui-unselectable-text'); this.unbindColumnResizeEvents(); }; DataTable.prototype.fixColumnWidths = function () { var columns = domhandler_1.DomHandler.find(this.el.nativeElement, 'th.ui-resizable-column'); var bodyCols; for (var i = 0; i < columns.length; i++) { columns[i].style.width = columns[i].offsetWidth + 'px'; } if (this.scrollable) { var colGroup = domhandler_1.DomHandler.findSingle(this.el.nativeElement, 'colgroup.ui-datatable-scrollable-colgroup'); bodyCols = colGroup.children; if (bodyCols) { for (var i = 0; i < bodyCols.length; i++) { bodyCols[i].style.width = columns[i].offsetWidth + 'px'; } } } }; DataTable.prototype.onColumnDragStart = function (event) { var _this = this; if (this.columnResizing) { event.preventDefault(); return; } this.draggedColumn = this.findParentHeader(event.target); event.dataTransfer.setData('text', 'b'); // Firefox requires this to make dragging possible this.zone.runOutsideAngular(function () { window.document.addEventListener('dragover', _this.onColumnDragover.bind(_this)); }); }; DataTable.prototype.onColumnDragover = function (event) { var dropHeader = this.findParentHeader(event.target); if (this.reorderableColumns && this.draggedColumn && dropHeader) { event.preventDefault(); var container = this.el.nativeElement.children[0]; var containerOffset = domhandler_1.DomHandler.getOffset(container); var dropHeaderOffset = domhandler_1.DomHandler.getOffset(dropHeader); if (this.draggedColumn != dropHeader) { var targetLeft = dropHeaderOffset.left - containerOffset.left; var targetTop = containerOffset.top - dropHeaderOffset.top; var columnCenter = dropHeaderOffset.left + dropHeader.offsetWidth / 2; this.reorderIndicatorUp.style.top = dropHeaderOffset.top - containerOffset.top - (this.iconHeight - 1) + 'px'; this.reorderIndicatorDown.style.top = dropHeaderOffset.top - containerOffset.top + dropHeader.offsetHeight + 'px'; if (event.pageX > columnCenter) { this.reorderIndicatorUp.style.left = (targetLeft + dropHeader.offsetWidth - Math.ceil(this.iconWidth / 2)) + 'px'; this.reorderIndicatorDown.style.left = (targetLeft + dropHeader.offsetWidth - Math.ceil(this.iconWidth / 2)) + 'px'; this.dropPosition = 1; } else { this.reorderIndicatorUp.style.left = (targetLeft - Math.ceil(this.iconWidth / 2)) + 'px'; this.reorderIndicatorDown.style.left = (targetLeft - Math.ceil(this.iconWidth / 2)) + 'px'; this.dropPosition = -1; } this.reorderIndicatorUp.style.display = 'block'; this.reorderIndicatorDown.style.display = 'block'; } else { event.dataTransfer.dropEffect = 'none'; } } }; DataTable.prototype.onColumnDragleave = function (event) { if (this.reorderableColumns && this.draggedColumn) { event.preventDefault(); this.reorderIndicatorUp.style.display = 'none'; this.reorderIndicatorDown.style.display = 'none'; window.document.removeEventListener('dragover', this.onColumnDragover); } }; DataTable.prototype.onColumnDrop = function (event) { event.preventDefault(); if (this.draggedColumn) { var dragIndex = domhandler_1.DomHandler.index(this.draggedColumn); var dropIndex = domhandler_1.DomHandler.index(this.findParentHeader(event.target)); var allowDrop = (dragIndex != dropIndex); if (allowDrop && ((dropIndex - dragIndex == 1 && this.dropPosition === -1) || (dragIndex - dropIndex == 1 && this.dropPosition === 1))) { allowDrop = false; } if (allowDrop) { objectutils_1.ObjectUtils.reorderArray(this.columns, dragIndex, dropIndex); if (this.scrollable) { this.initScrollableColumns(); } this.onColReorder.emit({ dragIndex: dragIndex, dropIndex: dropIndex, columns: this.columns }); } this.reorderIndicatorUp.style.display = 'none'; this.reorderIndicatorDown.style.display = 'none'; this.draggedColumn.draggable = false; this.draggedColumn = null; this.dropPosition = null; } }; DataTable.prototype.initColumnReordering = function () { this.reorderIndicatorUp = domhandler_1.DomHandler.findSingle(this.el.nativeElement.children[0], 'span.ui-datatable-reorder-indicator-up'); this.reorderIndicatorDown = domhandler_1.DomHandler.findSingle(this.el.nativeElement.children[0], 'span.ui-datatable-reorder-indicator-down'); this.iconWidth = domhandler_1.DomHandler.getHiddenElementOuterWidth(this.reorderIndicatorUp); this.iconHeight = domhandler_1.DomHandler.getHiddenElementOuterHeight(this.reorderIndicatorUp); }; DataTable.prototype.findParentHeader = function (element) { if (element.nodeName == 'TH') { return element; } else { var parent_1 = element.parentElement; while (parent_1.nodeName != 'TH') { parent_1 = parent_1.parentElement; if (!parent_1) break; } return parent_1; } }; DataTable.prototype.hasFooter = function () { if (this.footerColumnGroups && this.footerColumnGroups.first) { return true; } else { if (this.columns) { for (var i = 0; i < this.columns.length; i++) { if (this.columns[i].footer || this.columns[i].footerTemplate) { return true; } } } } return false; }; DataTable.prototype.isEmpty = function () { return !this.dataToRender || (this.dataToRender.length == 0); }; DataTable.prototype.createLazyLoadMetadata = function () { return { first: this.first, rows: this.virtualScroll ? this.rows * 2 : this.rows, sortField: this.sortField, sortOrder: this.sortOrder, filters: this.filters, globalFilter: this.globalFilter ? this.globalFilter.value : null, multiSortMeta: this.multiSortMeta }; }; DataTable.prototype.toggleRow = function (row, event) { if (!this.expandedRows) { this.expandedRows = []; } var expandedRowIndex = this.findExpandedRowIndex(row); if (expandedRowIndex != -1) { this.expandedRows.splice(expandedRowIndex, 1); this.onRowCollapse.emit({ originalEvent: event, data: row }); } else { if (this.rowExpandMode === 'single') { this.expandedRows = []; } this.expandedRows.push(row); this.onRowExpand.emit({ originalEvent: event, data: row }); } if (event) { event.preventDefault(); } }; DataTable.prototype.findExpandedRowIndex = function (row) { var index = -1; if (this.expandedRows) { for (var i = 0; i < this.expandedRows.length; i++) { if (this.expandedRows[i] == row) { index = i; break; } } } return index; }; DataTable.prototype.isRowExpanded = function (row) { return this.findExpandedRowIndex(row) != -1; }; DataTable.prototype.findExpandedRowGroupIndex = function (row) { var index = -1; if (this.expandedRowsGroups && this.expandedRowsGroups.length) { for (var i = 0; i < this.expandedRowsGroups.length; i++) { var group = this.expandedRowsGroups[i]; var rowGroupField = this.resolveFieldData(row, this.groupField); if (rowGroupField === group) { index = i; break; } } } return index; }; DataTable.prototype.isRowGroupExpanded = function (row) { return this.findExpandedRowGroupIndex(row) != -1; }; DataTable.prototype.toggleRowGroup = function (event, row) { if (!this.expandedRowsGroups) { this.expandedRowsGroups = []; } this.rowGroupToggleClick = true; var index = this.findExpandedRowGroupIndex(row); var rowGroupField = this.resolveFieldData(row, this.groupField); if (index >= 0) { this.expandedRowsGroups.splice(index, 1); this.onRowGroupCollapse.emit({ originalEvent: event, group: rowGroupField }); } else { if (this.rowGroupExpandMode === 'single') { this.expandedRowsGroups = []; } this.expandedRowsGroups.push(rowGroupField); this.onRowGroupExpand.emit({ originalEvent: event, group: rowGroupField }); } event.preventDefault(); }; DataTable.prototype.reset = function () { this._sortField = null; this._sortOrder = 1; this.filteredValue = null; this.filters = {}; this._first = 0; this.firstChange.emit(this._first); this.updateTotalRecords(); if (this.lazy) this.onLazyLoad.emit(this.createLazyLoadMetadata()); else this.updateDataToRender(this.value); }; DataTable.prototype.exportCSV = function (options) { var _this = this; var data = this.filteredValue || this.value; var csv = '\ufeff'; if (options && options.selectionOnly) { data = this.selection || []; } //headers for (var i = 0; i < this.columns.length; i++) { var column = this.columns[i]; if (column.exportable && column.field) { csv += '"' + (column.header || column.field) + '"'; if (i < (this.columns.length - 1)) { csv += this.csvSeparator; } } } //body data.forEach(function (record, i) { csv += '\n'; for (var i_1 = 0; i_1 < _this.columns.length; i_1++) { var column = _this.columns[i_1]; if (column.exportable && column.field) { var cellData = _this.resolveFieldData(record, column.field); if (cellData != null) cellData = String(cellData).replace(/"/g, '""'); else cellData = ''; csv += '"' + cellData + '"'; if (i_1 < (_this.columns.length - 1)) { csv += _this.csvSeparator; } } } }); var blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' }); if (window.navigator.msSaveOrOpenBlob) { navigator.msSaveOrOpenBlob(blob, this.exportFilename + '.csv'); } else { var link = document.createElement("a"); link.style.display = 'none'; document.body.appendChild(link); if (link.download !== undefined) { link.setAttribute('href', URL.createObjectURL(blob)); link.setAttribute('download', this.exportFilename + '.csv'); link.click(); } else { csv = 'data:text/csv;charset=utf-8,' + csv; window.open(encodeURI(csv)); } document.body.removeChild(link); } }; DataTable.prototype.getBlockableElement = function () { return this.el.nativeElement.children[0]; }; DataTable.prototype.getRowStyleClass = function (rowData, rowIndex) { var styleClass = 'ui-widget-content'; if (this.rowStyleClass) { var rowClass = this.rowStyleClass.call(this, rowData, rowIndex); if (rowClass) { styleClass += ' ' + rowClass; } } else if (this.rowStyleMap && this.dataKey) { var rowClass = this.rowStyleMap[rowData[this.dataKey]]; if (rowClass) { styleClass += ' ' + rowClass; } } return styleClass; }; DataTable.prototype.visibleColumns = function () { return this.columns ? this.columns.filter(function (c) { return !c.hidden; }) : []; }; Object.defineProperty(DataTable.prototype, "containerWidth", { get: function () { if (this.scrollable) { if (this.scrollWidth) { return this.scrollWidth; } else if (this.frozenWidth && this.unfrozenWidth) { return parseFloat(this.frozenWidth) + parseFloat(this.unfrozenWidth) + 'px'; } } else { return this.style ? this.style.width : null; } }, enumerable: true, configurable: true }); DataTable.prototype.hasFrozenColumns = function () { return this.frozenColumns && this.frozenColumns.length > 0; }; DataTable.prototype.ngOnDestroy = function () { //remove event listener if (this.globalFilterFunction) { this.globalFilterFunction(); } if (this.resizableColumns) { this.unbindColumnResizeEvents(); } this.unbindDocumentEditListener(); if (this.columnsSubscription) { this.columnsSubscription.unsubscribe(); } if (this.virtualScrollCallback) { this.virtualScrollCallback = null; } }; __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "paginator", void 0); __decorate([ core_1.Input(), __metadata("design:type", Number) ], DataTable.prototype, "rows", void 0); __decorate([ core_1.Input(), __metadata("design:type", Number) ], DataTable.prototype, "pageLinks", void 0); __decorate([ core_1.Input(), __metadata("design:type", Array) ], DataTable.prototype, "rowsPerPageOptions", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "responsive", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "stacked", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "selectionMode", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "selectionChange", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "editable", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "showHeaderCheckbox", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onRowClick", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onRowSelect", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onRowUnselect", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onRowDblclick", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onHeaderCheckboxToggle", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "headerCheckboxToggleAllPages", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onContextMenuSelect", void 0); __decorate([ core_1.Input(), __metadata("design:type", Number) ], DataTable.prototype, "filterDelay", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "lazy", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onLazyLoad", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "resizableColumns", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "columnResizeMode", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onColResize", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "reorderableColumns", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onColReorder", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "scrollable", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "virtualScroll", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], DataTable.prototype, "scrollHeight", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], DataTable.prototype, "scrollWidth", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], DataTable.prototype, "frozenWidth", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], DataTable.prototype, "unfrozenWidth", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], DataTable.prototype, "style", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "styleClass", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], DataTable.prototype, "tableStyle", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "tableStyleClass", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], DataTable.prototype, "globalFilter", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "sortMode", void 0); __decorate([ core_1.Input(), __metadata("design:type", Number) ], DataTable.prototype, "defaultSortOrder", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "groupField", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], DataTable.prototype, "contextMenu", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "csvSeparator", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "exportFilename", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "emptyMessage", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "paginatorPosition", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "alwaysShowPaginator", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "metaKeySelection", void 0); __decorate([ core_1.Input(), __metadata("design:type", Function) ], DataTable.prototype, "rowTrackBy", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "immutable", void 0); __decorate([ core_1.Input(), __metadata("design:type", Array) ], DataTable.prototype, "frozenValue", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "compareSelectionBy", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onEditInit", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onEditComplete", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onEdit", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onEditCancel", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onPage", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onSort", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onFilter", void 0); __decorate([ core_1.ContentChild(shared_2.Header), __metadata("design:type", Object) ], DataTable.prototype, "header", void 0); __decorate([ core_1.ContentChild(shared_2.Footer), __metadata("design:type", Object) ], DataTable.prototype, "footer", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "expandableRows", void 0); __decorate([ core_1.Input(), __metadata("design:type", Array) ], DataTable.prototype, "expandedRows", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "expandableRowGroups", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "rowExpandMode", void 0); __decorate([ core_1.Input(), __metadata("design:type", Array) ], DataTable.prototype, "expandedRowsGroups", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "expandedIcon", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "collapsedIcon", void 0); __decorate([ core_1.Input(), __metadata("design:type", Number) ], DataTable.prototype, "tabindex", void 0); __decorate([ core_1.Input(), __metadata("design:type", Function) ], DataTable.prototype, "rowStyleClass", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], DataTable.prototype, "rowStyleMap", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "rowGroupMode", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "sortableRowGroup", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "sortFile", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "rowHover", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], DataTable.prototype, "filters", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "dataKey", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataTable.prototype, "loading", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "loadingIcon", void 0); __decorate([ core_1.Input(), __metadata("design:type", Number) ], DataTable.prototype, "virtualScrollDelay", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataTable.prototype, "rowGroupExpandMode", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "valueChange", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "firstChange", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onRowExpand", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onRowCollapse", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onRowGroupExpand", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataTable.prototype, "onRowGroupCollapse", void 0); __decorate([ core_1.ContentChildren(shared_2.PrimeTemplate), __metadata("design:type", core_1.QueryList) ], DataTable.prototype, "templates", void 0); __decorate([ core_1.ContentChildren(shared_2.Column), __metadata("design:type", core_1.QueryList) ], DataTable.prototype, "cols", void 0); __decorate([ core_1.ContentChildren(shared_2.HeaderColumnGroup), __metadata("design:type", core_1.QueryList) ], DataTable.prototype, "headerColumnGroups", void 0); __decorate([ core_1.ContentChildren(shared_2.FooterColumnGroup), __metadata("design:type", core_1.QueryList) ], DataTable.prototype, "footerColumnGroups", void 0); __decorate([ core_1.Input(), __metadata("design:type", Array), __metadata("design:paramtypes", [Array]) ], DataTable.prototype, "multiSortMeta", null); __decorate([ core_1.Input(), __metadata("design:type", String), __metadata("design:paramtypes", [String]) ], DataTable.prototype, "sortField", null); __decorate([ core_1.Input(), __metadata("design:type", Number), __metadata("design:paramtypes", [Number]) ], DataTable.prototype, "sortOrder", null); __decorate([ core_1.Input(), __metadata("design:type", Array), __metadata("design:paramtypes", [Array]) ], DataTable.prototype, "value", null); __decorate([ core_1.Input(), __metadata("design:type", Number), __metadata("design:paramtypes", [Number]) ], DataTable.prototype, "first", null); __decorate([ core_1.Input(), __metadata("design:type", Number), __metadata("design:paramtypes", [Number]) ], DataTable.prototype, "totalRecords", null); __decorate([ core_1.Input(), __metadata("design:type", Object), __metadata("design:paramtypes", [Object]) ], DataTable.prototype, "selection", null); DataTable = __decorate([ core_1.Component({ selector: 'p-dataTable', template: "\n
\n
\n
\n \n
\n
\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n \n \n
\n
\n
\n
\n
\n \n \n \n \n
\n \n \n
\n " }), __metadata("design:paramtypes", [core_1.ElementRef, core_1.IterableDiffers, core_1.Renderer2, core_1.ChangeDetectorRef, core_1.NgZone]) ], DataTable); return DataTable; }()); exports.DataTable = DataTable; var DataTableModule = /** @class */ (function () { function DataTableModule() { } DataTableModule = __decorate([ core_1.NgModule({ imports: [common_1.CommonModule, shared_1.SharedModule, paginator_1.PaginatorModule, forms_1.FormsModule], exports: [DataTable, shared_1.SharedModule], declarations: [DataTable, DTRadioButton, DTCheckbox, ColumnHeaders, ColumnFooters, TableBody, ScrollableView] }) ], DataTableModule); return DataTableModule; }()); exports.DataTableModule = DataTableModule; //# sourceMappingURL=datatable.js.map