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,90 +1,90 @@
|
|
|
1
|
-
import { ScrollStrategy } from '@angular/cdk/overlay';
|
|
2
|
-
import { ViewContainerRef } from '@angular/core';
|
|
3
|
-
/** Possible overrides for a dialog's position */
|
|
4
|
-
export interface DialogPosition {
|
|
5
|
-
/** Override for the dialog's top position */
|
|
6
|
-
top?: string;
|
|
7
|
-
/** Override for the dialog's bottom position */
|
|
8
|
-
bottom?: string;
|
|
9
|
-
/** Override for the dialog's left position */
|
|
10
|
-
left?: string;
|
|
11
|
-
/** Override for the dialog's right position */
|
|
12
|
-
right?: string;
|
|
13
|
-
}
|
|
14
|
-
export declare class DialogConfig {
|
|
15
|
-
/**
|
|
16
|
-
* ID of the element that describes the dialog.
|
|
17
|
-
*/
|
|
18
|
-
ariaDescribedBy?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Whether to focus the dialog when the dialog is isOpen
|
|
21
|
-
*/
|
|
22
|
-
autoFocus: boolean;
|
|
23
|
-
/** Whether the dialog has a backdrop */
|
|
24
|
-
hasBackdrop?: boolean | undefined;
|
|
25
|
-
/**
|
|
26
|
-
* Custom style for the backdrop
|
|
27
|
-
*/
|
|
28
|
-
backdropStyle?: any;
|
|
29
|
-
/** Data being injected into the child component */
|
|
30
|
-
data?: any;
|
|
31
|
-
/** Whether the user can use escape or clicking outside to close a modal */
|
|
32
|
-
disableClose?: boolean | undefined;
|
|
33
|
-
/**
|
|
34
|
-
* ID for the modal. If omitted, a unique one will be generated.
|
|
35
|
-
*/
|
|
36
|
-
id?: string;
|
|
37
|
-
/**
|
|
38
|
-
* The ARIA role of the dialog element.
|
|
39
|
-
*/
|
|
40
|
-
role?: 'dialog' | 'alertdialog';
|
|
41
|
-
/**
|
|
42
|
-
* Custom class for the pane
|
|
43
|
-
*/
|
|
44
|
-
paneClass?: string | string[];
|
|
45
|
-
/**
|
|
46
|
-
* Mouse Event
|
|
47
|
-
*/
|
|
48
|
-
event?: MouseEvent;
|
|
49
|
-
/**
|
|
50
|
-
* Custom class for the backdrop
|
|
51
|
-
*/
|
|
52
|
-
backdropClass?: string | string[];
|
|
53
|
-
/**
|
|
54
|
-
* Whether the dialog should close when the user goes backwards/forwards in history.
|
|
55
|
-
*/
|
|
56
|
-
closeOnNavigation?: boolean;
|
|
57
|
-
/** Width of the dialog */
|
|
58
|
-
width?: string;
|
|
59
|
-
/** Height of the dialog */
|
|
60
|
-
height?: string;
|
|
61
|
-
/**
|
|
62
|
-
* The min-width of the overlay panel.
|
|
63
|
-
* If a number is provided, pixel units are assumed.
|
|
64
|
-
*/
|
|
65
|
-
minWidth?: number | string;
|
|
66
|
-
/**
|
|
67
|
-
* The min-height of the overlay panel.
|
|
68
|
-
* If a number is provided, pixel units are assumed.
|
|
69
|
-
*/
|
|
70
|
-
minHeight?: number | string;
|
|
71
|
-
/**
|
|
72
|
-
* The max-width of the overlay panel.
|
|
73
|
-
* If a number is provided, pixel units are assumed.
|
|
74
|
-
*/
|
|
75
|
-
maxWidth?: number | string;
|
|
76
|
-
/**
|
|
77
|
-
* The max-height of the overlay panel.
|
|
78
|
-
* If a number is provided, pixel units are assumed.
|
|
79
|
-
*/
|
|
80
|
-
maxHeight?: number | string;
|
|
81
|
-
/** Position overrides */
|
|
82
|
-
position?: DialogPosition;
|
|
83
|
-
/**
|
|
84
|
-
* The scroll strategy when the dialog is open
|
|
85
|
-
* Learn more this from https://material.angular.io/cdk/overlay/overview#scroll-strategies
|
|
86
|
-
*/
|
|
87
|
-
scrollStrategy?: ScrollStrategy;
|
|
88
|
-
viewContainerRef?: ViewContainerRef;
|
|
89
|
-
constructor();
|
|
90
|
-
}
|
|
1
|
+
import { ScrollStrategy } from '@angular/cdk/overlay';
|
|
2
|
+
import { ViewContainerRef } from '@angular/core';
|
|
3
|
+
/** Possible overrides for a dialog's position */
|
|
4
|
+
export interface DialogPosition {
|
|
5
|
+
/** Override for the dialog's top position */
|
|
6
|
+
top?: string;
|
|
7
|
+
/** Override for the dialog's bottom position */
|
|
8
|
+
bottom?: string;
|
|
9
|
+
/** Override for the dialog's left position */
|
|
10
|
+
left?: string;
|
|
11
|
+
/** Override for the dialog's right position */
|
|
12
|
+
right?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare class DialogConfig {
|
|
15
|
+
/**
|
|
16
|
+
* ID of the element that describes the dialog.
|
|
17
|
+
*/
|
|
18
|
+
ariaDescribedBy?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Whether to focus the dialog when the dialog is isOpen
|
|
21
|
+
*/
|
|
22
|
+
autoFocus: boolean;
|
|
23
|
+
/** Whether the dialog has a backdrop */
|
|
24
|
+
hasBackdrop?: boolean | undefined;
|
|
25
|
+
/**
|
|
26
|
+
* Custom style for the backdrop
|
|
27
|
+
*/
|
|
28
|
+
backdropStyle?: any;
|
|
29
|
+
/** Data being injected into the child component */
|
|
30
|
+
data?: any;
|
|
31
|
+
/** Whether the user can use escape or clicking outside to close a modal */
|
|
32
|
+
disableClose?: boolean | undefined;
|
|
33
|
+
/**
|
|
34
|
+
* ID for the modal. If omitted, a unique one will be generated.
|
|
35
|
+
*/
|
|
36
|
+
id?: string;
|
|
37
|
+
/**
|
|
38
|
+
* The ARIA role of the dialog element.
|
|
39
|
+
*/
|
|
40
|
+
role?: 'dialog' | 'alertdialog';
|
|
41
|
+
/**
|
|
42
|
+
* Custom class for the pane
|
|
43
|
+
*/
|
|
44
|
+
paneClass?: string | string[];
|
|
45
|
+
/**
|
|
46
|
+
* Mouse Event
|
|
47
|
+
*/
|
|
48
|
+
event?: MouseEvent;
|
|
49
|
+
/**
|
|
50
|
+
* Custom class for the backdrop
|
|
51
|
+
*/
|
|
52
|
+
backdropClass?: string | string[];
|
|
53
|
+
/**
|
|
54
|
+
* Whether the dialog should close when the user goes backwards/forwards in history.
|
|
55
|
+
*/
|
|
56
|
+
closeOnNavigation?: boolean;
|
|
57
|
+
/** Width of the dialog */
|
|
58
|
+
width?: string;
|
|
59
|
+
/** Height of the dialog */
|
|
60
|
+
height?: string;
|
|
61
|
+
/**
|
|
62
|
+
* The min-width of the overlay panel.
|
|
63
|
+
* If a number is provided, pixel units are assumed.
|
|
64
|
+
*/
|
|
65
|
+
minWidth?: number | string;
|
|
66
|
+
/**
|
|
67
|
+
* The min-height of the overlay panel.
|
|
68
|
+
* If a number is provided, pixel units are assumed.
|
|
69
|
+
*/
|
|
70
|
+
minHeight?: number | string;
|
|
71
|
+
/**
|
|
72
|
+
* The max-width of the overlay panel.
|
|
73
|
+
* If a number is provided, pixel units are assumed.
|
|
74
|
+
*/
|
|
75
|
+
maxWidth?: number | string;
|
|
76
|
+
/**
|
|
77
|
+
* The max-height of the overlay panel.
|
|
78
|
+
* If a number is provided, pixel units are assumed.
|
|
79
|
+
*/
|
|
80
|
+
maxHeight?: number | string;
|
|
81
|
+
/** Position overrides */
|
|
82
|
+
position?: DialogPosition;
|
|
83
|
+
/**
|
|
84
|
+
* The scroll strategy when the dialog is open
|
|
85
|
+
* Learn more this from https://material.angular.io/cdk/overlay/overview#scroll-strategies
|
|
86
|
+
*/
|
|
87
|
+
scrollStrategy?: ScrollStrategy;
|
|
88
|
+
viewContainerRef?: ViewContainerRef;
|
|
89
|
+
constructor();
|
|
90
|
+
}
|
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
import { OverlayRef } from '@angular/cdk/overlay';
|
|
2
|
-
import { Location } from '@angular/common';
|
|
3
|
-
import { DialogContainerComponent } from '../dialog/dialog-container/dialog-container.component';
|
|
4
|
-
import { DialogPosition } from './dialog-config.class';
|
|
5
|
-
export declare class DialogRef<T> {
|
|
6
|
-
private readonly overlayRef;
|
|
7
|
-
private readonly container;
|
|
8
|
-
readonly id?: string | undefined;
|
|
9
|
-
private result;
|
|
10
|
-
private readonly _beforeClose$;
|
|
11
|
-
private readonly _afterOpen$;
|
|
12
|
-
private readonly _afterClosed$;
|
|
13
|
-
/** Subscription to changes in the user's location */
|
|
14
|
-
private locationChanged?;
|
|
15
|
-
/**
|
|
16
|
-
* The instance of component isOpen into modal
|
|
17
|
-
*/
|
|
18
|
-
componentInstance?: T;
|
|
19
|
-
/** Whether the user is allowed to close the dialog */
|
|
20
|
-
disableClose: boolean;
|
|
21
|
-
constructor(overlayRef: OverlayRef, container: DialogContainerComponent, id?: string | undefined, location?: Location);
|
|
22
|
-
close(dialogResult?: any): void;
|
|
23
|
-
/**
|
|
24
|
-
* Gets an observable that emits when the overlay's backdrop has been clicked.
|
|
25
|
-
*/
|
|
26
|
-
backdropClick(): import("rxjs").Observable<MouseEvent>;
|
|
27
|
-
/**
|
|
28
|
-
* Gets an observable that emits when keydown events are targeted on the overlay.
|
|
29
|
-
*/
|
|
30
|
-
keydownEvents(): import("rxjs").Observable<KeyboardEvent>;
|
|
31
|
-
/**
|
|
32
|
-
* Updates the dialog's position.
|
|
33
|
-
*
|
|
34
|
-
* @param position New dialog position.
|
|
35
|
-
*/
|
|
36
|
-
updatePosition(position?: DialogPosition): this;
|
|
37
|
-
/**
|
|
38
|
-
* Updates the dialog's width and height.
|
|
39
|
-
*
|
|
40
|
-
* @param width New width of the dialog.
|
|
41
|
-
* @param height New height of the dialog.
|
|
42
|
-
*/
|
|
43
|
-
updateSize(width?: string, height?: string): this;
|
|
44
|
-
isAnimating(): boolean;
|
|
45
|
-
afterOpen(): import("rxjs").Observable<void>;
|
|
46
|
-
beforeClose(): import("rxjs").Observable<void>;
|
|
47
|
-
afterClosed(): import("rxjs").Observable<void>;
|
|
48
|
-
/** Fetches the position strategy object from the overlay ref */
|
|
49
|
-
private getPositionStrategy;
|
|
50
|
-
}
|
|
1
|
+
import { OverlayRef } from '@angular/cdk/overlay';
|
|
2
|
+
import { Location } from '@angular/common';
|
|
3
|
+
import { DialogContainerComponent } from '../dialog/dialog-container/dialog-container.component';
|
|
4
|
+
import { DialogPosition } from './dialog-config.class';
|
|
5
|
+
export declare class DialogRef<T> {
|
|
6
|
+
private readonly overlayRef;
|
|
7
|
+
private readonly container;
|
|
8
|
+
readonly id?: string | undefined;
|
|
9
|
+
private result;
|
|
10
|
+
private readonly _beforeClose$;
|
|
11
|
+
private readonly _afterOpen$;
|
|
12
|
+
private readonly _afterClosed$;
|
|
13
|
+
/** Subscription to changes in the user's location */
|
|
14
|
+
private locationChanged?;
|
|
15
|
+
/**
|
|
16
|
+
* The instance of component isOpen into modal
|
|
17
|
+
*/
|
|
18
|
+
componentInstance?: T;
|
|
19
|
+
/** Whether the user is allowed to close the dialog */
|
|
20
|
+
disableClose: boolean;
|
|
21
|
+
constructor(overlayRef: OverlayRef, container: DialogContainerComponent, id?: string | undefined, location?: Location);
|
|
22
|
+
close(dialogResult?: any): void;
|
|
23
|
+
/**
|
|
24
|
+
* Gets an observable that emits when the overlay's backdrop has been clicked.
|
|
25
|
+
*/
|
|
26
|
+
backdropClick(): import("rxjs").Observable<MouseEvent>;
|
|
27
|
+
/**
|
|
28
|
+
* Gets an observable that emits when keydown events are targeted on the overlay.
|
|
29
|
+
*/
|
|
30
|
+
keydownEvents(): import("rxjs").Observable<KeyboardEvent>;
|
|
31
|
+
/**
|
|
32
|
+
* Updates the dialog's position.
|
|
33
|
+
*
|
|
34
|
+
* @param position New dialog position.
|
|
35
|
+
*/
|
|
36
|
+
updatePosition(position?: DialogPosition): this;
|
|
37
|
+
/**
|
|
38
|
+
* Updates the dialog's width and height.
|
|
39
|
+
*
|
|
40
|
+
* @param width New width of the dialog.
|
|
41
|
+
* @param height New height of the dialog.
|
|
42
|
+
*/
|
|
43
|
+
updateSize(width?: string, height?: string): this;
|
|
44
|
+
isAnimating(): boolean;
|
|
45
|
+
afterOpen(): import("rxjs").Observable<void>;
|
|
46
|
+
beforeClose(): import("rxjs").Observable<void>;
|
|
47
|
+
afterClosed(): import("rxjs").Observable<void>;
|
|
48
|
+
/** Fetches the position strategy object from the overlay ref */
|
|
49
|
+
private getPositionStrategy;
|
|
50
|
+
}
|
|
@@ -1,147 +1,147 @@
|
|
|
1
|
-
import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, 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 { DateTimeIntl } from '../date-time-picker-intl.service';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class CalendarComponent<T> implements OnInit, AfterContentInit, AfterViewChecked, OnDestroy {
|
|
8
|
-
private readonly elmRef;
|
|
9
|
-
private readonly pickerIntl;
|
|
10
|
-
private readonly ngZone;
|
|
11
|
-
private readonly cdRef;
|
|
12
|
-
private readonly dateTimeAdapter;
|
|
13
|
-
private readonly dateTimeFormats;
|
|
14
|
-
/**
|
|
15
|
-
* Date filter for the month and year view
|
|
16
|
-
*/
|
|
17
|
-
dateTimeFilter?: DateFilter<T>;
|
|
18
|
-
/**
|
|
19
|
-
* Set the first day of week
|
|
20
|
-
*/
|
|
21
|
-
firstDayOfWeek: number;
|
|
22
|
-
/** The minimum selectable date */
|
|
23
|
-
private _minDate?;
|
|
24
|
-
get min(): T | undefined;
|
|
25
|
-
set min(value: T | undefined);
|
|
26
|
-
/** The maximum selectable date */
|
|
27
|
-
private _maxDate?;
|
|
28
|
-
get max(): T | undefined;
|
|
29
|
-
set max(value: T | undefined);
|
|
30
|
-
/** The current picker moment */
|
|
31
|
-
private _pickerMoment?;
|
|
32
|
-
get pickerMoment(): T | undefined;
|
|
33
|
-
set pickerMoment(value: T | undefined);
|
|
34
|
-
selectMode?: SelectMode;
|
|
35
|
-
/** The currently selected moment */
|
|
36
|
-
private _selected?;
|
|
37
|
-
get selected(): T | undefined;
|
|
38
|
-
set selected(value: T | undefined);
|
|
39
|
-
private _selecteds;
|
|
40
|
-
get selecteds(): Array<T | undefined>;
|
|
41
|
-
set selecteds(values: Array<T | undefined>);
|
|
42
|
-
/**
|
|
43
|
-
* The view that the calendar should start in
|
|
44
|
-
*/
|
|
45
|
-
startView: 'month' | 'year' | 'multi-years';
|
|
46
|
-
/**
|
|
47
|
-
* Whether to hide dates in other months at the start or end of the current month
|
|
48
|
-
*/
|
|
49
|
-
hideOtherMonths: boolean;
|
|
50
|
-
/** Emits when the currently picker moment changes */
|
|
51
|
-
readonly pickerMomentChange: EventEmitter<T>;
|
|
52
|
-
/** Emits when the currently selected date changes */
|
|
53
|
-
readonly selectedChange: EventEmitter<T | undefined>;
|
|
54
|
-
/** Emits when any date is selected */
|
|
55
|
-
readonly userSelection: EventEmitter<void>;
|
|
56
|
-
/**
|
|
57
|
-
* Emits the selected year
|
|
58
|
-
*
|
|
59
|
-
* This doesn't imply a change on the selected date.
|
|
60
|
-
*/
|
|
61
|
-
readonly yearSelected: EventEmitter<T>;
|
|
62
|
-
/**
|
|
63
|
-
* Emits the selected month
|
|
64
|
-
*
|
|
65
|
-
* This doesn't imply a change on the selected date.
|
|
66
|
-
*/
|
|
67
|
-
readonly monthSelected: EventEmitter<T>;
|
|
68
|
-
get periodButtonText(): string;
|
|
69
|
-
get periodButtonLabel(): string;
|
|
70
|
-
get prevButtonLabel(): string | undefined;
|
|
71
|
-
get nextButtonLabel(): string | undefined;
|
|
72
|
-
private _currentView?;
|
|
73
|
-
get currentView(): 'month' | 'year' | 'multi-years' | undefined;
|
|
74
|
-
set currentView(view: 'month' | 'year' | 'multi-years' | undefined);
|
|
75
|
-
get isInSingleMode(): boolean;
|
|
76
|
-
get isInRangeMode(): boolean;
|
|
77
|
-
get showControlArrows(): boolean;
|
|
78
|
-
get isMonthView(): boolean;
|
|
79
|
-
/**
|
|
80
|
-
* Date filter for the month and year view
|
|
81
|
-
*/
|
|
82
|
-
dateTimeFilterForViews: (date?: T) => boolean;
|
|
83
|
-
/**
|
|
84
|
-
* Bind class 'nxt-dt-calendar' to host
|
|
85
|
-
*
|
|
86
|
-
* @internal
|
|
87
|
-
*/
|
|
88
|
-
get calendarClass(): boolean;
|
|
89
|
-
private intlChangesSub?;
|
|
90
|
-
/**
|
|
91
|
-
* Used for scheduling that focus should be moved to the active cell on the next tick.
|
|
92
|
-
* We need to schedule it, rather than do it immediately, because we have to wait
|
|
93
|
-
* for Angular to re-evaluate the view children.
|
|
94
|
-
*/
|
|
95
|
-
private moveFocusOnNextTick;
|
|
96
|
-
constructor(elmRef: ElementRef<HTMLElement>, pickerIntl: DateTimeIntl, ngZone: NgZone, cdRef: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: DateTimeFormats);
|
|
97
|
-
ngOnInit(): void;
|
|
98
|
-
ngAfterContentInit(): void;
|
|
99
|
-
ngAfterViewChecked(): void;
|
|
100
|
-
ngOnDestroy(): void;
|
|
101
|
-
/**
|
|
102
|
-
* Toggle between month view and year view
|
|
103
|
-
*/
|
|
104
|
-
toggleViews(): void;
|
|
105
|
-
/**
|
|
106
|
-
* Handles user clicks on the previous button.
|
|
107
|
-
*/
|
|
108
|
-
previousClicked(): void;
|
|
109
|
-
/**
|
|
110
|
-
* Handles user clicks on the next button.
|
|
111
|
-
*/
|
|
112
|
-
nextClicked(): void;
|
|
113
|
-
dateSelected(date?: T): void;
|
|
114
|
-
/**
|
|
115
|
-
* Change the pickerMoment value and switch to a specific view
|
|
116
|
-
*/
|
|
117
|
-
goToDateInView(date: T, view: 'month' | 'year' | 'multi-years'): void;
|
|
118
|
-
/**
|
|
119
|
-
* Change the pickerMoment value
|
|
120
|
-
*/
|
|
121
|
-
handlePickerMomentChange(date: T): void;
|
|
122
|
-
userSelected(): void;
|
|
123
|
-
/**
|
|
124
|
-
* Whether the previous period button is enabled.
|
|
125
|
-
*/
|
|
126
|
-
prevButtonEnabled(): boolean;
|
|
127
|
-
/**
|
|
128
|
-
* Whether the next period button is enabled.
|
|
129
|
-
*/
|
|
130
|
-
nextButtonEnabled(): boolean;
|
|
131
|
-
/**
|
|
132
|
-
* Focus to the host element
|
|
133
|
-
*/
|
|
134
|
-
focusActiveCell(): void;
|
|
135
|
-
selectYearInMultiYearView(normalizedYear: T): void;
|
|
136
|
-
selectMonthInYearView(normalizedMonth: T): void;
|
|
137
|
-
/**
|
|
138
|
-
* Whether the two dates represent the same view in the current view mode (month or year).
|
|
139
|
-
*/
|
|
140
|
-
private isSameView;
|
|
141
|
-
/**
|
|
142
|
-
* Get a valid date object
|
|
143
|
-
*/
|
|
144
|
-
private getValidDate;
|
|
145
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent<any>, never>;
|
|
146
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent<any>, "nxt-date-time-calendar", never, { "dateTimeFilter": "dateTimeFilter"; "firstDayOfWeek": "firstDayOfWeek"; "min": "min"; "max": "max"; "pickerMoment": "pickerMoment"; "selectMode": "selectMode"; "selected": "selected"; "selecteds": "selecteds"; "startView": "startView"; "hideOtherMonths": "hideOtherMonths"; }, { "pickerMomentChange": "pickerMomentChange"; "selectedChange": "selectedChange"; "userSelection": "userSelection"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; }, never, never, false, never>;
|
|
147
|
-
}
|
|
1
|
+
import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, 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 { DateTimeIntl } from '../date-time-picker-intl.service';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class CalendarComponent<T> implements OnInit, AfterContentInit, AfterViewChecked, OnDestroy {
|
|
8
|
+
private readonly elmRef;
|
|
9
|
+
private readonly pickerIntl;
|
|
10
|
+
private readonly ngZone;
|
|
11
|
+
private readonly cdRef;
|
|
12
|
+
private readonly dateTimeAdapter;
|
|
13
|
+
private readonly dateTimeFormats;
|
|
14
|
+
/**
|
|
15
|
+
* Date filter for the month and year view
|
|
16
|
+
*/
|
|
17
|
+
dateTimeFilter?: DateFilter<T>;
|
|
18
|
+
/**
|
|
19
|
+
* Set the first day of week
|
|
20
|
+
*/
|
|
21
|
+
firstDayOfWeek: number;
|
|
22
|
+
/** The minimum selectable date */
|
|
23
|
+
private _minDate?;
|
|
24
|
+
get min(): T | undefined;
|
|
25
|
+
set min(value: T | undefined);
|
|
26
|
+
/** The maximum selectable date */
|
|
27
|
+
private _maxDate?;
|
|
28
|
+
get max(): T | undefined;
|
|
29
|
+
set max(value: T | undefined);
|
|
30
|
+
/** The current picker moment */
|
|
31
|
+
private _pickerMoment?;
|
|
32
|
+
get pickerMoment(): T | undefined;
|
|
33
|
+
set pickerMoment(value: T | undefined);
|
|
34
|
+
selectMode?: SelectMode;
|
|
35
|
+
/** The currently selected moment */
|
|
36
|
+
private _selected?;
|
|
37
|
+
get selected(): T | undefined;
|
|
38
|
+
set selected(value: T | undefined);
|
|
39
|
+
private _selecteds;
|
|
40
|
+
get selecteds(): Array<T | undefined>;
|
|
41
|
+
set selecteds(values: Array<T | undefined>);
|
|
42
|
+
/**
|
|
43
|
+
* The view that the calendar should start in
|
|
44
|
+
*/
|
|
45
|
+
startView: 'month' | 'year' | 'multi-years';
|
|
46
|
+
/**
|
|
47
|
+
* Whether to hide dates in other months at the start or end of the current month
|
|
48
|
+
*/
|
|
49
|
+
hideOtherMonths: boolean;
|
|
50
|
+
/** Emits when the currently picker moment changes */
|
|
51
|
+
readonly pickerMomentChange: EventEmitter<T>;
|
|
52
|
+
/** Emits when the currently selected date changes */
|
|
53
|
+
readonly selectedChange: EventEmitter<T | undefined>;
|
|
54
|
+
/** Emits when any date is selected */
|
|
55
|
+
readonly userSelection: EventEmitter<void>;
|
|
56
|
+
/**
|
|
57
|
+
* Emits the selected year
|
|
58
|
+
*
|
|
59
|
+
* This doesn't imply a change on the selected date.
|
|
60
|
+
*/
|
|
61
|
+
readonly yearSelected: EventEmitter<T>;
|
|
62
|
+
/**
|
|
63
|
+
* Emits the selected month
|
|
64
|
+
*
|
|
65
|
+
* This doesn't imply a change on the selected date.
|
|
66
|
+
*/
|
|
67
|
+
readonly monthSelected: EventEmitter<T>;
|
|
68
|
+
get periodButtonText(): string;
|
|
69
|
+
get periodButtonLabel(): string;
|
|
70
|
+
get prevButtonLabel(): string | undefined;
|
|
71
|
+
get nextButtonLabel(): string | undefined;
|
|
72
|
+
private _currentView?;
|
|
73
|
+
get currentView(): 'month' | 'year' | 'multi-years' | undefined;
|
|
74
|
+
set currentView(view: 'month' | 'year' | 'multi-years' | undefined);
|
|
75
|
+
get isInSingleMode(): boolean;
|
|
76
|
+
get isInRangeMode(): boolean;
|
|
77
|
+
get showControlArrows(): boolean;
|
|
78
|
+
get isMonthView(): boolean;
|
|
79
|
+
/**
|
|
80
|
+
* Date filter for the month and year view
|
|
81
|
+
*/
|
|
82
|
+
dateTimeFilterForViews: (date?: T) => boolean;
|
|
83
|
+
/**
|
|
84
|
+
* Bind class 'nxt-dt-calendar' to host
|
|
85
|
+
*
|
|
86
|
+
* @internal
|
|
87
|
+
*/
|
|
88
|
+
get calendarClass(): boolean;
|
|
89
|
+
private intlChangesSub?;
|
|
90
|
+
/**
|
|
91
|
+
* Used for scheduling that focus should be moved to the active cell on the next tick.
|
|
92
|
+
* We need to schedule it, rather than do it immediately, because we have to wait
|
|
93
|
+
* for Angular to re-evaluate the view children.
|
|
94
|
+
*/
|
|
95
|
+
private moveFocusOnNextTick;
|
|
96
|
+
constructor(elmRef: ElementRef<HTMLElement>, pickerIntl: DateTimeIntl, ngZone: NgZone, cdRef: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: DateTimeFormats);
|
|
97
|
+
ngOnInit(): void;
|
|
98
|
+
ngAfterContentInit(): void;
|
|
99
|
+
ngAfterViewChecked(): void;
|
|
100
|
+
ngOnDestroy(): void;
|
|
101
|
+
/**
|
|
102
|
+
* Toggle between month view and year view
|
|
103
|
+
*/
|
|
104
|
+
toggleViews(): void;
|
|
105
|
+
/**
|
|
106
|
+
* Handles user clicks on the previous button.
|
|
107
|
+
*/
|
|
108
|
+
previousClicked(): void;
|
|
109
|
+
/**
|
|
110
|
+
* Handles user clicks on the next button.
|
|
111
|
+
*/
|
|
112
|
+
nextClicked(): void;
|
|
113
|
+
dateSelected(date?: T): void;
|
|
114
|
+
/**
|
|
115
|
+
* Change the pickerMoment value and switch to a specific view
|
|
116
|
+
*/
|
|
117
|
+
goToDateInView(date: T, view: 'month' | 'year' | 'multi-years'): void;
|
|
118
|
+
/**
|
|
119
|
+
* Change the pickerMoment value
|
|
120
|
+
*/
|
|
121
|
+
handlePickerMomentChange(date: T): void;
|
|
122
|
+
userSelected(): void;
|
|
123
|
+
/**
|
|
124
|
+
* Whether the previous period button is enabled.
|
|
125
|
+
*/
|
|
126
|
+
prevButtonEnabled(): boolean;
|
|
127
|
+
/**
|
|
128
|
+
* Whether the next period button is enabled.
|
|
129
|
+
*/
|
|
130
|
+
nextButtonEnabled(): boolean;
|
|
131
|
+
/**
|
|
132
|
+
* Focus to the host element
|
|
133
|
+
*/
|
|
134
|
+
focusActiveCell(): void;
|
|
135
|
+
selectYearInMultiYearView(normalizedYear: T): void;
|
|
136
|
+
selectMonthInYearView(normalizedMonth: T): void;
|
|
137
|
+
/**
|
|
138
|
+
* Whether the two dates represent the same view in the current view mode (month or year).
|
|
139
|
+
*/
|
|
140
|
+
private isSameView;
|
|
141
|
+
/**
|
|
142
|
+
* Get a valid date object
|
|
143
|
+
*/
|
|
144
|
+
private getValidDate;
|
|
145
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent<any>, never>;
|
|
146
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent<any>, "nxt-date-time-calendar", never, { "dateTimeFilter": { "alias": "dateTimeFilter"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "pickerMoment": { "alias": "pickerMoment"; "required": false; }; "selectMode": { "alias": "selectMode"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selecteds": { "alias": "selecteds"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "hideOtherMonths": { "alias": "hideOtherMonths"; "required": false; }; }, { "pickerMomentChange": "pickerMomentChange"; "selectedChange": "selectedChange"; "userSelection": "userSelection"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; }, never, never, false, never>;
|
|
147
|
+
}
|