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

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

@@ -9,13 +9,14 @@ import { Directive, TemplateRef, Optional } from '@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/es/package-metadata.js

@@ -9,7 +9,7 @@ export 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'
 };

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

@@ -4,16 +4,15 @@
 *-------------------------------------------------------------------------------------------*/
 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
  */
 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();
@@ -23,7 +22,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 () {
@@ -31,8 +29,7 @@ var PagerDropDownListDirective = /** @class */ (function () {
     };
     PagerDropDownListDirective = tslib_1.__decorate([
         Directive({ selector: '[kendoGridPagerDropDown]' }),
-        tslib_1.__metadata("design:paramtypes", [DropDownListComponent,
-            Renderer2])
+        tslib_1.__metadata("design:paramtypes", [DropDownListComponent])
     ], PagerDropDownListDirective);
     return PagerDropDownListDirective;
 }());

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

@@ -133,8 +133,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 () {

package/dist/es2015/editing/edit-template.directive.d.ts

@@ -8,13 +8,14 @@ import { TemplateRef } from '@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.
  */
 export declare class EditTemplateDirective {
     templateRef: TemplateRef<any>;

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

@@ -9,13 +9,14 @@ import { Directive, TemplateRef, Optional } from '@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.
  */
 let EditTemplateDirective = class EditTemplateDirective {
     constructor(templateRef) {