@datarailsshared/datarailsshared 1.3.44 → 1.3.47

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@angular/material/core'), require('@angular/material-moment-adapter'), require('moment'), require('@angular/common'), require('rxjs'), require('rxjs/operators'), require('@angular/animations'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/material/datepicker'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/button-toggle'), require('@ng-select/ng-select'), require('@angular/material/tooltip'), require('@angular/material/tabs')) :
     typeof define === 'function' && define.amd ? define('@datarailsshared/datarailsshared', ['exports', '@angular/core', '@angular/forms', '@angular/material/core', '@angular/material-moment-adapter', 'moment', '@angular/common', 'rxjs', 'rxjs/operators', '@angular/animations', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/material/datepicker', '@angular/material/form-field', '@angular/material/input', '@angular/material/select', '@angular/material/button-toggle', '@ng-select/ng-select', '@angular/material/tooltip', '@angular/material/tabs'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.datarailsshared = global.datarailsshared || {}, global.datarailsshared.datarailsshared = {}), global.ng.core, global.ng.forms, global.ng.material.core, global.ng.materialMomentAdapter, global.moment$7, global.ng.common, global.rxjs, global.rxjs.operators, global.ng.animations, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.material.datepicker, global.ng.material.formField, global.ng.material.input, global.ng.material.select, global.ng.material.buttonToggle, global.ngSelect, global.ng.material.tooltip, global.ng.material.tabs));
-}(this, (function (exports, i0, forms, core, materialMomentAdapter, moment$7, common, rxjs, operators, animations, i1, portal, datepicker, formField, input, select, buttonToggle, ngSelect, tooltip, tabs) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.datarailsshared = global.datarailsshared || {}, global.datarailsshared.datarailsshared = {}), global.ng.core, global.ng.forms, global.ng.material.core, global.ng.materialMomentAdapter, global.momentImported, global.ng.common, global.rxjs, global.rxjs.operators, global.ng.animations, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.material.datepicker, global.ng.material.formField, global.ng.material.input, global.ng.material.select, global.ng.material.buttonToggle, global.ngSelect, global.ng.material.tooltip, global.ng.material.tabs));
+}(this, (function (exports, i0, forms, core, materialMomentAdapter, momentImported, common, rxjs, operators, animations, i1, portal, datepicker, formField, input, select, buttonToggle, ngSelect, tooltip, tabs) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -25,7 +25,7 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var moment__namespace = /*#__PURE__*/_interopNamespace(moment$7);
+    var momentImported__namespace = /*#__PURE__*/_interopNamespace(momentImported);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
 
     // import {*} from ""
@@ -419,7 +419,7 @@
     }
 
     // @ts-ignore
-    var moment$6 = require("moment");
+    var moment$9 = require("moment");
     var ForecastTagComponent = /** @class */ (function (_super) {
         __extends(ForecastTagComponent, _super);
         function ForecastTagComponent() {
@@ -441,10 +441,10 @@
                 { "value": 11, "label": "11+1" }
             ];
             _this.dateFilter = function (date) {
-                var forecastDate = moment$6.unix(date);
+                var forecastDate = moment$9.unix(date);
                 var status = true;
                 _this.lockedDate.forEach(function (timestamp) {
-                    var locked = moment$6.unix(timestamp);
+                    var locked = moment$9.unix(timestamp);
                     return status = !(locked.month() === forecastDate.month() && locked.year() === forecastDate.year());
                 });
                 return status;
@@ -461,7 +461,7 @@
             this.forecastValue = this.getFiscalMonthFromDate(dateVal, fiscal_year_starts_from) - 1;
             var fiscal_year = this.getFiscalYearFromDate(dateVal, fiscal_year_starts_from, fiscal_year_back);
             console.log("test", dateVal, fiscal_year_starts_from, this.forecastValue, fiscal_year);
-            this.dateObj.date = moment$6(new Date(fiscal_year, 0, 1)).format("YYYY");
+            this.dateObj.date = moment$9(new Date(fiscal_year, 0, 1)).format("YYYY");
             this.updateLockedDate();
         };
         ForecastTagComponent.prototype.updateLockedDate = function () {
@@ -470,7 +470,7 @@
             var _loop_1 = function (forecastTag) {
                 forecastTag.disable = false;
                 this_1.lockedDate.forEach(function (timestamp) {
-                    var locked = moment$6.unix(timestamp);
+                    var locked = moment$9.unix(timestamp);
                     if (locked.month() - 1 === forecastTag.value && +locked.year() + 1 === +_this.dateObj.date) {
                         forecastTag.disable = true;
                     }
@@ -579,7 +579,7 @@
     };
 
     // @ts-ignore
-    var moment$5 = require("moment");
+    var moment$8 = require("moment");
     var MONTH_FORMATS = {
         parse: {
             dateInput: "DD-MM-YYYY",
@@ -597,12 +597,12 @@
         function MonthTagComponent() {
             var _this = _super.call(this) || this;
             _this.lockedDate = [];
-            _this.date = new forms.FormControl(moment$5());
+            _this.date = new forms.FormControl(moment$8());
             _this.dateFilter = function (date) {
-                var calendarDate = moment$5(date);
+                var calendarDate = moment$8(date);
                 var status = true;
                 _this.lockedDate.forEach(function (timestamp) {
-                    var lockDate = moment$5.unix(timestamp);
+                    var lockDate = moment$8.unix(timestamp);
                     return status = !(lockDate.year() === calendarDate.year() && lockDate.month() === calendarDate.month());
                 });
                 return status;
@@ -611,11 +611,11 @@
         }
         MonthTagComponent.prototype.initDate = function () {
             if (this.defaultValue) {
-                this.dateObj.date = moment$5(this.defaultValue * 1000).utc().format("YYYY-MM");
-                this.date = new forms.FormControl(moment$5(this.defaultValue * 1000));
+                this.dateObj.date = moment$8(this.defaultValue * 1000).utc().format("YYYY-MM");
+                this.date = new forms.FormControl(moment$8(this.defaultValue * 1000));
             }
             else {
-                this.dateObj.date = moment$5(new Date()).format("YYYY-MM");
+                this.dateObj.date = moment$8(new Date()).format("YYYY-MM");
             }
         };
         MonthTagComponent.prototype.initName = function () {
@@ -624,7 +624,7 @@
             }
         };
         MonthTagComponent.prototype.chosenTagHandler = function (value) {
-            var resultDate = moment$5.utc(value);
+            var resultDate = moment$8.utc(value);
             resultDate.hour(12);
             var resultTag = {
                 name: this.name,
@@ -663,7 +663,7 @@
     };
 
     // @ts-ignore
-    var moment$4 = require("moment");
+    var moment$7 = require("moment");
     var QuarterTagComponent = /** @class */ (function (_super) {
         __extends(QuarterTagComponent, _super);
         function QuarterTagComponent() {
@@ -674,8 +674,8 @@
             _this.dateFilter = function (date) {
                 var status = true;
                 _this.lockedDate.forEach(function (timestamp) {
-                    var lockDate = moment$4.unix(timestamp);
-                    var quarterDate = moment$4.unix(date.value);
+                    var lockDate = moment$7.unix(timestamp);
+                    var quarterDate = moment$7.unix(date.value);
                     if (lockDate.year() === quarterDate.year() && lockDate.month() === quarterDate.month()) {
                         date.disable = true;
                         status = false;
@@ -718,7 +718,7 @@
         };
         QuarterTagComponent.prototype.chosenTagHandler = function (value) {
             var date = new Date(value * 1000);
-            var resultDate = moment$4.utc(date);
+            var resultDate = moment$7.utc(date);
             var resultTag = {
                 name: this.name,
                 value: parseInt(resultDate.format("X"), 10),
@@ -776,7 +776,7 @@
     };
 
     // @ts-ignore
-    var moment$3 = require("moment");
+    var moment$6 = require("moment");
     var WEEK_FORMATS = {
         parse: {
             dateInput: "WW-YYYY",
@@ -794,13 +794,13 @@
         function WeekTagComponent() {
             var _this = _super.call(this) || this;
             _this.lockedDate = [];
-            _this.date = new forms.FormControl(moment$3());
+            _this.date = new forms.FormControl(moment$6());
             _this.selectedValue = "";
             _this.dateFilter = function (date) {
-                var calendarDate = moment$3(date);
+                var calendarDate = moment$6(date);
                 var status = true;
                 _this.lockedDate.forEach(function (timestamp) {
-                    var lockDate = moment$3.unix(timestamp);
+                    var lockDate = moment$6.unix(timestamp);
                     return status = !(lockDate.week() === calendarDate.week() && lockDate.year() === calendarDate.year());
                 });
                 return status;
@@ -831,7 +831,7 @@
             }
         };
         WeekTagComponent.prototype.chosenDateHandler = function (normalizedDay) {
-            var date = moment$3(normalizedDay).unix();
+            var date = moment$6(normalizedDay).unix();
             this.chosenTagHandler(date);
         };
         WeekTagComponent.prototype.chosenTagHandler = function (value) {
@@ -843,7 +843,7 @@
             else {
                 date = new Date(value * 1000);
             }
-            var resultDate = moment$3(date);
+            var resultDate = moment$6(date);
             var resultTag = {
                 name: this.name,
                 value: parseInt(resultDate.format("X"), 10),
@@ -854,8 +854,8 @@
             this.dateChange.emit(resultTag);
         };
         WeekTagComponent.prototype.getWeekLabel = function (date) {
-            return "W" + this.pad(moment$3(date).isoWeek(), 2) +
-                " " + moment$3(date).year();
+            return "W" + this.pad(moment$6(date).isoWeek(), 2) +
+                " " + moment$6(date).year();
         };
         WeekTagComponent.prototype.getUTCTimestamp = function (date) {
             return Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), 12, 0, 0, 0);
@@ -868,7 +868,7 @@
             return date;
         };
         WeekTagComponent.prototype.getWeekNumberByDate = function (date) {
-            return this.pad(moment$3(date).isoWeek(), 2);
+            return this.pad(moment$6(date).isoWeek(), 2);
         };
         WeekTagComponent.prototype.pad = function (n, width, z) {
             if (z === void 0) { z = "0"; }
@@ -898,7 +898,7 @@
     };
 
     // @ts-ignore
-    var moment$2 = require("moment");
+    var moment$5 = require("moment");
     var YEAR_FORMATS = {
         parse: {
             dateInput: "YYYY",
@@ -916,12 +916,12 @@
         function YearTagComponent() {
             var _this = _super.call(this) || this;
             _this.lockedDate = [];
-            _this.date = new forms.FormControl(moment$2());
+            _this.date = new forms.FormControl(moment$5());
             _this.dateFilter = function (date) {
-                var calendarDateYear = moment$2(date).year();
+                var calendarDateYear = moment$5(date).year();
                 var status = true;
                 _this.lockedDate.forEach(function (timestamp) {
-                    var lockDate = moment$2.unix(timestamp);
+                    var lockDate = moment$5.unix(timestamp);
                     return status = !(lockDate.year() === calendarDateYear);
                 });
                 return status;
@@ -930,11 +930,11 @@
         }
         YearTagComponent.prototype.initDate = function () {
             if (this.defaultValue) {
-                this.dateObj.date = moment$2(new Date(this.defaultValue * 1000)).utc().format("YYYY");
-                this.date = new forms.FormControl(moment$2(this.defaultValue * 1000));
+                this.dateObj.date = moment$5(new Date(this.defaultValue * 1000)).utc().format("YYYY");
+                this.date = new forms.FormControl(moment$5(this.defaultValue * 1000));
             }
             else {
-                this.dateObj.date = moment$2(new Date()).format("YYYY");
+                this.dateObj.date = moment$5(new Date()).format("YYYY");
             }
         };
         YearTagComponent.prototype.initName = function () {
@@ -944,10 +944,10 @@
         };
         YearTagComponent.prototype.chosenTagHandler = function (value) {
             var date = new Date();
-            var year = moment$2(value).year();
+            var year = moment$5(value).year();
             date.setTime(0);
             date.setFullYear(year, 0, 1);
-            var resultDate = moment$2.utc(date);
+            var resultDate = moment$5.utc(date);
             resultDate.hour(12);
             var resultTag = {
                 name: this.name,
@@ -1041,7 +1041,7 @@
         tagChange: [{ type: i0.Output }]
     };
 
-    var moment$1 = moment__namespace;
+    var moment$4 = momentImported__namespace;
     var ListTagComponent = /** @class */ (function () {
         function ListTagComponent() {
             this.defaultValue = "";
@@ -1082,7 +1082,7 @@
     };
 
     // @ts-ignore
-    var moment = require("moment");
+    var moment$3 = require("moment");
     var DAY_FORMATS = {
         parse: {
             dateInput: "DD-MM-YYYY",
@@ -1100,9 +1100,9 @@
         function DayTagComponent() {
             var _this = _super.call(this) || this;
             _this.lockedDate = [];
-            _this.date = new forms.FormControl(moment());
+            _this.date = new forms.FormControl(moment$3());
             _this.dateFilter = function (date) {
-                var calendarDate = moment(date).unix();
+                var calendarDate = moment$3(date).unix();
                 var status = true;
                 _this.lockedDate.forEach(function (timestamp) {
                     return status = !(timestamp === calendarDate);
@@ -1112,10 +1112,10 @@
             return _this;
         }
         DayTagComponent.prototype.initDate = function () {
-            var utcOffsetInMilliseconds = moment().utcOffset() * 60 * 1000;
-            this.dateObj.date = moment(moment().valueOf() + utcOffsetInMilliseconds);
+            var utcOffsetInMilliseconds = moment$3().utcOffset() * 60 * 1000;
+            this.dateObj.date = moment$3(moment$3().valueOf() + utcOffsetInMilliseconds);
             if (this.defaultValue) {
-                this.dateObj.date = moment(new Date(this.defaultValue * 1000)).utc();
+                this.dateObj.date = moment$3(new Date(this.defaultValue * 1000)).utc();
                 this.date.setValue(this.dateObj.date);
             }
         };
@@ -1125,11 +1125,11 @@
             }
         };
         DayTagComponent.prototype.chosenTagHandler = function (value) {
-            var date = moment(value).unix();
+            var date = moment$3(value).unix();
             var resultTag = {
                 name: this.name,
                 value: date,
-                label: moment.unix(date).format("MM/DD/YYYY"),
+                label: moment$3.unix(date).format("MM/DD/YYYY"),
                 locked: !this.dateFilter(value)
             };
             console.log("resultTag", resultTag);
@@ -2427,6 +2427,7 @@
         return CustomDateFormat;
     }());
 
+    var moment$2 = require('moment');
     var DrDatePickerService = /** @class */ (function () {
         function DrDatePickerService() {
             this.timeframe = 'day';
@@ -2434,7 +2435,7 @@
             this.updatedQuater = new rxjs.Subject();
         }
         DrDatePickerService.prototype.getQuarterDisplay = function (value, format) {
-            return 'Q' + moment__namespace(value).quarter() + format.charAt(1) + moment__namespace(value).year();
+            return 'Q' + moment$2(value).quarter() + format.charAt(1) + moment$2(value).year();
         };
         DrDatePickerService.prototype.setTimeframe = function (format) {
             var lowerCaseFormat = format.toLowerCase();
@@ -2464,6 +2465,7 @@
                 },] }
     ];
 
+    var moment$1 = require('moment');
     var DrDatePickerCustomHeaderComponent = /** @class */ (function () {
         function DrDatePickerCustomHeaderComponent(_calendar, _dateAdapter, _dateFormats, cdr, datePickerService) {
             var _this = this;
@@ -2486,18 +2488,18 @@
                     title: 'Month',
                     value: 'year',
                     format: MONTH_YEAR_FORMAT,
-                    periodLabel: function () { return String(moment__namespace(_this._calendar.activeDate).year()); }
+                    periodLabel: function () { return String(moment$1(_this._calendar.activeDate).year()); }
                 }, {
                     title: 'Quarter',
                     value: 'none',
                     format: QUARTER_FORMAT,
-                    periodLabel: function () { return String(moment__namespace(_this._calendar.activeDate).year()); }
+                    periodLabel: function () { return String(moment$1(_this._calendar.activeDate).year()); }
                 }, {
                     title: 'Year',
                     value: 'multi-year',
                     format: YEAR_FORMAT,
                     periodLabel: function () {
-                        var currentYear = moment__namespace(_this._calendar.activeDate).year();
+                        var currentYear = moment$1(_this._calendar.activeDate).year();
                         var startPeriod = Math.floor(currentYear / 24) * 24;
                         return startPeriod + '-' + (startPeriod + 23);
                     }
@@ -2544,8 +2546,8 @@
             this.setPeriodLabels(chosenTimeframeOption);
             this.datePickerService.format.next(chosenTimeframeOption.format);
             this.datePickerService.setTimeframe(chosenTimeframeOption.format);
-            if (this.selectedTimeframe == null) {
-                this.selectedQuarter = moment__namespace(this._calendar.activeDate).quarter();
+            if (this.selectedTimeframe == 'none') {
+                this.selectedQuarter = moment$1(this._calendar.activeDate).quarter();
             }
         };
         Object.defineProperty(DrDatePickerCustomHeaderComponent.prototype, "currentViewIsQuater", {
@@ -2560,10 +2562,10 @@
         };
         DrDatePickerCustomHeaderComponent.prototype.onSelectQuater = function (quarterNumber) {
             var monthsInQuarter = 3;
-            this.selectedQuarter = moment__namespace(this._calendar.activeDate).quarter();
+            this.selectedQuarter = moment$1(this._calendar.activeDate).quarter();
             var unadaptedDate = this._dateAdapter.addCalendarMonths(this._calendar.activeDate, monthsInQuarter * (quarterNumber - this.selectedQuarter));
             this._calendar.activeDate = unadaptedDate;
-            this.datePickerService.updatedQuater.next(moment__namespace(unadaptedDate));
+            this.datePickerService.updatedQuater.next(moment$1(unadaptedDate));
             this.datePickerService.calendarInstance.close();
         };
         DrDatePickerCustomHeaderComponent.prototype.pagingClicked = function (forward) {
@@ -2593,6 +2595,7 @@
         { type: DrDatePickerService }
     ]; };
 
+    var moment = require('moment');
     var noop = function () { };
     var ɵ0$1 = noop;
     var DrDatePickerComponent = /** @class */ (function () {
@@ -2607,6 +2610,7 @@
             this.customHeader = DrDatePickerCustomHeaderComponent;
             this.onChangeFormat = new i0.EventEmitter();
             this.timeframeSelection = false;
+            this.takeEndOfPeriod = false;
             this.placeholder = 'Select';
             this.min = null;
             this.max = null;
@@ -2635,7 +2639,9 @@
             datePickerService.updatedQuater
                 .pipe(operators.takeUntil(this._destroyed))
                 .subscribe(function (value) {
+                _this.tryToNormalaizeTimeframe(value, 'quarter');
                 _this.writeValue(value);
+                _this.onChangeCallback(value);
             });
         }
         Object.defineProperty(DrDatePickerComponent.prototype, "format", {
@@ -2665,6 +2671,11 @@
                 };
             }, 1000);
         };
+        DrDatePickerComponent.prototype.tryToNormalaizeTimeframe = function (normalizedRef, timeframe) {
+            if (this.takeEndOfPeriod) {
+                normalizedRef.endOf(timeframe);
+            }
+        };
         Object.defineProperty(DrDatePickerComponent.prototype, "value", {
             get: function () {
                 return this.innerValue;
@@ -2672,7 +2683,6 @@
             set: function (v) {
                 if (v !== this.innerValue) {
                     this.innerValue = v;
-                    this.onChangeCallback(v);
                 }
                 this.cdr.markForCheck();
             },
@@ -2688,14 +2698,12 @@
         DrDatePickerComponent.prototype.writeValue = function (value) {
             if (value !== this.innerValue) {
                 if (value && typeof value === 'number') {
-                    this.innerValue = moment__namespace.unix(value);
+                    this.innerValue = moment.unix(value);
                 }
                 else {
                     this.innerValue = value;
                 }
-                if (this.timeframeSelection) {
-                    moment__namespace(value).endOf(this.datePickerService.timeframe);
-                }
+                this.tryToNormalaizeTimeframe(this.innerValue, this.datePickerService.timeframe);
                 this.cdr.markForCheck();
             }
         };
@@ -2717,6 +2725,7 @@
         };
         DrDatePickerComponent.prototype.chosenMonthHandler = function (normalizedMonth, datepicker) {
             if (this.datePickerService.timeframe == 'month') {
+                this.tryToNormalaizeTimeframe(normalizedMonth, 'month');
                 this.writeValue(normalizedMonth);
                 this.onChangeCallback(normalizedMonth);
                 datepicker.close();
@@ -2724,6 +2733,7 @@
         };
         DrDatePickerComponent.prototype.chosenYearHandler = function (normalizedYear, datepicker) {
             if (this.datePickerService.timeframe == 'year') {
+                this.tryToNormalaizeTimeframe(normalizedYear, 'year');
                 this.writeValue(normalizedYear);
                 this.onChangeCallback(normalizedYear);
                 datepicker.close();
@@ -2769,6 +2779,7 @@
         onChangeFormat: [{ type: i0.Output }],
         format: [{ type: i0.Input }],
         timeframeSelection: [{ type: i0.Input }],
+        takeEndOfPeriod: [{ type: i0.Input }],
         placeholder: [{ type: i0.Input }],
         min: [{ type: i0.Input }],
         max: [{ type: i0.Input }],