primeng 8.0.2 → 8.1.1

package/components/steps/steps.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"Steps":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"p-steps","template":"\n        <div [ngClass]=\"{'ui-steps ui-widget ui-helper-clearfix':true,'ui-steps-readonly':readonly}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <ul role=\"tablist\">\n                <li *ngFor=\"let item of model; let i = index\" class=\"ui-steps-item\" #menuitem [ngStyle]=\"item.style\" [class]=\"item.styleClass\"\n                    [ngClass]=\"{'ui-state-highlight ui-steps-current':(i === activeIndex),\n                        'ui-state-default':(i !== activeIndex),\n                        'ui-state-complete':(i < activeIndex),\n                        'ui-state-disabled ui-steps-incomplete':item.disabled||(i !== activeIndex && readonly)}\">\n                    <a *ngIf=\"!item.routerLink\" [href]=\"item.url||'#'\" class=\"ui-menuitem-link\" (click)=\"itemClick($event, item, i)\" [attr.target]=\"item.target\" [attr.id]=\"item.id\">\n                        <span class=\"ui-steps-number\">{{i + 1}}</span>\n                        <span class=\"ui-steps-title\">{{item.label}}</span>\n                    </a>\n                    <a *ngIf=\"item.routerLink\" [routerLink]=\"item.routerLink\" [queryParams]=\"item.queryParams\" [routerLinkActive]=\"'ui-state-active'\" [routerLinkActiveOptions]=\"item.routerLinkActiveOptions||{exact:false}\" class=\"ui-menuitem-link\" (click)=\"itemClick($event, item, i)\" [attr.target]=\"item.target\" [attr.id]=\"item.id\">\n                        <span class=\"ui-steps-number\">{{i + 1}}</span>\n                        <span class=\"ui-steps-title\">{{item.label}}</span>\n                    </a>\n                </li>\n            </ul>\n        </div>\n    "}]}],"members":{"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"activeIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":5}}]}],"itemClick":[{"__symbolic":"method"}]}},"StepsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":65,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":66,"character":14},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":66,"character":27}],"exports":[{"__symbolic":"reference","name":"Steps"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":67,"character":20}],"declarations":[{"__symbolic":"reference","name":"Steps"}]}]}]}}}]
+[{"__symbolic":"module","version":4,"metadata":{"Steps":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"p-steps","template":"\n        <div [ngClass]=\"{'ui-steps ui-widget ui-helper-clearfix':true,'ui-steps-readonly':readonly}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <ul role=\"tablist\">\n                <li *ngFor=\"let item of model; let i = index\" class=\"ui-steps-item\" #menuitem [ngStyle]=\"item.style\" [class]=\"item.styleClass\"\n                    [ngClass]=\"{'ui-state-highlight ui-steps-current':(i === activeIndex),\n                        'ui-state-default':(i !== activeIndex),\n                        'ui-state-complete':(i < activeIndex),\n                        'ui-state-disabled ui-steps-incomplete':item.disabled||(i !== activeIndex && readonly)}\">\n                    <a *ngIf=\"!item.routerLink\" [href]=\"item.url||'#'\" class=\"ui-menuitem-link\" (click)=\"itemClick($event, item, i)\" [attr.target]=\"item.target\" [attr.id]=\"item.id\" [attr.tabindex]=\"item.tabindex ? item.tabindex : '0'\">\n                        <span class=\"ui-steps-number\">{{i + 1}}</span>\n                        <span class=\"ui-steps-title\">{{item.label}}</span>\n                    </a>\n                    <a *ngIf=\"item.routerLink\" [routerLink]=\"item.routerLink\" [queryParams]=\"item.queryParams\" [routerLinkActive]=\"'ui-state-active'\" [routerLinkActiveOptions]=\"item.routerLinkActiveOptions||{exact:false}\" class=\"ui-menuitem-link\" (click)=\"itemClick($event, item, i)\" [attr.target]=\"item.target\" [attr.id]=\"item.id\" [attr.tabindex]=\"item.tabindex ? item.tabindex : '0'\">\n                        <span class=\"ui-steps-number\">{{i + 1}}</span>\n                        <span class=\"ui-steps-title\">{{item.label}}</span>\n                    </a>\n                </li>\n            </ul>\n        </div>\n    "}]}],"members":{"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"activeIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":5}}]}],"itemClick":[{"__symbolic":"method"}]}},"StepsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":65,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":66,"character":14},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":66,"character":27}],"exports":[{"__symbolic":"reference","name":"Steps"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":67,"character":20}],"declarations":[{"__symbolic":"reference","name":"Steps"}]}]}]}}}]

package/components/table/table.d.ts

@@ -211,18 +211,6 @@ export declare class Table implements OnInit, AfterViewInit, AfterContentInit, B
     isFilterBlank(filter: any): boolean;
     _filter(): void;
     hasFilter(): boolean;
-    filterConstraints: {
-        startsWith(value: any, filter: any): boolean;
-        contains(value: any, filter: any): boolean;
-        endsWith(value: any, filter: any): boolean;
-        equals(value: any, filter: any): boolean;
-        notEquals(value: any, filter: any): boolean;
-        in(value: any, filter: any[]): boolean;
-        lt(value: any, filter: any): boolean;
-        lte(value: any, filter: any): boolean;
-        gt(value: any, filter: any): boolean;
-        gte(value: any, filter: any): boolean;
-    };
     createLazyLoadMetadata(): any;
     reset(): void;
     exportCSV(options?: any): void;
@@ -407,9 +395,9 @@ export declare class ResizableColumn implements AfterViewInit, OnDestroy {
     ngAfterViewInit(): void;
     bindDocumentEvents(): void;
     unbindDocumentEvents(): void;
-    onMouseDown(event: Event): void;
-    onDocumentMouseMove(event: Event): void;
-    onDocumentMouseUp(event: Event): void;
+    onMouseDown(event: MouseEvent): void;
+    onDocumentMouseMove(event: MouseEvent): void;
+    onDocumentMouseUp(event: MouseEvent): void;
     isEnabled(): boolean;
     ngOnDestroy(): void;
 }

package/components/table/table.js

@@ -20,6 +20,7 @@ var domhandler_1 = require("../dom/domhandler");
 var objectutils_1 = require("../utils/objectutils");
 var core_2 = require("@angular/core");
 var rxjs_1 = require("rxjs");
+var filterutils_1 = require("../utils/filterutils");
 var TableService = /** @class */ (function () {
     function TableService() {
         this.sortSource = new rxjs_1.Subject();
@@ -120,127 +121,6 @@ var Table = /** @class */ (function () {
         this._first = 0;
         this.selectionKeys = {};
         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 = objectutils_1.ObjectUtils.removeAccents(filter.toString()).toLowerCase();
-                var stringValue = objectutils_1.ObjectUtils.removeAccents(value.toString()).toLowerCase();
-                return stringValue.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;
-                }
-                var filterValue = objectutils_1.ObjectUtils.removeAccents(filter.toString()).toLowerCase();
-                var stringValue = objectutils_1.ObjectUtils.removeAccents(value.toString()).toLowerCase();
-                return stringValue.indexOf(filterValue) !== -1;
-            },
-            endsWith: function (value, filter) {
-                if (filter === undefined || filter === null || filter.trim() === '') {
-                    return true;
-                }
-                if (value === undefined || value === null) {
-                    return false;
-                }
-                var filterValue = objectutils_1.ObjectUtils.removeAccents(filter.toString()).toLowerCase();
-                var stringValue = objectutils_1.ObjectUtils.removeAccents(value.toString()).toLowerCase();
-                return stringValue.indexOf(filterValue, stringValue.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;
-                }
-                if (value.getTime && filter.getTime)
-                    return value.getTime() === filter.getTime();
-                else
-                    return objectutils_1.ObjectUtils.removeAccents(value.toString()).toLowerCase() == objectutils_1.ObjectUtils.removeAccents(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;
-                }
-                if (value.getTime && filter.getTime)
-                    return value.getTime() !== filter.getTime();
-                else
-                    return objectutils_1.ObjectUtils.removeAccents(value.toString()).toLowerCase() != objectutils_1.ObjectUtils.removeAccents(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 || (value.getTime && filter[i].getTime && value.getTime() === filter[i].getTime())) {
-                        return true;
-                    }
-                }
-                return false;
-            },
-            lt: function (value, filter) {
-                if (filter === undefined || filter === null) {
-                    return true;
-                }
-                if (value === undefined || value === null) {
-                    return false;
-                }
-                if (value.getTime && filter.getTime)
-                    return value.getTime() < filter.getTime();
-                else
-                    return value < filter;
-            },
-            lte: function (value, filter) {
-                if (filter === undefined || filter === null) {
-                    return true;
-                }
-                if (value === undefined || value === null) {
-                    return false;
-                }
-                if (value.getTime && filter.getTime)
-                    return value.getTime() <= filter.getTime();
-                else
-                    return value <= filter;
-            },
-            gt: function (value, filter) {
-                if (filter === undefined || filter === null) {
-                    return true;
-                }
-                if (value === undefined || value === null) {
-                    return false;
-                }
-                if (value.getTime && filter.getTime)
-                    return value.getTime() > filter.getTime();
-                else
-                    return value > filter;
-            },
-            gte: function (value, filter) {
-                if (filter === undefined || filter === null) {
-                    return true;
-                }
-                if (value === undefined || value === null) {
-                    return false;
-                }
-                if (value.getTime && filter.getTime)
-                    return value.getTime() >= filter.getTime();
-                else
-                    return value >= filter;
-            }
-        };
     }
     Table.prototype.ngOnInit = function () {
         if (this.lazy && this.lazyLoadOnInit) {
@@ -496,7 +376,7 @@ var Table = /** @class */ (function () {
                 if (!metaKey || !this.multiSortMeta) {
                     this._multiSortMeta = [];
                 }
-                this.multiSortMeta.push({ field: event.field, order: this.defaultSortOrder });
+                this._multiSortMeta.push({ field: event.field, order: this.defaultSortOrder });
             }
             this.sortMultiple();
         }
@@ -596,7 +476,7 @@ var Table = /** @class */ (function () {
             result = 1;
         else if (value1 == null && value2 == null)
             result = 0;
-        if (typeof value1 == 'string' || value1 instanceof String) {
+        else if (typeof value1 == 'string' || value1 instanceof String) {
             if (value1.localeCompare && (value1 != value2)) {
                 return (multiSortMeta[index].order * value1.localeCompare(value2));
             }
@@ -1003,7 +883,7 @@ var Table = /** @class */ (function () {
                             var filterValue = filterMeta.value;
                             var filterMatchMode = filterMeta.matchMode || 'startsWith';
                             var dataFieldValue = objectutils_1.ObjectUtils.resolveFieldData(this.value[i], filterField);
-                            var filterConstraint = this.filterConstraints[filterMatchMode];
+                            var filterConstraint = filterutils_1.FilterUtils[filterMatchMode];
                             if (!filterConstraint(dataFieldValue, filterValue)) {
                                 localMatch = false;
                             }
@@ -1015,7 +895,7 @@ var Table = /** @class */ (function () {
                     if (this.filters['global'] && !globalMatch && globalFilterFieldsArray) {
                         for (var j = 0; j < globalFilterFieldsArray.length; j++) {
                             var globalFilterField = globalFilterFieldsArray[j].field || globalFilterFieldsArray[j];
-                            globalMatch = this.filterConstraints[this.filters['global'].matchMode](objectutils_1.ObjectUtils.resolveFieldData(this.value[i], globalFilterField), this.filters['global'].value);
+                            globalMatch = filterutils_1.FilterUtils[this.filters['global'].matchMode](objectutils_1.ObjectUtils.resolveFieldData(this.value[i], globalFilterField), this.filters['global'].value);
                             if (globalMatch) {
                                 break;
                             }
@@ -1093,7 +973,7 @@ var Table = /** @class */ (function () {
     Table.prototype.exportCSV = function (options) {
         var _this = this;
         var data = this.filteredValue || this.value;
-        var csv = '\ufeff';
+        var csv = '';
         if (options && options.selectionOnly) {
             data = this.selection || [];
         }
@@ -1171,7 +1051,7 @@ var Table = /** @class */ (function () {
                 if (_this.editingCell && !_this.editingCellClick && _this.isEditingCellValid()) {
                     domhandler_1.DomHandler.removeClass(_this.editingCell, 'ui-editing-cell');
                     _this.editingCell = null;
-                    _this.onEditComplete.emit({ field: _this.editingCellField, data: _this.editingCellData });
+                    _this.onEditComplete.emit({ field: _this.editingCellField, data: _this.editingCellData, originalEvent: event });
                     _this.editingCellField = null;
                     _this.editingCellData = null;
                     _this.unbindDocumentEditListener();
@@ -2086,7 +1966,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\" [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    ",
+            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                    <tbody class=\"ui-table-tbody\" [pTableBody]=\"columns\" [pTableBodyTemplate]=\"bodyTemplate\"></tbody>\n                    <tfoot *ngIf=\"footerTemplate\" class=\"ui-table-tfoot\">\n                        <ng-container *ngTemplateOutlet=\"footerTemplate; context {$implicit: columns}\"></ng-container>\n                    </tfoot>\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])
@@ -2863,8 +2743,10 @@ var ResizableColumn = /** @class */ (function () {
         }
     };
     ResizableColumn.prototype.onMouseDown = function (event) {
-        this.dt.onColumnResizeBegin(event);
-        this.bindDocumentEvents();
+        if (event.which === 1) {
+            this.dt.onColumnResizeBegin(event);
+            this.bindDocumentEvents();
+        }
     };
     ResizableColumn.prototype.onDocumentMouseMove = function (event) {
         this.dt.onColumnResize(event);
@@ -3047,7 +2929,7 @@ var EditableColumn = /** @class */ (function () {
             if (event.keyCode == 13) {
                 if (this.dt.isEditingCellValid()) {
                     this.closeEditingCell();
-                    this.dt.onEditComplete.emit({ field: this.field, data: this.data });
+                    this.dt.onEditComplete.emit({ field: this.field, data: this.data, originalEvent: event });
                 }
                 event.preventDefault();
             }
@@ -3055,13 +2937,13 @@ var EditableColumn = /** @class */ (function () {
             else if (event.keyCode == 27) {
                 if (this.dt.isEditingCellValid()) {
                     this.closeEditingCell();
-                    this.dt.onEditCancel.emit({ field: this.field, data: this.data });
+                    this.dt.onEditCancel.emit({ field: this.field, data: this.data, originalEvent: event });
                 }
                 event.preventDefault();
             }
             //tab
             else if (event.keyCode == 9) {
-                this.dt.onEditComplete.emit({ field: this.field, data: this.data });
+                this.dt.onEditComplete.emit({ field: this.field, data: this.data, originalEvent: event });
                 if (event.shiftKey)
                     this.moveToPreviousCell(event);
                 else