@datarailsshared/datarailsshared 1.4.158-rocket → 1.4.159
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 +513 -396
- package/bundles/datarailsshared-datarailsshared.umd.js.map +1 -1
- package/datarailsshared-datarailsshared-1.4.159.tgz +0 -0
- package/datarailsshared-datarailsshared.d.ts +23 -22
- package/datarailsshared-datarailsshared.metadata.json +1 -1
- package/esm2015/datarailsshared-datarailsshared.js +24 -23
- package/esm2015/lib/date-tags/date-tag.component.js +2 -4
- package/esm2015/lib/date-tags/date-tag.module.js +1 -3
- package/esm2015/lib/date-tags/day-tag/day-tag.component.js +13 -3
- package/esm2015/lib/date-tags/forecast-tag/forecast-tag.component.js +1 -3
- package/esm2015/lib/date-tags/month-tag/month-tag.component.js +13 -3
- package/esm2015/lib/date-tags/week-tag/week-tag.component.js +13 -3
- package/esm2015/lib/date-tags/year-tag/year-tag.component.js +13 -3
- package/esm2015/lib/dr-details-list/dr-details-list.component.js +65 -0
- package/esm2015/lib/dr-details-list/dr-details-list.module.js +16 -0
- package/esm2015/lib/dr-dialog/components/dialog-wrapper/dialog-wrapper.component.js +3 -3
- package/esm2015/lib/dr-dialog/dialog.module.js +4 -2
- package/esm2015/lib/dr-dialog/interfaces/dialog-data.js +1 -1
- package/esm2015/lib/dr-tags/dr-tag.component.js +1 -3
- package/esm2015/lib/dr-tags/dr-tag.module.js +2 -3
- package/esm2015/lib/stepper/stepper.component.js +3 -3
- package/esm2015/public-api.js +3 -2
- package/fesm2015/datarailsshared-datarailsshared.js +465 -362
- package/fesm2015/datarailsshared-datarailsshared.js.map +1 -1
- package/lib/dr-details-list/dr-details-list.component.d.ts +12 -0
- package/lib/dr-details-list/dr-details-list.module.d.ts +2 -0
- package/lib/dr-dialog/interfaces/dialog-data.d.ts +8 -0
- package/lib/dr-inputs/date-pickers/services/dr-date-picker.service.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +2 -1
- package/datarailsshared-datarailsshared-1.4.158-rocket.tgz +0 -0
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
2
|
+
import { EventEmitter, Component, ViewEncapsulation, Input, Output, HostBinding, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef, ElementRef, Inject, PLATFORM_ID, ContentChildren, Renderer2, ViewChild, ContentChild, Pipe, TemplateRef, HostListener, Directive, ComponentFactoryResolver, ViewContainerRef, Injector, Injectable, Host, Optional, NgModule } from '@angular/core';
|
|
3
|
+
import { DateAdapter, MAT_DATE_LOCALE, MAT_DATE_FORMATS } from '@angular/material/core';
|
|
4
|
+
import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/material-moment-adapter';
|
|
5
5
|
import * as _ from 'lodash';
|
|
6
6
|
import { some, find, map, merge, forEach, reduce, isObject, isNil, isNumber } from 'lodash';
|
|
7
7
|
import { NG_VALUE_ACCESSOR, FormGroupDirective, FormGroup, FormControl, NgModel, NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
8
8
|
import { isPlatformBrowser, DOCUMENT, CommonModule } from '@angular/common';
|
|
9
|
+
import { Subject, from, merge as merge$1, fromEvent, noop as noop$1, BehaviorSubject } from 'rxjs';
|
|
9
10
|
import { startWith, switchMap, takeUntil, filter, skip, first, catchError, debounceTime, distinctUntilChanged } from 'rxjs/operators';
|
|
10
11
|
import { NgSelectComponent, NgSelectModule } from '@ng-select/ng-select';
|
|
11
12
|
import { transition, style, animate, trigger, state } from '@angular/animations';
|
|
@@ -15,318 +16,11 @@ import { ComponentPortal } from '@angular/cdk/portal';
|
|
|
15
16
|
import * as i1$1 from '@angular/material/dialog';
|
|
16
17
|
import { MatDialogRef, MAT_DIALOG_DATA, MatDialog, MatDialogModule } from '@angular/material/dialog';
|
|
17
18
|
import { MatCalendar, MatDatepickerModule } from '@angular/material/datepicker';
|
|
18
|
-
import
|
|
19
|
-
import { MomentDateAdapter } from '@angular/material-moment-adapter';
|
|
19
|
+
import * as moment$9 from 'moment';
|
|
20
20
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
21
21
|
import { MatTabsModule } from '@angular/material/tabs';
|
|
22
22
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
23
23
|
|
|
24
|
-
var DateFromats;
|
|
25
|
-
(function (DateFromats) {
|
|
26
|
-
DateFromats["MAT_DEFAULT_DATE_FORMAT"] = "MM/DD/yyyy";
|
|
27
|
-
DateFromats["DATE_INPUT_FORMAT"] = "YYYY/MM/DD";
|
|
28
|
-
DateFromats["YEAR_FORMAT"] = "yyyy";
|
|
29
|
-
DateFromats["MONTH_YEAR_FORMAT"] = "MM/yyyy";
|
|
30
|
-
DateFromats["QUARTER_FORMAT"] = "Q/yyyy";
|
|
31
|
-
DateFromats["WEEK_FORMAT"] = "W/yyyy";
|
|
32
|
-
})(DateFromats || (DateFromats = {}));
|
|
33
|
-
class CustomDateFormat {
|
|
34
|
-
constructor() {
|
|
35
|
-
this._parse = {
|
|
36
|
-
dateInput: DateFromats.DATE_INPUT_FORMAT,
|
|
37
|
-
};
|
|
38
|
-
this._display = {
|
|
39
|
-
dateInput: DateFromats.DATE_INPUT_FORMAT,
|
|
40
|
-
monthYearLabel: 'MMM YYYY',
|
|
41
|
-
dateA11yLabel: 'LL',
|
|
42
|
-
monthYearA11yLabel: 'MMM YYYY',
|
|
43
|
-
quarterYearLabel: 'Q/YYYY',
|
|
44
|
-
yearLabel: 'YYYY'
|
|
45
|
-
};
|
|
46
|
-
}
|
|
47
|
-
set parse(parse) {
|
|
48
|
-
this._parse = Object.assign({}, this._parse, parse);
|
|
49
|
-
}
|
|
50
|
-
get parse() {
|
|
51
|
-
return this._parse;
|
|
52
|
-
}
|
|
53
|
-
set display(display) {
|
|
54
|
-
this._display = Object.assign({}, this._display, display);
|
|
55
|
-
}
|
|
56
|
-
get display() {
|
|
57
|
-
return this._display;
|
|
58
|
-
}
|
|
59
|
-
updateDateFormat(parse, display) {
|
|
60
|
-
this.parse = parse;
|
|
61
|
-
if (!display) {
|
|
62
|
-
display = parse;
|
|
63
|
-
}
|
|
64
|
-
this.display = display;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
var DatePickerPeriodPosition;
|
|
68
|
-
(function (DatePickerPeriodPosition) {
|
|
69
|
-
DatePickerPeriodPosition[DatePickerPeriodPosition["END_OF_PERIOD"] = 0] = "END_OF_PERIOD";
|
|
70
|
-
DatePickerPeriodPosition[DatePickerPeriodPosition["MIDDLE_OF_PERIOD"] = 1] = "MIDDLE_OF_PERIOD";
|
|
71
|
-
DatePickerPeriodPosition[DatePickerPeriodPosition["START_OF_PERIOD"] = 2] = "START_OF_PERIOD";
|
|
72
|
-
DatePickerPeriodPosition[DatePickerPeriodPosition["DEFAULT"] = 3] = "DEFAULT";
|
|
73
|
-
})(DatePickerPeriodPosition || (DatePickerPeriodPosition = {}));
|
|
74
|
-
var TimeframeOption;
|
|
75
|
-
(function (TimeframeOption) {
|
|
76
|
-
TimeframeOption["DAY"] = "day";
|
|
77
|
-
TimeframeOption["MONTH"] = "month";
|
|
78
|
-
TimeframeOption["QUARTER"] = "quarter";
|
|
79
|
-
TimeframeOption["WEEK"] = "week";
|
|
80
|
-
TimeframeOption["YEAR"] = "year";
|
|
81
|
-
})(TimeframeOption || (TimeframeOption = {}));
|
|
82
|
-
var CalendarView;
|
|
83
|
-
(function (CalendarView) {
|
|
84
|
-
CalendarView["FOR_DAYS"] = "month";
|
|
85
|
-
CalendarView["FOR_MONTHS"] = "year";
|
|
86
|
-
CalendarView["FOR_QUARTERS"] = "none";
|
|
87
|
-
CalendarView["FOR_YEARS"] = "multi-year";
|
|
88
|
-
})(CalendarView || (CalendarView = {}));
|
|
89
|
-
var DateTags;
|
|
90
|
-
(function (DateTags) {
|
|
91
|
-
DateTags["TODAY"] = "today";
|
|
92
|
-
DateTags["YESTERDAY"] = "yesterday";
|
|
93
|
-
DateTags["THIS_MONTH"] = "this_month";
|
|
94
|
-
DateTags["PREV_MONTH"] = "prev_month";
|
|
95
|
-
})(DateTags || (DateTags = {}));
|
|
96
|
-
|
|
97
|
-
class DrSharedUtils {
|
|
98
|
-
/**
|
|
99
|
-
* Get timeframe (day, year, month, quarter) based on passed format
|
|
100
|
-
*
|
|
101
|
-
* @param format - date format string. Examples: MM/DD/YYYY, Q/YYYY
|
|
102
|
-
*/
|
|
103
|
-
static getTimeframeByDateFormat(format) {
|
|
104
|
-
const defaultFrame = TimeframeOption.DAY;
|
|
105
|
-
if (!format) {
|
|
106
|
-
return defaultFrame;
|
|
107
|
-
}
|
|
108
|
-
const lowerCaseFormat = format.toLowerCase();
|
|
109
|
-
switch (true) {
|
|
110
|
-
case lowerCaseFormat.includes('q'):
|
|
111
|
-
return TimeframeOption.QUARTER;
|
|
112
|
-
case lowerCaseFormat.includes('d'):
|
|
113
|
-
return TimeframeOption.DAY;
|
|
114
|
-
case lowerCaseFormat.includes('w'):
|
|
115
|
-
return TimeframeOption.WEEK;
|
|
116
|
-
case lowerCaseFormat.includes('m'):
|
|
117
|
-
return TimeframeOption.MONTH;
|
|
118
|
-
case lowerCaseFormat.includes('y'):
|
|
119
|
-
return TimeframeOption.YEAR;
|
|
120
|
-
default:
|
|
121
|
-
return defaultFrame;
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
static getDateByTag(tag) {
|
|
125
|
-
const todayDate = moment$9().utc().endOf('day');
|
|
126
|
-
switch (tag) {
|
|
127
|
-
case DateTags.TODAY:
|
|
128
|
-
return todayDate;
|
|
129
|
-
case DateTags.YESTERDAY:
|
|
130
|
-
todayDate.subtract(1, 'days');
|
|
131
|
-
return todayDate;
|
|
132
|
-
case DateTags.THIS_MONTH:
|
|
133
|
-
todayDate.endOf('month');
|
|
134
|
-
return todayDate;
|
|
135
|
-
case DateTags.PREV_MONTH:
|
|
136
|
-
todayDate.subtract(1, 'months').endOf('month');
|
|
137
|
-
return todayDate;
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
const moment$8 = require('moment');
|
|
143
|
-
class DrDatePickerService {
|
|
144
|
-
constructor() {
|
|
145
|
-
this.isTimeframeSelectionEnabled = false;
|
|
146
|
-
this.timeframe = TimeframeOption.DAY;
|
|
147
|
-
this.format$ = new BehaviorSubject(DateFromats.MAT_DEFAULT_DATE_FORMAT);
|
|
148
|
-
this.updatedQuarter$ = new Subject();
|
|
149
|
-
this.updatedDateAndClose$ = new Subject();
|
|
150
|
-
this.presetTag$ = new BehaviorSubject('');
|
|
151
|
-
this.onSameDaySelectedInCalendar$ = new Subject();
|
|
152
|
-
this.keepPresetTag = false;
|
|
153
|
-
this.isValueUpdating = false;
|
|
154
|
-
this.availableTimeframes = [
|
|
155
|
-
TimeframeOption.DAY,
|
|
156
|
-
TimeframeOption.WEEK,
|
|
157
|
-
TimeframeOption.MONTH,
|
|
158
|
-
TimeframeOption.QUARTER,
|
|
159
|
-
TimeframeOption.YEAR
|
|
160
|
-
];
|
|
161
|
-
this.formatConfig = {
|
|
162
|
-
day: DateFromats.MAT_DEFAULT_DATE_FORMAT,
|
|
163
|
-
month: DateFromats.MONTH_YEAR_FORMAT,
|
|
164
|
-
year: DateFromats.YEAR_FORMAT,
|
|
165
|
-
quarter: DateFromats.QUARTER_FORMAT,
|
|
166
|
-
week: DateFromats.WEEK_FORMAT
|
|
167
|
-
};
|
|
168
|
-
this.fiscalYearMonthsModifier = 0;
|
|
169
|
-
}
|
|
170
|
-
getDisplayPrefix() {
|
|
171
|
-
const formatCached = this.format$.getValue();
|
|
172
|
-
switch (true) {
|
|
173
|
-
case formatCached === null || formatCached === void 0 ? void 0 : formatCached.includes('Q'):
|
|
174
|
-
return 'Q';
|
|
175
|
-
case formatCached === null || formatCached === void 0 ? void 0 : formatCached.includes('W'):
|
|
176
|
-
return 'W';
|
|
177
|
-
default:
|
|
178
|
-
return '';
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
getTimeframe(format) {
|
|
182
|
-
return DrSharedUtils.getTimeframeByDateFormat(format);
|
|
183
|
-
}
|
|
184
|
-
getConfiguredFormat(timeframe) {
|
|
185
|
-
return this.formatConfig[timeframe];
|
|
186
|
-
}
|
|
187
|
-
updateTimeframeAndFormat(format) {
|
|
188
|
-
const normalizedFormat = this.normalizeValue(format || this.format$.getValue());
|
|
189
|
-
this.timeframe = this.getTimeframe(normalizedFormat);
|
|
190
|
-
this.format$.next(this.getConfiguredFormat(this.timeframe));
|
|
191
|
-
}
|
|
192
|
-
normalizeValue(value) {
|
|
193
|
-
return value.replace(/d/g, 'D');
|
|
194
|
-
}
|
|
195
|
-
/**
|
|
196
|
-
* Get quarter number for date according to fiscal year
|
|
197
|
-
*
|
|
198
|
-
* @param date
|
|
199
|
-
*/
|
|
200
|
-
getQuarterAccordingToFiscalYear(date) {
|
|
201
|
-
let fiscalMonth = this.fiscalYearMonthsModifier;
|
|
202
|
-
const dateMonth = date.month();
|
|
203
|
-
if (dateMonth < fiscalMonth) {
|
|
204
|
-
fiscalMonth -= 12;
|
|
205
|
-
}
|
|
206
|
-
return Math.trunc((date.month() - fiscalMonth) / 3) + 1;
|
|
207
|
-
}
|
|
208
|
-
/**
|
|
209
|
-
* Sets date to end of quarter in FY by passed quarter number
|
|
210
|
-
*
|
|
211
|
-
* @param date
|
|
212
|
-
* @param quarterNumber
|
|
213
|
-
*/
|
|
214
|
-
setEndOfQuarter(date, quarterNumber) {
|
|
215
|
-
date
|
|
216
|
-
.subtract(this.fiscalYearMonthsModifier, 'M')
|
|
217
|
-
.startOf('year')
|
|
218
|
-
.add(this.fiscalYearMonthsModifier + quarterNumber * 3 - 1, 'M')
|
|
219
|
-
.endOf('month');
|
|
220
|
-
}
|
|
221
|
-
/**
|
|
222
|
-
* Sets date to start of quarter in FY by passed quarter number
|
|
223
|
-
*
|
|
224
|
-
* @param date
|
|
225
|
-
* @param quarterNumber
|
|
226
|
-
*/
|
|
227
|
-
setStartOfQuarter(date, quarterNumber) {
|
|
228
|
-
date
|
|
229
|
-
.subtract(this.fiscalYearMonthsModifier, 'M')
|
|
230
|
-
.startOf('year')
|
|
231
|
-
.add(this.fiscalYearMonthsModifier + (quarterNumber - 1) * 3, 'M');
|
|
232
|
-
}
|
|
233
|
-
/**
|
|
234
|
-
* Sets date to end of current quarter (in which date is located) according to FY
|
|
235
|
-
*
|
|
236
|
-
* @param date
|
|
237
|
-
*/
|
|
238
|
-
setEndOfCurrentQuarter(date) {
|
|
239
|
-
this.setEndOfQuarter(date, this.getQuarterAccordingToFiscalYear(date));
|
|
240
|
-
}
|
|
241
|
-
/**
|
|
242
|
-
* Sets date to start of current quarter (in which date is located) according to FY
|
|
243
|
-
*
|
|
244
|
-
* @param date
|
|
245
|
-
*/
|
|
246
|
-
setStartOfCurrentQuarter(date) {
|
|
247
|
-
this.setStartOfQuarter(date, this.getQuarterAccordingToFiscalYear(date));
|
|
248
|
-
}
|
|
249
|
-
/**
|
|
250
|
-
* If date selection on this timeframe depends on Fiscal Year
|
|
251
|
-
*
|
|
252
|
-
* @param timeframe
|
|
253
|
-
*/
|
|
254
|
-
isTimeframeDependingOnFY(timeframe) {
|
|
255
|
-
return _.includes([TimeframeOption.QUARTER, TimeframeOption.YEAR], timeframe);
|
|
256
|
-
}
|
|
257
|
-
/**
|
|
258
|
-
* Subtract from date fiscal year shift months count
|
|
259
|
-
*
|
|
260
|
-
* @param date
|
|
261
|
-
*/
|
|
262
|
-
subtractFiscalYearMonthsFromDate(date) {
|
|
263
|
-
return this.getDateModifiedByFiscalMonths(date, true);
|
|
264
|
-
}
|
|
265
|
-
/**
|
|
266
|
-
* Add to date fiscal year shift months count
|
|
267
|
-
*
|
|
268
|
-
* @param date
|
|
269
|
-
*/
|
|
270
|
-
addFiscalYearMonthsToDate(date) {
|
|
271
|
-
return this.getDateModifiedByFiscalMonths(date);
|
|
272
|
-
}
|
|
273
|
-
/**
|
|
274
|
-
* Add or subtract depending on isRevert paremeter Fiscal year month shift
|
|
275
|
-
*
|
|
276
|
-
* @param date
|
|
277
|
-
* @param isSubtract
|
|
278
|
-
*/
|
|
279
|
-
getDateModifiedByFiscalMonths(date, isSubtract = false) {
|
|
280
|
-
return date ? _.cloneDeep(date)[isSubtract ? 'subtract' : 'add'](this.fiscalYearMonthsModifier, 'month') : date;
|
|
281
|
-
}
|
|
282
|
-
updateDatePickerByPreset(tag, calender) {
|
|
283
|
-
this.keepPresetTag = true;
|
|
284
|
-
let date = null;
|
|
285
|
-
if (tag) {
|
|
286
|
-
date = DrSharedUtils.getDateByTag(tag);
|
|
287
|
-
switch (tag) {
|
|
288
|
-
case DateTags.TODAY:
|
|
289
|
-
this.updateTimeframeAndFormat(DateFromats.MAT_DEFAULT_DATE_FORMAT);
|
|
290
|
-
break;
|
|
291
|
-
case DateTags.YESTERDAY:
|
|
292
|
-
this.updateTimeframeAndFormat(DateFromats.MAT_DEFAULT_DATE_FORMAT);
|
|
293
|
-
break;
|
|
294
|
-
case DateTags.THIS_MONTH:
|
|
295
|
-
this.updateTimeframeAndFormat(DateFromats.MONTH_YEAR_FORMAT);
|
|
296
|
-
this.selectDateInCalendarMonthView(date, calender);
|
|
297
|
-
break;
|
|
298
|
-
case DateTags.PREV_MONTH:
|
|
299
|
-
this.updateTimeframeAndFormat(DateFromats.MONTH_YEAR_FORMAT);
|
|
300
|
-
this.selectDateInCalendarMonthView(date, calender);
|
|
301
|
-
break;
|
|
302
|
-
}
|
|
303
|
-
}
|
|
304
|
-
this.presetTag$.next(tag);
|
|
305
|
-
this.updatedDateAndClose$.next(date);
|
|
306
|
-
}
|
|
307
|
-
selectDateInCalendarMonthView(date, calender) {
|
|
308
|
-
setTimeout(() => {
|
|
309
|
-
const monthView = calender.monthView;
|
|
310
|
-
if (monthView) {
|
|
311
|
-
monthView._activeDate = date;
|
|
312
|
-
monthView._selected = date;
|
|
313
|
-
monthView._init();
|
|
314
|
-
}
|
|
315
|
-
});
|
|
316
|
-
}
|
|
317
|
-
resetPresetTag() {
|
|
318
|
-
if (!this.keepPresetTag) {
|
|
319
|
-
this.presetTag$.next(null);
|
|
320
|
-
}
|
|
321
|
-
else {
|
|
322
|
-
this.keepPresetTag = false;
|
|
323
|
-
}
|
|
324
|
-
}
|
|
325
|
-
}
|
|
326
|
-
DrDatePickerService.decorators = [
|
|
327
|
-
{ type: Injectable }
|
|
328
|
-
];
|
|
329
|
-
|
|
330
24
|
// import {*} from ""
|
|
331
25
|
class DateTagComponent {
|
|
332
26
|
constructor() {
|
|
@@ -388,8 +82,7 @@ class AnyTagComponent {
|
|
|
388
82
|
AnyTagComponent.decorators = [
|
|
389
83
|
{ type: Component, args: [{
|
|
390
84
|
template: ``,
|
|
391
|
-
selector: 'any-tag'
|
|
392
|
-
providers: [DrDatePickerService]
|
|
85
|
+
selector: 'any-tag'
|
|
393
86
|
},] }
|
|
394
87
|
];
|
|
395
88
|
AnyTagComponent.ctorParameters = () => [];
|
|
@@ -401,7 +94,7 @@ AnyTagComponent.propDecorators = {
|
|
|
401
94
|
};
|
|
402
95
|
|
|
403
96
|
// @ts-ignore
|
|
404
|
-
const moment$
|
|
97
|
+
const moment$8 = require('moment');
|
|
405
98
|
class ForecastTagComponent extends AnyTagComponent {
|
|
406
99
|
constructor() {
|
|
407
100
|
super();
|
|
@@ -432,14 +125,14 @@ class ForecastTagComponent extends AnyTagComponent {
|
|
|
432
125
|
const fiscal_year_back = this.fiscalYearBack || false;
|
|
433
126
|
this.forecastValue = this.getFiscalMonthFromDate(dateVal, fiscal_year_starts_from) - 1;
|
|
434
127
|
const fiscal_year = this.getFiscalYearFromDate(dateVal, fiscal_year_starts_from, fiscal_year_back);
|
|
435
|
-
this.dateObj.date = moment$
|
|
128
|
+
this.dateObj.date = moment$8(new Date(fiscal_year, 0, 1)).unix();
|
|
436
129
|
this.updateLockedDate();
|
|
437
130
|
}
|
|
438
131
|
updateLockedDate() {
|
|
439
|
-
const year = moment$
|
|
132
|
+
const year = moment$8.unix(this.dateObj.date).year();
|
|
440
133
|
for (const forecastTag of this.forecastTags) {
|
|
441
134
|
forecastTag.disabled = this.lockedDate.some((timestamp) => {
|
|
442
|
-
const locked = moment$
|
|
135
|
+
const locked = moment$8.unix(timestamp);
|
|
443
136
|
return locked.month() === forecastTag.value && +locked.year() === +year;
|
|
444
137
|
});
|
|
445
138
|
}
|
|
@@ -494,7 +187,7 @@ class ForecastTagComponent extends AnyTagComponent {
|
|
|
494
187
|
if (this.isDateEventHappened)
|
|
495
188
|
return;
|
|
496
189
|
const month = this.forecastValue;
|
|
497
|
-
const year = moment$
|
|
190
|
+
const year = moment$8.unix(this.dateObj.date).year();
|
|
498
191
|
let timeStampVal = 0;
|
|
499
192
|
let label = '';
|
|
500
193
|
if (!Number.isNaN(month) && !Number.isNaN(year)) {
|
|
@@ -521,7 +214,7 @@ class ForecastTagComponent extends AnyTagComponent {
|
|
|
521
214
|
name: this.name,
|
|
522
215
|
value: timeStampVal,
|
|
523
216
|
label,
|
|
524
|
-
locked: !this.dateFilter(moment$
|
|
217
|
+
locked: !this.dateFilter(moment$8.unix(timeStampVal))
|
|
525
218
|
};
|
|
526
219
|
this.dateChange.emit(resultTag);
|
|
527
220
|
}
|
|
@@ -529,7 +222,7 @@ class ForecastTagComponent extends AnyTagComponent {
|
|
|
529
222
|
const month = this.forecastValue;
|
|
530
223
|
const year = date.year();
|
|
531
224
|
return !this.lockedDate.some((timestamp) => {
|
|
532
|
-
const lockDate = moment$
|
|
225
|
+
const lockDate = moment$8.unix(timestamp);
|
|
533
226
|
return lockDate.month() === month && lockDate.year() === year;
|
|
534
227
|
});
|
|
535
228
|
}
|
|
@@ -539,7 +232,6 @@ ForecastTagComponent.decorators = [
|
|
|
539
232
|
{ type: Component, args: [{
|
|
540
233
|
template: "<div class=\"forecast-tag__container\">\n <div class=\"forecast-tag__forecast\">\n <p class=\"tag__label\">{{ name }}</p>\n <dr-select placeholder=\"Select\"\n [(ngModel)]=\"forecastValue\"\n bindLabel=\"label\"\n bindValue=\"value\"\n [disabled]=\"disabled\"\n [items]=\"forecastTags\"\n (ngModelChange)=\"changeTagInputHandler($event)\"></dr-select>\n </div>\n <div class=\"forecast-tag__year\">\n <p class=\"tag__label\">Year</p>\n <dr-date-picker format=\"year\"\n [(ngModel)]=\"dateObj.date\"\n [datepickerFilter]=\"dateFilter.bind(this)\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"changeYearInputHandler($event)\"></dr-date-picker>\n </div>\n</div>\n",
|
|
541
234
|
selector: 'forecast-tag',
|
|
542
|
-
providers: [DrDatePickerService],
|
|
543
235
|
styles: [".tag__label{margin:0 0 4px;color:#0c142b;font-size:14px;font-weight:400;line-height:22px}.forecast-tag__container{display:flex;align-items:center}.forecast-tag__year{width:50%;margin-left:24px}.forecast-tag__forecast{width:50%}\n"]
|
|
544
236
|
},] }
|
|
545
237
|
];
|
|
@@ -551,7 +243,7 @@ ForecastTagComponent.propDecorators = {
|
|
|
551
243
|
};
|
|
552
244
|
|
|
553
245
|
// @ts-ignore
|
|
554
|
-
const moment$
|
|
246
|
+
const moment$7 = require('moment');
|
|
555
247
|
const MONTH_FORMATS = {
|
|
556
248
|
parse: {
|
|
557
249
|
dateInput: 'DD-MM-YYYY',
|
|
@@ -563,13 +255,14 @@ const MONTH_FORMATS = {
|
|
|
563
255
|
monthYearA11yLabel: 'MMMM YYYY'
|
|
564
256
|
},
|
|
565
257
|
};
|
|
258
|
+
const ɵ0$7 = MONTH_FORMATS;
|
|
566
259
|
class MonthTagComponent extends AnyTagComponent {
|
|
567
260
|
constructor() {
|
|
568
261
|
super();
|
|
569
262
|
this.lockedDate = [];
|
|
570
263
|
}
|
|
571
264
|
get isLocked() {
|
|
572
|
-
return this.date ? !this.dateFilter(moment$
|
|
265
|
+
return this.date ? !this.dateFilter(moment$7.unix(this.date).utc()) : false;
|
|
573
266
|
}
|
|
574
267
|
initDate() {
|
|
575
268
|
if (this.defaultValue) {
|
|
@@ -577,7 +270,7 @@ class MonthTagComponent extends AnyTagComponent {
|
|
|
577
270
|
this.dateObj.date = this.date;
|
|
578
271
|
}
|
|
579
272
|
else {
|
|
580
|
-
this.dateObj.date = moment$
|
|
273
|
+
this.dateObj.date = moment$7().unix();
|
|
581
274
|
}
|
|
582
275
|
}
|
|
583
276
|
initName() {
|
|
@@ -586,7 +279,7 @@ class MonthTagComponent extends AnyTagComponent {
|
|
|
586
279
|
}
|
|
587
280
|
}
|
|
588
281
|
chosenTagHandler(value) {
|
|
589
|
-
const resultDate = moment$
|
|
282
|
+
const resultDate = moment$7.unix(value).utc();
|
|
590
283
|
resultDate.hour(12);
|
|
591
284
|
const resultTag = {
|
|
592
285
|
name: this.name,
|
|
@@ -602,7 +295,7 @@ class MonthTagComponent extends AnyTagComponent {
|
|
|
602
295
|
const month = date.month();
|
|
603
296
|
const year = date.year();
|
|
604
297
|
return !this.lockedDate.some((timestamp) => {
|
|
605
|
-
const lockDate = moment$
|
|
298
|
+
const lockDate = moment$7.unix(timestamp);
|
|
606
299
|
return lockDate.year() === year && lockDate.month() === month;
|
|
607
300
|
});
|
|
608
301
|
}
|
|
@@ -612,7 +305,14 @@ MonthTagComponent.decorators = [
|
|
|
612
305
|
{ type: Component, args: [{
|
|
613
306
|
template: "<div class=\"tag-wrapper\">\n <p class=\"tag__label\">{{ name }}</p>\n <dr-date-picker format=\"month\"\n [(ngModel)]=\"date\"\n [disabled]=\"disabled\"\n [datepickerFilter]=\"dateFilter.bind(this)\"\n (ngModelChange)=\"chosenTagHandler($event)\"></dr-date-picker>\n</div>\n",
|
|
614
307
|
selector: 'month-tag',
|
|
615
|
-
providers: [
|
|
308
|
+
providers: [
|
|
309
|
+
{
|
|
310
|
+
provide: DateAdapter,
|
|
311
|
+
useClass: MomentDateAdapter,
|
|
312
|
+
deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS],
|
|
313
|
+
},
|
|
314
|
+
{ provide: MAT_DATE_FORMATS, useValue: ɵ0$7 },
|
|
315
|
+
],
|
|
616
316
|
styles: [":host.locked>.tag-wrapper>dr-date-picker{opacity:.4}.tag__label{margin:0 0 4px;color:#0c142b;font-size:14px;font-weight:400;line-height:22px}\n"]
|
|
617
317
|
},] }
|
|
618
318
|
];
|
|
@@ -623,7 +323,7 @@ MonthTagComponent.propDecorators = {
|
|
|
623
323
|
};
|
|
624
324
|
|
|
625
325
|
// @ts-ignore
|
|
626
|
-
const moment$
|
|
326
|
+
const moment$6 = require('moment');
|
|
627
327
|
class QuarterTagComponent extends AnyTagComponent {
|
|
628
328
|
constructor() {
|
|
629
329
|
super();
|
|
@@ -633,7 +333,7 @@ class QuarterTagComponent extends AnyTagComponent {
|
|
|
633
333
|
}
|
|
634
334
|
get isLocked() {
|
|
635
335
|
return this.quarters
|
|
636
|
-
? this.quarters.some((quarter) => !this.dateFilter(moment$
|
|
336
|
+
? this.quarters.some((quarter) => !this.dateFilter(moment$6.unix(quarter.value).utc()))
|
|
637
337
|
: false;
|
|
638
338
|
}
|
|
639
339
|
ngOnInit() {
|
|
@@ -654,7 +354,7 @@ class QuarterTagComponent extends AnyTagComponent {
|
|
|
654
354
|
}
|
|
655
355
|
}
|
|
656
356
|
chosenTagHandler(quarter) {
|
|
657
|
-
const resultDate = moment$
|
|
357
|
+
const resultDate = moment$6.unix(quarter.value).utc();
|
|
658
358
|
const resultTag = {
|
|
659
359
|
name: this.name,
|
|
660
360
|
value: resultDate.unix(),
|
|
@@ -700,9 +400,9 @@ class QuarterTagComponent extends AnyTagComponent {
|
|
|
700
400
|
return Date.UTC(date.getFullYear(), month, 1, 12, 0, 0, 0);
|
|
701
401
|
}
|
|
702
402
|
dateFilter(quarter) {
|
|
703
|
-
const quarterDate = moment$
|
|
403
|
+
const quarterDate = moment$6.unix(quarter.value);
|
|
704
404
|
return !this.lockedDate.some((timestamp) => {
|
|
705
|
-
const lockDate = moment$
|
|
405
|
+
const lockDate = moment$6.unix(timestamp);
|
|
706
406
|
if (lockDate.year() === quarterDate.year() && lockDate.month() === quarterDate.month()) {
|
|
707
407
|
quarter.disabled = true;
|
|
708
408
|
return true;
|
|
@@ -726,7 +426,7 @@ QuarterTagComponent.propDecorators = {
|
|
|
726
426
|
};
|
|
727
427
|
|
|
728
428
|
// @ts-ignore
|
|
729
|
-
const moment$
|
|
429
|
+
const moment$5 = require('moment');
|
|
730
430
|
const WEEK_FORMATS = {
|
|
731
431
|
parse: {
|
|
732
432
|
dateInput: 'WW-YYYY',
|
|
@@ -738,17 +438,18 @@ const WEEK_FORMATS = {
|
|
|
738
438
|
monthYearA11yLabel: 'MMMM YYYY'
|
|
739
439
|
},
|
|
740
440
|
};
|
|
441
|
+
const ɵ0$6 = WEEK_FORMATS;
|
|
741
442
|
class WeekTagComponent extends AnyTagComponent {
|
|
742
443
|
constructor() {
|
|
743
444
|
super();
|
|
744
445
|
this.lockedDate = [];
|
|
745
446
|
}
|
|
746
447
|
get isLocked() {
|
|
747
|
-
return this.date ? !this.dateFilter(moment$
|
|
448
|
+
return this.date ? !this.dateFilter(moment$5.unix(this.date).utc()) : false;
|
|
748
449
|
}
|
|
749
450
|
ngOnInit() {
|
|
750
451
|
this.initName();
|
|
751
|
-
const timestamp = this.defaultValue || moment$
|
|
452
|
+
const timestamp = this.defaultValue || moment$5().unix();
|
|
752
453
|
this.date = timestamp;
|
|
753
454
|
this.dateObj.date = timestamp;
|
|
754
455
|
this.chosenTagHandler(timestamp);
|
|
@@ -762,13 +463,13 @@ class WeekTagComponent extends AnyTagComponent {
|
|
|
762
463
|
const week = date.week();
|
|
763
464
|
const year = date.year();
|
|
764
465
|
return !this.lockedDate.some((timestamp) => {
|
|
765
|
-
const lockDate = moment$
|
|
466
|
+
const lockDate = moment$5.unix(timestamp);
|
|
766
467
|
return lockDate.week() === week && lockDate.year() === year;
|
|
767
468
|
});
|
|
768
469
|
}
|
|
769
470
|
;
|
|
770
471
|
chosenTagHandler(value) {
|
|
771
|
-
const resultDate = moment$
|
|
472
|
+
const resultDate = moment$5.unix(value).utc();
|
|
772
473
|
const resultTag = {
|
|
773
474
|
name: this.name,
|
|
774
475
|
value: resultDate.unix(),
|
|
@@ -786,7 +487,14 @@ WeekTagComponent.decorators = [
|
|
|
786
487
|
{ type: Component, args: [{
|
|
787
488
|
template: "<div class=\"tag-wrapper\">\n <p class=\"tag__label\">{{ name }}</p>\n <dr-date-picker format=\"week\"\n [(ngModel)]=\"date\"\n [datepickerFilter]=\"dateFilter.bind(this)\"\n (ngModelChange)=\"chosenTagHandler($event)\"></dr-date-picker>\n</div>\n",
|
|
788
489
|
selector: 'week-tag',
|
|
789
|
-
providers: [
|
|
490
|
+
providers: [
|
|
491
|
+
{
|
|
492
|
+
provide: DateAdapter,
|
|
493
|
+
useClass: MomentDateAdapter,
|
|
494
|
+
deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS],
|
|
495
|
+
},
|
|
496
|
+
{ provide: MAT_DATE_FORMATS, useValue: ɵ0$6 },
|
|
497
|
+
],
|
|
790
498
|
styles: [":host.locked>.tag-wrapper>dr-date-picker{opacity:.4}.tag__label{margin:0 0 4px;color:#0c142b;font-size:14px;font-weight:400;line-height:22px}\n"]
|
|
791
499
|
},] }
|
|
792
500
|
];
|
|
@@ -797,7 +505,7 @@ WeekTagComponent.propDecorators = {
|
|
|
797
505
|
};
|
|
798
506
|
|
|
799
507
|
// @ts-ignore
|
|
800
|
-
const moment$
|
|
508
|
+
const moment$4 = require('moment');
|
|
801
509
|
const YEAR_FORMATS = {
|
|
802
510
|
parse: {
|
|
803
511
|
dateInput: 'YYYY',
|
|
@@ -809,13 +517,14 @@ const YEAR_FORMATS = {
|
|
|
809
517
|
monthYearA11yLabel: 'MMMM YYYY'
|
|
810
518
|
},
|
|
811
519
|
};
|
|
520
|
+
const ɵ0$5 = YEAR_FORMATS;
|
|
812
521
|
class YearTagComponent extends AnyTagComponent {
|
|
813
522
|
constructor() {
|
|
814
523
|
super();
|
|
815
524
|
this.lockedDate = [];
|
|
816
525
|
}
|
|
817
526
|
get isLocked() {
|
|
818
|
-
return this.date ? !this.dateFilter(moment$
|
|
527
|
+
return this.date ? !this.dateFilter(moment$4.unix(this.date).utc()) : false;
|
|
819
528
|
}
|
|
820
529
|
initDate() {
|
|
821
530
|
if (this.defaultValue) {
|
|
@@ -823,7 +532,7 @@ class YearTagComponent extends AnyTagComponent {
|
|
|
823
532
|
this.dateObj.date = this.date;
|
|
824
533
|
}
|
|
825
534
|
else {
|
|
826
|
-
this.dateObj.date = moment$
|
|
535
|
+
this.dateObj.date = moment$4().unix();
|
|
827
536
|
}
|
|
828
537
|
}
|
|
829
538
|
initName() {
|
|
@@ -832,7 +541,7 @@ class YearTagComponent extends AnyTagComponent {
|
|
|
832
541
|
}
|
|
833
542
|
}
|
|
834
543
|
chosenTagHandler(value) {
|
|
835
|
-
const resultDate = moment$
|
|
544
|
+
const resultDate = moment$4.unix(value).utc();
|
|
836
545
|
resultDate.hour(12);
|
|
837
546
|
const resultTag = {
|
|
838
547
|
name: this.name,
|
|
@@ -846,7 +555,7 @@ class YearTagComponent extends AnyTagComponent {
|
|
|
846
555
|
dateFilter(date) {
|
|
847
556
|
const calendarDateYear = date.year();
|
|
848
557
|
return !this.lockedDate.some((timestamp) => {
|
|
849
|
-
const lockDate = moment$
|
|
558
|
+
const lockDate = moment$4.unix(timestamp);
|
|
850
559
|
return lockDate.year() === calendarDateYear;
|
|
851
560
|
});
|
|
852
561
|
}
|
|
@@ -856,7 +565,14 @@ YearTagComponent.decorators = [
|
|
|
856
565
|
{ type: Component, args: [{
|
|
857
566
|
template: "<div class=\"tag-wrapper\">\n <p class=\"tag__label\">{{ name }}</p>\n <dr-date-picker format=\"year\"\n [(ngModel)]=\"date\"\n [disabled]=\"disabled\"\n [datepickerFilter]=\"dateFilter.bind(this)\"\n (ngModelChange)=\"chosenTagHandler($event)\"></dr-date-picker>\n</div>\n",
|
|
858
567
|
selector: 'year-tag',
|
|
859
|
-
providers: [
|
|
568
|
+
providers: [
|
|
569
|
+
{
|
|
570
|
+
provide: DateAdapter,
|
|
571
|
+
useClass: MomentDateAdapter,
|
|
572
|
+
deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS],
|
|
573
|
+
},
|
|
574
|
+
{ provide: MAT_DATE_FORMATS, useValue: ɵ0$5 },
|
|
575
|
+
],
|
|
860
576
|
styles: [":host.locked>.tag-wrapper>dr-date-picker{opacity:.4}.tag__label{margin:0 0 4px;color:#0c142b;font-size:14px;font-weight:400;line-height:22px}\n"]
|
|
861
577
|
},] }
|
|
862
578
|
];
|
|
@@ -1015,7 +731,6 @@ DrTagComponent.decorators = [
|
|
|
1015
731
|
template: "<div [class.dynamic-tag]=\"currentTagDynamic\">\n <date-tag *ngIf=\"dateTag.type === tagTypes.DATE && !currentTagConnectedToDynamic\"\n [dateTypeChosen]=\"dateTag.sub_type\"\n [defaultValue]=\"dateTag.value\"\n [fiscalYearStartsFrom]=\"fiscalYearStartsFrom\"\n [fiscalYearBack]=\"fiscalYearBack\"\n [lockedDate]=\"lockedDate\"\n [disabled]=\"disabled\"\n (selectedDate)=\"onDateHandler($event)\"></date-tag>\n\n <list-tag *ngIf=\"listTag.type === tagTypes.LIST && !currentTagConnectedToDynamic && !tagConfig.options?.is_custom\"\n (tagChange)=\"onListHandler($event)\"\n [name]=\"listTag.name\"\n [values]=\"listTag.values\"\n [disabled]=\"disabled\"\n [defaultValue]=\"listTag?.value || defaultValue\"></list-tag>\n\n <dr-dynamic-tag *ngIf=\"currentTagDynamic\"\n [lockedTags]=\"lockedDate\"\n [connectedTags]=\"connectedTags\"\n [tagConfig]=\"tagConfig\"\n [selectedTag]=\"selectedTag\"\n [isDynamicTagAddEnabled]=\"isDynamicTagAddEnabled\"\n [values]=\"dynamicTagValues\"\n [disabled]=\"disabled\"\n (tagChange)=\"onDynamicTagChange($event)\"\n (tagAdd)=\"dynamicTagAdd.emit($event)\"></dr-dynamic-tag>\n</div>\n",
|
|
1016
732
|
selector: 'dr-tag',
|
|
1017
733
|
encapsulation: ViewEncapsulation.None,
|
|
1018
|
-
providers: [DrDatePickerService],
|
|
1019
734
|
styles: ["dr-tag input.mat-input-element::-webkit-outer-spin-button,dr-tag input.mat-input-element::-webkit-inner-spin-button,dr-tag input.mat-input-element::-webkit-clear-button,dr-tag input.mat-input-element::-webkit-search-cancel-button,dr-tag input.mat-input-element::-webkit-search-results-button,date-tag input.mat-input-element::-webkit-outer-spin-button,date-tag input.mat-input-element::-webkit-inner-spin-button,date-tag input.mat-input-element::-webkit-clear-button,date-tag input.mat-input-element::-webkit-search-cancel-button,date-tag input.mat-input-element::-webkit-search-results-button{-webkit-appearance:none}.date-month-picker .mat-calendar-header{display:none}mat-year-view .mat-calendar-body-label{display:none!important}.date-month-picker.mat-calendar{height:290px!important}.date-month-picker.mat-calendar .mat-calendar-table-header th{padding:8px 0}.dynamic-tag{display:flex}.dynamic-tag>date-tag,.dynamic-tag>list-tag,.dynamic-tag>dr-dynamic-tag{width:50%}.dynamic-tag>dr-dynamic-tag{margin-left:24px}\n", ".mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography h5{font:400 calc(14px * .83)/20px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 12px}.mat-h6,.mat-typography h6{font:400 calc(14px * .67)/20px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2{font:500 14px/24px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:normal}.mat-body p,.mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption{font:400 12px/20px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:-.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:-.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:-.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:normal}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:14px;font-weight:500}.mat-button-toggle{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-card{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-subtitle,.mat-card-content{font-size:14px}.mat-checkbox{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}.mat-table{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:normal}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:normal}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(.75);width:133.3333433333%}.mat-form-field-label-wrapper{top:-.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);-ms-transform:translateY(-1.28125em) scale(.75);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);-ms-transform:translateY(-1.28124em) scale(.75);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);-ms-transform:translateY(-1.28123em) scale(.75);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-.59375em) scale(.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-.59374em) scale(.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(.75);width:133.3333433333%}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-.0625em}.mat-menu-item{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:12px}.mat-radio-button{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-select{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-slider-thumb-label-text{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:12px;font-weight:500}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-list-option{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-tree{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale(0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-mdc-focus-indicator{position:relative}.mat-ripple-element{background-color:#0000001a}.mat-option{color:#000000de}.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{background:rgba(0,0,0,.04);color:#000000de}.mat-option.mat-option-disabled{color:#00000061}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-label{color:#0000008a}.mat-optgroup-disabled .mat-optgroup-label{color:#00000061}.mat-pseudo-checkbox{color:#0000008a}.mat-pseudo-checkbox:after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#3f51b5}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ff4081}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:#000000de}.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}.mat-autocomplete-panel{background:#fff;color:#000000de}.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:#000000de}.mat-badge{position:relative}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform .2s ease-in-out;transform:scale(.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-badge-content{color:#fff;background:#3f51b5}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:#00000061}.mat-bottom-sheet-container{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;background:#fff;color:#000000de}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:transparent}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:#00000042}.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:transparent}.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.mat-button-focus-overlay{background:#000}.mat-stroked-button:not(.mat-button-disabled){border-color:#0000001f}.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:#000000de;background-color:#fff}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:#fff}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:#00000042}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#3f51b5}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:#0000001f}.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:#ffffff1a}.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:#ffffff1a}.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:#ffffff1a}.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-button-toggle-standalone,.mat-button-toggle-group{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{box-shadow:none}.mat-button-toggle{color:#00000061}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:#0000001f}.mat-button-toggle-appearance-standard{color:#000000de;background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px rgba(0,0,0,.12)}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-checked{background-color:#e0e0e0;color:#0000008a}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:#000000de}.mat-button-toggle-disabled{color:#00000042;background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-card{background:#fff;color:#000000de}.mat-card:not([class*=mat-elevation-z]){box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-card-subtitle{color:#0000008a}.mat-checkbox-frame{border-color:#0000008a}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa!important}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#3f51b5}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081}.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:#0000008a}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#3f51b5}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ff4081}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:#000000de}.mat-chip.mat-standard-chip .mat-chip-remove{color:#000000de;opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip:after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:#ffffff1a}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:#ffffff1a}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:#ffffff1a}.mat-table{background:#fff}.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:#0000001f}.mat-header-cell{color:#0000008a}.mat-cell,.mat-footer-cell{color:#000000de}.mat-calendar-arrow{border-top-color:#0000008a}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:#0000008a}.mat-calendar-table-header-divider:after{background:rgba(0,0,0,.12)}.mat-calendar-table-header,.mat-calendar-body-label{color:#0000008a}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:#000000de;border-color:transparent}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:#00000061}.mat-form-field-disabled .mat-date-range-input-separator{color:#00000061}.mat-calendar-body-in-preview{color:#0000003d}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:#00000061}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:#0000002e}.mat-calendar-body-in-range:before{background:rgba(63,81,181,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range:before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start:before,[dir=rtl] .mat-calendar-body-comparison-bridge-end:before{background:linear-gradient(to right,rgba(63,81,181,.2) 50%,rgba(249,171,0,.2) 50%)}.mat-calendar-body-comparison-bridge-end:before,[dir=rtl] .mat-calendar-body-comparison-bridge-start:before{background:linear-gradient(to left,rgba(63,81,181,.2) 50%,rgba(249,171,0,.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:#3f51b566}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#3f51b54d}.mat-datepicker-content{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;background-color:#fff;color:#000000de}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before{background:rgba(255,64,129,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before{background:linear-gradient(to right,rgba(255,64,129,.2) 50%,rgba(249,171,0,.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before{background:linear-gradient(to left,rgba(255,64,129,.2) 50%,rgba(249,171,0,.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:#ff408166}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#ff40814d}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before{background:linear-gradient(to right,rgba(244,67,54,.2) 50%,rgba(249,171,0,.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before{background:linear-gradient(to left,rgba(244,67,54,.2) 50%,rgba(249,171,0,.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:#f4433666}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#f443364d}.mat-datepicker-content-touch{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-datepicker-toggle-active{color:#3f51b5}.mat-datepicker-toggle-active.mat-accent{color:#ff4081}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:#00000061}.mat-dialog-container{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;background:#fff;color:#000000de}.mat-divider{border-top-color:#0000001f}.mat-divider-vertical{border-right-color:#0000001f}.mat-expansion-panel{background:#fff;color:#000000de}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-action-row{border-top-color:#0000001f}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media (hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:#000000de}.mat-expansion-panel-header-description,.mat-expansion-indicator:after{color:#0000008a}.mat-expansion-panel-header[aria-disabled=true]{color:#00000042}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-form-field-label{color:#0009}.mat-hint{color:#0009}.mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ff4081}.mat-form-field-ripple{background-color:#000000de}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after{color:#3f51b5}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after{color:#ff4081}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}.mat-error{color:#f44336}.mat-form-field-appearance-legacy .mat-form-field-label{color:#0000008a}.mat-form-field-appearance-legacy .mat-hint{color:#0000008a}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:#0000006b}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:#0000006b}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-fill .mat-form-field-flex{background-color:#0000000a}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:#00000005}.mat-form-field-appearance-fill .mat-form-field-underline:before{background-color:#0000006b}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:#00000061}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before{background-color:transparent}.mat-form-field-appearance-outline .mat-form-field-outline{color:#0000001f}.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#000000de}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:#00000061}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:#0000000f}.mat-icon.mat-primary{color:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-form-field-type-mat-native-select .mat-form-field-infix:after{color:#0000008a}.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after{color:#00000061}.mat-input-element{caret-color:#3f51b5}.mat-input-element::placeholder{color:#0000006b}.mat-input-element::-moz-placeholder{color:#0000006b}.mat-input-element::-webkit-input-placeholder{color:#0000006b}.mat-input-element:-ms-input-placeholder{color:#0000006b}.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after{color:#f44336}.mat-list-base .mat-list-item{color:#000000de}.mat-list-base .mat-list-option{color:#000000de}.mat-list-base .mat-subheader{color:#0000008a}.mat-list-item-disabled{background-color:#eee}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-menu-item{background:transparent;color:#000000de}.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color{color:#00000061}.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon{color:#0000008a}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:#0000008a}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:#00000061}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#cbd0e9}.mat-progress-bar-buffer{background-color:#cbd0e9}.mat-progress-bar-fill:after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-fill:after{background-color:#ff4081}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-fill:after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:#0000008a}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:#00000061}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:#00000061}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:#00000061}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:#000000de}.mat-select-placeholder{color:#0000006b}.mat-select-disabled .mat-select-value{color:#00000061}.mat-select-arrow{color:#0000008a}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:#00000061}.mat-drawer-container{background-color:#fafafa;color:#000000de}.mat-drawer{background-color:#fff;color:#000000de}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:#0009}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:#ff40818a}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:#3f51b58a}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:#f443368a}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;background-color:#fafafa}.mat-slide-toggle-bar{background-color:#00000061}.mat-slider-track-background{background-color:#00000042}.mat-primary .mat-slider-track-fill,.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-primary .mat-slider-focus-ring{background-color:#3f51b533}.mat-accent .mat-slider-track-fill,.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label{background-color:#ff4081}.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-accent .mat-slider-focus-ring{background-color:#ff408133}.mat-warn .mat-slider-track-fill,.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-warn .mat-slider-focus-ring{background-color:#f4433633}.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background{background-color:#00000061}.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill,.mat-slider-disabled .mat-slider-thumb{background-color:#00000042}.mat-slider-disabled:hover .mat-slider-track-background{background-color:#00000042}.mat-slider-min-value .mat-slider-focus-ring{background-color:#0000001f}.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:#000000de}.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:#00000042}.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:#00000042;background-color:transparent}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:#00000061}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:#00000042}.mat-slider-has-ticks .mat-slider-wrapper:after{border-color:#000000b3}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);background-image:-moz-repeating-linear-gradient(.0001deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:#0000000a}.mat-step-header:hover[aria-disabled=true]{cursor:default}@media (hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:#0000008a}.mat-step-header .mat-step-icon{background-color:#0000008a;color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:#000000de}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line:before{border-left-color:#0000001f}.mat-horizontal-stepper-header:before,.mat-horizontal-stepper-header:after,.mat-stepper-horizontal-line{border-top-color:#0000001f}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px}.mat-stepper-vertical-line:before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-sort-header-arrow{color:#757575}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:#000000de}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:#00000061}.mat-tab-header-pagination-chevron{border-color:#000000de}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#00000061}.mat-tab-group[class*=mat-background-]>.mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:#c5cae94d}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:#ff80ab4d}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:#ffcdd24d}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:#c5cae94d}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:#fff6}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator:before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:#ff80ab4d}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:#fff6}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator:before{border-color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:#ffcdd24d}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:#fff6}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator:before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-toolbar{background:#f5f5f5;color:#000000de}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media (max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:#000000de}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:#ffffffb3;background:#323232;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-simple-snackbar-action{color:#ff4081}\n"]
|
|
1020
735
|
},] }
|
|
1021
736
|
];
|
|
@@ -1073,7 +788,7 @@ ListTagComponent.propDecorators = {
|
|
|
1073
788
|
};
|
|
1074
789
|
|
|
1075
790
|
// @ts-ignore
|
|
1076
|
-
const moment$
|
|
791
|
+
const moment$3 = require('moment');
|
|
1077
792
|
const DAY_FORMATS = {
|
|
1078
793
|
parse: {
|
|
1079
794
|
dateInput: 'DD-MM-YYYY',
|
|
@@ -1085,13 +800,14 @@ const DAY_FORMATS = {
|
|
|
1085
800
|
monthYearA11yLabel: 'MMMM YYYY'
|
|
1086
801
|
},
|
|
1087
802
|
};
|
|
803
|
+
const ɵ0$4 = DAY_FORMATS;
|
|
1088
804
|
class DayTagComponent extends AnyTagComponent {
|
|
1089
805
|
constructor() {
|
|
1090
806
|
super();
|
|
1091
807
|
this.lockedDate = [];
|
|
1092
808
|
}
|
|
1093
809
|
get isLocked() {
|
|
1094
|
-
return this.date ? !this.dateFilter(moment$
|
|
810
|
+
return this.date ? !this.dateFilter(moment$3.unix(this.date).utc()) : false;
|
|
1095
811
|
}
|
|
1096
812
|
initDate() {
|
|
1097
813
|
if (this.defaultValue) {
|
|
@@ -1099,7 +815,7 @@ class DayTagComponent extends AnyTagComponent {
|
|
|
1099
815
|
this.dateObj.date = this.date;
|
|
1100
816
|
}
|
|
1101
817
|
else {
|
|
1102
|
-
this.dateObj.date = moment$
|
|
818
|
+
this.dateObj.date = moment$3().unix();
|
|
1103
819
|
}
|
|
1104
820
|
}
|
|
1105
821
|
initName() {
|
|
@@ -1108,7 +824,7 @@ class DayTagComponent extends AnyTagComponent {
|
|
|
1108
824
|
}
|
|
1109
825
|
}
|
|
1110
826
|
chosenTagHandler(value) {
|
|
1111
|
-
const date = moment$
|
|
827
|
+
const date = moment$3.unix(value).utc();
|
|
1112
828
|
const resultTag = {
|
|
1113
829
|
name: this.name,
|
|
1114
830
|
value: date.unix(),
|
|
@@ -1121,7 +837,7 @@ class DayTagComponent extends AnyTagComponent {
|
|
|
1121
837
|
dateFilter(momentData) {
|
|
1122
838
|
const date = momentData.date();
|
|
1123
839
|
return !this.lockedDate.some((timestamp) => {
|
|
1124
|
-
const lockDate = moment$
|
|
840
|
+
const lockDate = moment$3.unix(timestamp);
|
|
1125
841
|
return lockDate.date() === date;
|
|
1126
842
|
});
|
|
1127
843
|
}
|
|
@@ -1131,7 +847,14 @@ DayTagComponent.decorators = [
|
|
|
1131
847
|
{ type: Component, args: [{
|
|
1132
848
|
template: "<div class=\"tag-wrapper\">\n <p class=\"tag__label\">{{ name }}</p>\n <dr-date-picker format=\"day\"\n [(ngModel)]=\"date\"\n [disabled]=\"disabled\"\n [datepickerFilter]=\"dateFilter.bind(this)\"\n (ngModelChange)=\"chosenTagHandler($event)\"></dr-date-picker>\n</div>\n\n",
|
|
1133
849
|
selector: 'day-tag',
|
|
1134
|
-
providers: [
|
|
850
|
+
providers: [
|
|
851
|
+
{
|
|
852
|
+
provide: DateAdapter,
|
|
853
|
+
useClass: MomentDateAdapter,
|
|
854
|
+
deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS],
|
|
855
|
+
},
|
|
856
|
+
{ provide: MAT_DATE_FORMATS, useValue: ɵ0$4 },
|
|
857
|
+
],
|
|
1135
858
|
styles: [":host.locked>.tag-wrapper>dr-date-picker{opacity:.4}.tag__label{margin:0 0 4px;color:#0c142b;font-size:14px;font-weight:400;line-height:22px}\n"]
|
|
1136
859
|
},] }
|
|
1137
860
|
];
|
|
@@ -1791,6 +1514,79 @@ DrAvatarPipe.decorators = [
|
|
|
1791
1514
|
},] }
|
|
1792
1515
|
];
|
|
1793
1516
|
|
|
1517
|
+
var DateFromats;
|
|
1518
|
+
(function (DateFromats) {
|
|
1519
|
+
DateFromats["MAT_DEFAULT_DATE_FORMAT"] = "MM/DD/yyyy";
|
|
1520
|
+
DateFromats["DATE_INPUT_FORMAT"] = "YYYY/MM/DD";
|
|
1521
|
+
DateFromats["YEAR_FORMAT"] = "yyyy";
|
|
1522
|
+
DateFromats["MONTH_YEAR_FORMAT"] = "MM/yyyy";
|
|
1523
|
+
DateFromats["QUARTER_FORMAT"] = "Q/yyyy";
|
|
1524
|
+
DateFromats["WEEK_FORMAT"] = "W/yyyy";
|
|
1525
|
+
})(DateFromats || (DateFromats = {}));
|
|
1526
|
+
class CustomDateFormat {
|
|
1527
|
+
constructor() {
|
|
1528
|
+
this._parse = {
|
|
1529
|
+
dateInput: DateFromats.DATE_INPUT_FORMAT,
|
|
1530
|
+
};
|
|
1531
|
+
this._display = {
|
|
1532
|
+
dateInput: DateFromats.DATE_INPUT_FORMAT,
|
|
1533
|
+
monthYearLabel: 'MMM YYYY',
|
|
1534
|
+
dateA11yLabel: 'LL',
|
|
1535
|
+
monthYearA11yLabel: 'MMM YYYY',
|
|
1536
|
+
quarterYearLabel: 'Q/YYYY',
|
|
1537
|
+
yearLabel: 'YYYY'
|
|
1538
|
+
};
|
|
1539
|
+
}
|
|
1540
|
+
set parse(parse) {
|
|
1541
|
+
this._parse = Object.assign({}, this._parse, parse);
|
|
1542
|
+
}
|
|
1543
|
+
get parse() {
|
|
1544
|
+
return this._parse;
|
|
1545
|
+
}
|
|
1546
|
+
set display(display) {
|
|
1547
|
+
this._display = Object.assign({}, this._display, display);
|
|
1548
|
+
}
|
|
1549
|
+
get display() {
|
|
1550
|
+
return this._display;
|
|
1551
|
+
}
|
|
1552
|
+
updateDateFormat(parse, display) {
|
|
1553
|
+
this.parse = parse;
|
|
1554
|
+
if (!display) {
|
|
1555
|
+
display = parse;
|
|
1556
|
+
}
|
|
1557
|
+
this.display = display;
|
|
1558
|
+
}
|
|
1559
|
+
}
|
|
1560
|
+
var DatePickerPeriodPosition;
|
|
1561
|
+
(function (DatePickerPeriodPosition) {
|
|
1562
|
+
DatePickerPeriodPosition[DatePickerPeriodPosition["END_OF_PERIOD"] = 0] = "END_OF_PERIOD";
|
|
1563
|
+
DatePickerPeriodPosition[DatePickerPeriodPosition["MIDDLE_OF_PERIOD"] = 1] = "MIDDLE_OF_PERIOD";
|
|
1564
|
+
DatePickerPeriodPosition[DatePickerPeriodPosition["START_OF_PERIOD"] = 2] = "START_OF_PERIOD";
|
|
1565
|
+
DatePickerPeriodPosition[DatePickerPeriodPosition["DEFAULT"] = 3] = "DEFAULT";
|
|
1566
|
+
})(DatePickerPeriodPosition || (DatePickerPeriodPosition = {}));
|
|
1567
|
+
var TimeframeOption;
|
|
1568
|
+
(function (TimeframeOption) {
|
|
1569
|
+
TimeframeOption["DAY"] = "day";
|
|
1570
|
+
TimeframeOption["MONTH"] = "month";
|
|
1571
|
+
TimeframeOption["QUARTER"] = "quarter";
|
|
1572
|
+
TimeframeOption["WEEK"] = "week";
|
|
1573
|
+
TimeframeOption["YEAR"] = "year";
|
|
1574
|
+
})(TimeframeOption || (TimeframeOption = {}));
|
|
1575
|
+
var CalendarView;
|
|
1576
|
+
(function (CalendarView) {
|
|
1577
|
+
CalendarView["FOR_DAYS"] = "month";
|
|
1578
|
+
CalendarView["FOR_MONTHS"] = "year";
|
|
1579
|
+
CalendarView["FOR_QUARTERS"] = "none";
|
|
1580
|
+
CalendarView["FOR_YEARS"] = "multi-year";
|
|
1581
|
+
})(CalendarView || (CalendarView = {}));
|
|
1582
|
+
var DateTags;
|
|
1583
|
+
(function (DateTags) {
|
|
1584
|
+
DateTags["TODAY"] = "today";
|
|
1585
|
+
DateTags["YESTERDAY"] = "yesterday";
|
|
1586
|
+
DateTags["THIS_MONTH"] = "this_month";
|
|
1587
|
+
DateTags["PREV_MONTH"] = "prev_month";
|
|
1588
|
+
})(DateTags || (DateTags = {}));
|
|
1589
|
+
|
|
1794
1590
|
const POPUP_POSITIONS = {
|
|
1795
1591
|
top: {
|
|
1796
1592
|
originX: 'center',
|
|
@@ -3530,8 +3326,8 @@ class DialogWrapperComponent {
|
|
|
3530
3326
|
DialogWrapperComponent.decorators = [
|
|
3531
3327
|
{ type: Component, args: [{
|
|
3532
3328
|
selector: 'dr-dialog-wrapper',
|
|
3533
|
-
template: "<div class=\"dialog-wrapper\"\n [class.dialog-wrapper--confirmation-no-title]=\"dialogData.theme?.isConfirmation && !dialogData.title\">\n <i class=\"dr-icon-exit\" data-test=\"close_btn\" (click)=\"closeDialog()\" *ngIf=\"!dialogData?.hideCloseBtn\"></i>\n\n <div header class=\"dialog-wrapper__header\" *ngIf=\"dialogData.title\">\n <h1 class=\"dialog-wrapper__header__title\" data-test=\"dialogTitle\">{{ dialogData.title }}</h1>\n <h1 class=\"dialog-wrapper__header__subtitle\" data-test=\"dialogSubtitle\"\n *ngIf=\"dialogData.subtitle\">{{ dialogData.subtitle }}</h1>\n </div>\n <div class=\"dialog-wrapper__content\"\n [class.dialog-wrapper__content--no-padding]=\"dialogData.theme?.contentNoPadding\"\n [ngClass]=\"{ 'flex-position': dialogData.contentIcon?.class && !childComponent }\">\n <span *ngIf=\"dialogData.contentIcon?.class\" class=\"dialog-wrapper__content__icon\">\n <i [ngClass]=\"dialogData.contentIcon.class\" [style.color]=\"dialogData.contentIcon?.color || 'inherit'\"></i>\n </span>\n <span [innerHTML]=\"dialogData.content\"></span>\n <span #content class=\"dialog-wrapper__content__anchor\"> </span>\n </div>\n <div footer class=\"dialog-wrapper__footer\" *ngIf=\"dialogData.cancelButton || dialogData.acceptButton\">\n <div class=\"dialog-wrapper__footer__buttons\">\n <span *ngIf=\"dialogData.customButton\"\n class=\"dialog-wrapper__footer__button-wrapper\"\n [drTooltip]=\"dialogData.customButton.isDisabled && dialogData.tooltips?.customDisabled\">\n <dr-button (click)=\"onDecline()\"\n [theme]=\"'secondary'\"\n [isLoading]=\"isLoading\"\n data-test=\"declineBtn\"\n [disabled]=\"dialogData.customButton.isDisabled\"\n [drTooltip]=\"dialogData.tooltips?.custom\">{{ dialogData.customButton.label }}</dr-button>\n </span>\n <span *ngIf=\"dialogData.cancelButton\"\n class=\"dialog-wrapper__footer__button-wrapper\"\n [drTooltip]=\"dialogData.cancelButton.isDisabled && dialogData.tooltips?.cancelDisabled\">\n <dr-button (click)=\"closeDialog()\"\n [theme]=\"'secondary'\"\n data-test=\"closeBtn\"\n [disabled]=\"dialogData.cancelButton.isDisabled\"\n [drTooltip]=\"dialogData.tooltips?.cancel\">{{ dialogData.cancelButton.label }}</dr-button>\n </span>\n <span *ngIf=\"dialogData.acceptButton\"\n class=\"dialog-wrapper__footer__button-wrapper\"\n [drTooltip]=\"dialogData.acceptButton.isDisabled && dialogData.tooltips?.acceptDisabled\">\n <dr-button (click)=\"onAcceptDialog()\"\n [theme]=\"dialogData.acceptButton?.theme || 'primary'\"\n [isLoading]=\"isLoading\"\n data-test=\"acceptBtn\"\n [disabled]=\"dialogData.acceptButton.isDisabled\"\n [drTooltip]=\"dialogData.tooltips?.accept\">{{ dialogData.acceptButton.label }}</dr-button>\n </span>\n </div>\n </div>\n</div>\n",
|
|
3534
|
-
styles: [":host.small-modal{min-height:188px;max-height:467px;min-width:400px;max-width:400px}:host.medium-modal,.medium-modal-max-height:host{min-height:188px;max-height:467px;min-width:632px;max-width:632px}:host.medium-small-modal{min-height:188px;max-height:345px;min-width:460px;max-width:460px}:host.medium-modal-max-height{max-height:85vh}:host.large-modal{min-width:750px;max-width:750px}:host.medium-large-modal{min-width:669px;max-width:669px}:host.xl-modal{min-height:188px;max-height:800px;min-width:1100px;max-width:1100px}:host.xl-custom-modal{min-height:188px;max-height:800px;min-width:1100px;max-width:100%}::ng-deep .dialog-wrapper{display:flex;justify-content:space-between;flex-direction:column;position:relative}::ng-deep .dialog-wrapper>.dr-icon-exit{z-index:1;position:absolute;right:32px;top:20px;color:#51566f;cursor:pointer}::ng-deep .dialog-wrapper__header{display:flex;flex-direction:column;padding:8px 52px 8px 32px;border-bottom:1px solid #e5e6ea}::ng-deep .dialog-wrapper__header__title{color:#151b3f;position:static;font-weight:600;font-size:18px;line-height:24px}::ng-deep .dialog-wrapper__header__subtitle{font-size:14px;line-height:20px;margin:0}::ng-deep .dialog-wrapper--confirmation-no-title{padding-top:16px;height:100%}::ng-deep .dialog-wrapper__content{overflow-y:inherit;font-size:14px;font-weight:400;line-height:22px;padding:24px 32px 32px}::ng-deep .dialog-wrapper__content__anchor{display:none}::ng-deep .dialog-wrapper__content--no-padding{padding:0}::ng-deep .dialog-wrapper__content__icon{margin-right:10px;top:5px;position:relative}::ng-deep .dialog-wrapper__content.flex-position{display:flex}::ng-deep .dialog-wrapper__footer{border-top:1px solid #e5e6ea}::ng-deep .dialog-wrapper__footer__buttons{display:flex;justify-content:flex-end;padding:11px 32px}::ng-deep .dialog-wrapper__footer__buttons>dr-button:nth-child(n+2){margin-left:12px}::ng-deep .dialog-wrapper__footer__button-wrapper:nth-child(n+2){margin-left:12px}\n"]
|
|
3329
|
+
template: "<div class=\"dialog-wrapper\"\n [class.dialog-wrapper--confirmation-no-title]=\"dialogData.theme?.isConfirmation && !dialogData.title\">\n <i class=\"dr-icon-exit\" data-test=\"close_btn\" (click)=\"closeDialog()\" *ngIf=\"!dialogData?.hideCloseBtn\"></i>\n\n <div header class=\"dialog-wrapper__header\" *ngIf=\"dialogData.title\">\n <h1 class=\"dialog-wrapper__header__title\" data-test=\"dialogTitle\">{{ dialogData.title }}</h1>\n <h1 class=\"dialog-wrapper__header__subtitle\" data-test=\"dialogSubtitle\"\n *ngIf=\"dialogData.subtitle\">{{ dialogData.subtitle }}</h1>\n </div>\n <div class=\"dialog-wrapper__content\"\n [class.dialog-wrapper__content--no-padding]=\"dialogData.theme?.contentNoPadding\"\n [ngClass]=\"{ 'flex-position': dialogData.contentIcon?.class && !childComponent }\">\n <span *ngIf=\"dialogData.contentIcon?.class\" class=\"dialog-wrapper__content__icon\">\n <i [ngClass]=\"dialogData.contentIcon.class\" [style.color]=\"dialogData.contentIcon?.color || 'inherit'\"></i>\n </span>\n <span [innerHTML]=\"dialogData.content\"></span>\n <span #content class=\"dialog-wrapper__content__anchor\"> </span>\n </div>\n <dr-details-list *ngIf=\"dialogData.details\"\n [title]=\"dialogData.details.title\"\n [items]=\"dialogData.details.items\">\n </dr-details-list>\n <div footer class=\"dialog-wrapper__footer\" *ngIf=\"dialogData.cancelButton || dialogData.acceptButton\">\n <div class=\"dialog-wrapper__footer__buttons\">\n <span *ngIf=\"dialogData.customButton\"\n class=\"dialog-wrapper__footer__button-wrapper\"\n [drTooltip]=\"dialogData.customButton.isDisabled && dialogData.tooltips?.customDisabled\">\n <dr-button (click)=\"onDecline()\"\n [theme]=\"'secondary'\"\n [isLoading]=\"isLoading\"\n data-test=\"declineBtn\"\n [disabled]=\"dialogData.customButton.isDisabled\"\n [drTooltip]=\"dialogData.tooltips?.custom\">{{ dialogData.customButton.label }}</dr-button>\n </span>\n <span *ngIf=\"dialogData.cancelButton\"\n class=\"dialog-wrapper__footer__button-wrapper\"\n [drTooltip]=\"dialogData.cancelButton.isDisabled && dialogData.tooltips?.cancelDisabled\">\n <dr-button (click)=\"closeDialog()\"\n [theme]=\"'secondary'\"\n data-test=\"closeBtn\"\n [disabled]=\"dialogData.cancelButton.isDisabled\"\n [drTooltip]=\"dialogData.tooltips?.cancel\">{{ dialogData.cancelButton.label }}</dr-button>\n </span>\n <span *ngIf=\"dialogData.acceptButton\"\n class=\"dialog-wrapper__footer__button-wrapper\"\n [drTooltip]=\"dialogData.acceptButton.isDisabled && dialogData.tooltips?.acceptDisabled\">\n <dr-button (click)=\"onAcceptDialog()\"\n [theme]=\"dialogData.acceptButton?.theme || 'primary'\"\n [isLoading]=\"isLoading\"\n data-test=\"acceptBtn\"\n [disabled]=\"dialogData.acceptButton.isDisabled\"\n [drTooltip]=\"dialogData.tooltips?.accept\">{{ dialogData.acceptButton.label }}</dr-button>\n </span>\n </div>\n </div>\n</div>\n",
|
|
3330
|
+
styles: [":host.small-modal{min-height:188px;max-height:467px;min-width:400px;max-width:400px}:host.medium-modal,.medium-modal-max-height:host{min-height:188px;max-height:467px;min-width:632px;max-width:632px}:host.medium-small-modal{min-height:188px;max-height:345px;min-width:460px;max-width:460px}:host.medium-modal-max-height{max-height:85vh}:host.large-modal{min-width:750px;max-width:750px}:host.medium-large-modal{min-width:669px;max-width:669px}:host.xl-modal{min-height:188px;max-height:800px;min-width:1100px;max-width:1100px}:host.xl-custom-modal{min-height:188px;max-height:800px;min-width:1100px;max-width:100%}::ng-deep .dialog-wrapper{display:flex;justify-content:space-between;flex-direction:column;position:relative}::ng-deep .dialog-wrapper>.dr-icon-exit{z-index:1;position:absolute;right:32px;top:20px;color:#51566f;cursor:pointer}::ng-deep .dialog-wrapper__header{display:flex;flex-direction:column;padding:8px 52px 8px 32px;border-bottom:1px solid #e5e6ea}::ng-deep .dialog-wrapper__header__title{color:#151b3f;position:static;font-weight:600;font-size:18px;line-height:24px}::ng-deep .dialog-wrapper__header__subtitle{font-size:14px;line-height:20px;margin:0}::ng-deep .dialog-wrapper--confirmation-no-title{padding-top:16px;height:100%}::ng-deep .dialog-wrapper__content{overflow-y:inherit;font-size:14px;font-weight:400;line-height:22px;padding:24px 32px 32px}::ng-deep .dialog-wrapper__content__anchor{display:none}::ng-deep .dialog-wrapper__content--no-padding{padding:0}::ng-deep .dialog-wrapper__content__icon{margin-right:10px;top:5px;position:relative}::ng-deep .dialog-wrapper__content.flex-position{display:flex}::ng-deep .dialog-wrapper dr-details-list{margin-top:-24px;padding:0 32px 32px}::ng-deep .dialog-wrapper__footer{border-top:1px solid #e5e6ea}::ng-deep .dialog-wrapper__footer__buttons{display:flex;justify-content:flex-end;padding:11px 32px}::ng-deep .dialog-wrapper__footer__buttons>dr-button:nth-child(n+2){margin-left:12px}::ng-deep .dialog-wrapper__footer__button-wrapper:nth-child(n+2){margin-left:12px}\n"]
|
|
3535
3331
|
},] }
|
|
3536
3332
|
];
|
|
3537
3333
|
DialogWrapperComponent.ctorParameters = () => [
|
|
@@ -3699,9 +3495,70 @@ DialogService.decorators = [
|
|
|
3699
3495
|
providedIn: 'root'
|
|
3700
3496
|
},] }
|
|
3701
3497
|
];
|
|
3702
|
-
DialogService.ctorParameters = () => [
|
|
3703
|
-
{ type: MatDialog }
|
|
3704
|
-
];
|
|
3498
|
+
DialogService.ctorParameters = () => [
|
|
3499
|
+
{ type: MatDialog }
|
|
3500
|
+
];
|
|
3501
|
+
|
|
3502
|
+
class DrDetailsListComponent {
|
|
3503
|
+
constructor() {
|
|
3504
|
+
this.destroy$ = new Subject();
|
|
3505
|
+
this.list = [];
|
|
3506
|
+
this.title = 'Show details';
|
|
3507
|
+
this.collapse = true;
|
|
3508
|
+
}
|
|
3509
|
+
set items(val) {
|
|
3510
|
+
if (!val) {
|
|
3511
|
+
return;
|
|
3512
|
+
}
|
|
3513
|
+
if (Array.isArray(val)) {
|
|
3514
|
+
this.list = val;
|
|
3515
|
+
}
|
|
3516
|
+
else {
|
|
3517
|
+
val.pipe(takeUntil(this.destroy$)).subscribe((res) => {
|
|
3518
|
+
this.list = res;
|
|
3519
|
+
});
|
|
3520
|
+
}
|
|
3521
|
+
}
|
|
3522
|
+
;
|
|
3523
|
+
get state() {
|
|
3524
|
+
if (this.collapse) {
|
|
3525
|
+
return 'collapsed';
|
|
3526
|
+
}
|
|
3527
|
+
return 'expanded';
|
|
3528
|
+
}
|
|
3529
|
+
ngOnDestroy() {
|
|
3530
|
+
this.destroy$.next();
|
|
3531
|
+
this.destroy$.complete();
|
|
3532
|
+
}
|
|
3533
|
+
}
|
|
3534
|
+
DrDetailsListComponent.decorators = [
|
|
3535
|
+
{ type: Component, args: [{
|
|
3536
|
+
selector: 'dr-details-list',
|
|
3537
|
+
template: "<div class=\"details\">\n <div class=\"details__header\" (click)=\"collapse = !collapse\">\n <i [class.dr-icon-arrow-right]=\"collapse\"\n [class.dr-icon-arrow-down]=\"!collapse\">\n </i>\n {{ title }}\n </div>\n <ul class=\"details__list\" [@expansionIndicatorList]=\"{ value: state }\">\n <li *ngFor=\"let item of list\">{{ item }}</li>\n </ul>\n</div>\n",
|
|
3538
|
+
animations: [
|
|
3539
|
+
trigger('expansionIndicatorList', [
|
|
3540
|
+
state('collapsed', style({
|
|
3541
|
+
overflow: 'hidden',
|
|
3542
|
+
visibility: 'hidden',
|
|
3543
|
+
height: 0,
|
|
3544
|
+
})),
|
|
3545
|
+
state('expanded', style({
|
|
3546
|
+
overflow: 'hidden',
|
|
3547
|
+
visibility: 'visible',
|
|
3548
|
+
})),
|
|
3549
|
+
transition('collapsed => expanded', animate('100ms ease-in')),
|
|
3550
|
+
transition('expanded => collapsed', animate('100ms ease-out')),
|
|
3551
|
+
]),
|
|
3552
|
+
],
|
|
3553
|
+
styles: [":host{font-family:Poppins,sans-serif;font-size:14px;line-height:22px;color:#6d6e6f;font-weight:400}:host .details{display:flex;flex-direction:column}:host .details__header{display:flex;align-items:center;cursor:pointer}:host .details__header i{margin-right:4px}:host .details__list{display:flex;flex-direction:column;padding-left:28px;margin:8px 0}:host .details__list li{list-style-type:disc}\n"]
|
|
3554
|
+
},] }
|
|
3555
|
+
];
|
|
3556
|
+
DrDetailsListComponent.ctorParameters = () => [];
|
|
3557
|
+
DrDetailsListComponent.propDecorators = {
|
|
3558
|
+
title: [{ type: Input }],
|
|
3559
|
+
items: [{ type: Input }],
|
|
3560
|
+
collapse: [{ type: Input }]
|
|
3561
|
+
};
|
|
3705
3562
|
|
|
3706
3563
|
var TooltipPosition;
|
|
3707
3564
|
(function (TooltipPosition) {
|
|
@@ -3781,6 +3638,239 @@ class ChatMessage {
|
|
|
3781
3638
|
}
|
|
3782
3639
|
}
|
|
3783
3640
|
|
|
3641
|
+
class DrSharedUtils {
|
|
3642
|
+
/**
|
|
3643
|
+
* Get timeframe (day, year, month, quarter) based on passed format
|
|
3644
|
+
*
|
|
3645
|
+
* @param format - date format string. Examples: MM/DD/YYYY, Q/YYYY
|
|
3646
|
+
*/
|
|
3647
|
+
static getTimeframeByDateFormat(format) {
|
|
3648
|
+
const defaultFrame = TimeframeOption.DAY;
|
|
3649
|
+
if (!format) {
|
|
3650
|
+
return defaultFrame;
|
|
3651
|
+
}
|
|
3652
|
+
const lowerCaseFormat = format.toLowerCase();
|
|
3653
|
+
switch (true) {
|
|
3654
|
+
case lowerCaseFormat.includes('q'):
|
|
3655
|
+
return TimeframeOption.QUARTER;
|
|
3656
|
+
case lowerCaseFormat.includes('d'):
|
|
3657
|
+
return TimeframeOption.DAY;
|
|
3658
|
+
case lowerCaseFormat.includes('w'):
|
|
3659
|
+
return TimeframeOption.WEEK;
|
|
3660
|
+
case lowerCaseFormat.includes('m'):
|
|
3661
|
+
return TimeframeOption.MONTH;
|
|
3662
|
+
case lowerCaseFormat.includes('y'):
|
|
3663
|
+
return TimeframeOption.YEAR;
|
|
3664
|
+
default:
|
|
3665
|
+
return defaultFrame;
|
|
3666
|
+
}
|
|
3667
|
+
}
|
|
3668
|
+
static getDateByTag(tag) {
|
|
3669
|
+
const todayDate = moment$9().utc().endOf('day');
|
|
3670
|
+
switch (tag) {
|
|
3671
|
+
case DateTags.TODAY:
|
|
3672
|
+
return todayDate;
|
|
3673
|
+
case DateTags.YESTERDAY:
|
|
3674
|
+
todayDate.subtract(1, 'days');
|
|
3675
|
+
return todayDate;
|
|
3676
|
+
case DateTags.THIS_MONTH:
|
|
3677
|
+
todayDate.endOf('month');
|
|
3678
|
+
return todayDate;
|
|
3679
|
+
case DateTags.PREV_MONTH:
|
|
3680
|
+
todayDate.subtract(1, 'months').endOf('month');
|
|
3681
|
+
return todayDate;
|
|
3682
|
+
}
|
|
3683
|
+
}
|
|
3684
|
+
}
|
|
3685
|
+
|
|
3686
|
+
const moment$2 = require('moment');
|
|
3687
|
+
class DrDatePickerService {
|
|
3688
|
+
constructor() {
|
|
3689
|
+
this.isTimeframeSelectionEnabled = false;
|
|
3690
|
+
this.timeframe = TimeframeOption.DAY;
|
|
3691
|
+
this.format$ = new BehaviorSubject(DateFromats.MAT_DEFAULT_DATE_FORMAT);
|
|
3692
|
+
this.updatedQuarter$ = new Subject();
|
|
3693
|
+
this.updatedDateAndClose$ = new Subject();
|
|
3694
|
+
this.presetTag$ = new BehaviorSubject('');
|
|
3695
|
+
this.onSameDaySelectedInCalendar$ = new Subject();
|
|
3696
|
+
this.keepPresetTag = false;
|
|
3697
|
+
this.isValueUpdating = false;
|
|
3698
|
+
this.availableTimeframes = [
|
|
3699
|
+
TimeframeOption.DAY,
|
|
3700
|
+
TimeframeOption.WEEK,
|
|
3701
|
+
TimeframeOption.MONTH,
|
|
3702
|
+
TimeframeOption.QUARTER,
|
|
3703
|
+
TimeframeOption.YEAR
|
|
3704
|
+
];
|
|
3705
|
+
this.formatConfig = {
|
|
3706
|
+
day: DateFromats.MAT_DEFAULT_DATE_FORMAT,
|
|
3707
|
+
month: DateFromats.MONTH_YEAR_FORMAT,
|
|
3708
|
+
year: DateFromats.YEAR_FORMAT,
|
|
3709
|
+
quarter: DateFromats.QUARTER_FORMAT,
|
|
3710
|
+
week: DateFromats.WEEK_FORMAT
|
|
3711
|
+
};
|
|
3712
|
+
this.fiscalYearMonthsModifier = 0;
|
|
3713
|
+
}
|
|
3714
|
+
getDisplayPrefix() {
|
|
3715
|
+
const formatCached = this.format$.getValue();
|
|
3716
|
+
switch (true) {
|
|
3717
|
+
case formatCached === null || formatCached === void 0 ? void 0 : formatCached.includes('Q'):
|
|
3718
|
+
return 'Q';
|
|
3719
|
+
case formatCached === null || formatCached === void 0 ? void 0 : formatCached.includes('W'):
|
|
3720
|
+
return 'W';
|
|
3721
|
+
default:
|
|
3722
|
+
return '';
|
|
3723
|
+
}
|
|
3724
|
+
}
|
|
3725
|
+
getTimeframe(format) {
|
|
3726
|
+
return DrSharedUtils.getTimeframeByDateFormat(format);
|
|
3727
|
+
}
|
|
3728
|
+
getConfiguredFormat(timeframe) {
|
|
3729
|
+
return this.formatConfig[timeframe];
|
|
3730
|
+
}
|
|
3731
|
+
updateTimeframeAndFormat(format) {
|
|
3732
|
+
const normalizedFormat = this.normalizeValue(format || this.format$.getValue());
|
|
3733
|
+
this.timeframe = this.getTimeframe(normalizedFormat);
|
|
3734
|
+
this.format$.next(this.getConfiguredFormat(this.timeframe));
|
|
3735
|
+
}
|
|
3736
|
+
normalizeValue(value) {
|
|
3737
|
+
return value.replace(/d/g, 'D');
|
|
3738
|
+
}
|
|
3739
|
+
/**
|
|
3740
|
+
* Get quarter number for date according to fiscal year
|
|
3741
|
+
*
|
|
3742
|
+
* @param date
|
|
3743
|
+
*/
|
|
3744
|
+
getQuarterAccordingToFiscalYear(date) {
|
|
3745
|
+
let fiscalMonth = this.fiscalYearMonthsModifier;
|
|
3746
|
+
const dateMonth = date.month();
|
|
3747
|
+
if (dateMonth < fiscalMonth) {
|
|
3748
|
+
fiscalMonth -= 12;
|
|
3749
|
+
}
|
|
3750
|
+
return Math.trunc((date.month() - fiscalMonth) / 3) + 1;
|
|
3751
|
+
}
|
|
3752
|
+
/**
|
|
3753
|
+
* Sets date to end of quarter in FY by passed quarter number
|
|
3754
|
+
*
|
|
3755
|
+
* @param date
|
|
3756
|
+
* @param quarterNumber
|
|
3757
|
+
*/
|
|
3758
|
+
setEndOfQuarter(date, quarterNumber) {
|
|
3759
|
+
date
|
|
3760
|
+
.subtract(this.fiscalYearMonthsModifier, 'M')
|
|
3761
|
+
.startOf('year')
|
|
3762
|
+
.add(this.fiscalYearMonthsModifier + quarterNumber * 3 - 1, 'M')
|
|
3763
|
+
.endOf('month');
|
|
3764
|
+
}
|
|
3765
|
+
/**
|
|
3766
|
+
* Sets date to start of quarter in FY by passed quarter number
|
|
3767
|
+
*
|
|
3768
|
+
* @param date
|
|
3769
|
+
* @param quarterNumber
|
|
3770
|
+
*/
|
|
3771
|
+
setStartOfQuarter(date, quarterNumber) {
|
|
3772
|
+
date
|
|
3773
|
+
.subtract(this.fiscalYearMonthsModifier, 'M')
|
|
3774
|
+
.startOf('year')
|
|
3775
|
+
.add(this.fiscalYearMonthsModifier + (quarterNumber - 1) * 3, 'M');
|
|
3776
|
+
}
|
|
3777
|
+
/**
|
|
3778
|
+
* Sets date to end of current quarter (in which date is located) according to FY
|
|
3779
|
+
*
|
|
3780
|
+
* @param date
|
|
3781
|
+
*/
|
|
3782
|
+
setEndOfCurrentQuarter(date) {
|
|
3783
|
+
this.setEndOfQuarter(date, this.getQuarterAccordingToFiscalYear(date));
|
|
3784
|
+
}
|
|
3785
|
+
/**
|
|
3786
|
+
* Sets date to start of current quarter (in which date is located) according to FY
|
|
3787
|
+
*
|
|
3788
|
+
* @param date
|
|
3789
|
+
*/
|
|
3790
|
+
setStartOfCurrentQuarter(date) {
|
|
3791
|
+
this.setStartOfQuarter(date, this.getQuarterAccordingToFiscalYear(date));
|
|
3792
|
+
}
|
|
3793
|
+
/**
|
|
3794
|
+
* If date selection on this timeframe depends on Fiscal Year
|
|
3795
|
+
*
|
|
3796
|
+
* @param timeframe
|
|
3797
|
+
*/
|
|
3798
|
+
isTimeframeDependingOnFY(timeframe) {
|
|
3799
|
+
return _.includes([TimeframeOption.QUARTER, TimeframeOption.YEAR], timeframe);
|
|
3800
|
+
}
|
|
3801
|
+
/**
|
|
3802
|
+
* Subtract from date fiscal year shift months count
|
|
3803
|
+
*
|
|
3804
|
+
* @param date
|
|
3805
|
+
*/
|
|
3806
|
+
subtractFiscalYearMonthsFromDate(date) {
|
|
3807
|
+
return this.getDateModifiedByFiscalMonths(date, true);
|
|
3808
|
+
}
|
|
3809
|
+
/**
|
|
3810
|
+
* Add to date fiscal year shift months count
|
|
3811
|
+
*
|
|
3812
|
+
* @param date
|
|
3813
|
+
*/
|
|
3814
|
+
addFiscalYearMonthsToDate(date) {
|
|
3815
|
+
return this.getDateModifiedByFiscalMonths(date);
|
|
3816
|
+
}
|
|
3817
|
+
/**
|
|
3818
|
+
* Add or subtract depending on isRevert paremeter Fiscal year month shift
|
|
3819
|
+
*
|
|
3820
|
+
* @param date
|
|
3821
|
+
* @param isSubtract
|
|
3822
|
+
*/
|
|
3823
|
+
getDateModifiedByFiscalMonths(date, isSubtract = false) {
|
|
3824
|
+
return date ? _.cloneDeep(date)[isSubtract ? 'subtract' : 'add'](this.fiscalYearMonthsModifier, 'month') : date;
|
|
3825
|
+
}
|
|
3826
|
+
updateDatePickerByPreset(tag, calender) {
|
|
3827
|
+
this.keepPresetTag = true;
|
|
3828
|
+
let date = null;
|
|
3829
|
+
if (tag) {
|
|
3830
|
+
date = DrSharedUtils.getDateByTag(tag);
|
|
3831
|
+
switch (tag) {
|
|
3832
|
+
case DateTags.TODAY:
|
|
3833
|
+
this.updateTimeframeAndFormat(DateFromats.MAT_DEFAULT_DATE_FORMAT);
|
|
3834
|
+
break;
|
|
3835
|
+
case DateTags.YESTERDAY:
|
|
3836
|
+
this.updateTimeframeAndFormat(DateFromats.MAT_DEFAULT_DATE_FORMAT);
|
|
3837
|
+
break;
|
|
3838
|
+
case DateTags.THIS_MONTH:
|
|
3839
|
+
this.updateTimeframeAndFormat(DateFromats.MONTH_YEAR_FORMAT);
|
|
3840
|
+
this.selectDateInCalendarMonthView(date, calender);
|
|
3841
|
+
break;
|
|
3842
|
+
case DateTags.PREV_MONTH:
|
|
3843
|
+
this.updateTimeframeAndFormat(DateFromats.MONTH_YEAR_FORMAT);
|
|
3844
|
+
this.selectDateInCalendarMonthView(date, calender);
|
|
3845
|
+
break;
|
|
3846
|
+
}
|
|
3847
|
+
}
|
|
3848
|
+
this.presetTag$.next(tag);
|
|
3849
|
+
this.updatedDateAndClose$.next(date);
|
|
3850
|
+
}
|
|
3851
|
+
selectDateInCalendarMonthView(date, calender) {
|
|
3852
|
+
setTimeout(() => {
|
|
3853
|
+
const monthView = calender.monthView;
|
|
3854
|
+
if (monthView) {
|
|
3855
|
+
monthView._activeDate = date;
|
|
3856
|
+
monthView._selected = date;
|
|
3857
|
+
monthView._init();
|
|
3858
|
+
}
|
|
3859
|
+
});
|
|
3860
|
+
}
|
|
3861
|
+
resetPresetTag() {
|
|
3862
|
+
if (!this.keepPresetTag) {
|
|
3863
|
+
this.presetTag$.next(null);
|
|
3864
|
+
}
|
|
3865
|
+
else {
|
|
3866
|
+
this.keepPresetTag = false;
|
|
3867
|
+
}
|
|
3868
|
+
}
|
|
3869
|
+
}
|
|
3870
|
+
DrDatePickerService.decorators = [
|
|
3871
|
+
{ type: Injectable }
|
|
3872
|
+
];
|
|
3873
|
+
|
|
3784
3874
|
const moment$1 = require('moment');
|
|
3785
3875
|
class DrDatePickerCustomHeaderComponent {
|
|
3786
3876
|
constructor(_calendar, _dateAdapter, _dateFormats, cdr, datePickerService) {
|
|
@@ -4625,7 +4715,6 @@ DateTagModule.decorators = [
|
|
|
4625
4715
|
DrInputsModule,
|
|
4626
4716
|
NgSelectModule
|
|
4627
4717
|
],
|
|
4628
|
-
providers: [DrDatePickerService],
|
|
4629
4718
|
exports: components$2,
|
|
4630
4719
|
declarations: components$2,
|
|
4631
4720
|
},] }
|
|
@@ -4774,7 +4863,7 @@ DrTagModule.decorators = [
|
|
|
4774
4863
|
DrDynamicTagModule
|
|
4775
4864
|
],
|
|
4776
4865
|
exports: [DrTagComponent],
|
|
4777
|
-
providers: [
|
|
4866
|
+
providers: [],
|
|
4778
4867
|
declarations: [
|
|
4779
4868
|
DrTagComponent
|
|
4780
4869
|
],
|
|
@@ -4969,9 +5058,9 @@ class StepperComponent {
|
|
|
4969
5058
|
StepperComponent.decorators = [
|
|
4970
5059
|
{ type: Component, args: [{
|
|
4971
5060
|
selector: 'dr-stepper',
|
|
4972
|
-
template: "<div class=\"scroll-section\" *ngIf=\"stepper?.scrollLeft !== 0\" (click)=\"scrollLeft()\">\n <i class=\"dr-icon-arrow-right\"></i>\n</div>\n<div #stepper class=\"stepper\" [ngClass]=\"{'stepper--disabled': disabled}\">\n <ng-container *ngFor=\"let step of steps; let index = index; last as isLast; first as isFirst\">\n <div *ngIf=\"!step.hide\" class=\"step\" (click)=\"selectStep(step)\"\n [class.step-setup]=\"inlineLabels\">\n <div class=\"step-wrapper\" [drTooltip]=\"step.description && tooltip\"\n [drTooltipContext]=\"{ step: step }\"\n [drTooltipPosition]=\"'bottom'\">\n <div data-test=\"step_point\" class=\"step-point\">\n <div *ngIf=\"step === currentStep;\" class=\"ellipse\"></div>\n <ng-container [ngSwitch]=\"step.completed\">\n <ng-template [ngSwitchCase]=\"true\">\n <div class=\"pointer blue\">\n <i class=\"dr-icon-approve\"></i>\n </div>\n </ng-template>\n <ng-template [ngSwitchCase]=\"false\">\n <div class=\"pointer\" [class.gray]=\"step !== currentStep\"\n [ngClass]=\"{'blue with-ellipse': step === currentStep}\">\n <div [hidden]=\"step === currentStep || hiddenIndex\" class=\"text\">{{index + 1}}</div>\n </div>\n </ng-template>\n </ng-container>\n </div>\n <div data-test=\"step_label_name\" class=\"step-label\" [class.active]=\"currentStep === step\"\n [ngClass]=\"step.completed ? 'completed' : 'uncompleted'\">\n <span [hidden]=\"hiddenNames\">{{step.name}}</span>\n </div>\n <ng-container *ngIf=\"inlineLabels\" [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n <span *ngIf=\"step.showProgress\"\n data-test=\"step_progress\"\n class=\"step-progress\">\n {{(step.requiredTasks ? step.completedTasks : step.requiredTasks) + '/' + step.requiredTasks}}\n </span>\n </div>\n <ng-container *ngIf=\"!inlineLabels\" [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n </div>\n </ng-container>\n</div>\n<div (click)=\"scrollRight()\" class=\"scroll-section\"\n *ngIf=\"stepper?.scrollWidth > stepper?.clientWidth && roundWidth(stepper?.scrollLeft + stepper?.clientWidth) < stepper?.scrollWidth\">\n <i class=\"dr-icon-arrow-right\"></i>\n</div>\n\n<ng-template #tooltip let-step=\"step\">\n <div class=\"step-tooltip\">\n <div class=\"step-tooltip_name\">{{step.name}}</div>\n <div class=\"step-tooltip_description\">{{step.description}}</div>\n </div>\n</ng-template>\n\n<ng-template #connector let-step=\"step\" let-isLast=\"isLast\" let-index=\"index\">\n <div class=\"step-connector\" [class.only-one-step]=\"steps.length === 1\"\n [class]=\"'step-connector--' + (!inlineLabels ? 'absolute' : 'inline')\"\n *ngIf=\"steps.length === 1 || !isLast\"\n [style.visibility]=\"withoutConnectors || steps[step.index + 1]?.hide ? 'hidden' : 'unset'\"\n [class.connector-grand]=\"!inlineLabels && (index === 0 || index === steps.length - 2)\">\n <div class=\"progress\" [style.width]=\"getWidth(step)\"></div>\n </div>\n</ng-template>\n",
|
|
5061
|
+
template: "<div class=\"scroll-section\" *ngIf=\"stepper?.scrollLeft !== 0\" (click)=\"scrollLeft()\">\n <i class=\"dr-icon-arrow-right\"></i>\n</div>\n<div #stepper class=\"stepper\" [ngClass]=\"{'stepper--disabled': disabled}\">\n <ng-container *ngFor=\"let step of steps; let index = index; last as isLast; first as isFirst\">\n <div *ngIf=\"!step.hide\" class=\"step\" (click)=\"selectStep(step)\"\n [class.step-setup]=\"inlineLabels\">\n <div class=\"step-wrapper\" [drTooltip]=\"step.description && tooltip\"\n [drTooltipContext]=\"{ step: step }\"\n [drTooltipPosition]=\"'bottom'\">\n <div data-test=\"step_point\" class=\"step-point\" [class.active]=\"currentStep === step\" [class.completed]=\"step.completed\">\n <div *ngIf=\"step === currentStep;\" class=\"ellipse\"></div>\n <ng-container [ngSwitch]=\"step.completed\">\n <ng-template [ngSwitchCase]=\"true\">\n <div class=\"pointer blue\">\n <i class=\"dr-icon-approve\"></i>\n </div>\n </ng-template>\n <ng-template [ngSwitchCase]=\"false\">\n <div class=\"pointer\" [class.gray]=\"step !== currentStep\"\n [ngClass]=\"{'blue with-ellipse': step === currentStep}\">\n <div [hidden]=\"step === currentStep || hiddenIndex\" class=\"text\">{{index + 1}}</div>\n </div>\n </ng-template>\n </ng-container>\n </div>\n <div data-test=\"step_label_name\" class=\"step-label\" [class.active]=\"currentStep === step\"\n [ngClass]=\"step.completed ? 'completed' : 'uncompleted'\">\n <span [hidden]=\"hiddenNames\">{{step.name}}</span>\n </div>\n <ng-container *ngIf=\"inlineLabels\" [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n <span *ngIf=\"step.showProgress\"\n data-test=\"step_progress\"\n class=\"step-progress\">\n {{(step.requiredTasks ? step.completedTasks : step.requiredTasks) + '/' + step.requiredTasks}}\n </span>\n </div>\n <ng-container *ngIf=\"!inlineLabels\" [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n </div>\n </ng-container>\n</div>\n<div (click)=\"scrollRight()\" class=\"scroll-section\"\n *ngIf=\"stepper?.scrollWidth > stepper?.clientWidth && roundWidth(stepper?.scrollLeft + stepper?.clientWidth) < stepper?.scrollWidth\">\n <i class=\"dr-icon-arrow-right\"></i>\n</div>\n\n<ng-template #tooltip let-step=\"step\">\n <div class=\"step-tooltip\">\n <div class=\"step-tooltip_name\">{{step.name}}</div>\n <div class=\"step-tooltip_description\">{{step.description}}</div>\n </div>\n</ng-template>\n\n<ng-template #connector let-step=\"step\" let-isLast=\"isLast\" let-index=\"index\">\n <div class=\"step-connector\" [class.only-one-step]=\"steps.length === 1\"\n [class]=\"'step-connector--' + (!inlineLabels ? 'absolute' : 'inline')\"\n *ngIf=\"steps.length === 1 || !isLast\"\n [style.visibility]=\"withoutConnectors || steps[step.index + 1]?.hide ? 'hidden' : 'unset'\"\n [class.connector-grand]=\"!inlineLabels && (index === 0 || index === steps.length - 2)\">\n <div class=\"progress\" [style.width]=\"getWidth(step)\"></div>\n </div>\n</ng-template>\n",
|
|
4973
5062
|
changeDetection: ChangeDetectionStrategy.Default,
|
|
4974
|
-
styles: [":host{font-family:\"Poppins\",sans-serif;display:flex;justify-content:center;height:100%;position:relative}:host .scroll-section{position:absolute;top:0;height:100%;width:108px;display:flex;align-items:center;z-index:10}:host .scroll-section i{font-size:24px;color:#2969b0;background:#f3f7ff;border-radius:24px}:host .scroll-section i:hover{background:#cde1fb;cursor:pointer}:host .scroll-section:first-child{left:0;padding-left:16px;background:linear-gradient(90deg,#ffffff 36.08%,rgba(255,255,255,0) 87.17%)}:host .scroll-section:first-child i{transform:rotate(180deg)}:host .scroll-section:last-child{right:0;padding-right:16px;background:linear-gradient(270deg,#ffffff 36.08%,rgba(255,255,255,0) 87.17%);justify-content:flex-end}:host .stepper{display:flex;align-items:center;height:100%;width:100%;overflow:auto;scroll-behavior:smooth}:host .stepper::-webkit-scrollbar{display:none}:host .stepper--disabled .step:hover{cursor:default}:host .stepper--disabled .step-point .ellipse{border-color:#bcbcbc}:host .stepper--disabled .step-point .pointer{color:#fff;background-color:#bcbcbc;cursor:default}:host .stepper--disabled .step-label{color:#bcbcbc}:host .stepper--disabled .step-connector{background-color:#bcbcbc}:host .stepper--disabled .step-connector .progress{background-color:#bcbcbc}:host .step{position:relative;display:flex;flex-direction:column;width:120px;align-items:center;flex-shrink:0;flex-grow:1}:host .step:hover{cursor:pointer}:host .step:not(.step-setup) .step-wrapper{width:100%}:host .step:not(.step-setup):first-child .step-wrapper,:host .step:not(.step-setup):first-child .step-point,:host .step:not(.step-setup):first-child .step-label,:host .step:not(.step-setup):first-child .step-progress{margin-left:8px}:host .step:not(.step-setup):first-child .only-one-step{left:0!important;margin-left:25px}:host .step-point{display:flex;justify-content:center;width:100%;height:
|
|
5063
|
+
styles: [":host{font-family:\"Poppins\",sans-serif;display:flex;justify-content:center;height:100%;position:relative}:host .scroll-section{position:absolute;top:0;height:100%;width:108px;display:flex;align-items:center;z-index:10}:host .scroll-section i{font-size:24px;color:#2969b0;background:#f3f7ff;border-radius:24px}:host .scroll-section i:hover{background:#cde1fb;cursor:pointer}:host .scroll-section:first-child{left:0;padding-left:16px;background:linear-gradient(90deg,#ffffff 36.08%,rgba(255,255,255,0) 87.17%)}:host .scroll-section:first-child i{transform:rotate(180deg)}:host .scroll-section:last-child{right:0;padding-right:16px;background:linear-gradient(270deg,#ffffff 36.08%,rgba(255,255,255,0) 87.17%);justify-content:flex-end}:host .stepper{display:flex;align-items:center;height:100%;width:100%;overflow:auto;scroll-behavior:smooth}:host .stepper::-webkit-scrollbar{display:none}:host .stepper--disabled .step:hover{cursor:default}:host .stepper--disabled .step-point .ellipse{border-color:#bcbcbc}:host .stepper--disabled .step-point .pointer{color:#fff;background-color:#bcbcbc;cursor:default}:host .stepper--disabled .step-label{color:#bcbcbc}:host .stepper--disabled .step-connector{background-color:#bcbcbc}:host .stepper--disabled .step-connector .progress{background-color:#bcbcbc}:host .step{position:relative;display:flex;flex-direction:column;width:120px;align-items:center;flex-shrink:0;flex-grow:1}:host .step:hover{cursor:pointer}:host .step:not(.step-setup) .step-wrapper{width:100%}:host .step:not(.step-setup):first-child .step-wrapper,:host .step:not(.step-setup):first-child .step-point,:host .step:not(.step-setup):first-child .step-label,:host .step:not(.step-setup):first-child .step-progress{margin-left:8px}:host .step:not(.step-setup):first-child .only-one-step{left:0!important;margin-left:25px}:host .step-point{display:flex;justify-content:center;width:100%;height:28px;position:relative;align-items:center}:host .step-point .ellipse{width:28px;height:28px;position:absolute;border-radius:50px;border-color:#4646ce;border-style:solid;border-width:2px;background:white;display:flex;justify-content:center;align-items:center;z-index:2}:host .step-point .pointer{width:24px;height:24px;position:absolute;z-index:4;border-radius:20px;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:16px;line-height:1.4;color:#51566f;transition:box-shadow .2s ease-in-out}:host .step-point .pointer i{color:#fff;font-size:22px}:host .step-point .pointer.blue{background:#4646ce}:host .step-point .pointer.gray{background:#e5e6ea}:host .step-point .pointer.gray:hover{box-shadow:0 0 4px 2px #00000026}:host .step-point.completed :host .step-point.active{background:#4646ce}:host .step-point.active .ellipse{width:28px;height:28px}:host .step-point.active .pointer{width:20px;height:20px}:host .step-label{font-weight:normal;font-size:14px;line-height:22px;line-height:1.5;color:#6d6e6f;display:flex;justify-content:center;overflow:hidden;margin-top:8px}:host .step-label span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host .step-label.active{font-weight:600;color:#333}:host .step-label:last-child{margin-bottom:23px}:host .step-progress{margin-top:3px;font-style:normal;font-weight:normal;font-size:12px;line-height:1.4;display:flex;justify-content:center}:host .step-connector{background-color:#e5e5e5;height:2px}:host .step-connector.connector-grand{width:calc(100% - 25px)}:host .step-connector.connector-grand.only-one-step{width:calc(100% - 50px)}:host .step-connector .progress{background-color:#4646ce;height:2px;width:0}:host .step-connector--absolute{position:absolute;top:calc(28px / 2);width:100%;left:calc(100% / 2 + 12px)}:host .step-connector--inline{width:50px;margin-left:32px;margin-right:32px}:host .step-setup{width:auto}:host .step-setup .step-wrapper{display:flex;flex-direction:row;align-items:center;width:auto}:host .step-setup+.step-setup{margin-left:0}:host .step-setup .step-progress{display:none}:host .step-setup .step-label{position:relative;transform:none;align-items:center;justify-content:start;margin:0 0 0 8px;font-size:16px}:host .step-setup .step-point{width:28px;height:28px}:host .step-setup .step-point .pointer i{font-size:22px}:host .step-setup .step-point .pointer .text{font-size:16px}::ng-deep .step-tooltip{max-width:250px;font-size:14px;line-height:22px;padding:10px 12px}::ng-deep .step-tooltip_name{font-weight:700;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width: 1367px){.stepper .step-label{font-size:14px}}\n"]
|
|
4975
5064
|
},] }
|
|
4976
5065
|
];
|
|
4977
5066
|
StepperComponent.ctorParameters = () => [];
|
|
@@ -5000,6 +5089,19 @@ DrStepperModule.decorators = [
|
|
|
5000
5089
|
},] }
|
|
5001
5090
|
];
|
|
5002
5091
|
|
|
5092
|
+
class DrDetailsListModule {
|
|
5093
|
+
}
|
|
5094
|
+
DrDetailsListModule.decorators = [
|
|
5095
|
+
{ type: NgModule, args: [{
|
|
5096
|
+
imports: [
|
|
5097
|
+
CommonModule,
|
|
5098
|
+
],
|
|
5099
|
+
exports: [DrDetailsListComponent],
|
|
5100
|
+
providers: [],
|
|
5101
|
+
declarations: [DrDetailsListComponent],
|
|
5102
|
+
},] }
|
|
5103
|
+
];
|
|
5104
|
+
|
|
5003
5105
|
const ɵ0$1 = {}, ɵ1 = {};
|
|
5004
5106
|
class DrDialogModule {
|
|
5005
5107
|
}
|
|
@@ -5011,7 +5113,8 @@ DrDialogModule.decorators = [
|
|
|
5011
5113
|
MatDialogModule,
|
|
5012
5114
|
DrInputsModule,
|
|
5013
5115
|
ReactiveFormsModule,
|
|
5014
|
-
DrTooltipModule
|
|
5116
|
+
DrTooltipModule,
|
|
5117
|
+
DrDetailsListModule
|
|
5015
5118
|
],
|
|
5016
5119
|
exports: [DialogWrapperComponent, DialogModalWrapperComponent],
|
|
5017
5120
|
providers: [
|
|
@@ -5552,5 +5655,5 @@ DrChatModule.decorators = [
|
|
|
5552
5655
|
* Generated bundle index. Do not edit.
|
|
5553
5656
|
*/
|
|
5554
5657
|
|
|
5555
|
-
export { AnyTagComponent, CHAT_MESSAGE_TYPE, CalendarView, ChatMessage, ChatRole, CheckboxComponent, CustomDateFormat, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DateFromats, DatePickerPeriodPosition, DateTagComponent, DateTagModule, DateTags, DayTagComponent, DialogService, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrButtonComponent, DrChatModule,
|
|
5658
|
+
export { AnyTagComponent, CHAT_MESSAGE_TYPE, CalendarView, ChatMessage, ChatRole, CheckboxComponent, CustomDateFormat, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DateFromats, DatePickerPeriodPosition, DateTagComponent, DateTagModule, DateTags, DayTagComponent, DialogService, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrButtonComponent, DrChatModule, DrDetailsListComponent, DrDetailsListModule, DrDialogModule, DrDropdownComponent, DrDropdownDirective, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownPositionDirective, DrDropdownService, DrErrorComponent, DrErrorModule, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrSelectComponent, DrSharedUtils, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, ForecastTagComponent, IMAGE_TYPES, ListTagComponent, ListTagModule, MonthTagComponent, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, SpinnerSize, SpinnerType, TagTypes, TimeframeOption, TooltipComponent, TooltipPosition, WeekTagComponent, YearTagComponent, components$2 as ɵa, POPUP_ANIMATION as ɵb, DrDatePickerComponent as ɵc, DrDatePickerService as ɵd, DrDatePickerWithTimeframeComponent as ɵe, DrDatePickerFormatDirective as ɵf, DrDatePickerCustomHeaderComponent as ɵg, DrShowTimeframePipe as ɵh, DrSelectAddItemComponent as ɵi, TooltipInfoComponent as ɵj, TooltipInfoSimpleComponent as ɵk, TooltipNoBodyComponent as ɵl, TooltipProcessDefaultComponent as ɵm, DrDynamicTagModule as ɵn, DrDynamicTagComponent as ɵo, StepperComponent as ɵp, DialogWrapperComponent as ɵq, DialogModalWrapperComponent as ɵr, DrChatComponent as ɵs, DrChatCustomMessageService as ɵt, DrChatMessageComponent as ɵu, DrChatFormComponent as ɵv, DrChatSuggestionsComponent as ɵw, DrChatMessageTextComponent as ɵx, DrChatMessageFileComponent as ɵy, DrChatCustomMessageDirective as ɵz };
|
|
5556
5659
|
//# sourceMappingURL=datarailsshared-datarailsshared.js.map
|