@datarailsshared/datarailsshared 1.4.166 → 1.4.167

package/fesm2015/datarailsshared-datarailsshared.js

@@ -3,7 +3,7 @@ import { EventEmitter, Component, ViewEncapsulation, Input, Output, HostBinding,
 import { DateAdapter, MAT_DATE_LOCALE, MAT_DATE_FORMATS } from '@angular/material/core';
 import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/material-moment-adapter';
 import * as _ from 'lodash';
-import { some, find, map, merge, forEach, reduce, isObject, isNil, isNumber } from 'lodash';
+import { find, map, merge, forEach, some, orderBy, filter as filter$1, reduce, cloneDeep, isObject, isNil, isNumber, includes } from 'lodash';
 import { NG_VALUE_ACCESSOR, FormGroupDirective, FormGroup, FormControl, NgModel, NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { isPlatformBrowser, DOCUMENT, CommonModule } from '@angular/common';
 import { Subject, from, merge as merge$1, fromEvent, noop as noop$1, BehaviorSubject } from 'rxjs';
@@ -265,13 +265,8 @@ class MonthTagComponent extends AnyTagComponent {
         return this.date ? !this.dateFilter(moment$7.unix(this.date).utc()) : false;
     }
     initDate() {
-        if (this.defaultValue) {
-            this.date = this.defaultValue;
-            this.dateObj.date = this.date;
-        }
-        else {
-            this.dateObj.date = moment$7().unix();
-        }
+        this.date = this.defaultValue || moment$7().utc().unix();
+        this.dateObj.date = this.date;
     }
     initName() {
         if (!this.name) {
@@ -449,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);
@@ -527,13 +522,8 @@ class YearTagComponent extends AnyTagComponent {
         return this.date ? !this.dateFilter(moment$4.unix(this.date).utc()) : false;
     }
     initDate() {
-        if (this.defaultValue) {
-            this.date = this.defaultValue;
-            this.dateObj.date = this.date;
-        }
-        else {
-            this.dateObj.date = moment$4().unix();
-        }
+        this.date = this.defaultValue || moment$4().utc().unix();
+        this.dateObj.date = this.date;
     }
     initName() {
         if (!this.name) {
@@ -589,29 +579,49 @@ var TagTypes;
     TagTypes["LIST"] = "LIST";
     TagTypes["DATE"] = "DATE";
 })(TagTypes || (TagTypes = {}));
+var TagsConfigSubType;
+(function (TagsConfigSubType) {
+    TagsConfigSubType["YEAR"] = "year";
+    TagsConfigSubType["PLAN"] = "plan";
+    TagsConfigSubType["BUDGET_CYCLE"] = "budget cycle";
+    TagsConfigSubType["MONTH"] = "month";
+    TagsConfigSubType["WEEK"] = "week";
+    TagsConfigSubType["DAY"] = "day";
+    TagsConfigSubType["FORECAST_NEW"] = "forecast_new";
+    TagsConfigSubType["QUARTER"] = "quarter";
+    TagsConfigSubType["FILE_STATUS"] = "file_status";
+})(TagsConfigSubType || (TagsConfigSubType = {}));
 
 class DrTagComponent {
     constructor() {
         this.lockedDate = [];
         this.dynamicTagValues = {};
-        this.connectedTags = [];
         this.tagChange = new EventEmitter(); // Not emit value for dynamic tag
         this.dynamicTagChange = new EventEmitter();
         this.dynamicTagAdd = new EventEmitter();
         this.currentTagConnectedToDynamic = false;
         this.tagTypes = TagTypes;
         this.connectedTagsValues = [];
+        this._connectedTags = [];
         this.selectedTag = {
             id: 0,
             value: undefined,
             name: ''
         };
     }
+    set connectedTags(tags) {
+        this._connectedTags = tags || [];
+    }
+    get connectedTags() {
+        return this._connectedTags;
+    }
+    ngOnChanges(simpleChanges) {
+        if (simpleChanges.tagsConfig) {
+            this.calculateDynamicTag();
+        }
+    }
     ngOnInit() {
         var _a, _b;
-        this.currentTagDynamic = this.tagConfig.options.is_custom;
-        this.currentTagConnectedToDynamic = some(this.tagsConfig, (tagConfig) => tagConfig.options.is_custom
-            && ['year'].includes(this.tagConfig.options.sub_type));
         this.dateTag = {
             type: this.tagConfig.type,
             sub_type: this.tagConfig.options.sub_type,
@@ -725,6 +735,11 @@ class DrTagComponent {
             }
         });
     }
+    calculateDynamicTag() {
+        this.currentTagDynamic = this.tagConfig.options.is_custom;
+        this.currentTagConnectedToDynamic = some(this.tagsConfig, (tagConfig) => tagConfig.options.is_custom
+            && ['year'].includes(this.tagConfig.options.sub_type));
+    }
 }
 DrTagComponent.decorators = [
     { type: Component, args: [{
@@ -810,13 +825,8 @@ class DayTagComponent extends AnyTagComponent {
         return this.date ? !this.dateFilter(moment$3.unix(this.date).utc()) : false;
     }
     initDate() {
-        if (this.defaultValue) {
-            this.date = this.defaultValue;
-            this.dateObj.date = this.date;
-        }
-        else {
-            this.dateObj.date = moment$3().unix();
-        }
+        this.date = this.defaultValue || moment$3().utc().unix();
+        this.dateObj.date = this.date;
     }
     initName() {
         if (!this.name) {
@@ -1931,12 +1941,20 @@ DrToggleComponent.propDecorators = {
     elementClass: [{ type: HostBinding, args: ['class',] }]
 };
 
+var ToggleButtonMode;
+(function (ToggleButtonMode) {
+    ToggleButtonMode["DEFAULT"] = "default";
+    ToggleButtonMode["DOTTED"] = "dotted";
+})(ToggleButtonMode || (ToggleButtonMode = {}));
+
 class DrToggleButtonComponent {
     constructor(cdr) {
         this.cdr = cdr;
         this._disabled = false;
         this.bindLabel = null;
         this.bindValue = null;
+        this.bindHidden = null;
+        this.mode = ToggleButtonMode.DEFAULT;
         this.onChange = () => {
         };
         this.onTouched = () => {
@@ -1968,12 +1986,12 @@ class DrToggleButtonComponent {
 DrToggleButtonComponent.decorators = [
     { type: Component, args: [{
                 selector: 'dr-toggle-button',
-                template: "<div class=\"toggle-container\" [class.disabled]=\"_disabled\">\n    <div\n        *ngFor=\"let item of items\"\n        (click)=\"setValue(item)\"\n        [class.selected]=\"item[bindValue] === selectedValue || item === selectedValue\"\n        [class.disabled]=\"item.disabled\"\n        class=\"toggle-container__item\"\n    >\n        {{ item[bindLabel] || item.name || item }}\n    </div>\n</div>\n",
+                template: "<div class=\"toggle-container\"\n     [class.disabled]=\"_disabled\"\n     [attr.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;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[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 = () => [
@@ -1983,6 +2001,8 @@ DrToggleButtonComponent.propDecorators = {
     items: [{ type: Input }],
     bindLabel: [{ type: Input }],
     bindValue: [{ type: Input }],
+    bindHidden: [{ type: Input }],
+    mode: [{ type: Input }],
     selectedValue: [{ type: Input }],
     disabled: [{ type: Input }]
 };
@@ -3582,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;
@@ -3644,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
@@ -3689,6 +3943,7 @@ class DrSharedUtils {
     }
 }
 
+// @ts-ignore
 const moment$2 = require('moment');
 class DrDatePickerService {
     constructor() {
@@ -3877,6 +4132,7 @@ DrDatePickerService.decorators = [
     { type: Injectable }
 ];
 
+// @ts-ignore
 const moment$1 = require('moment');
 class DrDatePickerCustomHeaderComponent {
     constructor(_calendar, _dateAdapter, _dateFormats, cdr, datePickerService) {
@@ -4231,7 +4487,7 @@ DrDatePickerComponent.decorators = [
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 providers: [
                     { provide: NG_VALUE_ACCESSOR, useExisting: DrDatePickerComponent, multi: true },
-                    { provide: DrDatePickerService }
+                    DrDatePickerService
                 ],
                 styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:\"Poppins\",sans-serif;background-color:#fff;border:1px solid #c3c4ce;border-radius:6px;color:#85889c;overflow:hidden;outline:none;cursor:pointer}:host:hover{border-color:#85889c}:host:focus-within{border-color:#4646ce!important;color:#151b3f}:host.disabled{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4}:host.disabled:after{color:#aeabac}: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:\"\\e9b6\";font-family:DataRails;font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;position:absolute;display:flex;align-items:center;justify-content:center}: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:#aeabac;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"]
             },] }
@@ -4698,7 +4954,8 @@ DrInputsModule.decorators = [
                     MatDatepickerModule,
                     MatTooltipModule,
                     DrTooltipModule
-                ]
+                ],
+                entryComponents: [DrDatePickerCustomHeaderComponent]
             },] }
 ];
 
@@ -5655,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, 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