@datarailsshared/datarailsshared 1.4.530 → 1.4.552

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -416,6 +416,88 @@
         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');
@@ -424,6 +506,7 @@
         __extends(ForecastTagComponent, _super);
         function ForecastTagComponent() {
             var _this = _super.call(this) || this;
+            _this.datePickerPeriodPosition = exports.DatePickerPeriodPosition;
             _this.lockedDate = [];
             _this.tagAdditionalSettings = {};
             _this.forecastValue = undefined;
@@ -457,6 +540,7 @@
             this.forecastValue = this.getFiscalMonthFromDate(dateVal, fiscal_year_starts_from) - 1;
             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) {
@@ -557,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)]=\"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",
+                    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: [
                         {
@@ -1994,7 +2078,7 @@
                             useExisting: DrSelectComponent,
                             multi: true
                         }],
-                    styles: ["@charset \"UTF-8\";:host{width:100%;height:32px}:host.textView::ng-deep{width:auto}:host.textView::ng-deep ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#0b5af9}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-arrow{border:none;width:auto;height:auto;display:flex;-webkit-text-decoration-line:none;text-decoration-line:none;top:0}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-arrow:before{font-family:DataRails!important;content:\"\\ea15\";font-size:24px;color:#333}:host.no-left-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}:host.no-right-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}:host.no-right-border ::ng-deep ng-select.ng-select .ng-select-container{border-right:none!important}:host.no-left-border ::ng-deep ng-select.ng-select .ng-select-container{border-left:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px;border:1px solid #9EA1AA;box-shadow:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container:hover{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container:focus-within{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input{top:0!important;line-height:30px;padding:0 50px 0 8px!important;color:#333;font-size:14px;font-weight:400}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input input::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 8px;height:100%;overflow:auto;font-size:14px;line-height:18px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 0 0 3px!important}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{margin-right:7px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow{border:none;width:auto;height:auto;display:flex;-webkit-text-decoration-line:none;text-decoration-line:none;top:0}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:before{font-family:DataRails!important;content:\"\\ea15\";font-size:24px;color:#6d6e6f}:host ::ng-deep ng-select.ng-select.ng-select-opened .ng-select-container{border-radius:6px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container{max-height:58px;height:100%}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container{max-height:58px;font-size:14px;line-height:18px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{color:#333;height:24px;padding:2px 16px;font-size:12px;margin:2px 4px 2px 0;background:#F0F1F4;display:flex;flex-direction:row-reverse;align-items:center;border-radius:12px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-label{line-height:20px;padding:0!important}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon{border:none!important;padding:0!important;width:20px;display:flex;align-items:center;color:transparent;margin-left:4px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:before{font-family:DataRails!important;content:\"\\ea61\";font-size:20px;color:#333}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon,:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:hover{background:transparent!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#F0F1F4!important;border:1px solid #AEABAC!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow:before{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-single.ng-invalid.ng-touched .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-multiple.ng-invalid.ng-touched .ng-select-container{border-color:#bf1d30}:host.ng-invalid.ng-touched::ng-deep ng-select.ng-select .ng-select-container{border-color:#bf1d30}:host .dr-select__loading{position:relative;height:32px;width:24px}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select{border:1px solid #DFE0E3;border-radius:4px!important;margin:8px 0;box-shadow:0 4px 8px 1px #00000040;background-color:#fff;overflow:hidden;padding:8px 0}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:empty{display:none}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{display:flex;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;line-height:22px;background:#FFFFFF}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option>.ng-option-label{text-overflow:ellipsis;overflow:hidden}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#F5F5F5}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background:#EAEAFF;color:#333}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected span,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked span{font-weight:normal!important}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option-disabled{cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option-disabled[role=group]{font-size:14px;line-height:22px;color:#aeabac;cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option-disabled[role=group]:not(:first-of-type){border-top:1px solid #DFE0E3}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option-disabled[role=group]:hover{background:#FFFFFF}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper{color:#333}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{max-width:97%;word-break:break-word;color:#6d6e6f;font-weight:400;font-size:12px;line-height:20px}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected.ng-option-marked .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#6d6e6f}\n"]
+                    styles: ["@charset \"UTF-8\";:host{width:100%;height:32px}:host.textView::ng-deep{width:auto}:host.textView::ng-deep ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#0b5af9}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-arrow{border:none;width:auto;height:auto;display:flex;-webkit-text-decoration-line:none;text-decoration-line:none;top:0}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-arrow:before{font-family:DataRails!important;content:\"\\ea15\";font-size:24px;color:#333}:host.no-left-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}:host.no-right-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}:host.no-right-border ::ng-deep ng-select.ng-select .ng-select-container{border-right:none!important}:host.no-left-border ::ng-deep ng-select.ng-select .ng-select-container{border-left:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px;border:1px solid #9EA1AA;box-shadow:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container:hover{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container:focus-within{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input{top:0!important;line-height:30px;padding:0 50px 0 8px!important;color:#333;font-size:14px;font-weight:400}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input input::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 8px;height:100%;overflow:auto;font-size:14px;line-height:18px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 0 0 3px!important}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{margin-right:7px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow{border:none;width:auto;height:auto;display:flex;-webkit-text-decoration-line:none;text-decoration-line:none;top:0}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:before{font-family:DataRails!important;content:\"\\ea15\";font-size:24px;color:#6d6e6f}:host ::ng-deep ng-select.ng-select.ng-select-opened .ng-select-container{border-radius:6px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container{max-height:58px;height:100%}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container{max-height:58px;font-size:14px;line-height:18px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{color:#333;height:24px;padding:2px 16px;font-size:12px;margin:2px 4px 2px 0;background:#F0F1F4;display:flex;flex-direction:row-reverse;align-items:center;border-radius:12px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-label{line-height:20px;padding:0!important}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon{border:none!important;padding:0!important;width:20px;display:flex;align-items:center;color:transparent;margin-left:4px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:before{font-family:DataRails!important;content:\"\\ea64\";font-size:20px;color:#333}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon,:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:hover{background:transparent!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#F0F1F4!important;border:1px solid #AEABAC!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow:before{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-single.ng-invalid.ng-touched .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-multiple.ng-invalid.ng-touched .ng-select-container{border-color:#bf1d30}:host.ng-invalid.ng-touched::ng-deep ng-select.ng-select .ng-select-container{border-color:#bf1d30}:host .dr-select__loading{position:relative;height:32px;width:24px}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select{border:1px solid #DFE0E3;border-radius:4px!important;margin:8px 0;box-shadow:0 4px 8px 1px #00000040;background-color:#fff;overflow:hidden;padding:8px 0}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:empty{display:none}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{display:flex;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;line-height:22px;background:#FFFFFF}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option>.ng-option-label{text-overflow:ellipsis;overflow:hidden}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#F5F5F5}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background:#EAEAFF;color:#333}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected span,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked span{font-weight:normal!important}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option-disabled{cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option-disabled[role=group]{font-size:14px;line-height:22px;color:#aeabac;cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option-disabled[role=group]:not(:first-of-type){border-top:1px solid #DFE0E3}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option-disabled[role=group]:hover{background:#FFFFFF}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper{color:#333}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{max-width:97%;word-break:break-word;color:#6d6e6f;font-weight:400;font-size:12px;line-height:20px}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected.ng-option-marked .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#6d6e6f}\n"]
                 },] }
     ];
     DrSelectComponent.ctorParameters = function () { return [
@@ -2134,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',
@@ -6611,7 +6613,7 @@
             * We need keep local timestamp for Electron Application
             * Issue in electron: when we select date, date select with -1 (if we're choosing 2023, output will be 2022)
             */
-            var convertedValue = document.is_electron ? moment$1.unix(value) : moment$1.unix(value).utc();
+            var convertedValue = document.is_electron ? moment$1.unix(value).utc() : moment$1.unix(value).utc();
             this.innerValue = value ? convertedValue : value;
             if (this.innerValue) {
                 this.tryToNormalaizeTimeframe();