@datarailsshared/datarailsshared 1.3.41 → 1.3.42
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/bundles/datarailsshared-datarailsshared.umd.js +272 -53
- package/bundles/datarailsshared-datarailsshared.umd.js.map +1 -1
- package/datarailsshared-datarailsshared-1.3.42.tgz +0 -0
- package/datarailsshared-datarailsshared.d.ts +3 -1
- package/datarailsshared-datarailsshared.metadata.json +1 -1
- package/esm2015/datarailsshared-datarailsshared.js +4 -2
- package/esm2015/lib/dr-inputs/dr-date-picker/dr-date-picker.component.js +87 -41
- package/esm2015/lib/dr-inputs/dr-date-picker/dr-date-picker.service.js +41 -0
- package/esm2015/lib/dr-inputs/dr-date-picker/dr-date-picker_custom-header/dr-date-picker_custom-header.component.js +129 -0
- package/esm2015/lib/dr-inputs/dr-inputs.module.js +9 -3
- package/esm2015/lib/dr-inputs/dr-select/dr-select.component.js +5 -3
- package/esm2015/lib/models/datePicker.js +5 -2
- package/fesm2015/datarailsshared-datarailsshared.js +258 -51
- package/fesm2015/datarailsshared-datarailsshared.js.map +1 -1
- package/lib/dr-inputs/dr-date-picker/dr-date-picker.component.d.ts +29 -5
- package/lib/dr-inputs/dr-date-picker/dr-date-picker.service.d.ts +12 -0
- package/lib/dr-inputs/dr-date-picker/dr-date-picker_custom-header/dr-date-picker_custom-header.component.d.ts +41 -0
- package/lib/dr-inputs/dr-select/dr-select.component.d.ts +1 -0
- package/lib/models/datePicker.d.ts +4 -0
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.3.41.tgz +0 -0
|
@@ -1,28 +1,52 @@
|
|
|
1
|
-
import { ChangeDetectorRef, AfterViewInit } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, AfterViewInit, OnDestroy, EventEmitter } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
import { MatDatepicker } from '@angular/material/datepicker';
|
|
4
4
|
import { Moment } from 'moment';
|
|
5
|
-
|
|
5
|
+
import { DrDatePickerCustomHeaderComponent } from './dr-date-picker_custom-header/dr-date-picker_custom-header.component';
|
|
6
|
+
import { DateAdapter } from '@angular/material/core';
|
|
7
|
+
import { DrDatePickerService } from './dr-date-picker.service';
|
|
8
|
+
export declare class DrDatePickerComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {
|
|
6
9
|
private cdr;
|
|
10
|
+
private _dateAdapter;
|
|
11
|
+
private datePickerService;
|
|
12
|
+
private _destroyed;
|
|
7
13
|
readonly: boolean;
|
|
8
|
-
_lastView: string;
|
|
9
14
|
_format: string;
|
|
10
|
-
|
|
15
|
+
customHeader: typeof DrDatePickerCustomHeaderComponent;
|
|
16
|
+
onChangeFormat: EventEmitter<string>;
|
|
11
17
|
set format(value: any);
|
|
18
|
+
timeframeSelection: boolean;
|
|
12
19
|
placeholder: string;
|
|
13
20
|
min: Date;
|
|
14
21
|
max: Date;
|
|
15
22
|
dp: any;
|
|
16
23
|
ngAfterViewInit(): void;
|
|
24
|
+
calendarViewSetup: {
|
|
25
|
+
year: (calendar: any) => string;
|
|
26
|
+
month: (calendar: any) => string;
|
|
27
|
+
quarter: (calendar: any) => string;
|
|
28
|
+
day: (calendar: any) => string;
|
|
29
|
+
};
|
|
30
|
+
pagingSetup: {
|
|
31
|
+
year: (forward: any) => void;
|
|
32
|
+
quarter: (forward: any) => void;
|
|
33
|
+
month: (forward: any) => void;
|
|
34
|
+
day: (forward: any) => void;
|
|
35
|
+
};
|
|
17
36
|
private innerValue;
|
|
18
37
|
private onTouchedCallback;
|
|
19
38
|
private onChangeCallback;
|
|
20
|
-
constructor(cdr: ChangeDetectorRef);
|
|
39
|
+
constructor(cdr: ChangeDetectorRef, _dateAdapter: DateAdapter<any>, datePickerService: DrDatePickerService);
|
|
21
40
|
get value(): number;
|
|
22
41
|
set value(v: number);
|
|
23
42
|
registerOnChange(fn: any): void;
|
|
24
43
|
registerOnTouched(fn: any): void;
|
|
25
44
|
writeValue(value: any): void;
|
|
45
|
+
get quarterDisplay(): string;
|
|
46
|
+
normalizeValue(value: any): any;
|
|
26
47
|
chosenMonthHandler(normalizedMonth: Moment, datepicker: MatDatepicker<any>): void;
|
|
27
48
|
chosenYearHandler(normalizedYear: Moment, datepicker: MatDatepicker<any>): void;
|
|
49
|
+
pagingClicked(forward: any): void;
|
|
50
|
+
pagingDateChange(actionCall: string, amount: number, forward: boolean): void;
|
|
51
|
+
ngOnDestroy(): void;
|
|
28
52
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { MatDatepicker } from "@angular/material/datepicker";
|
|
2
|
+
import { Moment } from "moment";
|
|
3
|
+
import { Subject, BehaviorSubject } from "rxjs";
|
|
4
|
+
export declare type TimeframeOption = 'day' | 'quarter' | 'month' | 'year';
|
|
5
|
+
export declare class DrDatePickerService {
|
|
6
|
+
timeframe: TimeframeOption;
|
|
7
|
+
format: BehaviorSubject<string>;
|
|
8
|
+
updatedQuater: Subject<Moment>;
|
|
9
|
+
calendarInstance: MatDatepicker<any>;
|
|
10
|
+
getQuarterDisplay(value: any, format: any): string;
|
|
11
|
+
setTimeframe(format: any): void;
|
|
12
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { OnDestroy, ChangeDetectorRef } from "@angular/core";
|
|
2
|
+
import { MatCalendar, MatCalendarView } from '@angular/material/datepicker';
|
|
3
|
+
import { DateAdapter } from '@angular/material/core';
|
|
4
|
+
import { CustomDateFormat } from "../../../models/datePicker";
|
|
5
|
+
import { DrDatePickerService } from "../dr-date-picker.service";
|
|
6
|
+
export interface ITimeframeOption {
|
|
7
|
+
title: string;
|
|
8
|
+
value: MatCalendarView;
|
|
9
|
+
format: string;
|
|
10
|
+
periodLabel: () => string;
|
|
11
|
+
}
|
|
12
|
+
export declare class DrDatePickerCustomHeaderComponent<Moment> implements OnDestroy {
|
|
13
|
+
private _calendar;
|
|
14
|
+
private _dateAdapter;
|
|
15
|
+
private _dateFormats;
|
|
16
|
+
private cdr;
|
|
17
|
+
private datePickerService;
|
|
18
|
+
private _destroyed;
|
|
19
|
+
quarters: number[];
|
|
20
|
+
selectedQuarter: number;
|
|
21
|
+
timeframeOptions: ITimeframeOption[];
|
|
22
|
+
pagingSetup: {
|
|
23
|
+
year: (forward: any) => void;
|
|
24
|
+
none: (forward: any) => void;
|
|
25
|
+
month: (forward: any) => void;
|
|
26
|
+
'multi-year': (forward: any) => void;
|
|
27
|
+
};
|
|
28
|
+
selectedTimeframe: MatCalendarView;
|
|
29
|
+
timeframeSelection: boolean;
|
|
30
|
+
periodMonthLabel: string;
|
|
31
|
+
periodYearLabel: string;
|
|
32
|
+
constructor(_calendar: MatCalendar<Moment>, _dateAdapter: DateAdapter<Moment>, _dateFormats: CustomDateFormat, cdr: ChangeDetectorRef, datePickerService: DrDatePickerService);
|
|
33
|
+
ngOnDestroy(): void;
|
|
34
|
+
setPeriodLabels(currentTimeframeOption: any): void;
|
|
35
|
+
setTimeframe(): void;
|
|
36
|
+
get currentViewIsQuater(): boolean;
|
|
37
|
+
switchViewOnClickOnPeriodLabel(view: 'year' | 'multi-year'): void;
|
|
38
|
+
onSelectQuater(quarterNumber: number): void;
|
|
39
|
+
pagingClicked(forward: any): void;
|
|
40
|
+
pagingDateChange(actionCall: string, amount: number, forward: boolean): void;
|
|
41
|
+
}
|
|
@@ -2,6 +2,7 @@ export declare const MAT_DEFAULT_DATE_FORMAT = "MM/DD/yyyy";
|
|
|
2
2
|
export declare const DATE_INPUT_FORMAT = "YYYY/MM/DD";
|
|
3
3
|
export declare const YEAR_FORMAT = "yyyy";
|
|
4
4
|
export declare const MONTH_YEAR_FORMAT = "MM/yyyy";
|
|
5
|
+
export declare const QUARTER_FORMAT = "Q/yyyy";
|
|
5
6
|
export interface DateParse {
|
|
6
7
|
dateInput: string;
|
|
7
8
|
}
|
|
@@ -9,6 +10,9 @@ export declare type DateDisplay = DateParse & {
|
|
|
9
10
|
monthYearLabel?: string;
|
|
10
11
|
dateA11yLabel?: string;
|
|
11
12
|
monthYearA11yLabel?: string;
|
|
13
|
+
quarterYearA11yLabel?: string;
|
|
14
|
+
yearLabel?: string;
|
|
15
|
+
quarterYearLabel?: string;
|
|
12
16
|
};
|
|
13
17
|
export declare class CustomDateFormat {
|
|
14
18
|
private _parse;
|
package/package.json
CHANGED
|
Binary file
|