nxt-pick-datetime 16.0.0-alpha.6 → 16.0.0
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/{esm2020 → esm2022}/lib/class/date-time-adapter.class.mjs +96 -96
- package/{esm2020 → esm2022}/lib/class/date-time-format.class.mjs +3 -3
- package/esm2022/lib/class/date-time.class.mjs +96 -0
- package/{esm2020 → esm2022}/lib/class/dialog-config.class.mjs +46 -46
- package/{esm2020 → esm2022}/lib/class/dialog-ref.class.mjs +118 -118
- package/esm2022/lib/date-time/calendar/calendar.component.mjs +347 -0
- package/esm2022/lib/date-time/calendar-body/calendar-body.component.mjs +152 -0
- package/esm2022/lib/date-time/calendar-month-view/calendar-month-view.component.mjs +430 -0
- package/esm2022/lib/date-time/calendar-multi-year-view/calendar-multi-year-view.component.mjs +359 -0
- package/esm2022/lib/date-time/calendar-year-view/calendar-year-view.component.mjs +363 -0
- package/esm2022/lib/date-time/date-time-inline/date-time-inline.component.mjs +276 -0
- package/esm2022/lib/date-time/date-time-picker/date-time-picker.component.mjs +542 -0
- package/{esm2020 → esm2022}/lib/date-time/date-time-picker-container/date-time-picker-container.animations.mjs +18 -18
- package/esm2022/lib/date-time/date-time-picker-container/date-time-picker-container.component.mjs +390 -0
- package/esm2022/lib/date-time/date-time-picker-input.directive.mjs +619 -0
- package/esm2022/lib/date-time/date-time-picker-intl.service.mjs +62 -0
- package/esm2022/lib/date-time/date-time-picker-trigger.directive.mjs +71 -0
- package/esm2022/lib/date-time/date-time.module.mjs +97 -0
- package/esm2022/lib/date-time/number-fixed-len.pipe.mjs +23 -0
- package/esm2022/lib/date-time/timer/timer.component.mjs +300 -0
- package/esm2022/lib/date-time/timer-box/timer-box.component.mjs +96 -0
- package/esm2022/lib/dialog/dialog-container/dialog-container.component.mjs +249 -0
- package/esm2022/lib/dialog/dialog.module.mjs +43 -0
- package/esm2022/lib/dialog/dialog.service.mjs +252 -0
- package/esm2022/lib/utils/object.mjs +24 -0
- package/esm2022/moment-adapter/date-time-adapter.class.mjs +221 -0
- package/{esm2020 → esm2022}/moment-adapter/date-time-format.class.mjs +12 -12
- package/esm2022/moment-adapter/moment-adapter.module.mjs +38 -0
- package/{esm2020 → esm2022}/moment-adapter/nxt-pick-datetime-moment-adapter.mjs +4 -4
- package/{esm2020 → esm2022}/moment-adapter/public-api.mjs +2 -2
- package/esm2022/native-adapter/date-time-adapter.class.mjs +367 -0
- package/{esm2020 → esm2022}/native-adapter/date-time-format.class.mjs +12 -12
- package/esm2022/native-adapter/native-adapter.module.mjs +38 -0
- package/{esm2020 → esm2022}/native-adapter/nxt-pick-datetime-native-adapter.mjs +4 -4
- package/{esm2020 → esm2022}/native-adapter/public-api.mjs +1 -1
- package/{esm2020 → esm2022}/nxt-pick-datetime.mjs +4 -4
- package/{esm2020 → esm2022}/public-api.mjs +13 -13
- package/{fesm2020 → fesm2022}/nxt-pick-datetime-moment-adapter.mjs +257 -257
- package/{fesm2020 → fesm2022}/nxt-pick-datetime-moment-adapter.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/nxt-pick-datetime-native-adapter.mjs +402 -402
- package/{fesm2020 → fesm2022}/nxt-pick-datetime-native-adapter.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/nxt-pick-datetime.mjs +4858 -4860
- package/{fesm2020 → fesm2022}/nxt-pick-datetime.mjs.map +1 -1
- package/index.d.ts +5 -5
- package/lib/class/date-time-adapter.class.d.ts +176 -176
- package/lib/class/date-time-format.class.d.ts +12 -12
- package/lib/class/date-time.class.d.ts +76 -76
- package/lib/class/dialog-config.class.d.ts +90 -90
- package/lib/class/dialog-ref.class.d.ts +50 -50
- package/lib/date-time/calendar/calendar.component.d.ts +147 -147
- package/lib/date-time/calendar-body/calendar-body.component.d.ts +79 -79
- package/lib/date-time/calendar-month-view/calendar-month-view.component.d.ts +139 -139
- package/lib/date-time/calendar-multi-year-view/calendar-multi-year-view.component.d.ts +115 -115
- package/lib/date-time/calendar-year-view/calendar-year-view.component.d.ts +123 -123
- package/lib/date-time/date-time-inline/date-time-inline.component.d.ts +106 -106
- package/lib/date-time/date-time-picker/date-time-picker.component.d.ts +172 -172
- package/lib/date-time/date-time-picker-container/date-time-picker-container.animations.d.ts +6 -6
- package/lib/date-time/date-time-picker-container/date-time-picker-container.component.d.ts +129 -129
- package/lib/date-time/date-time-picker-input.directive.d.ts +167 -167
- package/lib/date-time/date-time-picker-intl.service.d.ts +51 -51
- package/lib/date-time/date-time-picker-trigger.directive.d.ts +22 -22
- package/lib/date-time/date-time.module.d.ts +23 -23
- package/lib/date-time/number-fixed-len.pipe.d.ts +8 -8
- package/lib/date-time/timer/timer.component.d.ts +131 -131
- package/lib/date-time/timer-box/timer-box.component.d.ts +37 -37
- package/lib/dialog/dialog-container/dialog-container.component.d.ts +69 -69
- package/lib/dialog/dialog.module.d.ts +12 -12
- package/lib/dialog/dialog.service.d.ts +78 -78
- package/lib/utils/object.d.ts +9 -10
- package/moment-adapter/date-time-adapter.class.d.ts +64 -64
- package/moment-adapter/date-time-format.class.d.ts +5 -5
- package/moment-adapter/index.d.ts +5 -5
- package/moment-adapter/moment-adapter.module.d.ts +6 -6
- package/moment-adapter/public-api.d.ts +2 -2
- package/native-adapter/date-time-adapter.class.d.ts +72 -72
- package/native-adapter/date-time-format.class.d.ts +5 -5
- package/native-adapter/index.d.ts +5 -5
- package/native-adapter/native-adapter.module.d.ts +7 -7
- package/native-adapter/public-api.d.ts +1 -1
- package/package.json +18 -28
- package/public-api.d.ts +14 -14
- package/esm2020/lib/class/date-time.class.mjs +0 -95
- package/esm2020/lib/date-time/calendar/calendar.component.mjs +0 -346
- package/esm2020/lib/date-time/calendar-body/calendar-body.component.mjs +0 -151
- package/esm2020/lib/date-time/calendar-month-view/calendar-month-view.component.mjs +0 -429
- package/esm2020/lib/date-time/calendar-multi-year-view/calendar-multi-year-view.component.mjs +0 -358
- package/esm2020/lib/date-time/calendar-year-view/calendar-year-view.component.mjs +0 -362
- package/esm2020/lib/date-time/date-time-inline/date-time-inline.component.mjs +0 -275
- package/esm2020/lib/date-time/date-time-picker/date-time-picker.component.mjs +0 -541
- package/esm2020/lib/date-time/date-time-picker-container/date-time-picker-container.component.mjs +0 -389
- package/esm2020/lib/date-time/date-time-picker-input.directive.mjs +0 -618
- package/esm2020/lib/date-time/date-time-picker-intl.service.mjs +0 -61
- package/esm2020/lib/date-time/date-time-picker-trigger.directive.mjs +0 -70
- package/esm2020/lib/date-time/date-time.module.mjs +0 -96
- package/esm2020/lib/date-time/number-fixed-len.pipe.mjs +0 -22
- package/esm2020/lib/date-time/timer/timer.component.mjs +0 -299
- package/esm2020/lib/date-time/timer-box/timer-box.component.mjs +0 -95
- package/esm2020/lib/dialog/dialog-container/dialog-container.component.mjs +0 -248
- package/esm2020/lib/dialog/dialog.module.mjs +0 -42
- package/esm2020/lib/dialog/dialog.service.mjs +0 -252
- package/esm2020/lib/utils/object.mjs +0 -25
- package/esm2020/moment-adapter/date-time-adapter.class.mjs +0 -220
- package/esm2020/moment-adapter/moment-adapter.module.mjs +0 -37
- package/esm2020/native-adapter/date-time-adapter.class.mjs +0 -366
- package/esm2020/native-adapter/native-adapter.module.mjs +0 -37
- package/fesm2015/nxt-pick-datetime-moment-adapter.mjs +0 -274
- package/fesm2015/nxt-pick-datetime-moment-adapter.mjs.map +0 -1
- package/fesm2015/nxt-pick-datetime-native-adapter.mjs +0 -420
- package/fesm2015/nxt-pick-datetime-native-adapter.mjs.map +0 -1
- package/fesm2015/nxt-pick-datetime.mjs +0 -5014
- package/fesm2015/nxt-pick-datetime.mjs.map +0 -1
|
@@ -1,115 +1,115 @@
|
|
|
1
|
-
import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
|
|
2
|
-
import { DateTimeAdapter } from '../../class/date-time-adapter.class';
|
|
3
|
-
import { DateFilter, SelectMode } from '../../class/date-time.class';
|
|
4
|
-
import { CalendarCell } from '../calendar-body/calendar-body.component';
|
|
5
|
-
import { DateTimeIntl } from '../date-time-picker-intl.service';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/** @internal */
|
|
8
|
-
export declare const YEARS_PER_ROW = 3;
|
|
9
|
-
/** @internal */
|
|
10
|
-
export declare const YEAR_ROWS = 7;
|
|
11
|
-
export declare class MultiYearViewComponent<T> implements OnInit, AfterContentInit {
|
|
12
|
-
private readonly cdRef;
|
|
13
|
-
private readonly pickerIntl;
|
|
14
|
-
private readonly dateTimeAdapter;
|
|
15
|
-
/**
|
|
16
|
-
* The select mode of the picker;
|
|
17
|
-
*/
|
|
18
|
-
private _selectMode;
|
|
19
|
-
get selectMode(): SelectMode;
|
|
20
|
-
set selectMode(val: SelectMode);
|
|
21
|
-
/** The currently selected date */
|
|
22
|
-
private _selected?;
|
|
23
|
-
get selected(): T | undefined;
|
|
24
|
-
set selected(value: T | undefined);
|
|
25
|
-
private _selecteds;
|
|
26
|
-
get selecteds(): Array<T | undefined>;
|
|
27
|
-
set selecteds(values: Array<T | undefined>);
|
|
28
|
-
private _pickerMoment?;
|
|
29
|
-
get pickerMoment(): T | undefined;
|
|
30
|
-
set pickerMoment(value: T | undefined);
|
|
31
|
-
/**
|
|
32
|
-
* A function used to filter which dates are selectable
|
|
33
|
-
*/
|
|
34
|
-
private _dateTimeFilter?;
|
|
35
|
-
get dateTimeFilter(): DateFilter<T> | undefined;
|
|
36
|
-
set dateTimeFilter(filter: DateFilter<T> | undefined);
|
|
37
|
-
/** The minimum selectable date */
|
|
38
|
-
private _minDate?;
|
|
39
|
-
get min(): T | undefined;
|
|
40
|
-
set min(value: T | undefined);
|
|
41
|
-
/** The maximum selectable date */
|
|
42
|
-
private _maxDate?;
|
|
43
|
-
get max(): T | undefined;
|
|
44
|
-
set max(value: T | undefined);
|
|
45
|
-
private _todayYear?;
|
|
46
|
-
get todayYear(): number | undefined;
|
|
47
|
-
private _years?;
|
|
48
|
-
get years(): CalendarCell[][] | undefined;
|
|
49
|
-
private _selectedYears?;
|
|
50
|
-
get selectedYears(): (number | undefined)[] | undefined;
|
|
51
|
-
private initiated;
|
|
52
|
-
get isInSingleMode(): boolean;
|
|
53
|
-
get isInRangeMode(): boolean;
|
|
54
|
-
get activeCell(): number | undefined;
|
|
55
|
-
get tableHeader(): string | undefined;
|
|
56
|
-
get prevButtonLabel(): string;
|
|
57
|
-
get nextButtonLabel(): string;
|
|
58
|
-
/**
|
|
59
|
-
* Callback to invoke when a new month is selected
|
|
60
|
-
*/
|
|
61
|
-
readonly change: EventEmitter<T>;
|
|
62
|
-
/**
|
|
63
|
-
* Emits the selected year
|
|
64
|
-
*
|
|
65
|
-
* This doesn't imply a change on the selected date.
|
|
66
|
-
*/
|
|
67
|
-
readonly yearSelected: EventEmitter<T>;
|
|
68
|
-
/** Emits when any date is activated */
|
|
69
|
-
readonly pickerMomentChange: EventEmitter<T>;
|
|
70
|
-
/** Emits when use keyboard enter to select a calendar cell */
|
|
71
|
-
readonly keyboardEnter: EventEmitter<void>;
|
|
72
|
-
/** The body of calendar table */
|
|
73
|
-
private calendarBodyElm?;
|
|
74
|
-
/** @internal */
|
|
75
|
-
get calendarView(): boolean;
|
|
76
|
-
/** @internal */
|
|
77
|
-
get calendarMultiYearView(): boolean;
|
|
78
|
-
constructor(cdRef: ChangeDetectorRef, pickerIntl: DateTimeIntl, dateTimeAdapter: DateTimeAdapter<T>);
|
|
79
|
-
ngOnInit(): void;
|
|
80
|
-
ngAfterContentInit(): void;
|
|
81
|
-
/**
|
|
82
|
-
* Handle a calendarCell selected
|
|
83
|
-
*/
|
|
84
|
-
selectCalendarCell(cell: CalendarCell): void;
|
|
85
|
-
private selectYear;
|
|
86
|
-
/**
|
|
87
|
-
* Generate the previous year list
|
|
88
|
-
*/
|
|
89
|
-
prevYearList(event: any): void;
|
|
90
|
-
/**
|
|
91
|
-
* Generate the next year list
|
|
92
|
-
*/
|
|
93
|
-
nextYearList(event: any): void;
|
|
94
|
-
generateYearList(): void;
|
|
95
|
-
/** Whether the previous period button is enabled */
|
|
96
|
-
previousEnabled(): boolean;
|
|
97
|
-
/** Whether the next period button is enabled */
|
|
98
|
-
nextEnabled(): boolean;
|
|
99
|
-
handleCalendarKeydown(event: KeyboardEvent): void;
|
|
100
|
-
/**
|
|
101
|
-
* Creates an CalendarCell for the given year.
|
|
102
|
-
*/
|
|
103
|
-
private createYearCell;
|
|
104
|
-
private setSelectedYears;
|
|
105
|
-
/** Whether the given year is enabled */
|
|
106
|
-
private isYearEnabled;
|
|
107
|
-
private isSameYearList;
|
|
108
|
-
/**
|
|
109
|
-
* Get a valid date object
|
|
110
|
-
*/
|
|
111
|
-
private getValidDate;
|
|
112
|
-
private focusActiveCell;
|
|
113
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MultiYearViewComponent<any>, never>;
|
|
114
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MultiYearViewComponent<any>, "nxt-date-time-multi-year-view", never, { "selectMode": "selectMode"; "selected": "selected"; "selecteds": "selecteds"; "pickerMoment": "pickerMoment"; "dateTimeFilter": "dateTimeFilter"; "min": "min"; "max": "max"; }, { "change": "change"; "yearSelected": "yearSelected"; "pickerMomentChange": "pickerMomentChange"; "keyboardEnter": "keyboardEnter"; }, never, never, false, never>;
|
|
115
|
-
}
|
|
1
|
+
import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
|
|
2
|
+
import { DateTimeAdapter } from '../../class/date-time-adapter.class';
|
|
3
|
+
import { DateFilter, SelectMode } from '../../class/date-time.class';
|
|
4
|
+
import { CalendarCell } from '../calendar-body/calendar-body.component';
|
|
5
|
+
import { DateTimeIntl } from '../date-time-picker-intl.service';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/** @internal */
|
|
8
|
+
export declare const YEARS_PER_ROW = 3;
|
|
9
|
+
/** @internal */
|
|
10
|
+
export declare const YEAR_ROWS = 7;
|
|
11
|
+
export declare class MultiYearViewComponent<T> implements OnInit, AfterContentInit {
|
|
12
|
+
private readonly cdRef;
|
|
13
|
+
private readonly pickerIntl;
|
|
14
|
+
private readonly dateTimeAdapter;
|
|
15
|
+
/**
|
|
16
|
+
* The select mode of the picker;
|
|
17
|
+
*/
|
|
18
|
+
private _selectMode;
|
|
19
|
+
get selectMode(): SelectMode;
|
|
20
|
+
set selectMode(val: SelectMode);
|
|
21
|
+
/** The currently selected date */
|
|
22
|
+
private _selected?;
|
|
23
|
+
get selected(): T | undefined;
|
|
24
|
+
set selected(value: T | undefined);
|
|
25
|
+
private _selecteds;
|
|
26
|
+
get selecteds(): Array<T | undefined>;
|
|
27
|
+
set selecteds(values: Array<T | undefined>);
|
|
28
|
+
private _pickerMoment?;
|
|
29
|
+
get pickerMoment(): T | undefined;
|
|
30
|
+
set pickerMoment(value: T | undefined);
|
|
31
|
+
/**
|
|
32
|
+
* A function used to filter which dates are selectable
|
|
33
|
+
*/
|
|
34
|
+
private _dateTimeFilter?;
|
|
35
|
+
get dateTimeFilter(): DateFilter<T> | undefined;
|
|
36
|
+
set dateTimeFilter(filter: DateFilter<T> | undefined);
|
|
37
|
+
/** The minimum selectable date */
|
|
38
|
+
private _minDate?;
|
|
39
|
+
get min(): T | undefined;
|
|
40
|
+
set min(value: T | undefined);
|
|
41
|
+
/** The maximum selectable date */
|
|
42
|
+
private _maxDate?;
|
|
43
|
+
get max(): T | undefined;
|
|
44
|
+
set max(value: T | undefined);
|
|
45
|
+
private _todayYear?;
|
|
46
|
+
get todayYear(): number | undefined;
|
|
47
|
+
private _years?;
|
|
48
|
+
get years(): CalendarCell[][] | undefined;
|
|
49
|
+
private _selectedYears?;
|
|
50
|
+
get selectedYears(): (number | undefined)[] | undefined;
|
|
51
|
+
private initiated;
|
|
52
|
+
get isInSingleMode(): boolean;
|
|
53
|
+
get isInRangeMode(): boolean;
|
|
54
|
+
get activeCell(): number | undefined;
|
|
55
|
+
get tableHeader(): string | undefined;
|
|
56
|
+
get prevButtonLabel(): string;
|
|
57
|
+
get nextButtonLabel(): string;
|
|
58
|
+
/**
|
|
59
|
+
* Callback to invoke when a new month is selected
|
|
60
|
+
*/
|
|
61
|
+
readonly change: EventEmitter<T>;
|
|
62
|
+
/**
|
|
63
|
+
* Emits the selected year
|
|
64
|
+
*
|
|
65
|
+
* This doesn't imply a change on the selected date.
|
|
66
|
+
*/
|
|
67
|
+
readonly yearSelected: EventEmitter<T>;
|
|
68
|
+
/** Emits when any date is activated */
|
|
69
|
+
readonly pickerMomentChange: EventEmitter<T>;
|
|
70
|
+
/** Emits when use keyboard enter to select a calendar cell */
|
|
71
|
+
readonly keyboardEnter: EventEmitter<void>;
|
|
72
|
+
/** The body of calendar table */
|
|
73
|
+
private calendarBodyElm?;
|
|
74
|
+
/** @internal */
|
|
75
|
+
get calendarView(): boolean;
|
|
76
|
+
/** @internal */
|
|
77
|
+
get calendarMultiYearView(): boolean;
|
|
78
|
+
constructor(cdRef: ChangeDetectorRef, pickerIntl: DateTimeIntl, dateTimeAdapter: DateTimeAdapter<T>);
|
|
79
|
+
ngOnInit(): void;
|
|
80
|
+
ngAfterContentInit(): void;
|
|
81
|
+
/**
|
|
82
|
+
* Handle a calendarCell selected
|
|
83
|
+
*/
|
|
84
|
+
selectCalendarCell(cell: CalendarCell): void;
|
|
85
|
+
private selectYear;
|
|
86
|
+
/**
|
|
87
|
+
* Generate the previous year list
|
|
88
|
+
*/
|
|
89
|
+
prevYearList(event: any): void;
|
|
90
|
+
/**
|
|
91
|
+
* Generate the next year list
|
|
92
|
+
*/
|
|
93
|
+
nextYearList(event: any): void;
|
|
94
|
+
generateYearList(): void;
|
|
95
|
+
/** Whether the previous period button is enabled */
|
|
96
|
+
previousEnabled(): boolean;
|
|
97
|
+
/** Whether the next period button is enabled */
|
|
98
|
+
nextEnabled(): boolean;
|
|
99
|
+
handleCalendarKeydown(event: KeyboardEvent): void;
|
|
100
|
+
/**
|
|
101
|
+
* Creates an CalendarCell for the given year.
|
|
102
|
+
*/
|
|
103
|
+
private createYearCell;
|
|
104
|
+
private setSelectedYears;
|
|
105
|
+
/** Whether the given year is enabled */
|
|
106
|
+
private isYearEnabled;
|
|
107
|
+
private isSameYearList;
|
|
108
|
+
/**
|
|
109
|
+
* Get a valid date object
|
|
110
|
+
*/
|
|
111
|
+
private getValidDate;
|
|
112
|
+
private focusActiveCell;
|
|
113
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MultiYearViewComponent<any>, never>;
|
|
114
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MultiYearViewComponent<any>, "nxt-date-time-multi-year-view", never, { "selectMode": { "alias": "selectMode"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selecteds": { "alias": "selecteds"; "required": false; }; "pickerMoment": { "alias": "pickerMoment"; "required": false; }; "dateTimeFilter": { "alias": "dateTimeFilter"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, { "change": "change"; "yearSelected": "yearSelected"; "pickerMomentChange": "pickerMomentChange"; "keyboardEnter": "keyboardEnter"; }, never, never, false, never>;
|
|
115
|
+
}
|
|
@@ -1,123 +1,123 @@
|
|
|
1
|
-
import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
-
import { DateTimeAdapter } from '../../class/date-time-adapter.class';
|
|
3
|
-
import { DateTimeFormats } from '../../class/date-time-format.class';
|
|
4
|
-
import { DateFilter, SelectMode } from '../../class/date-time.class';
|
|
5
|
-
import { CalendarCell } from '../calendar-body/calendar-body.component';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class YearViewComponent<T> implements OnInit, AfterContentInit, OnDestroy {
|
|
8
|
-
private readonly cdRef;
|
|
9
|
-
private readonly dateTimeAdapter;
|
|
10
|
-
private readonly dateTimeFormats;
|
|
11
|
-
/**
|
|
12
|
-
* The select mode of the picker;
|
|
13
|
-
*/
|
|
14
|
-
private _selectMode;
|
|
15
|
-
get selectMode(): SelectMode;
|
|
16
|
-
set selectMode(val: SelectMode);
|
|
17
|
-
/** The currently selected date */
|
|
18
|
-
private _selected?;
|
|
19
|
-
get selected(): T | undefined;
|
|
20
|
-
set selected(value: T | undefined);
|
|
21
|
-
private _selecteds;
|
|
22
|
-
get selecteds(): Array<T | undefined>;
|
|
23
|
-
set selecteds(values: Array<T | undefined>);
|
|
24
|
-
private _pickerMoment?;
|
|
25
|
-
get pickerMoment(): T | undefined;
|
|
26
|
-
set pickerMoment(value: T | undefined);
|
|
27
|
-
/**
|
|
28
|
-
* A function used to filter which dates are selectable
|
|
29
|
-
*/
|
|
30
|
-
private _dateTimeFilter?;
|
|
31
|
-
get dateTimeFilter(): DateFilter<T> | undefined;
|
|
32
|
-
set dateTimeFilter(filter: DateFilter<T> | undefined);
|
|
33
|
-
/** The minimum selectable date */
|
|
34
|
-
private _minDate?;
|
|
35
|
-
get min(): T | undefined;
|
|
36
|
-
set min(value: T | undefined);
|
|
37
|
-
/** The maximum selectable date */
|
|
38
|
-
private _maxDate?;
|
|
39
|
-
get max(): T | undefined;
|
|
40
|
-
set max(value: T | undefined);
|
|
41
|
-
private readonly monthNames;
|
|
42
|
-
private _months?;
|
|
43
|
-
get months(): CalendarCell[][] | undefined;
|
|
44
|
-
get activeCell(): number | undefined;
|
|
45
|
-
get isInSingleMode(): boolean;
|
|
46
|
-
get isInRangeMode(): boolean;
|
|
47
|
-
private localeSub?;
|
|
48
|
-
private initiated;
|
|
49
|
-
todayMonth?: number;
|
|
50
|
-
/**
|
|
51
|
-
* An array to hold all selectedDates' month value
|
|
52
|
-
* the value is the month number in current year
|
|
53
|
-
*/
|
|
54
|
-
selectedMonths?: Array<number | undefined>;
|
|
55
|
-
/**
|
|
56
|
-
* Callback to invoke when a new month is selected
|
|
57
|
-
*/
|
|
58
|
-
readonly change: EventEmitter<T>;
|
|
59
|
-
/**
|
|
60
|
-
* Emits the selected year
|
|
61
|
-
*
|
|
62
|
-
* This doesn't imply a change on the selected date.
|
|
63
|
-
*/
|
|
64
|
-
readonly monthSelected: EventEmitter<T>;
|
|
65
|
-
/** Emits when any date is activated */
|
|
66
|
-
readonly pickerMomentChange: EventEmitter<T>;
|
|
67
|
-
/** Emits when use keyboard enter to select a calendar cell */
|
|
68
|
-
readonly keyboardEnter: EventEmitter<void>;
|
|
69
|
-
/** The body of calendar table */
|
|
70
|
-
private calendarBodyElm?;
|
|
71
|
-
/** @internal */
|
|
72
|
-
get calendarView(): boolean;
|
|
73
|
-
constructor(cdRef: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: DateTimeFormats);
|
|
74
|
-
ngOnInit(): void;
|
|
75
|
-
ngAfterContentInit(): void;
|
|
76
|
-
ngOnDestroy(): void;
|
|
77
|
-
/**
|
|
78
|
-
* Handle a calendarCell selected
|
|
79
|
-
*/
|
|
80
|
-
selectCalendarCell(cell: CalendarCell): void;
|
|
81
|
-
/**
|
|
82
|
-
* Handle a new month selected
|
|
83
|
-
*/
|
|
84
|
-
private selectMonth;
|
|
85
|
-
/**
|
|
86
|
-
* Handle keydown event on calendar body
|
|
87
|
-
*/
|
|
88
|
-
handleCalendarKeydown(event: KeyboardEvent): void;
|
|
89
|
-
/**
|
|
90
|
-
* Generate the calendar month list
|
|
91
|
-
*/
|
|
92
|
-
private generateMonthList;
|
|
93
|
-
/**
|
|
94
|
-
* Creates an CalendarCell for the given month.
|
|
95
|
-
*/
|
|
96
|
-
private createMonthCell;
|
|
97
|
-
/**
|
|
98
|
-
* Check if the given month is enable
|
|
99
|
-
*/
|
|
100
|
-
private isMonthEnabled;
|
|
101
|
-
/**
|
|
102
|
-
* Gets the month in this year that the given Date falls on.
|
|
103
|
-
* Returns undefined if the given Date is in another year.
|
|
104
|
-
*/
|
|
105
|
-
private getMonthInCurrentYear;
|
|
106
|
-
/**
|
|
107
|
-
* Set the selectedMonths value
|
|
108
|
-
* In single mode, it has only one value which represent the month the selected date in
|
|
109
|
-
* In range mode, it would has two values, one for the month the fromValue in and the other for the month the toValue in
|
|
110
|
-
*/
|
|
111
|
-
private setSelectedMonths;
|
|
112
|
-
/**
|
|
113
|
-
* Check the given dates are in the same year
|
|
114
|
-
*/
|
|
115
|
-
private hasSameYear;
|
|
116
|
-
/**
|
|
117
|
-
* Get a valid date object
|
|
118
|
-
*/
|
|
119
|
-
private getValidDate;
|
|
120
|
-
private focusActiveCell;
|
|
121
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<YearViewComponent<any>, never>;
|
|
122
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<YearViewComponent<any>, "nxt-date-time-year-view", never, { "selectMode": "selectMode"; "selected": "selected"; "selecteds": "selecteds"; "pickerMoment": "pickerMoment"; "dateTimeFilter": "dateTimeFilter"; "min": "min"; "max": "max"; }, { "change": "change"; "monthSelected": "monthSelected"; "pickerMomentChange": "pickerMomentChange"; "keyboardEnter": "keyboardEnter"; }, never, never, false, never>;
|
|
123
|
-
}
|
|
1
|
+
import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { DateTimeAdapter } from '../../class/date-time-adapter.class';
|
|
3
|
+
import { DateTimeFormats } from '../../class/date-time-format.class';
|
|
4
|
+
import { DateFilter, SelectMode } from '../../class/date-time.class';
|
|
5
|
+
import { CalendarCell } from '../calendar-body/calendar-body.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class YearViewComponent<T> implements OnInit, AfterContentInit, OnDestroy {
|
|
8
|
+
private readonly cdRef;
|
|
9
|
+
private readonly dateTimeAdapter;
|
|
10
|
+
private readonly dateTimeFormats;
|
|
11
|
+
/**
|
|
12
|
+
* The select mode of the picker;
|
|
13
|
+
*/
|
|
14
|
+
private _selectMode;
|
|
15
|
+
get selectMode(): SelectMode;
|
|
16
|
+
set selectMode(val: SelectMode);
|
|
17
|
+
/** The currently selected date */
|
|
18
|
+
private _selected?;
|
|
19
|
+
get selected(): T | undefined;
|
|
20
|
+
set selected(value: T | undefined);
|
|
21
|
+
private _selecteds;
|
|
22
|
+
get selecteds(): Array<T | undefined>;
|
|
23
|
+
set selecteds(values: Array<T | undefined>);
|
|
24
|
+
private _pickerMoment?;
|
|
25
|
+
get pickerMoment(): T | undefined;
|
|
26
|
+
set pickerMoment(value: T | undefined);
|
|
27
|
+
/**
|
|
28
|
+
* A function used to filter which dates are selectable
|
|
29
|
+
*/
|
|
30
|
+
private _dateTimeFilter?;
|
|
31
|
+
get dateTimeFilter(): DateFilter<T> | undefined;
|
|
32
|
+
set dateTimeFilter(filter: DateFilter<T> | undefined);
|
|
33
|
+
/** The minimum selectable date */
|
|
34
|
+
private _minDate?;
|
|
35
|
+
get min(): T | undefined;
|
|
36
|
+
set min(value: T | undefined);
|
|
37
|
+
/** The maximum selectable date */
|
|
38
|
+
private _maxDate?;
|
|
39
|
+
get max(): T | undefined;
|
|
40
|
+
set max(value: T | undefined);
|
|
41
|
+
private readonly monthNames;
|
|
42
|
+
private _months?;
|
|
43
|
+
get months(): CalendarCell[][] | undefined;
|
|
44
|
+
get activeCell(): number | undefined;
|
|
45
|
+
get isInSingleMode(): boolean;
|
|
46
|
+
get isInRangeMode(): boolean;
|
|
47
|
+
private localeSub?;
|
|
48
|
+
private initiated;
|
|
49
|
+
todayMonth?: number;
|
|
50
|
+
/**
|
|
51
|
+
* An array to hold all selectedDates' month value
|
|
52
|
+
* the value is the month number in current year
|
|
53
|
+
*/
|
|
54
|
+
selectedMonths?: Array<number | undefined>;
|
|
55
|
+
/**
|
|
56
|
+
* Callback to invoke when a new month is selected
|
|
57
|
+
*/
|
|
58
|
+
readonly change: EventEmitter<T>;
|
|
59
|
+
/**
|
|
60
|
+
* Emits the selected year
|
|
61
|
+
*
|
|
62
|
+
* This doesn't imply a change on the selected date.
|
|
63
|
+
*/
|
|
64
|
+
readonly monthSelected: EventEmitter<T>;
|
|
65
|
+
/** Emits when any date is activated */
|
|
66
|
+
readonly pickerMomentChange: EventEmitter<T>;
|
|
67
|
+
/** Emits when use keyboard enter to select a calendar cell */
|
|
68
|
+
readonly keyboardEnter: EventEmitter<void>;
|
|
69
|
+
/** The body of calendar table */
|
|
70
|
+
private calendarBodyElm?;
|
|
71
|
+
/** @internal */
|
|
72
|
+
get calendarView(): boolean;
|
|
73
|
+
constructor(cdRef: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: DateTimeFormats);
|
|
74
|
+
ngOnInit(): void;
|
|
75
|
+
ngAfterContentInit(): void;
|
|
76
|
+
ngOnDestroy(): void;
|
|
77
|
+
/**
|
|
78
|
+
* Handle a calendarCell selected
|
|
79
|
+
*/
|
|
80
|
+
selectCalendarCell(cell: CalendarCell): void;
|
|
81
|
+
/**
|
|
82
|
+
* Handle a new month selected
|
|
83
|
+
*/
|
|
84
|
+
private selectMonth;
|
|
85
|
+
/**
|
|
86
|
+
* Handle keydown event on calendar body
|
|
87
|
+
*/
|
|
88
|
+
handleCalendarKeydown(event: KeyboardEvent): void;
|
|
89
|
+
/**
|
|
90
|
+
* Generate the calendar month list
|
|
91
|
+
*/
|
|
92
|
+
private generateMonthList;
|
|
93
|
+
/**
|
|
94
|
+
* Creates an CalendarCell for the given month.
|
|
95
|
+
*/
|
|
96
|
+
private createMonthCell;
|
|
97
|
+
/**
|
|
98
|
+
* Check if the given month is enable
|
|
99
|
+
*/
|
|
100
|
+
private isMonthEnabled;
|
|
101
|
+
/**
|
|
102
|
+
* Gets the month in this year that the given Date falls on.
|
|
103
|
+
* Returns undefined if the given Date is in another year.
|
|
104
|
+
*/
|
|
105
|
+
private getMonthInCurrentYear;
|
|
106
|
+
/**
|
|
107
|
+
* Set the selectedMonths value
|
|
108
|
+
* In single mode, it has only one value which represent the month the selected date in
|
|
109
|
+
* In range mode, it would has two values, one for the month the fromValue in and the other for the month the toValue in
|
|
110
|
+
*/
|
|
111
|
+
private setSelectedMonths;
|
|
112
|
+
/**
|
|
113
|
+
* Check the given dates are in the same year
|
|
114
|
+
*/
|
|
115
|
+
private hasSameYear;
|
|
116
|
+
/**
|
|
117
|
+
* Get a valid date object
|
|
118
|
+
*/
|
|
119
|
+
private getValidDate;
|
|
120
|
+
private focusActiveCell;
|
|
121
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<YearViewComponent<any>, never>;
|
|
122
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<YearViewComponent<any>, "nxt-date-time-year-view", never, { "selectMode": { "alias": "selectMode"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selecteds": { "alias": "selecteds"; "required": false; }; "pickerMoment": { "alias": "pickerMoment"; "required": false; }; "dateTimeFilter": { "alias": "dateTimeFilter"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, { "change": "change"; "monthSelected": "monthSelected"; "pickerMomentChange": "pickerMomentChange"; "keyboardEnter": "keyboardEnter"; }, never, never, false, never>;
|
|
123
|
+
}
|