@sumaris-net/ngx-components 1.23.8 → 2.0.0-rc1

package/src/app/social/user-event/user-event.service.d.ts

@@ -11,7 +11,8 @@ import { NetworkService } from '../../core/services/network.service';
 import { BaseGraphqlService, BaseGraphqlServiceOptions } from '../../core/services/base-graphql-service.class';
 import { Moment } from 'moment';
 import { IStartableService } from '../../shared/services/startable-service.class';
-export declare const USER_EVENT_SERVICE: InjectionToken<IUserEventService<any, any, UserEventWatchOptions, UserEventLoadOptions>>;
+import * as i0 from "@angular/core";
+export declare const USER_EVENT_SERVICE: InjectionToken<IUserEventService<any, any, number, UserEventWatchOptions, UserEventLoadOptions>>;
 export declare interface UserEventLoadOptions extends EntitiesServiceLoadOptions {
     withContent?: boolean;
 }
@@ -32,7 +33,7 @@ export interface IUserEventSubscriptions {
     listenAllChanges: any;
     listenCountChanges?: any;
 }
-export interface IUserEventListener<E extends IUserEvent<E>> {
+export interface IUserEventListener<E extends IUserEvent<E, ID>, ID = number> {
     accept: (E: any) => boolean;
     onReceived?: (E: any) => Promise<E> | E | undefined;
     onRead?: (E: any) => Promise<void> | void;
@@ -42,9 +43,10 @@ export interface UserEventServiceOptions<Q extends IUserEventQueries = IUserEven
     mutations?: Partial<M>;
     subscriptions?: Partial<S>;
 }
-export interface IUserEventService<E extends IUserEvent<E>, F extends IUserEventFilter<E>, WO extends UserEventWatchOptions = UserEventWatchOptions, LO extends UserEventLoadOptions = UserEventLoadOptions> extends IEntitiesService<E, F, WO>, IStartableService {
+export interface IUserEventService<E extends IUserEvent<E, ID>, F extends IUserEventFilter<E, ID>, ID = number, WO extends UserEventWatchOptions = UserEventWatchOptions, LO extends UserEventLoadOptions = UserEventLoadOptions> extends IEntitiesService<E, F, WO>, IStartableService {
     countSubject: Observable<number>;
-    add(entity: E): any;
+    add(entity: E): Promise<E>;
+    load(id: ID, opts?: LO): Promise<E>;
     count(filter: Partial<F>, options?: {
         fetchPolicy?: FetchPolicy;
     }): Promise<number>;
@@ -59,10 +61,10 @@ export interface IUserEventService<E extends IUserEvent<E>, F extends IUserEvent
     save(entity: E, options?: EntityServiceLoadOptions): Promise<E>;
     delete(entity: E): Promise<any>;
     markAllAsRead(entities: E[]): any;
-    registerListener(listener: IUserEventListener<E>): any;
+    registerListener(listener: IUserEventListener<E, ID>): any;
     resetCount(): any;
 }
-export declare abstract class AbstractUserEventService<E extends IUserEvent<E, any>, F extends IUserEventFilter<E, any>, WO extends UserEventWatchOptions = UserEventWatchOptions, LO extends UserEventLoadOptions = UserEventLoadOptions, Q extends IUserEventQueries = IUserEventQueries, M extends IUserEventMutations = IUserEventMutations, S extends IUserEventSubscriptions = IUserEventSubscriptions> extends BaseGraphqlService<E, F> implements IUserEventService<E, F, WO, LO>, OnDestroy {
+export declare abstract class AbstractUserEventService<E extends IUserEvent<E, ID>, F extends IUserEventFilter<E, ID>, ID = number, WO extends UserEventWatchOptions = UserEventWatchOptions, LO extends UserEventLoadOptions = UserEventLoadOptions, Q extends IUserEventQueries = IUserEventQueries, M extends IUserEventMutations = IUserEventMutations, S extends IUserEventSubscriptions = IUserEventSubscriptions> extends BaseGraphqlService<E, F, ID> implements IUserEventService<E, F, ID, WO, LO>, OnDestroy {
     protected graphql: GraphqlService;
     protected accountService: AccountService;
     protected network: NetworkService;
@@ -73,7 +75,7 @@ export declare abstract class AbstractUserEventService<E extends IUserEvent<E, a
     protected readonly subscriptions: Partial<S>;
     protected readonly _countSubject: BehaviorSubject<number>;
     protected resetCountDate: Moment;
-    protected listeners: IUserEventListener<E>[];
+    protected listeners: IUserEventListener<E, ID>[];
     private _subscriptions;
     private _listenSubscription;
     get countSubject(): Subject<number>;
@@ -85,7 +87,8 @@ export declare abstract class AbstractUserEventService<E extends IUserEvent<E, a
     watchAll(offset: number, size: number, sortBy?: string, sortDirection?: SortDirection, filter?: Partial<F>, options?: WO): Observable<LoadResult<E>>;
     watchPage(page: Page, filter?: Partial<F>, opts?: WO): Observable<LoadResult<E>>;
     loadPage(page: Page, filter?: Partial<F>, opts?: LO): Promise<LoadResult<E>>;
-    add(entity: E): Promise<void>;
+    load(id: ID, opts?: LO): Promise<E>;
+    add(entity: E): Promise<E>;
     count(filter: Partial<F>, options?: {
         fetchPolicy?: FetchPolicy;
     }): Promise<number>;
@@ -103,17 +106,19 @@ export declare abstract class AbstractUserEventService<E extends IUserEvent<E, a
     save(entity: E, options?: EntityServiceLoadOptions): Promise<E>;
     saveAll(entities: E[], opts?: any): Promise<E[]>;
     markAllAsRead(entities: E[]): Promise<void>;
-    registerListener(listener: IUserEventListener<E>): void;
+    registerListener(listener: IUserEventListener<E, ID>): void;
     resetCount(): void;
     protected onLogin(): Promise<void>;
     protected onLogout(): void;
     protected startListenCountChanges(): void;
     protected stopListenCountChanges(): void;
-    protected processUserEvent(source: any, that?: AbstractUserEventService<E, F>): Promise<E>;
+    protected processUserEvent(source: any): Promise<E>;
     protected defaultMarkAsRead(userEvents: E[]): Promise<void>;
     protected defaultFilter(): F;
-    protected defaultRecipient(): any;
+    protected abstract defaultRecipient(): any;
     protected fillDefaultProperties(entity: E): void;
     protected unreadEvents(events: E[]): number;
     protected copyIdAndUpdateDate(source: E, target: E): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractUserEventService<any, any, any, any, any, any, any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractUserEventService<any, any, any, any, any, any, any, any>, never, never, {}, {}, never, never, false>;
 }

package/src/assets/i18n/fr.json

@@ -44,8 +44,8 @@
     "BTN_SEND": "Envoyer",
     "BTN_OPTIONS": "Options",
     "BTN_UNDO": "Annuler les modifications",
-    "BTN_TABLE_EDIT": "Editer dans le tableau",
-    "BTN_TABLE_OPEN": "Editer dans un formulaire",
+    "BTN_TABLE_EDIT": "Éditer dans le tableau",
+    "BTN_TABLE_OPEN": "Éditer dans un formulaire",
     "BTN_SHOW_HELP": "Aide en ligne",
     "BTN_HIDE": "Masquer",
     "BTN_HIDE_MENU": "Masquer le menu",
@@ -449,6 +449,13 @@
       "ERROR": "Erreur durant l'envoi de fichier"
     }
   },
+  "IMAGE": {
+    "BTN_CAMERA_SOURCE": "Prendre une photo",
+    "BTN_GALLERY_SOURCE": "Ouvrir la galerie",
+    "GALLERY": {
+      "BTN_ADD_TITLE": "Ajouter un titre"
+    }
+  },
   "ERROR": {
     "ALERT_HEADER": "Erreur",
     "FIELD_REQUIRED": "Champ obligatoire",

package/src/environments/environment.class.d.ts

@@ -1,6 +1,7 @@
 import { FetchPolicy } from '@apollo/client/core';
 import { StorageConfig } from '@ionic/storage';
 import { InjectionToken } from '@angular/core';
+import { CacheConfig } from 'ionic-cache/lib/interfaces/cache-config.interface';
 export declare const ENVIRONMENT: InjectionToken<Environment>;
 export declare class Environment {
     name: string;
@@ -29,6 +30,7 @@ export declare class Environment {
     defaultDepartmentId?: number;
     defaultAppName?: string;
     defaultAndroidInstallUrl?: string;
+    cache?: Partial<CacheConfig>;
     storage?: Partial<StorageConfig>;
     storageSavePeriodMs?: number;
     sourceUrl?: string;

package/src/environments/environment.d.ts

@@ -1,3 +1,3 @@
 import { Environment } from './environment.class';
+import 'zone.js/plugins/zone-error';
 export declare const environment: Environment;
-import 'zone.js/dist/zone-error';

package/src/theme/_icons.scss

@@ -13,7 +13,7 @@ $ionicons-font-path: $font-path !default;
 // Import material icons
 // --------------------------------------------------
 $material-design-icons-font-directory-path: '~material-design-icons-iconfont/dist/fonts/';
-@import '~material-design-icons-iconfont/src/material-design-icons';
+@import 'material-design-icons-iconfont/src/material-design-icons';
 
 mat-icon > span {
   position: absolute;

package/src/theme/_material.globals.scss

@@ -1,9 +1,7 @@
 // --------------------------------------------------
 // Import material theme
 // --------------------------------------------------
-@import '~@angular/material/theming';
-@import '~@angular/material/paginator/paginator-variables';
-@import '~@angular/material/toolbar/toolbar-variables';
+@use '@angular/material' as mat;
 
 // Define the palettes for your theme using the Material Design palettes available in palette.scss
 // (imported above). For each palette, you can optionally specify a default, lighter, and darker
@@ -25,47 +23,47 @@ $mat-indigo-app: (
   A400: mix(#000, $accent, 12%),
   A700: mix(#000, $accent, 24%),
   contrast: (
-    50: $dark-primary-text,
-    100: $dark-primary-text,
-    200: $dark-primary-text,
-    300: $light-primary-text,
-    400: $light-primary-text,
-    500: $light-primary-text,
-    600: $light-primary-text,
-    700: $light-primary-text,
-    800: $light-primary-text,
-    900: $light-primary-text,
-    A100: $dark-primary-text,
-    A200: $light-primary-text,
-    A400: $light-primary-text,
-    A700: $light-primary-text
+    50: rgba(black, 0.87),
+    100: rgba(black, 0.87),
+    200: rgba(black, 0.87),
+    300: white,
+    400: white,
+    500: white,
+    600: white,
+    700: white,
+    800: white,
+    900: white,
+    A100: rgba(black, 0.87),
+    A200: white,
+    A400: white,
+    A700: white
   )
 );
-$mat-light-theme-background: (
-  status-bar: map_get($mat-grey, 300),
-  app-bar:    map_get($mat-grey, 100),
-  background: var(--background, map_get($mat-grey, 50)),
+mat.$light-theme-background-palette: (
+  status-bar: map_get(mat.$grey-palette, 300),
+  app-bar:    map_get(mat.$grey-palette, 100),
+  background: var(--background, map_get(mat.$grey-palette, 50)),
   hover:      rgba(black, 0.04), // TODO(kara): check style with Material Design UX
   card:       white,
   dialog:     white,
   disabled-button: rgba(black, 0.12),
   raised-button: white,
-  focused-button: $dark-focused,
-  selected-button: map_get($mat-grey, 300),
-  selected-disabled-button: map_get($mat-grey, 400),
-  disabled-button-toggle: map_get($mat-grey, 200),
-  unselected-chip: map_get($mat-grey, 300),
-  disabled-list-option: map_get($mat-grey, 200),
+  focused-button: rgba(black, 0.12),
+  selected-button: map_get(mat.$grey-palette, 300),
+  selected-disabled-button: map_get(mat.$grey-palette, 400),
+  disabled-button-toggle: map_get(mat.$grey-palette, 200),
+  unselected-chip: map_get(mat.$grey-palette, 300),
+  disabled-list-option: map_get(mat.$grey-palette, 200),
 );
 
 // FIXME: Why loader toolbar is so dark ?
-$candy-app-primary: mat-palette($mat-indigo-app, 500, 100, 900);
+$candy-app-primary: mat.define-palette($mat-indigo-app, 500, 100, 900);
 
-$candy-app-accent: mat-palette($mat-indigo-app, A200, A100, A400);
+$candy-app-accent: mat.define-palette($mat-indigo-app, A200, A100, A400);
 // The warn palette is optional (defaults to red).
-$candy-app-warn: mat-palette($mat-red);
+$candy-app-warn: mat.define-palette(mat.$red-palette);
 // Create the theme object (a Sass map containing all of the palettes).
-$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);
+$candy-app-theme: mat.define-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);
 
 
 // Expose some existing variables

package/src/theme/_material.scss

@@ -1,14 +1,15 @@
 
 // Plus imports for other components in your app.
+@use '@angular/material' as mat;
 // Include the common styles for Angular Material. We include this here so that you only
 // have to load a single css file for Angular Material in your app.
 // Be sure that you only ever include this mixin once!
-@include mat-core();
+@include mat.core();
 
 // Include theme styles for core and each component used in your app.
 // Alternatively, you can import and @include the theme mixins for each component
 // that you are using.
-@include angular-material-theme($candy-app-theme);
+@include mat.all-component-themes($candy-app-theme);
 
 // --------------------------------------------------
 // Override material style

package/src/theme/_mixins.scss

@@ -102,9 +102,9 @@
   --expansion-panel-padding: var(--ion-padding);
   --expansion-panel-header-padding: var(--ion-padding);
 
-  --mat-toolbar-height: #{$mat-toolbar-height-desktop};
-  --mat-paginator-height: #{$mat-paginator-height};
-  --ion-toolbar-height: #{$mat-toolbar-height-mobile};
+  --mat-toolbar-height: #{64px};
+  --mat-paginator-height: mat.$paginator-height;
+  --ion-toolbar-height: #{56px};
 
   --app-table-header-height: #{$app-table-header-height};
   --app-toolbar-height: #{$app-toolbar-height};
@@ -116,7 +116,7 @@
 }
 
 @mixin css-variables-to-root-mobile() {
-  --mat-toolbar-height: #{$mat-toolbar-height-mobile};
+  --mat-toolbar-height: #{56px};
 
   // Disable form footer, in mobile
   --app-form-buttons-bar-height: 0px;

package/src/theme/_ngx-components.scss

@@ -1100,6 +1100,11 @@ mat-tab-group.mat-tab-disabled-hidden .mat-tab-disabled {
   display: none;
 }
 
+// --- Allow to show disabled headers
+mat-tab-group.mat-tab-disabled-visible .mat-tab-disabled {
+  display: inherit;
+}
+
 // --------------------------------------------------
 // Material menu
 // --------------------------------------------------
@@ -1347,6 +1352,7 @@ ion-button[expand="full"],
 // --------------------------------------------------
 // Icon multiple
 // --------------------------------------------------
+ion-icon.icon-secondary,
 mat-icon.icon-secondary {
   position: absolute;
   left: 0;

package/src/theme/_print.scss

@@ -0,0 +1,24 @@
+@media print {
+  @page {
+    margin: .4in;
+    size: A4 landscape;
+  }
+
+  @viewport {
+    orientation: landscape;
+  }
+
+  /* -- hidden elements -- */
+  .no-print,
+  #menu,
+  app-header,
+  ion-header {
+    visibility: hidden;
+    display: none;
+  }
+
+  /* -- Force page break -- */
+  .print-break {
+    page-break-after: always;
+  }
+}