@sumaris-net/ngx-components 1.23.24 → 1.23.26

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

@@ -589,6 +589,10 @@
         return isNotNil(value) && NUMBER_RANGE_REGEXP.test(value);
     }
     function getPropertyByPath(obj, path, defaultValue) {
+        // Path is an array: convert path to string
+        if (Array.isArray(path)) {
+            return getPropertyByPath(obj, path.join('.'), defaultValue);
+        }
         if (isNil(obj))
             return defaultValue;
         if (isNilOrBlank(path))
@@ -603,7 +607,8 @@
         var key = path.substring(0, i);
         if (isNil(obj[key]))
             return defaultValue;
-        if (obj[key] && typeof obj[key] === 'object') {
+        if (typeof obj[key] === 'object') { // Object or Array
+            // Recursive call
             return getPropertyByPath(obj[key], path.substring(i + 1));
         }
         throw new Error("Invalid property path: '" + key + "' is not an valid object.");
@@ -615,7 +620,7 @@
     }
     function getPropertyByPathAsString(obj, path) {
         var res = getPropertyByPath(obj, path);
-        return res && (typeof res === 'string' ? res : ('' + res));
+        return (typeof res === 'string') ? res : ('' + res);
     }
     function sleep(ms) {
         if (ms <= 0)
@@ -3096,10 +3101,18 @@
     var ArrayPluckPipe = /** @class */ (function () {
         function ArrayPluckPipe() {
         }
-        ArrayPluckPipe.prototype.transform = function (val, opts) {
-            return (opts.omitNil !== true) ?
-                (val || []).map(function (value) { return value && value[opts.property]; }) :
-                (val || []).map(function (value) { return value && value[opts.property]; }).filter(isNotNil);
+        /**
+         *
+         * @param values
+         * @param opts property to get, or options
+         */
+        ArrayPluckPipe.prototype.transform = function (values, opts) {
+            if (!opts || !values)
+                return values;
+            var property = (typeof opts === 'string') || Array.isArray(opts) ? opts : opts.property;
+            return (opts['omitNil'] !== true) ?
+                values.map(function (value) { return getPropertyByPath(value, property); }) :
+                values.map(function (value) { return getPropertyByPath(value, property); }).filter(isNotNil);
         };
         return ArrayPluckPipe;
     }());
@@ -3134,6 +3147,19 @@
                     name: 'arrayFilter'
                 },] }
     ];
+    var ArrayJoinPipe = /** @class */ (function () {
+        function ArrayJoinPipe() {
+        }
+        ArrayJoinPipe.prototype.transform = function (val, separator) {
+            return val && val.join(separator) || '';
+        };
+        return ArrayJoinPipe;
+    }());
+    ArrayJoinPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'arrayJoin'
+                },] }
+    ];
 
     var MapGetPipe = /** @class */ (function () {
         function MapGetPipe() {
@@ -5043,6 +5069,7 @@
                         ArrayPluckPipe,
                         ArrayIncludesPipe,
                         ArrayFilterPipe,
+                        ArrayJoinPipe,
                         MapGetPipe,
                         MapKeysPipe,
                         MapValuesPipe,
@@ -5083,6 +5110,7 @@
                         ArrayLengthPipe,
                         ArrayFirstPipe,
                         ArrayPluckPipe,
+                        ArrayJoinPipe,
                         MapGetPipe,
                         MapKeysPipe,
                         MapValuesPipe,
@@ -28430,11 +28458,12 @@
             this.translate = translate;
             this._subscription = new rxjs.Subscription();
             this._enabled = false;
-            this._dirty = false;
             this.destroySubject = new rxjs.Subject();
             this.readySubject = new rxjs.BehaviorSubject(false);
+            this.dirtySubject = new rxjs.BehaviorSubject(false);
             this.loadingSubject = new rxjs.BehaviorSubject(true);
             this.errorSubject = new rxjs.BehaviorSubject(undefined);
+            this.savingSubject = new rxjs.BehaviorSubject(false);
             this.debug = false;
             this.submitted = false;
             this.toolbar = null;
@@ -28486,6 +28515,14 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(AppEditor.prototype, "saving", {
+            get: function () {
+                var _a;
+                return this.savingSubject.value || ((_a = this.editors) === null || _a === void 0 ? void 0 : _a.some(function (e) { return e.saving; }));
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(AppEditor.prototype, "tables", {
             get: function () {
                 return this._children && this._children.filter(function (c) { return c instanceof AppTable; });
@@ -28509,7 +28546,7 @@
         });
         Object.defineProperty(AppEditor.prototype, "dirty", {
             get: function () {
-                return this._dirty || (this._children && this._children.findIndex(function (c) { return c.enabled && c.dirty; }) !== -1) || false;
+                return this.dirtySubject.value || (this._children && this._children.findIndex(function (c) { return c.enabled && c.dirty; }) !== -1) || false;
             },
             enumerable: false,
             configurable: true
@@ -28569,7 +28606,7 @@
         });
         Object.defineProperty(AppEditor.prototype, "empty", {
             get: function () {
-                return this._enabled;
+                return !this._enabled;
             },
             enumerable: false,
             configurable: true
@@ -28634,7 +28671,9 @@
             var _a;
             this.error = null;
             this.submitted = false;
-            this._dirty = false;
+            if (this.dirtySubject.value !== false) {
+                this.dirtySubject.next(false);
+            }
             (_a = this._children) === null || _a === void 0 ? void 0 : _a.forEach(function (c) { return c.markAsPristine(opts); });
             if (!this.loading && (!opts || opts.emitEvent !== false))
                 this.markForCheck();
@@ -28662,9 +28701,11 @@
                 this.markForCheck();
         };
         AppEditor.prototype.markAsDirty = function (opts) {
-            this._dirty = true;
-            if (!this.loading && (!opts || opts.emitEvent !== false))
-                this.markForCheck();
+            if (!this.dirtySubject.value) {
+                this.dirtySubject.next(true);
+                if (!this.loading && (!opts || opts.emitEvent !== false))
+                    this.markForCheck();
+            }
         };
         AppEditor.prototype.markAsLoading = function (opts) {
             if (!this.loadingSubject.value) {
@@ -28703,6 +28744,20 @@
                 return Promise.resolve();
             return waitForFalse(this.loadingSubject, opts);
         };
+        AppEditor.prototype.markAsSaving = function (opts) {
+            if (this.savingSubject.value !== true) {
+                this.savingSubject.next(true);
+                if (!opts || opts.emitEvent !== false)
+                    this.markForCheck();
+            }
+        };
+        AppEditor.prototype.markAsSaved = function (opts) {
+            if (this.savingSubject.value !== false) {
+                this.savingSubject.next(false);
+                if (!opts || opts.emitEvent !== false)
+                    this.markForCheck();
+            }
+        };
         AppEditor.prototype.cancel = function (event) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_c) {
@@ -28733,7 +28788,7 @@
             var _a;
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_c) {
-                    console.debug('[tab-page] Unloading data...');
+                    console.debug('[editor] Unloading data...');
                     this.markAsLoading();
                     (_a = this._children) === null || _a === void 0 ? void 0 : _a.forEach(function (f) {
                         if (f instanceof AppForm) {
@@ -28742,7 +28797,12 @@
                         else if (f instanceof AppTable) {
                             f.dataSource.disconnect();
                         }
+                        else if (f instanceof AppEditor) {
+                            f.unload(opts);
+                        }
                     });
+                    this.markAsPristine(opts);
+                    this.markAsSaved(opts);
                     return [2 /*return*/];
                 });
             });
@@ -28811,12 +28871,12 @@
                 });
             });
         };
-        AppEditor.prototype.logFormErrors = function () {
+        AppEditor.prototype.logFormErrors = function (prefix) {
             var _this = this;
             var _a;
             if (this.debug)
-                console.debug('[app-tab-editor] Page not valid. Checking where (forms, tables)...');
-            (_a = this._children) === null || _a === void 0 ? void 0 : _a.forEach(function (c) { return _this.logChildrenFormErrors(c); });
+                console.debug('[editor] Editor not valid. Checking where (forms, tables)...');
+            (_a = this._children) === null || _a === void 0 ? void 0 : _a.forEach(function (c) { return _this.logChildrenErrors(c, prefix); });
         };
         /* -- protected methods -- */
         AppEditor.prototype.scrollToTop = function (duration) {
@@ -28918,7 +28978,7 @@
                 });
             });
         };
-        AppEditor.prototype.logChildrenFormErrors = function (c, prefix, path) {
+        AppEditor.prototype.logChildrenErrors = function (c, prefix, path) {
             var _this = this;
             prefix = prefix || '[app-tab-editor] ';
             // If editor
@@ -28932,7 +28992,7 @@
             // If form provider: get delegate
             else if (c instanceof AppFormProvider) {
                 if (!c.empty && !c.valid) {
-                    c.waitDelegate({ timeout: 1000 }).then(function (delegate) { return _this.logChildrenFormErrors(delegate, prefix, 'provider'); });
+                    c.waitDelegate({ timeout: 1000 }).then(function (delegate) { return _this.logChildrenErrors(delegate, prefix, 'provider'); });
                 }
             }
             // If table
@@ -28942,20 +29002,34 @@
                     AppFormUtils.logFormErrors(c.editedRow.validator, prefix, path_1);
                 }
             }
-            // If IAppForm
+            // If form
             else if (c instanceof AppForm) {
                 if (!c.empty && !c.valid) {
                     if (c.pending) {
                         var path_2 = c.constructor.name.toLowerCase();
                         console.warn(prefix + " -> " + path_2 + ": waiting while pending...");
                         AppFormUtils.waitWhilePending(c, { timeout: 1000 })
-                            .then(function () { return _this.logChildrenFormErrors(c.form, prefix, path_2); });
+                            .then(function () { return _this.logChildrenErrors(c.form, prefix, path_2); });
                     }
                     else {
                         AppFormUtils.logFormErrors(c.form, prefix);
                     }
                 }
             }
+            // If editor
+            else if (c instanceof AppEditor) {
+                if (!c.empty && !c.valid) {
+                    if (c.pending) {
+                        var path_3 = c.constructor.name.toLowerCase();
+                        console.warn(prefix + " -> " + path_3 + ": waiting while pending...");
+                        AppFormUtils.waitWhilePending(c, { timeout: 1000 })
+                            .then(function () { return c.logFormErrors(prefix); });
+                    }
+                    else {
+                        c.logFormErrors(prefix);
+                    }
+                }
+            }
             else {
                 console.warn(prefix + " Unknown children sub-form: ", c);
             }
@@ -29182,24 +29256,23 @@
         tabGroup: [{ type: i0.ViewChild, args: ['tabGroup', { static: true },] }]
     };
 
-    var AppEditorOptions = /** @class */ (function (_super) {
-        __extends(AppEditorOptions, _super);
+    var AppEditorOptions = /** @class */ (function (_super_1) {
+        __extends(AppEditorOptions, _super_1);
         function AppEditorOptions() {
-            return _super !== null && _super.apply(this, arguments) || this;
+            return _super_1 !== null && _super_1.apply(this, arguments) || this;
         }
         return AppEditorOptions;
     }(AppTabEditorOptions));
     // @dynamic
     // eslint-disable-next-line @angular-eslint/directive-class-suffix
-    var AppEntityEditor = /** @class */ (function (_super) {
-        __extends(AppEntityEditor, _super);
+    var AppEntityEditor = /** @class */ (function (_super_1) {
+        __extends(AppEntityEditor, _super_1);
         function AppEntityEditor(injector, dataType, dataService, options) {
             var _this = this;
             var _a, _b;
-            _this = _super.call(this, injector.get(i3.ActivatedRoute), injector.get(i3.Router), injector.get(i1$5.AlertController), injector.get(i1$2.TranslateService), options) || this;
+            _this = _super_1.call(this, injector.get(i3.ActivatedRoute), injector.get(i3.Router), injector.get(i1$5.AlertController), injector.get(i1$2.TranslateService), options) || this;
             _this.dataType = dataType;
             _this.dataService = dataService;
-            _this.savingSubject = new rxjs.BehaviorSubject(false);
             _this.$title = new rxjs.Subject();
             _this.onUpdateView = new i0.EventEmitter();
             _this.environment = injector.get(ENVIRONMENT);
@@ -29255,20 +29328,6 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(AppEntityEditor.prototype, "loading", {
-            get: function () {
-                return this.loadingSubject.value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AppEntityEditor.prototype, "saving", {
-            get: function () {
-                return this.savingSubject.value;
-            },
-            enumerable: false,
-            configurable: true
-        });
         Object.defineProperty(AppEntityEditor.prototype, "service", {
             get: function () {
                 return this.dataService;
@@ -29276,22 +29335,8 @@
             enumerable: false,
             configurable: true
         });
-        AppEntityEditor.prototype.markAsSaving = function (opts) {
-            if (this.savingSubject.value !== true) {
-                this.savingSubject.next(true);
-                if (!opts || opts.emitEvent !== false)
-                    this.markForCheck();
-            }
-        };
-        AppEntityEditor.prototype.markAsSaved = function (opts) {
-            if (this.savingSubject.value !== false) {
-                this.savingSubject.next(false);
-                if (!opts || opts.emitEvent !== false)
-                    this.markForCheck();
-            }
-        };
         AppEntityEditor.prototype.ngOnInit = function () {
-            _super.prototype.ngOnInit.call(this);
+            _super_1.prototype.ngOnInit.call(this);
             // Defaults
             this._autoOpenNextTab = toBoolean(this._autoOpenNextTab, !this.isOnFieldMode);
             this.historyIcon = this.historyIcon || { icon: 'list' };
@@ -29302,14 +29347,14 @@
         };
         AppEntityEditor.prototype.ngAfterViewInit = function () {
             var _this = this;
-            _super.prototype.ngAfterViewInit.call(this);
+            _super_1.prototype.ngAfterViewInit.call(this);
             // Load data
             if (this._autoLoad) {
                 setTimeout(function () { return _this.loadFromRoute(); }, this._autoLoadDelay);
             }
         };
         AppEntityEditor.prototype.ngOnDestroy = function () {
-            _super.prototype.ngOnDestroy.call(this);
+            _super_1.prototype.ngOnDestroy.call(this);
             this._listenChangesSubscription = null; // already unsubscribe in the super function
             this.$title.complete();
             this.$title.unsubscribe();
@@ -29321,7 +29366,7 @@
             // Wait end of saving
             if (this.saving)
                 return waitForFalse(this.savingSubject);
-            return _super.prototype.waitIdle.call(this, opts);
+            return _super_1.prototype.waitIdle.call(this, opts);
         };
         /**
          * Load data from the snapshot route
@@ -29456,7 +29501,7 @@
         };
         AppEntityEditor.prototype.updateView = function (data, opts) {
             return __awaiter(this, void 0, void 0, function () {
-                var idChanged, promiseOrVoid;
+                var idChanged;
                 var _this = this;
                 return __generator(this, function (_c) {
                     switch (_c.label) {
@@ -29470,13 +29515,9 @@
                             return [4 /*yield*/, this.ready()];
                         case 1:
                             _c.sent();
-                            promiseOrVoid = this.setValue(data);
-                            if (!promiseOrVoid) return [3 /*break*/, 3];
-                            return [4 /*yield*/, promiseOrVoid];
+                            return [4 /*yield*/, this.setValue(data)];
                         case 2:
                             _c.sent();
-                            _c.label = 3;
-                        case 3:
                             if (!opts || opts.emitEvent !== false) {
                                 this.markAsPristine();
                                 this.markAsUntouched();
@@ -29800,16 +29841,22 @@
                 });
             });
         };
-        AppEntityEditor.prototype.unload = function () {
+        AppEntityEditor.prototype.unload = function (opts) {
+            var _super = Object.create(null, {
+                unload: { get: function () { return _super_1.prototype.unload; } }
+            });
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_c) {
-                    this.stopListenRemoteChanges();
-                    this.form.reset();
-                    this.registerForms();
-                    this._dirty = false;
-                    this.data = null;
-                    this.savingSubject.next(false);
-                    return [2 /*return*/];
+                    switch (_c.label) {
+                        case 0: return [4 /*yield*/, _super.unload.call(this, opts)];
+                        case 1:
+                            _c.sent();
+                            this.stopListenRemoteChanges();
+                            this.form.reset();
+                            this.registerForms();
+                            this.data = null;
+                            return [2 /*return*/];
+                    }
                 });
             });
         };
@@ -29833,15 +29880,15 @@
             });
         };
         AppEntityEditor.prototype.resetError = function (opts) {
-            _super.prototype.resetError.call(this, opts);
+            _super_1.prototype.resetError.call(this, opts);
         };
         AppEntityEditor.prototype.setError = function (err, opts) {
             if (!err) {
-                _super.prototype.setError.call(this, undefined, opts);
+                _super_1.prototype.setError.call(this, undefined, opts);
             }
             else if (typeof err === 'string') {
                 console.error('[entity-editor] Error: ' + (err || ''));
-                _super.prototype.setError.call(this, err, opts);
+                _super_1.prototype.setError.call(this, err, opts);
             }
             else {
                 console.error('[entity-editor] Error: ' + err.message || '', err);
@@ -29856,7 +29903,7 @@
                     userMessage += detailMessage.length < 70 ? detailMessage : detailMessage.substring(0, 67) + '...';
                     userMessage += '</small>';
                 }
-                _super.prototype.setError.call(this, userMessage, opts);
+                _super_1.prototype.setError.call(this, userMessage, opts);
             }
         };
         /* -- protected methods -- */
@@ -35201,6 +35248,7 @@
     exports.ArrayFilterPipe = ArrayFilterPipe;
     exports.ArrayFirstPipe = ArrayFirstPipe;
     exports.ArrayIncludesPipe = ArrayIncludesPipe;
+    exports.ArrayJoinPipe = ArrayJoinPipe;
     exports.ArrayLengthPipe = ArrayLengthPipe;
     exports.ArrayPluckPipe = ArrayPluckPipe;
     exports.AudioProvider = AudioProvider;