@datarailsshared/datarailsshared 1.4.165-rocket → 1.4.167

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -612,7 +612,7 @@
             configurable: true
         });
         MonthTagComponent.prototype.initDate = function () {
-            this.date = this.defaultValue || moment$7().unix();
+            this.date = this.defaultValue || moment$7().utc().unix();
             this.dateObj.date = this.date;
         };
         MonthTagComponent.prototype.initName = function () {
@@ -817,7 +817,7 @@
         });
         WeekTagComponent.prototype.ngOnInit = function () {
             this.initName();
-            var timestamp = this.defaultValue || moment$5().unix();
+            var timestamp = this.defaultValue || moment$5().utc().unix();
             this.date = timestamp;
             this.dateObj.date = timestamp;
             this.chosenTagHandler(timestamp);
@@ -889,9 +889,8 @@
     var ɵ0$5 = YEAR_FORMATS;
     var YearTagComponent = /** @class */ (function (_super) {
         __extends(YearTagComponent, _super);
-        function YearTagComponent(cdr) {
+        function YearTagComponent() {
             var _this = _super.call(this) || this;
-            _this.cdr = cdr;
             _this.lockedDate = [];
             return _this;
         }
@@ -903,12 +902,10 @@
             configurable: true
         });
         YearTagComponent.prototype.initDate = function () {
-            this.date = this.defaultValue || moment$4().unix();
+            this.date = this.defaultValue || moment$4().utc().unix();
             this.dateObj.date = this.date;
-            this.cdr.markForCheck();
         };
         YearTagComponent.prototype.initName = function () {
-            console.warn('bla bla bla');
             if (!this.name) {
                 this.name = 'Year';
             }
@@ -950,9 +947,7 @@
                     styles: [":host.locked>.tag-wrapper>dr-date-picker{opacity:.4}.tag__label{margin:0 0 4px;color:#0c142b;font-size:14px;font-weight:400;line-height:22px}\n"]
                 },] }
     ];
-    YearTagComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef }
-    ]; };
+    YearTagComponent.ctorParameters = function () { return []; };
     YearTagComponent.propDecorators = {
         isLocked: [{ type: i0.HostBinding, args: ['class.locked',] }],
         lockedDate: [{ type: i0.Input }]
@@ -1005,12 +1000,13 @@
             enumerable: false,
             configurable: true
         });
-        DrTagComponent.prototype.ngOnChanges = function () {
-            this.calculateDynamicTag();
+        DrTagComponent.prototype.ngOnChanges = function (simpleChanges) {
+            if (simpleChanges.tagsConfig) {
+                this.calculateDynamicTag();
+            }
         };
         DrTagComponent.prototype.ngOnInit = function () {
             var _a, _b;
-            this.calculateDynamicTag();
             this.dateTag = {
                 type: this.tagConfig.type,
                 sub_type: this.tagConfig.options.sub_type,
@@ -1224,7 +1220,7 @@
             configurable: true
         });
         DayTagComponent.prototype.initDate = function () {
-            this.date = this.defaultValue || moment$3().unix();
+            this.date = this.defaultValue || moment$3().utc().unix();
             this.dateObj.date = this.date;
         };
         DayTagComponent.prototype.initName = function () {
@@ -2461,11 +2457,11 @@
         elementClass: [{ type: i0.HostBinding, args: ['class',] }]
     };
 
-    exports.ToggleButtonTheme = void 0;
-    (function (ToggleButtonTheme) {
-        ToggleButtonTheme["DEFAULT"] = "default";
-        ToggleButtonTheme["DOTTED"] = "dotted";
-    })(exports.ToggleButtonTheme || (exports.ToggleButtonTheme = {}));
+    exports.ToggleButtonMode = void 0;
+    (function (ToggleButtonMode) {
+        ToggleButtonMode["DEFAULT"] = "default";
+        ToggleButtonMode["DOTTED"] = "dotted";
+    })(exports.ToggleButtonMode || (exports.ToggleButtonMode = {}));
 
     var DrToggleButtonComponent = /** @class */ (function () {
         function DrToggleButtonComponent(cdr) {
@@ -2474,7 +2470,7 @@
             this.bindLabel = null;
             this.bindValue = null;
             this.bindHidden = null;
-            this.theme = exports.ToggleButtonTheme.DEFAULT;
+            this.mode = exports.ToggleButtonMode.DEFAULT;
             this.onChange = function () {
             };
             this.onTouched = function () {
@@ -2511,12 +2507,12 @@
     DrToggleButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dr-toggle-button',
-                    template: "<div class=\"toggle-container\"\n     [class.disabled]=\"_disabled\"\n     [attr.theme]=\"theme\">\n    <ng-container *ngFor=\"let item of items\">\n        <div *ngIf=\"!item?.[bindHidden]\"\n             [class.selected]=\"item[bindValue] === selectedValue || item === selectedValue\"\n             [class.disabled]=\"item.disabled\"\n             class=\"toggle-container__item\">{{ item[bindLabel] || item.name || item }}</div>\n    </ng-container>\n</div>\n",
+                    template: "<div class=\"toggle-container\"\n     [class.disabled]=\"_disabled\"\n     [attr.mode]=\"mode\">\n    <ng-container *ngFor=\"let item of items\">\n        <div *ngIf=\"!item?.[bindHidden]\"\n             class=\"toggle-container__item\"\n             [class.selected]=\"item[bindValue] === selectedValue || item === selectedValue\"\n             [class.disabled]=\"item.disabled\"\n             (click)=\"setValue(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;box-sizing:border-box;border-radius:20px;height:28px}.toggle-container.disabled{pointer-events:none}.toggle-container__item{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c}.toggle-container__item.selected{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}.toggle-container__item.disabled{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container[theme~=default]{background:#f6f7f8;border:1px solid #c3c4ce}.toggle-container[theme~=dotted] .toggle-container__item{border:1px solid #9ea1aa;border-radius:18px;margin-left:5px;color:#0c142b}.toggle-container[theme~=dotted] .toggle-container__item:hover{background:#f0f1f4}.toggle-container[theme~=dotted] .toggle-container__item:hover .toggle-container[theme~=dotted] .toggle-container__item.selected{background:unset}.toggle-container[theme~=dotted] .toggle-container__item:first-child{margin-left:0}\n"]
+                    styles: [".toggle-container{display:flex;flex-wrap:nowrap;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[mode~=default]{background:#f6f7f8;border:1px solid #c3c4ce}.toggle-container[mode~=dotted] .toggle-container__item{padding:2px 8px;border:1px solid #9ea1aa;border-radius:18px;margin-left:4px;color:#0c142b}.toggle-container[mode~=dotted] .toggle-container__item:hover{background:#f0f1f4}.toggle-container[mode~=dotted] .toggle-container__item:hover .toggle-container[mode~=dotted] .toggle-container__item.selected{background:unset}.toggle-container[mode~=dotted] .toggle-container__item:first-child{margin-left:0}\n"]
                 },] }
     ];
     DrToggleButtonComponent.ctorParameters = function () { return [
@@ -2527,7 +2523,7 @@
         bindLabel: [{ type: i0.Input }],
         bindValue: [{ type: i0.Input }],
         bindHidden: [{ type: i0.Input }],
-        theme: [{ type: i0.Input }],
+        mode: [{ type: i0.Input }],
         selectedValue: [{ type: i0.Input }],
         disabled: [{ type: i0.Input }]
     };
@@ -3929,6 +3925,9 @@
         DialogWrapperComponent.prototype.closeDialog = function (data) {
             this.dialogRef.close(data || false);
         };
+        DialogWrapperComponent.prototype.enableAcceptButton = function () {
+            this.dialogData.acceptButton.isDisabled = false;
+        };
         DialogWrapperComponent.prototype.onDecline = function () {
             this.dialogRef.close(undefined);
         };
@@ -4117,6 +4116,9 @@
         DialogService.prototype.close = function (params) {
             this.wrapperComponent.close(params);
         };
+        DialogService.prototype.enableAcceptButton = function () {
+            this.wrapperComponent.componentInstance.enableAcceptButton();
+        };
         DialogService.prototype.changeDialogThemeSize = function (theme) {
             this.wrapperComponent.componentInstance.class = theme;
         };
@@ -4228,6 +4230,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;
@@ -4293,6 +4303,247 @@
         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 (!(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() {
         }
@@ -6509,6 +6760,203 @@
                 },] }
     ];
 
+    var DrScenarioConfigurationComponent = /** @class */ (function () {
+        function DrScenarioConfigurationComponent(scenarioService) {
+            this.scenarioService = scenarioService;
+            this.toggleButtonMode = exports.ToggleButtonMode;
+            this._scenarioTags = [];
+            this.wholeTagsConfig = [];
+            this.selectedScenario = exports.Scenario.ACTUALS;
+            this.isMultipleDimension = false;
+            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
+        });
+        Object.defineProperty(DrScenarioConfigurationComponent.prototype, "dateTag", {
+            get: function () {
+                return _.find(this.scenarioTags, { type: exports.TagTypes.DATE });
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DrScenarioConfigurationComponent.prototype.ngOnInit = function () {
+            this.scenarios = this.scenarioService.scenarios;
+            this.scenarioService.initScenarioTags(this.selectedScenario, this.wholeTagsConfig, this.currentTagsConfig, this.isMultipleDimension);
+            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 = this.dateTag;
+                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 = this.dateTag;
+            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                                      [mode]=\"toggleButtonMode.DOTTED\"\n                                      (ngModelChange)=\"onScenarioDataChange()\"></dr-toggle-button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    providers: [ScenarioService],
+                    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 }],
+        isMultipleDimension: [{ 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}\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 */
 
     /**
@@ -6556,6 +7004,7 @@
     exports.DrPopoverModule = DrPopoverModule;
     exports.DrPopoverRef = DrPopoverRef;
     exports.DrPopoverService = DrPopoverService;
+    exports.DrScenarioModule = DrScenarioModule;
     exports.DrSelectComponent = DrSelectComponent;
     exports.DrSharedUtils = DrSharedUtils;
     exports.DrSpinnerComponent = DrSpinnerComponent;
@@ -6579,11 +7028,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;