@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.
- package/changelog.md +86 -0
- package/date-fns/src/misc/tokens.d.ts.map +1 -1
- package/date-fns/src/services/dateFnsDateApi.service.d.ts.map +1 -1
- package/es2015/date-fns/src/misc/tokens.js +12 -1
- package/es2015/date-fns/src/misc/tokens.js.map +1 -1
- package/es2015/date-fns/src/services/dateFnsDateApi.service.js +99 -5
- package/es2015/date-fns/src/services/dateFnsDateApi.service.js.map +1 -1
- package/es2015/moment/src/misc/tokens.js +12 -1
- package/es2015/moment/src/misc/tokens.js.map +1 -1
- package/es2015/moment/src/services/momentDateApi.service.js +90 -0
- package/es2015/moment/src/services/momentDateApi.service.js.map +1 -1
- package/es2015/src/index.js +1 -0
- package/es2015/src/index.js.map +1 -1
- package/es2015/src/misc/datetime.interface.js.map +1 -1
- package/es2015/src/misc/tokens.js +12 -1
- package/es2015/src/misc/tokens.js.map +1 -1
- package/es2015/src/modules/datePipes.module.js +2 -7
- package/es2015/src/modules/datePipes.module.js.map +1 -1
- package/es2015/src/picker/components/clockTimePicker/clockTimePicker.component.js +14 -0
- package/es2015/src/picker/components/clockTimePicker/clockTimePicker.component.js.map +1 -0
- package/es2015/src/picker/components/clockTimePicker/clockTimePicker.interface.js +2 -0
- package/es2015/src/picker/components/clockTimePicker/clockTimePicker.interface.js.map +1 -0
- package/es2015/src/picker/components/dayPicker/dayPicker.component.js +49 -13
- package/es2015/src/picker/components/dayPicker/dayPicker.component.js.map +1 -1
- package/es2015/src/picker/components/monthPicker/monthPicker.component.js +5 -4
- package/es2015/src/picker/components/monthPicker/monthPicker.component.js.map +1 -1
- package/es2015/src/picker/components/picker/picker.component.js +3 -2
- package/es2015/src/picker/components/picker/picker.component.js.map +1 -1
- package/es2015/src/picker/components/pickerBase.component.js +15 -120
- package/es2015/src/picker/components/pickerBase.component.js.map +1 -1
- package/es2015/src/picker/components/pickerImplBase.component.js +145 -0
- package/es2015/src/picker/components/pickerImplBase.component.js.map +1 -0
- package/es2015/src/picker/components/rollerTimePicker/rollerTimePicker.component.js +144 -0
- package/es2015/src/picker/components/rollerTimePicker/rollerTimePicker.component.js.map +1 -0
- package/es2015/src/picker/components/rollerTimePicker/rollerTimePicker.data.js +341 -0
- package/es2015/src/picker/components/rollerTimePicker/rollerTimePicker.data.js.map +1 -0
- package/es2015/src/picker/components/rollerTimePicker/rollerTimePicker.interface.js +2 -0
- package/es2015/src/picker/components/rollerTimePicker/rollerTimePicker.interface.js.map +1 -0
- package/es2015/src/picker/components/yearPicker/yearPicker.component.js +5 -4
- package/es2015/src/picker/components/yearPicker/yearPicker.component.js.map +1 -1
- package/es2015/src/picker/directives/index.js +4 -0
- package/es2015/src/picker/directives/index.js.map +1 -0
- package/es2015/src/picker/directives/loopScroll/loopScroll.directive.js +200 -0
- package/es2015/src/picker/directives/loopScroll/loopScroll.directive.js.map +1 -0
- package/es2015/src/picker/directives/loopScroll/loopScroll.interface.js +3 -0
- package/es2015/src/picker/directives/loopScroll/loopScroll.interface.js.map +1 -0
- package/es2015/src/picker/directives/loopScrollData/loopScrollData.directive.js +23 -0
- package/es2015/src/picker/directives/loopScrollData/loopScrollData.directive.js.map +1 -0
- package/es2015/src/picker/interfaces.js +1 -0
- package/es2015/src/picker/interfaces.js.map +1 -1
- package/es2015/src/picker/misc/datetimePicker.interface.js.map +1 -1
- package/es2015/src/picker/modules/picker.module.js +21 -4
- package/es2015/src/picker/modules/picker.module.js.map +1 -1
- package/es2015/src/picker/types.js +2 -0
- package/es2015/src/picker/types.js.map +1 -1
- package/es2015/src/selector/components/inputDateTime/inputDateTime.component.js +16 -2
- package/es2015/src/selector/components/inputDateTime/inputDateTime.component.js.map +1 -1
- package/es2015/src/selector/components/selector/selector.component.js +25 -12
- package/es2015/src/selector/components/selector/selector.component.js.map +1 -1
- package/es2015/src/selector/components/simpleInputDateTime/simpleInputDateTime.component.js +6 -2
- package/es2015/src/selector/components/simpleInputDateTime/simpleInputDateTime.component.js.map +1 -1
- package/es2015/src/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.js +134 -0
- package/es2015/src/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.js.map +1 -0
- package/es2015/src/selector/directives/selectorControlValueAccessor/selectorControlValueAccessor.directive.js.map +1 -1
- package/es2015/src/selector/misc/datetimeSelector.interface.js.map +1 -1
- package/es2015/src/selector/misc/tokens.js.map +1 -1
- package/es2015/src/selector/modules/selector.module.js +9 -4
- package/es2015/src/selector/modules/selector.module.js.map +1 -1
- package/es2015/src/selector/types.js +1 -0
- package/es2015/src/selector/types.js.map +1 -1
- package/es2015/src/services/dateApi.interface.js.map +1 -1
- package/es2015/src/services/datePositionParser.service.js +14 -0
- package/es2015/src/services/datePositionParser.service.js.map +1 -1
- package/es2015/src/services/dateTimeRelativeParser.service.js +15 -1
- package/es2015/src/services/dateTimeRelativeParser.service.js.map +1 -1
- package/es2015/src/services/dateValueProvider.service.js +10 -5
- package/es2015/src/services/dateValueProvider.service.js.map +1 -1
- package/es2015/src/services/formatProvider.interface.js.map +1 -1
- package/es2020/date-fns/src/misc/tokens.js +12 -1
- package/es2020/date-fns/src/misc/tokens.js.map +1 -1
- package/es2020/date-fns/src/services/dateFnsDateApi.service.js +99 -5
- package/es2020/date-fns/src/services/dateFnsDateApi.service.js.map +1 -1
- package/es2020/moment/src/misc/tokens.js +12 -1
- package/es2020/moment/src/misc/tokens.js.map +1 -1
- package/es2020/moment/src/services/momentDateApi.service.js +90 -0
- package/es2020/moment/src/services/momentDateApi.service.js.map +1 -1
- package/es2020/src/index.js +1 -0
- package/es2020/src/index.js.map +1 -1
- package/es2020/src/misc/datetime.interface.js.map +1 -1
- package/es2020/src/misc/tokens.js +12 -1
- package/es2020/src/misc/tokens.js.map +1 -1
- package/es2020/src/modules/datePipes.module.js +2 -7
- package/es2020/src/modules/datePipes.module.js.map +1 -1
- package/es2020/src/picker/components/clockTimePicker/clockTimePicker.component.js +14 -0
- package/es2020/src/picker/components/clockTimePicker/clockTimePicker.component.js.map +1 -0
- package/es2020/src/picker/components/clockTimePicker/clockTimePicker.interface.js +2 -0
- package/es2020/src/picker/components/clockTimePicker/clockTimePicker.interface.js.map +1 -0
- package/es2020/src/picker/components/dayPicker/dayPicker.component.js +49 -13
- package/es2020/src/picker/components/dayPicker/dayPicker.component.js.map +1 -1
- package/es2020/src/picker/components/monthPicker/monthPicker.component.js +5 -4
- package/es2020/src/picker/components/monthPicker/monthPicker.component.js.map +1 -1
- package/es2020/src/picker/components/picker/picker.component.js +3 -2
- package/es2020/src/picker/components/picker/picker.component.js.map +1 -1
- package/es2020/src/picker/components/pickerBase.component.js +15 -120
- package/es2020/src/picker/components/pickerBase.component.js.map +1 -1
- package/es2020/src/picker/components/pickerImplBase.component.js +145 -0
- package/es2020/src/picker/components/pickerImplBase.component.js.map +1 -0
- package/es2020/src/picker/components/rollerTimePicker/rollerTimePicker.component.js +138 -0
- package/es2020/src/picker/components/rollerTimePicker/rollerTimePicker.component.js.map +1 -0
- package/es2020/src/picker/components/rollerTimePicker/rollerTimePicker.data.js +341 -0
- package/es2020/src/picker/components/rollerTimePicker/rollerTimePicker.data.js.map +1 -0
- package/es2020/src/picker/components/rollerTimePicker/rollerTimePicker.interface.js +2 -0
- package/es2020/src/picker/components/rollerTimePicker/rollerTimePicker.interface.js.map +1 -0
- package/es2020/src/picker/components/yearPicker/yearPicker.component.js +5 -4
- package/es2020/src/picker/components/yearPicker/yearPicker.component.js.map +1 -1
- package/es2020/src/picker/directives/index.js +4 -0
- package/es2020/src/picker/directives/index.js.map +1 -0
- package/es2020/src/picker/directives/loopScroll/loopScroll.directive.js +191 -0
- package/es2020/src/picker/directives/loopScroll/loopScroll.directive.js.map +1 -0
- package/es2020/src/picker/directives/loopScroll/loopScroll.interface.js +3 -0
- package/es2020/src/picker/directives/loopScroll/loopScroll.interface.js.map +1 -0
- package/es2020/src/picker/directives/loopScrollData/loopScrollData.directive.js +23 -0
- package/es2020/src/picker/directives/loopScrollData/loopScrollData.directive.js.map +1 -0
- package/es2020/src/picker/interfaces.js +1 -0
- package/es2020/src/picker/interfaces.js.map +1 -1
- package/es2020/src/picker/misc/datetimePicker.interface.js.map +1 -1
- package/es2020/src/picker/modules/picker.module.js +21 -4
- package/es2020/src/picker/modules/picker.module.js.map +1 -1
- package/es2020/src/picker/types.js +2 -0
- package/es2020/src/picker/types.js.map +1 -1
- package/es2020/src/selector/components/inputDateTime/inputDateTime.component.js +16 -2
- package/es2020/src/selector/components/inputDateTime/inputDateTime.component.js.map +1 -1
- package/es2020/src/selector/components/selector/selector.component.js +22 -11
- package/es2020/src/selector/components/selector/selector.component.js.map +1 -1
- package/es2020/src/selector/components/simpleInputDateTime/simpleInputDateTime.component.js +6 -2
- package/es2020/src/selector/components/simpleInputDateTime/simpleInputDateTime.component.js.map +1 -1
- package/es2020/src/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.js +133 -0
- package/es2020/src/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.js.map +1 -0
- package/es2020/src/selector/directives/selectorControlValueAccessor/selectorControlValueAccessor.directive.js.map +1 -1
- package/es2020/src/selector/misc/datetimeSelector.interface.js.map +1 -1
- package/es2020/src/selector/misc/tokens.js.map +1 -1
- package/es2020/src/selector/modules/selector.module.js +9 -4
- package/es2020/src/selector/modules/selector.module.js.map +1 -1
- package/es2020/src/selector/types.js +1 -0
- package/es2020/src/selector/types.js.map +1 -1
- package/es2020/src/services/dateApi.interface.js.map +1 -1
- package/es2020/src/services/datePositionParser.service.js +14 -0
- package/es2020/src/services/datePositionParser.service.js.map +1 -1
- package/es2020/src/services/dateTimeRelativeParser.service.js +15 -1
- package/es2020/src/services/dateTimeRelativeParser.service.js.map +1 -1
- package/es2020/src/services/dateValueProvider.service.js +10 -5
- package/es2020/src/services/dateValueProvider.service.js.map +1 -1
- package/es2020/src/services/formatProvider.interface.js.map +1 -1
- package/moment/src/misc/tokens.d.ts.map +1 -1
- package/moment/src/services/momentDateApi.service.d.ts.map +1 -1
- package/package.json +4 -3
- package/src/dark.scss +31 -28
- package/src/index.d.ts +1 -0
- package/src/index.d.ts.map +1 -1
- package/src/misc/datetime.interface.d.ts +1 -1
- package/src/misc/datetime.interface.d.ts.map +1 -1
- package/src/misc/tokens.d.ts.map +1 -1
- package/src/modules/datePipes.module.d.ts +3 -4
- package/src/modules/datePipes.module.d.ts.map +1 -1
- package/src/picker/components/clockTimePicker/clockTimePicker.component.css +0 -0
- package/src/picker/components/clockTimePicker/clockTimePicker.component.d.ts +9 -0
- package/src/picker/components/clockTimePicker/clockTimePicker.component.d.ts.map +1 -0
- package/src/picker/components/clockTimePicker/clockTimePicker.component.html +0 -0
- package/src/picker/components/clockTimePicker/clockTimePicker.interface.d.ts +6 -0
- package/src/picker/components/clockTimePicker/clockTimePicker.interface.d.ts.map +1 -0
- package/src/picker/components/dayPicker/dayPicker.component.d.ts +6 -0
- package/src/picker/components/dayPicker/dayPicker.component.d.ts.map +1 -1
- package/src/picker/components/dayPicker/dayPicker.component.html +11 -7
- package/src/picker/components/monthPicker/monthPicker.component.d.ts.map +1 -1
- package/src/picker/components/monthPicker/monthPicker.component.html +6 -6
- package/src/picker/components/picker/picker.component.css +4 -0
- package/src/picker/components/picker/picker.component.d.ts +3 -3
- package/src/picker/components/picker/picker.component.d.ts.map +1 -1
- package/src/picker/components/pickerBase.component.d.ts +7 -97
- package/src/picker/components/pickerBase.component.d.ts.map +1 -1
- package/src/picker/components/pickerImplBase.component.d.ts +128 -0
- package/src/picker/components/pickerImplBase.component.d.ts.map +1 -0
- package/src/picker/components/rollerTimePicker/rollerTimePicker.component.css +40 -0
- package/src/picker/components/rollerTimePicker/rollerTimePicker.component.d.ts +71 -0
- package/src/picker/components/rollerTimePicker/rollerTimePicker.component.d.ts.map +1 -0
- package/src/picker/components/rollerTimePicker/rollerTimePicker.component.html +41 -0
- package/src/picker/components/rollerTimePicker/rollerTimePicker.data.d.ts +4 -0
- package/src/picker/components/rollerTimePicker/rollerTimePicker.data.d.ts.map +1 -0
- package/src/picker/components/rollerTimePicker/rollerTimePicker.interface.d.ts +6 -0
- package/src/picker/components/rollerTimePicker/rollerTimePicker.interface.d.ts.map +1 -0
- package/src/picker/components/yearPicker/yearPicker.component.d.ts.map +1 -1
- package/src/picker/components/yearPicker/yearPicker.component.html +6 -6
- package/src/picker/directives/index.d.ts +4 -0
- package/src/picker/directives/index.d.ts.map +1 -0
- package/src/picker/directives/loopScroll/loopScroll.directive.d.ts +73 -0
- package/src/picker/directives/loopScroll/loopScroll.directive.d.ts.map +1 -0
- package/src/picker/directives/loopScroll/loopScroll.interface.d.ts +14 -0
- package/src/picker/directives/loopScroll/loopScroll.interface.d.ts.map +1 -0
- package/src/picker/directives/loopScrollData/loopScrollData.directive.d.ts +16 -0
- package/src/picker/directives/loopScrollData/loopScrollData.directive.d.ts.map +1 -0
- package/src/picker/interfaces.d.ts +1 -0
- package/src/picker/interfaces.d.ts.map +1 -1
- package/src/picker/misc/datetimePicker.interface.d.ts +14 -10
- package/src/picker/misc/datetimePicker.interface.d.ts.map +1 -1
- package/src/picker/modules/picker.module.d.ts +10 -7
- package/src/picker/modules/picker.module.d.ts.map +1 -1
- package/src/picker/types.d.ts +2 -0
- package/src/picker/types.d.ts.map +1 -1
- package/src/selector/components/inputDateTime/inputDateTime.component.d.ts +2 -2
- package/src/selector/components/inputDateTime/inputDateTime.component.d.ts.map +1 -1
- package/src/selector/components/inputDateTime/inputDateTime.component.html +1 -1
- package/src/selector/components/selector/selector.component.d.ts +7 -6
- package/src/selector/components/selector/selector.component.d.ts.map +1 -1
- package/src/selector/components/selector/selector.component.html +6 -5
- package/src/selector/components/simpleInputDateTime/simpleInputDateTime.component.d.ts +1 -1
- package/src/selector/components/simpleInputDateTime/simpleInputDateTime.component.d.ts.map +1 -1
- package/src/selector/components/simpleInputDateTime/simpleInputDateTime.component.html +1 -1
- package/src/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.d.ts +80 -0
- package/src/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.d.ts.map +1 -0
- package/src/selector/directives/selectorControlValueAccessor/selectorControlValueAccessor.directive.d.ts.map +1 -1
- package/src/selector/misc/datetimeSelector.interface.d.ts +16 -3
- package/src/selector/misc/datetimeSelector.interface.d.ts.map +1 -1
- package/src/selector/misc/tokens.d.ts +1 -1
- package/src/selector/misc/tokens.d.ts.map +1 -1
- package/src/selector/modules/selector.module.d.ts +5 -4
- package/src/selector/modules/selector.module.d.ts.map +1 -1
- package/src/selector/types.d.ts +1 -0
- package/src/selector/types.d.ts.map +1 -1
- package/src/services/dateApi.interface.d.ts +72 -0
- package/src/services/dateApi.interface.d.ts.map +1 -1
- package/src/services/datePositionParser.service.d.ts +3 -3
- package/src/services/datePositionParser.service.d.ts.map +1 -1
- package/src/services/dateTimeRelativeParser.service.d.ts +8 -0
- package/src/services/dateTimeRelativeParser.service.d.ts.map +1 -1
- package/src/services/dateValueProvider.service.d.ts.map +1 -1
- package/src/services/formatProvider.interface.d.ts +48 -4
- package/src/services/formatProvider.interface.d.ts.map +1 -1
- package/version.bak +1 -1
- package/es2015/src/pipes/asRequiredType.js +0 -22
- package/es2015/src/pipes/asRequiredType.js.map +0 -1
- package/es2020/src/pipes/asRequiredType.js +0 -22
- package/es2020/src/pipes/asRequiredType.js.map +0 -1
- package/src/pipes/asRequiredType.d.ts +0 -21
- 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
|
-
*
|
|
12
|
+
* Value of originaly set hour
|
|
15
13
|
*/
|
|
16
|
-
protected
|
|
14
|
+
protected _originalHour: number;
|
|
17
15
|
/**
|
|
18
|
-
*
|
|
16
|
+
* Value of originaly set minute
|
|
19
17
|
*/
|
|
20
|
-
protected
|
|
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":"AAAA,OAAO,EAAC,iBAAiB,
|
|
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 @@
|
|
|
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 @@
|
|
|
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;;
|
|
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 |
|
|
2
|
-
<div [ngClass]="cssClasses?.previousPeriod |
|
|
3
|
-
<div [ngClass]="cssClasses?.periodValue |
|
|
4
|
-
<div [ngClass]="cssClasses?.nextPeriod |
|
|
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 |
|
|
7
|
+
<div [ngClass]="cssClasses?.periodData | asRequired">
|
|
8
8
|
<div *ngFor="let year of periodData"
|
|
9
|
-
[ngClass]="cssClasses?.periodDatum |
|
|
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 @@
|
|
|
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"}
|