@datarailsshared/datarailsshared 1.4.42-dragons → 1.4.44

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -3611,14 +3611,23 @@
                 },] }
     ];
 
-    var DrSharedUtils = /** @class */ (function () {
-        function DrSharedUtils() {
+    var DrDatePickerService = /** @class */ (function () {
+        function DrDatePickerService() {
+            this.isTimeframeSelectionEnabled = false;
+            this.timeframe = exports.TimeframeOption.DAY;
+            this.format$ = new rxjs.BehaviorSubject(exports.DateFromats.MAT_DEFAULT_DATE_FORMAT);
+            this.updatedQuarter$ = new rxjs.Subject();
+            this.formatConfig = {
+                day: exports.DateFromats.MAT_DEFAULT_DATE_FORMAT,
+                month: exports.DateFromats.MONTH_YEAR_FORMAT,
+                year: exports.DateFromats.YEAR_FORMAT,
+                quarter: exports.DateFromats.QUARTER_FORMAT,
+            };
         }
-        /**
-         * Get timeframe (day, year, month, quarter) based on passed format
-         * @param format - date format string. Examples: MM/DD/YYYY, Q/YYYY
-         */
-        DrSharedUtils.getTimeframeByDateFormat = function (format) {
+        DrDatePickerService.prototype.getQuarterDisplay = function (value) {
+            return 'Q' + value.quarter() + this.format$.getValue().charAt(1) + value.year();
+        };
+        DrDatePickerService.prototype.getTimeframe = function (format) {
             var defaultFrame = exports.TimeframeOption.DAY;
             if (!format) {
                 return defaultFrame;
@@ -3637,28 +3646,6 @@
                     return defaultFrame;
             }
         };
-        return DrSharedUtils;
-    }());
-
-    var DrDatePickerService = /** @class */ (function () {
-        function DrDatePickerService() {
-            this.isTimeframeSelectionEnabled = false;
-            this.timeframe = exports.TimeframeOption.DAY;
-            this.format$ = new rxjs.BehaviorSubject(exports.DateFromats.MAT_DEFAULT_DATE_FORMAT);
-            this.updatedQuarter$ = new rxjs.Subject();
-            this.formatConfig = {
-                day: exports.DateFromats.MAT_DEFAULT_DATE_FORMAT,
-                month: exports.DateFromats.MONTH_YEAR_FORMAT,
-                year: exports.DateFromats.YEAR_FORMAT,
-                quarter: exports.DateFromats.QUARTER_FORMAT,
-            };
-        }
-        DrDatePickerService.prototype.getQuarterDisplay = function (value) {
-            return 'Q' + value.quarter() + this.format$.getValue().charAt(1) + value.year();
-        };
-        DrDatePickerService.prototype.getTimeframe = function (format) {
-            return DrSharedUtils.getTimeframeByDateFormat(format);
-        };
         DrDatePickerService.prototype.getConfiguredFormat = function (timeframe) {
             return this.formatConfig[timeframe];
         };
@@ -3729,9 +3716,10 @@
             this.calendarView = exports.CalendarView;
             _calendar.stateChanges.pipe(operators.takeUntil(this._destroyed)).subscribe(function () { return _this.setPeriodLabels(); });
             this.datePickerService.format$
-                .pipe(operators.take(1))
+                .pipe(operators.takeUntil(this._destroyed))
                 .subscribe(function (value) {
                 _this.selectedTimeframe = _this.timeframeOptions.filter(function (option) { return option.format == value; })[0].value;
+                _calendar.currentView = _this.selectedTimeframe;
                 _this.setPeriodLabels();
             });
             _calendar.viewChanged.pipe(operators.takeUntil(this._destroyed)).subscribe(function () { return _this.setPeriodLabels(); });
@@ -3978,6 +3966,7 @@
             _this.dateAdapter = dateAdapter;
             _this.datePickerService = datePickerService;
             _this.isDashboardDatepicker = false;
+            _this.canSelectTimeframe = true;
             _this.onChangeFormat = new i0.EventEmitter();
             _this.pagingSetup = (_b = {},
                 _b[exports.TimeframeOption.YEAR] = function (forward) { return _this.pagingDateChange('addCalendarYears', 1, forward); },
@@ -4001,6 +3990,16 @@
             configurable: true
         });
         ;
+        Object.defineProperty(DrDatePickerWithTimeframeComponent.prototype, "dateFormatConfig", {
+            set: function (value) {
+                if (value) {
+                    this.datePickerService.formatConfig = Object.assign(Object.assign({}, this.datePickerService.formatConfig), value);
+                    this.cdr.markForCheck();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(DrDatePickerWithTimeframeComponent.prototype, "displayedFormattedValue", {
             get: function () {
                 var _a;
@@ -4018,6 +4017,8 @@
             if (this.dateFormatConfig) {
                 this.datePickerService.formatConfig = Object.assign(Object.assign({}, this.datePickerService.formatConfig), this.dateFormatConfig);
             }
+            this.datePickerService.isTimeframeSelectionEnabled = this.canSelectTimeframe;
+            this.cdr.markForCheck();
         };
         DrDatePickerWithTimeframeComponent.prototype.pagingClicked = function (forward) {
             this.pagingSetup[this.datePickerService.timeframe] && this.pagingSetup[this.datePickerService.timeframe](forward);
@@ -4038,7 +4039,7 @@
                         { provide: forms.NG_VALUE_ACCESSOR, useExisting: DrDatePickerWithTimeframeComponent, multi: true },
                         { provide: 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:#21b8f1!important;color:#151b3f}:host.disabled{pointer-events:none;border:none;color:#85889c;background:#E5E6EA}: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:\"\";height:0;width:0;border-style:solid;border-width:5px 5px 2.5px;right:11px;top:13px}: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:#85889c;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}:host{border:none;display:flex;align-items:center}:host.dr-date-picker-on-dashboard{width:180px;justify-content:space-between}:host.dr-date-picker-on-dashboard mat-datepicker{position:absolute}:host.dr-date-picker-on-dashboard .dr-datepicker-input-container{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:-10px}:host.dr-date-picker-on-dashboard .dr-datepicker-input-container__formatted-value-display{font-weight:600;width:auto;margin-left:5px}:host.dr-date-picker-on-dashboard .dr-datepicker-input-container .dr-icon-date{display:block;position:relative;top:0;margin-right:8px;color:#4e566c}:host .dr-datepicker-input-container input{visibility:hidden;position:absolute;width:100%}:host .dr-datepicker-input-container__formatted-value-display{width:90px;height:22px;padding-left:0;text-align:center;line-height:22px;color:#0c142b;-webkit-text-decoration-line:underline;text-decoration-line:underline}:host .dr-datepicker-input-container__formatted-value-display:hover{background-color:#f2f2fb;border-radius:5px;cursor:pointer;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#4646ce}\n"]
+                    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:#21b8f1!important;color:#151b3f}:host.disabled{pointer-events:none;border:none;color:#85889c;background:#E5E6EA}: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:\"\";height:0;width:0;border-style:solid;border-width:5px 5px 2.5px;right:11px;top:13px}: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:#85889c;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}:host{border:none;display:flex;align-items:center}:host.dr-date-picker-on-dashboard{width:180px;justify-content:space-between}:host.dr-date-picker-on-dashboard mat-datepicker{position:absolute}:host.dr-date-picker-on-dashboard:after{visibility:hidden}:host.dr-date-picker-on-dashboard .dr-datepicker-input-container{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:-10px}:host.dr-date-picker-on-dashboard .dr-datepicker-input-container__formatted-value-display{font-weight:600;width:auto;margin-left:5px}:host.dr-date-picker-on-dashboard .dr-datepicker-input-container .dr-icon-date{display:block;position:relative;top:0;margin-right:8px;color:#4e566c}:host .dr-datepicker-input-container input{visibility:hidden;position:absolute;width:100%}:host .dr-datepicker-input-container__formatted-value-display{width:90px;height:22px;padding-left:0;text-align:center;line-height:22px;color:#0c142b;-webkit-text-decoration-line:underline;text-decoration-line:underline}:host .dr-datepicker-input-container__formatted-value-display:hover{background-color:#f2f2fb;border-radius:5px;cursor:pointer;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#4646ce}\n"]
                 },] }
     ];
     DrDatePickerWithTimeframeComponent.ctorParameters = function () { return [
@@ -4050,6 +4051,7 @@
         isDashboardClassDisplayed: [{ type: i0.HostBinding, args: ['class.dr-date-picker-on-dashboard',] }],
         isDashboardDatepicker: [{ type: i0.Input }],
         dateFormatConfig: [{ type: i0.Input }],
+        canSelectTimeframe: [{ type: i0.Input }],
         onChangeFormat: [{ type: i0.Output }]
     };
 
@@ -4335,7 +4337,6 @@
     exports.DrPopoverRef = DrPopoverRef;
     exports.DrPopoverService = DrPopoverService;
     exports.DrSelectComponent = DrSelectComponent;
-    exports.DrSharedUtils = DrSharedUtils;
     exports.DrSpinnerComponent = DrSpinnerComponent;
     exports.DrSpinnerDirective = DrSpinnerDirective;
     exports.DrSpinnerModule = DrSpinnerModule;