@datarailsshared/datarailsshared 1.4.151 → 1.4.153-rocket

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -612,13 +612,8 @@
             configurable: true
         });
         MonthTagComponent.prototype.initDate = function () {
-            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;
         };
         MonthTagComponent.prototype.initName = function () {
             if (!this.name) {
@@ -907,13 +902,8 @@
             configurable: true
         });
         YearTagComponent.prototype.initDate = function () {
-            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;
         };
         YearTagComponent.prototype.initName = function () {
             if (!this.name) {
@@ -970,30 +960,52 @@
         TagTypes["LIST"] = "LIST";
         TagTypes["DATE"] = "DATE";
     })(exports.TagTypes || (exports.TagTypes = {}));
+    var TagsConfigSubType;
+    (function (TagsConfigSubType) {
+        TagsConfigSubType["YEAR"] = "year";
+        TagsConfigSubType["PLAN"] = "plan";
+        TagsConfigSubType["BUDGET_CYCLE"] = "budget cycle";
+        TagsConfigSubType["MONTH"] = "month";
+        TagsConfigSubType["WEEK"] = "week";
+        TagsConfigSubType["DAY"] = "day";
+        TagsConfigSubType["FORECAST_NEW"] = "forecast_new";
+        TagsConfigSubType["QUARTER"] = "quarter";
+        TagsConfigSubType["FILE_STATUS"] = "file_status";
+    })(TagsConfigSubType || (TagsConfigSubType = {}));
 
     var DrTagComponent = /** @class */ (function () {
         function DrTagComponent() {
             this.lockedDate = [];
             this.dynamicTagValues = {};
-            this.connectedTags = [];
             this.tagChange = new i0.EventEmitter(); // Not emit value for dynamic tag
             this.dynamicTagChange = new i0.EventEmitter();
             this.dynamicTagAdd = new i0.EventEmitter();
             this.currentTagConnectedToDynamic = false;
             this.tagTypes = exports.TagTypes;
             this.connectedTagsValues = [];
+            this._connectedTags = [];
             this.selectedTag = {
                 id: 0,
                 value: undefined,
                 name: ''
             };
         }
+        Object.defineProperty(DrTagComponent.prototype, "connectedTags", {
+            get: function () {
+                return this._connectedTags;
+            },
+            set: function (tags) {
+                this._connectedTags = tags || [];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DrTagComponent.prototype.ngOnChanges = function () {
+            this.calculateDynamicTag();
+        };
         DrTagComponent.prototype.ngOnInit = function () {
-            var _this = this;
             var _a, _b;
-            this.currentTagDynamic = this.tagConfig.options.is_custom;
-            this.currentTagConnectedToDynamic = _.some(this.tagsConfig, function (tagConfig) { return tagConfig.options.is_custom
-                && ['year'].includes(_this.tagConfig.options.sub_type); });
+            this.calculateDynamicTag();
             this.dateTag = {
                 type: this.tagConfig.type,
                 sub_type: this.tagConfig.options.sub_type,
@@ -1108,6 +1120,12 @@
                 }
             });
         };
+        DrTagComponent.prototype.calculateDynamicTag = function () {
+            var _this = this;
+            this.currentTagDynamic = this.tagConfig.options.is_custom;
+            this.currentTagConnectedToDynamic = _.some(this.tagsConfig, function (tagConfig) { return tagConfig.options.is_custom
+                && ['year'].includes(_this.tagConfig.options.sub_type); });
+        };
         return DrTagComponent;
     }());
     DrTagComponent.decorators = [
@@ -1201,13 +1219,8 @@
             configurable: true
         });
         DayTagComponent.prototype.initDate = function () {
-            if (this.defaultValue) {
-                this.date = this.defaultValue;
-                this.dateObj.date = this.date;
-            }
-            else {
-                this.dateObj.date = moment$3().unix();
-            }
+            this.date = this.defaultValue || moment$3().unix();
+            this.dateObj.date = this.date;
         };
         DayTagComponent.prototype.initName = function () {
             if (!this.name) {
@@ -2443,12 +2456,20 @@
         elementClass: [{ type: i0.HostBinding, args: ['class',] }]
     };
 
+    exports.ToggleButtonTheme = void 0;
+    (function (ToggleButtonTheme) {
+        ToggleButtonTheme["DEFAULT"] = "default";
+        ToggleButtonTheme["DOTTED"] = "dotted";
+    })(exports.ToggleButtonTheme || (exports.ToggleButtonTheme = {}));
+
     var DrToggleButtonComponent = /** @class */ (function () {
         function DrToggleButtonComponent(cdr) {
             this.cdr = cdr;
             this._disabled = false;
             this.bindLabel = null;
             this.bindValue = null;
+            this.bindHidden = null;
+            this.theme = exports.ToggleButtonTheme.DEFAULT;
             this.onChange = function () {
             };
             this.onTouched = function () {
@@ -2485,12 +2506,12 @@
     DrToggleButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dr-toggle-button',
-                    template: "<div class=\"toggle-container\" [class.disabled]=\"_disabled\">\n    <div\n        *ngFor=\"let item of items\"\n        (click)=\"setValue(item)\"\n        [class.selected]=\"item[bindValue] === selectedValue || item === selectedValue\"\n        [class.disabled]=\"item.disabled\"\n        class=\"toggle-container__item\"\n    >\n        {{ item[bindLabel] || item.name || item }}\n    </div>\n</div>\n",
+                    template: "<div class=\"toggle-container\"\n     [class.disabled]=\"_disabled\"\n     [attr.theme]=\"theme\">\n    <ng-container *ngFor=\"let item of items\">\n        <div *ngIf=\"!item?.[bindHidden]\"\n             [class.selected]=\"item[bindValue] === selectedValue || item === selectedValue\"\n             [class.disabled]=\"item.disabled\"\n             class=\"toggle-container__item\">{{ item[bindLabel] || item.name || item }}</div>\n    </ng-container>\n</div>\n",
                     providers: [
                         { provide: forms.NG_VALUE_ACCESSOR, useExisting: i0.forwardRef(function () { return DrToggleButtonComponent; }), multi: true }
                     ],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [".toggle-container{display:flex;flex-wrap:nowrap;background:#f6f7f8;border:1px solid #c3c4ce;box-sizing:border-box;border-radius:20px;height:28px}.toggle-container.disabled{pointer-events:none}.toggle-container__item{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c}.toggle-container__item.selected{font-weight:400;background:#f2f2fb;border:1px solid #7f7fdd;color:#25258c}.toggle-container__item.disabled{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}\n"]
+                    styles: [".toggle-container{display:flex;flex-wrap:nowrap;box-sizing:border-box;border-radius:20px;height:28px}.toggle-container.disabled{pointer-events:none}.toggle-container__item{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c}.toggle-container__item.selected{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}.toggle-container__item.disabled{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container[theme~=default]{background:#f6f7f8;border:1px solid #c3c4ce}.toggle-container[theme~=dotted] .toggle-container__item{border:1px solid #9ea1aa;border-radius:18px;margin-left:5px;color:#0c142b}.toggle-container[theme~=dotted] .toggle-container__item:hover{background:#f0f1f4}.toggle-container[theme~=dotted] .toggle-container__item:hover .toggle-container[theme~=dotted] .toggle-container__item.selected{background:unset}.toggle-container[theme~=dotted] .toggle-container__item:first-child{margin-left:0}\n"]
                 },] }
     ];
     DrToggleButtonComponent.ctorParameters = function () { return [
@@ -2500,6 +2521,8 @@
         items: [{ type: i0.Input }],
         bindLabel: [{ type: i0.Input }],
         bindValue: [{ type: i0.Input }],
+        bindHidden: [{ type: i0.Input }],
+        theme: [{ type: i0.Input }],
         selectedValue: [{ type: i0.Input }],
         disabled: [{ type: i0.Input }]
     };
@@ -4129,6 +4152,14 @@
         TooltipPosition["LEFT_BOTTOM"] = "left-bottom";
     })(exports.TooltipPosition || (exports.TooltipPosition = {}));
 
+    exports.Scenario = void 0;
+    (function (Scenario) {
+        Scenario["ACTUALS"] = "Actuals";
+        Scenario["FORECAST"] = "Forecast";
+        Scenario["BUDGET"] = "Budget";
+        Scenario["NONE"] = "None";
+    })(exports.Scenario || (exports.Scenario = {}));
+
     var DrModelDebounceChangeDirective = /** @class */ (function () {
         function DrModelDebounceChangeDirective(ngModel) {
             this.ngModel = ngModel;
@@ -4194,6 +4225,248 @@
         return ChatMessage;
     }());
 
+    var _a;
+    var allDateTags = (_a = {},
+        _a[TagsConfigSubType.YEAR] = {
+            name: 'Date',
+            toggle: false,
+        },
+        _a[TagsConfigSubType.QUARTER] = {
+            name: 'Date',
+            toggle: false,
+        },
+        _a[TagsConfigSubType.MONTH] = {
+            name: 'Date',
+            toggle: false,
+        },
+        _a[TagsConfigSubType.DAY] = {
+            name: 'Date',
+            toggle: false,
+        },
+        _a[TagsConfigSubType.WEEK] = {
+            name: 'Date',
+            toggle: false,
+        },
+        _a);
+    function getScenarioTagDataConfig(isMultipleDimension) {
+        var _a, _b, _c, _d, _e;
+        return _a = {},
+            _a[exports.Scenario.ACTUALS] = Object.assign(Object.assign({}, allDateTags), (_b = {}, _b[TagsConfigSubType.MONTH] = {
+                name: 'Date',
+                toggle: true,
+            }, _b[TagsConfigSubType.FILE_STATUS] = {
+                toggle: false,
+            }, _b)),
+            _a[exports.Scenario.BUDGET] = (_c = {},
+                _c[TagsConfigSubType.BUDGET_CYCLE] = {
+                    toggle: true,
+                    acceptableDateTags: [TagsConfigSubType.YEAR],
+                    hidden: !isMultipleDimension,
+                },
+                _c[TagsConfigSubType.PLAN] = {
+                    toggle: false,
+                    turnOffDateTags: true,
+                    hidden: isMultipleDimension,
+                },
+                _c[TagsConfigSubType.YEAR] = {
+                    name: 'Date',
+                    toggle: true,
+                },
+                _c[TagsConfigSubType.QUARTER] = {
+                    name: 'Date',
+                    toggle: false,
+                },
+                _c[TagsConfigSubType.FILE_STATUS] = {
+                    toggle: false,
+                },
+                _c),
+            _a[exports.Scenario.FORECAST] = (_d = {},
+                _d[TagsConfigSubType.FORECAST_NEW] = {
+                    toggle: true,
+                    name: 'Date',
+                },
+                _d[TagsConfigSubType.FILE_STATUS] = {
+                    toggle: false,
+                },
+                _d),
+            _a[exports.Scenario.NONE] = Object.assign(Object.assign({}, allDateTags), (_e = {}, _e[TagsConfigSubType.MONTH] = {
+                name: 'Date',
+                toggle: true,
+            }, _e[TagsConfigSubType.FILE_STATUS] = {
+                toggle: true,
+            }, _e)),
+            _a;
+    }
+
+    var ScenarioService = /** @class */ (function () {
+        function ScenarioService() {
+            this.DEFAULT_FORECAST_DATE_TAG = 'Month';
+        }
+        Object.defineProperty(ScenarioService.prototype, "scenarios", {
+            get: function () {
+                return _.orderBy(Object.values(exports.Scenario), function (scenario) { return scenario === exports.Scenario.NONE ? 1 : 0; });
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ScenarioService.prototype, "areExistingTagsConfig", {
+            get: function () {
+                return !!this.currentTagsConfig;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ScenarioService.prototype.initScenarioTags = function (scenario, wholeTagsConfig, currentTagsConfig, isMultipleDimension) {
+            if (isMultipleDimension === void 0) { isMultipleDimension = true; }
+            if (!(wholeTagsConfig === null || wholeTagsConfig === void 0 ? void 0 : wholeTagsConfig.length) || !scenario)
+                return;
+            this.wholeTagsConfig = wholeTagsConfig;
+            this.currentTagsConfig = currentTagsConfig;
+            this.isMultipleDimension = isMultipleDimension;
+        };
+        ScenarioService.prototype.getTagsConfigByScenarioTags = function (scenarioTags, tagsConfig) {
+            var scenarioTagsConfig = _.filter(tagsConfig, function (tagConfig) { return _.some(scenarioTags, function (scenarioTag) { return scenarioTag.toggle && scenarioTag.selectedTagSubType === tagConfig.options.sub_type; }); });
+            return this.sortScenarioTags(scenarioTagsConfig);
+        };
+        ScenarioService.prototype.getScenarioTagsByScenario = function (scenario) {
+            var _this = this;
+            var scenarioTagsConfig = this.getScenarioTagsConfig(scenario, this.wholeTagsConfig);
+            var scenarioTagsUi = [];
+            _.forEach(scenarioTagsConfig, function (scenarioTag) {
+                var isDateTag = scenarioTag.type === exports.TagTypes.DATE;
+                var dateTag = isDateTag && _.find(scenarioTagsUi, { type: exports.TagTypes.DATE });
+                var tag = dateTag || _this.prepareScenarioTag(scenarioTagsConfig, scenarioTag, scenario, isDateTag);
+                if (isDateTag) {
+                    _this.updateScenarioDateTag(tag, scenarioTag);
+                }
+                if (dateTag)
+                    return;
+                scenarioTagsUi.push(tag);
+            });
+            if (this.areExistingTagsConfig) {
+                this.initExistingTagsConfig(scenario, scenarioTagsUi);
+            }
+            var isTagNotSupportingDates = _.some(scenarioTagsUi, { turnOffDateTags: true, toggle: true });
+            if (isTagNotSupportingDates) {
+                this.turnOffDateTag(scenarioTagsUi);
+            }
+            var tagWithSpecificDateTags = _.find(scenarioTagsUi, function (tag) { var _a; return tag.toggle && !!((_a = tag.acceptableDateTags) === null || _a === void 0 ? void 0 : _a.length); });
+            if (tagWithSpecificDateTags) {
+                this.hideNotAvailableTags(tagWithSpecificDateTags, scenarioTagsUi);
+            }
+            return this.sortScenarioTags(scenarioTagsUi);
+        };
+        ScenarioService.prototype.sortScenarioTags = function (scenarioTagsUi) {
+            return _.orderBy(scenarioTagsUi, [
+                function (tag) { return (tag.type === exports.TagTypes.DATE ? 0 : 1); },
+                function (tag) { return (tag.name === 'File Status'); }
+            ]);
+        };
+        ScenarioService.prototype.initExistingTagsConfig = function (scenario, scenarioTagsUi) {
+            var _this = this;
+            _.forEach(this.currentTagsConfig, function (tagConfig) {
+                var _a, _b;
+                var tagSubType = (_a = tagConfig === null || tagConfig === void 0 ? void 0 : tagConfig.options) === null || _a === void 0 ? void 0 : _a.sub_type;
+                var scenarioTagDataConfig = getScenarioTagDataConfig(_this.isMultipleDimension);
+                if (!((_b = scenarioTagDataConfig === null || scenarioTagDataConfig === void 0 ? void 0 : scenarioTagDataConfig[scenario]) === null || _b === void 0 ? void 0 : _b[tagSubType]))
+                    return;
+                var scenarioTagUi = tagConfig.type === exports.TagTypes.DATE
+                    ? _.find(scenarioTagsUi, { type: tagConfig.type })
+                    : _.find(scenarioTagsUi, { selectedTagSubType: tagSubType });
+                scenarioTagUi.toggle = true;
+                scenarioTagUi.selectedTagSubType = tagSubType;
+            });
+        };
+        ScenarioService.prototype.prepareScenarioTag = function (scenarioTagsConfig, scenarioTag, scenario, isDateTag) {
+            var toggleStatus = isDateTag
+                ? _.some(scenarioTagsConfig, function (tag) { return tag.type === exports.TagTypes.DATE && tag.scenarioData.toggle; })
+                : scenarioTag.scenarioData.toggle;
+            var selectedTagSubType = isDateTag
+                ? this.getScenarioSelectedDateTag(scenario, scenarioTagsConfig)
+                : scenarioTag.options.sub_type;
+            var tag = {
+                toggle: this.areExistingTagsConfig ? false : toggleStatus,
+                name: scenarioTag.scenarioData.name || scenarioTag.name,
+                description: scenarioTag.scenarioData.description || scenarioTag.description,
+                type: scenarioTag.type,
+                selectedTagSubType: selectedTagSubType,
+            };
+            if (scenarioTag.scenarioData.turnOffDateTags) {
+                tag.turnOffDateTags = scenarioTag.scenarioData.turnOffDateTags;
+            }
+            if (scenarioTag.scenarioData.acceptableDateTags) {
+                tag.acceptableDateTags = scenarioTag.scenarioData.acceptableDateTags;
+            }
+            return tag;
+        };
+        ScenarioService.prototype.updateScenarioDateTag = function (dateTag, scenarioTag) {
+            if (!dateTag.subTags) {
+                dateTag.subTags = [];
+            }
+            var tagSubType = scenarioTag.options.sub_type;
+            dateTag.subTags.push({
+                subType: tagSubType,
+                name: tagSubType === TagsConfigSubType.FORECAST_NEW ? this.DEFAULT_FORECAST_DATE_TAG : scenarioTag.name,
+            });
+        };
+        ScenarioService.prototype.turnOffDateTag = function (scenarioTags) {
+            var dateTag = _.find(scenarioTags, { type: exports.TagTypes.DATE });
+            if (!dateTag)
+                return;
+            dateTag.toggle = false;
+        };
+        ScenarioService.prototype.hideNotAvailableTags = function (tagWithSpecificDateTags, scenarioTags) {
+            var _a;
+            var subTags = (_a = _.find(scenarioTags, { type: exports.TagTypes.DATE })) === null || _a === void 0 ? void 0 : _a.subTags;
+            if (!subTags.length)
+                return;
+            _.forEach(scenarioTags, function (tag) {
+                var _a;
+                if (!((_a = tag.acceptableDateTags) === null || _a === void 0 ? void 0 : _a.length))
+                    return;
+                if (tag !== tagWithSpecificDateTags) {
+                    tag.toggle = false;
+                }
+            });
+            _.forEach(subTags, function (subTag) {
+                subTag.hidden = !tagWithSpecificDateTags.acceptableDateTags.includes(subTag.subType);
+            });
+        };
+        ScenarioService.prototype.getScenarioSelectedDateTag = function (scenario, dateTags) {
+            var _c;
+            var _a, _b;
+            var monthSubType = (_b = (_a = _.find(dateTags, function (tag) { return tag.options.sub_type === TagsConfigSubType.MONTH; })) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.sub_type;
+            var scenarioSelectedDateTag = (_c = {},
+                _c[exports.Scenario.ACTUALS] = function () { return monthSubType; },
+                _c[exports.Scenario.BUDGET] = function () { var _a, _b; return (_b = (_a = _.find(dateTags, function (tag) { return tag.options.sub_type === TagsConfigSubType.YEAR; })) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.sub_type; },
+                _c[exports.Scenario.FORECAST] = function () { var _a, _b; return (_b = (_a = _.find(dateTags, function (tag) { return tag.options.sub_type === TagsConfigSubType.FORECAST_NEW; })) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.sub_type; },
+                _c[exports.Scenario.NONE] = function () { return monthSubType; },
+                _c);
+            if (!scenarioSelectedDateTag[scenario])
+                return;
+            return scenarioSelectedDateTag[scenario]();
+        };
+        ScenarioService.prototype.getScenarioTagsConfig = function (scenario, tagsConfig) {
+            var _this = this;
+            return _.reduce(tagsConfig, function (acc, tagConfig) {
+                var _a, _b;
+                var tagSubType = (_a = tagConfig === null || tagConfig === void 0 ? void 0 : tagConfig.options) === null || _a === void 0 ? void 0 : _a.sub_type;
+                var scenarioTagDataConfig = getScenarioTagDataConfig(_this.isMultipleDimension);
+                var scenarioTagConfig = (_b = scenarioTagDataConfig === null || scenarioTagDataConfig === void 0 ? void 0 : scenarioTagDataConfig[scenario]) === null || _b === void 0 ? void 0 : _b[tagSubType];
+                if (!scenarioTagConfig || scenarioTagConfig.hidden)
+                    return acc;
+                var clonedTagConfig = _.cloneDeep(tagConfig);
+                var scenarioTag = Object.assign(Object.assign({}, clonedTagConfig), { scenarioData: scenarioTagConfig });
+                acc.push(scenarioTag);
+                return acc;
+            }, []);
+        };
+        return ScenarioService;
+    }());
+    ScenarioService.decorators = [
+        { type: i0.Injectable }
+    ];
+
     var DrSharedUtils = /** @class */ (function () {
         function DrSharedUtils() {
         }
@@ -4242,6 +4515,7 @@
         return DrSharedUtils;
     }());
 
+    // @ts-ignore
     var moment$2 = require('moment');
     var DrDatePickerService = /** @class */ (function () {
         function DrDatePickerService() {
@@ -4428,8 +4702,9 @@
         };
         return DrDatePickerService;
     }());
+    DrDatePickerService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DrDatePickerService_Factory() { return new DrDatePickerService(); }, token: DrDatePickerService, providedIn: "root" });
     DrDatePickerService.decorators = [
-        { type: i0.Injectable }
+        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
 
     var moment$1 = require('moment');
@@ -4655,13 +4930,17 @@
                 }
                 return true;
             };
-            datePickerService.updatedQuarter$.pipe(operators.takeUntil(this.destroyed$)).subscribe(function (value) {
-                _this.setValueFromMoment(value);
-            });
+            if (datePickerService && datePickerService.updatedQuarter$) {
+                datePickerService.updatedQuarter$.pipe(operators.takeUntil(this.destroyed$)).subscribe(function (value) {
+                    _this.setValueFromMoment(value);
+                });
+            }
         }
         Object.defineProperty(DrDatePickerComponent.prototype, "format", {
             set: function (value) {
-                this.datePickerService.updateTimeframeAndFormat(value);
+                if (this.datePickerService) {
+                    this.datePickerService.updateTimeframeAndFormat(value);
+                }
             },
             enumerable: false,
             configurable: true
@@ -4693,6 +4972,14 @@
             enumerable: false,
             configurable: true
         });
+        DrDatePickerComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            if (this.datePickerService && this.datePickerService.updatedQuarter$) {
+                this.datePickerService.updatedQuarter$.pipe(operators.takeUntil(this.destroyed$)).subscribe(function (value) {
+                    _this.setValueFromMoment(value);
+                });
+            }
+        };
         DrDatePickerComponent.prototype.ngAfterViewInit = function () {
             this.datePickerService.fiscalYearMonthsModifier = this.fiscalYearMonthsModifier;
             this.datePickerService.datePickerInstance = this.datePicker;
@@ -4817,10 +5104,7 @@
                     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: i0.ChangeDetectionStrategy.OnPush,
-                    providers: [
-                        { provide: forms.NG_VALUE_ACCESSOR, useExisting: DrDatePickerComponent, multi: true },
-                        { provide: DrDatePickerService }
-                    ],
+                    providers: [{ provide: forms.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"]
                 },] }
     ];
@@ -5325,7 +5609,8 @@
                         datepicker.MatDatepickerModule,
                         tooltip.MatTooltipModule,
                         DrTooltipModule
-                    ]
+                    ],
+                    entryComponents: [DrDatePickerCustomHeaderComponent]
                 },] }
     ];
 
@@ -6390,6 +6675,193 @@
                 },] }
     ];
 
+    var DrScenarioConfigurationComponent = /** @class */ (function () {
+        function DrScenarioConfigurationComponent(scenarioService) {
+            this.scenarioService = scenarioService;
+            this.toggleButtonTheme = exports.ToggleButtonTheme;
+            this._scenarioTags = [];
+            this.wholeTagsConfig = [];
+            this.selectedScenario = exports.Scenario.ACTUALS;
+            this.scenarioDataChanged = new i0.EventEmitter();
+        }
+        Object.defineProperty(DrScenarioConfigurationComponent.prototype, "scenarioTags", {
+            get: function () {
+                return this._scenarioTags;
+            },
+            set: function (tags) {
+                this._scenarioTags = tags;
+                this.tagNotSupportingDates = _.find(tags, { turnOffDateTags: true });
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DrScenarioConfigurationComponent.prototype.ngOnInit = function () {
+            this.scenarios = this.scenarioService.scenarios;
+            this.scenarioService.initScenarioTags(this.selectedScenario, this.wholeTagsConfig, this.currentTagsConfig);
+            this.scenarioTags = this.scenarioService.getScenarioTagsByScenario(this.selectedScenario);
+        };
+        DrScenarioConfigurationComponent.prototype.onScenarioChange = function (scenario) {
+            this.scenarioTags = this.scenarioService.getScenarioTagsByScenario(scenario);
+            this.onScenarioDataChange();
+        };
+        DrScenarioConfigurationComponent.prototype.onScenarioTagToggle = function (tag) {
+            this.tagNotSupportingDatesHandler(tag);
+            this.tagAcceptableDateHandler(tag);
+            this.onScenarioDataChange();
+        };
+        DrScenarioConfigurationComponent.prototype.onScenarioDataChange = function () {
+            this.scenarioDataChanged.emit({
+                scenario: this.selectedScenario,
+                tagsConfig: this.scenarioService.getTagsConfigByScenarioTags(this.scenarioTags, this.wholeTagsConfig),
+            });
+        };
+        DrScenarioConfigurationComponent.prototype.tagNotSupportingDatesHandler = function (tag) {
+            if (!this.tagNotSupportingDates || !tag.toggle)
+                return;
+            if (tag.type === exports.TagTypes.DATE) {
+                this.tagNotSupportingDates.toggle = false;
+            }
+            if (tag === this.tagNotSupportingDates) {
+                var dateTag = _.find(this.scenarioTags, { type: exports.TagTypes.DATE });
+                if (dateTag) {
+                    dateTag.toggle = false;
+                }
+            }
+        };
+        DrScenarioConfigurationComponent.prototype.tagAcceptableDateHandler = function (tag) {
+            var _a;
+            if (!((_a = tag.acceptableDateTags) === null || _a === void 0 ? void 0 : _a.length))
+                return;
+            var dateTag = _.find(this.scenarioTags, { type: exports.TagTypes.DATE });
+            if (!dateTag)
+                return;
+            dateTag.subTags = _.map(dateTag.subTags, function (subTag) {
+                subTag.hidden = tag.toggle && !_.includes(tag.acceptableDateTags, subTag.subType);
+                return subTag;
+            });
+            dateTag.selectedTagSubType = tag.acceptableDateTags[0];
+        };
+        return DrScenarioConfigurationComponent;
+    }());
+    DrScenarioConfigurationComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'dr-scenario-configuration',
+                    template: "<div class=\"scenario\">\n    <div class=\"scenario__list\">\n        <p class=\"scenario__title scenario__title-list\">Scenario</p>\n        <dr-select [(ngModel)]=\"selectedScenario\"\n                   placeholder=\"select\"\n                   [items]=\"scenarios\"\n                   (ngModelChange)=\"onScenarioChange($event)\"></dr-select>\n    </div>\n    <div class=\"scenario__tags\">\n        <p class=\"scenario__title--extra scenario__tags__title\">Tags</p>\n        <div class=\"scenario__tag\" *ngFor=\"let tag of scenarioTags\">\n            <div class=\"scenario__tag__header\">\n                <p class=\"scenario__title\">{{ tag.name }}</p>\n                <dr-toggle [(ngModel)]=\"tag.toggle\"\n                           (ngModelChange)=\"onScenarioTagToggle(tag)\"></dr-toggle>\n            </div>\n            <div class=\"scenario__tag__description\">\n                <p class=\"scenario__text\">{{ tag.description }}</p>\n            </div>\n            <div *ngIf=\"tag.toggle\" class=\"scenario__tag__body\">\n                <div *ngIf=\"tag.subTags?.length\" class=\"scenario__sub-tag\">\n                    <dr-toggle-button [(ngModel)]=\"tag.selectedTagSubType\"\n                                      bindHidden=\"hidden\"\n                                      bindLabel=\"name\"\n                                      bindValue=\"subType\"\n                                      [items]=\"tag.subTags\"\n                                      [theme]=\"toggleButtonTheme.DOTTED\"\n                                      (ngModelChange)=\"onScenarioDataChange()\"></dr-toggle-button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    styles: [".scenario__text,.scenario__title,.scenario__title--extra{padding:0;margin:0;color:#0c142b;font-weight:400;font-size:14px;line-height:22px}.scenario__title{font-weight:600}.scenario__title--extra{font-weight:700}.scenario__tags{margin-top:24px}.scenario__tags__title{margin-bottom:16px}.scenario__title-list{margin-bottom:4px}.scenario__tag{margin-bottom:24px;padding-top:16px;border-top:1px solid #dfe0e3}.scenario__tag__description{margin-top:5px}.scenario__tag__header{display:flex;justify-content:space-between}.scenario__sub-tag{margin-top:8px}:host::ng-deep .toggle-container__item{padding:2px 8px!important}\n"]
+                },] }
+    ];
+    DrScenarioConfigurationComponent.ctorParameters = function () { return [
+        { type: ScenarioService }
+    ]; };
+    DrScenarioConfigurationComponent.propDecorators = {
+        currentTagsConfig: [{ type: i0.Input }],
+        wholeTagsConfig: [{ type: i0.Input }],
+        selectedScenario: [{ type: i0.Input }],
+        scenarioDataChanged: [{ type: i0.Output }]
+    };
+
+    var DrScenarioTagConfigurationComponent = /** @class */ (function () {
+        function DrScenarioTagConfigurationComponent() {
+            this.connectedTags = {};
+            this.dynamicTagValues = {};
+            this.lockedDates = [];
+            this.scenarioTagDataChanged = new i0.EventEmitter();
+            this.currentTagsMap = {};
+            this._currentTags = [];
+            this.dynamicTagsToSave = [];
+            this.tagsToSave = [];
+        }
+        Object.defineProperty(DrScenarioTagConfigurationComponent.prototype, "currentTags", {
+            get: function () {
+                return this._currentTags;
+            },
+            set: function (tags) {
+                var _this = this;
+                this._currentTags = tags;
+                this.currentTagsMap = _.reduce(tags, function (acc, curr) {
+                    var _a;
+                    var tagId = (_a = _.find(_this.tagsConfig, { name: curr.name })) === null || _a === void 0 ? void 0 : _a.id;
+                    if (isNaN(tagId))
+                        return acc;
+                    acc[tagId] = curr;
+                    return acc;
+                }, {});
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DrScenarioTagConfigurationComponent.prototype.ngOnChanges = function (simpleChanges) {
+            this.currentTags = this.currentTags;
+        };
+        DrScenarioTagConfigurationComponent.prototype.onTagChange = function ($event) {
+            var savedTag = _.find(this.tagsToSave, { id: $event.id });
+            if (savedTag) {
+                _.merge(savedTag, $event);
+            }
+            else {
+                this.tagsToSave.push($event);
+            }
+            this.onScenarioTagDataChanged();
+        };
+        DrScenarioTagConfigurationComponent.prototype.onDynamicTagsChange = function ($event) {
+            this.dynamicTagsToSave = $event;
+            this.onScenarioTagDataChanged();
+        };
+        DrScenarioTagConfigurationComponent.prototype.onScenarioTagDataChanged = function () {
+            var tags = __spreadArray(__spreadArray([], __read(this.dynamicTagsToSave)), __read(this.tagsToSave));
+            this.scenarioTagDataChanged.emit({
+                scenario: this.scenario,
+                tagsConfig: this.tagsConfig,
+                tags: tags,
+            });
+        };
+        return DrScenarioTagConfigurationComponent;
+    }());
+    DrScenarioTagConfigurationComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'dr-scenario-tag-configuration',
+                    template: "<div class=\"scenario-tag-configuration\"\n     *ngFor=\"let tagConfig of tagsConfig\">\n    <dr-tag [tagConfig]=\"tagConfig\"\n            [selectedTag]=\"currentTagsMap[tagConfig.id]\"\n            [lockedDate]=\"lockedDates\"\n            [fiscalYearStartsFrom]=\"fiscalYearStartsFrom\"\n            [fiscalYearBack]=\"fiscalYearBack\"\n            [tagsConfig]=\"tagsConfig\"\n            [dynamicTagValues]=\"dynamicTagValues\"\n            [connectedTags]=\"connectedTags[tagConfig.id]\"\n            [isDynamicTagAddEnabled]=\"isDynamicAddEnabled\"\n            (tagChange)=\"onTagChange($event)\"\n            (dynamicTagChange)=\"onDynamicTagsChange($event)\"></dr-tag>\n</div>\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    styles: [".scenario-tag-configuration{margin-bottom:24px}.scenario-tag-configuration:last-child{margin-bottom:0}:host::ng-deep .tag__label,:host::ng-deep .dynamic-tag__label{font-weight:600!important}\n"]
+                },] }
+    ];
+    DrScenarioTagConfigurationComponent.propDecorators = {
+        tagsConfig: [{ type: i0.Input }],
+        currentTags: [{ type: i0.Input }],
+        scenario: [{ type: i0.Input }],
+        connectedTags: [{ type: i0.Input }],
+        dynamicTagValues: [{ type: i0.Input }],
+        lockedDates: [{ type: i0.Input }],
+        fiscalYearStartsFrom: [{ type: i0.Input }],
+        fiscalYearBack: [{ type: i0.Input }],
+        isDynamicAddEnabled: [{ type: i0.Input }],
+        scenarioTagDataChanged: [{ type: i0.Output }]
+    };
+
+    var COMPONENTS = [
+        DrScenarioConfigurationComponent,
+        DrScenarioTagConfigurationComponent,
+    ];
+    var DrScenarioModule = /** @class */ (function () {
+        function DrScenarioModule() {
+        }
+        return DrScenarioModule;
+    }());
+    DrScenarioModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: __spreadArray([], __read(COMPONENTS)),
+                    providers: [ScenarioService],
+                    imports: [
+                        common.CommonModule,
+                        DrInputsModule,
+                        forms.FormsModule,
+                        DrTagModule
+                    ],
+                    exports: __spreadArray([], __read(COMPONENTS)),
+                },] }
+    ];
+
     /* components */
 
     /**
@@ -6435,6 +6907,7 @@
     exports.DrPopoverModule = DrPopoverModule;
     exports.DrPopoverRef = DrPopoverRef;
     exports.DrPopoverService = DrPopoverService;
+    exports.DrScenarioModule = DrScenarioModule;
     exports.DrSelectComponent = DrSelectComponent;
     exports.DrSharedUtils = DrSharedUtils;
     exports.DrSpinnerComponent = DrSpinnerComponent;
@@ -6458,11 +6931,14 @@
     exports.QuarterTagComponent = QuarterTagComponent;
     exports.RadioButtonComponent = RadioButtonComponent;
     exports.RadioGroupComponent = RadioGroupComponent;
+    exports.ScenarioService = ScenarioService;
     exports.TooltipComponent = TooltipComponent;
     exports.WeekTagComponent = WeekTagComponent;
     exports.YearTagComponent = YearTagComponent;
     exports["ɵa"] = components$2;
     exports["ɵb"] = POPUP_ANIMATION;
+    exports["ɵba"] = DrScenarioConfigurationComponent;
+    exports["ɵbb"] = DrScenarioTagConfigurationComponent;
     exports["ɵc"] = DrDatePickerComponent;
     exports["ɵd"] = DrDatePickerService;
     exports["ɵe"] = DrDatePickerWithTimeframeComponent;