@progress/kendo-angular-grid 6.1.1 → 6.1.2

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: 1647343373,
+    publishDate: 1648212017,
     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/fesm2015/index.js

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { __decorate, __metadata, __param } from 'tslib';
-import { InjectionToken, HostBinding, Input, Component, EventEmitter, Injectable, Optional, Inject, Directive, SkipSelf, ElementRef, Renderer2, NgZone, ChangeDetectorRef, TemplateRef, QueryList, ContentChildren, ContentChild, forwardRef, Host, Output, isDevMode, SecurityContext, ViewChild, ViewChildren, ViewEncapsulation, Self, ViewContainerRef, Pipe, NgModule, ComponentFactoryResolver, HostListener, ChangeDetectionStrategy } from '@angular/core';
+import { InjectionToken, HostBinding, Input, Component, EventEmitter, Injectable, Optional, Inject, Directive, SkipSelf, ElementRef, Renderer2, NgZone, ChangeDetectorRef, TemplateRef, QueryList, isDevMode, ContentChildren, ContentChild, forwardRef, Host, Output, SecurityContext, ViewChild, ViewChildren, ViewEncapsulation, Self, ViewContainerRef, Pipe, NgModule, ComponentFactoryResolver, HostListener, ChangeDetectionStrategy } from '@angular/core';
 import { isDocumentAvailable, Keys, DraggableDirective, isChanged, anyChanged, hasObservers, ResizeSensorComponent, KendoInput, DraggableModule, EventsModule, ResizeSensorModule, guid } from '@progress/kendo-angular-common';
 import { merge, of, Subject, Subscription, from, interval, fromEvent, zip, BehaviorSubject, Observable } from 'rxjs';
 import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
@@ -2831,7 +2831,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1647343373,
+    publishDate: 1648212017,
     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'
 };
@@ -3398,7 +3398,10 @@ class ColumnBase$1 {
      * The width of the column (in pixels).
      */
     set width(value) {
-        this._width = parseInt(value, 10);
+        if (isDevMode() && isPresent(value) && typeof value !== 'number') {
+            throw new Error('The "width" option accepts numeric values only.');
+        }
+        this._width = typeof value === 'string' ? parseInt(value, 10) : value;
     }
     get width() { return this._width; }
     /**
@@ -6315,6 +6318,12 @@ let ColumnInfoService = class ColumnInfoService {
     get totalLevels() {
         return this.columnsContainer.totalLevels;
     }
+    get hiddenColumns() {
+        if (!this.list) {
+            return [];
+        }
+        return this.list().filter(column => !column.isVisible);
+    }
     get leafNamedColumns() {
         const columns = expandColumns(this.list().filterSort(column => !column.isColumnGroup))
             .filter(column => column.matchesMedia && column.displayTitle);
@@ -17234,13 +17243,14 @@ const indexOf = (target, list) => {
  * @hidden
  */
 let ColumnHandleDirective = class ColumnHandleDirective {
-    constructor(draggable, element, service, zone, cdr, localization) {
+    constructor(draggable, element, service, zone, cdr, localization, columnInfoService) {
         this.draggable = draggable;
         this.element = element;
         this.service = service;
         this.zone = zone;
         this.cdr = cdr;
         this.localization = localization;
+        this.columnInfoService = columnInfoService;
         this.columns = [];
         this.subscriptions = new Subscription();
         this.rtl = false;
@@ -17274,6 +17284,9 @@ let ColumnHandleDirective = class ColumnHandleDirective {
         this.service.measureColumns(columnInfo);
     }
     ngOnInit() {
+        if (isBlank(this.column.width)) {
+            this.column.implicitWidth = headerWidth(this.element);
+        }
         const service = this.service.changes.pipe(filter(() => this.column.resizable), filter(e => isPresent(e.columns.find(column => column === this.column))));
         this.subscriptions.add(service.pipe(filter(e => e.type === 'start'))
             .subscribe(this.initState.bind(this)));
@@ -17333,6 +17346,13 @@ let ColumnHandleDirective = class ColumnHandleDirective {
     }
     updateWidth(column, width) {
         column.width = width;
+        this.columnInfoService.hiddenColumns.forEach((col) => {
+            if (isBlank(col.width) && isPresent(col.implicitWidth)) {
+                // Resize hidden columns to their implicit width so they
+                // can be displayed with the same width if made visible.
+                col.width = col.implicitWidth;
+            }
+        });
         this.cdr.markForCheck(); //force CD cycle
     }
     columnsForLevel(level) {
@@ -17378,7 +17398,8 @@ ColumnHandleDirective = __decorate([
         ColumnResizingService,
         NgZone,
         ChangeDetectorRef,
-        LocalizationService])
+        LocalizationService,
+        ColumnInfoService])
 ], ColumnHandleDirective);
 
 /**
@@ -19028,9 +19049,7 @@ ColumnListComponent = __decorate([
  * add the component inside a [ToolbarTemplate]({% slug api_grid_toolbartemplatedirective %}) directive.
  *
  * @example
- * {% meta height:300 %}
  * ```ts-preview
- *
  * _@Component({
  *     selector: 'my-app',
  *     template: `
@@ -19047,9 +19066,7 @@ ColumnListComponent = __decorate([
  * class AppComponent {
  *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
  * }
- *
  * ```
- * {% endmeta %}
  */
 let ColumnChooserComponent = class ColumnChooserComponent {
     constructor(localization, columnInfoService, popupService, ngZone, renderer, changeDetector) {

package/dist/fesm5/index.js

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { __decorate, __metadata, __param, __extends, __assign } from 'tslib';
-import { InjectionToken, HostBinding, Input, Component, Injectable, EventEmitter, Optional, Inject, Directive, SkipSelf, ElementRef, Renderer2, NgZone, ChangeDetectorRef, TemplateRef, ContentChildren, QueryList, ContentChild, forwardRef, Host, Output, isDevMode, SecurityContext, ViewChild, ViewChildren, ViewEncapsulation, Self, ViewContainerRef, Pipe, NgModule, ComponentFactoryResolver, HostListener, ChangeDetectionStrategy } from '@angular/core';
+import { InjectionToken, HostBinding, Input, Component, Injectable, EventEmitter, Optional, Inject, Directive, SkipSelf, ElementRef, Renderer2, NgZone, ChangeDetectorRef, TemplateRef, isDevMode, ContentChildren, QueryList, ContentChild, forwardRef, Host, Output, SecurityContext, ViewChild, ViewChildren, ViewEncapsulation, Self, ViewContainerRef, Pipe, NgModule, ComponentFactoryResolver, HostListener, ChangeDetectionStrategy } from '@angular/core';
 import { isDocumentAvailable, Keys, DraggableDirective, isChanged, anyChanged, hasObservers, ResizeSensorComponent, KendoInput, DraggableModule, EventsModule, ResizeSensorModule, guid } from '@progress/kendo-angular-common';
 import { merge, of, Subject, from, Subscription, interval, fromEvent, zip, BehaviorSubject, Observable } from 'rxjs';
 import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
@@ -3044,7 +3044,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1647343373,
+    publishDate: 1648212017,
     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'
 };
@@ -3621,7 +3621,10 @@ var ColumnBase$1 = /** @class */ (function () {
          * The width of the column (in pixels).
          */
         set: function (value) {
-            this._width = parseInt(value, 10);
+            if (isDevMode() && isPresent(value) && typeof value !== 'number') {
+                throw new Error('The "width" option accepts numeric values only.');
+            }
+            this._width = typeof value === 'string' ? parseInt(value, 10) : value;
         },
         enumerable: true,
         configurable: true
@@ -6852,6 +6855,16 @@ var ColumnInfoService = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(ColumnInfoService.prototype, "hiddenColumns", {
+        get: function () {
+            if (!this.list) {
+                return [];
+            }
+            return this.list().filter(function (column) { return !column.isVisible; });
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(ColumnInfoService.prototype, "leafNamedColumns", {
         get: function () {
             var columns = expandColumns(this.list().filterSort(function (column) { return !column.isColumnGroup; }))
@@ -17620,13 +17633,14 @@ var indexOf = function (target, list) {
  * @hidden
  */
 var ColumnHandleDirective = /** @class */ (function () {
-    function ColumnHandleDirective(draggable, element, service, zone, cdr, localization) {
+    function ColumnHandleDirective(draggable, element, service, zone, cdr, localization, columnInfoService) {
         this.draggable = draggable;
         this.element = element;
         this.service = service;
         this.zone = zone;
         this.cdr = cdr;
         this.localization = localization;
+        this.columnInfoService = columnInfoService;
         this.columns = [];
         this.subscriptions = new Subscription();
         this.rtl = false;
@@ -17674,6 +17688,9 @@ var ColumnHandleDirective = /** @class */ (function () {
     };
     ColumnHandleDirective.prototype.ngOnInit = function () {
         var _this = this;
+        if (isBlank(this.column.width)) {
+            this.column.implicitWidth = headerWidth(this.element);
+        }
         var service = this.service.changes.pipe(filter(function () { return _this.column.resizable; }), filter(function (e) { return isPresent(e.columns.find(function (column) { return column === _this.column; })); }));
         this.subscriptions.add(service.pipe(filter(function (e) { return e.type === 'start'; }))
             .subscribe(this.initState.bind(this)));
@@ -17741,6 +17758,13 @@ var ColumnHandleDirective = /** @class */ (function () {
     };
     ColumnHandleDirective.prototype.updateWidth = function (column, width) {
         column.width = width;
+        this.columnInfoService.hiddenColumns.forEach(function (col) {
+            if (isBlank(col.width) && isPresent(col.implicitWidth)) {
+                // Resize hidden columns to their implicit width so they
+                // can be displayed with the same width if made visible.
+                col.width = col.implicitWidth;
+            }
+        });
         this.cdr.markForCheck(); //force CD cycle
     };
     ColumnHandleDirective.prototype.columnsForLevel = function (level) {
@@ -17785,7 +17809,8 @@ var ColumnHandleDirective = /** @class */ (function () {
             ColumnResizingService,
             NgZone,
             ChangeDetectorRef,
-            LocalizationService])
+            LocalizationService,
+            ColumnInfoService])
     ], ColumnHandleDirective);
     return ColumnHandleDirective;
 }());
@@ -19308,9 +19333,7 @@ var ColumnListComponent = /** @class */ (function () {
  * add the component inside a [ToolbarTemplate]({% slug api_grid_toolbartemplatedirective %}) directive.
  *
  * @example
- * {% meta height:300 %}
  * ```ts-preview
- *
  * _@Component({
  *     selector: 'my-app',
  *     template: `
@@ -19327,9 +19350,7 @@ var ColumnListComponent = /** @class */ (function () {
  * class AppComponent {
  *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
  * }
- *
  * ```
- * {% endmeta %}
  */
 var ColumnChooserComponent = /** @class */ (function () {
     function ColumnChooserComponent(localization, columnInfoService, popupService, ngZone, renderer, changeDetector) {

package/dist/npm/column-menu/column-chooser.component.js

@@ -15,9 +15,7 @@ var dom_queries_1 = require("../rendering/common/dom-queries");
  * add the component inside a [ToolbarTemplate]({% slug api_grid_toolbartemplatedirective %}) directive.
  *
  * @example
- * {% meta height:300 %}
  * ```ts-preview
- *
  * _@Component({
  *     selector: 'my-app',
  *     template: `
@@ -34,9 +32,7 @@ var dom_queries_1 = require("../rendering/common/dom-queries");
  * class AppComponent {
  *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
  * }
- *
  * ```
- * {% endmeta %}
  */
 var ColumnChooserComponent = /** @class */ (function () {
     function ColumnChooserComponent(localization, columnInfoService, popupService, ngZone, renderer, changeDetector) {

package/dist/npm/column-resizing/column-handle.directive.js

@@ -14,6 +14,7 @@ var column_common_1 = require("../columns/column-common");
 var kendo_angular_common_1 = require("@progress/kendo-angular-common");
 var column_resizing_service_1 = require("./column-resizing.service");
 var operators_1 = require("rxjs/operators");
+var column_info_service_1 = require("../common/column-info.service");
 // TODO
 // tslint:disable:rxjs-no-unsafe-takeuntil
 /**
@@ -112,13 +113,14 @@ exports.ɵ8 = ɵ8;
  * @hidden
  */
 var ColumnHandleDirective = /** @class */ (function () {
-    function ColumnHandleDirective(draggable, element, service, zone, cdr, localization) {
+    function ColumnHandleDirective(draggable, element, service, zone, cdr, localization, columnInfoService) {
         this.draggable = draggable;
         this.element = element;
         this.service = service;
         this.zone = zone;
         this.cdr = cdr;
         this.localization = localization;
+        this.columnInfoService = columnInfoService;
         this.columns = [];
         this.subscriptions = new rxjs_1.Subscription();
         this.rtl = false;
@@ -166,6 +168,9 @@ var ColumnHandleDirective = /** @class */ (function () {
     };
     ColumnHandleDirective.prototype.ngOnInit = function () {
         var _this = this;
+        if (utils_1.isBlank(this.column.width)) {
+            this.column.implicitWidth = headerWidth(this.element);
+        }
         var service = this.service.changes.pipe(operators_1.filter(function () { return _this.column.resizable; }), operators_1.filter(function (e) { return utils_1.isPresent(e.columns.find(function (column) { return column === _this.column; })); }));
         this.subscriptions.add(service.pipe(operators_1.filter(function (e) { return e.type === 'start'; }))
             .subscribe(this.initState.bind(this)));
@@ -233,6 +238,13 @@ var ColumnHandleDirective = /** @class */ (function () {
     };
     ColumnHandleDirective.prototype.updateWidth = function (column, width) {
         column.width = width;
+        this.columnInfoService.hiddenColumns.forEach(function (col) {
+            if (utils_1.isBlank(col.width) && utils_1.isPresent(col.implicitWidth)) {
+                // Resize hidden columns to their implicit width so they
+                // can be displayed with the same width if made visible.
+                col.width = col.implicitWidth;
+            }
+        });
         this.cdr.markForCheck(); //force CD cycle
     };
     ColumnHandleDirective.prototype.columnsForLevel = function (level) {
@@ -277,7 +289,8 @@ var ColumnHandleDirective = /** @class */ (function () {
             column_resizing_service_1.ColumnResizingService,
             core_1.NgZone,
             core_1.ChangeDetectorRef,
-            kendo_angular_l10n_1.LocalizationService])
+            kendo_angular_l10n_1.LocalizationService,
+            column_info_service_1.ColumnInfoService])
     ], ColumnHandleDirective);
     return ColumnHandleDirective;
 }());

package/dist/npm/columns/column-base.js

@@ -9,6 +9,7 @@ var core_1 = require("@angular/core");
 var header_template_directive_1 = require("../rendering/header/header-template.directive");
 var footer_template_directive_1 = require("../rendering/footer/footer-template.directive");
 var column_menu_template_directive_1 = require("../column-menu/column-menu-template.directive");
+var utils_1 = require("../utils");
 /**
  * @hidden
  */
@@ -147,7 +148,10 @@ var ColumnBase = /** @class */ (function () {
          * The width of the column (in pixels).
          */
         set: function (value) {
-            this._width = parseInt(value, 10);
+            if (core_1.isDevMode() && utils_1.isPresent(value) && typeof value !== 'number') {
+                throw new Error('The "width" option accepts numeric values only.');
+            }
+            this._width = typeof value === 'string' ? parseInt(value, 10) : value;
         },
         enumerable: true,
         configurable: true

package/dist/npm/common/column-info.service.js

@@ -49,6 +49,16 @@ var ColumnInfoService = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(ColumnInfoService.prototype, "hiddenColumns", {
+        get: function () {
+            if (!this.list) {
+                return [];
+            }
+            return this.list().filter(function (column) { return !column.isVisible; });
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(ColumnInfoService.prototype, "leafNamedColumns", {
         get: function () {
             var columns = column_common_1.expandColumns(this.list().filterSort(function (column) { return !column.isColumnGroup; }))

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: 1647343373,
+    publishDate: 1648212017,
     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'
 };