@progress/kendo-angular-grid 5.4.1 → 5.4.3

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: 1632904003,
+    publishDate: 1635941151,
     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-settings.d.ts

@@ -40,7 +40,7 @@ export declare type PagerType = 'numeric' | 'input';
  */
 export declare type PagerPosition = 'top' | 'bottom' | 'both';
 /**
- * The pager settings of the Grid.
+ * The pager settings of the Grid ([see example]({% slug paging_grid %}#toc-pager-settings)).
  *
  * @example
  * ```html-no-run

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: 1632904003,
+    publishDate: 1635941151,
     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) {
@@ -7039,7 +7040,7 @@ let GridComponent = class GridComponent {
         if (isUniversal()) {
             return "";
         }
-        const padding = Math.max(0, this.scrollbarWidth - 1) + 'px';
+        const padding = Math.max(0, this.scrollbarWidth) + 'px';
         const right = this.rtl ? 0 : padding;
         const left = this.rtl ? padding : 0;
         return `0 ${right} 0 ${left}`;
@@ -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;

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: 1632904003,
+    publishDate: 1635941151,
     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) {
@@ -7717,7 +7718,7 @@ var GridComponent = /** @class */ (function () {
             if (isUniversal()) {
                 return "";
             }
-            var padding = Math.max(0, this.scrollbarWidth - 1) + 'px';
+            var padding = Math.max(0, this.scrollbarWidth) + 'px';
             var right = this.rtl ? 0 : padding;
             var left = this.rtl ? padding : 0;
             return "0 " + right + " 0 " + left;
@@ -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 () {

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/grid.component.js

@@ -894,7 +894,7 @@ var GridComponent = /** @class */ (function () {
             if (utils_1.isUniversal()) {
                 return "";
             }
-            var padding = Math.max(0, this.scrollbarWidth - 1) + 'px';
+            var padding = Math.max(0, this.scrollbarWidth) + 'px';
             var right = this.rtl ? 0 : padding;
             var left = this.rtl ? padding : 0;
             return "0 " + right + " 0 " + left;

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: 1632904003,
+    publishDate: 1635941151,
     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/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 () {