@progress/kendo-angular-dateinputs 17.0.0-develop.9 → 17.0.1-develop.1
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/calendar/calendar.component.d.ts +1 -1
- package/calendar/footer.component.d.ts +1 -1
- package/calendar/for.directive.d.ts +1 -1
- package/calendar/header.component.d.ts +1 -1
- package/calendar/horizontal-view-list.component.d.ts +1 -1
- package/calendar/localization/calendar-messages.d.ts +1 -1
- package/calendar/localization/multiview-calendar-messages.d.ts +1 -1
- package/calendar/models/orientation.d.ts +1 -1
- package/calendar/models/selection-range-end.type.d.ts +1 -1
- package/calendar/models/selection.d.ts +1 -1
- package/calendar/models/type.d.ts +1 -1
- package/calendar/models/view.type.d.ts +1 -1
- package/calendar/multiview-calendar.component.d.ts +1 -1
- package/calendar/navigation.component.d.ts +1 -1
- package/calendar/view-list.component.d.ts +1 -1
- package/calendar/view.component.d.ts +1 -1
- package/common/models/fillmode.d.ts +1 -1
- package/common/models/rounded.d.ts +1 -1
- package/common/models/size.d.ts +1 -1
- package/common/models/week-days-format.d.ts +1 -1
- package/dateinput/dateinput.component.d.ts +2 -2
- package/dateinput/localization/messages.d.ts +1 -1
- package/dateinput/models/format-placeholder.model.d.ts +1 -1
- package/datepicker/datepicker.component.d.ts +1 -1
- package/datepicker/localization/messages.d.ts +1 -1
- package/daterange/auto-correct-on.type.d.ts +1 -1
- package/daterange/date-range-end-input.directive.d.ts +1 -1
- package/daterange/date-range-popup.component.d.ts +86 -2
- package/daterange/date-range-selection.directive.d.ts +1 -1
- package/daterange/date-range-start-input.directive.d.ts +1 -1
- package/daterange/date-range.component.d.ts +1 -1
- package/daterange/localization/messages.d.ts +1 -1
- package/datetimepicker/datetimepicker.component.d.ts +1 -1
- package/datetimepicker/localization/messages.d.ts +1 -1
- package/datetimepicker/models/active-tab.type.d.ts +1 -1
- package/{esm2020 → esm2022}/calendar/calendar.component.mjs +277 -167
- package/{esm2020 → esm2022}/calendar/calendar.module.mjs +14 -14
- package/{esm2020 → esm2022}/calendar/calendars.module.mjs +14 -14
- package/{esm2020 → esm2022}/calendar/footer.component.mjs +10 -6
- package/{esm2020 → esm2022}/calendar/for.directive.mjs +13 -4
- package/{esm2020 → esm2022}/calendar/header.component.mjs +46 -29
- package/{esm2020 → esm2022}/calendar/horizontal-view-list.component.mjs +63 -40
- package/{esm2020 → esm2022}/calendar/localization/calendar-custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/calendar/localization/calendar-localized-messages.directive.mjs +9 -8
- package/{esm2020/calendar/localization/multiview-calendar-messages.mjs → esm2022/calendar/localization/calendar-messages.mjs} +21 -5
- package/{esm2020 → esm2022}/calendar/localization/multiview-calendar-custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/calendar/localization/multiview-calendar-localized-messages.directive.mjs +9 -8
- package/esm2022/calendar/localization/multiview-calendar-messages.mjs +45 -0
- package/{esm2020 → esm2022}/calendar/multiview-calendar.component.mjs +300 -212
- package/{esm2020 → esm2022}/calendar/multiview-calendar.module.mjs +11 -11
- package/{esm2020 → esm2022}/calendar/navigation.component.mjs +34 -15
- package/{esm2020 → esm2022}/calendar/services/bus-view.service.mjs +8 -6
- package/{esm2020 → esm2022}/calendar/services/century-view.service.mjs +15 -17
- package/{esm2020 → esm2022}/calendar/services/decade-view.service.mjs +15 -17
- package/{esm2020 → esm2022}/calendar/services/disabled-dates.service.mjs +12 -14
- package/{esm2020 → esm2022}/calendar/services/dom.service.mjs +21 -3
- package/{esm2020 → esm2022}/calendar/services/month-view.service.mjs +16 -15
- package/{esm2020 → esm2022}/calendar/services/navigation.service.mjs +4 -3
- package/{esm2020 → esm2022}/calendar/services/scroll-sync.service.mjs +11 -3
- package/{esm2020 → esm2022}/calendar/services/selection.service.mjs +5 -3
- package/{esm2020 → esm2022}/calendar/services/weeknames.service.mjs +4 -3
- package/{esm2020 → esm2022}/calendar/services/year-view.service.mjs +16 -15
- package/{esm2020 → esm2022}/calendar/templates/cell-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/calendar/templates/century-cell-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/calendar/templates/decade-cell-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/calendar/templates/footer-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/calendar/templates/header-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/calendar/templates/header-title-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/calendar/templates/month-cell-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/calendar/templates/navigation-item-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/calendar/templates/weeknumber-cell-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/calendar/templates/year-cell-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/calendar/view-list.component.mjs +68 -37
- package/{esm2020 → esm2022}/calendar/view.component.mjs +50 -24
- package/{esm2020 → esm2022}/common/picker.service.mjs +7 -6
- package/{esm2020 → esm2022}/dateinput/dateinput.component.mjs +282 -231
- package/{esm2020 → esm2022}/dateinput/dateinput.module.mjs +6 -6
- package/{esm2020 → esm2022}/dateinput/localization/dateinput-custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/dateinput/localization/dateinput-localized-messages.directive.mjs +9 -8
- package/{esm2020 → esm2022}/dateinput/localization/messages.mjs +15 -3
- package/{esm2020 → esm2022}/dateinputs.module.mjs +22 -22
- package/{esm2020 → esm2022}/datepicker/datepicker.component.mjs +403 -282
- package/{esm2020 → esm2022}/datepicker/datepicker.module.mjs +16 -16
- package/{esm2020 → esm2022}/datepicker/localization/datepicker-custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/datepicker/localization/datepicker-localized-messages.directive.mjs +9 -8
- package/esm2022/datepicker/localization/messages.mjs +57 -0
- package/{esm2020 → esm2022}/daterange/date-range-end-input.directive.mjs +38 -28
- package/{esm2020 → esm2022}/daterange/date-range-input.mjs +19 -13
- package/{esm2020 → esm2022}/daterange/date-range-popup-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/daterange/date-range-popup.component.mjs +324 -87
- package/{esm2020 → esm2022}/daterange/date-range-selection.directive.mjs +41 -36
- package/{esm2020 → esm2022}/daterange/date-range-start-input.directive.mjs +40 -29
- package/{esm2020 → esm2022}/daterange/date-range.component.mjs +31 -14
- package/{esm2020 → esm2022}/daterange/date-range.module.mjs +16 -16
- package/{esm2020 → esm2022}/daterange/date-range.service.mjs +34 -33
- package/{esm2020 → esm2022}/daterange/localization/daterange-popup-custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/daterange/localization/daterange-popup-localized-messages.directive.mjs +9 -8
- package/{esm2020 → esm2022}/daterange/localization/messages.mjs +19 -3
- package/{esm2020 → esm2022}/datetimepicker/datetimepicker.component.mjs +390 -292
- package/{esm2020 → esm2022}/datetimepicker/datetimepicker.module.mjs +22 -22
- package/{esm2020 → esm2022}/datetimepicker/localization/datetimepicker-custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/datetimepicker/localization/localized-messages.directive.mjs +9 -8
- package/esm2022/datetimepicker/localization/messages.mjs +147 -0
- package/{esm2020 → esm2022}/index.mjs +0 -1
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/preventable-event.mjs +2 -3
- package/esm2022/timepicker/localization/messages.mjs +99 -0
- package/{esm2020 → esm2022}/timepicker/localization/timepicker-custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/timepicker/localization/timepicker-localized-messages.directive.mjs +9 -8
- package/{esm2020 → esm2022}/timepicker/localization/timeselector-custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/timepicker/localization/timeselector-localized-messages.directive.mjs +9 -8
- package/{esm2020 → esm2022}/timepicker/services/dayperiod.service.mjs +7 -3
- package/{esm2020 → esm2022}/timepicker/services/dom.service.mjs +7 -3
- package/{esm2020 → esm2022}/timepicker/services/hours.service.mjs +10 -5
- package/{esm2020 → esm2022}/timepicker/services/milliseconds.service.mjs +9 -4
- package/{esm2020 → esm2022}/timepicker/services/minutes.service.mjs +9 -4
- package/{esm2020 → esm2022}/timepicker/services/seconds.service.mjs +9 -4
- package/{esm2020 → esm2022}/timepicker/timelist.component.mjs +45 -27
- package/{esm2020 → esm2022}/timepicker/timepicker.component.mjs +301 -219
- package/{esm2020 → esm2022}/timepicker/timepicker.module.mjs +14 -14
- package/{esm2020 → esm2022}/timepicker/timeselector.component.mjs +96 -73
- package/{esm2020 → esm2022}/virtualization/services/row-height.service.mjs +5 -2
- package/{esm2020 → esm2022}/virtualization/services/scroller.service.mjs +14 -3
- package/{esm2020 → esm2022}/virtualization/virtualization.component.mjs +42 -28
- package/{fesm2020 → fesm2022}/progress-kendo-angular-dateinputs.mjs +3758 -2455
- package/index.d.ts +0 -1
- package/package.json +20 -26
- package/schematics/ngAdd/index.js +1 -1
- package/timepicker/localization/messages.d.ts +1 -1
- package/timepicker/timelist.component.d.ts +1 -1
- package/timepicker/timepicker.component.d.ts +2 -1
- package/timepicker/timeselector.component.d.ts +1 -1
- package/util.d.ts +1 -1
- package/virtualization/services/scroller.service.d.ts +2 -2
- package/virtualization/virtualization.component.d.ts +1 -1
- package/common/adaptive.module.d.ts +0 -18
- package/esm2020/calendar/localization/calendar-messages.mjs +0 -29
- package/esm2020/common/adaptive.module.mjs +0 -44
- package/esm2020/datepicker/localization/messages.mjs +0 -33
- package/esm2020/datetimepicker/localization/messages.mjs +0 -63
- package/esm2020/timepicker/localization/messages.mjs +0 -47
- package/fesm2015/progress-kendo-angular-dateinputs.mjs +0 -19188
- /package/{esm2020 → esm2022}/calendar/models/cell-context.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/calendar/models/keydown.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/calendar/models/navigation-action.enum.mjs +0 -0
- /package/{esm2020 → esm2022}/calendar/models/orientation.mjs +0 -0
- /package/{esm2020 → esm2022}/calendar/models/row-length-options.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/calendar/models/scrollable.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/calendar/models/selection-range-end.type.mjs +0 -0
- /package/{esm2020 → esm2022}/calendar/models/selection-range.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/calendar/models/selection.mjs +0 -0
- /package/{esm2020 → esm2022}/calendar/models/type.mjs +0 -0
- /package/{esm2020 → esm2022}/calendar/models/view-service.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/calendar/models/view.enum.mjs +0 -0
- /package/{esm2020 → esm2022}/calendar/models/view.type.mjs +0 -0
- /package/{esm2020 → esm2022}/common/dom-queries.mjs +0 -0
- /package/{esm2020 → esm2022}/common/models/fillmode.mjs +0 -0
- /package/{esm2020 → esm2022}/common/models/rounded.mjs +0 -0
- /package/{esm2020 → esm2022}/common/models/size.mjs +0 -0
- /package/{esm2020 → esm2022}/common/models/week-days-format.mjs +0 -0
- /package/{esm2020 → esm2022}/common/utils.mjs +0 -0
- /package/{esm2020 → esm2022}/dateinput/arrow.enum.mjs +0 -0
- /package/{esm2020 → esm2022}/dateinput/models/format-placeholder.model.mjs +0 -0
- /package/{esm2020 → esm2022}/dateinput/models/format-settings.model.mjs +0 -0
- /package/{esm2020 → esm2022}/dateinput/models/incremental-steps.model.mjs +0 -0
- /package/{esm2020 → esm2022}/daterange/auto-correct-on.type.mjs +0 -0
- /package/{esm2020 → esm2022}/datetimepicker/models/active-tab.type.mjs +0 -0
- /package/{esm2020 → esm2022}/defaults.mjs +0 -0
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/popup-settings.model.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-dateinputs.mjs +0 -0
- /package/{esm2020 → esm2022}/timepicker/models/incremental-steps.model.mjs +0 -0
- /package/{esm2020 → esm2022}/timepicker/models/list-item.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/timepicker/models/list-service-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/timepicker/models/list-service.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/timepicker/models/time-part.default.mjs +0 -0
- /package/{esm2020 → esm2022}/timepicker/util.mjs +0 -0
- /package/{esm2020 → esm2022}/util.mjs +0 -0
- /package/{esm2020 → esm2022}/validators/disabled-date.validator.mjs +0 -0
- /package/{esm2020 → esm2022}/validators/disabled-dates-range.validator.mjs +0 -0
- /package/{esm2020 → esm2022}/validators/incomplete-date.validator.mjs +0 -0
- /package/{esm2020 → esm2022}/validators/max.validator.mjs +0 -0
- /package/{esm2020 → esm2022}/validators/min.validator.mjs +0 -0
- /package/{esm2020 → esm2022}/validators/time-range.validator.mjs +0 -0
- /package/{esm2020 → esm2022}/virtualization/models/scrollable.interface.mjs +0 -0
|
@@ -22,21 +22,21 @@ import * as i2 from "./timepicker.component";
|
|
|
22
22
|
* definition for the TimePicker component.
|
|
23
23
|
*/
|
|
24
24
|
export class TimePickerModule {
|
|
25
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
26
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, imports: [i1.TimePickerCustomMessagesComponent, i2.TimePickerComponent], exports: [i1.TimePickerCustomMessagesComponent, i2.TimePickerComponent] });
|
|
27
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, providers: [
|
|
28
|
+
IconsService,
|
|
29
|
+
PopupService,
|
|
30
|
+
ResizeBatchService,
|
|
31
|
+
TimePickerDOMService,
|
|
32
|
+
HoursService,
|
|
33
|
+
MinutesService,
|
|
34
|
+
SecondsService,
|
|
35
|
+
MillisecondsService,
|
|
36
|
+
DayPeriodService,
|
|
37
|
+
], imports: [i2.TimePickerComponent] });
|
|
25
38
|
}
|
|
26
|
-
|
|
27
|
-
TimePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TimePickerModule, imports: [i1.TimePickerCustomMessagesComponent, i2.TimePickerComponent], exports: [i1.TimePickerCustomMessagesComponent, i2.TimePickerComponent] });
|
|
28
|
-
TimePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePickerModule, providers: [
|
|
29
|
-
IconsService,
|
|
30
|
-
PopupService,
|
|
31
|
-
ResizeBatchService,
|
|
32
|
-
TimePickerDOMService,
|
|
33
|
-
HoursService,
|
|
34
|
-
MinutesService,
|
|
35
|
-
SecondsService,
|
|
36
|
-
MillisecondsService,
|
|
37
|
-
DayPeriodService,
|
|
38
|
-
], imports: [KENDO_TIMEPICKER] });
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePickerModule, decorators: [{
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, decorators: [{
|
|
40
40
|
type: NgModule,
|
|
41
41
|
args: [{
|
|
42
42
|
exports: [...KENDO_TIMEPICKER],
|
|
@@ -43,74 +43,60 @@ var Direction;
|
|
|
43
43
|
* Represents the Kendo UI TimeSelector component for Angular.
|
|
44
44
|
*/
|
|
45
45
|
export class TimeSelectorComponent {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
/**
|
|
60
|
-
* Specifies the smallest valid time value.
|
|
61
|
-
*/
|
|
62
|
-
this.min = cloneDate(MIN_TIME);
|
|
63
|
-
/**
|
|
64
|
-
* Specifies the biggest valid time value.
|
|
65
|
-
*/
|
|
66
|
-
this.max = cloneDate(MAX_TIME);
|
|
67
|
-
/**
|
|
68
|
-
* Determines whether to display the **Cancel** button in the popup.
|
|
69
|
-
*/
|
|
70
|
-
this.cancelButton = true;
|
|
71
|
-
/**
|
|
72
|
-
* Determines whether to display the **Set** button in the popup.
|
|
73
|
-
*/
|
|
74
|
-
this.setButton = true;
|
|
75
|
-
/**
|
|
76
|
-
* Determines whether to display the **Now** button in the popup.
|
|
77
|
-
*
|
|
78
|
-
* > If the current time is out of range or the incremental step is greater than `1`, the **Now** button will be hidden.
|
|
79
|
-
*/
|
|
80
|
-
this.nowButton = true;
|
|
81
|
-
/**
|
|
82
|
-
* Sets or gets the `disabled` property of the TimeSelector and determines whether the component is active.
|
|
83
|
-
*/
|
|
84
|
-
this.disabled = false;
|
|
85
|
-
/**
|
|
86
|
-
* Specifies the value of the TimeSelector component.
|
|
87
|
-
*/
|
|
88
|
-
this.value = null;
|
|
89
|
-
/**
|
|
90
|
-
* Fires each time the user selects a new value.
|
|
91
|
-
*/
|
|
92
|
-
this.valueChange = new EventEmitter();
|
|
93
|
-
/**
|
|
94
|
-
* Fires each time the user cancels the selected value.
|
|
95
|
-
*/
|
|
96
|
-
this.valueReject = new EventEmitter();
|
|
97
|
-
this.tabOutLastPart = new EventEmitter();
|
|
98
|
-
this.tabOutNow = new EventEmitter();
|
|
99
|
-
this.isActive = false;
|
|
100
|
-
this.showNowButton = true;
|
|
101
|
-
this._activeListIndex = -1;
|
|
102
|
-
this._steps = {};
|
|
103
|
-
this.domEvents = [];
|
|
104
|
-
if (this.pickerService) {
|
|
105
|
-
this.pickerService.timeSelector = this;
|
|
106
|
-
}
|
|
107
|
-
}
|
|
46
|
+
localization;
|
|
47
|
+
cdr;
|
|
48
|
+
element;
|
|
49
|
+
intl;
|
|
50
|
+
dom;
|
|
51
|
+
zone;
|
|
52
|
+
renderer;
|
|
53
|
+
pickerService;
|
|
54
|
+
accept;
|
|
55
|
+
cancel;
|
|
56
|
+
now;
|
|
57
|
+
timeLists;
|
|
58
|
+
timeListWrappers;
|
|
108
59
|
/**
|
|
109
60
|
* @hidden
|
|
110
61
|
*/
|
|
111
62
|
get disabledClass() {
|
|
112
63
|
return this.disabled;
|
|
113
64
|
}
|
|
65
|
+
/**
|
|
66
|
+
* Specifies the time format used to display the time list columns.
|
|
67
|
+
*/
|
|
68
|
+
format = 't';
|
|
69
|
+
/**
|
|
70
|
+
* Specifies the smallest valid time value.
|
|
71
|
+
*/
|
|
72
|
+
min = cloneDate(MIN_TIME);
|
|
73
|
+
/**
|
|
74
|
+
* Specifies the biggest valid time value.
|
|
75
|
+
*/
|
|
76
|
+
max = cloneDate(MAX_TIME);
|
|
77
|
+
/**
|
|
78
|
+
* Determines whether to display the **Cancel** button in the popup.
|
|
79
|
+
*/
|
|
80
|
+
cancelButton = true;
|
|
81
|
+
/**
|
|
82
|
+
* Determines whether to display the **Set** button in the popup.
|
|
83
|
+
*/
|
|
84
|
+
setButton = true;
|
|
85
|
+
/**
|
|
86
|
+
* Determines whether to display the **Now** button in the popup.
|
|
87
|
+
*
|
|
88
|
+
* > If the current time is out of range or the incremental step is greater than `1`, the **Now** button will be hidden.
|
|
89
|
+
*/
|
|
90
|
+
nowButton = true;
|
|
91
|
+
/**
|
|
92
|
+
* Sets or gets the `disabled` property of the TimeSelector and determines whether the component is active.
|
|
93
|
+
*/
|
|
94
|
+
disabled = false;
|
|
95
|
+
/**
|
|
96
|
+
* Needed in order to set it in the dom service so that timeselector height can be properly calculated
|
|
97
|
+
*/
|
|
98
|
+
isAdaptiveEnabled;
|
|
99
|
+
isDateTimePicker;
|
|
114
100
|
/**
|
|
115
101
|
* Configures the incremental steps of the TimeSelector.
|
|
116
102
|
*
|
|
@@ -140,6 +126,23 @@ export class TimeSelectorComponent {
|
|
|
140
126
|
get steps() {
|
|
141
127
|
return this._steps;
|
|
142
128
|
}
|
|
129
|
+
/**
|
|
130
|
+
* Specifies the value of the TimeSelector component.
|
|
131
|
+
*/
|
|
132
|
+
value = null;
|
|
133
|
+
/**
|
|
134
|
+
* Fires each time the user selects a new value.
|
|
135
|
+
*/
|
|
136
|
+
valueChange = new EventEmitter();
|
|
137
|
+
/**
|
|
138
|
+
* Fires each time the user cancels the selected value.
|
|
139
|
+
*/
|
|
140
|
+
valueReject = new EventEmitter();
|
|
141
|
+
tabOutLastPart = new EventEmitter();
|
|
142
|
+
tabOutNow = new EventEmitter();
|
|
143
|
+
dateFormatParts;
|
|
144
|
+
isActive = false;
|
|
145
|
+
showNowButton = true;
|
|
143
146
|
set current(value) {
|
|
144
147
|
this._current = timeInRange(this.snapTime(cloneDate(value || MIDNIGHT_DATE), this.min), this.min, this.max);
|
|
145
148
|
if (!NgZone.isInAngularZone()) {
|
|
@@ -168,6 +171,26 @@ export class TimeSelectorComponent {
|
|
|
168
171
|
}
|
|
169
172
|
}
|
|
170
173
|
}
|
|
174
|
+
mergeValue;
|
|
175
|
+
snapTime;
|
|
176
|
+
_activeListIndex = -1;
|
|
177
|
+
_current;
|
|
178
|
+
_steps = {};
|
|
179
|
+
subscriptions;
|
|
180
|
+
domEvents = [];
|
|
181
|
+
constructor(localization, cdr, element, intl, dom, zone, renderer, pickerService) {
|
|
182
|
+
this.localization = localization;
|
|
183
|
+
this.cdr = cdr;
|
|
184
|
+
this.element = element;
|
|
185
|
+
this.intl = intl;
|
|
186
|
+
this.dom = dom;
|
|
187
|
+
this.zone = zone;
|
|
188
|
+
this.renderer = renderer;
|
|
189
|
+
this.pickerService = pickerService;
|
|
190
|
+
if (this.pickerService) {
|
|
191
|
+
this.pickerService.timeSelector = this;
|
|
192
|
+
}
|
|
193
|
+
}
|
|
171
194
|
/**
|
|
172
195
|
* @hidden
|
|
173
196
|
*/
|
|
@@ -316,7 +339,7 @@ export class TimeSelectorComponent {
|
|
|
316
339
|
this.tabOutNow.emit();
|
|
317
340
|
}
|
|
318
341
|
else {
|
|
319
|
-
this.cancel ? this.cancel.nativeElement.focus() : this.accept
|
|
342
|
+
this.cancel ? this.cancel.nativeElement.focus() : this.accept?.nativeElement.focus();
|
|
320
343
|
}
|
|
321
344
|
return;
|
|
322
345
|
}
|
|
@@ -415,15 +438,14 @@ export class TimeSelectorComponent {
|
|
|
415
438
|
}
|
|
416
439
|
return listIdx;
|
|
417
440
|
}
|
|
418
|
-
}
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
}
|
|
426
|
-
], viewQueries: [{ propertyName: "accept", first: true, predicate: ["accept"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "now", first: true, predicate: ["now"], descendants: true }, { propertyName: "timeLists", predicate: TimeListComponent, descendants: true }, { propertyName: "timeListWrappers", predicate: ["listWrapper"], descendants: true }], exportAs: ["kendo-timeselector"], usesOnChanges: true, ngImport: i0, template: `
|
|
441
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeSelectorComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2.IntlService }, { token: i3.TimePickerDOMService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i4.PickerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
442
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimeSelectorComponent, isStandalone: true, selector: "kendo-timeselector", inputs: { format: "format", min: "min", max: "max", cancelButton: "cancelButton", setButton: "setButton", nowButton: "nowButton", disabled: "disabled", isAdaptiveEnabled: "isAdaptiveEnabled", isDateTimePicker: "isDateTimePicker", steps: "steps", value: "value" }, outputs: { valueChange: "valueChange", valueReject: "valueReject", tabOutLastPart: "tabOutLastPart", tabOutNow: "tabOutNow" }, host: { properties: { "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
443
|
+
LocalizationService,
|
|
444
|
+
{
|
|
445
|
+
provide: L10N_PREFIX,
|
|
446
|
+
useValue: 'kendo.timeselector'
|
|
447
|
+
}
|
|
448
|
+
], viewQueries: [{ propertyName: "accept", first: true, predicate: ["accept"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "now", first: true, predicate: ["now"], descendants: true }, { propertyName: "timeLists", predicate: TimeListComponent, descendants: true }, { propertyName: "timeListWrappers", predicate: ["listWrapper"], descendants: true }], exportAs: ["kendo-timeselector"], usesOnChanges: true, ngImport: i0, template: `
|
|
427
449
|
<ng-container kendoTimeSelectorLocalizedMessages
|
|
428
450
|
i18n-accept="kendo.timeselector.accept|The Accept button text in the timeselector component"
|
|
429
451
|
accept="Set"
|
|
@@ -532,7 +554,8 @@ TimeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
532
554
|
>{{localization.get('cancel')}}</button>
|
|
533
555
|
</div>
|
|
534
556
|
`, isInline: true, dependencies: [{ kind: "directive", type: TimeSelectorLocalizedMessagesDirective, selector: "[kendoTimeSelectorLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TimeListComponent, selector: "kendo-timelist", inputs: ["min", "max", "part", "step", "disabled", "value", "isLast"], outputs: ["valueChange", "tabOutLastPart"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
535
|
-
|
|
557
|
+
}
|
|
558
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeSelectorComponent, decorators: [{
|
|
536
559
|
type: Component,
|
|
537
560
|
args: [{
|
|
538
561
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -13,12 +13,15 @@ const update = (arr, idx, value) => ([
|
|
|
13
13
|
* @hidden
|
|
14
14
|
*/
|
|
15
15
|
export class RowHeightService {
|
|
16
|
+
total;
|
|
17
|
+
rowHeight;
|
|
18
|
+
detailRowHeight;
|
|
19
|
+
offsets = [];
|
|
20
|
+
heights = [];
|
|
16
21
|
constructor(total = 0, rowHeight, detailRowHeight) {
|
|
17
22
|
this.total = total;
|
|
18
23
|
this.rowHeight = rowHeight;
|
|
19
24
|
this.detailRowHeight = detailRowHeight;
|
|
20
|
-
this.offsets = [];
|
|
21
|
-
this.heights = [];
|
|
22
25
|
let agg = 0;
|
|
23
26
|
for (let idx = 0; idx < total; idx++) {
|
|
24
27
|
this.offsets.push(agg);
|
|
@@ -8,6 +8,7 @@ const normalize = x => Math.max(x, 0);
|
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
10
|
export class ScrollAction {
|
|
11
|
+
offset;
|
|
11
12
|
constructor(offset) {
|
|
12
13
|
this.offset = offset;
|
|
13
14
|
}
|
|
@@ -16,6 +17,7 @@ export class ScrollAction {
|
|
|
16
17
|
* @hidden
|
|
17
18
|
*/
|
|
18
19
|
export class PageAction {
|
|
20
|
+
skip;
|
|
19
21
|
constructor(skip) {
|
|
20
22
|
this.skip = skip;
|
|
21
23
|
}
|
|
@@ -24,11 +26,20 @@ export class PageAction {
|
|
|
24
26
|
* @hidden
|
|
25
27
|
*/
|
|
26
28
|
export class ScrollerService {
|
|
29
|
+
scrollObservable;
|
|
30
|
+
direction;
|
|
31
|
+
firstLoaded = 0;
|
|
32
|
+
lastLoaded;
|
|
33
|
+
lastScroll;
|
|
34
|
+
take;
|
|
35
|
+
total;
|
|
36
|
+
rowHeightService;
|
|
37
|
+
scrollSubscription;
|
|
38
|
+
subscription;
|
|
39
|
+
bottomOffset = 0;
|
|
40
|
+
topOffset = 0;
|
|
27
41
|
constructor(scrollObservable) {
|
|
28
42
|
this.scrollObservable = scrollObservable;
|
|
29
|
-
this.firstLoaded = 0;
|
|
30
|
-
this.bottomOffset = 0;
|
|
31
|
-
this.topOffset = 0;
|
|
32
43
|
}
|
|
33
44
|
create(rowHeightService, skip, take, total, topOffset = 0, bottomOffset = 0, direction = 'vertical') {
|
|
34
45
|
this.rowHeightService = rowHeightService;
|
|
@@ -50,30 +50,29 @@ const differenceToScroll = (scrollTop, staticOffset, maxScrollDifference) => {
|
|
|
50
50
|
* @hidden
|
|
51
51
|
*/
|
|
52
52
|
export class VirtualizationComponent {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
this.scroller = scrollerFactory(this.dispatcher);
|
|
73
|
-
}
|
|
53
|
+
container;
|
|
54
|
+
renderer;
|
|
55
|
+
zone;
|
|
56
|
+
scrollBarWidthService;
|
|
57
|
+
direction = 'vertical';
|
|
58
|
+
itemHeight = 1;
|
|
59
|
+
itemWidth = 1;
|
|
60
|
+
topOffset = 0;
|
|
61
|
+
bottomOffset = 0;
|
|
62
|
+
maxScrollDifference = 100;
|
|
63
|
+
scrollOffsetSize = 0;
|
|
64
|
+
scrollDuration = 150;
|
|
65
|
+
skip;
|
|
66
|
+
take;
|
|
67
|
+
total;
|
|
68
|
+
activeIndexChange = new EventEmitter();
|
|
69
|
+
pageChange = new EventEmitter();
|
|
70
|
+
scrollChange = new EventEmitter();
|
|
71
|
+
wrapperClasses = true;
|
|
74
72
|
get horizontalClass() {
|
|
75
73
|
return this.direction === 'horizontal';
|
|
76
74
|
}
|
|
75
|
+
totalSize;
|
|
77
76
|
get totalVertexLength() {
|
|
78
77
|
const value = `${this.totalSize}px`;
|
|
79
78
|
return this.direction === 'vertical' ? { height: value } : { width: value };
|
|
@@ -87,6 +86,21 @@ export class VirtualizationComponent {
|
|
|
87
86
|
get containerScrollPosition() {
|
|
88
87
|
return this.getContainerProperty(this.direction === 'vertical' ? 'scrollTop' : 'scrollLeft');
|
|
89
88
|
}
|
|
89
|
+
lastActiveIndex;
|
|
90
|
+
resolvedPromise = Promise.resolve(null);
|
|
91
|
+
scroller;
|
|
92
|
+
rowHeightService;
|
|
93
|
+
dispatcher = new Subject();
|
|
94
|
+
scrollSubscription;
|
|
95
|
+
containerScrollSubscription;
|
|
96
|
+
animationSubscription;
|
|
97
|
+
constructor(scrollerFactory, container, renderer, zone, scrollBarWidthService) {
|
|
98
|
+
this.container = container;
|
|
99
|
+
this.renderer = renderer;
|
|
100
|
+
this.zone = zone;
|
|
101
|
+
this.scrollBarWidthService = scrollBarWidthService;
|
|
102
|
+
this.scroller = scrollerFactory(this.dispatcher);
|
|
103
|
+
}
|
|
90
104
|
ngOnChanges(changes) {
|
|
91
105
|
if (changes.direction || changes.take || changes.total) {
|
|
92
106
|
this.initServices();
|
|
@@ -232,12 +246,11 @@ export class VirtualizationComponent {
|
|
|
232
246
|
getContainerScrollDirection(indexOffset) {
|
|
233
247
|
return indexOffset < this.containerScrollPosition ? ScrollDirection.Backward : ScrollDirection.Forward;
|
|
234
248
|
}
|
|
235
|
-
}
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
}], usesOnChanges: true, ngImport: i0, template: `
|
|
249
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VirtualizationComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
|
|
250
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VirtualizationComponent, isStandalone: true, selector: "kendo-virtualization", inputs: { direction: "direction", itemHeight: "itemHeight", itemWidth: "itemWidth", topOffset: "topOffset", bottomOffset: "bottomOffset", maxScrollDifference: "maxScrollDifference", scrollOffsetSize: "scrollOffsetSize", scrollDuration: "scrollDuration", skip: "skip", take: "take", total: "total" }, outputs: { activeIndexChange: "activeIndexChange", pageChange: "pageChange", scrollChange: "scrollChange" }, host: { properties: { "class.k-flex": "this.wrapperClasses", "class.k-content": "this.wrapperClasses", "class.k-scrollable": "this.wrapperClasses", "class.k-scrollable-horizontal": "this.horizontalClass" } }, providers: [{
|
|
251
|
+
provide: SCROLLER_FACTORY_TOKEN,
|
|
252
|
+
useValue: DEFAULT_SCROLLER_FACTORY
|
|
253
|
+
}], usesOnChanges: true, ngImport: i0, template: `
|
|
241
254
|
<ng-content></ng-content>
|
|
242
255
|
<div
|
|
243
256
|
class="k-scrollable-placeholder"
|
|
@@ -245,7 +258,8 @@ VirtualizationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
245
258
|
[ngStyle]="totalVertexLength"
|
|
246
259
|
></div>
|
|
247
260
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
248
|
-
|
|
261
|
+
}
|
|
262
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VirtualizationComponent, decorators: [{
|
|
249
263
|
type: Component,
|
|
250
264
|
args: [{
|
|
251
265
|
providers: [{
|