@datarailsshared/datarailsshared 1.3.45 → 1.3.48

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -1476,6 +1476,7 @@
             this.placeholder = '';
             this.readonly = false;
             this.blur = new i0.EventEmitter();
+            this.ngModelDebounceChange = new i0.EventEmitter();
             this.innerValue = null;
             this._disabled = null;
             this._elementClass = [];
@@ -1631,7 +1632,7 @@
     DrInputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dr-input',
-                    template: "<ng-content select=\"[prefixIcon]\"></ng-content>\r\n<input [(ngModel)]=\"value\"\r\n       (ngModelChange)=\"updateChanges()\"\r\n       (blur)=\"blur.emit(value); onTouched()\"\r\n       [disabled]=\"_disabled\"\r\n       [readonly]=\"readonly\"\r\n       [type]=\"type\"\r\n       [placeholder]=\"placeholder\"\r\n       [name]=\"name\"\r\n       [min]=\"min\"\r\n       [max]=\"max\"\r\n       [minLength]=\"minLength\"\r\n       [maxlength]=\"maxlength\"\r\n       [step]=\"step\"\r\n>\r\n<span class=\"clear-icon\" (click)=\"onClear($event)\"></span>\r\n<span *ngIf=\"type === 'search'\" class=\"search-icon\" (click)=\"onSearchClicked($event)\"></span>\r\n<ng-content select=\"[suffixIcon]\"></ng-content>\r\n<button *ngIf=\"_buttonOptions.show || (_buttonOptions.showOnFocus && _buttonOptions.focusSet)\"\r\n        (click)=\"onButtonClicked($event)\">\r\n    {{_buttonOptions.text}}\r\n</button>\r\n",
+                    template: "<ng-content select=\"[prefixIcon]\"></ng-content>\r\n<input [(ngModel)]=\"value\"\r\n       (ngModelChange)=\"updateChanges()\"\r\n       (ngModelDebounceChange)=\"ngModelDebounceChange.emit($event)\"\r\n       (blur)=\"blur.emit(value); onTouched()\"\r\n       [disabled]=\"_disabled\"\r\n       [readonly]=\"readonly\"\r\n       [type]=\"type\"\r\n       [placeholder]=\"placeholder\"\r\n       [name]=\"name\"\r\n       [min]=\"min\"\r\n       [max]=\"max\"\r\n       [minLength]=\"minLength\"\r\n       [maxlength]=\"maxlength\"\r\n       [step]=\"step\"\r\n>\r\n<span *ngIf=\"value\" class=\"clear-icon\" (click)=\"onClear($event)\"></span>\r\n<span *ngIf=\"type === 'search'\" class=\"search-icon\" (click)=\"onSearchClicked($event)\"></span>\r\n<ng-content select=\"[suffixIcon]\"></ng-content>\r\n<button *ngIf=\"_buttonOptions.show || (_buttonOptions.showOnFocus && _buttonOptions.focusSet)\"\r\n        (click)=\"onButtonClicked($event)\">\r\n    {{_buttonOptions.text}}\r\n</button>\r\n",
                     providers: [{
                             provide: forms.NG_VALUE_ACCESSOR,
                             useExisting: i0.forwardRef(function () { return DrInputComponent; }),
@@ -1660,6 +1661,7 @@
         maxlength: [{ type: i0.Input }],
         step: [{ type: i0.Input }],
         blur: [{ type: i0.Output }],
+        ngModelDebounceChange: [{ type: i0.Output }],
         elementClass: [{ type: i0.HostBinding, args: ['class',] }],
         searchHandler: [{ type: i0.Output }],
         buttonHandler: [{ type: i0.Output }],
@@ -2639,8 +2641,9 @@
             datePickerService.updatedQuater
                 .pipe(operators.takeUntil(this._destroyed))
                 .subscribe(function (value) {
+                _this.tryToNormalaizeTimeframe(value, 'quarter');
                 _this.writeValue(value);
-                _this.value = moment(value).unix();
+                _this.onChangeCallback(value);
             });
         }
         Object.defineProperty(DrDatePickerComponent.prototype, "format", {
@@ -2670,6 +2673,11 @@
                 };
             }, 1000);
         };
+        DrDatePickerComponent.prototype.tryToNormalaizeTimeframe = function (normalizedRef, timeframe) {
+            if (this.takeEndOfPeriod) {
+                normalizedRef.endOf(timeframe);
+            }
+        };
         Object.defineProperty(DrDatePickerComponent.prototype, "value", {
             get: function () {
                 return this.innerValue;
@@ -2677,7 +2685,6 @@
             set: function (v) {
                 if (v !== this.innerValue) {
                     this.innerValue = v;
-                    this.onChangeCallback(v);
                 }
                 this.cdr.markForCheck();
             },
@@ -2698,9 +2705,7 @@
                 else {
                     this.innerValue = value;
                 }
-                if (this.takeEndOfPeriod) {
-                    this.innerValue = moment(value).endOf(this.datePickerService.timeframe);
-                }
+                this.tryToNormalaizeTimeframe(this.innerValue, this.datePickerService.timeframe);
                 this.cdr.markForCheck();
             }
         };
@@ -2722,6 +2727,7 @@
         };
         DrDatePickerComponent.prototype.chosenMonthHandler = function (normalizedMonth, datepicker) {
             if (this.datePickerService.timeframe == 'month') {
+                this.tryToNormalaizeTimeframe(normalizedMonth, 'month');
                 this.writeValue(normalizedMonth);
                 this.onChangeCallback(normalizedMonth);
                 datepicker.close();
@@ -2729,6 +2735,7 @@
         };
         DrDatePickerComponent.prototype.chosenYearHandler = function (normalizedYear, datepicker) {
             if (this.datePickerService.timeframe == 'year') {
+                this.tryToNormalaizeTimeframe(normalizedYear, 'year');
                 this.writeValue(normalizedYear);
                 this.onChangeCallback(normalizedYear);
                 datepicker.close();
@@ -3813,6 +3820,36 @@
         { type: i0.ChangeDetectorRef }
     ]; };
 
+    var DrModelDebounceChangeDirective = /** @class */ (function () {
+        function DrModelDebounceChangeDirective(ngModel) {
+            this.ngModel = ngModel;
+            this.debounce = 200;
+            this.ngModelDebounceChange = new i0.EventEmitter();
+        }
+        DrModelDebounceChangeDirective.prototype.ngOnInit = function () {
+            var _this = this;
+            this.subscription = this.ngModel.control.valueChanges
+                .pipe(operators.skip(1), operators.debounceTime(this.debounce), operators.distinctUntilChanged())
+                .subscribe(function (value) { return _this.ngModelDebounceChange.emit(value); });
+        };
+        DrModelDebounceChangeDirective.prototype.ngOnDestroy = function () {
+            this.subscription.unsubscribe();
+        };
+        return DrModelDebounceChangeDirective;
+    }());
+    DrModelDebounceChangeDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[ngModelDebounceChange]'
+                },] }
+    ];
+    DrModelDebounceChangeDirective.ctorParameters = function () { return [
+        { type: forms.NgModel }
+    ]; };
+    DrModelDebounceChangeDirective.propDecorators = {
+        debounce: [{ type: i0.Input }],
+        ngModelDebounceChange: [{ type: i0.Output }]
+    };
+
     var components$2 = [DateTagComponent,
         DayTagComponent,
         WeekTagComponent,
@@ -3904,7 +3941,8 @@
         DrToggleButtonComponent,
         DrDatePickerComponent,
         DrDatePickerFormatDirective,
-        DrDatePickerCustomHeaderComponent
+        DrDatePickerCustomHeaderComponent,
+        DrModelDebounceChangeDirective
     ];
     var DrInputsModule = /** @class */ (function () {
         function DrInputsModule() {
@@ -4117,6 +4155,7 @@
     exports.DrDropdownService = DrDropdownService;
     exports.DrInputComponent = DrInputComponent;
     exports.DrInputsModule = DrInputsModule;
+    exports.DrModelDebounceChangeDirective = DrModelDebounceChangeDirective;
     exports.DrPopoverComponent = DrPopoverComponent;
     exports.DrPopoverDirective = DrPopoverDirective;
     exports.DrPopoverModule = DrPopoverModule;