@progress/kendo-angular-dateinputs 16.5.0 → 16.6.0-develop.10
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/NOTICE.txt +12 -19
- package/calendar/calendar.component.d.ts +1 -1
- package/calendar/calendar.module.d.ts +13 -13
- package/calendar/calendars.module.d.ts +15 -3
- 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-custom-messages.component.d.ts +1 -1
- package/calendar/localization/calendar-localized-messages.directive.d.ts +1 -1
- package/calendar/localization/multiview-calendar-custom-messages.component.d.ts +1 -1
- package/calendar/localization/multiview-calendar-localized-messages.directive.d.ts +1 -1
- package/calendar/multiview-calendar.component.d.ts +1 -1
- package/calendar/multiview-calendar.module.d.ts +13 -11
- package/calendar/navigation.component.d.ts +1 -1
- package/calendar/templates/cell-template.directive.d.ts +1 -1
- package/calendar/templates/century-cell-template.directive.d.ts +1 -1
- package/calendar/templates/decade-cell-template.directive.d.ts +1 -1
- package/calendar/templates/footer-template.directive.d.ts +1 -1
- package/calendar/templates/header-template.directive.d.ts +1 -1
- package/calendar/templates/header-title-template.directive.d.ts +1 -1
- package/calendar/templates/month-cell-template.directive.d.ts +1 -1
- package/calendar/templates/navigation-item-template.directive.d.ts +1 -1
- package/calendar/templates/weeknumber-cell-template.directive.d.ts +1 -1
- package/calendar/templates/year-cell-template.directive.d.ts +1 -1
- package/calendar/view-list.component.d.ts +1 -1
- package/calendar/view.component.d.ts +1 -1
- package/common/adaptive.module.d.ts +5 -4
- package/dateinput/dateinput.component.d.ts +2 -5
- package/dateinput/dateinput.module.d.ts +3 -8
- package/dateinput/localization/dateinput-custom-messages.component.d.ts +1 -1
- package/dateinput/localization/dateinput-localized-messages.directive.d.ts +1 -1
- package/dateinputs.module.d.ts +30 -7
- package/datepicker/datepicker.component.d.ts +4 -8
- package/datepicker/datepicker.module.d.ts +13 -13
- package/datepicker/localization/datepicker-custom-messages.component.d.ts +1 -1
- package/datepicker/localization/datepicker-localized-messages.directive.d.ts +1 -1
- package/daterange/date-range-end-input.directive.d.ts +1 -1
- package/daterange/date-range-popup-template.directive.d.ts +1 -1
- package/daterange/date-range-popup.component.d.ts +1 -1
- 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/date-range.module.d.ts +10 -15
- package/daterange/localization/daterange-popup-custom-messages.component.d.ts +1 -1
- package/daterange/localization/daterange-popup-localized-messages.directive.d.ts +1 -1
- package/datetimepicker/datetimepicker.component.d.ts +3 -7
- package/datetimepicker/datetimepicker.module.d.ts +13 -14
- package/datetimepicker/localization/datetimepicker-custom-messages.component.d.ts +1 -1
- package/datetimepicker/localization/localized-messages.directive.d.ts +1 -1
- package/directives.d.ts +65 -0
- package/esm2020/calendar/calendar.component.mjs +9 -11
- package/esm2020/calendar/calendar.module.mjs +34 -69
- package/esm2020/calendar/calendars.module.mjs +52 -15
- package/esm2020/calendar/footer.component.mjs +7 -5
- package/esm2020/calendar/for.directive.mjs +5 -2
- package/esm2020/calendar/header.component.mjs +8 -6
- package/esm2020/calendar/horizontal-view-list.component.mjs +8 -6
- package/esm2020/calendar/localization/calendar-custom-messages.component.mjs +3 -2
- package/esm2020/calendar/localization/calendar-localized-messages.directive.mjs +3 -2
- package/esm2020/calendar/localization/multiview-calendar-custom-messages.component.mjs +3 -2
- package/esm2020/calendar/localization/multiview-calendar-localized-messages.directive.mjs +3 -2
- package/esm2020/calendar/multiview-calendar.component.mjs +8 -8
- package/esm2020/calendar/multiview-calendar.module.mjs +23 -55
- package/esm2020/calendar/navigation.component.mjs +8 -7
- package/esm2020/calendar/services/century-view.service.mjs +5 -2
- package/esm2020/calendar/services/decade-view.service.mjs +5 -2
- package/esm2020/calendar/services/dom.service.mjs +5 -2
- package/esm2020/calendar/services/month-view.service.mjs +5 -2
- package/esm2020/calendar/services/navigation.service.mjs +5 -2
- package/esm2020/calendar/services/weeknames.service.mjs +5 -2
- package/esm2020/calendar/services/year-view.service.mjs +5 -2
- package/esm2020/calendar/templates/cell-template.directive.mjs +3 -2
- package/esm2020/calendar/templates/century-cell-template.directive.mjs +3 -2
- package/esm2020/calendar/templates/decade-cell-template.directive.mjs +3 -2
- package/esm2020/calendar/templates/footer-template.directive.mjs +3 -2
- package/esm2020/calendar/templates/header-template.directive.mjs +3 -2
- package/esm2020/calendar/templates/header-title-template.directive.mjs +3 -2
- package/esm2020/calendar/templates/month-cell-template.directive.mjs +3 -2
- package/esm2020/calendar/templates/navigation-item-template.directive.mjs +3 -2
- package/esm2020/calendar/templates/weeknumber-cell-template.directive.mjs +3 -2
- package/esm2020/calendar/templates/year-cell-template.directive.mjs +3 -2
- package/esm2020/calendar/view-list.component.mjs +9 -9
- package/esm2020/calendar/view.component.mjs +7 -5
- package/esm2020/common/adaptive.module.mjs +25 -17
- package/esm2020/dateinput/dateinput.component.mjs +11 -13
- package/esm2020/dateinput/dateinput.module.mjs +14 -24
- package/esm2020/dateinput/localization/dateinput-custom-messages.component.mjs +3 -2
- package/esm2020/dateinput/localization/dateinput-localized-messages.directive.mjs +3 -2
- package/esm2020/dateinputs.module.mjs +90 -33
- package/esm2020/datepicker/datepicker.component.mjs +23 -32
- package/esm2020/datepicker/datepicker.module.mjs +55 -63
- package/esm2020/datepicker/localization/datepicker-custom-messages.component.mjs +3 -2
- package/esm2020/datepicker/localization/datepicker-localized-messages.directive.mjs +3 -2
- package/esm2020/daterange/date-range-end-input.directive.mjs +3 -2
- package/esm2020/daterange/date-range-popup-template.directive.mjs +3 -2
- package/esm2020/daterange/date-range-popup.component.mjs +10 -11
- package/esm2020/daterange/date-range-selection.directive.mjs +3 -2
- package/esm2020/daterange/date-range-start-input.directive.mjs +3 -2
- package/esm2020/daterange/date-range.component.mjs +6 -5
- package/esm2020/daterange/date-range.module.mjs +51 -54
- package/esm2020/daterange/localization/daterange-popup-custom-messages.component.mjs +3 -2
- package/esm2020/daterange/localization/daterange-popup-localized-messages.directive.mjs +3 -2
- package/esm2020/datetimepicker/datetimepicker.component.mjs +24 -31
- package/esm2020/datetimepicker/datetimepicker.module.mjs +70 -68
- package/esm2020/datetimepicker/localization/datetimepicker-custom-messages.component.mjs +3 -2
- package/esm2020/datetimepicker/localization/localized-messages.directive.mjs +3 -2
- package/esm2020/directives.mjs +142 -0
- package/esm2020/index.mjs +14 -2
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/timepicker/localization/timepicker-custom-messages.component.mjs +3 -2
- package/esm2020/timepicker/localization/timepicker-localized-messages.directive.mjs +3 -2
- package/esm2020/timepicker/localization/timeselector-custom-messages.component.mjs +3 -2
- package/esm2020/timepicker/localization/timeselector-localized-messages.directive.mjs +3 -2
- package/esm2020/timepicker/services/dayperiod.service.mjs +5 -2
- package/esm2020/timepicker/services/dom.service.mjs +5 -2
- package/esm2020/timepicker/services/hours.service.mjs +5 -2
- package/esm2020/timepicker/services/milliseconds.service.mjs +5 -2
- package/esm2020/timepicker/services/minutes.service.mjs +5 -2
- package/esm2020/timepicker/services/seconds.service.mjs +5 -2
- package/esm2020/timepicker/timelist.component.mjs +7 -7
- package/esm2020/timepicker/timepicker.component.mjs +22 -41
- package/esm2020/timepicker/timepicker.module.mjs +34 -75
- package/esm2020/timepicker/timeselector.component.mjs +8 -8
- package/esm2020/virtualization/virtualization.component.mjs +6 -4
- package/fesm2015/progress-kendo-angular-dateinputs.mjs +1229 -1310
- package/fesm2020/progress-kendo-angular-dateinputs.mjs +975 -1050
- package/index.d.ts +14 -2
- package/package.json +10 -10
- package/timepicker/localization/timepicker-custom-messages.component.d.ts +1 -1
- package/timepicker/localization/timepicker-localized-messages.directive.d.ts +1 -1
- package/timepicker/localization/timeselector-custom-messages.component.d.ts +1 -1
- package/timepicker/localization/timeselector-localized-messages.directive.d.ts +1 -1
- package/timepicker/timelist.component.d.ts +1 -1
- package/timepicker/timepicker.component.d.ts +3 -13
- package/timepicker/timepicker.module.d.ts +3 -16
- package/timepicker/timeselector.component.d.ts +1 -1
- package/virtualization/virtualization.component.d.ts +1 -1
- package/calendar/calendar-common.module.d.ts +0 -27
- package/calendar/templates.module.d.ts +0 -35
- package/esm2020/calendar/calendar-common.module.mjs +0 -52
- package/esm2020/calendar/templates.module.mjs +0 -83
- package/esm2020/touch-enabled.mjs +0 -9
- package/esm2020/virtualization/virtualization.module.mjs +0 -30
- package/touch-enabled.d.ts +0 -9
- package/virtualization/virtualization.module.d.ts +0 -18
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { CalendarComponent } from "./calendar/calendar.component";
|
|
6
|
+
import { MultiViewCalendarComponent } from "./calendar/multiview-calendar.component";
|
|
7
|
+
import { DateInputComponent } from "./dateinput/dateinput.component";
|
|
8
|
+
import { DatePickerComponent } from "./datepicker/datepicker.component";
|
|
9
|
+
import { DateRangePopupComponent } from "./daterange/date-range-popup.component";
|
|
10
|
+
import { DateRangeComponent } from "./daterange/date-range.component";
|
|
11
|
+
import { DateTimePickerComponent } from "./datetimepicker/datetimepicker.component";
|
|
12
|
+
import { TimePickerComponent } from "./timepicker/timepicker.component";
|
|
13
|
+
import { CellTemplateDirective } from "./calendar/templates/cell-template.directive";
|
|
14
|
+
import { CenturyCellTemplateDirective } from "./calendar/templates/century-cell-template.directive";
|
|
15
|
+
import { DecadeCellTemplateDirective } from "./calendar/templates/decade-cell-template.directive";
|
|
16
|
+
import { FooterTemplateDirective } from "./calendar/templates/footer-template.directive";
|
|
17
|
+
import { HeaderTemplateDirective } from "./calendar/templates/header-template.directive";
|
|
18
|
+
import { HeaderTitleTemplateDirective } from "./calendar/templates/header-title-template.directive";
|
|
19
|
+
import { MonthCellTemplateDirective } from "./calendar/templates/month-cell-template.directive";
|
|
20
|
+
import { NavigationItemTemplateDirective } from "./calendar/templates/navigation-item-template.directive";
|
|
21
|
+
import { WeekNumberCellTemplateDirective } from "./calendar/templates/weeknumber-cell-template.directive";
|
|
22
|
+
import { YearCellTemplateDirective } from "./calendar/templates/year-cell-template.directive";
|
|
23
|
+
import { DateRangeEndInputDirective } from "./daterange/date-range-end-input.directive";
|
|
24
|
+
import { DateRangePopupTemplateDirective } from "./daterange/date-range-popup-template.directive";
|
|
25
|
+
import { DateRangeSelectionDirective } from "./daterange/date-range-selection.directive";
|
|
26
|
+
import { DateRangeStartInputDirective } from "./daterange/date-range-start-input.directive";
|
|
27
|
+
import { CalendarCustomMessagesComponent } from "./calendar/localization/calendar-custom-messages.component";
|
|
28
|
+
import { MultiViewCalendarCustomMessagesComponent } from "./calendar/localization/multiview-calendar-custom-messages.component";
|
|
29
|
+
import { DateInputCustomMessagesComponent } from "./dateinput/localization/dateinput-custom-messages.component";
|
|
30
|
+
import { DatePickerCustomMessagesComponent } from "./datepicker/localization/datepicker-custom-messages.component";
|
|
31
|
+
import { DateRangePopupCustomMessagesComponent } from "./daterange/localization/daterange-popup-custom-messages.component";
|
|
32
|
+
import { DateTimePickerCustomMessagesComponent } from "./datetimepicker/localization/datetimepicker-custom-messages.component";
|
|
33
|
+
import { TimePickerCustomMessagesComponent } from "./timepicker/localization/timepicker-custom-messages.component";
|
|
34
|
+
/**
|
|
35
|
+
* Utility array that contains all `Calendar` related components and directives
|
|
36
|
+
*/
|
|
37
|
+
export const KENDO_CALENDAR = [
|
|
38
|
+
CalendarCustomMessagesComponent,
|
|
39
|
+
CalendarComponent,
|
|
40
|
+
CellTemplateDirective,
|
|
41
|
+
CenturyCellTemplateDirective,
|
|
42
|
+
DecadeCellTemplateDirective,
|
|
43
|
+
FooterTemplateDirective,
|
|
44
|
+
HeaderTemplateDirective,
|
|
45
|
+
HeaderTitleTemplateDirective,
|
|
46
|
+
MonthCellTemplateDirective,
|
|
47
|
+
NavigationItemTemplateDirective,
|
|
48
|
+
WeekNumberCellTemplateDirective,
|
|
49
|
+
YearCellTemplateDirective,
|
|
50
|
+
NavigationItemTemplateDirective
|
|
51
|
+
];
|
|
52
|
+
/**
|
|
53
|
+
* Utility array that contains all `MultiViewCalendar` related components and directives
|
|
54
|
+
*/
|
|
55
|
+
export const KENDO_MULTIVIEWCALENDAR = [
|
|
56
|
+
MultiViewCalendarCustomMessagesComponent,
|
|
57
|
+
MultiViewCalendarComponent,
|
|
58
|
+
CellTemplateDirective,
|
|
59
|
+
CenturyCellTemplateDirective,
|
|
60
|
+
DecadeCellTemplateDirective,
|
|
61
|
+
FooterTemplateDirective,
|
|
62
|
+
HeaderTemplateDirective,
|
|
63
|
+
HeaderTitleTemplateDirective,
|
|
64
|
+
MonthCellTemplateDirective,
|
|
65
|
+
NavigationItemTemplateDirective,
|
|
66
|
+
WeekNumberCellTemplateDirective,
|
|
67
|
+
YearCellTemplateDirective
|
|
68
|
+
];
|
|
69
|
+
/**
|
|
70
|
+
* Utility array that contains all `DateInput` related components and directives
|
|
71
|
+
*/
|
|
72
|
+
export const KENDO_DATEINPUT = [
|
|
73
|
+
DateInputCustomMessagesComponent,
|
|
74
|
+
DateInputComponent
|
|
75
|
+
];
|
|
76
|
+
/**
|
|
77
|
+
* Utility array that contains all `DatePicker` related components and directives
|
|
78
|
+
*/
|
|
79
|
+
export const KENDO_DATEPICKER = [
|
|
80
|
+
DatePickerCustomMessagesComponent,
|
|
81
|
+
DatePickerComponent,
|
|
82
|
+
CellTemplateDirective,
|
|
83
|
+
CenturyCellTemplateDirective,
|
|
84
|
+
DecadeCellTemplateDirective,
|
|
85
|
+
FooterTemplateDirective,
|
|
86
|
+
HeaderTemplateDirective,
|
|
87
|
+
HeaderTitleTemplateDirective,
|
|
88
|
+
MonthCellTemplateDirective,
|
|
89
|
+
NavigationItemTemplateDirective,
|
|
90
|
+
WeekNumberCellTemplateDirective,
|
|
91
|
+
YearCellTemplateDirective,
|
|
92
|
+
NavigationItemTemplateDirective
|
|
93
|
+
];
|
|
94
|
+
/**
|
|
95
|
+
* Utility array that contains all `DateRange` related components and directives
|
|
96
|
+
*/
|
|
97
|
+
export const KENDO_DATERANGE = [
|
|
98
|
+
DateRangePopupCustomMessagesComponent,
|
|
99
|
+
...KENDO_DATEINPUT,
|
|
100
|
+
DateRangeEndInputDirective,
|
|
101
|
+
DateRangePopupTemplateDirective,
|
|
102
|
+
DateRangeComponent,
|
|
103
|
+
DateRangePopupComponent,
|
|
104
|
+
DateRangeSelectionDirective,
|
|
105
|
+
DateRangeStartInputDirective
|
|
106
|
+
];
|
|
107
|
+
/**
|
|
108
|
+
* Utility array that contains all `DateTimePicker` related components and directives
|
|
109
|
+
*/
|
|
110
|
+
export const KENDO_DATETIMEPICKER = [
|
|
111
|
+
DateTimePickerCustomMessagesComponent,
|
|
112
|
+
DateTimePickerComponent,
|
|
113
|
+
CellTemplateDirective,
|
|
114
|
+
CenturyCellTemplateDirective,
|
|
115
|
+
DecadeCellTemplateDirective,
|
|
116
|
+
FooterTemplateDirective,
|
|
117
|
+
HeaderTemplateDirective,
|
|
118
|
+
HeaderTitleTemplateDirective,
|
|
119
|
+
MonthCellTemplateDirective,
|
|
120
|
+
NavigationItemTemplateDirective,
|
|
121
|
+
WeekNumberCellTemplateDirective,
|
|
122
|
+
YearCellTemplateDirective
|
|
123
|
+
];
|
|
124
|
+
/**
|
|
125
|
+
* Utility array that contains all `TimePicker` related components and directives
|
|
126
|
+
*/
|
|
127
|
+
export const KENDO_TIMEPICKER = [
|
|
128
|
+
TimePickerCustomMessagesComponent,
|
|
129
|
+
TimePickerComponent
|
|
130
|
+
];
|
|
131
|
+
/**
|
|
132
|
+
* Utility array that contains all `@progress/kendo-angular-dateinputs` related components and directives
|
|
133
|
+
*/
|
|
134
|
+
export const KENDO_DATEINPUTS = [
|
|
135
|
+
...KENDO_CALENDAR,
|
|
136
|
+
...KENDO_MULTIVIEWCALENDAR,
|
|
137
|
+
...KENDO_DATEINPUT,
|
|
138
|
+
...KENDO_DATEPICKER,
|
|
139
|
+
...KENDO_DATERANGE,
|
|
140
|
+
...KENDO_DATETIMEPICKER,
|
|
141
|
+
...KENDO_TIMEPICKER
|
|
142
|
+
];
|
package/esm2020/index.mjs
CHANGED
|
@@ -27,14 +27,25 @@ export { HeaderTemplateDirective } from './calendar/templates/header-template.di
|
|
|
27
27
|
export { FooterTemplateDirective } from './calendar/templates/footer-template.directive';
|
|
28
28
|
export { NavigationItemTemplateDirective } from './calendar/templates/navigation-item-template.directive';
|
|
29
29
|
export { KForOf } from './calendar/for.directive';
|
|
30
|
+
export { CalendarDOMService } from './calendar/services/dom.service';
|
|
31
|
+
export { CenturyViewService } from './calendar/services/century-view.service';
|
|
32
|
+
export { DecadeViewService } from './calendar/services/decade-view.service';
|
|
33
|
+
export { MonthViewService } from './calendar/services/month-view.service';
|
|
34
|
+
export { YearViewService } from './calendar/services/year-view.service';
|
|
35
|
+
export { WeekNamesService } from './calendar/services/weeknames.service';
|
|
36
|
+
export { NavigationService } from './calendar/services/navigation.service';
|
|
37
|
+
export { TimePickerDOMService } from './timepicker/services/dom.service';
|
|
38
|
+
export { HoursService } from './timepicker/services/hours.service';
|
|
39
|
+
export { MinutesService } from './timepicker/services/minutes.service';
|
|
40
|
+
export { SecondsService } from './timepicker/services/seconds.service';
|
|
41
|
+
export { MillisecondsService } from './timepicker/services/milliseconds.service';
|
|
42
|
+
export { DayPeriodService } from './timepicker/services/dayperiod.service';
|
|
30
43
|
export { DateRangeComponent } from './daterange/date-range.component';
|
|
31
44
|
export { DateRangePopupComponent } from './daterange/date-range-popup.component';
|
|
32
45
|
export { DateRangeEndInputDirective } from './daterange/date-range-end-input.directive';
|
|
33
46
|
export { DateRangeStartInputDirective } from './daterange/date-range-start-input.directive';
|
|
34
47
|
export { DateRangeSelectionDirective } from './daterange/date-range-selection.directive';
|
|
35
48
|
export { DateRangePopupTemplateDirective } from './daterange/date-range-popup-template.directive';
|
|
36
|
-
export { CalendarCommonModule } from './calendar/calendar-common.module';
|
|
37
|
-
export { TemplatesModule } from './calendar/templates.module';
|
|
38
49
|
export { CalendarModule } from './calendar/calendar.module';
|
|
39
50
|
export { CalendarsModule } from './calendar/calendars.module';
|
|
40
51
|
export { DateInputModule } from './dateinput/dateinput.module';
|
|
@@ -65,3 +76,4 @@ export { DateRangePopupCustomMessagesComponent } from './daterange/localization/
|
|
|
65
76
|
export { DateRangePopupLocalizedMessagesDirective } from './daterange/localization/daterange-popup-localized-messages.directive';
|
|
66
77
|
export { AdaptiveModule } from './common/adaptive.module';
|
|
67
78
|
export { ToggleButtonTabStopDirective } from '@progress/kendo-angular-common';
|
|
79
|
+
export * from './directives';
|
|
@@ -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:
|
|
13
|
-
version: '16.
|
|
12
|
+
publishDate: 1722606925,
|
|
13
|
+
version: '16.6.0-develop.10',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -20,7 +20,7 @@ export class TimePickerCustomMessagesComponent extends TimePickerMessages {
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
TimePickerCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePickerCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
TimePickerCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimePickerCustomMessagesComponent, selector: "kendo-timepicker-messages", providers: [
|
|
23
|
+
TimePickerCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimePickerCustomMessagesComponent, isStandalone: true, selector: "kendo-timepicker-messages", providers: [
|
|
24
24
|
{
|
|
25
25
|
provide: TimePickerMessages,
|
|
26
26
|
useExisting: forwardRef(() => TimePickerCustomMessagesComponent)
|
|
@@ -36,6 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
36
36
|
}
|
|
37
37
|
],
|
|
38
38
|
selector: 'kendo-timepicker-messages',
|
|
39
|
-
template:
|
|
39
|
+
template: ``,
|
|
40
|
+
standalone: true
|
|
40
41
|
}]
|
|
41
42
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
|
|
@@ -17,7 +17,7 @@ export class TimePickerLocalizedMessagesDirective extends TimePickerMessages {
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
TimePickerLocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePickerLocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
-
TimePickerLocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]", providers: [
|
|
20
|
+
TimePickerLocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TimePickerLocalizedMessagesDirective, isStandalone: true, selector: "[kendoTimePickerLocalizedMessages]", providers: [
|
|
21
21
|
{
|
|
22
22
|
provide: TimePickerMessages,
|
|
23
23
|
useExisting: forwardRef(() => TimePickerLocalizedMessagesDirective)
|
|
@@ -32,6 +32,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
32
32
|
useExisting: forwardRef(() => TimePickerLocalizedMessagesDirective)
|
|
33
33
|
}
|
|
34
34
|
],
|
|
35
|
-
selector: '[kendoTimePickerLocalizedMessages]'
|
|
35
|
+
selector: '[kendoTimePickerLocalizedMessages]',
|
|
36
|
+
standalone: true
|
|
36
37
|
}]
|
|
37
38
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
|
|
@@ -22,7 +22,7 @@ export class TimeSelectorCustomMessagesComponent extends TimePickerMessages {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
TimeSelectorCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimeSelectorCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
TimeSelectorCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages", providers: [
|
|
25
|
+
TimeSelectorCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimeSelectorCustomMessagesComponent, isStandalone: true, selector: "kendo-timeselector-messages", providers: [
|
|
26
26
|
{
|
|
27
27
|
provide: TimePickerMessages,
|
|
28
28
|
useExisting: forwardRef(() => TimeSelectorCustomMessagesComponent)
|
|
@@ -38,6 +38,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
38
38
|
}
|
|
39
39
|
],
|
|
40
40
|
selector: 'kendo-timeselector-messages',
|
|
41
|
-
template:
|
|
41
|
+
template: ``,
|
|
42
|
+
standalone: true
|
|
42
43
|
}]
|
|
43
44
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
|
|
@@ -17,7 +17,7 @@ export class TimeSelectorLocalizedMessagesDirective extends TimePickerMessages {
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
TimeSelectorLocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimeSelectorLocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
-
TimeSelectorLocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TimeSelectorLocalizedMessagesDirective, selector: "[kendoTimeSelectorLocalizedMessages]", providers: [
|
|
20
|
+
TimeSelectorLocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TimeSelectorLocalizedMessagesDirective, isStandalone: true, selector: "[kendoTimeSelectorLocalizedMessages]", providers: [
|
|
21
21
|
{
|
|
22
22
|
provide: TimePickerMessages,
|
|
23
23
|
useExisting: forwardRef(() => TimeSelectorLocalizedMessagesDirective)
|
|
@@ -32,6 +32,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
32
32
|
useExisting: forwardRef(() => TimeSelectorLocalizedMessagesDirective)
|
|
33
33
|
}
|
|
34
34
|
],
|
|
35
|
-
selector: '[kendoTimeSelectorLocalizedMessages]'
|
|
35
|
+
selector: '[kendoTimeSelectorLocalizedMessages]',
|
|
36
|
+
standalone: true
|
|
36
37
|
}]
|
|
37
38
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
|
|
@@ -118,7 +118,10 @@ export class DayPeriodService {
|
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
120
|
DayPeriodService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DayPeriodService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
121
|
-
DayPeriodService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DayPeriodService });
|
|
121
|
+
DayPeriodService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DayPeriodService, providedIn: 'root' });
|
|
122
122
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DayPeriodService, decorators: [{
|
|
123
|
-
type: Injectable
|
|
123
|
+
type: Injectable,
|
|
124
|
+
args: [{
|
|
125
|
+
providedIn: 'root'
|
|
126
|
+
}]
|
|
124
127
|
}], ctorParameters: function () { return [{ type: i1.IntlService }]; } });
|
|
@@ -76,7 +76,10 @@ export class TimePickerDOMService {
|
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
TimePickerDOMService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePickerDOMService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
79
|
-
TimePickerDOMService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePickerDOMService });
|
|
79
|
+
TimePickerDOMService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePickerDOMService, providedIn: 'root' });
|
|
80
80
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePickerDOMService, decorators: [{
|
|
81
|
-
type: Injectable
|
|
81
|
+
type: Injectable,
|
|
82
|
+
args: [{
|
|
83
|
+
providedIn: 'root'
|
|
84
|
+
}]
|
|
82
85
|
}] });
|
|
@@ -116,7 +116,10 @@ export class HoursService {
|
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
118
|
HoursService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HoursService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
119
|
-
HoursService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HoursService });
|
|
119
|
+
HoursService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HoursService, providedIn: 'root' });
|
|
120
120
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HoursService, decorators: [{
|
|
121
|
-
type: Injectable
|
|
121
|
+
type: Injectable,
|
|
122
|
+
args: [{
|
|
123
|
+
providedIn: 'root'
|
|
124
|
+
}]
|
|
122
125
|
}], ctorParameters: function () { return [{ type: i1.IntlService }]; } });
|
|
@@ -117,7 +117,10 @@ export class MillisecondsService {
|
|
|
117
117
|
}
|
|
118
118
|
}
|
|
119
119
|
MillisecondsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MillisecondsService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
120
|
-
MillisecondsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MillisecondsService });
|
|
120
|
+
MillisecondsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MillisecondsService, providedIn: 'root' });
|
|
121
121
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MillisecondsService, decorators: [{
|
|
122
|
-
type: Injectable
|
|
122
|
+
type: Injectable,
|
|
123
|
+
args: [{
|
|
124
|
+
providedIn: 'root'
|
|
125
|
+
}]
|
|
123
126
|
}], ctorParameters: function () { return [{ type: i1.IntlService }]; } });
|
|
@@ -114,7 +114,10 @@ export class MinutesService {
|
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
MinutesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MinutesService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
117
|
-
MinutesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MinutesService });
|
|
117
|
+
MinutesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MinutesService, providedIn: 'root' });
|
|
118
118
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MinutesService, decorators: [{
|
|
119
|
-
type: Injectable
|
|
119
|
+
type: Injectable,
|
|
120
|
+
args: [{
|
|
121
|
+
providedIn: 'root'
|
|
122
|
+
}]
|
|
120
123
|
}], ctorParameters: function () { return [{ type: i1.IntlService }]; } });
|
|
@@ -114,7 +114,10 @@ export class SecondsService {
|
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
SecondsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SecondsService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
117
|
-
SecondsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SecondsService });
|
|
117
|
+
SecondsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SecondsService, providedIn: 'root' });
|
|
118
118
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SecondsService, decorators: [{
|
|
119
|
-
type: Injectable
|
|
119
|
+
type: Injectable,
|
|
120
|
+
args: [{
|
|
121
|
+
providedIn: 'root'
|
|
122
|
+
}]
|
|
120
123
|
}], ctorParameters: function () { return [{ type: i1.IntlService }]; } });
|
|
@@ -17,13 +17,11 @@ import { MillisecondsService } from './services/milliseconds.service';
|
|
|
17
17
|
import { DayPeriodService } from './services/dayperiod.service';
|
|
18
18
|
import { closestInScope } from '../common/dom-queries';
|
|
19
19
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
20
|
-
import { Keys } from '@progress/kendo-angular-common';
|
|
20
|
+
import { Keys, EventsOutsideAngularDirective } from '@progress/kendo-angular-common';
|
|
21
|
+
import { NgStyle, NgFor } from '@angular/common';
|
|
21
22
|
import * as i0 from "@angular/core";
|
|
22
23
|
import * as i1 from "./services/dom.service";
|
|
23
24
|
import * as i2 from "@progress/kendo-angular-l10n";
|
|
24
|
-
import * as i3 from "@angular/common";
|
|
25
|
-
import * as i4 from "../virtualization/virtualization.component";
|
|
26
|
-
import * as i5 from "@progress/kendo-angular-common";
|
|
27
25
|
const SNAP_THRESHOLD = 0.05; //% of the item height
|
|
28
26
|
const SCROLL_THRESHOLD = 2; //< 2px threshold
|
|
29
27
|
const nil = () => (null);
|
|
@@ -258,7 +256,7 @@ export class TimeListComponent {
|
|
|
258
256
|
}
|
|
259
257
|
}
|
|
260
258
|
TimeListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimeListComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1.TimePickerDOMService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
261
|
-
TimeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimeListComponent, selector: "kendo-timelist", inputs: { min: "min", max: "max", part: "part", step: "step", disabled: "disabled", value: "value", isLast: "isLast" }, outputs: { valueChange: "valueChange", tabOutLastPart: "tabOutLastPart" }, host: { properties: { "attr.role": "this.roleAttribute", "attr.aria-label": "this.ariaLabel", "attr.tabindex": "this.tabIndex", "class.k-time-list": "this.componentClass" } }, viewQueries: [{ propertyName: "virtualization", first: true, predicate: VirtualizationComponent, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
259
|
+
TimeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimeListComponent, isStandalone: true, selector: "kendo-timelist", inputs: { min: "min", max: "max", part: "part", step: "step", disabled: "disabled", value: "value", isLast: "isLast" }, outputs: { valueChange: "valueChange", tabOutLastPart: "tabOutLastPart" }, host: { properties: { "attr.role": "this.roleAttribute", "attr.aria-label": "this.ariaLabel", "attr.tabindex": "this.tabIndex", "class.k-time-list": "this.componentClass" } }, viewQueries: [{ propertyName: "virtualization", first: true, predicate: VirtualizationComponent, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
262
260
|
<kendo-virtualization
|
|
263
261
|
[skip]="skip"
|
|
264
262
|
[take]="total"
|
|
@@ -286,7 +284,7 @@ TimeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
|
|
|
286
284
|
</li>
|
|
287
285
|
</ul>
|
|
288
286
|
</kendo-virtualization>
|
|
289
|
-
`, isInline: true, dependencies: [{ kind: "
|
|
287
|
+
`, isInline: true, dependencies: [{ kind: "component", type: VirtualizationComponent, selector: "kendo-virtualization", inputs: ["direction", "itemHeight", "itemWidth", "topOffset", "bottomOffset", "maxScrollDifference", "scrollOffsetSize", "scrollDuration", "skip", "take", "total"], outputs: ["activeIndexChange", "pageChange", "scrollChange"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
290
288
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimeListComponent, decorators: [{
|
|
291
289
|
type: Component,
|
|
292
290
|
args: [{
|
|
@@ -319,7 +317,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
319
317
|
</li>
|
|
320
318
|
</ul>
|
|
321
319
|
</kendo-virtualization>
|
|
322
|
-
|
|
320
|
+
`,
|
|
321
|
+
standalone: true,
|
|
322
|
+
imports: [VirtualizationComponent, NgStyle, EventsOutsideAngularDirective, NgFor]
|
|
323
323
|
}]
|
|
324
324
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Injector }, { type: i1.TimePickerDOMService }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i2.LocalizationService }]; }, propDecorators: { min: [{
|
|
325
325
|
type: Input
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ElementRef, EventEmitter, HostBinding, Input, Output, NgZone, TemplateRef, ViewChild, ViewContainerRef,
|
|
5
|
+
import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ElementRef, EventEmitter, HostBinding, Input, Output, NgZone, TemplateRef, ViewChild, ViewContainerRef, Renderer2, forwardRef, isDevMode, Injector } from '@angular/core';
|
|
6
6
|
import { NG_VALUE_ACCESSOR, NG_VALIDATORS, NgControl } from '@angular/forms';
|
|
7
7
|
import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
8
|
import { PopupService } from '@progress/kendo-angular-popup';
|
|
9
9
|
import { cloneDate, isEqual } from '@progress/kendo-date-math';
|
|
10
|
-
import { hasObservers, isControlRequired, isDocumentAvailable, KendoInput, Keys, MultiTabStop } from '@progress/kendo-angular-common';
|
|
10
|
+
import { hasObservers, isControlRequired, isDocumentAvailable, KendoInput, Keys, MultiTabStop, ResizeSensorComponent, EventsOutsideAngularDirective } from '@progress/kendo-angular-common';
|
|
11
11
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
12
12
|
import { packageMetadata } from '../package-metadata';
|
|
13
13
|
import { MIDNIGHT_DATE, MIN_TIME, MAX_TIME } from '../defaults';
|
|
@@ -15,31 +15,29 @@ import { IntlService } from '@progress/kendo-angular-intl';
|
|
|
15
15
|
import { PickerService } from '../common/picker.service';
|
|
16
16
|
import { requiresZoneOnBlur, currentFocusTarget, attributeNames } from '../common/utils';
|
|
17
17
|
import { TIME_PART } from './models/time-part.default';
|
|
18
|
+
import { TimeSelectorComponent } from './timeselector.component';
|
|
19
|
+
import { DateInputComponent } from '../dateinput/dateinput.component';
|
|
18
20
|
import { PreventableEvent } from '../preventable-event';
|
|
19
21
|
import { noop, setTime, isWindowAvailable, getFillModeClass, getSizeClass, getRoundedClass, DEFAULT_FILL_MODE, DEFAULT_ROUNDED, DEFAULT_SIZE, windowSize } from '../util';
|
|
20
22
|
import { timeRangeValidator } from '../validators/time-range.validator';
|
|
21
|
-
import { TOUCH_ENABLED } from '../touch-enabled';
|
|
22
23
|
import { fromEvent } from 'rxjs';
|
|
23
24
|
import { incompleteDateValidator } from '../validators/incomplete-date.validator';
|
|
24
25
|
import { BusViewService } from '../calendar/services/bus-view.service';
|
|
25
26
|
import { clockIcon, xIcon } from '@progress/kendo-svg-icons';
|
|
26
|
-
import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
|
|
27
|
+
import { ActionSheetComponent, ActionSheetTemplateDirective } from '@progress/kendo-angular-navigation';
|
|
28
|
+
import { TimeSelectorCustomMessagesComponent } from './localization/timeselector-custom-messages.component';
|
|
29
|
+
import { ButtonComponent } from '@progress/kendo-angular-buttons';
|
|
30
|
+
import { NgTemplateOutlet, NgIf } from '@angular/common';
|
|
31
|
+
import { IconWrapperComponent } from '@progress/kendo-angular-icons';
|
|
32
|
+
import { DateInputCustomMessagesComponent } from '../dateinput/localization/dateinput-custom-messages.component';
|
|
33
|
+
import { TimePickerLocalizedMessagesDirective } from './localization/timepicker-localized-messages.directive';
|
|
34
|
+
import { touchEnabled } from '@progress/kendo-common';
|
|
27
35
|
import * as i0 from "@angular/core";
|
|
28
36
|
import * as i1 from "../calendar/services/bus-view.service";
|
|
29
37
|
import * as i2 from "@progress/kendo-angular-l10n";
|
|
30
38
|
import * as i3 from "@progress/kendo-angular-popup";
|
|
31
39
|
import * as i4 from "../common/picker.service";
|
|
32
40
|
import * as i5 from "@progress/kendo-angular-intl";
|
|
33
|
-
import * as i6 from "@angular/common";
|
|
34
|
-
import * as i7 from "../dateinput/dateinput.component";
|
|
35
|
-
import * as i8 from "../dateinput/localization/dateinput-custom-messages.component";
|
|
36
|
-
import * as i9 from "@progress/kendo-angular-common";
|
|
37
|
-
import * as i10 from "@progress/kendo-angular-icons";
|
|
38
|
-
import * as i11 from "@progress/kendo-angular-navigation";
|
|
39
|
-
import * as i12 from "@progress/kendo-angular-buttons";
|
|
40
|
-
import * as i13 from "./localization/timepicker-localized-messages.directive";
|
|
41
|
-
import * as i14 from "./localization/timeselector-custom-messages.component";
|
|
42
|
-
import * as i15 from "./timeselector.component";
|
|
43
41
|
const VALUE_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/#toc-integration-with-json';
|
|
44
42
|
const INTL_DATE_FORMAT = 'https://github.com/telerik/kendo-intl/blob/master/docs/date-formatting/index.md';
|
|
45
43
|
const formatRegExp = new RegExp(`${TIME_PART.hour}|${TIME_PART.minute}|${TIME_PART.second}|${TIME_PART.millisecond}|${TIME_PART.dayperiod}|literal`);
|
|
@@ -48,7 +46,7 @@ const ACCEPT_BUTTON_SELECTOR = '.k-button.k-time-accept';
|
|
|
48
46
|
* Represents the [Kendo UI TimePicker component for Angular](slug:overview_timepicker).
|
|
49
47
|
*/
|
|
50
48
|
export class TimePickerComponent extends MultiTabStop {
|
|
51
|
-
constructor(bus, zone, localization, cdr, popupService, wrapper, renderer, injector, pickerService, intl
|
|
49
|
+
constructor(bus, zone, localization, cdr, popupService, wrapper, renderer, injector, pickerService, intl) {
|
|
52
50
|
super();
|
|
53
51
|
this.bus = bus;
|
|
54
52
|
this.zone = zone;
|
|
@@ -60,7 +58,6 @@ export class TimePickerComponent extends MultiTabStop {
|
|
|
60
58
|
this.injector = injector;
|
|
61
59
|
this.pickerService = pickerService;
|
|
62
60
|
this.intl = intl;
|
|
63
|
-
this.touchEnabled = touchEnabled;
|
|
64
61
|
/**
|
|
65
62
|
* @hidden
|
|
66
63
|
*/
|
|
@@ -119,15 +116,6 @@ export class TimePickerComponent extends MultiTabStop {
|
|
|
119
116
|
* Determines whether the built-in validation for incomplete dates is to be enforced when a form is being validated.
|
|
120
117
|
*/
|
|
121
118
|
this.incompleteDateValidation = false;
|
|
122
|
-
/**
|
|
123
|
-
* @hidden
|
|
124
|
-
*
|
|
125
|
-
* Determines whether to auto correct invalid segments automatically.
|
|
126
|
-
* TODO: To be fixed in common package before enabling: https://github.com/telerik/kendo-dateinputs-common/issues/24
|
|
127
|
-
*
|
|
128
|
-
* @default true
|
|
129
|
-
*/
|
|
130
|
-
this.autoCorrectParts = true;
|
|
131
119
|
/**
|
|
132
120
|
* Determines whether to automatically move to the next segment after the user completes the current one.
|
|
133
121
|
*
|
|
@@ -866,7 +854,7 @@ export class TimePickerComponent extends MultiTabStop {
|
|
|
866
854
|
}
|
|
867
855
|
}
|
|
868
856
|
focusInput() {
|
|
869
|
-
if (
|
|
857
|
+
if (touchEnabled) {
|
|
870
858
|
return;
|
|
871
859
|
}
|
|
872
860
|
this.dateInput.focus();
|
|
@@ -883,7 +871,7 @@ export class TimePickerComponent extends MultiTabStop {
|
|
|
883
871
|
this.timeSelector.focus();
|
|
884
872
|
}
|
|
885
873
|
}
|
|
886
|
-
else if (!
|
|
874
|
+
else if (!touchEnabled) {
|
|
887
875
|
this.dateInput.focus();
|
|
888
876
|
}
|
|
889
877
|
else if (!this.dateInput.isActive) {
|
|
@@ -975,8 +963,8 @@ export class TimePickerComponent extends MultiTabStop {
|
|
|
975
963
|
}
|
|
976
964
|
}
|
|
977
965
|
}
|
|
978
|
-
TimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePickerComponent, deps: [{ token: i1.BusViewService }, { token: i0.NgZone }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i3.PopupService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i4.PickerService }, { token: i5.IntlService }
|
|
979
|
-
TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimePickerComponent, selector: "kendo-timepicker", inputs: { focusableId: "focusableId", disabled: "disabled", readonly: "readonly", readOnlyInput: "readOnlyInput", clearButton: "clearButton", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", incompleteDateValidation: "incompleteDateValidation",
|
|
966
|
+
TimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePickerComponent, deps: [{ token: i1.BusViewService }, { token: i0.NgZone }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i3.PopupService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i4.PickerService }, { token: i5.IntlService }], target: i0.ɵɵFactoryTarget.Component });
|
|
967
|
+
TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimePickerComponent, isStandalone: true, selector: "kendo-timepicker", inputs: { focusableId: "focusableId", disabled: "disabled", readonly: "readonly", readOnlyInput: "readOnlyInput", clearButton: "clearButton", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", incompleteDateValidation: "incompleteDateValidation", autoSwitchParts: "autoSwitchParts", autoSwitchKeys: "autoSwitchKeys", enableMouseWheel: "enableMouseWheel", allowCaretMode: "allowCaretMode", cancelButton: "cancelButton", nowButton: "nowButton", steps: "steps", popupSettings: "popupSettings", tabindex: "tabindex", tabIndex: "tabIndex", title: "title", subtitle: "subtitle", rangeValidation: "rangeValidation", adaptiveMode: "adaptiveMode", value: "value", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur", open: "open", close: "close", escape: "escape" }, host: { properties: { "class.k-readonly": "this.readonly", "class.k-timepicker": "this.wrapperClasses", "class.k-input": "this.wrapperClasses", "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
980
968
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TimePickerComponent), multi: true },
|
|
981
969
|
{ provide: NG_VALIDATORS, useExisting: forwardRef(() => TimePickerComponent), multi: true },
|
|
982
970
|
{ provide: KendoInput, useExisting: forwardRef(() => TimePickerComponent) },
|
|
@@ -1047,7 +1035,6 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
1047
1035
|
[min]="normalizeTime(min)"
|
|
1048
1036
|
[max]="normalizeTime(max)"
|
|
1049
1037
|
[incompleteDateValidation]="incompleteDateValidation"
|
|
1050
|
-
[autoCorrectParts]="autoCorrectParts"
|
|
1051
1038
|
[autoSwitchParts]="autoSwitchParts"
|
|
1052
1039
|
[autoSwitchKeys]="autoSwitchKeys"
|
|
1053
1040
|
[enableMouseWheel]="enableMouseWheel"
|
|
@@ -1193,7 +1180,7 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
1193
1180
|
</kendo-timeselector-messages>
|
|
1194
1181
|
</kendo-timeselector>
|
|
1195
1182
|
</ng-template>
|
|
1196
|
-
`, isInline: true, dependencies: [{ kind: "directive", type:
|
|
1183
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1197
1184
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePickerComponent, decorators: [{
|
|
1198
1185
|
type: Component,
|
|
1199
1186
|
args: [{
|
|
@@ -1272,7 +1259,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1272
1259
|
[min]="normalizeTime(min)"
|
|
1273
1260
|
[max]="normalizeTime(max)"
|
|
1274
1261
|
[incompleteDateValidation]="incompleteDateValidation"
|
|
1275
|
-
[autoCorrectParts]="autoCorrectParts"
|
|
1276
1262
|
[autoSwitchParts]="autoSwitchParts"
|
|
1277
1263
|
[autoSwitchKeys]="autoSwitchKeys"
|
|
1278
1264
|
[enableMouseWheel]="enableMouseWheel"
|
|
@@ -1418,14 +1404,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1418
1404
|
</kendo-timeselector-messages>
|
|
1419
1405
|
</kendo-timeselector>
|
|
1420
1406
|
</ng-template>
|
|
1421
|
-
|
|
1407
|
+
`,
|
|
1408
|
+
standalone: true,
|
|
1409
|
+
imports: [TimePickerLocalizedMessagesDirective, DateInputComponent, DateInputCustomMessagesComponent, EventsOutsideAngularDirective, IconWrapperComponent, NgTemplateOutlet, NgIf, ResizeSensorComponent, ActionSheetComponent, ActionSheetTemplateDirective, ButtonComponent, TimeSelectorComponent, TimeSelectorCustomMessagesComponent]
|
|
1422
1410
|
}]
|
|
1423
|
-
}], ctorParameters: function () { return [{ type: i1.BusViewService }, { type: i0.NgZone }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i3.PopupService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: i4.PickerService }, { type: i5.IntlService },
|
|
1424
|
-
type: Optional
|
|
1425
|
-
}, {
|
|
1426
|
-
type: Inject,
|
|
1427
|
-
args: [TOUCH_ENABLED]
|
|
1428
|
-
}] }]; }, propDecorators: { container: [{
|
|
1411
|
+
}], ctorParameters: function () { return [{ type: i1.BusViewService }, { type: i0.NgZone }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i3.PopupService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: i4.PickerService }, { type: i5.IntlService }]; }, propDecorators: { container: [{
|
|
1429
1412
|
type: ViewChild,
|
|
1430
1413
|
args: ['container', { read: ViewContainerRef, static: false }]
|
|
1431
1414
|
}], popupTemplate: [{
|
|
@@ -1462,8 +1445,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1462
1445
|
type: Input
|
|
1463
1446
|
}], incompleteDateValidation: [{
|
|
1464
1447
|
type: Input
|
|
1465
|
-
}], autoCorrectParts: [{
|
|
1466
|
-
type: Input
|
|
1467
1448
|
}], autoSwitchParts: [{
|
|
1468
1449
|
type: Input
|
|
1469
1450
|
}], autoSwitchKeys: [{
|