@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.
- package/dist/cdn/js/kendo-angular-dateinputs.js +2 -2
- package/dist/cdn/main.js +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/timepicker/services/dom.service.js +1 -2
- package/dist/es/timepicker/timelist.component.js +2 -3
- package/dist/es/timepicker/timeselector.component.js +1 -8
- package/dist/es2015/index.metadata.json +1 -1
- package/dist/es2015/package-metadata.js +1 -1
- package/dist/es2015/timepicker/services/dom.service.d.ts +0 -1
- package/dist/es2015/timepicker/services/dom.service.js +1 -2
- package/dist/es2015/timepicker/timelist.component.js +2 -3
- package/dist/es2015/timepicker/timeselector.component.d.ts +0 -4
- package/dist/es2015/timepicker/timeselector.component.js +1 -8
- package/dist/fesm2015/index.js +5 -14
- package/dist/fesm5/index.js +5 -14
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/timepicker/services/dom.service.js +1 -2
- package/dist/npm/timepicker/timelist.component.js +2 -3
- package/dist/npm/timepicker/timeselector.component.js +1 -8
- package/dist/systemjs/kendo-angular-dateinputs.js +1 -1
- package/package.json +2 -2
|
@@ -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:
|
|
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.
|
|
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
|
-
|
|
91
|
-
this.
|
|
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),
|
package/dist/fesm2015/index.js
CHANGED
|
@@ -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:
|
|
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.
|
|
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
|
-
|
|
13956
|
-
this.
|
|
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),
|
package/dist/fesm5/index.js
CHANGED
|
@@ -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:
|
|
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.
|
|
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
|
-
|
|
13962
|
-
this.
|
|
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:
|
|
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.
|
|
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
|
-
|
|
100
|
-
this.
|
|
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),
|