@progress/kendo-angular-grid 5.4.2-dev.202110011036 → 5.4.4-dev.202111191600

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1633084190,
+    publishDate: 1637337121,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/dist/es2015/pager/pager-dropdown.directive.d.ts

@@ -3,14 +3,12 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
-import { Renderer2 } from '@angular/core';
 /**
  * @hidden
  */
 export declare class PagerDropDownListDirective {
     private host;
-    private renderer;
-    constructor(host: DropDownListComponent, renderer: Renderer2);
+    constructor(host: DropDownListComponent);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private keydownHandler;

package/dist/es2015/pager/pager-dropdown.directive.js

@@ -4,15 +4,14 @@
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
-import { Directive, Renderer2 } from '@angular/core';
+import { Directive } from '@angular/core';
 import { Keys } from '@progress/kendo-angular-common';
 /**
  * @hidden
  */
 let PagerDropDownListDirective = class PagerDropDownListDirective {
-    constructor(host, renderer) {
+    constructor(host) {
         this.host = host;
-        this.renderer = renderer;
         this.keydownHandler = (e) => {
             if (e.keyCode === Keys.Escape && this.host.isOpen) {
                 e.stopPropagation();
@@ -22,7 +21,6 @@ let PagerDropDownListDirective = class PagerDropDownListDirective {
     }
     ngAfterViewInit() {
         const wrapperElement = this.host.wrapper.nativeElement;
-        this.renderer.addClass(wrapperElement, 'k-pager-nav');
         wrapperElement.addEventListener('keydown', this.keydownHandler, true);
     }
     ngOnDestroy() {
@@ -31,7 +29,6 @@ let PagerDropDownListDirective = class PagerDropDownListDirective {
 };
 PagerDropDownListDirective = tslib_1.__decorate([
     Directive({ selector: '[kendoGridPagerDropDown]' }),
-    tslib_1.__metadata("design:paramtypes", [DropDownListComponent,
-        Renderer2])
+    tslib_1.__metadata("design:paramtypes", [DropDownListComponent])
 ], PagerDropDownListDirective);
 export { PagerDropDownListDirective };

package/dist/es2015/rendering/list.component.js

@@ -125,8 +125,8 @@ let ListComponent = class ListComponent {
         this.scrollLeft = 0;
         this.rtl = false;
         this.scroller = scrollerFactory(this.dispatcher);
-        this.subscriptions =
-            detailsService.changes.subscribe(x => this.detailExpand(x)).add(scrollRequestService.requests.subscribe(x => this.scrollTo(x)));
+        this.subscriptions = detailsService.changes.subscribe(x => this.detailExpand(x));
+        this.subscriptions.add(scrollRequestService.requests.subscribe(x => this.scrollTo(x)));
     }
     get hostClass() {
         return true;

package/dist/fesm2015/index.js

@@ -2831,7 +2831,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1633084190,
+    publishDate: 1637337121,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -3000,13 +3000,14 @@ GroupHeaderColumnTemplateDirective = __decorate([
  * Helps to customize the content of the edited cells. To define the cell template, nest an `<ng-template>`
  * tag with the `kendoGridEditTemplate` directive inside a `<kendo-grid-column>` tag.
  *
- * The template context contains the following fields:
+ * The template context is set to the current form group and the following additional fields are passed:
  * - `formGroup`&mdash;The current [FormGroup]({{ site.data.urls.angular['formgroupapi'] }}).
+ * Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax&mdash;for example, `let-formGroup`.
  * If you use the Grid inside [Template-Driven Forms]({{ site.data.urls.angular['forms'] }}), it will be `undefined`.
- * - `rowIndex`&mdash;The current data row index. If inside a new item row, `rowIndex` is `-1`.
- * - `dataItem`&mdash;The current data item.
- * - `column`&mdash;The current column instance.
- * - `isNew`&mdash;The state of the current item.
+ * - `rowIndex`&mdash;The current data row index. If inside a new item row, `rowIndex` is `-1`. Use it as an alias for a template variable by utilizing the `let-rowIndex="rowIndex"` syntax.
+ * - `dataItem`&mdash;The current data item. Use it as an alias for a template variable by utilizing the `let-dataItem="dataItem"` syntax.
+ * - `column`&mdash;The current column instance. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.
+ * - `isNew`&mdash;The state of the current item. Use it as an alias for a template variable by utilizing the `let-isNew="isNew"` syntax.
  */
 let EditTemplateDirective = class EditTemplateDirective {
     constructor(templateRef) {
@@ -9448,8 +9449,8 @@ let ListComponent = class ListComponent {
         this.scrollLeft = 0;
         this.rtl = false;
         this.scroller = scrollerFactory(this.dispatcher);
-        this.subscriptions =
-            detailsService.changes.subscribe(x => this.detailExpand(x)).add(scrollRequestService.requests.subscribe(x => this.scrollTo(x)));
+        this.subscriptions = detailsService.changes.subscribe(x => this.detailExpand(x));
+        this.subscriptions.add(scrollRequestService.requests.subscribe(x => this.scrollTo(x)));
     }
     get hostClass() {
         return true;
@@ -13957,9 +13958,8 @@ PagerInputDirective = __decorate([
  * @hidden
  */
 let PagerDropDownListDirective = class PagerDropDownListDirective {
-    constructor(host, renderer) {
+    constructor(host) {
         this.host = host;
-        this.renderer = renderer;
         this.keydownHandler = (e) => {
             if (e.keyCode === Keys.Escape && this.host.isOpen) {
                 e.stopPropagation();
@@ -13969,7 +13969,6 @@ let PagerDropDownListDirective = class PagerDropDownListDirective {
     }
     ngAfterViewInit() {
         const wrapperElement = this.host.wrapper.nativeElement;
-        this.renderer.addClass(wrapperElement, 'k-pager-nav');
         wrapperElement.addEventListener('keydown', this.keydownHandler, true);
     }
     ngOnDestroy() {
@@ -13978,8 +13977,7 @@ let PagerDropDownListDirective = class PagerDropDownListDirective {
 };
 PagerDropDownListDirective = __decorate([
     Directive({ selector: '[kendoGridPagerDropDown]' }),
-    __metadata("design:paramtypes", [DropDownListComponent,
-        Renderer2])
+    __metadata("design:paramtypes", [DropDownListComponent])
 ], PagerDropDownListDirective);
 
 /**

package/dist/fesm5/index.js

@@ -3046,7 +3046,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1633084190,
+    publishDate: 1637337121,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -3218,13 +3218,14 @@ var GroupHeaderColumnTemplateDirective = /** @class */ (function () {
  * Helps to customize the content of the edited cells. To define the cell template, nest an `<ng-template>`
  * tag with the `kendoGridEditTemplate` directive inside a `<kendo-grid-column>` tag.
  *
- * The template context contains the following fields:
+ * The template context is set to the current form group and the following additional fields are passed:
  * - `formGroup`&mdash;The current [FormGroup]({{ site.data.urls.angular['formgroupapi'] }}).
+ * Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax&mdash;for example, `let-formGroup`.
  * If you use the Grid inside [Template-Driven Forms]({{ site.data.urls.angular['forms'] }}), it will be `undefined`.
- * - `rowIndex`&mdash;The current data row index. If inside a new item row, `rowIndex` is `-1`.
- * - `dataItem`&mdash;The current data item.
- * - `column`&mdash;The current column instance.
- * - `isNew`&mdash;The state of the current item.
+ * - `rowIndex`&mdash;The current data row index. If inside a new item row, `rowIndex` is `-1`. Use it as an alias for a template variable by utilizing the `let-rowIndex="rowIndex"` syntax.
+ * - `dataItem`&mdash;The current data item. Use it as an alias for a template variable by utilizing the `let-dataItem="dataItem"` syntax.
+ * - `column`&mdash;The current column instance. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.
+ * - `isNew`&mdash;The state of the current item. Use it as an alias for a template variable by utilizing the `let-isNew="isNew"` syntax.
  */
 var EditTemplateDirective = /** @class */ (function () {
     function EditTemplateDirective(templateRef) {
@@ -9825,8 +9826,8 @@ var ListComponent = /** @class */ (function () {
         this.scrollLeft = 0;
         this.rtl = false;
         this.scroller = scrollerFactory(this.dispatcher);
-        this.subscriptions =
-            detailsService.changes.subscribe(function (x) { return _this.detailExpand(x); }).add(scrollRequestService.requests.subscribe(function (x) { return _this.scrollTo(x); }));
+        this.subscriptions = detailsService.changes.subscribe(function (x) { return _this.detailExpand(x); });
+        this.subscriptions.add(scrollRequestService.requests.subscribe(function (x) { return _this.scrollTo(x); }));
     }
     Object.defineProperty(ListComponent.prototype, "hostClass", {
         get: function () {
@@ -14569,10 +14570,9 @@ var PagerInputDirective = /** @class */ (function () {
  * @hidden
  */
 var PagerDropDownListDirective = /** @class */ (function () {
-    function PagerDropDownListDirective(host, renderer) {
+    function PagerDropDownListDirective(host) {
         var _this = this;
         this.host = host;
-        this.renderer = renderer;
         this.keydownHandler = function (e) {
             if (e.keyCode === Keys.Escape && _this.host.isOpen) {
                 e.stopPropagation();
@@ -14582,7 +14582,6 @@ var PagerDropDownListDirective = /** @class */ (function () {
     }
     PagerDropDownListDirective.prototype.ngAfterViewInit = function () {
         var wrapperElement = this.host.wrapper.nativeElement;
-        this.renderer.addClass(wrapperElement, 'k-pager-nav');
         wrapperElement.addEventListener('keydown', this.keydownHandler, true);
     };
     PagerDropDownListDirective.prototype.ngOnDestroy = function () {
@@ -14590,8 +14589,7 @@ var PagerDropDownListDirective = /** @class */ (function () {
     };
     PagerDropDownListDirective = __decorate([
         Directive({ selector: '[kendoGridPagerDropDown]' }),
-        __metadata("design:paramtypes", [DropDownListComponent,
-            Renderer2])
+        __metadata("design:paramtypes", [DropDownListComponent])
     ], PagerDropDownListDirective);
     return PagerDropDownListDirective;
 }());

package/dist/npm/editing/edit-template.directive.js

@@ -11,13 +11,14 @@ var core_1 = require("@angular/core");
  * Helps to customize the content of the edited cells. To define the cell template, nest an `<ng-template>`
  * tag with the `kendoGridEditTemplate` directive inside a `<kendo-grid-column>` tag.
  *
- * The template context contains the following fields:
+ * The template context is set to the current form group and the following additional fields are passed:
  * - `formGroup`&mdash;The current [FormGroup]({{ site.data.urls.angular['formgroupapi'] }}).
+ * Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax&mdash;for example, `let-formGroup`.
  * If you use the Grid inside [Template-Driven Forms]({{ site.data.urls.angular['forms'] }}), it will be `undefined`.
- * - `rowIndex`&mdash;The current data row index. If inside a new item row, `rowIndex` is `-1`.
- * - `dataItem`&mdash;The current data item.
- * - `column`&mdash;The current column instance.
- * - `isNew`&mdash;The state of the current item.
+ * - `rowIndex`&mdash;The current data row index. If inside a new item row, `rowIndex` is `-1`. Use it as an alias for a template variable by utilizing the `let-rowIndex="rowIndex"` syntax.
+ * - `dataItem`&mdash;The current data item. Use it as an alias for a template variable by utilizing the `let-dataItem="dataItem"` syntax.
+ * - `column`&mdash;The current column instance. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.
+ * - `isNew`&mdash;The state of the current item. Use it as an alias for a template variable by utilizing the `let-isNew="isNew"` syntax.
  */
 var EditTemplateDirective = /** @class */ (function () {
     function EditTemplateDirective(templateRef) {

package/dist/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1633084190,
+    publishDate: 1637337121,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/dist/npm/pager/pager-dropdown.directive.js

@@ -12,10 +12,9 @@ var kendo_angular_common_1 = require("@progress/kendo-angular-common");
  * @hidden
  */
 var PagerDropDownListDirective = /** @class */ (function () {
-    function PagerDropDownListDirective(host, renderer) {
+    function PagerDropDownListDirective(host) {
         var _this = this;
         this.host = host;
-        this.renderer = renderer;
         this.keydownHandler = function (e) {
             if (e.keyCode === kendo_angular_common_1.Keys.Escape && _this.host.isOpen) {
                 e.stopPropagation();
@@ -25,7 +24,6 @@ var PagerDropDownListDirective = /** @class */ (function () {
     }
     PagerDropDownListDirective.prototype.ngAfterViewInit = function () {
         var wrapperElement = this.host.wrapper.nativeElement;
-        this.renderer.addClass(wrapperElement, 'k-pager-nav');
         wrapperElement.addEventListener('keydown', this.keydownHandler, true);
     };
     PagerDropDownListDirective.prototype.ngOnDestroy = function () {
@@ -33,8 +31,7 @@ var PagerDropDownListDirective = /** @class */ (function () {
     };
     PagerDropDownListDirective = tslib_1.__decorate([
         core_1.Directive({ selector: '[kendoGridPagerDropDown]' }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_dropdowns_1.DropDownListComponent,
-            core_1.Renderer2])
+        tslib_1.__metadata("design:paramtypes", [kendo_angular_dropdowns_1.DropDownListComponent])
     ], PagerDropDownListDirective);
     return PagerDropDownListDirective;
 }());

package/dist/npm/rendering/list.component.js

@@ -145,8 +145,8 @@ var ListComponent = /** @class */ (function () {
         this.scrollLeft = 0;
         this.rtl = false;
         this.scroller = scrollerFactory(this.dispatcher);
-        this.subscriptions =
-            detailsService.changes.subscribe(function (x) { return _this.detailExpand(x); }).add(scrollRequestService.requests.subscribe(function (x) { return _this.scrollTo(x); }));
+        this.subscriptions = detailsService.changes.subscribe(function (x) { return _this.detailExpand(x); });
+        this.subscriptions.add(scrollRequestService.requests.subscribe(function (x) { return _this.scrollTo(x); }));
     }
     Object.defineProperty(ListComponent.prototype, "hostClass", {
         get: function () {