@sumaris-net/ngx-components 1.22.12-rc3 → 1.23.0-rc1

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/cdk/table'), require('@angular/cdk/a11y'), require('@angular/cdk/overlay'), require('@angular/cdk/scrolling'), require('@angular/material/core'), require('@angular/material/table'), require('@angular/material/sort'), require('@angular/material/paginator'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/checkbox'), require('@angular/material/expansion'), require('@angular/material/toolbar'), require('@angular/material/icon'), require('@angular/material/button'), require('@angular/material/menu'), require('@angular/material/select'), require('@angular/material/card'), require('@angular/material/tabs'), require('@angular/material/stepper'), require('@angular/material/list'), require('@angular/material/button-toggle'), require('@angular/material/progress-spinner'), require('@angular/material/progress-bar'), require('@angular/material/radio'), require('@angular/material/badge'), require('@angular/material/slide-toggle'), require('@angular/material/dialog'), require('@angular/material/autocomplete'), require('@angular/forms'), require('rxjs'), require('rxjs/operators'), require('@angular/animations'), require('@ngx-translate/core'), require('@ionic/angular'), require('moment'), require('@angular/material-moment-adapter'), require('@ionic-native/keyboard/ngx'), require('angular2-text-mask'), require('ngx-material-timepicker'), require('@angular/material/datepicker'), require('@angular/material/divider'), require('@angular/material/tooltip'), require('@angular/material/chips'), require('@angular/router'), require('@angular/platform-browser'), require('@angular/common/http'), require('ngx-color-picker'), require('@ionic-native/native-audio/ngx'), require('@ionic-native/vibration/ngx'), require('@ionic-native/audio-management/ngx'), require('@ionic-native/native-audio/ngx/index'), require('@ionic-native/vibration/ngx/index'), require('@ionic-native/audio-management/ngx/index'), require('uuid/v4'), require('rxjs/internal/operators'), require('@angular/cdk/drag-drop'), require('ngx-markdown'), require('tweetnacl'), require('@ionic/storage'), require('zone.js/dist/zone-error'), require('@ionic-native/splash-screen/ngx'), require('@ionic-native/network/ngx'), require('ionic-cache'), require('ionic-cache/dist/cache.service'), require('@ionic-native/network/ngx/index'), require('@ionic-native/splash-screen/ngx/index'), require('@ionic-native/status-bar/ngx'), require('@angular/cdk/platform'), require('@ionic-native/in-app-browser/ngx'), require('@apollo/client/core'), require('apollo-angular'), require('@apollo/client/link/ws'), require('@apollo/client/utilities'), require('@apollo/client/link/retry'), require('apollo-link-queue'), require('apollo-link-serialize'), require('apollo-link-logger'), require('apollo-angular/http'), require('apollo3-cache-persist'), require('@ionic-native/downloader/ngx'), require('@ionic-native/status-bar/ngx/index'), require('@ionic-native/keyboard/ngx/index'), require('@ionic-native/in-app-browser/ngx/index'), require('@ionic-native/downloader/ngx/index'), require('@angular/cdk/text-field'), require('@e-is/ngx-material-table'), require('@angular/cdk/collections'), require('ngx-jdenticon'), require('tweetnacl-util'), require('scrypt-async'), require('hammerjs'), require('moment-timezone')) :
     typeof define === 'function' && define.amd ? define('@sumaris-net/ngx-components', ['exports', '@angular/core', '@angular/common', '@angular/cdk/table', '@angular/cdk/a11y', '@angular/cdk/overlay', '@angular/cdk/scrolling', '@angular/material/core', '@angular/material/table', '@angular/material/sort', '@angular/material/paginator', '@angular/material/form-field', '@angular/material/input', '@angular/material/checkbox', '@angular/material/expansion', '@angular/material/toolbar', '@angular/material/icon', '@angular/material/button', '@angular/material/menu', '@angular/material/select', '@angular/material/card', '@angular/material/tabs', '@angular/material/stepper', '@angular/material/list', '@angular/material/button-toggle', '@angular/material/progress-spinner', '@angular/material/progress-bar', '@angular/material/radio', '@angular/material/badge', '@angular/material/slide-toggle', '@angular/material/dialog', '@angular/material/autocomplete', '@angular/forms', 'rxjs', 'rxjs/operators', '@angular/animations', '@ngx-translate/core', '@ionic/angular', 'moment', '@angular/material-moment-adapter', '@ionic-native/keyboard/ngx', 'angular2-text-mask', 'ngx-material-timepicker', '@angular/material/datepicker', '@angular/material/divider', '@angular/material/tooltip', '@angular/material/chips', '@angular/router', '@angular/platform-browser', '@angular/common/http', 'ngx-color-picker', '@ionic-native/native-audio/ngx', '@ionic-native/vibration/ngx', '@ionic-native/audio-management/ngx', '@ionic-native/native-audio/ngx/index', '@ionic-native/vibration/ngx/index', '@ionic-native/audio-management/ngx/index', 'uuid/v4', 'rxjs/internal/operators', '@angular/cdk/drag-drop', 'ngx-markdown', 'tweetnacl', '@ionic/storage', 'zone.js/dist/zone-error', '@ionic-native/splash-screen/ngx', '@ionic-native/network/ngx', 'ionic-cache', 'ionic-cache/dist/cache.service', '@ionic-native/network/ngx/index', '@ionic-native/splash-screen/ngx/index', '@ionic-native/status-bar/ngx', '@angular/cdk/platform', '@ionic-native/in-app-browser/ngx', '@apollo/client/core', 'apollo-angular', '@apollo/client/link/ws', '@apollo/client/utilities', '@apollo/client/link/retry', 'apollo-link-queue', 'apollo-link-serialize', 'apollo-link-logger', 'apollo-angular/http', 'apollo3-cache-persist', '@ionic-native/downloader/ngx', '@ionic-native/status-bar/ngx/index', '@ionic-native/keyboard/ngx/index', '@ionic-native/in-app-browser/ngx/index', '@ionic-native/downloader/ngx/index', '@angular/cdk/text-field', '@e-is/ngx-material-table', '@angular/cdk/collections', 'ngx-jdenticon', 'tweetnacl-util', 'scrypt-async', 'hammerjs', 'moment-timezone'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sumaris-net'] = global['sumaris-net'] || {}, global['sumaris-net']['ngx-components'] = {}), global.ng.core, global.ng.common, global.ng.cdk.table, global.ng.cdk.a11y, global.ng.cdk.overlay, global.ng.cdk.scrolling, global.ng.material.core, global.ng.material.table, global.ng.material.sort, global.ng.material.paginator, global.ng.material.formField, global.ng.material.input, global.ng.material.checkbox, global.ng.material.expansion, global.ng.material.toolbar, global.ng.material.icon, global.ng.material.button, global.ng.material.menu, global.ng.material.select, global.ng.material.card, global.ng.material.tabs, global.ng.material.stepper, global.ng.material.list, global.ng.material.buttonToggle, global.ng.material.progressSpinner, global.ng.material.progressBar, global.ng.material.radio, global.ng.material.badge, global.ng.material.slideToggle, global.ng.material.dialog, global.ng.material.autocomplete, global.ng.forms, global.rxjs, global.rxjs.operators, global.ng.animations, global['ngx-translate'].core, global.ionic.angular, global.moment, global.ng.materialMomentAdapter, global['ionic-native'].keyboard.ngx, global['angular2-text-mask'], global['ngx-material-timepicker'], global.ng.material.datepicker, global.ng.material.divider, global.ng.material.tooltip, global.ng.material.chips, global.ng.router, global.ng.platformBrowser, global.ng.common.http, global['ngx-color-picker'], global['ionic-native']['native-audio'].ngx, global['ionic-native'].vibration.ngx, global['ionic-native']['audio-management'].ngx, global['ionic-native']['native-audio'].ngx.index, global['ionic-native'].vibration.ngx.index, global['ionic-native']['audio-management'].ngx.index, global.uuid.v4, global.rxjs['internal/operators'], global.ng.cdk.dragDrop, global['ngx-markdown'], global.tweetnacl, global.ionic.storage, null, global['ionic-native']['splash-screen'].ngx, global['ionic-native'].network.ngx, global['ionic-cache'], global['ionic-cache/dist/cache'].service, global['ionic-native'].network.ngx.index, global['ionic-native']['splash-screen'].ngx.index, global['ionic-native']['status-bar'].ngx, global.ng.cdk.platform, global['ionic-native']['in-app-browser'].ngx, global.apollo.client.core, global['apollo-angular'], global.apollo.client.link.ws, global.apollo.client.utilities, global.apollo.client.link.retry, global['apollo-link-queue'], global['apollo-link-serialize'], global['apollo-link-logger'], global['apollo-angular'].http, global['apollo3-cache-persist'], global['ionic-native'].downloader.ngx, global['ionic-native']['status-bar'].ngx.index, global['ionic-native'].keyboard.ngx.index, global['ionic-native']['in-app-browser'].ngx.index, global['ionic-native'].downloader.ngx.index, global.ng.cdk.textField, global['e-is']['ngx-material-table'], global.ng.cdk.collections, global['ngx-jdenticon'], null, null, null, global['moment-timezone']));
-}(this, (function (exports, i0, i1$4, table$1, a11y, overlay, scrolling, i1$3, table, sort$1, paginator, formField, input, checkbox, expansion, toolbar, icon, button, menu, select, card, tabs, stepper, list, buttonToggle, progressSpinner, progressBar, radio, badge, slideToggle, i2, autocomplete, i1, rxjs, operators, animations, i1$2, i1$5, momentImported, i1$1, ngx, angular2TextMask, ngxMaterialTimepicker, datepicker, divider, tooltip, chips, i3, i1$6, i2$1, ngxColorPicker, ngx$2, ngx$3, ngx$1, i2$2, i3$1, i4, uuidv4Imported, operators$1, dragDrop, ngxMarkdown, tweetnacl, i3$2, zoneError, ngx$5, ngx$4, ionicCache, i6, i9, i10, ngx$7, i2$4, ngx$8, core, i2$3, ws, utilities, retry, QueueLink, SerializingLink, loggerLink, i3$3, apollo3CachePersist, ngx$6, i14, i15, i17, i18, textField, ngxMaterialTable, collections, ngxJdenticon, tweetnaclUtil, scryptAsync, hammerjs, momentTZImported) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["sumaris-net"] = global["sumaris-net"] || {}, global["sumaris-net"]["ngx-components"] = {}), global.ng.core, global.ng.common, global.ng.cdk.table, global.ng.cdk.a11y, global.ng.cdk.overlay, global.ng.cdk.scrolling, global.ng.material.core, global.ng.material.table, global.ng.material.sort, global.ng.material.paginator, global.ng.material.formField, global.ng.material.input, global.ng.material.checkbox, global.ng.material.expansion, global.ng.material.toolbar, global.ng.material.icon, global.ng.material.button, global.ng.material.menu, global.ng.material.select, global.ng.material.card, global.ng.material.tabs, global.ng.material.stepper, global.ng.material.list, global.ng.material.buttonToggle, global.ng.material.progressSpinner, global.ng.material.progressBar, global.ng.material.radio, global.ng.material.badge, global.ng.material.slideToggle, global.ng.material.dialog, global.ng.material.autocomplete, global.ng.forms, global.rxjs, global.rxjs.operators, global.ng.animations, global["ngx-translate"].core, global.ionic.angular, global.moment, global.ng.materialMomentAdapter, global["ionic-native"].keyboard.ngx, global["angular2-text-mask"], global["ngx-material-timepicker"], global.ng.material.datepicker, global.ng.material.divider, global.ng.material.tooltip, global.ng.material.chips, global.ng.router, global.ng.platformBrowser, global.ng.common.http, global["ngx-color-picker"], global["ionic-native"]["native-audio"].ngx, global["ionic-native"].vibration.ngx, global["ionic-native"]["audio-management"].ngx, global["ionic-native"]["native-audio"].ngx.index, global["ionic-native"].vibration.ngx.index, global["ionic-native"]["audio-management"].ngx.index, global.uuid.v4, global.rxjs["internal/operators"], global.ng.cdk.dragDrop, global["ngx-markdown"], global.tweetnacl, global.ionic.storage, null, global["ionic-native"]["splash-screen"].ngx, global["ionic-native"].network.ngx, global["ionic-cache"], global["ionic-cache/dist/cache"].service, global["ionic-native"].network.ngx.index, global["ionic-native"]["splash-screen"].ngx.index, global["ionic-native"]["status-bar"].ngx, global.ng.cdk.platform, global["ionic-native"]["in-app-browser"].ngx, global.apollo.client.core, global["apollo-angular"], global.apollo.client.link.ws, global.apollo.client.utilities, global.apollo.client.link.retry, global["apollo-link-queue"], global["apollo-link-serialize"], global["apollo-link-logger"], global["apollo-angular"].http, global["apollo3-cache-persist"], global["ionic-native"].downloader.ngx, global["ionic-native"]["status-bar"].ngx.index, global["ionic-native"].keyboard.ngx.index, global["ionic-native"]["in-app-browser"].ngx.index, global["ionic-native"].downloader.ngx.index, global.ng.cdk.textField, global["e-is"]["ngx-material-table"], global.ng.cdk.collections, global["ngx-jdenticon"], null, null, null, global["moment-timezone"]));
+})(this, (function (exports, i0, i1$4, table$1, a11y, overlay, scrolling, i1$3, table, sort$1, paginator, formField, input, checkbox, expansion, toolbar, icon, button, menu, select, card, tabs, stepper, list, buttonToggle, progressSpinner, progressBar, radio, badge, slideToggle, i2, autocomplete, i1, rxjs, operators, animations, i1$2, i1$5, momentImported, i1$1, ngx, angular2TextMask, ngxMaterialTimepicker, datepicker, divider, tooltip, chips, i3, i1$6, i2$1, ngxColorPicker, ngx$2, ngx$3, ngx$1, i2$2, i3$1, i4, uuidv4Imported, operators$1, dragDrop, ngxMarkdown, tweetnacl, i3$2, zoneError, ngx$5, ngx$4, ionicCache, i6, i9, i10, ngx$7, i2$4, ngx$8, core, i2$3, ws, utilities, retry, QueueLink, SerializingLink, loggerLink, i3$3, apollo3CachePersist, ngx$6, i14, i15, i17, i18, textField, ngxMaterialTable, collections, ngxJdenticon, tweetnaclUtil, scryptAsync, hammerjs, momentTZImported) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,22 +15,45 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
+                        get: function () { return e[k]; }
                     });
                 }
             });
         }
-        n['default'] = e;
+        n["default"] = e;
         return Object.freeze(n);
     }
 
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$4);
+    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$3);
+    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2);
+    var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1);
+    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$2);
+    var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$5);
     var momentImported__namespace = /*#__PURE__*/_interopNamespace(momentImported);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
+    var i3__namespace$3 = /*#__PURE__*/_interopNamespace(i3);
+    var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$6);
+    var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$1);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2$2);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3$1);
+    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var uuidv4Imported__namespace = /*#__PURE__*/_interopNamespace(uuidv4Imported);
+    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$2);
+    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
+    var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
+    var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
+    var i2__namespace$4 = /*#__PURE__*/_interopNamespace(i2$4);
+    var i2__namespace$3 = /*#__PURE__*/_interopNamespace(i2$3);
     var QueueLink__default = /*#__PURE__*/_interopDefaultLegacy(QueueLink);
     var SerializingLink__default = /*#__PURE__*/_interopDefaultLegacy(SerializingLink);
     var loggerLink__default = /*#__PURE__*/_interopDefaultLegacy(loggerLink);
+    var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$3);
+    var i14__namespace = /*#__PURE__*/_interopNamespace(i14);
+    var i15__namespace = /*#__PURE__*/_interopNamespace(i15);
+    var i17__namespace = /*#__PURE__*/_interopNamespace(i17);
+    var i18__namespace = /*#__PURE__*/_interopNamespace(i18);
     var momentTZImported__namespace = /*#__PURE__*/_interopNamespace(momentTZImported);
 
     var ENVIRONMENT = new i0.InjectionToken('ENV');
@@ -747,6 +770,7 @@
         }
         return false;
     }
+    // @dynamic
     var Beans = /** @class */ (function () {
         function Beans() {
         }
@@ -782,6 +806,15 @@
                 return isNotNil(value);
             }) === -1;
         };
+        Beans.collectById = function (array) {
+            return this.collectByProperty(array, 'id');
+        };
+        Beans.collectByProperty = function (array, propertyName) {
+            return (array || []).reduce(function (res, item) {
+                res['' + propertyName] = item;
+                return res;
+            }, {});
+        };
         return Beans;
     }());
 
@@ -1320,7 +1353,7 @@
         }
         return false;
     };
-    var ɵ0 = isIpad;
+    var ɵ0$c = isIpad;
     var isIOS = function (win) { return testUserAgent(win, /iPhone|iPod/i) || isIpad(win); };
     var isAndroid = function (win) { return testUserAgent(win, /android|sink/i); };
     var isCordova = function (win) {
@@ -1459,14 +1492,14 @@
         };
         return MatAutocompleteFieldUtils;
     }());
-    var noop = function (_) { };
-    var ɵ0$1 = noop;
+    var noop$8 = function (_) { };
+    var ɵ0$b = noop$8;
     var MatAutocompleteField = /** @class */ (function () {
         function MatAutocompleteField(cd, formGroupDir) {
             this.cd = cd;
             this.formGroupDir = formGroupDir;
-            this._onChangeCallback = noop;
-            this._onTouchedCallback = noop;
+            this._onChangeCallback = noop$8;
+            this._onTouchedCallback = noop$8;
             this.logPrefix = '[mat-autocomplete] ';
             this.formControlName = null;
             this.required = false;
@@ -2317,7 +2350,7 @@
         };
         return DateFormatPipe;
     }());
-    DateFormatPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function DateFormatPipe_Factory() { return new DateFormatPipe(i0.ɵɵinject(i1$1.MomentDateAdapter), i0.ɵɵinject(i1$2.TranslateService)); }, token: DateFormatPipe, providedIn: "root" });
+    DateFormatPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DateFormatPipe_Factory() { return new DateFormatPipe(i0__namespace.ɵɵinject(i1__namespace.MomentDateAdapter), i0__namespace.ɵɵinject(i1__namespace$1.TranslateService)); }, token: DateFormatPipe, providedIn: "root" });
     DateFormatPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'dateFormat'
@@ -2329,7 +2362,7 @@
         { type: i1$2.TranslateService }
     ]; };
 
-    var moment = momentImported__namespace;
+    var moment$a = momentImported__namespace;
     var DateDiffDurationPipe = /** @class */ (function () {
         function DateDiffDurationPipe(dateAdapter, translate) {
             var _this = this;
@@ -2346,11 +2379,11 @@
             return this.format(startDate, endDate, args);
         };
         DateDiffDurationPipe.prototype.format = function (startDate, endDate, args) {
-            var duration = moment.duration(endDate.diff(startDate));
+            var duration = moment$a.duration(endDate.diff(startDate));
             if (duration.asMinutes() < 0)
                 return '';
             var withSeconds = args === null || args === void 0 ? void 0 : args.seconds;
-            var timeDuration = moment(0)
+            var timeDuration = moment$a(0)
                 .hour(duration.hours())
                 .minute(duration.minutes());
             if (withSeconds) {
@@ -2361,7 +2394,7 @@
         };
         return DateDiffDurationPipe;
     }());
-    DateDiffDurationPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function DateDiffDurationPipe_Factory() { return new DateDiffDurationPipe(i0.ɵɵinject(i1$3.DateAdapter), i0.ɵɵinject(i1$2.TranslateService)); }, token: DateDiffDurationPipe, providedIn: "root" });
+    DateDiffDurationPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DateDiffDurationPipe_Factory() { return new DateDiffDurationPipe(i0__namespace.ɵɵinject(i1__namespace$2.DateAdapter), i0__namespace.ɵɵinject(i1__namespace$1.TranslateService)); }, token: DateDiffDurationPipe, providedIn: "root" });
     DateDiffDurationPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'dateDiffDuration'
@@ -2383,7 +2416,7 @@
         };
         return DateFromNowPipe;
     }());
-    DateFromNowPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function DateFromNowPipe_Factory() { return new DateFromNowPipe(i0.ɵɵinject(i1$1.MomentDateAdapter)); }, token: DateFromNowPipe, providedIn: "root" });
+    DateFromNowPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DateFromNowPipe_Factory() { return new DateFromNowPipe(i0__namespace.ɵɵinject(i1__namespace.MomentDateAdapter)); }, token: DateFromNowPipe, providedIn: "root" });
     DateFromNowPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'dateFromNow'
@@ -2452,7 +2485,7 @@
                     value *= -1;
             }
         }
-        var degrees = roundFloat(value, opts.maxDecimals).toString();
+        var degrees = roundFloat$1(value, opts.maxDecimals).toString();
         // Add sign
         var sign = negative ? '-' : '+';
         if (opts.placeholderChar) {
@@ -2503,7 +2536,7 @@
         }
         var degrees = Math.trunc(value);
         var minutes = Math.trunc((value - degrees) * 60);
-        var seconds = roundFloat(((value - degrees) * 60 - minutes) * 60, opts.maxDecimals);
+        var seconds = roundFloat$1(((value - degrees) * 60 - minutes) * 60, opts.maxDecimals);
         while (seconds >= 60) {
             seconds -= 60;
             minutes += 1;
@@ -2571,7 +2604,7 @@
             }
         }
         var degrees = Math.trunc(value);
-        var minutes = roundFloat((value - degrees) * 60, opts.maxDecimals);
+        var minutes = roundFloat$1((value - degrees) * 60, opts.maxDecimals);
         while (minutes >= 60) {
             minutes -= 60;
             degrees += 1;
@@ -2622,15 +2655,15 @@
             return NaN;
         }
         if (pattern === 'DD')
-            return roundFloat(degrees, maxDecimals);
+            return roundFloat$1(degrees, maxDecimals);
         var minutes = (pattern === 'DDMMSS' || pattern === 'DDMM') && parts[1] && parseFloat(parts[1].replace(/,/g, '.')) || 0;
         var seconds = (pattern === 'DDMMSS') && parts[2] && parseFloat(parts[2].replace(/,/g, '.')) || 0;
         var direction = ((pattern === 'DDMMSS') && parts[3]) || ((pattern === 'DDMM') && parts[2]) || undefined;
         var sign = (direction && (direction === 's' || direction === 'S' || direction === 'w' || direction === 'W')) ? -1 : 1;
         degrees = sign * (degrees + minutes / 60 + seconds / (60 * 60));
-        return roundFloat(degrees, maxDecimals);
+        return roundFloat$1(degrees, maxDecimals);
     }
-    function roundFloat(input, maxDecimals) {
+    function roundFloat$1(input, maxDecimals) {
         if (maxDecimals > 0) {
             var powDecimal = Math.pow(10, maxDecimals);
             return Math.trunc(input * powDecimal + 0.5) / powDecimal;
@@ -2699,7 +2732,7 @@
         };
         return NumberFormatPipe;
     }());
-    NumberFormatPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function NumberFormatPipe_Factory() { return new NumberFormatPipe(); }, token: NumberFormatPipe, providedIn: "root" });
+    NumberFormatPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function NumberFormatPipe_Factory() { return new NumberFormatPipe(); }, token: NumberFormatPipe, providedIn: "root" });
     NumberFormatPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'numberFormat'
@@ -2742,7 +2775,7 @@
         };
         return HighlightPipe;
     }());
-    HighlightPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function HighlightPipe_Factory() { return new HighlightPipe(); }, token: HighlightPipe, providedIn: "root" });
+    HighlightPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function HighlightPipe_Factory() { return new HighlightPipe(); }, token: HighlightPipe, providedIn: "root" });
     HighlightPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'highlight'
@@ -2810,7 +2843,7 @@
         { type: i0.Pipe, args: [{ name: 'fileSize' },] }
     ];
 
-    var moment$1 = momentImported__namespace;
+    var moment$9 = momentImported__namespace;
     var DATE_UNIX_TIMESTAMP = 'X';
     var DATE_UNIX_MS_TIMESTAMP = 'x';
     var MOMENT_NO_TIME_PROPERTY = '_hasNoTime';
@@ -2900,37 +2933,39 @@
         // Already a moment object: use it
         if (!value || momentImported.isMoment(value))
             return value;
-        // Parse the input value, as a date only
-        var dateOnly = moment$1(value, DATE_PATTERN);
-        if (dateOnly.isValid())
-            return DateUtils.markNoTime(dateOnly);
+        if (typeof value === 'string' && value.length === 10) {
+            // Parse the input value, as a date only
+            var dateOnly = moment$9(value, DATE_PATTERN);
+            if (dateOnly.isValid())
+                return DateUtils.markNoTime(dateOnly);
+        }
         // Parse the input value, as a ISO date time
-        var date = moment$1(value, DATE_ISO_PATTERN);
+        var date = moment$9(value, DATE_ISO_PATTERN);
         if (date.isValid())
             return date;
         // Not valid: trying to convert from unix timestamp
         if (typeof value === 'string') {
             console.warn('Wrong date format - Trying to convert from local time: ' + value);
             if (value.length === 10) {
-                return moment$1(value, DATE_UNIX_TIMESTAMP);
+                return moment$9(value, DATE_UNIX_TIMESTAMP);
             }
             else if (value.length === 13) {
-                return moment$1(value, DATE_UNIX_MS_TIMESTAMP);
+                return moment$9(value, DATE_UNIX_MS_TIMESTAMP);
             }
         }
         console.warn('Unable to parse date: ' + value);
         return undefined;
     }
     function fromUnixTimestamp(timeInSec) {
-        return moment$1(timeInSec, DATE_UNIX_TIMESTAMP);
+        return moment$9(timeInSec, DATE_UNIX_TIMESTAMP);
     }
     function fromUnixMsTimestamp(timeInMs) {
-        return moment$1(timeInMs, DATE_UNIX_MS_TIMESTAMP);
+        return moment$9(timeInMs, DATE_UNIX_MS_TIMESTAMP);
     }
     function toDuration(value, unit) {
         if (!value)
             return undefined;
-        var duration = moment$1.duration(value, unit);
+        var duration = moment$9.duration(value, unit);
         // fix 990+ ms
         if (duration.milliseconds() >= 990) {
             duration.add(1000 - duration.milliseconds(), 'ms');
@@ -2960,7 +2995,7 @@
         };
         return DurationPipe;
     }());
-    DurationPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function DurationPipe_Factory() { return new DurationPipe(i0.ɵɵinject(i1$2.TranslateService)); }, token: DurationPipe, providedIn: "root" });
+    DurationPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DurationPipe_Factory() { return new DurationPipe(i0__namespace.ɵɵinject(i1__namespace$1.TranslateService)); }, token: DurationPipe, providedIn: "root" });
     DurationPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'duration'
@@ -2984,7 +3019,7 @@
         };
         return MathAbsPipe;
     }());
-    MathAbsPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function MathAbsPipe_Factory() { return new MathAbsPipe(); }, token: MathAbsPipe, providedIn: "root" });
+    MathAbsPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function MathAbsPipe_Factory() { return new MathAbsPipe(); }, token: MathAbsPipe, providedIn: "root" });
     MathAbsPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'mathAbs'
@@ -2999,7 +3034,7 @@
         };
         return EvenPipe;
     }());
-    EvenPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function EvenPipe_Factory() { return new EvenPipe(); }, token: EvenPipe, providedIn: "root" });
+    EvenPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function EvenPipe_Factory() { return new EvenPipe(); }, token: EvenPipe, providedIn: "root" });
     EvenPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'even'
@@ -3014,7 +3049,7 @@
         };
         return OddPipe;
     }());
-    OddPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function OddPipe_Factory() { return new OddPipe(); }, token: OddPipe, providedIn: "root" });
+    OddPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function OddPipe_Factory() { return new OddPipe(); }, token: OddPipe, providedIn: "root" });
     OddPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'odd'
@@ -3146,7 +3181,7 @@
         };
         return MapGetPipe;
     }());
-    MapGetPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function MapGetPipe_Factory() { return new MapGetPipe(); }, token: MapGetPipe, providedIn: "root" });
+    MapGetPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function MapGetPipe_Factory() { return new MapGetPipe(); }, token: MapGetPipe, providedIn: "root" });
     MapGetPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'mapGet'
@@ -3163,7 +3198,7 @@
         };
         return MapKeysPipe;
     }());
-    MapKeysPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function MapKeysPipe_Factory() { return new MapKeysPipe(); }, token: MapKeysPipe, providedIn: "root" });
+    MapKeysPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function MapKeysPipe_Factory() { return new MapKeysPipe(); }, token: MapKeysPipe, providedIn: "root" });
     MapKeysPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'mapKeys'
@@ -3180,7 +3215,7 @@
         };
         return MapValuesPipe;
     }());
-    MapValuesPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function MapValuesPipe_Factory() { return new MapValuesPipe(); }, token: MapValuesPipe, providedIn: "root" });
+    MapValuesPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function MapValuesPipe_Factory() { return new MapValuesPipe(); }, token: MapValuesPipe, providedIn: "root" });
     MapValuesPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'mapValues'
@@ -3337,7 +3372,7 @@
         };
         return TranslateContextService;
     }());
-    TranslateContextService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TranslateContextService_Factory() { return new TranslateContextService(i0.ɵɵinject(i1$2.TranslateService)); }, token: TranslateContextService, providedIn: "root" });
+    TranslateContextService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TranslateContextService_Factory() { return new TranslateContextService(i0__namespace.ɵɵinject(i1__namespace$1.TranslateService)); }, token: TranslateContextService, providedIn: "root" });
     TranslateContextService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -3400,7 +3435,7 @@
         ngInit: [{ type: i0.Output }]
     };
 
-    var moment$2 = momentImported__namespace;
+    var moment$8 = momentImported__namespace;
     // @dynamic
     var SharedValidators = /** @class */ (function () {
         function SharedValidators() {
@@ -3483,7 +3518,7 @@
         };
         SharedValidators.validDate = function (control) {
             var value = control.value;
-            var date = !value || moment$2.isMoment(value) ? value : moment$2(value, DATE_ISO_PATTERN);
+            var date = !value || moment$8.isMoment(value) ? value : moment$8(value, DATE_ISO_PATTERN);
             if (date && (!date.isValid() || date.year() < 1970)) {
                 return { validDate: true };
             }
@@ -4703,7 +4738,7 @@
         };
         return FormErrorTranslator;
     }());
-    FormErrorTranslator.ɵprov = i0.ɵɵdefineInjectable({ factory: function FormErrorTranslator_Factory() { return new FormErrorTranslator(i0.ɵɵinject(i1$2.TranslateService), i0.ɵɵinject(APP_FORM_ERROR_I18N_KEYS, 8)); }, token: FormErrorTranslator, providedIn: "root" });
+    FormErrorTranslator.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function FormErrorTranslator_Factory() { return new FormErrorTranslator(i0__namespace.ɵɵinject(i1__namespace$1.TranslateService), i0__namespace.ɵɵinject(APP_FORM_ERROR_I18N_KEYS, 8)); }, token: FormErrorTranslator, providedIn: "root" });
     FormErrorTranslator.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -4994,7 +5029,7 @@
         });
         return PropertyFormatPipe;
     }());
-    PropertyFormatPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function PropertyFormatPipe_Factory() { return new PropertyFormatPipe(i0.ɵɵinject(DateFormatPipe), i0.ɵɵinject(i1$2.TranslateService)); }, token: PropertyFormatPipe, providedIn: "root" });
+    PropertyFormatPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PropertyFormatPipe_Factory() { return new PropertyFormatPipe(i0__namespace.ɵɵinject(DateFormatPipe), i0__namespace.ɵɵinject(i1__namespace$1.TranslateService)); }, token: PropertyFormatPipe, providedIn: "root" });
     PropertyFormatPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'propertyFormat'
@@ -5378,9 +5413,9 @@
         var hour = parseInt(durationParts[0] || '0');
         var minute = parseInt(durationParts[1] || '0');
         var value = hour + (minute + 0.5) / 60;
-        return roundFloat$1(value, maxDecimals);
+        return roundFloat(value, maxDecimals);
     }
-    function roundFloat$1(input, maxDecimals) {
+    function roundFloat(input, maxDecimals) {
         if (maxDecimals > 0) {
             var powDecimal = Math.pow(10, maxDecimals);
             return Math.trunc(input * powDecimal + 0.5) / powDecimal;
@@ -5404,16 +5439,16 @@
             DD: [/[+-]/, /\d/, /\d/, /\d/, '.', /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, '°']
         }
     };
-    var noop$1 = function () {
+    var noop$7 = function () {
     };
-    var ɵ0$2 = noop$1;
+    var ɵ0$a = noop$7;
     var MatLatLongField = /** @class */ (function () {
         function MatLatLongField(formBuilder, cd, formGroupDir) {
             this.formBuilder = formBuilder;
             this.cd = cd;
             this.formGroupDir = formGroupDir;
-            this._onChangeCallback = noop$1;
-            this._onTouchedCallback = noop$1;
+            this._onChangeCallback = noop$7;
+            this._onTouchedCallback = noop$7;
             this._subscription = new rxjs.Subscription();
             this._disabling = false;
             this._writing = false;
@@ -5773,14 +5808,14 @@
                 },] }
     ];
 
-    var DEFAULT_VALUE_ACCESSOR = {
+    var DEFAULT_VALUE_ACCESSOR$5 = {
         provide: i1.NG_VALUE_ACCESSOR,
         useExisting: i0.forwardRef(function () { return MatDate; }),
         multi: true
     };
     var TEXT_MASK = [/\d/, /\d/, '/', /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/];
-    var noop$2 = function () { };
-    var ɵ0$3 = noop$2;
+    var noop$6 = function () { };
+    var ɵ0$9 = noop$6;
     var MatDate = /** @class */ (function () {
         function MatDate(dateAdapter, translate, formBuilder, cd, keyboard, formGroupDir) {
             this.dateAdapter = dateAdapter;
@@ -5789,8 +5824,8 @@
             this.cd = cd;
             this.keyboard = keyboard;
             this.formGroupDir = formGroupDir;
-            this._onChangeCallback = noop$2;
-            this._onTouchedCallback = noop$2;
+            this._onChangeCallback = noop$6;
+            this._onTouchedCallback = noop$6;
             this._subscription = new rxjs.Subscription();
             this._writing = true;
             this._disabling = false;
@@ -6131,7 +6166,7 @@
                     selector: 'mat-date-field',
                     template: "<!-- readonly -->\n<mat-form-field *ngIf=\"readonly; else writable\"\n                [floatLabel]=\"floatLabel\"\n                [appearance]=\"appearance\"\n                class=\"mat-form-field-disabled\">\n\n  <div matPrefix>\n    <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n  </div>\n\n  <input matInput hidden type=\"text\"\n         readonly\n         [placeholder]=\"placeholder\"\n         [formControl]=\"formControl\">\n  <ion-text>{{formControl.value|dateFormat: {pattern: datePattern} }}</ion-text>\n</mat-form-field>\n\n<!-- writable -->\n<ng-template #writable>\n  <mat-form-field [floatLabel]=\"floatLabel\"\n                  [appearance]=\"appearance\">\n\n    <mat-label>{{placeholder}}</mat-label>\n\n    <div matPrefix>\n      <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n    </div>\n\n    <input matInput #matInput autocomplete=\"off\" type=\"text\"\n           *ngIf=\"!mobile\"\n           [formControl]=\"textControl\"\n           [textMask]=\"{mask: mask, keepCharPositions: true, placeholderChar: placeholderChar}\"\n           [placeholder]=\"'COMMON.DATE_PLACEHOLDER'|translate\"\n           (blur)=\"checkIfTouched()\"\n           (keyup.arrowdown)=\"openDatePicker($event, datePicker)\"\n           (keyup.escape)=\"preventEvent($event)\"\n           [required]=\"required\"\n           [tabindex]=\"tabindex\"\n           [appAutofocus]=\"autofocus\">\n    <input matInput #matInput autocomplete=\"off\" type=\"text\"\n           *ngIf=\"mobile\"\n           [formControl]=\"textControl\"\n           (click)=\"openDatePickerIfMobile($event, datePicker)\"\n           [required]=\"required\"\n           [tabindex]=\"tabindex\"\n           readonly>\n\n    <!-- Hide the final input -->\n    <input matInput type=\"text\" [formControl]=\"formControl\"\n           hidden\n           [matDatepicker]=\"datePicker\"\n           [matDatepickerFilter]=\"datePickerFilter\"\n           (dateChange)=\"onDatePickerChange($event)\">\n\n    <button type=\"button\" mat-icon-button tabindex=\"-1\" matSuffix\n            (click)=\"openDatePicker($event, datePicker)\"\n            [disabled]=\"formControl.disabled\">\n      <div *ngIf=\"mobile; then iconDate; else iconDesktop\"></div>\n    </button>\n    <button matSuffix mat-icon-button tabindex=\"-1\"\n            type=\"button\"\n            *ngIf=\"clearable\"\n            (click)=\"clear()\"\n            [hidden]=\"formControl.disabled || !formControl.value\">\n      <mat-icon>close</mat-icon>\n    </button>\n\n    <!-- errors -->\n    <mat-error *ngIf=\"formControl.touched && formControl.errors|mapKeys|arrayFirst; let errorKey\" [ngSwitch]=\"errorKey\">\n      <span *ngSwitchCase=\"'required'\" translate>ERROR.FIELD_REQUIRED</span>\n      <span *ngSwitchCase=\"'validDate'\" translate>ERROR.FIELD_NOT_VALID_DATE</span>\n      <span *ngSwitchCase=\"'dateIsAfter'\">{{'ERROR.FIELD_NOT_VALID_DATE_AFTER' | translate: formControl.errors.dateIsAfter }}</span>\n      <span *ngSwitchCase=\"'dateIsBefore'\">{{'ERROR.FIELD_NOT_VALID_DATE_BEFORE' | translate: formControl.errors.dateIsBefore }}</span>\n      <span *ngSwitchCase=\"'dateRange'\" translate>ERROR.FIELD_NOT_VALID_DATE_RANGE</span>\n      <span *ngSwitchCase=\"'dateMaxDuration'\" translate>ERROR.FIELD_NOT_VALID_DATE_MAX_DURATION</span>\n      <span *ngSwitchCase=\"'dateMinDuration'\" translate>ERROR.FIELD_NOT_VALID_DATE_MIN_DURATION</span>\n      <span *ngSwitchCase=\"'msg'\">{{(formControl.errors.msg?.key || formControl.errors.msg) | translate: formControl.errors.msg?.params}}</span>\n    </mat-error>\n    <ng-content select=\"mat-error\"></ng-content>\n\n    <!-- mat hint -->\n    <div class=\"mat-form-field-hint-wrapper\" [class.cdk-visually-hidden]=\"formControl.invalid\">\n      <div class=\"mat-form-field-hint-spacer\"></div>\n      <ng-content select=\"mat-hint\"></ng-content>\n    </div>\n  </mat-form-field>\n\n  <mat-datepicker #datePicker\n                  [touchUi]=\"mobile\"\n                  [disabled]=\"formControl.disabled\"\n                  [startAt]=\"startDate\"\n                  ></mat-datepicker>\n\n\n\n</ng-template>\n\n<ng-template #iconDesktop>\n  <mat-icon>keyboard_arrow_down</mat-icon>\n</ng-template>\n\n<ng-template #iconDate>\n  <mat-icon>date_range</mat-icon>\n</ng-template>\n\n<ng-template #matPrefixTemplate>\n  <ng-content select=\"[matPrefix]\"></ng-content>\n</ng-template>\n",
                     providers: [
-                        DEFAULT_VALUE_ACCESSOR,
+                        DEFAULT_VALUE_ACCESSOR$5,
                     ],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [":host{display:inline-block;width:100%;position:relative}:host [no-padding]{--ion-grid-column-padding:0}:host [nowrap]{flex-wrap:nowrap}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}mat-form-field .datetime-md,mat-form-field ion-datetime{padding:0!important}ion-col.day{min-width:100px}ion-col.day .mat-form-field-subscript-wrapper{overflow:visible;right:-64px;width:calc(100% + 64px)}ion-col.day .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper{display:flex}ion-col.day .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper .mat-form-field-hint-spacer{flex:1 0 1em}ion-col.hour{min-width:55px;max-width:65px}ion-col.hour mat-form-field{width:100%}ion-col.hour mat-form-field input[type=text],ion-col.hour mat-form-field mat-label{text-align:left;min-width:50px}mat-form-field.mat-form-field-disabled ion-col.day{min-width:100px}.hour .mat-form-field-label{max-width:40px}.hour mat-form-field.mat-form-field-should-float .mat-form-field-placeholder{max-width:inherit}mat-error{text-align:right;width:100%}"]
@@ -6166,16 +6201,16 @@
         matInputs: [{ type: i0.ViewChildren, args: ['matInput',] }]
     };
 
-    var DEFAULT_VALUE_ACCESSOR$1 = {
+    var DEFAULT_VALUE_ACCESSOR$4 = {
         provide: i1.NG_VALUE_ACCESSOR,
         useExisting: i0.forwardRef(function () { return MatDateTime; }),
         multi: true
     };
-    var DAY_MASK = [/\d/, /\d/, '/', /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/];
+    var DAY_MASK$1 = [/\d/, /\d/, '/', /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/];
     var HOUR_REGEXP = /^[012][0-9][:][012345][0-9]$/;
-    var HOUR_MASK = [/[012]/, /\d/, ':', /[012345]/, /\d/];
-    var noop$3 = function () { };
-    var ɵ0$4 = noop$3;
+    var HOUR_MASK$1 = [/[012]/, /\d/, ':', /[012345]/, /\d/];
+    var noop$5 = function () { };
+    var ɵ0$8 = noop$5;
     var MatDateTime = /** @class */ (function () {
         function MatDateTime(dateAdapter, translate, formBuilder, cd, keyboard, formGroupDir) {
             this.dateAdapter = dateAdapter;
@@ -6184,14 +6219,14 @@
             this.cd = cd;
             this.keyboard = keyboard;
             this.formGroupDir = formGroupDir;
-            this._onChangeCallback = noop$3;
-            this._onTouchedCallback = noop$3;
+            this._onChangeCallback = noop$5;
+            this._onTouchedCallback = noop$5;
             this._subscription = new rxjs.Subscription();
             this._writing = true;
             this._disabling = false;
             this._readonly = false;
-            this.dayMask = DAY_MASK;
-            this.hourMask = HOUR_MASK;
+            this.dayMask = DAY_MASK$1;
+            this.hourMask = HOUR_MASK$1;
             this.floatLabel = 'auto';
             this.compact = false;
             this.placeholderChar = DEFAULT_PLACEHOLDER_CHAR;
@@ -6556,7 +6591,7 @@
                     selector: 'mat-date-time-field',
                     template: "<!-- readonly -->\n<mat-form-field *ngIf=\"readonly; else writable\"\n                [floatLabel]=\"floatLabel\"\n                [appearance]=\"appearance\"\n                class=\"mat-form-field-disabled\">\n\n  <div matPrefix>\n    <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n  </div>\n\n  <input matInput hidden type=\"text\"\n         readonly\n         [placeholder]=\"placeholder\"\n         [formControl]=\"formControl\">\n  <ion-text>{{formControl.value|dateFormat: {pattern: displayPattern} }}</ion-text>\n</mat-form-field>\n\n<!-- writable + time -->\n<ng-template #writable >\n  <ion-grid class=\"ion-no-padding mat-form-field-{{appearance}}\">\n    <ion-row class=\"ion-no-padding no-wrap\" nowrap>\n\n      <!-- day -->\n      <ion-col class=\"day ion-no-padding\">\n        <mat-form-field [floatLabel]=\"floatLabel\"\n                        [appearance]=\"appearance\"\n                        [class.mat-form-field-invalid]=\"formControl.touched && formControl.invalid\">\n\n          <mat-label>{{placeholder}}</mat-label>\n\n          <div matPrefix>\n            <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n          </div>\n\n          <input matInput #matInput autocomplete=\"off\" type=\"text\"\n                 *ngIf=\"!mobile\"\n                 [formControl]=\"dayControl\"\n                 [textMask]=\"{mask: dayMask, keepCharPositions: true, placeholderChar: placeholderChar}\"\n                 [placeholder]=\"'COMMON.DATE_PLACEHOLDER'|translate\"\n                 (blur)=\"checkIfTouched()\"\n                 (keyup.arrowdown)=\"openDatePicker($event, datePicker)\"\n                 (keyup.escape)=\"preventEvent($event)\"\n                 [required]=\"required\"\n                 [tabindex]=\"tabindex\"\n                 [appAutofocus]=\"autofocus\">\n          <input matInput #matInput autocomplete=\"off\" type=\"text\"\n                 *ngIf=\"mobile\"\n                 [formControl]=\"dayControl\"\n                 (click)=\"openDatePickerIfMobile($event, datePicker)\"\n                 [required]=\"required\"\n                 [tabindex]=\"tabindex\"\n                 readonly>\n\n          <!-- Hide the final input -->\n          <input matInput type=\"text\" [formControl]=\"formControl\"\n                 hidden\n                 [matDatepicker]=\"datePicker\"\n                 [matDatepickerFilter]=\"datePickerFilter\"\n                 (dateChange)=\"onDatePickerChange($event)\">\n\n          <button type=\"button\" mat-icon-button tabindex=\"-1\" matSuffix\n                  (click)=\"openDatePicker($event, datePicker)\"\n                  [disabled]=\"formControl.disabled\">\n            <div *ngIf=\"mobile; then iconDate; else iconDesktop\"></div>\n          </button>\n          <button matSuffix mat-icon-button tabindex=\"-1\"\n                  type=\"button\"\n                  *ngIf=\"clearable\"\n                  (click)=\"clear()\"\n                  [hidden]=\"formControl.disabled || !formControl.value\">\n            <mat-icon>close</mat-icon>\n          </button>\n        </mat-form-field>\n        <mat-datepicker #datePicker\n                        [touchUi]=\"mobile\"\n                        [disabled]=\"formControl.disabled\"\n                        [startAt]=\"startDate\"></mat-datepicker>\n        <div class=\"mat-form-field-subscript mat-form-field-subscript-wrapper\" >\n          <!-- errors -->\n          <ng-container [ngSwitch]=\"formControl.touched && formControl.errors|mapKeys|arrayFirst\">\n            <mat-error *ngSwitchCase=\"'required'\" translate>ERROR.FIELD_REQUIRED</mat-error>\n            <mat-error *ngSwitchCase=\"'validDate'\" translate>ERROR.FIELD_NOT_VALID_DATE_TIME</mat-error>\n            <mat-error *ngSwitchCase=\"'dateIsAfter'\">{{'ERROR.FIELD_NOT_VALID_DATE_AFTER' | translate: formControl.errors.dateIsAfter }}</mat-error>\n            <mat-error *ngSwitchCase=\"'dateIsBefore'\">{{'ERROR.FIELD_NOT_VALID_DATE_BEFORE' | translate: formControl.errors.dateIsBefore }}</mat-error>\n            <mat-error *ngSwitchCase=\"'dateRange'\" translate>ERROR.FIELD_NOT_VALID_DATE_RANGE</mat-error>\n            <mat-error *ngSwitchCase=\"'dateMaxDuration'\" translate>ERROR.FIELD_NOT_VALID_DATE_MAX_DURATION</mat-error>\n            <mat-error *ngSwitchCase=\"'dateMinDuration'\" translate>ERROR.FIELD_NOT_VALID_DATE_MIN_DURATION</mat-error>\n            <mat-error *ngSwitchCase=\"'msg'\">{{(formControl.errors.msg?.key || formControl.errors.msg) | translate: formControl.errors.msg?.params}}</mat-error>\n          </ng-container>\n          <ng-content select=\"mat-error\"></ng-content>\n\n          <!-- mat hint -->\n          <div class=\"mat-form-field-hint-wrapper\" [class.cdk-visually-hidden]=\"formControl.invalid\">\n            <div class=\"mat-form-field-hint-spacer\"></div>\n            <ng-content select=\"mat-hint\"></ng-content>\n          </div>\n        </div>\n\n      </ion-col>\n\n      <!-- hour -->\n      <ion-col class=\"hour ion-no-padding\">\n        <mat-form-field [floatLabel]=\"floatLabel\"\n                        [appearance]=\"appearance\"\n                        [class.mat-form-field-invalid]=\"formControl.touched && (hourControl.invalid || formControl.invalid)\">\n          <mat-label *ngIf=\"placeholder && floatLabel != 'never'\" translate>COMMON.TIME</mat-label>\n          <input matInput #matInput type=\"text\"\n                 *ngIf=\"!mobile\"\n                 [formControl]=\"hourControl\"\n                 autocomplete=\"off\"\n                 min=\"0\" max=\"23\"\n                 [textMask]=\"{mask: hourMask, keepCharPositions: true, placeholderChar: placeholderChar, guide: true}\"\n                 [placeholder]=\"'COMMON.TIME_PLACEHOLDER'|translate\"\n                 [required]=\"required\"\n                 (keyup.arrowdown)=\"openTimePicker($event)\"\n                 (keyup.escape)=\"preventEvent($event)\"\n                 (blur)=\"checkIfTouched()\"\n                 [tabindex]=\"tabindex !== undefined ? tabindex+1 : undefined\">\n\n          <input matInput #matInput type=\"text\"\n                 *ngIf=\"mobile\"\n                 [formControl]=\"hourControl\"\n                 (click)=\"openTimePickerIfMobile($event)\"\n                 readonly>\n\n          <input matInput type=\"text\"\n                 [formControl]=\"hourControl\"\n                 hidden\n                 [ngxTimepicker]=\"timePicker\"\n                 [format]=\"24\">\n\n          <button matSuffix type=\"button\" mat-icon-button\n                  tabindex=\"-1\"\n                  *ngIf=\"!compact && !mobile\"\n                  [disabled]=\"formControl.disabled\"\n                  (click)=\"openTimePicker($event)\" >\n            <mat-icon>keyboard_arrow_down</mat-icon>\n          </button>\n          <button matSuffix type=\"button\" mat-icon-button\n                  tabindex=\"-1\"\n                  *ngIf=\"!compact && mobile\"\n                  [disabled]=\"formControl.disabled\"\n                  (click)=\"openTimePickerIfMobile($event)\">\n            <mat-icon>access_time</mat-icon>\n          </button>\n\n          <ngx-material-timepicker #timePicker [@.disabled]=\"true\"\n                                   (timeSet)=\"onTimePickerChange($event)\"\n                                   [ESC]=\"!mobile\"\n                                   [defaultTime]=\"'00:00'\"\n                                   [cancelBtnTmpl]=\"timePickerCancelButton\"\n                                   [confirmBtnTmpl]=\"timePickerOkButton\"\n                                   [preventOverlayClick]=\"mobile\"\n                                   [enableKeyboardInput]=\"false\"\n                                   [disableAnimation]=\"true\">\n            <!-- cancel button -->\n            <ng-template #timePickerCancelButton>\n              <ion-button fill=\"clear\" color=\"dark\">\n                <ion-label translate>COMMON.BTN_CANCEL</ion-label>\n              </ion-button>\n            </ng-template>\n\n            <!-- confirm button -->\n            <ng-template #timePickerOkButton>\n              <ion-button fill=\"solid\" color=\"tertiary\">\n                <ion-label translate>COMMON.BTN_VALIDATE</ion-label>\n              </ion-button>\n            </ng-template>\n\n          </ngx-material-timepicker>\n        </mat-form-field>\n      </ion-col>\n    </ion-row>\n  </ion-grid>\n\n\n</ng-template>\n\n<ng-template #iconDesktop>\n  <mat-icon>keyboard_arrow_down</mat-icon>\n</ng-template>\n\n<ng-template #iconDate>\n  <mat-icon>date_range</mat-icon>\n</ng-template>\n\n<ng-template #matPrefixTemplate>\n  <ng-content select=\"[matPrefix]\"></ng-content>\n</ng-template>\n",
                     providers: [
-                        DEFAULT_VALUE_ACCESSOR$1,
+                        DEFAULT_VALUE_ACCESSOR$4,
                     ],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [":host{display:inline-block;width:100%;position:relative;--ion-grid-column-padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}mat-form-field .datetime-md{padding:0!important}ion-row.no-wrap{flex-wrap:nowrap}ion-col.day{min-width:100px}ion-col.day .mat-form-field-subscript-wrapper{overflow:visible;right:-64px;width:calc(100% + 64px)}ion-col.day .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper{display:flex}ion-col.day .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper .mat-form-field-hint-spacer{flex:1 0 1em}ion-col.hour{min-width:55px;max-width:65px}ion-col.hour mat-form-field{width:100%}ion-col.hour mat-form-field input[type=text],ion-col.hour mat-form-field mat-label{text-align:left;min-width:50px}mat-form-field.mat-form-field-disabled ion-col.day{min-width:100px}.mat-form-field-outline ion-col.day{min-width:153px}.mat-form-field-outline ion-col.hour{min-width:100px;max-width:110px}.hour .mat-form-field-label{max-width:40px}.hour mat-form-field.mat-form-field-should-float .mat-form-field-placeholder{max-width:inherit}mat-error{text-align:right;width:100%}"]
@@ -6591,15 +6626,15 @@
         matInputs: [{ type: i0.ViewChildren, args: ['matInput',] }]
     };
 
-    var DEFAULT_VALUE_ACCESSOR$2 = {
+    var DEFAULT_VALUE_ACCESSOR$3 = {
         provide: i1.NG_VALUE_ACCESSOR,
         useExisting: i0.forwardRef(function () { return MatDateShort; }),
         multi: true
     };
-    var DAY_MASK$1 = [/\d/, /\d/, /\d/, /\d/];
+    var DAY_MASK = [/\d/, /\d/, /\d/, /\d/];
     var noop$4 = function () {
     };
-    var ɵ0$5 = noop$4;
+    var ɵ0$7 = noop$4;
     var MatDateShort = /** @class */ (function () {
         function MatDateShort(dateAdapter, translate, formBuilder, cd, keyboard, formGroupDir) {
             this.dateAdapter = dateAdapter;
@@ -6612,7 +6647,7 @@
             this._onTouchedCallback = noop$4;
             this.writing = true;
             this.disabling = false;
-            this.dayMask = DAY_MASK$1;
+            this.dayMask = DAY_MASK;
             this.disabled = false;
             this.floatLabel = 'auto';
             this.readonly = false;
@@ -6889,7 +6924,7 @@
                     selector: 'mat-date-short-field',
                     template: "<!-- readonly -->\n<mat-form-field *ngIf=\"readonly else writable\"\n                [floatLabel]=\"floatLabel\"\n                [appearance]=\"appearance\"\n                class=\"mat-form-field-disabled\">\n  <div matPrefix>\n    <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n  </div>\n\n  <input matInput hidden type=\"text\" readonly=\"true\" [formControl]=\"formControl\">\n  <ion-text>{{formControl.value|dateFormat: {pattern: displayPattern} }}</ion-text>\n\n  <div matSuffix>\n    <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n  </div>\n</mat-form-field>\n\n<ng-template #writable>\n  <mat-form-field [floatLabel]=\"floatLabel\"\n                  [appearance]=\"appearance\">\n\n    <mat-label>{{placeholder}}</mat-label>\n\n    <div matPrefix><ng-content select=\"[matPrefix]\"></ng-content></div>\n\n    <input matInput #matInput autocomplete=\"off\" type=\"text\"\n           *ngIf=\"!mobile\"\n           [formControl]=\"dayControl\"\n           [textMask]=\"{mask: dayMask, keepCharPositions: true, placeholderChar: placeholderChar}\"\n           [placeholder]=\"'COMMON.DATE_YEAR_PLACEHOLDER'|translate\"\n           (blur)=\"checkIfTouched()\"\n           (keyup.arrowdown)=\"openDatePicker($event, datePicker1)\"\n           (keyup.escape)=\"preventEvent($event)\"\n           (click)=\"matInput.select()\"\n           [required]=\"required\"\n           [tabindex]=\"tabindex\">\n    <input matInput #matInput autocomplete=\"off\" type=\"text\"\n           *ngIf=\"mobile\"\n           [formControl]=\"dayControl\"\n           (click)=\"openDatePickerIfMobile($event, datePicker1)\"\n           [required]=\"required\"\n           [tabindex]=\"tabindex\"\n           readonly>\n\n    <!-- Hide the final control -->\n    <input matInput type=\"text\"\n           [formControl]=\"formControl\"\n           hidden\n           [matDatepicker]=\"datePicker1\"\n           (dateChange)=\"onDatePickerChange($event)\">\n\n\n    <button matSuffix mat-icon-button tabindex=\"-1\"\n            type=\"button\"\n            (click)=\"openDatePicker($event, datePicker1)\"\n            [disabled]=\"formControl.disabled\">\n      <div *ngIf=\"mobile; then iconDate; else iconDesktop\"></div>\n    </button>\n    <button matSuffix mat-icon-button tabindex=\"-1\"\n            type=\"button\"\n            *ngIf=\"clearable\"\n            (click)=\"writeValue(null)\"\n            [hidden]=\"formControl.disabled || !formControl.value\">\n      <mat-icon>close</mat-icon>\n    </button>\n\n    <mat-error *ngIf=\"formControl.touched && formControl.errors|mapKeys|arrayFirst; let errorKey\" [ngSwitch]=\"errorKey\">\n      <span *ngSwitchCase=\"'required'\" translate>ERROR.FIELD_REQUIRED</span>\n      <span *ngSwitchCase=\"'validDate'\" translate>ERROR.FIELD_NOT_VALID_DATE</span>\n      <span *ngSwitchCase=\"'dateIsAfter'\">{{'ERROR.FIELD_NOT_VALID_DATE_AFTER' | translate: formControl.errors.dateIsAfter }}</span>\n      <span *ngSwitchCase=\"'dateRange'\" translate>ERROR.FIELD_NOT_VALID_DATE_RANGE</span>\n      <span *ngSwitchCase=\"'dateMaxDuration'\" translate>ERROR.FIELD_NOT_VALID_DATE_MAX_DURATION</span>\n      <span *ngSwitchCase=\"'dateMinDuration'\" translate>ERROR.FIELD_NOT_VALID_DATE_MIN_DURATION</span>\n      <span *ngSwitchCase=\"'msg'\">{{(formControl.errors.msg?.key || formControl.errors.msg) | translate: formControl.errors.msg?.params}}</span>\n    </mat-error>\n    <ng-content select=\"mat-error\"></ng-content>\n\n    <div matSuffix>\n      <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n    </div>\n  </mat-form-field>\n\n  <mat-datepicker #datePicker1\n                  startView=\"multi-year\"\n                  [touchUi]=\"mobile\"\n                  [disabled]=\"formControl.disabled\"\n                  (yearSelected)=\"closeDatePicker($event, datePicker1)\"\n                  [startAt]=\"startDate\"></mat-datepicker>\n\n  <ng-template #iconDesktop>\n    <mat-icon>keyboard_arrow_down</mat-icon>\n  </ng-template>\n\n  <ng-template #iconDate>\n    <mat-icon>date_range</mat-icon>\n  </ng-template>\n\n</ng-template>\n\n<ng-template #matPrefixTemplate>\n  <ng-content select=\"[matPrefix]\"></ng-content>\n</ng-template>\n\n<ng-template #matSuffixTemplate>\n  <ng-content select=\"[matSuffix]\"></ng-content>\n</ng-template>\n",
                     providers: [
-                        DEFAULT_VALUE_ACCESSOR$2,
+                        DEFAULT_VALUE_ACCESSOR$3,
                     ],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [":host{display:inline-block;width:100%;position:relative}:host [no-padding]{--ion-grid-column-padding:0}:host [nowrap]{flex-wrap:nowrap}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}mat-form-field .datetime-md,mat-form-field ion-datetime{padding:0!important}ion-col.day{min-width:100px}ion-col.day .mat-form-field-subscript-wrapper{overflow:visible;right:-64px;width:calc(100% + 64px)}ion-col.day .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper{display:flex}ion-col.day .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper .mat-form-field-hint-spacer{flex:1 0 1em}ion-col.hour{min-width:55px;max-width:65px}ion-col.hour mat-form-field{width:100%}ion-col.hour mat-form-field input[type=text],ion-col.hour mat-form-field mat-label{text-align:left;min-width:50px}mat-form-field.mat-form-field-disabled ion-col.day{min-width:100px}.hour .mat-form-field-label{max-width:40px}.hour mat-form-field.mat-form-field-should-float .mat-form-field-placeholder{max-width:inherit}mat-error{text-align:right;width:100%}"]
@@ -6961,16 +6996,16 @@
                 },] }
     ];
 
-    var DEFAULT_VALUE_ACCESSOR$3 = {
+    var DEFAULT_VALUE_ACCESSOR$2 = {
         provide: i1.NG_VALUE_ACCESSOR,
         useExisting: i0.forwardRef(function () { return MatDuration; }),
         multi: true
     };
     var HOUR_TIME_PATTERN = /[0-9]\d\d:[0-5]\d/;
-    var HOUR_MASK$1 = [/\d/, /\d/, /\d/, ':', /[0-5]/, /\d/];
-    var noop$5 = function () {
+    var HOUR_MASK = [/\d/, /\d/, /\d/, ':', /[0-5]/, /\d/];
+    var noop$3 = function () {
     };
-    var ɵ0$6 = noop$5;
+    var ɵ0$6 = noop$3;
     var MatDuration = /** @class */ (function () {
         function MatDuration(platform, dateAdapter, translate, formBuilder, cd, formGroupDir) {
             this.dateAdapter = dateAdapter;
@@ -6979,11 +7014,11 @@
             this.cd = cd;
             this.formGroupDir = formGroupDir;
             this._subscription = new rxjs.Subscription();
-            this._onChangeCallback = noop$5;
-            this._onTouchedCallback = noop$5;
+            this._onChangeCallback = noop$3;
+            this._onTouchedCallback = noop$3;
             this.writing = true;
             this.disabling = false;
-            this.hourMask = HOUR_MASK$1;
+            this.hourMask = HOUR_MASK;
             this.disabled = false;
             this.floatLabel = 'auto';
             this.readonly = false;
@@ -7176,7 +7211,7 @@
                     selector: 'mat-duration-field',
                     template: "<!-- readonly -->\n<mat-form-field *ngIf=\"readonly else writable\"\n                [floatLabel]=\"floatLabel\"\n                [appearance]=\"appearance\"\n                class=\"mat-form-field-disabled\">\n  <input matInput hidden type=\"text\" readonly=\"true\" [formControl]=\"formControl\">\n  <ion-text>{{ formControl.value|duration }}</ion-text>\n</mat-form-field>\n\n<!-- writable -->\n<ng-template #writable>\n  <mat-form-field [floatLabel]=\"floatLabel\"\n                  [appearance]=\"appearance\"\n                  [class.mat-form-field-disabled]=\"formControl.disabled\"\n                  [class.mat-form-field-invalid]=\"formControl.touched && formControl.invalid\">\n    <mat-label *ngIf=\"placeholder && floatLabel != 'never'\" translate>COMMON.TIME</mat-label>\n\n    <div matPrefix><ng-content select=\"[matPrefix]\"></ng-content></div>\n\n    <input matInput #matInput type=\"text\"\n           autocomplete=\"off\"\n           [formControl]=\"textControl\"\n           [textMask]=\"{mask: hourMask, keepCharPositions: true, placeholderChar: placeholderChar, guide: true}\"\n           [placeholder]=\"'COMMON.DURATION_PLACEHOLDER'|translate\"\n           [required]=\"required\"\n           (keydown.tab)=\"moveCaretToSeparator($event, true)\"\n           (keydown.shift.tab)=\"moveCaretToSeparator($event, false)\"\n           (keyup.escape)=\"preventEvent($event)\"\n           (blur)=\"checkIfTouched()\"\n           [tabindex]=\"tabindex !== undefined ? tabindex+1 : undefined\">\n\n\n    <!-- errors -->\n    <mat-error *ngIf=\"!formControl.hasError('required') && textControl.hasError('pattern')\" translate>ERROR.FIELD_NOT_VALID_PATTERN</mat-error>\n    <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n    <mat-error *ngIf=\"formControl.hasError('min')\">\n      {{(compact ? 'ERROR.FIELD_MIN_COMPACT' : 'ERROR.FIELD_MIN') | translate:formControl.errors.min }}</mat-error>\n    <mat-error *ngIf=\"formControl.hasError('max')\">\n      {{(compact ? 'ERROR.FIELD_MAX_COMPACT' : 'ERROR.FIELD_MAX') | translate:formControl.errors.max }}</mat-error>\n\n    <ng-content select=\"mat-error\"></ng-content>\n  </mat-form-field>\n</ng-template>\n\n",
                     providers: [
-                        DEFAULT_VALUE_ACCESSOR$3,
+                        DEFAULT_VALUE_ACCESSOR$2,
                     ],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [":host{display:inline-block;min-width:140px;position:relative;--ion-grid-column-padding:0}:host,mat-form-field{width:100%}mat-form-field .mat-form-field-subscript-wrapper{overflow:visible;top:100%}mat-form-field .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper{display:flex}mat-form-field .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper .mat-form-field-hint-spacer{flex:1 0 1em}mat-error{text-align:right;width:100%}"]
@@ -7237,22 +7272,22 @@
                 },] }
     ];
 
-    var DEFAULT_VALUE_ACCESSOR$4 = {
+    var DEFAULT_VALUE_ACCESSOR$1 = {
         provide: i1.NG_VALUE_ACCESSOR,
         useExisting: i0.forwardRef(function () { return MatBooleanField; }),
         multi: true
     };
-    var noop$6 = function () {
+    var noop$2 = function () {
     };
-    var ɵ0$7 = noop$6;
+    var ɵ0$5 = noop$2;
     var MatBooleanField = /** @class */ (function () {
         function MatBooleanField(translate, formBuilder, cd, formGroupDir) {
             this.translate = translate;
             this.formBuilder = formBuilder;
             this.cd = cd;
             this.formGroupDir = formGroupDir;
-            this._onChangeCallback = noop$6;
-            this._onTouchedCallback = noop$6;
+            this._onChangeCallback = noop$2;
+            this._onTouchedCallback = noop$2;
             this._writing = false;
             this.showRadio = false;
             this.disabled = false;
@@ -7427,7 +7462,7 @@
                     selector: 'mat-boolean-field',
                     template: "<mat-form-field  *ngIf=\"readonly; else writable\"\n                 [floatLabel]=\"floatLabel\"\n                 class=\"mat-form-field-disabled {{classList}}\">\n  <div matPrefix>\n    <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n  </div>\n  <input matInput hidden type=\"text\" readonly\n         [placeholder]=\"placeholder\"\n         [formControl]=\"formControl\">\n  <ion-text>{{(value == null ? 'COMMON.EMPTY_OPTION' : (value === true ? yesLabel : noLabel)) | translate }}</ion-text>\n  <div matSuffix>\n    <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n  </div>\n</mat-form-field>\n\n<ng-template #writable>\n  <ng-container [ngSwitch]=\"style\">\n\n    <!-- Radio -->\n    <mat-form-field *ngSwitchCase=\"'radio'\"\n                    [floatLabel]=\"showRadio && (!floatLabel || floatLabel === 'auto') ? 'always': floatLabel\"\n                    [appearance]=\"appearance\"\n                    class=\"mat-boolean-field mat-boolean-field-radio {{classList}}\">\n      <mat-label *ngIf=\"placeholder && floatLabel!=='never'\">\n        {{placeholder}}\n        <span [hidden]=\"showRadio\">({{yesLabel|translate}}/{{'COMMON.NO'|translate}})</span>\n      </mat-label>\n      <div matPrefix>\n        <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n      </div>\n      <input matInput #fakeInput type=\"text\" readonly=\"true\"\n             [formControl]=\"formControl\"\n             (focus)=\"_onFocusFakeInput($event)\"\n             [required]=\"required\"\n             [class.cdk-visually-hidden]=\"showRadio\"\n             [tabindex]=\"tabindex\">\n\n      <!-- radio button -->\n      <mat-radio-group [hidden]=\"!showRadio\"\n                       [formControl]=\"formControl\"\n                       (change)=\"onRadioValueChanged($event)\">\n        <mat-radio-button #yesButton [value]=\"true\">\n          <span>{{yesLabel|translate}}</span>\n        </mat-radio-button>&nbsp;\n        <mat-radio-button #noButton [value]=\"false\">\n          <span>{{noLabel|translate}}</span>\n        </mat-radio-button>\n      </mat-radio-group>\n\n      <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n\n      <div matSuffix>\n        <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n      </div>\n    </mat-form-field>\n\n    <!-- Checkbox -->\n    <mat-form-field *ngSwitchCase=\"'checkbox'\"\n                    [floatLabel]=\"floatLabel\"\n                    [appearance]=\"appearance\"\n                    class=\"mat-boolean-field mat-boolean-field-checkbox {{classList}}\">\n      <mat-label *ngIf=\"placeholder && !showRadio\">\n        {{placeholder}}\n      </mat-label>\n      <div matPrefix>\n        <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n      </div>\n      <input matInput #matInput\n             [formControl]=\"formControl\"\n             (focus)=\"_onFocusFakeInput($event)\"\n             [required]=\"required\"\n             [class.cdk-visually-hidden]=\"showRadio\"\n             [tabindex]=\"tabindex\">\n\n      <ion-label>&nbsp;</ion-label>\n\n      <!-- checkbox, when compact -->\n      <mat-checkbox #checkboxButton\n                    [formControl]=\"formControl\"\n                    (change)=\"onCheckboxValueChanged($event)\"\n                    [indeterminate]=\"value===null\"\n                    [hidden]=\"!showRadio\"\n                    [tabindex]=\"tabindex\">\n      </mat-checkbox>\n\n      <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n\n      <div matSuffix>\n        <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n      </div>\n    </mat-form-field>\n\n    <!-- Buttons -->\n    <mat-form-field *ngSwitchCase=\"'button'\"\n                    [floatLabel]=\"floatLabel === 'never' ? 'never' : 'always'\"\n                    [appearance]=\"appearance\"\n                    class=\"mat-boolean-field mat-boolean-field-button {{classList}}\">\n      <div matPrefix>\n        <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n      </div>\n      <input matInput type=\"text\" hidden\n             [formControl]=\"formControl\"\n             [placeholder]=\"placeholder\"\n             [required]=\"required\">\n      <div class=\"mat-form-field-buttons\"\n           [style.--buttons-col-count]=\"buttonsColCount\"\n           *ngIf=\"!formControl.disabled; else disabledLabel\">\n        <!-- yes -->\n        <ion-button class=\"mat-form-field-button\"\n                    [tabindex]=\"_tabindex\"\n                    (click)=\"writeValue(true, $event)\"\n                    (keyup.enter)=\"writeValue(true, $event)\"\n                    [color]=\"_value == null ? 'tertiary' : (_value === true) ? 'accent' : 'light'\">\n          <ion-icon *ngIf=\"showButtonIcons && yesIcon; let icon\" slot=\"start\" [name]=\"icon\"></ion-icon>\n          {{yesLabel|translate}}\n        </ion-button>\n\n        <!-- No button -->\n        <ion-button class=\"mat-form-field-button\"\n                    [tabindex]=\"_tabindex !== undefined ? (_tabindex + 1) : undefined\"\n                    (click)=\"writeValue(false, $event)\"\n                    (keyup.enter)=\"writeValue(false, $event)\"\n                    [color]=\"_value == null ? 'tertiary' : (_value === false) ? 'accent' : 'light'\">\n          <ion-icon *ngIf=\"showButtonIcons && noIcon; let icon\" slot=\"start\" [name]=\"icon\"></ion-icon>\n          {{noLabel|translate}}\n        </ion-button>\n      </div>\n      <ng-template #disabledLabel>\n        <ion-label><i translate>COMMON.EMPTY_OPTION</i></ion-label>\n      </ng-template>\n\n      <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n      <div matSuffix>\n        <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n      </div>\n\n    </mat-form-field>\n  </ng-container>\n\n</ng-template>\n\n\n<ng-template #matPrefixTemplate>\n  <ng-content select=\"[matPrefix]\"></ng-content>\n</ng-template>\n<ng-template #matSuffixTemplate>\n  <ng-content select=\"[matSuffix]\"></ng-content>\n</ng-template>\n",
                     providers: [
-                        DEFAULT_VALUE_ACCESSOR$4
+                        DEFAULT_VALUE_ACCESSOR$1
                     ],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [":host{width:100%}.mat-form-field.mat-boolean-field-radio{margin-top:-2px}.mat-form-field.mat-boolean-field-button{margin-top:-4px}.mat-form-field .mat-form-field-buttons{width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}.mat-form-field .mat-form-field-buttons .mat-form-field-button{--flex-basis:calc(100% / var(--buttons-col-count, 2));flex:0 1 var(--flex-basis);max-width:min(var(--flex-basis),150px);white-space:normal;padding:0 2px;height:40px}"]
@@ -7515,6 +7550,7 @@
         return MatNumpadEvent;
     }(KeyboardEvent));
 
+    exports.AnimationState = void 0;
     (function (AnimationState) {
         AnimationState["ENTER"] = "enter";
         AnimationState["ENTER_INPUT"] = "enter-input";
@@ -7682,7 +7718,7 @@
         };
         return MatNumpadDomService;
     }());
-    MatNumpadDomService.ɵprov = i0.ɵɵdefineInjectable({ factory: function MatNumpadDomService_Factory() { return new MatNumpadDomService(i0.ɵɵinject(i0.ComponentFactoryResolver), i0.ɵɵinject(i0.ApplicationRef), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(i1$4.DOCUMENT, 8)); }, token: MatNumpadDomService, providedIn: "root" });
+    MatNumpadDomService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function MatNumpadDomService_Factory() { return new MatNumpadDomService(i0__namespace.ɵɵinject(i0__namespace.ComponentFactoryResolver), i0__namespace.ɵɵinject(i0__namespace.ApplicationRef), i0__namespace.ɵɵinject(i0__namespace.INJECTOR), i0__namespace.ɵɵinject(i1__namespace$3.DOCUMENT, 8)); }, token: MatNumpadDomService, providedIn: "root" });
     MatNumpadDomService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
@@ -8088,7 +8124,7 @@
                 },] }
     ];
 
-    var DEFAULT_VALUE_ACCESSOR$5 = {
+    var DEFAULT_VALUE_ACCESSOR = {
         provide: i1.NG_VALUE_ACCESSOR,
         useExisting: i0.forwardRef(function () { return MatSwipeField; }),
         multi: true
@@ -8408,7 +8444,7 @@
         { type: i0.Component, args: [{
                     selector: 'mat-swipe-field',
                     template: "<mat-form-field [floatLabel]=\"showSlides && (!floatLabel || floatLabel === 'auto') ? 'always': floatLabel\"\n                [appearance]=\"appearance\"\n                [class]=\"classList\"\n                [class.mat-form-field-disabled]=\"disabled\">\n  <mat-label *ngIf=\"placeholder && floatLabel!=='never'\">\n    {{placeholder}}\n  </mat-label>\n  <input matInput #fakeInput type=\"text\"\n         [formControl]=\"formControl\"\n         [readonly]=\"true\"\n         (focus)=\"_onFocusFakeInput($event)\"\n         [required]=\"required\"\n         [class.cdk-visually-hidden]=\"showSlides\"\n         [tabindex]=\"tabindex\">\n\n  <div class=\"slides-container\" [class.hidden]=\"!showSlides\">\n    <ion-slides #slides\n                [options]=\"slidesOptions\"\n                (ionSlidesDidLoad)=\"slidesLoaded()\"\n                (ionSlideReachStart)=\"reachStart(true)\"\n                (ionSlideReachEnd)=\"reachEnd(true)\"\n                (ionSlideNextEnd)=\"reachStart(false)\"\n                (ionSlidePrevEnd)=\"reachEnd(false)\"\n                (ionSlideDidChange)=\"slideChanged()\"\n    >\n      <ion-slide *ngFor=\"let item of $items | async\">\n        <ion-label>{{ displayWith(item) }}</ion-label>\n      </ion-slide>\n\n    </ion-slides>\n  </div>\n\n  <button #prevButton\n          mat-icon-button\n          type=\"button\"\n          class=\"button-prev\"\n          [hidden]=\"!showSlides\"\n          [disabled]=\"previousDisabled\"\n          (click)=\"previous()\">\n    <mat-icon>chevron_left</mat-icon>\n  </button>\n  <button #nextButton\n          mat-icon-button\n          type=\"button\"\n          class=\"button-next\"\n          [hidden]=\"!showSlides\"\n          [disabled]=\"nextDisabled\"\n          (click)=\"next()\">\n    <mat-icon>chevron_right</mat-icon>\n  </button>\n\n  <button matSuffix mat-icon-button tabindex=\"-1\"\n          type=\"button\"\n          *ngIf=\"clearable\"\n          (click)=\"clearValue($event)\"\n          [hidden]=\"disabled || !formControl.value\">\n    <mat-icon>close</mat-icon>\n  </button>\n\n  <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n  <mat-error *ngIf=\"formControl.hasError('entity')\" translate>ERROR.FIELD_INVALID</mat-error>\n\n</mat-form-field>\n",
-                    providers: [DEFAULT_VALUE_ACCESSOR$5],
+                    providers: [DEFAULT_VALUE_ACCESSOR],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [":host{display:inline-block;width:100%;position:relative}input.hidden{display:none}.slides-container .swiper-slide{font-size:16px!important}.slides-container.hidden{visibility:hidden;height:0!important}.button-next,.button-prev{position:absolute;top:calc(50% - 20px);z-index:10}.button-prev{left:0;right:auto}.button-next{left:auto;right:0}"]
                 },] }
@@ -8470,14 +8506,14 @@
                 },] }
     ];
 
-    var noop$7 = function () { };
-    var ɵ0$8 = noop$7;
+    var noop$1 = function () { };
+    var ɵ0$4 = noop$1;
     var MatChipsField = /** @class */ (function () {
         function MatChipsField(cd, formGroupDir) {
             this.cd = cd;
             this.formGroupDir = formGroupDir;
-            this._onChangeCallback = noop$7;
-            this._onTouchedCallback = noop$7;
+            this._onChangeCallback = noop$1;
+            this._onTouchedCallback = noop$1;
             this.logPrefix = '[mat-chips] ';
             this.formControlName = null;
             this.required = false;
@@ -9448,7 +9484,7 @@
         };
         return ProgressBarService;
     }());
-    ProgressBarService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ProgressBarService_Factory() { return new ProgressBarService(); }, token: ProgressBarService, providedIn: "root" });
+    ProgressBarService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ProgressBarService_Factory() { return new ProgressBarService(); }, token: ProgressBarService, providedIn: "root" });
     ProgressBarService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -9495,7 +9531,7 @@
         };
         return AppGestureConfig;
     }(i1$6.HammerGestureConfig));
-    AppGestureConfig.ɵprov = i0.ɵɵdefineInjectable({ factory: function AppGestureConfig_Factory() { return new AppGestureConfig(); }, token: AppGestureConfig, providedIn: "root" });
+    AppGestureConfig.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function AppGestureConfig_Factory() { return new AppGestureConfig(); }, token: AppGestureConfig, providedIn: "root" });
     AppGestureConfig.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -9779,7 +9815,7 @@
         };
         return MatPaginatorI18n;
     }(paginator.MatPaginatorIntl));
-    MatPaginatorI18n.ɵprov = i0.ɵɵdefineInjectable({ factory: function MatPaginatorI18n_Factory() { return new MatPaginatorI18n(i0.ɵɵinject(i1$2.TranslateService)); }, token: MatPaginatorI18n, providedIn: "root" });
+    MatPaginatorI18n.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function MatPaginatorI18n_Factory() { return new MatPaginatorI18n(i0__namespace.ɵɵinject(i1__namespace$1.TranslateService)); }, token: MatPaginatorI18n, providedIn: "root" });
     MatPaginatorI18n.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -9871,17 +9907,17 @@
         return rgbArrayToHex(rgb.map(function (v) { return 255 - v; }));
     }
 
-    var noop$8 = function () {
+    var noop = function () {
     };
-    var ɵ0$9 = noop$8;
+    var ɵ0$3 = noop;
     var AppFormField = /** @class */ (function () {
         function AppFormField(translate, cd, injector, formGroupDir) {
             this.translate = translate;
             this.cd = cd;
             this.injector = injector;
             this.formGroupDir = formGroupDir;
-            this._onChangeCallback = noop$8;
-            this._onTouchedCallback = noop$8;
+            this._onChangeCallback = noop;
+            this._onTouchedCallback = noop;
             this.readonly = false;
             this.compact = false;
             this.floatLabel = 'auto';
@@ -10439,7 +10475,7 @@
         };
         return AudioProvider;
     }(StartableService));
-    AudioProvider.ɵprov = i0.ɵɵdefineInjectable({ factory: function AudioProvider_Factory() { return new AudioProvider(i0.ɵɵinject(i1$5.Platform), i0.ɵɵinject(i2$2.NativeAudio, 8), i0.ɵɵinject(i3$1.Vibration, 8), i0.ɵɵinject(i4.AudioManagement, 8)); }, token: AudioProvider, providedIn: "root" });
+    AudioProvider.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function AudioProvider_Factory() { return new AudioProvider(i0__namespace.ɵɵinject(i1__namespace$4.Platform), i0__namespace.ɵɵinject(i2__namespace.NativeAudio, 8), i0__namespace.ɵɵinject(i3__namespace.Vibration, 8), i0__namespace.ɵɵinject(i4__namespace.AudioManagement, 8)); }, token: AudioProvider, providedIn: "root" });
     AudioProvider.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -10549,7 +10585,7 @@
         };
         return Hotkeys;
     }());
-    Hotkeys.ɵprov = i0.ɵɵdefineInjectable({ factory: function Hotkeys_Factory() { return new Hotkeys(i0.ɵɵinject(i1$6.EventManager), i0.ɵɵinject(i2.MatDialog), i0.ɵɵinject(i1$4.DOCUMENT), i0.ɵɵinject(i1$5.ModalController), i0.ɵɵinject(i1$5.PopoverController)); }, token: Hotkeys, providedIn: "root" });
+    Hotkeys.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function Hotkeys_Factory() { return new Hotkeys(i0__namespace.ɵɵinject(i1__namespace$5.EventManager), i0__namespace.ɵɵinject(i2__namespace$1.MatDialog), i0__namespace.ɵɵinject(i1__namespace$3.DOCUMENT), i0__namespace.ɵɵinject(i1__namespace$4.ModalController), i0__namespace.ɵɵinject(i1__namespace$4.PopoverController)); }, token: Hotkeys, providedIn: "root" });
     Hotkeys.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
@@ -10799,7 +10835,7 @@
         return ImagesUtils;
     }());
 
-    var uuidv4 = uuidv4Imported__namespace;
+    var uuidv4$1 = uuidv4Imported__namespace;
     var FileService = /** @class */ (function () {
         function FileService(platform, 
         //private transfer: FileTransfer,
@@ -10845,7 +10881,7 @@
                             lastSlashIndex = fileUrl.lastIndexOf('/');
                             if (lastSlashIndex === -1)
                                 throw new Error('Invalid URL: ' + fileUrl);
-                            fileName = lastSlashIndex < (fileUrl.length - 1) && fileUrl.substring(lastSlashIndex + 1) || uuidv4();
+                            fileName = lastSlashIndex < (fileUrl.length - 1) && fileUrl.substring(lastSlashIndex + 1) || uuidv4$1();
                             if (!(outputType === 'fileUrl' && this.canUseFileSystem)) return [3 /*break*/, 4];
                             console.warn("WARN: [file] Downloading image {" + fileUrl + "} in local filesystem...");
                             targetFilePath = this._imageDirectory + fileName;
@@ -10908,7 +10944,7 @@
         };
         return FileService;
     }());
-    FileService.ɵprov = i0.ɵɵdefineInjectable({ factory: function FileService_Factory() { return new FileService(i0.ɵɵinject(i1$5.Platform), i0.ɵɵinject(i2$1.HttpClient), i0.ɵɵinject(ENVIRONMENT)); }, token: FileService, providedIn: "root" });
+    FileService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function FileService_Factory() { return new FileService(i0__namespace.ɵɵinject(i1__namespace$4.Platform), i0__namespace.ɵɵinject(i2__namespace$2.HttpClient), i0__namespace.ɵɵinject(ENVIRONMENT)); }, token: FileService, providedIn: "root" });
     FileService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root',
@@ -11075,7 +11111,7 @@
     Base58.alphabet = '123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz';
 
     var scrypt = require('scrypt-async');
-    var sha256 = require('hash.js/lib/hash/sha/256');
+    var sha256$1 = require('hash.js/lib/hash/sha/256');
     var sha512 = require('hash.js/lib/hash/sha/512');
     var nacl = {
         sign: tweetnacl.sign,
@@ -11181,7 +11217,7 @@
          * Hash (using SHA256) a message
          */
         CryptoService.prototype.sha256 = function (message) {
-            return sha256().update(message).digest('hex');
+            return sha256$1().update(message).digest('hex');
         };
         /**
          * Hash (using SHA512) a message
@@ -11195,7 +11231,7 @@
         };
         return CryptoService;
     }());
-    CryptoService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CryptoService_Factory() { return new CryptoService(); }, token: CryptoService, providedIn: "root" });
+    CryptoService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function CryptoService_Factory() { return new CryptoService(); }, token: CryptoService, providedIn: "root" });
     CryptoService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -12067,7 +12103,7 @@
         onRefresh: [{ type: i0.Input }]
     };
 
-    var moment$3 = momentImported__namespace;
+    var moment$7 = momentImported__namespace;
     var SETTINGS_STORAGE_KEY = 'settings';
     var SETTINGS_TRANSIENT_PROPERTIES = ['mobile', 'touchUi' /*deprecated*/];
     // fixme: this constant points to static environment
@@ -12135,7 +12171,7 @@
                 var _a;
                 if (isNil((_a = this._data) === null || _a === void 0 ? void 0 : _a.mobile)) {
                     console.warn("[settings] Accessing to property 'mobile' BEFORE service started! Please use ready()");
-                    return isMobile(window);
+                    this._data.mobile = isMobile(window);
                 }
                 return this._data.mobile;
             },
@@ -12369,11 +12405,11 @@
             if (!feature) {
                 feature = {
                     name: featureName.toLowerCase(),
-                    lastSyncDate: moment$3().toISOString()
+                    lastSyncDate: moment$7().toISOString()
                 };
             }
             else {
-                feature.lastSyncDate = moment$3().toISOString();
+                feature.lastSyncDate = moment$7().toISOString();
             }
             this.saveOfflineFeature(feature);
         };
@@ -12567,7 +12603,7 @@
             if (!page || !page.title || !page.path)
                 throw Error('Missing required argument \'page\', \'page.path\' or \'page.title\'');
             // Set time
-            page.time = page.time || moment$3();
+            page.time = page.time || moment$7();
             // Clean the title (remove <small> tags)
             if (!opts || opts.removeTitleSmallTag !== false) {
                 var tagIndex = page.title.indexOf('</small>');
@@ -12584,7 +12620,7 @@
         };
         return LocalSettingsService;
     }(StartableService));
-    LocalSettingsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LocalSettingsService_Factory() { return new LocalSettingsService(i0.ɵɵinject(i1$2.TranslateService), i0.ɵɵinject(i1$5.Platform), i0.ɵɵinject(i3$2.Storage), i0.ɵɵinject(ENVIRONMENT), i0.ɵɵinject(APP_LOCAL_SETTINGS, 8), i0.ɵɵinject(APP_LOCAL_SETTINGS_OPTIONS, 8)); }, token: LocalSettingsService, providedIn: "root" });
+    LocalSettingsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function LocalSettingsService_Factory() { return new LocalSettingsService(i0__namespace.ɵɵinject(i1__namespace$1.TranslateService), i0__namespace.ɵɵinject(i1__namespace$4.Platform), i0__namespace.ɵɵinject(i3__namespace$1.Storage), i0__namespace.ɵɵinject(ENVIRONMENT), i0__namespace.ɵɵinject(APP_LOCAL_SETTINGS, 8), i0__namespace.ɵɵinject(APP_LOCAL_SETTINGS_OPTIONS, 8)); }, token: LocalSettingsService, providedIn: "root" });
     LocalSettingsService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
@@ -13465,7 +13501,7 @@
         };
         return NetworkService;
     }(StartableService));
-    NetworkService.ɵprov = i0.ɵɵdefineInjectable({ factory: function NetworkService_Factory() { return new NetworkService(i0.ɵɵinject(i1$4.DOCUMENT), i0.ɵɵinject(i1$5.Platform), i0.ɵɵinject(i1$5.ModalController), i0.ɵɵinject(CryptoService), i0.ɵɵinject(i3$2.Storage), i0.ɵɵinject(LocalSettingsService), i0.ɵɵinject(i6.CacheService), i0.ɵɵinject(i2$1.HttpClient), i0.ɵɵinject(ENVIRONMENT), i0.ɵɵinject(i9.Network, 8), i0.ɵɵinject(i10.SplashScreen, 8), i0.ɵɵinject(i1$2.TranslateService, 8), i0.ɵɵinject(i1$5.ToastController, 8)); }, token: NetworkService, providedIn: "root" });
+    NetworkService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function NetworkService_Factory() { return new NetworkService(i0__namespace.ɵɵinject(i1__namespace$3.DOCUMENT), i0__namespace.ɵɵinject(i1__namespace$4.Platform), i0__namespace.ɵɵinject(i1__namespace$4.ModalController), i0__namespace.ɵɵinject(CryptoService), i0__namespace.ɵɵinject(i3__namespace$1.Storage), i0__namespace.ɵɵinject(LocalSettingsService), i0__namespace.ɵɵinject(i6__namespace.CacheService), i0__namespace.ɵɵinject(i2__namespace$2.HttpClient), i0__namespace.ɵɵinject(ENVIRONMENT), i0__namespace.ɵɵinject(i9__namespace.Network, 8), i0__namespace.ɵɵinject(i10__namespace.SplashScreen, 8), i0__namespace.ɵɵinject(i1__namespace$1.TranslateService, 8), i0__namespace.ɵɵinject(i1__namespace$4.ToastController, 8)); }, token: NetworkService, providedIn: "root" });
     NetworkService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -14689,7 +14725,7 @@
     }(StartableService));
     EntitiesStorage.TRASH_PREFIX = 'Trash#';
     EntitiesStorage.REMOTE_PREFIX = 'Remote#';
-    EntitiesStorage.ɵprov = i0.ɵɵdefineInjectable({ factory: function EntitiesStorage_Factory() { return new EntitiesStorage(i0.ɵɵinject(i1$5.Platform), i0.ɵɵinject(ProgressBarService), i0.ɵɵinject(i3$2.Storage), i0.ɵɵinject(ENVIRONMENT), i0.ɵɵinject(APP_LOCAL_STORAGE_TYPE_POLICIES, 8)); }, token: EntitiesStorage, providedIn: "root" });
+    EntitiesStorage.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function EntitiesStorage_Factory() { return new EntitiesStorage(i0__namespace.ɵɵinject(i1__namespace$4.Platform), i0__namespace.ɵɵinject(ProgressBarService), i0__namespace.ɵɵinject(i3__namespace$1.Storage), i0__namespace.ɵɵinject(ENVIRONMENT), i0__namespace.ɵɵinject(APP_LOCAL_STORAGE_TYPE_POLICIES, 8)); }, token: EntitiesStorage, providedIn: "root" });
     EntitiesStorage.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -14845,10 +14881,10 @@
     function referentialsToString(values, properties, separator) {
         return (values || []).map(function (v) { return referentialToString(v, properties); }).join(separator || ', ');
     }
-    var ɵ0$a = StatusIds.ENABLE, ɵ1 = StatusIds.DISABLE, ɵ2 = StatusIds.TEMPORARY;
+    var ɵ0$2 = StatusIds.ENABLE, ɵ1 = StatusIds.DISABLE, ɵ2 = StatusIds.TEMPORARY;
     var StatusList = Object.freeze([
         {
-            id: ɵ0$a,
+            id: ɵ0$2,
             icon: 'checkmark',
             label: 'REFERENTIAL.STATUS_ENUM.ENABLE'
         },
@@ -15151,7 +15187,7 @@
                 (data.lastName || '')) || '';
     }
 
-    var uuidv4$1 = uuidv4Imported__namespace;
+    var uuidv4 = uuidv4Imported__namespace;
     var _global = typeof global !== 'undefined' ? global : (typeof window !== 'undefined' ? window : {});
     var NativeWebSocket = _global.WebSocket || _global.MozWebSocket;
     /**
@@ -15195,7 +15231,7 @@
             // Skip if not tracked
             if (!context || !context.tracked)
                 return forward(operation);
-            var id = context.serializationKey || uuidv4$1();
+            var id = context.serializationKey || uuidv4();
             console.debug("[apollo-tracker-link] Watching tracked query {" + operation.operationName + "#" + id + "}");
             // Clean context, before calling JSON.stringify (remove unused attributes)
             var cleanContext = Object.assign(Object.assign({}, context), { optimisticResponse: null, cache: null });
@@ -15828,14 +15864,14 @@
                             mutationLinks = void 0;
                             // Add queue to store tracked queries, when offline
                             if (enableTrackMutationQueries) {
-                                serializingLink = new SerializingLink__default['default']();
+                                serializingLink = new SerializingLink__default["default"]();
                                 trackerLink = createTrackerLink({
                                     storage: storage,
                                     onNetworkStatusChange: this._networkStatusChanged$,
                                     debounce: 1000,
                                     debug: true
                                 });
-                                queueLink_1 = new QueueLink__default['default']();
+                                queueLink_1 = new QueueLink__default["default"]();
                                 this.registerSubscription(this._networkStatusChanged$
                                     .subscribe(function (type) {
                                     // Network is offline: start buffering into queue
@@ -15850,7 +15886,7 @@
                                     }
                                 }));
                                 mutationLinks = [
-                                    loggerLink__default['default'],
+                                    loggerLink__default["default"],
                                     queueLink_1,
                                     trackerLink,
                                     queueLink_1,
@@ -16033,7 +16069,7 @@
         };
         return GraphqlService;
     }(StartableService));
-    GraphqlService.ɵprov = i0.ɵɵdefineInjectable({ factory: function GraphqlService_Factory() { return new GraphqlService(i0.ɵɵinject(i1$5.Platform), i0.ɵɵinject(i2$3.Apollo), i0.ɵɵinject(i3$3.HttpLink), i0.ɵɵinject(NetworkService), i0.ɵɵinject(i3$2.Storage), i0.ɵɵinject(CryptoService), i0.ɵɵinject(ENVIRONMENT), i0.ɵɵinject(APP_GRAPHQL_TYPE_POLICIES, 8)); }, token: GraphqlService, providedIn: "root" });
+    GraphqlService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function GraphqlService_Factory() { return new GraphqlService(i0__namespace.ɵɵinject(i1__namespace$4.Platform), i0__namespace.ɵɵinject(i2__namespace$3.Apollo), i0__namespace.ɵɵinject(i3__namespace$2.HttpLink), i0__namespace.ɵɵinject(NetworkService), i0__namespace.ɵɵinject(i3__namespace$1.Storage), i0__namespace.ɵɵinject(CryptoService), i0__namespace.ɵɵinject(ENVIRONMENT), i0__namespace.ɵɵinject(APP_GRAPHQL_TYPE_POLICIES, 8)); }, token: GraphqlService, providedIn: "root" });
     GraphqlService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
@@ -16050,7 +16086,7 @@
         { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [APP_GRAPHQL_TYPE_POLICIES,] }] }
     ]; };
 
-    var sha256$1 = require('hash.js/lib/hash/sha/256');
+    var sha256 = require('hash.js/lib/hash/sha/256');
     var BaseGraphqlServiceOptions = /** @class */ (function () {
         function BaseGraphqlServiceOptions() {
         }
@@ -16220,8 +16256,8 @@
         };
         /* -- protected methods -- */
         BaseGraphqlService.prototype.computeMutableWatchQueryId = function (opts) {
-            var queryName = opts.queryName || sha256$1().update(JSON.stringify(opts.query)).digest('hex').substring(0, 8);
-            var variablesKey = opts.variables && sha256$1().update(JSON.stringify(opts.variables)).digest('hex').substring(0, 8) || '';
+            var queryName = opts.queryName || sha256().update(JSON.stringify(opts.query)).digest('hex').substring(0, 8);
+            var variablesKey = opts.variables && sha256().update(JSON.stringify(opts.variables)).digest('hex').substring(0, 8) || '';
             return [queryName, opts.arrayFieldName, variablesKey].join('|');
         };
         BaseGraphqlService.prototype.findMutableWatchQueries = function (opts) {
@@ -16294,19 +16330,19 @@
     /* ------------------------------------
      * GraphQL queries
      * ------------------------------------*/
-    var Fragments = {
-        account: core.gql(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    fragment AccountFragment on AccountVO {\n      id\n      firstName\n      lastName\n      email\n      pubkey\n      avatar\n      statusId\n      updateDate\n      creationDate\n      profiles\n      settings {\n        ...UserSettingsFragment\n      }\n      department {\n        id\n        label\n        name\n        __typename\n      }\n      __typename\n    }"], ["\n    fragment AccountFragment on AccountVO {\n      id\n      firstName\n      lastName\n      email\n      pubkey\n      avatar\n      statusId\n      updateDate\n      creationDate\n      profiles\n      settings {\n        ...UserSettingsFragment\n      }\n      department {\n        id\n        label\n        name\n        __typename\n      }\n      __typename\n    }"]))),
-        settings: core.gql(templateObject_2 || (templateObject_2 = __makeTemplateObject(["fragment UserSettingsFragment on UserSettingsVO {\n    id\n    locale\n    latLongFormat\n    content\n    nonce\n    updateDate\n    __typename\n  }"], ["fragment UserSettingsFragment on UserSettingsVO {\n    id\n    locale\n    latLongFormat\n    content\n    nonce\n    updateDate\n    __typename\n  }"])))
+    var Fragments$1 = {
+        account: core.gql(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n    fragment AccountFragment on AccountVO {\n      id\n      firstName\n      lastName\n      email\n      pubkey\n      avatar\n      statusId\n      updateDate\n      creationDate\n      profiles\n      settings {\n        ...UserSettingsFragment\n      }\n      department {\n        id\n        label\n        name\n        __typename\n      }\n      __typename\n    }"], ["\n    fragment AccountFragment on AccountVO {\n      id\n      firstName\n      lastName\n      email\n      pubkey\n      avatar\n      statusId\n      updateDate\n      creationDate\n      profiles\n      settings {\n        ...UserSettingsFragment\n      }\n      department {\n        id\n        label\n        name\n        __typename\n      }\n      __typename\n    }"]))),
+        settings: core.gql(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["fragment UserSettingsFragment on UserSettingsVO {\n    id\n    locale\n    latLongFormat\n    content\n    nonce\n    updateDate\n    __typename\n  }"], ["fragment UserSettingsFragment on UserSettingsVO {\n    id\n    locale\n    latLongFormat\n    content\n    nonce\n    updateDate\n    __typename\n  }"])))
     };
     // Load account query
-    var LoadQuery = core.gql(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  query Account {\n    data: account {\n      ...AccountFragment\n    }\n  }\n  ", "\n  ", "\n"], ["\n  query Account {\n    data: account {\n      ...AccountFragment\n    }\n  }\n  ", "\n  ", "\n"])), Fragments.account, Fragments.settings);
+    var LoadQuery$1 = core.gql(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n  query Account {\n    data: account {\n      ...AccountFragment\n    }\n  }\n  ", "\n  ", "\n"], ["\n  query Account {\n    data: account {\n      ...AccountFragment\n    }\n  }\n  ", "\n  ", "\n"])), Fragments$1.account, Fragments$1.settings);
     // Check email query
-    var IsEmailExistsQuery = core.gql(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  query IsEmailExists($email: String, $hash: String){\n    isEmailExists(email: $email, hash: $hash)\n  }\n"], ["\n  query IsEmailExists($email: String, $hash: String){\n    isEmailExists(email: $email, hash: $hash)\n  }\n"])));
+    var IsEmailExistsQuery = core.gql(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  query IsEmailExists($email: String, $hash: String){\n    isEmailExists(email: $email, hash: $hash)\n  }\n"], ["\n  query IsEmailExists($email: String, $hash: String){\n    isEmailExists(email: $email, hash: $hash)\n  }\n"])));
     // Save (create or update) account mutation
     var AccountMutations = {
-        save: core.gql(templateObject_5 || (templateObject_5 = __makeTemplateObject([" mutation SaveAccount($data:AccountVOInput){\n    data: saveAccount(account: $data){\n      ...AccountFragment\n    }\n  }\n  ", "\n  ", ""], [" mutation SaveAccount($data:AccountVOInput){\n    data: saveAccount(account: $data){\n      ...AccountFragment\n    }\n  }\n  ", "\n  ", ""])), Fragments.account, Fragments.settings),
-        create: core.gql(templateObject_6 || (templateObject_6 = __makeTemplateObject(["mutation CreateAccount($data:AccountVOInput){\n    data: createAccount(account: $data){\n      ...AccountFragment\n    }\n  }\n  ", "\n  ", ""], ["mutation CreateAccount($data:AccountVOInput){\n    data: createAccount(account: $data){\n      ...AccountFragment\n    }\n  }\n  ", "\n  ", ""])), Fragments.account, Fragments.settings),
-        saveSettings: core.gql(templateObject_7 || (templateObject_7 = __makeTemplateObject(["mutation SaveSettings($data:UserSettingsVOInput){\n    data: saveSettings(settings: $data){\n      ...UserSettingsFragment\n    }\n  }\n  ", ""], ["mutation SaveSettings($data:UserSettingsVOInput){\n    data: saveSettings(settings: $data){\n      ...UserSettingsFragment\n    }\n  }\n  ", ""])), Fragments.settings)
+        save: core.gql(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject([" mutation SaveAccount($data:AccountVOInput){\n    data: saveAccount(account: $data){\n      ...AccountFragment\n    }\n  }\n  ", "\n  ", ""], [" mutation SaveAccount($data:AccountVOInput){\n    data: saveAccount(account: $data){\n      ...AccountFragment\n    }\n  }\n  ", "\n  ", ""])), Fragments$1.account, Fragments$1.settings),
+        create: core.gql(templateObject_6 || (templateObject_6 = __makeTemplateObject(["mutation CreateAccount($data:AccountVOInput){\n    data: createAccount(account: $data){\n      ...AccountFragment\n    }\n  }\n  ", "\n  ", ""], ["mutation CreateAccount($data:AccountVOInput){\n    data: createAccount(account: $data){\n      ...AccountFragment\n    }\n  }\n  ", "\n  ", ""])), Fragments$1.account, Fragments$1.settings),
+        saveSettings: core.gql(templateObject_7 || (templateObject_7 = __makeTemplateObject(["mutation SaveSettings($data:UserSettingsVOInput){\n    data: saveSettings(settings: $data){\n      ...UserSettingsFragment\n    }\n  }\n  ", ""], ["mutation SaveSettings($data:UserSettingsVOInput){\n    data: saveSettings(settings: $data){\n      ...UserSettingsFragment\n    }\n  }\n  ", ""])), Fragments$1.settings)
     };
     // Sent confirmation email
     var SendConfirmEmailMutation = core.gql(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  mutation sendAccountConfirmationEmail($email:String, $locale:String){\n    sendAccountConfirmationEmail(email: $email, locale: $locale)\n  }\n"], ["\n  mutation sendAccountConfirmationEmail($email:String, $locale:String){\n    sendAccountConfirmationEmail(email: $email, locale: $locale)\n  }\n"])));
@@ -16927,7 +16963,7 @@
                             _b.label = 3;
                         case 3: return [3 /*break*/, 6];
                         case 4: return [4 /*yield*/, this.graphql.query({
-                                query: LoadQuery,
+                                query: LoadQuery$1,
                                 error: { code: ErrorCodes.LOAD_ACCOUNT_ERROR, message: 'ERROR.LOAD_ACCOUNT_ERROR' },
                                 fetchPolicy: opts && opts.fetchPolicy || 'no-cache' || undefined
                             })];
@@ -17573,7 +17609,7 @@
         };
         return AccountService;
     }(BaseGraphqlService));
-    AccountService.ɵprov = i0.ɵɵdefineInjectable({ factory: function AccountService_Factory() { return new AccountService(i0.ɵɵinject(CryptoService), i0.ɵɵinject(NetworkService), i0.ɵɵinject(GraphqlService), i0.ɵɵinject(LocalSettingsService), i0.ɵɵinject(i3$2.Storage), i0.ɵɵinject(FileService), i0.ɵɵinject(i1$2.TranslateService, 8), i0.ɵɵinject(i1$5.ToastController, 8), i0.ɵɵinject(ENVIRONMENT)); }, token: AccountService, providedIn: "root" });
+    AccountService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function AccountService_Factory() { return new AccountService(i0__namespace.ɵɵinject(CryptoService), i0__namespace.ɵɵinject(NetworkService), i0__namespace.ɵɵinject(GraphqlService), i0__namespace.ɵɵinject(LocalSettingsService), i0__namespace.ɵɵinject(i3__namespace$1.Storage), i0__namespace.ɵɵinject(FileService), i0__namespace.ɵɵinject(i1__namespace$1.TranslateService, 8), i0__namespace.ɵɵinject(i1__namespace$4.ToastController, 8), i0__namespace.ɵɵinject(ENVIRONMENT)); }, token: AccountService, providedIn: "root" });
     AccountService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root', deps: [ENVIRONMENT] },] }
     ];
@@ -17588,7 +17624,7 @@
         { type: i1$5.ToastController, decorators: [{ type: i0.Optional }] },
         { type: undefined, decorators: [{ type: i0.Inject, args: [ENVIRONMENT,] }] }
     ]; };
-    var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
+    var templateObject_1$4, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
 
     var Software_1, Configuration_1;
     // @dynamic
@@ -17846,12 +17882,12 @@
     /* ------------------------------------
      * GraphQL queries
      * ------------------------------------*/
-    var Fragments$1 = {
-        config: core.gql(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n    fragment ConfigFragment on ConfigurationVO {\n      id\n      label\n      name\n      description\n      comments\n      properties\n      smallLogo\n      largeLogo\n      backgroundImages\n      partners {\n        id\n        label\n        name\n        logo\n        siteUrl\n        __typename\n      }\n      updateDate\n      creationDate\n      statusId\n      __typename\n    }\n  "], ["\n    fragment ConfigFragment on ConfigurationVO {\n      id\n      label\n      name\n      description\n      comments\n      properties\n      smallLogo\n      largeLogo\n      backgroundImages\n      partners {\n        id\n        label\n        name\n        logo\n        siteUrl\n        __typename\n      }\n      updateDate\n      creationDate\n      statusId\n      __typename\n    }\n  "])))
+    var Fragments = {
+        config: core.gql(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n    fragment ConfigFragment on ConfigurationVO {\n      id\n      label\n      name\n      description\n      comments\n      properties\n      smallLogo\n      largeLogo\n      backgroundImages\n      partners {\n        id\n        label\n        name\n        logo\n        siteUrl\n        __typename\n      }\n      updateDate\n      creationDate\n      statusId\n      __typename\n    }\n  "], ["\n    fragment ConfigFragment on ConfigurationVO {\n      id\n      label\n      name\n      description\n      comments\n      properties\n      smallLogo\n      largeLogo\n      backgroundImages\n      partners {\n        id\n        label\n        name\n        logo\n        siteUrl\n        __typename\n      }\n      updateDate\n      creationDate\n      statusId\n      __typename\n    }\n  "])))
     };
-    var LoadQuery$1 = core.gql(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\nquery Configuration{\n  data: configuration{\n    ...ConfigFragment\n  }\n}\n  ", "\n"], ["\nquery Configuration{\n  data: configuration{\n    ...ConfigFragment\n  }\n}\n  ", "\n"])), Fragments$1.config);
+    var LoadQuery = core.gql(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\nquery Configuration{\n  data: configuration{\n    ...ConfigFragment\n  }\n}\n  ", "\n"], ["\nquery Configuration{\n  data: configuration{\n    ...ConfigFragment\n  }\n}\n  ", "\n"])), Fragments.config);
     // Save (create or update) account mutation
-    var SaveMutation = core.gql(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  mutation SaveConfiguration($data: ConfigurationVOInput){\n    data: saveConfiguration(config: $data){\n       ...ConfigFragment\n    }\n  }\n  ", "\n"], ["\n  mutation SaveConfiguration($data: ConfigurationVOInput){\n    data: saveConfiguration(config: $data){\n       ...ConfigFragment\n    }\n  }\n  ", "\n"])), Fragments$1.config);
+    var SaveMutation = core.gql(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  mutation SaveConfiguration($data: ConfigurationVOInput){\n    data: saveConfiguration(config: $data){\n       ...ConfigFragment\n    }\n  }\n  ", "\n"], ["\n  mutation SaveConfiguration($data: ConfigurationVOInput){\n    data: saveConfiguration(config: $data){\n       ...ConfigFragment\n    }\n  }\n  ", "\n"])), Fragments.config);
     var ClearCache = core.gql(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n  query ClearCache($name: String) {\n    clearCache(name: $name)\n  }\n"], ["\n  query ClearCache($name: String) {\n    clearCache(name: $name)\n  }\n"])));
     var CacheStatistics = core.gql(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  query CacheStatistics {\n    cacheStatistics\n  }\n"], ["\n  query CacheStatistics {\n    cacheStatistics\n  }\n"])));
     var APP_CONFIG_OPTIONS = new i0.InjectionToken('defaultOptions');
@@ -17912,7 +17948,7 @@
                         case 0:
                             now = Date.now();
                             console.debug('[config] Loading Pod configuration...');
-                            query = opts && opts.query || LoadQuery$1;
+                            query = opts && opts.query || LoadQuery;
                             variables = opts && opts.variables || undefined;
                             return [4 /*yield*/, this.graphql.query({
                                     query: query,
@@ -18218,7 +18254,7 @@
         };
         return ConfigService;
     }(BaseGraphqlService));
-    ConfigService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ConfigService_Factory() { return new ConfigService(i0.ɵɵinject(i1$5.Platform), i0.ɵɵinject(GraphqlService), i0.ɵɵinject(i3$2.Storage), i0.ɵɵinject(NetworkService), i0.ɵɵinject(FileService), i0.ɵɵinject(i1$5.ToastController), i0.ɵɵinject(i1$2.TranslateService), i0.ɵɵinject(AccountService), i0.ɵɵinject(ENVIRONMENT), i0.ɵɵinject(APP_CONFIG_OPTIONS, 8)); }, token: ConfigService, providedIn: "root" });
+    ConfigService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ConfigService_Factory() { return new ConfigService(i0__namespace.ɵɵinject(i1__namespace$4.Platform), i0__namespace.ɵɵinject(GraphqlService), i0__namespace.ɵɵinject(i3__namespace$1.Storage), i0__namespace.ɵɵinject(NetworkService), i0__namespace.ɵɵinject(FileService), i0__namespace.ɵɵinject(i1__namespace$4.ToastController), i0__namespace.ɵɵinject(i1__namespace$1.TranslateService), i0__namespace.ɵɵinject(AccountService), i0__namespace.ɵɵinject(ENVIRONMENT), i0__namespace.ɵɵinject(APP_CONFIG_OPTIONS, 8)); }, token: ConfigService, providedIn: "root" });
     ConfigService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root',
@@ -18237,7 +18273,7 @@
         { type: undefined, decorators: [{ type: i0.Inject, args: [ENVIRONMENT,] }] },
         { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [APP_CONFIG_OPTIONS,] }] }
     ]; };
-    var templateObject_1$1, templateObject_2$1, templateObject_3$1, templateObject_4$1, templateObject_5$1;
+    var templateObject_1$3, templateObject_2$1, templateObject_3$1, templateObject_4$1, templateObject_5$1;
 
     var UploadFilePopover = /** @class */ (function () {
         function UploadFilePopover(popoverController, translate, cd) {
@@ -18515,7 +18551,7 @@
         return UriUtils;
     }());
 
-    var moment$4 = momentImported__namespace;
+    var moment$6 = momentImported__namespace;
     var AndroidOsEnvironment = Object.freeze({
         DIRECTORY_DOWNLOADS: 'Download',
         DIRECTORY_DOWNLOADS_OLD: 'Downloads',
@@ -18552,6 +18588,8 @@
         PlatformService.prototype.is = function (platformName) {
             switch (platformName) {
                 case 'mobile':
+                    // Exclude Windows touch screens - see sumaris-app issues #323 and #346
+                    return isMobile(window);
                 case 'mobileweb':
                     // Exclude Windows touch screens - see sumaris-app issues #323 and #346
                     return this.platform.is(platformName) && !isWindows(window);
@@ -18813,16 +18851,16 @@
                     }
                     // config moment lib
                     try {
-                        moment$4.locale(event.lang);
+                        moment$6.locale(event.lang);
                         console.debug('[platform] Use locale {' + event.lang + '}');
                     }
                     // If error, fallback to en
                     catch (err) {
-                        moment$4.locale('en');
+                        moment$6.locale('en');
                         console.warn('[platform] Unknown local for moment lib. Using default [en]');
                     }
                     // Config date adapter
-                    _this.dateAdapter.setLocale(moment$4.locale());
+                    _this.dateAdapter.setLocale(moment$6.locale());
                 }
             });
             this.settings.onChange.subscribe(function (data) {
@@ -19074,7 +19112,7 @@
         };
         return PlatformService;
     }(StartableService));
-    PlatformService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PlatformService_Factory() { return new PlatformService(i0.ɵɵinject(i1$5.Platform), i0.ɵɵinject(i2$4.Platform), i0.ɵɵinject(i1$5.ToastController), i0.ɵɵinject(i1$2.TranslateService), i0.ɵɵinject(i1$1.MomentDateAdapter), i0.ɵɵinject(EntitiesStorage), i0.ɵɵinject(LocalSettingsService), i0.ɵɵinject(NetworkService), i0.ɵɵinject(AccountService), i0.ɵɵinject(ConfigService), i0.ɵɵinject(i6.CacheService), i0.ɵɵinject(i3$2.Storage), i0.ɵɵinject(AudioProvider), i0.ɵɵinject(ENVIRONMENT), i0.ɵɵinject(i14.StatusBar, 8), i0.ɵɵinject(i15.Keyboard, 8), i0.ɵɵinject(i10.SplashScreen, 8), i0.ɵɵinject(i17.InAppBrowser, 8), i0.ɵɵinject(i18.Downloader, 8)); }, token: PlatformService, providedIn: "root" });
+    PlatformService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PlatformService_Factory() { return new PlatformService(i0__namespace.ɵɵinject(i1__namespace$4.Platform), i0__namespace.ɵɵinject(i2__namespace$4.Platform), i0__namespace.ɵɵinject(i1__namespace$4.ToastController), i0__namespace.ɵɵinject(i1__namespace$1.TranslateService), i0__namespace.ɵɵinject(i1__namespace.MomentDateAdapter), i0__namespace.ɵɵinject(EntitiesStorage), i0__namespace.ɵɵinject(LocalSettingsService), i0__namespace.ɵɵinject(NetworkService), i0__namespace.ɵɵinject(AccountService), i0__namespace.ɵɵinject(ConfigService), i0__namespace.ɵɵinject(i6__namespace.CacheService), i0__namespace.ɵɵinject(i3__namespace$1.Storage), i0__namespace.ɵɵinject(AudioProvider), i0__namespace.ɵɵinject(ENVIRONMENT), i0__namespace.ɵɵinject(i14__namespace.StatusBar, 8), i0__namespace.ɵɵinject(i15__namespace.Keyboard, 8), i0__namespace.ɵɵinject(i10__namespace.SplashScreen, 8), i0__namespace.ɵɵinject(i17__namespace.InAppBrowser, 8), i0__namespace.ɵɵinject(i18__namespace.Downloader, 8)); }, token: PlatformService, providedIn: "root" });
     PlatformService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -19166,7 +19204,7 @@
         };
         return MatStepperI18n;
     }(stepper.MatStepperIntl));
-    MatStepperI18n.ɵprov = i0.ɵɵdefineInjectable({ factory: function MatStepperI18n_Factory() { return new MatStepperI18n(i0.ɵɵinject(i1$2.TranslateService)); }, token: MatStepperI18n, providedIn: "root" });
+    MatStepperI18n.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function MatStepperI18n_Factory() { return new MatStepperI18n(i0__namespace.ɵɵinject(i1__namespace$1.TranslateService)); }, token: MatStepperI18n, providedIn: "root" });
     MatStepperI18n.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -20837,43 +20875,44 @@
             }
             this.dirty = false;
         };
-        InMemoryEntitiesService.prototype.watchAll = function (offset, size, sortBy, sortDirection, filterData, options) {
-            var _this = this;
-            offset = offset >= 0 ? offset : 0;
-            size = size >= 0 ? size : -1;
-            if (!this.data) {
-                console.warn('[memory-data-service] Waiting value to be set...');
-            }
-            return this._onChange
-                .pipe(operators.filter(isNotNil), operators.mergeMap(function (_) { return waitFor(function () { return !_this._saving; }); }), operators.mergeMap(function (_) { return __awaiter(_this, void 0, void 0, function () {
-                var excludedDataByFilter, excludedDataByPagination, data, promiseOrData, _b, total;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+        InMemoryEntitiesService.prototype.loadAll = function (offset, size, sortBy, sortDirection, filter, opts) {
+            return __awaiter(this, void 0, void 0, function () {
+                var excludedDataByFilter, excludedDataByPagination, data, total, res, nextOffset_1;
+                var _this = this;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
-                            excludedDataByFilter = [];
-                            _c.label = 1;
+                            offset = offset >= 0 ? offset : 0;
+                            size = size >= 0 ? size : -1;
+                            if (!!this.data) return [3 /*break*/, 2];
+                            console.warn('[memory-data-service] Waiting value to be set...');
+                            return [4 /*yield*/, firstNotNilPromise(this._onChange)];
                         case 1:
-                            _c.trys.push([1, , 6, 7]);
-                            if (isEmptyArray(this.data)) {
-                                return [2 /*return*/, { data: [], total: 0 }];
-                            }
-                            data = this._sortFn(this.data || [], sortBy, sortDirection);
-                            if (!this._onLoad) return [3 /*break*/, 5];
-                            promiseOrData = this._onLoad(data);
-                            if (!((promiseOrData instanceof Promise))) return [3 /*break*/, 3];
-                            return [4 /*yield*/, promiseOrData];
+                            _b.sent();
+                            _b.label = 2;
                         case 2:
-                            _b = _c.sent();
-                            return [3 /*break*/, 4];
+                            if (!this._saving) return [3 /*break*/, 4];
+                            return [4 /*yield*/, waitFor(function () { return !_this._saving; })];
                         case 3:
-                            _b = promiseOrData;
-                            _c.label = 4;
+                            _b.sent();
+                            _b.label = 4;
                         case 4:
-                            data = _b;
-                            _c.label = 5;
+                            excludedDataByFilter = [];
+                            _b.label = 5;
                         case 5:
+                            _b.trys.push([5, , 8, 9]);
+                            if (!this.data.length) {
+                                return [2 /*return*/, { data: [], total: 0 }];
+                            }
+                            data = this._sortFn(this.data || [], sortBy, sortDirection);
+                            if (!this._onLoad) return [3 /*break*/, 7];
+                            return [4 /*yield*/, this._onLoad(data)];
+                        case 6:
+                            data = _b.sent();
+                            _b.label = 7;
+                        case 7:
                             // Apply filter (will update hiddenData)
-                            data = this.filter(data, filterData, excludedDataByFilter);
+                            data = this.filter(data, filter, excludedDataByFilter);
                             total = data.length;
                             // If page size=0 (e.g. only need total)
                             if (size === 0) {
@@ -20914,15 +20953,40 @@
                             if (data === this.data) {
                                 data = data.slice();
                             }
-                            return [2 /*return*/, { data: data, total: total }];
-                        case 6:
+                            res = { data: data, total: total };
+                            nextOffset_1 = (offset || 0) + size;
+                            if (nextOffset_1 < total) {
+                                res.fetchMore = function () { return _this.loadAll(nextOffset_1, size, sortBy, sortDirection, filter, opts)
+                                    .then(function (res) {
+                                    var _a;
+                                    // Update hidden data (remove new fetched item)
+                                    if ((_a = res.data) === null || _a === void 0 ? void 0 : _a.length) {
+                                        _this._hiddenData = _this._hiddenData.filter(function (item) { return !res.data.includes(item); });
+                                    }
+                                    return res;
+                                }); };
+                            }
+                            return [2 /*return*/, res];
+                        case 8:
                             // Remember hidden data
-                            this._hiddenData = !excludedDataByPagination ? excludedDataByFilter : excludedDataByFilter.concat.apply(excludedDataByFilter, __spread(excludedDataByPagination));
+                            if (offset === 0) {
+                                this._hiddenData = !excludedDataByPagination ? excludedDataByFilter : excludedDataByFilter.concat.apply(excludedDataByFilter, __spread(excludedDataByPagination));
+                            }
                             return [7 /*endfinally*/];
-                        case 7: return [2 /*return*/];
+                        case 9: return [2 /*return*/];
                     }
                 });
-            }); }));
+            });
+        };
+        InMemoryEntitiesService.prototype.watchAll = function (offset, size, sortBy, sortDirection, filterData, options) {
+            var _this = this;
+            offset = offset >= 0 ? offset : 0;
+            size = size >= 0 ? size : -1;
+            if (!this.data) {
+                console.warn('[memory-data-service] Waiting value to be set...');
+            }
+            return this._onChange
+                .pipe(operators.filter(isNotNil), operators.mergeMap(function (_) { return _this.loadAll(offset, size, sortBy, sortDirection, filterData, options); }));
         };
         InMemoryEntitiesService.prototype.saveAll = function (data, options) {
             return __awaiter(this, void 0, void 0, function () {
@@ -21430,7 +21494,7 @@
                 return 1;
         }
     }
-    var ɵ0$b = function (defaultStateSize) { return [
+    var ɵ0$1 = function (defaultStateSize) { return [
         Math.round((rgbArrayMap.red[0] - 50) / defaultStateSize),
         Math.round((255 - rgbArrayMap.red[1]) / defaultStateSize),
         Math.round((255 - rgbArrayMap.red[2]) / defaultStateSize)
@@ -21438,7 +21502,7 @@
     var SCALE_OPTIONS_DEFAULT = {
         startColor: rgbArrayMap.red,
         startStates: [0, 2, 3],
-        startStepsFn: ɵ0$b
+        startStepsFn: ɵ0$1
     };
     /**
      * Internal function, that create a colors scale, using iteration
@@ -22395,7 +22459,7 @@
         };
         return UserSettingsValidatorService;
     }(AppValidatorService));
-    UserSettingsValidatorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function UserSettingsValidatorService_Factory() { return new UserSettingsValidatorService(i0.ɵɵinject(i1.FormBuilder)); }, token: UserSettingsValidatorService, providedIn: "root" });
+    UserSettingsValidatorService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function UserSettingsValidatorService_Factory() { return new UserSettingsValidatorService(i0__namespace.ɵɵinject(i1__namespace$6.FormBuilder)); }, token: UserSettingsValidatorService, providedIn: "root" });
     UserSettingsValidatorService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -22443,7 +22507,7 @@
         };
         return AccountValidatorService;
     }(AppValidatorService));
-    AccountValidatorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function AccountValidatorService_Factory() { return new AccountValidatorService(i0.ɵɵinject(i1.FormBuilder), i0.ɵɵinject(AccountService)); }, token: AccountValidatorService, providedIn: "root" });
+    AccountValidatorService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function AccountValidatorService_Factory() { return new AccountValidatorService(i0__namespace.ɵɵinject(i1__namespace$6.FormBuilder), i0__namespace.ɵɵinject(AccountService)); }, token: AccountValidatorService, providedIn: "root" });
     AccountValidatorService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -22790,7 +22854,7 @@
         };
         return MenuService;
     }());
-    MenuService.ɵprov = i0.ɵɵdefineInjectable({ factory: function MenuService_Factory() { return new MenuService(); }, token: MenuService, providedIn: "root" });
+    MenuService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function MenuService_Factory() { return new MenuService(); }, token: MenuService, providedIn: "root" });
     MenuService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
@@ -23156,7 +23220,7 @@
         };
         return LocalSettingsValidatorService;
     }(AppValidatorService));
-    LocalSettingsValidatorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LocalSettingsValidatorService_Factory() { return new LocalSettingsValidatorService(i0.ɵɵinject(i1.FormBuilder), i0.ɵɵinject(NetworkService)); }, token: LocalSettingsValidatorService, providedIn: "root" });
+    LocalSettingsValidatorService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function LocalSettingsValidatorService_Factory() { return new LocalSettingsValidatorService(i0__namespace.ɵɵinject(i1__namespace$6.FormBuilder), i0__namespace.ɵɵinject(NetworkService)); }, token: LocalSettingsValidatorService, providedIn: "root" });
     LocalSettingsValidatorService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -23936,7 +24000,7 @@
         };
         return IsOnFieldModePipe;
     }());
-    IsOnFieldModePipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function IsOnFieldModePipe_Factory() { return new IsOnFieldModePipe(); }, token: IsOnFieldModePipe, providedIn: "root" });
+    IsOnFieldModePipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function IsOnFieldModePipe_Factory() { return new IsOnFieldModePipe(); }, token: IsOnFieldModePipe, providedIn: "root" });
     IsOnFieldModePipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'isOnField'
@@ -23951,7 +24015,7 @@
         };
         return IsNotOnFieldModePipe;
     }());
-    IsNotOnFieldModePipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function IsNotOnFieldModePipe_Factory() { return new IsNotOnFieldModePipe(); }, token: IsNotOnFieldModePipe, providedIn: "root" });
+    IsNotOnFieldModePipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function IsNotOnFieldModePipe_Factory() { return new IsNotOnFieldModePipe(); }, token: IsNotOnFieldModePipe, providedIn: "root" });
     IsNotOnFieldModePipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'isNotOnField'
@@ -23969,7 +24033,7 @@
         };
         return PersonToStringPipe;
     }());
-    PersonToStringPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function PersonToStringPipe_Factory() { return new PersonToStringPipe(); }, token: PersonToStringPipe, providedIn: "root" });
+    PersonToStringPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PersonToStringPipe_Factory() { return new PersonToStringPipe(); }, token: PersonToStringPipe, providedIn: "root" });
     PersonToStringPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'personToString'
@@ -24397,7 +24461,7 @@
         };
         return IsLoginAccountPipe;
     }());
-    IsLoginAccountPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function IsLoginAccountPipe_Factory() { return new IsLoginAccountPipe(); }, token: IsLoginAccountPipe, providedIn: "root" });
+    IsLoginAccountPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function IsLoginAccountPipe_Factory() { return new IsLoginAccountPipe(); }, token: IsLoginAccountPipe, providedIn: "root" });
     IsLoginAccountPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'isLogin'
@@ -24412,7 +24476,7 @@
         };
         return AccountToStringPipe;
     }());
-    AccountToStringPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function AccountToStringPipe_Factory() { return new AccountToStringPipe(); }, token: AccountToStringPipe, providedIn: "root" });
+    AccountToStringPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function AccountToStringPipe_Factory() { return new AccountToStringPipe(); }, token: AccountToStringPipe, providedIn: "root" });
     AccountToStringPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'accountToString'
@@ -24430,7 +24494,7 @@
         };
         return DepartmentToStringPipe;
     }());
-    DepartmentToStringPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function DepartmentToStringPipe_Factory() { return new DepartmentToStringPipe(); }, token: DepartmentToStringPipe, providedIn: "root" });
+    DepartmentToStringPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DepartmentToStringPipe_Factory() { return new DepartmentToStringPipe(); }, token: DepartmentToStringPipe, providedIn: "root" });
     DepartmentToStringPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'departmentToString'
@@ -25196,7 +25260,7 @@
         };
         return AuthGuardService;
     }());
-    AuthGuardService.ɵprov = i0.ɵɵdefineInjectable({ factory: function AuthGuardService_Factory() { return new AuthGuardService(i0.ɵɵinject(AccountService), i0.ɵɵinject(i1$5.ModalController), i0.ɵɵinject(i3.Router), i0.ɵɵinject(ENVIRONMENT)); }, token: AuthGuardService, providedIn: "root" });
+    AuthGuardService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function AuthGuardService_Factory() { return new AuthGuardService(i0__namespace.ɵɵinject(AccountService), i0__namespace.ɵɵinject(i1__namespace$4.ModalController), i0__namespace.ɵɵinject(i3__namespace$3.Router), i0__namespace.ɵɵinject(ENVIRONMENT)); }, token: AuthGuardService, providedIn: "root" });
     AuthGuardService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -25747,11 +25811,6 @@
         return AppTableUtils;
     }());
 
-    var AppTableDataSourceOptions = /** @class */ (function () {
-        function AppTableDataSourceOptions() {
-        }
-        return AppTableDataSourceOptions;
-    }());
     // @dynamic
     // eslint-disable-next-line @angular-eslint/directive-class-suffix
     var EntitiesTableDataSource = /** @class */ (function (_super_1) {
@@ -25765,36 +25824,24 @@
          * @param validatorService Service that create instances of the FormGroup used to validate row fields.
          * @param config Additional configuration for table.
          */
-        function EntitiesTableDataSource(dataType, dataService, validatorService, config) {
-            var _this = _super_1.call(this, [], dataType, validatorService, config) || this;
+        function EntitiesTableDataSource(dataType, dataService, validatorService, options) {
+            var _this = _super_1.call(this, [], dataType, validatorService, Object.assign({ dataServiceOptions: {}, debug: (options === null || options === void 0 ? void 0 : options.suppressErrors) === false, keepOriginalDataAfterConfirm: false }, options)) || this;
             _this.dataService = dataService;
             _this._creating = false;
             _this._saving = false;
-            _this._useValidator = false;
             _this._stopWatching$ = new rxjs.Subject();
             _this._editingRowCount = 0;
             _this._fetchMoreFn = null;
             _this.loadingSubject = new rxjs.BehaviorSubject(undefined);
-            _this._options = Object.assign({ dataServiceOptions: {}, debug: config && config.suppressErrors === false, keepOriginalDataAfterConfirm: false }, config);
-            _this._useValidator = isNotNil(validatorService);
-            _this._logTypeName = removeEnd((new dataType()).__typename || 'UnknownVO', 'VO');
-            // For DEV ONLY
-            _this._debug = _this._options.debug === true;
+            _this._entityName = removeEnd((new dataType()).__typename || 'UnknownVO', 'VO');
             return _this;
         }
         Object.defineProperty(EntitiesTableDataSource.prototype, "serviceOptions", {
             get: function () {
-                return this._options.dataServiceOptions;
+                return this.config.dataServiceOptions;
             },
             set: function (value) {
-                this._options.dataServiceOptions = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(EntitiesTableDataSource.prototype, "options", {
-            get: function () {
-                return this._options;
+                this.config.dataServiceOptions = value;
             },
             enumerable: false,
             configurable: true
@@ -25829,10 +25876,10 @@
             return this.dataService.watchAll(offset, size, sortBy, sortDirection, filter, this.serviceOptions)
                 .pipe(operators.catchError(function (err) { return _this.handleError(err, 'ERROR.LOAD_DATA_ERROR'); }), operators.map(function (res) {
                 if (_this._saving) {
-                    console.info("[table-datasource] Received " + _this._logTypeName + " data (from service), but still saving: skip");
+                    console.info("[table-datasource] Received " + _this._entityName + " data (from service), but still saving: skip");
                 }
                 else if (_this._editingRowCount > 0) {
-                    console.warn("[table-datasource] Received " + _this._logTypeName + " data, while " + _this._editingRowCount + " rows still editing: skip; Please check save() implementation in the table!");
+                    console.warn("[table-datasource] Received " + _this._entityName + " data, while " + _this._editingRowCount + " rows still editing: skip; Please check save() implementation in the table!");
                 }
                 else {
                     _this.updateDatasource((res.data || []));
@@ -25845,12 +25892,24 @@
             // ⚠ Notice: Don't put any operator after takeUntil to avoid potential subscription leaks
             );
         };
+        EntitiesTableDataSource.prototype.updateDatasourceFromRows = function (rows) {
+            var _a;
+            // Avoid to update dataSourceSubject, when not need
+            if ((_a = this.datasourceSubject.observers) === null || _a === void 0 ? void 0 : _a.length) {
+                if (!this.config.suppressErrors)
+                    console.warn('[table-datasource] Update datasource subject. Please prefer using \'rowsSubject\' instead of \'datasourceSubject\'');
+                _super_1.prototype.updateDatasourceFromRows.call(this, rows);
+            }
+            else {
+                console.debug('[table-datasource] Skipping datasourceSubject update (not used yet).');
+            }
+        };
         EntitiesTableDataSource.prototype.save = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var onlyDirtyRows, rows, invalidRows, data, dataToSave_1, error_1;
                 var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             if (toBoolean(this.serviceOptions.readOnly, false)) {
                                 console.error('[table-datasource] Enable to save, because serviceOptions.readOnly=true');
@@ -25858,32 +25917,30 @@
                             }
                             // Saving twice (should never occur)
                             if (this._saving) {
-                                console.warn("[table-datasource] Trying to save " + this._logTypeName + " rows twice. Skip");
+                                console.warn("[table-datasource] Trying to save " + this._entityName + " rows twice. Skip");
                                 return [2 /*return*/, false];
                             }
                             this._saving = true;
                             this.markAsLoading();
                             onlyDirtyRows = toBoolean(this.serviceOptions.saveOnlyDirtyRows, false);
-                            _a.label = 1;
+                            _b.label = 1;
                         case 1:
-                            _a.trys.push([1, 4, 5, 6]);
-                            if (this._debug)
-                                console.debug("[table-datasource] Saving " + this._logTypeName + " rows... {onlyDirty: " + onlyDirtyRows + "}");
-                            return [4 /*yield*/, this.getRows()];
-                        case 2:
-                            rows = _a.sent();
+                            _b.trys.push([1, 3, 4, 5]);
+                            if (this.config.debug)
+                                console.debug("[table-datasource] Saving " + this._entityName + " rows... {onlyDirty: " + onlyDirtyRows + "}");
+                            rows = this.getRows();
                             invalidRows = rows.filter(function (row) { return row.editing && !row.confirmEditCreate(); });
                             // Cannot finish some rows: error
                             if (invalidRows.length) {
                                 // log errors
-                                if (this._debug)
-                                    invalidRows.forEach(function (row) { return AppTableUtils.logRowErrors(row, "[table-datasource] " + _this._logTypeName + " row #" + row.id); });
+                                if (this.config.debug)
+                                    invalidRows.forEach(function (row) { return AppTableUtils.logRowErrors(row, "[table-datasource] " + _this._entityName + " row #" + row.id); });
                                 // Stop with an error
                                 throw { code: ErrorCodes.TABLE_INVALID_ROW_ERROR, message: 'ERROR.TABLE_INVALID_ROW_ERROR' };
                             }
                             this._editingRowCount = 0;
                             data = void 0;
-                            if (this._useValidator) {
+                            if (this.validatorService) {
                                 dataToSave_1 = [];
                                 data = rows.map(function (row) {
                                     var currentData = new _this.dataConstructor();
@@ -25904,46 +25961,42 @@
                             }
                             // If no data to save: exit
                             if (onlyDirtyRows && !dataToSave_1.length) {
-                                if (this._debug)
-                                    console.debug("[table-datasource] No " + this._logTypeName + " data to save. Skip");
+                                if (this.config.debug)
+                                    console.debug("[table-datasource] No " + this._entityName + " data to save. Skip");
                                 return [2 /*return*/, false];
                             }
-                            if (this._debug)
-                                console.debug("[table-datasource] Asking service to save this " + this._logTypeName + " data:", dataToSave_1);
+                            if (this.config.debug)
+                                console.debug("[table-datasource] Asking service to save this " + this._entityName + " data:", dataToSave_1);
                             return [4 /*yield*/, this.dataService.saveAll(dataToSave_1, this.serviceOptions)];
-                        case 3:
-                            _a.sent();
-                            if (this._debug)
-                                console.debug("[table-datasource] Saving " + this._logTypeName + " data [OK]");
+                        case 2:
+                            _b.sent();
+                            if (this.config.debug)
+                                console.debug("[table-datasource] Saving " + this._entityName + " data [OK]");
                             // LP 23/03/2021: update datasource is necessary but can be changed to a refetch() on QueryRef (must be created and registered in GraphqlService.watchQuery)
                             this.updateDatasource(data, { emitEvent: false });
                             return [2 /*return*/, true];
-                        case 4:
-                            error_1 = _a.sent();
-                            if (this._debug)
+                        case 3:
+                            error_1 = _b.sent();
+                            if (this.config.debug)
                                 console.error('[table-datasource] Error while saving: ' + error_1 && error_1.message || error_1);
                             throw error_1;
-                        case 5:
+                        case 4:
                             this._saving = false;
                             this.markAsLoaded();
                             return [7 /*endfinally*/];
-                        case 6: return [2 /*return*/];
+                        case 5: return [2 /*return*/];
                     }
                 });
             });
         };
         EntitiesTableDataSource.prototype.updateDatasource = function (data, opts) {
-            if (this._debug)
+            if (this.config.debug)
                 console.debug("[table-datasource] Updating datasource with data:", data);
             _super_1.prototype.updateDatasource.call(this, data, opts);
             if (!opts || opts.emitEvent !== false) {
                 this.markAsLoaded();
             }
         };
-        // Overwrite default signature
-        EntitiesTableDataSource.prototype.createNew = function (insertAt) {
-            this.asyncCreateNew(insertAt);
-        };
         EntitiesTableDataSource.prototype.connect = function (collectionViewer) {
             // DEBUG console.debug("[entities-datasource] connect");
             return _super_1.prototype.connect.call(this, collectionViewer);
@@ -25965,38 +26018,37 @@
                 console.warn('[table-datasource] Row still has {editing: true} after confirmCreate()! Force editing to false');
                 row.validator.disable({ onlySelf: true, emitEvent: false });
             }
+            this._editingRowCount--;
             return true;
         };
         EntitiesTableDataSource.prototype.confirmEdit = function (row) {
             if (!_super_1.prototype.confirmEdit.call(this, row))
                 return false;
             if (row.editing && row.validator) {
-                console.warn('[table-datasource] Row still has {editing: true} after confirmCreate()! Force editing to false');
+                console.warn('[table-datasource] Row still has {editing: true} after confirmEdit()! Force editing to false');
                 row.validator.disable({ onlySelf: true, emitEvent: false });
             }
+            this._editingRowCount--;
             return true;
         };
         EntitiesTableDataSource.prototype.startEdit = function (row) {
-            if (this._debug)
-                console.debug('[table-datasource] Start to edit row', row);
-            row.startEdit();
+            if (!_super_1.prototype.startEdit.call(this, row))
+                return false;
+            if (!row.editing && row.validator) {
+                console.warn('[table-datasource] Row still has {editing: false} after startEdit()! Force editing');
+                row.validator.enable({ onlySelf: true, emitEvent: false });
+            }
             this._editingRowCount++;
         };
-        EntitiesTableDataSource.prototype.cancelOrDelete = function (row) {
-            if (this._debug)
-                console.debug('[table-datasource] Cancelling or deleting row', row);
-            row.cancelOrDelete();
-            this._editingRowCount--;
-        };
         EntitiesTableDataSource.prototype.handleError = function (error, message) {
             var errorMsg = error && error.message || error;
-            console.error("[table-datasource] Service " + this._logTypeName + " sent error: " + errorMsg, error);
+            console.error("[table-datasource] Service " + this._entityName + " sent error: " + errorMsg, error);
             this.markAsLoaded();
             throw new Error(message || errorMsg);
         };
-        EntitiesTableDataSource.prototype.handleErrorPromise = function (error) {
+        EntitiesTableDataSource.prototype.handleServiceError = function (error) {
             var errorMsg = error && error.message || error;
-            console.error("[table-datasource] Service " + this._logTypeName + " sent error: " + errorMsg, error);
+            console.error("[table-datasource] Service " + this._entityName + " sent error: " + errorMsg, error);
             this.markAsLoaded();
             throw error;
         };
@@ -26011,9 +26063,11 @@
                 console.error("[table-datasource] Row to delete with id=" + id + " not found");
                 return;
             }
+            if (row.editing)
+                this._editingRowCount--;
             this.loadingSubject.next(true);
             this.dataService.deleteAll([row.currentData], this.serviceOptions)
-                .catch(function (err) { return _this.handleErrorPromise(err); })
+                .catch(function (err) { return _this.handleServiceError(err); })
                 .then(function () {
                 setTimeout(function () {
                     // make sure row has been deleted (because GrapQHl cache remove can failed)
@@ -26025,112 +26079,128 @@
             });
         };
         EntitiesTableDataSource.prototype.deleteAll = function (rows) {
-            var _this = this;
-            this.markAsLoading();
-            var data = rows.map(function (r) { return r.currentData; });
-            var rowsById = rows.reduce(function (res, row) {
-                res[row.id] = row;
-                return res;
-            }, {});
-            var self = this;
-            var selfDelete = _super_1.prototype.delete;
-            return this.dataService.deleteAll(data, this.serviceOptions)
-                .catch(function (err) { return _this.handleErrorPromise(err); })
-                .then(function () {
-                // Workaround, to be sure all rows has been deleted
-                // Sometimes, the service miss deletion, or GrapQHl cache remove failed
-                var rowNotDeleted = Object.getOwnPropertyNames(rowsById).reduce(function (res, id) {
-                    var row = rowsById[id];
-                    var present = self.getRow(+id) === row;
-                    return present ? res.concat(row) : res;
-                }, []).sort(function (a, b) { return a.id > b.id ? -1 : 1; });
-                // Apply missing deletion
-                if (isNotEmptyArray(rowNotDeleted)) {
-                    console.warn("[table-datasource] Force deletion of " + rowNotDeleted.length + " rows (Is service applying deletion to observable ?)");
-                    rowNotDeleted.forEach(function (r) { return selfDelete.call(self, r.id); });
-                }
-                _this.loadingSubject.next(false);
+            var _super = Object.create(null, {
+                delete: { get: function () { return _super_1.prototype.delete; } }
+            });
+            return __awaiter(this, void 0, void 0, function () {
+                var data, rowsById, rowNotDeleted, err_1;
+                var _this = this;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            this.markAsLoading();
+                            data = this.getDataFromRows(rows);
+                            rowsById = Beans.collectById(rows);
+                            _b.label = 1;
+                        case 1:
+                            _b.trys.push([1, 3, 4, 5]);
+                            // Call service deletion
+                            return [4 /*yield*/, this.dataService.deleteAll(data, this.serviceOptions)];
+                        case 2:
+                            // Call service deletion
+                            _b.sent();
+                            rowNotDeleted = this.getRows().map(function (row) { return rows.find(function (r) { return r === row; }); });
+                            // Apply missing deletion
+                            if (isNotEmptyArray(rowNotDeleted)) {
+                                console.warn("[table-datasource] Force deletion of " + rowNotDeleted.length + " rows (Is service update the cache ?)");
+                                rowNotDeleted
+                                    // Start from the end
+                                    .sort(function (a, b) { return a.id > b.id ? -1 : 1; })
+                                    .forEach(function (r) { return _super.delete.call(_this, r.id); });
+                            }
+                            return [3 /*break*/, 5];
+                        case 3:
+                            err_1 = _b.sent();
+                            // Handle sservice error
+                            this.handleServiceError(err_1);
+                            return [3 /*break*/, 5];
+                        case 4:
+                            this.loadingSubject.next(false);
+                            return [7 /*endfinally*/];
+                        case 5: return [2 /*return*/];
+                    }
+                });
             });
         };
         EntitiesTableDataSource.prototype.getRows = function () {
-            return firstNotNilPromise(this.connect(null));
+            return this.rowsSubject.getValue();
         };
-        EntitiesTableDataSource.prototype.asyncCreateNew = function (insertAt) {
+        EntitiesTableDataSource.prototype.createNew = function (insertAt) {
             var _super = Object.create(null, {
                 createNew: { get: function () { return _super_1.prototype.createNew; } }
             });
+            var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var row, res, err_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                var row, err_2;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             if (this._creating)
                                 return [2 /*return*/]; // Avoid multiple call (should never occur)
                             this._creating = true;
-                            _super.createNew.call(this, insertAt);
-                            row = this.getRow(-1);
-                            if (!(row && this._options && this._options.onRowCreated)) return [3 /*break*/, 4];
-                            res = this._options.onRowCreated(row);
-                            if (!(res instanceof Promise)) return [3 /*break*/, 4];
-                            _a.label = 1;
+                            _b.label = 1;
                         case 1:
-                            _a.trys.push([1, 3, , 4]);
-                            return [4 /*yield*/, res];
+                            _b.trys.push([1, , 7, 8]);
+                            return [4 /*yield*/, _super.createNew.call(this, insertAt)];
                         case 2:
-                            _a.sent();
-                            return [3 /*break*/, 4];
+                            row = _b.sent();
+                            if (!row)
+                                return [2 /*return*/];
+                            if (!((_a = this.config) === null || _a === void 0 ? void 0 : _a.onRowCreated)) return [3 /*break*/, 6];
+                            _b.label = 3;
                         case 3:
-                            err_1 = _a.sent();
-                            console.error(err_1 && err_1.message || err_1, err_1);
-                            return [3 /*break*/, 4];
+                            _b.trys.push([3, 5, , 6]);
+                            return [4 /*yield*/, this.config.onRowCreated(row)];
                         case 4:
+                            _b.sent();
+                            return [3 /*break*/, 6];
+                        case 5:
+                            err_2 = _b.sent();
+                            // Log, then continue
+                            console.error(err_2 && err_2.message || err_2, err_2);
+                            return [3 /*break*/, 6];
+                        case 6:
                             this._editingRowCount++;
+                            return [2 /*return*/, row];
+                        case 7:
                             this._creating = false;
-                            return [2 /*return*/];
+                            return [7 /*endfinally*/];
+                        case 8: return [2 /*return*/];
                     }
                 });
             });
         };
         EntitiesTableDataSource.prototype.getData = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var rows;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.getRows()];
-                        case 1:
-                            rows = _a.sent();
-                            return [2 /*return*/, this.getDataFromRows(rows)];
-                    }
-                });
-            });
+            var rows = this.getRows();
+            return this.getDataFromRows(rows);
         };
         EntitiesTableDataSource.prototype.fetchMore = function (opts) {
             var _super = Object.create(null, {
                 updateDatasource: { get: function () { return _super_1.prototype.updateDatasource; } }
             });
             return __awaiter(this, void 0, void 0, function () {
-                var fetchMoreFn, res, existingData;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                var fetchMoreFn, res;
+                var _b;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             if (!this._fetchMoreFn)
                                 return [2 /*return*/, false]; // Avoid multiple call
                             if (this._editingRowCount > 0) {
-                                console.warn('Cannot fetch more because still editing row');
+                                console.warn("Cannot fetch more " + this._entityName + " because " + this._editingRowCount + " row(s) still editing");
                                 return [2 /*return*/];
                             }
+                            console.debug("Will fetching more row(s) still...");
                             fetchMoreFn = this._fetchMoreFn;
                             this._fetchMoreFn = null;
                             return [4 /*yield*/, fetchMoreFn()];
                         case 1:
-                            res = _a.sent();
+                            res = _c.sent();
                             // Skip if empty (no more data)
-                            if (isNotEmptyArray(res === null || res === void 0 ? void 0 : res.data))
+                            if (isEmptyArray(res === null || res === void 0 ? void 0 : res.data))
                                 return [2 /*return*/, false];
-                            return [4 /*yield*/, this.getData()];
-                        case 2:
-                            existingData = _a.sent();
-                            _super.updateDatasource.call(this, existingData.concat.apply(existingData, __spread(res.data)), opts);
+                            // Update the data source
+                            _super.updateDatasource.call(this, (_b = (this.currentData || [])).concat.apply(_b, __spread(res.data)), opts);
                             // Remember fetchMore
                             this._fetchMoreFn = res.fetchMore;
                             return [2 /*return*/, true];
@@ -26157,8 +26227,8 @@
     EntitiesTableDataSource.ctorParameters = function () { return [
         { type: Function },
         { type: undefined },
-        { type: ngxMaterialTable.ValidatorService },
-        { type: AppTableDataSourceOptions }
+        { type: undefined },
+        { type: undefined }
     ]; };
 
     var SETTINGS_DISPLAY_COLUMNS = 'displayColumns';
@@ -27707,7 +27777,7 @@
                         case 0:
                             this.focusFirstColumn = true;
                             this.focusColumn = (opts === null || opts === void 0 ? void 0 : opts.focusColumn) || this.firstUserColumn;
-                            return [4 /*yield*/, this._dataSource.asyncCreateNew(insertAt)];
+                            return [4 /*yield*/, this._dataSource.createNew(insertAt)];
                         case 1:
                             _e.sent();
                             this.editedRow = this._dataSource.getRow(-1);
@@ -27907,7 +27977,7 @@
                 return __generator(this, function (_e) {
                     switch (_e.label) {
                         case 0:
-                            markRowAsPristine = ((_a = this.dataSource) === null || _a === void 0 ? void 0 : _a.options.keepOriginalDataAfterConfirm) === true;
+                            markRowAsPristine = ((_a = this.dataSource) === null || _a === void 0 ? void 0 : _a.config.restoreOriginalDataOnCancel) === true;
                             if (!markRowAsPristine) return [3 /*break*/, 2];
                             (_b = row.validator) === null || _b === void 0 ? void 0 : _b.markAsPristine();
                             if (!(!opts || opts.onlySelf !== true)) return [3 /*break*/, 2];
@@ -30282,7 +30352,7 @@
         { type: Function },
         { type: InMemoryEntitiesService },
         { type: ngxMaterialTable.ValidatorService },
-        { type: AppTableDataSourceOptions },
+        { type: undefined },
         { type: undefined }
     ]; };
     AppInMemoryTable.propDecorators = {
@@ -30299,7 +30369,7 @@
         SUBSCRIBE_JOB_PROGRESSION_ERROR: 50010
     };
 
-    var moment$6 = momentImported__namespace;
+    var moment$4 = momentImported__namespace;
     var USER_EVENT_SERVICE = new i0.InjectionToken('UserEventService');
     var AbstractUserEventService = /** @class */ (function (_super) {
         __extends(AbstractUserEventService, _super);
@@ -30821,7 +30891,7 @@
         };
         AbstractUserEventService.prototype.resetCount = function () {
             this._countSubject.next(undefined);
-            this.resetCountDate = moment$6();
+            this.resetCountDate = moment$4();
             // restart listening count changes
             this.startListenCountChanges();
         };
@@ -30925,7 +30995,7 @@
                             if (!userEvents.length)
                                 return [2 /*return*/];
                             // set read date
-                            userEvents.forEach(function (userEvent) { return userEvent.readDate = moment$6(); });
+                            userEvents.forEach(function (userEvent) { return userEvent.readDate = moment$4(); });
                             localEntities = userEvents.filter(function (userEvent) { return !userEvent.id || userEvent.id < 0; });
                             remoteEntities = userEvents.filter(function (userEvent) { return userEvent.id > 0; });
                             // save local entities
@@ -31971,7 +32041,7 @@
     ];
 
     var Mutations = {
-        send: core.gql(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["mutation SendMessage($data: MessageVOInput){\n    done: sendMessage(message: $data)\n  }"], ["mutation SendMessage($data: MessageVOInput){\n    done: sendMessage(message: $data)\n  }"])))
+        send: core.gql(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["mutation SendMessage($data: MessageVOInput){\n    done: sendMessage(message: $data)\n  }"], ["mutation SendMessage($data: MessageVOInput){\n    done: sendMessage(message: $data)\n  }"])))
     };
     var MessageService = /** @class */ (function (_super) {
         __extends(MessageService, _super);
@@ -32045,7 +32115,7 @@
         };
         return MessageService;
     }(BaseGraphqlService));
-    MessageService.ɵprov = i0.ɵɵdefineInjectable({ factory: function MessageService_Factory() { return new MessageService(i0.ɵɵinject(GraphqlService), i0.ɵɵinject(i1$2.TranslateService), i0.ɵɵinject(i1$5.ToastController), i0.ɵɵinject(ENVIRONMENT, 8)); }, token: MessageService, providedIn: "root" });
+    MessageService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function MessageService_Factory() { return new MessageService(i0__namespace.ɵɵinject(GraphqlService), i0__namespace.ɵɵinject(i1__namespace$1.TranslateService), i0__namespace.ɵɵinject(i1__namespace$4.ToastController), i0__namespace.ɵɵinject(ENVIRONMENT, 8)); }, token: MessageService, providedIn: "root" });
     MessageService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -32055,7 +32125,7 @@
         { type: i1$5.ToastController },
         { type: Environment, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [ENVIRONMENT,] }] }
     ]; };
-    var templateObject_1$3;
+    var templateObject_1$1;
 
     var PersonFilter_1;
     // @dynamic
@@ -32114,16 +32184,16 @@
     ], exports.PersonFilter);
 
     var PersonFragments = {
-        person: core.gql(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["fragment PersonFragment on PersonVO {\n    id\n    firstName\n    lastName\n    email\n    pubkey\n    avatar\n    statusId\n    updateDate\n    creationDate\n    profiles\n    username\n    usernameExtranet\n    department {\n      id\n      label\n      name\n      logo\n      __typename\n    }\n    __typename\n  }"], ["fragment PersonFragment on PersonVO {\n    id\n    firstName\n    lastName\n    email\n    pubkey\n    avatar\n    statusId\n    updateDate\n    creationDate\n    profiles\n    username\n    usernameExtranet\n    department {\n      id\n      label\n      name\n      logo\n      __typename\n    }\n    __typename\n  }"])))
+        person: core.gql(templateObject_1 || (templateObject_1 = __makeTemplateObject(["fragment PersonFragment on PersonVO {\n    id\n    firstName\n    lastName\n    email\n    pubkey\n    avatar\n    statusId\n    updateDate\n    creationDate\n    profiles\n    username\n    usernameExtranet\n    department {\n      id\n      label\n      name\n      logo\n      __typename\n    }\n    __typename\n  }"], ["fragment PersonFragment on PersonVO {\n    id\n    firstName\n    lastName\n    email\n    pubkey\n    avatar\n    statusId\n    updateDate\n    creationDate\n    profiles\n    username\n    usernameExtranet\n    department {\n      id\n      label\n      name\n      logo\n      __typename\n    }\n    __typename\n  }"])))
     };
     // Load persons query
     var PersonQueries = {
-        loadAll: core.gql(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n    query Persons($offset: Int, $size: Int, $sortBy: String, $sortDirection: String, $filter: PersonFilterVOInput){\n      data: persons(filter: $filter, offset: $offset, size: $size, sortBy: $sortBy, sortDirection: $sortDirection){\n        ...PersonFragment\n      }\n    }\n    ", ""], ["\n    query Persons($offset: Int, $size: Int, $sortBy: String, $sortDirection: String, $filter: PersonFilterVOInput){\n      data: persons(filter: $filter, offset: $offset, size: $size, sortBy: $sortBy, sortDirection: $sortDirection){\n        ...PersonFragment\n      }\n    }\n    ", ""])), PersonFragments.person),
-        loadAllWithTotal: core.gql(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n    query PersonsWithTotal($offset: Int, $size: Int, $sortBy: String, $sortDirection: String, $filter: PersonFilterVOInput){\n      data: persons(filter: $filter, offset: $offset, size: $size, sortBy: $sortBy, sortDirection: $sortDirection){\n        ...PersonFragment\n      }\n      total: personsCount(filter: $filter)\n    }\n    ", ""], ["\n    query PersonsWithTotal($offset: Int, $size: Int, $sortBy: String, $sortDirection: String, $filter: PersonFilterVOInput){\n      data: persons(filter: $filter, offset: $offset, size: $size, sortBy: $sortBy, sortDirection: $sortDirection){\n        ...PersonFragment\n      }\n      total: personsCount(filter: $filter)\n    }\n    ", ""])), PersonFragments.person)
+        loadAll: core.gql(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    query Persons($offset: Int, $size: Int, $sortBy: String, $sortDirection: String, $filter: PersonFilterVOInput){\n      data: persons(filter: $filter, offset: $offset, size: $size, sortBy: $sortBy, sortDirection: $sortDirection){\n        ...PersonFragment\n      }\n    }\n    ", ""], ["\n    query Persons($offset: Int, $size: Int, $sortBy: String, $sortDirection: String, $filter: PersonFilterVOInput){\n      data: persons(filter: $filter, offset: $offset, size: $size, sortBy: $sortBy, sortDirection: $sortDirection){\n        ...PersonFragment\n      }\n    }\n    ", ""])), PersonFragments.person),
+        loadAllWithTotal: core.gql(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    query PersonsWithTotal($offset: Int, $size: Int, $sortBy: String, $sortDirection: String, $filter: PersonFilterVOInput){\n      data: persons(filter: $filter, offset: $offset, size: $size, sortBy: $sortBy, sortDirection: $sortDirection){\n        ...PersonFragment\n      }\n      total: personsCount(filter: $filter)\n    }\n    ", ""], ["\n    query PersonsWithTotal($offset: Int, $size: Int, $sortBy: String, $sortDirection: String, $filter: PersonFilterVOInput){\n      data: persons(filter: $filter, offset: $offset, size: $size, sortBy: $sortBy, sortDirection: $sortDirection){\n        ...PersonFragment\n      }\n      total: personsCount(filter: $filter)\n    }\n    ", ""])), PersonFragments.person)
     };
     var PersonMutations = {
-        saveAll: core.gql(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n    mutation savePersons($data:[PersonVOInput]){\n      data: savePersons(persons: $data){\n        ...PersonFragment\n      }\n    }\n    ", ""], ["\n    mutation savePersons($data:[PersonVOInput]){\n      data: savePersons(persons: $data){\n        ...PersonFragment\n      }\n    }\n    ", ""])), PersonFragments.person),
-        deleteAll: core.gql(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n    mutation deletePersons($ids:[Int]){\n      deletePersons(ids: $ids)\n    }"], ["\n    mutation deletePersons($ids:[Int]){\n      deletePersons(ids: $ids)\n    }"])))
+        saveAll: core.gql(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    mutation savePersons($data:[PersonVOInput]){\n      data: savePersons(persons: $data){\n        ...PersonFragment\n      }\n    }\n    ", ""], ["\n    mutation savePersons($data:[PersonVOInput]){\n      data: savePersons(persons: $data){\n        ...PersonFragment\n      }\n    }\n    ", ""])), PersonFragments.person),
+        deleteAll: core.gql(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    mutation deletePersons($ids:[Int]){\n      deletePersons(ids: $ids)\n    }"], ["\n    mutation deletePersons($ids:[Int]){\n      deletePersons(ids: $ids)\n    }"])))
     };
     var PersonService = /** @class */ (function (_super_1) {
         __extends(PersonService, _super_1);
@@ -32244,7 +32314,7 @@
         };
         return PersonService;
     }(BaseEntityService));
-    PersonService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PersonService_Factory() { return new PersonService(i0.ɵɵinject(GraphqlService), i0.ɵɵinject(PlatformService), i0.ɵɵinject(NetworkService), i0.ɵɵinject(EntitiesStorage)); }, token: PersonService, providedIn: "root" });
+    PersonService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PersonService_Factory() { return new PersonService(i0__namespace.ɵɵinject(GraphqlService), i0__namespace.ɵɵinject(PlatformService), i0__namespace.ɵɵinject(NetworkService), i0__namespace.ɵɵinject(EntitiesStorage)); }, token: PersonService, providedIn: "root" });
     PersonService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -32254,7 +32324,7 @@
         { type: NetworkService },
         { type: EntitiesStorage }
     ]; };
-    var templateObject_1$4, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$2;
+    var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 
     var PersonValidatorService = /** @class */ (function () {
         function PersonValidatorService(formBuilder, accountValidatorService) {
@@ -32277,7 +32347,7 @@
         };
         return PersonValidatorService;
     }());
-    PersonValidatorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PersonValidatorService_Factory() { return new PersonValidatorService(i0.ɵɵinject(i1.FormBuilder), i0.ɵɵinject(AccountValidatorService)); }, token: PersonValidatorService, providedIn: "root" });
+    PersonValidatorService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PersonValidatorService_Factory() { return new PersonValidatorService(i0__namespace.ɵɵinject(i1__namespace$6.FormBuilder), i0__namespace.ɵɵinject(AccountValidatorService)); }, token: PersonValidatorService, providedIn: "root" });
     PersonValidatorService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -32540,17 +32610,17 @@
     ];
     AdminModule.ctorParameters = function () { return []; };
 
-    var ɵ0$c = {
+    var ɵ0 = {
         profile: 'ADMIN'
     };
-    var routes = [
+    var routes$6 = [
         {
             path: 'users',
             pathMatch: 'full',
             component: UsersPage,
             canActivate: [AuthGuardService],
             canDeactivate: [ComponentDirtyGuard],
-            data: ɵ0$c
+            data: ɵ0
         }
     ];
     var AdminRoutingModule = /** @class */ (function () {
@@ -32563,30 +32633,30 @@
                     imports: [
                         SharedRoutingModule,
                         AdminModule,
-                        i3.RouterModule.forChild(routes)
+                        i3.RouterModule.forChild(routes$6)
                     ],
                     exports: [i3.RouterModule]
                 },] }
     ];
 
-    var EntityTestClass = /** @class */ (function () {
+    var EntityTestClass$1 = /** @class */ (function () {
         function EntityTestClass() {
         }
         return EntityTestClass;
     }());
-    var FAKE_ENTITIES = [
+    var FAKE_ENTITIES$1 = [
         { id: 1, label: 'AAA', name: 'Item A', description: 'Very long description A', comments: 'Very very long comments... again for A' },
         { id: 2, label: 'BBB', name: 'Item B', description: 'Very long description B', comments: 'Very very long comments... again for B' },
         { id: 3, label: 'CCC', name: 'Item C', description: 'Very long description C', comments: 'Very very long comments... again for C' }
     ];
-    function deepCopy(values, size) {
+    function deepCopy$1(values, size) {
         if (isNil(size)) {
-            return (values || FAKE_ENTITIES).map(function (entity) { return Object.assign({}, entity); });
+            return (values || FAKE_ENTITIES$1).map(function (entity) { return Object.assign({}, entity); });
         }
         var result = [];
         var i = 1;
         while (result.length < size) {
-            result = result.concat((values || FAKE_ENTITIES).map(function (entity) {
+            result = result.concat((values || FAKE_ENTITIES$1).map(function (entity) {
                 var name = entity.name + ' #' + i;
                 return Object.assign(Object.assign({}, entity), { id: i++, name: name });
             }));
@@ -32596,7 +32666,7 @@
     var AutocompleteTestPage = /** @class */ (function () {
         function AutocompleteTestPage(formBuilder) {
             this.formBuilder = formBuilder;
-            this._items = deepCopy(FAKE_ENTITIES, 100);
+            this._items = deepCopy$1(FAKE_ENTITIES$1, 100);
             this._$items = new rxjs.BehaviorSubject(undefined);
             this.autocompleteFields = new MatAutocompleteConfigHolder();
             this.memoryHide = false;
@@ -32642,7 +32712,7 @@
             });
             // From items
             this.autocompleteFields.add('entity-items-large', {
-                items: FAKE_ENTITIES.slice(),
+                items: FAKE_ENTITIES$1.slice(),
                 attributes: ['label', 'name', 'description', 'comments'],
                 displayWith: this.entityToString
             });
@@ -32678,14 +32748,14 @@
                 var _this = this;
                 return __generator(this, function (_a) {
                     data = {
-                        entity: deepCopy(FAKE_ENTITIES)[0],
-                        farEntity: deepCopy(FAKE_ENTITIES)[2],
+                        entity: deepCopy$1(FAKE_ENTITIES$1)[0],
+                        farEntity: deepCopy$1(FAKE_ENTITIES$1)[2],
                         // This item is NOT in the items list => i should be displayed anyway
                         missingEntity: {
                             id: -1, label: '??', name: 'Missing item'
                         },
-                        disableEntity: deepCopy(FAKE_ENTITIES)[2],
-                        entities: deepCopy(FAKE_ENTITIES)
+                        disableEntity: deepCopy$1(FAKE_ENTITIES$1)[2],
+                        entities: deepCopy$1(FAKE_ENTITIES$1)
                     };
                     this.form.setValue(data);
                     // Load observables
@@ -32857,13 +32927,13 @@
         { type: i1.FormBuilder }
     ]; };
 
-    var moment$7 = momentImported__namespace;
+    var moment$3 = momentImported__namespace;
     var SwipeTestPage = /** @class */ (function () {
         function SwipeTestPage(formBuilder, dateFormatPipe) {
             this.formBuilder = formBuilder;
             this.dateFormatPipe = dateFormatPipe;
             this.$dates = new rxjs.BehaviorSubject(undefined);
-            this._today = moment$7().startOf('day');
+            this._today = moment$3().startOf('day');
             this.form = formBuilder.group({
                 empty: [null, i1.Validators.required],
                 date: [null, i1.Validators.compose([i1.Validators.required, SharedValidators.validDate])],
@@ -32877,7 +32947,7 @@
             var _this = this;
             var dates = [];
             for (var d = 0; d < 7; d++) {
-                dates[d] = moment$7(this._today).add(d - 3, 'day');
+                dates[d] = moment$3(this._today).add(d - 3, 'day');
             }
             this.$dates.next(dates);
             this.loadData();
@@ -32924,7 +32994,7 @@
         { type: DateFormatPipe }
     ]; };
 
-    var moment$8 = momentImported__namespace;
+    var moment$2 = momentImported__namespace;
     var DateTimeTestPage = /** @class */ (function () {
         function DateTimeTestPage(platform, formBuilder, cd) {
             this.platform = platform;
@@ -32962,7 +33032,7 @@
                 var now, data;
                 var _this = this;
                 return __generator(this, function (_a) {
-                    now = moment$8();
+                    now = moment$2();
                     data = {
                         empty: null,
                         emptyRequired: null,
@@ -33032,12 +33102,12 @@
         { type: i0.ChangeDetectorRef }
     ]; };
 
-    var EntityTestClass$1 = /** @class */ (function () {
+    var EntityTestClass = /** @class */ (function () {
         function EntityTestClass() {
         }
         return EntityTestClass;
     }());
-    var FAKE_ENTITIES$1 = [
+    var FAKE_ENTITIES = [
         { id: 1, label: 'AAA', name: 'Item A' },
         { id: 2, label: 'BBB', name: 'Item B' },
         { id: 3, label: 'CCC', name: 'Item C' },
@@ -33046,14 +33116,14 @@
         { id: 6, label: 'FFF', name: 'Item F' },
         { id: 7, label: 'GGG', name: 'Item G' }
     ];
-    function deepCopy$1(values, size) {
+    function deepCopy(values, size) {
         if (isNil(size)) {
-            return (values || FAKE_ENTITIES$1).map(function (entity) { return Object.assign({}, entity); });
+            return (values || FAKE_ENTITIES).map(function (entity) { return Object.assign({}, entity); });
         }
         var result = [];
         var i = 1;
         while (result.length < size) {
-            result = result.concat((values || FAKE_ENTITIES$1).map(function (entity) {
+            result = result.concat((values || FAKE_ENTITIES).map(function (entity) {
                 var name = entity.name + ' #' + i;
                 return Object.assign(Object.assign({}, entity), { id: i++, name: name });
             }));
@@ -33063,7 +33133,7 @@
     var ChipsTestPage = /** @class */ (function () {
         function ChipsTestPage(formBuilder) {
             this.formBuilder = formBuilder;
-            this._items = deepCopy$1(FAKE_ENTITIES$1, 100);
+            this._items = deepCopy(FAKE_ENTITIES, 100);
             this._$items = new rxjs.BehaviorSubject(undefined);
             this.autocompleteFields = new MatAutocompleteConfigHolder();
             this.appearance = 'legacy';
@@ -33107,7 +33177,7 @@
                 var items, data;
                 var _this = this;
                 return __generator(this, function (_a) {
-                    items = deepCopy$1(FAKE_ENTITIES$1);
+                    items = deepCopy(FAKE_ENTITIES);
                     data = {
                         entity: items.slice(0, 1),
                         entityInitial: items.slice(1, 2),
@@ -33244,7 +33314,7 @@
         { type: i1.FormBuilder }
     ]; };
 
-    var moment$9 = momentImported__namespace;
+    var moment$1 = momentImported__namespace;
     var DateTestPage = /** @class */ (function () {
         function DateTestPage(formBuilder, cd) {
             this.formBuilder = formBuilder;
@@ -33281,7 +33351,7 @@
                 var now, nowAtMahe, data;
                 var _this = this;
                 return __generator(this, function (_a) {
-                    now = moment$9();
+                    now = moment$1();
                     nowAtMahe = now.clone().tz(this.timezone).startOf('day');
                     data = {
                         empty: null,
@@ -33363,7 +33433,7 @@
         { label: 'Shared directives', divider: true },
         { label: 'Badge icon directive', page: '/testing/shared/badge-icon' }
     ];
-    var routes$1 = [
+    var routes$5 = [
         {
             path: '',
             pathMatch: 'full',
@@ -33423,7 +33493,7 @@
                         i1.ReactiveFormsModule,
                         SharedMaterialModule,
                         i1$2.TranslateModule.forChild(),
-                        i3.RouterModule.forChild(routes$1)
+                        i3.RouterModule.forChild(routes$5)
                     ],
                     declarations: [
                         DateTimeTestPage,
@@ -33485,7 +33555,7 @@
         { type: i1$2.TranslateService }
     ]; };
 
-    var routes$2 = [
+    var routes$4 = [
         {
             path: 'toast',
             pathMatch: 'full',
@@ -33503,7 +33573,7 @@
                         i1$4.CommonModule,
                         i1$5.IonicModule,
                         i1$2.TranslateModule.forChild(),
-                        i3.RouterModule.forChild(routes$2)
+                        i3.RouterModule.forChild(routes$4)
                     ],
                     declarations: [
                         ToastTestingPage
@@ -33829,26 +33899,33 @@
             console.debug('[test-table] Updating data...');
             this.markAsLoading();
             if (isNil(this.data)) {
-                this.data = this.generateData(0, this.enableInfiniteScroll ? this.defaultPageSize : TableTestPage.maxRowCount);
+                this.data = this.generateData(0, TableTestPage.maxRowCount);
             }
             this.dataService.setValue(this.data, { emitEvent: false });
             this.onRefresh.emit();
-            if (this.infiniteScroll) {
-                this.infiniteScroll.disabled = !this.infiniteScroll || this.data.length >= TableTestPage.maxRowCount;
-            }
         };
-        TableTestPage.prototype.loadMore = function (event) {
-            var _this = this;
-            console.debug('[table-test] Loading more...', event);
-            setTimeout(function () {
-                _this.data = __spread(_this.data, _this.generateData(_this.data.length, 20));
-                _this.dataService.setValue(_this.data, { emitEvent: false });
-                _this.defaultPageSize = _this.data.length;
-                _this.infiniteScroll.disabled = _this.data.length >= 100;
-                _this.doRefresh(event);
-            }, 500);
+        TableTestPage.prototype.fetchMore = function (event) {
+            return __awaiter(this, void 0, void 0, function () {
+                var fetched;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            console.debug('[table-test] Loading more...', event);
+                            return [4 /*yield*/, this._dataSource.fetchMore()];
+                        case 1:
+                            fetched = _a.sent();
+                            if (!(fetched && (event === null || event === void 0 ? void 0 : event.target) && event.target.complete)) return [3 /*break*/, 3];
+                            return [4 /*yield*/, this.waitIdle()];
+                        case 2:
+                            _a.sent();
+                            event.target.complete();
+                            _a.label = 3;
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            });
         };
-        TableTestPage.prototype.save = function () {
+        TableTestPage.prototype.save = function (opts) {
             var _super = Object.create(null, {
                 save: { get: function () { return _super_1.prototype.save; } }
             });
@@ -33856,7 +33933,7 @@
                 var saved;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, _super.save.call(this)];
+                        case 0: return [4 /*yield*/, _super.save.call(this, opts)];
                         case 1:
                             saved = _a.sent();
                             if (saved) {
@@ -33928,7 +34005,7 @@
     TableTestPage.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-table-testing',
-                    template: "<app-toolbar color=\"primary\" [canGoBack]=\"true\" [backHref]=\"'/testing'\">\n  <ion-buttons slot=\"end\">\n\n\n    <ng-container *ngIf=\"!selection.hasValue(); else hasSelection\">\n      <!-- Add -->\n      <button mat-icon-button\n              *ngIf=\"canEdit && !mobile\"\n              [title]=\"'COMMON.BTN_ADD'|translate\"\n              (click)=\"addRow()\">\n        <mat-icon>add</mat-icon>\n      </button>\n\n      <!-- reset filter -->\n      <button mat-icon-button (click)=\"resetFilter()\"\n              *ngIf=\"filterCriteriaCount\">\n        <mat-icon color=\"accent\">filter_list_alt</mat-icon>\n        <mat-icon class=\"icon-secondary\" style=\"left: 16px; top: 5px; font-weight: bold;\">close</mat-icon>\n      </button>\n\n      <!-- show filter -->\n      <button mat-icon-button (click)=\"filterExpansionPanel.toggle()\">\n        <mat-icon *ngIf=\"filterCriteriaCount; else emptyFilter\"\n                  [matBadge]=\"filterCriteriaCount\"\n                  matBadgeColor=\"accent\"\n                  matBadgeSize=\"small\"\n                  matBadgePosition=\"above after\">filter_list_alt\n        </mat-icon>\n        <ng-template #emptyFilter>\n          <mat-icon>filter_list_alt</mat-icon>\n        </ng-template>\n      </button>\n\n      <!-- start/stop timer to auto-load data -->\n      <ion-button *ngIf=\"!timer\" (click)=\"startTimer()\">Start reload</ion-button>\n      <ion-button *ngIf=\"timer\" (click)=\"stopTimer()\" color=\"accent\">Stop reload</ion-button>\n    </ng-container>\n\n    <!-- if row selection -->\n    <ng-template #hasSelection>\n\n      <!-- delete -->\n      <button mat-icon-button\n              *ngIf=\"canEdit\" [title]=\"'COMMON.BTN_DELETE'|translate\"\n              (click)=\"deleteSelection($event)\">\n        <mat-icon>delete</mat-icon>\n      </button>\n\n      <!-- duplicate -->\n      <button mat-icon-button\n              *ngIf=\"canEdit && selection.selected | isArrayLength: {equals: 1}\"\n              [title]=\"'COMMON.BTN_DUPLICATE'|translate\"\n              (click)=\"duplicateRow($event, selection.selected[0])\">\n        <mat-icon>file_copy</mat-icon>\n      </button>\n    </ng-template>\n  </ion-buttons>\n</app-toolbar>\n<ion-content class=\"ion-no-padding\">\n\n  <ion-refresher slot=\"fixed\" *ngIf=\"mobile\" (ionRefresh)=\"doRefresh($event)\">\n    <ion-refresher-content></ion-refresher-content>\n  </ion-refresher>\n\n  <!-- error -->\n  <ion-item *ngIf=\"mobile && error\" lines=\"none\" @slideUpDownAnimation>\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"error|translate\"></ion-label>\n  </ion-item>\n\n  <!-- search -->\n  <mat-expansion-panel #filterExpansionPanel class=\"filter-panel filter-panel-floating\">\n    <form class=\"form-container ion-padding-top\" [formGroup]=\"filterForm\" (ngSubmit)=\"applyFilterAndClosePanel($event)\">\n\n      <ion-grid>\n        <ion-row>\n          <ion-col>\n            <!-- search text -->\n            <mat-form-field>\n              <ion-icon matPrefix name=\"search\"></ion-icon>\n              <input matInput\n                     formControlName=\"searchText\"\n                     autocomplete=\"off\"\n                     [placeholder]=\"'TABLE.TESTING.SEARCH_TEXT'|translate\">\n              <button mat-icon-button matSuffix tabindex=\"-1\"\n                      type=\"button\"\n                      (click)=\"clearControlValue($event, filterForm.controls.searchText)\"\n                      [hidden]=\"filterForm.controls.searchText.disabled || !filterForm.controls.searchText.value\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </mat-form-field>\n          </ion-col>\n        </ion-row>\n      </ion-grid>\n    </form>\n\n    <mat-action-row>\n      <!-- Counter  -->\n      <ion-label [hidden]=\"(loadingSubject|async) || filterForm.dirty\"\n                 [color]=\"empty && 'danger'\"\n                 class=\"ion-padding\">\n        {{ (totalRowCount ? 'COMMON.RESULT_COUNT' : 'COMMON.NO_RESULT') | translate: {\n        count: (totalRowCount |\n          numberFormat)\n      } }}\n      </ion-label>\n\n      <div class=\"toolbar-spacer\"></div>\n\n      <!-- Close panel -->\n      <ion-button mat-button fill=\"clear\" color=\"dark\"\n                  (click)=\"filterExpansionPanel.close()\"\n                  [disabled]=\"loadingSubject|async\">\n        <ion-text translate>COMMON.BTN_CLOSE</ion-text>\n      </ion-button>\n\n      <!-- Search button -->\n      <ion-button mat-button\n                  [color]=\"filterForm.dirty ? 'tertiary' : 'dark'\"\n                  [fill]=\"filterForm.dirty ? 'solid' : 'clear'\"\n                  (click)=\"applyFilterAndClosePanel($event)\">\n        <ion-text translate>COMMON.BTN_APPLY</ion-text>\n      </ion-button>\n    </mat-action-row>\n  </mat-expansion-panel>\n\n  <!-- table -->\n  <div [class.table-container]=\"!enableInfiniteScroll\">\n    <table #table mat-table matSort matSortDisableClear\n           [dataSource]=\"dataSource\"\n           [matSortActive]=\"defaultSortBy\"\n           [matSortDirection]=\"defaultSortDirection\"\n           [trackBy]=\"trackByFn\">\n\n      <!-- group header cells -->\n\n      <ng-container matColumnDef=\"top-start\" [sticky]=\"useSticky\">\n        <th mat-header-cell *matHeaderCellDef [class.cdk-visually-hidden]=\"!canEdit\" [attr.colspan]=\"2\">\n          <!-- start spacer -->\n        </th>\n      </ng-container>\n\n      <ng-container matColumnDef=\"group-1\">\n        <th mat-header-cell *matHeaderCellDef [attr.colspan]=\"3\" style=\"background-color: whitesmoke; margin-bottom: -1px;\">\n          <ion-label translate>{{i18nColumnPrefix + 'GROUP_1'}}</ion-label>\n        </th>\n      </ng-container>\n\n      <ng-container matColumnDef=\"group-2\">\n        <th mat-header-cell *matHeaderCellDef [attr.colspan]=\"3\">\n          <ion-label translate>{{i18nColumnPrefix + 'GROUP_2'}}</ion-label>\n        </th>\n      </ng-container>\n\n      <ng-container matColumnDef=\"top-end\" >\n        <th mat-header-cell *matHeaderCellDef>\n          <!-- end spacer -->\n        </th>\n      </ng-container>\n\n      <ng-container matColumnDef=\"select\" [sticky]=\"useSticky\" [class.mat-column-sticky]=\"useSticky\">\n        <th mat-header-cell *matHeaderCellDef [class.cdk-visually-hidden]=\"!canEdit\">\n          <mat-checkbox (change)=\"$event ? masterToggle() : null\" [checked]=\"selection.hasValue() && isAllSelected()\"\n                        [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\n          </mat-checkbox>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" [class.cdk-visually-hidden]=\"!canEdit\">\n          <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"$event ? selection.toggle(row) : null\" [checked]=\"selection.isSelected(row)\">\n          </mat-checkbox>\n        </td>\n      </ng-container>\n\n      <!-- Id column -->\n      <ng-container matColumnDef=\"id\" [sticky]=\"useSticky\" [class.mat-column-sticky]=\"useSticky\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ion-label>#</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\">{{ row.currentData?.id }}</td>\n      </ng-container>\n\n      <!-- Label column -->\n      <ng-container matColumnDef=\"label\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ion-label translate>TABLE.TESTING.LABEL</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\">\n          <mat-form-field floatLabel=\"never\">\n            <input matInput\n                   [formControl]=\"row.validator.controls['label']\"\n                   [placeholder]=\"'TABLE.TESTING.LABEL'|translate\"\n                   [appAutofocus]=\"row.editing && focusColumn === 'label'\"\n                   [readonly]=\"!row.editing\">\n            <mat-error *ngIf=\"row.validator.controls['label'].hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n          </mat-form-field>\n        </td>\n      </ng-container>\n\n      <!-- Name column -->\n      <ng-container matColumnDef=\"name\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ion-label translate>TABLE.TESTING.NAME</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" [class.mat-form-field-disabled]=\"!row.editing\">\n          <mat-form-field floatLabel=\"never\">\n            <input matInput [formControl]=\"row.validator?.controls.name\" [placeholder]=\"'TABLE.TESTING.NAME'|translate\"\n                   [readonly]=\"!row.editing\">\n            <mat-error *ngIf=\"row.validator?.controls.name.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n          </mat-form-field>\n        </td>\n      </ng-container>\n\n      <!-- Level column -->\n      <ng-container matColumnDef=\"levelId\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ion-label translate>TABLE.TESTING.LEVEL_ID</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" [class.mat-form-field-disabled]=\"!row.editing\">\n          <mat-autocomplete-field floatLabel=\"never\"\n                                  [formControl]=\"row.validator.controls.levelId\"\n                                  [config]=\"autocompleteFields.level\"\n                                  [readonly]=\"!row.editing\"\n                                  required>\n          </mat-autocomplete-field>\n        </td>\n      </ng-container>\n\n      <!-- Status column  -->\n      <ng-container matColumnDef=\"statusId\">\n        <th mat-header-cell *matHeaderCellDef>\n          <span translate>USER.STATUS</span>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" [class.mat-form-field-disabled]=\"!row.editing\">\n          <mat-form-field floatLabel=\"never\">\n            <ion-icon matPrefix *ngIf=\"row.validator.controls['statusId'].value &gt;=0\" [name]=\"statusById[row.validator.controls['statusId'].value]?.icon\"></ion-icon>\n\n            <mat-select [formControl]=\"row.validator.controls['statusId']\" [placeholder]=\"i18nColumnPrefix + 'STATUS_ID'|translate\">\n              <mat-select-trigger>\n                <span *ngIf=\"row.validator.controls['statusId'].value &gt;=0\">\n                  {{ statusById[row.validator.controls['statusId'].value]?.label | translate}}</span>\n              </mat-select-trigger>\n              <mat-option *ngFor=\"let item of statusList\" [value]=\"item.id\">\n                <ion-icon [name]=\"item.icon\"></ion-icon>\n                {{ item.label |translate }}\n              </mat-option>\n            </mat-select>\n            <mat-error *ngIf=\"row.validator.controls['statusId'].hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n          </mat-form-field>\n        </td>\n      </ng-container>\n\n\n      <!-- Creation date column -->\n      <ng-container matColumnDef=\"updateDate\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ion-label translate>TABLE.TESTING.UPDATE_DATE</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" class=\"mat-form-field-disabled\">\n          <ion-text class=\"ion-text-end\" color=\"medium\" *ngIf=\"row.id!==-1\">\n            <small [matTooltip]=\"'TABLE.TESTING.CREATION_DATE'|translate\" *ngIf=\"row.currentData.creationDate; let creationDate\">\n              <ion-icon name=\"calendar\"></ion-icon>\n              {{ creationDate | dateFormat: {time: true} }}\n            </small><br/>\n            <small [matTooltip]=\"'TABLE.TESTING.UPDATE_DATE'|translate\" *ngIf=\"row.currentData.updateDate; let updateDate\">\n              <ion-icon name=\"time-outline\"></ion-icon>\n              {{ updateDate | dateFormat: {time: true} }}\n            </small>\n          </ion-text>\n        </td>\n      </ng-container>\n\n      <!-- Comment column -->\n      <ng-container matColumnDef=\"comments\">\n        <th mat-header-cell *matHeaderCellDef>\n          <ion-label translate>TABLE.TESTING.COMMENTS</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\">\n          <mat-form-field floatLabel=\"never\" *ngIf=\"row.editing; else iconComment\">\n            <!--<textarea matInput [formControl]=\"row.validator?.controls.comments\"\n                      [placeholder]=\"'TABLE.TESTING.COMMENTS'|translate\"\n                      [readonly]=\"!row.editing\"></textarea>-->\n\n            <input type=\"text\" matInput [formControl]=\"row.validator?.controls.comments\"\n                   [placeholder]=\"'TABLE.TESTING.COMMENTS'|translate\"\n                   [readonly]=\"!row.editing\"\n                   [appAutofocus]=\"row.editing && focusColumn === 'comments'\">\n          </mat-form-field>\n\n          <ng-template #iconComment>\n            <mat-icon class=\"comment\"\n                      *ngIf=\"row.validator?.controls.comments.value\"\n                      [title]=\"row.validator?.controls.comments.value\"></mat-icon>\n          </ng-template>\n        </td>\n      </ng-container>\n\n      <!-- Actions buttons column -->\n      <app-actions-column [stickyEnd]=\"true\" [canCancel]=\"false\"\n                          (optionsClick)=\"openSelectColumnsModal($event)\"\n                          (cancelOrDeleteClick)=\"cancelOrDelete($event.event, $event.row)\"\n                          (confirmAndAddClick)=\"confirmAndAdd($event.event, $event.row)\"\n                          (backward)=\"confirmAndBackward($event.event, $event.row)\"\n                          (forward)=\"confirmAndForward($event.event, $event.row)\"\n                          [cellTemplate]=\"cellInjection\">\n\n        <!-- cell injection-->\n        <ng-template #cellInjection let-row>\n          <span *ngIf=\"row.editing && !row.validator.dirty\">-</span>\n        </ng-template>\n\n      </app-actions-column>\n\n      <tr mat-header-row *matHeaderRowDef=\"groupColumns;\" class=\"mat-toolbar\"></tr>\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"\n          [class.mat-row-selected]=\"row.editing\"\n          [class.mat-row-error]=\"row.validator?.invalid\"\n          [class.mat-row-disabled]=\"!row.editing\"\n          [class.mat-row-dirty]=\"row.validator?.dirty\"\n          (click)=\"clickRow($event, row)\"\n          (keydown.escape)=\"escapeEditingRow($event)\"\n          [cdkTrapFocus]=\"row.validator?.invalid\"></tr>\n    </table>\n\n    <ng-container *ngIf=\"loadingSubject|async; else noResult\">\n      <ion-item>\n        <ion-skeleton-text animated></ion-skeleton-text>\n      </ion-item>\n    </ng-container>\n\n    <ng-template #noResult>\n      <ion-item *ngIf=\"totalRowCount === 0\">\n        <ion-text color=\"danger\" class=\"text-italic\" translate>COMMON.NO_RESULT</ion-text>\n      </ion-item>\n    </ng-template>\n\n    <ion-infinite-scroll *ngIf=\"enableInfiniteScroll\"\n                         [threshold]=\"mobile ? '10%' : '2%'\" position=\"bottom\"\n                         (ionInfinite)=\"loadMore($event)\">\n      <ion-infinite-scroll-content\n        loadingSpinner=\"circles\"\n        [loadingText]=\"'COMMON.LOADING_DOTS'|translate\">\n      </ion-infinite-scroll-content>\n    </ion-infinite-scroll>\n  </div>\n</ion-content>\n\n<ion-footer>\n  <!-- Paginator  -->\n  <mat-paginator *ngIf=\"!enableInfiniteScroll\"\n                 [length]=\"totalRowCount\" [pageSize]=\"defaultPageSize\" [pageSizeOptions]=\"defaultPageSizeOptions\"\n                 class=\"mat-paginator-footer\"\n                 showFirstLastButtons>\n  </mat-paginator>\n\n  <app-form-buttons-bar *ngIf=\"canEdit && !mobile\"\n                        (onCancel)=\"load()\"\n                        (onSave)=\"save()\" [disabled]=\"(loadingSubject|async) || !dirty\">\n    <!-- error -->\n    <ion-item *ngIf=\"error$|async\" lines=\"none\">\n      <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n      <ion-label color=\"danger\" [innerHTML]=\"error|translate\"></ion-label>\n    </ion-item>\n  </app-form-buttons-bar>\n</ion-footer>\n\n<ion-fab slot=\"fixed\" vertical=\"bottom\" horizontal=\"end\"\n         *ngIf=\"canEdit && mobile\">\n  <ion-fab-button color=\"tertiary\" (click)=\"addRow($event)\">\n    <ion-icon name=\"add\"></ion-icon>\n  </ion-fab-button>\n</ion-fab>\n",
+                    template: "<app-toolbar color=\"primary\" [canGoBack]=\"true\"\n             [hasValidate]=\"!(loadingSubject|async) && dirty\"\n             (onValidate)=\"save()\"\n             [backHref]=\"'/testing'\">\n  <ion-buttons slot=\"end\">\n\n\n    <ng-container *ngIf=\"!selection.hasValue(); else hasSelection\">\n      <!-- Add -->\n      <button mat-icon-button\n              *ngIf=\"canEdit && !mobile\"\n              [title]=\"'COMMON.BTN_ADD'|translate\"\n              (click)=\"addRow()\">\n        <mat-icon>add</mat-icon>\n      </button>\n\n      <!-- reset filter -->\n      <button mat-icon-button (click)=\"resetFilter()\"\n              *ngIf=\"filterCriteriaCount\">\n        <mat-icon color=\"accent\">filter_list_alt</mat-icon>\n        <mat-icon class=\"icon-secondary\" style=\"left: 16px; top: 5px; font-weight: bold;\">close</mat-icon>\n      </button>\n\n      <!-- show filter -->\n      <button mat-icon-button (click)=\"filterExpansionPanel.toggle()\">\n        <mat-icon *ngIf=\"filterCriteriaCount; else emptyFilter\"\n                  [matBadge]=\"filterCriteriaCount\"\n                  matBadgeColor=\"accent\"\n                  matBadgeSize=\"small\"\n                  matBadgePosition=\"above after\">filter_list_alt\n        </mat-icon>\n        <ng-template #emptyFilter>\n          <mat-icon>filter_list_alt</mat-icon>\n        </ng-template>\n      </button>\n\n      <!-- start/stop timer to auto-load data -->\n      <ion-button *ngIf=\"!timer\" (click)=\"startTimer()\">Start reload</ion-button>\n      <ion-button *ngIf=\"timer\" (click)=\"stopTimer()\" color=\"accent\">Stop reload</ion-button>\n    </ng-container>\n\n    <!-- if row selection -->\n    <ng-template #hasSelection>\n\n      <!-- delete -->\n      <button mat-icon-button\n              *ngIf=\"canEdit\" [title]=\"'COMMON.BTN_DELETE'|translate\"\n              (click)=\"deleteSelection($event)\">\n        <mat-icon>delete</mat-icon>\n      </button>\n\n      <!-- duplicate -->\n      <button mat-icon-button\n              *ngIf=\"canEdit && selection.selected | isArrayLength: {equals: 1}\"\n              [title]=\"'COMMON.BTN_DUPLICATE'|translate\"\n              (click)=\"duplicateRow($event, selection.selected[0])\">\n        <mat-icon>file_copy</mat-icon>\n      </button>\n    </ng-template>\n  </ion-buttons>\n</app-toolbar>\n<ion-content class=\"ion-no-padding\">\n\n  <ion-refresher slot=\"fixed\" *ngIf=\"mobile\" (ionRefresh)=\"doRefresh($event)\">\n    <ion-refresher-content></ion-refresher-content>\n  </ion-refresher>\n\n  <!-- error -->\n  <ion-item *ngIf=\"mobile && error\" lines=\"none\" @slideUpDownAnimation>\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"error|translate\"></ion-label>\n  </ion-item>\n\n  <!-- search -->\n  <mat-expansion-panel #filterExpansionPanel class=\"filter-panel filter-panel-floating\">\n    <form class=\"form-container ion-padding-top\" [formGroup]=\"filterForm\" (ngSubmit)=\"applyFilterAndClosePanel($event)\">\n\n      <ion-grid>\n        <ion-row>\n          <ion-col>\n            <!-- search text -->\n            <mat-form-field>\n              <ion-icon matPrefix name=\"search\"></ion-icon>\n              <input matInput\n                     formControlName=\"searchText\"\n                     autocomplete=\"off\"\n                     [placeholder]=\"'TABLE.TESTING.SEARCH_TEXT'|translate\">\n              <button mat-icon-button matSuffix tabindex=\"-1\"\n                      type=\"button\"\n                      (click)=\"clearControlValue($event, filterForm.controls.searchText)\"\n                      [hidden]=\"filterForm.controls.searchText.disabled || !filterForm.controls.searchText.value\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </mat-form-field>\n          </ion-col>\n        </ion-row>\n      </ion-grid>\n    </form>\n\n    <mat-action-row>\n      <!-- Counter  -->\n      <ion-label [hidden]=\"(loadingSubject|async) || filterForm.dirty\"\n                 [color]=\"empty && 'danger'\"\n                 class=\"ion-padding\">\n        {{ (totalRowCount ? 'COMMON.RESULT_COUNT' : 'COMMON.NO_RESULT') | translate: {\n        count: (totalRowCount |\n          numberFormat)\n      } }}\n      </ion-label>\n\n      <div class=\"toolbar-spacer\"></div>\n\n      <!-- Close panel -->\n      <ion-button mat-button fill=\"clear\" color=\"dark\"\n                  (click)=\"filterExpansionPanel.close()\"\n                  [disabled]=\"loadingSubject|async\">\n        <ion-text translate>COMMON.BTN_CLOSE</ion-text>\n      </ion-button>\n\n      <!-- Search button -->\n      <ion-button mat-button\n                  [color]=\"filterForm.dirty ? 'tertiary' : 'dark'\"\n                  [fill]=\"filterForm.dirty ? 'solid' : 'clear'\"\n                  (click)=\"applyFilterAndClosePanel($event)\">\n        <ion-text translate>COMMON.BTN_APPLY</ion-text>\n      </ion-button>\n    </mat-action-row>\n  </mat-expansion-panel>\n\n  <!-- table -->\n  <div [class.table-container]=\"!enableInfiniteScroll\">\n    <table #table mat-table matSort matSortDisableClear\n           [dataSource]=\"dataSource\"\n           [matSortActive]=\"defaultSortBy\"\n           [matSortDirection]=\"defaultSortDirection\"\n           [trackBy]=\"trackByFn\">\n\n      <!-- group header cells -->\n\n      <ng-container matColumnDef=\"top-start\" [sticky]=\"useSticky\">\n        <th mat-header-cell *matHeaderCellDef [class.cdk-visually-hidden]=\"!canEdit\" [attr.colspan]=\"2\">\n          <!-- start spacer -->\n        </th>\n      </ng-container>\n\n      <ng-container matColumnDef=\"group-1\">\n        <th mat-header-cell *matHeaderCellDef [attr.colspan]=\"3\" style=\"background-color: whitesmoke; margin-bottom: -1px;\">\n          <ion-label translate>{{i18nColumnPrefix + 'GROUP_1'}}</ion-label>\n        </th>\n      </ng-container>\n\n      <ng-container matColumnDef=\"group-2\">\n        <th mat-header-cell *matHeaderCellDef [attr.colspan]=\"3\">\n          <ion-label translate>{{i18nColumnPrefix + 'GROUP_2'}}</ion-label>\n        </th>\n      </ng-container>\n\n      <ng-container matColumnDef=\"top-end\" >\n        <th mat-header-cell *matHeaderCellDef>\n          <!-- end spacer -->\n        </th>\n      </ng-container>\n\n      <ng-container matColumnDef=\"select\" [sticky]=\"useSticky\" [class.mat-column-sticky]=\"useSticky\">\n        <th mat-header-cell *matHeaderCellDef [class.cdk-visually-hidden]=\"!canEdit\">\n          <mat-checkbox (change)=\"$event ? masterToggle() : null\" [checked]=\"selection.hasValue() && isAllSelected()\"\n                        [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\n          </mat-checkbox>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" [class.cdk-visually-hidden]=\"!canEdit\">\n          <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"$event ? selection.toggle(row) : null\" [checked]=\"selection.isSelected(row)\">\n          </mat-checkbox>\n        </td>\n      </ng-container>\n\n      <!-- Id column -->\n      <ng-container matColumnDef=\"id\" [sticky]=\"useSticky\" [class.mat-column-sticky]=\"useSticky\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ion-label>#</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\">{{ row.currentData?.id }}</td>\n      </ng-container>\n\n      <!-- Label column -->\n      <ng-container matColumnDef=\"label\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ion-label translate>TABLE.TESTING.LABEL</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\">\n          <mat-form-field floatLabel=\"never\">\n            <input matInput\n                   [formControl]=\"row.validator.controls['label']\"\n                   [placeholder]=\"'TABLE.TESTING.LABEL'|translate\"\n                   [appAutofocus]=\"row.editing && focusColumn === 'label'\"\n                   [readonly]=\"!row.editing\">\n            <mat-error *ngIf=\"row.validator.controls['label'].hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n          </mat-form-field>\n        </td>\n      </ng-container>\n\n      <!-- Name column -->\n      <ng-container matColumnDef=\"name\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ion-label translate>TABLE.TESTING.NAME</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" [class.mat-form-field-disabled]=\"!row.editing\">\n          <mat-form-field floatLabel=\"never\">\n            <input matInput [formControl]=\"row.validator?.controls.name\" [placeholder]=\"'TABLE.TESTING.NAME'|translate\"\n                   [readonly]=\"!row.editing\">\n            <mat-error *ngIf=\"row.validator?.controls.name.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n          </mat-form-field>\n        </td>\n      </ng-container>\n\n      <!-- Level column -->\n      <ng-container matColumnDef=\"levelId\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ion-label translate>TABLE.TESTING.LEVEL_ID</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" [class.mat-form-field-disabled]=\"!row.editing\">\n          <mat-autocomplete-field floatLabel=\"never\"\n                                  [formControl]=\"row.validator.controls.levelId\"\n                                  [config]=\"autocompleteFields.level\"\n                                  [readonly]=\"!row.editing\"\n                                  required>\n          </mat-autocomplete-field>\n        </td>\n      </ng-container>\n\n      <!-- Status column  -->\n      <ng-container matColumnDef=\"statusId\">\n        <th mat-header-cell *matHeaderCellDef>\n          <span translate>USER.STATUS</span>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" [class.mat-form-field-disabled]=\"!row.editing\">\n          <mat-form-field floatLabel=\"never\">\n            <ion-icon matPrefix *ngIf=\"row.validator.controls['statusId'].value &gt;=0\" [name]=\"statusById[row.validator.controls['statusId'].value]?.icon\"></ion-icon>\n\n            <mat-select [formControl]=\"row.validator.controls['statusId']\" [placeholder]=\"i18nColumnPrefix + 'STATUS_ID'|translate\">\n              <mat-select-trigger>\n                <span *ngIf=\"row.validator.controls['statusId'].value &gt;=0\">\n                  {{ statusById[row.validator.controls['statusId'].value]?.label | translate}}</span>\n              </mat-select-trigger>\n              <mat-option *ngFor=\"let item of statusList\" [value]=\"item.id\">\n                <ion-icon [name]=\"item.icon\"></ion-icon>\n                {{ item.label |translate }}\n              </mat-option>\n            </mat-select>\n            <mat-error *ngIf=\"row.validator.controls['statusId'].hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n          </mat-form-field>\n        </td>\n      </ng-container>\n\n\n      <!-- Creation date column -->\n      <ng-container matColumnDef=\"updateDate\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ion-label translate>TABLE.TESTING.UPDATE_DATE</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" class=\"mat-form-field-disabled\">\n          <ion-text class=\"ion-text-end\" color=\"medium\" *ngIf=\"row.id!==-1\">\n            <small [matTooltip]=\"'TABLE.TESTING.CREATION_DATE'|translate\" *ngIf=\"row.currentData.creationDate; let creationDate\">\n              <ion-icon name=\"calendar\"></ion-icon>\n              {{ creationDate | dateFormat: {time: true} }}\n            </small><br/>\n            <small [matTooltip]=\"'TABLE.TESTING.UPDATE_DATE'|translate\" *ngIf=\"row.currentData.updateDate; let updateDate\">\n              <ion-icon name=\"time-outline\"></ion-icon>\n              {{ updateDate | dateFormat: {time: true} }}\n            </small>\n          </ion-text>\n        </td>\n      </ng-container>\n\n      <!-- Comment column -->\n      <ng-container matColumnDef=\"comments\">\n        <th mat-header-cell *matHeaderCellDef>\n          <ion-label translate>TABLE.TESTING.COMMENTS</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\">\n          <mat-form-field floatLabel=\"never\" *ngIf=\"row.editing; else iconComment\">\n            <!--<textarea matInput [formControl]=\"row.validator?.controls.comments\"\n                      [placeholder]=\"'TABLE.TESTING.COMMENTS'|translate\"\n                      [readonly]=\"!row.editing\"></textarea>-->\n\n            <input type=\"text\" matInput [formControl]=\"row.validator?.controls.comments\"\n                   [placeholder]=\"'TABLE.TESTING.COMMENTS'|translate\"\n                   [readonly]=\"!row.editing\"\n                   [appAutofocus]=\"row.editing && focusColumn === 'comments'\">\n          </mat-form-field>\n\n          <ng-template #iconComment>\n            <mat-icon class=\"comment\"\n                      *ngIf=\"row.validator?.controls.comments.value\"\n                      [title]=\"row.validator?.controls.comments.value\"></mat-icon>\n          </ng-template>\n        </td>\n      </ng-container>\n\n      <!-- Actions buttons column -->\n      <app-actions-column [stickyEnd]=\"true\" [canCancel]=\"false\"\n                          (optionsClick)=\"openSelectColumnsModal($event)\"\n                          (cancelOrDeleteClick)=\"cancelOrDelete($event.event, $event.row)\"\n                          (confirmAndAddClick)=\"confirmAndAdd($event.event, $event.row)\"\n                          (backward)=\"confirmAndBackward($event.event, $event.row)\"\n                          (forward)=\"confirmAndForward($event.event, $event.row)\"\n                          [cellTemplate]=\"cellInjection\">\n\n        <!-- cell injection-->\n        <ng-template #cellInjection let-row>\n          <span *ngIf=\"row.editing && !row.validator.dirty\">-</span>\n        </ng-template>\n\n      </app-actions-column>\n\n      <tr mat-header-row *matHeaderRowDef=\"groupColumns;\" class=\"mat-toolbar\"></tr>\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"\n          [class.mat-row-selected]=\"row.editing\"\n          [class.mat-row-error]=\"row.validator?.invalid\"\n          [class.mat-row-disabled]=\"!row.editing\"\n          [class.mat-row-dirty]=\"row.validator?.dirty\"\n          (click)=\"clickRow($event, row)\"\n          (keydown.escape)=\"escapeEditingRow($event)\"\n          [cdkTrapFocus]=\"row.validator?.invalid\"></tr>\n    </table>\n\n    <ng-container *ngIf=\"loadingSubject|async; else noResult\">\n      <ion-item>\n        <ion-skeleton-text animated></ion-skeleton-text>\n      </ion-item>\n    </ng-container>\n\n    <ng-template #noResult>\n      <ion-item *ngIf=\"totalRowCount === 0\">\n        <ion-text color=\"danger\" class=\"text-italic\" translate>COMMON.NO_RESULT</ion-text>\n      </ion-item>\n    </ng-template>\n\n    <ion-infinite-scroll *ngIf=\"enableInfiniteScroll\"\n                         [threshold]=\"mobile ? '10%' : '2%'\" position=\"bottom\"\n                         (ionInfinite)=\"fetchMore($event)\">\n      <ion-infinite-scroll-content\n        loadingSpinner=\"circles\"\n        [loadingText]=\"'COMMON.LOADING_DOTS'|translate\">\n      </ion-infinite-scroll-content>\n    </ion-infinite-scroll>\n  </div>\n</ion-content>\n\n<ion-footer>\n  <!-- Paginator  -->\n  <mat-paginator *ngIf=\"!enableInfiniteScroll\"\n                 [length]=\"totalRowCount\" [pageSize]=\"defaultPageSize\" [pageSizeOptions]=\"defaultPageSizeOptions\"\n                 class=\"mat-paginator-footer\"\n                 showFirstLastButtons>\n  </mat-paginator>\n\n  <app-form-buttons-bar *ngIf=\"canEdit && !mobile\"\n                        (onCancel)=\"load()\"\n                        (onSave)=\"save()\"\n                        [disabled]=\"(loadingSubject|async) || !dirty\">\n    <!-- error -->\n    <ion-item *ngIf=\"error$|async\" lines=\"none\">\n      <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n      <ion-label color=\"danger\" [innerHTML]=\"error|translate\"></ion-label>\n    </ion-item>\n  </app-form-buttons-bar>\n</ion-footer>\n\n<ion-fab slot=\"fixed\" vertical=\"bottom\" horizontal=\"end\"\n         *ngIf=\"canEdit && mobile\">\n  <ion-fab-button color=\"tertiary\" (click)=\"addRow($event)\">\n    <ion-icon name=\"add\"></ion-icon>\n  </ion-fab-button>\n</ion-fab>\n",
                     providers: [
                         {
                             provide: AppValidatorService,
@@ -34025,7 +34102,7 @@
         { type: i1$5.PopoverController }
     ]; };
 
-    var routes$4 = [
+    var routes$2 = [
         {
             path: 'text-popover',
             pathMatch: 'full',
@@ -34043,7 +34120,7 @@
                         i1$4.CommonModule,
                         i1$5.IonicModule,
                         i1$2.TranslateModule.forChild(),
-                        i3.RouterModule.forChild(routes$4)
+                        i3.RouterModule.forChild(routes$2)
                     ],
                     declarations: [
                         TextPopoverTestingPage
@@ -34060,7 +34137,7 @@
         { label: 'Table', page: '/testing/core/table' },
         { label: 'Text popover', page: '/testing/core/text-popover' }
     ];
-    var routes$5 = [
+    var routes$1 = [
         {
             path: '',
             pathMatch: 'full',
@@ -34087,7 +34164,7 @@
                     imports: [
                         i1$4.CommonModule,
                         i1$2.TranslateModule.forChild(),
-                        i3.RouterModule.forChild(routes$5),
+                        i3.RouterModule.forChild(routes$1),
                         // Sub modules
                         TableTestingModule,
                         TextPopoverTestingModule
@@ -34442,7 +34519,7 @@
         { type: Environment, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [ENVIRONMENT,] }] }
     ]; };
 
-    var moment$a = momentImported__namespace;
+    var moment = momentImported__namespace;
     var UserEventTestingPage = /** @class */ (function () {
         function UserEventTestingPage(userEventService, router, alertController, translateService) {
             var _this = this;
@@ -34508,7 +34585,7 @@
                 type: 'message',
                 level: 'INFO',
                 message: 'message test message test message test message test message test message test message test message test',
-                creationDate: moment$a(),
+                creationDate: moment(),
             }));
         };
         UserEventTestingPage.prototype.addError = function () {
@@ -34518,7 +34595,7 @@
                 type: 'upload',
                 level: 'ERROR',
                 message: 'message error',
-                creationDate: moment$a(),
+                creationDate: moment(),
             }));
         };
         UserEventTestingPage.prototype.addWarning = function () {
@@ -34528,7 +34605,7 @@
                 type: 'download',
                 level: 'WARNING',
                 message: 'message warning',
-                creationDate: moment$a(),
+                creationDate: moment(),
             }));
         };
         UserEventTestingPage.prototype.addDebug = function () {
@@ -34538,7 +34615,7 @@
                 type: 'debug',
                 level: 'DEBUG',
                 message: 'message DEBUG',
-                creationDate: moment$a(),
+                creationDate: moment(),
             }));
         };
         UserEventTestingPage.prototype.addNotificationWithLink = function () {
@@ -34549,7 +34626,7 @@
                 type: 'message',
                 level: 'INFO',
                 message: 'message with link',
-                creationDate: moment$a(),
+                creationDate: moment(),
                 actions: [{
                         name: 'click here',
                         iconRef: {
@@ -34567,7 +34644,7 @@
                 type: 'message',
                 level: 'INFO',
                 message: 'message with action',
-                creationDate: moment$a(),
+                creationDate: moment(),
                 actions: [
                     {
                         name: 'click here',
@@ -34641,7 +34718,7 @@
                 type: 'message',
                 level: 'INFO',
                 message: 'message with action',
-                creationDate: moment$a(),
+                creationDate: moment(),
                 actions: [
                     {
                         default: true,
@@ -34699,7 +34776,7 @@
         { label: 'User event', page: '/testing/social/user-event' },
         { label: 'Job progression', page: '/testing/social/job-progression' }
     ];
-    var routes$6 = [
+    var routes = [
         {
             path: 'job-progression',
             pathMatch: 'full',
@@ -34721,7 +34798,7 @@
                     imports: [
                         i1$4.CommonModule,
                         i1$2.TranslateModule.forChild(),
-                        i3.RouterModule.forChild(routes$6),
+                        i3.RouterModule.forChild(routes),
                         JobTestingModule,
                         UserEventTestingModule
                     ],
@@ -34781,7 +34858,6 @@
     exports.AppTabEditor = AppTabEditor;
     exports.AppTabEditorOptions = AppTabEditorOptions;
     exports.AppTable = AppTable;
-    exports.AppTableDataSourceOptions = AppTableDataSourceOptions;
     exports.AppTableUtils = AppTableUtils;
     exports.AppUserEventNotificationIcon = AppUserEventNotificationIcon;
     exports.AppValidatorService = AppValidatorService;
@@ -34865,7 +34941,7 @@
     exports.FormGetGroupPipe = FormGetGroupPipe;
     exports.FormGetPipe = FormGetPipe;
     exports.FormGetValuePipe = FormGetValuePipe;
-    exports.Fragments = Fragments$1;
+    exports.Fragments = Fragments;
     exports.GraphqlService = GraphqlService;
     exports.HAMMER_PRESS_TIME = HAMMER_PRESS_TIME;
     exports.HAMMER_TAP_TIME = HAMMER_TAP_TIME;
@@ -35183,25 +35259,25 @@
     exports.waitForTrue = waitForTrue;
     exports.waitIdle = waitIdle;
     exports.waitWhilePending = waitWhilePending;
-    exports.ɵ0 = ɵ0;
-    exports.ɵa = CustomReuseStrategy;
-    exports.ɵb = MatNumpadDomService;
-    exports.ɵc = isFocusableElement;
-    exports.ɵd = RegisterForm;
-    exports.ɵe = AccountValidatorService;
-    exports.ɵf = RegisterModal;
-    exports.ɵg = UserSettingsValidatorService;
-    exports.ɵh = LocalSettingsValidatorService;
-    exports.ɵi = AppUpdateOfflineModeCard;
-    exports.ɵj = UserEventNotificationList;
-    exports.ɵk = JobProgressionList;
-    exports.ɵl = DateTestPage;
-    exports.ɵm = NumpadTestPage;
-    exports.ɵn = MatBadgeIconTestPage;
-    exports.ɵo = ToastTestingModule;
-    exports.ɵp = ToastTestingPage;
+    exports["ɵ0"] = ɵ0$c;
+    exports["ɵa"] = CustomReuseStrategy;
+    exports["ɵb"] = MatNumpadDomService;
+    exports["ɵc"] = isFocusableElement;
+    exports["ɵd"] = RegisterForm;
+    exports["ɵe"] = AccountValidatorService;
+    exports["ɵf"] = RegisterModal;
+    exports["ɵg"] = UserSettingsValidatorService;
+    exports["ɵh"] = LocalSettingsValidatorService;
+    exports["ɵi"] = AppUpdateOfflineModeCard;
+    exports["ɵj"] = UserEventNotificationList;
+    exports["ɵk"] = JobProgressionList;
+    exports["ɵl"] = DateTestPage;
+    exports["ɵm"] = NumpadTestPage;
+    exports["ɵn"] = MatBadgeIconTestPage;
+    exports["ɵo"] = ToastTestingModule;
+    exports["ɵp"] = ToastTestingPage;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=sumaris-net.ngx-components.umd.js.map