@sumaris-net/ngx-components 1.19.15 → 1.19.18

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

@@ -1366,6 +1366,7 @@
         if (_cache.mobile === null || _cache.mobile === undefined) {
             _cache.mobile = isCordova(window)
                 || isAndroid(win) || isIOS(window)
+                // Workaround, for MS Windows touch screen (detected as mobile, but forced as desktop)
                 || (isTouchUi(win) && !isWindows(win));
         }
         return _cache.mobile;
@@ -3444,7 +3445,7 @@
             }
             return null;
         };
-        SharedValidators.double = function (opts) {
+        SharedValidators.decimal = function (opts) {
             var regexp = this.getDoubleRegexp(opts === null || opts === void 0 ? void 0 : opts.maxDecimals);
             return function (control) {
                 var value = control.value;
@@ -3453,7 +3454,7 @@
                     return null;
                 }
                 if (isNotNil(value) && value !== '' && !regexp.test(value)) {
-                    return { maxDecimals: { maxDecimals: opts === null || opts === void 0 ? void 0 : opts.maxDecimals } };
+                    return isNotNil(opts === null || opts === void 0 ? void 0 : opts.maxDecimals) ? { maxDecimals: { maxDecimals: opts.maxDecimals } } : { decimal: true };
                 }
                 return null;
             };
@@ -3586,6 +3587,7 @@
         dateMinDuration: 'ERROR.FIELD_NOT_VALID_DATE_MIN_DURATION',
         dateMaxDuration: 'ERROR.FIELD_NOT_VALID_DATE_MAX_DURATION',
         maxDecimals: 'ERROR.FIELD_MAXIMUM_DECIMALS',
+        double: 'ERROR.FIELD_NOT_VALID_DOUBLE',
         integer: 'ERROR.FIELD_NOT_VALID_INTEGER',
         email: 'ERROR.FIELD_NOT_VALID_EMAIL',
         latitude: 'ERROR.FIELD_NOT_VALID_LATITUDE',
@@ -3594,6 +3596,10 @@
         unique: 'ERROR.FIELD_NOT_UNIQUE',
         entity: 'ERROR.FIELD_INVALID'
     };
+    /**
+     * @deprecated use decimal
+     */
+    SharedValidators.double = SharedValidators.decimal;
     // @dynamic
     var SharedFormGroupValidators = /** @class */ (function () {
         function SharedFormGroupValidators() {
@@ -7915,8 +7921,8 @@
             this.required = false;
             this.clearable = false;
             this.onClick = new i0.EventEmitter();
-            this.onBlur = new i0.EventEmitter();
-            this.onFocus = new i0.EventEmitter();
+            this.blurred = new i0.EventEmitter();
+            this.focused = new i0.EventEmitter();
             this.selectInputContent = selectInputContent;
         }
         Object.defineProperty(MatSwipeField.prototype, "tabindex", {
@@ -8241,8 +8247,8 @@
         tabindex: [{ type: i0.Input }],
         items: [{ type: i0.Input }],
         onClick: [{ type: i0.Output, args: ['click',] }],
-        onBlur: [{ type: i0.Output, args: ['blur',] }],
-        onFocus: [{ type: i0.Output, args: ['focus',] }],
+        blurred: [{ type: i0.Output, args: ['blur',] }],
+        focused: [{ type: i0.Output, args: ['focus',] }],
         fakeInput: [{ type: i0.ViewChild, args: ['fakeInput',] }],
         slides: [{ type: i0.ViewChild, args: ['slides', { static: true },] }],
         prevButton: [{ type: i0.ViewChild, args: ['prevButton',] }],
@@ -9850,7 +9856,7 @@
     AppFormField.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-form-field',
-                    template: "<ng-container [ngSwitch]=\"type\">\n\n  <!-- integer -->\n  <mat-form-field *ngSwitchCase=\"'integer'\" [floatLabel]=\"floatLabel\" [class]=\"classList\">\n    <input matInput #matInput\n           type=\"number\"\n           autocomplete=\"off\"\n           [readonly]=\"readonly\"\n           [min]=\"definition.minValue\"\n           [max]=\"definition.maxValue\"\n           pattern=\"-?[0-9]*\"\n           step=\"1\"\n           [appAutofocus]=\"autofocus\"\n           [placeholder]=\"placeholder\"\n           (keyup.enter)=\"onKeyupEnter.emit($event)\"\n           (keypress)=\"filterNumberInput($event, false)\"\n           [formControl]=\"formControl\"\n           [required]=\"required\"\n           [tabIndex]=\"tabindex\"\n           (click)=\"selectInputContent($event)\">\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    <mat-error *ngIf=\"formControl.hasError('pattern')\">\n      {{'ERROR.FIELD_NOT_VALID_INTEGER'| translate }}</mat-error>\n    <mat-error *ngIf=\"formControl.hasError('integer')\">\n      {{'ERROR.FIELD_NOT_VALID_INTEGER'| translate }}</mat-error>\n\n    <div matSuffix>\n      <ng-content select=\"[matSuffix]\"></ng-content>\n    </div>\n  </mat-form-field>\n\n  <!-- double -->\n  <mat-form-field *ngSwitchCase=\"'double'\" [floatLabel]=\"floatLabel\" [class]=\"classList\">\n\n    <input matInput #matInput\n           type=\"number\"\n           decimal=\"true\"\n           autocomplete=\"off\"\n           [min]=\"definition.minValue\"\n           [max]=\"definition.maxValue\"\n           [appAutofocus]=\"autofocus\"\n           [readonly]=\"readonly\"\n           [placeholder]=\"placeholder\"\n           [step]=\"numberInputStep\"\n           (keypress)=\"filterNumberInput($event, true)\"\n           [formControl]=\"formControl\"\n           [required]=\"required\"\n           [tabIndex]=\"tabindex\"\n           (click)=\"selectInputContent($event)\">\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    <mat-error *ngIf=\"formControl.hasError('maxDecimals')\">\n      {{ (compact ? 'ERROR.FIELD_MAXIMUM_DECIMALS_COMPACT' : 'ERROR.FIELD_MAXIMUM_DECIMALS')| translate:{max:\n      definition.maximumNumberDecimals} }}</mat-error>\n    <div matSuffix>\n      <ng-content select=\"[matSuffix]\"></ng-content>\n    </div>\n  </mat-form-field>\n\n  <!-- boolean -->\n  <mat-boolean-field *ngSwitchCase=\"'boolean'\" #matInput\n                     [class]=\"classList\"\n                     [formControl]=\"formControl\"\n                     [placeholder]=\"placeholder\"\n                     [floatLabel]=\"floatLabel\"\n                     [required]=\"required\"\n                     [compact]=\"compact\"\n                     [tabindex]=\"tabindex\"\n                     [readonly]=\"readonly\">\n    <div matSuffix>\n      <ng-content select=\"[matSuffix]\"></ng-content>\n    </div>\n  </mat-boolean-field>\n\n  <!-- date -->\n  <mat-date-field *ngSwitchCase=\"'date'\" #matInput\n                  [class]=\"classList\"\n                  [formControl]=\"formControl\"\n                  [placeholder]=\"compact ? ('COMMON.DATE_PLACEHOLDER'|translate): placeholder\"\n                  [floatLabel]=\"floatLabel\"\n                  [required]=\"required\"\n                  [readonly]=\"readonly\"\n                  [compact]=\"compact\"\n                  [tabindex]=\"tabindex\"\n                  [autofocus]=\"autofocus\">\n    <div matSuffix>\n      <ng-content select=\"[matSuffix]\"></ng-content>\n    </div>\n  </mat-date-field>\n\n  <!-- date time -->\n  <mat-date-time-field *ngSwitchCase=\"'dateTime'\" #matInput\n                       [class]=\"classList\"\n                       [formControl]=\"formControl\"\n                       [placeholder]=\"compact ? ('COMMON.DATE_TIME_PLACEHOLDER'|translate): placeholder\"\n                       [floatLabel]=\"floatLabel\"\n                       [required]=\"required\"\n                       [readonly]=\"readonly\"\n                       [compact]=\"compact\"\n                       [tabindex]=\"tabindex\"\n                       [autofocus]=\"autofocus\">\n    <div matSuffix>\n      <ng-content select=\"[matSuffix]\"></ng-content>\n    </div>\n  </mat-date-time-field>\n\n  <!-- enum -->\n  <mat-form-field *ngSwitchCase=\"'enum'\" [floatLabel]=\"floatLabel\" [class]=\"classList\">\n    <mat-select [formControl]=\"formControl\"\n                [placeholder]=\"placeholder\"\n                [required]=\"required\"\n                [tabindex]=\"tabindex\"\n                (keyup.enter)=\"onKeyupEnter.emit($event)\">\n      <mat-option *ngFor=\"let item of definition.values\" [value]=\"item.key || item\">{{ (item.value || item) | translate }}</mat-option>\n    </mat-select>\n\n    <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n\n    <div matSuffix>\n      <ng-content select=\"[matSuffix]\"></ng-content>\n    </div>\n  </mat-form-field>\n\n  <!-- color -->\n  <mat-form-field *ngSwitchCase=\"'color'\" [floatLabel]=\"floatLabel\" [class]=\"classList\">\n\n    <ion-icon margin-right name=\"color-fill\" matPrefix></ion-icon>\n\n    <input matInput autocomplete=\"off\"\n           [appAutofocus]=\"autofocus\"\n           [formControl]=\"formControl\"\n           [style.color]=\"getColorContrast(formControl.value)\"\n           [style.background]=\"formControl.value\"\n           [colorPicker]=\"formControl.value\"\n           (colorPickerChange)=\"writeValue($event)\"\n           [cpSaveClickOutside]=\"true\"\n           cpPosition=\"top\"\n           cpOutputFormat=\"hex\"\n           [cpOKButton]=\"false\"\n           [required]=\"required\"/>\n    <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n  </mat-form-field>\n\n  <!-- string -->\n  <mat-form-field *ngSwitchCase=\"'string'\" [floatLabel]=\"floatLabel\" [class]=\"classList\">\n    <input matInput #matInput\n           autocomplete=\"off\"\n           [appAutofocus]=\"autofocus\"\n           [formControl]=\"formControl\"\n           [placeholder]=\"placeholder\"\n           [required]=\"required\"\n           [readonly]=\"readonly\"\n           [tabIndex]=\"tabindex\"\n           (click)=\"selectInputContent($event)\"\n           (keypress)=\"filterAlphanumericalInput($event)\"\n           (keyup.enter)=\"onKeyupEnter.emit($event)\">\n    <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n    <div matSuffix>\n      <ng-content select=\"[matSuffix]\"></ng-content>\n    </div>\n  </mat-form-field>\n\n  <!-- auto-complete -->\n  <mat-autocomplete-field *ngSwitchCase=\"'entity'\"\n                          [class]=\"classList\"\n                          [autofocus]=\"autofocus\"\n                          [placeholder]=\"placeholder\"\n                          [floatLabel]=\"floatLabel\"\n                          [formControl]=\"formControl\"\n                          [config]=\"definition.autocomplete\"\n                          [required]=\"required\"\n                          [displayWith]=\"getDisplayValueFn(definition)\">\n    <ng-content select=\"[matPrefix]\"></ng-content>\n    <ng-content select=\"[matSuffix]\"></ng-content>\n  </mat-autocomplete-field>\n\n  <!-- multi auto-complete -->\n  <mat-chips-field *ngSwitchCase=\"'entities'\"\n                    [class]=\"classList\"\n                    [placeholder]=\"placeholder\"\n                    [floatLabel]=\"floatLabel\"\n                    [formControl]=\"formControl\"\n                    [config]=\"definition.autocomplete\"\n                    [required]=\"required\"\n                    [displayWith]=\"getDisplayValueFn(definition)\">\n    <ng-content select=\"[matPrefix]\"></ng-content>\n    <ng-content select=\"[matSuffix]\"></ng-content>\n  </mat-chips-field>\n\n  <!-- other -->\n  <div *ngSwitchDefault>\n    <mat-error *ngIf=\"type\">Unknown type {{type}} for option {{definition.key}}. Please report this error.</mat-error>\n    <mat-error *ngIf=\"!type\">Error on option field. Please check console log for details.</mat-error>\n    <div matSuffix>\n      <ng-content select=\"[matSuffix]\"></ng-content>\n    </div>\n  </div>\n\n</ng-container>\n",
+                    template: "<ng-container [ngSwitch]=\"type\">\n\n  <!-- integer -->\n  <mat-form-field *ngSwitchCase=\"'integer'\" [floatLabel]=\"floatLabel\" [class]=\"classList\">\n    <input matInput #matInput\n           type=\"number\"\n           autocomplete=\"off\"\n           [readonly]=\"readonly\"\n           [min]=\"definition.minValue\"\n           [max]=\"definition.maxValue\"\n           pattern=\"-?[0-9]*\"\n           step=\"1\"\n           [appAutofocus]=\"autofocus\"\n           [placeholder]=\"placeholder\"\n           (keyup.enter)=\"onKeyupEnter.emit($event)\"\n           (keypress)=\"filterNumberInput($event, false)\"\n           [formControl]=\"formControl\"\n           [required]=\"required\"\n           [tabIndex]=\"tabindex\"\n           (click)=\"selectInputContent($event)\">\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    <mat-error *ngIf=\"formControl.hasError('pattern')\">\n      {{'ERROR.FIELD_NOT_VALID_INTEGER'| translate }}</mat-error>\n    <mat-error *ngIf=\"formControl.hasError('integer')\">\n      {{'ERROR.FIELD_NOT_VALID_INTEGER'| translate }}</mat-error>\n\n    <div matSuffix>\n      <ng-content select=\"[matSuffix]\"></ng-content>\n    </div>\n  </mat-form-field>\n\n  <!-- double -->\n  <mat-form-field *ngSwitchCase=\"'double'\" [floatLabel]=\"floatLabel\" [class]=\"classList\">\n\n    <input matInput #matInput\n           type=\"number\"\n           decimal=\"true\"\n           autocomplete=\"off\"\n           [min]=\"definition.minValue\"\n           [max]=\"definition.maxValue\"\n           [appAutofocus]=\"autofocus\"\n           [readonly]=\"readonly\"\n           [placeholder]=\"placeholder\"\n           [step]=\"numberInputStep\"\n           (keypress)=\"filterNumberInput($event, true)\"\n           [formControl]=\"formControl\"\n           [required]=\"required\"\n           [tabIndex]=\"tabindex\"\n           (click)=\"selectInputContent($event)\">\n    <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n    <mat-error *ngIf=\"formControl.hasError('decimal')\" translate>ERROR.FIELD_NOT_VALID_DECIMAL</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    <mat-error *ngIf=\"formControl.hasError('maxDecimals')\">\n      {{ (compact ? 'ERROR.FIELD_MAXIMUM_DECIMALS_COMPACT' : 'ERROR.FIELD_MAXIMUM_DECIMALS')| translate:{max:\n      definition.maximumNumberDecimals} }}</mat-error>\n    <div matSuffix>\n      <ng-content select=\"[matSuffix]\"></ng-content>\n    </div>\n  </mat-form-field>\n\n  <!-- boolean -->\n  <mat-boolean-field *ngSwitchCase=\"'boolean'\" #matInput\n                     [class]=\"classList\"\n                     [formControl]=\"formControl\"\n                     [placeholder]=\"placeholder\"\n                     [floatLabel]=\"floatLabel\"\n                     [required]=\"required\"\n                     [compact]=\"compact\"\n                     [tabindex]=\"tabindex\"\n                     [readonly]=\"readonly\">\n    <div matSuffix>\n      <ng-content select=\"[matSuffix]\"></ng-content>\n    </div>\n  </mat-boolean-field>\n\n  <!-- date -->\n  <mat-date-field *ngSwitchCase=\"'date'\" #matInput\n                  [class]=\"classList\"\n                  [formControl]=\"formControl\"\n                  [placeholder]=\"compact ? ('COMMON.DATE_PLACEHOLDER'|translate): placeholder\"\n                  [floatLabel]=\"floatLabel\"\n                  [required]=\"required\"\n                  [readonly]=\"readonly\"\n                  [compact]=\"compact\"\n                  [tabindex]=\"tabindex\"\n                  [autofocus]=\"autofocus\">\n    <div matSuffix>\n      <ng-content select=\"[matSuffix]\"></ng-content>\n    </div>\n  </mat-date-field>\n\n  <!-- date time -->\n  <mat-date-time-field *ngSwitchCase=\"'dateTime'\" #matInput\n                       [class]=\"classList\"\n                       [formControl]=\"formControl\"\n                       [placeholder]=\"compact ? ('COMMON.DATE_TIME_PLACEHOLDER'|translate): placeholder\"\n                       [floatLabel]=\"floatLabel\"\n                       [required]=\"required\"\n                       [readonly]=\"readonly\"\n                       [compact]=\"compact\"\n                       [tabindex]=\"tabindex\"\n                       [autofocus]=\"autofocus\">\n    <div matSuffix>\n      <ng-content select=\"[matSuffix]\"></ng-content>\n    </div>\n  </mat-date-time-field>\n\n  <!-- enum -->\n  <mat-form-field *ngSwitchCase=\"'enum'\" [floatLabel]=\"floatLabel\" [class]=\"classList\">\n    <mat-select [formControl]=\"formControl\"\n                [placeholder]=\"placeholder\"\n                [required]=\"required\"\n                [tabindex]=\"tabindex\"\n                (keyup.enter)=\"onKeyupEnter.emit($event)\">\n      <mat-option *ngFor=\"let item of definition.values\" [value]=\"item.key || item\">{{ (item.value || item) | translate }}</mat-option>\n    </mat-select>\n\n    <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n\n    <div matSuffix>\n      <ng-content select=\"[matSuffix]\"></ng-content>\n    </div>\n  </mat-form-field>\n\n  <!-- color -->\n  <mat-form-field *ngSwitchCase=\"'color'\" [floatLabel]=\"floatLabel\" [class]=\"classList\">\n\n    <ion-icon margin-right name=\"color-fill\" matPrefix></ion-icon>\n\n    <input matInput autocomplete=\"off\"\n           [appAutofocus]=\"autofocus\"\n           [formControl]=\"formControl\"\n           [style.color]=\"getColorContrast(formControl.value)\"\n           [style.background]=\"formControl.value\"\n           [colorPicker]=\"formControl.value\"\n           (colorPickerChange)=\"writeValue($event)\"\n           [cpSaveClickOutside]=\"true\"\n           cpPosition=\"top\"\n           cpOutputFormat=\"hex\"\n           [cpOKButton]=\"false\"\n           [required]=\"required\"/>\n    <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n  </mat-form-field>\n\n  <!-- string -->\n  <mat-form-field *ngSwitchCase=\"'string'\" [floatLabel]=\"floatLabel\" [class]=\"classList\">\n    <input matInput #matInput\n           autocomplete=\"off\"\n           [appAutofocus]=\"autofocus\"\n           [formControl]=\"formControl\"\n           [placeholder]=\"placeholder\"\n           [required]=\"required\"\n           [readonly]=\"readonly\"\n           [tabIndex]=\"tabindex\"\n           (click)=\"selectInputContent($event)\"\n           (keypress)=\"filterAlphanumericalInput($event)\"\n           (keyup.enter)=\"onKeyupEnter.emit($event)\">\n    <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n    <div matSuffix>\n      <ng-content select=\"[matSuffix]\"></ng-content>\n    </div>\n  </mat-form-field>\n\n  <!-- auto-complete -->\n  <mat-autocomplete-field *ngSwitchCase=\"'entity'\"\n                          [class]=\"classList\"\n                          [autofocus]=\"autofocus\"\n                          [placeholder]=\"placeholder\"\n                          [floatLabel]=\"floatLabel\"\n                          [formControl]=\"formControl\"\n                          [config]=\"definition.autocomplete\"\n                          [required]=\"required\"\n                          [displayWith]=\"getDisplayValueFn(definition)\">\n    <ng-content select=\"[matPrefix]\"></ng-content>\n    <ng-content select=\"[matSuffix]\"></ng-content>\n  </mat-autocomplete-field>\n\n  <!-- multi auto-complete -->\n  <mat-chips-field *ngSwitchCase=\"'entities'\"\n                    [class]=\"classList\"\n                    [placeholder]=\"placeholder\"\n                    [floatLabel]=\"floatLabel\"\n                    [formControl]=\"formControl\"\n                    [config]=\"definition.autocomplete\"\n                    [required]=\"required\"\n                    [displayWith]=\"getDisplayValueFn(definition)\">\n    <ng-content select=\"[matPrefix]\"></ng-content>\n    <ng-content select=\"[matSuffix]\"></ng-content>\n  </mat-chips-field>\n\n  <!-- other -->\n  <div *ngSwitchDefault>\n    <mat-error *ngIf=\"type\">Unknown type {{type}} for option {{definition.key}}. Please report this error.</mat-error>\n    <mat-error *ngIf=\"!type\">Error on option field. Please check console log for details.</mat-error>\n    <div matSuffix>\n      <ng-content select=\"[matSuffix]\"></ng-content>\n    </div>\n  </div>\n\n</ng-container>\n",
                     providers: [
                         {
                             provide: i1.NG_VALUE_ACCESSOR,
@@ -13864,6 +13870,58 @@
             enumerable: false,
             configurable: true
         });
+        EntitiesStorage.prototype.ngOnStart = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var now;
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            now = Date.now();
+                            console.info("[entities-storage] Starting entity storage...");
+                            // Restore stores
+                            return [4 /*yield*/, this.restoreLocally()];
+                        case 1:
+                            // Restore stores
+                            _a.sent();
+                            // Start a save timer
+                            this.registerSubscription(rxjs.merge(this._$save, rxjs.timer(this._saveTimerPeriod, this._saveTimerPeriod))
+                                .pipe(
+                            // Avoid to many call (e.g. when $save AND timer are triggered
+                            operators.throttleTime(this._saveTimerPeriod))
+                                .subscribe(function () { return _this.storeLocally({ skipIfPristine: true }); }));
+                            // Save, when platform is in pause
+                            this.registerSubscription(this.platform.pause.subscribe(function () { return __awaiter(_this, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            console.warn("[entities-storage] Platform will pause: saving...");
+                                            return [4 /*yield*/, this.storeLocally({ skipIfPristine: true })];
+                                        case 1:
+                                            _a.sent();
+                                            console.warn("[entities-storage] Platform will pause: saving [OK]");
+                                            return [2 /*return*/];
+                                    }
+                                });
+                            }); }));
+                            console.info("[entities-storage] Starting [OK] in " + (Date.now() - now) + "ms");
+                            return [2 /*return*/, this._data];
+                    }
+                });
+            });
+        };
+        EntitiesStorage.prototype.ngOnStop = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.storeLocally({ skipIfPristine: true })];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         EntitiesStorage.prototype.watchAll = function (entityName, variables, opts) {
             var _this = this;
             // Make sure store is ready
@@ -14274,52 +14332,8 @@
         };
         EntitiesStorage.prototype.persist = function (opts) {
             if (opts === void 0) { opts = { skipIfPristine: true }; }
-            // Skip if pristine
-            if (opts.skipIfPristine && !this._dirty)
-                return Promise.resolve();
             return this.storeLocally(opts);
         };
-        EntitiesStorage.prototype.ngOnStart = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var now;
-                var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            now = Date.now();
-                            console.info("[entities-storage] Starting entity storage...");
-                            // Restore sequences
-                            return [4 /*yield*/, this.restoreLocally()];
-                        case 1:
-                            // Restore sequences
-                            _a.sent();
-                            // Start a save timer
-                            this.registerSubscription(rxjs.merge(this._$save, rxjs.timer(this._saveTimerPeriod, this._saveTimerPeriod))
-                                .pipe(
-                            // Avoid to many call (e.g. when $save AND timer are triggered
-                            operators.throttleTime(this._saveTimerPeriod))
-                                .subscribe(function () { return _this.storeLocally(); }));
-                            console.info("[entities-storage] Starting [OK] in " + (Date.now() - now) + "ms");
-                            return [2 /*return*/, this._data];
-                    }
-                });
-            });
-        };
-        EntitiesStorage.prototype.ngOnStop = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (!this.dirty) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this.storeLocally()];
-                        case 1:
-                            _a.sent();
-                            _a.label = 2;
-                        case 2: return [2 /*return*/];
-                    }
-                });
-            });
-        };
         /* -- protected methods -- */
         EntitiesStorage.prototype.getEntityStore = function (name, opts) {
             var store = this._data[name];
@@ -16811,7 +16825,7 @@
         });
         Object.defineProperty(AccountService.prototype, "$additionalFields", {
             get: function () {
-                return this._$additionalFields;
+                return this._$additionalFields.asObservable();
             },
             enumerable: false,
             configurable: true
@@ -18270,7 +18284,7 @@
             switch (platformName) {
                 case 'mobile':
                 case 'mobileweb':
-                    // Exclude Windows touch screens - see SUMARIS issue #323
+                    // Exclude Windows touch screens - see sumaris-app issues #323 and #346
                     return this.platform.is(platformName) && !isWindows(window);
                 default:
                     return this.platform.is(platformName);
@@ -18343,6 +18357,7 @@
                             this._cordova = this.is('cordova');
                             this._android = this.is('android');
                             this._ios = this.is('ios');
+                            this.configureHtmlClassList(this._mobile);
                             this.configureCordovaPlugins();
                             // Force some settings
                             this.settings.mobile = this._mobile;
@@ -18388,7 +18403,7 @@
                                 _this.accountService.tokenType = tokenType;
                             });
                             // Hide the splashscreen (if mobile) - after 1s - and play start sound
-                            if (this.mobile) {
+                            if (this._mobile) {
                                 setTimeout(function () {
                                     var _a;
                                     (_a = _this.splashScreen) === null || _a === void 0 ? void 0 : _a.hide();
@@ -18493,6 +18508,16 @@
             //}
         };
         /* -- protected methods -- */
+        PlatformService.prototype.configureHtmlClassList = function (mobile, win) {
+            if (win === void 0) { win = window; }
+            if (mobile)
+                return; // Nothing to do
+            // Workaround, for MS Windows touch screen (detected as mobile, but forced as desktop)
+            if (!mobile && win.document.documentElement.classList.contains('plt-mobile')) {
+                console.warn('[platform] Force class list to: <html class="plt-desktop">. Workaround for Windows touch screen.');
+                win.document.documentElement.classList.replace('plt-mobile', 'plt-desktop');
+            }
+        };
         PlatformService.prototype.configureCordovaPlugins = function () {
             console.info('[platform] Configuring Cordova plugins...');
             if (this.statusBar) {
@@ -21949,8 +21974,9 @@
                 _this.setValue(_this.accountService.account);
                 _this.markAsPristine();
             }));
-            _this.registerSubscription(_this.accountService.$additionalFields.subscribe(function (additionalFields) {
-                _this.additionalFields = additionalFields.slice();
+            _this.registerSubscription(_this.accountService.$additionalFields
+                .subscribe(function (additionalFields) {
+                _this.additionalFields = additionalFields.slice(); // Copy
                 if (accountService.isLogin()) {
                     _this.onLogin(_this.accountService.account);
                 }
@@ -22007,7 +22033,7 @@
         };
         AccountPage.prototype.refresh = function (event) {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_b) {
+                return __generator(this, function (_c) {
                     this.disable();
                     this.markAsLoading();
                     return [2 /*return*/, this.accountService.reload()];
@@ -22028,8 +22054,8 @@
         AccountPage.prototype.sendConfirmationEmail = function (event) {
             return __awaiter(this, void 0, void 0, function () {
                 var json, err_1;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             json = this.form.value;
                             json.email = this.form.controls['email'].value;
@@ -22039,17 +22065,17 @@
                             }
                             this.email.sending = true;
                             console.debug('[account] Sending confirmation email...');
-                            _b.label = 1;
+                            _c.label = 1;
                         case 1:
-                            _b.trys.push([1, 3, , 4]);
+                            _c.trys.push([1, 3, , 4]);
                             return [4 /*yield*/, this.accountService.sendConfirmationEmail(json.email, json.settings && json.settings.locale || this.translate.currentLang)];
                         case 2:
-                            _b.sent();
+                            _c.sent();
                             console.debug('[account] Confirmation email sent.');
                             this.email.sending = false;
                             return [3 /*break*/, 4];
                         case 3:
-                            err_1 = _b.sent();
+                            err_1 = _c.sent();
                             this.email.sending = false;
                             this.email.error = err_1 && err_1.message || err_1;
                             return [3 /*break*/, 4];
@@ -22061,38 +22087,38 @@
         AccountPage.prototype.save = function (event) {
             return __awaiter(this, void 0, void 0, function () {
                 var newAccount, err_2;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             if (this.saving)
                                 return [2 /*return*/, false];
                             if (!!this.form.valid) return [3 /*break*/, 2];
                             return [4 /*yield*/, AppFormUtils.waitWhilePending(this.form)];
                         case 1:
-                            _b.sent();
+                            _c.sent();
                             if (this.form.invalid) {
                                 AppFormUtils.logFormErrors(this.form);
                                 this.form.markAllAsTouched();
                                 return [2 /*return*/, false];
                             }
-                            _b.label = 2;
+                            _c.label = 2;
                         case 2:
                             this.submitted = true;
                             this.saving = true;
                             this.error = undefined;
                             newAccount = exports.Account.fromObject(Object.assign(Object.assign({}, (this.accountService.account.asObject())), (this.form.value)));
                             console.debug('[account] Saving account...', newAccount);
-                            _b.label = 3;
+                            _c.label = 3;
                         case 3:
-                            _b.trys.push([3, 5, 6, 7]);
+                            _c.trys.push([3, 5, 6, 7]);
                             this.disable();
                             return [4 /*yield*/, this.accountService.save(newAccount)];
                         case 4:
-                            _b.sent();
+                            _c.sent();
                             this.markAsPristine();
                             return [2 /*return*/, true];
                         case 5:
-                            err_2 = _b.sent();
+                            err_2 = _c.sent();
                             console.error(err_2);
                             this.error = err_2 && err_2.message || err_2;
                             return [2 /*return*/, false];
@@ -22114,9 +22140,21 @@
             this.form.controls.pubkey.disable();
             // Always disable some additional fields
             this.additionalFields
-                .filter(function (field) { return field.extra && field.extra.account && field.extra.account.disabled || false; })
                 .forEach(function (field) {
-                _this.form.controls[field.key].disable();
+                var _a, _b;
+                var control = _this.form.controls[field.key];
+                if (!control)
+                    return; // Skip
+                var disabled = ((_a = field.extra) === null || _a === void 0 ? void 0 : _a.account) && field.extra.account.disabled || false;
+                if (disabled && control.enabled) {
+                    control.disable();
+                }
+                var required = ((_b = field.extra) === null || _b === void 0 ? void 0 : _b.account) && field.extra.account.required || false;
+                if (!field.required && required) {
+                    control.setValidators(control.validator
+                        ? i1.Validators.compose([control.validator, i1.Validators.required])
+                        : i1.Validators.required);
+                }
             });
             this.markForCheck();
         };
@@ -22125,7 +22163,7 @@
                 cancel: { get: function () { return _super_1.prototype.cancel; } }
             });
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_b) {
+                return __generator(this, function (_c) {
                     _super.cancel.call(this);
                     return [2 /*return*/];
                 });