@sumaris-net/ngx-components 1.0.8 → 1.1.1

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

@@ -2489,6 +2489,14 @@
         DateUtils.max = function (date1, date2) {
             return !date1 ? date2 : (!date2 || date1.isSameOrAfter(date2) ? date1 : date2);
         };
+        DateUtils.equals = function (date1, date2) {
+            return DateUtils.isSame(date1, date2);
+        };
+        DateUtils.isSame = function (date1, date2, granularity) {
+            var d1 = fromDateISOString(date1);
+            var d2 = fromDateISOString(date2);
+            return (!d1 && !d2) || d1.isSame(d2, granularity);
+        };
         return DateUtils;
     }());
     function toDateISOString(value) {
@@ -2945,39 +2953,19 @@
     ]; };
 
     var TranslateContextPipe = /** @class */ (function () {
-        function TranslateContextPipe(translate, _ref) {
+        function TranslateContextPipe(translate) {
             this.translate = translate;
-            this._ref = _ref;
-            this.value = '';
-            this.lastKey = null;
-            this.lastSuffix = null;
-            this.lastParams = [];
         }
         TranslateContextPipe.prototype.transform = function (query) {
             var params = [];
             for (var _i = 1; _i < arguments.length; _i++) {
                 params[_i - 1] = arguments[_i];
             }
-            if (!query || !query.length) {
+            if (!query || !query.length)
                 return query;
-            }
             var suffix = params && params.length ? params[0] : '';
             params = suffix && params.slice(1);
-            // if we ask another time for the same key, return the last value
-            if (equalsOrNil(query, this.lastKey)
-                && equals(suffix, this.lastSuffix)
-                && equals(params, this.lastParams)) {
-                return this.value;
-            }
-            // store the query, in case it changes
-            this.lastKey = query;
-            // store the params, in case they change
-            this.lastParams = params;
-            // store the params, in case they change
-            this.lastSuffix = suffix;
-            // set the value
-            this.value = this.translate.instant(query, suffix, params);
-            return this.value;
+            return this.translate.instant(query, suffix, params);
         };
         return TranslateContextPipe;
     }());
@@ -2988,8 +2976,7 @@
                 },] }
     ];
     TranslateContextPipe.ctorParameters = function () { return [
-        { type: TranslateContextService },
-        { type: i0.ChangeDetectorRef }
+        { type: TranslateContextService }
     ]; };
     var TranslatablePipe = /** @class */ (function () {
         function TranslatablePipe() {
@@ -3735,7 +3722,7 @@
                 source = source.split('|');
             }
             // Skip if value is not an array
-            if (!(source instanceof Array) || control.length === 0) {
+            if (!Array.isArray(source) || control.length === 0) {
                 if (isNotEmptyArray(source))
                     console.warn("WARN: please resize the FormArray '" + path + "' to the same length of the input array");
                 return [];
@@ -4216,21 +4203,72 @@
     ]; };
 
     var FormErrorTranslatePipe = /** @class */ (function () {
-        function FormErrorTranslatePipe(adapter) {
+        function FormErrorTranslatePipe(adapter, _ref) {
             this.adapter = adapter;
+            this._ref = _ref;
+            this.value = '';
+            this._lastForm = null;
+            this._lastOptions = null;
         }
         FormErrorTranslatePipe.prototype.transform = function (form, opts) {
-            return this.adapter.translateErrors(form, opts);
+            var _this = this;
+            if (!form) {
+                this._dispose();
+                return '';
+            }
+            // if we ask another time for the same form and opts, return the last value
+            if (form === this._lastForm && equals(opts, this._lastOptions)) {
+                return this.value;
+            }
+            // store the query, in case it changes
+            this._lastForm = form;
+            // store the params, in case they change
+            this._lastOptions = opts;
+            // set the value
+            this._updateValue(form, opts);
+            // if there is a subscription to onLangChange, clean it
+            this._dispose();
+            // subscribe to onTranslationChange event, in case the translations change
+            if (!this._onFormStatusChange) {
+                this._onFormStatusChange = form.statusChanges.subscribe(function (status) {
+                    _this._updateValue(form, opts, status);
+                });
+            }
+            return this.value;
+        };
+        FormErrorTranslatePipe.prototype.ngOnDestroy = function () {
+            this._dispose();
+        };
+        FormErrorTranslatePipe.prototype._updateValue = function (form, opts, status) {
+            if (status === 'INVALID' || form.invalid) {
+                this.value = this.adapter.translateErrors(form, opts);
+                this._ref.markForCheck();
+            }
+            else if (this.value !== undefined) {
+                this.value = undefined;
+                this._ref.markForCheck();
+            }
+        };
+        /**
+         * Clean any existing subscription to change events
+         */
+        FormErrorTranslatePipe.prototype._dispose = function () {
+            if (typeof this._onFormStatusChange !== 'undefined') {
+                this._onFormStatusChange.unsubscribe();
+                this._onFormStatusChange = undefined;
+            }
         };
         return FormErrorTranslatePipe;
     }());
     FormErrorTranslatePipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'translateFormError',
+                    pure: false
                 },] }
     ];
     FormErrorTranslatePipe.ctorParameters = function () { return [
-        { type: FormErrorTranslator }
+        { type: FormErrorTranslator },
+        { type: i0.ChangeDetectorRef }
     ]; };
 
     var SharedPipesModule = /** @class */ (function () {
@@ -8626,7 +8664,7 @@
         };
         AppFormField.prototype.computeValuesFromToken = function (token) {
             var values = this.injector.get(token);
-            return values instanceof Array ? values : [];
+            return Array.isArray(values) ? values : [];
         };
         AppFormField.prototype.checkAndResolveFormControl = function () {
             var _this = this;
@@ -9844,7 +9882,7 @@
             }, {});
         };
         EntityUtils.getMapAsArray = function (source) {
-            if (source instanceof Array)
+            if (Array.isArray(source))
                 return source;
             return Object.getOwnPropertyNames(source || {})
                 .map(function (key) { return ({
@@ -10843,7 +10881,7 @@
                         case 2:
                             data = Object.assign(Object.assign({}, this._data), settings);
                             if (equals(data, this._data))
-                                return [2 /*return*/]; // SKip if same
+                                return [2 /*return*/]; // Skip if no changes
                             this._data = data;
                             if (!(opts && opts.persistImmediate)) return [3 /*break*/, 4];
                             return [4 /*yield*/, this.persistLocally(true)];
@@ -10924,9 +10962,11 @@
             if (!feature)
                 return; // Not found
             if (typeof feature === 'string') {
+                var lastSyncDate = feature.substring(featurePrefix.length);
+                console.debug("[" + featureName + "] Last synchronization date: " + lastSyncDate);
                 return {
                     name: featureName,
-                    lastSyncDate: feature.substring(featurePrefix.length)
+                    lastSyncDate: lastSyncDate
                 };
             }
             return feature;
@@ -12348,8 +12388,8 @@
                             ])];
                         case 1:
                             res = _a.sent();
-                            values = res[0] && res[0] instanceof Array ? res[0] : null;
-                            ids = res[1] && res[1] instanceof Array ? res[1] : null;
+                            values = res[0] && Array.isArray(res[0]) ? res[0] : null;
+                            ids = res[1] && Array.isArray(res[1]) ? res[1] : null;
                             migration = false;
                             if (!this.isByIdMode) return [3 /*break*/, 5];
                             if (!isNotNil(ids)) return [3 /*break*/, 3];
@@ -13947,7 +13987,7 @@
                                 .pipe(operators.catchError(function (error) { return _this.onApolloError(error, opts.error); }), operators.first()).toPromise()];
                         case 5:
                             res = _b.sent();
-                            if (res.errors instanceof Array) {
+                            if (Array.isArray(res.errors)) {
                                 throw res.errors[0];
                             }
                             return [2 /*return*/, res.data];
@@ -14621,7 +14661,7 @@
             if (!queries.length)
                 return;
             queries.forEach(function (query) {
-                if (opts.data instanceof Array) {
+                if (Array.isArray(opts.data)) {
                     // Filter values, if a filter function exists
                     var data = query.insertFilterFn ? opts.data.filter(function (i) { return query.insertFilterFn(i); }) : opts.data;
                     if (isNotEmptyArray(data)) {
@@ -14659,7 +14699,7 @@
                 return;
             console.debug("[base-data-service] Removing data from watching queries: ", queries);
             return queries.map(function (query) {
-                if (opts.ids instanceof Array) {
+                if (Array.isArray(opts.ids)) {
                     return _this.graphql.removeFromCachedQueryByIds(cache, {
                         query: query.query,
                         variables: query.variables,
@@ -15576,7 +15616,7 @@
                 }
             });
             // Add log when closing WS
-            subscription.add(function () { return console.debug('[account] [WS] Stop listening account changes'); });
+            subscription.add(function () { return console.debug('[account] [WS] Stop listening changes'); });
             return subscription;
         };
         Object.defineProperty(AccountService.prototype, "additionalFields", {
@@ -16057,7 +16097,7 @@
             this.comments = source.comments;
             this.creationDate = fromDateISOString(source.creationDate);
             this.statusId = source.statusId;
-            if (source.properties && source.properties instanceof Array) {
+            if (source.properties && Array.isArray(source.properties)) {
                 this.properties = EntityUtils.getPropertyArrayAsObject(source.properties);
             }
             else {
@@ -17671,20 +17711,30 @@
         function CustomReuseStrategy() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
+        /**
+         * Force to reuse the route when:
+         *  - path change from [/new] -> [/:id]
+         *  - or path change from [/new] -> [/new?id=:id]
+         * @param future
+         * @param curr
+         */
         CustomReuseStrategy.prototype.shouldReuseRoute = function (future, curr) {
             var result = _super.prototype.shouldReuseRoute.call(this, future, curr);
-            // Force to reuse the route when:
-            // - path change from [/new] -> [/:id]
-            // - or path change from [/new] -> [/new?id=:id]
+            // Is sam route config
             if (!result && future.routeConfig && future.routeConfig === curr.routeConfig) {
+                // Read the parameter name, where id is stored
                 var pathIdParam = future.routeConfig.data && future.routeConfig.data.pathIdParam || 'id';
-                var futureId = future.params[pathIdParam] === 'new' ?
-                    (future.queryParams[pathIdParam] || future.queryParams['id']) : future.params[pathIdParam];
-                var currId = curr.params[pathIdParam] === 'new' ?
-                    (curr.queryParams[pathIdParam] || curr.queryParams['id']) : curr.params[pathIdParam];
-                return futureId === currId &&
-                    // Always reload 'new' page
-                    currId !== 'new';
+                // Read the current route id
+                var currId = curr.params[pathIdParam] === 'new'
+                    ? (curr.queryParams[pathIdParam] || curr.queryParams['id'] || 'new') // e.g. path like '/new/?id=<ID>'
+                    : curr.params[pathIdParam]; // e.g. path like '/<ID>'
+                // Read the future route id
+                var futureId = future.params[pathIdParam] === 'new'
+                    ? (future.queryParams[pathIdParam] || future.queryParams['id'] || 'new') // e.g. path like '/new/?id=<ID>'
+                    : future.params[pathIdParam]; // e.g. path like '/<ID>'
+                // Reuse if same ID, but never when 'new' expected
+                return futureId !== 'new' && currId !== 'new'
+                    && futureId === currId;
             }
             return result;
         };
@@ -22192,7 +22242,7 @@
         function DepartmentToStringPipe() {
         }
         DepartmentToStringPipe.prototype.transform = function (value, separator) {
-            if (value instanceof Array)
+            if (Array.isArray(value))
                 return departmentsToString(value, separator);
             return departmentToString(value);
         };
@@ -25784,10 +25834,12 @@
             var _a;
             if (this._loading) {
                 this._loading = false;
-                if (!opts || opts.emitEvent !== false) {
+                if (!opts || opts.onlySelf !== true) {
                     // Emit to children forms
                     // Tables should be changed by parent
                     (_a = this.forms) === null || _a === void 0 ? void 0 : _a.forEach(function (c) { return c.markAsLoaded(opts); });
+                }
+                if (!opts || opts.emitEvent !== false) {
                     this.markForCheck();
                 }
             }