@datarailsshared/datarailsshared 1.4.156-rocket → 1.4.158-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('@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';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('moment'), require('lodash'), 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/core'), require('@angular/material-moment-adapter'), 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/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/core', '@angular/material-moment-adapter', '@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.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.core, global.ng.materialMomentAdapter, global.ng.material.tooltip, global.ng.material.tabs, global.ng.platformBrowser));
+})(this, (function (exports, i0, rxjs, moment$9, _, forms, common, operators, ngSelect, animations, i1, portal, i1$1, datepicker, core, materialMomentAdapter, tooltip, tabs, platformBrowser) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -23,10 +23,330 @@
     }
 
     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);
-    var moment__namespace = /*#__PURE__*/_interopNamespace(moment$9);
+
+    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 }
+    ];
 
     // import {*} from ""
     var DateTagComponent = /** @class */ (function () {
@@ -92,7 +412,8 @@
     AnyTagComponent.decorators = [
         { type: i0.Component, args: [{
                     template: "",
-                    selector: 'any-tag'
+                    selector: 'any-tag',
+                    providers: [DrDatePickerService]
                 },] }
     ];
     AnyTagComponent.ctorParameters = function () { return []; };
@@ -416,7 +737,7 @@
     }
 
     // @ts-ignore
-    var moment$8 = require('moment');
+    var moment$7 = require('moment');
     var ForecastTagComponent = /** @class */ (function (_super) {
         __extends(ForecastTagComponent, _super);
         function ForecastTagComponent() {
@@ -449,15 +770,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$8(new Date(fiscal_year, 0, 1)).unix();
+            this.dateObj.date = moment$7(new Date(fiscal_year, 0, 1)).unix();
             this.updateLockedDate();
         };
         ForecastTagComponent.prototype.updateLockedDate = function () {
             var e_1, _a;
-            var year = moment$8.unix(this.dateObj.date).year();
+            var year = moment$7.unix(this.dateObj.date).year();
             var _loop_1 = function (forecastTag) {
                 forecastTag.disabled = this_1.lockedDate.some(function (timestamp) {
-                    var locked = moment$8.unix(timestamp);
+                    var locked = moment$7.unix(timestamp);
                     return locked.month() === forecastTag.value && +locked.year() === +year;
                 });
             };
@@ -527,7 +848,7 @@
             if (this.isDateEventHappened)
                 return;
             var month = this.forecastValue;
-            var year = moment$8.unix(this.dateObj.date).year();
+            var year = moment$7.unix(this.dateObj.date).year();
             var timeStampVal = 0;
             var label = '';
             if (!Number.isNaN(month) && !Number.isNaN(year)) {
@@ -554,7 +875,7 @@
                 name: this.name,
                 value: timeStampVal,
                 label: label,
-                locked: !this.dateFilter(moment$8.unix(timeStampVal))
+                locked: !this.dateFilter(moment$7.unix(timeStampVal))
             };
             this.dateChange.emit(resultTag);
         };
@@ -562,7 +883,7 @@
             var month = this.forecastValue;
             var year = date.year();
             return !this.lockedDate.some(function (timestamp) {
-                var lockDate = moment$8.unix(timestamp);
+                var lockDate = moment$7.unix(timestamp);
                 return lockDate.month() === month && lockDate.year() === year;
             });
         };
@@ -573,6 +894,7 @@
         { 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"]
                 },] }
     ];
@@ -584,7 +906,7 @@
     };
 
     // @ts-ignore
-    var moment$7 = require('moment');
+    var moment$6 = require('moment');
     var MONTH_FORMATS = {
         parse: {
             dateInput: 'DD-MM-YYYY',
@@ -596,7 +918,6 @@
             monthYearA11yLabel: 'MMMM YYYY'
         },
     };
-    var ɵ0$7 = MONTH_FORMATS;
     var MonthTagComponent = /** @class */ (function (_super) {
         __extends(MonthTagComponent, _super);
         function MonthTagComponent() {
@@ -606,14 +927,19 @@
         }
         Object.defineProperty(MonthTagComponent.prototype, "isLocked", {
             get: function () {
-                return this.date ? !this.dateFilter(moment$7.unix(this.date).utc()) : false;
+                return this.date ? !this.dateFilter(moment$6.unix(this.date).utc()) : false;
             },
             enumerable: false,
             configurable: true
         });
         MonthTagComponent.prototype.initDate = function () {
-            this.date = this.defaultValue || moment$7().unix();
-            this.dateObj.date = this.date;
+            if (this.defaultValue) {
+                this.date = this.defaultValue;
+                this.dateObj.date = this.date;
+            }
+            else {
+                this.dateObj.date = moment$6().unix();
+            }
         };
         MonthTagComponent.prototype.initName = function () {
             if (!this.name) {
@@ -621,7 +947,7 @@
             }
         };
         MonthTagComponent.prototype.chosenTagHandler = function (value) {
-            var resultDate = moment$7.unix(value).utc();
+            var resultDate = moment$6.unix(value).utc();
             resultDate.hour(12);
             var resultTag = {
                 name: this.name,
@@ -637,7 +963,7 @@
             var month = date.month();
             var year = date.year();
             return !this.lockedDate.some(function (timestamp) {
-                var lockDate = moment$7.unix(timestamp);
+                var lockDate = moment$6.unix(timestamp);
                 return lockDate.year() === year && lockDate.month() === month;
             });
         };
@@ -648,14 +974,7 @@
         { type: i0.Component, args: [{
                     template: "<div class=\"tag-wrapper\">\n    <p class=\"tag__label\">{{ name }}</p>\n    <dr-date-picker format=\"month\"\n                    [(ngModel)]=\"date\"\n                    [disabled]=\"disabled\"\n                    [datepickerFilter]=\"dateFilter.bind(this)\"\n                    (ngModelChange)=\"chosenTagHandler($event)\"></dr-date-picker>\n</div>\n",
                     selector: 'month-tag',
-                    providers: [
-                        {
-                            provide: core.DateAdapter,
-                            useClass: materialMomentAdapter.MomentDateAdapter,
-                            deps: [core.MAT_DATE_LOCALE, materialMomentAdapter.MAT_MOMENT_DATE_ADAPTER_OPTIONS],
-                        },
-                        { provide: core.MAT_DATE_FORMATS, useValue: ɵ0$7 },
-                    ],
+                    providers: [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"]
                 },] }
     ];
@@ -666,7 +985,7 @@
     };
 
     // @ts-ignore
-    var moment$6 = require('moment');
+    var moment$5 = require('moment');
     var QuarterTagComponent = /** @class */ (function (_super) {
         __extends(QuarterTagComponent, _super);
         function QuarterTagComponent() {
@@ -680,7 +999,7 @@
             get: function () {
                 var _this = this;
                 return this.quarters
-                    ? this.quarters.some(function (quarter) { return !_this.dateFilter(moment$6.unix(quarter.value).utc()); })
+                    ? this.quarters.some(function (quarter) { return !_this.dateFilter(moment$5.unix(quarter.value).utc()); })
                     : false;
             },
             enumerable: false,
@@ -715,7 +1034,7 @@
             }
         };
         QuarterTagComponent.prototype.chosenTagHandler = function (quarter) {
-            var resultDate = moment$6.unix(quarter.value).utc();
+            var resultDate = moment$5.unix(quarter.value).utc();
             var resultTag = {
                 name: this.name,
                 value: resultDate.unix(),
@@ -761,9 +1080,9 @@
             return Date.UTC(date.getFullYear(), month, 1, 12, 0, 0, 0);
         };
         QuarterTagComponent.prototype.dateFilter = function (quarter) {
-            var quarterDate = moment$6.unix(quarter.value);
+            var quarterDate = moment$5.unix(quarter.value);
             return !this.lockedDate.some(function (timestamp) {
-                var lockDate = moment$6.unix(timestamp);
+                var lockDate = moment$5.unix(timestamp);
                 if (lockDate.year() === quarterDate.year() && lockDate.month() === quarterDate.month()) {
                     quarter.disabled = true;
                     return true;
@@ -788,7 +1107,7 @@
     };
 
     // @ts-ignore
-    var moment$5 = require('moment');
+    var moment$4 = require('moment');
     var WEEK_FORMATS = {
         parse: {
             dateInput: 'WW-YYYY',
@@ -800,7 +1119,6 @@
             monthYearA11yLabel: 'MMMM YYYY'
         },
     };
-    var ɵ0$6 = WEEK_FORMATS;
     var WeekTagComponent = /** @class */ (function (_super) {
         __extends(WeekTagComponent, _super);
         function WeekTagComponent() {
@@ -810,14 +1128,14 @@
         }
         Object.defineProperty(WeekTagComponent.prototype, "isLocked", {
             get: function () {
-                return this.date ? !this.dateFilter(moment$5.unix(this.date).utc()) : false;
+                return this.date ? !this.dateFilter(moment$4.unix(this.date).utc()) : false;
             },
             enumerable: false,
             configurable: true
         });
         WeekTagComponent.prototype.ngOnInit = function () {
             this.initName();
-            var timestamp = this.defaultValue || moment$5().unix();
+            var timestamp = this.defaultValue || moment$4().unix();
             this.date = timestamp;
             this.dateObj.date = timestamp;
             this.chosenTagHandler(timestamp);
@@ -831,13 +1149,13 @@
             var week = date.week();
             var year = date.year();
             return !this.lockedDate.some(function (timestamp) {
-                var lockDate = moment$5.unix(timestamp);
+                var lockDate = moment$4.unix(timestamp);
                 return lockDate.week() === week && lockDate.year() === year;
             });
         };
         ;
         WeekTagComponent.prototype.chosenTagHandler = function (value) {
-            var resultDate = moment$5.unix(value).utc();
+            var resultDate = moment$4.unix(value).utc();
             var resultTag = {
                 name: this.name,
                 value: resultDate.unix(),
@@ -856,14 +1174,7 @@
         { type: i0.Component, args: [{
                     template: "<div class=\"tag-wrapper\">\n    <p class=\"tag__label\">{{ name }}</p>\n    <dr-date-picker format=\"week\"\n                    [(ngModel)]=\"date\"\n                    [datepickerFilter]=\"dateFilter.bind(this)\"\n                    (ngModelChange)=\"chosenTagHandler($event)\"></dr-date-picker>\n</div>\n",
                     selector: 'week-tag',
-                    providers: [
-                        {
-                            provide: core.DateAdapter,
-                            useClass: materialMomentAdapter.MomentDateAdapter,
-                            deps: [core.MAT_DATE_LOCALE, materialMomentAdapter.MAT_MOMENT_DATE_ADAPTER_OPTIONS],
-                        },
-                        { provide: core.MAT_DATE_FORMATS, useValue: ɵ0$6 },
-                    ],
+                    providers: [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"]
                 },] }
     ];
@@ -874,7 +1185,7 @@
     };
 
     // @ts-ignore
-    var moment$4 = require('moment');
+    var moment$3 = require('moment');
     var YEAR_FORMATS = {
         parse: {
             dateInput: 'YYYY',
@@ -886,7 +1197,6 @@
             monthYearA11yLabel: 'MMMM YYYY'
         },
     };
-    var ɵ0$5 = YEAR_FORMATS;
     var YearTagComponent = /** @class */ (function (_super) {
         __extends(YearTagComponent, _super);
         function YearTagComponent() {
@@ -896,14 +1206,19 @@
         }
         Object.defineProperty(YearTagComponent.prototype, "isLocked", {
             get: function () {
-                return this.date ? !this.dateFilter(moment$4.unix(this.date).utc()) : false;
+                return this.date ? !this.dateFilter(moment$3.unix(this.date).utc()) : false;
             },
             enumerable: false,
             configurable: true
         });
         YearTagComponent.prototype.initDate = function () {
-            this.date = this.defaultValue || moment$4().unix();
-            this.dateObj.date = this.date;
+            if (this.defaultValue) {
+                this.date = this.defaultValue;
+                this.dateObj.date = this.date;
+            }
+            else {
+                this.dateObj.date = moment$3().unix();
+            }
         };
         YearTagComponent.prototype.initName = function () {
             if (!this.name) {
@@ -911,7 +1226,7 @@
             }
         };
         YearTagComponent.prototype.chosenTagHandler = function (value) {
-            var resultDate = moment$4.unix(value).utc();
+            var resultDate = moment$3.unix(value).utc();
             resultDate.hour(12);
             var resultTag = {
                 name: this.name,
@@ -925,7 +1240,7 @@
         YearTagComponent.prototype.dateFilter = function (date) {
             var calendarDateYear = date.year();
             return !this.lockedDate.some(function (timestamp) {
-                var lockDate = moment$4.unix(timestamp);
+                var lockDate = moment$3.unix(timestamp);
                 return lockDate.year() === calendarDateYear;
             });
         };
@@ -936,14 +1251,7 @@
         { type: i0.Component, args: [{
                     template: "<div class=\"tag-wrapper\">\n    <p class=\"tag__label\">{{ name }}</p>\n    <dr-date-picker format=\"year\"\n                    [(ngModel)]=\"date\"\n                    [disabled]=\"disabled\"\n                    [datepickerFilter]=\"dateFilter.bind(this)\"\n                    (ngModelChange)=\"chosenTagHandler($event)\"></dr-date-picker>\n</div>\n",
                     selector: 'year-tag',
-                    providers: [
-                        {
-                            provide: core.DateAdapter,
-                            useClass: materialMomentAdapter.MomentDateAdapter,
-                            deps: [core.MAT_DATE_LOCALE, materialMomentAdapter.MAT_MOMENT_DATE_ADAPTER_OPTIONS],
-                        },
-                        { provide: core.MAT_DATE_FORMATS, useValue: ɵ0$5 },
-                    ],
+                    providers: [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"]
                 },] }
     ];
@@ -960,52 +1268,30 @@
         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.calculateDynamicTag();
+            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.dateTag = {
                 type: this.tagConfig.type,
                 sub_type: this.tagConfig.options.sub_type,
@@ -1120,12 +1406,6 @@
                 }
             });
         };
-        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 = [
@@ -1133,6 +1413,7 @@
                     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"]
                 },] }
     ];
@@ -1191,7 +1472,7 @@
     };
 
     // @ts-ignore
-    var moment$3 = require('moment');
+    var moment$2 = require('moment');
     var DAY_FORMATS = {
         parse: {
             dateInput: 'DD-MM-YYYY',
@@ -1203,7 +1484,6 @@
             monthYearA11yLabel: 'MMMM YYYY'
         },
     };
-    var ɵ0$4 = DAY_FORMATS;
     var DayTagComponent = /** @class */ (function (_super) {
         __extends(DayTagComponent, _super);
         function DayTagComponent() {
@@ -1213,14 +1493,19 @@
         }
         Object.defineProperty(DayTagComponent.prototype, "isLocked", {
             get: function () {
-                return this.date ? !this.dateFilter(moment$3.unix(this.date).utc()) : false;
+                return this.date ? !this.dateFilter(moment$2.unix(this.date).utc()) : false;
             },
             enumerable: false,
             configurable: true
         });
         DayTagComponent.prototype.initDate = function () {
-            this.date = this.defaultValue || moment$3().unix();
-            this.dateObj.date = this.date;
+            if (this.defaultValue) {
+                this.date = this.defaultValue;
+                this.dateObj.date = this.date;
+            }
+            else {
+                this.dateObj.date = moment$2().unix();
+            }
         };
         DayTagComponent.prototype.initName = function () {
             if (!this.name) {
@@ -1228,7 +1513,7 @@
             }
         };
         DayTagComponent.prototype.chosenTagHandler = function (value) {
-            var date = moment$3.unix(value).utc();
+            var date = moment$2.unix(value).utc();
             var resultTag = {
                 name: this.name,
                 value: date.unix(),
@@ -1241,7 +1526,7 @@
         DayTagComponent.prototype.dateFilter = function (momentData) {
             var date = momentData.date();
             return !this.lockedDate.some(function (timestamp) {
-                var lockDate = moment$3.unix(timestamp);
+                var lockDate = moment$2.unix(timestamp);
                 return lockDate.date() === date;
             });
         };
@@ -1252,14 +1537,7 @@
         { type: i0.Component, args: [{
                     template: "<div class=\"tag-wrapper\">\n    <p class=\"tag__label\">{{ name }}</p>\n    <dr-date-picker format=\"day\"\n                    [(ngModel)]=\"date\"\n                    [disabled]=\"disabled\"\n                    [datepickerFilter]=\"dateFilter.bind(this)\"\n                    (ngModelChange)=\"chosenTagHandler($event)\"></dr-date-picker>\n</div>\n\n",
                     selector: 'day-tag',
-                    providers: [
-                        {
-                            provide: core.DateAdapter,
-                            useClass: materialMomentAdapter.MomentDateAdapter,
-                            deps: [core.MAT_DATE_LOCALE, materialMomentAdapter.MAT_MOMENT_DATE_ADAPTER_OPTIONS],
-                        },
-                        { provide: core.MAT_DATE_FORMATS, useValue: ɵ0$4 },
-                    ],
+                    providers: [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"]
                 },] }
     ];
@@ -1995,97 +2273,15 @@
                 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;
-            }
-            this.display = display;
+            return item.first_name && item.last_name ? (item.first_name + ' ' + item.last_name) : item.email;
         };
-        return CustomDateFormat;
+        return DrAvatarPipe;
     }());
-    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 = {}));
+    DrAvatarPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'drAvatar'
+                },] }
+    ];
 
     var POPUP_POSITIONS = {
         top: {
@@ -2456,20 +2652,12 @@
         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 () {
@@ -2506,12 +2694,12 @@
     DrToggleButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dr-toggle-button',
-                    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",
+                    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",
                     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;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"]
+                    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"]
                 },] }
     ];
     DrToggleButtonComponent.ctorParameters = function () { return [
@@ -2521,8 +2709,6 @@
         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 }]
     };
@@ -4009,703 +4195,213 @@
             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;
-        }
-        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;
-    }());
-    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"]
-                },] }
-    ];
-    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;
-        }
-        /**
-         * 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;
-    }());
-    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 = {}));
-
-    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();
-        }
-        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); });
-        };
-        DrModelDebounceChangeDirective.prototype.ngOnDestroy = function () {
-            this.subscription.unsubscribe();
-        };
-        return DrModelDebounceChangeDirective;
-    }());
-    DrModelDebounceChangeDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[ngModelDebounceChange]'
-                },] }
-    ];
-    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 _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';
+            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;
         }
-        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);
+        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);
+                }, {}));
             }
-            return this.sortScenarioTags(scenarioTagsUi);
         };
-        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) {
+        DialogModalWrapperComponent.prototype.onAccept = function () {
             var _this = this;
-            _.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;
-            });
-        };
-        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;
-        };
-        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,
+            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);
             });
         };
-        ScenarioService.prototype.turnOffDateTag = function (scenarioTags) {
-            var dateTag = _.find(scenarioTags, { type: exports.TagTypes.DATE });
-            if (!dateTag)
-                return;
-            dateTag.toggle = false;
-        };
-        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);
-            });
+        DialogModalWrapperComponent.prototype.footerAction = function () {
+            this.dialogData.footerTemplateData.action(this.form.value);
         };
-        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]();
+        DialogModalWrapperComponent.prototype.closeDialog = function () {
+            this.dialogRef.close(false);
         };
-        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;
-            }, []);
+        DialogModalWrapperComponent.prototype.ngOnDestroy = function () {
+            this.destroy$.next(null);
+            this.destroy$.complete();
         };
-        return ScenarioService;
+        return DialogModalWrapperComponent;
     }());
-    ScenarioService.decorators = [
-        { type: i0.Injectable }
+    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"]
+                },] }
     ];
+    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 DrSharedUtils = /** @class */ (function () {
-        function DrSharedUtils() {
+    var DEFAULT_PANE_CLASS_NAME = 'wrapper-dialog';
+    var DEFAULT_CONFIRM_THEME = { themeSize: 'small-modal' };
+    var DialogService = /** @class */ (function () {
+        function DialogService(dialog) {
+            this.dialog = dialog;
         }
         /**
-         * Get timeframe (day, year, month, quarter) based on passed format
-         *
-         * @param format - date format string. Examples: MM/DD/YYYY, Q/YYYY
+         * Function to open modal with custom form
          */
-        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;
-    }());
-
-    // @ts-ignore
-    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 '';
+        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);
             }
-        };
-        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;
+            else {
+                dialogData.panelClass = [dialogData.panelClass || '', DEFAULT_PANE_CLASS_NAME];
             }
-            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));
+            this.wrapperComponent = this.openDialog(componentTypeWrapper, dialogData);
+            return this.wrapperComponent;
         };
         /**
-         * If date selection on this timeframe depends on Fiscal Year
-         *
-         * @param timeframe
+         * Function to open confirmation modal
          */
-        DrDatePickerService.prototype.isTimeframeDependingOnFY = function (timeframe) {
-            return ___namespace.includes([exports.TimeframeOption.QUARTER, exports.TimeframeOption.YEAR], timeframe);
+        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);
         };
         /**
-         * Subtract from date fiscal year shift months count
-         *
-         * @param date
+         * Function to open confirmation modal with inputs
          */
-        DrDatePickerService.prototype.subtractFiscalYearMonthsFromDate = function (date) {
-            return this.getDateModifiedByFiscalMonths(date, true);
+        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);
         };
-        /**
-         * Add to date fiscal year shift months count
-         *
-         * @param date
-         */
-        DrDatePickerService.prototype.addFiscalYearMonthsToDate = function (date) {
-            return this.getDateModifiedByFiscalMonths(date);
+        DialogService.prototype.close = function (params) {
+            this.wrapperComponent.close(params);
         };
-        /**
-         * 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.changeDialogThemeSize = function (theme) {
+            this.wrapperComponent.componentInstance.class = theme;
         };
-        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;
-                }
+        DialogService.prototype.openDialog = function (componentType, dialogData) {
+            return this.dialog.open(componentType, dialogData);
+        };
+        DialogService.prototype.throwErr = function (err, load) {
+            if (load) {
+                load.next(false);
             }
-            this.presetTag$.next(tag);
-            this.updatedDateAndClose$.next(date);
+            throw err;
         };
-        DrDatePickerService.prototype.selectDateInCalendarMonthView = function (date, calender) {
-            setTimeout(function () {
-                var monthView = calender.monthView;
-                if (monthView) {
-                    monthView._activeDate = date;
-                    monthView._selected = date;
-                    monthView._init();
-                }
-            });
+        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.resetPresetTag = function () {
-            if (!this.keepPresetTag) {
-                this.presetTag$.next(null);
-            }
-            else {
-                this.keepPresetTag = false;
-            }
+        DrModelDebounceChangeDirective.prototype.ngOnDestroy = function () {
+            this.subscription.unsubscribe();
         };
-        return DrDatePickerService;
+        return DrModelDebounceChangeDirective;
     }());
-    DrDatePickerService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DrDatePickerService_Factory() { return new DrDatePickerService(); }, token: DrDatePickerService, providedIn: "root" });
-    DrDatePickerService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+    DrModelDebounceChangeDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[ngModelDebounceChange]'
+                },] }
     ];
+    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 () {
@@ -5292,13 +4988,13 @@
     DrDatePickerWithTimeframeComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dr-date-picker-with-timeframe',
-                    template: "<dr-button [disabled]=\"isPrevDateDisabled\" theme=\"icon\" icon=\"dr-icon-arrow-left\" (click)=\"pagingClicked(false)\"></dr-button>\n<div class=\"dr-datepicker-input-container\">\n    <i *ngIf=\"isDashboardDatepicker\" class=\"dr-icon-date\"></i>\n    \n    <div class=\"dr-datepicker-input-container__formatted-value-display\" (click)=\"datepickerInput.click()\">\n        <span *ngIf=\"presetTagSelected && datePickerService.isUsingDateTagPresets\"> {{ presetTagSelected }} </span>\n        <span>{{ presetTagSelected && datePickerService.isUsingDateTagPresets ? '(' + displayedFormattedValue + ')' : displayedFormattedValue }}</span>\n    </div>\n    <input\n            #datepickerInput\n            [(ngModel)]=\"value\"\n            (click)=\"datePicker.open()\"\n            [matDatepicker]=\"datePicker\"\n            [readonly]=\"readonly\"\n            [min]=\"_min\"\n            [max]=\"_max\"\n    />\n</div>\n<dr-button [disabled]=\"isNextDateDisabled\" theme=\"icon\" icon=\"dr-icon-arrow-right\" (click)=\"pagingClicked(true)\"></dr-button>\n<mat-datepicker #datePicker\n                class=\"dr-timeframe-datepicker\"\n                [calendarHeaderComponent]=\"customHeader\"\n                (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR)\"\n                (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH)\"\n                [panelClass]=\"datePickerService.isUsingDateTagPresets ? 'date-picker-preset-tag' : 'dr-timeframe-datepicker'\"\n                >\n</mat-datepicker>\n",
+                    template: "<dr-button [disabled]=\"isPrevDateDisabled\" *ngIf=\"!disabled\" theme=\"icon\" icon=\"dr-icon-arrow-left\" (click)=\"pagingClicked(false)\"></dr-button>\n<div class=\"dr-datepicker-input-container\">\n    <i *ngIf=\"isDashboardDatepicker\" class=\"dr-icon-date\"></i>\n\n    <div class=\"dr-datepicker-input-container__formatted-value-display\" (click)=\"datepickerInput.click()\">\n        <span *ngIf=\"presetTagSelected && datePickerService.isUsingDateTagPresets\"> {{ presetTagSelected }} </span>\n        <span>{{ presetTagSelected && datePickerService.isUsingDateTagPresets ? '(' + displayedFormattedValue + ')' : displayedFormattedValue }}</span>\n    </div>\n    <input\n            #datepickerInput\n            [(ngModel)]=\"value\"\n            (click)=\"datePicker.open()\"\n            [matDatepicker]=\"datePicker\"\n            [readonly]=\"readonly\"\n            [min]=\"_min\"\n            [max]=\"_max\"\n    />\n</div>\n<dr-button [disabled]=\"isNextDateDisabled\" *ngIf=\"!disabled\" theme=\"icon\" icon=\"dr-icon-arrow-right\" (click)=\"pagingClicked(true)\"></dr-button>\n<mat-datepicker #datePicker\n                class=\"dr-timeframe-datepicker\"\n                [calendarHeaderComponent]=\"customHeader\"\n                (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR)\"\n                (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH)\"\n                [panelClass]=\"datePickerService.isUsingDateTagPresets ? 'date-picker-preset-tag' : 'dr-timeframe-datepicker'\"\n                >\n</mat-datepicker>\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     providers: [
                         { 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.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:#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"]
                 },] }
     ];
     DrDatePickerWithTimeframeComponent.ctorParameters = function () { return [
@@ -5600,8 +5296,7 @@
                         datepicker.MatDatepickerModule,
                         tooltip.MatTooltipModule,
                         DrTooltipModule
-                    ],
-                    entryComponents: [DrDatePickerCustomHeaderComponent]
+                    ]
                 },] }
     ];
 
@@ -5627,6 +5322,7 @@
                         DrInputsModule,
                         ngSelect.NgSelectModule
                     ],
+                    providers: [DrDatePickerService],
                     exports: components$2,
                     declarations: components$2,
                 },] }
@@ -5788,8 +5484,8 @@
                         ListTagModule,
                         DrDynamicTagModule
                     ],
-                    exports: [DrTagComponent, DrDynamicTagModule],
-                    providers: [],
+                    exports: [DrTagComponent],
+                    providers: [DrDatePickerService],
                     declarations: [
                         DrTagComponent
                     ],
@@ -6666,193 +6362,6 @@
                 },] }
     ];
 
-    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 */
 
     /**
@@ -6877,6 +6386,7 @@
     exports.DrAvatarPipe = DrAvatarPipe;
     exports.DrButtonComponent = DrButtonComponent;
     exports.DrChatModule = DrChatModule;
+    exports.DrDatePickerService = DrDatePickerService;
     exports.DrDialogModule = DrDialogModule;
     exports.DrDropdownComponent = DrDropdownComponent;
     exports.DrDropdownDirective = DrDropdownDirective;
@@ -6884,7 +6394,6 @@
     exports.DrDropdownModule = DrDropdownModule;
     exports.DrDropdownPositionDirective = DrDropdownPositionDirective;
     exports.DrDropdownService = DrDropdownService;
-    exports.DrDynamicTagModule = DrDynamicTagModule;
     exports.DrErrorComponent = DrErrorComponent;
     exports.DrErrorModule = DrErrorModule;
     exports.DrInputComponent = DrInputComponent;
@@ -6899,7 +6408,6 @@
     exports.DrPopoverModule = DrPopoverModule;
     exports.DrPopoverRef = DrPopoverRef;
     exports.DrPopoverService = DrPopoverService;
-    exports.DrScenarioModule = DrScenarioModule;
     exports.DrSelectComponent = DrSelectComponent;
     exports.DrSharedUtils = DrSharedUtils;
     exports.DrSpinnerComponent = DrSpinnerComponent;
@@ -6923,24 +6431,23 @@
     exports.QuarterTagComponent = QuarterTagComponent;
     exports.RadioButtonComponent = RadioButtonComponent;
     exports.RadioGroupComponent = RadioGroupComponent;
-    exports.ScenarioService = ScenarioService;
     exports.TooltipComponent = TooltipComponent;
     exports.WeekTagComponent = WeekTagComponent;
     exports.YearTagComponent = YearTagComponent;
+    exports["ɵ0"] = ɵ0$3;
     exports["ɵa"] = components$2;
     exports["ɵb"] = POPUP_ANIMATION;
-    exports["ɵba"] = DrScenarioTagConfigurationComponent;
     exports["ɵc"] = DrDatePickerComponent;
-    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["ɵ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;
@@ -6953,7 +6460,6 @@
     exports["ɵw"] = DrChatMessageTextComponent;
     exports["ɵx"] = DrChatMessageFileComponent;
     exports["ɵy"] = DrChatCustomMessageDirective;
-    exports["ɵz"] = DrScenarioConfigurationComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });