@progress/kendo-angular-dateinputs 6.0.1-dev.202201310951 → 6.0.2-dev.202202251356

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-dateinputs',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1643622478,
12
+ publishDate: 1645797218,
13
13
  version: '',
14
14
  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'
15
15
  };
@@ -9,7 +9,6 @@ import { ElementRef } from '@angular/core';
9
9
  export declare class TimePickerDOMService {
10
10
  itemHeight: number;
11
11
  timeListHeight: number;
12
- timeListTitleHeight: number;
13
12
  ensureHeights(): void;
14
13
  calculateHeights(container?: HTMLElement): void;
15
14
  isActive(element: ElementRef): boolean;
@@ -43,8 +43,7 @@ let TimePickerDOMService = class TimePickerDOMService {
43
43
  const listContainer = container && container.querySelector('.k-time-list-container');
44
44
  const hostContainer = listContainer || document.body;
45
45
  const wrapper = hostContainer.appendChild(TIMELIST_WRAPPER);
46
- this.timeListTitleHeight = wrapper.querySelector('.k-timeselector-title').getBoundingClientRect().height;
47
- this.timeListHeight = wrapper.getBoundingClientRect().height;
46
+ this.timeListHeight = wrapper.querySelector('.k-scrollable').getBoundingClientRect().height;
48
47
  this.itemHeight = wrapper.querySelector('li').getBoundingClientRect().height;
49
48
  hostContainer.removeChild(wrapper);
50
49
  }
@@ -87,9 +87,8 @@ let TimeListComponent = class TimeListComponent {
87
87
  this.dom.ensureHeights();
88
88
  this.itemHeight = this.dom.itemHeight;
89
89
  this.listHeight = this.dom.timeListHeight;
90
- const titleHeight = this.dom.timeListTitleHeight;
91
- this.topOffset = (this.listHeight - this.itemHeight - titleHeight) / 2;
92
- this.bottomOffset = this.listHeight - this.itemHeight - titleHeight;
90
+ this.topOffset = (this.listHeight - this.itemHeight) / 2;
91
+ this.bottomOffset = this.listHeight - this.itemHeight;
93
92
  this.topThreshold = this.itemHeight * SNAP_THRESHOLD;
94
93
  this.bottomThreshold = this.itemHeight * (1 - SNAP_THRESHOLD);
95
94
  const translate = `translateY(${this.topOffset}px)`;
@@ -28,10 +28,6 @@ export declare class TimeSelectorComponent implements OnChanges, OnInit, OnDestr
28
28
  now: ElementRef;
29
29
  timeLists: QueryList<TimeListComponent>;
30
30
  timeListWrappers: QueryList<ElementRef>;
31
- /**
32
- * @hidden
33
- */
34
- componentClass: boolean;
35
31
  /**
36
32
  * @hidden
37
33
  */
@@ -46,10 +46,6 @@ let TimeSelectorComponent = class TimeSelectorComponent {
46
46
  this.zone = zone;
47
47
  this.renderer = renderer;
48
48
  this.pickerService = pickerService;
49
- /**
50
- * @hidden
51
- */
52
- this.componentClass = true;
53
49
  /**
54
50
  * Specifies the time format used to display the time list columns.
55
51
  */
@@ -174,6 +170,7 @@ let TimeSelectorComponent = class TimeSelectorComponent {
174
170
  .changes
175
171
  .subscribe(() => this.cdr.markForCheck()));
176
172
  }
173
+ this.renderer.addClass(this.element.nativeElement, 'k-timeselector');
177
174
  this.dom.calculateHeights(this.element.nativeElement);
178
175
  this.init();
179
176
  this.bindEvents();
@@ -388,10 +385,6 @@ tslib_1.__decorate([
388
385
  ViewChildren('listWrapper'),
389
386
  tslib_1.__metadata("design:type", QueryList)
390
387
  ], TimeSelectorComponent.prototype, "timeListWrappers", void 0);
391
- tslib_1.__decorate([
392
- HostBinding('class.k-timeselector'),
393
- tslib_1.__metadata("design:type", Boolean)
394
- ], TimeSelectorComponent.prototype, "componentClass", void 0);
395
388
  tslib_1.__decorate([
396
389
  HostBinding('class.k-disabled'),
397
390
  tslib_1.__metadata("design:type", Boolean),
@@ -23,7 +23,7 @@ const packageMetadata = {
23
23
  name: '@progress/kendo-angular-dateinputs',
24
24
  productName: 'Kendo UI for Angular',
25
25
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
26
- publishDate: 1643622478,
26
+ publishDate: 1645797218,
27
27
  version: '',
28
28
  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'
29
29
  };
@@ -13311,8 +13311,7 @@ let TimePickerDOMService = class TimePickerDOMService {
13311
13311
  const listContainer = container && container.querySelector('.k-time-list-container');
13312
13312
  const hostContainer = listContainer || document.body;
13313
13313
  const wrapper = hostContainer.appendChild(TIMELIST_WRAPPER);
13314
- this.timeListTitleHeight = wrapper.querySelector('.k-timeselector-title').getBoundingClientRect().height;
13315
- this.timeListHeight = wrapper.getBoundingClientRect().height;
13314
+ this.timeListHeight = wrapper.querySelector('.k-scrollable').getBoundingClientRect().height;
13316
13315
  this.itemHeight = wrapper.querySelector('li').getBoundingClientRect().height;
13317
13316
  hostContainer.removeChild(wrapper);
13318
13317
  }
@@ -13952,9 +13951,8 @@ let TimeListComponent = class TimeListComponent {
13952
13951
  this.dom.ensureHeights();
13953
13952
  this.itemHeight = this.dom.itemHeight;
13954
13953
  this.listHeight = this.dom.timeListHeight;
13955
- const titleHeight = this.dom.timeListTitleHeight;
13956
- this.topOffset = (this.listHeight - this.itemHeight - titleHeight) / 2;
13957
- this.bottomOffset = this.listHeight - this.itemHeight - titleHeight;
13954
+ this.topOffset = (this.listHeight - this.itemHeight) / 2;
13955
+ this.bottomOffset = this.listHeight - this.itemHeight;
13958
13956
  this.topThreshold = this.itemHeight * SNAP_THRESHOLD;
13959
13957
  this.bottomThreshold = this.itemHeight * (1 - SNAP_THRESHOLD);
13960
13958
  const translate = `translateY(${this.topOffset}px)`;
@@ -14268,10 +14266,6 @@ let TimeSelectorComponent = class TimeSelectorComponent {
14268
14266
  this.zone = zone;
14269
14267
  this.renderer = renderer;
14270
14268
  this.pickerService = pickerService;
14271
- /**
14272
- * @hidden
14273
- */
14274
- this.componentClass = true;
14275
14269
  /**
14276
14270
  * Specifies the time format used to display the time list columns.
14277
14271
  */
@@ -14396,6 +14390,7 @@ let TimeSelectorComponent = class TimeSelectorComponent {
14396
14390
  .changes
14397
14391
  .subscribe(() => this.cdr.markForCheck()));
14398
14392
  }
14393
+ this.renderer.addClass(this.element.nativeElement, 'k-timeselector');
14399
14394
  this.dom.calculateHeights(this.element.nativeElement);
14400
14395
  this.init();
14401
14396
  this.bindEvents();
@@ -14610,10 +14605,6 @@ __decorate([
14610
14605
  ViewChildren('listWrapper'),
14611
14606
  __metadata("design:type", QueryList)
14612
14607
  ], TimeSelectorComponent.prototype, "timeListWrappers", void 0);
14613
- __decorate([
14614
- HostBinding('class.k-timeselector'),
14615
- __metadata("design:type", Boolean)
14616
- ], TimeSelectorComponent.prototype, "componentClass", void 0);
14617
14608
  __decorate([
14618
14609
  HostBinding('class.k-disabled'),
14619
14610
  __metadata("design:type", Boolean),
@@ -23,7 +23,7 @@ var packageMetadata = {
23
23
  name: '@progress/kendo-angular-dateinputs',
24
24
  productName: 'Kendo UI for Angular',
25
25
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
26
- publishDate: 1643622478,
26
+ publishDate: 1645797218,
27
27
  version: '',
28
28
  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'
29
29
  };
@@ -13297,8 +13297,7 @@ var TimePickerDOMService = /** @class */ (function () {
13297
13297
  var listContainer = container && container.querySelector('.k-time-list-container');
13298
13298
  var hostContainer = listContainer || document.body;
13299
13299
  var wrapper = hostContainer.appendChild(TIMELIST_WRAPPER);
13300
- this.timeListTitleHeight = wrapper.querySelector('.k-timeselector-title').getBoundingClientRect().height;
13301
- this.timeListHeight = wrapper.getBoundingClientRect().height;
13300
+ this.timeListHeight = wrapper.querySelector('.k-scrollable').getBoundingClientRect().height;
13302
13301
  this.itemHeight = wrapper.querySelector('li').getBoundingClientRect().height;
13303
13302
  hostContainer.removeChild(wrapper);
13304
13303
  };
@@ -13958,9 +13957,8 @@ var TimeListComponent = /** @class */ (function () {
13958
13957
  this.dom.ensureHeights();
13959
13958
  this.itemHeight = this.dom.itemHeight;
13960
13959
  this.listHeight = this.dom.timeListHeight;
13961
- var titleHeight = this.dom.timeListTitleHeight;
13962
- this.topOffset = (this.listHeight - this.itemHeight - titleHeight) / 2;
13963
- this.bottomOffset = this.listHeight - this.itemHeight - titleHeight;
13960
+ this.topOffset = (this.listHeight - this.itemHeight) / 2;
13961
+ this.bottomOffset = this.listHeight - this.itemHeight;
13964
13962
  this.topThreshold = this.itemHeight * SNAP_THRESHOLD;
13965
13963
  this.bottomThreshold = this.itemHeight * (1 - SNAP_THRESHOLD);
13966
13964
  var translate = "translateY(" + this.topOffset + "px)";
@@ -14255,10 +14253,6 @@ var TimeSelectorComponent = /** @class */ (function () {
14255
14253
  this.zone = zone;
14256
14254
  this.renderer = renderer;
14257
14255
  this.pickerService = pickerService;
14258
- /**
14259
- * @hidden
14260
- */
14261
- this.componentClass = true;
14262
14256
  /**
14263
14257
  * Specifies the time format used to display the time list columns.
14264
14258
  */
@@ -14401,6 +14395,7 @@ var TimeSelectorComponent = /** @class */ (function () {
14401
14395
  .changes
14402
14396
  .subscribe(function () { return _this.cdr.markForCheck(); }));
14403
14397
  }
14398
+ this.renderer.addClass(this.element.nativeElement, 'k-timeselector');
14404
14399
  this.dom.calculateHeights(this.element.nativeElement);
14405
14400
  this.init();
14406
14401
  this.bindEvents();
@@ -14618,10 +14613,6 @@ var TimeSelectorComponent = /** @class */ (function () {
14618
14613
  ViewChildren('listWrapper'),
14619
14614
  __metadata("design:type", QueryList)
14620
14615
  ], TimeSelectorComponent.prototype, "timeListWrappers", void 0);
14621
- __decorate([
14622
- HostBinding('class.k-timeselector'),
14623
- __metadata("design:type", Boolean)
14624
- ], TimeSelectorComponent.prototype, "componentClass", void 0);
14625
14616
  __decorate([
14626
14617
  HostBinding('class.k-disabled'),
14627
14618
  __metadata("design:type", Boolean),
@@ -11,7 +11,7 @@ exports.packageMetadata = {
11
11
  name: '@progress/kendo-angular-dateinputs',
12
12
  productName: 'Kendo UI for Angular',
13
13
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
14
- publishDate: 1643622478,
14
+ publishDate: 1645797218,
15
15
  version: '',
16
16
  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'
17
17
  };
@@ -52,8 +52,7 @@ var TimePickerDOMService = /** @class */ (function () {
52
52
  var listContainer = container && container.querySelector('.k-time-list-container');
53
53
  var hostContainer = listContainer || document.body;
54
54
  var wrapper = hostContainer.appendChild(TIMELIST_WRAPPER);
55
- this.timeListTitleHeight = wrapper.querySelector('.k-timeselector-title').getBoundingClientRect().height;
56
- this.timeListHeight = wrapper.getBoundingClientRect().height;
55
+ this.timeListHeight = wrapper.querySelector('.k-scrollable').getBoundingClientRect().height;
57
56
  this.itemHeight = wrapper.querySelector('li').getBoundingClientRect().height;
58
57
  hostContainer.removeChild(wrapper);
59
58
  };
@@ -96,9 +96,8 @@ var TimeListComponent = /** @class */ (function () {
96
96
  this.dom.ensureHeights();
97
97
  this.itemHeight = this.dom.itemHeight;
98
98
  this.listHeight = this.dom.timeListHeight;
99
- var titleHeight = this.dom.timeListTitleHeight;
100
- this.topOffset = (this.listHeight - this.itemHeight - titleHeight) / 2;
101
- this.bottomOffset = this.listHeight - this.itemHeight - titleHeight;
99
+ this.topOffset = (this.listHeight - this.itemHeight) / 2;
100
+ this.bottomOffset = this.listHeight - this.itemHeight;
102
101
  this.topThreshold = this.itemHeight * SNAP_THRESHOLD;
103
102
  this.bottomThreshold = this.itemHeight * (1 - SNAP_THRESHOLD);
104
103
  var translate = "translateY(" + this.topOffset + "px)";
@@ -49,10 +49,6 @@ var TimeSelectorComponent = /** @class */ (function () {
49
49
  this.zone = zone;
50
50
  this.renderer = renderer;
51
51
  this.pickerService = pickerService;
52
- /**
53
- * @hidden
54
- */
55
- this.componentClass = true;
56
52
  /**
57
53
  * Specifies the time format used to display the time list columns.
58
54
  */
@@ -195,6 +191,7 @@ var TimeSelectorComponent = /** @class */ (function () {
195
191
  .changes
196
192
  .subscribe(function () { return _this.cdr.markForCheck(); }));
197
193
  }
194
+ this.renderer.addClass(this.element.nativeElement, 'k-timeselector');
198
195
  this.dom.calculateHeights(this.element.nativeElement);
199
196
  this.init();
200
197
  this.bindEvents();
@@ -412,10 +409,6 @@ var TimeSelectorComponent = /** @class */ (function () {
412
409
  core_1.ViewChildren('listWrapper'),
413
410
  tslib_1.__metadata("design:type", core_1.QueryList)
414
411
  ], TimeSelectorComponent.prototype, "timeListWrappers", void 0);
415
- tslib_1.__decorate([
416
- core_1.HostBinding('class.k-timeselector'),
417
- tslib_1.__metadata("design:type", Boolean)
418
- ], TimeSelectorComponent.prototype, "componentClass", void 0);
419
412
  tslib_1.__decorate([
420
413
  core_1.HostBinding('class.k-disabled'),
421
414
  tslib_1.__metadata("design:type", Boolean),