@sumaris-net/ngx-components 1.20.0-rc5 → 1.20.2

package/src/app/shared/pipes/latlong-format.pipe.d.ts

@@ -1,11 +1,13 @@
 import { PipeTransform } from '@angular/core';
-import { formatLatitude, formatLongitude } from '../material/latlong/latlong.utils';
-export declare class LatLongFormatPipe implements PipeTransform {
-    transform(value: number, args?: any): string | Promise<string>;
-}
+import { formatLatitude, formatLongitude, LatLongFormatOptions } from '../material/latlong/latlong.utils';
 export declare class LatitudeFormatPipe implements PipeTransform {
     transform: typeof formatLatitude;
 }
 export declare class LongitudeFormatPipe implements PipeTransform {
     transform: typeof formatLongitude;
 }
+export declare class LatLongFormatPipe implements PipeTransform {
+    transform(value: number, opts?: Partial<LatLongFormatOptions> & {
+        type: 'latitude' | 'longitude';
+    }): string | Promise<string>;
+}

package/src/app/shared/pipes/number-format.pipe.d.ts

@@ -1,4 +1,6 @@
 import { PipeTransform } from '@angular/core';
 export declare class NumberFormatPipe implements PipeTransform {
-    transform(val: number, numberFormatOptions?: Intl.NumberFormatOptions): string | Promise<string>;
+    transform(val: number, opts?: Intl.NumberFormatOptions & {
+        fixedDecimals?: number;
+    }): string | Promise<string>;
 }

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

@@ -1,10 +1,11 @@
 import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { ProgressBarService, ProgressMode } from '../services/progress-bar.service';
-import { Router } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 import { IonRouterOutlet, IonSearchbar } from '@ionic/angular';
 import { Observable } from 'rxjs';
 import { HammerTapEvent } from '../gesture/hammer.utils';
 import { PredefinedColors } from '@ionic/core';
+import { IonMenuToggle } from '@ionic/angular';
 export declare abstract class ToolbarToken {
     abstract onBackClick: Observable<Event>;
     abstract doBackClick(event: Event): any;
@@ -12,6 +13,7 @@ export declare abstract class ToolbarToken {
     abstract canGoBack: boolean;
 }
 export declare class ToolbarComponent implements ToolbarToken, OnInit, OnDestroy {
+    private route;
     private router;
     private routerOutlet;
     private cd;
@@ -39,7 +41,8 @@ export declare class ToolbarComponent implements ToolbarToken, OnInit, OnDestroy
     progressBarMode$: Observable<ProgressMode>;
     showSearchBar: boolean;
     searchbar: IonSearchbar;
-    constructor(router: Router, routerOutlet: IonRouterOutlet, cd: ChangeDetectorRef, progressBarService: ProgressBarService);
+    menuToggle: IonMenuToggle;
+    constructor(route: ActivatedRoute, router: Router, routerOutlet: IonRouterOutlet, cd: ChangeDetectorRef, progressBarService: ProgressBarService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     toggleSearchBar(): Promise<void>;

package/src/app/shared/validator/validators.d.ts

@@ -18,6 +18,7 @@ export declare class SharedValidators {
         dateMinDuration: string;
         dateMaxDuration: string;
         maxDecimals: string;
+        double: string;
         integer: string;
         email: string;
         latitude: string;
@@ -33,7 +34,11 @@ export declare class SharedValidators {
     static empty(control: FormControl): ValidationErrors | null;
     static pubkey(control: FormControl): ValidationErrors | null;
     static integer(control: FormControl): ValidationErrors | null;
-    static double(opts?: {
+    /**
+     * @deprecated use decimal
+     */
+    static double: typeof SharedValidators.decimal;
+    static decimal(opts?: {
         maxDecimals?: number;
     }): ValidatorFn;
     static validDate(control: FormControl): ValidationErrors | null;

package/src/app/vendor.d.ts

@@ -2,3 +2,8 @@ import 'tweetnacl';
 import 'tweetnacl-util';
 import 'scrypt-async';
 import 'hammerjs';
+import * as momentImported from 'moment';
+import { Moment } from 'moment';
+declare const moment: typeof momentImported;
+declare const tz: typeof momentImported;
+export { moment, tz, Moment };

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

@@ -444,8 +444,9 @@
     "FIELD_MAX": "Maximum value: {{max}}",
     "FIELD_MAX_COMPACT": "Max value={{max}}",
     "FIELD_MAXIMUM_DECIMALS": "Too many decimals ({{maxDecimals}} max)",
-    "FIELD_MAXIMUM_DECIMALS_COMPACT": "Nb decimals > {{max}}",
+    "FIELD_MAXIMUM_DECIMALS_COMPACT": "Nb decimals > {{maxDecimals}}",
     "FIELD_INVALID": "Invalid value",
+    "FIELD_NOT_VALID_DECIMAL": "Expected decimal value",
     "FIELD_NOT_VALID_INTEGER": "Expected integer value",
     "FIELD_NOT_VALID_EMAIL": "Invalid email address",
     "FIELD_NOT_VALID_DATE": "Invalid date",

package/src/assets/i18n/en.json

@@ -444,8 +444,9 @@
     "FIELD_MAX": "Maximum value: {{max}}",
     "FIELD_MAX_COMPACT": "Max value={{max}}",
     "FIELD_MAXIMUM_DECIMALS": "Too many decimals ({{maxDecimals}} max)",
-    "FIELD_MAXIMUM_DECIMALS_COMPACT": "Nb decimals > {{max}}",
+    "FIELD_MAXIMUM_DECIMALS_COMPACT": "Nb decimals > {{maxDecimals}}",
     "FIELD_INVALID": "Invalid value",
+    "FIELD_NOT_VALID_DECIMAL": "Expected decimal value",
     "FIELD_NOT_VALID_INTEGER": "Expected integer value",
     "FIELD_NOT_VALID_EMAIL": "Invalid email address",
     "FIELD_NOT_VALID_DATE": "Invalid date",

package/src/assets/i18n/fr.json

@@ -256,6 +256,8 @@
     }
   },
   "REFERENTIAL": {
+    "LABEL": "Code",
+    "NAME": "Libellé",
     "STATUS_ENUM": {
       "ENABLE": "Actif à la saisie",
       "DISABLE": "Inactif à la saisie",
@@ -441,12 +443,13 @@
     "FIELD_MAX_LENGTH": "Valeur trop longue {{maxLength && (' (' + maxLength + ' caract. max)') }}",
     "FIELD_MAX_LENGTH_COMPACT": "Valeur trop longue",
     "FIELD_MIN": "La valeur minimale autorisée est {{min}}",
-    "FIELD_MIN_COMPACT": "Min autorisée={{min}}",
+    "FIELD_MIN_COMPACT": "Min {{min}}",
     "FIELD_MAX": "Valeur maximale autorisée: {{max}}",
     "FIELD_MAX_COMPACT": "Max {{max}}",
     "FIELD_MAXIMUM_DECIMALS": "Trop de décimales (max: {{maxDecimals}})",
     "FIELD_MAXIMUM_DECIMALS_COMPACT": "Nb décimale > {{maxDecimals}}",
     "FIELD_INVALID": "Valeur non valide",
+    "FIELD_NOT_VALID_DECIMAL": "Valeur décimale attendue",
     "FIELD_NOT_VALID_INTEGER": "Valeur entière attendue",
     "FIELD_NOT_VALID_EMAIL": "Adresse email invalide",
     "FIELD_NOT_VALID_DATE": "Date invalide",

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

@@ -7,6 +7,7 @@ $app-form-color-disabled: rgba(0, 0, 0, 0.55) !default;
 
 $app-table-header-height: 44px !default;
 $app-table-cell-vertical-padding: 8px !default;
+$app-table-row-height: 48px !default;
 $app-table-row-max-height: 52px !default;
 
 $app-paginator-height: 34px !default;

package/src/theme/_ngx-components.scss

@@ -344,17 +344,20 @@ mat-option:not(:last-of-type) {
     }
   }
 
-  ion-searchbar.mat-select-header,
-  ion-searchbar.mat-autocomplete-header
+  mat-option.mat-select-searchbar,
+  mat-option.mat-autocomplete-searchbar
   {
-    visibility: hidden;
-    display: none;
-    opacity: 0;
-
-    height: 58px;
+    padding: 0 !important;
+    height: 58px !important;
     background-color: var(--ion-color-secondary100) !important;
 
-    &.ion-searchbar-sticky {
+    /* hide pseudo checkbox, in the searchbar*/
+    mat-pseudo-checkbox {
+      visibility: hidden;
+      display: none;
+    }
+
+    &.mat-select-searchbar-sticky {
       z-index: 1001;
       /* Set header as sticky*/
       position: -webkit-sticky;
@@ -387,7 +390,7 @@ mat-option:not(:last-of-type) {
         white-space: nowrap;
         text-overflow: ellipsis;
       }
-      &.ion-searchbar-sticky {
+      &.mat-select-searchbar-sticky {
         /* offset because of the searchbar height */
         top: 58px;
       }
@@ -397,7 +400,8 @@ mat-option:not(:last-of-type) {
 
   ion-row.mat-select-footer,
   ion-row.mat-menu-footer,
-  ion-row.mat-autocomplete-footer {
+  ion-row.mat-autocomplete-footer,
+  mat-option.mat-autocomplete-footer {
     /* Set footer as sticky*/
     position: -webkit-sticky;
     position: sticky;
@@ -587,7 +591,9 @@ ion-list {
   .mat-row,
   .mat-footer-row {
     --mat-cell-vertical-padding: #{$app-table-cell-vertical-padding};
+    --mat-row-height: #{$app-table-row-height};
     --mat-row-max-height: #{$app-table-row-max-height};
+    height: calc(min(var(--mat-row-height), var(--mat-row-max-height)));
     max-height: var(--mat-row-max-height);
 
     // Reserve space for row dirty border
@@ -807,15 +813,14 @@ ion-list {
     }
   }
 
-
-
   /* Special case to have small row */
-  .mat-row-small {
+  &.compact .mat-row,
+  .mat-row.mat-row-small {
     min-height: inherit;
-    max-height: 33px !important;
+    --mat-row-max-height: 33px;
   }
-  .mat-row.mat-small .mat-cell,
-  .mat-row .mat-cell.mat-small{
+  .mat-row.mat-row-small .mat-cell,
+  .mat-row .mat-cell.mat-row-small{
     line-height: 15px;
     @include font-size(12px);
   }
@@ -1060,16 +1065,23 @@ mat-button-toggle.mat-button-toggle-checked.mat-button-toggle-disabled {
   color: white;
 }
 
-// --- mat-tab-group component
+// --------------------------------------------------
+// Material tab group
+// --------------------------------------------------
+
+// --- Allow to hide headers
 mat-tab-group.mat-tab-group-header-hidden .mat-tab-header {
-    display: none !important;
+    display: none;
 }
+
+// --- Allow to hide header's pagination
 mat-tab-group.mat-tab-group-header-pagination-hidden .mat-tab-header-pagination {
-  display: none !important;
+  display: none;
 }
 
+// --- Allow to hide disabled headers
 mat-tab-group.mat-tab-disabled-hidden .mat-tab-disabled {
-  display: none !important;
+  display: none;
 }
 
 // --------------------------------------------------

package/sumaris-net.ngx-components.d.ts

@@ -2,17 +2,18 @@
  * Generated bundle index. Do not edit.
  */
 export * from './public_api';
-export { AppIconComponent as ɵi } from './src/app/core/icon/icon.component';
+export { AppIconComponent as ɵj } from './src/app/core/icon/icon.component';
+export { AppUpdateOfflineModeCard as ɵi } from './src/app/core/offline/update-offline-mode-card.component';
 export { RegisterForm as ɵd } from './src/app/core/register/form/form-register';
 export { RegisterModal as ɵf } from './src/app/core/register/modal/modal-register';
 export { AccountValidatorService as ɵe } from './src/app/core/services/validator/account.validator';
 export { LocalSettingsValidatorService as ɵh } from './src/app/core/services/validator/local-settings.validator';
 export { UserSettingsValidatorService as ɵg } from './src/app/core/services/validator/user-settings.validator';
 export { isFocusableElement as ɵc } from './src/app/shared/focusable';
-export { MatBadgeIconTestPage as ɵl } from './src/app/shared/material/badge/badge-icon.test';
-export { DateTestPage as ɵj } from './src/app/shared/material/datetime/testing/mat-date.test';
+export { MatBadgeIconTestPage as ɵm } from './src/app/shared/material/badge/badge-icon.test';
+export { DateTestPage as ɵk } from './src/app/shared/material/datetime/testing/mat-date.test';
 export { MatNumpadDomService as ɵb } from './src/app/shared/material/numpad/numpad.dom-service';
-export { NumpadTestPage as ɵk } from './src/app/shared/material/numpad/testing/numpad.test';
+export { NumpadTestPage as ɵl } from './src/app/shared/material/numpad/testing/numpad.test';
 export { CustomReuseStrategy as ɵa } from './src/app/shared/shared-routing.module';
-export { ToastTestingPage as ɵn } from './src/app/shared/toast/toast.testing';
-export { ToastTestingModule as ɵm } from './src/app/shared/toast/toast.testing.module';
+export { ToastTestingPage as ɵo } from './src/app/shared/toast/toast.testing';
+export { ToastTestingModule as ɵn } from './src/app/shared/toast/toast.testing.module';