@sumaris-net/ngx-components 18.6.62 → 18.6.64

package/package.json

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

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

@@ -14,7 +14,7 @@ export declare function arrayResize<T>(array: T[] | null | undefined, size: numb
 export declare function newArray<T>(size: number, defaultValue?: T): T[];
 export declare function isNotNilBoolean(obj: any | null | undefined): obj is boolean;
 export declare function isNotNilString(obj: any | null | undefined): obj is string;
-export declare function isNotNilObject(obj: any | null | undefined): obj is string;
+export declare function isNotNilObject(obj: any | null | undefined): obj is object;
 export declare function isBlankString(obj: any | null | undefined): obj is string;
 export declare function notNilOrDefault<T>(obj: T | null | undefined, defaultValue: T): T;
 export declare function arraySize<T>(obj: T[] | null | undefined): number;

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

@@ -32,6 +32,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     private _itemCount;
     private _suggestExecutionId;
     private _reload$;
+    private _destroy$;
     protected _readonly: boolean;
     protected _tabindex: number;
     protected _$inputItems: BehaviorSubject<any[]>;

package/src/assets/manifest.json

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

package/src/theme/_ngx-components.scss

@@ -178,6 +178,7 @@ mat-option {
   .mdc-list-item__primary-text {
     display: inline-block;
     flex-grow: 1;
+    box-sizing: border-box;
   }
   .mat-option-text:not(:has(ion-row)),
   .mat-option-text:has(ion-searchbar),
@@ -188,6 +189,7 @@ mat-option {
   .mat-option-text:has(ion-row),
   .mdc-list-item__primary-text:has(ion-row) {
     padding: 0;
+    width: 100%; // Fix sumaris-app#943
   }
   mat-autocomplete-footer {
     .mat-option-text,
@@ -243,56 +245,45 @@ mat-option:not(:last-of-type) {
   &:has(.mat-select-panel-fit-content) {
     --min-width: fit-content !important;
   }
-}
 
+  &:has(.min-width-medium),
+  &:has(.mat-mdc-autocomplete-panel-medium-size) {
+    --min-width: 300px;
+  }
 
-.mat-mdc-autocomplete-panel-medium-size .mat-mdc-autocomplete-panel,
-.mat-mdc-autocomplete-panel-medium-size.mat-mdc-autocomplete-panel,
-.min-width-medium .mat-mdc-autocomplete-panel,
-.min-width-medium.mat-mdc-autocomplete-panel,
-.min-width-medium.mat-mdc-select-panel {
-  --min-width: 300px;
-}
-.mat-mdc-autocomplete-panel-large-size .mat-mdc-autocomplete-panel,
-.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-panel-large-size,
-.min-width-large .mat-mdc-autocomplete-panel,
-.min-width-large.mat-mdc-autocomplete-panel,
-.min-width-large.mat-mdc-select-panel{
-  --min-width: 400px;
-}
-.mat-mdc-autocomplete-panel-xlarge-size .mat-mdc-autocomplete-panel,
-.mat-mdc-autocomplete-panel-xlarge-size.mat-mdc-autocomplete-panel,
-.mat-mdc-autocomplete-panel-xlarge-size.mat-mdc-select-panel {
-  --min-width: 450px;
-}
-.mat-select-panel.min-width-80vw,
-.mat-mdc-select-panel.min-width-80vw,
-.min-width-80vw .mat-mdc-autocomplete-panel,
-.min-width-80vw.mat-mdc-autocomplete-panel {
-  --min-width: 80vw;
-}
+  &:has(.min-width-large),
+  &:has(.mat-mdc-autocomplete-panel-large-size) {
+    --min-width: 400px;
+  }
 
-.mat-mdc-autocomplete-panel-center .mat-mdc-autocomplete-panel,
-.mat-mdc-autocomplete-panel-center.mat-mdc-autocomplete-panel {
-  margin-left: calc(var(--min-width, 200px) / -2 + 50%) !important;
-}
+  &:has(.min-width-xlarge),
+  &:has(.mat-mdc-autocomplete-panel-xlarge-size) {
+    --min-width: 450px;
+  }
 
-.mat-mdc-autocomplete-panel-full-size .mat-mdc-autocomplete-panel,
-.mat-mdc-autocomplete-panel-full-size.mat-mdc-autocomplete-panel,
-.full-size .mat-mdc-autocomplete-panel,
-.full-size.mat-mdc-autocomplete-panel,
-.cdk-overlay-pane:has(.mat-mdc-select-panel.full-size) {
-  --min-width: calc(100vw - 64px);
-  --max-width: calc(100vw - 64px);
-  position: fixed;
-  left: 32px !important;
+  &:has(.min-width-80vw) {
+    --min-width: 80vw;
+  }
+
+  &:has(.mat-mdc-autocomplete-panel-full-size),
+  &:has(.full-size) {
+    --margin-left: 32px;
+    --margin-right: 32px;
+    --min-width: calc(100vw - var(--margin-left) - var(--margin-right));
+    --max-width: calc(100vw - var(--margin-left) - var(--margin-right));
+    position: fixed;
+    left: var(--margin-left) !important;
+    right: unset !important;
+  }
 }
 
 .mat-mdc-select-panel,
 .mat-mdc-autocomplete-panel {
   /* when multiple selection enable */
-  mat-pseudo-checkbox {
-    margin-left: 8px;
+  .mat-mdc-option mat-pseudo-checkbox,
+  .mat-mdc-option .mat-pseudo-checkbox-full {
+    margin-left: 12px;
+    margin-right: 4px;
   }
 
   padding: 0 !important;
@@ -364,6 +355,7 @@ ion-list,
 
     .searchbar-input {
       --background: var(--app-form-field-background-color, var(--ion-background-color));
+      padding-inline-end: 34px; // Keep a place for the clear button
     }
   }
 
@@ -432,7 +424,7 @@ ion-list,
     ion-col {
       --padding-start: 8px;
       padding: 0 !important;
-      padding-left: var(--padding-start) !important;
+      padding-left: var(--padding-start, 0) !important;
       text-overflow: ellipsis;
       overflow: hidden;
       white-space: nowrap;