@datarailsshared/datarailsshared 1.4.162-rocket → 1.4.164-rocket

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('moment'), require('lodash'), require('@angular/material/core'), require('@angular/material-moment-adapter'), require('@angular/forms'), require('@angular/common'), require('rxjs/operators'), require('@ng-select/ng-select'), require('@angular/animations'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/material/dialog'), require('@angular/material/datepicker'), require('@angular/material/tooltip'), require('@angular/material/tabs'), require('@angular/platform-browser')) :
-    typeof define === 'function' && define.amd ? define('@datarailsshared/datarailsshared', ['exports', '@angular/core', 'rxjs', 'moment', 'lodash', '@angular/material/core', '@angular/material-moment-adapter', '@angular/forms', '@angular/common', 'rxjs/operators', '@ng-select/ng-select', '@angular/animations', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/material/dialog', '@angular/material/datepicker', '@angular/material/tooltip', '@angular/material/tabs', '@angular/platform-browser'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.datarailsshared = global.datarailsshared || {}, global.datarailsshared.datarailsshared = {}), global.ng.core, global.rxjs, global.moment$9, global._, global.ng.material.core, global.ng.materialMomentAdapter, global.ng.forms, global.ng.common, global.rxjs.operators, global.ngSelect, global.ng.animations, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.material.dialog, global.ng.material.datepicker, global.ng.material.tooltip, global.ng.material.tabs, global.ng.platformBrowser));
-})(this, (function (exports, i0, rxjs, moment$9, _, core, materialMomentAdapter, forms, common, operators, ngSelect, animations, i1, portal, i1$1, datepicker, tooltip, tabs, platformBrowser) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/core'), require('@angular/material-moment-adapter'), require('lodash'), require('@angular/forms'), require('@angular/common'), require('rxjs'), require('rxjs/operators'), require('@ng-select/ng-select'), require('@angular/animations'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/material/dialog'), require('@angular/material/datepicker'), require('moment'), require('@angular/material/tooltip'), require('@angular/material/tabs'), require('@angular/platform-browser')) :
+    typeof define === 'function' && define.amd ? define('@datarailsshared/datarailsshared', ['exports', '@angular/core', '@angular/material/core', '@angular/material-moment-adapter', 'lodash', '@angular/forms', '@angular/common', 'rxjs', 'rxjs/operators', '@ng-select/ng-select', '@angular/animations', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/material/dialog', '@angular/material/datepicker', 'moment', '@angular/material/tooltip', '@angular/material/tabs', '@angular/platform-browser'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.datarailsshared = global.datarailsshared || {}, global.datarailsshared.datarailsshared = {}), global.ng.core, global.ng.material.core, global.ng.materialMomentAdapter, global._, global.ng.forms, global.ng.common, global.rxjs, global.rxjs.operators, global.ngSelect, global.ng.animations, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.material.dialog, global.ng.material.datepicker, global.moment$9, global.ng.material.tooltip, global.ng.material.tabs, global.ng.platformBrowser));
+})(this, (function (exports, i0, core, materialMomentAdapter, _, forms, common, rxjs, operators, ngSelect, animations, i1, portal, i1$1, datepicker, moment$9, tooltip, tabs, platformBrowser) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -23,330 +23,10 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var moment__namespace = /*#__PURE__*/_interopNamespace(moment$9);
     var ___namespace = /*#__PURE__*/_interopNamespace(_);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
     var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-
-    exports.DateFromats = void 0;
-    (function (DateFromats) {
-        DateFromats["MAT_DEFAULT_DATE_FORMAT"] = "MM/DD/yyyy";
-        DateFromats["DATE_INPUT_FORMAT"] = "YYYY/MM/DD";
-        DateFromats["YEAR_FORMAT"] = "yyyy";
-        DateFromats["MONTH_YEAR_FORMAT"] = "MM/yyyy";
-        DateFromats["QUARTER_FORMAT"] = "Q/yyyy";
-        DateFromats["WEEK_FORMAT"] = "W/yyyy";
-    })(exports.DateFromats || (exports.DateFromats = {}));
-    var CustomDateFormat = /** @class */ (function () {
-        function CustomDateFormat() {
-            this._parse = {
-                dateInput: exports.DateFromats.DATE_INPUT_FORMAT,
-            };
-            this._display = {
-                dateInput: exports.DateFromats.DATE_INPUT_FORMAT,
-                monthYearLabel: 'MMM YYYY',
-                dateA11yLabel: 'LL',
-                monthYearA11yLabel: 'MMM YYYY',
-                quarterYearLabel: 'Q/YYYY',
-                yearLabel: 'YYYY'
-            };
-        }
-        Object.defineProperty(CustomDateFormat.prototype, "parse", {
-            get: function () {
-                return this._parse;
-            },
-            set: function (parse) {
-                this._parse = Object.assign({}, this._parse, parse);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(CustomDateFormat.prototype, "display", {
-            get: function () {
-                return this._display;
-            },
-            set: function (display) {
-                this._display = Object.assign({}, this._display, display);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        CustomDateFormat.prototype.updateDateFormat = function (parse, display) {
-            this.parse = parse;
-            if (!display) {
-                display = parse;
-            }
-            this.display = display;
-        };
-        return CustomDateFormat;
-    }());
-    exports.DatePickerPeriodPosition = void 0;
-    (function (DatePickerPeriodPosition) {
-        DatePickerPeriodPosition[DatePickerPeriodPosition["END_OF_PERIOD"] = 0] = "END_OF_PERIOD";
-        DatePickerPeriodPosition[DatePickerPeriodPosition["MIDDLE_OF_PERIOD"] = 1] = "MIDDLE_OF_PERIOD";
-        DatePickerPeriodPosition[DatePickerPeriodPosition["START_OF_PERIOD"] = 2] = "START_OF_PERIOD";
-        DatePickerPeriodPosition[DatePickerPeriodPosition["DEFAULT"] = 3] = "DEFAULT";
-    })(exports.DatePickerPeriodPosition || (exports.DatePickerPeriodPosition = {}));
-    exports.TimeframeOption = void 0;
-    (function (TimeframeOption) {
-        TimeframeOption["DAY"] = "day";
-        TimeframeOption["MONTH"] = "month";
-        TimeframeOption["QUARTER"] = "quarter";
-        TimeframeOption["WEEK"] = "week";
-        TimeframeOption["YEAR"] = "year";
-    })(exports.TimeframeOption || (exports.TimeframeOption = {}));
-    exports.CalendarView = void 0;
-    (function (CalendarView) {
-        CalendarView["FOR_DAYS"] = "month";
-        CalendarView["FOR_MONTHS"] = "year";
-        CalendarView["FOR_QUARTERS"] = "none";
-        CalendarView["FOR_YEARS"] = "multi-year";
-    })(exports.CalendarView || (exports.CalendarView = {}));
-    exports.DateTags = void 0;
-    (function (DateTags) {
-        DateTags["TODAY"] = "today";
-        DateTags["YESTERDAY"] = "yesterday";
-        DateTags["THIS_MONTH"] = "this_month";
-        DateTags["PREV_MONTH"] = "prev_month";
-    })(exports.DateTags || (exports.DateTags = {}));
-
-    var DrSharedUtils = /** @class */ (function () {
-        function DrSharedUtils() {
-        }
-        /**
-         * Get timeframe (day, year, month, quarter) based on passed format
-         *
-         * @param format - date format string. Examples: MM/DD/YYYY, Q/YYYY
-         */
-        DrSharedUtils.getTimeframeByDateFormat = function (format) {
-            var defaultFrame = exports.TimeframeOption.DAY;
-            if (!format) {
-                return defaultFrame;
-            }
-            var lowerCaseFormat = format.toLowerCase();
-            switch (true) {
-                case lowerCaseFormat.includes('q'):
-                    return exports.TimeframeOption.QUARTER;
-                case lowerCaseFormat.includes('d'):
-                    return exports.TimeframeOption.DAY;
-                case lowerCaseFormat.includes('w'):
-                    return exports.TimeframeOption.WEEK;
-                case lowerCaseFormat.includes('m'):
-                    return exports.TimeframeOption.MONTH;
-                case lowerCaseFormat.includes('y'):
-                    return exports.TimeframeOption.YEAR;
-                default:
-                    return defaultFrame;
-            }
-        };
-        DrSharedUtils.getDateByTag = function (tag) {
-            var todayDate = moment__namespace().utc().endOf('day');
-            switch (tag) {
-                case exports.DateTags.TODAY:
-                    return todayDate;
-                case exports.DateTags.YESTERDAY:
-                    todayDate.subtract(1, 'days');
-                    return todayDate;
-                case exports.DateTags.THIS_MONTH:
-                    todayDate.endOf('month');
-                    return todayDate;
-                case exports.DateTags.PREV_MONTH:
-                    todayDate.subtract(1, 'months').endOf('month');
-                    return todayDate;
-            }
-        };
-        return DrSharedUtils;
-    }());
-
-    var moment$8 = require('moment');
-    var DrDatePickerService = /** @class */ (function () {
-        function DrDatePickerService() {
-            this.isTimeframeSelectionEnabled = false;
-            this.timeframe = exports.TimeframeOption.DAY;
-            this.format$ = new rxjs.BehaviorSubject(exports.DateFromats.MAT_DEFAULT_DATE_FORMAT);
-            this.updatedQuarter$ = new rxjs.Subject();
-            this.updatedDateAndClose$ = new rxjs.Subject();
-            this.presetTag$ = new rxjs.BehaviorSubject('');
-            this.onSameDaySelectedInCalendar$ = new rxjs.Subject();
-            this.keepPresetTag = false;
-            this.isValueUpdating = false;
-            this.availableTimeframes = [
-                exports.TimeframeOption.DAY,
-                exports.TimeframeOption.WEEK,
-                exports.TimeframeOption.MONTH,
-                exports.TimeframeOption.QUARTER,
-                exports.TimeframeOption.YEAR
-            ];
-            this.formatConfig = {
-                day: exports.DateFromats.MAT_DEFAULT_DATE_FORMAT,
-                month: exports.DateFromats.MONTH_YEAR_FORMAT,
-                year: exports.DateFromats.YEAR_FORMAT,
-                quarter: exports.DateFromats.QUARTER_FORMAT,
-                week: exports.DateFromats.WEEK_FORMAT
-            };
-            this.fiscalYearMonthsModifier = 0;
-        }
-        DrDatePickerService.prototype.getDisplayPrefix = function () {
-            var formatCached = this.format$.getValue();
-            switch (true) {
-                case formatCached === null || formatCached === void 0 ? void 0 : formatCached.includes('Q'):
-                    return 'Q';
-                case formatCached === null || formatCached === void 0 ? void 0 : formatCached.includes('W'):
-                    return 'W';
-                default:
-                    return '';
-            }
-        };
-        DrDatePickerService.prototype.getTimeframe = function (format) {
-            return DrSharedUtils.getTimeframeByDateFormat(format);
-        };
-        DrDatePickerService.prototype.getConfiguredFormat = function (timeframe) {
-            return this.formatConfig[timeframe];
-        };
-        DrDatePickerService.prototype.updateTimeframeAndFormat = function (format) {
-            var normalizedFormat = this.normalizeValue(format || this.format$.getValue());
-            this.timeframe = this.getTimeframe(normalizedFormat);
-            this.format$.next(this.getConfiguredFormat(this.timeframe));
-        };
-        DrDatePickerService.prototype.normalizeValue = function (value) {
-            return value.replace(/d/g, 'D');
-        };
-        /**
-         * Get quarter number for date according to fiscal year
-         *
-         * @param date
-         */
-        DrDatePickerService.prototype.getQuarterAccordingToFiscalYear = function (date) {
-            var fiscalMonth = this.fiscalYearMonthsModifier;
-            var dateMonth = date.month();
-            if (dateMonth < fiscalMonth) {
-                fiscalMonth -= 12;
-            }
-            return Math.trunc((date.month() - fiscalMonth) / 3) + 1;
-        };
-        /**
-         * Sets date to end of quarter in FY by passed quarter number
-         *
-         * @param date
-         * @param quarterNumber
-         */
-        DrDatePickerService.prototype.setEndOfQuarter = function (date, quarterNumber) {
-            date
-                .subtract(this.fiscalYearMonthsModifier, 'M')
-                .startOf('year')
-                .add(this.fiscalYearMonthsModifier + quarterNumber * 3 - 1, 'M')
-                .endOf('month');
-        };
-        /**
-         * Sets date to start of quarter in FY by passed quarter number
-         *
-         * @param date
-         * @param quarterNumber
-         */
-        DrDatePickerService.prototype.setStartOfQuarter = function (date, quarterNumber) {
-            date
-                .subtract(this.fiscalYearMonthsModifier, 'M')
-                .startOf('year')
-                .add(this.fiscalYearMonthsModifier + (quarterNumber - 1) * 3, 'M');
-        };
-        /**
-         * Sets date to end of current quarter (in which date is located) according to FY
-         *
-         * @param date
-         */
-        DrDatePickerService.prototype.setEndOfCurrentQuarter = function (date) {
-            this.setEndOfQuarter(date, this.getQuarterAccordingToFiscalYear(date));
-        };
-        /**
-         * Sets date to start of current quarter (in which date is located) according to FY
-         *
-         * @param date
-         */
-        DrDatePickerService.prototype.setStartOfCurrentQuarter = function (date) {
-            this.setStartOfQuarter(date, this.getQuarterAccordingToFiscalYear(date));
-        };
-        /**
-         * If date selection on this timeframe depends on Fiscal Year
-         *
-         * @param timeframe
-         */
-        DrDatePickerService.prototype.isTimeframeDependingOnFY = function (timeframe) {
-            return ___namespace.includes([exports.TimeframeOption.QUARTER, exports.TimeframeOption.YEAR], timeframe);
-        };
-        /**
-         * Subtract from date fiscal year shift months count
-         *
-         * @param date
-         */
-        DrDatePickerService.prototype.subtractFiscalYearMonthsFromDate = function (date) {
-            return this.getDateModifiedByFiscalMonths(date, true);
-        };
-        /**
-         * Add to date fiscal year shift months count
-         *
-         * @param date
-         */
-        DrDatePickerService.prototype.addFiscalYearMonthsToDate = function (date) {
-            return this.getDateModifiedByFiscalMonths(date);
-        };
-        /**
-         * Add or subtract depending on isRevert paremeter Fiscal year month shift
-         *
-         * @param date
-         * @param isSubtract
-         */
-        DrDatePickerService.prototype.getDateModifiedByFiscalMonths = function (date, isSubtract) {
-            if (isSubtract === void 0) { isSubtract = false; }
-            return date ? ___namespace.cloneDeep(date)[isSubtract ? 'subtract' : 'add'](this.fiscalYearMonthsModifier, 'month') : date;
-        };
-        DrDatePickerService.prototype.updateDatePickerByPreset = function (tag, calender) {
-            this.keepPresetTag = true;
-            var date = null;
-            if (tag) {
-                date = DrSharedUtils.getDateByTag(tag);
-                switch (tag) {
-                    case exports.DateTags.TODAY:
-                        this.updateTimeframeAndFormat(exports.DateFromats.MAT_DEFAULT_DATE_FORMAT);
-                        break;
-                    case exports.DateTags.YESTERDAY:
-                        this.updateTimeframeAndFormat(exports.DateFromats.MAT_DEFAULT_DATE_FORMAT);
-                        break;
-                    case exports.DateTags.THIS_MONTH:
-                        this.updateTimeframeAndFormat(exports.DateFromats.MONTH_YEAR_FORMAT);
-                        this.selectDateInCalendarMonthView(date, calender);
-                        break;
-                    case exports.DateTags.PREV_MONTH:
-                        this.updateTimeframeAndFormat(exports.DateFromats.MONTH_YEAR_FORMAT);
-                        this.selectDateInCalendarMonthView(date, calender);
-                        break;
-                }
-            }
-            this.presetTag$.next(tag);
-            this.updatedDateAndClose$.next(date);
-        };
-        DrDatePickerService.prototype.selectDateInCalendarMonthView = function (date, calender) {
-            setTimeout(function () {
-                var monthView = calender.monthView;
-                if (monthView) {
-                    monthView._activeDate = date;
-                    monthView._selected = date;
-                    monthView._init();
-                }
-            });
-        };
-        DrDatePickerService.prototype.resetPresetTag = function () {
-            if (!this.keepPresetTag) {
-                this.presetTag$.next(null);
-            }
-            else {
-                this.keepPresetTag = false;
-            }
-        };
-        return DrDatePickerService;
-    }());
-    DrDatePickerService.decorators = [
-        { type: i0.Injectable }
-    ];
+    var moment__namespace = /*#__PURE__*/_interopNamespace(moment$9);
 
     // import {*} from ""
     var DateTagComponent = /** @class */ (function () {
@@ -371,7 +51,6 @@
                     template: "<div>\n    <year-tag *ngIf=\"dateTypeChosen === 'year'\" [name]=\"name\"\n              [defaultValue]=\"defaultValue\"\n              [lockedDate]=\"lockedDate\"\n              [disabled]=\"disabled\"\n              (dateChange)=\"changeSelectedDate($event)\"></year-tag>\n    <quarter-tag *ngIf=\"dateTypeChosen === 'quarter'\" [name]=\"name\"\n                 [defaultValue]=\"defaultValue\"\n                 [lockedDate]=\"lockedDate\"\n                 [disabled]=\"disabled\"\n                 (dateChange)=\"changeSelectedDate($event)\"></quarter-tag>\n    <month-tag *ngIf=\"dateTypeChosen === 'month'\" [name]=\"name\"\n               [defaultValue]=\"defaultValue\"\n               [lockedDate]=\"lockedDate\"\n               [disabled]=\"disabled\"\n               (dateChange)=\"changeSelectedDate($event)\"></month-tag>\n    <week-tag *ngIf=\"dateTypeChosen === 'week'\" [name]=\"name\"\n              [defaultValue]=\"defaultValue\"\n              [lockedDate]=\"lockedDate\"\n              [disabled]=\"disabled\"\n              (dateChange)=\"changeSelectedDate($event)\"></week-tag>\n    <day-tag *ngIf=\"dateTypeChosen === 'day'\" [name]=\"name\"\n             [defaultValue]=\"defaultValue\"\n             [lockedDate]=\"lockedDate\"\n             [disabled]=\"disabled\"\n             (dateChange)=\"changeSelectedDate($event)\"></day-tag>\n    <forecast-tag *ngIf=\"dateTypeChosen === 'forecast_new'\" [name]=\"name\"\n                  [defaultValue]=\"defaultValue\"\n                  [fiscalYearStartsFrom]=\"fiscalYearStartsFrom\"\n                  [fiscalYearBack]=\"fiscalYearBack\"\n                  [lockedDate]=\"lockedDate\"\n                  [disabled]=\"disabled\"\n                  (dateChange)=\"changeSelectedDate($event)\"></forecast-tag>\n</div>\n",
                     selector: 'date-tag',
                     encapsulation: i0.ViewEncapsulation.None,
-                    providers: [DrDatePickerService],
                     styles: ["", ".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"]
                 },] }
     ];
@@ -413,8 +92,7 @@
     AnyTagComponent.decorators = [
         { type: i0.Component, args: [{
                     template: "",
-                    selector: 'any-tag',
-                    providers: [DrDatePickerService]
+                    selector: 'any-tag'
                 },] }
     ];
     AnyTagComponent.ctorParameters = function () { return []; };
@@ -738,7 +416,7 @@
     }
 
     // @ts-ignore
-    var moment$7 = require('moment');
+    var moment$8 = require('moment');
     var ForecastTagComponent = /** @class */ (function (_super) {
         __extends(ForecastTagComponent, _super);
         function ForecastTagComponent() {
@@ -771,15 +449,15 @@
             var fiscal_year_back = this.fiscalYearBack || false;
             this.forecastValue = this.getFiscalMonthFromDate(dateVal, fiscal_year_starts_from) - 1;
             var fiscal_year = this.getFiscalYearFromDate(dateVal, fiscal_year_starts_from, fiscal_year_back);
-            this.dateObj.date = moment$7(new Date(fiscal_year, 0, 1)).unix();
+            this.dateObj.date = moment$8(new Date(fiscal_year, 0, 1)).unix();
             this.updateLockedDate();
         };
         ForecastTagComponent.prototype.updateLockedDate = function () {
             var e_1, _a;
-            var year = moment$7.unix(this.dateObj.date).year();
+            var year = moment$8.unix(this.dateObj.date).year();
             var _loop_1 = function (forecastTag) {
                 forecastTag.disabled = this_1.lockedDate.some(function (timestamp) {
-                    var locked = moment$7.unix(timestamp);
+                    var locked = moment$8.unix(timestamp);
                     return locked.month() === forecastTag.value && +locked.year() === +year;
                 });
             };
@@ -849,7 +527,7 @@
             if (this.isDateEventHappened)
                 return;
             var month = this.forecastValue;
-            var year = moment$7.unix(this.dateObj.date).year();
+            var year = moment$8.unix(this.dateObj.date).year();
             var timeStampVal = 0;
             var label = '';
             if (!Number.isNaN(month) && !Number.isNaN(year)) {
@@ -876,7 +554,7 @@
                 name: this.name,
                 value: timeStampVal,
                 label: label,
-                locked: !this.dateFilter(moment$7.unix(timeStampVal))
+                locked: !this.dateFilter(moment$8.unix(timeStampVal))
             };
             this.dateChange.emit(resultTag);
         };
@@ -884,7 +562,7 @@
             var month = this.forecastValue;
             var year = date.year();
             return !this.lockedDate.some(function (timestamp) {
-                var lockDate = moment$7.unix(timestamp);
+                var lockDate = moment$8.unix(timestamp);
                 return lockDate.month() === month && lockDate.year() === year;
             });
         };
@@ -895,7 +573,6 @@
         { type: i0.Component, args: [{
                     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",
                     selector: 'forecast-tag',
-                    providers: [DrDatePickerService],
                     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"]
                 },] }
     ];
@@ -907,7 +584,7 @@
     };
 
     // @ts-ignore
-    var moment$6 = require('moment');
+    var moment$7 = require('moment');
     var MONTH_FORMATS = {
         parse: {
             dateInput: 'DD-MM-YYYY',
@@ -929,19 +606,14 @@
         }
         Object.defineProperty(MonthTagComponent.prototype, "isLocked", {
             get: function () {
-                return this.date ? !this.dateFilter(moment$6.unix(this.date).utc()) : false;
+                return this.date ? !this.dateFilter(moment$7.unix(this.date).utc()) : false;
             },
             enumerable: false,
             configurable: true
         });
         MonthTagComponent.prototype.initDate = function () {
-            if (this.defaultValue) {
-                this.date = this.defaultValue;
-                this.dateObj.date = this.date;
-            }
-            else {
-                this.dateObj.date = moment$6().unix();
-            }
+            this.date = this.defaultValue || moment$7().unix();
+            this.dateObj.date = this.date;
         };
         MonthTagComponent.prototype.initName = function () {
             if (!this.name) {
@@ -949,7 +621,7 @@
             }
         };
         MonthTagComponent.prototype.chosenTagHandler = function (value) {
-            var resultDate = moment$6.unix(value).utc();
+            var resultDate = moment$7.unix(value).utc();
             resultDate.hour(12);
             var resultTag = {
                 name: this.name,
@@ -965,7 +637,7 @@
             var month = date.month();
             var year = date.year();
             return !this.lockedDate.some(function (timestamp) {
-                var lockDate = moment$6.unix(timestamp);
+                var lockDate = moment$7.unix(timestamp);
                 return lockDate.year() === year && lockDate.month() === month;
             });
         };
@@ -983,7 +655,6 @@
                             deps: [core.MAT_DATE_LOCALE, materialMomentAdapter.MAT_MOMENT_DATE_ADAPTER_OPTIONS],
                         },
                         { provide: core.MAT_DATE_FORMATS, useValue: ɵ0$7 },
-                        DrDatePickerService,
                     ],
                     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"]
                 },] }
@@ -995,7 +666,7 @@
     };
 
     // @ts-ignore
-    var moment$5 = require('moment');
+    var moment$6 = require('moment');
     var QuarterTagComponent = /** @class */ (function (_super) {
         __extends(QuarterTagComponent, _super);
         function QuarterTagComponent() {
@@ -1009,7 +680,7 @@
             get: function () {
                 var _this = this;
                 return this.quarters
-                    ? this.quarters.some(function (quarter) { return !_this.dateFilter(moment$5.unix(quarter.value).utc()); })
+                    ? this.quarters.some(function (quarter) { return !_this.dateFilter(moment$6.unix(quarter.value).utc()); })
                     : false;
             },
             enumerable: false,
@@ -1044,7 +715,7 @@
             }
         };
         QuarterTagComponent.prototype.chosenTagHandler = function (quarter) {
-            var resultDate = moment$5.unix(quarter.value).utc();
+            var resultDate = moment$6.unix(quarter.value).utc();
             var resultTag = {
                 name: this.name,
                 value: resultDate.unix(),
@@ -1090,9 +761,9 @@
             return Date.UTC(date.getFullYear(), month, 1, 12, 0, 0, 0);
         };
         QuarterTagComponent.prototype.dateFilter = function (quarter) {
-            var quarterDate = moment$5.unix(quarter.value);
+            var quarterDate = moment$6.unix(quarter.value);
             return !this.lockedDate.some(function (timestamp) {
-                var lockDate = moment$5.unix(timestamp);
+                var lockDate = moment$6.unix(timestamp);
                 if (lockDate.year() === quarterDate.year() && lockDate.month() === quarterDate.month()) {
                     quarter.disabled = true;
                     return true;
@@ -1117,7 +788,7 @@
     };
 
     // @ts-ignore
-    var moment$4 = require('moment');
+    var moment$5 = require('moment');
     var WEEK_FORMATS = {
         parse: {
             dateInput: 'WW-YYYY',
@@ -1139,14 +810,14 @@
         }
         Object.defineProperty(WeekTagComponent.prototype, "isLocked", {
             get: function () {
-                return this.date ? !this.dateFilter(moment$4.unix(this.date).utc()) : false;
+                return this.date ? !this.dateFilter(moment$5.unix(this.date).utc()) : false;
             },
             enumerable: false,
             configurable: true
         });
         WeekTagComponent.prototype.ngOnInit = function () {
             this.initName();
-            var timestamp = this.defaultValue || moment$4().unix();
+            var timestamp = this.defaultValue || moment$5().unix();
             this.date = timestamp;
             this.dateObj.date = timestamp;
             this.chosenTagHandler(timestamp);
@@ -1160,13 +831,13 @@
             var week = date.week();
             var year = date.year();
             return !this.lockedDate.some(function (timestamp) {
-                var lockDate = moment$4.unix(timestamp);
+                var lockDate = moment$5.unix(timestamp);
                 return lockDate.week() === week && lockDate.year() === year;
             });
         };
         ;
         WeekTagComponent.prototype.chosenTagHandler = function (value) {
-            var resultDate = moment$4.unix(value).utc();
+            var resultDate = moment$5.unix(value).utc();
             var resultTag = {
                 name: this.name,
                 value: resultDate.unix(),
@@ -1192,7 +863,6 @@
                             deps: [core.MAT_DATE_LOCALE, materialMomentAdapter.MAT_MOMENT_DATE_ADAPTER_OPTIONS],
                         },
                         { provide: core.MAT_DATE_FORMATS, useValue: ɵ0$6 },
-                        DrDatePickerService
                     ],
                     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"]
                 },] }
@@ -1204,7 +874,7 @@
     };
 
     // @ts-ignore
-    var moment$3 = require('moment');
+    var moment$4 = require('moment');
     var YEAR_FORMATS = {
         parse: {
             dateInput: 'YYYY',
@@ -1226,19 +896,14 @@
         }
         Object.defineProperty(YearTagComponent.prototype, "isLocked", {
             get: function () {
-                return this.date ? !this.dateFilter(moment$3.unix(this.date).utc()) : false;
+                return this.date ? !this.dateFilter(moment$4.unix(this.date).utc()) : false;
             },
             enumerable: false,
             configurable: true
         });
         YearTagComponent.prototype.initDate = function () {
-            if (this.defaultValue) {
-                this.date = this.defaultValue;
-                this.dateObj.date = this.date;
-            }
-            else {
-                this.dateObj.date = moment$3().unix();
-            }
+            this.date = this.defaultValue || moment$4().unix();
+            this.dateObj.date = this.date;
         };
         YearTagComponent.prototype.initName = function () {
             if (!this.name) {
@@ -1246,7 +911,7 @@
             }
         };
         YearTagComponent.prototype.chosenTagHandler = function (value) {
-            var resultDate = moment$3.unix(value).utc();
+            var resultDate = moment$4.unix(value).utc();
             resultDate.hour(12);
             var resultTag = {
                 name: this.name,
@@ -1260,7 +925,7 @@
         YearTagComponent.prototype.dateFilter = function (date) {
             var calendarDateYear = date.year();
             return !this.lockedDate.some(function (timestamp) {
-                var lockDate = moment$3.unix(timestamp);
+                var lockDate = moment$4.unix(timestamp);
                 return lockDate.year() === calendarDateYear;
             });
         };
@@ -1278,7 +943,6 @@
                             deps: [core.MAT_DATE_LOCALE, materialMomentAdapter.MAT_MOMENT_DATE_ADAPTER_OPTIONS],
                         },
                         { provide: core.MAT_DATE_FORMATS, useValue: ɵ0$5 },
-                        DrDatePickerService
                     ],
                     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"]
                 },] }
@@ -1296,30 +960,52 @@
         TagTypes["LIST"] = "LIST";
         TagTypes["DATE"] = "DATE";
     })(exports.TagTypes || (exports.TagTypes = {}));
+    var TagsConfigSubType;
+    (function (TagsConfigSubType) {
+        TagsConfigSubType["YEAR"] = "year";
+        TagsConfigSubType["PLAN"] = "plan";
+        TagsConfigSubType["BUDGET_CYCLE"] = "budget cycle";
+        TagsConfigSubType["MONTH"] = "month";
+        TagsConfigSubType["WEEK"] = "week";
+        TagsConfigSubType["DAY"] = "day";
+        TagsConfigSubType["FORECAST_NEW"] = "forecast_new";
+        TagsConfigSubType["QUARTER"] = "quarter";
+        TagsConfigSubType["FILE_STATUS"] = "file_status";
+    })(TagsConfigSubType || (TagsConfigSubType = {}));
 
     var DrTagComponent = /** @class */ (function () {
         function DrTagComponent() {
             this.lockedDate = [];
             this.dynamicTagValues = {};
-            this.connectedTags = [];
             this.tagChange = new i0.EventEmitter(); // Not emit value for dynamic tag
             this.dynamicTagChange = new i0.EventEmitter();
             this.dynamicTagAdd = new i0.EventEmitter();
             this.currentTagConnectedToDynamic = false;
             this.tagTypes = exports.TagTypes;
             this.connectedTagsValues = [];
+            this._connectedTags = [];
             this.selectedTag = {
                 id: 0,
                 value: undefined,
                 name: ''
             };
         }
+        Object.defineProperty(DrTagComponent.prototype, "connectedTags", {
+            get: function () {
+                return this._connectedTags;
+            },
+            set: function (tags) {
+                this._connectedTags = tags || [];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DrTagComponent.prototype.ngOnChanges = function () {
+            this.calculateDynamicTag();
+        };
         DrTagComponent.prototype.ngOnInit = function () {
-            var _this = this;
             var _a, _b;
-            this.currentTagDynamic = this.tagConfig.options.is_custom;
-            this.currentTagConnectedToDynamic = _.some(this.tagsConfig, function (tagConfig) { return tagConfig.options.is_custom
-                && ['year'].includes(_this.tagConfig.options.sub_type); });
+            this.calculateDynamicTag();
             this.dateTag = {
                 type: this.tagConfig.type,
                 sub_type: this.tagConfig.options.sub_type,
@@ -1434,6 +1120,12 @@
                 }
             });
         };
+        DrTagComponent.prototype.calculateDynamicTag = function () {
+            var _this = this;
+            this.currentTagDynamic = this.tagConfig.options.is_custom;
+            this.currentTagConnectedToDynamic = _.some(this.tagsConfig, function (tagConfig) { return tagConfig.options.is_custom
+                && ['year'].includes(_this.tagConfig.options.sub_type); });
+        };
         return DrTagComponent;
     }());
     DrTagComponent.decorators = [
@@ -1441,7 +1133,6 @@
                     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",
                     selector: 'dr-tag',
                     encapsulation: i0.ViewEncapsulation.None,
-                    providers: [DrDatePickerService],
                     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"]
                 },] }
     ];
@@ -1500,8 +1191,8 @@
     };
 
     // @ts-ignore
-    var moment$2 = require('moment');
-    var DAY_FORMATS$1 = {
+    var moment$3 = require('moment');
+    var DAY_FORMATS = {
         parse: {
             dateInput: 'DD-MM-YYYY',
         },
@@ -1512,7 +1203,7 @@
             monthYearA11yLabel: 'MMMM YYYY'
         },
     };
-    var ɵ0$4 = DAY_FORMATS$1;
+    var ɵ0$4 = DAY_FORMATS;
     var DayTagComponent = /** @class */ (function (_super) {
         __extends(DayTagComponent, _super);
         function DayTagComponent() {
@@ -1522,19 +1213,14 @@
         }
         Object.defineProperty(DayTagComponent.prototype, "isLocked", {
             get: function () {
-                return this.date ? !this.dateFilter(moment$2.unix(this.date).utc()) : false;
+                return this.date ? !this.dateFilter(moment$3.unix(this.date).utc()) : false;
             },
             enumerable: false,
             configurable: true
         });
         DayTagComponent.prototype.initDate = function () {
-            if (this.defaultValue) {
-                this.date = this.defaultValue;
-                this.dateObj.date = this.date;
-            }
-            else {
-                this.dateObj.date = moment$2().unix();
-            }
+            this.date = this.defaultValue || moment$3().unix();
+            this.dateObj.date = this.date;
         };
         DayTagComponent.prototype.initName = function () {
             if (!this.name) {
@@ -1542,7 +1228,7 @@
             }
         };
         DayTagComponent.prototype.chosenTagHandler = function (value) {
-            var date = moment$2.unix(value).utc();
+            var date = moment$3.unix(value).utc();
             var resultTag = {
                 name: this.name,
                 value: date.unix(),
@@ -1555,7 +1241,7 @@
         DayTagComponent.prototype.dateFilter = function (momentData) {
             var date = momentData.date();
             return !this.lockedDate.some(function (timestamp) {
-                var lockDate = moment$2.unix(timestamp);
+                var lockDate = moment$3.unix(timestamp);
                 return lockDate.date() === date;
             });
         };
@@ -1573,7 +1259,6 @@
                             deps: [core.MAT_DATE_LOCALE, materialMomentAdapter.MAT_MOMENT_DATE_ADAPTER_OPTIONS],
                         },
                         { provide: core.MAT_DATE_FORMATS, useValue: ɵ0$4 },
-                        DrDatePickerService
                     ],
                     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"]
                 },] }
@@ -2211,7 +1896,7 @@
                             useExisting: DrSelectComponent,
                             multi: true
                         }],
-                    styles: [":host{width:100%;height:32px}:host.textView::ng-deep{width:auto}:host.textView::ng-deep ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#0b5af9}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-arrow{border:none;width:auto;height:auto;display:flex;-webkit-text-decoration-line:none;text-decoration-line:none;top:0}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-arrow:before{content:\"\\e959\";font-family:DataRails;font-size:24px;color:#000}:host.no-left-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}:host.no-right-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}:host.no-right-border ::ng-deep ng-select.ng-select .ng-select-container{border-right:none!important}:host.no-left-border ::ng-deep ng-select.ng-select .ng-select-container{border-left:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px;border:1px solid #c3c4ce;box-shadow:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container:hover{border-color:#85889c}:host ::ng-deep ng-select.ng-select .ng-select-container:focus-within{border-color:#21b8f1}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input{top:0!important;line-height:30px;padding:0 50px 0 8px!important;color:#151b3f;font-size:14px;font-weight:400}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 8px;height:100%;overflow:auto;font-size:14px;line-height:18px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 0 0 3px!important}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container{max-height:58px;height:100%}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container{max-height:58px;font-size:14px;line-height:18px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{color:#151a41;height:24px;padding:2px 8px;font-size:12px;margin:2px 2px 2px 0;background:#e5e6ea;display:flex;flex-direction:row-reverse;align-items:center;border-radius:12px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-label{line-height:20px;padding:0!important}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon{border:none!important;padding:0 0 0 9px!important;color:#51566f;font-size:16px;font-weight:bold}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon,:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:hover{background:transparent!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#e5e6ea!important;border:1px solid #e5e6ea!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#bcbcbc!important}:host ::ng-deep ng-select.ng-select.ng-select-single.ng-invalid.ng-touched .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-multiple.ng-invalid.ng-touched .ng-select-container{border-color:#de2833}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select{border:1px solid #dbdee3;border-radius:6px!important;margin-top:8px!important;overflow:hidden}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:empty{display:none}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{display:flex;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;line-height:22px}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option>.ng-option-label{text-overflow:ellipsis;overflow:hidden}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{background:#fff}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#f6f7f8}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background:#f3f7ff;color:#151b3f}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected span,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked span{font-weight:normal!important}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:hover,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected:hover,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked:hover{background:#f6f7f8}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option-disabled[role=group]{font-size:14px;line-height:22px;color:#0c142b}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option-disabled[role=group]:not(:first-of-type){border-top:1px solid #bcbcbc}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{max-width:97%;word-break:break-word;color:#4e566c;font-weight:400;font-size:12px;line-height:20px}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected.ng-option-marked .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#0c142b}\n"]
+                    styles: [":host{width:100%;height:32px}:host.textView::ng-deep{width:auto}:host.textView::ng-deep ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#0b5af9}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-arrow{border:none;width:auto;height:auto;display:flex;-webkit-text-decoration-line:none;text-decoration-line:none;top:0}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-arrow:before{content:\"\\e959\";font-family:DataRails;font-size:24px;color:#000}:host.no-left-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}:host.no-right-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}:host.no-right-border ::ng-deep ng-select.ng-select .ng-select-container{border-right:none!important}:host.no-left-border ::ng-deep ng-select.ng-select .ng-select-container{border-left:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px;border:1px solid #9ea1aa;box-shadow:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container:hover{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container:focus-within{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input{top:0!important;line-height:30px;padding:0 50px 0 8px!important;color:#0c142b;font-size:14px;font-weight:400}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 8px;height:100%;overflow:auto;font-size:14px;line-height:18px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 0 0 3px!important}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{margin-right:7px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow{border:none;width:auto;height:auto;display:flex;-webkit-text-decoration-line:none;text-decoration-line:none;top:0}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:before{content:\"\\e9b6\";font-family:DataRails;font-size:24px;color:#6d6e6f}:host ::ng-deep ng-select.ng-select.ng-select-opened .ng-select-container{border-radius:6px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container{max-height:58px;height:100%}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container{max-height:58px;font-size:14px;line-height:18px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{color:#151a41;height:24px;padding:2px 8px;font-size:12px;margin:2px 2px 2px 0;background:#e5e6ea;display:flex;flex-direction:row-reverse;align-items:center;border-radius:12px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-label{line-height:20px;padding:0!important}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon{border:none!important;padding:0 0 0 9px!important;color:#51566f;font-size:16px;font-weight:bold}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon,:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:hover{background:transparent!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#f0f1f4!important;border:1px solid #aeabac!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow:before{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-single.ng-invalid.ng-touched .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-multiple.ng-invalid.ng-touched .ng-select-container{border-color:#bf1d30}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select{border:1px solid #dfe0e3;border-radius:4px!important;margin:8px 0;box-shadow:0 4px 8px 1px #00000040;background-color:#fff;overflow:hidden;padding:8px 0}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:empty{display:none}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{display:flex;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;line-height:22px}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option>.ng-option-label{text-overflow:ellipsis;overflow:hidden}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{background:#ffffff}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#f5f5f5}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background:#eaeaff;color:#333}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected span,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked span{font-weight:normal!important}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option-disabled{cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option-disabled[role=group]{font-size:14px;line-height:22px;color:#0c142b;cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option-disabled[role=group]:not(:first-of-type){border-top:1px solid #bcbcbc}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option-disabled[role=group]:hover{background:#ffffff}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{max-width:97%;word-break:break-word;color:#4e566c;font-weight:400;font-size:12px;line-height:20px}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected.ng-option-marked .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#0c142b}\n"]
                 },] }
     ];
     DrSelectComponent.ctorParameters = function () { return [
@@ -2304,21 +1989,103 @@
     var DrAvatarPipe = /** @class */ (function () {
         function DrAvatarPipe() {
         }
-        DrAvatarPipe.prototype.transform = function (item, type) {
-            if (type === void 0) { type = 'full'; }
-            if (type === 'initials') {
-                var email = item.email ? item.email[0] : '';
-                return (item.first_name && item.last_name ? (item.first_name[0] + item.last_name[0]) : email).toUpperCase();
+        DrAvatarPipe.prototype.transform = function (item, type) {
+            if (type === void 0) { type = 'full'; }
+            if (type === 'initials') {
+                var email = item.email ? item.email[0] : '';
+                return (item.first_name && item.last_name ? (item.first_name[0] + item.last_name[0]) : email).toUpperCase();
+            }
+            return item.first_name && item.last_name ? (item.first_name + ' ' + item.last_name) : item.email;
+        };
+        return DrAvatarPipe;
+    }());
+    DrAvatarPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'drAvatar'
+                },] }
+    ];
+
+    exports.DateFromats = void 0;
+    (function (DateFromats) {
+        DateFromats["MAT_DEFAULT_DATE_FORMAT"] = "MM/DD/yyyy";
+        DateFromats["DATE_INPUT_FORMAT"] = "YYYY/MM/DD";
+        DateFromats["YEAR_FORMAT"] = "yyyy";
+        DateFromats["MONTH_YEAR_FORMAT"] = "MM/yyyy";
+        DateFromats["QUARTER_FORMAT"] = "Q/yyyy";
+        DateFromats["WEEK_FORMAT"] = "W/yyyy";
+    })(exports.DateFromats || (exports.DateFromats = {}));
+    var CustomDateFormat = /** @class */ (function () {
+        function CustomDateFormat() {
+            this._parse = {
+                dateInput: exports.DateFromats.DATE_INPUT_FORMAT,
+            };
+            this._display = {
+                dateInput: exports.DateFromats.DATE_INPUT_FORMAT,
+                monthYearLabel: 'MMM YYYY',
+                dateA11yLabel: 'LL',
+                monthYearA11yLabel: 'MMM YYYY',
+                quarterYearLabel: 'Q/YYYY',
+                yearLabel: 'YYYY'
+            };
+        }
+        Object.defineProperty(CustomDateFormat.prototype, "parse", {
+            get: function () {
+                return this._parse;
+            },
+            set: function (parse) {
+                this._parse = Object.assign({}, this._parse, parse);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(CustomDateFormat.prototype, "display", {
+            get: function () {
+                return this._display;
+            },
+            set: function (display) {
+                this._display = Object.assign({}, this._display, display);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        CustomDateFormat.prototype.updateDateFormat = function (parse, display) {
+            this.parse = parse;
+            if (!display) {
+                display = parse;
             }
-            return item.first_name && item.last_name ? (item.first_name + ' ' + item.last_name) : item.email;
+            this.display = display;
         };
-        return DrAvatarPipe;
+        return CustomDateFormat;
     }());
-    DrAvatarPipe.decorators = [
-        { type: i0.Pipe, args: [{
-                    name: 'drAvatar'
-                },] }
-    ];
+    exports.DatePickerPeriodPosition = void 0;
+    (function (DatePickerPeriodPosition) {
+        DatePickerPeriodPosition[DatePickerPeriodPosition["END_OF_PERIOD"] = 0] = "END_OF_PERIOD";
+        DatePickerPeriodPosition[DatePickerPeriodPosition["MIDDLE_OF_PERIOD"] = 1] = "MIDDLE_OF_PERIOD";
+        DatePickerPeriodPosition[DatePickerPeriodPosition["START_OF_PERIOD"] = 2] = "START_OF_PERIOD";
+        DatePickerPeriodPosition[DatePickerPeriodPosition["DEFAULT"] = 3] = "DEFAULT";
+    })(exports.DatePickerPeriodPosition || (exports.DatePickerPeriodPosition = {}));
+    exports.TimeframeOption = void 0;
+    (function (TimeframeOption) {
+        TimeframeOption["DAY"] = "day";
+        TimeframeOption["MONTH"] = "month";
+        TimeframeOption["QUARTER"] = "quarter";
+        TimeframeOption["WEEK"] = "week";
+        TimeframeOption["YEAR"] = "year";
+    })(exports.TimeframeOption || (exports.TimeframeOption = {}));
+    exports.CalendarView = void 0;
+    (function (CalendarView) {
+        CalendarView["FOR_DAYS"] = "month";
+        CalendarView["FOR_MONTHS"] = "year";
+        CalendarView["FOR_QUARTERS"] = "none";
+        CalendarView["FOR_YEARS"] = "multi-year";
+    })(exports.CalendarView || (exports.CalendarView = {}));
+    exports.DateTags = void 0;
+    (function (DateTags) {
+        DateTags["TODAY"] = "today";
+        DateTags["YESTERDAY"] = "yesterday";
+        DateTags["THIS_MONTH"] = "this_month";
+        DateTags["PREV_MONTH"] = "prev_month";
+    })(exports.DateTags || (exports.DateTags = {}));
 
     var POPUP_POSITIONS = {
         top: {
@@ -2689,12 +2456,20 @@
         elementClass: [{ type: i0.HostBinding, args: ['class',] }]
     };
 
+    exports.ToggleButtonTheme = void 0;
+    (function (ToggleButtonTheme) {
+        ToggleButtonTheme["DEFAULT"] = "default";
+        ToggleButtonTheme["DOTTED"] = "dotted";
+    })(exports.ToggleButtonTheme || (exports.ToggleButtonTheme = {}));
+
     var DrToggleButtonComponent = /** @class */ (function () {
         function DrToggleButtonComponent(cdr) {
             this.cdr = cdr;
             this._disabled = false;
             this.bindLabel = null;
             this.bindValue = null;
+            this.bindHidden = null;
+            this.theme = exports.ToggleButtonTheme.DEFAULT;
             this.onChange = function () {
             };
             this.onTouched = function () {
@@ -2731,12 +2506,12 @@
     DrToggleButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dr-toggle-button',
-                    template: "<div class=\"toggle-container\" [class.disabled]=\"_disabled\">\n    <div\n        *ngFor=\"let item of items\"\n        (click)=\"setValue(item)\"\n        [class.selected]=\"item[bindValue] === selectedValue || item === selectedValue\"\n        [class.disabled]=\"item.disabled\"\n        class=\"toggle-container__item\"\n    >\n        {{ item[bindLabel] || item.name || item }}\n    </div>\n</div>\n",
+                    template: "<div class=\"toggle-container\"\n     [class.disabled]=\"_disabled\"\n     [attr.theme]=\"theme\">\n    <ng-container *ngFor=\"let item of items\">\n        <div *ngIf=\"!item?.[bindHidden]\"\n             [class.selected]=\"item[bindValue] === selectedValue || item === selectedValue\"\n             [class.disabled]=\"item.disabled\"\n             class=\"toggle-container__item\">{{ item[bindLabel] || item.name || item }}</div>\n    </ng-container>\n</div>\n",
                     providers: [
                         { provide: forms.NG_VALUE_ACCESSOR, useExisting: i0.forwardRef(function () { return DrToggleButtonComponent; }), multi: true }
                     ],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [".toggle-container{display:flex;flex-wrap:nowrap;background:#f6f7f8;border:1px solid #c3c4ce;box-sizing:border-box;border-radius:20px;height:28px}.toggle-container.disabled{pointer-events:none}.toggle-container__item{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c}.toggle-container__item.selected{font-weight:400;background:#f2f2fb;border:1px solid #7f7fdd;color:#25258c}.toggle-container__item.disabled{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}\n"]
+                    styles: [".toggle-container{display:flex;flex-wrap:nowrap;box-sizing:border-box;border-radius:20px;height:28px}.toggle-container.disabled{pointer-events:none}.toggle-container__item{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c}.toggle-container__item.selected{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}.toggle-container__item.disabled{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container[theme~=default]{background:#f6f7f8;border:1px solid #c3c4ce}.toggle-container[theme~=dotted] .toggle-container__item{border:1px solid #9ea1aa;border-radius:18px;margin-left:5px;color:#0c142b}.toggle-container[theme~=dotted] .toggle-container__item:hover{background:#f0f1f4}.toggle-container[theme~=dotted] .toggle-container__item:hover .toggle-container[theme~=dotted] .toggle-container__item.selected{background:unset}.toggle-container[theme~=dotted] .toggle-container__item:first-child{margin-left:0}\n"]
                 },] }
     ];
     DrToggleButtonComponent.ctorParameters = function () { return [
@@ -2746,6 +2521,8 @@
         items: [{ type: i0.Input }],
         bindLabel: [{ type: i0.Input }],
         bindValue: [{ type: i0.Input }],
+        bindHidden: [{ type: i0.Input }],
+        theme: [{ type: i0.Input }],
         selectedValue: [{ type: i0.Input }],
         disabled: [{ type: i0.Input }]
     };
@@ -3976,469 +3753,1028 @@
             var _this = this;
             this.accordionItem.accordionItemInvalidate.pipe(operators.takeUntil(this.destroy$)).subscribe(function () { return _this.cd.markForCheck(); });
         };
-        DrAccordionItemBodyComponent.prototype.ngOnDestroy = function () {
-            this.destroy$.next();
+        DrAccordionItemBodyComponent.prototype.ngOnDestroy = function () {
+            this.destroy$.next();
+            this.destroy$.complete();
+        };
+        return DrAccordionItemBodyComponent;
+    }());
+    DrAccordionItemBodyComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'dr-accordion-item-body',
+                    template: "\n        <div [@accordionItemBody]=\"{ value: state }\">\n            <div class=\"item-body\">\n                <ng-content></ng-content>\n            </div>\n        </div>\n    ",
+                    animations: [accordionItemBodyTrigger],
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    styles: [".item-body{flex:1;-ms-flex:1 1 auto;overflow:auto;position:relative}\n"]
+                },] }
+    ];
+    DrAccordionItemBodyComponent.ctorParameters = function () { return [
+        { type: DrAccordionItemComponent, decorators: [{ type: i0.Host }] },
+        { type: i0.ChangeDetectorRef }
+    ]; };
+
+    var DrLayoutComponent = /** @class */ (function () {
+        function DrLayoutComponent() {
+        }
+        return DrLayoutComponent;
+    }());
+    DrLayoutComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'dr-layout',
+                    template: "<div class=\"dr-layout\">\n    <ng-content select=\"dr-layout-header\"></ng-content>\n    <div class=\"dr-layout__container\">\n        <div class=\"content\">\n            <div class=\"columns\">\n                <ng-content select=\"dr-layout-body\"></ng-content>\n            </div>\n        </div>\n    </div>\n</div>\n",
+                    styles: [":host{font-size:16px;font-weight:400;font-family:\"Poppins\",sans-serif;line-height:1.25rem;-webkit-font-smoothing:antialiased}:host .dr-layout{display:flex;flex-direction:column;min-height:100vh;font-size:16px;font-weight:400;line-height:1.4rem}:host .dr-layout ::ng-deep dr-layout-header{display:block;position:fixed;top:0;left:0;right:0;z-index:1040}:host .dr-layout ::ng-deep dr-layout-header nav{align-items:center;justify-content:flex-start;display:flex}:host .dr-layout__container{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:row}:host .dr-layout__container .content{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:column;min-width:0}:host .dr-layout__container .content .columns{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:row;width:100%}:host .dr-layout__container .content .columns ::ng-deep dr-layout-body{flex:1 0;min-width:0}\n"]
+                },] }
+    ];
+    DrLayoutComponent.ctorParameters = function () { return []; };
+
+    var DrLayoutHeaderComponent = /** @class */ (function () {
+        function DrLayoutHeaderComponent() {
+        }
+        return DrLayoutHeaderComponent;
+    }());
+    DrLayoutHeaderComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'dr-layout-header',
+                    template: "\n        <nav>\n            <ng-content></ng-content>\n        </nav>\n    "
+                },] }
+    ];
+    DrLayoutHeaderComponent.ctorParameters = function () { return []; };
+
+    var DrLayoutBodyComponent = /** @class */ (function () {
+        function DrLayoutBodyComponent() {
+        }
+        return DrLayoutBodyComponent;
+    }());
+    DrLayoutBodyComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'dr-layout-body',
+                    template: '<ng-content></ng-content>'
+                },] }
+    ];
+    DrLayoutBodyComponent.ctorParameters = function () { return []; };
+
+    var DrErrorComponent = /** @class */ (function () {
+        function DrErrorComponent(cdr, formGroupDirective) {
+            this.cdr = cdr;
+            this.formGroupDirective = formGroupDirective;
+            this.destroyed$ = new rxjs.Subject();
+            this.label = 'Field error';
+            this.noIcon = false;
+        }
+        Object.defineProperty(DrErrorComponent.prototype, "control", {
+            set: function (value) {
+                var _this = this;
+                if (value) {
+                    this._control = value;
+                    this.cdr.markForCheck();
+                    this._control.valueChanges.pipe(operators.takeUntil(this.destroyed$)).subscribe(function () {
+                        _this.cdr.markForCheck();
+                    });
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DrErrorComponent.prototype, "controlName", {
+            set: function (value) {
+                if (!value || typeof value !== 'string')
+                    return;
+                if (!this.formGroupDirective) {
+                    throw new Error('You must provide a formGroupDirective to use this input');
+                }
+                this.control = this.formGroupDirective.control.get(value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DrErrorComponent.prototype, "errorString", {
+            get: function () {
+                var _a;
+                if (this._control.hasError('required')) {
+                    return 'Field is required!';
+                }
+                return ((_a = this._control.errors) === null || _a === void 0 ? void 0 : _a.errorString) || null;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DrErrorComponent.prototype, "isWarning", {
+            get: function () {
+                var _a;
+                return (_a = this._control.errors) === null || _a === void 0 ? void 0 : _a.isWarning;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DrErrorComponent.prototype.ngOnDestroy = function () {
+            this.destroyed$.next();
+            this.destroyed$.complete();
+        };
+        return DrErrorComponent;
+    }());
+    DrErrorComponent.decorators = [
+        { type: i0.Component, args: [{
+                    template: "<div *ngIf=\"_control.status === 'INVALID' && !_control.pristine\"\n     [drTooltip]=\"errorString\"\n     class=\"error-container\"\n     [class.warning]=\"isWarning\">\n    <i *ngIf=\"!noIcon\" class=\"dr-icon-status-error\"></i>\n    <span>{{label}}</span>\n</div>\n",
+                    selector: 'dr-error',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    styles: [":host{display:flex;margin-top:8px}:host:empty{display:none}:host .error-container{display:flex;align-items:center;cursor:pointer;width:auto;color:#bf1d30}:host .error-container i{font-size:16px;margin-right:2px}:host .error-container span{font-family:\"Poppins\",sans-serif;font-style:normal;font-weight:400;font-size:11px;line-height:20px}:host .error-container.warning{color:#ffb800}:host .error-container.warning span{color:#9e5f00}:host.no-icon{margin-top:2px}:host.no-icon .error-container span{font-size:12px}\n"]
+                },] }
+    ];
+    DrErrorComponent.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: forms.FormGroupDirective, decorators: [{ type: i0.Optional }] }
+    ]; };
+    DrErrorComponent.propDecorators = {
+        control: [{ type: i0.Input }],
+        controlName: [{ type: i0.Input }],
+        label: [{ type: i0.Input }],
+        noIcon: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.no-icon',] }]
+    };
+
+    var DialogWrapperComponent = /** @class */ (function () {
+        function DialogWrapperComponent(dialogRef, dialogService, cdr, componentFactoryResolver, dialogData) {
+            var _a, _b, _c, _d;
+            this.dialogRef = dialogRef;
+            this.dialogService = dialogService;
+            this.cdr = cdr;
+            this.componentFactoryResolver = componentFactoryResolver;
+            this.dialogData = dialogData;
+            this.class = ((_b = (_a = this.dialogData) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b.noThemeSizeClass) ? null : ((_d = (_c = this.dialogData) === null || _c === void 0 ? void 0 : _c.theme) === null || _d === void 0 ? void 0 : _d.themeSize) || 'medium-modal';
+            this.saving$ = new rxjs.BehaviorSubject(false);
+            this.destroy$ = new rxjs.Subject();
+        }
+        DialogWrapperComponent.prototype.ngAfterViewInit = function () {
+            if (!this.dialogData.child) {
+                return new Error('Expected componentTypeChild');
+            }
+            var componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.dialogData.child);
+            this.childComponent = this.content.createComponent(componentFactory).instance;
+            this.childComponent.closeDialog = this.closeDialog.bind(this);
+            this.childComponent.onAcceptDialog = this.onAcceptDialog.bind(this);
+            // pass data to component child
+            if (this.dialogData.childData) {
+                ___namespace.assign(this.childComponent, this.dialogData.childData);
+            }
+            // call component child init func - looks like double init
+            // if (this.childComponent.ngOnInit) {
+            //   this.childComponent.ngOnInit();
+            // }
+            this.cdr.detectChanges();
+        };
+        DialogWrapperComponent.prototype.closeDialog = function (data) {
+            this.dialogRef.close(data || false);
+        };
+        DialogWrapperComponent.prototype.onDecline = function () {
+            this.dialogRef.close(undefined);
+        };
+        DialogWrapperComponent.prototype.onAcceptDialog = function (data) {
+            var _this = this;
+            if (!this.childComponent) {
+                this.dialogRef.close(data || true);
+                return;
+            }
+            var funcName = this.dialogData.acceptButton.functions;
+            if (this.childComponent[funcName])
+                this.childComponent[funcName]();
+            var loadFuncName = this.dialogData.acceptButton.loading;
+            if (this.childComponent[loadFuncName])
+                this.isLoading = this.childComponent[loadFuncName]();
+            if (this.dialogData.confirmFn) {
+                this.saving$.next(true);
+                this.dialogData.confirmFn().pipe(operators.takeUntil(this.destroy$), operators.catchError(function (error) { return _this.dialogService.throwErr(error, _this.saving$); })).subscribe(function () {
+                    _this.saving$.next(false);
+                    _this.dialogRef.close(data || true);
+                });
+            }
+            if (this.childComponent && !this.childComponent[funcName]) {
+                this.dialogRef.close(data || true);
+                return;
+            }
+        };
+        DialogWrapperComponent.prototype.ngOnDestroy = function () {
+            this.destroy$.next(null);
             this.destroy$.complete();
         };
-        return DrAccordionItemBodyComponent;
+        return DialogWrapperComponent;
     }());
-    DrAccordionItemBodyComponent.decorators = [
+    DialogWrapperComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: 'dr-accordion-item-body',
-                    template: "\n        <div [@accordionItemBody]=\"{ value: state }\">\n            <div class=\"item-body\">\n                <ng-content></ng-content>\n            </div>\n        </div>\n    ",
-                    animations: [accordionItemBodyTrigger],
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [".item-body{flex:1;-ms-flex:1 1 auto;overflow:auto;position:relative}\n"]
+                    selector: 'dr-dialog-wrapper',
+                    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",
+                    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"]
                 },] }
     ];
-    DrAccordionItemBodyComponent.ctorParameters = function () { return [
-        { type: DrAccordionItemComponent, decorators: [{ type: i0.Host }] },
-        { type: i0.ChangeDetectorRef }
+    DialogWrapperComponent.ctorParameters = function () { return [
+        { type: i1$1.MatDialogRef },
+        { type: DialogService },
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ComponentFactoryResolver },
+        { type: undefined, decorators: [{ type: i0.Inject, args: [i1$1.MAT_DIALOG_DATA,] }] }
     ]; };
+    DialogWrapperComponent.propDecorators = {
+        content: [{ type: i0.ViewChild, args: ['content', { read: i0.ViewContainerRef },] }],
+        class: [{ type: i0.HostBinding, args: ['class',] }]
+    };
 
-    var DrLayoutComponent = /** @class */ (function () {
-        function DrLayoutComponent() {
-        }
-        return DrLayoutComponent;
-    }());
-    DrLayoutComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'dr-layout',
-                    template: "<div class=\"dr-layout\">\n    <ng-content select=\"dr-layout-header\"></ng-content>\n    <div class=\"dr-layout__container\">\n        <div class=\"content\">\n            <div class=\"columns\">\n                <ng-content select=\"dr-layout-body\"></ng-content>\n            </div>\n        </div>\n    </div>\n</div>\n",
-                    styles: [":host{font-size:16px;font-weight:400;font-family:\"Poppins\",sans-serif;line-height:1.25rem;-webkit-font-smoothing:antialiased}:host .dr-layout{display:flex;flex-direction:column;min-height:100vh;font-size:16px;font-weight:400;line-height:1.4rem}:host .dr-layout ::ng-deep dr-layout-header{display:block;position:fixed;top:0;left:0;right:0;z-index:1040}:host .dr-layout ::ng-deep dr-layout-header nav{align-items:center;justify-content:flex-start;display:flex}:host .dr-layout__container{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:row}:host .dr-layout__container .content{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:column;min-width:0}:host .dr-layout__container .content .columns{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:row;width:100%}:host .dr-layout__container .content .columns ::ng-deep dr-layout-body{flex:1 0;min-width:0}\n"]
-                },] }
-    ];
-    DrLayoutComponent.ctorParameters = function () { return []; };
+    exports.DIALOG_SIZE = void 0;
+    (function (DIALOG_SIZE) {
+        DIALOG_SIZE["SMALL"] = "small-modal";
+        DIALOG_SIZE["MEDIUM"] = "medium-modal";
+        DIALOG_SIZE["MEDIUM_SMALL"] = "medium-small-modal";
+        DIALOG_SIZE["MEDIUM_MAX_HEIGHT"] = "medium-modal-max-height";
+        DIALOG_SIZE["MEDIUM_LARGE"] = "medium-large-modal";
+        DIALOG_SIZE["LARGE"] = "large-modal";
+        DIALOG_SIZE["X_LARGE"] = "xl-modal";
+        DIALOG_SIZE["X_CUSTOM_LARGE"] = "xl-custom-modal";
+    })(exports.DIALOG_SIZE || (exports.DIALOG_SIZE = {}));
+    exports.DIALOG_BUTTON_LABEL = void 0;
+    (function (DIALOG_BUTTON_LABEL) {
+        DIALOG_BUTTON_LABEL["SAVE"] = "Save";
+        DIALOG_BUTTON_LABEL["CANCEL"] = "Cancel";
+        DIALOG_BUTTON_LABEL["CLOSE"] = "Close";
+    })(exports.DIALOG_BUTTON_LABEL || (exports.DIALOG_BUTTON_LABEL = {}));
+    exports.DIALOG_FIELD_TYPE = void 0;
+    (function (DIALOG_FIELD_TYPE) {
+        DIALOG_FIELD_TYPE["INPUT"] = "input";
+        DIALOG_FIELD_TYPE["SELECT"] = "select";
+        DIALOG_FIELD_TYPE["DATE_PICKER"] = "date_picker";
+        DIALOG_FIELD_TYPE["CHECKBOX"] = "checkbox";
+    })(exports.DIALOG_FIELD_TYPE || (exports.DIALOG_FIELD_TYPE = {}));
 
-    var DrLayoutHeaderComponent = /** @class */ (function () {
-        function DrLayoutHeaderComponent() {
+    var DialogModalWrapperComponent = /** @class */ (function () {
+        function DialogModalWrapperComponent(dialogRef, dialogService, dialogData) {
+            var _a, _b;
+            this.dialogRef = dialogRef;
+            this.dialogService = dialogService;
+            this.dialogData = dialogData;
+            this.dialogFieldType = exports.DIALOG_FIELD_TYPE;
+            this.saving$ = new rxjs.BehaviorSubject(false);
+            this.isLoading = false;
+            this.showServerErrorMessage = false;
+            this.destroy$ = new rxjs.Subject();
+            this.class = (_b = (_a = this === null || this === void 0 ? void 0 : this.dialogData) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b.themeSize;
         }
-        return DrLayoutHeaderComponent;
+        DialogModalWrapperComponent.prototype.ngOnInit = function () {
+            if (this.dialogData.fields) {
+                this.form = new forms.FormGroup(this.dialogData.fields.reduce(function (accumulator, currentValue) {
+                    var currentFormControl = {};
+                    currentFormControl[currentValue.name] = new forms.FormControl(currentValue.default || null, currentValue.validators || []);
+                    return Object.assign(accumulator, currentFormControl);
+                }, {}));
+            }
+        };
+        DialogModalWrapperComponent.prototype.onAccept = function () {
+            var _this = this;
+            if (!this.dialogData.confirmFn)
+                return this.dialogRef.close(this.form.value || true);
+            this.isLoading = true;
+            this.saving$.next(true);
+            this.dialogData.confirmFn(this.form.value).pipe(operators.takeUntil(this.destroy$), operators.catchError(function (err) {
+                _this.showServerErrorMessage = true;
+                _this.isLoading = false;
+                return _this.dialogService.throwErr(err, _this.saving$);
+            })).subscribe(function () {
+                _this.saving$.next(false);
+                _this.dialogRef.close(_this.form.value || true);
+            });
+        };
+        DialogModalWrapperComponent.prototype.footerAction = function () {
+            this.dialogData.footerTemplateData.action(this.form.value);
+        };
+        DialogModalWrapperComponent.prototype.closeDialog = function () {
+            this.dialogRef.close(false);
+        };
+        DialogModalWrapperComponent.prototype.ngOnDestroy = function () {
+            this.destroy$.next(null);
+            this.destroy$.complete();
+        };
+        return DialogModalWrapperComponent;
     }());
-    DrLayoutHeaderComponent.decorators = [
+    DialogModalWrapperComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: 'dr-layout-header',
-                    template: "\n        <nav>\n            <ng-content></ng-content>\n        </nav>\n    "
+                    selector: 'dr-dialog-modal-wrapper',
+                    template: "<div header class=\"header-dialog\">\n    <h1 class=\"title-dialog\" data-test=\"modalTitle\">{{ dialogData.title }}</h1>\n    <i mat-icon-button *ngIf=\"!dialogData.hideCloseBtn\" (click)=\"closeDialog()\" class=\"dr-icon-exit icon-close\"\n       data-test=\"xBtn\"></i>\n</div>\n<div *ngIf=\"dialogData.content\" class=\"content-dialog\">\n    <ng-container>{{ dialogData.content }}</ng-container>\n    <span #content class=\"content-anchor\"></span>\n</div>\n<form *ngIf=\"dialogData.fields\" [formGroup]=\"form\" class=\"dr-smart-from\">\n    <div class=\"dr-smart-form_wrapper\">\n        <div *ngFor=\"let field of dialogData.fields\" class=\"dr-smart-form_group\"\n             [ngStyle]=\"{ display: field.isLabelFullWidth ? 'block' : 'flex' }\">\n            <label *ngIf=\"field.label && field.type !== dialogFieldType.CHECKBOX\"\n                   [ngClass]=\"field.isLabelFullWidth ? 'col-md-12 mb-2' : 'col-md-2'\"\n                   class=\"label p-0 d-flex align-items-center\">{{ field.label }}</label>\n            <div class=\"input-group p-0\"\n                 [ngClass]=\"{ 'col-md-10': field.label && !field.isLabelFullWidth, 'col-md-12': !field.label || field.isLabelFullWidth }\">\n                <dr-select *ngIf=\"field.type === dialogFieldType.SELECT\"\n                           [searchable]=\"dialogData.searchable\"\n                           [clearable]=\"dialogData.clearable\"\n                           [formControlName]=\"field.name\"\n                           [bindLabel]=\"field.bindLabel || null\"\n                           [bindValue]=\"field.bindValue || null\"\n                           [selectedItem]=\"field.default\"\n                           [items]=\"field.items || (field.items$ | async)\"\n                           [required]=\"true\"\n                           [placeholder]=\"field.placeholder\">\n                    <ng-template *ngIf=\"dialogData?.footerTemplateData\" #optionFooterTemplate let-item=\"item\" let-close=\"close\">\n                        <button (click)=\"footerAction(); close();\" class=\"dr-select-footer__btn\">\n                            <i *ngIf=\"dialogData.footerTemplateData.icon\"\n                               class=\"{{ dialogData.footerTemplateData.icon }}\"></i>\n                            {{ dialogData.footerTemplateData.label }}</button>\n                    </ng-template>\n                </dr-select>\n                <dr-input *ngIf=\"field.type === dialogFieldType.INPUT\" data-test=\"modalInput\" class=\"form-control\"\n                          [formControlName]=\"field.name\" [placeholder]=\"field.placeholder\"></dr-input>\n                <dr-date-picker *ngIf=\"field.type === dialogFieldType.DATE_PICKER\"\n                                [formControlName]=\"field.name\"\n                                [format]=\"field.datePickerFormat\"\n                                [placeholder]=\"field.placeholder\"></dr-date-picker>\n                <dr-checkbox *ngIf=\"field.type === dialogFieldType.CHECKBOX\" [formControlName]=\"field.name\">\n                    {{ field.label }}\n                </dr-checkbox>\n                <label class=\"form-field-error-alert\" *ngIf=\"form.invalid && form.controls[field.name]?.dirty && form.controls[field.name]?.errors\">\n                    {{ form.controls[field.name].errors.errorString }}\n                </label>\n                <label class=\"form-error-alert\" *ngIf=\"dialogData.errorMessage && !form.pristine && form.invalid\">\n                    {{ dialogData.errorMessage }}\n                </label>\n                <label class=\"form-error-alert\"\n                       *ngIf=\"form.valid && showServerErrorMessage && dialogData.serverErrorMessage\">\n                    {{ dialogData.serverErrorMessage }}\n                </label>\n            </div>\n        </div>\n    </div>\n</form>\n\n<div footer class=\"footer-dialog\">\n    <div class=\"buttons-wrapper\" *ngIf=\"dialogData.cancelButton || dialogData.acceptButton\">\n        <dr-button *ngIf=\"dialogData.cancelButton\" data-test=\"modalCloseBtn\" (click)=\"closeDialog()\"\n                   [theme]=\"'secondary'\">{{ dialogData.cancelButton.label }}</dr-button>\n        <dr-button *ngIf=\"dialogData.acceptButton\" data-test=\"modalAddBtn\" (click)=\"onAccept()\" [theme]=\"'primary'\"\n                   [isLoading]=\"isLoading\" [disabled]=\"form.invalid\">{{ dialogData.acceptButton.label }}</dr-button>\n    </div>\n</div>\n",
+                    styles: [":host{display:flex;justify-content:space-between;flex-direction:column}: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:80vh}.header-dialog{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 39px 8px 32px;border-bottom:1px solid #e5e6ea}.title-dialog{color:#151b3f;position:static;font-weight:bold;font-size:18px;line-height:24px}.content-dialog{font-weight:400;font-size:14px;padding:16px 32px 5px}.icon-close{color:#51566f;cursor:pointer}.dr-smart-from{font-size:14px;font-weight:500;line-height:22px;padding:16px 32px 22px}.dr-smart-from dr-checkbox{font-weight:400}.content-dialog{padding:16px 32px 0;font-weight:400;font-size:14px;line-height:22px}.content-anchor{display:none}.footer-dialog{border-top:1px solid #e5e6ea}.buttons-wrapper{display:flex;justify-content:flex-end;padding-top:10px;padding-right:32px;padding-bottom:11px}.buttons-wrapper dr-button:nth-of-type(2){margin-left:12px}.form-field-error-alert{font-size:12px;color:#bf1d30;line-height:20px}.form-error-alert{position:absolute;margin-top:5px;font-size:12px;color:red}.dr-select-footer__btn{background-color:transparent;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;min-width:15rem;font-style:normal;font-weight:400;font-size:14px;line-height:24px;clear:both;width:100%;white-space:nowrap;padding:0 12px;height:36px;flex-shrink:0}\n"]
                 },] }
     ];
-    DrLayoutHeaderComponent.ctorParameters = function () { return []; };
+    DialogModalWrapperComponent.ctorParameters = function () { return [
+        { type: i1$1.MatDialogRef },
+        { type: DialogService },
+        { type: undefined, decorators: [{ type: i0.Inject, args: [i1$1.MAT_DIALOG_DATA,] }] }
+    ]; };
+    DialogModalWrapperComponent.propDecorators = {
+        class: [{ type: i0.HostBinding, args: ['class',] }]
+    };
 
-    var DrLayoutBodyComponent = /** @class */ (function () {
-        function DrLayoutBodyComponent() {
+    var DEFAULT_PANE_CLASS_NAME = 'wrapper-dialog';
+    var DEFAULT_CONFIRM_THEME = { themeSize: 'small-modal' };
+    var DialogService = /** @class */ (function () {
+        function DialogService(dialog) {
+            this.dialog = dialog;
         }
-        return DrLayoutBodyComponent;
+        /**
+         * Function to open modal with custom form
+         */
+        DialogService.prototype.openDialogWrapper = function (componentTypeChild, dialogData, componentTypeWrapper) {
+            if (!componentTypeWrapper)
+                componentTypeWrapper = DialogWrapperComponent;
+            dialogData.data.child = componentTypeChild;
+            if (dialogData.panelClass instanceof Array) {
+                dialogData.panelClass.push(DEFAULT_PANE_CLASS_NAME);
+            }
+            else {
+                dialogData.panelClass = [dialogData.panelClass || '', DEFAULT_PANE_CLASS_NAME];
+            }
+            this.wrapperComponent = this.openDialog(componentTypeWrapper, dialogData);
+            return this.wrapperComponent;
+        };
+        /**
+         * Function to open confirmation modal
+         */
+        DialogService.prototype.openConfirmDialog = function (confirmDialogData) {
+            var dialogData = { panelClass: DEFAULT_PANE_CLASS_NAME, data: null };
+            Object.assign(dialogData, { data: confirmDialogData });
+            if (!dialogData.data.theme)
+                dialogData.data.theme = DEFAULT_CONFIRM_THEME;
+            dialogData.data.theme.isConfirmation = true;
+            return this.openDialog(DialogWrapperComponent, dialogData);
+        };
+        /**
+         * Function to open confirmation modal with inputs
+         */
+        DialogService.prototype.openConfirmDialogModal = function (confirmDialogData) {
+            var dialogData = { panelClass: DEFAULT_PANE_CLASS_NAME, data: null };
+            Object.assign(dialogData, { data: confirmDialogData });
+            if (!dialogData.data.theme)
+                dialogData.data.theme = DEFAULT_CONFIRM_THEME;
+            return this.openDialog(DialogModalWrapperComponent, dialogData);
+        };
+        DialogService.prototype.close = function (params) {
+            this.wrapperComponent.close(params);
+        };
+        DialogService.prototype.changeDialogThemeSize = function (theme) {
+            this.wrapperComponent.componentInstance.class = theme;
+        };
+        DialogService.prototype.openDialog = function (componentType, dialogData) {
+            return this.dialog.open(componentType, dialogData);
+        };
+        DialogService.prototype.throwErr = function (err, load) {
+            if (load) {
+                load.next(false);
+            }
+            throw err;
+        };
+        return DialogService;
     }());
-    DrLayoutBodyComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'dr-layout-body',
-                    template: '<ng-content></ng-content>'
+    DialogService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DialogService_Factory() { return new DialogService(i0__namespace.ɵɵinject(i1__namespace$1.MatDialog)); }, token: DialogService, providedIn: "root" });
+    DialogService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
                 },] }
     ];
-    DrLayoutBodyComponent.ctorParameters = function () { return []; };
+    DialogService.ctorParameters = function () { return [
+        { type: i1$1.MatDialog }
+    ]; };
 
-    var DrErrorComponent = /** @class */ (function () {
-        function DrErrorComponent(cdr, formGroupDirective) {
-            this.cdr = cdr;
-            this.formGroupDirective = formGroupDirective;
-            this.destroyed$ = new rxjs.Subject();
-            this.label = 'Field error';
-            this.noIcon = false;
+    var DrDetailsListComponent = /** @class */ (function () {
+        function DrDetailsListComponent() {
+            this.destroy$ = new rxjs.Subject();
+            this.list = [];
+            this.title = 'Show details';
+            this.collapse = true;
         }
-        Object.defineProperty(DrErrorComponent.prototype, "control", {
-            set: function (value) {
-                var _this = this;
-                if (value) {
-                    this._control = value;
-                    this.cdr.markForCheck();
-                    this._control.valueChanges.pipe(operators.takeUntil(this.destroyed$)).subscribe(function () {
-                        _this.cdr.markForCheck();
-                    });
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DrErrorComponent.prototype, "controlName", {
-            set: function (value) {
-                if (!value || typeof value !== 'string')
-                    return;
-                if (!this.formGroupDirective) {
-                    throw new Error('You must provide a formGroupDirective to use this input');
-                }
-                this.control = this.formGroupDirective.control.get(value);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DrErrorComponent.prototype, "errorString", {
-            get: function () {
-                var _a;
-                if (this._control.hasError('required')) {
-                    return 'Field is required!';
+        Object.defineProperty(DrDetailsListComponent.prototype, "items", {
+            set: function (val) {
+                var _this = this;
+                if (!val) {
+                    return;
+                }
+                if (Array.isArray(val)) {
+                    this.list = val;
+                }
+                else {
+                    val.pipe(operators.takeUntil(this.destroy$)).subscribe(function (res) {
+                        _this.list = res;
+                    });
                 }
-                return ((_a = this._control.errors) === null || _a === void 0 ? void 0 : _a.errorString) || null;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DrErrorComponent.prototype, "isWarning", {
+        ;
+        Object.defineProperty(DrDetailsListComponent.prototype, "state", {
             get: function () {
-                var _a;
-                return (_a = this._control.errors) === null || _a === void 0 ? void 0 : _a.isWarning;
+                if (this.collapse) {
+                    return 'collapsed';
+                }
+                return 'expanded';
             },
             enumerable: false,
             configurable: true
         });
-        DrErrorComponent.prototype.ngOnDestroy = function () {
-            this.destroyed$.next();
-            this.destroyed$.complete();
+        DrDetailsListComponent.prototype.ngOnDestroy = function () {
+            this.destroy$.next();
+            this.destroy$.complete();
         };
-        return DrErrorComponent;
+        return DrDetailsListComponent;
     }());
-    DrErrorComponent.decorators = [
+    DrDetailsListComponent.decorators = [
         { type: i0.Component, args: [{
-                    template: "<div *ngIf=\"_control.status === 'INVALID' && !_control.pristine\"\n     [drTooltip]=\"errorString\"\n     class=\"error-container\"\n     [class.warning]=\"isWarning\">\n    <i *ngIf=\"!noIcon\" class=\"dr-icon-status-error\"></i>\n    <span>{{label}}</span>\n</div>\n",
-                    selector: 'dr-error',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{display:flex;margin-top:8px}:host:empty{display:none}:host .error-container{display:flex;align-items:center;cursor:pointer;width:auto;color:#bf1d30}:host .error-container i{font-size:16px;margin-right:2px}:host .error-container span{font-family:\"Poppins\",sans-serif;font-style:normal;font-weight:400;font-size:11px;line-height:20px}:host .error-container.warning{color:#ffb800}:host .error-container.warning span{color:#9e5f00}:host.no-icon{margin-top:2px}:host.no-icon .error-container span{font-size:12px}\n"]
+                    selector: 'dr-details-list',
+                    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",
+                    animations: [
+                        animations.trigger('expansionIndicatorList', [
+                            animations.state('collapsed', animations.style({
+                                overflow: 'hidden',
+                                visibility: 'hidden',
+                                height: 0,
+                            })),
+                            animations.state('expanded', animations.style({
+                                overflow: 'hidden',
+                                visibility: 'visible',
+                            })),
+                            animations.transition('collapsed => expanded', animations.animate('100ms ease-in')),
+                            animations.transition('expanded => collapsed', animations.animate('100ms ease-out')),
+                        ]),
+                    ],
+                    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"]
                 },] }
     ];
-    DrErrorComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: forms.FormGroupDirective, decorators: [{ type: i0.Optional }] }
-    ]; };
-    DrErrorComponent.propDecorators = {
-        control: [{ type: i0.Input }],
-        controlName: [{ type: i0.Input }],
-        label: [{ type: i0.Input }],
-        noIcon: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.no-icon',] }]
+    DrDetailsListComponent.ctorParameters = function () { return []; };
+    DrDetailsListComponent.propDecorators = {
+        title: [{ type: i0.Input }],
+        items: [{ type: i0.Input }],
+        collapse: [{ type: i0.Input }]
     };
 
-    var DialogWrapperComponent = /** @class */ (function () {
-        function DialogWrapperComponent(dialogRef, dialogService, cdr, componentFactoryResolver, dialogData) {
-            var _a, _b, _c, _d;
-            this.dialogRef = dialogRef;
-            this.dialogService = dialogService;
-            this.cdr = cdr;
-            this.componentFactoryResolver = componentFactoryResolver;
-            this.dialogData = dialogData;
-            this.class = ((_b = (_a = this.dialogData) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b.noThemeSizeClass) ? null : ((_d = (_c = this.dialogData) === null || _c === void 0 ? void 0 : _c.theme) === null || _d === void 0 ? void 0 : _d.themeSize) || 'medium-modal';
-            this.saving$ = new rxjs.BehaviorSubject(false);
-            this.destroy$ = new rxjs.Subject();
+    exports.TooltipPosition = void 0;
+    (function (TooltipPosition) {
+        TooltipPosition["TOP"] = "top";
+        TooltipPosition["BOTTOM"] = "bottom";
+        TooltipPosition["LEFT"] = "left";
+        TooltipPosition["RIGHT"] = "right";
+        TooltipPosition["TOP_RIGHT"] = "top-right";
+        TooltipPosition["TOP_LEFT"] = "top-left";
+        TooltipPosition["BOTTOM_RIGHT"] = "bottom-right";
+        TooltipPosition["BOTTOM_LEFT"] = "bottom-left";
+        TooltipPosition["RIGHT_TOP"] = "right-top";
+        TooltipPosition["RIGHT_BOTTOM"] = "right-bottom";
+        TooltipPosition["LEFT_TOP"] = "left-top";
+        TooltipPosition["LEFT_BOTTOM"] = "left-bottom";
+    })(exports.TooltipPosition || (exports.TooltipPosition = {}));
+
+    exports.Scenario = void 0;
+    (function (Scenario) {
+        Scenario["ACTUALS"] = "Actuals";
+        Scenario["FORECAST"] = "Forecast";
+        Scenario["BUDGET"] = "Budget";
+        Scenario["NONE"] = "None";
+    })(exports.Scenario || (exports.Scenario = {}));
+
+    var DrModelDebounceChangeDirective = /** @class */ (function () {
+        function DrModelDebounceChangeDirective(ngModel) {
+            this.ngModel = ngModel;
+            this.debounce = 200;
+            this.ngModelDebounceChange = new i0.EventEmitter();
         }
-        DialogWrapperComponent.prototype.ngAfterViewInit = function () {
-            if (!this.dialogData.child) {
-                return new Error('Expected componentTypeChild');
-            }
-            var componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.dialogData.child);
-            this.childComponent = this.content.createComponent(componentFactory).instance;
-            this.childComponent.closeDialog = this.closeDialog.bind(this);
-            this.childComponent.onAcceptDialog = this.onAcceptDialog.bind(this);
-            // pass data to component child
-            if (this.dialogData.childData) {
-                ___namespace.assign(this.childComponent, this.dialogData.childData);
-            }
-            // call component child init func - looks like double init
-            // if (this.childComponent.ngOnInit) {
-            //   this.childComponent.ngOnInit();
-            // }
-            this.cdr.detectChanges();
-        };
-        DialogWrapperComponent.prototype.closeDialog = function (data) {
-            this.dialogRef.close(data || false);
-        };
-        DialogWrapperComponent.prototype.onDecline = function () {
-            this.dialogRef.close(undefined);
-        };
-        DialogWrapperComponent.prototype.onAcceptDialog = function (data) {
+        DrModelDebounceChangeDirective.prototype.ngOnInit = function () {
             var _this = this;
-            if (!this.childComponent) {
-                this.dialogRef.close(data || true);
-                return;
-            }
-            var funcName = this.dialogData.acceptButton.functions;
-            if (this.childComponent[funcName])
-                this.childComponent[funcName]();
-            var loadFuncName = this.dialogData.acceptButton.loading;
-            if (this.childComponent[loadFuncName])
-                this.isLoading = this.childComponent[loadFuncName]();
-            if (this.dialogData.confirmFn) {
-                this.saving$.next(true);
-                this.dialogData.confirmFn().pipe(operators.takeUntil(this.destroy$), operators.catchError(function (error) { return _this.dialogService.throwErr(error, _this.saving$); })).subscribe(function () {
-                    _this.saving$.next(false);
-                    _this.dialogRef.close(data || true);
-                });
-            }
-            if (this.childComponent && !this.childComponent[funcName]) {
-                this.dialogRef.close(data || true);
-                return;
-            }
+            this.subscription = this.ngModel.control.valueChanges.pipe(operators.skip(1), operators.debounceTime(this.debounce), operators.distinctUntilChanged()).subscribe(function (value) { return _this.ngModelDebounceChange.emit(value); });
         };
-        DialogWrapperComponent.prototype.ngOnDestroy = function () {
-            this.destroy$.next(null);
-            this.destroy$.complete();
+        DrModelDebounceChangeDirective.prototype.ngOnDestroy = function () {
+            this.subscription.unsubscribe();
         };
-        return DialogWrapperComponent;
+        return DrModelDebounceChangeDirective;
     }());
-    DialogWrapperComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'dr-dialog-wrapper',
-                    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",
-                    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"]
+    DrModelDebounceChangeDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[ngModelDebounceChange]'
                 },] }
     ];
-    DialogWrapperComponent.ctorParameters = function () { return [
-        { type: i1$1.MatDialogRef },
-        { type: DialogService },
-        { type: i0.ChangeDetectorRef },
-        { type: i0.ComponentFactoryResolver },
-        { type: undefined, decorators: [{ type: i0.Inject, args: [i1$1.MAT_DIALOG_DATA,] }] }
+    DrModelDebounceChangeDirective.ctorParameters = function () { return [
+        { type: forms.NgModel }
     ]; };
-    DialogWrapperComponent.propDecorators = {
-        content: [{ type: i0.ViewChild, args: ['content', { read: i0.ViewContainerRef },] }],
-        class: [{ type: i0.HostBinding, args: ['class',] }]
+    DrModelDebounceChangeDirective.propDecorators = {
+        debounce: [{ type: i0.Input }],
+        ngModelDebounceChange: [{ type: i0.Output }]
     };
 
-    exports.DIALOG_SIZE = void 0;
-    (function (DIALOG_SIZE) {
-        DIALOG_SIZE["SMALL"] = "small-modal";
-        DIALOG_SIZE["MEDIUM"] = "medium-modal";
-        DIALOG_SIZE["MEDIUM_SMALL"] = "medium-small-modal";
-        DIALOG_SIZE["MEDIUM_MAX_HEIGHT"] = "medium-modal-max-height";
-        DIALOG_SIZE["MEDIUM_LARGE"] = "medium-large-modal";
-        DIALOG_SIZE["LARGE"] = "large-modal";
-        DIALOG_SIZE["X_LARGE"] = "xl-modal";
-        DIALOG_SIZE["X_CUSTOM_LARGE"] = "xl-custom-modal";
-    })(exports.DIALOG_SIZE || (exports.DIALOG_SIZE = {}));
-    exports.DIALOG_BUTTON_LABEL = void 0;
-    (function (DIALOG_BUTTON_LABEL) {
-        DIALOG_BUTTON_LABEL["SAVE"] = "Save";
-        DIALOG_BUTTON_LABEL["CANCEL"] = "Cancel";
-        DIALOG_BUTTON_LABEL["CLOSE"] = "Close";
-    })(exports.DIALOG_BUTTON_LABEL || (exports.DIALOG_BUTTON_LABEL = {}));
-    exports.DIALOG_FIELD_TYPE = void 0;
-    (function (DIALOG_FIELD_TYPE) {
-        DIALOG_FIELD_TYPE["INPUT"] = "input";
-        DIALOG_FIELD_TYPE["SELECT"] = "select";
-        DIALOG_FIELD_TYPE["DATE_PICKER"] = "date_picker";
-        DIALOG_FIELD_TYPE["CHECKBOX"] = "checkbox";
-    })(exports.DIALOG_FIELD_TYPE || (exports.DIALOG_FIELD_TYPE = {}));
+    var IMAGE_TYPES = ['image/png', 'image/jpeg', 'image/gif'];
+    exports.CHAT_MESSAGE_TYPE = void 0;
+    (function (CHAT_MESSAGE_TYPE) {
+        CHAT_MESSAGE_TYPE["TEXT"] = "text";
+        CHAT_MESSAGE_TYPE["RICH_TEXT"] = "rich-text";
+        CHAT_MESSAGE_TYPE["IMAGE"] = "image";
+        CHAT_MESSAGE_TYPE["DOWNLOAD_FILE"] = "download-file";
+        CHAT_MESSAGE_TYPE["MAILTO"] = "mailto";
+        CHAT_MESSAGE_TYPE["EMBED"] = "embed";
+        CHAT_MESSAGE_TYPE["INPUT"] = "input";
+        CHAT_MESSAGE_TYPE["CODE"] = "code";
+    })(exports.CHAT_MESSAGE_TYPE || (exports.CHAT_MESSAGE_TYPE = {}));
+    exports.ChatRole = void 0;
+    (function (ChatRole) {
+        ChatRole["USER"] = "user";
+        ChatRole["ASSISTANT"] = "assistant";
+    })(exports.ChatRole || (exports.ChatRole = {}));
+    var ChatMessage = /** @class */ (function () {
+        function ChatMessage(obj) {
+            this.id = obj === null || obj === void 0 ? void 0 : obj.id;
+            this.kind = obj === null || obj === void 0 ? void 0 : obj.kind;
+            this.seq = obj === null || obj === void 0 ? void 0 : obj.seq;
+            this.role = obj === null || obj === void 0 ? void 0 : obj.role;
+            this.reply = (obj === null || obj === void 0 ? void 0 : obj.role) !== exports.ChatRole.USER;
+            this.text = (obj === null || obj === void 0 ? void 0 : obj.text) || obj.body;
+            this.url = obj === null || obj === void 0 ? void 0 : obj.url;
+            this.label = obj === null || obj === void 0 ? void 0 : obj.label;
+            this.body = obj === null || obj === void 0 ? void 0 : obj.body;
+            this.parameters = obj === null || obj === void 0 ? void 0 : obj.parameters;
+            this.avatarUrl = (obj === null || obj === void 0 ? void 0 : obj.avatarUrl) ?
+                obj.avatarUrl :
+                !(obj === null || obj === void 0 ? void 0 : obj.role) || (obj === null || obj === void 0 ? void 0 : obj.role) === exports.ChatRole.ASSISTANT ? document.staticFunc('/genius-ai.svg') : '';
+            this.user = obj === null || obj === void 0 ? void 0 : obj.user;
+        }
+        return ChatMessage;
+    }());
 
-    var DialogModalWrapperComponent = /** @class */ (function () {
-        function DialogModalWrapperComponent(dialogRef, dialogService, dialogData) {
-            var _a, _b;
-            this.dialogRef = dialogRef;
-            this.dialogService = dialogService;
-            this.dialogData = dialogData;
-            this.dialogFieldType = exports.DIALOG_FIELD_TYPE;
-            this.saving$ = new rxjs.BehaviorSubject(false);
-            this.isLoading = false;
-            this.showServerErrorMessage = false;
-            this.destroy$ = new rxjs.Subject();
-            this.class = (_b = (_a = this === null || this === void 0 ? void 0 : this.dialogData) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b.themeSize;
+    var _a;
+    var allDateTags = (_a = {},
+        _a[TagsConfigSubType.YEAR] = {
+            name: 'Date',
+            toggle: false,
+        },
+        _a[TagsConfigSubType.QUARTER] = {
+            name: 'Date',
+            toggle: false,
+        },
+        _a[TagsConfigSubType.MONTH] = {
+            name: 'Date',
+            toggle: false,
+        },
+        _a[TagsConfigSubType.DAY] = {
+            name: 'Date',
+            toggle: false,
+        },
+        _a[TagsConfigSubType.WEEK] = {
+            name: 'Date',
+            toggle: false,
+        },
+        _a);
+    function getScenarioTagDataConfig(isMultipleDimension) {
+        var _a, _b, _c, _d, _e;
+        return _a = {},
+            _a[exports.Scenario.ACTUALS] = Object.assign(Object.assign({}, allDateTags), (_b = {}, _b[TagsConfigSubType.MONTH] = {
+                name: 'Date',
+                toggle: true,
+            }, _b[TagsConfigSubType.FILE_STATUS] = {
+                toggle: false,
+            }, _b)),
+            _a[exports.Scenario.BUDGET] = (_c = {},
+                _c[TagsConfigSubType.BUDGET_CYCLE] = {
+                    toggle: true,
+                    acceptableDateTags: [TagsConfigSubType.YEAR],
+                    hidden: !isMultipleDimension,
+                },
+                _c[TagsConfigSubType.PLAN] = {
+                    toggle: false,
+                    turnOffDateTags: true,
+                    hidden: isMultipleDimension,
+                },
+                _c[TagsConfigSubType.YEAR] = {
+                    name: 'Date',
+                    toggle: true,
+                },
+                _c[TagsConfigSubType.QUARTER] = {
+                    name: 'Date',
+                    toggle: false,
+                },
+                _c[TagsConfigSubType.FILE_STATUS] = {
+                    toggle: false,
+                },
+                _c),
+            _a[exports.Scenario.FORECAST] = (_d = {},
+                _d[TagsConfigSubType.FORECAST_NEW] = {
+                    toggle: true,
+                    name: 'Date',
+                },
+                _d[TagsConfigSubType.FILE_STATUS] = {
+                    toggle: false,
+                },
+                _d),
+            _a[exports.Scenario.NONE] = Object.assign(Object.assign({}, allDateTags), (_e = {}, _e[TagsConfigSubType.MONTH] = {
+                name: 'Date',
+                toggle: true,
+            }, _e[TagsConfigSubType.FILE_STATUS] = {
+                toggle: true,
+            }, _e)),
+            _a;
+    }
+
+    var ScenarioService = /** @class */ (function () {
+        function ScenarioService() {
+            this.DEFAULT_FORECAST_DATE_TAG = 'Month';
         }
-        DialogModalWrapperComponent.prototype.ngOnInit = function () {
-            if (this.dialogData.fields) {
-                this.form = new forms.FormGroup(this.dialogData.fields.reduce(function (accumulator, currentValue) {
-                    var currentFormControl = {};
-                    currentFormControl[currentValue.name] = new forms.FormControl(currentValue.default || null, currentValue.validators || []);
-                    return Object.assign(accumulator, currentFormControl);
-                }, {}));
+        Object.defineProperty(ScenarioService.prototype, "scenarios", {
+            get: function () {
+                return _.orderBy(Object.values(exports.Scenario), function (scenario) { return scenario === exports.Scenario.NONE ? 1 : 0; });
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ScenarioService.prototype, "areExistingTagsConfig", {
+            get: function () {
+                return !!this.currentTagsConfig;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ScenarioService.prototype.initScenarioTags = function (scenario, wholeTagsConfig, currentTagsConfig, isMultipleDimension) {
+            if (isMultipleDimension === void 0) { isMultipleDimension = true; }
+            if (!(wholeTagsConfig === null || wholeTagsConfig === void 0 ? void 0 : wholeTagsConfig.length) || !scenario)
+                return;
+            this.wholeTagsConfig = wholeTagsConfig;
+            this.currentTagsConfig = currentTagsConfig;
+            this.isMultipleDimension = isMultipleDimension;
+        };
+        ScenarioService.prototype.getTagsConfigByScenarioTags = function (scenarioTags, tagsConfig) {
+            var scenarioTagsConfig = _.filter(tagsConfig, function (tagConfig) { return _.some(scenarioTags, function (scenarioTag) { return scenarioTag.toggle && scenarioTag.selectedTagSubType === tagConfig.options.sub_type; }); });
+            return this.sortScenarioTags(scenarioTagsConfig);
+        };
+        ScenarioService.prototype.getScenarioTagsByScenario = function (scenario) {
+            var _this = this;
+            var scenarioTagsConfig = this.getScenarioTagsConfig(scenario, this.wholeTagsConfig);
+            var scenarioTagsUi = [];
+            _.forEach(scenarioTagsConfig, function (scenarioTag) {
+                var isDateTag = scenarioTag.type === exports.TagTypes.DATE;
+                var dateTag = isDateTag && _.find(scenarioTagsUi, { type: exports.TagTypes.DATE });
+                var tag = dateTag || _this.prepareScenarioTag(scenarioTagsConfig, scenarioTag, scenario, isDateTag);
+                if (isDateTag) {
+                    _this.updateScenarioDateTag(tag, scenarioTag);
+                }
+                if (dateTag)
+                    return;
+                scenarioTagsUi.push(tag);
+            });
+            if (this.areExistingTagsConfig) {
+                this.initExistingTagsConfig(scenario, scenarioTagsUi);
             }
+            var isTagNotSupportingDates = _.some(scenarioTagsUi, { turnOffDateTags: true, toggle: true });
+            if (isTagNotSupportingDates) {
+                this.turnOffDateTag(scenarioTagsUi);
+            }
+            var tagWithSpecificDateTags = _.find(scenarioTagsUi, function (tag) { var _a; return tag.toggle && !!((_a = tag.acceptableDateTags) === null || _a === void 0 ? void 0 : _a.length); });
+            if (tagWithSpecificDateTags) {
+                this.hideNotAvailableTags(tagWithSpecificDateTags, scenarioTagsUi);
+            }
+            return this.sortScenarioTags(scenarioTagsUi);
         };
-        DialogModalWrapperComponent.prototype.onAccept = function () {
+        ScenarioService.prototype.sortScenarioTags = function (scenarioTagsUi) {
+            return _.orderBy(scenarioTagsUi, [
+                function (tag) { return (tag.type === exports.TagTypes.DATE ? 0 : 1); },
+                function (tag) { return (tag.name === 'File Status'); }
+            ]);
+        };
+        ScenarioService.prototype.initExistingTagsConfig = function (scenario, scenarioTagsUi) {
             var _this = this;
-            if (!this.dialogData.confirmFn)
-                return this.dialogRef.close(this.form.value || true);
-            this.isLoading = true;
-            this.saving$.next(true);
-            this.dialogData.confirmFn(this.form.value).pipe(operators.takeUntil(this.destroy$), operators.catchError(function (err) {
-                _this.showServerErrorMessage = true;
-                _this.isLoading = false;
-                return _this.dialogService.throwErr(err, _this.saving$);
-            })).subscribe(function () {
-                _this.saving$.next(false);
-                _this.dialogRef.close(_this.form.value || true);
+            _.forEach(this.currentTagsConfig, function (tagConfig) {
+                var _a, _b;
+                var tagSubType = (_a = tagConfig === null || tagConfig === void 0 ? void 0 : tagConfig.options) === null || _a === void 0 ? void 0 : _a.sub_type;
+                var scenarioTagDataConfig = getScenarioTagDataConfig(_this.isMultipleDimension);
+                if (!((_b = scenarioTagDataConfig === null || scenarioTagDataConfig === void 0 ? void 0 : scenarioTagDataConfig[scenario]) === null || _b === void 0 ? void 0 : _b[tagSubType]))
+                    return;
+                var scenarioTagUi = tagConfig.type === exports.TagTypes.DATE
+                    ? _.find(scenarioTagsUi, { type: tagConfig.type })
+                    : _.find(scenarioTagsUi, { selectedTagSubType: tagSubType });
+                scenarioTagUi.toggle = true;
+                scenarioTagUi.selectedTagSubType = tagSubType;
             });
         };
-        DialogModalWrapperComponent.prototype.footerAction = function () {
-            this.dialogData.footerTemplateData.action(this.form.value);
+        ScenarioService.prototype.prepareScenarioTag = function (scenarioTagsConfig, scenarioTag, scenario, isDateTag) {
+            var toggleStatus = isDateTag
+                ? _.some(scenarioTagsConfig, function (tag) { return tag.type === exports.TagTypes.DATE && tag.scenarioData.toggle; })
+                : scenarioTag.scenarioData.toggle;
+            var selectedTagSubType = isDateTag
+                ? this.getScenarioSelectedDateTag(scenario, scenarioTagsConfig)
+                : scenarioTag.options.sub_type;
+            var tag = {
+                toggle: this.areExistingTagsConfig ? false : toggleStatus,
+                name: scenarioTag.scenarioData.name || scenarioTag.name,
+                description: scenarioTag.scenarioData.description || scenarioTag.description,
+                type: scenarioTag.type,
+                selectedTagSubType: selectedTagSubType,
+            };
+            if (scenarioTag.scenarioData.turnOffDateTags) {
+                tag.turnOffDateTags = scenarioTag.scenarioData.turnOffDateTags;
+            }
+            if (scenarioTag.scenarioData.acceptableDateTags) {
+                tag.acceptableDateTags = scenarioTag.scenarioData.acceptableDateTags;
+            }
+            return tag;
         };
-        DialogModalWrapperComponent.prototype.closeDialog = function () {
-            this.dialogRef.close(false);
+        ScenarioService.prototype.updateScenarioDateTag = function (dateTag, scenarioTag) {
+            if (!dateTag.subTags) {
+                dateTag.subTags = [];
+            }
+            var tagSubType = scenarioTag.options.sub_type;
+            dateTag.subTags.push({
+                subType: tagSubType,
+                name: tagSubType === TagsConfigSubType.FORECAST_NEW ? this.DEFAULT_FORECAST_DATE_TAG : scenarioTag.name,
+            });
         };
-        DialogModalWrapperComponent.prototype.ngOnDestroy = function () {
-            this.destroy$.next(null);
-            this.destroy$.complete();
+        ScenarioService.prototype.turnOffDateTag = function (scenarioTags) {
+            var dateTag = _.find(scenarioTags, { type: exports.TagTypes.DATE });
+            if (!dateTag)
+                return;
+            dateTag.toggle = false;
         };
-        return DialogModalWrapperComponent;
+        ScenarioService.prototype.hideNotAvailableTags = function (tagWithSpecificDateTags, scenarioTags) {
+            var _a;
+            var subTags = (_a = _.find(scenarioTags, { type: exports.TagTypes.DATE })) === null || _a === void 0 ? void 0 : _a.subTags;
+            if (!subTags.length)
+                return;
+            _.forEach(scenarioTags, function (tag) {
+                var _a;
+                if (!((_a = tag.acceptableDateTags) === null || _a === void 0 ? void 0 : _a.length))
+                    return;
+                if (tag !== tagWithSpecificDateTags) {
+                    tag.toggle = false;
+                }
+            });
+            _.forEach(subTags, function (subTag) {
+                subTag.hidden = !tagWithSpecificDateTags.acceptableDateTags.includes(subTag.subType);
+            });
+        };
+        ScenarioService.prototype.getScenarioSelectedDateTag = function (scenario, dateTags) {
+            var _c;
+            var _a, _b;
+            var monthSubType = (_b = (_a = _.find(dateTags, function (tag) { return tag.options.sub_type === TagsConfigSubType.MONTH; })) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.sub_type;
+            var scenarioSelectedDateTag = (_c = {},
+                _c[exports.Scenario.ACTUALS] = function () { return monthSubType; },
+                _c[exports.Scenario.BUDGET] = function () { var _a, _b; return (_b = (_a = _.find(dateTags, function (tag) { return tag.options.sub_type === TagsConfigSubType.YEAR; })) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.sub_type; },
+                _c[exports.Scenario.FORECAST] = function () { var _a, _b; return (_b = (_a = _.find(dateTags, function (tag) { return tag.options.sub_type === TagsConfigSubType.FORECAST_NEW; })) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.sub_type; },
+                _c[exports.Scenario.NONE] = function () { return monthSubType; },
+                _c);
+            if (!scenarioSelectedDateTag[scenario])
+                return;
+            return scenarioSelectedDateTag[scenario]();
+        };
+        ScenarioService.prototype.getScenarioTagsConfig = function (scenario, tagsConfig) {
+            var _this = this;
+            return _.reduce(tagsConfig, function (acc, tagConfig) {
+                var _a, _b;
+                var tagSubType = (_a = tagConfig === null || tagConfig === void 0 ? void 0 : tagConfig.options) === null || _a === void 0 ? void 0 : _a.sub_type;
+                var scenarioTagDataConfig = getScenarioTagDataConfig(_this.isMultipleDimension);
+                var scenarioTagConfig = (_b = scenarioTagDataConfig === null || scenarioTagDataConfig === void 0 ? void 0 : scenarioTagDataConfig[scenario]) === null || _b === void 0 ? void 0 : _b[tagSubType];
+                if (!scenarioTagConfig || scenarioTagConfig.hidden)
+                    return acc;
+                var clonedTagConfig = _.cloneDeep(tagConfig);
+                var scenarioTag = Object.assign(Object.assign({}, clonedTagConfig), { scenarioData: scenarioTagConfig });
+                acc.push(scenarioTag);
+                return acc;
+            }, []);
+        };
+        return ScenarioService;
     }());
-    DialogModalWrapperComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'dr-dialog-modal-wrapper',
-                    template: "<div header class=\"header-dialog\">\n    <h1 class=\"title-dialog\" data-test=\"modalTitle\">{{ dialogData.title }}</h1>\n    <i mat-icon-button *ngIf=\"!dialogData.hideCloseBtn\" (click)=\"closeDialog()\" class=\"dr-icon-exit icon-close\"\n       data-test=\"xBtn\"></i>\n</div>\n<div *ngIf=\"dialogData.content\" class=\"content-dialog\">\n    <ng-container>{{ dialogData.content }}</ng-container>\n    <span #content class=\"content-anchor\"></span>\n</div>\n<form *ngIf=\"dialogData.fields\" [formGroup]=\"form\" class=\"dr-smart-from\">\n    <div class=\"dr-smart-form_wrapper\">\n        <div *ngFor=\"let field of dialogData.fields\" class=\"dr-smart-form_group\"\n             [ngStyle]=\"{ display: field.isLabelFullWidth ? 'block' : 'flex' }\">\n            <label *ngIf=\"field.label && field.type !== dialogFieldType.CHECKBOX\"\n                   [ngClass]=\"field.isLabelFullWidth ? 'col-md-12 mb-2' : 'col-md-2'\"\n                   class=\"label p-0 d-flex align-items-center\">{{ field.label }}</label>\n            <div class=\"input-group p-0\"\n                 [ngClass]=\"{ 'col-md-10': field.label && !field.isLabelFullWidth, 'col-md-12': !field.label || field.isLabelFullWidth }\">\n                <dr-select *ngIf=\"field.type === dialogFieldType.SELECT\"\n                           [searchable]=\"dialogData.searchable\"\n                           [clearable]=\"dialogData.clearable\"\n                           [formControlName]=\"field.name\"\n                           [bindLabel]=\"field.bindLabel || null\"\n                           [bindValue]=\"field.bindValue || null\"\n                           [selectedItem]=\"field.default\"\n                           [items]=\"field.items || (field.items$ | async)\"\n                           [required]=\"true\"\n                           [placeholder]=\"field.placeholder\">\n                    <ng-template *ngIf=\"dialogData?.footerTemplateData\" #optionFooterTemplate let-item=\"item\" let-close=\"close\">\n                        <button (click)=\"footerAction(); close();\" class=\"dr-select-footer__btn\">\n                            <i *ngIf=\"dialogData.footerTemplateData.icon\"\n                               class=\"{{ dialogData.footerTemplateData.icon }}\"></i>\n                            {{ dialogData.footerTemplateData.label }}</button>\n                    </ng-template>\n                </dr-select>\n                <dr-input *ngIf=\"field.type === dialogFieldType.INPUT\" data-test=\"modalInput\" class=\"form-control\"\n                          [formControlName]=\"field.name\" [placeholder]=\"field.placeholder\"></dr-input>\n                <dr-date-picker *ngIf=\"field.type === dialogFieldType.DATE_PICKER\"\n                                [formControlName]=\"field.name\"\n                                [format]=\"field.datePickerFormat\"\n                                [placeholder]=\"field.placeholder\"></dr-date-picker>\n                <dr-checkbox *ngIf=\"field.type === dialogFieldType.CHECKBOX\" [formControlName]=\"field.name\">\n                    {{ field.label }}\n                </dr-checkbox>\n                <label class=\"form-field-error-alert\" *ngIf=\"form.invalid && form.controls[field.name]?.dirty && form.controls[field.name]?.errors\">\n                    {{ form.controls[field.name].errors.errorString }}\n                </label>\n                <label class=\"form-error-alert\" *ngIf=\"dialogData.errorMessage && !form.pristine && form.invalid\">\n                    {{ dialogData.errorMessage }}\n                </label>\n                <label class=\"form-error-alert\"\n                       *ngIf=\"form.valid && showServerErrorMessage && dialogData.serverErrorMessage\">\n                    {{ dialogData.serverErrorMessage }}\n                </label>\n            </div>\n        </div>\n    </div>\n</form>\n\n<div footer class=\"footer-dialog\">\n    <div class=\"buttons-wrapper\" *ngIf=\"dialogData.cancelButton || dialogData.acceptButton\">\n        <dr-button *ngIf=\"dialogData.cancelButton\" data-test=\"modalCloseBtn\" (click)=\"closeDialog()\"\n                   [theme]=\"'secondary'\">{{ dialogData.cancelButton.label }}</dr-button>\n        <dr-button *ngIf=\"dialogData.acceptButton\" data-test=\"modalAddBtn\" (click)=\"onAccept()\" [theme]=\"'primary'\"\n                   [isLoading]=\"isLoading\" [disabled]=\"form.invalid\">{{ dialogData.acceptButton.label }}</dr-button>\n    </div>\n</div>\n",
-                    styles: [":host{display:flex;justify-content:space-between;flex-direction:column}: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:80vh}.header-dialog{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 39px 8px 32px;border-bottom:1px solid #e5e6ea}.title-dialog{color:#151b3f;position:static;font-weight:bold;font-size:18px;line-height:24px}.content-dialog{font-weight:400;font-size:14px;padding:16px 32px 5px}.icon-close{color:#51566f;cursor:pointer}.dr-smart-from{font-size:14px;font-weight:500;line-height:22px;padding:16px 32px 22px}.dr-smart-from dr-checkbox{font-weight:400}.content-dialog{padding:16px 32px 0;font-weight:400;font-size:14px;line-height:22px}.content-anchor{display:none}.footer-dialog{border-top:1px solid #e5e6ea}.buttons-wrapper{display:flex;justify-content:flex-end;padding-top:10px;padding-right:32px;padding-bottom:11px}.buttons-wrapper dr-button:nth-of-type(2){margin-left:12px}.form-field-error-alert{font-size:12px;color:#bf1d30;line-height:20px}.form-error-alert{position:absolute;margin-top:5px;font-size:12px;color:red}.dr-select-footer__btn{background-color:transparent;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;min-width:15rem;font-style:normal;font-weight:400;font-size:14px;line-height:24px;clear:both;width:100%;white-space:nowrap;padding:0 12px;height:36px;flex-shrink:0}\n"]
-                },] }
+    ScenarioService.decorators = [
+        { type: i0.Injectable }
     ];
-    DialogModalWrapperComponent.ctorParameters = function () { return [
-        { type: i1$1.MatDialogRef },
-        { type: DialogService },
-        { type: undefined, decorators: [{ type: i0.Inject, args: [i1$1.MAT_DIALOG_DATA,] }] }
-    ]; };
-    DialogModalWrapperComponent.propDecorators = {
-        class: [{ type: i0.HostBinding, args: ['class',] }]
-    };
 
-    var DEFAULT_PANE_CLASS_NAME = 'wrapper-dialog';
-    var DEFAULT_CONFIRM_THEME = { themeSize: 'small-modal' };
-    var DialogService = /** @class */ (function () {
-        function DialogService(dialog) {
-            this.dialog = dialog;
+    var DrSharedUtils = /** @class */ (function () {
+        function DrSharedUtils() {
         }
         /**
-         * Function to open modal with custom form
+         * Get timeframe (day, year, month, quarter) based on passed format
+         *
+         * @param format - date format string. Examples: MM/DD/YYYY, Q/YYYY
          */
-        DialogService.prototype.openDialogWrapper = function (componentTypeChild, dialogData, componentTypeWrapper) {
-            if (!componentTypeWrapper)
-                componentTypeWrapper = DialogWrapperComponent;
-            dialogData.data.child = componentTypeChild;
-            if (dialogData.panelClass instanceof Array) {
-                dialogData.panelClass.push(DEFAULT_PANE_CLASS_NAME);
+        DrSharedUtils.getTimeframeByDateFormat = function (format) {
+            var defaultFrame = exports.TimeframeOption.DAY;
+            if (!format) {
+                return defaultFrame;
             }
-            else {
-                dialogData.panelClass = [dialogData.panelClass || '', DEFAULT_PANE_CLASS_NAME];
+            var lowerCaseFormat = format.toLowerCase();
+            switch (true) {
+                case lowerCaseFormat.includes('q'):
+                    return exports.TimeframeOption.QUARTER;
+                case lowerCaseFormat.includes('d'):
+                    return exports.TimeframeOption.DAY;
+                case lowerCaseFormat.includes('w'):
+                    return exports.TimeframeOption.WEEK;
+                case lowerCaseFormat.includes('m'):
+                    return exports.TimeframeOption.MONTH;
+                case lowerCaseFormat.includes('y'):
+                    return exports.TimeframeOption.YEAR;
+                default:
+                    return defaultFrame;
+            }
+        };
+        DrSharedUtils.getDateByTag = function (tag) {
+            var todayDate = moment__namespace().utc().endOf('day');
+            switch (tag) {
+                case exports.DateTags.TODAY:
+                    return todayDate;
+                case exports.DateTags.YESTERDAY:
+                    todayDate.subtract(1, 'days');
+                    return todayDate;
+                case exports.DateTags.THIS_MONTH:
+                    todayDate.endOf('month');
+                    return todayDate;
+                case exports.DateTags.PREV_MONTH:
+                    todayDate.subtract(1, 'months').endOf('month');
+                    return todayDate;
+            }
+        };
+        return DrSharedUtils;
+    }());
+
+    var moment$2 = require('moment');
+    var DrDatePickerService = /** @class */ (function () {
+        function DrDatePickerService() {
+            this.isTimeframeSelectionEnabled = false;
+            this.timeframe = exports.TimeframeOption.DAY;
+            this.format$ = new rxjs.BehaviorSubject(exports.DateFromats.MAT_DEFAULT_DATE_FORMAT);
+            this.updatedQuarter$ = new rxjs.Subject();
+            this.updatedDateAndClose$ = new rxjs.Subject();
+            this.presetTag$ = new rxjs.BehaviorSubject('');
+            this.onSameDaySelectedInCalendar$ = new rxjs.Subject();
+            this.keepPresetTag = false;
+            this.isValueUpdating = false;
+            this.availableTimeframes = [
+                exports.TimeframeOption.DAY,
+                exports.TimeframeOption.WEEK,
+                exports.TimeframeOption.MONTH,
+                exports.TimeframeOption.QUARTER,
+                exports.TimeframeOption.YEAR
+            ];
+            this.formatConfig = {
+                day: exports.DateFromats.MAT_DEFAULT_DATE_FORMAT,
+                month: exports.DateFromats.MONTH_YEAR_FORMAT,
+                year: exports.DateFromats.YEAR_FORMAT,
+                quarter: exports.DateFromats.QUARTER_FORMAT,
+                week: exports.DateFromats.WEEK_FORMAT
+            };
+            this.fiscalYearMonthsModifier = 0;
+        }
+        DrDatePickerService.prototype.getDisplayPrefix = function () {
+            var formatCached = this.format$.getValue();
+            switch (true) {
+                case formatCached === null || formatCached === void 0 ? void 0 : formatCached.includes('Q'):
+                    return 'Q';
+                case formatCached === null || formatCached === void 0 ? void 0 : formatCached.includes('W'):
+                    return 'W';
+                default:
+                    return '';
             }
-            this.wrapperComponent = this.openDialog(componentTypeWrapper, dialogData);
-            return this.wrapperComponent;
+        };
+        DrDatePickerService.prototype.getTimeframe = function (format) {
+            return DrSharedUtils.getTimeframeByDateFormat(format);
+        };
+        DrDatePickerService.prototype.getConfiguredFormat = function (timeframe) {
+            return this.formatConfig[timeframe];
+        };
+        DrDatePickerService.prototype.updateTimeframeAndFormat = function (format) {
+            var normalizedFormat = this.normalizeValue(format || this.format$.getValue());
+            this.timeframe = this.getTimeframe(normalizedFormat);
+            this.format$.next(this.getConfiguredFormat(this.timeframe));
+        };
+        DrDatePickerService.prototype.normalizeValue = function (value) {
+            return value.replace(/d/g, 'D');
         };
         /**
-         * Function to open confirmation modal
+         * Get quarter number for date according to fiscal year
+         *
+         * @param date
          */
-        DialogService.prototype.openConfirmDialog = function (confirmDialogData) {
-            var dialogData = { panelClass: DEFAULT_PANE_CLASS_NAME, data: null };
-            Object.assign(dialogData, { data: confirmDialogData });
-            if (!dialogData.data.theme)
-                dialogData.data.theme = DEFAULT_CONFIRM_THEME;
-            dialogData.data.theme.isConfirmation = true;
-            return this.openDialog(DialogWrapperComponent, dialogData);
+        DrDatePickerService.prototype.getQuarterAccordingToFiscalYear = function (date) {
+            var fiscalMonth = this.fiscalYearMonthsModifier;
+            var dateMonth = date.month();
+            if (dateMonth < fiscalMonth) {
+                fiscalMonth -= 12;
+            }
+            return Math.trunc((date.month() - fiscalMonth) / 3) + 1;
         };
         /**
-         * Function to open confirmation modal with inputs
+         * Sets date to end of quarter in FY by passed quarter number
+         *
+         * @param date
+         * @param quarterNumber
          */
-        DialogService.prototype.openConfirmDialogModal = function (confirmDialogData) {
-            var dialogData = { panelClass: DEFAULT_PANE_CLASS_NAME, data: null };
-            Object.assign(dialogData, { data: confirmDialogData });
-            if (!dialogData.data.theme)
-                dialogData.data.theme = DEFAULT_CONFIRM_THEME;
-            return this.openDialog(DialogModalWrapperComponent, dialogData);
+        DrDatePickerService.prototype.setEndOfQuarter = function (date, quarterNumber) {
+            date
+                .subtract(this.fiscalYearMonthsModifier, 'M')
+                .startOf('year')
+                .add(this.fiscalYearMonthsModifier + quarterNumber * 3 - 1, 'M')
+                .endOf('month');
         };
-        DialogService.prototype.close = function (params) {
-            this.wrapperComponent.close(params);
+        /**
+         * Sets date to start of quarter in FY by passed quarter number
+         *
+         * @param date
+         * @param quarterNumber
+         */
+        DrDatePickerService.prototype.setStartOfQuarter = function (date, quarterNumber) {
+            date
+                .subtract(this.fiscalYearMonthsModifier, 'M')
+                .startOf('year')
+                .add(this.fiscalYearMonthsModifier + (quarterNumber - 1) * 3, 'M');
         };
-        DialogService.prototype.changeDialogThemeSize = function (theme) {
-            this.wrapperComponent.componentInstance.class = theme;
+        /**
+         * Sets date to end of current quarter (in which date is located) according to FY
+         *
+         * @param date
+         */
+        DrDatePickerService.prototype.setEndOfCurrentQuarter = function (date) {
+            this.setEndOfQuarter(date, this.getQuarterAccordingToFiscalYear(date));
+        };
+        /**
+         * Sets date to start of current quarter (in which date is located) according to FY
+         *
+         * @param date
+         */
+        DrDatePickerService.prototype.setStartOfCurrentQuarter = function (date) {
+            this.setStartOfQuarter(date, this.getQuarterAccordingToFiscalYear(date));
+        };
+        /**
+         * If date selection on this timeframe depends on Fiscal Year
+         *
+         * @param timeframe
+         */
+        DrDatePickerService.prototype.isTimeframeDependingOnFY = function (timeframe) {
+            return ___namespace.includes([exports.TimeframeOption.QUARTER, exports.TimeframeOption.YEAR], timeframe);
+        };
+        /**
+         * Subtract from date fiscal year shift months count
+         *
+         * @param date
+         */
+        DrDatePickerService.prototype.subtractFiscalYearMonthsFromDate = function (date) {
+            return this.getDateModifiedByFiscalMonths(date, true);
+        };
+        /**
+         * Add to date fiscal year shift months count
+         *
+         * @param date
+         */
+        DrDatePickerService.prototype.addFiscalYearMonthsToDate = function (date) {
+            return this.getDateModifiedByFiscalMonths(date);
         };
-        DialogService.prototype.openDialog = function (componentType, dialogData) {
-            return this.dialog.open(componentType, dialogData);
+        /**
+         * Add or subtract depending on isRevert paremeter Fiscal year month shift
+         *
+         * @param date
+         * @param isSubtract
+         */
+        DrDatePickerService.prototype.getDateModifiedByFiscalMonths = function (date, isSubtract) {
+            if (isSubtract === void 0) { isSubtract = false; }
+            return date ? ___namespace.cloneDeep(date)[isSubtract ? 'subtract' : 'add'](this.fiscalYearMonthsModifier, 'month') : date;
         };
-        DialogService.prototype.throwErr = function (err, load) {
-            if (load) {
-                load.next(false);
+        DrDatePickerService.prototype.updateDatePickerByPreset = function (tag, calender) {
+            this.keepPresetTag = true;
+            var date = null;
+            if (tag) {
+                date = DrSharedUtils.getDateByTag(tag);
+                switch (tag) {
+                    case exports.DateTags.TODAY:
+                        this.updateTimeframeAndFormat(exports.DateFromats.MAT_DEFAULT_DATE_FORMAT);
+                        break;
+                    case exports.DateTags.YESTERDAY:
+                        this.updateTimeframeAndFormat(exports.DateFromats.MAT_DEFAULT_DATE_FORMAT);
+                        break;
+                    case exports.DateTags.THIS_MONTH:
+                        this.updateTimeframeAndFormat(exports.DateFromats.MONTH_YEAR_FORMAT);
+                        this.selectDateInCalendarMonthView(date, calender);
+                        break;
+                    case exports.DateTags.PREV_MONTH:
+                        this.updateTimeframeAndFormat(exports.DateFromats.MONTH_YEAR_FORMAT);
+                        this.selectDateInCalendarMonthView(date, calender);
+                        break;
+                }
             }
-            throw err;
+            this.presetTag$.next(tag);
+            this.updatedDateAndClose$.next(date);
         };
-        return DialogService;
-    }());
-    DialogService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DialogService_Factory() { return new DialogService(i0__namespace.ɵɵinject(i1__namespace$1.MatDialog)); }, token: DialogService, providedIn: "root" });
-    DialogService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    DialogService.ctorParameters = function () { return [
-        { type: i1$1.MatDialog }
-    ]; };
-
-    exports.TooltipPosition = void 0;
-    (function (TooltipPosition) {
-        TooltipPosition["TOP"] = "top";
-        TooltipPosition["BOTTOM"] = "bottom";
-        TooltipPosition["LEFT"] = "left";
-        TooltipPosition["RIGHT"] = "right";
-        TooltipPosition["TOP_RIGHT"] = "top-right";
-        TooltipPosition["TOP_LEFT"] = "top-left";
-        TooltipPosition["BOTTOM_RIGHT"] = "bottom-right";
-        TooltipPosition["BOTTOM_LEFT"] = "bottom-left";
-        TooltipPosition["RIGHT_TOP"] = "right-top";
-        TooltipPosition["RIGHT_BOTTOM"] = "right-bottom";
-        TooltipPosition["LEFT_TOP"] = "left-top";
-        TooltipPosition["LEFT_BOTTOM"] = "left-bottom";
-    })(exports.TooltipPosition || (exports.TooltipPosition = {}));
-
-    var DrModelDebounceChangeDirective = /** @class */ (function () {
-        function DrModelDebounceChangeDirective(ngModel) {
-            this.ngModel = ngModel;
-            this.debounce = 200;
-            this.ngModelDebounceChange = new i0.EventEmitter();
-        }
-        DrModelDebounceChangeDirective.prototype.ngOnInit = function () {
-            var _this = this;
-            this.subscription = this.ngModel.control.valueChanges.pipe(operators.skip(1), operators.debounceTime(this.debounce), operators.distinctUntilChanged()).subscribe(function (value) { return _this.ngModelDebounceChange.emit(value); });
+        DrDatePickerService.prototype.selectDateInCalendarMonthView = function (date, calender) {
+            setTimeout(function () {
+                var monthView = calender.monthView;
+                if (monthView) {
+                    monthView._activeDate = date;
+                    monthView._selected = date;
+                    monthView._init();
+                }
+            });
         };
-        DrModelDebounceChangeDirective.prototype.ngOnDestroy = function () {
-            this.subscription.unsubscribe();
+        DrDatePickerService.prototype.resetPresetTag = function () {
+            if (!this.keepPresetTag) {
+                this.presetTag$.next(null);
+            }
+            else {
+                this.keepPresetTag = false;
+            }
         };
-        return DrModelDebounceChangeDirective;
+        return DrDatePickerService;
     }());
-    DrModelDebounceChangeDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[ngModelDebounceChange]'
-                },] }
+    DrDatePickerService.decorators = [
+        { type: i0.Injectable }
     ];
-    DrModelDebounceChangeDirective.ctorParameters = function () { return [
-        { type: forms.NgModel }
-    ]; };
-    DrModelDebounceChangeDirective.propDecorators = {
-        debounce: [{ type: i0.Input }],
-        ngModelDebounceChange: [{ type: i0.Output }]
-    };
-
-    var IMAGE_TYPES = ['image/png', 'image/jpeg', 'image/gif'];
-    exports.CHAT_MESSAGE_TYPE = void 0;
-    (function (CHAT_MESSAGE_TYPE) {
-        CHAT_MESSAGE_TYPE["TEXT"] = "text";
-        CHAT_MESSAGE_TYPE["RICH_TEXT"] = "rich-text";
-        CHAT_MESSAGE_TYPE["IMAGE"] = "image";
-        CHAT_MESSAGE_TYPE["DOWNLOAD_FILE"] = "download-file";
-        CHAT_MESSAGE_TYPE["MAILTO"] = "mailto";
-        CHAT_MESSAGE_TYPE["EMBED"] = "embed";
-        CHAT_MESSAGE_TYPE["INPUT"] = "input";
-        CHAT_MESSAGE_TYPE["CODE"] = "code";
-    })(exports.CHAT_MESSAGE_TYPE || (exports.CHAT_MESSAGE_TYPE = {}));
-    exports.ChatRole = void 0;
-    (function (ChatRole) {
-        ChatRole["USER"] = "user";
-        ChatRole["ASSISTANT"] = "assistant";
-    })(exports.ChatRole || (exports.ChatRole = {}));
-    var ChatMessage = /** @class */ (function () {
-        function ChatMessage(obj) {
-            this.id = obj === null || obj === void 0 ? void 0 : obj.id;
-            this.kind = obj === null || obj === void 0 ? void 0 : obj.kind;
-            this.seq = obj === null || obj === void 0 ? void 0 : obj.seq;
-            this.role = obj === null || obj === void 0 ? void 0 : obj.role;
-            this.reply = (obj === null || obj === void 0 ? void 0 : obj.role) !== exports.ChatRole.USER;
-            this.text = (obj === null || obj === void 0 ? void 0 : obj.text) || obj.body;
-            this.url = obj === null || obj === void 0 ? void 0 : obj.url;
-            this.label = obj === null || obj === void 0 ? void 0 : obj.label;
-            this.body = obj === null || obj === void 0 ? void 0 : obj.body;
-            this.parameters = obj === null || obj === void 0 ? void 0 : obj.parameters;
-            this.avatarUrl = (obj === null || obj === void 0 ? void 0 : obj.avatarUrl) ?
-                obj.avatarUrl :
-                !(obj === null || obj === void 0 ? void 0 : obj.role) || (obj === null || obj === void 0 ? void 0 : obj.role) === exports.ChatRole.ASSISTANT ? document.staticFunc('/genius-ai.svg') : '';
-            this.user = obj === null || obj === void 0 ? void 0 : obj.user;
-        }
-        return ChatMessage;
-    }());
 
     var moment$1 = require('moment');
     var DrDatePickerCustomHeaderComponent = /** @class */ (function () {
@@ -4633,18 +4969,6 @@
     var noop = function () {
     };
     var ɵ0$2 = noop;
-    var DAY_FORMATS = {
-        parse: {
-            dateInput: 'DD-MM-YYYY',
-        },
-        display: {
-            dateInput: 'DD.MM.YYYY',
-            monthYearLabel: 'MMMM YYYY',
-            dateA11yLabel: 'LL',
-            monthYearA11yLabel: 'MMMM YYYY'
-        },
-    };
-    var ɵ1$1 = DAY_FORMATS;
     var DrDatePickerComponent = /** @class */ (function () {
         function DrDatePickerComponent(cdr, dateAdapter, datePickerService) {
             var _this = this;
@@ -4653,7 +4977,7 @@
             this.datePickerService = datePickerService;
             // Whether to transform date, taking end, start, middle of preiod (i.e. set middle of month if timeframe='month')
             this.periodPosition = exports.DatePickerPeriodPosition.DEFAULT;
-            this.placeholder = 'Select';
+            this.placeholder = 'Select...';
             this.fiscalYearMonthsModifier = 0;
             this.calendarViewsTimeframeMapping = {
                 year: 'multi-year',
@@ -4835,19 +5159,13 @@
     DrDatePickerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dr-date-picker',
-                    template: "<i class=\"dr-icon-schedule\"></i>\n<input [(ngModel)]=\"value\"\n       (click)=\"datePicker.open()\"\n       [matDatepicker]=\"datePicker\"\n       [matDatepickerFilter]=\"dateFilter\"\n       [disabled]=\"disabled\"\n       [placeholder]=\"placeholder\"\n       [drDatePickerFormat]=\"datePickerService.format$ | async\"\n       [readonly]=\"readonly\"\n       [min]=\"_min\"\n       [max]=\"_max\"/>\n<mat-datepicker #datePicker\n                [calendarHeaderComponent]=\"customHeader\"\n                (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR)\"\n                (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH)\">\n</mat-datepicker>\n",
+                    template: "<i class=\"dr-icon-date\"></i>\n<input [(ngModel)]=\"value\"\n       (click)=\"datePicker.open()\"\n       [matDatepicker]=\"datePicker\"\n       [matDatepickerFilter]=\"dateFilter\"\n       [disabled]=\"disabled\"\n       [placeholder]=\"placeholder\"\n       [drDatePickerFormat]=\"datePickerService.format$ | async\"\n       [readonly]=\"readonly\"\n       [min]=\"_min\"\n       [max]=\"_max\"/>\n<mat-datepicker #datePicker\n                [calendarHeaderComponent]=\"customHeader\"\n                (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR)\"\n                (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH)\">\n</mat-datepicker>\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     providers: [
-                        {
-                            provide: core.DateAdapter,
-                            useClass: materialMomentAdapter.MomentDateAdapter,
-                            deps: [core.MAT_DATE_LOCALE, materialMomentAdapter.MAT_MOMENT_DATE_ADAPTER_OPTIONS],
-                        },
-                        { provide: core.MAT_DATE_FORMATS, useValue: ɵ1$1 },
                         { provide: forms.NG_VALUE_ACCESSOR, useExisting: DrDatePickerComponent, multi: true },
-                        { provide: DrDatePickerService }
+                        DrDatePickerService
                     ],
-                    styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:\"Poppins\",sans-serif;background-color:#fff;border:1px solid #c3c4ce;border-radius:6px;color:#85889c;overflow:hidden;outline:none;cursor:pointer}:host:hover{border-color:#85889c}:host:focus-within{border-color:#21b8f1!important;color:#151b3f}:host.disabled{pointer-events:none;border:none;color:#85889c;background:#e5e6ea}:host.ng-valid.ng-dirty{border-color:#03a678}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#de2833!important}:host.ng-untouched.ng-valid{border-color:#c3c4ce}:host:after,:host:before{position:absolute;display:flex;border-color:#999999 transparent transparent;color:#999}:host:after{content:\"\";height:0;width:0;border-style:solid;border-width:5px 5px 2.5px;right:11px;top:13px}:host i{position:absolute;color:#999;left:8px;top:3px}:host input{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}:host input.when-quarter{position:absolute;visibility:hidden}:host input:disabled{border:none;color:#85889c;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}::ng-deep .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}::ng-deep .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}::ng-deep .mat-datepicker-content button[disabled]:hover{border:inherit}::ng-deep .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){background:#f2f2fb;color:#4646ce;font-weight:600}::ng-deep .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}::ng-deep .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}::ng-deep .mat-button-focus-overlay{background:#f3f7ff}::ng-deep .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f3f7ff;transition:opacity .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-calendar-controls .mat-calendar-period-button:hover{background:#f3f7ff;transition:background .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#19181a}::ng-deep .mat-calendar-table-header-divider{display:none}::ng-deep .mat-calendar-body-label{color:#fff;padding:0}\n"]
+                    styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:\"Poppins\",sans-serif;background-color:#fff;border:1px solid #c3c4ce;border-radius:6px;color:#85889c;overflow:hidden;outline:none;cursor:pointer}:host:hover{border-color:#85889c}:host:focus-within{border-color:#4646ce!important;color:#151b3f}:host.disabled{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4}:host.disabled:after{color:#aeabac}:host.ng-valid.ng-dirty{border-color:#03a678}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#de2833!important}:host.ng-untouched.ng-valid{border-color:#c3c4ce}:host:after,:host:before{position:absolute;display:flex;border-color:#999999 transparent transparent;color:#999}:host:after{content:\"\\e9b6\";font-family:DataRails;font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;position:absolute;display:flex;align-items:center;justify-content:center}:host i{position:absolute;color:#999;left:8px;top:3px}:host input{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}:host input.when-quarter{position:absolute;visibility:hidden}:host input:disabled{border:none;color:#aeabac;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}::ng-deep .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}::ng-deep .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}::ng-deep .mat-datepicker-content button[disabled]:hover{border:inherit}::ng-deep .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){background:#f2f2fb;color:#4646ce;font-weight:600}::ng-deep .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}::ng-deep .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}::ng-deep .mat-button-focus-overlay{background:#f3f7ff}::ng-deep .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f3f7ff;transition:opacity .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-calendar-controls .mat-calendar-period-button:hover{background:#f3f7ff;transition:background .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#19181a}::ng-deep .mat-calendar-table-header-divider{display:none}::ng-deep .mat-calendar-body-label{color:#fff;padding:0}\n"]
                 },] }
     ];
     DrDatePickerComponent.ctorParameters = function () { return [
@@ -5049,7 +5367,7 @@
                         { provide: forms.NG_VALUE_ACCESSOR, useExisting: DrDatePickerWithTimeframeComponent, multi: true },
                         { provide: DrDatePickerService }
                     ],
-                    styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:\"Poppins\",sans-serif;background-color:#fff;border:1px solid #c3c4ce;border-radius:6px;color:#85889c;overflow:hidden;outline:none;cursor:pointer}:host:hover{border-color:#85889c}:host:focus-within{border-color:#21b8f1!important;color:#151b3f}:host.disabled{pointer-events:none;border:none;color:#85889c;background:#e5e6ea}:host.ng-valid.ng-dirty{border-color:#03a678}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#de2833!important}:host.ng-untouched.ng-valid{border-color:#c3c4ce}:host:after,:host:before{position:absolute;display:flex;border-color:#999999 transparent transparent;color:#999}:host:after{content:\"\";height:0;width:0;border-style:solid;border-width:5px 5px 2.5px;right:11px;top:13px}:host i{position:absolute;color:#999;left:8px;top:3px}:host input{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}:host input.when-quarter{position:absolute;visibility:hidden}:host input:disabled{border:none;color:#85889c;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}::ng-deep .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}::ng-deep .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}::ng-deep .mat-datepicker-content button[disabled]:hover{border:inherit}::ng-deep .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){background:#f2f2fb;color:#4646ce;font-weight:600}::ng-deep .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}::ng-deep .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}::ng-deep .mat-button-focus-overlay{background:#f3f7ff}::ng-deep .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f3f7ff;transition:opacity .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-calendar-controls .mat-calendar-period-button:hover{background:#f3f7ff;transition:background .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#19181a}::ng-deep .mat-calendar-table-header-divider{display:none}::ng-deep .mat-calendar-body-label{color:#fff;padding:0}:host{border:none;display:flex;align-items:center}:host.disabled{background:transparent;color:inherit}:host.disabled.dr-date-picker-on-dashboard .dr-datepicker-input-container__formatted-value-display{text-decoration:none;color:#6d6e6f;font-weight:normal}:host.dr-date-picker-on-dashboard{width:-moz-fit-content;width:fit-content;justify-content:space-between}:host.dr-date-picker-on-dashboard mat-datepicker{position:absolute}:host.dr-date-picker-on-dashboard:after{visibility:hidden}:host.dr-date-picker-on-dashboard .dr-datepicker-input-container{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:-10px}:host.dr-date-picker-on-dashboard .dr-datepicker-input-container__formatted-value-display{font-weight:600;width:auto;margin-left:5px}:host.dr-date-picker-on-dashboard .dr-datepicker-input-container .dr-icon-date{display:block;position:relative;top:0;margin-right:8px;color:#4e566c}:host .dr-datepicker-input-container input{visibility:hidden;position:absolute;width:100%}:host .dr-datepicker-input-container__formatted-value-display{width:90px;height:22px;padding-left:0;text-align:center;line-height:22px;color:#0c142b;-webkit-text-decoration-line:underline;text-decoration-line:underline}:host .dr-datepicker-input-container__formatted-value-display:hover{background-color:#f2f2fb;border-radius:5px;cursor:pointer;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#4646ce}::ng-deep .date-picker-preset-tag{width:386px!important}::ng-deep .date-picker-preset-tag .mat-calendar-content{padding-left:32px!important;padding-right:32px!important}\n"]
+                    styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:\"Poppins\",sans-serif;background-color:#fff;border:1px solid #c3c4ce;border-radius:6px;color:#85889c;overflow:hidden;outline:none;cursor:pointer}:host:hover{border-color:#85889c}:host:focus-within{border-color:#4646ce!important;color:#151b3f}:host.disabled{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4}:host.disabled:after{color:#aeabac}:host.ng-valid.ng-dirty{border-color:#03a678}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#de2833!important}:host.ng-untouched.ng-valid{border-color:#c3c4ce}:host:after,:host:before{position:absolute;display:flex;border-color:#999999 transparent transparent;color:#999}:host:after{content:\"\\e9b6\";font-family:DataRails;font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;position:absolute;display:flex;align-items:center;justify-content:center}:host i{position:absolute;color:#999;left:8px;top:3px}:host input{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}:host input.when-quarter{position:absolute;visibility:hidden}:host input:disabled{border:none;color:#aeabac;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}::ng-deep .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}::ng-deep .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}::ng-deep .mat-datepicker-content button[disabled]:hover{border:inherit}::ng-deep .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){background:#f2f2fb;color:#4646ce;font-weight:600}::ng-deep .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}::ng-deep .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}::ng-deep .mat-button-focus-overlay{background:#f3f7ff}::ng-deep .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f3f7ff;transition:opacity .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-calendar-controls .mat-calendar-period-button:hover{background:#f3f7ff;transition:background .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#19181a}::ng-deep .mat-calendar-table-header-divider{display:none}::ng-deep .mat-calendar-body-label{color:#fff;padding:0}:host{border:none;display:flex;align-items:center}:host.disabled{background:transparent;color:inherit}:host.disabled.dr-date-picker-on-dashboard .dr-datepicker-input-container__formatted-value-display{text-decoration:none;color:#6d6e6f;font-weight:normal}:host.dr-date-picker-on-dashboard{width:-moz-fit-content;width:fit-content;justify-content:space-between}:host.dr-date-picker-on-dashboard mat-datepicker{position:absolute}:host.dr-date-picker-on-dashboard:after{visibility:hidden}:host.dr-date-picker-on-dashboard .dr-datepicker-input-container{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:-10px}:host.dr-date-picker-on-dashboard .dr-datepicker-input-container__formatted-value-display{font-weight:600;width:auto;margin-left:5px}:host.dr-date-picker-on-dashboard .dr-datepicker-input-container .dr-icon-date{display:block;position:relative;top:0;margin-right:8px;color:#4e566c}:host .dr-datepicker-input-container input{visibility:hidden;position:absolute;width:100%}:host .dr-datepicker-input-container__formatted-value-display{width:90px;height:22px;padding-left:0;text-align:center;line-height:22px;color:#0c142b;-webkit-text-decoration-line:underline;text-decoration-line:underline}:host .dr-datepicker-input-container__formatted-value-display:hover{background-color:#f2f2fb;border-radius:5px;cursor:pointer;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#4646ce}::ng-deep .date-picker-preset-tag{width:386px!important}::ng-deep .date-picker-preset-tag .mat-calendar-content{padding-left:32px!important;padding-right:32px!important}\n"]
                 },] }
     ];
     DrDatePickerWithTimeframeComponent.ctorParameters = function () { return [
@@ -5351,7 +5669,8 @@
                         datepicker.MatDatepickerModule,
                         tooltip.MatTooltipModule,
                         DrTooltipModule
-                    ]
+                    ],
+                    entryComponents: [DrDatePickerCustomHeaderComponent]
                 },] }
     ];
 
@@ -5377,7 +5696,6 @@
                         DrInputsModule,
                         ngSelect.NgSelectModule
                     ],
-                    providers: [DrDatePickerService],
                     exports: components$2,
                     declarations: components$2,
                 },] }
@@ -5540,7 +5858,7 @@
                         DrDynamicTagModule
                     ],
                     exports: [DrTagComponent],
-                    providers: [DrDatePickerService],
+                    providers: [],
                     declarations: [
                         DrTagComponent
                     ],
@@ -5760,9 +6078,9 @@
     StepperComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dr-stepper',
-                    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",
+                    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",
                     changeDetection: i0.ChangeDetectionStrategy.Default,
-                    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:38px;position:relative;align-items:center}:host .step-point .ellipse{width:38px;height:38px;position:absolute;border-radius:50px;border-color:#579bf2;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}:host .step-point .pointer i{color:#fff;font-size:22px}:host .step-point .pointer.blue{background:#579bf2}:host .step-point .pointer.completed{background-color:#151b3f}:host .step-point .pointer.uncompleted{background-color:#e5e5e5}:host .step-point .pointer.active-uncompleted{background-color:#2969b0}:host .step-point .pointer.gray{background:#e5e6ea}:host .step-label{font-weight:normal;font-size:14px;line-height:1.5;color:#51566f;display:flex;justify-content:center;overflow:hidden;margin-top:3px;width:95%}:host .step-label span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host .step-label.active{font-weight:600}: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:#579bf2;height:2px;width:0}:host .step-connector--absolute{position:absolute;top:18px;width:100%;left:calc(100% / 2 + 12px)}:host .step-connector--inline{width:23px;margin-left:19px;margin-right:calc(19px - (38px - 24px) / 2)}: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 5px;font-size:16px}:host .step-setup .step-point{width:38px;height:38px}:host .step-setup .step-point .ellipse{width:24px;height:24px}:host .step-setup .step-point .pointer{width:24px;height:24px}:host .step-setup .step-point .pointer.with-ellipse{width:14px;height:14px}: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"]
+                    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"]
                 },] }
     ];
     StepperComponent.ctorParameters = function () { return []; };
@@ -5794,6 +6112,22 @@
                 },] }
     ];
 
+    var DrDetailsListModule = /** @class */ (function () {
+        function DrDetailsListModule() {
+        }
+        return DrDetailsListModule;
+    }());
+    DrDetailsListModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [DrDetailsListComponent],
+                    providers: [],
+                    declarations: [DrDetailsListComponent],
+                },] }
+    ];
+
     var ɵ0$1 = {}, ɵ1 = {};
     var DrDialogModule = /** @class */ (function () {
         function DrDialogModule() {
@@ -5808,7 +6142,8 @@
                         i1$1.MatDialogModule,
                         DrInputsModule,
                         forms.ReactiveFormsModule,
-                        DrTooltipModule
+                        DrTooltipModule,
+                        DrDetailsListModule
                     ],
                     exports: [DialogWrapperComponent, DialogModalWrapperComponent],
                     providers: [
@@ -6417,6 +6752,193 @@
                 },] }
     ];
 
+    var DrScenarioConfigurationComponent = /** @class */ (function () {
+        function DrScenarioConfigurationComponent(scenarioService) {
+            this.scenarioService = scenarioService;
+            this.toggleButtonTheme = exports.ToggleButtonTheme;
+            this._scenarioTags = [];
+            this.wholeTagsConfig = [];
+            this.selectedScenario = exports.Scenario.ACTUALS;
+            this.scenarioDataChanged = new i0.EventEmitter();
+        }
+        Object.defineProperty(DrScenarioConfigurationComponent.prototype, "scenarioTags", {
+            get: function () {
+                return this._scenarioTags;
+            },
+            set: function (tags) {
+                this._scenarioTags = tags;
+                this.tagNotSupportingDates = _.find(tags, { turnOffDateTags: true });
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DrScenarioConfigurationComponent.prototype.ngOnInit = function () {
+            this.scenarios = this.scenarioService.scenarios;
+            this.scenarioService.initScenarioTags(this.selectedScenario, this.wholeTagsConfig, this.currentTagsConfig);
+            this.scenarioTags = this.scenarioService.getScenarioTagsByScenario(this.selectedScenario);
+        };
+        DrScenarioConfigurationComponent.prototype.onScenarioChange = function (scenario) {
+            this.scenarioTags = this.scenarioService.getScenarioTagsByScenario(scenario);
+            this.onScenarioDataChange();
+        };
+        DrScenarioConfigurationComponent.prototype.onScenarioTagToggle = function (tag) {
+            this.tagNotSupportingDatesHandler(tag);
+            this.tagAcceptableDateHandler(tag);
+            this.onScenarioDataChange();
+        };
+        DrScenarioConfigurationComponent.prototype.onScenarioDataChange = function () {
+            this.scenarioDataChanged.emit({
+                scenario: this.selectedScenario,
+                tagsConfig: this.scenarioService.getTagsConfigByScenarioTags(this.scenarioTags, this.wholeTagsConfig),
+            });
+        };
+        DrScenarioConfigurationComponent.prototype.tagNotSupportingDatesHandler = function (tag) {
+            if (!this.tagNotSupportingDates || !tag.toggle)
+                return;
+            if (tag.type === exports.TagTypes.DATE) {
+                this.tagNotSupportingDates.toggle = false;
+            }
+            if (tag === this.tagNotSupportingDates) {
+                var dateTag = _.find(this.scenarioTags, { type: exports.TagTypes.DATE });
+                if (dateTag) {
+                    dateTag.toggle = false;
+                }
+            }
+        };
+        DrScenarioConfigurationComponent.prototype.tagAcceptableDateHandler = function (tag) {
+            var _a;
+            if (!((_a = tag.acceptableDateTags) === null || _a === void 0 ? void 0 : _a.length))
+                return;
+            var dateTag = _.find(this.scenarioTags, { type: exports.TagTypes.DATE });
+            if (!dateTag)
+                return;
+            dateTag.subTags = _.map(dateTag.subTags, function (subTag) {
+                subTag.hidden = tag.toggle && !_.includes(tag.acceptableDateTags, subTag.subType);
+                return subTag;
+            });
+            dateTag.selectedTagSubType = tag.acceptableDateTags[0];
+        };
+        return DrScenarioConfigurationComponent;
+    }());
+    DrScenarioConfigurationComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'dr-scenario-configuration',
+                    template: "<div class=\"scenario\">\n    <div class=\"scenario__list\">\n        <p class=\"scenario__title scenario__title-list\">Scenario</p>\n        <dr-select [(ngModel)]=\"selectedScenario\"\n                   placeholder=\"select\"\n                   [items]=\"scenarios\"\n                   (ngModelChange)=\"onScenarioChange($event)\"></dr-select>\n    </div>\n    <div class=\"scenario__tags\">\n        <p class=\"scenario__title--extra scenario__tags__title\">Tags</p>\n        <div class=\"scenario__tag\" *ngFor=\"let tag of scenarioTags\">\n            <div class=\"scenario__tag__header\">\n                <p class=\"scenario__title\">{{ tag.name }}</p>\n                <dr-toggle [(ngModel)]=\"tag.toggle\"\n                           (ngModelChange)=\"onScenarioTagToggle(tag)\"></dr-toggle>\n            </div>\n            <div class=\"scenario__tag__description\">\n                <p class=\"scenario__text\">{{ tag.description }}</p>\n            </div>\n            <div *ngIf=\"tag.toggle\" class=\"scenario__tag__body\">\n                <div *ngIf=\"tag.subTags?.length\" class=\"scenario__sub-tag\">\n                    <dr-toggle-button [(ngModel)]=\"tag.selectedTagSubType\"\n                                      bindHidden=\"hidden\"\n                                      bindLabel=\"name\"\n                                      bindValue=\"subType\"\n                                      [items]=\"tag.subTags\"\n                                      [theme]=\"toggleButtonTheme.DOTTED\"\n                                      (ngModelChange)=\"onScenarioDataChange()\"></dr-toggle-button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    styles: [".scenario__text,.scenario__title,.scenario__title--extra{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px}.scenario__title{font-weight:600}.scenario__title--extra{font-weight:700}.scenario__tags{margin-top:24px}.scenario__tags__title{margin-bottom:16px}.scenario__title-list{margin-bottom:4px}.scenario__tag{margin-bottom:24px;padding-top:16px;border-top:1px solid #dfe0e3}.scenario__tag__description{margin-top:5px}.scenario__tag__header{display:flex;justify-content:space-between}.scenario__sub-tag{margin-top:8px}:host::ng-deep .toggle-container__item{padding:2px 8px!important}\n"]
+                },] }
+    ];
+    DrScenarioConfigurationComponent.ctorParameters = function () { return [
+        { type: ScenarioService }
+    ]; };
+    DrScenarioConfigurationComponent.propDecorators = {
+        currentTagsConfig: [{ type: i0.Input }],
+        wholeTagsConfig: [{ type: i0.Input }],
+        selectedScenario: [{ type: i0.Input }],
+        scenarioDataChanged: [{ type: i0.Output }]
+    };
+
+    var DrScenarioTagConfigurationComponent = /** @class */ (function () {
+        function DrScenarioTagConfigurationComponent() {
+            this.connectedTags = {};
+            this.dynamicTagValues = {};
+            this.lockedDates = [];
+            this.scenarioTagDataChanged = new i0.EventEmitter();
+            this.currentTagsMap = {};
+            this._currentTags = [];
+            this.dynamicTagsToSave = [];
+            this.tagsToSave = [];
+        }
+        Object.defineProperty(DrScenarioTagConfigurationComponent.prototype, "currentTags", {
+            get: function () {
+                return this._currentTags;
+            },
+            set: function (tags) {
+                var _this = this;
+                this._currentTags = tags;
+                this.currentTagsMap = _.reduce(tags, function (acc, curr) {
+                    var _a;
+                    var tagId = (_a = _.find(_this.tagsConfig, { name: curr.name })) === null || _a === void 0 ? void 0 : _a.id;
+                    if (isNaN(tagId))
+                        return acc;
+                    acc[tagId] = curr;
+                    return acc;
+                }, {});
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DrScenarioTagConfigurationComponent.prototype.ngOnChanges = function (simpleChanges) {
+            this.currentTags = this.currentTags;
+        };
+        DrScenarioTagConfigurationComponent.prototype.onTagChange = function ($event) {
+            var savedTag = _.find(this.tagsToSave, { id: $event.id });
+            if (savedTag) {
+                _.merge(savedTag, $event);
+            }
+            else {
+                this.tagsToSave.push($event);
+            }
+            this.onScenarioTagDataChanged();
+        };
+        DrScenarioTagConfigurationComponent.prototype.onDynamicTagsChange = function ($event) {
+            this.dynamicTagsToSave = $event;
+            this.onScenarioTagDataChanged();
+        };
+        DrScenarioTagConfigurationComponent.prototype.onScenarioTagDataChanged = function () {
+            var tags = __spreadArray(__spreadArray([], __read(this.dynamicTagsToSave)), __read(this.tagsToSave));
+            this.scenarioTagDataChanged.emit({
+                scenario: this.scenario,
+                tagsConfig: this.tagsConfig,
+                tags: tags,
+            });
+        };
+        return DrScenarioTagConfigurationComponent;
+    }());
+    DrScenarioTagConfigurationComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'dr-scenario-tag-configuration',
+                    template: "<div class=\"scenario-tag-configuration\"\n     *ngFor=\"let tagConfig of tagsConfig\">\n    <dr-tag [tagConfig]=\"tagConfig\"\n            [selectedTag]=\"currentTagsMap[tagConfig.id]\"\n            [lockedDate]=\"lockedDates\"\n            [fiscalYearStartsFrom]=\"fiscalYearStartsFrom\"\n            [fiscalYearBack]=\"fiscalYearBack\"\n            [tagsConfig]=\"tagsConfig\"\n            [dynamicTagValues]=\"dynamicTagValues\"\n            [connectedTags]=\"connectedTags[tagConfig.id]\"\n            [isDynamicTagAddEnabled]=\"isDynamicAddEnabled\"\n            (tagChange)=\"onTagChange($event)\"\n            (dynamicTagChange)=\"onDynamicTagsChange($event)\"></dr-tag>\n</div>\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    styles: [".scenario-tag-configuration{margin-bottom:24px}.scenario-tag-configuration:last-child{margin-bottom:0}:host::ng-deep .tag__label,:host::ng-deep .dynamic-tag__label{font-weight:600!important}\n"]
+                },] }
+    ];
+    DrScenarioTagConfigurationComponent.propDecorators = {
+        tagsConfig: [{ type: i0.Input }],
+        currentTags: [{ type: i0.Input }],
+        scenario: [{ type: i0.Input }],
+        connectedTags: [{ type: i0.Input }],
+        dynamicTagValues: [{ type: i0.Input }],
+        lockedDates: [{ type: i0.Input }],
+        fiscalYearStartsFrom: [{ type: i0.Input }],
+        fiscalYearBack: [{ type: i0.Input }],
+        isDynamicAddEnabled: [{ type: i0.Input }],
+        scenarioTagDataChanged: [{ type: i0.Output }]
+    };
+
+    var COMPONENTS = [
+        DrScenarioConfigurationComponent,
+        DrScenarioTagConfigurationComponent,
+    ];
+    var DrScenarioModule = /** @class */ (function () {
+        function DrScenarioModule() {
+        }
+        return DrScenarioModule;
+    }());
+    DrScenarioModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: __spreadArray([], __read(COMPONENTS)),
+                    providers: [ScenarioService],
+                    imports: [
+                        common.CommonModule,
+                        DrInputsModule,
+                        forms.FormsModule,
+                        DrTagModule
+                    ],
+                    exports: __spreadArray([], __read(COMPONENTS)),
+                },] }
+    ];
+
     /* components */
 
     /**
@@ -6441,7 +6963,8 @@
     exports.DrAvatarPipe = DrAvatarPipe;
     exports.DrButtonComponent = DrButtonComponent;
     exports.DrChatModule = DrChatModule;
-    exports.DrDatePickerService = DrDatePickerService;
+    exports.DrDetailsListComponent = DrDetailsListComponent;
+    exports.DrDetailsListModule = DrDetailsListModule;
     exports.DrDialogModule = DrDialogModule;
     exports.DrDropdownComponent = DrDropdownComponent;
     exports.DrDropdownDirective = DrDropdownDirective;
@@ -6463,6 +6986,7 @@
     exports.DrPopoverModule = DrPopoverModule;
     exports.DrPopoverRef = DrPopoverRef;
     exports.DrPopoverService = DrPopoverService;
+    exports.DrScenarioModule = DrScenarioModule;
     exports.DrSelectComponent = DrSelectComponent;
     exports.DrSharedUtils = DrSharedUtils;
     exports.DrSpinnerComponent = DrSpinnerComponent;
@@ -6486,34 +7010,38 @@
     exports.QuarterTagComponent = QuarterTagComponent;
     exports.RadioButtonComponent = RadioButtonComponent;
     exports.RadioGroupComponent = RadioGroupComponent;
+    exports.ScenarioService = ScenarioService;
     exports.TooltipComponent = TooltipComponent;
     exports.WeekTagComponent = WeekTagComponent;
     exports.YearTagComponent = YearTagComponent;
     exports["ɵa"] = components$2;
     exports["ɵb"] = POPUP_ANIMATION;
+    exports["ɵba"] = DrScenarioConfigurationComponent;
+    exports["ɵbb"] = DrScenarioTagConfigurationComponent;
     exports["ɵc"] = DrDatePickerComponent;
-    exports["ɵd"] = DrDatePickerWithTimeframeComponent;
-    exports["ɵe"] = DrDatePickerFormatDirective;
-    exports["ɵf"] = DrDatePickerCustomHeaderComponent;
-    exports["ɵg"] = DrShowTimeframePipe;
-    exports["ɵh"] = DrSelectAddItemComponent;
-    exports["ɵi"] = TooltipInfoComponent;
-    exports["ɵj"] = TooltipInfoSimpleComponent;
-    exports["ɵk"] = TooltipNoBodyComponent;
-    exports["ɵl"] = TooltipProcessDefaultComponent;
-    exports["ɵm"] = DrDynamicTagModule;
-    exports["ɵn"] = DrDynamicTagComponent;
-    exports["ɵo"] = StepperComponent;
-    exports["ɵp"] = DialogWrapperComponent;
-    exports["ɵq"] = DialogModalWrapperComponent;
-    exports["ɵr"] = DrChatComponent;
-    exports["ɵs"] = DrChatCustomMessageService;
-    exports["ɵt"] = DrChatMessageComponent;
-    exports["ɵu"] = DrChatFormComponent;
-    exports["ɵv"] = DrChatSuggestionsComponent;
-    exports["ɵw"] = DrChatMessageTextComponent;
-    exports["ɵx"] = DrChatMessageFileComponent;
-    exports["ɵy"] = DrChatCustomMessageDirective;
+    exports["ɵd"] = DrDatePickerService;
+    exports["ɵe"] = DrDatePickerWithTimeframeComponent;
+    exports["ɵf"] = DrDatePickerFormatDirective;
+    exports["ɵg"] = DrDatePickerCustomHeaderComponent;
+    exports["ɵh"] = DrShowTimeframePipe;
+    exports["ɵi"] = DrSelectAddItemComponent;
+    exports["ɵj"] = TooltipInfoComponent;
+    exports["ɵk"] = TooltipInfoSimpleComponent;
+    exports["ɵl"] = TooltipNoBodyComponent;
+    exports["ɵm"] = TooltipProcessDefaultComponent;
+    exports["ɵn"] = DrDynamicTagModule;
+    exports["ɵo"] = DrDynamicTagComponent;
+    exports["ɵp"] = StepperComponent;
+    exports["ɵq"] = DialogWrapperComponent;
+    exports["ɵr"] = DialogModalWrapperComponent;
+    exports["ɵs"] = DrChatComponent;
+    exports["ɵt"] = DrChatCustomMessageService;
+    exports["ɵu"] = DrChatMessageComponent;
+    exports["ɵv"] = DrChatFormComponent;
+    exports["ɵw"] = DrChatSuggestionsComponent;
+    exports["ɵx"] = DrChatMessageTextComponent;
+    exports["ɵy"] = DrChatMessageFileComponent;
+    exports["ɵz"] = DrChatCustomMessageDirective;
 
     Object.defineProperty(exports, '__esModule', { value: true });