@tylertech/forge 3.8.2-dev.0 → 3.9.0-dev.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/custom-elements.json +10454 -10067
- package/dist/lib.js +18 -18
- package/dist/lib.js.map +3 -3
- package/dist/toolbar/forge-toolbar.css +1 -0
- package/dist/vscode.css-custom-data.json +946 -946
- package/dist/vscode.html-custom-data.json +618 -558
- package/esm/calendar/calendar-adapter.d.ts +24 -0
- package/esm/calendar/calendar-adapter.js +67 -1
- package/esm/calendar/calendar-constants.d.ts +34 -0
- package/esm/calendar/calendar-constants.js +33 -0
- package/esm/calendar/calendar-core.d.ts +60 -0
- package/esm/calendar/calendar-core.js +220 -2
- package/esm/calendar/calendar-dom-utils.d.ts +6 -0
- package/esm/calendar/calendar-dom-utils.js +36 -0
- package/esm/calendar/calendar.d.ts +40 -1
- package/esm/calendar/calendar.js +80 -2
- package/esm/calendar/core/calendar-base.d.ts +3 -0
- package/esm/calendar/core/date-range.d.ts +2 -0
- package/esm/calendar/core/date-range.js +1 -0
- package/esm/date-picker/base/base-date-picker-adapter.js +0 -3
- package/esm/date-picker/base/base-date-picker-constants.d.ts +3 -0
- package/esm/date-picker/base/base-date-picker-constants.js +3 -0
- package/esm/date-picker/base/base-date-picker-core.d.ts +15 -0
- package/esm/date-picker/base/base-date-picker-core.js +30 -0
- package/esm/date-picker/base/base-date-picker.d.ts +12 -0
- package/esm/date-picker/base/base-date-picker.js +24 -0
- package/esm/date-picker/date-picker-core.d.ts +3 -0
- package/esm/date-picker/date-picker-core.js +20 -0
- package/esm/date-range-picker/date-range-picker-constants.d.ts +3 -0
- package/esm/date-range-picker/date-range-picker-constants.js +1 -0
- package/esm/date-range-picker/date-range-picker-core.d.ts +3 -0
- package/esm/date-range-picker/date-range-picker-core.js +62 -2
- package/esm/date-range-picker/date-range-picker.d.ts +3 -0
- package/esm/date-range-picker/date-range-picker.js +3 -0
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/esm/tabs/tab-bar/tab-bar-core.d.ts +1 -0
- package/esm/tabs/tab-bar/tab-bar-core.js +27 -30
- package/esm/toolbar/toolbar.js +1 -1
- package/package.json +1 -1
- package/sass/calendar/_mixins.scss +3 -2
- package/sass/toolbar/_core.scss +5 -0
- package/sass/toolbar/toolbar.scss +4 -0
|
@@ -27,11 +27,17 @@ export interface ICalendarAdapter extends IBaseAdapter {
|
|
|
27
27
|
registerPreventFocusListener(listener: (evt: Event) => void): void;
|
|
28
28
|
registerPreviousButtonListener(listener: (evt: Event) => void): void;
|
|
29
29
|
registerTodayButtonListener(listener: (evt: Event) => void): void;
|
|
30
|
+
registerYesterdayButtonListener(listener: (evt: Event) => void): void;
|
|
31
|
+
registerLastSevenDaysButtonListener(listener: (evt: Event) => void): void;
|
|
32
|
+
registerLastThirtyDaysButtonListener(listener: (evt: Event) => void): void;
|
|
30
33
|
registerYearButtonListener(listener: (evt: Event) => void): void;
|
|
31
34
|
removeClearButton(): void;
|
|
32
35
|
removeFooter(): void;
|
|
33
36
|
removeHeader(): void;
|
|
34
37
|
removeTodayButton(): void;
|
|
38
|
+
removeYesterdayButton(): void;
|
|
39
|
+
removeLastSevenDaysButton(): void;
|
|
40
|
+
removeLastThirtyDaysButton(): void;
|
|
35
41
|
replaceDate(date: ICalendarDateConfig, options?: ICalendarDateOptions): void;
|
|
36
42
|
replaceDateWithSpacer(date: Date): void;
|
|
37
43
|
selectFocusedMenuItem(): void;
|
|
@@ -63,6 +69,9 @@ export interface ICalendarAdapter extends IBaseAdapter {
|
|
|
63
69
|
setRangeStart(date: Date | null): void;
|
|
64
70
|
setActiveDate(date: Date, setFocus: boolean, preventFocus?: boolean): void;
|
|
65
71
|
setTodayButton(): void;
|
|
72
|
+
setYesterdayButton(): void;
|
|
73
|
+
setLastSevenDaysButton(): void;
|
|
74
|
+
setLastThirtyDaysButton(): void;
|
|
66
75
|
setWeekend(date: Date, value: boolean): void;
|
|
67
76
|
setYear(year: number, locale?: string): void;
|
|
68
77
|
setYearButtonPressed(value: boolean): void;
|
|
@@ -77,6 +86,9 @@ export interface ICalendarAdapter extends IBaseAdapter {
|
|
|
77
86
|
unregisterPreventFocusListener(listener: (evt: Event) => void): void;
|
|
78
87
|
unregisterPreviousButtonListener(listener: (evt: Event) => void): void;
|
|
79
88
|
unregisterTodayButtonListener(listener: (evt: Event) => void): void;
|
|
89
|
+
unregisterYesterdayButtonListener(listener: (evt: Event) => void): void;
|
|
90
|
+
unregisterLastSevenDaysButtonListener(listener: (evt: Event) => void): void;
|
|
91
|
+
unregisterLastThirtyDaysButtonListener(listener: (evt: Event) => void): void;
|
|
80
92
|
unregisterYearButtonListener(listener: (evt: Event) => void): void;
|
|
81
93
|
}
|
|
82
94
|
export declare class CalendarAdapter extends BaseAdapter<ICalendarComponent> implements ICalendarAdapter {
|
|
@@ -103,6 +115,12 @@ export declare class CalendarAdapter extends BaseAdapter<ICalendarComponent> imp
|
|
|
103
115
|
unregisterClearButtonListener(listener: (evt: Event) => void): void;
|
|
104
116
|
registerTodayButtonListener(listener: (evt: Event) => void): void;
|
|
105
117
|
unregisterTodayButtonListener(listener: (evt: Event) => void): void;
|
|
118
|
+
registerYesterdayButtonListener(listener: (evt: Event) => void): void;
|
|
119
|
+
unregisterYesterdayButtonListener(listener: (evt: Event) => void): void;
|
|
120
|
+
registerLastSevenDaysButtonListener(listener: (evt: Event) => void): void;
|
|
121
|
+
unregisterLastSevenDaysButtonListener(listener: (evt: Event) => void): void;
|
|
122
|
+
registerLastThirtyDaysButtonListener(listener: (evt: Event) => void): void;
|
|
123
|
+
unregisterLastThirtyDaysButtonListener(listener: (evt: Event) => void): void;
|
|
106
124
|
registerDateClickListener(listener: (evt: Event) => void): void;
|
|
107
125
|
unregisterDateClickListener(listener: (evt: Event) => void): void;
|
|
108
126
|
registerKeydownListener(listener: (evt: KeyboardEvent) => void): void;
|
|
@@ -127,6 +145,12 @@ export declare class CalendarAdapter extends BaseAdapter<ICalendarComponent> imp
|
|
|
127
145
|
removeClearButton(): void;
|
|
128
146
|
setTodayButton(): void;
|
|
129
147
|
removeTodayButton(): void;
|
|
148
|
+
setYesterdayButton(): void;
|
|
149
|
+
removeYesterdayButton(): void;
|
|
150
|
+
setLastSevenDaysButton(): void;
|
|
151
|
+
removeLastSevenDaysButton(): void;
|
|
152
|
+
setLastThirtyDaysButton(): void;
|
|
153
|
+
removeLastThirtyDaysButton(): void;
|
|
130
154
|
setDays(days: DayOfWeek[], options?: ICalendarDayOptions): void;
|
|
131
155
|
setDates(dates: ICalendarDateConfig[], options?: ICalendarDateOptions): void;
|
|
132
156
|
replaceDate(date: ICalendarDateConfig, options?: ICalendarDateOptions): void;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
import { appendToAttribute, getShadowElement, removeAllChildren, toggleAttribute, toggleOnAttribute } from '@tylertech/forge-core';
|
|
7
7
|
import { BaseAdapter } from '../core/base';
|
|
8
8
|
import { CALENDAR_CONSTANTS } from './calendar-constants';
|
|
9
|
-
import { getAccessibleHeader, getClearButton, getDateElement, getDateId, getDateRow, getDateSpacerElement, getDayElement, getEventElement, getEventWrapperElement, getEventWrapperId, getFooter, getHeader, getMonthButtonContent, getTodayButton, getTooltip, getYearButtonContent, setTabindexOnElement } from './calendar-dom-utils';
|
|
9
|
+
import { getAccessibleHeader, getClearButton, getDateElement, getDateId, getDateRow, getDateSpacerElement, getDayElement, getEventElement, getEventWrapperElement, getEventWrapperId, getFooter, getHeader, getMonthButtonContent, getTodayButton, getYesterdayButton, getLastSevenDaysButton, getLastThirtyDaysButton, getTooltip, getYearButtonContent, setTabindexOnElement } from './calendar-dom-utils';
|
|
10
10
|
import { getLocalizedMonth, getLocalizedYear } from './calendar-locale-utils';
|
|
11
11
|
import { CALENDAR_MENU_CONSTANTS } from './calendar-menu';
|
|
12
12
|
import { splitIntoWeeks } from './calendar-utils';
|
|
@@ -82,6 +82,30 @@ export class CalendarAdapter extends BaseAdapter {
|
|
|
82
82
|
const todayButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.TODAY_BUTTON);
|
|
83
83
|
todayButton?.removeEventListener('click', listener);
|
|
84
84
|
}
|
|
85
|
+
registerYesterdayButtonListener(listener) {
|
|
86
|
+
const yesterdayButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.YESTERDAY_BUTTON);
|
|
87
|
+
yesterdayButton?.addEventListener('click', listener);
|
|
88
|
+
}
|
|
89
|
+
unregisterYesterdayButtonListener(listener) {
|
|
90
|
+
const yesterdayButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.YESTERDAY_BUTTON);
|
|
91
|
+
yesterdayButton?.removeEventListener('click', listener);
|
|
92
|
+
}
|
|
93
|
+
registerLastSevenDaysButtonListener(listener) {
|
|
94
|
+
const lastSevenDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_SEVEN_DAYS_BUTTON);
|
|
95
|
+
lastSevenDaysButton?.addEventListener('click', listener);
|
|
96
|
+
}
|
|
97
|
+
unregisterLastSevenDaysButtonListener(listener) {
|
|
98
|
+
const lastSevenDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_SEVEN_DAYS_BUTTON);
|
|
99
|
+
lastSevenDaysButton?.removeEventListener('click', listener);
|
|
100
|
+
}
|
|
101
|
+
registerLastThirtyDaysButtonListener(listener) {
|
|
102
|
+
const lastThirtyDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_THIRTY_DAYS_BUTTON);
|
|
103
|
+
lastThirtyDaysButton?.addEventListener('click', listener);
|
|
104
|
+
}
|
|
105
|
+
unregisterLastThirtyDaysButtonListener(listener) {
|
|
106
|
+
const lastThirtyDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_THIRTY_DAYS_BUTTON);
|
|
107
|
+
lastThirtyDaysButton?.removeEventListener('click', listener);
|
|
108
|
+
}
|
|
85
109
|
registerDateClickListener(listener) {
|
|
86
110
|
this._dateGrid.addEventListener('click', listener);
|
|
87
111
|
}
|
|
@@ -262,6 +286,48 @@ export class CalendarAdapter extends BaseAdapter {
|
|
|
262
286
|
const todayButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.TODAY_BUTTON);
|
|
263
287
|
todayButton?.parentNode?.removeChild(todayButton);
|
|
264
288
|
}
|
|
289
|
+
setYesterdayButton() {
|
|
290
|
+
const footer = this._container.querySelector(CALENDAR_CONSTANTS.selectors.FOOTER);
|
|
291
|
+
if (!footer) {
|
|
292
|
+
return;
|
|
293
|
+
}
|
|
294
|
+
const yesterdayButton = footer.querySelector(CALENDAR_CONSTANTS.selectors.YESTERDAY_BUTTON);
|
|
295
|
+
if (!yesterdayButton) {
|
|
296
|
+
footer.appendChild(getYesterdayButton());
|
|
297
|
+
}
|
|
298
|
+
}
|
|
299
|
+
removeYesterdayButton() {
|
|
300
|
+
const yesterdayButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.YESTERDAY_BUTTON);
|
|
301
|
+
yesterdayButton?.parentNode?.removeChild(yesterdayButton);
|
|
302
|
+
}
|
|
303
|
+
setLastSevenDaysButton() {
|
|
304
|
+
const footer = this._container.querySelector(CALENDAR_CONSTANTS.selectors.FOOTER);
|
|
305
|
+
if (!footer) {
|
|
306
|
+
return;
|
|
307
|
+
}
|
|
308
|
+
const lastSevenDaysButton = footer.querySelector(CALENDAR_CONSTANTS.selectors.LAST_SEVEN_DAYS_BUTTON);
|
|
309
|
+
if (!lastSevenDaysButton) {
|
|
310
|
+
footer.appendChild(getLastSevenDaysButton());
|
|
311
|
+
}
|
|
312
|
+
}
|
|
313
|
+
removeLastSevenDaysButton() {
|
|
314
|
+
const lastSevenDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_SEVEN_DAYS_BUTTON);
|
|
315
|
+
lastSevenDaysButton?.parentNode?.removeChild(lastSevenDaysButton);
|
|
316
|
+
}
|
|
317
|
+
setLastThirtyDaysButton() {
|
|
318
|
+
const footer = this._container.querySelector(CALENDAR_CONSTANTS.selectors.FOOTER);
|
|
319
|
+
if (!footer) {
|
|
320
|
+
return;
|
|
321
|
+
}
|
|
322
|
+
const lastThirtyDaysButton = footer.querySelector(CALENDAR_CONSTANTS.selectors.LAST_THIRTY_DAYS_BUTTON);
|
|
323
|
+
if (!lastThirtyDaysButton) {
|
|
324
|
+
footer.appendChild(getLastThirtyDaysButton());
|
|
325
|
+
}
|
|
326
|
+
}
|
|
327
|
+
removeLastThirtyDaysButton() {
|
|
328
|
+
const lastThirtyDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_THIRTY_DAYS_BUTTON);
|
|
329
|
+
lastThirtyDaysButton?.parentNode?.removeChild(lastThirtyDaysButton);
|
|
330
|
+
}
|
|
265
331
|
setDays(days, options) {
|
|
266
332
|
removeAllChildren(this._dayRow);
|
|
267
333
|
days.forEach(d => {
|
|
@@ -29,6 +29,12 @@ export declare const CALENDAR_CONSTANTS: {
|
|
|
29
29
|
SHOW_OTHER_MONTHS: string;
|
|
30
30
|
SHOW_TODAY: string;
|
|
31
31
|
TODAY_BUTTON: string;
|
|
32
|
+
SHOW_YESTERDAY: string;
|
|
33
|
+
YESTERDAY_BUTTON: string;
|
|
34
|
+
SHOW_LAST_SEVEN_DAYS: string;
|
|
35
|
+
LAST_SEVEN_DAYS_BUTTON: string;
|
|
36
|
+
SHOW_LAST_THIRTY_DAYS: string;
|
|
37
|
+
LAST_THIRTY_DAYS_BUTTON: string;
|
|
32
38
|
VIEW: string;
|
|
33
39
|
YEAR: string;
|
|
34
40
|
YEAR_RANGE: string;
|
|
@@ -42,6 +48,7 @@ export declare const CALENDAR_CONSTANTS: {
|
|
|
42
48
|
DATE_SPACER: string;
|
|
43
49
|
DATE_SELECTED: string;
|
|
44
50
|
DATE_TODAY: string;
|
|
51
|
+
DATE_YESTERDAY: string;
|
|
45
52
|
DATE_VIEW: string;
|
|
46
53
|
DATE_VIEW_ROW: string;
|
|
47
54
|
DATE_WRAPPER: string;
|
|
@@ -58,10 +65,15 @@ export declare const CALENDAR_CONSTANTS: {
|
|
|
58
65
|
RANGE_END: string;
|
|
59
66
|
RANGE_START: string;
|
|
60
67
|
RANGE_TARGET: string;
|
|
68
|
+
RANGE_LAST_SEVEN_DAYS: string;
|
|
69
|
+
RANGE_LAST_THIRTY_DAYS: string;
|
|
61
70
|
READONLY: string;
|
|
62
71
|
RTL: string;
|
|
63
72
|
SHOW_OTHER_MONTHS: string;
|
|
64
73
|
SHOW_TODAY: string;
|
|
74
|
+
SHOW_YESTERDAY: string;
|
|
75
|
+
SHOW_LAST_SEVEN_DAYS: string;
|
|
76
|
+
SHOW_LAST_THIRTY_DAYS: string;
|
|
65
77
|
VIEW: string;
|
|
66
78
|
YEAR_MENU_OPEN: string;
|
|
67
79
|
};
|
|
@@ -82,6 +94,9 @@ export declare const CALENDAR_CONSTANTS: {
|
|
|
82
94
|
PREVIOUS_BUTTON: string;
|
|
83
95
|
PREVIOUS_BUTTON_TOOLTIP: string;
|
|
84
96
|
TODAY_BUTTON: string;
|
|
97
|
+
YESTERDAY_BUTTON: string;
|
|
98
|
+
LAST_SEVEN_DAYS_BUTTON: string;
|
|
99
|
+
LAST_THIRTY_DAYS_BUTTON: string;
|
|
85
100
|
YEAR_BUTTON: string;
|
|
86
101
|
};
|
|
87
102
|
slots: {
|
|
@@ -92,6 +107,9 @@ export declare const CALENDAR_CONSTANTS: {
|
|
|
92
107
|
PREVIOUS_YEARS_BUTTON_TEXT: string;
|
|
93
108
|
NEXT_YEARS_BUTTON_TEXT: string;
|
|
94
109
|
TODAY_BUTTON_TEXT: string;
|
|
110
|
+
YESTERDAY_BUTTON_TEXT: string;
|
|
111
|
+
LAST_SEVEN_DAYS_BUTTON_TEXT: string;
|
|
112
|
+
LAST_THIRTY_DAYS_BUTTON_TEXT: string;
|
|
95
113
|
CLEAR_BUTTON_TEXT: string;
|
|
96
114
|
};
|
|
97
115
|
parts: {
|
|
@@ -114,6 +132,12 @@ export declare const CALENDAR_CONSTANTS: {
|
|
|
114
132
|
RANGE_START: string;
|
|
115
133
|
TODAY: string;
|
|
116
134
|
TODAY_BUTTON: string;
|
|
135
|
+
YESTERDAY: string;
|
|
136
|
+
YESTERDAY_BUTTON: string;
|
|
137
|
+
LAST_SEVEN_DAYS: string;
|
|
138
|
+
LAST_SEVEN_DAYS_BUTTON: string;
|
|
139
|
+
LAST_THIRTY_DAYS: string;
|
|
140
|
+
LAST_THIRTY_DAYS_BUTTON: string;
|
|
117
141
|
WEEKEND: string;
|
|
118
142
|
YEAR_BUTTON: string;
|
|
119
143
|
YEAR_BUTTON_ELEMENT: string;
|
|
@@ -138,6 +162,7 @@ export declare const CALENDAR_CONSTANTS: {
|
|
|
138
162
|
DATE_SPACER: string;
|
|
139
163
|
DATE_SELECTED: string;
|
|
140
164
|
DATE_TODAY: string;
|
|
165
|
+
DATE_YESTERDAY: string;
|
|
141
166
|
DATE_VIEW: string;
|
|
142
167
|
DATE_WRAPPER: string;
|
|
143
168
|
DAY_ROW: string;
|
|
@@ -153,7 +178,12 @@ export declare const CALENDAR_CONSTANTS: {
|
|
|
153
178
|
RANGE: string;
|
|
154
179
|
RANGE_END: string;
|
|
155
180
|
RANGE_START: string;
|
|
181
|
+
RANGE_LAST_SEVEN_DAYS: string;
|
|
182
|
+
RANGE_LAST_THIRTY_DAYS: string;
|
|
156
183
|
TODAY_BUTTON: string;
|
|
184
|
+
YESTERDAY_BUTTON: string;
|
|
185
|
+
LAST_SEVEN_DAYS_BUTTON: string;
|
|
186
|
+
LAST_THIRTY_DAYS_BUTTON: string;
|
|
157
187
|
TOOLTIP: "forge-tooltip";
|
|
158
188
|
VIEW: string;
|
|
159
189
|
YEAR_BUTTON: string;
|
|
@@ -172,6 +202,9 @@ export declare const CALENDAR_CONSTANTS: {
|
|
|
172
202
|
DEFAULT_PREVIOUS_YEARS_BUTTON_TEXT: string;
|
|
173
203
|
DEFAULT_NEXT_YEARS_BUTTON_TEXT: string;
|
|
174
204
|
DEFAULT_TODAY_BUTTON_TEXT: string;
|
|
205
|
+
DEFAULT_YESTERDAY_BUTTON_TEXT: string;
|
|
206
|
+
DEFAULT_LAST_SEVEN_DAYS_BUTTON_TEXT: string;
|
|
207
|
+
DEFAULT_LAST_THIRTY_DAYS_BUTTON_TEXT: string;
|
|
175
208
|
DEFAULT_CLEAR_BUTTON_TEXT: string;
|
|
176
209
|
};
|
|
177
210
|
numbers: {
|
|
@@ -226,6 +259,7 @@ export interface ICalendarDateSelectEventData {
|
|
|
226
259
|
range?: DateRange;
|
|
227
260
|
rangeSelectionState?: RangeSelectionState;
|
|
228
261
|
type: CalendarView;
|
|
262
|
+
rangeName?: string;
|
|
229
263
|
}
|
|
230
264
|
export interface ICalendarMonthChangeEventData {
|
|
231
265
|
month: number;
|
|
@@ -27,6 +27,12 @@ const observedAttributes = {
|
|
|
27
27
|
SHOW_OTHER_MONTHS: 'show-other-months',
|
|
28
28
|
SHOW_TODAY: 'show-today',
|
|
29
29
|
TODAY_BUTTON: 'today-button',
|
|
30
|
+
SHOW_YESTERDAY: 'show-yesterday',
|
|
31
|
+
YESTERDAY_BUTTON: 'yesterday-button',
|
|
32
|
+
SHOW_LAST_SEVEN_DAYS: 'show-last-seven-days',
|
|
33
|
+
LAST_SEVEN_DAYS_BUTTON: 'last-seven-days-button',
|
|
34
|
+
SHOW_LAST_THIRTY_DAYS: 'show-last-thirty-days',
|
|
35
|
+
LAST_THIRTY_DAYS_BUTTON: 'last-thirty-days-button',
|
|
30
36
|
VIEW: 'view',
|
|
31
37
|
YEAR: 'year',
|
|
32
38
|
YEAR_RANGE: 'year-range'
|
|
@@ -46,6 +52,7 @@ const classes = {
|
|
|
46
52
|
DATE_SPACER: 'forge-calendar__date-spacer',
|
|
47
53
|
DATE_SELECTED: 'forge-calendar__date--selected',
|
|
48
54
|
DATE_TODAY: 'forge-calendar__date--today',
|
|
55
|
+
DATE_YESTERDAY: 'forge-calendar__date--yesterday',
|
|
49
56
|
DATE_VIEW: 'forge-calendar__date-view',
|
|
50
57
|
DATE_VIEW_ROW: 'forge-calendar__date-view__row',
|
|
51
58
|
DATE_WRAPPER: 'forge-calendar__date-wrapper',
|
|
@@ -62,10 +69,15 @@ const classes = {
|
|
|
62
69
|
RANGE_END: 'forge-calendar__range--end',
|
|
63
70
|
RANGE_START: 'forge-calendar__range--start',
|
|
64
71
|
RANGE_TARGET: 'forge-calendar__range__target',
|
|
72
|
+
RANGE_LAST_SEVEN_DAYS: 'forge-calendar__range__last-seven-days',
|
|
73
|
+
RANGE_LAST_THIRTY_DAYS: 'forge-calendar__range__last-thirty-days',
|
|
65
74
|
READONLY: 'forge-calendar--readonly',
|
|
66
75
|
RTL: 'forge-calendar--rtl',
|
|
67
76
|
SHOW_OTHER_MONTHS: 'forge-calendar--show-other-months',
|
|
68
77
|
SHOW_TODAY: 'forge-calendar--show-today',
|
|
78
|
+
SHOW_YESTERDAY: 'forge-calendar--show-yesterday',
|
|
79
|
+
SHOW_LAST_SEVEN_DAYS: 'forge-calendar--show-last-seven-days',
|
|
80
|
+
SHOW_LAST_THIRTY_DAYS: 'forge-calendar--show-last-thirty-days',
|
|
69
81
|
VIEW: 'forge-calendar__view',
|
|
70
82
|
YEAR_MENU_OPEN: 'forge-calendar--year-menu-open'
|
|
71
83
|
};
|
|
@@ -86,6 +98,9 @@ const ids = {
|
|
|
86
98
|
PREVIOUS_BUTTON: 'previous-button',
|
|
87
99
|
PREVIOUS_BUTTON_TOOLTIP: 'previous-button-tooltip',
|
|
88
100
|
TODAY_BUTTON: 'today-button',
|
|
101
|
+
YESTERDAY_BUTTON: 'yesterday-button',
|
|
102
|
+
LAST_SEVEN_DAYS_BUTTON: 'last-seven-days-button',
|
|
103
|
+
LAST_THIRTY_DAYS_BUTTON: 'last-thirty-days-button',
|
|
89
104
|
YEAR_BUTTON: 'year-button'
|
|
90
105
|
};
|
|
91
106
|
const slots = {
|
|
@@ -96,6 +111,9 @@ const slots = {
|
|
|
96
111
|
PREVIOUS_YEARS_BUTTON_TEXT: 'previous-years-button-text',
|
|
97
112
|
NEXT_YEARS_BUTTON_TEXT: 'next-years-button-text',
|
|
98
113
|
TODAY_BUTTON_TEXT: 'today-button-text',
|
|
114
|
+
YESTERDAY_BUTTON_TEXT: 'yesterday-button-text',
|
|
115
|
+
LAST_SEVEN_DAYS_BUTTON_TEXT: 'last-seven-days-button-text',
|
|
116
|
+
LAST_THIRTY_DAYS_BUTTON_TEXT: 'last-thirty-days-button-text',
|
|
99
117
|
CLEAR_BUTTON_TEXT: 'clear-button-text'
|
|
100
118
|
};
|
|
101
119
|
const weekdayParts = {
|
|
@@ -128,6 +146,12 @@ const parts = {
|
|
|
128
146
|
RANGE_START: 'range-start',
|
|
129
147
|
TODAY: 'today',
|
|
130
148
|
TODAY_BUTTON: 'today-button',
|
|
149
|
+
YESTERDAY: 'yesterday',
|
|
150
|
+
YESTERDAY_BUTTON: 'yesterday-button',
|
|
151
|
+
LAST_SEVEN_DAYS: 'last-seven-days',
|
|
152
|
+
LAST_SEVEN_DAYS_BUTTON: 'last-seven-days-button',
|
|
153
|
+
LAST_THIRTY_DAYS: 'last-thirty-days',
|
|
154
|
+
LAST_THIRTY_DAYS_BUTTON: 'last-thirty-days-button',
|
|
131
155
|
WEEKEND: 'weekend',
|
|
132
156
|
YEAR_BUTTON: 'year-button',
|
|
133
157
|
YEAR_BUTTON_ELEMENT: 'year-button-element'
|
|
@@ -145,6 +169,7 @@ const selectors = {
|
|
|
145
169
|
DATE_SPACER: `.${classes.DATE_SPACER}`,
|
|
146
170
|
DATE_SELECTED: `.${classes.DATE_SELECTED}`,
|
|
147
171
|
DATE_TODAY: `.${classes.DATE_TODAY}`,
|
|
172
|
+
DATE_YESTERDAY: `.${classes.DATE_YESTERDAY}`,
|
|
148
173
|
DATE_VIEW: `#${ids.DATE_VIEW}`,
|
|
149
174
|
DATE_WRAPPER: `.${classes.DATE_WRAPPER}`,
|
|
150
175
|
DAY_ROW: `#${ids.DAY_ROW}`,
|
|
@@ -160,7 +185,12 @@ const selectors = {
|
|
|
160
185
|
RANGE: `.${classes.RANGE}`,
|
|
161
186
|
RANGE_END: `.${classes.RANGE_END}`,
|
|
162
187
|
RANGE_START: `.${classes.RANGE_START}`,
|
|
188
|
+
RANGE_LAST_SEVEN_DAYS: `.${classes.RANGE_LAST_SEVEN_DAYS}`,
|
|
189
|
+
RANGE_LAST_THIRTY_DAYS: `.${classes.RANGE_LAST_THIRTY_DAYS}`,
|
|
163
190
|
TODAY_BUTTON: `#${ids.TODAY_BUTTON}`,
|
|
191
|
+
YESTERDAY_BUTTON: `#${ids.YESTERDAY_BUTTON}`,
|
|
192
|
+
LAST_SEVEN_DAYS_BUTTON: `#${ids.LAST_SEVEN_DAYS_BUTTON}`,
|
|
193
|
+
LAST_THIRTY_DAYS_BUTTON: `#${ids.LAST_THIRTY_DAYS_BUTTON}`,
|
|
164
194
|
TOOLTIP: TOOLTIP_CONSTANTS.elementName,
|
|
165
195
|
VIEW: '#view',
|
|
166
196
|
YEAR_BUTTON: `#${ids.YEAR_BUTTON}`
|
|
@@ -179,6 +209,9 @@ const strings = {
|
|
|
179
209
|
DEFAULT_PREVIOUS_YEARS_BUTTON_TEXT: 'Previous years',
|
|
180
210
|
DEFAULT_NEXT_YEARS_BUTTON_TEXT: 'Next years',
|
|
181
211
|
DEFAULT_TODAY_BUTTON_TEXT: 'Today',
|
|
212
|
+
DEFAULT_YESTERDAY_BUTTON_TEXT: 'Yesterday',
|
|
213
|
+
DEFAULT_LAST_SEVEN_DAYS_BUTTON_TEXT: 'Last 7 days',
|
|
214
|
+
DEFAULT_LAST_THIRTY_DAYS_BUTTON_TEXT: 'Last 30 days',
|
|
182
215
|
DEFAULT_CLEAR_BUTTON_TEXT: 'Clear'
|
|
183
216
|
};
|
|
184
217
|
const numbers = {
|
|
@@ -17,11 +17,20 @@ export interface ICalendarCore extends ICalendarBase {
|
|
|
17
17
|
menuAnimation: CalendarMenuAnimationType;
|
|
18
18
|
clearButton: boolean;
|
|
19
19
|
todayButton: boolean;
|
|
20
|
+
yesterdayButton: boolean;
|
|
21
|
+
lastSevenDaysButton: boolean;
|
|
22
|
+
lastThirtyDaysButton: boolean;
|
|
20
23
|
clearCallback: (() => void) | undefined;
|
|
21
24
|
todayCallback: (() => void) | undefined;
|
|
25
|
+
yesterdayCallback: (() => void) | undefined;
|
|
26
|
+
lastSevenDaysCallback: (() => void) | undefined;
|
|
27
|
+
lastThirtyDaysCallback: (() => void) | undefined;
|
|
22
28
|
tooltipBuilder: CalendarTooltipBuilder | undefined;
|
|
23
29
|
clear(): void;
|
|
24
30
|
today(): void;
|
|
31
|
+
yesterday(): void;
|
|
32
|
+
lastSevenDays(): void;
|
|
33
|
+
lastThirtyDays(): void;
|
|
25
34
|
selectDate(date: Date, setFocus?: boolean): void;
|
|
26
35
|
deselectDate(date: Date, setFocus?: boolean): void;
|
|
27
36
|
toggleDate(date: Date, force?: boolean): void;
|
|
@@ -37,6 +46,9 @@ export declare class CalendarCore implements ICalendarCore {
|
|
|
37
46
|
private _year;
|
|
38
47
|
private _focusedDate;
|
|
39
48
|
private _showToday;
|
|
49
|
+
private _showYesterday;
|
|
50
|
+
private _showLastSevenDays;
|
|
51
|
+
private _showLastThirtyDays;
|
|
40
52
|
private _showOtherMonths;
|
|
41
53
|
private _fixedHeight;
|
|
42
54
|
private _events;
|
|
@@ -63,8 +75,14 @@ export declare class CalendarCore implements ICalendarCore {
|
|
|
63
75
|
private _showHeader;
|
|
64
76
|
private _clearButton;
|
|
65
77
|
private _todayButton;
|
|
78
|
+
private _yesterdayButton;
|
|
79
|
+
private _lastSevenDaysButton;
|
|
80
|
+
private _lastThirtyDaysButton;
|
|
66
81
|
private _clearCallback;
|
|
67
82
|
private _todayCallback;
|
|
83
|
+
private _yesterdayCallback;
|
|
84
|
+
private _lastSevenDaysCallback;
|
|
85
|
+
private _lastThirtyDaysCallback;
|
|
68
86
|
private _view;
|
|
69
87
|
private _menuAnimation;
|
|
70
88
|
private _menuYear;
|
|
@@ -93,6 +111,9 @@ export declare class CalendarCore implements ICalendarCore {
|
|
|
93
111
|
private _preventFocusListener;
|
|
94
112
|
private _previousButtonListener;
|
|
95
113
|
private _todayButtonListener;
|
|
114
|
+
private _yesterdayButtonListener;
|
|
115
|
+
private _lastSevenDaysButtonListener;
|
|
116
|
+
private _lastThirtyDaysButtonListener;
|
|
96
117
|
private _yearButtonListener;
|
|
97
118
|
constructor(_adapter: ICalendarAdapter);
|
|
98
119
|
initialize(): void;
|
|
@@ -126,6 +147,9 @@ export declare class CalendarCore implements ICalendarCore {
|
|
|
126
147
|
private _onYearSelected;
|
|
127
148
|
private _onClearClicked;
|
|
128
149
|
private _onTodayClicked;
|
|
150
|
+
private _onYesterdayClicked;
|
|
151
|
+
private _onLastSevenDaysClicked;
|
|
152
|
+
private _onLastThirtyDaysClicked;
|
|
129
153
|
/** Attempts to the month and year of the value in single mode, then emits a selection event */
|
|
130
154
|
private _trySetValueMonthAndYear;
|
|
131
155
|
/** Sets initial date tabindex and focus to today or the first enabled date in view */
|
|
@@ -414,6 +438,12 @@ export declare class CalendarCore implements ICalendarCore {
|
|
|
414
438
|
private _applyShowOtherMonths;
|
|
415
439
|
private _applyShowToday;
|
|
416
440
|
private _applyTodayButton;
|
|
441
|
+
private _applyShowYesterday;
|
|
442
|
+
private _applyYesterdayButton;
|
|
443
|
+
private _applyShowLastSevenDays;
|
|
444
|
+
private _applyLastSevenDaysButton;
|
|
445
|
+
private _applyShowLastThirtyDays;
|
|
446
|
+
private _applyLastThirtyDaysButton;
|
|
417
447
|
private _applyTooltipBuilder;
|
|
418
448
|
private _applyWeekendDays;
|
|
419
449
|
private _applyValue;
|
|
@@ -507,6 +537,30 @@ export declare class CalendarCore implements ICalendarCore {
|
|
|
507
537
|
set todayButton(value: boolean);
|
|
508
538
|
get todayCallback(): (() => void) | undefined;
|
|
509
539
|
set todayCallback(value: (() => void) | undefined);
|
|
540
|
+
/** Get/set show yesterday */
|
|
541
|
+
get showYesterday(): boolean;
|
|
542
|
+
set showYesterday(value: boolean);
|
|
543
|
+
/** Get/set whether to show the yesterday button */
|
|
544
|
+
get yesterdayButton(): boolean;
|
|
545
|
+
set yesterdayButton(value: boolean);
|
|
546
|
+
get yesterdayCallback(): (() => void) | undefined;
|
|
547
|
+
set yesterdayCallback(value: (() => void) | undefined);
|
|
548
|
+
/** Get/set show last seven days */
|
|
549
|
+
get showLastSevenDays(): boolean;
|
|
550
|
+
set showLastSevenDays(value: boolean);
|
|
551
|
+
/** Get/set whether to show the last seven days button */
|
|
552
|
+
get lastSevenDaysButton(): boolean;
|
|
553
|
+
set lastSevenDaysButton(value: boolean);
|
|
554
|
+
get lastSevenDaysCallback(): (() => void) | undefined;
|
|
555
|
+
set lastSevenDaysCallback(value: (() => void) | undefined);
|
|
556
|
+
/** Get/set show last thirty days */
|
|
557
|
+
get showLastThirtyDays(): boolean;
|
|
558
|
+
set showLastThirtyDays(value: boolean);
|
|
559
|
+
/** Get/set whether to show the last thirty days button */
|
|
560
|
+
get lastThirtyDaysButton(): boolean;
|
|
561
|
+
set lastThirtyDaysButton(value: boolean);
|
|
562
|
+
get lastThirtyDaysCallback(): (() => void) | undefined;
|
|
563
|
+
set lastThirtyDaysCallback(value: (() => void) | undefined);
|
|
510
564
|
/** Get/set the tooltip builder */
|
|
511
565
|
get tooltipBuilder(): CalendarTooltipBuilder | undefined;
|
|
512
566
|
set tooltipBuilder(value: CalendarTooltipBuilder | undefined);
|
|
@@ -541,6 +595,12 @@ export declare class CalendarCore implements ICalendarCore {
|
|
|
541
595
|
setActiveDate(date: Date, setFocus?: boolean): boolean;
|
|
542
596
|
/** Go to today */
|
|
543
597
|
today(): void;
|
|
598
|
+
/** Go to yesterday */
|
|
599
|
+
yesterday(): void;
|
|
600
|
+
/** Go to last seven days */
|
|
601
|
+
lastSevenDays(): void;
|
|
602
|
+
/** Go to last thirty days */
|
|
603
|
+
lastThirtyDays(): void;
|
|
544
604
|
/** Toggles a date selected or unselected */
|
|
545
605
|
toggleDate(date: Date, force?: boolean): void;
|
|
546
606
|
}
|