@sumaris-net/ngx-components 1.19.6-rc1 → 1.19.8

package/README.md

@@ -3,26 +3,26 @@
 Based components, for Angular App.
 
 Features :
-- Material design
-- Ionic framework
+- Angular v11
+- Angular Material design
+- Ionic framework v5
 - i18n
 - New form field components:
   * Authentication forms
   * Extensible menu
-  * UI components :
+  * UI components (mobile or desktop) :
     * Autocomplete field, with search and highlight
     * Latitude and longitude field, with 3 entry format
     * Date + time
 
 ## Contribute
 
-See the [developer guide](./doc/build.md)
-
+See the [developer guide](https://github.com/sumaris-net/ngx-sumaris-components/blob/master/doc/build.md)
 
 ## Change log
 
-See the [change log](./doc/changelog.md)
+See the [change log](https://github.com/sumaris-net/ngx-sumaris-components/blob/master/doc/changelog.md)
 
 ## License
 
-Free software, distributed under a [AGPL v3 license](./LICENSE).
+Free software, distributed under a [AGPL v3 license](https://github.com/sumaris-net/ngx-sumaris-components/blob/master/LICENSE).

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

@@ -511,7 +511,7 @@
         if (isNotNilOrBlank(value)) {
             // If wildcard, search using regexp
             if (value.indexOf('*') !== -1) {
-                value = value.replace('*', '.*');
+                value = value.replace(/[*]+/g, '.*');
                 filteredItems = filteredItems.filter(function (v) { return keys.findIndex(function (key) { return matchUpperCase(getPropertyByPathAsString(v, key), value); }) !== -1; });
             }
             // Else (no wildcard), search using startsWith
@@ -1705,14 +1705,14 @@
             // Wait a debounce time
             operators.debounceTime(this.debounceTime)
             // DEBUG
-            , operators.tap(function (value) { return _this.debug && console.debug(_this.logPrefix + ' Search text changes:', value); })), 
+            //,tap((value) => this.debug && 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 (isNotNil(value) && typeof value === 'object'); }), operators.tap(function (value) {
-                var _a;
                 // DEBUG
-                if (_this.debug)
-                    console.debug(_this.logPrefix + ' control object changes:', value);
+                //if (this.debug) console.debug(this.logPrefix + ' control object changes:', value);
+                var _a;
                 // Update the display value (if need)
                 var displayValue = _this.displayWith(value) || '';
                 if (_this.displayValue !== displayValue) {
@@ -1728,20 +1728,23 @@
             // when formControl value changes
             operators.filter(function () { return !_this.multiple || _this.loading; }), operators.map(function (value) { return _this.showAllOnFocus && _this.suggestLengthThreshold <= 0 ? '*' : value; })
             // DEBUG
-            , operators.tap(function (value) { return _this.debug && console.debug(_this.logPrefix + ' Received an control object value: ', value); })), 
+            //,tap(value => this.debug && console.debug(this.logPrefix + ' Received an control object value: ', value))
+            ), 
             // Merge some observables, with a common distinctUntilChanged() pipe
             rxjs.merge(
             // On dropdown button click (no debounceTime)
             this.dropButtonClick
                 .pipe(operators.filter(function (event) { return (!event || !event.defaultPrevented); })), 
             // Focus or click => Load all (no debounceTime)
-            rxjs.merge(this.focused, this.clicked)
-                // DEBUG
-                .pipe(operators.tap(function (_) { return _this.debug && console.debug(_this.logPrefix + ' Received focused or clicked event'); })), 
+            rxjs.merge(this.focused, this.clicked), 
+            // DEBUG
+            //.pipe(tap(_ => this.debug && console.debug(this.logPrefix + ' Received focused or clicked event'))),
             // Input items or filter changes
             rxjs.merge(this.$inputItems, this._$filter)
                 // DEBUG
-                .pipe(operators.filter(function (_) { return !_this.loading; }), operators.tap(function (_) { return _this.debug && console.debug(_this.logPrefix + ' Received $inputItems or filter event'); })))
+                .pipe(operators.filter(function (_) { return !_this.loading; })
+            //,tap(_ => this.debug && console.debug(this.logPrefix + ' Received $inputItems or filter event'))
+            ))
                 .pipe(operators.filter(function (_) { return _this.enabled; }), operators.map(function (_) { return _this.showAllOnFocus ? '*' : _this.formControl.value; }), 
             // Distinguish changes
             operators.distinctUntilChanged(function (v1, v2) {
@@ -1751,12 +1754,13 @@
             // Make sure there is enough characters
             operators.filter(thresholdFilterFn)
             // DEBUG
-            , operators.tap(function (value) { return _this.debug && console.debug(_this.logPrefix + ' Received update event from observables: ', value); })))
+            //,tap(value => this.debug && console.debug(this.logPrefix + ' Received update event from observables: ', value))
+            ))
                 .pipe(
             // Suggest values
             operators.mergeMap(function (value) { return _this.suggest(value, _this.filter); }), 
             // DEBUG
-            operators.tap(function (items) { return _this.debug && console.debug(_this.logPrefix + ' Received from suggest: ', items); }), 
+            //tap(items => this.debug && console.debug(this.logPrefix + ' Received from suggest: ', items)),
             // Store implicit value (will use it onBlur if not other value selected)
             operators.tap(function (items) { return !_this.multiple && !_this.mobile && _this.updateImplicitValue(items); }));
             // Fetch more events
@@ -1764,7 +1768,7 @@
                 .pipe(operators.tap(function (event) { return event === null || event === void 0 ? void 0 : event.preventDefault(); }), // Avoid to close the mat-select
             operators.filter(function () { return _this.canFetchMore; }), operators.mergeMap(function () { return _this.fetchMore(); }), 
             // DEBUG
-            operators.tap(function (moreItems) { return console.debug(_this.logPrefix + ' Received from fetch More: ', moreItems); }), 
+            //tap(moreItems => console.debug(this.logPrefix + ' Received from fetch More: ', moreItems)),
             // Concat to existing items
             operators.map(function (moreItems) { return (_this.$filteredItems.value || []).concat(moreItems); }));
             // Update filtered items
@@ -1794,9 +1798,10 @@
             this._subscription.add(this.blurred
                 .pipe(
             // Skip if multiple (no implicit value) or disable
-            operators.filter(function (_) { return !_this.multiple && !_this.mobile && _this.enabled; })
+            operators.filter(function (_) { return !_this.multiple && !_this.mobile && _this.enabled; }), 
             // DEBUG
-            , operators.tap(function (_) { return _this.debug && console.debug(_this.logPrefix + ' Received blurred event'); }), operators.map(function (_) { return _this.formControl.value; }))
+            //,tap(_ => this.debug && console.debug(this.logPrefix + ' Received blurred event')),
+            operators.map(function (_) { return _this.formControl.value; }))
                 .subscribe(function (value) {
                 // When leave component without object, use implicit value if :
                 // - an explicit value
@@ -1830,7 +1835,7 @@
                     event === null || event === void 0 ? void 0 : event.stopPropagation();
                     event === null || event === void 0 ? void 0 : event.preventDefault();
                     // DEBUG
-                    console.debug(_this.logPrefix + " Closing the panel (keydown.escape)");
+                    //console.debug(this.logPrefix + " Closing the panel (keydown.escape)");
                     _this.closePanel();
                 }
             }));
@@ -1877,8 +1882,7 @@
          */
         MatAutocompleteField.prototype.reloadItems = function (value) {
             // DEBUG
-            if (this.debug)
-                console.debug(this.logPrefix + " Asking to reloadItems()");
+            //if (this.debug) console.debug(this.logPrefix + " Asking to reloadItems()");
             // Force a refresh
             this._reload$.next(value || (this.showAllOnFocus && this.suggestLengthThreshold <= 0 ? '*' : this.formControl.value));
             // Clear the search bar (if hidden)
@@ -2091,7 +2095,7 @@
                         case 1:
                             res = _e.sent();
                             // DEBUG
-                            console.debug(this.logPrefix + ' Filtered items by suggestFn:', value, res);
+                            //if (this.debug) console.debug(this.logPrefix + ' Filtered items by suggestFn:', value, res);
                             if (!res) {
                                 this._itemCount = 0;
                                 this._onFetchMoreCallback = undefined;
@@ -4752,12 +4756,10 @@
         };
         return FormGetPipe;
     }());
-    FormGetPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function FormGetPipe_Factory() { return new FormGetPipe(); }, token: FormGetPipe, providedIn: "root" });
     FormGetPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'formGet'
-                },] },
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+                },] }
     ];
     var FormGetControlPipe = /** @class */ (function () {
         function FormGetControlPipe() {
@@ -4767,12 +4769,10 @@
         };
         return FormGetControlPipe;
     }());
-    FormGetControlPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function FormGetControlPipe_Factory() { return new FormGetControlPipe(); }, token: FormGetControlPipe, providedIn: "root" });
     FormGetControlPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'formGetControl'
-                },] },
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+                },] }
     ];
     var FormGetArrayPipe = /** @class */ (function () {
         function FormGetArrayPipe() {
@@ -4782,12 +4782,10 @@
         };
         return FormGetArrayPipe;
     }());
-    FormGetArrayPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function FormGetArrayPipe_Factory() { return new FormGetArrayPipe(); }, token: FormGetArrayPipe, providedIn: "root" });
     FormGetArrayPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'formGetArray'
-                },] },
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+                },] }
     ];
     var FormGetGroupPipe = /** @class */ (function () {
         function FormGetGroupPipe() {
@@ -4797,13 +4795,70 @@
         };
         return FormGetGroupPipe;
     }());
-    FormGetGroupPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function FormGetGroupPipe_Factory() { return new FormGetGroupPipe(); }, token: FormGetGroupPipe, providedIn: "root" });
     FormGetGroupPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'formGetGroup'
-                },] },
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+                },] }
+    ];
+    var FormGetValuePipe = /** @class */ (function () {
+        function FormGetValuePipe(adapter, _ref) {
+            this.adapter = adapter;
+            this._ref = _ref;
+            this.value = undefined;
+            this._lastControl = null;
+        }
+        FormGetValuePipe.prototype.transform = function (form, path) {
+            var _this = this;
+            if (!form) {
+                this._dispose();
+                return undefined;
+            }
+            // if we ask another time for the same form and opts, return the last value
+            if (form === this._lastControl && equals(path, this._lastPath)) {
+                return this.value;
+            }
+            // store the query, in case it changes
+            this._lastControl = form;
+            // store the params, in case they change
+            this._lastPath = path;
+            // set the value
+            var control = isNotNilOrBlank(path) ? form.get(path) : form;
+            this.value = control === null || control === void 0 ? void 0 : control.value;
+            // if there is a subscription to onLangChange, clean it
+            this._dispose();
+            // subscribe to valueChanges event, in case control value change
+            if (!this._onControlValueChanges && control) {
+                this._onControlValueChanges = control.valueChanges.subscribe(function (value) {
+                    _this.value = value;
+                    _this._ref.markForCheck();
+                });
+            }
+            return this.value;
+        };
+        FormGetValuePipe.prototype.ngOnDestroy = function () {
+            this._dispose();
+        };
+        /**
+         * Clean any existing subscription to change events
+         */
+        FormGetValuePipe.prototype._dispose = function () {
+            if (typeof this._onControlValueChanges !== 'undefined') {
+                this._onControlValueChanges.unsubscribe();
+                this._onControlValueChanges = undefined;
+            }
+        };
+        return FormGetValuePipe;
+    }());
+    FormGetValuePipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'formGetValue',
+                    pure: false
+                },] }
     ];
+    FormGetValuePipe.ctorParameters = function () { return [
+        { type: FormErrorTranslator },
+        { type: i0.ChangeDetectorRef }
+    ]; };
 
     var SharedPipesModule = /** @class */ (function () {
         function SharedPipesModule() {
@@ -4854,7 +4909,8 @@
                         FormGetPipe,
                         FormGetControlPipe,
                         FormGetArrayPipe,
-                        FormGetGroupPipe
+                        FormGetGroupPipe,
+                        FormGetValuePipe
                     ],
                     exports: [
                         PropertyGetPipe,
@@ -11043,7 +11099,7 @@
             (items || []).forEach(EntityUtils.cleanIdAndUpdateDate);
         };
         EntityUtils.sort = function (data, sortBy, sortDirection) {
-            if (!data || data.length <= 1)
+            if (!data || data.length <= 1 || !sortBy)
                 return data;
             return data.sort(this.sortComparator(sortBy, sortDirection));
         };
@@ -13463,16 +13519,16 @@
         /**
          *
          * @param opts
-         *  opts.force : force all entities to be persist, and not only if dirty
+         *  opts.skipIfPristine = false persist all entities, even if not dirty
          */
         EntityStore.prototype.persist = function (opts) {
+            if (opts === void 0) { opts = { skipIfPristine: true }; }
             return __awaiter(this, void 0, void 0, function () {
                 var dirtyIndexes, entities;
                 var _this = this;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
-                            opts = Object.assign({ skipIfPristine: this.policy.skipNonLocalEntities }, opts);
                             // Skip is not dirty
                             if (opts.skipIfPristine && !this._dirty) {
                                 console.debug("[entity-storage] Persisting " + this.name + " not need. Skip");
@@ -14212,11 +14268,12 @@
                 });
             });
         };
-        EntitiesStorage.prototype.persist = function () {
-            if (this._dirty) {
-                return this.storeLocally();
-            }
-            return Promise.resolve();
+        EntitiesStorage.prototype.persist = function (opts) {
+            if (opts === void 0) { opts = { skipIfPristine: true }; }
+            // Skip if pristine
+            if (opts.skipIfPristine && !this._dirty)
+                return Promise.resolve();
+            return this.storeLocally(opts);
         };
         EntitiesStorage.prototype.ngOnStart = function () {
             return __awaiter(this, void 0, void 0, function () {
@@ -14307,12 +14364,13 @@
                 });
             });
         };
-        EntitiesStorage.prototype.storeLocally = function () {
+        EntitiesStorage.prototype.storeLocally = function (opts) {
+            if (opts === void 0) { opts = { skipIfPristine: true }; }
             return __awaiter(this, void 0, void 0, function () {
                 var entityNames, now, currentEntityName;
                 var _this = this;
                 return __generator(this, function (_a) {
-                    if (!this.dirty)
+                    if (opts.skipIfPristine && !this.dirty)
                         return [2 /*return*/]; // skip
                     // Saving progress: report this save later
                     if (this._saving) {
@@ -14335,11 +14393,11 @@
                                 console.warn("[entities-storage] Persisting " + entityName + ": store not found!");
                                 return;
                             }
-                            // SKip store if not dirty
-                            if (!entityStore.dirty)
-                                return Promise.resolve(); // Skip
+                            // SKip store if pristine
+                            if (opts.skipIfPristine && !entityStore.dirty)
+                                return Promise.resolve();
                             // Persist store
-                            return (entityStore.dirty ? entityStore.persist() : Promise.resolve(entityStore.length))
+                            return entityStore.persist(opts)
                                 .then(function (count) {
                                 // If no entity found, remove from the entity names array
                                 if (!count) {
@@ -19512,8 +19570,8 @@
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
-                            dirty = component.dirty;
-                            valid = component.valid;
+                            dirty = component === null || component === void 0 ? void 0 : component.dirty;
+                            valid = component === null || component === void 0 ? void 0 : component.valid;
                             can = {
                                 confirmed: !dirty,
                                 save: false,
@@ -28793,7 +28851,8 @@
             }, opts));
         };
         AppEntityEditor.prototype.markForCheck = function () {
-            this.cd.markForCheck();
+            var _a;
+            (_a = this.cd) === null || _a === void 0 ? void 0 : _a.markForCheck();
         };
         /* -- private functions -- */
         /**
@@ -32001,6 +32060,7 @@
     exports.FormGetControlPipe = FormGetControlPipe;
     exports.FormGetGroupPipe = FormGetGroupPipe;
     exports.FormGetPipe = FormGetPipe;
+    exports.FormGetValuePipe = FormGetValuePipe;
     exports.Fragments = Fragments$1;
     exports.GraphqlService = GraphqlService;
     exports.HAMMER_PRESS_TIME = HAMMER_PRESS_TIME;