@datarailsshared/datarailsshared 1.4.519 → 1.4.537

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -416,13 +416,97 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
+    exports.DateFromats = void 0;
+    (function (DateFromats) {
+        DateFromats["MAT_DEFAULT_DATE_FORMAT"] = "MM/DD/yyyy";
+        DateFromats["DATE_INPUT_FORMAT"] = "YYYY/MM/DD";
+        DateFromats["YEAR_FORMAT"] = "yyyy";
+        DateFromats["MONTH_YEAR_FORMAT"] = "MM/yyyy";
+        DateFromats["QUARTER_FORMAT"] = "Q/yyyy";
+        DateFromats["WEEK_FORMAT"] = "w/yyyy";
+    })(exports.DateFromats || (exports.DateFromats = {}));
+    var CustomDateFormat = /** @class */ (function () {
+        function CustomDateFormat() {
+            this._parse = {
+                dateInput: exports.DateFromats.DATE_INPUT_FORMAT,
+            };
+            this._display = {
+                dateInput: exports.DateFromats.DATE_INPUT_FORMAT,
+                monthYearLabel: 'MMM YYYY',
+                dateA11yLabel: 'LL',
+                monthYearA11yLabel: 'MMM YYYY',
+                quarterYearLabel: 'Q/YYYY',
+                yearLabel: 'YYYY'
+            };
+        }
+        Object.defineProperty(CustomDateFormat.prototype, "parse", {
+            get: function () {
+                return this._parse;
+            },
+            set: function (parse) {
+                this._parse = Object.assign({}, this._parse, parse);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(CustomDateFormat.prototype, "display", {
+            get: function () {
+                return this._display;
+            },
+            set: function (display) {
+                this._display = Object.assign({}, this._display, display);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        CustomDateFormat.prototype.updateDateFormat = function (parse, display) {
+            this.parse = parse;
+            if (!display) {
+                display = parse;
+            }
+            this.display = display;
+        };
+        return CustomDateFormat;
+    }());
+    exports.DatePickerPeriodPosition = void 0;
+    (function (DatePickerPeriodPosition) {
+        DatePickerPeriodPosition[DatePickerPeriodPosition["END_OF_PERIOD"] = 0] = "END_OF_PERIOD";
+        DatePickerPeriodPosition[DatePickerPeriodPosition["MIDDLE_OF_PERIOD"] = 1] = "MIDDLE_OF_PERIOD";
+        DatePickerPeriodPosition[DatePickerPeriodPosition["START_OF_PERIOD"] = 2] = "START_OF_PERIOD";
+        DatePickerPeriodPosition[DatePickerPeriodPosition["DEFAULT"] = 3] = "DEFAULT";
+    })(exports.DatePickerPeriodPosition || (exports.DatePickerPeriodPosition = {}));
+    exports.TimeframeOption = void 0;
+    (function (TimeframeOption) {
+        TimeframeOption["DAY"] = "day";
+        TimeframeOption["MONTH"] = "month";
+        TimeframeOption["QUARTER"] = "quarter";
+        TimeframeOption["WEEK"] = "week";
+        TimeframeOption["YEAR"] = "year";
+    })(exports.TimeframeOption || (exports.TimeframeOption = {}));
+    exports.CalendarView = void 0;
+    (function (CalendarView) {
+        CalendarView["FOR_DAYS"] = "month";
+        CalendarView["FOR_MONTHS"] = "year";
+        CalendarView["FOR_QUARTERS"] = "none";
+        CalendarView["FOR_YEARS"] = "multi-year";
+    })(exports.CalendarView || (exports.CalendarView = {}));
+    exports.DateTags = void 0;
+    (function (DateTags) {
+        DateTags["TODAY"] = "today";
+        DateTags["YESTERDAY"] = "yesterday";
+        DateTags["THIS_MONTH"] = "this_month";
+        DateTags["PREV_MONTH"] = "prev_month";
+    })(exports.DateTags || (exports.DateTags = {}));
+
     /* BEFORE MERGE INTO MASTER YOU MUST CONSULT WITH ARTEM LAZIUK !!!*/
     // @ts-ignore
     var moment$9 = require('moment');
+    var FORECAST_DEFAULT_DATE_FORMAT = 'MM/DD/yyyy';
     var ForecastTagComponent = /** @class */ (function (_super) {
         __extends(ForecastTagComponent, _super);
         function ForecastTagComponent() {
             var _this = _super.call(this) || this;
+            _this.datePickerPeriodPosition = exports.DatePickerPeriodPosition;
             _this.lockedDate = [];
             _this.tagAdditionalSettings = {};
             _this.forecastValue = undefined;
@@ -442,6 +526,7 @@
                 { value: 11, label: '11+1', disabled: false }
             ];
             _this.initDateValue = null;
+            _this.firstDayMonthOfYear = '01';
             return _this;
         }
         ForecastTagComponent.prototype.ngOnChanges = function (changes) {
@@ -453,22 +538,18 @@
             var dateVal = this.defaultValue ? moment$9.unix(this.defaultValue) : moment$9();
             var 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$9
+                .utc(this.firstDayMonthOfYear + "/" + this.firstDayMonthOfYear + "/" + this.getFiscalYearFromDate(dateVal, fiscal_year_starts_from, this.fiscalYearBack), FORECAST_DEFAULT_DATE_FORMAT)
+                .set('hours', 12)
+                .unix();
             this.updateLockedDate();
             if (!this.initDateValue) {
                 this.initDateValue = _.cloneDeep(this.dateObj.date);
             }
         };
-        ForecastTagComponent.prototype.updateYear = function (fiscalYear, month) {
-            var DATE_TIME = '12:00:00';
-            var MONTH_DIFF = 1;
-            this.dateObj.date = fiscalYear
-                ? moment$9.utc((month + MONTH_DIFF || '01') + "/01/" + fiscalYear + " " + DATE_TIME, 'MM/DD/YYYY hh:mm:ss').unix()
-                : moment$9.utc().unix();
-        };
         ForecastTagComponent.prototype.updateLockedDate = function () {
             var _this = this;
-            var year = moment$9.unix(this.dateObj.date).year();
+            var year = moment$9.unix(this.forecastYear).year();
             this.forecastTags = this.forecastTags.map(function (forecastTag) {
                 forecastTag.disabled = _this.lockedDate.some(function (timestamp) {
                     var locked = moment$9.unix(timestamp);
@@ -520,12 +601,11 @@
             if (this.isDateEventHappened)
                 return;
             var month = this.forecastValue;
-            var year = moment$9.unix(this.dateObj.date).year();
+            var year = moment$9.unix(this.forecastYear);
             var fiscal_year_starts_from = this.fiscalYearStartsFrom || 1;
             var fiscal_year_back = this.fiscalYearBack || false;
-            var chosenDate = moment$9.unix(this.dateObj.date).unix();
             if (!Number.isNaN(month) && !Number.isNaN(year)) {
-                var date = new Date(year, month, 1, 12, 0, 0, 0);
+                var 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);
@@ -534,19 +614,16 @@
                         date.setMonth(date.getMonth() - 1 + fiscal_year_starts_from);
                     }
                 }
-                this.updateYear(year, date.getMonth());
+                this.dateObj.date = moment$9(date).unix();
                 this.isDateEventHappened = true;
                 setTimeout(function () {
                     _this.isDateEventHappened = false;
                 });
             }
-            var calculatedDate = moment$9.unix(this.dateObj.date).year(this.getFiscalYearFromDate(moment$9.unix(this.dateObj.date), fiscal_year_starts_from, fiscal_year_back));
             var resultTag = {
                 name: this.name,
                 value: this.dateObj.date,
-                calculatedValue: calculatedDate.unix(),
-                chosenValue: chosenDate,
-                label: ((_a = _.find(this.forecastTags, { value: this.forecastValue })) === null || _a === void 0 ? void 0 : _a.label) + " (" + year + ")",
+                label: ((_a = _.find(this.forecastTags, { value: this.forecastValue })) === null || _a === void 0 ? void 0 : _a.label) + " (" + year.year() + ")",
                 locked: !this.dateFilter(moment$9.unix(this.dateObj.date)),
             };
             this.dateChange.emit(resultTag);
@@ -564,7 +641,7 @@
     }(AnyTagComponent));
     ForecastTagComponent.decorators = [
         { type: i0.Component, args: [{
-                    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",
+                    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                [periodPosition]=\"datePickerPeriodPosition.MIDDLE_OF_PERIOD\"\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",
                     selector: 'forecast-tag',
                     providers: [
                         {
@@ -1137,8 +1214,6 @@
                 id: this.tagConfig.id,
                 name: event.name,
                 value: event.value,
-                calculatedValue: event.calculatedValue,
-                chosenValue: event.chosenValue,
                 label: event.label,
                 locked: event.locked
             };
@@ -2143,88 +2218,6 @@
                 },] }
     ];
 
-    exports.DateFromats = void 0;
-    (function (DateFromats) {
-        DateFromats["MAT_DEFAULT_DATE_FORMAT"] = "MM/DD/yyyy";
-        DateFromats["DATE_INPUT_FORMAT"] = "YYYY/MM/DD";
-        DateFromats["YEAR_FORMAT"] = "yyyy";
-        DateFromats["MONTH_YEAR_FORMAT"] = "MM/yyyy";
-        DateFromats["QUARTER_FORMAT"] = "Q/yyyy";
-        DateFromats["WEEK_FORMAT"] = "w/yyyy";
-    })(exports.DateFromats || (exports.DateFromats = {}));
-    var CustomDateFormat = /** @class */ (function () {
-        function CustomDateFormat() {
-            this._parse = {
-                dateInput: exports.DateFromats.DATE_INPUT_FORMAT,
-            };
-            this._display = {
-                dateInput: exports.DateFromats.DATE_INPUT_FORMAT,
-                monthYearLabel: 'MMM YYYY',
-                dateA11yLabel: 'LL',
-                monthYearA11yLabel: 'MMM YYYY',
-                quarterYearLabel: 'Q/YYYY',
-                yearLabel: 'YYYY'
-            };
-        }
-        Object.defineProperty(CustomDateFormat.prototype, "parse", {
-            get: function () {
-                return this._parse;
-            },
-            set: function (parse) {
-                this._parse = Object.assign({}, this._parse, parse);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(CustomDateFormat.prototype, "display", {
-            get: function () {
-                return this._display;
-            },
-            set: function (display) {
-                this._display = Object.assign({}, this._display, display);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        CustomDateFormat.prototype.updateDateFormat = function (parse, display) {
-            this.parse = parse;
-            if (!display) {
-                display = parse;
-            }
-            this.display = display;
-        };
-        return CustomDateFormat;
-    }());
-    exports.DatePickerPeriodPosition = void 0;
-    (function (DatePickerPeriodPosition) {
-        DatePickerPeriodPosition[DatePickerPeriodPosition["END_OF_PERIOD"] = 0] = "END_OF_PERIOD";
-        DatePickerPeriodPosition[DatePickerPeriodPosition["MIDDLE_OF_PERIOD"] = 1] = "MIDDLE_OF_PERIOD";
-        DatePickerPeriodPosition[DatePickerPeriodPosition["START_OF_PERIOD"] = 2] = "START_OF_PERIOD";
-        DatePickerPeriodPosition[DatePickerPeriodPosition["DEFAULT"] = 3] = "DEFAULT";
-    })(exports.DatePickerPeriodPosition || (exports.DatePickerPeriodPosition = {}));
-    exports.TimeframeOption = void 0;
-    (function (TimeframeOption) {
-        TimeframeOption["DAY"] = "day";
-        TimeframeOption["MONTH"] = "month";
-        TimeframeOption["QUARTER"] = "quarter";
-        TimeframeOption["WEEK"] = "week";
-        TimeframeOption["YEAR"] = "year";
-    })(exports.TimeframeOption || (exports.TimeframeOption = {}));
-    exports.CalendarView = void 0;
-    (function (CalendarView) {
-        CalendarView["FOR_DAYS"] = "month";
-        CalendarView["FOR_MONTHS"] = "year";
-        CalendarView["FOR_QUARTERS"] = "none";
-        CalendarView["FOR_YEARS"] = "multi-year";
-    })(exports.CalendarView || (exports.CalendarView = {}));
-    exports.DateTags = void 0;
-    (function (DateTags) {
-        DateTags["TODAY"] = "today";
-        DateTags["YESTERDAY"] = "yesterday";
-        DateTags["THIS_MONTH"] = "this_month";
-        DateTags["PREV_MONTH"] = "prev_month";
-    })(exports.DateTags || (exports.DateTags = {}));
-
     var POPUP_POSITIONS = {
         top: {
             originX: 'center',