@sumaris-net/ngx-components 1.3.8 → 1.4.0

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

@@ -511,9 +511,12 @@
         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;
         if (isNotNil(value) && typeof value === 'object')
             return { data: [value] };
         value = (typeof value === 'string' && value !== '*') && value.toUpperCase() || undefined;
@@ -543,19 +546,28 @@
             target = target.slice();
         target.sort(propertiesPathComparator(keys));
         var total = items.length || 0;
+        var fetchMore;
         // Truncate if need
         if (opts) {
-            if (opts.offset > 0) {
+            if (isNil(opts.offset) && opts.offset > 0) {
                 items = items.slice(opts.offset);
             }
-            if (isNotNil(opts.size)) {
+            if (isNotNil(opts.size) && items.length > opts.size) {
                 items = items.slice(0, opts.size);
             }
         }
-        return {
+        var res = {
             data: items,
             total: total
         };
+        // Add fetch more capability, if total was fetched
+        var nextOffset = (opts && opts.offset || 0) + items.length;
+        if (nextOffset < total) {
+            res.fetchMore = function (_) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+                return [2 /*return*/, suggestFromArray(items, value, Object.assign({ offset: nextOffset }, opts))];
+            }); }); };
+        }
+        return res;
     }
     function suggestFromStringArray(values, value, options) {
         value = (typeof value === 'string' && value !== '*') && value.toUpperCase() || undefined;
@@ -1254,7 +1266,6 @@
             this.required = false;
             this.clearable = false;
             this.debounceTime = null;
-            this.highlightAccent = false;
             this.i18nPrefix = 'REFERENTIAL.';
             this.noResultMessage = 'COMMON.NO_RESULT';
             this.matAutocompletePosition = 'auto';
@@ -1389,9 +1400,10 @@
                 this.mobile = toBoolean(this.mobile, this.config.mobile);
                 this.suggestLengthThreshold = toNumber(this.suggestLengthThreshold, this.config.suggestLengthThreshold || 0);
                 this.showAllOnFocus = toBoolean(this.showAllOnFocus, toBoolean(this.config.showAllOnFocus, this.suggestLengthThreshold === 0));
-                this.showPanelOnFocus = toBoolean(this.showPanelOnFocus, toBoolean(this.config.showPanelOnFocus, true));
+                this.showPanelOnFocus = toBoolean(this.showPanelOnFocus, toBoolean(this.config.showPanelOnFocus));
                 this.classList = this.classList || this.config.class;
                 this.debounceTime = toNumber(this.debounceTime, this.config.debounceTime);
+                this.highlightAccent = toBoolean(this.highlightAccent, toBoolean(this.config.highlightAccent));
             }
             // Default values
             this.displayAttributes = this.displayAttributes || ((_a = this.filter) === null || _a === void 0 ? void 0 : _a.attributes) || ['label', 'name'];
@@ -1419,7 +1431,9 @@
                 || (classList.includes('min-width-large') && '400px')
                 || (classList.includes('min-width-xlarge') && '450px')
                 || (classList.includes('mat-autocomplete-panel-full-size') && '100vw')));
+            this.showPanelOnFocus = toBoolean(this.showPanelOnFocus, true);
             this.debounceTime = toNumber(this.debounceTime, 250);
+            this.highlightAccent = toBoolean(this.highlightAccent, false);
             this.suggestLengthThreshold = this.suggestLengthThreshold || 0;
             // No suggestFn: filter on the given items
             if (!this.suggestFn) {
@@ -1488,7 +1502,7 @@
                     }
                 }
             })), 
-            // Merge some observables, with a common distinctUntilChanged() pipe
+            // Merge some observables, with a common distinctUntilChanged() pipe, and NO debounceTime
             rxjs.merge(
             // Focus or click => Load all
             rxjs.merge(this.onFocus, this.onClick)
@@ -1497,7 +1511,11 @@
             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.distinctUntilChanged()))
+                .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)),
@@ -3824,7 +3842,7 @@
         // Form array
         else if (control instanceof i1.FormArray) {
             control.controls.forEach(function (child, index) {
-                getFormErrors(child, Object.assign(Object.assign({}, opts), { controlName: (opts.controlName || '') + '#' + index, result: opts.result // Make sure to keep the same result object
+                getFormErrors(child, Object.assign(Object.assign({}, opts), { controlName: (opts.controlName || '') + '.' + index, result: opts.result // Make sure to keep the same result object
                 }));
             });
         }
@@ -23166,7 +23184,7 @@
                             };
                             // Add fetch more capability, if total was fetched
                             if (withTotal) {
-                                nextOffset_1 = offset + entities.length;
+                                nextOffset_1 = (offset || 0) + entities.length;
                                 if (nextOffset_1 < res.total) {
                                     res.fetchMore = function () { return _this.loadAll(nextOffset_1, size, sortBy, sortDirection, filter, opts); };
                                 }
@@ -24926,7 +24944,8 @@
                 }
                 this.markAsLoading();
                 this.openRow(row.currentData.id, row)
-                    .then(function () { return _this.markAsLoaded(); });
+                    .then(function () { return _this.markAsLoaded(); })
+                    .catch(function () { return _this.markAsLoaded(); });
                 return true;
             }
             // Start editing row