@anglr/datetime 3.0.0-beta.20220315103241 → 3.0.0-beta.20220328062817

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.
Files changed (244) hide show
  1. package/changelog.md +86 -0
  2. package/date-fns/src/misc/tokens.d.ts.map +1 -1
  3. package/date-fns/src/services/dateFnsDateApi.service.d.ts.map +1 -1
  4. package/es2015/date-fns/src/misc/tokens.js +12 -1
  5. package/es2015/date-fns/src/misc/tokens.js.map +1 -1
  6. package/es2015/date-fns/src/services/dateFnsDateApi.service.js +99 -5
  7. package/es2015/date-fns/src/services/dateFnsDateApi.service.js.map +1 -1
  8. package/es2015/moment/src/misc/tokens.js +12 -1
  9. package/es2015/moment/src/misc/tokens.js.map +1 -1
  10. package/es2015/moment/src/services/momentDateApi.service.js +90 -0
  11. package/es2015/moment/src/services/momentDateApi.service.js.map +1 -1
  12. package/es2015/src/index.js +1 -0
  13. package/es2015/src/index.js.map +1 -1
  14. package/es2015/src/misc/datetime.interface.js.map +1 -1
  15. package/es2015/src/misc/tokens.js +12 -1
  16. package/es2015/src/misc/tokens.js.map +1 -1
  17. package/es2015/src/modules/datePipes.module.js +2 -7
  18. package/es2015/src/modules/datePipes.module.js.map +1 -1
  19. package/es2015/src/picker/components/clockTimePicker/clockTimePicker.component.js +14 -0
  20. package/es2015/src/picker/components/clockTimePicker/clockTimePicker.component.js.map +1 -0
  21. package/es2015/src/picker/components/clockTimePicker/clockTimePicker.interface.js +2 -0
  22. package/es2015/src/picker/components/clockTimePicker/clockTimePicker.interface.js.map +1 -0
  23. package/es2015/src/picker/components/dayPicker/dayPicker.component.js +49 -13
  24. package/es2015/src/picker/components/dayPicker/dayPicker.component.js.map +1 -1
  25. package/es2015/src/picker/components/monthPicker/monthPicker.component.js +5 -4
  26. package/es2015/src/picker/components/monthPicker/monthPicker.component.js.map +1 -1
  27. package/es2015/src/picker/components/picker/picker.component.js +3 -2
  28. package/es2015/src/picker/components/picker/picker.component.js.map +1 -1
  29. package/es2015/src/picker/components/pickerBase.component.js +15 -120
  30. package/es2015/src/picker/components/pickerBase.component.js.map +1 -1
  31. package/es2015/src/picker/components/pickerImplBase.component.js +145 -0
  32. package/es2015/src/picker/components/pickerImplBase.component.js.map +1 -0
  33. package/es2015/src/picker/components/rollerTimePicker/rollerTimePicker.component.js +144 -0
  34. package/es2015/src/picker/components/rollerTimePicker/rollerTimePicker.component.js.map +1 -0
  35. package/es2015/src/picker/components/rollerTimePicker/rollerTimePicker.data.js +341 -0
  36. package/es2015/src/picker/components/rollerTimePicker/rollerTimePicker.data.js.map +1 -0
  37. package/es2015/src/picker/components/rollerTimePicker/rollerTimePicker.interface.js +2 -0
  38. package/es2015/src/picker/components/rollerTimePicker/rollerTimePicker.interface.js.map +1 -0
  39. package/es2015/src/picker/components/yearPicker/yearPicker.component.js +5 -4
  40. package/es2015/src/picker/components/yearPicker/yearPicker.component.js.map +1 -1
  41. package/es2015/src/picker/directives/index.js +4 -0
  42. package/es2015/src/picker/directives/index.js.map +1 -0
  43. package/es2015/src/picker/directives/loopScroll/loopScroll.directive.js +200 -0
  44. package/es2015/src/picker/directives/loopScroll/loopScroll.directive.js.map +1 -0
  45. package/es2015/src/picker/directives/loopScroll/loopScroll.interface.js +3 -0
  46. package/es2015/src/picker/directives/loopScroll/loopScroll.interface.js.map +1 -0
  47. package/es2015/src/picker/directives/loopScrollData/loopScrollData.directive.js +23 -0
  48. package/es2015/src/picker/directives/loopScrollData/loopScrollData.directive.js.map +1 -0
  49. package/es2015/src/picker/interfaces.js +1 -0
  50. package/es2015/src/picker/interfaces.js.map +1 -1
  51. package/es2015/src/picker/misc/datetimePicker.interface.js.map +1 -1
  52. package/es2015/src/picker/modules/picker.module.js +21 -4
  53. package/es2015/src/picker/modules/picker.module.js.map +1 -1
  54. package/es2015/src/picker/types.js +2 -0
  55. package/es2015/src/picker/types.js.map +1 -1
  56. package/es2015/src/selector/components/inputDateTime/inputDateTime.component.js +16 -2
  57. package/es2015/src/selector/components/inputDateTime/inputDateTime.component.js.map +1 -1
  58. package/es2015/src/selector/components/selector/selector.component.js +25 -12
  59. package/es2015/src/selector/components/selector/selector.component.js.map +1 -1
  60. package/es2015/src/selector/components/simpleInputDateTime/simpleInputDateTime.component.js +6 -2
  61. package/es2015/src/selector/components/simpleInputDateTime/simpleInputDateTime.component.js.map +1 -1
  62. package/es2015/src/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.js +134 -0
  63. package/es2015/src/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.js.map +1 -0
  64. package/es2015/src/selector/directives/selectorControlValueAccessor/selectorControlValueAccessor.directive.js.map +1 -1
  65. package/es2015/src/selector/misc/datetimeSelector.interface.js.map +1 -1
  66. package/es2015/src/selector/misc/tokens.js.map +1 -1
  67. package/es2015/src/selector/modules/selector.module.js +9 -4
  68. package/es2015/src/selector/modules/selector.module.js.map +1 -1
  69. package/es2015/src/selector/types.js +1 -0
  70. package/es2015/src/selector/types.js.map +1 -1
  71. package/es2015/src/services/dateApi.interface.js.map +1 -1
  72. package/es2015/src/services/datePositionParser.service.js +14 -0
  73. package/es2015/src/services/datePositionParser.service.js.map +1 -1
  74. package/es2015/src/services/dateTimeRelativeParser.service.js +15 -1
  75. package/es2015/src/services/dateTimeRelativeParser.service.js.map +1 -1
  76. package/es2015/src/services/dateValueProvider.service.js +10 -5
  77. package/es2015/src/services/dateValueProvider.service.js.map +1 -1
  78. package/es2015/src/services/formatProvider.interface.js.map +1 -1
  79. package/es2020/date-fns/src/misc/tokens.js +12 -1
  80. package/es2020/date-fns/src/misc/tokens.js.map +1 -1
  81. package/es2020/date-fns/src/services/dateFnsDateApi.service.js +99 -5
  82. package/es2020/date-fns/src/services/dateFnsDateApi.service.js.map +1 -1
  83. package/es2020/moment/src/misc/tokens.js +12 -1
  84. package/es2020/moment/src/misc/tokens.js.map +1 -1
  85. package/es2020/moment/src/services/momentDateApi.service.js +90 -0
  86. package/es2020/moment/src/services/momentDateApi.service.js.map +1 -1
  87. package/es2020/src/index.js +1 -0
  88. package/es2020/src/index.js.map +1 -1
  89. package/es2020/src/misc/datetime.interface.js.map +1 -1
  90. package/es2020/src/misc/tokens.js +12 -1
  91. package/es2020/src/misc/tokens.js.map +1 -1
  92. package/es2020/src/modules/datePipes.module.js +2 -7
  93. package/es2020/src/modules/datePipes.module.js.map +1 -1
  94. package/es2020/src/picker/components/clockTimePicker/clockTimePicker.component.js +14 -0
  95. package/es2020/src/picker/components/clockTimePicker/clockTimePicker.component.js.map +1 -0
  96. package/es2020/src/picker/components/clockTimePicker/clockTimePicker.interface.js +2 -0
  97. package/es2020/src/picker/components/clockTimePicker/clockTimePicker.interface.js.map +1 -0
  98. package/es2020/src/picker/components/dayPicker/dayPicker.component.js +49 -13
  99. package/es2020/src/picker/components/dayPicker/dayPicker.component.js.map +1 -1
  100. package/es2020/src/picker/components/monthPicker/monthPicker.component.js +5 -4
  101. package/es2020/src/picker/components/monthPicker/monthPicker.component.js.map +1 -1
  102. package/es2020/src/picker/components/picker/picker.component.js +3 -2
  103. package/es2020/src/picker/components/picker/picker.component.js.map +1 -1
  104. package/es2020/src/picker/components/pickerBase.component.js +15 -120
  105. package/es2020/src/picker/components/pickerBase.component.js.map +1 -1
  106. package/es2020/src/picker/components/pickerImplBase.component.js +145 -0
  107. package/es2020/src/picker/components/pickerImplBase.component.js.map +1 -0
  108. package/es2020/src/picker/components/rollerTimePicker/rollerTimePicker.component.js +138 -0
  109. package/es2020/src/picker/components/rollerTimePicker/rollerTimePicker.component.js.map +1 -0
  110. package/es2020/src/picker/components/rollerTimePicker/rollerTimePicker.data.js +341 -0
  111. package/es2020/src/picker/components/rollerTimePicker/rollerTimePicker.data.js.map +1 -0
  112. package/es2020/src/picker/components/rollerTimePicker/rollerTimePicker.interface.js +2 -0
  113. package/es2020/src/picker/components/rollerTimePicker/rollerTimePicker.interface.js.map +1 -0
  114. package/es2020/src/picker/components/yearPicker/yearPicker.component.js +5 -4
  115. package/es2020/src/picker/components/yearPicker/yearPicker.component.js.map +1 -1
  116. package/es2020/src/picker/directives/index.js +4 -0
  117. package/es2020/src/picker/directives/index.js.map +1 -0
  118. package/es2020/src/picker/directives/loopScroll/loopScroll.directive.js +191 -0
  119. package/es2020/src/picker/directives/loopScroll/loopScroll.directive.js.map +1 -0
  120. package/es2020/src/picker/directives/loopScroll/loopScroll.interface.js +3 -0
  121. package/es2020/src/picker/directives/loopScroll/loopScroll.interface.js.map +1 -0
  122. package/es2020/src/picker/directives/loopScrollData/loopScrollData.directive.js +23 -0
  123. package/es2020/src/picker/directives/loopScrollData/loopScrollData.directive.js.map +1 -0
  124. package/es2020/src/picker/interfaces.js +1 -0
  125. package/es2020/src/picker/interfaces.js.map +1 -1
  126. package/es2020/src/picker/misc/datetimePicker.interface.js.map +1 -1
  127. package/es2020/src/picker/modules/picker.module.js +21 -4
  128. package/es2020/src/picker/modules/picker.module.js.map +1 -1
  129. package/es2020/src/picker/types.js +2 -0
  130. package/es2020/src/picker/types.js.map +1 -1
  131. package/es2020/src/selector/components/inputDateTime/inputDateTime.component.js +16 -2
  132. package/es2020/src/selector/components/inputDateTime/inputDateTime.component.js.map +1 -1
  133. package/es2020/src/selector/components/selector/selector.component.js +22 -11
  134. package/es2020/src/selector/components/selector/selector.component.js.map +1 -1
  135. package/es2020/src/selector/components/simpleInputDateTime/simpleInputDateTime.component.js +6 -2
  136. package/es2020/src/selector/components/simpleInputDateTime/simpleInputDateTime.component.js.map +1 -1
  137. package/es2020/src/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.js +133 -0
  138. package/es2020/src/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.js.map +1 -0
  139. package/es2020/src/selector/directives/selectorControlValueAccessor/selectorControlValueAccessor.directive.js.map +1 -1
  140. package/es2020/src/selector/misc/datetimeSelector.interface.js.map +1 -1
  141. package/es2020/src/selector/misc/tokens.js.map +1 -1
  142. package/es2020/src/selector/modules/selector.module.js +9 -4
  143. package/es2020/src/selector/modules/selector.module.js.map +1 -1
  144. package/es2020/src/selector/types.js +1 -0
  145. package/es2020/src/selector/types.js.map +1 -1
  146. package/es2020/src/services/dateApi.interface.js.map +1 -1
  147. package/es2020/src/services/datePositionParser.service.js +14 -0
  148. package/es2020/src/services/datePositionParser.service.js.map +1 -1
  149. package/es2020/src/services/dateTimeRelativeParser.service.js +15 -1
  150. package/es2020/src/services/dateTimeRelativeParser.service.js.map +1 -1
  151. package/es2020/src/services/dateValueProvider.service.js +10 -5
  152. package/es2020/src/services/dateValueProvider.service.js.map +1 -1
  153. package/es2020/src/services/formatProvider.interface.js.map +1 -1
  154. package/moment/src/misc/tokens.d.ts.map +1 -1
  155. package/moment/src/services/momentDateApi.service.d.ts.map +1 -1
  156. package/package.json +4 -3
  157. package/src/dark.scss +31 -28
  158. package/src/index.d.ts +1 -0
  159. package/src/index.d.ts.map +1 -1
  160. package/src/misc/datetime.interface.d.ts +1 -1
  161. package/src/misc/datetime.interface.d.ts.map +1 -1
  162. package/src/misc/tokens.d.ts.map +1 -1
  163. package/src/modules/datePipes.module.d.ts +3 -4
  164. package/src/modules/datePipes.module.d.ts.map +1 -1
  165. package/src/picker/components/clockTimePicker/clockTimePicker.component.css +0 -0
  166. package/src/picker/components/clockTimePicker/clockTimePicker.component.d.ts +9 -0
  167. package/src/picker/components/clockTimePicker/clockTimePicker.component.d.ts.map +1 -0
  168. package/src/picker/components/clockTimePicker/clockTimePicker.component.html +0 -0
  169. package/src/picker/components/clockTimePicker/clockTimePicker.interface.d.ts +6 -0
  170. package/src/picker/components/clockTimePicker/clockTimePicker.interface.d.ts.map +1 -0
  171. package/src/picker/components/dayPicker/dayPicker.component.d.ts +6 -0
  172. package/src/picker/components/dayPicker/dayPicker.component.d.ts.map +1 -1
  173. package/src/picker/components/dayPicker/dayPicker.component.html +11 -7
  174. package/src/picker/components/monthPicker/monthPicker.component.d.ts.map +1 -1
  175. package/src/picker/components/monthPicker/monthPicker.component.html +6 -6
  176. package/src/picker/components/picker/picker.component.css +4 -0
  177. package/src/picker/components/picker/picker.component.d.ts +3 -3
  178. package/src/picker/components/picker/picker.component.d.ts.map +1 -1
  179. package/src/picker/components/pickerBase.component.d.ts +7 -97
  180. package/src/picker/components/pickerBase.component.d.ts.map +1 -1
  181. package/src/picker/components/pickerImplBase.component.d.ts +128 -0
  182. package/src/picker/components/pickerImplBase.component.d.ts.map +1 -0
  183. package/src/picker/components/rollerTimePicker/rollerTimePicker.component.css +40 -0
  184. package/src/picker/components/rollerTimePicker/rollerTimePicker.component.d.ts +71 -0
  185. package/src/picker/components/rollerTimePicker/rollerTimePicker.component.d.ts.map +1 -0
  186. package/src/picker/components/rollerTimePicker/rollerTimePicker.component.html +41 -0
  187. package/src/picker/components/rollerTimePicker/rollerTimePicker.data.d.ts +4 -0
  188. package/src/picker/components/rollerTimePicker/rollerTimePicker.data.d.ts.map +1 -0
  189. package/src/picker/components/rollerTimePicker/rollerTimePicker.interface.d.ts +6 -0
  190. package/src/picker/components/rollerTimePicker/rollerTimePicker.interface.d.ts.map +1 -0
  191. package/src/picker/components/yearPicker/yearPicker.component.d.ts.map +1 -1
  192. package/src/picker/components/yearPicker/yearPicker.component.html +6 -6
  193. package/src/picker/directives/index.d.ts +4 -0
  194. package/src/picker/directives/index.d.ts.map +1 -0
  195. package/src/picker/directives/loopScroll/loopScroll.directive.d.ts +73 -0
  196. package/src/picker/directives/loopScroll/loopScroll.directive.d.ts.map +1 -0
  197. package/src/picker/directives/loopScroll/loopScroll.interface.d.ts +14 -0
  198. package/src/picker/directives/loopScroll/loopScroll.interface.d.ts.map +1 -0
  199. package/src/picker/directives/loopScrollData/loopScrollData.directive.d.ts +16 -0
  200. package/src/picker/directives/loopScrollData/loopScrollData.directive.d.ts.map +1 -0
  201. package/src/picker/interfaces.d.ts +1 -0
  202. package/src/picker/interfaces.d.ts.map +1 -1
  203. package/src/picker/misc/datetimePicker.interface.d.ts +14 -10
  204. package/src/picker/misc/datetimePicker.interface.d.ts.map +1 -1
  205. package/src/picker/modules/picker.module.d.ts +10 -7
  206. package/src/picker/modules/picker.module.d.ts.map +1 -1
  207. package/src/picker/types.d.ts +2 -0
  208. package/src/picker/types.d.ts.map +1 -1
  209. package/src/selector/components/inputDateTime/inputDateTime.component.d.ts +2 -2
  210. package/src/selector/components/inputDateTime/inputDateTime.component.d.ts.map +1 -1
  211. package/src/selector/components/inputDateTime/inputDateTime.component.html +1 -1
  212. package/src/selector/components/selector/selector.component.d.ts +7 -6
  213. package/src/selector/components/selector/selector.component.d.ts.map +1 -1
  214. package/src/selector/components/selector/selector.component.html +6 -5
  215. package/src/selector/components/simpleInputDateTime/simpleInputDateTime.component.d.ts +1 -1
  216. package/src/selector/components/simpleInputDateTime/simpleInputDateTime.component.d.ts.map +1 -1
  217. package/src/selector/components/simpleInputDateTime/simpleInputDateTime.component.html +1 -1
  218. package/src/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.d.ts +80 -0
  219. package/src/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.d.ts.map +1 -0
  220. package/src/selector/directives/selectorControlValueAccessor/selectorControlValueAccessor.directive.d.ts.map +1 -1
  221. package/src/selector/misc/datetimeSelector.interface.d.ts +16 -3
  222. package/src/selector/misc/datetimeSelector.interface.d.ts.map +1 -1
  223. package/src/selector/misc/tokens.d.ts +1 -1
  224. package/src/selector/misc/tokens.d.ts.map +1 -1
  225. package/src/selector/modules/selector.module.d.ts +5 -4
  226. package/src/selector/modules/selector.module.d.ts.map +1 -1
  227. package/src/selector/types.d.ts +1 -0
  228. package/src/selector/types.d.ts.map +1 -1
  229. package/src/services/dateApi.interface.d.ts +72 -0
  230. package/src/services/dateApi.interface.d.ts.map +1 -1
  231. package/src/services/datePositionParser.service.d.ts +3 -3
  232. package/src/services/datePositionParser.service.d.ts.map +1 -1
  233. package/src/services/dateTimeRelativeParser.service.d.ts +8 -0
  234. package/src/services/dateTimeRelativeParser.service.d.ts.map +1 -1
  235. package/src/services/dateValueProvider.service.d.ts.map +1 -1
  236. package/src/services/formatProvider.interface.d.ts +48 -4
  237. package/src/services/formatProvider.interface.d.ts.map +1 -1
  238. package/version.bak +1 -1
  239. package/es2015/src/pipes/asRequiredType.js +0 -22
  240. package/es2015/src/pipes/asRequiredType.js.map +0 -1
  241. package/es2020/src/pipes/asRequiredType.js +0 -22
  242. package/es2020/src/pipes/asRequiredType.js.map +0 -1
  243. package/src/pipes/asRequiredType.d.ts +0 -21
  244. package/src/pipes/asRequiredType.d.ts.map +0 -1
@@ -1,87 +1,27 @@
1
1
  import { ChangeDetectorRef } from '@angular/core';
2
- import { Observable, Subject } from 'rxjs';
3
2
  import { DateTimeValue } from '../../misc/datetime.interface';
4
3
  import { DateApi, DateApiObject } from '../../services/dateApi.interface';
5
4
  import { DateTimePicker, PeriodData } from '../misc/datetimePicker.interface';
5
+ import { PickerImplBaseComponent } from './pickerImplBase.component';
6
6
  import * as i0 from "@angular/core";
7
7
  /**
8
8
  * Base class used as base for picker
9
9
  */
10
- export declare abstract class PickerBaseComponent<TDate = any, TDateData extends PeriodData<TDate> = any, TCssClasses = object> implements DateTimePicker<TDate, TCssClasses> {
11
- protected _dateApi: DateApi<TDate>;
12
- protected _changeDetector: ChangeDetectorRef;
10
+ export declare abstract class PickerBaseComponent<TDate = any, TDateData extends PeriodData<TDate> = any, TCssClasses = object> extends PickerImplBaseComponent<TDate, TCssClasses> implements DateTimePicker<TDate, TCssClasses> {
13
11
  /**
14
- * Current value of datetime
12
+ * Value of originaly set hour
15
13
  */
16
- protected _value: DateTimeValue<TDate> | null;
14
+ protected _originalHour: number;
17
15
  /**
18
- * Occurs when value changes
16
+ * Value of originaly set minute
19
17
  */
20
- protected _valueChange: Subject<void>;
21
- /**
22
- * Occurs when user scales up
23
- */
24
- protected _scaleUp: Subject<TDate>;
25
- /**
26
- * Occurs when user scales down
27
- */
28
- protected _scaleDown: Subject<TDate>;
29
- /**
30
- * Minimal possible value that can be picked
31
- */
32
- protected _minValue: TDate | null;
33
- /**
34
- * Maximal possible value that can be picked
35
- */
36
- protected _maxValue: TDate | null;
37
- /**
38
- * Gets current value of datetime
39
- */
40
- get value(): DateTimeValue<TDate> | null;
41
- /**
42
- * Occurs when value changes
43
- */
44
- get valueChange(): Observable<void>;
45
- /**
46
- * Occurs when user scales up
47
- */
48
- get scaleUp(): Observable<TDate>;
49
- /**
50
- * Occurs when user scales down
51
- */
52
- get scaleDown(): Observable<TDate>;
53
- /**
54
- * Date api instance for displayed date
55
- * @internal
56
- */
57
- displayDate: DateApiObject<TDate> | null;
58
- /**
59
- * Indication whether can go up in period
60
- * @internal
61
- */
62
- canGoUp: boolean;
63
- /**
64
- * Indication whether can go down in period
65
- * @internal
66
- */
67
- canGoDown: boolean;
18
+ protected _originalMinute: number;
68
19
  /**
69
20
  * Array of period data to be displayed
70
21
  * @internal
71
22
  */
72
23
  periodData: TDateData[];
73
- /**
74
- * Css classes that are used within picker
75
- * @internal
76
- */
77
- cssClasses: TCssClasses;
78
- constructor(_dateApi: DateApi<TDate>, _changeDetector: ChangeDetectorRef);
79
- /**
80
- * Changes displayed period to "higher" period
81
- * @param event - Event that occured
82
- * @internal
83
- */
84
- goUp(event: Event): void;
24
+ constructor(dateApi: DateApi<TDate>, changeDetector: ChangeDetectorRef);
85
25
  /**
86
26
  * Selects period
87
27
  * @param event - Event that occured
@@ -89,11 +29,6 @@ export declare abstract class PickerBaseComponent<TDate = any, TDateData extends
89
29
  * @internal
90
30
  */
91
31
  select(event: Event, period: PeriodData<TDate>): void;
92
- /**
93
- * Sets css classes for picker, allowing to override defaults
94
- * @param cssClasses - Css classes to be set for picker
95
- */
96
- setCssClasses(cssClasses: TCssClasses): void;
97
32
  /**
98
33
  * Sets minimal possible value for picker, that can be picked
99
34
  * @param value - Minimal possible value that can be picked
@@ -109,31 +44,6 @@ export declare abstract class PickerBaseComponent<TDate = any, TDateData extends
109
44
  * @param value - Value to be set to this picker
110
45
  */
111
46
  setValue(value: DateTimeValue<TDate> | null): void;
112
- /**
113
- * Set displays date to be displayed
114
- * @param value - Value that identifies period that is going to be displayed
115
- */
116
- abstract display(value: DateApiObject<TDate>): void;
117
- /**
118
- * Sets indication whether can go down
119
- * @param value - Indication whether can go down in period
120
- */
121
- setCanGoDown(value: boolean): void;
122
- /**
123
- * Sets indication whether can go up
124
- * @param value - Indication whether can go up in period
125
- */
126
- setCanGoUp(value: boolean): void;
127
- /**
128
- * Explicitly runs invalidation of content (change detection)
129
- */
130
- invalidateVisuals(): void;
131
- /**
132
- * Handles click anyway in picker, that blocks blur
133
- * @param event - Event that occured
134
- * @internal
135
- */
136
- handleClick(event: Event): void;
137
47
  /**
138
48
  * Sets period as active
139
49
  * @param period - Period to be set as active
@@ -1 +1 @@
1
- {"version":3,"file":"pickerBase.component.d.ts","sourceRoot":"","sources":["pickerBase.component.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"pickerBase.component.d.ts","sourceRoot":"","sources":["pickerBase.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAoB,MAAM,eAAe,CAAC;AAEnE,OAAO,EAAC,aAAa,EAAC,MAAM,+BAA+B,CAAC;AAE5D,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAC,cAAc,EAAE,UAAU,EAAC,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAC,uBAAuB,EAAC,MAAM,4BAA4B,CAAC;;AAEnE;;GAEG;AACH,8BACsB,mBAAmB,CAAC,KAAK,GAAG,GAAG,EAAE,SAAS,SAAS,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,WAAW,GAAG,MAAM,CAAE,SAAQ,uBAAuB,CAAC,KAAK,EAAE,WAAW,CAAE,YAAW,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC;IAIrN;;OAEG;IACH,SAAS,CAAC,aAAa,EAAE,MAAM,CAAK;IAEpC;;OAEG;IACH,SAAS,CAAC,eAAe,EAAE,MAAM,CAAK;IAItC;;;OAGG;IACI,UAAU,EAAE,SAAS,EAAE,CAAM;gBAGN,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,cAAc,EAAE,iBAAiB;IAO7C;;;;;OAKG;IACI,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,IAAI;IA8B5D;;;OAGG;IACI,WAAW,CAAC,KAAK,EAAE,KAAK,GAAC,IAAI,GAAG,IAAI;IAM3C;;;OAGG;IACI,WAAW,CAAC,KAAK,EAAE,KAAK,GAAC,IAAI,GAAG,IAAI;IAM3C;;;OAGG;IACI,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAC,IAAI,GAAG,IAAI;IAmCvD;;;OAGG;IACH,SAAS,CAAC,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,IAAI;IAOrD;;OAEG;IACH,SAAS,CAAC,aAAa,IAAI,IAAI;IAkC/B;;;OAGG;IACH,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK;IAEjE;;;OAGG;IACH,SAAS,CAAC,QAAQ,CAAC,wBAAwB,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,OAAO;IAE/E;;;;OAIG;IACH,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;IAEnF;;;OAGG;IACH,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC;yCArM7D,mBAAmB;2CAAnB,mBAAmB;CAsMxC"}
@@ -0,0 +1,128 @@
1
+ import { ChangeDetectorRef } from '@angular/core';
2
+ import { Observable, Subject } from 'rxjs';
3
+ import { DateTimeValue } from '../../misc/datetime.interface';
4
+ import { DateApi, DateApiObject } from '../../services/dateApi.interface';
5
+ import { DateTimePicker } from '../misc/datetimePicker.interface';
6
+ import * as i0 from "@angular/core";
7
+ /**
8
+ * Base class used as base for picker as base implementation of DateTimePicker interface
9
+ */
10
+ export declare abstract class PickerImplBaseComponent<TDate = any, TCssClasses = any> implements DateTimePicker<TDate, TCssClasses> {
11
+ protected _dateApi: DateApi<TDate>;
12
+ protected _changeDetector: ChangeDetectorRef;
13
+ /**
14
+ * Current value of datetime
15
+ */
16
+ protected _value: DateTimeValue<TDate> | null;
17
+ /**
18
+ * Occurs when value changes
19
+ */
20
+ protected _valueChange: Subject<void>;
21
+ /**
22
+ * Occurs when user scales up
23
+ */
24
+ protected _scaleUp: Subject<TDate>;
25
+ /**
26
+ * Occurs when user scales down
27
+ */
28
+ protected _scaleDown: Subject<TDate>;
29
+ /**
30
+ * Minimal possible value that can be picked
31
+ */
32
+ protected _minValue: TDate | null;
33
+ /**
34
+ * Maximal possible value that can be picked
35
+ */
36
+ protected _maxValue: TDate | null;
37
+ /**
38
+ * Gets current value of datetime
39
+ */
40
+ get value(): DateTimeValue<TDate> | null;
41
+ /**
42
+ * Occurs when value changes
43
+ */
44
+ get valueChange(): Observable<void>;
45
+ /**
46
+ * Occurs when user scales up
47
+ */
48
+ get scaleUp(): Observable<TDate>;
49
+ /**
50
+ * Occurs when user scales down
51
+ */
52
+ get scaleDown(): Observable<TDate>;
53
+ /**
54
+ * Date api instance for displayed date
55
+ * @internal
56
+ */
57
+ displayDate: DateApiObject<TDate> | null;
58
+ /**
59
+ * Indication whether can go up in period
60
+ * @internal
61
+ */
62
+ canGoUp: boolean;
63
+ /**
64
+ * Indication whether can go down in period
65
+ * @internal
66
+ */
67
+ canGoDown: boolean;
68
+ /**
69
+ * Css classes that are used within picker
70
+ * @internal
71
+ */
72
+ cssClasses: TCssClasses;
73
+ constructor(_dateApi: DateApi<TDate>, _changeDetector: ChangeDetectorRef);
74
+ /**
75
+ * Changes displayed period to "higher" period
76
+ * @param event - Event that occured
77
+ * @internal
78
+ */
79
+ goUp(event: Event): void;
80
+ /**
81
+ * Sets css classes for picker, allowing to override defaults
82
+ * @param cssClasses - Css classes to be set for picker
83
+ */
84
+ setCssClasses(cssClasses: TCssClasses): void;
85
+ /**
86
+ * Sets minimal possible value for picker, that can be picked
87
+ * @param value - Minimal possible value that can be picked
88
+ */
89
+ abstract setMinValue(value: TDate | null): void;
90
+ /**
91
+ * Sets maximal possible value for picker, that can be picked
92
+ * @param value - Maximal possible value that can be picked
93
+ */
94
+ abstract setMaxValue(value: TDate | null): void;
95
+ /**
96
+ * Sets value of datetime picker
97
+ * @param value - Value to be set to this picker
98
+ */
99
+ abstract setValue(value: DateTimeValue<TDate> | null): void;
100
+ /**
101
+ * Set displays date to be displayed
102
+ * @param value - Value that identifies period that is going to be displayed
103
+ */
104
+ abstract display(value: DateApiObject<TDate>): void;
105
+ /**
106
+ * Sets indication whether can go down
107
+ * @param value - Indication whether can go down in period
108
+ */
109
+ setCanGoDown(value: boolean): void;
110
+ /**
111
+ * Sets indication whether can go up
112
+ * @param value - Indication whether can go up in period
113
+ */
114
+ setCanGoUp(value: boolean): void;
115
+ /**
116
+ * Explicitly runs invalidation of content (change detection)
117
+ */
118
+ invalidateVisuals(): void;
119
+ /**
120
+ * Handles click anyway in picker, that blocks blur
121
+ * @param event - Event that occured
122
+ * @internal
123
+ */
124
+ handleClick(event: Event): void;
125
+ static ɵfac: i0.ɵɵFactoryDeclaration<PickerImplBaseComponent<any, any>, never>;
126
+ static ɵdir: i0.ɵɵDirectiveDeclaration<PickerImplBaseComponent<any, any>, never, never, {}, {}, never>;
127
+ }
128
+ //# sourceMappingURL=pickerImplBase.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pickerImplBase.component.d.ts","sourceRoot":"","sources":["pickerImplBase.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAkC,MAAM,eAAe,CAAC;AAEjF,OAAO,EAAC,UAAU,EAAE,OAAO,EAAC,MAAM,MAAM,CAAC;AAEzC,OAAO,EAAC,aAAa,EAAC,MAAM,+BAA+B,CAAC;AAE5D,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;;AAEhE;;GAEG;AACH,8BACsB,uBAAuB,CAAC,KAAK,GAAG,GAAG,EAAE,WAAW,GAAG,GAAG,CAAE,YAAW,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC;IA+FzF,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC;IACpD,SAAS,CAAC,eAAe,EAAE,iBAAiB;IA5FxD;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,GAAC,IAAI,CAAQ;IAEnD;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,IAAI,CAAC,CAAuB;IAE5D;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,CAAwB;IAE1D;;OAEG;IACH,SAAS,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,CAAwB;IAE5D;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,KAAK,GAAC,IAAI,CAAQ;IAEvC;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,KAAK,GAAC,IAAI,CAAQ;IAIvC;;OAEG;IACH,IAAW,KAAK,IAAI,aAAa,CAAC,KAAK,CAAC,GAAC,IAAI,CAG5C;IAED;;OAEG;IACH,IAAW,WAAW,IAAI,UAAU,CAAC,IAAI,CAAC,CAGzC;IAED;;OAEG;IACH,IAAW,OAAO,IAAI,UAAU,CAAC,KAAK,CAAC,CAGtC;IAED;;OAEG;IACH,IAAW,SAAS,IAAI,UAAU,CAAC,KAAK,CAAC,CAGxC;IAID;;;OAGG;IACI,WAAW,EAAE,aAAa,CAAC,KAAK,CAAC,GAAC,IAAI,CAAQ;IAErD;;;OAGG;IACI,OAAO,EAAE,OAAO,CAAS;IAEhC;;;OAGG;IACI,SAAS,EAAE,OAAO,CAAS;IAElC;;;OAGG;IACI,UAAU,EAAG,WAAW,CAAC;gBAGQ,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,EAC1C,eAAe,EAAE,iBAAiB;IAMxD;;;;OAIG;IACI,IAAI,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAiB/B;;;OAGG;IACI,aAAa,CAAC,UAAU,EAAE,WAAW,GAAG,IAAI;IAKnD;;;OAGG;aACa,WAAW,CAAC,KAAK,EAAE,KAAK,GAAC,IAAI,GAAG,IAAI;IAEpD;;;OAGG;aACa,WAAW,CAAC,KAAK,EAAE,KAAK,GAAC,IAAI,GAAG,IAAI;IAEpD;;;OAGG;aACa,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAC,IAAI,GAAG,IAAI;IAEhE;;;OAGG;aACa,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IAE1D;;;OAGG;IACI,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAKzC;;;OAGG;IACI,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAKvC;;OAEG;IACI,iBAAiB,IAAI,IAAI;IAOhC;;;;OAIG;IAEI,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCA/LpB,uBAAuB;2CAAvB,uBAAuB;CAmM5C"}
@@ -0,0 +1,40 @@
1
+ .time-area
2
+ {
3
+ display: flex;
4
+ flex-direction: row;
5
+ padding: 48px 64px;
6
+ font-size: 32px;
7
+ }
8
+
9
+ .value-container
10
+ {
11
+ position: relative;
12
+ height: 1em;
13
+ width: 2ch;
14
+ }
15
+
16
+ .roller-scroll
17
+ {
18
+ position: absolute;
19
+ line-height: 1em;
20
+ max-height: 1em;
21
+ overflow: scroll;
22
+ scrollbar-width: none;
23
+ top: 0;
24
+ background-color: #666666;
25
+ transition: all 250ms;
26
+ border-radius: 4px;
27
+ }
28
+
29
+ .roller-scroll.open
30
+ {
31
+ max-height: 5em;
32
+ top: -2em;
33
+ }
34
+
35
+ .minute-second-separator
36
+ {
37
+ margin-left: 12px;
38
+ margin-right: 12px;
39
+ line-height: 1em;
40
+ }
@@ -0,0 +1,71 @@
1
+ import { DateTimeValue } from '../../../misc/datetime.interface';
2
+ import { DateApiObject } from '../../../services';
3
+ import { LoopScrollData } from '../../directives';
4
+ import { DateTimePicker } from '../../interfaces';
5
+ import { PickerImplBaseComponent } from '../pickerImplBase.component';
6
+ import { RollerTimePickerCssClasses } from './rollerTimePicker.interface';
7
+ import * as i0 from "@angular/core";
8
+ /**
9
+ * Component used for rendering roller time picker
10
+ */
11
+ export declare class DateTimeRollerTimePickerComponent<TDate = any> extends PickerImplBaseComponent<TDate, RollerTimePickerCssClasses> implements DateTimePicker<TDate, RollerTimePickerCssClasses> {
12
+ /**
13
+ * Array of available hours
14
+ */
15
+ hours: LoopScrollData[];
16
+ /**
17
+ * Array of available minutes
18
+ */
19
+ minutes: LoopScrollData[];
20
+ /**
21
+ * Indication whether are minutes open
22
+ */
23
+ minutesOpen: boolean;
24
+ /**
25
+ * Indication whether are hours open
26
+ */
27
+ hoursOpen: boolean;
28
+ /**
29
+ * Current value of hour
30
+ */
31
+ get hour(): number;
32
+ set hour(value: number);
33
+ /**
34
+ * Current value of minute
35
+ */
36
+ get minute(): number;
37
+ set minute(value: number);
38
+ /**
39
+ * @inheritdoc
40
+ */
41
+ display(value: DateApiObject<TDate>): void;
42
+ /**
43
+ * @inheritdoc
44
+ */
45
+ setMinValue(_value: TDate | null): void;
46
+ /**
47
+ * @inheritdoc
48
+ */
49
+ setMaxValue(_value: TDate | null): void;
50
+ /**
51
+ * @inheritdoc
52
+ */
53
+ setValue(_value: DateTimeValue<TDate> | null): void;
54
+ /**
55
+ * Sets hour
56
+ * @param event - Mouse event that was triggered
57
+ * @param value - Value to be set as hour
58
+ * @returns
59
+ */
60
+ setHour<TData = any>(event: MouseEvent | null, value: TData): void;
61
+ /**
62
+ * Sets minute
63
+ * @param event - Mouse event that was triggered
64
+ * @param value - Value to be set as minute
65
+ * @returns
66
+ */
67
+ setMinute<TData = any>(event: MouseEvent | null, value: TData): void;
68
+ static ɵfac: i0.ɵɵFactoryDeclaration<DateTimeRollerTimePickerComponent<any>, never>;
69
+ static ɵcmp: i0.ɵɵComponentDeclaration<DateTimeRollerTimePickerComponent<any>, "date-time-roller-time-picker", never, {}, {}, never, never>;
70
+ }
71
+ //# sourceMappingURL=rollerTimePicker.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"rollerTimePicker.component.d.ts","sourceRoot":"","sources":["rollerTimePicker.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,uBAAuB,EAAC,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAC,0BAA0B,EAAC,MAAM,8BAA8B,CAAC;;AAExE;;GAEG;AACH,qBAOa,iCAAiC,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,uBAAuB,CAAC,KAAK,EAAE,0BAA0B,CAAE,YAAW,cAAc,CAAC,KAAK,EAAE,0BAA0B,CAAC;IAIvL;;OAEG;IACI,KAAK,EAAE,cAAc,EAAE,CAAS;IAEvC;;OAEG;IACI,OAAO,EAAE,cAAc,EAAE,CAAW;IAE3C;;OAEG;IACI,WAAW,EAAE,OAAO,CAAS;IAEpC;;OAEG;IACI,SAAS,EAAE,OAAO,CAAS;IAElC;;OAEG;IACH,IAAW,IAAI,IAAI,MAAM,CAGxB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAG5B;IAED;;OAEG;IACH,IAAW,MAAM,IAAI,MAAM,CAG1B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAG9B;IAID;;OAEG;IACI,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IAKjD;;OAEG;IACI,WAAW,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI;IAI9C;;OAEG;IACI,WAAW,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI;IAI9C;;OAEG;IACI,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,IAAI;IAM1D;;;;;OAKG;IACI,OAAO,CAAC,KAAK,GAAG,GAAG,EAAE,KAAK,EAAE,UAAU,GAAC,IAAI,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;IAkCvE;;;;;OAKG;IACI,SAAS,CAAC,KAAK,GAAG,GAAG,EAAE,KAAK,EAAE,UAAU,GAAC,IAAI,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;yCA/HhE,iCAAiC;2CAAjC,iCAAiC;CAgK7C"}
@@ -0,0 +1,41 @@
1
+ <div class="flex-row" style="justify-content: center;">
2
+ <div [class.clickable]="canGoUp" (mousedown)="goUp($event)">{{displayDate?.value | dateFormat: 'date'}}</div>
3
+ </div>
4
+
5
+ <div class="time-area">
6
+ <div class="value-container"
7
+ [clickOutside]="true"
8
+ (clickOutsideChange)="hoursOpen = false"
9
+ [clickOutsideElement]="hoursScroll">
10
+ <div #hoursScroll
11
+ class="roller-scroll"
12
+ [class.open]="hoursOpen"
13
+ [loopScroll]="hour"
14
+ [open]="hoursOpen"
15
+ (loopScrollChange)="setHour(null, $event)"
16
+ (click)="hoursOpen = !hoursOpen" >
17
+ <div *ngFor="let hour of hours"
18
+ [loopScrollData]="hour?.data"
19
+ (click)="setHour($event, hour?.data)">{{hour?.displayText}}</div>
20
+ </div>
21
+ </div>
22
+
23
+ <div class="minute-second-separator">:</div>
24
+
25
+ <div class="value-container"
26
+ [clickOutside]="true"
27
+ (clickOutsideChange)="minutesOpen = false"
28
+ [clickOutsideElement]="minutesScroll">
29
+ <div #minutesScroll
30
+ class="roller-scroll"
31
+ [class.open]="minutesOpen"
32
+ [loopScroll]="minute"
33
+ [open]="minutesOpen"
34
+ (loopScrollChange)="setMinute(null, $event)"
35
+ (click)="minutesOpen = !minutesOpen">
36
+ <div *ngFor="let minute of minutes"
37
+ [loopScrollData]="minute?.data"
38
+ (click)="setMinute($event, minute?.data)">{{minute?.displayText}}</div>
39
+ </div>
40
+ </div>
41
+ </div>
@@ -0,0 +1,4 @@
1
+ import { LoopScrollData } from '../../directives';
2
+ export declare const hours: LoopScrollData[];
3
+ export declare const minutes: LoopScrollData[];
4
+ //# sourceMappingURL=rollerTimePicker.data.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"rollerTimePicker.data.d.ts","sourceRoot":"","sources":["rollerTimePicker.data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAEhD,eAAO,MAAM,KAAK,EAAE,cAAc,EAkGjC,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,cAAc,EAkPnC,CAAC"}
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Specific css classes for roller time picker
3
+ */
4
+ export interface RollerTimePickerCssClasses {
5
+ }
6
+ //# sourceMappingURL=rollerTimePicker.interface.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"rollerTimePicker.interface.d.ts","sourceRoot":"","sources":["rollerTimePicker.interface.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,0BAA0B;CAE1C"}
@@ -1 +1 @@
1
- {"version":3,"file":"yearPicker.component.d.ts","sourceRoot":"","sources":["yearPicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAI5F,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAC,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAC,MAAM,qCAAqC,CAAC;AACzF,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;;AAe7D;;GAEG;AACH,qBAOa,2BAA2B,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAE,YAAW,cAAc,CAAC,KAAK,EAAE,oBAAoB,CAAC;IAIlL;;;OAGG;IACI,MAAM,EAAE,MAAM,CAAM;gBAGG,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,cAAc,EAAE,iBAAiB;IAS7C;;;;OAIG;IACI,UAAU,CAAC,KAAK,EAAE,KAAK;IAQ9B;;;;OAIG;IACI,cAAc,CAAC,KAAK,EAAE,KAAK;IAUlC;;;OAGG;IACI,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IA0CjD;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK;IAKxD;;;OAGG;IACH,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,OAAO;IAKtE;;;;OAIG;IACH,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;IAK1E;;;OAGG;IACH,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC;yCA/H7D,2BAA2B;2CAA3B,2BAA2B;CAmIvC"}
1
+ {"version":3,"file":"yearPicker.component.d.ts","sourceRoot":"","sources":["yearPicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAI5F,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAC,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAC,MAAM,qCAAqC,CAAC;AACzF,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;;AAgB7D;;GAEG;AACH,qBAOa,2BAA2B,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAE,YAAW,cAAc,CAAC,KAAK,EAAE,oBAAoB,CAAC;IAIlL;;;OAGG;IACI,MAAM,EAAE,MAAM,CAAM;gBAGG,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,cAAc,EAAE,iBAAiB;IAS7C;;;;OAIG;IACI,UAAU,CAAC,KAAK,EAAE,KAAK;IAQ9B;;;;OAIG;IACI,cAAc,CAAC,KAAK,EAAE,KAAK;IAUlC;;;OAGG;IACI,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IA0CjD;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK;IAKxD;;;OAGG;IACH,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,OAAO;IAKtE;;;;OAIG;IACH,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;IAK1E;;;OAGG;IACH,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC;yCA/H7D,2BAA2B;2CAA3B,2BAA2B;CAmIvC"}
@@ -1,12 +1,12 @@
1
- <div [ngClass]="cssClasses?.periodSelection | asRequiredType">
2
- <div [ngClass]="cssClasses?.previousPeriod | asRequiredType" (mousedown)="previousDecade($event)"></div>
3
- <div [ngClass]="cssClasses?.periodValue | asRequiredType" [class.clickable]="canGoUp" (mousedown)="goUp($event)">{{period}}</div>
4
- <div [ngClass]="cssClasses?.nextPeriod | asRequiredType" (mousedown)="nextDecade($event)"></div>
1
+ <div [ngClass]="cssClasses?.periodSelection | asRequired">
2
+ <div [ngClass]="cssClasses?.previousPeriod | asRequired" (mousedown)="previousDecade($event)"></div>
3
+ <div [ngClass]="cssClasses?.periodValue | asRequired" [class.clickable]="canGoUp" (mousedown)="goUp($event)">{{period}}</div>
4
+ <div [ngClass]="cssClasses?.nextPeriod | asRequired" (mousedown)="nextDecade($event)"></div>
5
5
  </div>
6
6
 
7
- <div [ngClass]="cssClasses?.periodData | asRequiredType">
7
+ <div [ngClass]="cssClasses?.periodData | asRequired">
8
8
  <div *ngFor="let year of periodData"
9
- [ngClass]="cssClasses?.periodDatum | asRequiredType"
9
+ [ngClass]="cssClasses?.periodDatum | asRequired"
10
10
  [class.active]="year.active"
11
11
  [class.disabled]="year.disabled"
12
12
  (mousedown)="select($event, year)">{{year.value}}</div>
@@ -0,0 +1,4 @@
1
+ export * from './loopScroll/loopScroll.directive';
2
+ export * from './loopScroll/loopScroll.interface';
3
+ export * from './loopScrollData/loopScrollData.directive';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC"}
@@ -0,0 +1,73 @@
1
+ import { AfterContentInit, ElementRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
2
+ import { LoopScrollDataDirective } from '../loopScrollData/loopScrollData.directive';
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * Renders loop scroll for array of elements
6
+ */
7
+ export declare class LoopScrollDirective<TData = any> implements OnChanges, AfterContentInit, OnDestroy {
8
+ protected _scrollElement: ElementRef<HTMLElement>;
9
+ /**
10
+ * Item height that obtained
11
+ */
12
+ protected _itemHeight?: number;
13
+ /**
14
+ * Array of elements and data for scrolled stuff
15
+ */
16
+ protected _items?: LoopScrollDataDirective[];
17
+ /**
18
+ * Indication whether is loop scroll initialized
19
+ */
20
+ protected _initialized: boolean;
21
+ /**
22
+ * Indication whether is opening active
23
+ */
24
+ protected _opening: boolean;
25
+ /**
26
+ * Value that is being set in loop scroll
27
+ */
28
+ value?: TData;
29
+ /**
30
+ * Indication whether is currently selection scroll open
31
+ */
32
+ open: boolean;
33
+ /**
34
+ * Occurs when current value of loop scroll changes
35
+ */
36
+ valueChange: EventEmitter<TData>;
37
+ /**
38
+ * Array of items that are loop scrolled
39
+ */
40
+ items?: QueryList<LoopScrollDataDirective>;
41
+ constructor(_scrollElement: ElementRef<HTMLElement>);
42
+ /**
43
+ * Called when input value changes
44
+ */
45
+ ngOnChanges(changes: SimpleChanges): void;
46
+ /**
47
+ * Called when content was initialized
48
+ */
49
+ ngAfterContentInit(): void;
50
+ /**
51
+ * Called when component is destroyed
52
+ */
53
+ ngOnDestroy(): void;
54
+ /**
55
+ * Intialize default value
56
+ */
57
+ protected _initialize(): void;
58
+ /**
59
+ * Reorders items to make number of items around scroll view equally sized
60
+ */
61
+ protected _reorderItems(): void;
62
+ /**
63
+ * Handles scroll event
64
+ */
65
+ protected _handleScroll(): void;
66
+ /**
67
+ * Centers active value
68
+ */
69
+ protected _centerActiveValue(): void;
70
+ static ɵfac: i0.ɵɵFactoryDeclaration<LoopScrollDirective<any>, never>;
71
+ static ɵdir: i0.ɵɵDirectiveDeclaration<LoopScrollDirective<any>, "[loopScroll]", never, { "value": "loopScroll"; "open": "open"; }, { "valueChange": "loopScrollChange"; }, ["items"]>;
72
+ }
73
+ //# sourceMappingURL=loopScroll.directive.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"loopScroll.directive.d.ts","sourceRoot":"","sources":["loopScroll.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAA8B,UAAU,EAAE,YAAY,EAAS,SAAS,EAAE,SAAS,EAAU,SAAS,EAAE,aAAa,EAAC,MAAM,eAAe,CAAC;AAGpK,OAAO,EAAC,uBAAuB,EAAC,MAAM,4CAA4C,CAAC;;AAEnF;;GAEG;AACH,qBAIa,mBAAmB,CAAC,KAAK,GAAG,GAAG,CAAE,YAAW,SAAS,EAAE,gBAAgB,EAAE,SAAS;IAuD/E,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,WAAW,CAAC;IAnD7D;;OAEG;IACH,SAAS,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAE/B;;OAEG;IACH,SAAS,CAAC,MAAM,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAE7C;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,OAAO,CAAS;IAExC;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAS;IAIpC;;OAEG;IAEI,KAAK,CAAC,EAAE,KAAK,CAAC;IAErB;;OAEG;IAEI,IAAI,EAAE,OAAO,CAAS;IAI7B;;OAEG;IAEI,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,CAA6B;IAIpE;;OAEG;IAEI,KAAK,CAAC,EAAE,SAAS,CAAC,uBAAuB,CAAC,CAAC;gBAG5B,cAAc,EAAE,UAAU,CAAC,WAAW,CAAC;IAM7D;;OAEG;IACI,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IA2ChD;;OAEG;IACI,kBAAkB,IAAI,IAAI;IAqBjC;;OAEG;IACI,WAAW,IAAI,IAAI;IAO1B;;OAEG;IACH,SAAS,CAAC,WAAW,IAAI,IAAI;IA2B7B;;OAEG;IACH,SAAS,CAAC,aAAa,IAAI,IAAI;IA8C/B;;OAEG;IAGH,SAAS,CAAC,aAAa,IAAI,IAAI;IAe/B;;OAEG;IACH,SAAS,CAAC,kBAAkB,IAAI,IAAI;yCAnP3B,mBAAmB;2CAAnB,mBAAmB;CAgQ/B"}
@@ -0,0 +1,14 @@
1
+ /**
2
+ * Represents data for LoopScrollDirective
3
+ */
4
+ export interface LoopScrollData<TData = any> {
5
+ /**
6
+ * Text to be displayed for item
7
+ */
8
+ displayText?: string;
9
+ /**
10
+ * Data that are stored per value
11
+ */
12
+ data?: TData;
13
+ }
14
+ //# sourceMappingURL=loopScroll.interface.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"loopScroll.interface.d.ts","sourceRoot":"","sources":["loopScroll.interface.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,KAAK,GAAG,GAAG;IAEvC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;CAChB"}
@@ -0,0 +1,16 @@
1
+ import { ElementRef } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ /**
4
+ * Loop scroll data that are used inside LoopScrollDirective
5
+ */
6
+ export declare class LoopScrollDataDirective<TData = any> {
7
+ element: ElementRef<HTMLElement>;
8
+ /**
9
+ * Data for loop
10
+ */
11
+ data: TData;
12
+ constructor(element: ElementRef<HTMLElement>);
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<LoopScrollDataDirective<any>, never>;
14
+ static ɵdir: i0.ɵɵDirectiveDeclaration<LoopScrollDataDirective<any>, "[loopScrollData]", never, { "data": "loopScrollData"; }, {}, never>;
15
+ }
16
+ //# sourceMappingURL=loopScrollData.directive.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"loopScrollData.directive.d.ts","sourceRoot":"","sources":["loopScrollData.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,UAAU,EAAQ,MAAM,eAAe,CAAC;;AAE3D;;GAEG;AACH,qBAIa,uBAAuB,CAAC,KAAK,GAAG,GAAG;IAWzB,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;IAPnD;;OAEG;IAEI,IAAI,EAAG,KAAK,CAAC;gBAGD,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;yCAX1C,uBAAuB;2CAAvB,uBAAuB;CAcnC"}
@@ -1,5 +1,6 @@
1
1
  export * from './components/dayPicker/dayPicker.interfaces';
2
2
  export * from './components/monthPicker/monthPicker.interfaces';
3
3
  export * from './components/yearPicker/yearPicker.interfaces';
4
+ export * from './components/rollerTimePicker/rollerTimePicker.interface';
4
5
  export * from './misc/datetimePicker.interface';
5
6
  //# sourceMappingURL=interfaces.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["interfaces.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iCAAiC,CAAC"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["interfaces.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,0DAA0D,CAAC;AACzE,cAAc,iCAAiC,CAAC"}