@datarailsshared/datarailsshared 1.4.108 → 1.4.109

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -4612,6 +4612,7 @@
                 _a[exports.TimeframeOption.DAY] = function (forward) { return _this.pagingDateChange('addCalendarDays', 1, forward); },
                 _a[exports.TimeframeOption.WEEK] = function (forward) { return _this.pagingDateChange('addCalendarDays', 7, forward); },
                 _a);
+            _this.onChangeDebounced$ = new rxjs.Subject();
             datePickerService.isTimeframeSelectionEnabled = true;
             datePickerService.format$.pipe(operators.takeUntil(_this.destroyed$)).subscribe(function (value) {
                 _this.onChangeFormat.emit(datePickerService.normalizeValue(value));
@@ -4661,8 +4662,14 @@
             configurable: true
         });
         DrDatePickerWithTimeframeComponent.prototype.ngOnInit = function () {
+            var _this = this;
             this.datePickerService.isTimeframeSelectionEnabled = this.canSelectTimeframe;
             this.cdr.markForCheck();
+            if (this.paginationDebounce) {
+                this.onChangeDebounced$.pipe(operators.takeUntil(this.destroyed$), operators.debounceTime(this.paginationDebounce)).subscribe(function (value) {
+                    _this.onChangeCallback(value);
+                });
+            }
         };
         DrDatePickerWithTimeframeComponent.prototype.pagingClicked = function (forward) {
             if (this.pagingSetup[this.datePickerService.timeframe]) {
@@ -4672,7 +4679,17 @@
         };
         DrDatePickerWithTimeframeComponent.prototype.pagingDateChange = function (actionCall, amount, forward) {
             var newValue = this.dateAdapter[actionCall](this.innerValue, forward ? amount : -amount);
-            this.setValueFromMoment(newValue);
+            if (this.paginationDebounce) {
+                // this is required for not sending extra requests when user quickly clicking on pagination
+                // here we do the same as in setValueFromMoment(newValue) with difference
+                // that updating of ngModel/formControl is debounced
+                var timestamp = newValue.unix();
+                this.writeValue(timestamp);
+                this.onChangeDebounced$.next(this.innerValue.unix());
+            }
+            else {
+                this.setValueFromMoment(newValue);
+            }
         };
         return DrDatePickerWithTimeframeComponent;
     }(DrDatePickerComponent));
@@ -4699,6 +4716,7 @@
         dateFormatConfig: [{ type: i0.Input }],
         canSelectTimeframe: [{ type: i0.Input }],
         availableTimeframes: [{ type: i0.Input }],
+        paginationDebounce: [{ type: i0.Input }],
         onChangeFormat: [{ type: i0.Output }]
     };