@datarailsshared/datarailsshared 1.4.165-rocket → 1.4.167

package/fesm2015/datarailsshared-datarailsshared.js

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, Input, Output, HostBinding, ChangeDetectorRef, ChangeDetectionStrategy, forwardRef, ElementRef, Inject, PLATFORM_ID, ContentChildren, Renderer2, ViewChild, ContentChild, Pipe, TemplateRef, HostListener, Directive, ComponentFactoryResolver, ViewContainerRef, Injector, Injectable, Host, Optional, NgModule } from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, Input, Output, HostBinding, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef, ElementRef, Inject, PLATFORM_ID, ContentChildren, Renderer2, ViewChild, ContentChild, Pipe, TemplateRef, HostListener, Directive, ComponentFactoryResolver, ViewContainerRef, Injector, Injectable, Host, Optional, NgModule } from '@angular/core';
 import { DateAdapter, MAT_DATE_LOCALE, MAT_DATE_FORMATS } from '@angular/material/core';
 import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/material-moment-adapter';
 import * as _ from 'lodash';
-import { find, map, merge, forEach, some, 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,7 +265,7 @@ class MonthTagComponent extends AnyTagComponent {
         return this.date ? !this.dateFilter(moment$7.unix(this.date).utc()) : false;
     }
     initDate() {
-        this.date = this.defaultValue || moment$7().unix();
+        this.date = this.defaultValue || moment$7().utc().unix();
         this.dateObj.date = this.date;
     }
     initName() {
@@ -444,7 +444,7 @@ class WeekTagComponent extends AnyTagComponent {
     }
     ngOnInit() {
         this.initName();
-        const timestamp = this.defaultValue || moment$5().unix();
+        const timestamp = this.defaultValue || moment$5().utc().unix();
         this.date = timestamp;
         this.dateObj.date = timestamp;
         this.chosenTagHandler(timestamp);
@@ -514,21 +514,18 @@ const YEAR_FORMATS = {
 };
 const ɵ0$5 = YEAR_FORMATS;
 class YearTagComponent extends AnyTagComponent {
-    constructor(cdr) {
+    constructor() {
         super();
-        this.cdr = cdr;
         this.lockedDate = [];
     }
     get isLocked() {
         return this.date ? !this.dateFilter(moment$4.unix(this.date).utc()) : false;
     }
     initDate() {
-        this.date = this.defaultValue || moment$4().unix();
+        this.date = this.defaultValue || moment$4().utc().unix();
         this.dateObj.date = this.date;
-        this.cdr.markForCheck();
     }
     initName() {
-        console.warn('bla bla bla');
         if (!this.name) {
             this.name = 'Year';
         }
@@ -569,9 +566,7 @@ YearTagComponent.decorators = [
                 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 = () => [
-    { type: ChangeDetectorRef }
-];
+YearTagComponent.ctorParameters = () => [];
 YearTagComponent.propDecorators = {
     isLocked: [{ type: HostBinding, args: ['class.locked',] }],
     lockedDate: [{ type: Input }]
@@ -620,12 +615,13 @@ class DrTagComponent {
     get connectedTags() {
         return this._connectedTags;
     }
-    ngOnChanges() {
-        this.calculateDynamicTag();
+    ngOnChanges(simpleChanges) {
+        if (simpleChanges.tagsConfig) {
+            this.calculateDynamicTag();
+        }
     }
     ngOnInit() {
         var _a, _b;
-        this.calculateDynamicTag();
         this.dateTag = {
             type: this.tagConfig.type,
             sub_type: this.tagConfig.options.sub_type,
@@ -829,7 +825,7 @@ class DayTagComponent extends AnyTagComponent {
         return this.date ? !this.dateFilter(moment$3.unix(this.date).utc()) : false;
     }
     initDate() {
-        this.date = this.defaultValue || moment$3().unix();
+        this.date = this.defaultValue || moment$3().utc().unix();
         this.dateObj.date = this.date;
     }
     initName() {
@@ -1945,11 +1941,11 @@ DrToggleComponent.propDecorators = {
     elementClass: [{ type: HostBinding, args: ['class',] }]
 };
 
-var ToggleButtonTheme;
-(function (ToggleButtonTheme) {
-    ToggleButtonTheme["DEFAULT"] = "default";
-    ToggleButtonTheme["DOTTED"] = "dotted";
-})(ToggleButtonTheme || (ToggleButtonTheme = {}));
+var ToggleButtonMode;
+(function (ToggleButtonMode) {
+    ToggleButtonMode["DEFAULT"] = "default";
+    ToggleButtonMode["DOTTED"] = "dotted";
+})(ToggleButtonMode || (ToggleButtonMode = {}));
 
 class DrToggleButtonComponent {
     constructor(cdr) {
@@ -1958,7 +1954,7 @@ class DrToggleButtonComponent {
         this.bindLabel = null;
         this.bindValue = null;
         this.bindHidden = null;
-        this.theme = ToggleButtonTheme.DEFAULT;
+        this.mode = ToggleButtonMode.DEFAULT;
         this.onChange = () => {
         };
         this.onTouched = () => {
@@ -1990,12 +1986,12 @@ class DrToggleButtonComponent {
 DrToggleButtonComponent.decorators = [
     { type: Component, args: [{
                 selector: 'dr-toggle-button',
-                template: "<div class=\"toggle-container\"\n     [class.disabled]=\"_disabled\"\n     [attr.theme]=\"theme\">\n    <ng-container *ngFor=\"let item of items\">\n        <div *ngIf=\"!item?.[bindHidden]\"\n             [class.selected]=\"item[bindValue] === selectedValue || item === selectedValue\"\n             [class.disabled]=\"item.disabled\"\n             class=\"toggle-container__item\">{{ item[bindLabel] || item.name || item }}</div>\n    </ng-container>\n</div>\n",
+                template: "<div class=\"toggle-container\"\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: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DrToggleButtonComponent), multi: true }
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".toggle-container{display:flex;flex-wrap:nowrap;box-sizing:border-box;border-radius:20px;height:28px}.toggle-container.disabled{pointer-events:none}.toggle-container__item{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c}.toggle-container__item.selected{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}.toggle-container__item.disabled{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container[theme~=default]{background:#f6f7f8;border:1px solid #c3c4ce}.toggle-container[theme~=dotted] .toggle-container__item{border:1px solid #9ea1aa;border-radius:18px;margin-left:5px;color:#0c142b}.toggle-container[theme~=dotted] .toggle-container__item:hover{background:#f0f1f4}.toggle-container[theme~=dotted] .toggle-container__item:hover .toggle-container[theme~=dotted] .toggle-container__item.selected{background:unset}.toggle-container[theme~=dotted] .toggle-container__item:first-child{margin-left:0}\n"]
+                styles: [".toggle-container{display:flex;flex-wrap:nowrap;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 = () => [
@@ -2006,7 +2002,7 @@ DrToggleButtonComponent.propDecorators = {
     bindLabel: [{ type: Input }],
     bindValue: [{ type: Input }],
     bindHidden: [{ type: Input }],
-    theme: [{ type: Input }],
+    mode: [{ type: Input }],
     selectedValue: [{ type: Input }],
     disabled: [{ type: Input }]
 };
@@ -3316,6 +3312,9 @@ class DialogWrapperComponent {
     closeDialog(data) {
         this.dialogRef.close(data || false);
     }
+    enableAcceptButton() {
+        this.dialogData.acceptButton.isDisabled = false;
+    }
     onDecline() {
         this.dialogRef.close(undefined);
     }
@@ -3500,6 +3499,9 @@ class DialogService {
     close(params) {
         this.wrapperComponent.close(params);
     }
+    enableAcceptButton() {
+        this.wrapperComponent.componentInstance.enableAcceptButton();
+    }
     changeDialogThemeSize(theme) {
         this.wrapperComponent.componentInstance.class = theme;
     }
@@ -3600,6 +3602,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;
@@ -3662,6 +3672,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) {
+        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
@@ -5676,11 +5912,190 @@ DrChatModule.decorators = [
             },] }
 ];
 
+class DrScenarioConfigurationComponent {
+    constructor(scenarioService) {
+        this.scenarioService = scenarioService;
+        this.toggleButtonMode = ToggleButtonMode;
+        this._scenarioTags = [];
+        this.wholeTagsConfig = [];
+        this.selectedScenario = Scenario.ACTUALS;
+        this.isMultipleDimension = false;
+        this.scenarioDataChanged = new EventEmitter();
+    }
+    get scenarioTags() {
+        return this._scenarioTags;
+    }
+    set scenarioTags(tags) {
+        this._scenarioTags = tags;
+        this.tagNotSupportingDates = find(tags, { turnOffDateTags: true });
+    }
+    get dateTag() {
+        return find(this.scenarioTags, { type: TagTypes.DATE });
+    }
+    ngOnInit() {
+        this.scenarios = this.scenarioService.scenarios;
+        this.scenarioService.initScenarioTags(this.selectedScenario, this.wholeTagsConfig, this.currentTagsConfig, this.isMultipleDimension);
+        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 = this.dateTag;
+            if (dateTag) {
+                dateTag.toggle = false;
+            }
+        }
+    }
+    tagAcceptableDateHandler(tag) {
+        var _a;
+        if (!((_a = tag.acceptableDateTags) === null || _a === void 0 ? void 0 : _a.length))
+            return;
+        const dateTag = this.dateTag;
+        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                                      [mode]=\"toggleButtonMode.DOTTED\"\n                                      (ngModelChange)=\"onScenarioDataChange()\"></dr-toggle-button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n",
+                changeDetection: 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 = () => [
+    { type: ScenarioService }
+];
+DrScenarioConfigurationComponent.propDecorators = {
+    currentTagsConfig: [{ type: Input }],
+    wholeTagsConfig: [{ type: Input }],
+    selectedScenario: [{ type: Input }],
+    isMultipleDimension: [{ 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}\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, DrDetailsListComponent, DrDetailsListModule, DrDialogModule, DrDropdownComponent, DrDropdownDirective, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownPositionDirective, DrDropdownService, DrErrorComponent, DrErrorModule, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrSelectComponent, DrSharedUtils, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, ForecastTagComponent, IMAGE_TYPES, ListTagComponent, ListTagModule, MonthTagComponent, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, SpinnerSize, SpinnerType, TagTypes, TimeframeOption, ToggleButtonTheme, 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, DrDetailsListComponent, DrDetailsListModule, 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, ToggleButtonMode, 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