@datarailsshared/datarailsshared 1.4.152 → 1.4.153-rocket

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 { some, find, map, merge, forEach, reduce, isObject, isNil, isNumber } from 'lodash';
+import { find, map, merge, forEach, some, orderBy, filter as filter$1, reduce, cloneDeep, isObject, isNil, isNumber, includes } 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,13 +265,8 @@ class MonthTagComponent extends AnyTagComponent {
         return this.date ? !this.dateFilter(moment$7.unix(this.date).utc()) : false;
     }
     initDate() {
-        if (this.defaultValue) {
-            this.date = this.defaultValue;
-            this.dateObj.date = this.date;
-        }
-        else {
-            this.dateObj.date = moment$7().unix();
-        }
+        this.date = this.defaultValue || moment$7().unix();
+        this.dateObj.date = this.date;
     }
     initName() {
         if (!this.name) {
@@ -527,13 +522,8 @@ class YearTagComponent extends AnyTagComponent {
         return this.date ? !this.dateFilter(moment$4.unix(this.date).utc()) : false;
     }
     initDate() {
-        if (this.defaultValue) {
-            this.date = this.defaultValue;
-            this.dateObj.date = this.date;
-        }
-        else {
-            this.dateObj.date = moment$4().unix();
-        }
+        this.date = this.defaultValue || moment$4().unix();
+        this.dateObj.date = this.date;
     }
     initName() {
         if (!this.name) {
@@ -589,29 +579,48 @@ 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.currentTagDynamic = this.tagConfig.options.is_custom;
-        this.currentTagConnectedToDynamic = some(this.tagsConfig, (tagConfig) => tagConfig.options.is_custom
-            && ['year'].includes(this.tagConfig.options.sub_type));
+        this.calculateDynamicTag();
         this.dateTag = {
             type: this.tagConfig.type,
             sub_type: this.tagConfig.options.sub_type,
@@ -725,6 +734,11 @@ 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: [{
@@ -810,13 +824,8 @@ class DayTagComponent extends AnyTagComponent {
         return this.date ? !this.dateFilter(moment$3.unix(this.date).utc()) : false;
     }
     initDate() {
-        if (this.defaultValue) {
-            this.date = this.defaultValue;
-            this.dateObj.date = this.date;
-        }
-        else {
-            this.dateObj.date = moment$3().unix();
-        }
+        this.date = this.defaultValue || moment$3().unix();
+        this.dateObj.date = this.date;
     }
     initName() {
         if (!this.name) {
@@ -1931,12 +1940,20 @@ 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 = () => {
@@ -1968,12 +1985,12 @@ class DrToggleButtonComponent {
 DrToggleButtonComponent.decorators = [
     { type: Component, args: [{
                 selector: 'dr-toggle-button',
-                template: "<div class=\"toggle-container\" [class.disabled]=\"_disabled\">\n    <div\n        *ngFor=\"let item of items\"\n        (click)=\"setValue(item)\"\n        [class.selected]=\"item[bindValue] === selectedValue || item === selectedValue\"\n        [class.disabled]=\"item.disabled\"\n        class=\"toggle-container__item\"\n    >\n        {{ item[bindLabel] || item.name || item }}\n    </div>\n</div>\n",
+                template: "<div class=\"toggle-container\"\n     [class.disabled]=\"_disabled\"\n     [attr.theme]=\"theme\">\n    <ng-container *ngFor=\"let item of items\">\n        <div *ngIf=\"!item?.[bindHidden]\"\n             [class.selected]=\"item[bindValue] === selectedValue || item === selectedValue\"\n             [class.disabled]=\"item.disabled\"\n             class=\"toggle-container__item\">{{ item[bindLabel] || item.name || item }}</div>\n    </ng-container>\n</div>\n",
                 providers: [
                     { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DrToggleButtonComponent), multi: true }
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".toggle-container{display:flex;flex-wrap:nowrap;background:#f6f7f8;border:1px solid #c3c4ce;box-sizing:border-box;border-radius:20px;height:28px}.toggle-container.disabled{pointer-events:none}.toggle-container__item{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c}.toggle-container__item.selected{font-weight:400;background:#f2f2fb;border:1px solid #7f7fdd;color:#25258c}.toggle-container__item.disabled{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}\n"]
+                styles: [".toggle-container{display:flex;flex-wrap:nowrap;box-sizing:border-box;border-radius:20px;height:28px}.toggle-container.disabled{pointer-events:none}.toggle-container__item{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c}.toggle-container__item.selected{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}.toggle-container__item.disabled{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container[theme~=default]{background:#f6f7f8;border:1px solid #c3c4ce}.toggle-container[theme~=dotted] .toggle-container__item{border:1px solid #9ea1aa;border-radius:18px;margin-left:5px;color:#0c142b}.toggle-container[theme~=dotted] .toggle-container__item:hover{background:#f0f1f4}.toggle-container[theme~=dotted] .toggle-container__item:hover .toggle-container[theme~=dotted] .toggle-container__item.selected{background:unset}.toggle-container[theme~=dotted] .toggle-container__item:first-child{margin-left:0}\n"]
             },] }
 ];
 DrToggleButtonComponent.ctorParameters = () => [
@@ -1983,6 +2000,8 @@ DrToggleButtonComponent.propDecorators = {
     items: [{ type: Input }],
     bindLabel: [{ type: Input }],
     bindValue: [{ type: Input }],
+    bindHidden: [{ type: Input }],
+    theme: [{ type: Input }],
     selectedValue: [{ type: Input }],
     disabled: [{ type: Input }]
 };
@@ -3515,6 +3534,14 @@ 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;
@@ -3577,6 +3604,232 @@ 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
@@ -3622,6 +3875,7 @@ class DrSharedUtils {
     }
 }
 
+// @ts-ignore
 const moment$2 = require('moment');
 class DrDatePickerService {
     constructor() {
@@ -3806,8 +4060,9 @@ class DrDatePickerService {
         }
     }
 }
+DrDatePickerService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DrDatePickerService_Factory() { return new DrDatePickerService(); }, token: DrDatePickerService, providedIn: "root" });
 DrDatePickerService.decorators = [
-    { type: Injectable }
+    { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
 
 const moment$1 = require('moment');
@@ -4018,12 +4273,16 @@ class DrDatePickerComponent {
             }
             return true;
         };
-        datePickerService.updatedQuarter$.pipe(takeUntil(this.destroyed$)).subscribe((value) => {
-            this.setValueFromMoment(value);
-        });
+        if (datePickerService && datePickerService.updatedQuarter$) {
+            datePickerService.updatedQuarter$.pipe(takeUntil(this.destroyed$)).subscribe((value) => {
+                this.setValueFromMoment(value);
+            });
+        }
     }
     set format(value) {
-        this.datePickerService.updateTimeframeAndFormat(value);
+        if (this.datePickerService) {
+            this.datePickerService.updateTimeframeAndFormat(value);
+        }
     }
     set min(minDate) {
         this._min = moment.unix(minDate).utc();
@@ -4040,6 +4299,13 @@ class DrDatePickerComponent {
         }
         this.cdr.markForCheck();
     }
+    ngOnInit() {
+        if (this.datePickerService && this.datePickerService.updatedQuarter$) {
+            this.datePickerService.updatedQuarter$.pipe(takeUntil(this.destroyed$)).subscribe((value) => {
+                this.setValueFromMoment(value);
+            });
+        }
+    }
     ngAfterViewInit() {
         this.datePickerService.fiscalYearMonthsModifier = this.fiscalYearMonthsModifier;
         this.datePickerService.datePickerInstance = this.datePicker;
@@ -4162,10 +4428,7 @@ DrDatePickerComponent.decorators = [
                 selector: 'dr-date-picker',
                 template: "<i class=\"dr-icon-schedule\"></i>\n<input [(ngModel)]=\"value\"\n       (click)=\"datePicker.open()\"\n       [matDatepicker]=\"datePicker\"\n       [matDatepickerFilter]=\"dateFilter\"\n       [disabled]=\"disabled\"\n       [placeholder]=\"placeholder\"\n       [drDatePickerFormat]=\"datePickerService.format$ | async\"\n       [readonly]=\"readonly\"\n       [min]=\"_min\"\n       [max]=\"_max\"/>\n<mat-datepicker #datePicker\n                [calendarHeaderComponent]=\"customHeader\"\n                (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR)\"\n                (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH)\">\n</mat-datepicker>\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    { provide: NG_VALUE_ACCESSOR, useExisting: DrDatePickerComponent, multi: true },
-                    { provide: DrDatePickerService }
-                ],
+                providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: DrDatePickerComponent, multi: true }],
                 styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:\"Poppins\",sans-serif;background-color:#fff;border:1px solid #c3c4ce;border-radius:6px;color:#85889c;overflow:hidden;outline:none;cursor:pointer}:host:hover{border-color:#85889c}:host:focus-within{border-color:#21b8f1!important;color:#151b3f}:host.disabled{pointer-events:none;border:none;color:#85889c;background:#e5e6ea}:host.ng-valid.ng-dirty{border-color:#03a678}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#de2833!important}:host.ng-untouched.ng-valid{border-color:#c3c4ce}:host:after,:host:before{position:absolute;display:flex;border-color:#999999 transparent transparent;color:#999}:host:after{content:\"\";height:0;width:0;border-style:solid;border-width:5px 5px 2.5px;right:11px;top:13px}:host i{position:absolute;color:#999;left:8px;top:3px}:host input{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}:host input.when-quarter{position:absolute;visibility:hidden}:host input:disabled{border:none;color:#85889c;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}::ng-deep .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}::ng-deep .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}::ng-deep .mat-datepicker-content button[disabled]:hover{border:inherit}::ng-deep .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}::ng-deep .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}::ng-deep .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}::ng-deep .mat-button-focus-overlay{background:#f3f7ff}::ng-deep .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f3f7ff;transition:opacity .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-calendar-controls .mat-calendar-period-button:hover{background:#f3f7ff;transition:background .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#19181a}::ng-deep .mat-calendar-table-header-divider{display:none}::ng-deep .mat-calendar-body-label{color:#fff;padding:0}\n"]
             },] }
 ];
@@ -4329,13 +4592,13 @@ class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
 DrDatePickerWithTimeframeComponent.decorators = [
     { type: Component, args: [{
                 selector: 'dr-date-picker-with-timeframe',
-                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",
+                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",
                 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.disabled{background:transparent;color:inherit}:host.disabled.dr-date-picker-on-dashboard .dr-datepicker-input-container__formatted-value-display{text-decoration:none;color:#6d6e6f;font-weight:normal}:host.dr-date-picker-on-dashboard{width:-moz-fit-content;width:fit-content;justify-content:space-between}:host.dr-date-picker-on-dashboard mat-datepicker{position:absolute}:host.dr-date-picker-on-dashboard:after{visibility:hidden}:host.dr-date-picker-on-dashboard .dr-datepicker-input-container{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:-10px}:host.dr-date-picker-on-dashboard .dr-datepicker-input-container__formatted-value-display{font-weight:600;width:auto;margin-left:5px}:host.dr-date-picker-on-dashboard .dr-datepicker-input-container .dr-icon-date{display:block;position:relative;top:0;margin-right:8px;color:#4e566c}:host .dr-datepicker-input-container input{visibility:hidden;position:absolute;width:100%}:host .dr-datepicker-input-container__formatted-value-display{width:90px;height:22px;padding-left:0;text-align:center;line-height:22px;color:#0c142b;-webkit-text-decoration-line:underline;text-decoration-line:underline}:host .dr-datepicker-input-container__formatted-value-display:hover{background-color:#f2f2fb;border-radius:5px;cursor:pointer;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#4646ce}::ng-deep .date-picker-preset-tag{width:386px!important}::ng-deep .date-picker-preset-tag .mat-calendar-content{padding-left:32px!important;padding-right:32px!important}\n"]
+                styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:\"Poppins\",sans-serif;background-color:#fff;border:1px solid #c3c4ce;border-radius:6px;color:#85889c;overflow:hidden;outline:none;cursor:pointer}:host:hover{border-color:#85889c}:host:focus-within{border-color:#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"]
             },] }
 ];
 DrDatePickerWithTimeframeComponent.ctorParameters = () => [
@@ -4631,7 +4894,8 @@ DrInputsModule.decorators = [
                     MatDatepickerModule,
                     MatTooltipModule,
                     DrTooltipModule
-                ]
+                ],
+                entryComponents: [DrDatePickerCustomHeaderComponent]
             },] }
 ];
 
@@ -5574,11 +5838,184 @@ 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, 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 };
+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 };
 //# sourceMappingURL=datarailsshared-datarailsshared.js.map