@sumaris-net/ngx-components 2.4.20 → 2.4.22

package/fesm2020/sumaris-net.ngx-components.mjs

@@ -2492,7 +2492,7 @@ class MatAutocompleteField {
             return;
         // Hide the panel (will be show when ready)
         this.matSelect.panelClass = 'cdk-visually-hidden';
-        let revertOverlayCallback;
+        let subscription;
         this._subscription.add(this.matSelect.openedChange
             .subscribe(async (open) => {
             if (open) {
@@ -2503,13 +2503,17 @@ class MatAutocompleteField {
                 this._fixMatSelectPanelPosition(overlayPane);
                 // Fix overlay, for searchbar
                 if (this.showSearchBar) {
-                    revertOverlayCallback = await this._fixSearchbarOverlay(panelElement, overlayPane);
+                    subscription = await this._fixSearchbarOverlay(panelElement, overlayPane);
+                    this._subscription.add(subscription);
                 }
                 // Show the panel
                 this.renderer.removeClass(panelElement, 'cdk-visually-hidden');
             }
-            else if (revertOverlayCallback) {
-                revertOverlayCallback();
+            // ON close
+            else if (subscription) {
+                subscription.unsubscribe();
+                this._subscription.remove(subscription);
+                subscription = null;
             }
         }));
     }
@@ -2547,11 +2551,11 @@ class MatAutocompleteField {
         this.renderer.setStyle(overlayPane, 'margin-top', `-${shiftTop}px`);
         this.renderer.setStyle(overlayPane, 'margin-left', `-${shiftLeft}px`);
         // Return the reverse function, to replace the container in body
-        return () => {
+        return new Subscription(() => {
             // DEBUG
             console.debug(`${this.logPrefix} moving the "cdk-overlay" container from the "ion-modal" to the "body" container`);
             this.renderer.appendChild(originalParent /*this.document.body*/, overlayContainer);
-        };
+        });
     }
 }
 MatAutocompleteField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: MatAutocompleteField, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ModalController }, { token: i0.Renderer2 }, { token: DOCUMENT }, { token: ChangeDetectorRef }, { token: i1$3.FormGroupDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
@@ -6518,9 +6522,9 @@ class MatDateTime {
             .subscribe((_) => this.onFormChange()));
         // Listen status changes (when done outside the component  - e.g. when setErrors() is calling on the formControl)
         this._subscription.add(this.formControl.statusChanges
-            .pipe(filter((_) => !this.readonly && !this._writing && !this._disabling) // Skip
+            .pipe(filter((_) => !this._readonly && !this._writing && !this._disabling) // Skip
         )
-            .subscribe(() => this.markForCheck()));
+            .subscribe((_) => this.markForCheck()));
         this._writing = false;
     }
     ngAfterViewInit() {