@datarailsshared/datarailsshared 1.3.47 → 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 }],
@@ -3818,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,
@@ -3909,7 +3941,8 @@
         DrToggleButtonComponent,
         DrDatePickerComponent,
         DrDatePickerFormatDirective,
-        DrDatePickerCustomHeaderComponent
+        DrDatePickerCustomHeaderComponent,
+        DrModelDebounceChangeDirective
     ];
     var DrInputsModule = /** @class */ (function () {
         function DrInputsModule() {
@@ -4122,6 +4155,7 @@
     exports.DrDropdownService = DrDropdownService;
     exports.DrInputComponent = DrInputComponent;
     exports.DrInputsModule = DrInputsModule;
+    exports.DrModelDebounceChangeDirective = DrModelDebounceChangeDirective;
     exports.DrPopoverComponent = DrPopoverComponent;
     exports.DrPopoverDirective = DrPopoverDirective;
     exports.DrPopoverModule = DrPopoverModule;