@sumaris-net/ngx-components 18.2.18 → 18.2.20

package/package.json

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

package/src/app/shared/material/boolean/boolean.module.d.ts

@@ -9,13 +9,12 @@ import * as i7 from "@angular/material/form-field";
 import * as i8 from "@angular/material/input";
 import * as i9 from "@angular/material/radio";
 import * as i10 from "@angular/material/checkbox";
-import * as i11 from "ngx-material-timepicker";
-import * as i12 from "@ngx-translate/core";
-import * as i13 from "../../directives/directives.module";
-import * as i14 from "@angular/material/icon";
-import * as i15 from "@angular/material/button";
+import * as i11 from "@ngx-translate/core";
+import * as i12 from "../../directives/directives.module";
+import * as i13 from "@angular/material/icon";
+import * as i14 from "@angular/material/button";
 export declare class SharedMatBooleanModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedMatBooleanModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatBooleanModule, [typeof i1.MatBooleanField], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ReactiveFormsModule, typeof i5.SharedPipesModule, typeof i6.MatCommonModule, typeof i7.MatFormFieldModule, typeof i8.MatInputModule, typeof i9.MatRadioModule, typeof i10.MatCheckboxModule, typeof i11.NgxMaterialTimepickerModule, typeof i12.TranslateModule, typeof i13.SharedDirectivesModule, typeof i14.MatIcon, typeof i15.MatIconButton], [typeof i1.MatBooleanField]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatBooleanModule, [typeof i1.MatBooleanField], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ReactiveFormsModule, typeof i5.SharedPipesModule, typeof i6.MatCommonModule, typeof i7.MatFormFieldModule, typeof i8.MatInputModule, typeof i9.MatRadioModule, typeof i10.MatCheckboxModule, typeof i11.TranslateModule, typeof i12.SharedDirectivesModule, typeof i13.MatIcon, typeof i14.MatIconButton], [typeof i1.MatBooleanField]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedMatBooleanModule>;
 }

package/src/app/shared/material/datetime/datetime.module.d.ts

@@ -14,11 +14,11 @@ import * as i12 from "@angular/material/button";
 import * as i13 from "@angular/material/datepicker";
 import * as i14 from "@angular/material-moment-adapter";
 import * as i15 from "@maskito/angular";
-import * as i16 from "ngx-material-timepicker";
-import * as i17 from "@ngx-translate/core";
-import * as i18 from "../../directives/directives.module";
+import * as i16 from "@ngx-translate/core";
+import * as i17 from "../../directives/directives.module";
+import * as i18 from "ngx-mat-timepicker";
 export declare class SharedMatDateTimeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedMatDateTimeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatDateTimeModule, [typeof i1.MatDate, typeof i2.MatDateTime, typeof i3.MatDateShort], [typeof i4.CommonModule, typeof i5.IonicModule, typeof i6.ReactiveFormsModule, typeof i7.SharedPipesModule, typeof i8.MatCommonModule, typeof i9.MatFormFieldModule, typeof i10.MatInputModule, typeof i11.MatIconModule, typeof i12.MatButtonModule, typeof i13.MatDatepickerModule, typeof i14.MatMomentDateModule, typeof i15.MaskitoDirective, typeof i16.NgxMaterialTimepickerModule, typeof i17.TranslateModule, typeof i18.SharedDirectivesModule], [typeof i11.MatIconModule, typeof i1.MatDate, typeof i2.MatDateTime, typeof i3.MatDateShort]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatDateTimeModule, [typeof i1.MatDate, typeof i2.MatDateTime, typeof i3.MatDateShort], [typeof i4.CommonModule, typeof i5.IonicModule, typeof i6.ReactiveFormsModule, typeof i7.SharedPipesModule, typeof i8.MatCommonModule, typeof i9.MatFormFieldModule, typeof i10.MatInputModule, typeof i11.MatIconModule, typeof i12.MatButtonModule, typeof i13.MatDatepickerModule, typeof i14.MatMomentDateModule, typeof i15.MaskitoDirective, typeof i16.TranslateModule, typeof i17.SharedDirectivesModule, typeof i18.NgxMatTimepickerModule], [typeof i11.MatIconModule, typeof i1.MatDate, typeof i2.MatDateTime, typeof i3.MatDateShort]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedMatDateTimeModule>;
 }

package/src/app/shared/material/datetime/material.datetime.d.ts

@@ -10,12 +10,6 @@ import { AppFloatLabelType } from '../../form/field.model';
 import { MaskitoOptions } from '@maskito/core';
 import * as i0 from "@angular/core";
 declare interface NgxTimePicker {
-    selectedHour: {
-        time: number;
-    };
-    selectedMinute: {
-        time: number;
-    };
     open(): any;
     close(): any;
 }
@@ -33,13 +27,13 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private _disabling;
     private _tabindex;
     private _readonly;
-    private _formControl;
     private _controlName;
     private _required;
     private _appearance;
     private _subscriptSizing;
     private readonly _defaultAppearance;
     private readonly _defaultSubscriptSizing;
+    protected _formControl: UntypedFormControl;
     protected dateControl: UntypedFormControl;
     protected timeControl: UntypedFormControl;
     protected displayPattern: string;

package/src/app/shared/material/duration/duration.module.d.ts

@@ -7,13 +7,12 @@ import * as i5 from "../../pipes/pipes.module";
 import * as i6 from "@angular/material/core";
 import * as i7 from "@angular/material/form-field";
 import * as i8 from "@angular/material/input";
-import * as i9 from "ngx-material-timepicker";
-import * as i10 from "@angular/material-moment-adapter";
-import * as i11 from "@ngx-translate/core";
-import * as i12 from "@maskito/angular";
-import * as i13 from "../../directives/directives.module";
+import * as i9 from "@angular/material-moment-adapter";
+import * as i10 from "@ngx-translate/core";
+import * as i11 from "@maskito/angular";
+import * as i12 from "../../directives/directives.module";
 export declare class SharedMatDurationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedMatDurationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatDurationModule, [typeof i1.MatDuration], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ReactiveFormsModule, typeof i5.SharedPipesModule, typeof i6.MatCommonModule, typeof i7.MatFormFieldModule, typeof i8.MatInputModule, typeof i9.NgxMaterialTimepickerModule, typeof i6.MatRippleModule, typeof i10.MatMomentDateModule, typeof i11.TranslateModule, typeof i12.MaskitoDirective, typeof i13.SharedDirectivesModule], [typeof i1.MatDuration]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatDurationModule, [typeof i1.MatDuration], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ReactiveFormsModule, typeof i5.SharedPipesModule, typeof i6.MatCommonModule, typeof i7.MatFormFieldModule, typeof i8.MatInputModule, typeof i6.MatRippleModule, typeof i9.MatMomentDateModule, typeof i10.TranslateModule, typeof i11.MaskitoDirective, typeof i12.SharedDirectivesModule], [typeof i1.MatDuration]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedMatDurationModule>;
 }

package/src/assets/manifest.json

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

package/src/theme/_ngx-components.scss

@@ -724,48 +724,18 @@ mat-calendar {
   }
 }
 
-
 // Time picker
-.timepicker-backdrop-overlay {
-  background-color: rgba(var(--ion-backdrop-color-rgb, 0,0,0), var(--ion-backdrop-opacity, 0.32)) !important;
-  z-index: 1000;
-  opacity: 1;
-  -webkit-tap-highlight-color: transparent;
-  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-
-ngx-material-timepicker-content {
-  --clock-hand-color: var(--ion-color-accent) !important;
-  --clock-face-background-color: var(--ion-color-step-100, #f0f0f0) !important;
-  --clock-face-time-active-color: var(--ion-color-accent-contrast, #fff) !important;
-  --clock-face-time-inactive-color: var(--ion-color-step-900, #6c6c6c) !important;
-  --clock-face-time-disabled-color: var(--ion-color-step-200, #c5c5c5);
-  --clock-face-inner-time-inactive-color: var(--ion-color-step-700, #929292) !important;
-  --body-background-color: var(--ion-background-color, #fff);
-
-  // TODO review !
-  //@extend .mat-dialog-container !optional;
-
-  .timepicker {
-    box-shadow: unset !important;
-    border-radius: 4px;
-
-    header {
-      --dial-background-color: var(--ion-color-secondary) !important;
-      color: var(--ion-color-secondary-contrast) !important;
-    }
-
-    ngx-material-timepicker-dial-control {
-      outline-color: var(--ion-color-accent) !important;
-      input {
-        outline-color: inherit !important;
-      }
-    }
-
+.timepicker {
+  .timepicker-header {
+    // Change header color to 'secondary'
+    --mat-toolbar-container-background-color: var(--ion-color-secondary) !important;
   }
-
 }
 
+// --------------------------------------------------
+// Mat chip field
+// --------------------------------------------------
+
 .mat-mdc-form-field-type-mat-chip-grid {
   .mat-mdc-form-field-infix {
     --mdc-chip-container-height: 24px !important;