@sumaris-net/ngx-components 18.0.2 → 18.0.4

package/package.json

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

package/public_api.d.ts

@@ -88,6 +88,7 @@ export * from './src/app/shared/pipes/maskito.pipe';
 export * from './src/app/shared/pipes/selection.pipes';
 export * from './src/app/shared/pipes/badge.pipes';
 export * from './src/app/shared/pipes/html.pipes';
+export * from './src/app/shared/pipes/display-with.pipe';
 export * from './src/app/shared/services';
 export * from './src/app/shared/audio/audio';
 export * from './src/app/shared/file/file.service';

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

@@ -18,6 +18,7 @@ export interface AppPropertiesFormState {
     definitionKeys: Property[];
 }
 export declare class AppPropertiesForm<O = any, T extends Property<O> = Property<O>, S extends AppPropertiesFormState = AppPropertiesFormState> extends AppForm<T[]> implements OnInit {
+    protected injector: Injector;
     protected formBuilder: UntypedFormBuilder;
     protected dateAdapter: DateAdapter<Moment>;
     protected cd: ChangeDetectorRef;
@@ -45,8 +46,15 @@ export declare class AppPropertiesForm<O = any, T extends Property<O> = Property
     showHintKey: boolean;
     hintKeyPrefix: string;
     showMoreButton: boolean;
-    showMoreButtonTitle: string;
+    addButtonText: string;
+    addButtonTitle: string;
     showAddButton: boolean;
+    /**
+     * @deprecated Use addButtonTitle instead
+     * @param value
+     */
+    set showMoreButtonTitle(value: string);
+    get showMoreButtonTitle(): string;
     set definitions(value: FormFieldDefinition[]);
     get definitions(): FormFieldDefinition[];
     set value(data: T[]);
@@ -55,7 +63,7 @@ export declare class AppPropertiesForm<O = any, T extends Property<O> = Property
     get fieldForms(): UntypedFormGroup[];
     constructor(injector: Injector, formBuilder: UntypedFormBuilder, dateAdapter: DateAdapter<Moment>, cd: ChangeDetectorRef, validator: PropertyValidator, formGroupDir: FormGroupDirective);
     ngOnInit(): void;
-    protected updateDefinitionsMaps(definitions?: FormFieldDefinition[]): void;
+    protected processDefinitions(definitions: FormFieldDefinition[]): FormFieldDefinition[];
     getDefinitionAt(index: number): FormFieldDefinition;
     updateDefinitionAt(index: number, opts?: {
         emitEvent?: boolean;
@@ -67,7 +75,7 @@ export declare class AppPropertiesForm<O = any, T extends Property<O> = Property
     protected markForCheck(): void;
     protected isEmptyProperty(obj: Property): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppPropertiesForm<any, any, any>, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AppPropertiesForm<any, any, any>, "app-properties-form", never, { "formArrayName": { "alias": "formArrayName"; "required": false; }; "formArray": { "alias": "formArray"; "required": false; }; "options": { "alias": "options"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "showHintKey": { "alias": "showHintKey"; "required": false; }; "hintKeyPrefix": { "alias": "hintKeyPrefix"; "required": false; }; "showMoreButton": { "alias": "showMoreButton"; "required": false; }; "showMoreButtonTitle": { "alias": "showMoreButtonTitle"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "definitions": { "alias": "definitions"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppPropertiesForm<any, any, any>, "app-properties-form", never, { "formArrayName": { "alias": "formArrayName"; "required": false; }; "formArray": { "alias": "formArray"; "required": false; }; "options": { "alias": "options"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "showHintKey": { "alias": "showHintKey"; "required": false; }; "hintKeyPrefix": { "alias": "hintKeyPrefix"; "required": false; }; "showMoreButton": { "alias": "showMoreButton"; "required": false; }; "addButtonText": { "alias": "addButtonText"; "required": false; }; "addButtonTitle": { "alias": "addButtonTitle"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "showMoreButtonTitle": { "alias": "showMoreButtonTitle"; "required": false; }; "definitions": { "alias": "definitions"; "required": false; }; }, {}, never, never, false, never>;
     static ngAcceptInputType_mobile: unknown;
     static ngAcceptInputType_showHintKey: unknown;
     static ngAcceptInputType_showMoreButton: unknown;

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

@@ -34,6 +34,7 @@ export declare class SettingsPage extends AppForm<LocalSettings> implements OnIn
     protected saving: boolean;
     protected usageModes: UsageMode[];
     protected menuItems: IMenuItem[];
+    protected showOptionKeys: boolean;
     protected propertyDefinitions: FormFieldDefinition[];
     protected latLongFormats: string[];
     get accountInheritance(): boolean;
@@ -76,6 +77,7 @@ export declare class SettingsPage extends AppForm<LocalSettings> implements OnIn
         emitEvent?: boolean;
     }): void;
     protected toggleDarkMode(enable?: boolean): Promise<void>;
+    protected toggleShowOptionKey(): void;
     protected markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SettingsPage, [null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SettingsPage, "page-settings", never, {}, {}, never, never, false, never>;

package/src/app/shared/debug/debug.component.d.ts

@@ -2,6 +2,7 @@ import { MatExpansionPanel } from '@angular/material/expansion';
 import { Environment } from '../../../environments/environment.class';
 import * as i0 from "@angular/core";
 export declare class DebugComponent {
+    titlePrefix: string;
     title: string;
     enable: boolean;
     expanded: boolean;
@@ -9,5 +10,5 @@ export declare class DebugComponent {
     constructor(environment: Environment);
     toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DebugComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DebugComponent, "app-debug", never, { "title": { "alias": "title"; "required": false; }; "enable": { "alias": "enable"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DebugComponent, "app-debug", never, { "titlePrefix": { "alias": "titlePrefix"; "required": false; }; "title": { "alias": "title"; "required": false; }; "enable": { "alias": "enable"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/src/app/shared/form/field.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, Injector, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnInit } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, UntypedFormControl } from '@angular/forms';
 import { AppFloatLabelType, DisplayFn, FormFieldDefinition, FormFieldType } from './field.model';
 import { TranslateService } from '@ngx-translate/core';
@@ -64,8 +64,6 @@ export declare class AppFormField implements OnInit, ControlValueAccessor {
      */
     reloadItems(value?: any): void;
     protected computeNumberInputStep(definition: FormFieldDefinition): string;
-    protected computeValuesFromToken(token: InjectionToken<(string | Property)[]>): any[];
-    protected computeValues(values: (string | Property)[]): Property[];
     protected checkAndResolveFormControl(): void;
     protected _onDefinitionChanged(definition: FormFieldDefinition, opts?: {
         emitEvent?: boolean;

package/src/app/shared/form/field.model.d.ts

@@ -1,5 +1,5 @@
 import { ObjectMap, Property } from '../types';
-import { InjectionToken } from '@angular/core';
+import { InjectionToken, Injector } from '@angular/core';
 import { MatAutocompleteFieldConfig } from '../material/autocomplete/material.autocomplete.config';
 import { UserProfileLabel } from '../../core/services/model/person.model';
 import { FloatLabelType } from '@angular/material/form-field';
@@ -45,6 +45,34 @@ export declare interface FormFieldDefinition<K = string, T = FormFieldType, E =
     deserialize?: (value: string) => E | Promise<E>;
 }
 export declare type FormFieldDefinitionMap = ObjectMap<FormFieldDefinition>;
+export declare class FormFieldDefinitionUtils {
+    /**
+     * Prepares an array of form field definitions by using the specified injector to process each definition.
+     *
+     * @param {Injector} injector - The injector used to process each form field definition.
+     * @param {FormFieldDefinition[]} defs - An array of form field definitions to be prepared.
+     * @return {FormFieldDefinition[]} An array of prepared form field definitions.
+     */
+    static prepareDefinitions(injector: Injector, defs: FormFieldDefinition[]): FormFieldDefinition[];
+    /**
+     * Prepares the definition by processing its type and optionally setting the values property.
+     *
+     * @param {Injector} injector - The injector used to get the necessary services.
+     * @param {FormFieldDefinition} def - The form field definition to be prepared.
+     * @return {FormFieldDefinition} - The prepared form field definition with updated values if the type is 'enum' or 'enums'.
+     */
+    static prepareDefinition(injector: Injector, def: FormFieldDefinition): FormFieldDefinition;
+    /**
+     * Retrieves an array of Property objects from the provided enum values.
+     *
+     * @param {Injector} injector - The Angular injector to resolve the InjectionToken.
+     * @param {(string | Property)[] | InjectionToken<(string | Property)[]>} enumValues - The enum values, which can be an array of strings, array of Property objects, or an InjectionToken that resolves to such an array.
+     * @return {Property[]} An array of Property objects.
+     */
+    static getEnumValues(injector: Injector, enumValues: (string | Property)[] | InjectionToken<(string | Property)[]>): Property[];
+    static getDisplayValueFn(definition: FormFieldDefinition): DisplayFn;
+    private static asPropertyArray;
+}
 export declare abstract class FormFieldValuesHolder {
     getAsBoolean(data: ObjectMap, definition: FormFieldDefinition): boolean;
     getAsInt(data: any, definition: FormFieldDefinition): number;

package/src/app/shared/pipes/display-with.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DisplayWithPipe implements PipeTransform {
+    transform(value: any, displayFn: (any: any) => string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DisplayWithPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<DisplayWithPipe, "displayWith", false>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DisplayWithPipe>;
+}

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

@@ -21,11 +21,12 @@ import * as i19 from "./maskito.pipe";
 import * as i20 from "./selection.pipes";
 import * as i21 from "./badge.pipes";
 import * as i22 from "./html.pipes";
-import * as i23 from "@angular/common";
-import * as i24 from "@ionic/angular";
-import * as i25 from "@ngx-translate/core";
+import * as i23 from "./display-with.pipe";
+import * as i24 from "@angular/common";
+import * as i25 from "@ionic/angular";
+import * as i26 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 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.ArrayLastPipe, 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 i1.BooleanFormatPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorPipe, 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 i18.AsBooleanPipe, typeof i22.SafeHtmlPipe, typeof i22.NoHtmlPipe], [typeof i23.CommonModule, typeof i24.IonicModule, typeof i25.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.ArrayLastPipe, 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 i1.BooleanFormatPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorPipe, 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 i18.AsBooleanPipe, typeof i22.SafeHtmlPipe, typeof i22.NoHtmlPipe]>;
+    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.ArrayLastPipe, 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 i1.BooleanFormatPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorPipe, 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 i18.AsBooleanPipe, typeof i22.SafeHtmlPipe, typeof i22.NoHtmlPipe, typeof i23.DisplayWithPipe], [typeof i24.CommonModule, typeof i25.IonicModule, typeof i26.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.ArrayLastPipe, 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 i1.BooleanFormatPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorPipe, 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 i18.AsBooleanPipe, typeof i22.SafeHtmlPipe, typeof i22.NoHtmlPipe, typeof i23.DisplayWithPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedPipesModule>;
 }

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

@@ -16,7 +16,7 @@ declare abstract class AbstractValueFormatPipe {
     private translate;
     get i18nYes(): string;
     get i18nNo(): string;
-    protected valueToString(value: any, definition?: FormFieldDefinition): string;
+    protected valueToString(value: any, definition?: Partial<FormFieldDefinition>): string;
 }
 export declare class PropertyFormatPipe extends AbstractValueFormatPipe implements PipeTransform {
     transform(obj: any, args: string | Array<string | number> | FormFieldDefinition): string | Promise<string>;

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

@@ -127,6 +127,11 @@
     "TABLE": {
       "FILTERED_PARENTHESIS": "(filtered)"
     },
+    "DEBUG": {
+      "TITLE": "Debug",
+      "BTN_DEBUG_DOTS": "Débogage...",
+      "BTN_ENABLE_DEBUG": "Enable debug?"
+    },
     "NAMED_FILTER": {
       "TITLE": "Saved filters",
       "SAVE": "Save the filter",
@@ -395,6 +400,7 @@
     "BTN_CHANGE_PEER": "See available nodes",
     "BTN_DARK_MODE": "Dark theme?",
     "BTN_SHOW_MORE_HELP": "Show more parameters",
+    "BTN_SHOW_OPTION_KEY": "Show the option code?",
     "BTN_CLEAR_CACHE": "Clear data cache",
     "OFFLINE_MODE": "Force offline mode? (experimental)",
     "DATA_ENTRY_DIVIDER": "Data entry settings",

package/src/assets/i18n/en.json

@@ -126,6 +126,11 @@
     "TABLE": {
       "FILTERED_PARENTHESIS": "(filtered)"
     },
+    "DEBUG": {
+      "TITLE": "Debug",
+      "BTN_DEBUG_DOTS": "Débogage...",
+      "BTN_ENABLE_DEBUG": "Enable debug?"
+    },
     "NAMED_FILTER": {
       "TITLE": "Saved filters",
       "SAVE": "Save the filter",
@@ -394,6 +399,7 @@
     "BTN_CHANGE_PEER": "See available nodes",
     "BTN_DARK_MODE": "Dark theme?",
     "BTN_SHOW_MORE_HELP": "Show more parameters",
+    "BTN_SHOW_OPTION_KEY": "Show the option code?",
     "BTN_CLEAR_CACHE": "Clear data cache",
     "OFFLINE_MODE": "Force offline mode? (experimental)",
     "DATA_ENTRY_DIVIDER": "Data entry settings",

package/src/assets/i18n/fr.json

@@ -126,6 +126,11 @@
     "TABLE": {
       "FILTERED_PARENTHESIS": "(filtré)"
     },
+    "DEBUG": {
+      "TITLE": "Debug",
+      "BTN_DEBUG_DOTS": "Débogage...",
+      "BTN_ENABLE_DEBUG": "Activer le débogage ?"
+    },
     "NAMED_FILTER": {
       "TITLE": "Filtres enregistrés",
       "SAVE": "Sauvegarder le filtre",
@@ -394,6 +399,7 @@
     "BTN_CHANGE_PEER": "Voir les nœuds disponibles",
     "BTN_DARK_MODE": "Mode sombre ? (expérimental)",
     "BTN_SHOW_MORE_HELP": "Afficher plus de paramètres",
+    "BTN_SHOW_OPTION_KEY": "Afficher le code des options ?",
     "BTN_CLEAR_CACHE": "Vider le cache",
     "OFFLINE_MODE": "Forcer le mode hors-ligne ?",
     "DATA_ENTRY_DIVIDER": "Paramètres de saisie",

package/src/assets/manifest.json

@@ -2,7 +2,7 @@
   "name": "ngx-sumaris-components",
   "short_name": "ngx-sumaris-components",
   "manifest_version": 1,
-  "version": "18.0.2",
+  "version": "18.0.4",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{

package/src/theme/_ngx-components.scss

@@ -429,15 +429,13 @@ ion-list,
     --ion-grid-column-padding: 0;
 
     ion-col {
-      --ion-padding-start: 8px;
+      --padding-start: 8px;
       padding: 0 !important;
-      padding-left: var(--ion-padding-start) !important;
+      padding-left: var(--padding-start) !important;
       text-overflow: ellipsis;
       overflow: hidden;
       white-space: nowrap;
     }
-
-
   }
 
   .odd {