@sumaris-net/ngx-components 0.26.5 → 0.27.1

package/fesm2015/sumaris-net.ngx-components.js

@@ -1,9 +1,12 @@
-import { InjectionToken, EventEmitter, forwardRef, Component, ChangeDetectionStrategy, ChangeDetectorRef, Optional, Input, HostBinding, Output, ViewChild, ɵɵdefineInjectable, ɵɵinject, Pipe, Injectable, Directive, Inject, NgModule, ElementRef, ViewChildren, HostListener, ComponentFactoryResolver, ApplicationRef, INJECTOR, Injector, Renderer2 } from '@angular/core';
+import * as i0 from '@angular/core';
+import { InjectionToken, EventEmitter, forwardRef, Component, ChangeDetectionStrategy, ChangeDetectorRef, Optional, Input, HostBinding, Output, ViewChild, Pipe, Injectable, Directive, Inject, NgModule, ElementRef, ViewChildren, HostListener, ComponentFactoryResolver, ApplicationRef, Injector, Renderer2 } from '@angular/core';
+import * as i1$3 from '@angular/common';
 import { CommonModule, DOCUMENT, Location } from '@angular/common';
 import { CdkTableModule } from '@angular/cdk/table';
 import { A11yModule } from '@angular/cdk/a11y';
 import { OverlayModule, OverlayContainer, FullscreenOverlayContainer, Overlay } from '@angular/cdk/overlay';
 import { ScrollingModule } from '@angular/cdk/scrolling';
+import * as i1$2 from '@angular/material/core';
 import { DateAdapter, MatCommonModule, MatRippleModule } from '@angular/material/core';
 import { MatTableModule, MatTable, MatColumnDef } from '@angular/material/table';
 import { MatSortModule, MatSort } from '@angular/material/sort';
@@ -27,16 +30,21 @@ import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { MatRadioModule } from '@angular/material/radio';
 import { MatBadgeModule } from '@angular/material/badge';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import * as i2$1 from '@angular/material/dialog';
 import { MatDialogModule, MAT_DIALOG_DATA, MatDialog } from '@angular/material/dialog';
 import { MatAutocomplete, MatAutocompleteTrigger, MatAutocompleteModule, MAT_AUTOCOMPLETE_SCROLL_STRATEGY, MAT_AUTOCOMPLETE_DEFAULT_OPTIONS } from '@angular/material/autocomplete';
 import { __awaiter, __decorate } from 'tslib';
+import * as i1$6 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormGroupDirective, AbstractControl, FormGroup, FormArray, FormControl, ReactiveFormsModule, Validators, FormBuilder } from '@angular/forms';
 import { timer, merge, fromEvent, Subscription, BehaviorSubject, Subject, isObservable, of, noop as noop$8, Observable, defer, from, combineLatest, EMPTY } from 'rxjs';
-import { filter, first, map, takeUntil, startWith, debounceTime, takeWhile, switchMap, tap, distinctUntilChanged, mergeMap, catchError, throttleTime } from 'rxjs/operators';
+import { filter, first, map, takeUntil, startWith, debounceTime, takeWhile, switchMap, tap, distinctUntilChanged, mergeMap, catchError, throttleTime, skip } from 'rxjs/operators';
+import * as i1$1 from '@ngx-translate/core';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
+import * as i1$4 from '@ionic/angular';
 import { IonicModule, Platform, IonRouterOutlet, ModalController, IonicSafeString, createAnimation, ToastController, AlertController, IonicRouteStrategy, NavParams, MenuController, IonContent } from '@ionic/angular';
 import * as momentImported from 'moment';
 import { isMoment } from 'moment';
+import * as i1 from '@angular/material-moment-adapter';
 import { MomentDateAdapter, MatMomentDateModule } from '@angular/material-moment-adapter';
 import { Keyboard } from '@ionic-native/keyboard/ngx';
 import { TextMaskModule } from 'angular2-text-mask';
@@ -46,32 +54,38 @@ import { trigger, state, style, transition, animate } from '@angular/animations'
 import { MatDividerModule } from '@angular/material/divider';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatChipsModule } from '@angular/material/chips';
+import * as i3$3 from '@angular/router';
 import { Router, RouterModule, RouteReuseStrategy, ActivatedRoute } from '@angular/router';
+import * as i1$5 from '@angular/platform-browser';
 import { HammerGestureConfig, EventManager } from '@angular/platform-browser';
+import * as i2$2 from '@angular/common/http';
 import { HttpResponse, HttpClient, HttpHeaders, HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
 import { ColorPickerModule } from 'ngx-color-picker';
-import { NativeAudio as NativeAudio$1 } from '@ionic-native/native-audio/ngx';
-import { Vibration as Vibration$1 } from '@ionic-native/vibration/ngx';
+import { NativeAudio } from '@ionic-native/native-audio/ngx';
+import { Vibration } from '@ionic-native/vibration/ngx';
 import { AudioManagement } from '@ionic-native/audio-management/ngx';
-import { NativeAudio } from '@ionic-native/native-audio/ngx/index';
-import { Vibration } from '@ionic-native/vibration/ngx/index';
-import { AudioManagement as AudioManagement$1 } from '@ionic-native/audio-management/ngx/index';
+import * as i2 from '@ionic-native/native-audio/ngx/index';
+import * as i3 from '@ionic-native/vibration/ngx/index';
+import * as i4 from '@ionic-native/audio-management/ngx/index';
 import * as uuidv4Imported from 'uuid/v4';
 import { DragDropModule } from '@angular/cdk/drag-drop';
 import { MarkdownModule } from 'ngx-markdown';
 import { sign, box, hash, verify } from 'tweetnacl';
+import * as i3$1 from '@ionic/storage';
 import { Storage, IonicStorageModule } from '@ionic/storage';
 import 'zone.js/dist/zone-error';
-import { SplashScreen as SplashScreen$1 } from '@ionic-native/splash-screen/ngx';
-import { Connection, Network as Network$1 } from '@ionic-native/network/ngx';
-import { CacheService as CacheService$1, CacheModule } from 'ionic-cache';
-import { CacheService } from 'ionic-cache/dist/cache.service';
-import { Network } from '@ionic-native/network/ngx/index';
-import { SplashScreen } from '@ionic-native/splash-screen/ngx/index';
-import { StatusBar as StatusBar$1 } from '@ionic-native/status-bar/ngx';
+import { SplashScreen } from '@ionic-native/splash-screen/ngx';
+import { Connection, Network } from '@ionic-native/network/ngx';
+import { CacheService, CacheModule } from 'ionic-cache';
+import * as i6 from 'ionic-cache/dist/cache.service';
+import * as i9 from '@ionic-native/network/ngx/index';
+import * as i10 from '@ionic-native/splash-screen/ngx/index';
+import { StatusBar } from '@ionic-native/status-bar/ngx';
+import * as i2$4 from '@angular/cdk/platform';
 import { Platform as Platform$1 } from '@angular/cdk/platform';
-import { InAppBrowser as InAppBrowser$1 } from '@ionic-native/in-app-browser/ngx';
+import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
 import { ApolloLink, NetworkStatus, InMemoryCache, ApolloClient, gql } from '@apollo/client/core';
+import * as i2$3 from 'apollo-angular';
 import { Apollo } from 'apollo-angular';
 import { WebSocketLink } from '@apollo/client/link/ws';
 import { getMainDefinition } from '@apollo/client/utilities';
@@ -79,13 +93,14 @@ import { RetryLink } from '@apollo/client/link/retry';
 import QueueLink from 'apollo-link-queue';
 import SerializingLink from 'apollo-link-serialize';
 import loggerLink from 'apollo-link-logger';
+import * as i3$2 from 'apollo-angular/http';
 import { HttpLink } from 'apollo-angular/http';
 import { IonicStorageWrapper, persistCache } from 'apollo3-cache-persist';
-import { NotificationVisibility, Downloader as Downloader$1 } from '@ionic-native/downloader/ngx';
-import { StatusBar } from '@ionic-native/status-bar/ngx/index';
-import { Keyboard as Keyboard$1 } from '@ionic-native/keyboard/ngx/index';
-import { InAppBrowser } from '@ionic-native/in-app-browser/ngx/index';
-import { Downloader } from '@ionic-native/downloader/ngx/index';
+import { NotificationVisibility, Downloader } from '@ionic-native/downloader/ngx';
+import * as i14 from '@ionic-native/status-bar/ngx/index';
+import * as i15 from '@ionic-native/keyboard/ngx/index';
+import * as i17 from '@ionic-native/in-app-browser/ngx/index';
+import * as i18 from '@ionic-native/downloader/ngx/index';
 import { ValidatorService, TableDataSource } from '@e-is/ngx-material-table';
 import { SelectionModel } from '@angular/cdk/collections';
 import { NgxJdenticonModule } from 'ngx-jdenticon';
@@ -870,19 +885,19 @@ class MatAutocompleteConfigHolder {
         return this.fields[fieldName] || this.add(fieldName);
     }
 }
-const DEFAULT_VALUE_ACCESSOR = {
+const DEFAULT_VALUE_ACCESSOR$6 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => MatAutocompleteField),
     multi: true
 };
-const noop = () => { };
-const ɵ0 = noop;
+const noop$7 = () => { };
+const ɵ0$a = noop$7;
 class MatAutocompleteField {
     constructor(cd, formGroupDir) {
         this.cd = cd;
         this.formGroupDir = formGroupDir;
-        this._onChangeCallback = noop;
-        this._onTouchedCallback = noop;
+        this._onChangeCallback = noop$7;
+        this._onTouchedCallback = noop$7;
         this._subscription = new Subscription();
         this._filter$ = new BehaviorSubject(undefined);
         this._reload$ = new Subject();
@@ -1475,8 +1490,8 @@ MatAutocompleteField.decorators = [
     { type: Component, args: [{
                 // eslint-disable-next-line @angular-eslint/component-selector
                 selector: 'mat-autocomplete-field',
-                template: "<ion-grid class=\"ion-no-padding\">\n  <ion-row>\n    <ion-col class=\"ion-no-padding\">\n      <mat-form-field *ngIf=\"_readonly; else writable\"\n                      [floatLabel]=\"floatLabel\"\n                      [title]=\"displayValue\"\n                      class=\"mat-form-field-disabled\">\n\n        <div matPrefix>\n          <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n        </div>\n\n        <!-- readonly -->\n        <ng-container>\n          <input matInput hidden type=\"text\"\n                 [placeholder]=\"placeholder\"\n                 [formControl]=\"formControl\" readonly>\n          <ion-text>{{displayWith(value)}}</ion-text>\n        </ng-container>\n\n        <div matSuffix>\n          <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n        </div>\n\n      </mat-form-field>\n\n      <ng-template #writable>\n        <mat-form-field [floatLabel]=\"floatLabel\"\n                        [class.mat-form-field-disabled]=\"disabled\"\n                        [title]=\"displayValue\">\n\n          <div matPrefix>\n            <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n          </div>\n\n          <!-- Basic select -->\n          <mat-select #matSelect\n                      *ngIf=\"!searchable; else searchableTemplate\"\n                      [placeholder]=\"placeholder\"\n                      [formControl]=\"formControl\"\n                      [tabindex]=\"_tabindex\"\n                      [panelClass]=\"classList\"\n                      [style.width]=\"panelWidth\"\n                      (focus)=\"filterMatSelectFocusEvent($event)\"\n                      (blur)=\"filterMatSelectBlurEvent($event)\"\n                      (keydown.escape)=\"onKeydownEscape.emit($event)\"\n                      [compareWith]=\"compareWith\"\n                      [multiple]=\"multiple\"\n                      [required]=\"required\">\n            <mat-select-trigger>{{ displayWith(value) }}</mat-select-trigger>\n\n            <!-- header -->\n            <ion-row class=\"mat-autocomplete-header ion-no-padding\">\n              <ion-col *ngFor=\"let attr of displayAttributes; index as i; last as isLast\" [size]=\"displayColumnSizes[i]\">\n                <ion-label [innerHTML]=\"displayColumnNames[i] | translate\"></ion-label>\n              </ion-col>\n            </ion-row>\n\n            <!-- None option -->\n            <mat-option *ngIf=\"!required\" class=\"ion-no-padding\">\n              <ion-row class=\"ion-no-padding\">\n                <ion-col class=\"ion-no-padding\">\n                  <ion-label><i translate>COMMON.EMPTY_OPTION</i></ion-label>\n                </ion-col>\n              </ion-row>\n            </mat-option>\n\n            <ng-container *ngIf=\"$filteredItems | async; let items\">\n              <!-- No item option -->\n              <mat-option *ngIf=\"items | isEmptyArray\" class=\"ion-padding text-italic\" disabled>\n                <ion-label>{{noResultMessage | translate}}</ion-label>\n              </mat-option>\n\n              <!-- options -->\n              <mat-option *ngFor=\"let item of items\" [value]=\"item\" class=\"ion-no-padding\">\n                <ion-row [classList]=\"item.classList\">\n                  <ion-col *ngFor=\"let path of displayAttributes; index as i;\"\n                           [size]=\"displayColumnSizes[i]\">\n                    <ion-text>{{item | propertyGet: path }}</ion-text>\n                  </ion-col>\n                </ion-row>\n              </mat-option>\n\n              <!-- More item -->\n              <mat-option *ngIf=\"_moreItemsCount\" (ngInit)=\"_initMatSelectInfiniteScroll()\"\n                          class=\"ion-padding\" disabled>\n                <ion-skeleton-text [animated]=\"true\" style=\"width: 100%\"></ion-skeleton-text>\n              </mat-option>\n            </ng-container>\n          </mat-select>\n\n\n          <!--\n            NOTE :\n             - \"selectInputContent($event) || onFocus.emit($event)\" : call onFocus only when to the input is empty (nothing to select)\n          -->\n          <ng-template #searchableTemplate>\n            <input matInput #matInputText type=\"text\"\n                   [matAutocomplete]=\"autocomplete\"\n                   [matAutocompletePosition]=\"matAutocompletePosition\"\n                   [formControl]=\"formControl\"\n                   [placeholder]=\"placeholder\"\n                   [appAutofocus]=\"autofocus\"\n                   [tabindex]=\"_tabindex\"\n                   [required]=\"required\"\n                   (click)=\"onClick.emit($event)\"\n                   (focus)=\"filterInputTextFocusInEvent($event)\"\n                   (blur)=\"filterInputTextBlurEvent($event)\"\n                   (keydown.escape)=\"onKeydownEscape.emit($event)\"\n                   (keyup.enter)=\"onKeyupEnter.emit($event)\"\n                   (keyup.arrowdown)=\"!autocomplete.opened && onDropButtonClick.emit($event)\">\n\n            <!-- autocomplete -->\n            <mat-autocomplete #autocomplete=\"matAutocomplete\"\n                              autoActiveFirstOption\n                              [displayWith]=\"displayWith\"\n                              [class]=\"classList\"\n                              [class.cdk-visually-hidden]=\"!searchable\"\n                              [panelWidth]=\"panelWidth\">\n\n              <ion-row class=\"mat-autocomplete-header ion-no-padding\">\n                <ion-col *ngFor=\"let attr of displayAttributes; index as i; last as last\" [size]=\"displayColumnSizes[i]\">\n                  <ion-label [innerHTML]=\"displayColumnNames[i] | translate\"></ion-label>\n                  <ion-text color=\"light\" *ngIf=\"last && itemCount; let count \" class=\"ion-float-end ion-padding-end\"><i>{{'COMMON.RESULT_COUNT'|translate: {count: count} }}</i></ion-text>\n                </ion-col>\n              </ion-row>\n\n              <ng-container *ngIf=\"$filteredItems | async; else loadingTemplate; let items\">\n                <!-- No item option -->\n                <mat-option *ngIf=\"items | isEmptyArray\" class=\"ion-padding text-italic\" disabled>\n                  <ion-label>{{noResultMessage | translate}}</ion-label>\n                </mat-option>\n\n                <mat-option *ngFor=\"let item of items\" [value]=\"item\" class=\"ion-no-padding\">\n                  <ion-row [classList]=\"item.classList\">\n                    <ion-col *ngFor=\"let path of displayAttributes; index as i;\"\n                             [size]=\"displayColumnSizes[i]\">\n                      <ion-text [innerHTML]=\"item | propertyGet: path | highlight: { search: formControl.value, withAccent: highlightAccent }\"></ion-text>\n                    </ion-col>\n                  </ion-row>\n                </mat-option>\n\n                <!-- More item -->\n                <mat-option *ngIf=\"_moreItemsCount\" (ngInit)=\"_initAutocompleteInfiniteScroll()\"\n                            class=\"ion-padding\" disabled>\n                  <ion-skeleton-text [animated]=\"true\" style=\"width: 100%\"></ion-skeleton-text>\n                </mat-option>\n              </ng-container>\n\n              <!-- Loading spinner -->\n              <ng-template #loadingTemplate>\n                <mat-option *ngIf=\"(matInputText.value | strLength) >= suggestLengthThreshold; else waitMoreCharacterTemplate\"\n                            class=\"ion-padding\" disabled>\n                  <ion-skeleton-text [animated]=\"true\" style=\"width: 100%\"></ion-skeleton-text>\n                </mat-option>\n              </ng-template>\n\n              <!-- Need more characters -->\n              <ng-template #waitMoreCharacterTemplate>\n                <mat-option class=\"ion-padding text-italic\" disabled>\n                  <ion-label>\n                    {{'INFO.PLEASE_TYPE_MORE_CHARACTERS'|translate:{minLength: suggestLengthThreshold} }}\n                  </ion-label>\n                </mat-option>\n              </ng-template>\n            </mat-autocomplete>\n\n          </ng-template>\n\n          <div matSuffix>\n            <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n          </div>\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          <ng-content select=\"[matError]\"></ng-content>\n\n        </mat-form-field>\n      </ng-template>\n    </ion-col>\n    <ion-col size=\"auto\" class=\"ion-align-self-center\">\n      <ng-content select=\"[matAfter]\"></ng-content>\n    </ion-col>\n  </ion-row>\n\n</ion-grid>\n\n<ng-template #matPrefixTemplate>\n  <ng-content select=\"[matPrefix]\"></ng-content>\n</ng-template>\n\n\n<ng-template #matSuffixTemplate>\n  <button matSuffix mat-icon-button tabindex=\"-1\"\n          type=\"button\"\n          *ngIf=\"searchable\"\n          (click)=\"onDropButtonClick.emit($event)\"\n          [hidden]=\"disabled\">\n    <mat-icon class=\"large select-arrow\">arrow_drop_down</mat-icon>\n  </button>\n  <button matSuffix type=\"button\" mat-icon-button tabindex=\"-1\"\n          *ngIf=\"enabled && mobile && !searchable && !multiple\"\n          [title]=\"'COMMON.BTN_SEARCH'|translate\"\n          (click)=\"toggleSearch($event)\">\n    <mat-icon>search</mat-icon>\n  </button>\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  <ng-content select=\"[matSuffix]\"></ng-content>\n</ng-template>\n",
-                providers: [DEFAULT_VALUE_ACCESSOR],
+                template: "<ion-grid class=\"ion-no-padding\">\n  <ion-row>\n    <ion-col class=\"ion-no-padding\">\n      <mat-form-field *ngIf=\"_readonly; else writable\"\n                      [floatLabel]=\"floatLabel\"\n                      [title]=\"displayValue\"\n                      class=\"mat-form-field-disabled\">\n\n        <div matPrefix>\n          <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n        </div>\n\n        <!-- readonly -->\n        <ng-container>\n          <input matInput hidden type=\"text\"\n                 [placeholder]=\"placeholder\"\n                 [formControl]=\"formControl\" readonly>\n          <ion-text>{{displayWith(value)}}</ion-text>\n        </ng-container>\n\n        <div matSuffix>\n          <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n        </div>\n\n      </mat-form-field>\n\n      <ng-template #writable>\n        <mat-form-field [floatLabel]=\"floatLabel\"\n                        [class.mat-form-field-disabled]=\"disabled\"\n                        [title]=\"displayValue\">\n\n          <div matPrefix>\n            <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n          </div>\n\n          <!-- Basic select -->\n          <mat-select #matSelect\n                      *ngIf=\"!searchable; else searchableTemplate\"\n                      [placeholder]=\"placeholder\"\n                      [formControl]=\"formControl\"\n                      [tabindex]=\"_tabindex\"\n                      [panelClass]=\"classList\"\n                      [style.width]=\"panelWidth\"\n                      (focus)=\"filterMatSelectFocusEvent($event)\"\n                      (blur)=\"filterMatSelectBlurEvent($event)\"\n                      (keydown.escape)=\"onKeydownEscape.emit($event)\"\n                      (keyup.enter)=\"onKeyupEnter.emit($event)\"\n                      [compareWith]=\"compareWith\"\n                      [multiple]=\"multiple\"\n                      [required]=\"required\">\n            <mat-select-trigger>{{ displayWith(value) }}</mat-select-trigger>\n\n            <!-- header -->\n            <ion-row class=\"mat-autocomplete-header ion-no-padding\">\n              <ion-col *ngFor=\"let attr of displayAttributes; index as i; last as isLast\" [size]=\"displayColumnSizes[i]\">\n                <ion-label [innerHTML]=\"displayColumnNames[i] | translate\"></ion-label>\n              </ion-col>\n            </ion-row>\n\n            <!-- None option -->\n            <mat-option *ngIf=\"!required\" class=\"ion-no-padding\">\n              <ion-row class=\"ion-no-padding\">\n                <ion-col class=\"ion-no-padding\">\n                  <ion-label><i translate>COMMON.EMPTY_OPTION</i></ion-label>\n                </ion-col>\n              </ion-row>\n            </mat-option>\n\n            <ng-container *ngIf=\"$filteredItems | async; let items\">\n              <!-- No item option -->\n              <mat-option *ngIf=\"items | isEmptyArray\" class=\"ion-padding text-italic\" disabled>\n                <ion-label>{{noResultMessage | translate}}</ion-label>\n              </mat-option>\n\n              <!-- options -->\n              <mat-option *ngFor=\"let item of items\" [value]=\"item\" class=\"ion-no-padding\">\n                <ion-row [classList]=\"item.classList\">\n                  <ion-col *ngFor=\"let path of displayAttributes; index as i;\"\n                           [size]=\"displayColumnSizes[i]\">\n                    <ion-text>{{item | propertyGet: path }}</ion-text>\n                  </ion-col>\n                </ion-row>\n              </mat-option>\n\n              <!-- More item -->\n              <mat-option *ngIf=\"_moreItemsCount\" (ngInit)=\"_initMatSelectInfiniteScroll()\"\n                          class=\"ion-padding\" disabled>\n                <ion-skeleton-text [animated]=\"true\" style=\"width: 100%\"></ion-skeleton-text>\n              </mat-option>\n            </ng-container>\n          </mat-select>\n\n\n          <!--\n            NOTE :\n             - \"selectInputContent($event) || onFocus.emit($event)\" : call onFocus only when to the input is empty (nothing to select)\n          -->\n          <ng-template #searchableTemplate>\n            <input matInput #matInputText type=\"text\"\n                   [matAutocomplete]=\"autocomplete\"\n                   [matAutocompletePosition]=\"matAutocompletePosition\"\n                   [formControl]=\"formControl\"\n                   [placeholder]=\"placeholder\"\n                   [appAutofocus]=\"autofocus\"\n                   [tabindex]=\"_tabindex\"\n                   [required]=\"required\"\n                   (click)=\"onClick.emit($event)\"\n                   (focus)=\"filterInputTextFocusInEvent($event)\"\n                   (blur)=\"filterInputTextBlurEvent($event)\"\n                   (keydown.escape)=\"onKeydownEscape.emit($event)\"\n                   (keyup.enter)=\"onKeyupEnter.emit($event)\"\n                   (keyup.arrowdown)=\"!autocomplete.opened && onDropButtonClick.emit($event)\">\n\n            <!-- autocomplete -->\n            <mat-autocomplete #autocomplete=\"matAutocomplete\"\n                              autoActiveFirstOption\n                              [displayWith]=\"displayWith\"\n                              [class]=\"classList\"\n                              [class.cdk-visually-hidden]=\"!searchable\"\n                              [panelWidth]=\"panelWidth\">\n\n              <ion-row class=\"mat-autocomplete-header ion-no-padding\">\n                <ion-col *ngFor=\"let attr of displayAttributes; index as i; last as last\" [size]=\"displayColumnSizes[i]\">\n                  <ion-label [innerHTML]=\"displayColumnNames[i] | translate\"></ion-label>\n                  <ion-text color=\"light\" *ngIf=\"last && itemCount; let count \" class=\"ion-float-end ion-padding-end\"><i>{{'COMMON.RESULT_COUNT'|translate: {count: count} }}</i></ion-text>\n                </ion-col>\n              </ion-row>\n\n              <ng-container *ngIf=\"$filteredItems | async; else loadingTemplate; let items\">\n                <!-- No item option -->\n                <mat-option *ngIf=\"items | isEmptyArray\" class=\"ion-padding text-italic\" disabled>\n                  <ion-label>{{noResultMessage | translate}}</ion-label>\n                </mat-option>\n\n                <mat-option *ngFor=\"let item of items\" [value]=\"item\" class=\"ion-no-padding\">\n                  <ion-row [classList]=\"item.classList\">\n                    <ion-col *ngFor=\"let path of displayAttributes; index as i;\"\n                             [size]=\"displayColumnSizes[i]\">\n                      <ion-text [innerHTML]=\"item | propertyGet: path | highlight: { search: formControl.value, withAccent: highlightAccent }\"></ion-text>\n                    </ion-col>\n                  </ion-row>\n                </mat-option>\n\n                <!-- More item -->\n                <mat-option *ngIf=\"_moreItemsCount\" (ngInit)=\"_initAutocompleteInfiniteScroll()\"\n                            class=\"ion-padding\" disabled>\n                  <ion-skeleton-text [animated]=\"true\" style=\"width: 100%\"></ion-skeleton-text>\n                </mat-option>\n              </ng-container>\n\n              <!-- Loading spinner -->\n              <ng-template #loadingTemplate>\n                <mat-option *ngIf=\"(matInputText.value | strLength) >= suggestLengthThreshold; else waitMoreCharacterTemplate\"\n                            class=\"ion-padding\" disabled>\n                  <ion-skeleton-text [animated]=\"true\" style=\"width: 100%\"></ion-skeleton-text>\n                </mat-option>\n              </ng-template>\n\n              <!-- Need more characters -->\n              <ng-template #waitMoreCharacterTemplate>\n                <mat-option class=\"ion-padding text-italic\" disabled>\n                  <ion-label>\n                    {{'INFO.PLEASE_TYPE_MORE_CHARACTERS'|translate:{minLength: suggestLengthThreshold} }}\n                  </ion-label>\n                </mat-option>\n              </ng-template>\n            </mat-autocomplete>\n\n          </ng-template>\n\n          <div matSuffix>\n            <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n          </div>\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          <ng-content select=\"[matError]\"></ng-content>\n\n        </mat-form-field>\n      </ng-template>\n    </ion-col>\n    <ion-col size=\"auto\" class=\"ion-align-self-center\">\n      <ng-content select=\"[matAfter]\"></ng-content>\n    </ion-col>\n  </ion-row>\n\n</ion-grid>\n\n<ng-template #matPrefixTemplate>\n  <ng-content select=\"[matPrefix]\"></ng-content>\n</ng-template>\n\n\n<ng-template #matSuffixTemplate>\n  <button matSuffix mat-icon-button tabindex=\"-1\"\n          type=\"button\"\n          *ngIf=\"searchable\"\n          (click)=\"onDropButtonClick.emit($event)\"\n          [hidden]=\"disabled\">\n    <mat-icon class=\"large select-arrow\">arrow_drop_down</mat-icon>\n  </button>\n  <button matSuffix type=\"button\" mat-icon-button tabindex=\"-1\"\n          *ngIf=\"enabled && mobile && !searchable && !multiple\"\n          [title]=\"'COMMON.BTN_SEARCH'|translate\"\n          (click)=\"toggleSearch($event)\">\n    <mat-icon>search</mat-icon>\n  </button>\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  <ng-content select=\"[matSuffix]\"></ng-content>\n</ng-template>\n",
+                providers: [DEFAULT_VALUE_ACCESSOR$6],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 styles: [":host{display:inline-block;position:relative}:host.ion-text-wrap ion-label{white-space:normal!important}button[hidden]{display:none}mat-icon.select-arrow{color:rgba(0,0,0,.47);font-size:150%}.fact-scroll-viewport{height:100%;width:100%}.fact-item{height:54px;display:flex}.fact-item .fact-date{min-width:100px;text-align:center;font-size:24pt}.fact-item .fact-date,.fact-item .fact-text{height:100%;align-items:center;justify-content:center;display:flex}.fact-item .fact-text{border-radius:10px}cdk-virtual-scroll-viewport{border:1px solid #000}cdk-virtual-scroll-viewport li{list-style:none}"]
             },] }
@@ -1553,7 +1568,7 @@ class DateFormatPipe {
         return this.dateAdapter.format(date, displayFormat);
     }
 }
-DateFormatPipe.ɵprov = ɵɵdefineInjectable({ factory: function DateFormatPipe_Factory() { return new DateFormatPipe(ɵɵinject(MomentDateAdapter), ɵɵinject(TranslateService)); }, token: DateFormatPipe, providedIn: "root" });
+DateFormatPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function DateFormatPipe_Factory() { return new DateFormatPipe(i0.ɵɵinject(i1.MomentDateAdapter), i0.ɵɵinject(i1$1.TranslateService)); }, token: DateFormatPipe, providedIn: "root" });
 DateFormatPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'dateFormat'
@@ -1565,7 +1580,7 @@ DateFormatPipe.ctorParameters = () => [
     { type: TranslateService }
 ];
 
-const moment = momentImported;
+const moment$6 = momentImported;
 class DateDiffDurationPipe {
     constructor(dateAdapter, translate) {
         this.dateAdapter = dateAdapter;
@@ -1581,17 +1596,17 @@ class DateDiffDurationPipe {
         return this.format(startDate, endDate);
     }
     format(startDate, endDate) {
-        const duration = moment.duration(endDate.diff(startDate));
+        const duration = moment$6.duration(endDate.diff(startDate));
         if (duration.asMinutes() < 0)
             return '';
-        const timeDuration = moment(0)
+        const timeDuration = moment$6(0)
             .hour(duration.hours())
             .minute(duration.minutes());
         const days = Math.floor(duration.asDays());
         return (days > 0 ? days.toString() + (this.dayUnit + ' ') : '') + timeDuration.format('HH:mm');
     }
 }
-DateDiffDurationPipe.ɵprov = ɵɵdefineInjectable({ factory: function DateDiffDurationPipe_Factory() { return new DateDiffDurationPipe(ɵɵinject(DateAdapter), ɵɵinject(TranslateService)); }, token: DateDiffDurationPipe, providedIn: "root" });
+DateDiffDurationPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function DateDiffDurationPipe_Factory() { return new DateDiffDurationPipe(i0.ɵɵinject(i1$2.DateAdapter), i0.ɵɵinject(i1$1.TranslateService)); }, token: DateDiffDurationPipe, providedIn: "root" });
 DateDiffDurationPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'dateDiffDuration'
@@ -1612,7 +1627,7 @@ class DateFromNowPipe {
         return date ? date.fromNow(args && args.withoutSuffix) : '';
     }
 }
-DateFromNowPipe.ɵprov = ɵɵdefineInjectable({ factory: function DateFromNowPipe_Factory() { return new DateFromNowPipe(ɵɵinject(MomentDateAdapter)); }, token: DateFromNowPipe, providedIn: "root" });
+DateFromNowPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function DateFromNowPipe_Factory() { return new DateFromNowPipe(i0.ɵɵinject(i1.MomentDateAdapter)); }, token: DateFromNowPipe, providedIn: "root" });
 DateFromNowPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'dateFromNow'
@@ -1681,7 +1696,7 @@ function formatToDD(value, opts) {
                 value *= -1;
         }
     }
-    let degrees = roundFloat(value, opts.maxDecimals).toString();
+    let degrees = roundFloat$1(value, opts.maxDecimals).toString();
     // Add sign
     let sign = negative ? '-' : '+';
     if (opts.placeholderChar) {
@@ -1732,7 +1747,7 @@ function formatToDDMMSS(value, opts) {
     }
     let degrees = Math.trunc(value);
     let minutes = Math.trunc((value - degrees) * 60);
-    let seconds = roundFloat(((value - degrees) * 60 - minutes) * 60, opts.maxDecimals);
+    let seconds = roundFloat$1(((value - degrees) * 60 - minutes) * 60, opts.maxDecimals);
     while (seconds >= 60) {
         seconds -= 60;
         minutes += 1;
@@ -1800,7 +1815,7 @@ function formatToDDMM(value, opts) {
         }
     }
     let degrees = Math.trunc(value);
-    let minutes = roundFloat((value - degrees) * 60, opts.maxDecimals);
+    let minutes = roundFloat$1((value - degrees) * 60, opts.maxDecimals);
     while (minutes >= 60) {
         minutes -= 60;
         degrees += 1;
@@ -1851,15 +1866,15 @@ function parseLatitudeOrLongitude(input, pattern, maxDecimals, placeholderChar)
         return NaN;
     }
     if (pattern === 'DD')
-        return roundFloat(degrees, maxDecimals);
+        return roundFloat$1(degrees, maxDecimals);
     const minutes = (pattern === 'DDMMSS' || pattern === 'DDMM') && parts[1] && parseFloat(parts[1].replace(/,/g, '.')) || 0;
     const seconds = (pattern === 'DDMMSS') && parts[2] && parseFloat(parts[2].replace(/,/g, '.')) || 0;
     const direction = ((pattern === 'DDMMSS') && parts[3]) || ((pattern === 'DDMM') && parts[2]) || undefined;
     const 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) {
         const powDecimal = Math.pow(10, maxDecimals);
         return Math.trunc(input * powDecimal + 0.5) / powDecimal;
@@ -1879,7 +1894,7 @@ class LatLongFormatPipe {
         return ((!args.type || args.type !== 'latitude') ? formatLongitude : formatLatitude)(value, args);
     }
 }
-LatLongFormatPipe.ɵprov = ɵɵdefineInjectable({ factory: function LatLongFormatPipe_Factory() { return new LatLongFormatPipe(); }, token: LatLongFormatPipe, providedIn: "root" });
+LatLongFormatPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function LatLongFormatPipe_Factory() { return new LatLongFormatPipe(); }, token: LatLongFormatPipe, providedIn: "root" });
 LatLongFormatPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'latLongFormat'
@@ -1891,7 +1906,7 @@ class LatitudeFormatPipe {
         this.transform = formatLatitude;
     }
 }
-LatitudeFormatPipe.ɵprov = ɵɵdefineInjectable({ factory: function LatitudeFormatPipe_Factory() { return new LatitudeFormatPipe(); }, token: LatitudeFormatPipe, providedIn: "root" });
+LatitudeFormatPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function LatitudeFormatPipe_Factory() { return new LatitudeFormatPipe(); }, token: LatitudeFormatPipe, providedIn: "root" });
 LatitudeFormatPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'latitudeFormat'
@@ -1903,7 +1918,7 @@ class LongitudeFormatPipe {
         this.transform = formatLongitude;
     }
 }
-LongitudeFormatPipe.ɵprov = ɵɵdefineInjectable({ factory: function LongitudeFormatPipe_Factory() { return new LongitudeFormatPipe(); }, token: LongitudeFormatPipe, providedIn: "root" });
+LongitudeFormatPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function LongitudeFormatPipe_Factory() { return new LongitudeFormatPipe(); }, token: LongitudeFormatPipe, providedIn: "root" });
 LongitudeFormatPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'longitudeFormat'
@@ -1923,7 +1938,7 @@ class NumberFormatPipe {
         }
     }
 }
-NumberFormatPipe.ɵprov = ɵɵdefineInjectable({ factory: function NumberFormatPipe_Factory() { return new NumberFormatPipe(); }, token: NumberFormatPipe, providedIn: "root" });
+NumberFormatPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function NumberFormatPipe_Factory() { return new NumberFormatPipe(); }, token: NumberFormatPipe, providedIn: "root" });
 NumberFormatPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'numberFormat'
@@ -1963,7 +1978,7 @@ class HighlightPipe {
         }
     }
 }
-HighlightPipe.ɵprov = ɵɵdefineInjectable({ factory: function HighlightPipe_Factory() { return new HighlightPipe(); }, token: HighlightPipe, providedIn: "root" });
+HighlightPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function HighlightPipe_Factory() { return new HighlightPipe(); }, token: HighlightPipe, providedIn: "root" });
 HighlightPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'highlight'
@@ -2028,7 +2043,7 @@ FileSizePipe.decorators = [
     { type: Pipe, args: [{ name: 'fileSize' },] }
 ];
 
-const moment$1 = momentImported;
+const moment$5 = momentImported;
 const DATE_UNIX_TIMESTAMP = 'X';
 const DATE_UNIX_MS_TIMESTAMP = 'x';
 class DateUtils {
@@ -2062,32 +2077,32 @@ function fromDateISOString(value) {
     if (!value || isMoment(value))
         return value;
     // Parse the input value, as a ISO date time
-    const date = moment$1(value, DATE_ISO_PATTERN);
+    const date = moment$5(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$5(value, DATE_UNIX_TIMESTAMP);
         }
         else if (value.length === 13) {
-            return moment$1(value, DATE_UNIX_MS_TIMESTAMP);
+            return moment$5(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$5(timeInSec, DATE_UNIX_TIMESTAMP);
 }
 function fromUnixMsTimestamp(timeInMs) {
-    return moment$1(timeInMs, DATE_UNIX_MS_TIMESTAMP);
+    return moment$5(timeInMs, DATE_UNIX_MS_TIMESTAMP);
 }
 function toDuration(value, unit) {
     if (!value)
         return undefined;
-    const duration = moment$1.duration(value, unit);
+    const duration = moment$5.duration(value, unit);
     // fix 990+ ms
     if (duration.milliseconds() >= 990) {
         duration.add(1000 - duration.milliseconds(), 'ms');
@@ -2116,7 +2131,7 @@ class DurationPipe {
         return (days > 0 ? days.toString() + (this.dayUnit + ' ') : '') + hour + ':' + minute;
     }
 }
-DurationPipe.ɵprov = ɵɵdefineInjectable({ factory: function DurationPipe_Factory() { return new DurationPipe(ɵɵinject(TranslateService)); }, token: DurationPipe, providedIn: "root" });
+DurationPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function DurationPipe_Factory() { return new DurationPipe(i0.ɵɵinject(i1$1.TranslateService)); }, token: DurationPipe, providedIn: "root" });
 DurationPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'duration'
@@ -2137,7 +2152,7 @@ class MathAbsPipe {
         }
     }
 }
-MathAbsPipe.ɵprov = ɵɵdefineInjectable({ factory: function MathAbsPipe_Factory() { return new MathAbsPipe(); }, token: MathAbsPipe, providedIn: "root" });
+MathAbsPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function MathAbsPipe_Factory() { return new MathAbsPipe(); }, token: MathAbsPipe, providedIn: "root" });
 MathAbsPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'mathAbs'
@@ -2149,7 +2164,7 @@ class EvenPipe {
         return val % 2 === 0;
     }
 }
-EvenPipe.ɵprov = ɵɵdefineInjectable({ factory: function EvenPipe_Factory() { return new EvenPipe(); }, token: EvenPipe, providedIn: "root" });
+EvenPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function EvenPipe_Factory() { return new EvenPipe(); }, token: EvenPipe, providedIn: "root" });
 EvenPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'even'
@@ -2161,7 +2176,7 @@ class OddPipe {
         return val % 2 !== 0;
     }
 }
-OddPipe.ɵprov = ɵɵdefineInjectable({ factory: function OddPipe_Factory() { return new OddPipe(); }, token: OddPipe, providedIn: "root" });
+OddPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function OddPipe_Factory() { return new OddPipe(); }, token: OddPipe, providedIn: "root" });
 OddPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'odd'
@@ -2269,7 +2284,7 @@ class MapGetPipe {
         return val[key];
     }
 }
-MapGetPipe.ɵprov = ɵɵdefineInjectable({ factory: function MapGetPipe_Factory() { return new MapGetPipe(); }, token: MapGetPipe, providedIn: "root" });
+MapGetPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function MapGetPipe_Factory() { return new MapGetPipe(); }, token: MapGetPipe, providedIn: "root" });
 MapGetPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'mapGet'
@@ -2283,7 +2298,7 @@ class MapKeysPipe {
         return Object.keys(map);
     }
 }
-MapKeysPipe.ɵprov = ɵɵdefineInjectable({ factory: function MapKeysPipe_Factory() { return new MapKeysPipe(); }, token: MapKeysPipe, providedIn: "root" });
+MapKeysPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function MapKeysPipe_Factory() { return new MapKeysPipe(); }, token: MapKeysPipe, providedIn: "root" });
 MapKeysPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'mapKeys'
@@ -2297,7 +2312,7 @@ class MapValuesPipe {
         return Object.values(map);
     }
 }
-MapValuesPipe.ɵprov = ɵɵdefineInjectable({ factory: function MapValuesPipe_Factory() { return new MapValuesPipe(); }, token: MapValuesPipe, providedIn: "root" });
+MapValuesPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function MapValuesPipe_Factory() { return new MapValuesPipe(); }, token: MapValuesPipe, providedIn: "root" });
 MapValuesPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'mapValues'
@@ -2310,7 +2325,7 @@ class IsNotNilOrBlankPipe {
         return isNotNilOrBlank(value);
     }
 }
-IsNotNilOrBlankPipe.ɵprov = ɵɵdefineInjectable({ factory: function IsNotNilOrBlankPipe_Factory() { return new IsNotNilOrBlankPipe(); }, token: IsNotNilOrBlankPipe, providedIn: "root" });
+IsNotNilOrBlankPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function IsNotNilOrBlankPipe_Factory() { return new IsNotNilOrBlankPipe(); }, token: IsNotNilOrBlankPipe, providedIn: "root" });
 IsNotNilOrBlankPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'isNotNilOrBlank'
@@ -2322,7 +2337,7 @@ class IsNilOrBlankPipe {
         return isNilOrBlank(value);
     }
 }
-IsNilOrBlankPipe.ɵprov = ɵɵdefineInjectable({ factory: function IsNilOrBlankPipe_Factory() { return new IsNilOrBlankPipe(); }, token: IsNilOrBlankPipe, providedIn: "root" });
+IsNilOrBlankPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function IsNilOrBlankPipe_Factory() { return new IsNilOrBlankPipe(); }, token: IsNilOrBlankPipe, providedIn: "root" });
 IsNilOrBlankPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'isNilOrBlank'
@@ -2334,7 +2349,7 @@ class ToStringPipe {
         return (value !== null && value !== undefined) ? value.toString() : '';
     }
 }
-ToStringPipe.ɵprov = ɵɵdefineInjectable({ factory: function ToStringPipe_Factory() { return new ToStringPipe(); }, token: ToStringPipe, providedIn: "root" });
+ToStringPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function ToStringPipe_Factory() { return new ToStringPipe(); }, token: ToStringPipe, providedIn: "root" });
 ToStringPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'toString'
@@ -2346,7 +2361,7 @@ class StrLengthPipe {
         return value && value.length || 0;
     }
 }
-StrLengthPipe.ɵprov = ɵɵdefineInjectable({ factory: function StrLengthPipe_Factory() { return new StrLengthPipe(); }, token: StrLengthPipe, providedIn: "root" });
+StrLengthPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function StrLengthPipe_Factory() { return new StrLengthPipe(); }, token: StrLengthPipe, providedIn: "root" });
 StrLengthPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'strLength'
@@ -2397,7 +2412,7 @@ class TranslateContextService {
             : parts.slice(0, parts.length - 1).concat(context + parts[parts.length - 1]).join('.');
     }
 }
-TranslateContextService.ɵprov = ɵɵdefineInjectable({ factory: function TranslateContextService_Factory() { return new TranslateContextService(ɵɵinject(TranslateService)); }, token: TranslateContextService, providedIn: "root" });
+TranslateContextService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TranslateContextService_Factory() { return new TranslateContextService(i0.ɵɵinject(i1$1.TranslateService)); }, token: TranslateContextService, providedIn: "root" });
 TranslateContextService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -2413,7 +2428,7 @@ class TranslateContextPipe {
         return this.translateContext.instant(key, context);
     }
 }
-TranslateContextPipe.ɵprov = ɵɵdefineInjectable({ factory: function TranslateContextPipe_Factory() { return new TranslateContextPipe(ɵɵinject(TranslateContextService)); }, token: TranslateContextPipe, providedIn: "root" });
+TranslateContextPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function TranslateContextPipe_Factory() { return new TranslateContextPipe(i0.ɵɵinject(TranslateContextService)); }, token: TranslateContextPipe, providedIn: "root" });
 TranslateContextPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'translateContext'
@@ -2430,7 +2445,7 @@ class TranslatablePipe {
         return (_a = changeCaseToUnderscore(value)) === null || _a === void 0 ? void 0 : _a.toUpperCase();
     }
 }
-TranslatablePipe.ɵprov = ɵɵdefineInjectable({ factory: function TranslatablePipe_Factory() { return new TranslatablePipe(); }, token: TranslatablePipe, providedIn: "root" });
+TranslatablePipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function TranslatablePipe_Factory() { return new TranslatablePipe(); }, token: TranslatablePipe, providedIn: "root" });
 TranslatablePipe.decorators = [
     { type: Pipe, args: [{
                 name: 'translatable'
@@ -2447,7 +2462,7 @@ class PropertyGetPipe {
         args && args.defaultValue);
     }
 }
-PropertyGetPipe.ɵprov = ɵɵdefineInjectable({ factory: function PropertyGetPipe_Factory() { return new PropertyGetPipe(); }, token: PropertyGetPipe, providedIn: "root" });
+PropertyGetPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function PropertyGetPipe_Factory() { return new PropertyGetPipe(); }, token: PropertyGetPipe, providedIn: "root" });
 PropertyGetPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'propertyGet'
@@ -2472,12 +2487,12 @@ NgInitDirective.propDecorators = {
     ngInit: [{ type: Output }]
 };
 
-const moment$2 = momentImported;
+const moment$4 = momentImported;
 // @dynamic
 class SharedValidators {
     static validDate(control) {
         const value = control.value;
-        const date = !value || moment$2.isMoment(value) ? value : moment$2(control.value, DATE_ISO_PATTERN);
+        const date = !value || moment$4.isMoment(value) ? value : moment$4(control.value, DATE_ISO_PATTERN);
         if (date && (!date.isValid() || date.year() < 1970)) {
             return { validDate: true };
         }
@@ -3512,7 +3527,7 @@ class FormErrorTranslator {
         return errorKey;
     }
 }
-FormErrorTranslator.ɵprov = ɵɵdefineInjectable({ factory: function FormErrorTranslator_Factory() { return new FormErrorTranslator(ɵɵinject(TranslateService), ɵɵinject(APP_FORM_ERROR_I18N_KEYS, 8)); }, token: FormErrorTranslator, providedIn: "root" });
+FormErrorTranslator.ɵprov = i0.ɵɵdefineInjectable({ factory: function FormErrorTranslator_Factory() { return new FormErrorTranslator(i0.ɵɵinject(i1$1.TranslateService), i0.ɵɵinject(APP_FORM_ERROR_I18N_KEYS, 8)); }, token: FormErrorTranslator, providedIn: "root" });
 FormErrorTranslator.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -3781,9 +3796,9 @@ function parseDuration(input, maxDecimals, placeholderChar) {
     const hour = parseInt(durationParts[0] || '0');
     const minute = parseInt(durationParts[1] || '0');
     const 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) {
         const powDecimal = Math.pow(10, maxDecimals);
         return Math.trunc(input * powDecimal + 0.5) / powDecimal;
@@ -3807,9 +3822,9 @@ const MASKS = {
         DD: [/[+-]/, /\d/, /\d/, /\d/, '.', /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, '°']
     }
 };
-const noop$1 = () => {
+const noop$6 = () => {
 };
-const ɵ0$1 = noop$1;
+const ɵ0$9 = noop$6;
 class MatLatLongField {
     constructor(platform, translate, formBuilder, cd, formGroupDir) {
         this.platform = platform;
@@ -3817,8 +3832,8 @@ class MatLatLongField {
         this.formBuilder = formBuilder;
         this.cd = cd;
         this.formGroupDir = formGroupDir;
-        this._onChangeCallback = noop$1;
-        this._onTouchedCallback = noop$1;
+        this._onChangeCallback = noop$6;
+        this._onTouchedCallback = noop$6;
         this._subscription = new Subscription();
         this.disabling = false;
         this.writing = false;
@@ -4154,14 +4169,14 @@ SharedMatLatLongModule.decorators = [
             },] }
 ];
 
-const DEFAULT_VALUE_ACCESSOR$1 = {
+const DEFAULT_VALUE_ACCESSOR$5 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => MatDate),
     multi: true
 };
-const DAY_MASK = [/\d/, /\d/, '/', /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/];
-const noop$2 = () => { };
-const ɵ0$2 = noop$2;
+const DAY_MASK$2 = [/\d/, /\d/, '/', /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/];
+const noop$5 = () => { };
+const ɵ0$8 = noop$5;
 class MatDate {
     constructor(platform, dateAdapter, translate, formBuilder, cd, keyboard, formGroupDir) {
         this.dateAdapter = dateAdapter;
@@ -4170,12 +4185,12 @@ class MatDate {
         this.cd = cd;
         this.keyboard = keyboard;
         this.formGroupDir = formGroupDir;
-        this._onChangeCallback = noop$2;
-        this._onTouchedCallback = noop$2;
+        this._onChangeCallback = noop$5;
+        this._onTouchedCallback = noop$5;
         this._subscription = new Subscription();
         this.writing = true;
         this.disabling = false;
-        this.dayMask = DAY_MASK;
+        this.dayMask = DAY_MASK$2;
         this.disabled = false;
         this.floatLabel = 'auto';
         this.readonly = false;
@@ -4412,7 +4427,7 @@ MatDate.decorators = [
                 selector: 'mat-date-field',
                 template: "<!-- readonly -->\n<mat-form-field *ngIf=\"readonly else writable\">\n  <input matInput hidden type=\"text\" readonly=\"true\" [formControl]=\"formControl\">\n  <ion-text>{{formControl.value|dateFormat: {pattern: displayPattern} }}</ion-text>\n</mat-form-field>\n\n<ng-template #writable>\n  <mat-form-field [floatLabel]=\"floatLabel\">\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_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 control -->\n    <input matInput type=\"text\"\n           [formControl]=\"formControl\"\n           hidden\n           [matDatepicker]=\"datePicker\"\n           (dateChange)=\"onDatePickerChange($event)\">\n\n    <button matSuffix mat-icon-button tabindex=\"-1\"\n            type=\"button\"\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)=\"writeValue(null)\"\n            [hidden]=\"formControl.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('validDate')\" translate>ERROR.FIELD_NOT_VALID_DATE</mat-error>\n    <mat-error *ngIf=\"formControl.hasError('dateIsAfter')\">{{'ERROR.FIELD_NOT_VALID_DATE_AFTER' | translate: formControl.errors.dateIsAfter }}</mat-error>\n    <mat-error *ngIf=\"formControl.hasError('dateRange')\" translate>ERROR.FIELD_NOT_VALID_DATE_RANGE</mat-error>\n    <mat-error *ngIf=\"!formControl.hasError('dateRange') && formControl.hasError('dateMaxDuration')\" translate>ERROR.FIELD_NOT_VALID_DATE_MAX_DURATION</mat-error>\n    <mat-error *ngIf=\"!formControl.hasError('dateRange') && formControl.hasError('dateMinDuration')\" translate>ERROR.FIELD_NOT_VALID_DATE_MIN_DURATION</mat-error>\n    <mat-error *ngIf=\"formControl.hasError('msg')\">{{formControl.errors.msg}}</mat-error>\n  </mat-form-field>\n\n  <mat-datepicker #datePicker\n                  [touchUi]=\"mobile\"\n                  [disabled]=\"formControl.disabled\"\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",
                 providers: [
-                    DEFAULT_VALUE_ACCESSOR$1,
+                    DEFAULT_VALUE_ACCESSOR$5,
                 ],
                 changeDetection: 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%}"]
@@ -4445,17 +4460,17 @@ MatDate.propDecorators = {
     matInputs: [{ type: ViewChildren, args: ['matInput',] }]
 };
 
-const DEFAULT_VALUE_ACCESSOR$2 = {
+const DEFAULT_VALUE_ACCESSOR$4 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => MatDateTime),
     multi: true
 };
 const DAY_MASK$1 = [/\d/, /\d/, '/', /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/];
 const HOUR_REGEXP = /^[012][0-9][:][012345][0-9]$/;
-const HOUR_MASK = [/[012]/, /\d/, ':', /[012345]/, /\d/];
-const noop$3 = () => {
+const HOUR_MASK$1 = [/[012]/, /\d/, ':', /[012345]/, /\d/];
+const noop$4 = () => {
 };
-const ɵ0$3 = noop$3;
+const ɵ0$7 = noop$4;
 class MatDateTime {
     constructor(platform, dateAdapter, translate, formBuilder, keyboard, cd, formGroupDir) {
         this.platform = platform;
@@ -4465,14 +4480,14 @@ class MatDateTime {
         this.keyboard = keyboard;
         this.cd = cd;
         this.formGroupDir = formGroupDir;
-        this._onChangeCallback = noop$3;
-        this._onTouchedCallback = noop$3;
+        this._onChangeCallback = noop$4;
+        this._onTouchedCallback = noop$4;
         this._subscription = new Subscription();
         this.writing = true;
         this.disabling = false;
         this._readonly = false;
         this.dayMask = DAY_MASK$1;
-        this.hourMask = HOUR_MASK;
+        this.hourMask = HOUR_MASK$1;
         this.floatLabel = 'auto';
         this.compact = false;
         this.placeholderChar = DEFAULT_PLACEHOLDER_CHAR;
@@ -4783,7 +4798,7 @@ MatDateTime.decorators = [
                 selector: 'mat-date-time-field',
                 template: "<!-- readonly -->\n<mat-form-field *ngIf=\"readonly; else writable\"\n                [floatLabel]=\"floatLabel\"\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\">\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                        [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]=\"dateFormControl\"\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]=\"dateFormControl\"\n                 (click)=\"openDatePickerIfMobile($event, datePicker)\"\n                 [required]=\"required\"\n                 [tabindex]=\"tabindex\"\n                 readonly>\n          <input matInput type=\"text\" [formControl]=\"formControl\"\n                 hidden\n                 [matDatepicker]=\"datePicker\"\n                 (dateChange)=\"onDatePickerChange($event)\">\n\n          <button type=\"button\" mat-icon-button tabindex=\"-1\" matSuffix #datePickerButton2 (click)=\"openDatePicker($event, datePicker)\" [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=\"'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                        [class.mat-form-field-invalid]=\"formControl.touched && (timeFormControl.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]=\"timeFormControl\"\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]=\"timeFormControl\"\n                 (click)=\"openTimePickerIfMobile($event)\"\n                 readonly>\n\n          <input matInput type=\"text\"\n                 [formControl]=\"timeFormControl\"\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$2,
+                    DEFAULT_VALUE_ACCESSOR$4,
                 ],
                 changeDetection: 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}.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%}"]
@@ -4822,10 +4837,10 @@ const DEFAULT_VALUE_ACCESSOR$3 = {
     useExisting: forwardRef(() => MatDateShort),
     multi: true
 };
-const DAY_MASK$2 = [/\d/, /\d/, /\d/, /\d/];
-const noop$4 = () => {
+const DAY_MASK = [/\d/, /\d/, /\d/, /\d/];
+const noop$3 = () => {
 };
-const ɵ0$4 = noop$4;
+const ɵ0$6 = noop$3;
 class MatDateShort {
     constructor(platform, dateAdapter, translate, formBuilder, cd, keyboard, formGroupDir) {
         this.dateAdapter = dateAdapter;
@@ -4834,11 +4849,11 @@ class MatDateShort {
         this.cd = cd;
         this.keyboard = keyboard;
         this.formGroupDir = formGroupDir;
-        this._onChangeCallback = noop$4;
-        this._onTouchedCallback = noop$4;
+        this._onChangeCallback = noop$3;
+        this._onTouchedCallback = noop$3;
         this.writing = true;
         this.disabling = false;
-        this.dayMask = DAY_MASK$2;
+        this.dayMask = DAY_MASK;
         this.disabled = false;
         this.floatLabel = 'auto';
         this.readonly = false;
@@ -5151,16 +5166,16 @@ SharedMatDateTimeModule.decorators = [
             },] }
 ];
 
-const DEFAULT_VALUE_ACCESSOR$4 = {
+const DEFAULT_VALUE_ACCESSOR$2 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => MatDuration),
     multi: true
 };
 const HOUR_TIME_PATTERN = /[0-9]\d\d:[0-5]\d/;
-const HOUR_MASK$1 = [/\d/, /\d/, /\d/, ':', /[0-5]/, /\d/];
-const noop$5 = () => {
+const HOUR_MASK = [/\d/, /\d/, /\d/, ':', /[0-5]/, /\d/];
+const noop$2 = () => {
 };
-const ɵ0$5 = noop$5;
+const ɵ0$5 = noop$2;
 class MatDuration {
     constructor(platform, dateAdapter, translate, formBuilder, cd, formGroupDir) {
         this.dateAdapter = dateAdapter;
@@ -5169,11 +5184,11 @@ class MatDuration {
         this.cd = cd;
         this.formGroupDir = formGroupDir;
         this._subscription = new Subscription();
-        this._onChangeCallback = noop$5;
-        this._onTouchedCallback = noop$5;
+        this._onChangeCallback = noop$2;
+        this._onTouchedCallback = noop$2;
         this.writing = true;
         this.disabling = false;
-        this.hourMask = HOUR_MASK$1;
+        this.hourMask = HOUR_MASK;
         this.disabled = false;
         this.floatLabel = 'auto';
         this.readonly = false;
@@ -5353,7 +5368,7 @@ MatDuration.decorators = [
                 selector: 'mat-duration-field',
                 template: "<!-- readonly -->\n<mat-form-field *ngIf=\"readonly else writable\">\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                  [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$4,
+                    DEFAULT_VALUE_ACCESSOR$2,
                 ],
                 changeDetection: 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%}"]
@@ -5410,22 +5425,22 @@ SharedMatDurationModule.decorators = [
             },] }
 ];
 
-const DEFAULT_VALUE_ACCESSOR$5 = {
+const DEFAULT_VALUE_ACCESSOR$1 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => MatBooleanField),
     multi: true
 };
-const noop$6 = () => {
+const noop$1 = () => {
 };
-const ɵ0$6 = noop$6;
+const ɵ0$4 = noop$1;
 class MatBooleanField {
     constructor(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$1;
+        this._onTouchedCallback = noop$1;
         this._writing = false;
         this.showRadio = false;
         this.disabled = false;
@@ -5598,7 +5613,7 @@ MatBooleanField.decorators = [
                 selector: 'mat-boolean-field',
                 template: "<mat-form-field  *ngIf=\"readonly; else writable\"\n                 [floatLabel]=\"floatLabel\"\n                 class=\"mat-form-field-disabled {{classList}}\">\n  <input matInput hidden type=\"text\" readonly\n         [placeholder]=\"placeholder\"\n         [formControl]=\"formControl\">\n  <ion-text>{{(formControl.value == null && 'COMMON.EMPTY_OPTION' || (formControl.value === true && yesLabel) || noLabel) | translate }}</ion-text>\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                    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\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      <div matSuffix #injectMatSuffix></div>\n\n      <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n    </mat-form-field>\n\n    <!-- Checkbox -->\n    <mat-form-field *ngSwitchCase=\"'checkbox'\"\n                    [floatLabel]=\"floatLabel\"\n                    class=\"mat-boolean-field mat-boolean-field-checkbox {{classList}}\">\n      <mat-label *ngIf=\"placeholder && !showRadio\">\n        {{placeholder}}\n      </mat-label>\n\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===undefined\"\n                    [hidden]=\"!showRadio\"\n                    [tabindex]=\"tabindex\">\n      </mat-checkbox>\n\n      <div matSuffix #injectMatSuffix></div>\n\n      <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n    </mat-form-field>\n\n    <!-- Buttons -->\n    <mat-form-field *ngSwitchCase=\"'button'\"\n                    [floatLabel]=\"floatLabel === 'never' ? 'never' : 'always'\"\n                    class=\"mat-boolean-field mat-boolean-field-button {{classList}}\">\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      <div matSuffix #injectMatSuffix></div>\n\n      <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n    </mat-form-field>\n  </ng-container>\n\n  <div class=\"cdk-visually-hidden\">\n    <div #suffix><ng-content select=\"[matSuffix]\"></ng-content></div>\n  </div>\n\n</ng-template>\n\n\n",
                 providers: [
-                    DEFAULT_VALUE_ACCESSOR$5
+                    DEFAULT_VALUE_ACCESSOR$1
                 ],
                 changeDetection: 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}"]
@@ -5846,7 +5861,7 @@ class MatNumpadDomService {
         this.appRef.detachView(this.componentRef.hostView);
     }
 }
-MatNumpadDomService.ɵprov = ɵɵdefineInjectable({ factory: function MatNumpadDomService_Factory() { return new MatNumpadDomService(ɵɵinject(ComponentFactoryResolver), ɵɵinject(ApplicationRef), ɵɵinject(INJECTOR), ɵɵinject(DOCUMENT, 8)); }, token: MatNumpadDomService, providedIn: "root" });
+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$3.DOCUMENT, 8)); }, token: MatNumpadDomService, providedIn: "root" });
 MatNumpadDomService.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root'
@@ -6210,7 +6225,7 @@ SharedMatNumpadModule.decorators = [
             },] }
 ];
 
-const DEFAULT_VALUE_ACCESSOR$6 = {
+const DEFAULT_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => MatSwipeField),
     multi: true
@@ -6473,7 +6488,7 @@ MatSwipeField.decorators = [
     { type: Component, args: [{
                 selector: 'mat-swipe-field',
                 template: "<mat-form-field [floatLabel]=\"showSlides && (!floatLabel || floatLabel === 'auto') ? 'always': floatLabel\"\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$6],
+                providers: [DEFAULT_VALUE_ACCESSOR],
                 changeDetection: 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}"]
             },] }
@@ -6932,7 +6947,7 @@ class MatBadgeIconDirective {
             badge.innerHTML = `<i class="material-icons" style="font-size: ${fontSize};">${this.matIcon}</i>`;
         }
         else if (this.ionIcon) {
-            badge.innerHTML = `<ion-icon style="font-size: ${fontSize};" name="${this.ionIcon}"></ion-icon>`;
+            badge.innerHTML = `<ion-icon style="font-size: ${fontSize}; pointer-events: none;" name="${this.ionIcon}"></ion-icon>`;
         }
     }
 }
@@ -7048,7 +7063,7 @@ class ProgressBarService {
         }
     }
 }
-ProgressBarService.ɵprov = ɵɵdefineInjectable({ factory: function ProgressBarService_Factory() { return new ProgressBarService(); }, token: ProgressBarService, providedIn: "root" });
+ProgressBarService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ProgressBarService_Factory() { return new ProgressBarService(); }, token: ProgressBarService, providedIn: "root" });
 ProgressBarService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -7092,7 +7107,7 @@ class AppGestureConfig extends HammerGestureConfig {
         return mc;
     }
 }
-AppGestureConfig.ɵprov = ɵɵdefineInjectable({ factory: function AppGestureConfig_Factory() { return new AppGestureConfig(); }, token: AppGestureConfig, providedIn: "root" });
+AppGestureConfig.ɵprov = i0.ɵɵdefineInjectable({ factory: function AppGestureConfig_Factory() { return new AppGestureConfig(); }, token: AppGestureConfig, providedIn: "root" });
 AppGestureConfig.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -7315,7 +7330,7 @@ class MatPaginatorI18n extends MatPaginatorIntl {
         this.previousPageLabel = this.translate.instant('COMMON.PAGINATOR.PREVIOUS_PAGE');
     }
 }
-MatPaginatorI18n.ɵprov = ɵɵdefineInjectable({ factory: function MatPaginatorI18n_Factory() { return new MatPaginatorI18n(ɵɵinject(TranslateService)); }, token: MatPaginatorI18n, providedIn: "root" });
+MatPaginatorI18n.ɵprov = i0.ɵɵdefineInjectable({ factory: function MatPaginatorI18n_Factory() { return new MatPaginatorI18n(i0.ɵɵinject(i1$1.TranslateService)); }, token: MatPaginatorI18n, providedIn: "root" });
 MatPaginatorI18n.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -7405,17 +7420,17 @@ function getColorContrast(color, bw) {
     return rgbArrayToHex(rgb.map(v => 255 - v));
 }
 
-const noop$7 = () => {
+const noop = () => {
 };
-const ɵ0$7 = noop$7;
+const ɵ0$3 = noop;
 class AppFormField {
     constructor(translate, cd, injector, formGroupDir) {
         this.translate = translate;
         this.cd = cd;
         this.injector = injector;
         this.formGroupDir = formGroupDir;
-        this._onChangeCallback = noop$7;
-        this._onTouchedCallback = noop$7;
+        this._onChangeCallback = noop;
+        this._onTouchedCallback = noop;
         this.readonly = false;
         this.compact = false;
         this.floatLabel = 'auto';
@@ -7604,13 +7619,14 @@ AppFormField.propDecorators = {
 };
 
 class StartableService {
-    constructor(platform) {
+    constructor(prerequisiteService) {
         this.onStart = new Subject();
         this._debug = false;
+        this._startByReadyFunction = true; // should start when calling ready() ?
         this._data = null;
         this._started = false;
-        this._startPrerequisite = platform
-            ? () => platform.ready()
+        this._startPrerequisite = prerequisiteService
+            ? () => prerequisiteService.ready()
             : () => Promise.resolve();
     }
     start() {
@@ -7665,7 +7681,12 @@ class StartableService {
     ready() {
         if (this._started)
             return Promise.resolve(this._data);
-        return this.start();
+        if (this._startPromise)
+            return this._startPromise;
+        if (this._startByReadyFunction)
+            return this.start();
+        return waitFor(() => this._started)
+            .then(() => this._data);
     }
     ngOnStop() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -7831,14 +7852,14 @@ class AudioProvider extends StartableService {
         });
     }
 }
-AudioProvider.ɵprov = ɵɵdefineInjectable({ factory: function AudioProvider_Factory() { return new AudioProvider(ɵɵinject(Platform), ɵɵinject(NativeAudio, 8), ɵɵinject(Vibration, 8), ɵɵinject(AudioManagement$1, 8)); }, token: AudioProvider, providedIn: "root" });
+AudioProvider.ɵprov = i0.ɵɵdefineInjectable({ factory: function AudioProvider_Factory() { return new AudioProvider(i0.ɵɵinject(i1$4.Platform), i0.ɵɵinject(i2.NativeAudio, 8), i0.ɵɵinject(i3.Vibration, 8), i0.ɵɵinject(i4.AudioManagement, 8)); }, token: AudioProvider, providedIn: "root" });
 AudioProvider.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
 AudioProvider.ctorParameters = () => [
     { type: Platform },
-    { type: NativeAudio$1, decorators: [{ type: Optional }] },
-    { type: Vibration$1, decorators: [{ type: Optional }] },
+    { type: NativeAudio, decorators: [{ type: Optional }] },
+    { type: Vibration, decorators: [{ type: Optional }] },
     { type: AudioManagement, decorators: [{ type: Optional }] }
 ];
 
@@ -7920,7 +7941,7 @@ class Hotkeys {
         });
     }
 }
-Hotkeys.ɵprov = ɵɵdefineInjectable({ factory: function Hotkeys_Factory() { return new Hotkeys(ɵɵinject(EventManager), ɵɵinject(MatDialog), ɵɵinject(DOCUMENT), ɵɵinject(ModalController)); }, token: Hotkeys, providedIn: "root" });
+Hotkeys.ɵprov = i0.ɵɵdefineInjectable({ factory: function Hotkeys_Factory() { return new Hotkeys(i0.ɵɵinject(i1$5.EventManager), i0.ɵɵinject(i2$1.MatDialog), i0.ɵɵinject(i1$3.DOCUMENT), i0.ɵɵinject(i1$4.ModalController)); }, token: Hotkeys, providedIn: "root" });
 Hotkeys.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root'
@@ -8094,7 +8115,7 @@ class Base64ImageReader {
     }
 }
 
-const uuidv4 = uuidv4Imported;
+const uuidv4$1 = uuidv4Imported;
 class FileService {
     constructor(platform, 
     //private transfer: FileTransfer,
@@ -8131,7 +8152,7 @@ class FileService {
             const lastSlashIndex = source.lastIndexOf('/');
             if (lastSlashIndex === -1)
                 throw new Error('Invalid URL: ' + source);
-            const fileName = lastSlashIndex < (source.length - 1) && source.substring(lastSlashIndex + 1) || uuidv4();
+            const fileName = lastSlashIndex < (source.length - 1) && source.substring(lastSlashIndex + 1) || uuidv4$1();
             // Download into the file system
             if (responseType === 'file' && this.canUseFileSystem) {
                 console.warn(`WARN: [file] Fetching image {${source}} in local file...`);
@@ -8187,7 +8208,7 @@ class FileService {
         this._started = true;
     }
 }
-FileService.ɵprov = ɵɵdefineInjectable({ factory: function FileService_Factory() { return new FileService(ɵɵinject(Platform), ɵɵinject(HttpClient), ɵɵinject(ENVIRONMENT)); }, token: FileService, providedIn: "root" });
+FileService.ɵprov = i0.ɵɵdefineInjectable({ factory: function FileService_Factory() { return new FileService(i0.ɵɵinject(i1$4.Platform), i0.ɵɵinject(i2$2.HttpClient), i0.ɵɵinject(ENVIRONMENT)); }, token: FileService, providedIn: "root" });
 FileService.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root',
@@ -8217,6 +8238,10 @@ class ModalToolbarComponent {
     }
     ngOnInit() {
         this.canValidate = toBoolean(this.canValidate, this.validate.observers.length > 0);
+        // Ctrl+S
+        this._subscription.add(this.hotkeys.addShortcut({ keys: 'control.s', description: 'COMMON.BTN_VALIDATE', elementName: this.modalName })
+            .pipe(filter(() => this.canValidate))
+            .subscribe((event) => this.validate.emit(event)));
         // Escape
         this._subscription.add(this.hotkeys.addShortcut({ keys: 'escape', description: 'COMMON.BTN_CLOSE', elementName: this.modalName })
             .subscribe((event) => this.cancel.emit(event)));
@@ -8349,7 +8374,7 @@ class Base58 {
 Base58.alphabet = '123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz';
 
 const scrypt = require('scrypt-async');
-const sha256 = require('hash.js/lib/hash/sha/256');
+const sha256$1 = require('hash.js/lib/hash/sha/256');
 const sha512 = require('hash.js/lib/hash/sha/512');
 const nacl = {
     sign,
@@ -8453,7 +8478,7 @@ class CryptoService {
      * Hash (using SHA256) a message
      */
     sha256(message) {
-        return sha256().update(message).digest('hex');
+        return sha256$1().update(message).digest('hex');
     }
     /**
      * Hash (using SHA512) a message
@@ -8466,7 +8491,7 @@ class CryptoService {
         return nacl.util.encodeBase64(m);
     }
 }
-CryptoService.ɵprov = ɵɵdefineInjectable({ factory: function CryptoService_Factory() { return new CryptoService(); }, token: CryptoService, providedIn: "root" });
+CryptoService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CryptoService_Factory() { return new CryptoService(); }, token: CryptoService, providedIn: "root" });
 CryptoService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -9687,7 +9712,7 @@ class LocalSettingsService extends StartableService {
         return page;
     }
 }
-LocalSettingsService.ɵprov = ɵɵdefineInjectable({ factory: function LocalSettingsService_Factory() { return new LocalSettingsService(ɵɵinject(TranslateService), ɵɵinject(Platform), ɵɵinject(Storage), ɵɵinject(ENVIRONMENT), ɵɵinject(APP_LOCAL_SETTINGS, 8), ɵɵinject(APP_LOCAL_SETTINGS_OPTIONS, 8)); }, token: LocalSettingsService, providedIn: "root" });
+LocalSettingsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LocalSettingsService_Factory() { return new LocalSettingsService(i0.ɵɵinject(i1$1.TranslateService), i0.ɵɵinject(i1$4.Platform), i0.ɵɵinject(i3$1.Storage), i0.ɵɵinject(ENVIRONMENT), i0.ɵɵinject(APP_LOCAL_SETTINGS, 8), i0.ɵɵinject(APP_LOCAL_SETTINGS_OPTIONS, 8)); }, token: LocalSettingsService, providedIn: "root" });
 LocalSettingsService.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root',
@@ -10347,7 +10372,7 @@ class NetworkService extends StartableService {
         });
     }
 }
-NetworkService.ɵprov = ɵɵdefineInjectable({ factory: function NetworkService_Factory() { return new NetworkService(ɵɵinject(DOCUMENT), ɵɵinject(Platform), ɵɵinject(ModalController), ɵɵinject(CryptoService), ɵɵinject(Storage), ɵɵinject(LocalSettingsService), ɵɵinject(CacheService), ɵɵinject(HttpClient), ɵɵinject(ENVIRONMENT), ɵɵinject(Network, 8), ɵɵinject(SplashScreen, 8), ɵɵinject(TranslateService, 8), ɵɵinject(ToastController, 8)); }, token: NetworkService, providedIn: "root" });
+NetworkService.ɵprov = i0.ɵɵdefineInjectable({ factory: function NetworkService_Factory() { return new NetworkService(i0.ɵɵinject(i1$3.DOCUMENT), i0.ɵɵinject(i1$4.Platform), i0.ɵɵinject(i1$4.ModalController), i0.ɵɵinject(CryptoService), i0.ɵɵinject(i3$1.Storage), i0.ɵɵinject(LocalSettingsService), i0.ɵɵinject(i6.CacheService), i0.ɵɵinject(i2$2.HttpClient), i0.ɵɵinject(ENVIRONMENT), i0.ɵɵinject(i9.Network, 8), i0.ɵɵinject(i10.SplashScreen, 8), i0.ɵɵinject(i1$1.TranslateService, 8), i0.ɵɵinject(i1$4.ToastController, 8)); }, token: NetworkService, providedIn: "root" });
 NetworkService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -10358,16 +10383,16 @@ NetworkService.ctorParameters = () => [
     { type: CryptoService },
     { type: Storage },
     { type: LocalSettingsService },
-    { type: CacheService$1 },
+    { type: CacheService },
     { type: HttpClient },
     { type: undefined, decorators: [{ type: Inject, args: [ENVIRONMENT,] }] },
-    { type: Network$1, decorators: [{ type: Optional }] },
-    { type: SplashScreen$1, decorators: [{ type: Optional }] },
+    { type: Network, decorators: [{ type: Optional }] },
+    { type: SplashScreen, decorators: [{ type: Optional }] },
     { type: TranslateService, decorators: [{ type: Optional }] },
     { type: ToastController, decorators: [{ type: Optional }] }
 ];
 
-const ErrorCodes = {
+const ErrorCodes$2 = {
     UNKNOWN_ERROR: 0,
     LOAD_ACCOUNT_ERROR: 1,
     BAD_PASSWORD: 2,
@@ -10714,7 +10739,7 @@ class EntityStore {
                 }
                 catch (err) {
                     console.error(err);
-                    throw { code: ErrorCodes.ENTITY_STORAGE_MIGRATION_FAILED, message: 'ERROR.ENTITY_STORAGE_MIGRATION_FAILED', details: err };
+                    throw { code: ErrorCodes$2.ENTITY_STORAGE_MIGRATION_FAILED, message: 'ERROR.ENTITY_STORAGE_MIGRATION_FAILED', details: err };
                 }
             }
             // Emit update event
@@ -11285,7 +11310,7 @@ class EntitiesStorage extends StartableService {
 }
 EntitiesStorage.TRASH_PREFIX = 'Trash#';
 EntitiesStorage.REMOTE_PREFIX = 'Remote#';
-EntitiesStorage.ɵprov = ɵɵdefineInjectable({ factory: function EntitiesStorage_Factory() { return new EntitiesStorage(ɵɵinject(Platform), ɵɵinject(ProgressBarService), ɵɵinject(Storage), ɵɵinject(ENVIRONMENT), ɵɵinject(APP_LOCAL_STORAGE_TYPE_POLICIES, 8)); }, token: EntitiesStorage, providedIn: "root" });
+EntitiesStorage.ɵprov = i0.ɵɵdefineInjectable({ factory: function EntitiesStorage_Factory() { return new EntitiesStorage(i0.ɵɵinject(i1$4.Platform), i0.ɵɵinject(ProgressBarService), i0.ɵɵinject(i3$1.Storage), i0.ɵɵinject(ENVIRONMENT), i0.ɵɵinject(APP_LOCAL_STORAGE_TYPE_POLICIES, 8)); }, token: EntitiesStorage, providedIn: "root" });
 EntitiesStorage.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -11385,10 +11410,10 @@ function referentialToString(obj, properties) {
 function referentialsToString(values, properties, separator) {
     return (values || []).map(v => referentialToString(v, properties)).join(separator || ', ');
 }
-const ɵ0$8 = StatusIds.ENABLE, ɵ1 = StatusIds.DISABLE, ɵ2 = StatusIds.TEMPORARY;
+const ɵ0$2 = StatusIds.ENABLE, ɵ1 = StatusIds.DISABLE, ɵ2 = StatusIds.TEMPORARY;
 const StatusList = Object.freeze([
     {
-        id: ɵ0$8,
+        id: ɵ0$2,
         icon: 'checkmark',
         label: 'REFERENTIAL.STATUS_ENUM.ENABLE'
     },
@@ -11663,7 +11688,7 @@ function accountToString(data) {
             (data.lastName || '')) || '';
 }
 
-const uuidv4$1 = uuidv4Imported;
+const uuidv4 = uuidv4Imported;
 const _global = typeof global !== 'undefined' ? global : (typeof window !== 'undefined' ? window : {});
 const NativeWebSocket = _global.WebSocket || _global.MozWebSocket;
 /**
@@ -11707,7 +11732,7 @@ function createTrackerLink(opts) {
         // Skip if not tracked
         if (!context || !context.tracked)
             return forward(operation);
-        const id = context.serializationKey || uuidv4$1();
+        const id = context.serializationKey || uuidv4();
         console.debug(`[apollo-tracker-link] Watching tracked query {${operation.operationName}#${id}}`);
         // Clean context, before calling JSON.stringify (remove unused attributes)
         const cleanContext = Object.assign(Object.assign({}, context), { optimisticResponse: null, cache: null });
@@ -12241,7 +12266,6 @@ class GraphqlService extends StartableService {
                         .append('Authorization', authorization);
                     //.append('X-App-Name', environment.name)
                     //.append('X-App-Version', environment.version)
-                    ;
                     // Use the setContext method to set the HTTP headers.
                     operation.setContext(Object.assign(Object.assign({}, operation.getContext()), { headers }));
                     // Call the next link in the middleware chain.
@@ -12376,7 +12400,7 @@ class GraphqlService extends StartableService {
         (err.networkError && ((err.networkError.error && this.toAppError(err.networkError.error))
             || this.toAppError(err.networkError)
             || (err.networkError.error && this.createAppErrorByCode(err.networkError.error.status))
-            || this.createAppErrorByCode(ErrorCodes.UNKNOWN_NETWORK_ERROR)))
+            || this.createAppErrorByCode(ErrorCodes$2.UNKNOWN_NETWORK_ERROR)))
             // If graphQL: try to convert the first error found
             || (err.graphQLErrors && err.graphQLErrors.length && this.toAppError(err.graphQLErrors[0]))
             || this.toAppError(err)
@@ -12384,7 +12408,7 @@ class GraphqlService extends StartableService {
             || (err.graphQLErrors && err.graphQLErrors[0])
             || err;
         console.error('[graphql] ' + (error && error.message || error), error.stack || '');
-        if (error && error.code === ErrorCodes.UNKNOWN_NETWORK_ERROR && err.networkError && err.networkError.message) {
+        if (error && error.code === ErrorCodes$2.UNKNOWN_NETWORK_ERROR && err.networkError && err.networkError.message) {
             console.error('[graphql] original error: ' + err.networkError.message);
             this.onNetworkError.next(error);
         }
@@ -12420,7 +12444,7 @@ class GraphqlService extends StartableService {
                 return 'ERROR.UNAUTHORIZED';
             case ServerErrorCodes.FORBIDDEN:
                 return 'ERROR.FORBIDDEN';
-            case ErrorCodes.UNKNOWN_NETWORK_ERROR:
+            case ErrorCodes$2.UNKNOWN_NETWORK_ERROR:
                 return 'ERROR.UNKNOWN_NETWORK_ERROR';
             case ServerErrorCodes.BAD_UPDATE_DATE:
                 return 'ERROR.BAD_UPDATE_DATE';
@@ -12448,7 +12472,7 @@ class GraphqlService extends StartableService {
         return undefined;
     }
 }
-GraphqlService.ɵprov = ɵɵdefineInjectable({ factory: function GraphqlService_Factory() { return new GraphqlService(ɵɵinject(Platform), ɵɵinject(Apollo), ɵɵinject(HttpLink), ɵɵinject(NetworkService), ɵɵinject(Storage), ɵɵinject(CryptoService), ɵɵinject(ENVIRONMENT), ɵɵinject(APP_GRAPHQL_TYPE_POLICIES, 8)); }, token: GraphqlService, providedIn: "root" });
+GraphqlService.ɵprov = i0.ɵɵdefineInjectable({ factory: function GraphqlService_Factory() { return new GraphqlService(i0.ɵɵinject(i1$4.Platform), i0.ɵɵinject(i2$3.Apollo), i0.ɵɵinject(i3$2.HttpLink), i0.ɵɵinject(NetworkService), i0.ɵɵinject(i3$1.Storage), i0.ɵɵinject(CryptoService), i0.ɵɵinject(ENVIRONMENT), i0.ɵɵinject(APP_GRAPHQL_TYPE_POLICIES, 8)); }, token: GraphqlService, providedIn: "root" });
 GraphqlService.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root'
@@ -12465,7 +12489,7 @@ GraphqlService.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [APP_GRAPHQL_TYPE_POLICIES,] }] }
 ];
 
-const sha256$1 = require('hash.js/lib/hash/sha/256');
+const sha256 = require('hash.js/lib/hash/sha/256');
 class BaseGraphqlServiceOptions {
 }
 // eslint-disable-next-line @angular-eslint/directive-class-suffix
@@ -12615,8 +12639,8 @@ class BaseGraphqlService {
     }
     /* -- protected methods -- */
     computeMutableWatchQueryId(opts) {
-        const queryName = opts.queryName || sha256$1().update(JSON.stringify(opts.query)).digest('hex').substring(0, 8);
-        const variablesKey = opts.variables && sha256$1().update(JSON.stringify(opts.variables)).digest('hex').substring(0, 8) || '';
+        const queryName = opts.queryName || sha256().update(JSON.stringify(opts.query)).digest('hex').substring(0, 8);
+        const variablesKey = opts.variables && sha256().update(JSON.stringify(opts.variables)).digest('hex').substring(0, 8) || '';
         return [queryName, opts.arrayFieldName, variablesKey].join('|');
     }
     findMutableWatchQueries(opts) {
@@ -12679,7 +12703,7 @@ const DEFAULT_AVATAR_IMAGE = 'assets/img/person.png';
 /* ------------------------------------
  * GraphQL queries
  * ------------------------------------*/
-const Fragments = {
+const Fragments$1 = {
     account: gql `
     fragment AccountFragment on AccountVO {
       id
@@ -12712,13 +12736,13 @@ const Fragments = {
   `
 };
 // Load account query
-const LoadQuery = gql `
+const LoadQuery$1 = gql `
   query Account {
     data: account {
       ...AccountFragment
     }
   }
-  ${Fragments.account}
+  ${Fragments$1.account}
 `;
 // Check email query
 const IsEmailExistsQuery = gql `
@@ -12727,13 +12751,13 @@ const IsEmailExistsQuery = gql `
   }
 `;
 // Save (create or update) account mutation
-const SaveMutation = gql `
+const SaveMutation$1 = gql `
   mutation SaveAccount($data:AccountVOInput){
     data: saveAccount(account: $data){
       ...AccountFragment
     }
   }
-  ${Fragments.account}
+  ${Fragments$1.account}
 `;
 // Create account mutation
 const CreateMutation = gql `
@@ -12742,7 +12766,7 @@ const CreateMutation = gql `
       ...AccountFragment
     }
   }
-  ${Fragments.account}
+  ${Fragments$1.account}
 `;
 // Sent confirmation email
 const SendConfirmEmailMutation = gql `
@@ -13080,7 +13104,7 @@ class AccountService extends BaseGraphqlService {
             catch (error) {
                 console.error(error);
                 this.resetData();
-                throw { code: ErrorCodes.UNKNOWN_ERROR, message: 'ERROR.SCRYPT_ERROR' };
+                throw { code: ErrorCodes$2.UNKNOWN_ERROR, message: 'ERROR.SCRYPT_ERROR' };
             }
             // Store pubkey+keypair
             this._data.pubkey = Base58.encode(keypair.publicKey);
@@ -13114,7 +13138,7 @@ class AccountService extends BaseGraphqlService {
             }
             catch (err) {
                 // If account not found, check if email is valid
-                if (err && +(err.code) === ErrorCodes.LOAD_ACCOUNT_ERROR) {
+                if (err && +(err.code) === ErrorCodes$2.LOAD_ACCOUNT_ERROR) {
                     // Check email exists
                     if (data.username.indexOf('@') !== -1) {
                         let isEmailExists;
@@ -13126,11 +13150,11 @@ class AccountService extends BaseGraphqlService {
                         }
                         // Email not exists (no account)
                         if (!isEmailExists) {
-                            throw { code: ErrorCodes.UNKNOWN_ACCOUNT_EMAIL, message: 'ERROR.UNKNOWN_ACCOUNT_EMAIL' };
+                            throw { code: ErrorCodes$2.UNKNOWN_ACCOUNT_EMAIL, message: 'ERROR.UNKNOWN_ACCOUNT_EMAIL' };
                         }
                     }
                     // Email exists, so error = 'bad password'
-                    throw { code: ErrorCodes.BAD_PASSWORD, message: 'ERROR.BAD_PASSWORD' };
+                    throw { code: ErrorCodes$2.BAD_PASSWORD, message: 'ERROR.BAD_PASSWORD' };
                 }
                 throw err; // resend the first error
             }
@@ -13255,8 +13279,8 @@ class AccountService extends BaseGraphqlService {
             // Load remotely
             else {
                 const { data } = yield this.graphql.query({
-                    query: LoadQuery,
-                    error: { code: ErrorCodes.LOAD_ACCOUNT_ERROR, message: 'ERROR.LOAD_ACCOUNT_ERROR' },
+                    query: LoadQuery$1,
+                    error: { code: ErrorCodes$2.LOAD_ACCOUNT_ERROR, message: 'ERROR.LOAD_ACCOUNT_ERROR' },
                     fetchPolicy: opts && opts.fetchPolicy || 'no-cache' || undefined
                 });
                 json = data;
@@ -13283,7 +13307,7 @@ class AccountService extends BaseGraphqlService {
         return __awaiter(this, void 0, void 0, function* () {
             const isEmailExists = yield this.isEmailExists(email);
             if (isEmailExists) {
-                throw { code: ErrorCodes.EMAIL_ALREADY_REGISTERED, message: 'ERROR.EMAIL_ALREADY_REGISTERED' };
+                throw { code: ErrorCodes$2.EMAIL_ALREADY_REGISTERED, message: 'ERROR.EMAIL_ALREADY_REGISTERED' };
             }
         });
     }
@@ -13319,7 +13343,7 @@ class AccountService extends BaseGraphqlService {
                     locale
                 },
                 error: {
-                    code: ErrorCodes.SENT_CONFIRMATION_EMAIL_FAILED,
+                    code: ErrorCodes$2.SENT_CONFIRMATION_EMAIL_FAILED,
                     message: 'ERROR.SENT_ACCOUNT_CONFIRMATION_EMAIL_FAILED'
                 }
             });
@@ -13335,7 +13359,7 @@ class AccountService extends BaseGraphqlService {
                     code
                 },
                 error: {
-                    code: ErrorCodes.CONFIRM_EMAIL_FAILED,
+                    code: ErrorCodes$2.CONFIRM_EMAIL_FAILED,
                     message: 'ERROR.CONFIRM_ACCOUNT_EMAIL_FAILED'
                 }
             });
@@ -13353,7 +13377,7 @@ class AccountService extends BaseGraphqlService {
                 interval: 10
             },
             error: {
-                code: ErrorCodes.SUBSCRIBE_ACCOUNT_ERROR,
+                code: ErrorCodes$2.SUBSCRIBE_ACCOUNT_ERROR,
                 message: 'ERROR.ACCOUNT.SUBSCRIBE_ACCOUNT_ERROR'
             }
         }).subscribe({
@@ -13462,7 +13486,7 @@ class AccountService extends BaseGraphqlService {
                     throw error;
                 console.error(error);
                 throw {
-                    code: ErrorCodes.LOAD_ACCOUNT_ERROR,
+                    code: ErrorCodes$2.LOAD_ACCOUNT_ERROR,
                     message: 'ERROR.LOAD_ACCOUNT_ERROR'
                 };
             }
@@ -13607,7 +13631,7 @@ class AccountService extends BaseGraphqlService {
             if (!isNew) {
                 const existingAccount = yield this.load({ fetchPolicy: 'network-only' });
                 if (!existingAccount || !existingAccount.updateDate) {
-                    throw { code: ErrorCodes.ACCOUNT_NOT_EXISTS, message: 'ERROR.ACCOUNT_NOT_EXISTS' };
+                    throw { code: ErrorCodes$2.ACCOUNT_NOT_EXISTS, message: 'ERROR.ACCOUNT_NOT_EXISTS' };
                 }
                 this.copyIdAndUpdateDate(existingAccount, account);
             }
@@ -13616,10 +13640,10 @@ class AccountService extends BaseGraphqlService {
             delete json.profiles;
             // Execute mutation
             const { data } = yield this.graphql.mutate({
-                mutation: isNew ? CreateMutation : SaveMutation,
+                mutation: isNew ? CreateMutation : SaveMutation$1,
                 variables: { data: json },
                 error: {
-                    code: ErrorCodes.SAVE_ACCOUNT_ERROR,
+                    code: ErrorCodes$2.SAVE_ACCOUNT_ERROR,
                     message: 'ERROR.SAVE_ACCOUNT_ERROR'
                 }
             });
@@ -13639,7 +13663,7 @@ class AccountService extends BaseGraphqlService {
             if (counter > 4) {
                 if (this._debug)
                     console.debug(`[account] Failed to authentication on pod (after ${counter} attempts)`);
-                throw { code: ErrorCodes.AUTH_SERVER_ERROR, message: 'ERROR.AUTH_SERVER_ERROR' };
+                throw { code: ErrorCodes$2.AUTH_SERVER_ERROR, message: 'ERROR.AUTH_SERVER_ERROR' };
             }
             // Check if valid
             if (token) {
@@ -13649,7 +13673,7 @@ class AccountService extends BaseGraphqlService {
                         token
                     },
                     error: {
-                        code: ErrorCodes.UNAUTHORIZED,
+                        code: ErrorCodes$2.UNAUTHORIZED,
                         message: 'ERROR.UNAUTHORIZED'
                     },
                     fetchPolicy: 'no-cache'
@@ -13665,7 +13689,7 @@ class AccountService extends BaseGraphqlService {
             }
             // Generate a new token
             const challengeError = {
-                code: ErrorCodes.AUTH_CHALLENGE_ERROR,
+                code: ErrorCodes$2.AUTH_CHALLENGE_ERROR,
                 message: 'ERROR.AUTH_CHALLENGE_ERROR'
             };
             const data = yield this.graphql.query({
@@ -13699,7 +13723,7 @@ class AccountService extends BaseGraphqlService {
         target.settings.updateDate = source.settings && source.settings.updateDate || target.settings.updateDate;
     }
 }
-AccountService.ɵprov = ɵɵdefineInjectable({ factory: function AccountService_Factory() { return new AccountService(ɵɵinject(CryptoService), ɵɵinject(NetworkService), ɵɵinject(GraphqlService), ɵɵinject(LocalSettingsService), ɵɵinject(Storage), ɵɵinject(FileService), ɵɵinject(ENVIRONMENT)); }, token: AccountService, providedIn: "root" });
+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$1.Storage), i0.ɵɵinject(FileService), i0.ɵɵinject(ENVIRONMENT)); }, token: AccountService, providedIn: "root" });
 AccountService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -13959,7 +13983,7 @@ const CONFIGURATION_STORAGE_KEY = 'configuration';
 /* ------------------------------------
  * GraphQL queries
  * ------------------------------------*/
-const Fragments$1 = {
+const Fragments = {
     config: gql `
     fragment ConfigFragment on ConfigurationVO {
       id
@@ -13986,22 +14010,22 @@ const Fragments$1 = {
     }
   `
 };
-const LoadQuery$1 = gql `
+const LoadQuery = gql `
 query Configuration{
   data: configuration{
     ...ConfigFragment
   }
 }
-  ${Fragments$1.config}
+  ${Fragments.config}
 `;
 // Save (create or update) account mutation
-const SaveMutation$1 = gql `
+const SaveMutation = gql `
   mutation SaveConfiguration($data: ConfigurationVOInput){
     data: saveConfiguration(config: $data){
        ...ConfigFragment
     }
   }
-  ${Fragments$1.config}
+  ${Fragments.config}
 `;
 const ClearCache = gql `
   query ClearCache($name: String) {
@@ -14096,12 +14120,12 @@ class ConfigService extends BaseGraphqlService {
         return __awaiter(this, void 0, void 0, function* () {
             const now = Date.now();
             console.debug('[config] Loading Pod configuration...');
-            const query = opts && opts.query || LoadQuery$1;
+            const query = opts && opts.query || LoadQuery;
             const variables = opts && opts.variables || undefined;
             const res = yield this.graphql.query({
                 query,
                 variables,
-                error: { code: ErrorCodes.LOAD_CONFIG_ERROR, message: 'ERROR.LOAD_CONFIG_ERROR' },
+                error: { code: ErrorCodes$2.LOAD_CONFIG_ERROR, message: 'ERROR.LOAD_CONFIG_ERROR' },
                 fetchPolicy: opts && opts.fetchPolicy || undefined /*default*/
             });
             const data = res && res.data ? Configuration.fromObject(res.data) : undefined;
@@ -14126,12 +14150,12 @@ class ConfigService extends BaseGraphqlService {
             const json = config.asObject();
             // Execute mutation
             const res = yield this.graphql.mutate({
-                mutation: SaveMutation$1,
+                mutation: SaveMutation,
                 variables: {
                     data: json
                 },
                 error: {
-                    code: ErrorCodes.SAVE_CONFIG_ERROR,
+                    code: ErrorCodes$2.SAVE_CONFIG_ERROR,
                     message: 'ERROR.SAVE_CONFIG_ERROR'
                 }
             });
@@ -14157,7 +14181,7 @@ class ConfigService extends BaseGraphqlService {
             const res = yield this.graphql.query({
                 query: CacheStatistics,
                 variables: null,
-                error: { code: ErrorCodes.LOAD_CONFIG_ERROR, message: 'ERROR.LOAD_CONFIG_ERROR' },
+                error: { code: ErrorCodes$2.LOAD_CONFIG_ERROR, message: 'ERROR.LOAD_CONFIG_ERROR' },
                 fetchPolicy: 'network-only'
             });
             const data = res && res.cacheStatistics || undefined;
@@ -14173,7 +14197,7 @@ class ConfigService extends BaseGraphqlService {
             const res = yield this.graphql.query({
                 query: ClearCache,
                 variables,
-                error: { code: ErrorCodes.LOAD_CONFIG_ERROR, message: 'ERROR.LOAD_CONFIG_ERROR' },
+                error: { code: ErrorCodes$2.LOAD_CONFIG_ERROR, message: 'ERROR.LOAD_CONFIG_ERROR' },
                 fetchPolicy: 'network-only'
             });
             const data = res && res.clearCache || undefined;
@@ -14332,7 +14356,7 @@ class ConfigService extends BaseGraphqlService {
         });
     }
 }
-ConfigService.ɵprov = ɵɵdefineInjectable({ factory: function ConfigService_Factory() { return new ConfigService(ɵɵinject(Platform), ɵɵinject(GraphqlService), ɵɵinject(Storage), ɵɵinject(NetworkService), ɵɵinject(FileService), ɵɵinject(ToastController), ɵɵinject(TranslateService), ɵɵinject(ENVIRONMENT), ɵɵinject(APP_CONFIG_OPTIONS, 8)); }, token: ConfigService, providedIn: "root" });
+ConfigService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ConfigService_Factory() { return new ConfigService(i0.ɵɵinject(i1$4.Platform), i0.ɵɵinject(GraphqlService), i0.ɵɵinject(i3$1.Storage), i0.ɵɵinject(NetworkService), i0.ɵɵinject(FileService), i0.ɵɵinject(i1$4.ToastController), i0.ɵɵinject(i1$1.TranslateService), i0.ɵɵinject(ENVIRONMENT), i0.ɵɵinject(APP_CONFIG_OPTIONS, 8)); }, token: ConfigService, providedIn: "root" });
 ConfigService.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root',
@@ -14351,9 +14375,10 @@ ConfigService.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [APP_CONFIG_OPTIONS,] }] }
 ];
 
-const moment$4 = momentImported;
-class PlatformService {
+const moment$2 = momentImported;
+class PlatformService extends StartableService {
     constructor(platform, cdkPlatform, toastController, translate, dateAdapter, entitiesStorage, settings, networkService, accountService, configService, cache, storage, audioProvider, environment, statusBar, keyboard, splashScreen, browser, downloader) {
+        super(platform);
         this.platform = platform;
         this.cdkPlatform = cdkPlatform;
         this.toastController = toastController;
@@ -14373,15 +14398,10 @@ class PlatformService {
         this.splashScreen = splashScreen;
         this.browser = browser;
         this.downloader = downloader;
-        this._started = false;
         this._downloadingJobs = new Map();
         this._debug = !environment.production;
         if (this._debug)
             console.debug('[platform] Creating service');
-        this.start();
-    }
-    get started() {
-        return this._started;
     }
     get mobile() {
         return isNotNil(this._mobile) ? this._mobile : this.platform.is('mobile');
@@ -14400,7 +14420,7 @@ class PlatformService {
         return this._android && this._cordova;
     }
     get canDownload() {
-        return this._android && !!this.downloader;
+        return isNotNil(this.downloader);
     }
     width() {
         return this.platform.width();
@@ -14408,78 +14428,62 @@ class PlatformService {
     height() {
         return this.platform.height();
     }
-    start() {
-        if (this._startPromise)
-            return this._startPromise;
-        if (this._started)
-            return Promise.resolve();
-        this._started = false;
-        const now = Date.now();
-        this.accountService.tokenType = undefined;
-        console.info('[platform] Starting platform...');
-        this._startPromise = this.platform.ready()
-            .then(() => {
-            this._mobile = this.platform.is('mobile');
-            this._cordova = this.platform.is('cordova');
-            this._android = this.platform.is('android');
-            this.configureCordovaPlugins(this._mobile);
-            this.touchUi = this._mobile || this.platform.is('tablet') || this.platform.is('phablet');
-            // Force mobile in settings
-            if (this._mobile) {
-                this.settings.mobile = this._mobile;
-                this.settings.touchUi = this.touchUi;
-            }
-            this.configureTranslate();
-        })
-            .then(() => this.storageReady())
-            .then((forage) => this.migrateStorage(forage))
-            .then(() => Promise.all([
-            this.entitiesStorage.ready(),
-            this.cache.ready().then(() => this.configureCache()),
-            this.settings.ready(),
-            this.networkService.ready(),
-            this.audioProvider.ready()
-        ]))
-            .then(() => {
-            this._started = true;
-            this._startPromise = undefined;
-            console.info(`[platform] Starting platform [OK] {mobile: ${this._mobile}, touchUi: ${this.touchUi}, canDownload: ${this.canDownload}} in ${Date.now() - now}ms`);
-            // Update cache configuration when network changed
-            this.networkService.onNetworkStatusChanges.subscribe((type) => this.configureCache(type !== 'none'));
-            // Update authentication type
-            this.configService.config
-                .pipe(map(config => config === null || config === void 0 ? void 0 : config.getProperty(CORE_CONFIG_OPTIONS.AUTH_TOKEN_TYPE)), filter(isNotNilOrBlank), distinctUntilChanged())
-                .subscribe(tokenType => {
-                console.info(`[platform] Using auth token type {${tokenType}}`);
-                this.accountService.tokenType = tokenType;
-            });
-            // Wait 1 more seconds, before hiding the splash screen
-            setTimeout(() => {
-                if (this.splashScreen)
-                    this.splashScreen.hide();
-                // Play startup sound
-                this.audioProvider.playStartupSound();
-            }, 1000);
-        })
-            // Manage error
-            .catch(err => this.onStartupError(err));
-        return this._startPromise;
-    }
-    /**
-     * Wait platform is ready.<br/>
-     * Important: this will NOT start the platform, has it should be started by the AppComponent
-     *
-     * @param opts
-     */
-    ready(opts) {
-        const period = opts && opts.checkPeriod || 300;
-        if (this._started)
-            return Promise.resolve();
-        return timer(period, period)
-            .pipe(
-        // For DEBUG :
-        //tap(() => this._debug && console.debug("Waiting platform ready...")),
-        filter(() => this._started), first()).toPromise();
+    ngOnStart() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const now = Date.now();
+            this.accountService.tokenType = undefined;
+            console.info('[platform] Starting platform...');
+            try {
+                this._mobile = this.platform.is('mobile');
+                this._cordova = this.platform.is('cordova');
+                this._android = this.platform.is('android');
+                this.configureCordovaPlugins(this._mobile);
+                this.touchUi = this._mobile || this.platform.is('tablet') || this.platform.is('phablet');
+                // Force mobile in settings
+                if (this._mobile) {
+                    this.settings.mobile = this._mobile;
+                    this.settings.touchUi = this.touchUi;
+                }
+                // Configure translation
+                yield this.configureTranslate();
+                // Configure storage
+                const forage = yield this.storageReady();
+                yield this.migrateStorage(forage);
+                // Start root services
+                yield Promise.all([
+                    this.entitiesStorage.ready(),
+                    this.cache.ready().then(() => this.configureCache()),
+                    this.settings.ready(),
+                    this.networkService.ready(),
+                    this.audioProvider.ready()
+                ]);
+                console.info(`[platform] Starting platform [OK] {mobile: ${this._mobile}, touchUi: ${this.touchUi}, downloader: ${this.canDownload}} in ${Date.now() - now}ms`);
+                // Update cache configuration when network changed
+                this.networkService.onNetworkStatusChanges
+                    .pipe(skip(1)) // Skip the first event (behavior subject send event immediately)
+                    .subscribe(type => this.configureCache(type !== 'none'));
+                // Update authentication type
+                this.configService.config
+                    .pipe(map(config => config === null || config === void 0 ? void 0 : config.getProperty(CORE_CONFIG_OPTIONS.AUTH_TOKEN_TYPE)), filter(isNotNilOrBlank), distinctUntilChanged())
+                    .subscribe(tokenType => {
+                    console.info(`[platform] Using auth token type {${tokenType}}`);
+                    this.accountService.tokenType = tokenType;
+                });
+                // Hide the splashscreen (if mobile) - after 1s
+                if (this.mobile) {
+                    setTimeout(() => {
+                        var _a;
+                        (_a = this.splashScreen) === null || _a === void 0 ? void 0 : _a.hide();
+                        // Play startup sound
+                        this.audioProvider.playStartupSound();
+                    }, 1000);
+                }
+            }
+            catch (err) {
+                // Manage startup error
+                return this.onStartupError(err);
+            }
+        });
     }
     open(url, target, features, replace) {
         console.info(`[platform] Opening link: ${url}`);
@@ -14560,16 +14564,16 @@ class PlatformService {
                 }
                 // config moment lib
                 try {
-                    moment$4.locale(event.lang);
+                    moment$2.locale(event.lang);
                     console.debug('[platform] Use locale {' + event.lang + '}');
                 }
                 // If error, fallback to en
                 catch (err) {
-                    moment$4.locale('en');
+                    moment$2.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$2.locale());
             }
         });
         this.settings.onChange.subscribe(data => {
@@ -14590,9 +14594,9 @@ class PlatformService {
         });
     }
     configureCache(online) {
-        online = isNotNil(online) ? online : this.cache.isOnline();
+        online = toBoolean(online, this.cache.isOnline());
         const cacheTTL = online ? 3600 /* 1h */ : 3600 * 24 * 30; /* 1 month */
-        console.info(`[platform] Configuring cache [OK] {online: ${online}}, {timeToLive: ${cacheTTL / 3600}h}, {offlineInvalidate: false}`);
+        console.info(`[platform] Configuring cache [OK] {online: ${online}, timeToLive: ${cacheTTL / 3600}h, offlineInvalidate: false}`);
         this.cache.setDefaultTTL(cacheTTL);
         this.cache.setOfflineInvalidate(false); // Do not invalidate cache when offline
     }
@@ -14707,7 +14711,7 @@ class PlatformService {
         });
     }
 }
-PlatformService.ɵprov = ɵɵdefineInjectable({ factory: function PlatformService_Factory() { return new PlatformService(ɵɵinject(Platform), ɵɵinject(Platform$1), ɵɵinject(ToastController), ɵɵinject(TranslateService), ɵɵinject(MomentDateAdapter), ɵɵinject(EntitiesStorage), ɵɵinject(LocalSettingsService), ɵɵinject(NetworkService), ɵɵinject(AccountService), ɵɵinject(ConfigService), ɵɵinject(CacheService), ɵɵinject(Storage), ɵɵinject(AudioProvider), ɵɵinject(ENVIRONMENT), ɵɵinject(StatusBar, 8), ɵɵinject(Keyboard$1, 8), ɵɵinject(SplashScreen, 8), ɵɵinject(InAppBrowser, 8), ɵɵinject(Downloader, 8)); }, token: PlatformService, providedIn: "root" });
+PlatformService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PlatformService_Factory() { return new PlatformService(i0.ɵɵinject(i1$4.Platform), i0.ɵɵinject(i2$4.Platform), i0.ɵɵinject(i1$4.ToastController), i0.ɵɵinject(i1$1.TranslateService), i0.ɵɵinject(i1.MomentDateAdapter), i0.ɵɵinject(EntitiesStorage), i0.ɵɵinject(LocalSettingsService), i0.ɵɵinject(NetworkService), i0.ɵɵinject(AccountService), i0.ɵɵinject(ConfigService), i0.ɵɵinject(i6.CacheService), i0.ɵɵinject(i3$1.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.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -14722,15 +14726,15 @@ PlatformService.ctorParameters = () => [
     { type: NetworkService },
     { type: AccountService },
     { type: ConfigService },
-    { type: CacheService$1 },
+    { type: CacheService },
     { type: Storage },
     { type: AudioProvider },
     { type: undefined, decorators: [{ type: Inject, args: [ENVIRONMENT,] }] },
-    { type: StatusBar$1, decorators: [{ type: Optional }] },
+    { type: StatusBar, decorators: [{ type: Optional }] },
     { type: Keyboard, decorators: [{ type: Optional }] },
-    { type: SplashScreen$1, decorators: [{ type: Optional }] },
-    { type: InAppBrowser$1, decorators: [{ type: Optional }] },
-    { type: Downloader$1, decorators: [{ type: Optional }] }
+    { type: SplashScreen, decorators: [{ type: Optional }] },
+    { type: InAppBrowser, decorators: [{ type: Optional }] },
+    { type: Downloader, decorators: [{ type: Optional }] }
 ];
 
 class AppHelpModal {
@@ -14794,7 +14798,7 @@ class MatStepperI18n extends MatStepperIntl {
         this.optionalLabel = this.translate.instant('COMMON.OPTIONAL');
     }
 }
-MatStepperI18n.ɵprov = ɵɵdefineInjectable({ factory: function MatStepperI18n_Factory() { return new MatStepperI18n(ɵɵinject(TranslateService)); }, token: MatStepperI18n, providedIn: "root" });
+MatStepperI18n.ɵprov = i0.ɵɵdefineInjectable({ factory: function MatStepperI18n_Factory() { return new MatStepperI18n(i0.ɵɵinject(i1$1.TranslateService)); }, token: MatStepperI18n, providedIn: "root" });
 MatStepperI18n.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -15786,7 +15790,7 @@ function state2side(state) {
             return 1;
     }
 }
-const ɵ0$9 = (defaultStateSize) => [
+const ɵ0$1 = (defaultStateSize) => [
     Math.round((rgbArrayMap.red[0] - 50) / defaultStateSize),
     Math.round((255 - rgbArrayMap.red[1]) / defaultStateSize),
     Math.round((255 - rgbArrayMap.red[2]) / defaultStateSize)
@@ -15794,7 +15798,7 @@ const ɵ0$9 = (defaultStateSize) => [
 const SCALE_OPTIONS_DEFAULT = {
     startColor: rgbArrayMap.red,
     startStates: [0, 2, 3],
-    startStepsFn: ɵ0$9
+    startStepsFn: ɵ0$1
 };
 /**
  * Internal function, that create a colors scale, using iteration
@@ -15886,21 +15890,21 @@ function linearColorGradient(count, options) {
     return result;
 }
 
-class EntityTestClass {
+class EntityTestClass$1 {
 }
-const FAKE_ENTITIES = [
+const 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(entity => Object.assign({}, entity));
+        return (values || FAKE_ENTITIES$1).map(entity => Object.assign({}, entity));
     }
     let result = [];
     let i = 1;
     while (result.length < size) {
-        result = result.concat((values || FAKE_ENTITIES).map(entity => {
+        result = result.concat((values || FAKE_ENTITIES$1).map(entity => {
             const name = entity.name + ' #' + i;
             return Object.assign(Object.assign({}, entity), { id: i++, name });
         }));
@@ -15910,7 +15914,7 @@ function deepCopy(values, size) {
 class AutocompleteTestPage {
     constructor(formBuilder) {
         this.formBuilder = formBuilder;
-        this._items = deepCopy(FAKE_ENTITIES, 100);
+        this._items = deepCopy$1(FAKE_ENTITIES$1, 100);
         this.$items = new BehaviorSubject(undefined);
         this.autocompleteFields = new MatAutocompleteConfigHolder();
         this.memoryHide = false;
@@ -15954,7 +15958,7 @@ class AutocompleteTestPage {
         });
         // 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
         });
@@ -15964,12 +15968,12 @@ class AutocompleteTestPage {
     loadData() {
         return __awaiter(this, void 0, void 0, function* () {
             const data = {
-                entity: deepCopy(FAKE_ENTITIES)[0],
+                entity: deepCopy$1(FAKE_ENTITIES$1)[0],
                 // 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]
+                disableEntity: deepCopy$1(FAKE_ENTITIES$1)[2]
             };
             this.form.setValue(data);
             // Load observables
@@ -16142,13 +16146,13 @@ MaterialTestingPage.ctorParameters = () => [
     { type: Array, decorators: [{ type: Optional }, { type: Inject, args: [APP_TESTING_PAGES,] }] }
 ];
 
-const moment$5 = momentImported;
+const moment$1 = momentImported;
 class SwipeTestPage {
     constructor(formBuilder, dateFormatPipe) {
         this.formBuilder = formBuilder;
         this.dateFormatPipe = dateFormatPipe;
         this.$dates = new BehaviorSubject(undefined);
-        this._today = moment$5().startOf('day');
+        this._today = moment$1().startOf('day');
         this.form = formBuilder.group({
             empty: [null, Validators.required],
             date: [null, Validators.compose([Validators.required, SharedValidators.validDate])],
@@ -16161,7 +16165,7 @@ class SwipeTestPage {
     ngOnInit() {
         const dates = [];
         for (let d = 0; d < 7; d++) {
-            dates[d] = moment$5(this._today).add(d - 3, 'day');
+            dates[d] = moment$1(this._today).add(d - 3, 'day');
         }
         this.$dates.next(dates);
         this.loadData();
@@ -16202,7 +16206,7 @@ SwipeTestPage.ctorParameters = () => [
     { type: DateFormatPipe }
 ];
 
-const moment$6 = momentImported;
+const moment = momentImported;
 class DateTimeTestPage {
     constructor(platform, formBuilder, cd) {
         this.platform = platform;
@@ -16234,7 +16238,7 @@ class DateTimeTestPage {
     // Load the form with data
     loadData() {
         return __awaiter(this, void 0, void 0, function* () {
-            const now = moment$6();
+            const now = moment();
             const data = {
                 empty: toDateISOString(now.clone().add(2, 'hours')),
                 enable: toDateISOString(now),
@@ -16295,20 +16299,20 @@ DateTimeTestPage.ctorParameters = () => [
     { type: ChangeDetectorRef }
 ];
 
-class EntityTestClass$1 {
+class EntityTestClass {
 }
-const FAKE_ENTITIES$1 = [
+const FAKE_ENTITIES = [
     { id: 1, label: 'AAA', name: 'Item A' },
     { id: 2, label: 'BBB', name: 'Item B' },
     { id: 3, label: 'CCC', name: 'Item C' }
 ];
-function deepCopy$1(values) {
-    return (values || FAKE_ENTITIES$1).map(entity => Object.assign({}, entity));
+function deepCopy(values) {
+    return (values || FAKE_ENTITIES).map(entity => Object.assign({}, entity));
 }
 class ChipsTestPage {
     constructor(formBuilder) {
         this.formBuilder = formBuilder;
-        this._items = deepCopy$1(FAKE_ENTITIES$1);
+        this._items = deepCopy(FAKE_ENTITIES);
         this._$items = new BehaviorSubject(undefined);
         this.autocompleteFields = new MatAutocompleteConfigHolder();
         this.form = formBuilder.group({
@@ -16327,7 +16331,7 @@ class ChipsTestPage {
         });
         // From items
         this.autocompleteFields.add('entity-items', {
-            items: FAKE_ENTITIES$1.slice(),
+            items: FAKE_ENTITIES.slice(),
             attributes: ['label', 'name'],
             displayWith: this.entityToString
         });
@@ -16348,15 +16352,15 @@ class ChipsTestPage {
             const data = {
                 entity: [],
                 // THis item is NOT in the items list => i should be displayed anyway
-                entityInitial: FAKE_ENTITIES$1.slice(1, 2),
-                disableEntity: FAKE_ENTITIES$1.slice(1, 2)
+                entityInitial: FAKE_ENTITIES.slice(1, 2),
+                disableEntity: FAKE_ENTITIES.slice(1, 2)
             };
             this.form.setValue(data);
         });
     }
     loadItems() {
         return __awaiter(this, void 0, void 0, function* () {
-            this._$items.next(deepCopy$1(FAKE_ENTITIES$1));
+            this._$items.next(deepCopy(FAKE_ENTITIES));
         });
     }
     entityToString(item) {
@@ -16397,7 +16401,7 @@ MatBadgeIconTestPage.decorators = [
             },] }
 ];
 
-const routes = [
+const routes$1 = [
     {
         path: '',
         pathMatch: 'full',
@@ -16449,7 +16453,7 @@ MaterialTestingModule.decorators = [
                     ReactiveFormsModule,
                     SharedMaterialModule,
                     TranslateModule.forChild(),
-                    RouterModule.forChild(routes)
+                    RouterModule.forChild(routes$1)
                 ],
                 declarations: [
                     MaterialTestingPage,
@@ -17408,7 +17412,7 @@ class UserSettingsValidatorService extends AppValidatorService {
         });
     }
 }
-UserSettingsValidatorService.ɵprov = ɵɵdefineInjectable({ factory: function UserSettingsValidatorService_Factory() { return new UserSettingsValidatorService(ɵɵinject(FormBuilder)); }, token: UserSettingsValidatorService, providedIn: "root" });
+UserSettingsValidatorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function UserSettingsValidatorService_Factory() { return new UserSettingsValidatorService(i0.ɵɵinject(i1$6.FormBuilder)); }, token: UserSettingsValidatorService, providedIn: "root" });
 UserSettingsValidatorService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -17452,7 +17456,7 @@ class AccountValidatorService extends AppValidatorService {
         return validatorFns.length ? Validators.compose(validatorFns) : validatorFns.length === 1 ? validatorFns[0] : undefined;
     }
 }
-AccountValidatorService.ɵprov = ɵɵdefineInjectable({ factory: function AccountValidatorService_Factory() { return new AccountValidatorService(ɵɵinject(FormBuilder), ɵɵinject(AccountService)); }, token: AccountValidatorService, providedIn: "root" });
+AccountValidatorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function AccountValidatorService_Factory() { return new AccountValidatorService(i0.ɵɵinject(i1$6.FormBuilder), i0.ɵɵinject(AccountService)); }, token: AccountValidatorService, providedIn: "root" });
 AccountValidatorService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -17671,6 +17675,7 @@ class FormButtonsBarComponent {
         this.onSave = new EventEmitter();
         this.onNext = new EventEmitter();
         this.onBack = new EventEmitter();
+        // Ctrl+S
         this._subscription.add(hotkeys.addShortcut({ keys: 'control.s', description: 'COMMON.BTN_SAVE' })
             .pipe(filter(e => !this.disabled))
             .subscribe((event) => this.onSave.emit(event)));
@@ -17985,7 +17990,7 @@ class LocalSettingsValidatorService extends AppValidatorService {
         });
     }
 }
-LocalSettingsValidatorService.ɵprov = ɵɵdefineInjectable({ factory: function LocalSettingsValidatorService_Factory() { return new LocalSettingsValidatorService(ɵɵinject(FormBuilder), ɵɵinject(NetworkService)); }, token: LocalSettingsValidatorService, providedIn: "root" });
+LocalSettingsValidatorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LocalSettingsValidatorService_Factory() { return new LocalSettingsValidatorService(i0.ɵɵinject(i1$6.FormBuilder), i0.ɵɵinject(NetworkService)); }, token: LocalSettingsValidatorService, providedIn: "root" });
 LocalSettingsValidatorService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -18603,7 +18608,7 @@ class IsOnFieldModePipe {
         return value === 'FIELD';
     }
 }
-IsOnFieldModePipe.ɵprov = ɵɵdefineInjectable({ factory: function IsOnFieldModePipe_Factory() { return new IsOnFieldModePipe(); }, token: IsOnFieldModePipe, providedIn: "root" });
+IsOnFieldModePipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function IsOnFieldModePipe_Factory() { return new IsOnFieldModePipe(); }, token: IsOnFieldModePipe, providedIn: "root" });
 IsOnFieldModePipe.decorators = [
     { type: Pipe, args: [{
                 name: 'isOnField'
@@ -18615,7 +18620,7 @@ class IsNotOnFieldModePipe {
         return value !== 'FIELD';
     }
 }
-IsNotOnFieldModePipe.ɵprov = ɵɵdefineInjectable({ factory: function IsNotOnFieldModePipe_Factory() { return new IsNotOnFieldModePipe(); }, token: IsNotOnFieldModePipe, providedIn: "root" });
+IsNotOnFieldModePipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function IsNotOnFieldModePipe_Factory() { return new IsNotOnFieldModePipe(); }, token: IsNotOnFieldModePipe, providedIn: "root" });
 IsNotOnFieldModePipe.decorators = [
     { type: Pipe, args: [{
                 name: 'isNotOnField'
@@ -18630,7 +18635,7 @@ class PersonToStringPipe {
         return PersonUtils.personToString(value);
     }
 }
-PersonToStringPipe.ɵprov = ɵɵdefineInjectable({ factory: function PersonToStringPipe_Factory() { return new PersonToStringPipe(); }, token: PersonToStringPipe, providedIn: "root" });
+PersonToStringPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function PersonToStringPipe_Factory() { return new PersonToStringPipe(); }, token: PersonToStringPipe, providedIn: "root" });
 PersonToStringPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'personToString'
@@ -18976,7 +18981,7 @@ class IsLoginAccountPipe {
         return value && value.pubkey && true;
     }
 }
-IsLoginAccountPipe.ɵprov = ɵɵdefineInjectable({ factory: function IsLoginAccountPipe_Factory() { return new IsLoginAccountPipe(); }, token: IsLoginAccountPipe, providedIn: "root" });
+IsLoginAccountPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function IsLoginAccountPipe_Factory() { return new IsLoginAccountPipe(); }, token: IsLoginAccountPipe, providedIn: "root" });
 IsLoginAccountPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'isLogin'
@@ -18988,7 +18993,7 @@ class AccountToStringPipe {
         return accountToString(value);
     }
 }
-AccountToStringPipe.ɵprov = ɵɵdefineInjectable({ factory: function AccountToStringPipe_Factory() { return new AccountToStringPipe(); }, token: AccountToStringPipe, providedIn: "root" });
+AccountToStringPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function AccountToStringPipe_Factory() { return new AccountToStringPipe(); }, token: AccountToStringPipe, providedIn: "root" });
 AccountToStringPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'accountToString'
@@ -19003,7 +19008,7 @@ class DepartmentToStringPipe {
         return departmentToString(value);
     }
 }
-DepartmentToStringPipe.ɵprov = ɵɵdefineInjectable({ factory: function DepartmentToStringPipe_Factory() { return new DepartmentToStringPipe(); }, token: DepartmentToStringPipe, providedIn: "root" });
+DepartmentToStringPipe.ɵprov = i0.ɵɵdefineInjectable({ factory: function DepartmentToStringPipe_Factory() { return new DepartmentToStringPipe(); }, token: DepartmentToStringPipe, providedIn: "root" });
 DepartmentToStringPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'departmentToString'
@@ -19029,7 +19034,7 @@ class MenuService {
         this._visibleSubject.next(value);
     }
 }
-MenuService.ɵprov = ɵɵdefineInjectable({ factory: function MenuService_Factory() { return new MenuService(); }, token: MenuService, providedIn: "root" });
+MenuService.ɵprov = i0.ɵɵdefineInjectable({ factory: function MenuService_Factory() { return new MenuService(); }, token: MenuService, providedIn: "root" });
 MenuService.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root'
@@ -19523,7 +19528,7 @@ class AuthGuardService {
         }));
     }
 }
-AuthGuardService.ɵprov = ɵɵdefineInjectable({ factory: function AuthGuardService_Factory() { return new AuthGuardService(ɵɵinject(AccountService), ɵɵinject(ModalController), ɵɵinject(Router), ɵɵinject(ENVIRONMENT)); }, token: AuthGuardService, providedIn: "root" });
+AuthGuardService.ɵprov = i0.ɵɵdefineInjectable({ factory: function AuthGuardService_Factory() { return new AuthGuardService(i0.ɵɵinject(AccountService), i0.ɵɵinject(i1$4.ModalController), i0.ɵɵinject(i3$3.Router), i0.ɵɵinject(ENVIRONMENT)); }, token: AuthGuardService, providedIn: "root" });
 AuthGuardService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -19571,7 +19576,7 @@ class BaseEntityService extends BaseGraphqlService {
             query,
             variables: { id },
             fetchPolicy: opts && opts.fetchPolicy || undefined,
-            error: { code: ErrorCodes.LOAD_DATA_ERROR, message: 'REFERENTIAL.ERROR.LOAD_DATA_ERROR' }
+            error: { code: ErrorCodes$2.LOAD_DATA_ERROR, message: 'REFERENTIAL.ERROR.LOAD_DATA_ERROR' }
         })
             .pipe(map(({ data }) => (!opts || opts.toEntity !== false)
             ? (data && this.fromObject(data))
@@ -19586,7 +19591,7 @@ class BaseEntityService extends BaseGraphqlService {
                 query,
                 variables: { id },
                 fetchPolicy: opts && opts.fetchPolicy || undefined,
-                error: { code: ErrorCodes.LOAD_DATA_ERROR, message: 'REFERENTIAL.ERROR.LOAD_DATA_ERROR' }
+                error: { code: ErrorCodes$2.LOAD_DATA_ERROR, message: 'REFERENTIAL.ERROR.LOAD_DATA_ERROR' }
             });
             // Convert to entity
             return (!opts || opts.toEntity !== false)
@@ -19617,7 +19622,7 @@ class BaseEntityService extends BaseGraphqlService {
             totalFieldName: withTotal ? 'total' : undefined,
             insertFilterFn: filter && filter.asFilterFn(),
             variables,
-            error: { code: ErrorCodes.LOAD_DATA_ERROR, message: 'REFERENTIAL.ERROR.LOAD_DATA_ERROR' },
+            error: { code: ErrorCodes$2.LOAD_DATA_ERROR, message: 'REFERENTIAL.ERROR.LOAD_DATA_ERROR' },
             fetchPolicy: opts && opts.fetchPolicy || undefined
         })
             .pipe(map(({ data, total }) => {
@@ -19653,7 +19658,7 @@ class BaseEntityService extends BaseGraphqlService {
             const { data, total } = yield this.graphql.query({
                 query,
                 variables,
-                error: { code: ErrorCodes.LOAD_DATA_ERROR, message: 'ERROR.LOAD_DATA_ERROR' },
+                error: { code: ErrorCodes$2.LOAD_DATA_ERROR, message: 'ERROR.LOAD_DATA_ERROR' },
                 fetchPolicy: opts && opts.fetchPolicy || 'network-only'
             });
             const entities = (!opts || opts.toEntity !== false) ?
@@ -19692,7 +19697,7 @@ class BaseEntityService extends BaseGraphqlService {
                 variables: {
                     filter: filter && filter.asPodObject()
                 },
-                error: { code: ErrorCodes.LOAD_DATA_ERROR, message: 'ERROR.COUNT_DATA_ERROR' },
+                error: { code: ErrorCodes$2.LOAD_DATA_ERROR, message: 'ERROR.COUNT_DATA_ERROR' },
                 fetchPolicy: opts && opts.fetchPolicy || 'network-only'
             });
             return res.total;
@@ -19725,7 +19730,7 @@ class BaseEntityService extends BaseGraphqlService {
                 variables: {
                     data: json
                 },
-                error: { code: ErrorCodes.SAVE_DATA_ERROR, message: 'ERROR.SAVE_DATA_ERROR' },
+                error: { code: ErrorCodes$2.SAVE_DATA_ERROR, message: 'ERROR.SAVE_DATA_ERROR' },
                 update: (proxy, { data }) => {
                     const savedEntities = data && data.data;
                     if (savedEntities) {
@@ -19781,7 +19786,7 @@ class BaseEntityService extends BaseGraphqlService {
                 variables: {
                     data: json
                 },
-                error: { code: ErrorCodes.SAVE_DATA_ERROR, message: 'ERROR.SAVE_DATA_ERROR' },
+                error: { code: ErrorCodes$2.SAVE_DATA_ERROR, message: 'ERROR.SAVE_DATA_ERROR' },
                 update: (cache, { data }) => {
                     // Update entity
                     const savedEntity = data && data.data;
@@ -19829,7 +19834,7 @@ class BaseEntityService extends BaseGraphqlService {
                 refetchQueries: this.getRefetchQueriesForMutation(opts),
                 awaitRefetchQueries: opts && opts.awaitRefetchQueries,
                 variables: { ids },
-                error: { code: ErrorCodes.DELETE_DATA_ERROR, message: 'ERROR.DELETE_DATA_ERROR' },
+                error: { code: ErrorCodes$2.DELETE_DATA_ERROR, message: 'ERROR.DELETE_DATA_ERROR' },
                 update: (cache, res) => {
                     // Remove from cache
                     if (this.watchQueriesUpdatePolicy === 'update-cache') {
@@ -19870,7 +19875,7 @@ class BaseEntityService extends BaseGraphqlService {
                 refetchQueries: this.getRefetchQueriesForMutation(opts),
                 awaitRefetchQueries: opts && opts.awaitRefetchQueries,
                 variables: { id },
-                error: { code: ErrorCodes.DELETE_DATA_ERROR, message: 'ERROR.DELETE_DATA_ERROR' },
+                error: { code: ErrorCodes$2.DELETE_DATA_ERROR, message: 'ERROR.DELETE_DATA_ERROR' },
                 update: (proxy, res) => {
                     // Remove from cache
                     if (this.watchQueriesUpdatePolicy === 'update-cache') {
@@ -19903,7 +19908,7 @@ class BaseEntityService extends BaseGraphqlService {
             query: opts && opts.query || this.subscriptions.listenChanges,
             variables,
             error: {
-                code: ErrorCodes.SUBSCRIBE_DATA_ERROR,
+                code: ErrorCodes$2.SUBSCRIBE_DATA_ERROR,
                 message: 'ERROR.SUBSCRIBE_DATA_ERROR'
             }
         })
@@ -20078,7 +20083,7 @@ class EntitiesTableDataSource extends TableDataSource {
                     if (this._debug)
                         invalidRows.forEach(row => AppTableUtils.logRowErrors(row, `[table-datasource] ${this._logTypeName} row #${row.id}`));
                     // Stop with an error
-                    throw { code: ErrorCodes.TABLE_INVALID_ROW_ERROR, message: 'ERROR.TABLE_INVALID_ROW_ERROR' };
+                    throw { code: ErrorCodes$2.TABLE_INVALID_ROW_ERROR, message: 'ERROR.TABLE_INVALID_ROW_ERROR' };
                 }
                 this._editingRowCount = 0;
                 let data;
@@ -20900,14 +20905,14 @@ class AppTable {
         return __awaiter(this, void 0, void 0, function* () {
             opts = Object.assign({ keepEditing: this.keepEditedRowOnSave }, opts);
             if (this.readOnly) {
-                throw { code: ErrorCodes.TABLE_READ_ONLY, message: 'ERROR.TABLE_READ_ONLY' };
+                throw { code: ErrorCodes$2.TABLE_READ_ONLY, message: 'ERROR.TABLE_READ_ONLY' };
             }
             this.resetError();
             // Keep edited row id (should be done BEFORE confirmEditCreate() )
             this.previouslyEditedRowId = opts.keepEditing && ((_a = this.editedRow) === null || _a === void 0 ? void 0 : _a.editing) ? this.editedRow.id : undefined;
             const previouslyEditedData = isNotNil(this.previouslyEditedRowId) && this.editedRow.currentData || ((_b = this.singleSelectedRow) === null || _b === void 0 ? void 0 : _b.currentData);
             if (!this.confirmEditCreate()) {
-                throw { code: ErrorCodes.TABLE_INVALID_ROW_ERROR, message: 'ERROR.TABLE_INVALID_ROW_ERROR' };
+                throw { code: ErrorCodes$2.TABLE_INVALID_ROW_ERROR, message: 'ERROR.TABLE_INVALID_ROW_ERROR' };
             }
             // Mark as saving
             this.markAsSaving();
@@ -21023,7 +21028,7 @@ class AppTable {
     deleteRows(event, rows, opts) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.readOnly) {
-                throw { code: ErrorCodes.TABLE_READ_ONLY, message: 'ERROR.TABLE_READ_ONLY' };
+                throw { code: ErrorCodes$2.TABLE_READ_ONLY, message: 'ERROR.TABLE_READ_ONLY' };
             }
             if (event === null || event === void 0 ? void 0 : event.defaultPrevented)
                 return 0; // SKip
@@ -22434,7 +22439,7 @@ class AppEntityEditor extends AppTabEditor {
                 try {
                     const data = yield this.dataService.load(id, opts);
                     if (!data)
-                        throw { code: ErrorCodes.DATA_NOT_FOUND_ERROR, message: 'ERROR.DATA_NO_FOUND' };
+                        throw { code: ErrorCodes$2.DATA_NOT_FOUND_ERROR, message: 'ERROR.DATA_NO_FOUND' };
                     this._usageMode = this.computeUsageMode(data);
                     yield this.onEntityLoaded(data, opts);
                     yield this.updateView(data, opts);
@@ -23338,7 +23343,7 @@ class UserEventService extends BaseGraphqlService {
         EntityUtils.copyIdAndUpdateDate(source, target);
     }
 }
-UserEventService.ɵprov = ɵɵdefineInjectable({ factory: function UserEventService_Factory() { return new UserEventService(ɵɵinject(GraphqlService), ɵɵinject(AccountService), ɵɵinject(NetworkService), ɵɵinject(TranslateService), ɵɵinject(ToastController), ɵɵinject(ENVIRONMENT)); }, token: UserEventService, providedIn: "root" });
+UserEventService.ɵprov = i0.ɵɵdefineInjectable({ factory: function UserEventService_Factory() { return new UserEventService(i0.ɵɵinject(GraphqlService), i0.ɵɵinject(AccountService), i0.ɵɵinject(NetworkService), i0.ɵɵinject(i1$1.TranslateService), i0.ɵɵinject(i1$4.ToastController), i0.ɵɵinject(ENVIRONMENT)); }, token: UserEventService, providedIn: "root" });
 UserEventService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -23723,7 +23728,7 @@ class PersonService extends BaseEntityService {
         return target;
     }
 }
-PersonService.ɵprov = ɵɵdefineInjectable({ factory: function PersonService_Factory() { return new PersonService(ɵɵinject(GraphqlService), ɵɵinject(PlatformService), ɵɵinject(NetworkService), ɵɵinject(EntitiesStorage)); }, token: PersonService, providedIn: "root" });
+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.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -23754,7 +23759,7 @@ class PersonValidatorService {
         return this.formBuilder.group(formConfig);
     }
 }
-PersonValidatorService.ɵprov = ɵɵdefineInjectable({ factory: function PersonValidatorService_Factory() { return new PersonValidatorService(ɵɵinject(FormBuilder), ɵɵinject(AccountValidatorService)); }, token: PersonValidatorService, providedIn: "root" });
+PersonValidatorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PersonValidatorService_Factory() { return new PersonValidatorService(i0.ɵɵinject(i1$6.FormBuilder), i0.ɵɵinject(AccountValidatorService)); }, token: PersonValidatorService, providedIn: "root" });
 PersonValidatorService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -23960,16 +23965,16 @@ AdminModule.decorators = [
 ];
 AdminModule.ctorParameters = () => [];
 
-const ɵ0$a = {
+const ɵ0 = {
     profile: 'ADMIN'
 };
-const routes$1 = [
+const routes = [
     {
         path: 'users',
         pathMatch: 'full',
         component: UsersPage,
         canActivate: [AuthGuardService],
-        data: ɵ0$a
+        data: ɵ0
     }
 ];
 class AdminRoutingModule {
@@ -23979,13 +23984,13 @@ AdminRoutingModule.decorators = [
                 imports: [
                     SharedRoutingModule,
                     AdminModule,
-                    RouterModule.forChild(routes$1)
+                    RouterModule.forChild(routes)
                 ],
                 exports: [RouterModule]
             },] }
 ];
 
-const ErrorCodes$2 = {
+const ErrorCodes = {
     LOAD_PERSONS_ERROR: 100,
     SAVE_PERSONS_ERROR: 101,
     DELETE_PERSONS_ERROR: 102,
@@ -23997,5 +24002,5 @@ const ErrorCodes$2 = {
  * Generated bundle index. Do not edit.
  */
 
-export { APP_ABOUT_DEVELOPERS, APP_ABOUT_PARTNERS, APP_CONFIG_OPTIONS, APP_FORM_ERROR_I18N_KEYS, APP_GRAPHQL_TYPE_POLICIES, APP_HOME_BUTTONS, APP_LOCALES, APP_LOCAL_SETTINGS, APP_LOCAL_SETTINGS_OPTIONS, APP_LOCAL_STORAGE_TYPE_POLICIES, APP_MENU_ITEMS, APP_TESTING_PAGES, AboutModal, Account, AccountPage, AccountService, AccountToStringPipe, ActionsColumnComponent, AdminModule, AdminRoutingModule, Alerts, AnimationState, AppEditorOptions, AppEntityEditor, AppForm, AppFormField, AppFormProvider, AppFormUtils, AppGestureConfig, AppGraphQLModule, AppHelpModal, AppInMemoryTable, AppInstallUpgradeCard, AppListForm, AppLoadingSpinner, AppMenuModule, AppNullForm, AppPropertiesForm, AppTabEditor, AppTabEditorOptions, AppTable, AppTableDataSourceOptions, AppTableUtils, AppValidatorService, AppendToInputDirective, ArrayFilterPipe, ArrayFirstPipe, ArrayIncludesPipe, ArrayLengthPipe, ArrayPluckPipe, AudioProvider, AuthForm, AuthGuardService, AuthModal, AutocompleteTestPage, AutofocusDirective, Base58, BaseEntityService, BaseGraphqlService, BaseGraphqlServiceOptions, BaseReferential, Beans, CORE_CONFIG_OPTIONS, CellValueChangeListener, ChipsTestPage, Color, ColorScale, ComponentDirtyGuard, ConfigService, Configuration, CoreModule, CryptoService, DATE_ISO_PATTERN, DATE_UNIX_MS_TIMESTAMP, DATE_UNIX_TIMESTAMP, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLACEHOLDER_CHAR, DEFAULT_REQUIRED_COLUMNS, DateDiffDurationPipe, DateFormatPipe, DateFromNowPipe, DateTimeTestPage, DateUtils, Department, DepartmentToStringPipe, DurationPipe, ENTITIES_STORAGE_KEY_PREFIX, ENVIRONMENT, EmptyArrayPipe, EntitiesService, EntitiesStorage, EntitiesTableDataSource, Entity, EntityClass, EntityClasses, EntityFilter, EntityFilterUtils, EntityMetadataComponent, EntityStore, EntityUtils, Environment, ErrorCodes$2 as ErrorCodes, EvenPipe, FileService, FileSizePipe, FormArrayHelper, FormButtonsBarComponent, FormButtonsBarToken, FormErrorTranslatePipe, FormErrorTranslator, FormFieldValuesHolder, Fragments$1 as Fragments, GraphqlService, HAMMER_PRESS_TIME, HAMMER_TAP_TIME, HighlightPipe, HomePage, Hotkeys, HotkeysDialogComponent, InMemoryEntitiesService, IsLoginAccountPipe, IsNilOrBlankPipe, IsNotNilOrBlankPipe, IsNotOnFieldModePipe, IsOnFieldModePipe, JobUtils, KEYBOARD_HIDE_DELAY_MS, LAT_LONG_DEFAULT_MAX_DECIMALS, LAT_LONG_PATTERNS, LatLongFormatPipe, LatLongTestPage, LatitudeFormatPipe, LocalSettingsService, LongitudeFormatPipe, MINIFY_ENTITY_FOR_LOCAL_STORAGE, MINIFY_ENTITY_FOR_POD, MapGetPipe, MapKeysPipe, MapValuesPipe, MatAutocompleteConfigHolder, MatAutocompleteField, MatBooleanField, MatChipsField, MatDate, MatDateShort, MatDateTime, MatDuration, MatLatLongField, MatNumpadComponent, MatNumpadContainerComponent, MatNumpadContent, MatPaginatorI18n, MatStepperI18n, MatSwipeField, MaterialChipsModule, MaterialTestingModule, MaterialTestingPage, MathAbsPipe, MenuComponent, MenuItems, MenuService, ModalToolbarComponent, NetworkService, NgInitDirective, NotEmptyArrayPipe, NumberFormatPipe, NumpadDirective, OddPipe, PRIORITIZED_AUTHORITIES, PUBKEY_REGEXP, Peer, Person, PersonFilter, PersonFragments, PersonService, PersonToStringPipe, PersonUtils, PersonValidatorService, PlatformService, ProgressBarService, ProgressInterceptor, PropertyGetPipe, RESERVED_END_COLUMNS, RESERVED_START_COLUMNS, Referential, ReferentialRef, ReferentialUtils, RegisterConfirmPage, SETTINGS_DISPLAY_COLUMNS, SETTINGS_FILTER, SETTINGS_PAGE_SIZE, SETTINGS_SORTED_COLUMN, SETTINGS_STORAGE_KEY, SETTINGS_TRANSIENT_PROPERTIES, SPACE_PLACEHOLDER_CHAR, SelectPeerModal, SettingsPage, SharedDirectivesModule, SharedFormArrayValidators, SharedFormGroupValidators, SharedHotkeysModule, SharedMatAutocompleteModule, SharedMatBooleanModule, SharedMatDateTimeModule, SharedMatDurationModule, SharedMatLatLongModule, SharedMatNumpadModule, SharedMatSwipeModule, SharedMaterialModule, SharedModule, SharedPipesModule, SharedRoutingModule, SharedTestingModule, SharedValidators, SocialModule, Software, StartableService, StatusById, StatusIds, StatusList, StrLengthPipe, SwipeTestPage, TableSelectColumnsComponent, ToStringPipe, Toasts, ToolbarComponent, ToolbarToken, TranslatablePipe, TranslateContextPipe, TranslateContextService, UserEvent, UserEventFilter, UserEventService, UserEventTypes, UserEventsTable, UserSettings, UsersPage, accountToString, adaptValueToControl, addValueInArray, arrayDistinct, arrayGroupBy, arraySize, asInputElement, canHaveFocus, capitalizeFirstLetter, chainPromises, changeCaseToUnderscore, clearValueInArray, copyEntity2Form, createPromiseEvent, createPromiseEventEmitter, departmentToString, departmentsToString, disableControls, emitPromiseEvent, entityToString, equalsOrNil, fadeInAnimation, fadeInOutAnimation, filterFalse, filterNotNil, filterNumberInput, filterTrue, firstArrayValue, firstFalsePromise, firstNotNil, firstNotNilPromise, firstTruePromise, focusInput, focusNextInput, focusPreviousInput, formatLatitude, formatLongitude, fromDateISOString, fromScrollEndEvent, fromUnixMsTimestamp, fromUnixTimestamp, getCaretPosition, getColorContrast, getColorShade, getColorTint, getConnectionType, getControlFromPath, getFocusableInputElements, getFormErrors, getFormValueFromEntity, getProperty, getPropertyByPath, getPropertyByPathAsString, getRandomImage, hexToRgb, hexToRgbArray, isControlHasInput, isEmptyArray, isInputElement, isInstanceOf, isInt, isNil, isNilOrBlank, isNilOrNaN, isNotEmptyArray, isNotNil, isNotNilOrBlank, isNotNilOrNaN, isNotNilString, isNumber, isNumberRange, joinProperties, joinPropertiesPath, logFormErrors, markAllAsTouched, markAsUntouched, markControlAsTouched, markFormGroupAsTouched, matchUpperCase, mergeLoadResult, mixHex, moveInputCaretToSeparator, noTrailingSlash, notNilOrDefault, nullIfUndefined, parseLatitudeOrLongitude, propertiesPathComparator, propertyComparator, propertyPathComparator, referentialToString, referentialsToString, remove, removeAll, removeDiacritics, removeDuplicatesFromArray, removeEnd, removeValueInArray, replaceAll, resetCalculatedValue, resizeArray, rgbArrayToHex, rgbToHex, round, scrollFactory, selectInputContent, selectInputRange, setCalculatedValue, setTabIndex, sleep, slideInOutAnimation, slideUpDownAnimation, sort, splitById, splitByProperty, startsWithUpperCase, suggestFromArray, suggestFromStringArray, tabindexComparator, toBoolean, toDateISOString, toDuration, toFloat, toInt, toNotNil, toNumber, trimEmptyToNull, uncapitalizeFirstLetter, updateValueAndValidity, waitFor, waitIdle, waitWhilePending, ɵ0$5 as ɵ0, CustomReuseStrategy as ɵa, MatNumpadDomService as ɵb, SharedMatBadgeIconModule as ɵc, MatBadgeIconDirective as ɵd, isFocusableElement as ɵe, MatBadgeIconTestPage as ɵf, RegisterForm as ɵg, AccountValidatorService as ɵh, RegisterModal as ɵi, UserSettingsValidatorService as ɵj, LocalSettingsValidatorService as ɵk };
+export { APP_ABOUT_DEVELOPERS, APP_ABOUT_PARTNERS, APP_CONFIG_OPTIONS, APP_FORM_ERROR_I18N_KEYS, APP_GRAPHQL_TYPE_POLICIES, APP_HOME_BUTTONS, APP_LOCALES, APP_LOCAL_SETTINGS, APP_LOCAL_SETTINGS_OPTIONS, APP_LOCAL_STORAGE_TYPE_POLICIES, APP_MENU_ITEMS, APP_TESTING_PAGES, AboutModal, Account, AccountPage, AccountService, AccountToStringPipe, ActionsColumnComponent, AdminModule, AdminRoutingModule, Alerts, AnimationState, AppEditorOptions, AppEntityEditor, AppForm, AppFormField, AppFormProvider, AppFormUtils, AppGestureConfig, AppGraphQLModule, AppHelpModal, AppInMemoryTable, AppInstallUpgradeCard, AppListForm, AppLoadingSpinner, AppMenuModule, AppNullForm, AppPropertiesForm, AppTabEditor, AppTabEditorOptions, AppTable, AppTableDataSourceOptions, AppTableUtils, AppValidatorService, AppendToInputDirective, ArrayFilterPipe, ArrayFirstPipe, ArrayIncludesPipe, ArrayLengthPipe, ArrayPluckPipe, AudioProvider, AuthForm, AuthGuardService, AuthModal, AutocompleteTestPage, AutofocusDirective, Base58, BaseEntityService, BaseGraphqlService, BaseGraphqlServiceOptions, BaseReferential, Beans, CORE_CONFIG_OPTIONS, CellValueChangeListener, ChipsTestPage, Color, ColorScale, ComponentDirtyGuard, ConfigService, Configuration, CoreModule, CryptoService, DATE_ISO_PATTERN, DATE_UNIX_MS_TIMESTAMP, DATE_UNIX_TIMESTAMP, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLACEHOLDER_CHAR, DEFAULT_REQUIRED_COLUMNS, DateDiffDurationPipe, DateFormatPipe, DateFromNowPipe, DateTimeTestPage, DateUtils, Department, DepartmentToStringPipe, DurationPipe, ENTITIES_STORAGE_KEY_PREFIX, ENVIRONMENT, EmptyArrayPipe, EntitiesService, EntitiesStorage, EntitiesTableDataSource, Entity, EntityClass, EntityClasses, EntityFilter, EntityFilterUtils, EntityMetadataComponent, EntityStore, EntityUtils, Environment, ErrorCodes, EvenPipe, FileService, FileSizePipe, FormArrayHelper, FormButtonsBarComponent, FormButtonsBarToken, FormErrorTranslatePipe, FormErrorTranslator, FormFieldValuesHolder, Fragments, GraphqlService, HAMMER_PRESS_TIME, HAMMER_TAP_TIME, HighlightPipe, HomePage, Hotkeys, HotkeysDialogComponent, InMemoryEntitiesService, IsLoginAccountPipe, IsNilOrBlankPipe, IsNotNilOrBlankPipe, IsNotOnFieldModePipe, IsOnFieldModePipe, JobUtils, KEYBOARD_HIDE_DELAY_MS, LAT_LONG_DEFAULT_MAX_DECIMALS, LAT_LONG_PATTERNS, LatLongFormatPipe, LatLongTestPage, LatitudeFormatPipe, LocalSettingsService, LongitudeFormatPipe, MINIFY_ENTITY_FOR_LOCAL_STORAGE, MINIFY_ENTITY_FOR_POD, MapGetPipe, MapKeysPipe, MapValuesPipe, MatAutocompleteConfigHolder, MatAutocompleteField, MatBooleanField, MatChipsField, MatDate, MatDateShort, MatDateTime, MatDuration, MatLatLongField, MatNumpadComponent, MatNumpadContainerComponent, MatNumpadContent, MatPaginatorI18n, MatStepperI18n, MatSwipeField, MaterialChipsModule, MaterialTestingModule, MaterialTestingPage, MathAbsPipe, MenuComponent, MenuItems, MenuService, ModalToolbarComponent, NetworkService, NgInitDirective, NotEmptyArrayPipe, NumberFormatPipe, NumpadDirective, OddPipe, PRIORITIZED_AUTHORITIES, PUBKEY_REGEXP, Peer, Person, PersonFilter, PersonFragments, PersonService, PersonToStringPipe, PersonUtils, PersonValidatorService, PlatformService, ProgressBarService, ProgressInterceptor, PropertyGetPipe, RESERVED_END_COLUMNS, RESERVED_START_COLUMNS, Referential, ReferentialRef, ReferentialUtils, RegisterConfirmPage, SETTINGS_DISPLAY_COLUMNS, SETTINGS_FILTER, SETTINGS_PAGE_SIZE, SETTINGS_SORTED_COLUMN, SETTINGS_STORAGE_KEY, SETTINGS_TRANSIENT_PROPERTIES, SPACE_PLACEHOLDER_CHAR, SelectPeerModal, SettingsPage, SharedDirectivesModule, SharedFormArrayValidators, SharedFormGroupValidators, SharedHotkeysModule, SharedMatAutocompleteModule, SharedMatBooleanModule, SharedMatDateTimeModule, SharedMatDurationModule, SharedMatLatLongModule, SharedMatNumpadModule, SharedMatSwipeModule, SharedMaterialModule, SharedModule, SharedPipesModule, SharedRoutingModule, SharedTestingModule, SharedValidators, SocialModule, Software, StartableService, StatusById, StatusIds, StatusList, StrLengthPipe, SwipeTestPage, TableSelectColumnsComponent, ToStringPipe, Toasts, ToolbarComponent, ToolbarToken, TranslatablePipe, TranslateContextPipe, TranslateContextService, UserEvent, UserEventFilter, UserEventService, UserEventTypes, UserEventsTable, UserSettings, UsersPage, accountToString, adaptValueToControl, addValueInArray, arrayDistinct, arrayGroupBy, arraySize, asInputElement, canHaveFocus, capitalizeFirstLetter, chainPromises, changeCaseToUnderscore, clearValueInArray, copyEntity2Form, createPromiseEvent, createPromiseEventEmitter, departmentToString, departmentsToString, disableControls, emitPromiseEvent, entityToString, equalsOrNil, fadeInAnimation, fadeInOutAnimation, filterFalse, filterNotNil, filterNumberInput, filterTrue, firstArrayValue, firstFalsePromise, firstNotNil, firstNotNilPromise, firstTruePromise, focusInput, focusNextInput, focusPreviousInput, formatLatitude, formatLongitude, fromDateISOString, fromScrollEndEvent, fromUnixMsTimestamp, fromUnixTimestamp, getCaretPosition, getColorContrast, getColorShade, getColorTint, getConnectionType, getControlFromPath, getFocusableInputElements, getFormErrors, getFormValueFromEntity, getProperty, getPropertyByPath, getPropertyByPathAsString, getRandomImage, hexToRgb, hexToRgbArray, isControlHasInput, isEmptyArray, isInputElement, isInstanceOf, isInt, isNil, isNilOrBlank, isNilOrNaN, isNotEmptyArray, isNotNil, isNotNilOrBlank, isNotNilOrNaN, isNotNilString, isNumber, isNumberRange, joinProperties, joinPropertiesPath, logFormErrors, markAllAsTouched, markAsUntouched, markControlAsTouched, markFormGroupAsTouched, matchUpperCase, mergeLoadResult, mixHex, moveInputCaretToSeparator, noTrailingSlash, notNilOrDefault, nullIfUndefined, parseLatitudeOrLongitude, propertiesPathComparator, propertyComparator, propertyPathComparator, referentialToString, referentialsToString, remove, removeAll, removeDiacritics, removeDuplicatesFromArray, removeEnd, removeValueInArray, replaceAll, resetCalculatedValue, resizeArray, rgbArrayToHex, rgbToHex, round, scrollFactory, selectInputContent, selectInputRange, setCalculatedValue, setTabIndex, sleep, slideInOutAnimation, slideUpDownAnimation, sort, splitById, splitByProperty, startsWithUpperCase, suggestFromArray, suggestFromStringArray, tabindexComparator, toBoolean, toDateISOString, toDuration, toFloat, toInt, toNotNil, toNumber, trimEmptyToNull, uncapitalizeFirstLetter, updateValueAndValidity, waitFor, waitIdle, waitWhilePending, ɵ0$5 as ɵ0, CustomReuseStrategy as ɵa, MatNumpadDomService as ɵb, SharedMatBadgeIconModule as ɵc, MatBadgeIconDirective as ɵd, isFocusableElement as ɵe, MatBadgeIconTestPage as ɵf, RegisterForm as ɵg, AccountValidatorService as ɵh, RegisterModal as ɵi, UserSettingsValidatorService as ɵj, LocalSettingsValidatorService as ɵk };
 //# sourceMappingURL=sumaris-net.ngx-components.js.map