@datarailsshared/datarailsshared 1.4.155-rocket → 1.4.157

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -612,8 +612,13 @@
             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$7().unix();
+            }
         };
         MonthTagComponent.prototype.initName = function () {
             if (!this.name) {
@@ -902,8 +907,13 @@
             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$4().unix();
+            }
         };
         YearTagComponent.prototype.initName = function () {
             if (!this.name) {
@@ -960,52 +970,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 +1108,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 = [
@@ -1219,8 +1201,13 @@
             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$3().unix();
+            }
         };
         DayTagComponent.prototype.initName = function () {
             if (!this.name) {
@@ -2456,20 +2443,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 +2485,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 +2500,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 }]
     };
@@ -3960,8 +3937,8 @@
     DialogWrapperComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dr-dialog-wrapper',
-                    template: "<div class=\"dialog-wrapper\"\n     [class.dialog-wrapper--confirmation-no-title]=\"dialogData.theme?.isConfirmation && !dialogData.title\">\n    <i class=\"dr-icon-exit\" data-test=\"close_btn\" (click)=\"closeDialog()\" *ngIf=\"!dialogData?.hideCloseBtn\"></i>\n\n    <div header class=\"dialog-wrapper__header\" *ngIf=\"dialogData.title\">\n        <h1 class=\"dialog-wrapper__header__title\" data-test=\"dialogTitle\">{{ dialogData.title }}</h1>\n        <h1 class=\"dialog-wrapper__header__subtitle\" data-test=\"dialogSubtitle\"\n            *ngIf=\"dialogData.subtitle\">{{ dialogData.subtitle }}</h1>\n    </div>\n    <div class=\"dialog-wrapper__content\"\n         [class.dialog-wrapper__content--no-padding]=\"dialogData.theme?.contentNoPadding\"\n         [ngClass]=\"{ 'flex-position': dialogData.contentIcon?.class && !childComponent }\">\n        <span *ngIf=\"dialogData.contentIcon?.class\" class=\"dialog-wrapper__content__icon\">\n            <i [ngClass]=\"dialogData.contentIcon.class\" [style.color]=\"dialogData.contentIcon?.color || 'inherit'\"></i>\n        </span>\n        <span [innerHTML]=\"dialogData.content\"></span>\n        <span #content class=\"dialog-wrapper__content__anchor\"> </span>\n    </div>\n    <div footer class=\"dialog-wrapper__footer\" *ngIf=\"dialogData.cancelButton || dialogData.acceptButton\">\n        <div class=\"dialog-wrapper__footer__buttons\">\n            <span *ngIf=\"dialogData.customButton\"\n                  class=\"dialog-wrapper__footer__button-wrapper\"\n                  [drTooltip]=\"dialogData.customButton.isDisabled && dialogData.tooltips?.customDisabled\">\n                <dr-button (click)=\"onDecline()\"\n                           [theme]=\"'secondary'\"\n                           [isLoading]=\"isLoading\"\n                           data-test=\"declineBtn\"\n                           [disabled]=\"dialogData.customButton.isDisabled\"\n                           [drTooltip]=\"dialogData.tooltips?.custom\">{{ dialogData.customButton.label }}</dr-button>\n            </span>\n            <span *ngIf=\"dialogData.cancelButton\"\n                  class=\"dialog-wrapper__footer__button-wrapper\"\n                  [drTooltip]=\"dialogData.cancelButton.isDisabled && dialogData.tooltips?.cancelDisabled\">\n                <dr-button (click)=\"closeDialog()\"\n                           [theme]=\"'secondary'\"\n                           data-test=\"closeBtn\"\n                           [disabled]=\"dialogData.cancelButton.isDisabled\"\n                           [drTooltip]=\"dialogData.tooltips?.cancel\">{{ dialogData.cancelButton.label }}</dr-button>\n            </span>\n            <span *ngIf=\"dialogData.acceptButton\"\n                  class=\"dialog-wrapper__footer__button-wrapper\"\n                  [drTooltip]=\"dialogData.acceptButton.isDisabled && dialogData.tooltips?.acceptDisabled\">\n                <dr-button (click)=\"onAcceptDialog()\"\n                           [theme]=\"dialogData.acceptButton?.theme || 'primary'\"\n                           [isLoading]=\"isLoading\"\n                           data-test=\"acceptBtn\"\n                           [disabled]=\"dialogData.acceptButton.isDisabled\"\n                           [drTooltip]=\"dialogData.tooltips?.accept\">{{ dialogData.acceptButton.label }}</dr-button>\n            </span>\n        </div>\n    </div>\n</div>\n",
-                    styles: [":host.small-modal{min-height:188px;max-height:467px;min-width:400px;max-width:400px}:host.medium-modal,.medium-modal-max-height:host{min-height:188px;max-height:467px;min-width:632px;max-width:632px}:host.medium-small-modal{min-height:188px;max-height:345px;min-width:460px;max-width:460px}:host.medium-modal-max-height{max-height:85vh}:host.large-modal{min-width:750px;max-width:750px}:host.medium-large-modal{min-width:669px;max-width:669px}:host.xl-modal{min-height:188px;max-height:800px;min-width:1100px;max-width:1100px}:host.xl-custom-modal{min-height:188px;max-height:800px;min-width:1100px;max-width:100%}::ng-deep .dialog-wrapper{display:flex;justify-content:space-between;flex-direction:column;position:relative}::ng-deep .dialog-wrapper>.dr-icon-exit{z-index:1;position:absolute;right:32px;top:20px;color:#51566f;cursor:pointer}::ng-deep .dialog-wrapper__header{display:flex;flex-direction:column;padding:8px 52px 8px 32px;border-bottom:1px solid #e5e6ea}::ng-deep .dialog-wrapper__header__title{color:#151b3f;position:static;font-weight:600;font-size:18px;line-height:24px}::ng-deep .dialog-wrapper__header__subtitle{font-size:14px;line-height:20px;margin:0}::ng-deep .dialog-wrapper--confirmation-no-title{padding-top:16px;height:100%}::ng-deep .dialog-wrapper__content{overflow-y:inherit;font-size:14px;font-weight:400;line-height:22px;padding:24px 32px 32px}::ng-deep .dialog-wrapper__content__anchor{display:none}::ng-deep .dialog-wrapper__content--no-padding{padding:0}::ng-deep .dialog-wrapper__content__icon{margin-right:10px;top:5px;position:relative}::ng-deep .dialog-wrapper__content.flex-position{display:flex}::ng-deep .dialog-wrapper__footer{border-top:1px solid #e5e6ea}::ng-deep .dialog-wrapper__footer__buttons{display:flex;justify-content:flex-end;padding:11px 32px}::ng-deep .dialog-wrapper__footer__buttons>dr-button:nth-child(n+2){margin-left:12px}::ng-deep .dialog-wrapper__footer__button-wrapper:nth-child(n+2){margin-left:12px}\n"]
+                    template: "<div class=\"dialog-wrapper\"\n     [class.dialog-wrapper--confirmation-no-title]=\"dialogData.theme?.isConfirmation && !dialogData.title\">\n    <i class=\"dr-icon-exit\" data-test=\"close_btn\" (click)=\"closeDialog()\" *ngIf=\"!dialogData?.hideCloseBtn\"></i>\n\n    <div header class=\"dialog-wrapper__header\" *ngIf=\"dialogData.title\">\n        <h1 class=\"dialog-wrapper__header__title\" data-test=\"dialogTitle\">{{ dialogData.title }}</h1>\n        <h1 class=\"dialog-wrapper__header__subtitle\" data-test=\"dialogSubtitle\"\n            *ngIf=\"dialogData.subtitle\">{{ dialogData.subtitle }}</h1>\n    </div>\n    <div class=\"dialog-wrapper__content\"\n         [class.dialog-wrapper__content--no-padding]=\"dialogData.theme?.contentNoPadding\"\n         [ngClass]=\"{ 'flex-position': dialogData.contentIcon?.class && !childComponent }\">\n        <span *ngIf=\"dialogData.contentIcon?.class\" class=\"dialog-wrapper__content__icon\">\n            <i [ngClass]=\"dialogData.contentIcon.class\" [style.color]=\"dialogData.contentIcon?.color || 'inherit'\"></i>\n        </span>\n        <span [innerHTML]=\"dialogData.content\"></span>\n        <span #content class=\"dialog-wrapper__content__anchor\"> </span>\n    </div>\n    <dr-details-list *ngIf=\"dialogData.details\"\n                     [title]=\"dialogData.details.title\"\n                     [items]=\"dialogData.details.items\">\n    </dr-details-list>\n    <div footer class=\"dialog-wrapper__footer\" *ngIf=\"dialogData.cancelButton || dialogData.acceptButton\">\n        <div class=\"dialog-wrapper__footer__buttons\">\n            <span *ngIf=\"dialogData.customButton\"\n                  class=\"dialog-wrapper__footer__button-wrapper\"\n                  [drTooltip]=\"dialogData.customButton.isDisabled && dialogData.tooltips?.customDisabled\">\n                <dr-button (click)=\"onDecline()\"\n                           [theme]=\"'secondary'\"\n                           [isLoading]=\"isLoading\"\n                           data-test=\"declineBtn\"\n                           [disabled]=\"dialogData.customButton.isDisabled\"\n                           [drTooltip]=\"dialogData.tooltips?.custom\">{{ dialogData.customButton.label }}</dr-button>\n            </span>\n            <span *ngIf=\"dialogData.cancelButton\"\n                  class=\"dialog-wrapper__footer__button-wrapper\"\n                  [drTooltip]=\"dialogData.cancelButton.isDisabled && dialogData.tooltips?.cancelDisabled\">\n                <dr-button (click)=\"closeDialog()\"\n                           [theme]=\"'secondary'\"\n                           data-test=\"closeBtn\"\n                           [disabled]=\"dialogData.cancelButton.isDisabled\"\n                           [drTooltip]=\"dialogData.tooltips?.cancel\">{{ dialogData.cancelButton.label }}</dr-button>\n            </span>\n            <span *ngIf=\"dialogData.acceptButton\"\n                  class=\"dialog-wrapper__footer__button-wrapper\"\n                  [drTooltip]=\"dialogData.acceptButton.isDisabled && dialogData.tooltips?.acceptDisabled\">\n                <dr-button (click)=\"onAcceptDialog()\"\n                           [theme]=\"dialogData.acceptButton?.theme || 'primary'\"\n                           [isLoading]=\"isLoading\"\n                           data-test=\"acceptBtn\"\n                           [disabled]=\"dialogData.acceptButton.isDisabled\"\n                           [drTooltip]=\"dialogData.tooltips?.accept\">{{ dialogData.acceptButton.label }}</dr-button>\n            </span>\n        </div>\n    </div>\n</div>\n",
+                    styles: [":host.small-modal{min-height:188px;max-height:467px;min-width:400px;max-width:400px}:host.medium-modal,.medium-modal-max-height:host{min-height:188px;max-height:467px;min-width:632px;max-width:632px}:host.medium-small-modal{min-height:188px;max-height:345px;min-width:460px;max-width:460px}:host.medium-modal-max-height{max-height:85vh}:host.large-modal{min-width:750px;max-width:750px}:host.medium-large-modal{min-width:669px;max-width:669px}:host.xl-modal{min-height:188px;max-height:800px;min-width:1100px;max-width:1100px}:host.xl-custom-modal{min-height:188px;max-height:800px;min-width:1100px;max-width:100%}::ng-deep .dialog-wrapper{display:flex;justify-content:space-between;flex-direction:column;position:relative}::ng-deep .dialog-wrapper>.dr-icon-exit{z-index:1;position:absolute;right:32px;top:20px;color:#51566f;cursor:pointer}::ng-deep .dialog-wrapper__header{display:flex;flex-direction:column;padding:8px 52px 8px 32px;border-bottom:1px solid #e5e6ea}::ng-deep .dialog-wrapper__header__title{color:#151b3f;position:static;font-weight:600;font-size:18px;line-height:24px}::ng-deep .dialog-wrapper__header__subtitle{font-size:14px;line-height:20px;margin:0}::ng-deep .dialog-wrapper--confirmation-no-title{padding-top:16px;height:100%}::ng-deep .dialog-wrapper__content{overflow-y:inherit;font-size:14px;font-weight:400;line-height:22px;padding:24px 32px 32px}::ng-deep .dialog-wrapper__content__anchor{display:none}::ng-deep .dialog-wrapper__content--no-padding{padding:0}::ng-deep .dialog-wrapper__content__icon{margin-right:10px;top:5px;position:relative}::ng-deep .dialog-wrapper__content.flex-position{display:flex}::ng-deep .dialog-wrapper dr-details-list{margin-top:-24px;padding:0 32px 32px}::ng-deep .dialog-wrapper__footer{border-top:1px solid #e5e6ea}::ng-deep .dialog-wrapper__footer__buttons{display:flex;justify-content:flex-end;padding:11px 32px}::ng-deep .dialog-wrapper__footer__buttons>dr-button:nth-child(n+2){margin-left:12px}::ng-deep .dialog-wrapper__footer__button-wrapper:nth-child(n+2){margin-left:12px}\n"]
                 },] }
     ];
     DialogWrapperComponent.ctorParameters = function () { return [
@@ -4136,6 +4113,77 @@
         { type: i1$1.MatDialog }
     ]; };
 
+    var DrDetailsListComponent = /** @class */ (function () {
+        function DrDetailsListComponent() {
+            this.destroy$ = new rxjs.Subject();
+            this.list = [];
+            this.title = 'Show details';
+            this.collapse = true;
+        }
+        Object.defineProperty(DrDetailsListComponent.prototype, "items", {
+            set: function (val) {
+                var _this = this;
+                if (!val) {
+                    return;
+                }
+                if (Array.isArray(val)) {
+                    this.list = val;
+                }
+                else {
+                    val.pipe(operators.takeUntil(this.destroy$)).subscribe(function (res) {
+                        _this.list = res;
+                    });
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ;
+        Object.defineProperty(DrDetailsListComponent.prototype, "state", {
+            get: function () {
+                if (this.collapse) {
+                    return 'collapsed';
+                }
+                return 'expanded';
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DrDetailsListComponent.prototype.ngOnDestroy = function () {
+            this.destroy$.next();
+            this.destroy$.complete();
+        };
+        return DrDetailsListComponent;
+    }());
+    DrDetailsListComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'dr-details-list',
+                    template: "<div class=\"details\">\n    <div class=\"details__header\" (click)=\"collapse = !collapse\">\n        <i [class.dr-icon-arrow-right]=\"collapse\"\n           [class.dr-icon-arrow-down]=\"!collapse\">\n        </i>\n        {{ title }}\n    </div>\n    <ul class=\"details__list\" [@expansionIndicatorList]=\"{ value: state }\">\n        <li *ngFor=\"let item of list\">{{ item }}</li>\n    </ul>\n</div>\n",
+                    animations: [
+                        animations.trigger('expansionIndicatorList', [
+                            animations.state('collapsed', animations.style({
+                                overflow: 'hidden',
+                                visibility: 'hidden',
+                                height: 0,
+                            })),
+                            animations.state('expanded', animations.style({
+                                overflow: 'hidden',
+                                visibility: 'visible',
+                            })),
+                            animations.transition('collapsed => expanded', animations.animate('100ms ease-in')),
+                            animations.transition('expanded => collapsed', animations.animate('100ms ease-out')),
+                        ]),
+                    ],
+                    styles: [":host{font-family:Poppins,sans-serif;font-size:14px;line-height:22px;color:#6d6e6f;font-weight:400}:host .details{display:flex;flex-direction:column}:host .details__header{display:flex;align-items:center;cursor:pointer}:host .details__header i{margin-right:4px}:host .details__list{display:flex;flex-direction:column;padding-left:28px;margin:8px 0}:host .details__list li{list-style-type:disc}\n"]
+                },] }
+    ];
+    DrDetailsListComponent.ctorParameters = function () { return []; };
+    DrDetailsListComponent.propDecorators = {
+        title: [{ type: i0.Input }],
+        items: [{ type: i0.Input }],
+        collapse: [{ type: i0.Input }]
+    };
+
     exports.TooltipPosition = void 0;
     (function (TooltipPosition) {
         TooltipPosition["TOP"] = "top";
@@ -4152,14 +4200,6 @@
         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;
@@ -4225,248 +4265,6 @@
         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';
-        }
-        Object.defineProperty(ScenarioService.prototype, "scenarios", {
-            get: function () {
-                return _.orderBy(Object.values(exports.Scenario), function (scenario) { return scenario === exports.Scenario.NONE ? 1 : 0; });
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ScenarioService.prototype, "areExistingTagsConfig", {
-            get: function () {
-                return !!this.currentTagsConfig;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ScenarioService.prototype.initScenarioTags = function (scenario, wholeTagsConfig, currentTagsConfig, isMultipleDimension) {
-            if (isMultipleDimension === void 0) { isMultipleDimension = true; }
-            if (!(wholeTagsConfig === null || wholeTagsConfig === void 0 ? void 0 : wholeTagsConfig.length) || !scenario)
-                return;
-            this.wholeTagsConfig = wholeTagsConfig;
-            this.currentTagsConfig = currentTagsConfig;
-            this.isMultipleDimension = isMultipleDimension;
-        };
-        ScenarioService.prototype.getTagsConfigByScenarioTags = function (scenarioTags, tagsConfig) {
-            var scenarioTagsConfig = _.filter(tagsConfig, function (tagConfig) { return _.some(scenarioTags, function (scenarioTag) { return scenarioTag.toggle && scenarioTag.selectedTagSubType === tagConfig.options.sub_type; }); });
-            return this.sortScenarioTags(scenarioTagsConfig);
-        };
-        ScenarioService.prototype.getScenarioTagsByScenario = function (scenario) {
-            var _this = this;
-            var scenarioTagsConfig = this.getScenarioTagsConfig(scenario, this.wholeTagsConfig);
-            var scenarioTagsUi = [];
-            _.forEach(scenarioTagsConfig, function (scenarioTag) {
-                var isDateTag = scenarioTag.type === exports.TagTypes.DATE;
-                var dateTag = isDateTag && _.find(scenarioTagsUi, { type: exports.TagTypes.DATE });
-                var tag = dateTag || _this.prepareScenarioTag(scenarioTagsConfig, scenarioTag, scenario, isDateTag);
-                if (isDateTag) {
-                    _this.updateScenarioDateTag(tag, scenarioTag);
-                }
-                if (dateTag)
-                    return;
-                scenarioTagsUi.push(tag);
-            });
-            if (this.areExistingTagsConfig) {
-                this.initExistingTagsConfig(scenario, scenarioTagsUi);
-            }
-            var isTagNotSupportingDates = _.some(scenarioTagsUi, { turnOffDateTags: true, toggle: true });
-            if (isTagNotSupportingDates) {
-                this.turnOffDateTag(scenarioTagsUi);
-            }
-            var tagWithSpecificDateTags = _.find(scenarioTagsUi, function (tag) { var _a; return tag.toggle && !!((_a = tag.acceptableDateTags) === null || _a === void 0 ? void 0 : _a.length); });
-            if (tagWithSpecificDateTags) {
-                this.hideNotAvailableTags(tagWithSpecificDateTags, scenarioTagsUi);
-            }
-            return this.sortScenarioTags(scenarioTagsUi);
-        };
-        ScenarioService.prototype.sortScenarioTags = function (scenarioTagsUi) {
-            return _.orderBy(scenarioTagsUi, [
-                function (tag) { return (tag.type === exports.TagTypes.DATE ? 0 : 1); },
-                function (tag) { return (tag.name === 'File Status'); }
-            ]);
-        };
-        ScenarioService.prototype.initExistingTagsConfig = function (scenario, scenarioTagsUi) {
-            var _this = this;
-            _.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,
-            });
-        };
-        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);
-            });
-        };
-        ScenarioService.prototype.getScenarioSelectedDateTag = function (scenario, dateTags) {
-            var _c;
-            var _a, _b;
-            var monthSubType = (_b = (_a = _.find(dateTags, function (tag) { return tag.options.sub_type === TagsConfigSubType.MONTH; })) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.sub_type;
-            var scenarioSelectedDateTag = (_c = {},
-                _c[exports.Scenario.ACTUALS] = function () { return monthSubType; },
-                _c[exports.Scenario.BUDGET] = function () { var _a, _b; return (_b = (_a = _.find(dateTags, function (tag) { return tag.options.sub_type === TagsConfigSubType.YEAR; })) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.sub_type; },
-                _c[exports.Scenario.FORECAST] = function () { var _a, _b; return (_b = (_a = _.find(dateTags, function (tag) { return tag.options.sub_type === TagsConfigSubType.FORECAST_NEW; })) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.sub_type; },
-                _c[exports.Scenario.NONE] = function () { return monthSubType; },
-                _c);
-            if (!scenarioSelectedDateTag[scenario])
-                return;
-            return scenarioSelectedDateTag[scenario]();
-        };
-        ScenarioService.prototype.getScenarioTagsConfig = function (scenario, tagsConfig) {
-            var _this = this;
-            return _.reduce(tagsConfig, function (acc, tagConfig) {
-                var _a, _b;
-                var tagSubType = (_a = tagConfig === null || tagConfig === void 0 ? void 0 : tagConfig.options) === null || _a === void 0 ? void 0 : _a.sub_type;
-                var scenarioTagDataConfig = getScenarioTagDataConfig(_this.isMultipleDimension);
-                var scenarioTagConfig = (_b = scenarioTagDataConfig === null || scenarioTagDataConfig === void 0 ? void 0 : scenarioTagDataConfig[scenario]) === null || _b === void 0 ? void 0 : _b[tagSubType];
-                if (!scenarioTagConfig || scenarioTagConfig.hidden)
-                    return acc;
-                var clonedTagConfig = _.cloneDeep(tagConfig);
-                var scenarioTag = Object.assign(Object.assign({}, clonedTagConfig), { scenarioData: scenarioTagConfig });
-                acc.push(scenarioTag);
-                return acc;
-            }, []);
-        };
-        return ScenarioService;
-    }());
-    ScenarioService.decorators = [
-        { type: i0.Injectable }
-    ];
-
     var DrSharedUtils = /** @class */ (function () {
         function DrSharedUtils() {
         }
@@ -4515,7 +4313,6 @@
         return DrSharedUtils;
     }());
 
-    // @ts-ignore
     var moment$2 = require('moment');
     var DrDatePickerService = /** @class */ (function () {
         function DrDatePickerService() {
@@ -4702,9 +4499,8 @@
         };
         return DrDatePickerService;
     }());
-    DrDatePickerService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DrDatePickerService_Factory() { return new DrDatePickerService(); }, token: DrDatePickerService, providedIn: "root" });
     DrDatePickerService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+        { type: i0.Injectable }
     ];
 
     var moment$1 = require('moment');
@@ -5292,13 +5088,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 +5396,7 @@
                         datepicker.MatDatepickerModule,
                         tooltip.MatTooltipModule,
                         DrTooltipModule
-                    ],
-                    entryComponents: [DrDatePickerCustomHeaderComponent]
+                    ]
                 },] }
     ];
 
@@ -6043,6 +5838,22 @@
                 },] }
     ];
 
+    var DrDetailsListModule = /** @class */ (function () {
+        function DrDetailsListModule() {
+        }
+        return DrDetailsListModule;
+    }());
+    DrDetailsListModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    exports: [DrDetailsListComponent],
+                    providers: [],
+                    declarations: [DrDetailsListComponent],
+                },] }
+    ];
+
     var ɵ0$1 = {}, ɵ1 = {};
     var DrDialogModule = /** @class */ (function () {
         function DrDialogModule() {
@@ -6057,7 +5868,8 @@
                         i1$1.MatDialogModule,
                         DrInputsModule,
                         forms.ReactiveFormsModule,
-                        DrTooltipModule
+                        DrTooltipModule,
+                        DrDetailsListModule
                     ],
                     exports: [DialogWrapperComponent, DialogModalWrapperComponent],
                     providers: [
@@ -6666,193 +6478,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 +6502,8 @@
     exports.DrAvatarPipe = DrAvatarPipe;
     exports.DrButtonComponent = DrButtonComponent;
     exports.DrChatModule = DrChatModule;
+    exports.DrDetailsListComponent = DrDetailsListComponent;
+    exports.DrDetailsListModule = DrDetailsListModule;
     exports.DrDialogModule = DrDialogModule;
     exports.DrDropdownComponent = DrDropdownComponent;
     exports.DrDropdownDirective = DrDropdownDirective;
@@ -6898,7 +6525,6 @@
     exports.DrPopoverModule = DrPopoverModule;
     exports.DrPopoverRef = DrPopoverRef;
     exports.DrPopoverService = DrPopoverService;
-    exports.DrScenarioModule = DrScenarioModule;
     exports.DrSelectComponent = DrSelectComponent;
     exports.DrSharedUtils = DrSharedUtils;
     exports.DrSpinnerComponent = DrSpinnerComponent;
@@ -6922,14 +6548,11 @@
     exports.QuarterTagComponent = QuarterTagComponent;
     exports.RadioButtonComponent = RadioButtonComponent;
     exports.RadioGroupComponent = RadioGroupComponent;
-    exports.ScenarioService = ScenarioService;
     exports.TooltipComponent = TooltipComponent;
     exports.WeekTagComponent = WeekTagComponent;
     exports.YearTagComponent = YearTagComponent;
     exports["ɵa"] = components$2;
     exports["ɵb"] = POPUP_ANIMATION;
-    exports["ɵba"] = DrScenarioConfigurationComponent;
-    exports["ɵbb"] = DrScenarioTagConfigurationComponent;
     exports["ɵc"] = DrDatePickerComponent;
     exports["ɵd"] = DrDatePickerService;
     exports["ɵe"] = DrDatePickerWithTimeframeComponent;