@sumaris-net/ngx-components 2.12.27 → 2.18.0-alpha1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "2.12.27",
+  "version": "2.18.0-alpha1",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",
@@ -34,7 +34,8 @@
     "@ionic/storage": "~4.0.0",
     "d3": "~7.6.1",
     "localforage": "~1.10.0",
-    "rxjs": "~7.8.1"
+    "rxjs": "~7.8.1",
+    "zone.js": "0.14.10"
   },
   "optionalDependencies": {
     "@awesome-cordova-plugins/core": "~6.4.0",
@@ -72,6 +73,11 @@
     "npm": ">= 9.9.1",
     "yarn": ">= 1.22.19"
   },
+  "optimizeDeps": {
+    "exclude": [
+      "@ionic/angular"
+    ]
+  },
   "module": "fesm2022/sumaris-net.ngx-components.mjs",
   "typings": "index.d.ts",
   "exports": {

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

@@ -2,28 +2,27 @@ import { ModuleWithProviders } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "../shared/shared.module";
 import * as i2 from "@angular/router";
-import * as i3 from "@angular/common/http";
-import * as i4 from "ionic-cache";
-import * as i5 from "@ionic/storage-angular";
-import * as i6 from "./graphql/graphql.module";
-import * as i7 from "./menu/menu.module";
-import * as i8 from "./icon/icon.module";
-import * as i9 from "./account/account.module";
-import * as i10 from "./register/register.module";
-import * as i11 from "./auth/auth.module";
-import * as i12 from "./home/home.module";
-import * as i13 from "./about/about.module";
-import * as i14 from "./settings/settings.module";
-import * as i15 from "./peer/select-peer.module";
-import * as i16 from "./form/form.module";
-import * as i17 from "./table/table.module";
-import * as i18 from "./install/install-upgrade-card.module";
-import * as i19 from "./offline/update-offline-mode-card.module";
-import * as i20 from "./services/pipes/pipes.module";
-import * as i21 from "./account/password/change-password.module";
+import * as i3 from "ionic-cache";
+import * as i4 from "@ionic/storage-angular";
+import * as i5 from "./graphql/graphql.module";
+import * as i6 from "./menu/menu.module";
+import * as i7 from "./icon/icon.module";
+import * as i8 from "./account/account.module";
+import * as i9 from "./register/register.module";
+import * as i10 from "./auth/auth.module";
+import * as i11 from "./home/home.module";
+import * as i12 from "./about/about.module";
+import * as i13 from "./settings/settings.module";
+import * as i14 from "./peer/select-peer.module";
+import * as i15 from "./form/form.module";
+import * as i16 from "./table/table.module";
+import * as i17 from "./install/install-upgrade-card.module";
+import * as i18 from "./offline/update-offline-mode-card.module";
+import * as i19 from "./services/pipes/pipes.module";
+import * as i20 from "./account/password/change-password.module";
 export declare class CoreModule {
     static forRoot(): ModuleWithProviders<CoreModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoreModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CoreModule, never, [typeof i1.SharedModule, typeof i2.RouterModule, typeof i3.HttpClientModule, typeof i4.CacheModule, typeof i5.IonicStorageModule, typeof i6.AppGraphQLModule, typeof i7.AppMenuModule, typeof i8.AppIconModule, typeof i9.AppAccountModule, typeof i10.AppRegisterModule, typeof i11.AppAuthModule, typeof i12.AppHomePageModule, typeof i13.AppAboutModalModule, typeof i14.AppSettingsPageModule, typeof i15.AppSelectPeerModule, typeof i16.AppFormModule, typeof i17.AppTableModule, typeof i18.AppInstallUpgradeCardModule, typeof i19.AppUpdateOfflineModeCardModule, typeof i20.CorePipesModule], [typeof i1.SharedModule, typeof i2.RouterModule, typeof i6.AppGraphQLModule, typeof i7.AppMenuModule, typeof i10.AppRegisterModule, typeof i21.AppChangePasswordModule, typeof i11.AppAuthModule, typeof i12.AppHomePageModule, typeof i13.AppAboutModalModule, typeof i14.AppSettingsPageModule, typeof i8.AppIconModule, typeof i15.AppSelectPeerModule, typeof i16.AppFormModule, typeof i17.AppTableModule, typeof i18.AppInstallUpgradeCardModule, typeof i19.AppUpdateOfflineModeCardModule, typeof i20.CorePipesModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CoreModule, never, [typeof i1.SharedModule, typeof i2.RouterModule, typeof i3.CacheModule, typeof i4.IonicStorageModule, typeof i5.AppGraphQLModule, typeof i6.AppMenuModule, typeof i7.AppIconModule, typeof i8.AppAccountModule, typeof i9.AppRegisterModule, typeof i10.AppAuthModule, typeof i11.AppHomePageModule, typeof i12.AppAboutModalModule, typeof i13.AppSettingsPageModule, typeof i14.AppSelectPeerModule, typeof i15.AppFormModule, typeof i16.AppTableModule, typeof i17.AppInstallUpgradeCardModule, typeof i18.AppUpdateOfflineModeCardModule, typeof i19.CorePipesModule], [typeof i1.SharedModule, typeof i2.RouterModule, typeof i5.AppGraphQLModule, typeof i6.AppMenuModule, typeof i9.AppRegisterModule, typeof i20.AppChangePasswordModule, typeof i10.AppAuthModule, typeof i11.AppHomePageModule, typeof i12.AppAboutModalModule, typeof i13.AppSettingsPageModule, typeof i7.AppIconModule, typeof i14.AppSelectPeerModule, typeof i15.AppFormModule, typeof i16.AppTableModule, typeof i17.AppInstallUpgradeCardModule, typeof i18.AppUpdateOfflineModeCardModule, typeof i19.CorePipesModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CoreModule>;
 }

package/src/app/core/form/entity/entity-editor.class.d.ts

@@ -50,8 +50,8 @@ export declare abstract class AppEntityEditor<T extends Entity<T, ID>, S extends
      *  @deprecated
      */
     protected get $title(): Subject<string>;
-    protected readonly dateFormat: DateFormatService;
     protected readonly cd: ChangeDetectorRef;
+    protected readonly dateFormat: DateFormatService;
     protected readonly settings: LocalSettingsService;
     protected readonly environment: Environment;
     protected readonly routerOutlet: IonRouterOutlet;

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

@@ -1,8 +1,7 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common/http";
 export declare class AppGraphQLModule {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<AppGraphQLModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AppGraphQLModule, never, [typeof i1.HttpClientModule], [typeof i1.HttpClientModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppGraphQLModule, never, never, never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AppGraphQLModule>;
 }

package/src/app/core/peer/select-peer.module.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./select-peer.modal";
 import * as i2 from "../../shared/shared.module";
-import * as i3 from "@angular/common/http";
-import * as i4 from "@ngx-translate/core";
-import * as i5 from "../form/text-popover/text-popover.module";
+import * as i3 from "@ngx-translate/core";
+import * as i4 from "../form/text-popover/text-popover.module";
 export declare class AppSelectPeerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AppSelectPeerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AppSelectPeerModule, [typeof i1.SelectPeerModal], [typeof i2.SharedModule, typeof i3.HttpClientModule, typeof i4.TranslateModule, typeof i5.AppTextPopoverModule], [typeof i4.TranslateModule, typeof i1.SelectPeerModal]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppSelectPeerModule, [typeof i1.SelectPeerModal], [typeof i2.SharedModule, typeof i3.TranslateModule, typeof i4.AppTextPopoverModule], [typeof i3.TranslateModule, typeof i1.SelectPeerModal]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AppSelectPeerModule>;
 }

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): 1 | 0 | -1;
+export declare function tabindexComparator(a: InputElement, b: InputElement): 0 | 1 | -1;
 export interface CanGainFocusOptions {
     minTabindex?: number;
     maxTabindex?: number;

package/src/assets/manifest.json

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

package/src/theme/_icons.scss

@@ -7,7 +7,7 @@
 
 $ionicons-font-path: $font-path !default;
 
-//@import '~ionicons/dist/scss/ionicons';
+//@import 'ionicons/dist/scss/ionicons';
 
 // --------------------------------------------------
 // Import material icons

package/src/theme/_ionic.scss

@@ -1,18 +1,18 @@
 /* Core CSS required for Ionic components to work properly */
-@import "~@ionic/angular/css/core.css";
+@import "@ionic/angular/css/core.css";
 
 /* Basic CSS for apps built with Ionic */
-@import "~@ionic/angular/css/normalize.css";
-@import "~@ionic/angular/css/structure.css";
-@import "~@ionic/angular/css/typography.css";
-@import '~@ionic/angular/css/display.css';
+@import "@ionic/angular/css/normalize.css";
+@import "@ionic/angular/css/structure.css";
+@import "@ionic/angular/css/typography.css";
+@import '@ionic/angular/css/display.css';
 
 /* Optional CSS utils that can be commented out */
-@import "~@ionic/angular/css/padding.css";
-@import "~@ionic/angular/css/float-elements.css";
-@import "~@ionic/angular/css/text-alignment.css";
-@import "~@ionic/angular/css/text-transformation.css";
-@import "~@ionic/angular/css/flex-utils.css";
+@import "@ionic/angular/css/padding.css";
+@import "@ionic/angular/css/float-elements.css";
+@import "@ionic/angular/css/text-alignment.css";
+@import "@ionic/angular/css/text-transformation.css";
+@import "@ionic/angular/css/flex-utils.css";
 
 // --------------------------------------------------
 // Override Ionic style

package/src/theme/_material.globals.scss

@@ -41,22 +41,22 @@ $mat-indigo-app: (
 );
 
 // FIXME: Why loader toolbar is so dark ?
-$candy-app-primary: mat.define-palette($mat-indigo-app, 500, 100, 900);
+$candy-app-primary: mat.m2-define-palette($mat-indigo-app, 500, 100, 900);
 
-$candy-app-accent: mat.define-palette($mat-indigo-app, A200, A100, A400);
+$candy-app-accent: mat.m2-define-palette($mat-indigo-app, A200, A100, A400);
 // The warn palette is optional (defaults to red).
-$candy-app-warn: mat.define-palette(mat.$red-palette);
+$candy-app-warn: mat.m2-define-palette(mat.$m2-red-palette);
 // Create the theme object (a Sass map containing all of the palettes).
-$candy-light-theme: mat.define-light-theme((
+$candy-light-theme: mat.m2-define-light-theme((
   color: (
     primary: $candy-app-primary,
     accent: $candy-app-accent,
     warn: $candy-app-warn,
   ),
-  typography: mat.define-typography-config(),
+  typography: mat.m2-define-typography-config(),
   density: 0,
 ));
-$candy-dark-theme: mat.define-dark-theme((
+$candy-dark-theme: mat.m2-define-dark-theme((
   color: (
     primary: $candy-app-primary,
     accent: $candy-app-accent,

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

@@ -36,7 +36,7 @@ form.form-container {
   --mdc-outlined-text-field-focus-label-text-color: var(--ion-color-primary);
   --mdc-outlined-text-field-focus-outline-color: var(--ion-color-primary);
 
-  --mdc-form-field-label-text-color: var(--ion-text-color);
+  --mat-checkbox-label-text-color: var(--ion-text-color);
   --mat-form-field-state-layer-color: var(--app-form-field-focus-background-color);
   --mat-form-field-container-height: 45px;
   --mat-form-field-container-text-size: inherit;
@@ -231,7 +231,7 @@ form.form-container {
 
   // Ckeckbox
   .mat-mdc-checkbox {
-    --mdc-form-field-label-text-color: var(--app-form-color);
+    --mat-checkbox-label-text-color: var(--app-form-color);
     --mdc-checkbox-unselected-icon-color: var(--app-form-color);
     --mdc-checkbox-unselected-focus-icon-color: var(--app-form-color);
     --mdc-checkbox-unselected-hover-icon-color: var(--app-form-color);
@@ -240,7 +240,7 @@ form.form-container {
 
   // Radio
   .mat-mdc-radio-button {
-    --mdc-form-field-label-text-color: var(--app-form-color);
+    --mat-checkbox-label-text-color: var(--app-form-color);
 
     --mdc-radio-disabled-unselected-icon-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1);
     --mdc-radio-disabled-selected-icon-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1);

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

@@ -53,7 +53,7 @@
 
   --mat-select-enabled-trigger-text-color: var(--ion-text-color);
   --mat-select-disabled-trigger-text-color: var(--ion-text-color);
-  --mdc-form-field-label-text-color: var(--ion-text-color);
+  --mat-checkbox-label-text-color: var(--ion-text-color);
 
   .mat-mdc-header-cell {
     color: var(--mat-table-header-color);
@@ -269,7 +269,7 @@
       --mdc-filled-text-field-input-text-color: var(--ion-text-color);
       --mat-select-enabled-trigger-text-color: var(--ion-text-color);
       --mat-select-disabled-trigger-text-color: var(--ion-text-color);
-      --mdc-form-field-label-text-color: var(--ion-text-color);
+      --mat-checkbox-label-text-color: var(--ion-text-color);
 
       background-color: var(--ion-background-color);