slick-components 4.4.9 → 4.4.13

package/esm2015/slick-grid/slick-grid.options.js

@@ -9,4 +9,4 @@ export class SlickGridOptions {
         this.httpHeaders = new HttpHeaders();
     }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpY2stZ3JpZC5vcHRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvc2xpY2stZ3JpZC9zbGljay1ncmlkLm9wdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBcUJuRCxNQUFNLE9BQU8sZ0JBQWdCO0lBZTVCO1FBTE8sYUFBUSxHQUFZLElBQUksQ0FBQztRQUN6QixZQUFPLEdBQVksSUFBSSxDQUFDO1FBQ3hCLFVBQUssR0FBWSxJQUFJLENBQUM7UUFDdEIsdUJBQWtCLEdBQVksSUFBSSxDQUFDO1FBR3pDLElBQUksQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDO1FBQ2xCLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxXQUFXLEVBQUUsQ0FBQztJQUN0QyxDQUFDO0NBQ0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgSHR0cEhlYWRlcnMgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uL2h0dHBcIjtcclxuaW1wb3J0IHsgSVNsaWNrR3JpZENvbHVtbk1vZGVsIH0gZnJvbSBcIi4vc2xpY2stZ3JpZC1jb2x1bW4ubW9kZWxcIjtcclxuaW1wb3J0IHsgU2xpY2tHcmlkUmVxdWVzdE1vZGVsIH0gZnJvbSBcIi4vc2xpY2stZ3JpZC1yZXF1ZXN0Lm1vZGVsXCI7XHJcbmltcG9ydCB7IElTbGlja0dyaWRGYXZvcml0ZU1vZGVsIH0gZnJvbSAnLi9zbGljay1ncmlkLWZhdm9yaXRlLm1vZGVsJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgSVNsaWNrR3JpZE9wdGlvbnMge1xyXG5cdGdyaWRLZXk6IHN0cmluZztcclxuXHRyb3dIZWlnaHQ6IG51bWJlcltdO1xyXG5cclxuXHRnZXRVcmw6IHN0cmluZztcclxuXHRodHRwSGVhZGVyczogSHR0cEhlYWRlcnM7XHJcblx0cmVxdWVzdE1vZGVsOiBTbGlja0dyaWRSZXF1ZXN0TW9kZWw7XHJcblx0Y29sdW1uczogSVNsaWNrR3JpZENvbHVtbk1vZGVsW107XHJcblx0ZmF2b3JpdGVzOiBJU2xpY2tHcmlkRmF2b3JpdGVNb2RlbFtdO1xyXG5cdG9uUm93U2VsZWN0Q2FsbGJhY2s6IEZ1bmN0aW9uO1xyXG5cdGJvcmRlcmVkOiBib29sZWFuO1xyXG5cdHN0cmlwZWQ6IGJvb2xlYW47XHJcblx0aG92ZXI6IGJvb2xlYW47XHJcblx0YXV0b1NlbGVjdEZpcnN0Um93OiBib29sZWFuO1xyXG59XHJcblxyXG5leHBvcnQgY2xhc3MgU2xpY2tHcmlkT3B0aW9ucyAgaW1wbGVtZW50cyBJU2xpY2tHcmlkT3B0aW9uc3tcclxuXHRwdWJsaWMgZ3JpZEtleTogc3RyaW5nO1xyXG5cdHB1YmxpYyByb3dIZWlnaHQ6IG51bWJlcltdO1xyXG5cclxuXHRwdWJsaWMgZ2V0VXJsOiBzdHJpbmc7XHJcblx0cHVibGljIGh0dHBIZWFkZXJzOiBIdHRwSGVhZGVycztcclxuXHRwdWJsaWMgcmVxdWVzdE1vZGVsOiBTbGlja0dyaWRSZXF1ZXN0TW9kZWw7XHJcblx0cHVibGljIGNvbHVtbnM6IElTbGlja0dyaWRDb2x1bW5Nb2RlbFtdO1xyXG5cdHB1YmxpYyBmYXZvcml0ZXM6IElTbGlja0dyaWRGYXZvcml0ZU1vZGVsW107XHJcblx0cHVibGljIG9uUm93U2VsZWN0Q2FsbGJhY2s6IEZ1bmN0aW9uO1xyXG5cdHB1YmxpYyBib3JkZXJlZDogYm9vbGVhbiA9IG51bGw7XHJcblx0cHVibGljIHN0cmlwZWQ6IGJvb2xlYW4gPSBudWxsO1xyXG5cdHB1YmxpYyBob3ZlcjogYm9vbGVhbiA9IG51bGw7XHJcblx0cHVibGljIGF1dG9TZWxlY3RGaXJzdFJvdzogYm9vbGVhbiA9IHRydWU7XHJcblxyXG5cdGNvbnN0cnVjdG9yKCkge1xyXG5cdFx0dGhpcy5jb2x1bW5zID0gW107XHJcblx0XHR0aGlzLmh0dHBIZWFkZXJzID0gbmV3IEh0dHBIZWFkZXJzKCk7XHJcblx0fVxyXG59Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpY2stZ3JpZC5vcHRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvc2xpY2stZ3JpZC9zbGljay1ncmlkLm9wdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBc0JuRCxNQUFNLE9BQU8sZ0JBQWdCO0lBZ0I1QjtRQU5PLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFDekIsWUFBTyxHQUFZLElBQUksQ0FBQztRQUN4QixVQUFLLEdBQVksSUFBSSxDQUFDO1FBQ3RCLHVCQUFrQixHQUFZLElBQUksQ0FBQztRQUl6QyxJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztRQUNsQixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksV0FBVyxFQUFFLENBQUM7SUFDdEMsQ0FBQztDQUNEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IEh0dHBIZWFkZXJzIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vbi9odHRwXCI7XHJcbmltcG9ydCB7IElTbGlja0dyaWRDb2x1bW5Nb2RlbCB9IGZyb20gXCIuL3NsaWNrLWdyaWQtY29sdW1uLm1vZGVsXCI7XHJcbmltcG9ydCB7IFNsaWNrR3JpZFJlcXVlc3RNb2RlbCB9IGZyb20gXCIuL3NsaWNrLWdyaWQtcmVxdWVzdC5tb2RlbFwiO1xyXG5pbXBvcnQgeyBJU2xpY2tHcmlkRmF2b3JpdGVNb2RlbCB9IGZyb20gJy4vc2xpY2stZ3JpZC1mYXZvcml0ZS5tb2RlbCc7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIElTbGlja0dyaWRPcHRpb25zIHtcclxuXHRncmlkS2V5OiBzdHJpbmc7XHJcblx0cm93SGVpZ2h0OiBudW1iZXJbXTtcclxuXHJcblx0Z2V0VXJsOiBzdHJpbmc7XHJcblx0aHR0cEhlYWRlcnM6IEh0dHBIZWFkZXJzO1xyXG5cdHJlcXVlc3RNb2RlbDogU2xpY2tHcmlkUmVxdWVzdE1vZGVsO1xyXG5cdGNvbHVtbnM6IElTbGlja0dyaWRDb2x1bW5Nb2RlbFtdO1xyXG5cdGZhdm9yaXRlczogSVNsaWNrR3JpZEZhdm9yaXRlTW9kZWxbXTtcclxuXHRvblJvd1NlbGVjdENhbGxiYWNrOiBGdW5jdGlvbjtcclxuXHRib3JkZXJlZDogYm9vbGVhbjtcclxuXHRzdHJpcGVkOiBib29sZWFuO1xyXG5cdGhvdmVyOiBib29sZWFuO1xyXG5cdGF1dG9TZWxlY3RGaXJzdFJvdzogYm9vbGVhbjtcclxuXHRkZWZhdWx0UmVjb3Jkc1BlclBhZ2U6IG51bWJlcjtcclxufVxyXG5cclxuZXhwb3J0IGNsYXNzIFNsaWNrR3JpZE9wdGlvbnMgIGltcGxlbWVudHMgSVNsaWNrR3JpZE9wdGlvbnN7XHJcblx0cHVibGljIGdyaWRLZXk6IHN0cmluZztcclxuXHRwdWJsaWMgcm93SGVpZ2h0OiBudW1iZXJbXTtcclxuXHJcblx0cHVibGljIGdldFVybDogc3RyaW5nO1xyXG5cdHB1YmxpYyBodHRwSGVhZGVyczogSHR0cEhlYWRlcnM7XHJcblx0cHVibGljIHJlcXVlc3RNb2RlbDogU2xpY2tHcmlkUmVxdWVzdE1vZGVsO1xyXG5cdHB1YmxpYyBjb2x1bW5zOiBJU2xpY2tHcmlkQ29sdW1uTW9kZWxbXTtcclxuXHRwdWJsaWMgZmF2b3JpdGVzOiBJU2xpY2tHcmlkRmF2b3JpdGVNb2RlbFtdO1xyXG5cdHB1YmxpYyBvblJvd1NlbGVjdENhbGxiYWNrOiBGdW5jdGlvbjtcclxuXHRwdWJsaWMgYm9yZGVyZWQ6IGJvb2xlYW4gPSBudWxsO1xyXG5cdHB1YmxpYyBzdHJpcGVkOiBib29sZWFuID0gbnVsbDtcclxuXHRwdWJsaWMgaG92ZXI6IGJvb2xlYW4gPSBudWxsO1xyXG5cdHB1YmxpYyBhdXRvU2VsZWN0Rmlyc3RSb3c6IGJvb2xlYW4gPSB0cnVlO1xyXG5cdHB1YmxpYyBkZWZhdWx0UmVjb3Jkc1BlclBhZ2U6IG51bWJlcjtcclxuXHJcblx0Y29uc3RydWN0b3IoKSB7XHJcblx0XHR0aGlzLmNvbHVtbnMgPSBbXTtcclxuXHRcdHRoaXMuaHR0cEhlYWRlcnMgPSBuZXcgSHR0cEhlYWRlcnMoKTtcclxuXHR9XHJcbn0iXX0=

package/esm2015/utils/slick-init.service.js

@@ -39,10 +39,10 @@ export class SlickInitService {
         SlickInitService.getParams().errorLog = errorLog;
     }
 }
-SlickInitService.version = "4.4.9";
+SlickInitService.version = "4.4.13";
 SlickInitService.decorators = [
     { type: Injectable }
 ];
 /** @nocollapse */
 SlickInitService.ctorParameters = () => [];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpY2staW5pdC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvdXRpbHMvc2xpY2staW5pdC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFM0MsTUFBTSxPQUFPLGVBQWU7SUFBNUI7UUFHQyxhQUFRLEdBQVcsU0FBUyxDQUFDO0lBRzlCLENBQUM7Q0FBQTtBQUdELE1BQU0sT0FBTyxnQkFBZ0I7SUFHNUIsZ0JBQWdCLENBQUM7SUFHakIsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUEyQjtRQUN0QyxPQUFPLENBQUMsSUFBSSxDQUFDLDRCQUE0QixnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQ3JFLFVBQVUsQ0FBQyxPQUFPLEdBQUcsZ0JBQWdCLENBQUMsT0FBTyxDQUFDO1FBQ3hDLE1BQU8sQ0FBQyxxQkFBcUIsR0FBRyxVQUFVLENBQUM7UUFFakQsT0FBYSxNQUFPLENBQUMscUJBQXFCLENBQUM7SUFDNUMsQ0FBQztJQUVELE1BQU0sQ0FBQyxTQUFTO1FBQ2YsSUFBSSxDQUFPLE1BQU8sQ0FBQyxxQkFBcUIsRUFBRTtZQUN6QyxNQUFNLGFBQWEsR0FBRyxJQUFJLGVBQWUsRUFBRSxDQUFDO1lBQzVDLGFBQWEsQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDO1lBQzFCLE1BQU8sQ0FBQyxxQkFBcUIsR0FBRyxhQUFhLENBQUM7U0FDcEQ7UUFFRCxPQUE4QixNQUFPLENBQUMscUJBQXFCLENBQUM7SUFDN0QsQ0FBQztJQUVELE1BQU0sQ0FBQyxXQUFXO1FBQ2pCLE9BQU8sZ0JBQWdCLENBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDO0lBQzlDLENBQUM7SUFFRCxNQUFNLENBQUMsV0FBVyxDQUFDLGVBQXVCO1FBQ3pDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxDQUFDLFFBQVEsR0FBRyxlQUFlLENBQUM7SUFDekQsQ0FBQztJQUVELE1BQU0sQ0FBQyxXQUFXO1FBQ2pCLE9BQU8sZ0JBQWdCLENBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDO0lBQzlDLENBQUM7SUFFRCxNQUFNLENBQUMsV0FBVyxDQUFDLFFBQWdCO1FBQ2xDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDbEQsQ0FBQztJQUVELE1BQU0sQ0FBQyxXQUFXO1FBQ2pCLE9BQU8sZ0JBQWdCLENBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDO0lBQzlDLENBQUM7SUFFRCxNQUFNLENBQUMsV0FBVyxDQUFDLFFBQWdCO1FBQ2xDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDbEQsQ0FBQzs7QUE3Q00sd0JBQU8sR0FBRyxPQUFPLENBQUM7O1lBRnpCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbmV4cG9ydCBjbGFzcyBTbGlja0luaXRQYXJhbXMge1xyXG5cdGF0dGFjaFRvOiBzdHJpbmc7XHJcblx0cGxhdGZvcm06IHN0cmluZztcclxuXHRlcnJvckxvZzogc3RyaW5nID0gXCJtaW5pbWFsXCI7XHJcblx0dmVyc2lvbjogc3RyaW5nO1xyXG5cclxufVxyXG5cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgU2xpY2tJbml0U2VydmljZSB7XHRcclxuXHRzdGF0aWMgdmVyc2lvbiA9IFwiNC40LjlcIjtcclxuXHJcblx0Y29uc3RydWN0b3IoKSB7IH1cclxuXHJcblxyXG5cdHN0YXRpYyBpbml0KGluaXRQYXJhbXM6IFNsaWNrSW5pdFBhcmFtcyk6IFNsaWNrSW5pdFBhcmFtcyB7XHJcblx0XHRjb25zb2xlLmluZm8oYFNsaWNrIENvbXBvbmVudHMgVmVyc2lvbiAke1NsaWNrSW5pdFNlcnZpY2UudmVyc2lvbn1gKTtcclxuXHRcdGluaXRQYXJhbXMudmVyc2lvbiA9IFNsaWNrSW5pdFNlcnZpY2UudmVyc2lvbjtcclxuXHRcdCg8YW55PndpbmRvdykuc2xpY2tDb21wb25lbnRzUGFyYW1zID0gaW5pdFBhcmFtcztcclxuXHJcblx0XHRyZXR1cm4gKDxhbnk+d2luZG93KS5zbGlja0NvbXBvbmVudHNQYXJhbXM7XHJcblx0fVxyXG5cclxuXHRzdGF0aWMgZ2V0UGFyYW1zKCk6IFNsaWNrSW5pdFBhcmFtcyB7XHJcblx0XHRpZiAoISg8YW55PndpbmRvdykuc2xpY2tDb21wb25lbnRzUGFyYW1zKSB7XHJcblx0XHRcdGNvbnN0IGRlZmF1bHRQYXJhbXMgPSBuZXcgU2xpY2tJbml0UGFyYW1zKCk7XHJcblx0XHRcdGRlZmF1bHRQYXJhbXMuYXR0YWNoVG8gPSBcImJvZHlcIjtcclxuXHRcdFx0KDxhbnk+d2luZG93KS5zbGlja0NvbXBvbmVudHNQYXJhbXMgPSBkZWZhdWx0UGFyYW1zO1xyXG5cdFx0fVxyXG5cclxuXHRcdHJldHVybiA8U2xpY2tJbml0UGFyYW1zPig8YW55PndpbmRvdykuc2xpY2tDb21wb25lbnRzUGFyYW1zO1xyXG5cdH1cclxuXHJcblx0c3RhdGljIGdldEF0dGFjaFRvKCk6IHN0cmluZyB7XHJcblx0XHRyZXR1cm4gU2xpY2tJbml0U2VydmljZS5nZXRQYXJhbXMoKS5hdHRhY2hUbztcclxuXHR9XHJcblxyXG5cdHN0YXRpYyBzZXRBdHRhY2hUbyhhdHRhY2hUb0VsZW1lbnQ6IHN0cmluZykge1xyXG5cdFx0U2xpY2tJbml0U2VydmljZS5nZXRQYXJhbXMoKS5hdHRhY2hUbyA9IGF0dGFjaFRvRWxlbWVudDtcclxuXHR9XHJcblxyXG5cdHN0YXRpYyBnZXRQbGF0Zm9ybSgpOiBzdHJpbmcge1xyXG5cdFx0cmV0dXJuIFNsaWNrSW5pdFNlcnZpY2UuZ2V0UGFyYW1zKCkucGxhdGZvcm07XHJcblx0fVxyXG5cclxuXHRzdGF0aWMgc2V0UGxhdGZvcm0ocGxhdGZvcm06IHN0cmluZykge1xyXG5cdFx0U2xpY2tJbml0U2VydmljZS5nZXRQYXJhbXMoKS5wbGF0Zm9ybSA9IHBsYXRmb3JtO1xyXG5cdH1cclxuXHJcblx0c3RhdGljIGdldEVycm9yTG9nKCk6IHN0cmluZyB7XHJcblx0XHRyZXR1cm4gU2xpY2tJbml0U2VydmljZS5nZXRQYXJhbXMoKS5lcnJvckxvZztcclxuXHR9XHJcblxyXG5cdHN0YXRpYyBzZXRFcnJvckxvZyhlcnJvckxvZzogc3RyaW5nKSB7XHJcblx0XHRTbGlja0luaXRTZXJ2aWNlLmdldFBhcmFtcygpLmVycm9yTG9nID0gZXJyb3JMb2c7XHJcblx0fVxyXG59XHJcblxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpY2staW5pdC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvdXRpbHMvc2xpY2staW5pdC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFM0MsTUFBTSxPQUFPLGVBQWU7SUFBNUI7UUFHQyxhQUFRLEdBQVcsU0FBUyxDQUFDO0lBRzlCLENBQUM7Q0FBQTtBQUdELE1BQU0sT0FBTyxnQkFBZ0I7SUFHNUIsZ0JBQWdCLENBQUM7SUFHakIsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUEyQjtRQUN0QyxPQUFPLENBQUMsSUFBSSxDQUFDLDRCQUE0QixnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQ3JFLFVBQVUsQ0FBQyxPQUFPLEdBQUcsZ0JBQWdCLENBQUMsT0FBTyxDQUFDO1FBQ3hDLE1BQU8sQ0FBQyxxQkFBcUIsR0FBRyxVQUFVLENBQUM7UUFFakQsT0FBYSxNQUFPLENBQUMscUJBQXFCLENBQUM7SUFDNUMsQ0FBQztJQUVELE1BQU0sQ0FBQyxTQUFTO1FBQ2YsSUFBSSxDQUFPLE1BQU8sQ0FBQyxxQkFBcUIsRUFBRTtZQUN6QyxNQUFNLGFBQWEsR0FBRyxJQUFJLGVBQWUsRUFBRSxDQUFDO1lBQzVDLGFBQWEsQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDO1lBQzFCLE1BQU8sQ0FBQyxxQkFBcUIsR0FBRyxhQUFhLENBQUM7U0FDcEQ7UUFFRCxPQUE4QixNQUFPLENBQUMscUJBQXFCLENBQUM7SUFDN0QsQ0FBQztJQUVELE1BQU0sQ0FBQyxXQUFXO1FBQ2pCLE9BQU8sZ0JBQWdCLENBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDO0lBQzlDLENBQUM7SUFFRCxNQUFNLENBQUMsV0FBVyxDQUFDLGVBQXVCO1FBQ3pDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxDQUFDLFFBQVEsR0FBRyxlQUFlLENBQUM7SUFDekQsQ0FBQztJQUVELE1BQU0sQ0FBQyxXQUFXO1FBQ2pCLE9BQU8sZ0JBQWdCLENBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDO0lBQzlDLENBQUM7SUFFRCxNQUFNLENBQUMsV0FBVyxDQUFDLFFBQWdCO1FBQ2xDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDbEQsQ0FBQztJQUVELE1BQU0sQ0FBQyxXQUFXO1FBQ2pCLE9BQU8sZ0JBQWdCLENBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDO0lBQzlDLENBQUM7SUFFRCxNQUFNLENBQUMsV0FBVyxDQUFDLFFBQWdCO1FBQ2xDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDbEQsQ0FBQzs7QUE3Q00sd0JBQU8sR0FBRyxRQUFRLENBQUM7O1lBRjFCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbmV4cG9ydCBjbGFzcyBTbGlja0luaXRQYXJhbXMge1xyXG5cdGF0dGFjaFRvOiBzdHJpbmc7XHJcblx0cGxhdGZvcm06IHN0cmluZztcclxuXHRlcnJvckxvZzogc3RyaW5nID0gXCJtaW5pbWFsXCI7XHJcblx0dmVyc2lvbjogc3RyaW5nO1xyXG5cclxufVxyXG5cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgU2xpY2tJbml0U2VydmljZSB7XHRcclxuXHRzdGF0aWMgdmVyc2lvbiA9IFwiNC40LjEzXCI7XHJcblxyXG5cdGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG5cclxuXHRzdGF0aWMgaW5pdChpbml0UGFyYW1zOiBTbGlja0luaXRQYXJhbXMpOiBTbGlja0luaXRQYXJhbXMge1xyXG5cdFx0Y29uc29sZS5pbmZvKGBTbGljayBDb21wb25lbnRzIFZlcnNpb24gJHtTbGlja0luaXRTZXJ2aWNlLnZlcnNpb259YCk7XHJcblx0XHRpbml0UGFyYW1zLnZlcnNpb24gPSBTbGlja0luaXRTZXJ2aWNlLnZlcnNpb247XHJcblx0XHQoPGFueT53aW5kb3cpLnNsaWNrQ29tcG9uZW50c1BhcmFtcyA9IGluaXRQYXJhbXM7XHJcblxyXG5cdFx0cmV0dXJuICg8YW55PndpbmRvdykuc2xpY2tDb21wb25lbnRzUGFyYW1zO1xyXG5cdH1cclxuXHJcblx0c3RhdGljIGdldFBhcmFtcygpOiBTbGlja0luaXRQYXJhbXMge1xyXG5cdFx0aWYgKCEoPGFueT53aW5kb3cpLnNsaWNrQ29tcG9uZW50c1BhcmFtcykge1xyXG5cdFx0XHRjb25zdCBkZWZhdWx0UGFyYW1zID0gbmV3IFNsaWNrSW5pdFBhcmFtcygpO1xyXG5cdFx0XHRkZWZhdWx0UGFyYW1zLmF0dGFjaFRvID0gXCJib2R5XCI7XHJcblx0XHRcdCg8YW55PndpbmRvdykuc2xpY2tDb21wb25lbnRzUGFyYW1zID0gZGVmYXVsdFBhcmFtcztcclxuXHRcdH1cclxuXHJcblx0XHRyZXR1cm4gPFNsaWNrSW5pdFBhcmFtcz4oPGFueT53aW5kb3cpLnNsaWNrQ29tcG9uZW50c1BhcmFtcztcclxuXHR9XHJcblxyXG5cdHN0YXRpYyBnZXRBdHRhY2hUbygpOiBzdHJpbmcge1xyXG5cdFx0cmV0dXJuIFNsaWNrSW5pdFNlcnZpY2UuZ2V0UGFyYW1zKCkuYXR0YWNoVG87XHJcblx0fVxyXG5cclxuXHRzdGF0aWMgc2V0QXR0YWNoVG8oYXR0YWNoVG9FbGVtZW50OiBzdHJpbmcpIHtcclxuXHRcdFNsaWNrSW5pdFNlcnZpY2UuZ2V0UGFyYW1zKCkuYXR0YWNoVG8gPSBhdHRhY2hUb0VsZW1lbnQ7XHJcblx0fVxyXG5cclxuXHRzdGF0aWMgZ2V0UGxhdGZvcm0oKTogc3RyaW5nIHtcclxuXHRcdHJldHVybiBTbGlja0luaXRTZXJ2aWNlLmdldFBhcmFtcygpLnBsYXRmb3JtO1xyXG5cdH1cclxuXHJcblx0c3RhdGljIHNldFBsYXRmb3JtKHBsYXRmb3JtOiBzdHJpbmcpIHtcclxuXHRcdFNsaWNrSW5pdFNlcnZpY2UuZ2V0UGFyYW1zKCkucGxhdGZvcm0gPSBwbGF0Zm9ybTtcclxuXHR9XHJcblxyXG5cdHN0YXRpYyBnZXRFcnJvckxvZygpOiBzdHJpbmcge1xyXG5cdFx0cmV0dXJuIFNsaWNrSW5pdFNlcnZpY2UuZ2V0UGFyYW1zKCkuZXJyb3JMb2c7XHJcblx0fVxyXG5cclxuXHRzdGF0aWMgc2V0RXJyb3JMb2coZXJyb3JMb2c6IHN0cmluZykge1xyXG5cdFx0U2xpY2tJbml0U2VydmljZS5nZXRQYXJhbXMoKS5lcnJvckxvZyA9IGVycm9yTG9nO1xyXG5cdH1cclxufVxyXG5cclxuIl19

package/fesm2015/slick-components.js

@@ -48,7 +48,7 @@ class SlickInitService {
         SlickInitService.getParams().errorLog = errorLog;
     }
 }
-SlickInitService.version = "4.4.9";
+SlickInitService.version = "4.4.13";
 SlickInitService.decorators = [
     { type: Injectable }
 ];
@@ -3598,6 +3598,7 @@ class SlickFileListComponent {
         this.showPhotoGallery = false;
         this.showCheckboxes = false;
         this.thumbnailSize = 90;
+        this.confirmDelete = true;
         this.filesEmitter = new EventEmitter();
         this.onFileDeleteEmitter = new EventEmitter();
         this.onFileCheckChanged = new EventEmitter();
@@ -3615,6 +3616,8 @@ class SlickFileListComponent {
             this.showPhotoGallery = (changes.showPhotoGallery.currentValue.toString().toLowerCase() !== 'false');
         if (changes.showCheckboxes && changes.showCheckboxes.currentValue)
             this.showCheckboxes = (changes.showCheckboxes.currentValue.toString().toLowerCase() !== 'false');
+        if (changes.deleteConfirmation && changes.deleteConfirmation.currentValue)
+            this.confirmDelete = (this.confirmDelete.toString() === 'true') ? true : false;
     }
     fileClicked(file, idx) {
         if (this.showPhotoGallery === true) {
@@ -3628,10 +3631,12 @@ class SlickFileListComponent {
         this.filesEmitter.emit(this.files);
     }
     onFileDelete(file, idx) {
-        this.files.splice(idx, 1);
-        this.filesEmitter.emit(this.files);
-        if (this.onFileDeleteEmitter)
-            this.onFileDeleteEmitter.emit(file);
+        return __awaiter(this, void 0, void 0, function* () {
+            this.files.splice(idx, 1);
+            this.filesEmitter.emit(this.files);
+            if (this.onFileDeleteEmitter)
+                this.onFileDeleteEmitter.emit(file);
+        });
     }
     onCheckChanged(e, fileIdx) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -3677,7 +3682,7 @@ class SlickFileListComponent {
 SlickFileListComponent.decorators = [
     { type: Component, args: [{
                 selector: 'slick-file-list',
-                template: "<div #containerRef id=\"slick-file-list_{{uuid}}\" class=\"slick-file-list\">\r\n\t<slick-file-list-item *ngFor=\"let file of files; let idx = index\" [file]=\"file\" [allowDelete]=\"allowDelete\" [showPhotoGallery]=\"showPhotoGallery\" [showCheckbox]=\"showCheckboxes\" [thumbnailSize]=\"thumbnailSize\" (checkChanged)=\"onCheckChanged($event, idx)\" (fileClicked)=\"fileClicked($event, idx)\" (fileChanged)=\"onFileChange($event, idx)\" (fileDelete)=\"onFileDelete($event, idx)\"></slick-file-list-item>\r\n</div>\r\n\r\n<slick-photo-gallery #photoGalleryRef *ngIf=\"showPhotoGallery === true\" [files]=\"files\"></slick-photo-gallery>"
+                template: "<div #containerRef id=\"slick-file-list_{{uuid}}\" class=\"slick-file-list\">\r\n\t<slick-file-list-item *ngFor=\"let file of files; let idx = index\" \r\n\t\t\t\t\t\t  [file]=\"file\" \r\n\t\t\t\t\t\t  [allowDelete]=\"allowDelete\" \r\n\t\t\t\t\t\t  [showPhotoGallery]=\"showPhotoGallery\" \r\n\t\t\t\t\t\t  [showCheckbox]=\"showCheckboxes\" \r\n\t\t\t\t\t\t  [thumbnailSize]=\"thumbnailSize\" \r\n\t\t\t\t\t\t  [confirmDelete]=\"confirmDelete\"\r\n\t\t\t\t\t\t  (checkChanged)=\"onCheckChanged($event, idx)\" \r\n\t\t\t\t\t\t  (fileClicked)=\"fileClicked($event, idx)\" \r\n\t\t\t\t\t\t  (fileChanged)=\"onFileChange($event, idx)\" \r\n\t\t\t\t\t\t  (fileDelete)=\"onFileDelete($event, idx)\"></slick-file-list-item>\r\n</div>\r\n\r\n<slick-photo-gallery #photoGalleryRef *ngIf=\"showPhotoGallery === true\" [files]=\"files\"></slick-photo-gallery>\r\n\r\n"
             },] }
 ];
 /** @nocollapse */
@@ -3688,6 +3693,7 @@ SlickFileListComponent.propDecorators = {
     showPhotoGallery: [{ type: Input, args: ["showPhotoGallery",] }],
     showCheckboxes: [{ type: Input, args: ["showCheckboxes",] }],
     thumbnailSize: [{ type: Input, args: ["thumbnailSize",] }],
+    confirmDelete: [{ type: Input, args: ["confirmDelete",] }],
     filesEmitter: [{ type: Output, args: ["filesEmitter",] }],
     onFileDeleteEmitter: [{ type: Output, args: ["onFileDelete",] }],
     onFileCheckChanged: [{ type: Output, args: ["onFileCheckChanged",] }],
@@ -3704,6 +3710,7 @@ class SlickFileListItemComponent {
         this.allowDelete = true;
         this.showPhotoGallery = false;
         this.showCheckbox = false;
+        this.confirmDelete = true;
         this.fileChangeEmitter = new EventEmitter();
         this.fileDeleteEmitter = new EventEmitter();
         this.fileClicked = new EventEmitter();
@@ -3727,6 +3734,7 @@ class SlickFileListItemComponent {
             this.showPhotoGallery = (changes.showPhotoGallery.currentValue.toString().toLowerCase() !== 'false');
         if (changes.showCheckbox && changes.showCheckbox.currentValue)
             this.showCheckbox = (changes.showCheckbox.currentValue.toString().toLowerCase() !== 'false');
+        this.confirmDelete = (this.confirmDelete.toString() === 'true') ? true : false;
         if (this.file && this.file.name && !this.file.thumbnailBase64Image && !this.file.url) {
             if (this.file.isChecked === null)
                 this.file.isChecked = false;
@@ -3756,8 +3764,19 @@ class SlickFileListItemComponent {
         if (this.fileClicked)
             this.fileClicked.emit(this.file);
     }
-    deleteFile() {
-        this.fileDeleteEmitter.emit(this.file);
+    deleteFile(e) {
+        return __awaiter(this, void 0, void 0, function* () {
+            e.stopPropagation();
+            e.preventDefault();
+            if (this.confirmDelete === false) {
+                this.fileDeleteEmitter.emit(this.file);
+            }
+            else {
+                const result = yield this.deleteConfirmRef.confirm();
+                if (result === SlickConfirmDialogResults.Ok)
+                    this.fileDeleteEmitter.emit(this.file);
+            }
+        });
     }
     editTitle() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -3810,7 +3829,7 @@ class SlickFileListItemComponent {
 SlickFileListItemComponent.decorators = [
     { type: Component, args: [{
                 selector: 'slick-file-list-item',
-                template: "<div class=\"slick-file-list-item\" id=\"slick-file-list-item_{{uuid}}\">\r\n\t<div class=\"slick-file-list-item_img card\" (click)=\"onClick()\" [ngStyle]=\"{ 'cursor': (showPhotoGallery === true) ? 'pointer' : 'default' }\" [style.minHeight.px]=\"itemSize + 2\" [style.minWidth.px]=\"itemSize\">\r\n\t\t<img *ngIf=\"file.thumbnailBase64Image\" [src]=\"file.thumbnailBase64Image\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<img *ngIf=\"!file.thumbnailBase64Image && file.base64Image\" [src]=\"file.base64Image\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<img *ngIf=\"!file.thumbnailBase64Image && !file.base64Image && file.thumbnailUrl\" [src]=\"file.thumbnailUrl\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<img *ngIf=\"!file.thumbnailBase64Image && !file.base64Image && !file.thumbnailUrl && file.url\" [src]=\"file.url\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<i *ngIf=\"allowDelete\" class=\"fas fa-times-circle bg-white text-danger\" (click)=\"deleteFile()\"></i>\r\n\t</div>\r\n\t<div class=\"slick-file-list-item_title\" *ngIf=\"fileDateFormatted\" [style.minWidth.px]=\"itemSize\" [style.maxWidth.px]=\"itemSize\">\r\n\t\t<div class=\"slick-file-list-item_date\" *ngIf=\"fileDateFormatted\" [style.minWidth.px]=\"itemSize\">{{fileDateFormatted}}</div>\r\n\t</div>\r\n\t<div class=\"slick-file-list-item_title\" [style.minWidth.px]=\"itemSize\" [style.maxWidth.px]=\"itemSize\">\r\n\t\t<div class=\"slick-file-list-item_display-title\" #titleDivRef style=\"cursor: pointer\" *ngIf=\"!isEditing\" (click)=\"editTitle()\">{{file.title}}</div>\r\n\t\t<div #editTitleDivRef class=\"slick-file-list-item_edit-title\" *ngIf=\"isEditing\"><input #editTitleInputRef type=\"text\" class=\"form-control\" [(ngModel)]=\"tempTitle\" (keydown)=\"onKeyDown($event)\" [style.width.px]=\"itemSize\" /></div>\r\n\t</div>\r\n\r\n\t<!-- We want the user to be able to click just a little outside of the checkbox and still have it check -->\r\n\t<div *ngIf=\"showCheckbox === true\" class=\"slick-file-checkbox\" (click)=\"onCheckboxClicked($event)\">\r\n\t\t<input type=\"checkbox\" [ngModel]=\"file.isChecked\" />\r\n\t</div>\r\n</div>\r\n"
+                template: "<div class=\"slick-file-list-item\" id=\"slick-file-list-item_{{uuid}}\">\r\n\t<div class=\"slick-file-list-item_img card\" (click)=\"onClick()\" [ngStyle]=\"{ 'cursor': (showPhotoGallery === true) ? 'pointer' : 'default' }\" [style.minHeight.px]=\"itemSize + 2\" [style.minWidth.px]=\"itemSize\">\r\n\t\t<img *ngIf=\"file.thumbnailBase64Image\" [src]=\"file.thumbnailBase64Image\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<img *ngIf=\"!file.thumbnailBase64Image && file.base64Image\" [src]=\"file.base64Image\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<img *ngIf=\"!file.thumbnailBase64Image && !file.base64Image && file.thumbnailUrl\" [src]=\"file.thumbnailUrl\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<img *ngIf=\"!file.thumbnailBase64Image && !file.base64Image && !file.thumbnailUrl && file.url\" [src]=\"file.url\" [style.maxWidth.px]=\"itemImgSize\" [style.maxHeight.px]=\"itemImgSize\" />\r\n\t\t<i *ngIf=\"allowDelete\" class=\"fas fa-times-circle bg-white text-danger\" (click)=\"deleteFile($event)\"></i>\r\n\t</div>\r\n\t<div class=\"slick-file-list-item_title\" *ngIf=\"fileDateFormatted\" [style.minWidth.px]=\"itemSize\" [style.maxWidth.px]=\"itemSize\">\r\n\t\t<div class=\"slick-file-list-item_date\" *ngIf=\"fileDateFormatted\" [style.minWidth.px]=\"itemSize\">{{fileDateFormatted}}</div>\r\n\t</div>\r\n\t<div class=\"slick-file-list-item_title\" [style.minWidth.px]=\"itemSize\" [style.maxWidth.px]=\"itemSize\">\r\n\t\t<div class=\"slick-file-list-item_display-title\" #titleDivRef style=\"cursor: pointer\" *ngIf=\"!isEditing\" (click)=\"editTitle()\">{{file.title}}</div>\r\n\t\t<div #editTitleDivRef class=\"slick-file-list-item_edit-title\" *ngIf=\"isEditing\"><input #editTitleInputRef type=\"text\" class=\"form-control\" [(ngModel)]=\"tempTitle\" (keydown)=\"onKeyDown($event)\" [style.width.px]=\"itemSize\" /></div>\r\n\t</div>\r\n\r\n\t<!-- We want the user to be able to click just a little outside of the checkbox and still have it check -->\r\n\t<div *ngIf=\"showCheckbox === true\" class=\"slick-file-checkbox\" (click)=\"onCheckboxClicked($event)\">\r\n\t\t<input type=\"checkbox\" [ngModel]=\"file.isChecked\" />\r\n\t</div>\r\n</div>\r\n\r\n<slick-confirm-dialog #deleteConfirmRef>\r\n\t<h4 class=\"p-0 m-0 text-danger\">Are you sure you want to delete?</h4>\r\n</slick-confirm-dialog>"
             },] }
 ];
 /** @nocollapse */
@@ -3821,20 +3840,22 @@ SlickFileListItemComponent.propDecorators = {
     showPhotoGallery: [{ type: Input, args: ["showPhotoGallery",] }],
     showCheckbox: [{ type: Input, args: ["showCheckbox",] }],
     thumbnailSize: [{ type: Input, args: ["thumbnailSize",] }],
+    confirmDelete: [{ type: Input, args: ["confirmDelete",] }],
     fileChangeEmitter: [{ type: Output, args: ["fileChange",] }],
     fileDeleteEmitter: [{ type: Output, args: ["fileDelete",] }],
     fileClicked: [{ type: Output, args: ["fileClicked",] }],
     checkChanged: [{ type: Output, args: ["checkChanged",] }],
     titleDivRef: [{ type: ViewChild, args: ["titleDivRef",] }],
     editTitleDivRef: [{ type: ViewChild, args: ["editTitleDivRef",] }],
-    editTitleInputRef: [{ type: ViewChild, args: ["editTitleInputRef",] }]
+    editTitleInputRef: [{ type: ViewChild, args: ["editTitleInputRef",] }],
+    deleteConfirmRef: [{ type: ViewChild, args: ["deleteConfirmRef",] }]
 };
 
 class SlickFileListModule {
 }
 SlickFileListModule.decorators = [
     { type: NgModule, args: [{
-                imports: [CommonModule, FormsModule, SlickPhotoGalleryModule],
+                imports: [CommonModule, FormsModule, SlickConfirmDialogModule, SlickPhotoGalleryModule],
                 declarations: [SlickFileListComponent, SlickFileListItemComponent],
                 exports: [CommonModule, FormsModule, SlickFileListComponent]
             },] }
@@ -4484,6 +4505,11 @@ var SlickGridColumnSortDirection;
     SlickGridColumnSortDirection[SlickGridColumnSortDirection["asc"] = 1] = "asc";
     SlickGridColumnSortDirection[SlickGridColumnSortDirection["desc"] = 2] = "desc";
 })(SlickGridColumnSortDirection || (SlickGridColumnSortDirection = {}));
+var SlickGridColumnTitleOrientation;
+(function (SlickGridColumnTitleOrientation) {
+    SlickGridColumnTitleOrientation[SlickGridColumnTitleOrientation["Horizontal"] = 0] = "Horizontal";
+    SlickGridColumnTitleOrientation[SlickGridColumnTitleOrientation["Vertical"] = 1] = "Vertical";
+})(SlickGridColumnTitleOrientation || (SlickGridColumnTitleOrientation = {}));
 class SlickGridColumnModel {
     constructor() {
         this.sortable = true;
@@ -4500,6 +4526,9 @@ class SlickGridColumnModel {
             gridColumn.columnKey = params.columnKey;
         if (params.title)
             gridColumn.title = params.title;
+        gridColumn.titleOrientation = params.titleOrientation || SlickGridColumnTitleOrientation.Horizontal;
+        if (params.titleHeight)
+            gridColumn.titleHeight = params.titleHeight;
         if (params.dataFieldName)
             gridColumn.dataFieldName = params.dataFieldName;
         if (params.displayOrder !== null && params.displayOrder !== undefined)
@@ -4639,6 +4668,7 @@ class SlickGridComponent {
         this.bordered = true;
         this.striped = true;
         this.hover = true;
+        this.showingAllRecords = false;
         this.onRowSelected = new EventEmitter();
         this.onRowDoubleClick = new EventEmitter();
         this.onRowContextMenu = new EventEmitter();
@@ -4667,6 +4697,7 @@ class SlickGridComponent {
             if (this.slickGridHeight !== this.slickGridRef.nativeElement.offsetHeight) {
                 clearTimeout(this.resizeTimeout);
                 this.resizeTimeout = setTimeout(() => __awaiter(this, void 0, void 0, function* () {
+                    this.currentPage = 1;
                     this.requestModel.page = 1;
                     yield this.resizeGrid();
                     this.requestModel.recordsPerPage = this.recordsPerPage;
@@ -4677,79 +4708,7 @@ class SlickGridComponent {
     }
     ngOnInit() {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.gridOptions.gridKey) {
-                if (this.gridOptions.favorites) {
-                    const favoriteNames = this.gridOptions.favorites.map(f => f.favoriteName);
-                    localStorage.setItem(`GRID_${this.gridOptions.gridKey}_FAVORITES`, JSON.stringify(favoriteNames));
-                    this.gridOptions.favorites.forEach(favorite => {
-                        // Make sure we haven't added a new column that needs to be saved
-                        this.gridOptions.columns.forEach(c => {
-                            const columnExists = favorite.columns.findIndex(x => x.dataFieldName === c.dataFieldName);
-                            if (columnExists < 0)
-                                favorite.columns.push(c);
-                        });
-                        let gridColumnsJSON = JSON.stringify(favorite.columns);
-                        if (this.gridOptions.gridKey) {
-                            const suffix = favorite.favoriteName === 'Default' ? '' : ('_' + favorite.favoriteName);
-                            localStorage.setItem(`GRID_${this.gridOptions.gridKey}_COLUMNS${suffix}`, gridColumnsJSON);
-                        }
-                    });
-                    if (favoriteNames.indexOf(this.selectedFavorite) < 0)
-                        this.selectedFavorite = "Default";
-                }
-                this.selectedFavorite = localStorage.getItem("GRID_" + this.gridOptions.gridKey + "_SELECTED_FAVORITE") || 'Default';
-                // Check to make sure we don't have any duplicate column names
-                this.gridOptions.columns.forEach(c1 => {
-                    const dataFieldCount = (this.gridOptions.columns.filter(x => x.dataFieldName === c1.dataFieldName) || []).length;
-                    if (dataFieldCount > 1)
-                        console.error(`Grid ${this.gridOptions.gridKey} column ${c1.dataFieldName} is defined ${dataFieldCount} times`);
-                });
-                const suffix = this.selectedFavorite === 'Default' ? '' : ('_' + this.selectedFavorite);
-                let gridColumnsJson = localStorage.getItem(`GRID_${this.gridOptions.gridKey}_COLUMNS${suffix}`);
-                if (gridColumnsJson) {
-                    let columns = JSON.parse(gridColumnsJson);
-                    let displayOrder = 0;
-                    columns.forEach(c => {
-                        let column = this.gridOptions.columns.find(gridColumn => gridColumn.dataFieldName === c.dataFieldName);
-                        if (column) {
-                            column.visible = c.visible;
-                            column.displayOrder = displayOrder;
-                            column.width = c.width;
-                            column.flexible = c.flexible;
-                            column.sortDirection = c.sortDirection;
-                            column.isLocked = c.isLocked;
-                            //column.filterType = c.filterType;
-                            if (column.isLocked && column.filterType !== SlickGridColumnFilterTypes.none) {
-                                column.isFiltering = true;
-                                if (column.filterType === SlickGridColumnFilterTypes.text)
-                                    column.filterText = c.filterText;
-                                else if (column.filterType === SlickGridColumnFilterTypes.dropdown)
-                                    column.filterDropdownValue = c.filterDropdownValue;
-                                if (!column.filterText && !column.filterDropdownValue) {
-                                    column.isFiltering = false;
-                                    column.isLocked = false;
-                                    column.filterText = null;
-                                    column.filterDropdownValue = null;
-                                }
-                            }
-                        }
-                        displayOrder++;
-                    });
-                }
-                this.recordsPerPageValue = localStorage.getItem("GRID_" + this.gridOptions.gridKey + "_RECORDS_PER_PAGE") || "Auto";
-                const favoritesJson = localStorage.getItem("GRID_" + this.gridOptions.gridKey + "_FAVORITES") || `["Default"]`;
-                this.favorites = JSON.parse(favoritesJson).map(favorite => {
-                    return new DropDownModel(favorite);
-                });
-            }
-            this.visibleColumns = this.gridOptions.columns.filter(c => c.visible === true);
-            this.visibleColumns = this.visibleColumns.sort((a, b) => (a.displayOrder > b.displayOrder) ? 1 : (a.displayOrder < b.displayOrder) ? -1 : 0);
-            this.showSearchRow = this.visibleColumns.filter(c => c.filterType !== SlickGridColumnFilterTypes.none).length > 0;
-            let sortColumn = this.visibleColumns.find(c => c.sortable === true && c.sortDirection > 0);
-            if (this.visibleColumns.length > 0 && sortColumn) {
-                this.requestModel.sortColumn = sortColumn.dataFieldName;
-                this.requestModel.sortDirection = sortColumn.sortDirection;
-            }
+            this.setGridOptions(this.gridOptions);
         });
     }
     ngAfterViewInit() {
@@ -4825,6 +4784,7 @@ class SlickGridComponent {
                     this.striped = this.gridOptions.striped;
                 if (this.gridOptions.hover !== null)
                     this.hover = this.gridOptions.hover;
+                this.setGridOptions(this.gridOptions);
             }
             if (changes.data) {
                 // If we don't do this lock, the first change will have null data and crash.  The second request will have the actual data
@@ -4932,6 +4892,7 @@ class SlickGridComponent {
     }
     onPageChange(pageNumber, selectRow = true) {
         return __awaiter(this, void 0, void 0, function* () {
+            this.currentPage = pageNumber;
             this.requestModel.page = pageNumber;
             yield this.reload(this.requestModel);
             this.selectedIndex = (this.gridOptions.autoSelectFirstRow === true) ? 0 : null;
@@ -4968,6 +4929,8 @@ class SlickGridComponent {
                 yield this.resizeGrid();
                 yield this.functionLockService.lock("GRID_" + this.uuid + "_RELOADGRIDWITHREQUESTMODEL");
                 this.requestModel = requestModel;
+                this.currentPage = 1;
+                this.requestModel.page = 1;
                 let responseModel = yield this.reload(this.requestModel);
                 this.functionLockService.release("GRID_" + this.uuid + "_RELOADGRIDWITHREQUESTMODEL");
                 return Promise.resolve(responseModel);
@@ -4982,35 +4945,7 @@ class SlickGridComponent {
         return __awaiter(this, void 0, void 0, function* () {
             try {
                 yield this.functionLockService.lock("GRID_" + this.uuid + "_RELOAD");
-                requestModel.columnSearchValues = [];
-                this.gridOptions.columns.forEach(c => {
-                    if (c.visible) {
-                        if (c.filterType === SlickGridColumnFilterTypes.text && c.filterText) {
-                            c.filterText = c.filterText;
-                            requestModel.columnSearchValues.push({
-                                columnName: c.dataFieldName,
-                                searchValueId: null,
-                                searchValueText: c.filterText
-                            });
-                        }
-                        else if (c.filterType === SlickGridColumnFilterTypes.dropdown && c.filterDropdownValue) {
-                            c.filterDropdownValue = c.filterDropdownValue;
-                            requestModel.columnSearchValues.push({
-                                columnName: c.dataFieldName,
-                                searchValueId: c.filterDropdownValue,
-                                searchValueText: null
-                            });
-                        }
-                    }
-                });
-                requestModel.sortColumn = null;
-                const sortColumn = this.gridOptions.columns.find(x => x.sortDirection === SlickGridColumnSortDirection.asc || x.sortDirection === SlickGridColumnSortDirection.desc);
-                if (sortColumn) {
-                    requestModel.sortColumn = (sortColumn.sortDirection === 0) ? null : sortColumn.dataFieldName;
-                    requestModel.sortDirection = sortColumn.sortDirection;
-                }
-                if (requestModel.recordsPerPage <= 0)
-                    requestModel.recordsPerPage = 20;
+                requestModel = this.getRequestModel(this.requestModel);
                 let responseModel = null;
                 if (requestModel.url)
                     responseModel = yield this.gridService.getDataFromServer(requestModel);
@@ -5060,6 +4995,7 @@ class SlickGridComponent {
                 }
             }
             this.saveColumnsToLocalStorage();
+            this.currentPage = 1;
             this.requestModel.page = 1;
             yield this.reload(this.requestModel);
             if (this.visibleData && this.visibleData.length > 0 && this.gridOptions.autoSelectFirstRow === true)
@@ -5085,6 +5021,7 @@ class SlickGridComponent {
             else {
                 column.isLocked = false;
             }
+            this.currentPage = 1;
             this.requestModel.page = 1;
             yield this.reload(this.requestModel);
             if (this.visibleData && this.visibleData.length > 0 && this.gridOptions.autoSelectFirstRow === true)
@@ -5114,6 +5051,7 @@ class SlickGridComponent {
                         searchValueText: column.filterText
                     });
                 }
+                this.currentPage = 1;
                 this.requestModel.page = 1;
                 yield this.reload(this.requestModel);
                 if (this.visibleData && this.visibleData.length > 0 && this.gridOptions.autoSelectFirstRow === true)
@@ -5134,6 +5072,7 @@ class SlickGridComponent {
             column.filterDropdownValue = null;
             this.requestModel.columnSearchValues = this.requestModel.columnSearchValues.filter(x => x.columnName !== column.dataFieldName);
             this.saveColumnsToLocalStorage();
+            this.currentPage = 1;
             this.requestModel.page = 1;
             yield this.reload(this.requestModel);
             if (this.visibleData && this.visibleData.length > 0 && this.gridOptions.autoSelectFirstRow === true)
@@ -5263,6 +5202,8 @@ class SlickGridComponent {
                     let column = this.gridOptions.columns.find(gridColumn => gridColumn.dataFieldName === c.dataFieldName);
                     if (column) {
                         c.displayOrder = displayOrder;
+                        c.titleOrientation = column.titleOrientation;
+                        c.titleHeight = column.titleHeight;
                         c.width = column.width;
                         c.filterDropdownValue = column.filterDropdownValue;
                         c.filterText = column.filterText;
@@ -5331,11 +5272,133 @@ class SlickGridComponent {
             }));
         });
     }
+    addColumn(column, idx = null) {
+        if (idx === null)
+            this.gridOptions.columns.push(column);
+        else
+            this.gridOptions.columns.splice(idx, 0, column);
+        this.setGridOptions(this.gridOptions);
+    }
+    getRequestModel(requestModel = null) {
+        if (!requestModel)
+            requestModel = this.requestModel;
+        requestModel.columnSearchValues = [];
+        this.gridOptions.columns.forEach(c => {
+            if (c.visible) {
+                if (c.filterType === SlickGridColumnFilterTypes.text && c.filterText) {
+                    c.filterText = c.filterText;
+                    requestModel.columnSearchValues.push({
+                        columnName: c.dataFieldName,
+                        searchValueId: null,
+                        searchValueText: c.filterText
+                    });
+                }
+                else if (c.filterType === SlickGridColumnFilterTypes.dropdown && c.filterDropdownValue) {
+                    c.filterDropdownValue = c.filterDropdownValue;
+                    requestModel.columnSearchValues.push({
+                        columnName: c.dataFieldName,
+                        searchValueId: c.filterDropdownValue,
+                        searchValueText: null
+                    });
+                }
+            }
+        });
+        requestModel.sortColumn = null;
+        const sortColumn = this.gridOptions.columns.find(x => x.sortDirection === SlickGridColumnSortDirection.asc || x.sortDirection === SlickGridColumnSortDirection.desc);
+        if (sortColumn) {
+            requestModel.sortColumn = (sortColumn.sortDirection === 0) ? null : sortColumn.dataFieldName;
+            requestModel.sortDirection = sortColumn.sortDirection;
+        }
+        if (requestModel.recordsPerPage <= 0)
+            requestModel.recordsPerPage = 20;
+        return this.requestModel;
+    }
+    setGridOptions(gridOptions) {
+        this.gridOptions = gridOptions;
+        if (this.gridOptions.gridKey) {
+            if (this.gridOptions.favorites) {
+                const favoriteNames = this.gridOptions.favorites.map(f => f.favoriteName);
+                localStorage.setItem(`GRID_${this.gridOptions.gridKey}_FAVORITES`, JSON.stringify(favoriteNames));
+                this.gridOptions.favorites.forEach(favorite => {
+                    // Make sure we haven't added a new column that needs to be saved
+                    this.gridOptions.columns.forEach(c => {
+                        const columnExists = favorite.columns.findIndex(x => x.dataFieldName === c.dataFieldName);
+                        if (columnExists < 0)
+                            favorite.columns.push(c);
+                    });
+                    let gridColumnsJSON = JSON.stringify(favorite.columns);
+                    if (this.gridOptions.gridKey) {
+                        const suffix = favorite.favoriteName === 'Default' ? '' : ('_' + favorite.favoriteName);
+                        localStorage.setItem(`GRID_${this.gridOptions.gridKey}_COLUMNS${suffix}`, gridColumnsJSON);
+                    }
+                });
+                if (favoriteNames.indexOf(this.selectedFavorite) < 0)
+                    this.selectedFavorite = "Default";
+            }
+            this.selectedFavorite = localStorage.getItem("GRID_" + this.gridOptions.gridKey + "_SELECTED_FAVORITE") || 'Default';
+            // Check to make sure we don't have any duplicate column names
+            this.gridOptions.columns.forEach(c1 => {
+                const dataFieldCount = (this.gridOptions.columns.filter(x => x.dataFieldName === c1.dataFieldName) || []).length;
+                if (dataFieldCount > 1)
+                    console.error(`Grid ${this.gridOptions.gridKey} column ${c1.dataFieldName} is defined ${dataFieldCount} times`);
+            });
+            const suffix = this.selectedFavorite === 'Default' ? '' : ('_' + this.selectedFavorite);
+            let gridColumnsJson = localStorage.getItem(`GRID_${this.gridOptions.gridKey}_COLUMNS${suffix}`);
+            if (gridColumnsJson) {
+                let columns = JSON.parse(gridColumnsJson);
+                let displayOrder = 0;
+                columns.forEach(c => {
+                    let column = this.gridOptions.columns.find(gridColumn => gridColumn.dataFieldName === c.dataFieldName);
+                    if (column) {
+                        column.visible = c.visible;
+                        column.displayOrder = displayOrder;
+                        column.titleOrientation = c.titleOrientation;
+                        column.titleHeight = c.titleHeight;
+                        column.width = c.width;
+                        column.flexible = c.flexible;
+                        column.sortDirection = c.sortDirection;
+                        column.isLocked = c.isLocked;
+                        //column.filterType = c.filterType;
+                        if (column.isLocked && column.filterType !== SlickGridColumnFilterTypes.none) {
+                            column.isFiltering = true;
+                            if (column.filterType === SlickGridColumnFilterTypes.text)
+                                column.filterText = c.filterText;
+                            else if (column.filterType === SlickGridColumnFilterTypes.dropdown)
+                                column.filterDropdownValue = c.filterDropdownValue;
+                            if (!column.filterText && !column.filterDropdownValue) {
+                                column.isFiltering = false;
+                                column.isLocked = false;
+                                column.filterText = null;
+                                column.filterDropdownValue = null;
+                            }
+                        }
+                    }
+                    displayOrder++;
+                });
+            }
+            if (this.gridOptions.defaultRecordsPerPage && !localStorage.getItem("GRID_" + this.gridOptions.gridKey + "_RECORDS_PER_PAGE"))
+                this.recordsPerPageValue = this.gridOptions.defaultRecordsPerPage.toString();
+            else
+                this.recordsPerPageValue = localStorage.getItem("GRID_" + this.gridOptions.gridKey + "_RECORDS_PER_PAGE") || "Auto";
+            const favoritesJson = localStorage.getItem("GRID_" + this.gridOptions.gridKey + "_FAVORITES") || `["Default"]`;
+            this.favorites = JSON.parse(favoritesJson).map(favorite => {
+                return new DropDownModel(favorite);
+            });
+        }
+        this.visibleColumns = this.gridOptions.columns.filter(c => c.visible === true);
+        this.visibleColumns = this.visibleColumns.sort((a, b) => (a.displayOrder > b.displayOrder) ? 1 : (a.displayOrder < b.displayOrder) ? -1 : 0);
+        this.showSearchRow = this.visibleColumns.filter(c => c.filterType !== SlickGridColumnFilterTypes.none).length > 0;
+        let sortColumn = this.visibleColumns.find(c => c.sortable === true && c.sortDirection > 0);
+        if (this.visibleColumns.length > 0 && sortColumn) {
+            this.requestModel.sortColumn = sortColumn.dataFieldName;
+            this.requestModel.sortDirection = sortColumn.sortDirection;
+        }
+    }
 }
 SlickGridComponent.decorators = [
     { type: Component, args: [{
                 selector: 'slick-grid',
-                template: "<div id=\"slick-grid_{{uuid}}\" class=\"slick-grid d-flex flex-column flex-fill\" style=\"position: absolute; left: 0; top: 0; right: 0; bottom: 0;\" #slickGrid>\r\n\t<div #tableContainer class=\"d-flex flex-fill\" style=\"overflow: auto\">\r\n\r\n\t\t<div>\r\n\t\t\t<table #tableRef class=\"table table-sm\" [class.table-bordered]=\"bordered\" [class.table-borderless]=\"!bordered\" [class.table-striped]=\"striped\" [class.table-hover]=\"hover\" [style.opacity]=\"gridOpacity\" style=\"margin: 0; padding: 0;\" (keydown)=\"tableKeydown($event)\" tabindex=\"0\">\r\n\t\t\t\t<thead>\r\n\t\t\t\t\t<tr #tableHeaderRow (mousemove)=\"onColResizeMousemove($event)\" [ngClass]=\"{ 'resizing': isResizing === true }\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns; let idx = index\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\">\r\n\t\t\t\t\t\t\t<div *ngIf=\"idx > 0 && idx < visibleColumns.length\" class=\"resize_column_left\" [class.table-bordered]=\"bordered\" (mousedown)=\"onColResizeMousedown($event, idx - 1)\" (dblclick)=\"onColResizeDoubleclick($event, idx - 1)\"></div>\r\n\t\t\t\t\t\t\t<span class=\"sortIcon\" *ngIf=\"column.sortable === true && column.sortDirection > 0\"><i class=\"far\" [ngClass]=\"{'fa-caret-up': column.sortDirection === 1, 'fa-caret-down': column.sortDirection === 2}\"></i>&nbsp;</span>\r\n\t\t\t\t\t\t\t<a href=\"javascript:void(0)\" *ngIf=\"column.sortable === true\" (click)=\"sortBy(column)\" draggable=\"false\">{{column.title}}</a>\r\n\t\t\t\t\t\t\t<div *ngIf=\"column.sortable === false\">{{column.title}}</div>\r\n\t\t\t\t\t\t\t<div class=\"resize_column_right\" (mousedown)=\"onColResizeMousedown($event, idx)\" (dblclick)=\"onColResizeDoubleclick($event, idx)\"></div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t\t<tr #tableHeaderSearchRow *ngIf=\"showSearchRow === true\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns\">\r\n\t\t\t\t\t\t\t<div class=\"slick-grid_search-column\">\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering\" class=\"fas fa-times-circle bg-white text-danger mr-1\" (click)=\"resetFilter(column)\"></i>\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering && column.isLocked\" class=\"far fa-lock mr-1\" (click)=\"toggleLock(column)\"></i>\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering && !column.isLocked\" class=\"far fa-lock-open mr-1\" (click)=\"toggleLock(column)\"></i>\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.filterType === 1\" class=\"slick-grid_text-search\">\r\n\t\t\t\t\t\t\t\t\t<input autocomplete=\"nope\" type=\"text\" class=\"form-control\" [(ngModel)]=\"column.filterText\" name=\"searchText\" placeholder=\"Search...\" (keydown)=\"onSearch(column)\" />\r\n\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.filterType === 2\" class=\"input-group slick-grid_drop-down-search\">\r\n\t\t\t\t\t\t\t\t\t<slick-drop-down [items]=\"column.filterDropdownValues\" [(ngModel)]=\"column.filterDropdownValue\" listWidth=\"auto\" placeholder=\"Search...\" (onSelect)=\"onSearchSelect($event, column)\"></slick-drop-down>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</thead>\r\n\r\n\t\t\t\t<tbody>\r\n\t\t\t\t\t<tr *ngIf=\"loaded && visibleData.length === 0\"><td [colSpan]=\"visibleColumns.length\">No Data</td></tr>\r\n\t\t\t\t\t<tr *ngFor=\"let rowData of visibleData; let idx = index\" #tableBodyRows (click)=\"onRowClicked(rowData, idx)\" (dblclick)=\"onRowDoubleClicked(rowData, idx)\" (contextmenu)=\"onRowContextMenuClicked($event, rowData, idx)\" [class.table-success]=\"selectedIndex === idx\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns\">\r\n\t\t\t\t\t\t\t<div *ngIf=\"!column.columnKey\" class=\"slick-grid_column-content\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\" [innerHTML]=\"getColumnHTML(rowData, column.dataFieldName) | slickGridSanitizeHtml\"></div>\r\n\t\t\t\t\t\t\t<div *ngIf=\"column.columnKey\" class=\"slick-grid_column-content\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\">\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"templateRefs[column.columnKey], context: { $implicit: rowData }\">\r\n\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</tbody>\r\n\t\t\t</table>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\r\n\t<div class=\"slick-grid-footer mt-2 d-flex\">\r\n\t\t<div>\r\n\t\t\t<button type=\"button\" (click)=\"openColumnSelectDialog()\" class=\"btn btn-outline-primary\"><i class=\"far fa-columns\"></i></button>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"favorites?.length > 1\">\r\n\t\t\t<button #favoriteSelectRef type=\"button\" class=\"btn btn-outline-primary ml-1\"><i class=\"far fa-star\"></i> {{this.selectedFavorite}}</button>\r\n\t\t\t<slick-popover [element]=\"favoriteSelectRef\" position=\"top\" showArrow=\"false\" [topOffsetPx]=\"0\" [leftOffsetPx]=\"0\" [showByClick]=\"true\">\r\n\t\t\t\t<table class=\"table-borderless table-sm table-hover\" style=\"min-width: 250px; cursor: default\">\r\n\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t<tr *ngFor=\"let favorite of favorites\" (click)=\"setFavorite(favorite.text)\">\r\n\t\t\t\t\t\t\t<td><i *ngIf=\"favorite.text === selectedFavorite\" class=\"far fa-star mr-1\"></i>{{favorite.text}}</td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t</tbody>\r\n\t\t\t\t</table>\r\n\t\t\t</slick-popover>\r\n\t\t</div>\r\n\t\t<div>\r\n\t\t\t<slick-paging [(pageNumber)]=\"currentPage\" [totalRecords]=\"totalRecords\" [recordsPerPage]=\"recordsPerPage\" (onPageChange)=\"onPageChange($event)\"></slick-paging>\r\n\t\t</div>\r\n\t\t<div class=\"ml-1\">\r\n\t\t\t<button #recordsPerPageRef type=\"button\" class=\"btn btn-outline-primary\">{{recordsPerPageValue}}&nbsp;&nbsp;<i style=\"font-size: 12px\" class=\"far fa-chevron-down\"></i></button>\r\n\r\n\t\t\t<slick-popover [element]=\"recordsPerPageRef\" position=\"top\" showArrow=\"false\" [topOffsetPx]=\"0\" [leftOffsetPx]=\"0\" [showByClick]=\"true\">\r\n\t\t\t\t<table class=\"table-borderless table-sm table-hover\" style=\"min-width: 150px;\">\r\n\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('Auto')\"><td>Auto</td></tr>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('25')\"><td>25</td></tr>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('50')\"><td>50</td></tr>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('100')\"><td>100</td></tr>\r\n\t\t\t\t\t</tbody>\r\n\t\t\t\t</table>\r\n\t\t\t</slick-popover>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<slick-dialog #columnSelectDialogRef header=\"Select Columns\">\r\n\t<div style=\"text-align: center; width: 475px;\" class=\"mx-5\">\r\n\t\t<div class=\"d-flex\">\r\n\t\t\t<div class=\"flex-fill\">\r\n\t\t\t\t<slick-drop-down [items]=\"favorites\"\r\n\t\t\t\t\t\t\t\t [ngModel]=\"selectedFavorite\"\r\n\t\t\t\t\t\t\t\t (onSelect)=\"loadFavorite($event)\"></slick-drop-down>\r\n\t\t\t</div>\r\n\t\t\t<div><button class=\"btn btn-outline-primary ml-1\" (click)=\"addNewFavorite()\"><i class=\"far fa-plus\"></i></button></div>\r\n\t\t</div>\r\n\t\t<div class=\"d-flex flex-column mt-1\" slick-drop-list (onSlickDropListReorder)=\"onColumnReorder($event)\">\r\n\t\t\t<div *ngFor=\"let column of columnSelectDialogColumns\" class=\"d-flex\" slick-drop-list-item>\r\n\t\t\t\t<div style=\"width: 20px\"><input type=\"checkbox\" style=\"position: relative; top: 2px;\" [(ngModel)]=\"column.visible\" /></div>\r\n\t\t\t\t<div class=\"py-0 flex-fill\" style=\"text-align: left; cursor: ns-resize\" slick-drop-list-grab>{{column.title}}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<slick-dialog-footer>\r\n\t\t<div style=\"margin-top: 10px;\" class=\"col-12 text-center mb-2 mt-1\">\r\n\t\t\t<button type=\"button\" (click)=\"onSaveColumns()\" class=\"btn btn-outline-primary mr-1\"><i class=\"far fa-save\"></i>&nbsp;Save</button>&nbsp;\r\n\t\t\t<button type=\"button\" class=\"btn btn-outline-danger\" (click)=\"onCancelColumns()\">Cancel</button>\r\n\t\t</div>\r\n\t</slick-dialog-footer>\r\n</slick-dialog>\r\n\r\n\r\n<slick-confirm-dialog #addNewFavoriteDialogRef width=\"300\">\r\n\t<label>Enter new favorite name</label>\r\n\t<input type=\"text\" class=\"form-control mx-3\" style=\"width: 250px\" [(ngModel)]=\"newFavoriteText\" />\r\n</slick-confirm-dialog>",
+                template: "<div id=\"slick-grid_{{uuid}}\" class=\"slick-grid d-flex flex-column flex-fill\" style=\"position: absolute; left: 0; top: 0; right: 0; bottom: 0;\" #slickGrid>\r\n\t<div #tableContainer class=\"d-flex flex-fill\" style=\"overflow: auto\">\r\n\r\n\t\t<div>\r\n\t\t\t<table #tableRef class=\"table table-sm\" [class.table-bordered]=\"bordered\" [class.table-borderless]=\"!bordered\" [class.table-striped]=\"striped\" [class.table-hover]=\"hover\" [style.opacity]=\"gridOpacity\" style=\"margin: 0; padding: 0;\" (keydown)=\"tableKeydown($event)\" tabindex=\"0\">\r\n\t\t\t\t<thead>\r\n\t\t\t\t\t<tr #tableHeaderRow (mousemove)=\"onColResizeMousemove($event)\" [ngClass]=\"{ 'resizing': isResizing === true }\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns; let idx = index\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\" [style.height]=\"column.titleHeight\">\r\n\t\t\t\t\t\t\t<div [ngClass]=\"{ 'slick-grid_title-vertical' : column.titleOrientation === 1 }\">\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"idx > 0 && idx < visibleColumns.length\" class=\"resize_column_left\" [class.table-bordered]=\"bordered\" (mousedown)=\"onColResizeMousedown($event, idx - 1)\" (dblclick)=\"onColResizeDoubleclick($event, idx - 1)\"></div>\r\n\t\t\t\t\t\t\t\t<span class=\"sortIcon\" *ngIf=\"column.sortable === true && column.sortDirection > 0\"><i class=\"far\" [ngClass]=\"{'fa-caret-up': column.sortDirection === 1, 'fa-caret-down': column.sortDirection === 2}\"></i>&nbsp;</span>\r\n\t\t\t\t\t\t\t\t<a href=\"javascript:void(0)\" *ngIf=\"column.sortable === true\" (click)=\"sortBy(column)\" draggable=\"false\" title=\"{{column.title}}\">{{column.title}}</a>\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.sortable === false\" title=\"{{column.title}}\">{{column.title}}</div>\r\n\t\t\t\t\t\t\t\t<div class=\"resize_column_right\" (mousedown)=\"onColResizeMousedown($event, idx)\" (dblclick)=\"onColResizeDoubleclick($event, idx)\"></div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t\t<tr #tableHeaderSearchRow *ngIf=\"showSearchRow === true\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns\">\r\n\t\t\t\t\t\t\t<div class=\"slick-grid_search-column\">\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering\" class=\"fas fa-times-circle bg-white text-danger mr-1\" (click)=\"resetFilter(column)\"></i>\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering && column.isLocked\" class=\"far fa-lock mr-1\" (click)=\"toggleLock(column)\"></i>\r\n\t\t\t\t\t\t\t\t<i *ngIf=\"column.isFiltering && !column.isLocked\" class=\"far fa-lock-open mr-1\" (click)=\"toggleLock(column)\"></i>\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.filterType === 1\" class=\"slick-grid_text-search\">\r\n\t\t\t\t\t\t\t\t\t<input autocomplete=\"nope\" type=\"text\" class=\"form-control\" [(ngModel)]=\"column.filterText\" name=\"searchText\" placeholder=\"Search...\" (keydown)=\"onSearch(column)\" />\r\n\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t<div *ngIf=\"column.filterType === 2\" class=\"input-group slick-grid_drop-down-search\">\r\n\t\t\t\t\t\t\t\t\t<slick-drop-down [items]=\"column.filterDropdownValues\" [(ngModel)]=\"column.filterDropdownValue\" listWidth=\"auto\" placeholder=\"Search...\" (onSelect)=\"onSearchSelect($event, column)\"></slick-drop-down>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</thead>\r\n\r\n\t\t\t\t<tbody>\r\n\t\t\t\t\t<tr *ngIf=\"loaded && visibleData.length === 0\"><td [colSpan]=\"visibleColumns.length\">No Data</td></tr>\r\n\t\t\t\t\t<tr *ngFor=\"let rowData of visibleData; let idx = index\" #tableBodyRows (click)=\"onRowClicked(rowData, idx)\" (dblclick)=\"onRowDoubleClicked(rowData, idx)\" (contextmenu)=\"onRowContextMenuClicked($event, rowData, idx)\" [class.table-success]=\"selectedIndex === idx\">\r\n\t\t\t\t\t\t<td *ngFor=\"let column of visibleColumns\">\r\n\t\t\t\t\t\t\t<div *ngIf=\"!column.columnKey\" class=\"slick-grid_column-content\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\" [innerHTML]=\"getColumnHTML(rowData, column.dataFieldName) | slickGridSanitizeHtml\"></div>\r\n\t\t\t\t\t\t\t<div *ngIf=\"column.columnKey\" class=\"slick-grid_column-content\" [style.width]=\"column.width\" [style.maxWidth]=\"column.width\">\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"templateRefs[column.columnKey], context: { $implicit: rowData }\">\r\n\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</tbody>\r\n\t\t\t</table>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\r\n\t<div class=\"slick-grid-footer mt-2 d-flex\">\r\n\t\t<div>\r\n\t\t\t<button type=\"button\" (click)=\"openColumnSelectDialog()\" class=\"btn btn-outline-primary\"><i class=\"far fa-columns\"></i></button>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"favorites?.length > 1\">\r\n\t\t\t<button #favoriteSelectRef type=\"button\" class=\"btn btn-outline-primary ml-1\"><i class=\"far fa-star\"></i> {{this.selectedFavorite}}</button>\r\n\t\t\t<slick-popover [element]=\"favoriteSelectRef\" position=\"top\" showArrow=\"false\" [topOffsetPx]=\"0\" [leftOffsetPx]=\"0\" [showByClick]=\"true\">\r\n\t\t\t\t<table class=\"table-borderless table-sm table-hover\" style=\"min-width: 250px; cursor: default\">\r\n\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t<tr *ngFor=\"let favorite of favorites\" (click)=\"setFavorite(favorite.text)\">\r\n\t\t\t\t\t\t\t<td><i *ngIf=\"favorite.text === selectedFavorite\" class=\"far fa-star mr-1\"></i>{{favorite.text}}</td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t</tbody>\r\n\t\t\t\t</table>\r\n\t\t\t</slick-popover>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"showingAllRecords == false\">\r\n\t\t\t<slick-paging [(pageNumber)]=\"currentPage\" [totalRecords]=\"totalRecords\" [recordsPerPage]=\"recordsPerPage\" (onPageChange)=\"onPageChange($event)\"></slick-paging>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"showingAllRecords == false\" class=\"ml-1\">\r\n\t\t\t<button #recordsPerPageRef type=\"button\" class=\"btn btn-outline-primary\">{{recordsPerPageValue}}&nbsp;&nbsp;<i style=\"font-size: 12px\" class=\"far fa-chevron-down\"></i></button>\r\n\r\n\t\t\t<slick-popover [element]=\"recordsPerPageRef\" position=\"top\" showArrow=\"false\" [topOffsetPx]=\"0\" [leftOffsetPx]=\"0\" [showByClick]=\"true\">\r\n\t\t\t\t<table class=\"table-borderless table-sm table-hover\" style=\"min-width: 150px;\">\r\n\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('Auto')\"><td>Auto</td></tr>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('25')\"><td>25</td></tr>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('50')\"><td>50</td></tr>\r\n\t\t\t\t\t\t<tr (click)=\"onRecordsPerPageSelected('100')\"><td>100</td></tr>\r\n\t\t\t\t\t</tbody>\r\n\t\t\t\t</table>\r\n\t\t\t</slick-popover>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<slick-dialog #columnSelectDialogRef header=\"Select Columns\">\r\n\t<div style=\"text-align: center; width: 475px;\" class=\"mx-5\">\r\n\t\t<div class=\"d-flex\">\r\n\t\t\t<div class=\"flex-fill\">\r\n\t\t\t\t<slick-drop-down [items]=\"favorites\"\r\n\t\t\t\t\t\t\t\t [ngModel]=\"selectedFavorite\"\r\n\t\t\t\t\t\t\t\t (onSelect)=\"loadFavorite($event)\"></slick-drop-down>\r\n\t\t\t</div>\r\n\t\t\t<div><button class=\"btn btn-outline-primary ml-1\" (click)=\"addNewFavorite()\"><i class=\"far fa-plus\"></i></button></div>\r\n\t\t</div>\r\n\t\t<div class=\"d-flex flex-column mt-1\" slick-drop-list (onSlickDropListReorder)=\"onColumnReorder($event)\">\r\n\t\t\t<div *ngFor=\"let column of columnSelectDialogColumns\" class=\"d-flex\" slick-drop-list-item>\r\n\t\t\t\t<div style=\"width: 20px\"><input type=\"checkbox\" style=\"position: relative; top: 2px;\" [(ngModel)]=\"column.visible\" /></div>\r\n\t\t\t\t<div class=\"py-0 flex-fill\" style=\"text-align: left; cursor: ns-resize\" slick-drop-list-grab>{{column.title}}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<slick-dialog-footer>\r\n\t\t<div style=\"margin-top: 10px;\" class=\"col-12 text-center mb-2 mt-1\">\r\n\t\t\t<button type=\"button\" (click)=\"onSaveColumns()\" class=\"btn btn-outline-primary mr-1\"><i class=\"far fa-save\"></i>&nbsp;Save</button>&nbsp;\r\n\t\t\t<button type=\"button\" class=\"btn btn-outline-danger\" (click)=\"onCancelColumns()\">Cancel</button>\r\n\t\t</div>\r\n\t</slick-dialog-footer>\r\n</slick-dialog>\r\n\r\n\r\n<slick-confirm-dialog #addNewFavoriteDialogRef width=\"300\">\r\n\t<label>Enter new favorite name</label>\r\n\t<input type=\"text\" class=\"form-control mx-3\" style=\"width: 250px\" [(ngModel)]=\"newFavoriteText\" />\r\n</slick-confirm-dialog>",
                 providers: [SlickGridService]
             },] }
 ];
@@ -5351,6 +5414,7 @@ SlickGridComponent.propDecorators = {
     bordered: [{ type: Input }],
     striped: [{ type: Input }],
     hover: [{ type: Input }],
+    showingAllRecords: [{ type: Input }],
     data: [{ type: Input }],
     onRowSelected: [{ type: Output }],
     onRowDoubleClick: [{ type: Output }],