@progress/kendo-angular-dateinputs 6.0.0-dev.202201181611 → 6.0.1-dev.202202101118

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642521990,
+    publishDate: 1644491740,
     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/timepicker/services/dom.service.d.ts

@@ -9,7 +9,6 @@ import { ElementRef } from '@angular/core';
 export declare class TimePickerDOMService {
     itemHeight: number;
     timeListHeight: number;
-    timeListTitleHeight: number;
     ensureHeights(): void;
     calculateHeights(container?: HTMLElement): void;
     isActive(element: ElementRef): boolean;

package/dist/es2015/timepicker/services/dom.service.js

@@ -43,8 +43,7 @@ let TimePickerDOMService = class TimePickerDOMService {
         const listContainer = container && container.querySelector('.k-time-list-container');
         const hostContainer = listContainer || document.body;
         const wrapper = hostContainer.appendChild(TIMELIST_WRAPPER);
-        this.timeListTitleHeight = wrapper.querySelector('.k-timeselector-title').getBoundingClientRect().height;
-        this.timeListHeight = wrapper.getBoundingClientRect().height;
+        this.timeListHeight = wrapper.querySelector('.k-scrollable').getBoundingClientRect().height;
         this.itemHeight = wrapper.querySelector('li').getBoundingClientRect().height;
         hostContainer.removeChild(wrapper);
     }

package/dist/es2015/timepicker/timelist.component.js

@@ -87,9 +87,8 @@ let TimeListComponent = class TimeListComponent {
         this.dom.ensureHeights();
         this.itemHeight = this.dom.itemHeight;
         this.listHeight = this.dom.timeListHeight;
-        const titleHeight = this.dom.timeListTitleHeight;
-        this.topOffset = (this.listHeight - this.itemHeight - titleHeight) / 2;
-        this.bottomOffset = this.listHeight - this.itemHeight - titleHeight;
+        this.topOffset = (this.listHeight - this.itemHeight) / 2;
+        this.bottomOffset = this.listHeight - this.itemHeight;
         this.topThreshold = this.itemHeight * SNAP_THRESHOLD;
         this.bottomThreshold = this.itemHeight * (1 - SNAP_THRESHOLD);
         const translate = `translateY(${this.topOffset}px)`;

package/dist/es2015/timepicker/timeselector.component.d.ts

@@ -28,10 +28,6 @@ export declare class TimeSelectorComponent implements OnChanges, OnInit, OnDestr
     now: ElementRef;
     timeLists: QueryList<TimeListComponent>;
     timeListWrappers: QueryList<ElementRef>;
-    /**
-     * @hidden
-     */
-    componentClass: boolean;
     /**
      * @hidden
      */

package/dist/es2015/timepicker/timeselector.component.js

@@ -46,10 +46,6 @@ let TimeSelectorComponent = class TimeSelectorComponent {
         this.zone = zone;
         this.renderer = renderer;
         this.pickerService = pickerService;
-        /**
-         * @hidden
-         */
-        this.componentClass = true;
         /**
          * Specifies the time format used to display the time list columns.
          */
@@ -174,6 +170,7 @@ let TimeSelectorComponent = class TimeSelectorComponent {
                 .changes
                 .subscribe(() => this.cdr.markForCheck()));
         }
+        this.renderer.addClass(this.element.nativeElement, 'k-timeselector');
         this.dom.calculateHeights(this.element.nativeElement);
         this.init();
         this.bindEvents();
@@ -388,10 +385,6 @@ tslib_1.__decorate([
     ViewChildren('listWrapper'),
     tslib_1.__metadata("design:type", QueryList)
 ], TimeSelectorComponent.prototype, "timeListWrappers", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-timeselector'),
-    tslib_1.__metadata("design:type", Boolean)
-], TimeSelectorComponent.prototype, "componentClass", void 0);
 tslib_1.__decorate([
     HostBinding('class.k-disabled'),
     tslib_1.__metadata("design:type", Boolean),

package/dist/fesm2015/index.js

@@ -23,7 +23,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642521990,
+    publishDate: 1644491740,
     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'
 };
@@ -5018,11 +5018,13 @@ let CalendarComponent = class CalendarComponent {
     }
     ngOnDestroy() {
         this.scrollSyncService.destroy();
-        this.viewChangeSubscription.unsubscribe();
         this.domEvents.forEach(unbindCallback => unbindCallback());
         if (this.pickerService) {
             this.pickerService.calendar = null;
         }
+        if (this.viewChangeSubscription) {
+            this.viewChangeSubscription.unsubscribe();
+        }
         if (this.pageChangeSubscription) {
             this.pageChangeSubscription.unsubscribe();
         }
@@ -13309,8 +13311,7 @@ let TimePickerDOMService = class TimePickerDOMService {
         const listContainer = container && container.querySelector('.k-time-list-container');
         const hostContainer = listContainer || document.body;
         const wrapper = hostContainer.appendChild(TIMELIST_WRAPPER);
-        this.timeListTitleHeight = wrapper.querySelector('.k-timeselector-title').getBoundingClientRect().height;
-        this.timeListHeight = wrapper.getBoundingClientRect().height;
+        this.timeListHeight = wrapper.querySelector('.k-scrollable').getBoundingClientRect().height;
         this.itemHeight = wrapper.querySelector('li').getBoundingClientRect().height;
         hostContainer.removeChild(wrapper);
     }
@@ -13950,9 +13951,8 @@ let TimeListComponent = class TimeListComponent {
         this.dom.ensureHeights();
         this.itemHeight = this.dom.itemHeight;
         this.listHeight = this.dom.timeListHeight;
-        const titleHeight = this.dom.timeListTitleHeight;
-        this.topOffset = (this.listHeight - this.itemHeight - titleHeight) / 2;
-        this.bottomOffset = this.listHeight - this.itemHeight - titleHeight;
+        this.topOffset = (this.listHeight - this.itemHeight) / 2;
+        this.bottomOffset = this.listHeight - this.itemHeight;
         this.topThreshold = this.itemHeight * SNAP_THRESHOLD;
         this.bottomThreshold = this.itemHeight * (1 - SNAP_THRESHOLD);
         const translate = `translateY(${this.topOffset}px)`;
@@ -14266,10 +14266,6 @@ let TimeSelectorComponent = class TimeSelectorComponent {
         this.zone = zone;
         this.renderer = renderer;
         this.pickerService = pickerService;
-        /**
-         * @hidden
-         */
-        this.componentClass = true;
         /**
          * Specifies the time format used to display the time list columns.
          */
@@ -14394,6 +14390,7 @@ let TimeSelectorComponent = class TimeSelectorComponent {
                 .changes
                 .subscribe(() => this.cdr.markForCheck()));
         }
+        this.renderer.addClass(this.element.nativeElement, 'k-timeselector');
         this.dom.calculateHeights(this.element.nativeElement);
         this.init();
         this.bindEvents();
@@ -14608,10 +14605,6 @@ __decorate([
     ViewChildren('listWrapper'),
     __metadata("design:type", QueryList)
 ], TimeSelectorComponent.prototype, "timeListWrappers", void 0);
-__decorate([
-    HostBinding('class.k-timeselector'),
-    __metadata("design:type", Boolean)
-], TimeSelectorComponent.prototype, "componentClass", void 0);
 __decorate([
     HostBinding('class.k-disabled'),
     __metadata("design:type", Boolean),

package/dist/fesm5/index.js

@@ -23,7 +23,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642521990,
+    publishDate: 1644491740,
     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'
 };
@@ -5054,11 +5054,13 @@ var CalendarComponent = /** @class */ (function () {
     };
     CalendarComponent.prototype.ngOnDestroy = function () {
         this.scrollSyncService.destroy();
-        this.viewChangeSubscription.unsubscribe();
         this.domEvents.forEach(function (unbindCallback) { return unbindCallback(); });
         if (this.pickerService) {
             this.pickerService.calendar = null;
         }
+        if (this.viewChangeSubscription) {
+            this.viewChangeSubscription.unsubscribe();
+        }
         if (this.pageChangeSubscription) {
             this.pageChangeSubscription.unsubscribe();
         }
@@ -13295,8 +13297,7 @@ var TimePickerDOMService = /** @class */ (function () {
         var listContainer = container && container.querySelector('.k-time-list-container');
         var hostContainer = listContainer || document.body;
         var wrapper = hostContainer.appendChild(TIMELIST_WRAPPER);
-        this.timeListTitleHeight = wrapper.querySelector('.k-timeselector-title').getBoundingClientRect().height;
-        this.timeListHeight = wrapper.getBoundingClientRect().height;
+        this.timeListHeight = wrapper.querySelector('.k-scrollable').getBoundingClientRect().height;
         this.itemHeight = wrapper.querySelector('li').getBoundingClientRect().height;
         hostContainer.removeChild(wrapper);
     };
@@ -13956,9 +13957,8 @@ var TimeListComponent = /** @class */ (function () {
         this.dom.ensureHeights();
         this.itemHeight = this.dom.itemHeight;
         this.listHeight = this.dom.timeListHeight;
-        var titleHeight = this.dom.timeListTitleHeight;
-        this.topOffset = (this.listHeight - this.itemHeight - titleHeight) / 2;
-        this.bottomOffset = this.listHeight - this.itemHeight - titleHeight;
+        this.topOffset = (this.listHeight - this.itemHeight) / 2;
+        this.bottomOffset = this.listHeight - this.itemHeight;
         this.topThreshold = this.itemHeight * SNAP_THRESHOLD;
         this.bottomThreshold = this.itemHeight * (1 - SNAP_THRESHOLD);
         var translate = "translateY(" + this.topOffset + "px)";
@@ -14253,10 +14253,6 @@ var TimeSelectorComponent = /** @class */ (function () {
         this.zone = zone;
         this.renderer = renderer;
         this.pickerService = pickerService;
-        /**
-         * @hidden
-         */
-        this.componentClass = true;
         /**
          * Specifies the time format used to display the time list columns.
          */
@@ -14399,6 +14395,7 @@ var TimeSelectorComponent = /** @class */ (function () {
                 .changes
                 .subscribe(function () { return _this.cdr.markForCheck(); }));
         }
+        this.renderer.addClass(this.element.nativeElement, 'k-timeselector');
         this.dom.calculateHeights(this.element.nativeElement);
         this.init();
         this.bindEvents();
@@ -14616,10 +14613,6 @@ var TimeSelectorComponent = /** @class */ (function () {
         ViewChildren('listWrapper'),
         __metadata("design:type", QueryList)
     ], TimeSelectorComponent.prototype, "timeListWrappers", void 0);
-    __decorate([
-        HostBinding('class.k-timeselector'),
-        __metadata("design:type", Boolean)
-    ], TimeSelectorComponent.prototype, "componentClass", void 0);
     __decorate([
         HostBinding('class.k-disabled'),
         __metadata("design:type", Boolean),

package/dist/npm/calendar/calendar.component.js

@@ -513,11 +513,13 @@ var CalendarComponent = /** @class */ (function () {
     };
     CalendarComponent.prototype.ngOnDestroy = function () {
         this.scrollSyncService.destroy();
-        this.viewChangeSubscription.unsubscribe();
         this.domEvents.forEach(function (unbindCallback) { return unbindCallback(); });
         if (this.pickerService) {
             this.pickerService.calendar = null;
         }
+        if (this.viewChangeSubscription) {
+            this.viewChangeSubscription.unsubscribe();
+        }
         if (this.pageChangeSubscription) {
             this.pageChangeSubscription.unsubscribe();
         }

package/dist/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642521990,
+    publishDate: 1644491740,
     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/timepicker/services/dom.service.js

@@ -52,8 +52,7 @@ var TimePickerDOMService = /** @class */ (function () {
         var listContainer = container && container.querySelector('.k-time-list-container');
         var hostContainer = listContainer || document.body;
         var wrapper = hostContainer.appendChild(TIMELIST_WRAPPER);
-        this.timeListTitleHeight = wrapper.querySelector('.k-timeselector-title').getBoundingClientRect().height;
-        this.timeListHeight = wrapper.getBoundingClientRect().height;
+        this.timeListHeight = wrapper.querySelector('.k-scrollable').getBoundingClientRect().height;
         this.itemHeight = wrapper.querySelector('li').getBoundingClientRect().height;
         hostContainer.removeChild(wrapper);
     };

package/dist/npm/timepicker/timelist.component.js

@@ -96,9 +96,8 @@ var TimeListComponent = /** @class */ (function () {
         this.dom.ensureHeights();
         this.itemHeight = this.dom.itemHeight;
         this.listHeight = this.dom.timeListHeight;
-        var titleHeight = this.dom.timeListTitleHeight;
-        this.topOffset = (this.listHeight - this.itemHeight - titleHeight) / 2;
-        this.bottomOffset = this.listHeight - this.itemHeight - titleHeight;
+        this.topOffset = (this.listHeight - this.itemHeight) / 2;
+        this.bottomOffset = this.listHeight - this.itemHeight;
         this.topThreshold = this.itemHeight * SNAP_THRESHOLD;
         this.bottomThreshold = this.itemHeight * (1 - SNAP_THRESHOLD);
         var translate = "translateY(" + this.topOffset + "px)";

package/dist/npm/timepicker/timeselector.component.js

@@ -49,10 +49,6 @@ var TimeSelectorComponent = /** @class */ (function () {
         this.zone = zone;
         this.renderer = renderer;
         this.pickerService = pickerService;
-        /**
-         * @hidden
-         */
-        this.componentClass = true;
         /**
          * Specifies the time format used to display the time list columns.
          */
@@ -195,6 +191,7 @@ var TimeSelectorComponent = /** @class */ (function () {
                 .changes
                 .subscribe(function () { return _this.cdr.markForCheck(); }));
         }
+        this.renderer.addClass(this.element.nativeElement, 'k-timeselector');
         this.dom.calculateHeights(this.element.nativeElement);
         this.init();
         this.bindEvents();
@@ -412,10 +409,6 @@ var TimeSelectorComponent = /** @class */ (function () {
         core_1.ViewChildren('listWrapper'),
         tslib_1.__metadata("design:type", core_1.QueryList)
     ], TimeSelectorComponent.prototype, "timeListWrappers", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-timeselector'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TimeSelectorComponent.prototype, "componentClass", void 0);
     tslib_1.__decorate([
         core_1.HostBinding('class.k-disabled'),
         tslib_1.__metadata("design:type", Boolean),