@sumaris-net/ngx-components 2.8.1-beta2 → 2.8.1-beta4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "2.8.1-beta2",
+  "version": "2.8.1-beta4",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/public_api.d.ts

@@ -200,6 +200,7 @@ export * from './src/app/core/table/entities-table-datasource.class';
 export * from './src/app/core/table/entities-async-table-datasource.class';
 export * from './src/app/core/table/table-select-columns.component';
 export * from './src/app/core/table/actions-column.component';
+export * from './src/app/core/table/row-field.component';
 export * from './src/app/core/icon/icon.component';
 export * from './src/app/core/icon/icon.module';
 export * from './src/app/core/home/home';

package/src/app/core/account/account.page.d.ts

@@ -43,6 +43,7 @@ export declare class AccountPage extends AppForm<Account> implements OnInit, OnD
     readonly mobile: boolean;
     get valid(): boolean;
     protected showApiTokens: boolean;
+    protected showLatLonFormat: boolean;
     constructor(injector: Injector, formBuilder: UntypedFormBuilder, accountService: AccountService, network: NetworkService, navController: NavController, validatorService: AccountValidatorService, configService: ConfigService, cd: ChangeDetectorRef, locales: LocaleConfig[]);
     ngOnInit(): void;
     ngOnDestroy(): void;

package/src/app/core/account/new-token.modal.d.ts

@@ -8,6 +8,7 @@ import { IAppForm } from '../form/form.utils';
 import { AccountService } from '../services/account.service';
 import * as i0 from "@angular/core";
 export interface INewTokenModalOptions extends IEntityEditorModalOptions<UserToken> {
+    showScopes: boolean;
     tokenScopes: TokenScope[];
     existingNames: string[];
 }
@@ -18,6 +19,7 @@ export declare class NewTokenModal extends AppEntityEditorModal<UserToken> imple
     tokenForm: UntypedFormGroup;
     tokenAppForm: IAppForm;
     tokenConfig: MatAutocompleteFieldConfig;
+    showScopes: boolean;
     tokenScopes: TokenScope[];
     existingNames: string[];
     private readonly platform;
@@ -35,5 +37,5 @@ export declare class NewTokenModal extends AppEntityEditorModal<UserToken> imple
     copy(event: UIEvent): Promise<void>;
     protected getFlags(scopes: TokenScope[]): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<NewTokenModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NewTokenModal, "app-new-token-modal", never, { "tokenScopes": { "alias": "tokenScopes"; "required": false; }; "existingNames": { "alias": "existingNames"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NewTokenModal, "app-new-token-modal", never, { "showScopes": { "alias": "showScopes"; "required": false; }; "tokenScopes": { "alias": "tokenScopes"; "required": false; }; "existingNames": { "alias": "existingNames"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/src/app/core/account/token.table.d.ts

@@ -4,15 +4,20 @@ import { ValidatorService } from '@e-is/ngx-material-table';
 import { TokenScope, UserToken } from '../services/model/token.model';
 import { AppInMemoryTable } from '../table/memory-table.class';
 import { Environment } from '../../../environments/environment.class';
+import { ConfigService } from '../services/config.service';
+import { Configuration } from '../services/model/config.model';
 import * as i0 from "@angular/core";
 export declare class UserTokenTable extends AppInMemoryTable<UserToken> implements OnInit {
     protected injector: Injector;
     protected formBuilder: UntypedFormBuilder;
     protected validatorService: ValidatorService;
     protected cd: ChangeDetectorRef;
+    protected configService: ConfigService;
     protected tokenScopes: TokenScope[];
     useSticky: boolean;
-    constructor(injector: Injector, formBuilder: UntypedFormBuilder, validatorService: ValidatorService, cd: ChangeDetectorRef, environment: Environment, tokenScopes: TokenScope[]);
+    protected showScopes: boolean;
+    protected defaultScope: string;
+    constructor(injector: Injector, formBuilder: UntypedFormBuilder, validatorService: ValidatorService, cd: ChangeDetectorRef, configService: ConfigService, environment: Environment, tokenScopes: TokenScope[]);
     ngOnInit(): void;
     get value(): UserToken[];
     set value(data: UserToken[]);
@@ -21,7 +26,8 @@ export declare class UserTokenTable extends AppInMemoryTable<UserToken> implemen
     }): void;
     addToken(event: UIEvent): Promise<void>;
     display(scopes: TokenScope[]): string;
+    protected onConfigLoaded(config: Configuration): void;
     protected markForCheck(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UserTokenTable, [null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserTokenTable, [null, null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UserTokenTable, "app-user-token-table", never, { "useSticky": { "alias": "useSticky"; "required": false; }; }, {}, never, never, false, never>;
 }

package/src/app/core/form/properties/properties.table.d.ts

@@ -55,6 +55,7 @@ export declare class AppPropertiesTable extends AppInMemoryTable<PropertyEntity,
     ngOnInit(): void;
     get value(): PropertyEntity[];
     set value(data: PropertyEntity[]);
+    definitionByRow: (row: TableElement<PropertyEntity>) => FormFieldDefinition;
     setValue(value: PropertyEntity[], opts?: {
         emitEvent?: boolean;
     }): void;

package/src/app/core/services/config/core.config.d.ts

@@ -4,9 +4,12 @@ export declare const CORE_CONFIG_OPTIONS: Readonly<{
     FAVICON: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     DEFAULT_LOCALE: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     DEFAULT_LAT_LONG_FORMAT: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
+    DEFAULT_LAT_LONG_FORMAT_ENABLED: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     REGISTRATION_ENABLE: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     AUTH_TOKEN_TYPE: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     AUTH_API_TOKEN_ENABLED: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
+    AUTH_API_TOKEN_SCOPE_ENABLED: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
+    DEFAULT_AUTH_API_TOKEN_SCOPE: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     GRAVATAR_ENABLE: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     GRAVATAR_URL: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     TESTING: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;

package/src/app/core/table/row-field.component.d.ts

@@ -0,0 +1,40 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { ThemePalette } from '@angular/material/core';
+import { PredefinedColors } from '@ionic/core';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { AppFloatLabelType, FormFieldDefinition } from '../../shared/form/field.model';
+import { MatColumnDef, MatTable } from '@angular/material/table';
+import { AsyncTableElement, TableElement } from '@e-is/ngx-material-table';
+import * as i0 from "@angular/core";
+export declare class AppRowField implements OnInit, OnDestroy {
+    protected cd: ChangeDetectorRef;
+    matTable: MatTable<any>;
+    columnDef: MatColumnDef;
+    name: string;
+    definition: FormFieldDefinition;
+    definitionFn: (row: TableElement<any> | AsyncTableElement<any>) => FormFieldDefinition;
+    headerI18n: string;
+    sortable: boolean;
+    resizable: boolean;
+    required: boolean;
+    readonly: boolean;
+    sticky: boolean;
+    draggable: boolean;
+    disabled: boolean;
+    placeholder: string;
+    compact: boolean;
+    floatLabel: AppFloatLabelType;
+    appearance: MatFormFieldAppearance;
+    tabindex: number;
+    autofocus: boolean;
+    clearable: boolean;
+    chipColor: ThemePalette | PredefinedColors;
+    classList: string;
+    debug: boolean;
+    protected logPrefix: string;
+    constructor(cd: ChangeDetectorRef, matTable: MatTable<any>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppRowField, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppRowField, "app-row-field", never, { "name": { "alias": "name"; "required": false; }; "definition": { "alias": "definition"; "required": false; }; "definitionFn": { "alias": "definitionFn"; "required": false; }; "headerI18n": { "alias": "headerI18n"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; }, {}, never, never, false, never>;
+}

package/src/app/core/table/table.module.d.ts

@@ -1,11 +1,13 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./table-select-columns.component";
 import * as i2 from "./actions-column.component";
-import * as i3 from "./table.pipes";
-import * as i4 from "../../shared/shared.module";
-import * as i5 from "@ngx-translate/core";
+import * as i3 from "./row-field.component";
+import * as i4 from "./table.pipes";
+import * as i5 from "../../shared/shared.module";
+import * as i6 from "@ngx-translate/core";
+import * as i7 from "../../shared/directives/resizable/resizable.module";
 export declare class AppTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AppTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AppTableModule, [typeof i1.TableSelectColumnsComponent, typeof i2.ActionsColumnComponent, typeof i3.IsAllSelectedPipe, typeof i3.IsNotAllSelectedPipe], [typeof i4.SharedModule, typeof i5.TranslateModule], [typeof i5.TranslateModule, typeof i1.TableSelectColumnsComponent, typeof i2.ActionsColumnComponent, typeof i3.IsAllSelectedPipe, typeof i3.IsNotAllSelectedPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppTableModule, [typeof i1.TableSelectColumnsComponent, typeof i2.ActionsColumnComponent, typeof i3.AppRowField, typeof i4.IsAllSelectedPipe, typeof i4.IsNotAllSelectedPipe], [typeof i5.SharedModule, typeof i6.TranslateModule, typeof i7.ResizableModule], [typeof i6.TranslateModule, typeof i1.TableSelectColumnsComponent, typeof i2.ActionsColumnComponent, typeof i3.AppRowField, typeof i4.IsAllSelectedPipe, typeof i4.IsNotAllSelectedPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AppTableModule>;
 }

package/src/app/shared/inputs.d.ts

@@ -16,7 +16,7 @@ export interface InputElement extends FocusableElement {
 }
 export declare function isInputElement(object: any): object is InputElement;
 export declare function asInputElement(object: ElementRef): InputElement | undefined;
-export declare function tabindexComparator(a: InputElement, b: InputElement): 0 | 1 | -1;
+export declare function tabindexComparator(a: InputElement, b: InputElement): 1 | 0 | -1;
 export interface CanGainFocusOptions {
     minTabindex?: number;
     maxTabindex?: number;

package/src/app/shared/pipes/pipes.module.d.ts

@@ -25,6 +25,6 @@ import * as i23 from "@ionic/angular";
 import * as i24 from "@ngx-translate/core";
 export declare class SharedPipesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedPipesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedPipesModule, [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i2.DateFormatPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i5.DateFromNowPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i1.PropertyFormatPipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe, typeof i20.IsSelectedPipe, typeof i20.IsNotEmptySelectionPipe, typeof i20.IsEmptySelectionPipe, typeof i20.SelectionLengthPipe, typeof i20.IsMultipleSelectionPipe, typeof i20.IsSingleSelectionPipe, typeof i21.BadgeNumberPipe], [typeof i22.CommonModule, typeof i23.IonicModule, typeof i24.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i2.DateFormatPipe, typeof i5.DateFromNowPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe, typeof i20.IsSelectedPipe, typeof i20.IsNotEmptySelectionPipe, typeof i20.IsEmptySelectionPipe, typeof i20.SelectionLengthPipe, typeof i20.IsMultipleSelectionPipe, typeof i20.IsSingleSelectionPipe, typeof i21.BadgeNumberPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedPipesModule, [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i1.ValueFormatPipe, typeof i2.DateFormatPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i5.DateFromNowPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe, typeof i20.IsSelectedPipe, typeof i20.IsNotEmptySelectionPipe, typeof i20.IsEmptySelectionPipe, typeof i20.SelectionLengthPipe, typeof i20.IsMultipleSelectionPipe, typeof i20.IsSingleSelectionPipe, typeof i21.BadgeNumberPipe], [typeof i22.CommonModule, typeof i23.IonicModule, typeof i24.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i1.ValueFormatPipe, typeof i2.DateFormatPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i5.DateFromNowPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe, typeof i20.IsSelectedPipe, typeof i20.IsNotEmptySelectionPipe, typeof i20.IsEmptySelectionPipe, typeof i20.SelectionLengthPipe, typeof i20.IsMultipleSelectionPipe, typeof i20.IsSingleSelectionPipe, typeof i21.BadgeNumberPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedPipesModule>;
 }

package/src/app/shared/pipes/property.pipes.d.ts

@@ -11,16 +11,28 @@ export declare class PropertyGetPipe implements PipeTransform {
     static ɵfac: i0.ɵɵFactoryDeclaration<PropertyGetPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<PropertyGetPipe, "propertyGet", false>;
 }
-export declare class PropertyFormatPipe implements PipeTransform {
+declare abstract class AbstractValuePipe {
     private dateFormat;
     private translate;
     private _i18nYes;
     private _i18nNo;
     constructor(dateFormat: DateFormatService, translate: TranslateService);
-    transform(obj: any, keyOrDefinition: string | FormFieldDefinition): string | Promise<string>;
     get i18nYes(): string;
     get i18nNo(): string;
+    protected valueToString(value: any, definition?: FormFieldDefinition): string;
+}
+export declare class PropertyFormatPipe extends AbstractValuePipe implements PipeTransform {
+    constructor(dateFormat: DateFormatService, translate: TranslateService);
+    transform(obj: any, keyOrDefinition: string | FormFieldDefinition): string | Promise<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PropertyFormatPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<PropertyFormatPipe, "propertyFormat", false>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PropertyFormatPipe>;
 }
+export declare class ValueFormatPipe extends AbstractValuePipe implements PipeTransform {
+    constructor(dateFormat: DateFormatService, translate: TranslateService);
+    transform(value: any, definition: FormFieldDefinition): string | Promise<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValueFormatPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ValueFormatPipe, "valueFormat", false>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ValueFormatPipe>;
+}
+export {};

package/src/assets/i18n/en-US.json

@@ -152,6 +152,7 @@
       "ENABLE_GRAVATAR": "User > Enable Gravatar?",
       "DEFAULT_LOCALE": "Default Language",
       "DEFAULT_LATLONG_FORMAT": "Default lat/lon format",
+      "ENABLE_DEFAULT_LATLONG_FORMAT": "Show default lat/lon format",
       "APP_MIN_VERSION": "App > Minimal compatible version (x.y.z)",
       "HELP_URL": "App > User manual (URL)",
       "FORUM_URL": "App > Forum address (URL)",
@@ -203,7 +204,9 @@
         "TOKEN": "Crypto",
         "BASIC_AND_TOKEN": "Basic and crypto"
       },
-      "ENABLE_AUTH_API_TOKENS": "API > Enable auth tokens"
+      "ENABLE_AUTH_API_TOKENS": "API > Enable auth tokens",
+      "ENABLE_AUTH_API_TOKENS_SCOPE": "API > Enable rights on auth tokens",
+      "DEFAULT_AUTH_API_TOKEN_SCOPE": "API > Default right on new auth token"
     }
   },
   "MENU": {

package/src/assets/i18n/en.json

@@ -152,6 +152,7 @@
       "ENABLE_GRAVATAR": "User > Enable Gravatar?",
       "DEFAULT_LOCALE": "Default Language",
       "DEFAULT_LATLONG_FORMAT": "Default lat/lon format",
+      "ENABLE_DEFAULT_LATLONG_FORMAT": "Show default lat/lon format",
       "APP_MIN_VERSION": "App > Minimal compatible version (x.y.z)",
       "HELP_URL": "App > User manual (URL)",
       "FORUM_URL": "App > Forum address (URL)",
@@ -203,7 +204,9 @@
         "TOKEN": "Crypto",
         "BASIC_AND_TOKEN": "Basic and crypto"
       },
-      "ENABLE_AUTH_API_TOKENS": "API > Enable auth tokens"
+      "ENABLE_AUTH_API_TOKENS": "API > Enable auth tokens",
+      "ENABLE_AUTH_API_TOKENS_SCOPE": "API > Enable rights on auth tokens",
+      "DEFAULT_AUTH_API_TOKEN_SCOPE": "API > Default right on new auth token"
     }
   },
   "MENU": {

package/src/assets/i18n/fr.json

@@ -152,6 +152,7 @@
       "ENABLE_GRAVATAR": "Utilisateur > Utiliser Gravatar ?",
       "DEFAULT_LOCALE": "Langue par défaut",
       "DEFAULT_LATLONG_FORMAT": "Format lat/lon par défaut",
+      "ENABLE_DEFAULT_LATLONG_FORMAT": "Affichage du format lat/lon par défaut",
       "APP_MIN_VERSION": "App > Version minimale compatible (x.y.z)",
       "HELP_URL": "App > Adresse du manuel utilisateur (URL)",
       "FORUM_URL": "App > Adresse du forum (URL)",
@@ -203,7 +204,9 @@
         "TOKEN": "Cryptographique",
         "BASIC_AND_TOKEN": "Basique et cryptographique"
       },
-      "ENABLE_AUTH_API_TOKENS": "API > Activer les jetons d'authentification"
+      "ENABLE_AUTH_API_TOKENS": "API > Activer les jetons d'authentification",
+      "ENABLE_AUTH_API_TOKENS_SCOPE": "API > Activer les droits des jetons d'authentification",
+      "DEFAULT_AUTH_API_TOKEN_SCOPE": "API > Droit par défaut d'un nouveau jeton d'authentification"
     }
   },
   "MENU": {

package/src/theme/_ngx-components.table.scss

@@ -91,7 +91,7 @@
       transition: none !important;
     }
 
-    .mat-sort-header-arrow:not([style*="opacity: 1"]) {
+    .mat-sort-header-arrow:not([style*='opacity: 1']) {
       display: none;
     }
   }
@@ -108,7 +108,6 @@
     .mat-mdc-header-cell,
     .mat-mdc-cell,
     .mat-mdc-footer-cell {
-
       // Remove default padding
       padding-inline: 0;
 
@@ -126,7 +125,6 @@
 
       /* Add a start padding to content (but not the cell itself) (e.g. tables with odd/event style - like BatchGroupsTable) */
       &.mat-mdc-cell-content-start-padding {
-
         // Reset start padding here (only apply cell's content)
         padding-inline-start: 0;
 
@@ -221,7 +219,7 @@
     .mat-mdc-cell-computed,
     .mat-cell-computed,
     .mat-mdc-cell ion-text.computed,
-    .mat-mdc-cell ion-label.computed,{
+    .mat-mdc-cell ion-label.computed {
       --ion-text-color: var(--app-form-color-computed, #{$app-form-color-computed}) !important;
       color: var(--ion-text-color) !important;
       font-style: italic;
@@ -229,7 +227,6 @@
   }
 
   .mat-mdc-row {
-
     // Disabled row
     &.mat-mdc-row-disabled *,
     &.mat-row-disabled * {
@@ -250,7 +247,7 @@
     &.mat-mdc-row-selected,
     &.mat-row-selected {
       --ion-text-color: var(--app-table-row-item-selected-text-color) !important;
-      --ion-background-color: var(--app-table-row-item-selected-background-color) !important;;
+      --ion-background-color: var(--app-table-row-item-selected-background-color) !important;
 
       --mdc-filled-text-field-input-text-color: var(--ion-text-color);
       --mat-select-enabled-trigger-text-color: var(--ion-text-color);
@@ -271,7 +268,6 @@
       &.mat-row-disabled:hover {
         background-color: var(--ion-background-color) !important;
       }
-
     }
 
     // Dirty row
@@ -303,7 +299,7 @@
       color: inherit;
 
       .mdc-floating-label {
-          visibility: hidden;
+        visibility: hidden;
       }
     }
 
@@ -343,7 +339,8 @@
       .mat-mdc-form-field-icon-prefix {
         padding: 0;
 
-        ion-icon, .mat-icon {
+        ion-icon,
+        .mat-icon {
           $font-size: calculateRem(18px);
           $margin-vertical: calculateRem(4px);
           height: $font-size;
@@ -375,13 +372,13 @@
           white-space: nowrap;
         }
 
-        input[type=number]::-webkit-outer-spin-button,
-        input[type=number]::-webkit-inner-spin-button {
+        input[type='number']::-webkit-outer-spin-button,
+        input[type='number']::-webkit-inner-spin-button {
           -webkit-appearance: none;
           margin: 0;
         }
 
-        input[type=number] {
+        input[type='number'] {
           //text-align: right;
           -moz-appearance: textfield;
         }
@@ -396,7 +393,8 @@
           --mdc-icon-button-state-layer-size: 24px;
           padding: 0;
 
-          ion-icon, .mat-icon {
+          ion-icon,
+          .mat-icon {
             $font-size: calculateRem(18px);
             font-size: $font-size;
             line-height: 1.125;
@@ -406,7 +404,6 @@
             width: var(--mdc-icon-button-state-layer-size);
           }
         }
-
       }
 
       // Specific behavior for chips
@@ -427,7 +424,7 @@
         visibility: hidden;
       }
 
-      &.mat-form-field-hide-placeholder .mat-mdc-select-placeholder  {
+      &.mat-form-field-hide-placeholder .mat-mdc-select-placeholder {
         /* TODO use variables select theme */
         color: rgba(0, 0, 0, 0.6) !important;
         -webkit-text-fill-color: rgba(0, 0, 0, 0.6) !important;
@@ -449,7 +446,6 @@
     .mat-boolean-field-button.mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix,
     .mat-boolean-field-button .mat-mdc-form-field-infix {
       // Increase top border (because of button height)
-
     }
 
     mat-date-time-field {
@@ -555,16 +551,24 @@
     --mdc-icon-button-state-layer-size: var(--mat-paginator-container-size) !important;
     padding: 6px !important;
   }
+}
 
+// -------------------------
+// Specific Properties table
+// -------------------------
+app-properties-table {
+  .mat-column-value {
+    min-width: 50%;
+    max-width: 50%;
+    width: 50%;
+  }
 }
 
 html.plt-mobile {
-
   // fixme: class mat-paginator-footer not used anymore, use .mat-mdc-paginator
   .mat-paginator-footer {
     .mat-paginator-outer-container {
       .mat-paginator-container {
-
         // Move paginator to the left,
         // because floating button are on the right
         margin-top: 0 !important;