@sumaris-net/ngx-components 1.12.13 → 1.13.0

package/bundles/sumaris-net.ngx-components.umd.js

@@ -1187,6 +1187,16 @@
             });
         });
     }
+    function fromPromise(promise) {
+        var $observable = new rxjs.Subject();
+        promise
+            .then(function (errors) {
+            $observable.next(errors);
+            $observable.complete();
+        })
+            .catch(function (err) { return $observable.error(err); });
+        return $observable;
+    }
 
     function createPromiseEventEmitter() {
         return new i0.EventEmitter(true);
@@ -3585,6 +3595,107 @@
         };
         return SharedFormArrayValidators;
     }());
+    // @dynamic
+    var SharedAsyncValidators = /** @class */ (function () {
+        function SharedAsyncValidators() {
+        }
+        /**
+         * Create an observable validator function. Will execute the validator, then cnvert the result into an observable
+         * @param validatorFn any validator
+         */
+        SharedAsyncValidators.of = function (validatorFn) {
+            return function (control) {
+                var res = validatorFn(control);
+                if (rxjs.isObservable(res)) {
+                    return res;
+                } // Already an observable
+                if (res instanceof Promise)
+                    return fromPromise(res);
+                return rxjs.of(res);
+            };
+        };
+        /**
+         * Add a debounce time to a validator.
+         * @param form
+         * @param validatorFn
+         * @param opts Use opts.stopSubject to stop the validator, before end
+         */
+        SharedAsyncValidators.debounceTime = function (validatorFn, opts) {
+            // DEBUG only
+            var debug = (opts === null || opts === void 0 ? void 0 : opts.debug) || false;
+            var logPrefix = debug && "[debounceTime-validator] #" + SharedAsyncValidators.DEBOUNCE_TIME_VALIDATOR_ID++ + " - ";
+            var debounceTime = toNumber(opts === null || opts === void 0 ? void 0 : opts.debounceTime, 250);
+            // DEBUG
+            if (debug)
+                console.debug(logPrefix + ("New validator with a debounceTime at " + debounceTime + "ms"));
+            var $disposeSubject = new rxjs.Subject();
+            var disposeEvent$ = (opts === null || opts === void 0 ? void 0 : opts.dispose) ? rxjs.merge($disposeSubject, opts === null || opts === void 0 ? void 0 : opts.dispose)
+                : $disposeSubject;
+            // Make sure validator will return an Observable - This is need by the switchMap()
+            var asyncValidatorFn = SharedAsyncValidators.of(validatorFn);
+            // DEBUG
+            if (debug && (opts === null || opts === void 0 ? void 0 : opts.dispose)) {
+                opts === null || opts === void 0 ? void 0 : opts.dispose.pipe(operators.first()).subscribe(function () {
+                    console.debug(logPrefix + 'Stopping');
+                });
+            }
+            return function (control) {
+                if (debug)
+                    console.debug(logPrefix + 'Form ask validation...');
+                // Stop previous observables
+                $disposeSubject.next();
+                var now;
+                // Add a delay before execution
+                return rxjs.timer(debounceTime)
+                    .pipe(
+                // DEBUG
+                operators.tap(function (_) {
+                    if (debug) {
+                        console.debug(logPrefix + 'Executing...');
+                        now = Date.now();
+                    }
+                }), operators.switchMap(function (_) { return asyncValidatorFn(control); }), 
+                // DEBUG
+                operators.tap(function (res) { return debug && console.debug(logPrefix + ("Finished in " + (Date.now() - now) + "ms (" + (res ? 'with errors' : 'no error') + ")"), res); }), operators.catchError(function (error) {
+                    console.error('[debounceTime-validator] Error while executing validator. Stopping job', error);
+                    $disposeSubject.next();
+                    throw error;
+                }), 
+                // Refresh UI, after a successful execution
+                operators.tap(function () { return (opts === null || opts === void 0 ? void 0 : opts.markForCheck) && (opts === null || opts === void 0 ? void 0 : opts.markForCheck()); }), 
+                // Make sure to stop, because of the switchMap
+                operators.takeUntil(disposeEvent$));
+            };
+        };
+        /**
+         * Add an async validator, that can be disposed by the returned subscription
+         * @param form
+         * @param validatorFn the validator or job to execute
+         * @param opts
+         */
+        SharedAsyncValidators.registerAsyncValidator = function (form, validatorFn, opts) {
+            if (form.asyncValidator)
+                throw Error('Form already have an async validator. Cannot configure job');
+            var debounceTime = toNumber(opts === null || opts === void 0 ? void 0 : opts.debounceTime, 250);
+            var $dispose = new rxjs.Subject();
+            var asyncValidatorFn = SharedAsyncValidators.debounceTime(validatorFn, Object.assign(Object.assign({}, opts), { debounceTime: debounceTime, dispose: $dispose }));
+            form.setAsyncValidators(asyncValidatorFn);
+            var subscription = new rxjs.Subscription();
+            // When unsubscribing, remove async validator
+            subscription.add(function () {
+                // Clear added validator. Must be done NOW (without delay) because generally a new Job is given just after
+                form.clearAsyncValidators();
+                // Stop the job, with a delay to let the last execution finished
+                setTimeout(function () {
+                    $dispose.next();
+                    $dispose.unsubscribe();
+                }, debounceTime);
+            });
+            return subscription;
+        };
+        return SharedAsyncValidators;
+    }());
+    SharedAsyncValidators.DEBOUNCE_TIME_VALIDATOR_ID = 0;
 
     /**
      * Fill a form using a source entity
@@ -30907,6 +31018,7 @@
     exports.SPACE_PLACEHOLDER_CHAR = SPACE_PLACEHOLDER_CHAR;
     exports.SelectPeerModal = SelectPeerModal;
     exports.SettingsPage = SettingsPage;
+    exports.SharedAsyncValidators = SharedAsyncValidators;
     exports.SharedDirectivesModule = SharedDirectivesModule;
     exports.SharedFormArrayValidators = SharedFormArrayValidators;
     exports.SharedFormGroupValidators = SharedFormGroupValidators;
@@ -30999,6 +31111,7 @@
     exports.formatLatitude = formatLatitude;
     exports.formatLongitude = formatLongitude;
     exports.fromDateISOString = fromDateISOString;
+    exports.fromPromise = fromPromise;
     exports.fromScrollEndEvent = fromScrollEndEvent;
     exports.fromUnixMsTimestamp = fromUnixMsTimestamp;
     exports.fromUnixTimestamp = fromUnixTimestamp;