@datarailsshared/datarailsshared 1.4.155-rocket → 1.4.157

package/fesm2015/datarailsshared-datarailsshared.js

@@ -3,7 +3,7 @@ import { EventEmitter, Component, ViewEncapsulation, Input, Output, HostBinding,
 import { DateAdapter, MAT_DATE_LOCALE, MAT_DATE_FORMATS } from '@angular/material/core';
 import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/material-moment-adapter';
 import * as _ from 'lodash';
-import { find, map, merge, forEach, some, orderBy, filter as filter$1, reduce, cloneDeep, isObject, isNil, isNumber, includes } from 'lodash';
+import { some, find, map, merge, forEach, reduce, isObject, isNil, isNumber } from 'lodash';
 import { NG_VALUE_ACCESSOR, FormGroupDirective, FormGroup, FormControl, NgModel, NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { isPlatformBrowser, DOCUMENT, CommonModule } from '@angular/common';
 import { Subject, from, merge as merge$1, fromEvent, noop as noop$1, BehaviorSubject } from 'rxjs';
@@ -265,8 +265,13 @@ class MonthTagComponent extends AnyTagComponent {
         return this.date ? !this.dateFilter(moment$7.unix(this.date).utc()) : false;
     }
     initDate() {
-        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();
+        }
     }
     initName() {
         if (!this.name) {
@@ -522,8 +527,13 @@ class YearTagComponent extends AnyTagComponent {
         return this.date ? !this.dateFilter(moment$4.unix(this.date).utc()) : false;
     }
     initDate() {
-        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();
+        }
     }
     initName() {
         if (!this.name) {
@@ -579,48 +589,29 @@ var TagTypes;
     TagTypes["LIST"] = "LIST";
     TagTypes["DATE"] = "DATE";
 })(TagTypes || (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 = {}));
 
 class DrTagComponent {
     constructor() {
         this.lockedDate = [];
         this.dynamicTagValues = {};
+        this.connectedTags = [];
         this.tagChange = new EventEmitter(); // Not emit value for dynamic tag
         this.dynamicTagChange = new EventEmitter();
         this.dynamicTagAdd = new EventEmitter();
         this.currentTagConnectedToDynamic = false;
         this.tagTypes = TagTypes;
         this.connectedTagsValues = [];
-        this._connectedTags = [];
         this.selectedTag = {
             id: 0,
             value: undefined,
             name: ''
         };
     }
-    set connectedTags(tags) {
-        this._connectedTags = tags || [];
-    }
-    get connectedTags() {
-        return this._connectedTags;
-    }
-    ngOnChanges() {
-        this.calculateDynamicTag();
-    }
     ngOnInit() {
         var _a, _b;
-        this.calculateDynamicTag();
+        this.currentTagDynamic = this.tagConfig.options.is_custom;
+        this.currentTagConnectedToDynamic = some(this.tagsConfig, (tagConfig) => tagConfig.options.is_custom
+            && ['year'].includes(this.tagConfig.options.sub_type));
         this.dateTag = {
             type: this.tagConfig.type,
             sub_type: this.tagConfig.options.sub_type,
@@ -734,11 +725,6 @@ class DrTagComponent {
             }
         });
     }
-    calculateDynamicTag() {
-        this.currentTagDynamic = this.tagConfig.options.is_custom;
-        this.currentTagConnectedToDynamic = some(this.tagsConfig, (tagConfig) => tagConfig.options.is_custom
-            && ['year'].includes(this.tagConfig.options.sub_type));
-    }
 }
 DrTagComponent.decorators = [
     { type: Component, args: [{
@@ -824,8 +810,13 @@ class DayTagComponent extends AnyTagComponent {
         return this.date ? !this.dateFilter(moment$3.unix(this.date).utc()) : false;
     }
     initDate() {
-        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();
+        }
     }
     initName() {
         if (!this.name) {
@@ -1940,20 +1931,12 @@ DrToggleComponent.propDecorators = {
     elementClass: [{ type: HostBinding, args: ['class',] }]
 };
 
-var ToggleButtonTheme;
-(function (ToggleButtonTheme) {
-    ToggleButtonTheme["DEFAULT"] = "default";
-    ToggleButtonTheme["DOTTED"] = "dotted";
-})(ToggleButtonTheme || (ToggleButtonTheme = {}));
-
 class DrToggleButtonComponent {
     constructor(cdr) {
         this.cdr = cdr;
         this._disabled = false;
         this.bindLabel = null;
         this.bindValue = null;
-        this.bindHidden = null;
-        this.theme = ToggleButtonTheme.DEFAULT;
         this.onChange = () => {
         };
         this.onTouched = () => {
@@ -1985,12 +1968,12 @@ class DrToggleButtonComponent {
 DrToggleButtonComponent.decorators = [
     { type: 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: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DrToggleButtonComponent), multi: true }
                 ],
                 changeDetection: 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 = () => [
@@ -2000,8 +1983,6 @@ DrToggleButtonComponent.propDecorators = {
     items: [{ type: Input }],
     bindLabel: [{ type: Input }],
     bindValue: [{ type: Input }],
-    bindHidden: [{ type: Input }],
-    theme: [{ type: Input }],
     selectedValue: [{ type: Input }],
     disabled: [{ type: Input }]
 };
@@ -3345,8 +3326,8 @@ class DialogWrapperComponent {
 DialogWrapperComponent.decorators = [
     { type: 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 = () => [
@@ -3518,6 +3499,67 @@ DialogService.ctorParameters = () => [
     { type: MatDialog }
 ];
 
+class DrDetailsListComponent {
+    constructor() {
+        this.destroy$ = new Subject();
+        this.list = [];
+        this.title = 'Show details';
+        this.collapse = true;
+    }
+    set items(val) {
+        if (!val) {
+            return;
+        }
+        if (Array.isArray(val)) {
+            this.list = val;
+        }
+        else {
+            val.pipe(takeUntil(this.destroy$)).subscribe((res) => {
+                this.list = res;
+            });
+        }
+    }
+    ;
+    get state() {
+        if (this.collapse) {
+            return 'collapsed';
+        }
+        return 'expanded';
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}
+DrDetailsListComponent.decorators = [
+    { type: 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: [
+                    trigger('expansionIndicatorList', [
+                        state('collapsed', style({
+                            overflow: 'hidden',
+                            visibility: 'hidden',
+                            height: 0,
+                        })),
+                        state('expanded', style({
+                            overflow: 'hidden',
+                            visibility: 'visible',
+                        })),
+                        transition('collapsed => expanded', animate('100ms ease-in')),
+                        transition('expanded => collapsed', 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 = () => [];
+DrDetailsListComponent.propDecorators = {
+    title: [{ type: Input }],
+    items: [{ type: Input }],
+    collapse: [{ type: Input }]
+};
+
 var TooltipPosition;
 (function (TooltipPosition) {
     TooltipPosition["TOP"] = "top";
@@ -3534,14 +3576,6 @@ var TooltipPosition;
     TooltipPosition["LEFT_BOTTOM"] = "left-bottom";
 })(TooltipPosition || (TooltipPosition = {}));
 
-var Scenario;
-(function (Scenario) {
-    Scenario["ACTUALS"] = "Actuals";
-    Scenario["FORECAST"] = "Forecast";
-    Scenario["BUDGET"] = "Budget";
-    Scenario["NONE"] = "None";
-})(Scenario || (Scenario = {}));
-
 class DrModelDebounceChangeDirective {
     constructor(ngModel) {
         this.ngModel = ngModel;
@@ -3604,232 +3638,6 @@ class ChatMessage {
     }
 }
 
-const allDateTags = {
-    [TagsConfigSubType.YEAR]: {
-        name: 'Date',
-        toggle: false,
-    },
-    [TagsConfigSubType.QUARTER]: {
-        name: 'Date',
-        toggle: false,
-    },
-    [TagsConfigSubType.MONTH]: {
-        name: 'Date',
-        toggle: false,
-    },
-    [TagsConfigSubType.DAY]: {
-        name: 'Date',
-        toggle: false,
-    },
-    [TagsConfigSubType.WEEK]: {
-        name: 'Date',
-        toggle: false,
-    }
-};
-function getScenarioTagDataConfig(isMultipleDimension) {
-    return {
-        [Scenario.ACTUALS]: Object.assign(Object.assign({}, allDateTags), { [TagsConfigSubType.MONTH]: {
-                name: 'Date',
-                toggle: true,
-            }, [TagsConfigSubType.FILE_STATUS]: {
-                toggle: false,
-            } }),
-        [Scenario.BUDGET]: {
-            [TagsConfigSubType.BUDGET_CYCLE]: {
-                toggle: true,
-                acceptableDateTags: [TagsConfigSubType.YEAR],
-                hidden: !isMultipleDimension,
-            },
-            [TagsConfigSubType.PLAN]: {
-                toggle: false,
-                turnOffDateTags: true,
-                hidden: isMultipleDimension,
-            },
-            [TagsConfigSubType.YEAR]: {
-                name: 'Date',
-                toggle: true,
-            },
-            [TagsConfigSubType.QUARTER]: {
-                name: 'Date',
-                toggle: false,
-            },
-            [TagsConfigSubType.FILE_STATUS]: {
-                toggle: false,
-            },
-        },
-        [Scenario.FORECAST]: {
-            [TagsConfigSubType.FORECAST_NEW]: {
-                toggle: true,
-                name: 'Date',
-            },
-            [TagsConfigSubType.FILE_STATUS]: {
-                toggle: false,
-            },
-        },
-        [Scenario.NONE]: Object.assign(Object.assign({}, allDateTags), { [TagsConfigSubType.MONTH]: {
-                name: 'Date',
-                toggle: true,
-            }, [TagsConfigSubType.FILE_STATUS]: {
-                toggle: true,
-            } }),
-    };
-}
-
-class ScenarioService {
-    constructor() {
-        this.DEFAULT_FORECAST_DATE_TAG = 'Month';
-    }
-    get scenarios() {
-        return orderBy(Object.values(Scenario), (scenario) => scenario === Scenario.NONE ? 1 : 0);
-    }
-    get areExistingTagsConfig() {
-        return !!this.currentTagsConfig;
-    }
-    initScenarioTags(scenario, wholeTagsConfig, currentTagsConfig, isMultipleDimension = true) {
-        if (!(wholeTagsConfig === null || wholeTagsConfig === void 0 ? void 0 : wholeTagsConfig.length) || !scenario)
-            return;
-        this.wholeTagsConfig = wholeTagsConfig;
-        this.currentTagsConfig = currentTagsConfig;
-        this.isMultipleDimension = isMultipleDimension;
-    }
-    getTagsConfigByScenarioTags(scenarioTags, tagsConfig) {
-        const scenarioTagsConfig = filter$1(tagsConfig, (tagConfig) => some(scenarioTags, (scenarioTag) => scenarioTag.toggle && scenarioTag.selectedTagSubType === tagConfig.options.sub_type));
-        return this.sortScenarioTags(scenarioTagsConfig);
-    }
-    getScenarioTagsByScenario(scenario) {
-        const scenarioTagsConfig = this.getScenarioTagsConfig(scenario, this.wholeTagsConfig);
-        const scenarioTagsUi = [];
-        forEach(scenarioTagsConfig, (scenarioTag) => {
-            const isDateTag = scenarioTag.type === TagTypes.DATE;
-            const dateTag = isDateTag && find(scenarioTagsUi, { type: TagTypes.DATE });
-            const 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);
-        }
-        const isTagNotSupportingDates = some(scenarioTagsUi, { turnOffDateTags: true, toggle: true });
-        if (isTagNotSupportingDates) {
-            this.turnOffDateTag(scenarioTagsUi);
-        }
-        const tagWithSpecificDateTags = find(scenarioTagsUi, (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);
-    }
-    sortScenarioTags(scenarioTagsUi) {
-        return orderBy(scenarioTagsUi, [
-            (tag) => (tag.type === TagTypes.DATE ? 0 : 1),
-            (tag) => (tag.name === 'File Status')
-        ]);
-    }
-    initExistingTagsConfig(scenario, scenarioTagsUi) {
-        forEach(this.currentTagsConfig, (tagConfig) => {
-            var _a, _b;
-            const tagSubType = (_a = tagConfig === null || tagConfig === void 0 ? void 0 : tagConfig.options) === null || _a === void 0 ? void 0 : _a.sub_type;
-            const scenarioTagDataConfig = getScenarioTagDataConfig(this.isMultipleDimension);
-            if (!((_b = scenarioTagDataConfig === null || scenarioTagDataConfig === void 0 ? void 0 : scenarioTagDataConfig[scenario]) === null || _b === void 0 ? void 0 : _b[tagSubType]))
-                return;
-            const scenarioTagUi = tagConfig.type === TagTypes.DATE
-                ? find(scenarioTagsUi, { type: tagConfig.type })
-                : find(scenarioTagsUi, { selectedTagSubType: tagSubType });
-            scenarioTagUi.toggle = true;
-            scenarioTagUi.selectedTagSubType = tagSubType;
-        });
-    }
-    prepareScenarioTag(scenarioTagsConfig, scenarioTag, scenario, isDateTag) {
-        const toggleStatus = isDateTag
-            ? some(scenarioTagsConfig, (tag) => tag.type === TagTypes.DATE && tag.scenarioData.toggle)
-            : scenarioTag.scenarioData.toggle;
-        const selectedTagSubType = isDateTag
-            ? this.getScenarioSelectedDateTag(scenario, scenarioTagsConfig)
-            : scenarioTag.options.sub_type;
-        const tag = {
-            toggle: this.areExistingTagsConfig ? false : toggleStatus,
-            name: scenarioTag.scenarioData.name || scenarioTag.name,
-            description: scenarioTag.scenarioData.description || scenarioTag.description,
-            type: scenarioTag.type,
-            selectedTagSubType,
-        };
-        if (scenarioTag.scenarioData.turnOffDateTags) {
-            tag.turnOffDateTags = scenarioTag.scenarioData.turnOffDateTags;
-        }
-        if (scenarioTag.scenarioData.acceptableDateTags) {
-            tag.acceptableDateTags = scenarioTag.scenarioData.acceptableDateTags;
-        }
-        return tag;
-    }
-    updateScenarioDateTag(dateTag, scenarioTag) {
-        if (!dateTag.subTags) {
-            dateTag.subTags = [];
-        }
-        const tagSubType = scenarioTag.options.sub_type;
-        dateTag.subTags.push({
-            subType: tagSubType,
-            name: tagSubType === TagsConfigSubType.FORECAST_NEW ? this.DEFAULT_FORECAST_DATE_TAG : scenarioTag.name,
-        });
-    }
-    turnOffDateTag(scenarioTags) {
-        const dateTag = find(scenarioTags, { type: TagTypes.DATE });
-        if (!dateTag)
-            return;
-        dateTag.toggle = false;
-    }
-    hideNotAvailableTags(tagWithSpecificDateTags, scenarioTags) {
-        var _a;
-        const subTags = (_a = find(scenarioTags, { type: TagTypes.DATE })) === null || _a === void 0 ? void 0 : _a.subTags;
-        if (!subTags.length)
-            return;
-        forEach(scenarioTags, (tag) => {
-            var _a;
-            if (!((_a = tag.acceptableDateTags) === null || _a === void 0 ? void 0 : _a.length))
-                return;
-            if (tag !== tagWithSpecificDateTags) {
-                tag.toggle = false;
-            }
-        });
-        forEach(subTags, (subTag) => {
-            subTag.hidden = !tagWithSpecificDateTags.acceptableDateTags.includes(subTag.subType);
-        });
-    }
-    getScenarioSelectedDateTag(scenario, dateTags) {
-        var _a, _b;
-        const monthSubType = (_b = (_a = find(dateTags, (tag) => tag.options.sub_type === TagsConfigSubType.MONTH)) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.sub_type;
-        const scenarioSelectedDateTag = {
-            [Scenario.ACTUALS]: () => monthSubType,
-            [Scenario.BUDGET]: () => { var _a, _b; return (_b = (_a = find(dateTags, (tag) => tag.options.sub_type === TagsConfigSubType.YEAR)) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.sub_type; },
-            [Scenario.FORECAST]: () => { var _a, _b; return (_b = (_a = find(dateTags, (tag) => tag.options.sub_type === TagsConfigSubType.FORECAST_NEW)) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.sub_type; },
-            [Scenario.NONE]: () => monthSubType,
-        };
-        if (!scenarioSelectedDateTag[scenario])
-            return;
-        return scenarioSelectedDateTag[scenario]();
-    }
-    getScenarioTagsConfig(scenario, tagsConfig) {
-        return reduce(tagsConfig, (acc, tagConfig) => {
-            var _a, _b;
-            const tagSubType = (_a = tagConfig === null || tagConfig === void 0 ? void 0 : tagConfig.options) === null || _a === void 0 ? void 0 : _a.sub_type;
-            const scenarioTagDataConfig = getScenarioTagDataConfig(this.isMultipleDimension);
-            const 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;
-            const clonedTagConfig = cloneDeep(tagConfig);
-            const scenarioTag = Object.assign(Object.assign({}, clonedTagConfig), { scenarioData: scenarioTagConfig });
-            acc.push(scenarioTag);
-            return acc;
-        }, []);
-    }
-}
-ScenarioService.decorators = [
-    { type: Injectable }
-];
-
 class DrSharedUtils {
     /**
      * Get timeframe (day, year, month, quarter) based on passed format
@@ -3875,7 +3683,6 @@ class DrSharedUtils {
     }
 }
 
-// @ts-ignore
 const moment$2 = require('moment');
 class DrDatePickerService {
     constructor() {
@@ -4060,9 +3867,8 @@ class DrDatePickerService {
         }
     }
 }
-DrDatePickerService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DrDatePickerService_Factory() { return new DrDatePickerService(); }, token: DrDatePickerService, providedIn: "root" });
 DrDatePickerService.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
+    { type: Injectable }
 ];
 
 const moment$1 = require('moment');
@@ -4584,13 +4390,13 @@ class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
 DrDatePickerWithTimeframeComponent.decorators = [
     { type: 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: ChangeDetectionStrategy.OnPush,
                 providers: [
                     { provide: 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 = () => [
@@ -4886,8 +4692,7 @@ DrInputsModule.decorators = [
                     MatDatepickerModule,
                     MatTooltipModule,
                     DrTooltipModule
-                ],
-                entryComponents: [DrDatePickerCustomHeaderComponent]
+                ]
             },] }
 ];
 
@@ -5284,6 +5089,19 @@ DrStepperModule.decorators = [
             },] }
 ];
 
+class DrDetailsListModule {
+}
+DrDetailsListModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                ],
+                exports: [DrDetailsListComponent],
+                providers: [],
+                declarations: [DrDetailsListComponent],
+            },] }
+];
+
 const ɵ0$1 = {}, ɵ1 = {};
 class DrDialogModule {
 }
@@ -5295,7 +5113,8 @@ DrDialogModule.decorators = [
                     MatDialogModule,
                     DrInputsModule,
                     ReactiveFormsModule,
-                    DrTooltipModule
+                    DrTooltipModule,
+                    DrDetailsListModule
                 ],
                 exports: [DialogWrapperComponent, DialogModalWrapperComponent],
                 providers: [
@@ -5830,184 +5649,11 @@ DrChatModule.decorators = [
             },] }
 ];
 
-class DrScenarioConfigurationComponent {
-    constructor(scenarioService) {
-        this.scenarioService = scenarioService;
-        this.toggleButtonTheme = ToggleButtonTheme;
-        this._scenarioTags = [];
-        this.wholeTagsConfig = [];
-        this.selectedScenario = Scenario.ACTUALS;
-        this.scenarioDataChanged = new EventEmitter();
-    }
-    get scenarioTags() {
-        return this._scenarioTags;
-    }
-    set scenarioTags(tags) {
-        this._scenarioTags = tags;
-        this.tagNotSupportingDates = find(tags, { turnOffDateTags: true });
-    }
-    ngOnInit() {
-        this.scenarios = this.scenarioService.scenarios;
-        this.scenarioService.initScenarioTags(this.selectedScenario, this.wholeTagsConfig, this.currentTagsConfig);
-        this.scenarioTags = this.scenarioService.getScenarioTagsByScenario(this.selectedScenario);
-    }
-    onScenarioChange(scenario) {
-        this.scenarioTags = this.scenarioService.getScenarioTagsByScenario(scenario);
-        this.onScenarioDataChange();
-    }
-    onScenarioTagToggle(tag) {
-        this.tagNotSupportingDatesHandler(tag);
-        this.tagAcceptableDateHandler(tag);
-        this.onScenarioDataChange();
-    }
-    onScenarioDataChange() {
-        this.scenarioDataChanged.emit({
-            scenario: this.selectedScenario,
-            tagsConfig: this.scenarioService.getTagsConfigByScenarioTags(this.scenarioTags, this.wholeTagsConfig),
-        });
-    }
-    tagNotSupportingDatesHandler(tag) {
-        if (!this.tagNotSupportingDates || !tag.toggle)
-            return;
-        if (tag.type === TagTypes.DATE) {
-            this.tagNotSupportingDates.toggle = false;
-        }
-        if (tag === this.tagNotSupportingDates) {
-            const dateTag = find(this.scenarioTags, { type: TagTypes.DATE });
-            if (dateTag) {
-                dateTag.toggle = false;
-            }
-        }
-    }
-    tagAcceptableDateHandler(tag) {
-        var _a;
-        if (!((_a = tag.acceptableDateTags) === null || _a === void 0 ? void 0 : _a.length))
-            return;
-        const dateTag = find(this.scenarioTags, { type: TagTypes.DATE });
-        if (!dateTag)
-            return;
-        dateTag.subTags = map(dateTag.subTags, (subTag) => {
-            subTag.hidden = tag.toggle && !includes(tag.acceptableDateTags, subTag.subType);
-            return subTag;
-        });
-        dateTag.selectedTagSubType = tag.acceptableDateTags[0];
-    }
-}
-DrScenarioConfigurationComponent.decorators = [
-    { type: 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: 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 = () => [
-    { type: ScenarioService }
-];
-DrScenarioConfigurationComponent.propDecorators = {
-    currentTagsConfig: [{ type: Input }],
-    wholeTagsConfig: [{ type: Input }],
-    selectedScenario: [{ type: Input }],
-    scenarioDataChanged: [{ type: Output }]
-};
-
-class DrScenarioTagConfigurationComponent {
-    constructor() {
-        this.connectedTags = {};
-        this.dynamicTagValues = {};
-        this.lockedDates = [];
-        this.scenarioTagDataChanged = new EventEmitter();
-        this.currentTagsMap = {};
-        this._currentTags = [];
-        this.dynamicTagsToSave = [];
-        this.tagsToSave = [];
-    }
-    set currentTags(tags) {
-        this._currentTags = tags;
-        this.currentTagsMap = reduce(tags, (acc, curr) => {
-            var _a;
-            const 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;
-        }, {});
-    }
-    get currentTags() {
-        return this._currentTags;
-    }
-    ngOnChanges(simpleChanges) {
-        this.currentTags = this.currentTags;
-    }
-    onTagChange($event) {
-        const savedTag = find(this.tagsToSave, { id: $event.id });
-        if (savedTag) {
-            merge(savedTag, $event);
-        }
-        else {
-            this.tagsToSave.push($event);
-        }
-        this.onScenarioTagDataChanged();
-    }
-    onDynamicTagsChange($event) {
-        this.dynamicTagsToSave = $event;
-        this.onScenarioTagDataChanged();
-    }
-    onScenarioTagDataChanged() {
-        const tags = [...this.dynamicTagsToSave, ...this.tagsToSave];
-        this.scenarioTagDataChanged.emit({
-            scenario: this.scenario,
-            tagsConfig: this.tagsConfig,
-            tags,
-        });
-    }
-}
-DrScenarioTagConfigurationComponent.decorators = [
-    { type: 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: 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: Input }],
-    currentTags: [{ type: Input }],
-    scenario: [{ type: Input }],
-    connectedTags: [{ type: Input }],
-    dynamicTagValues: [{ type: Input }],
-    lockedDates: [{ type: Input }],
-    fiscalYearStartsFrom: [{ type: Input }],
-    fiscalYearBack: [{ type: Input }],
-    isDynamicAddEnabled: [{ type: Input }],
-    scenarioTagDataChanged: [{ type: Output }]
-};
-
-const COMPONENTS = [
-    DrScenarioConfigurationComponent,
-    DrScenarioTagConfigurationComponent,
-];
-class DrScenarioModule {
-}
-DrScenarioModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [...COMPONENTS],
-                providers: [ScenarioService],
-                imports: [
-                    CommonModule,
-                    DrInputsModule,
-                    FormsModule,
-                    DrTagModule
-                ],
-                exports: [...COMPONENTS],
-            },] }
-];
-
 /* components */
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AnyTagComponent, CHAT_MESSAGE_TYPE, CalendarView, ChatMessage, ChatRole, CheckboxComponent, CustomDateFormat, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DateFromats, DatePickerPeriodPosition, DateTagComponent, DateTagModule, DateTags, DayTagComponent, DialogService, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrButtonComponent, DrChatModule, DrDialogModule, DrDropdownComponent, DrDropdownDirective, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownPositionDirective, DrDropdownService, DrErrorComponent, DrErrorModule, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrScenarioModule, DrSelectComponent, DrSharedUtils, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, ForecastTagComponent, IMAGE_TYPES, ListTagComponent, ListTagModule, MonthTagComponent, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, Scenario, ScenarioService, SpinnerSize, SpinnerType, TagTypes, TimeframeOption, ToggleButtonTheme, TooltipComponent, TooltipPosition, WeekTagComponent, YearTagComponent, components$2 as ɵa, POPUP_ANIMATION as ɵb, DrScenarioConfigurationComponent as ɵba, DrScenarioTagConfigurationComponent as ɵbb, DrDatePickerComponent as ɵc, DrDatePickerService as ɵd, DrDatePickerWithTimeframeComponent as ɵe, DrDatePickerFormatDirective as ɵf, DrDatePickerCustomHeaderComponent as ɵg, DrShowTimeframePipe as ɵh, DrSelectAddItemComponent as ɵi, TooltipInfoComponent as ɵj, TooltipInfoSimpleComponent as ɵk, TooltipNoBodyComponent as ɵl, TooltipProcessDefaultComponent as ɵm, DrDynamicTagModule as ɵn, DrDynamicTagComponent as ɵo, StepperComponent as ɵp, DialogWrapperComponent as ɵq, DialogModalWrapperComponent as ɵr, DrChatComponent as ɵs, DrChatCustomMessageService as ɵt, DrChatMessageComponent as ɵu, DrChatFormComponent as ɵv, DrChatSuggestionsComponent as ɵw, DrChatMessageTextComponent as ɵx, DrChatMessageFileComponent as ɵy, DrChatCustomMessageDirective as ɵz };
+export { AnyTagComponent, CHAT_MESSAGE_TYPE, CalendarView, ChatMessage, ChatRole, CheckboxComponent, CustomDateFormat, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DateFromats, DatePickerPeriodPosition, DateTagComponent, DateTagModule, DateTags, DayTagComponent, DialogService, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrButtonComponent, DrChatModule, DrDetailsListComponent, DrDetailsListModule, DrDialogModule, DrDropdownComponent, DrDropdownDirective, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownPositionDirective, DrDropdownService, DrErrorComponent, DrErrorModule, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrSelectComponent, DrSharedUtils, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, ForecastTagComponent, IMAGE_TYPES, ListTagComponent, ListTagModule, MonthTagComponent, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, SpinnerSize, SpinnerType, TagTypes, TimeframeOption, TooltipComponent, TooltipPosition, WeekTagComponent, YearTagComponent, components$2 as ɵa, POPUP_ANIMATION as ɵb, DrDatePickerComponent as ɵc, DrDatePickerService as ɵd, DrDatePickerWithTimeframeComponent as ɵe, DrDatePickerFormatDirective as ɵf, DrDatePickerCustomHeaderComponent as ɵg, DrShowTimeframePipe as ɵh, DrSelectAddItemComponent as ɵi, TooltipInfoComponent as ɵj, TooltipInfoSimpleComponent as ɵk, TooltipNoBodyComponent as ɵl, TooltipProcessDefaultComponent as ɵm, DrDynamicTagModule as ɵn, DrDynamicTagComponent as ɵo, StepperComponent as ɵp, DialogWrapperComponent as ɵq, DialogModalWrapperComponent as ɵr, DrChatComponent as ɵs, DrChatCustomMessageService as ɵt, DrChatMessageComponent as ɵu, DrChatFormComponent as ɵv, DrChatSuggestionsComponent as ɵw, DrChatMessageTextComponent as ɵx, DrChatMessageFileComponent as ɵy, DrChatCustomMessageDirective as ɵz };
 //# sourceMappingURL=datarailsshared-datarailsshared.js.map