@sumaris-net/ngx-components 1.4.2 → 1.4.7

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

@@ -511,9 +511,7 @@
         return value.replace(/([a-z])([A-Z])/g, '$1_$2').toLowerCase();
     }
     function removeDiacritics(text) {
-        return text.normalize('NFD')
-            //
-            .replace(/[\u0300-\u036f]/g, '');
+        return text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
     }
     function suggestFromArray(items, value, opts) {
         var _this = this;
@@ -1368,14 +1366,14 @@
         });
         Object.defineProperty(MatAutocompleteField.prototype, "disabled", {
             get: function () {
-                return this.readonly || this.formControl.disabled;
+                return this._readonly || this.formControl.disabled;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(MatAutocompleteField.prototype, "enabled", {
             get: function () {
-                return !this.readonly && this.formControl.enabled;
+                return !this._readonly && this.formControl.enabled;
             },
             enumerable: false,
             configurable: true
@@ -1476,7 +1474,7 @@
             this._reload$, 
             // Search text (no distinctUntilChanged() because of the debounceTime() pipe)
             this.formControl.valueChanges
-                .pipe(operators.filter(function (value) { return _this.searchable && isNotNilString(value); }), 
+                .pipe(operators.filter(function (value) { return _this.enabled && _this.searchable && isNotNilString(value); }), 
             // Mark as loading (to show loading spinner) - earlier as possible, so before the debounce time
             operators.tap(function (value) {
                 if (_this.showLoadingSpinner) {
@@ -1486,10 +1484,13 @@
             // Filter if not enough character
             operators.filter(function (value) { return value.length >= _this.suggestLengthThreshold; }), 
             // Wait a debounce time
-            operators.debounceTime(this.debounceTime)), 
+            operators.debounceTime(this.debounceTime)
+            // DEBUG
+            //tap((value) => console.debug(this.logPrefix + ' Search text changes:', value)),
+            ), 
             // Object set: use it (no distinctUntilChanged() pipe need)
             this.formControl.valueChanges
-                .pipe(operators.startWith(this.formControl.value), operators.filter(function (value) { return _this.searchable && (typeof value === 'object'); }), operators.tap(function (value) {
+                .pipe(operators.startWith(this.formControl.value), operators.filter(function (value) { return (_this.searchable && isNotNil(value) && typeof value === 'object'); }), operators.tap(function (value) {
                 // DEBUG
                 //console.debug(this.logPrefix + ' object changes:', value)
                 // Update the display value (if need)
@@ -1501,24 +1502,25 @@
                         _this.matInputText.nativeElement.value = _this.displayValue;
                     }
                 }
-            })), 
+            })
+            // DEBUG
+            //tap(value => console.debug(this.logPrefix + ' Received an object value: ', value))
+            ), 
             // Merge some observables, with a common distinctUntilChanged() pipe, and NO debounceTime
             rxjs.merge(
             // Focus or click => Load all
             rxjs.merge(this.onFocus, this.onClick)
-                .pipe(operators.filter(function (_) { return _this.searchable && _this.enabled; }), operators.map(function (_) { return _this.showAllOnFocus ? '*' : _this.formControl.value; })), 
+                .pipe(operators.filter(function (_) { return _this.enabled && _this.searchable; }), operators.map(function (_) { return _this.showAllOnFocus ? '*' : _this.formControl.value; })), 
             // On dropdown button click
             this.onDropButtonClick
-                .pipe(operators.filter(function (event) { return _this.searchable && (!event || !event.defaultPrevented) && _this.formControl.enabled; }), operators.map(function (_) { return _this.showAllOnFocus ? '*' : _this.formControl.value; })), rxjs.merge(this.$inputItems, this._filter$)
-                .pipe(operators.map(function (_) { return _this.searchable && _this.formControl.value; })))
+                .pipe(operators.filter(function (event) { return _this.enabled && _this.searchable && (!event || !event.defaultPrevented); }), operators.map(function (_) { return _this.showAllOnFocus ? '*' : _this.formControl.value; })), rxjs.merge(this.$inputItems, this._filter$)
+                .pipe(operators.filter(function (event) { return _this.enabled && _this.searchable; }), operators.map(function (_) { return _this.formControl.value; })))
                 .pipe(
             // If value is a string (and is not = '*'), filter if not enough character
             operators.filter(function (value) { return value === '*' || !(typeof value === 'string') || value.length >= _this.suggestLengthThreshold; }), 
             // Distinguish changes
             operators.distinctUntilChanged()))
                 .pipe(
-            // DEBUG
-            //tap(value => console.debug(this.logPrefix + ' Received update event: ', value)),
             // Suggest values
             operators.mergeMap(function (value) { return _this.suggest(value, _this.filter); }), 
             // DEBUG
@@ -1577,7 +1579,9 @@
             }));
             // Listen form control status change
             this._subscription.add(this.formControl.statusChanges
-                .pipe(operators.distinctUntilChanged())
+                .pipe(
+            //filter(() => this.enabled),
+            operators.distinctUntilChanged())
                 // Update component state
                 .subscribe(function () { return _this.checkIfTouched(); }));
             this._subscription.add(this.onKeydownEscape.subscribe(function (event) {
@@ -1679,7 +1683,7 @@
             // If combo is empty, or if has content but should force to show panel on focus
             if (!hasContent || (this.showPanelOnFocus && this.showAllOnFocus)) {
                 // DEBUG
-                console.debug(this.logPrefix + ' Emit focus event');
+                //console.debug(this.logPrefix + ' Emit focus event');
                 this.onFocus.emit(event);
                 return true;
             }
@@ -10867,7 +10871,7 @@
             });
         };
         LocalSettingsService.prototype.setProperty = function (keyOrDef, value) {
-            if (!this._data)
+            if (!this._data || !keyOrDef)
                 return;
             if (typeof keyOrDef === 'object') {
                 this.setProperty(keyOrDef.key, value);
@@ -10990,8 +10994,9 @@
             var feature = this._data.offlineFeatures.find(function (f) {
                 if (typeof f === 'string')
                     return f.toLowerCase().startsWith(featurePrefix);
-                if (typeof f === 'object' && f.name)
+                if (f && typeof f === 'object' && f.name)
                     return f.name === featureName;
+                return false;
             });
             if (!feature)
                 return; // Not found
@@ -11022,8 +11027,9 @@
             var existingIndex = this._data.offlineFeatures.findIndex(function (f) {
                 if (typeof f === 'string')
                     return f.toLowerCase().startsWith(featurePrefix);
-                if (typeof f === 'object' && f.name)
+                if (f && typeof f === 'object' && f.name)
                     return f.name === feature.name;
+                return false;
             });
             if (existingIndex !== -1) {
                 this._data.offlineFeatures[existingIndex] = feature;
@@ -12140,6 +12146,14 @@
             this._storageKey = ENTITIES_STORAGE_KEY_PREFIX + '#' + name;
             this._mapToLightEntity = this.createLightEntityMapFn(this.policy);
         }
+        Object.defineProperty(EntityStore.prototype, "length", {
+            get: function () {
+                var _a;
+                return ((_a = this._cache) === null || _a === void 0 ? void 0 : _a.length) || 0;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(EntityStore.prototype, "cache", {
             get: function () {
                 return this._cache;
@@ -12178,12 +12192,12 @@
         };
         EntityStore.prototype.load = function (id, opts) {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             if (!(this._mapToLightEntity && (!opts || opts.fullLoad !== false))) return [3 /*break*/, 2];
                             return [4 /*yield*/, this.loadFullEntity(id, opts)];
-                        case 1: return [2 /*return*/, _a.sent()];
+                        case 1: return [2 /*return*/, _b.sent()];
                         case 2: return [2 /*return*/, this.loadCachedEntity(id, opts)];
                     }
                 });
@@ -12223,20 +12237,20 @@
          */
         EntityStore.prototype.loadAll = function (variables, opts) {
             return __awaiter(this, void 0, void 0, function () {
-                var res, _a;
+                var res, _b;
                 var _this = this;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             res = this.reduceAndSort(this._cache, variables);
                             if (!(this._mapToLightEntity && isNotEmptyArray(res.data) && (opts && opts.fullLoad === true))) return [3 /*break*/, 2];
                             // Load full entities, one by one
-                            _a = res;
+                            _b = res;
                             return [4 /*yield*/, chainPromises((res.data || []).map(function (e) { return function () { return _this.load(e.id); }; }))];
                         case 1:
                             // Load full entities, one by one
-                            _a.data = _b.sent();
-                            _b.label = 2;
+                            _b.data = _c.sent();
+                            _c.label = 2;
                         case 2: return [2 /*return*/, res];
                     }
                 });
@@ -12353,8 +12367,8 @@
             return __awaiter(this, void 0, void 0, function () {
                 var dirtyIndexes, entities;
                 var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             opts = Object.assign({ skipIfPristine: this.policy.skipNonLocalEntities }, opts);
                             // Skip is not dirty
@@ -12378,7 +12392,7 @@
                             return [4 /*yield*/, this.storage.remove(this._storageKey)];
                         case 1:
                             // Clean the local storage
-                            _a.sent();
+                            _b.sent();
                             return [3 /*break*/, 7];
                         case 2:
                             if (!this.isByIdMode) return [3 /*break*/, 5];
@@ -12386,7 +12400,7 @@
                             return [4 /*yield*/, this.storage.set(this.storageKeyById, entities.filter(isNotNil).map(function (e) { return e.id; }))];
                         case 3:
                             // Save ids
-                            _a.sent();
+                            _b.sent();
                             // Saved dirty entities
                             return [4 /*yield*/, Promise.all(dirtyIndexes
                                     .map(function (index) {
@@ -12396,15 +12410,15 @@
                                 }))];
                         case 4:
                             // Saved dirty entities
-                            _a.sent();
+                            _b.sent();
                             console.info("[entity-storage] Persisting " + dirtyIndexes.length + "/" + entities.length + " " + this.name + "(s)...");
                             return [3 /*break*/, 7];
                         case 5:
                             console.info("[entity-storage] Persisting " + entities.length + " " + this.name + "(s)...");
                             return [4 /*yield*/, this.storage.set(this._storageKey, entities)];
                         case 6:
-                            _a.sent();
-                            _a.label = 7;
+                            _b.sent();
+                            _b.label = 7;
                         case 7: return [2 /*return*/, entities.length];
                     }
                 });
@@ -12414,14 +12428,14 @@
             return __awaiter(this, void 0, void 0, function () {
                 var entities, res, values, ids, migration, oldKeysToClean, storageKeys, storageKeys, err_1;
                 var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0: return [4 /*yield*/, Promise.all([
                                 this.storage.get(this._storageKey),
                                 this.storage.get(this.storageKeyById)
                             ])];
                         case 1:
-                            res = _a.sent();
+                            res = _b.sent();
                             values = res[0] && Array.isArray(res[0]) ? res[0] : null;
                             ids = res[1] && Array.isArray(res[1]) ? res[1] : null;
                             migration = false;
@@ -12430,7 +12444,7 @@
                             storageKeys = ids.map(function (id) { return _this._storageKey + '#' + id; });
                             return [4 /*yield*/, chainPromises(storageKeys.map(function (key) { return function () { return _this.storage.get(key); }; }))];
                         case 2:
-                            entities = _a.sent();
+                            entities = _b.sent();
                             return [3 /*break*/, 4];
                         case 3:
                             if (isNotNil(values)) {
@@ -12438,7 +12452,7 @@
                                 migration = true;
                                 oldKeysToClean = [this._storageKey];
                             }
-                            _a.label = 4;
+                            _b.label = 4;
                         case 4: return [3 /*break*/, 8];
                         case 5:
                             if (!isNotNil(values)) return [3 /*break*/, 6];
@@ -12450,10 +12464,10 @@
                             return [4 /*yield*/, chainPromises(storageKeys.map(function (key) { return function () { return _this.storage.get(key); }; }))];
                         case 7:
                             // Load entity by id (one by one)
-                            entities = _a.sent();
+                            entities = _b.sent();
                             migration = true;
                             oldKeysToClean = __spread(storageKeys, [this.storageKeyById]);
-                            _a.label = 8;
+                            _b.label = 8;
                         case 8:
                             // OK, there is something in storage...
                             if (isNotEmptyArray(entities)) {
@@ -12468,23 +12482,23 @@
                             this.setEntities(entities || [], Object.assign(Object.assign({}, opts), { emitEvent: false }));
                             this._dirty = false;
                             if (!migration) return [3 /*break*/, 14];
-                            _a.label = 9;
+                            _b.label = 9;
                         case 9:
-                            _a.trys.push([9, 13, , 14]);
+                            _b.trys.push([9, 13, , 14]);
                             console.warn("[entity-storage] - Migrate " + this.name + " into {mode: '" + this.policy.mode + "'}...");
                             // Force to persist, using the new mode
                             return [4 /*yield*/, this.persist({ skipIfPristine: false /* force persist using the new mode */ })];
                         case 10:
                             // Force to persist, using the new mode
-                            _a.sent();
+                            _b.sent();
                             if (!isNotEmptyArray(oldKeysToClean)) return [3 /*break*/, 12];
                             return [4 /*yield*/, chainPromises(oldKeysToClean.map(function (key) { return function () { return _this.storage.remove(key); }; }))];
                         case 11:
-                            _a.sent();
-                            _a.label = 12;
+                            _b.sent();
+                            _b.label = 12;
                         case 12: return [3 /*break*/, 14];
                         case 13:
-                            err_1 = _a.sent();
+                            err_1 = _b.sent();
                             console.error(err_1);
                             throw { code: ErrorCodes$2.ENTITY_STORAGE_MIGRATION_FAILED, message: 'ERROR.ENTITY_STORAGE_MIGRATION_FAILED', details: err_1 };
                         case 14:
@@ -12505,10 +12519,10 @@
             }
         };
         EntityStore.prototype.markAsPristine = function (opts) {
-            var e_1, _a;
+            var e_1, _b;
             try {
-                for (var _b = __values(this._statusById.values()), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var s = _c.value;
+                for (var _c = __values(this._statusById.values()), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    var s = _d.value;
                     if (isNotNil(s)) {
                         s.dirty = false;
                     }
@@ -12517,7 +12531,7 @@
             catch (e_1_1) { e_1 = { error: e_1_1 }; }
             finally {
                 try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
                 }
                 finally { if (e_1) throw e_1.error; }
             }
@@ -12538,8 +12552,8 @@
         EntityStore.prototype.loadFullEntity = function (id, opts) {
             return __awaiter(this, void 0, void 0, function () {
                 var status, index, fullData;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             status = this._statusById.get(id);
                             index = status && status.index;
@@ -12549,10 +12563,10 @@
                             console.debug("[entity-storage] Full reloading " + this.name + "#" + id + "...");
                             return [4 /*yield*/, this.storage.get(this._storageKey + '#' + id)];
                         case 1:
-                            fullData = _a.sent();
+                            fullData = _b.sent();
                             if (fullData)
                                 return [2 /*return*/, fullData];
-                            _a.label = 2;
+                            _b.label = 2;
                         case 2: 
                         // Load from the cache, if dirty OR if storage is not splited by id
                         return [2 /*return*/, this._cache[index]];
@@ -13219,11 +13233,17 @@
                                 console.warn("[entities-storage] Persisting " + entityName + ": store not found!");
                                 return;
                             }
-                            return entityStore.persist()
+                            // SKip store if not dirty
+                            if (!entityStore.dirty)
+                                return Promise.resolve(); // Skip
+                            // Persist store
+                            return (entityStore.dirty ? entityStore.persist() : Promise.resolve(entityStore.length))
                                 .then(function (count) {
                                 // If no entity found, remove from the entity names array
                                 if (!count) {
-                                    entityNames.splice(entityNames.findIndex(function (e) { return e === entityName; }), 1);
+                                    var entityNameIndex = entityNames.findIndex(function (e) { return e === entityName; });
+                                    if (entityNameIndex !== -1)
+                                        entityNames.splice(entityNameIndex, 1);
                                 }
                             });
                         }; }))