@datarailsshared/datarailsshared 1.5.526 → 1.5.531

package/fesm2022/datarailsshared-datarailsshared.mjs

@@ -2440,7 +2440,7 @@ function ForecastTagComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(8, "Year");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(9, "dr-date-picker", 7);
-    i0.ɵɵlistener("ngModelChange", function ForecastTagComponent_ng_container_0_Template_dr_date_picker_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.dateObj.date = $event); })("ngModelChange", function ForecastTagComponent_ng_container_0_Template_dr_date_picker_ngModelChange_9_listener() { i0.ɵɵrestoreView(_r4); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.changeYearInputHandler()); });
+    i0.ɵɵlistener("ngModelChange", function ForecastTagComponent_ng_container_0_Template_dr_date_picker_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.forecastYear = $event); })("ngModelChange", function ForecastTagComponent_ng_container_0_Template_dr_date_picker_ngModelChange_9_listener() { i0.ɵɵrestoreView(_r4); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.changeYearInputHandler()); });
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -2448,7 +2448,7 @@ function ForecastTagComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(5);
     i0.ɵɵproperty("ngModel", ctx_r0.forecastValue)("disabled", ctx_r0.disabled)("items", ctx_r0.forecastTags);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngModel", ctx_r0.dateObj.date)("datepickerFilter", ctx_r0.dateFilter.bind(ctx_r0))("disabled", ctx_r0.disabled);
+    i0.ɵɵproperty("ngModel", ctx_r0.forecastYear)("datepickerFilter", ctx_r0.dateFilter.bind(ctx_r0))("disabled", ctx_r0.disabled);
 } }
 function ForecastTagComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
@@ -2456,7 +2456,7 @@ function ForecastTagComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(2, "Period");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 9)(4, "dr-date-picker", 10);
-    i0.ɵɵlistener("ngModelChange", function ForecastTagComponent_ng_template_1_Template_dr_date_picker_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.dateObj.date = $event); })("ngModelChange", function ForecastTagComponent_ng_template_1_Template_dr_date_picker_ngModelChange_4_listener() { i0.ɵɵrestoreView(_r9); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.changeYearInputHandler()); });
+    i0.ɵɵlistener("ngModelChange", function ForecastTagComponent_ng_template_1_Template_dr_date_picker_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.forecastYear = $event); })("ngModelChange", function ForecastTagComponent_ng_template_1_Template_dr_date_picker_ngModelChange_4_listener() { i0.ɵɵrestoreView(_r9); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.changeYearInputHandler()); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "dr-select", 11);
     i0.ɵɵlistener("ngModelChange", function ForecastTagComponent_ng_template_1_Template_dr_select_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.forecastValue = $event); })("ngModelChange", function ForecastTagComponent_ng_template_1_Template_dr_select_ngModelChange_5_listener() { i0.ɵɵrestoreView(_r9); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.changeTagInputHandler()); });
@@ -2464,11 +2464,12 @@ function ForecastTagComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngModel", ctx_r2.dateObj.date)("datepickerFilter", ctx_r2.dateFilter.bind(ctx_r2))("disabled", ctx_r2.disabled);
+    i0.ɵɵproperty("ngModel", ctx_r2.forecastYear)("datepickerFilter", ctx_r2.dateFilter.bind(ctx_r2))("disabled", ctx_r2.disabled);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngModel", ctx_r2.forecastValue)("disabled", ctx_r2.disabled)("items", ctx_r2.forecastTags);
 } }
 /* BEFORE MERGE INTO MASTER YOU MUST CONSULT WITH ARTEM LAZIUK !!!*/
+const FORECAST_DEFAULT_DATE_FORMAT = 'MM/DD/yyyy';
 class ForecastTagComponent extends AnyTagComponent {
     constructor() {
         super();
@@ -2491,6 +2492,7 @@ class ForecastTagComponent extends AnyTagComponent {
             { value: 11, label: '11+1', disabled: false },
         ];
         this.initDateValue = null;
+        this.firstDayMonthOfYear = '01';
     }
     ngOnChanges(changes) {
         if (changes.lockedDate) {
@@ -2501,21 +2503,16 @@ class ForecastTagComponent extends AnyTagComponent {
         const dateVal = this.defaultValue ? moment.unix(this.defaultValue) : moment();
         const fiscal_year_starts_from = this.fiscalYearStartsFrom || 1;
         this.forecastValue = this.getFiscalMonthFromDate(dateVal, fiscal_year_starts_from) - 1;
-        this.updateYear(dateVal.year(), this.forecastValue);
+        this.forecastYear = moment
+            .utc(`${this.firstDayMonthOfYear}/${this.firstDayMonthOfYear}/${this.getFiscalYearFromDate(dateVal, fiscal_year_starts_from, this.fiscalYearBack)}`, FORECAST_DEFAULT_DATE_FORMAT)
+            .unix();
         this.updateLockedDate();
         if (!this.initDateValue) {
             this.initDateValue = cloneDeep(this.dateObj.date);
         }
     }
-    updateYear(fiscalYear, month) {
-        const DATE_TIME = '12:00:00';
-        const MONTH_DIFF = 1;
-        this.dateObj.date = fiscalYear
-            ? moment.utc(`${month + MONTH_DIFF || '01'}/01/${fiscalYear} ${DATE_TIME}`, 'MM/DD/YYYY hh:mm:ss').unix()
-            : moment.utc().unix();
-    }
     updateLockedDate() {
-        const year = moment.unix(this.dateObj.date).year();
+        const year = moment.unix(this.forecastYear).year();
         this.forecastTags = this.forecastTags.map((forecastTag) => {
             forecastTag.disabled = this.lockedDate.some((timestamp) => {
                 const locked = moment.unix(timestamp);
@@ -2565,11 +2562,11 @@ class ForecastTagComponent extends AnyTagComponent {
         if (this.isDateEventHappened)
             return;
         const month = this.forecastValue;
-        const year = moment.unix(this.dateObj.date).year();
+        const year = moment.unix(this.forecastYear);
         const fiscal_year_starts_from = this.fiscalYearStartsFrom || 1;
         const fiscal_year_back = this.fiscalYearBack || false;
         if (!Number.isNaN(month) && !Number.isNaN(year)) {
-            const date = new Date(year, month, 1, 12, 0, 0, 0);
+            const date = new Date(year.year(), month, 1, 12, 0, 0, 0);
             if (fiscal_year_starts_from !== 1) {
                 if (!fiscal_year_back) {
                     date.setMonth(date.getMonth() - 13 + fiscal_year_starts_from);
@@ -2578,20 +2575,16 @@ class ForecastTagComponent extends AnyTagComponent {
                     date.setMonth(date.getMonth() - 1 + fiscal_year_starts_from);
                 }
             }
-            this.updateYear(year, date.getMonth());
+            this.dateObj.date = moment(date).unix();
             this.isDateEventHappened = true;
             setTimeout(() => {
                 this.isDateEventHappened = false;
             });
         }
-        const calculatedDate = moment
-            .unix(this.dateObj.date)
-            .year(this.getFiscalYearFromDate(moment.unix(this.dateObj.date), fiscal_year_starts_from, fiscal_year_back));
         const resultTag = {
             name: this.name,
             value: this.dateObj.date,
-            calculatedValue: calculatedDate.unix(),
-            label: `${find(this.forecastTags, { value: this.forecastValue })?.label} (${year})`,
+            label: `${find(this.forecastTags, { value: this.forecastValue })?.label} (${year.year()})`,
             locked: !this.dateFilter(moment.unix(this.dateObj.date)),
         };
         this.dateChange.emit(resultTag);
@@ -2627,7 +2620,7 @@ class ForecastTagComponent extends AnyTagComponent {
                         useClass: MomentDateAdapter,
                         deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS],
                     },
-                ], template: "<ng-container *ngIf=\"!tagAdditionalSettings?.showSplitInputs; else splitInputsTpl\">\n    <div class=\"forecast-tag__container\">\n        <div class=\"forecast-tag__forecast\">\n            <p class=\"tag__label\">Forecast</p>\n            <dr-select\n                placeholder=\"Select\"\n                [(ngModel)]=\"forecastValue\"\n                bindLabel=\"label\"\n                bindValue=\"value\"\n                [disabled]=\"disabled\"\n                [items]=\"forecastTags\"\n                (ngModelChange)=\"changeTagInputHandler()\"></dr-select>\n        </div>\n        <div class=\"forecast-tag__year\">\n            <p class=\"tag__label\">Year</p>\n            <dr-date-picker\n                format=\"year\"\n                [(ngModel)]=\"dateObj.date\"\n                [datepickerFilter]=\"dateFilter.bind(this)\"\n                [disabled]=\"disabled\"\n                (ngModelChange)=\"changeYearInputHandler()\"></dr-date-picker>\n        </div>\n    </div>\n</ng-container>\n\n<ng-template #splitInputsTpl>\n    <div class=\"forecast-tag__split-container\">\n        <p class=\"tag__label\">Period</p>\n        <div class=\"forecast-tag__split-dropdowns\">\n            <dr-date-picker\n                format=\"year\"\n                [(ngModel)]=\"dateObj.date\"\n                [datepickerFilter]=\"dateFilter.bind(this)\"\n                [disabled]=\"disabled\"\n                class=\"no-right-border-radius no-right-border\"\n                (ngModelChange)=\"changeYearInputHandler()\"></dr-date-picker>\n            <dr-select\n                placeholder=\"Select\"\n                [(ngModel)]=\"forecastValue\"\n                bindLabel=\"label\"\n                bindValue=\"value\"\n                [disabled]=\"disabled\"\n                [items]=\"forecastTags\"\n                no-left-border-radius\n                (ngModelChange)=\"changeTagInputHandler()\"></dr-select>\n        </div>\n    </div>\n</ng-template>\n", styles: [".tag__label{margin:0 0 4px;color:#0c142b;font-size:14px;font-weight:400;line-height:22px}.forecast-tag__container{display:flex;align-items:center}.forecast-tag__split-container{display:flex;flex-direction:column}.forecast-tag__split-dropdowns{display:flex;flex-direction:row}.forecast-tag__year{width:50%;margin-left:24px}.forecast-tag__forecast{width:50%}dr-date-picker.no-right-border-radius ::ng-deep{border-bottom-right-radius:0!important;border-top-right-radius:0!important}dr-date-picker.no-right-border ::ng-deep{border-right:none!important}\n"] }]
+                ], template: "<ng-container *ngIf=\"!tagAdditionalSettings?.showSplitInputs; else splitInputsTpl\">\n    <div class=\"forecast-tag__container\">\n        <div class=\"forecast-tag__forecast\">\n            <p class=\"tag__label\">Forecast</p>\n            <dr-select\n                placeholder=\"Select\"\n                [(ngModel)]=\"forecastValue\"\n                bindLabel=\"label\"\n                bindValue=\"value\"\n                [disabled]=\"disabled\"\n                [items]=\"forecastTags\"\n                (ngModelChange)=\"changeTagInputHandler()\"></dr-select>\n        </div>\n        <div class=\"forecast-tag__year\">\n            <p class=\"tag__label\">Year</p>\n            <dr-date-picker\n                format=\"year\"\n                [(ngModel)]=\"forecastYear\"\n                [datepickerFilter]=\"dateFilter.bind(this)\"\n                [disabled]=\"disabled\"\n                (ngModelChange)=\"changeYearInputHandler()\"></dr-date-picker>\n        </div>\n    </div>\n</ng-container>\n\n<ng-template #splitInputsTpl>\n    <div class=\"forecast-tag__split-container\">\n        <p class=\"tag__label\">Period</p>\n        <div class=\"forecast-tag__split-dropdowns\">\n            <dr-date-picker\n                format=\"year\"\n                [(ngModel)]=\"forecastYear\"\n                [datepickerFilter]=\"dateFilter.bind(this)\"\n                [disabled]=\"disabled\"\n                class=\"no-right-border-radius no-right-border\"\n                (ngModelChange)=\"changeYearInputHandler()\"></dr-date-picker>\n            <dr-select\n                placeholder=\"Select\"\n                [(ngModel)]=\"forecastValue\"\n                bindLabel=\"label\"\n                bindValue=\"value\"\n                [disabled]=\"disabled\"\n                [items]=\"forecastTags\"\n                no-left-border-radius\n                (ngModelChange)=\"changeTagInputHandler()\"></dr-select>\n        </div>\n    </div>\n</ng-template>\n", styles: [".tag__label{margin:0 0 4px;color:#0c142b;font-size:14px;font-weight:400;line-height:22px}.forecast-tag__container{display:flex;align-items:center}.forecast-tag__split-container{display:flex;flex-direction:column}.forecast-tag__split-dropdowns{display:flex;flex-direction:row}.forecast-tag__year{width:50%;margin-left:24px}.forecast-tag__forecast{width:50%}dr-date-picker.no-right-border-radius ::ng-deep{border-bottom-right-radius:0!important;border-top-right-radius:0!important}dr-date-picker.no-right-border ::ng-deep{border-right:none!important}\n"] }]
     }], function () { return []; }, { fiscalYearStartsFrom: [{
             type: Input
         }], fiscalYearBack: [{
@@ -2758,19 +2751,22 @@ class DateTagComponent {
 class ForecastTagService {
     static { this.MONTH_DIFF = 1; }
     static { this.forecastByMonth = {
-        0: '0+12',
-        1: '1+11',
-        2: '2+10',
-        3: '3+9',
-        4: '4+8',
-        5: '5+7',
-        6: '6+6',
-        7: '7+5',
-        8: '8+4',
-        9: '9+3',
-        10: '10+2',
-        11: '11+1',
+        '0': '0+12',
+        '1': '1+11',
+        '2': '2+10',
+        '3': '3+9',
+        '4': '4+8',
+        '5': '5+7',
+        '6': '6+6',
+        '7': '7+5',
+        '8': '8+4',
+        '9': '9+3',
+        '10': '10+2',
+        '11': '11+1',
     }; }
+    static getForecastMonthTemplates() {
+        return Array.from(Object.values(ForecastTagService.forecastByMonth));
+    }
     static getFiscalMonthFromDate(date, fiscalYearStartsFrom) {
         const all_months = [];
         for (let i = fiscalYearStartsFrom; i < 13; i++) {
@@ -2797,7 +2793,8 @@ class ForecastTagService {
         return fiscal_year;
     }
     static getForecastLabel(month) {
-        return ForecastTagService.forecastByMonth[month - ForecastTagService.MONTH_DIFF];
+        const index = month - ForecastTagService.MONTH_DIFF;
+        return ForecastTagService.forecastByMonth[index];
     }
     static getCalendarDateFromMonthAndFiscalYear(chosenMoment, monthLabel, fiscalYearStartsFrom, fiscalYearBack) {
         const yearWithMonth = ForecastTagService.addMonthsWithoutYearChange(chosenMoment, monthLabel, fiscalYearStartsFrom);
@@ -3892,7 +3889,6 @@ class DrTagComponent {
             id: this.tagConfig.id,
             name: event.name,
             value: event.value,
-            calculatedValue: event.calculatedValue,
             label: event.label,
             locked: event.locked,
         };