@sumaris-net/ngx-components 2.9.0-alpha5 → 2.9.0-alpha7

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

@@ -7095,8 +7095,9 @@ class MatAutocompleteField {
                 this._fixMatSelectPanelPosition(overlayPane);
                 // Fix overlay, for searchbar
                 if (this.showSearchBar) {
-                    const searchBarSubscription = await this._fixSearchbarOverlay(panelElement, overlayPane);
-                    this._subscription.add(searchBarSubscription);
+                    searchBarSubscription = await this._fixSearchbarOverlay(panelElement, overlayPane);
+                    if (searchBarSubscription)
+                        this._subscription.add(searchBarSubscription);
                 }
                 // Show the panel
                 this.renderer.removeClass(panelElement, 'cdk-visually-hidden');
@@ -7104,7 +7105,7 @@ class MatAutocompleteField {
             }
             // ON close
             else if (searchBarSubscription) {
-                searchBarSubscription?.unsubscribe();
+                searchBarSubscription.unsubscribe();
                 this._subscription.remove(searchBarSubscription);
                 searchBarSubscription = null;
             }
@@ -7154,9 +7155,10 @@ class MatAutocompleteField {
         const overlayContainer = findParentWithClass(panelElement, 'cdk-overlay-container');
         if (!overlayContainer)
             return;
-        // DEBUG
-        console.debug(`${this.logPrefix} moving the "cdk-overlay" container from the "body" to the "ion-modal" container`);
         const originalParent = overlayContainer.parentElement;
+        // DEBUG
+        //if (this.debug)
+        console.debug(`${this.logPrefix} moving the "cdk-overlay" container from the "${originalParent?.tagName || 'body'}" to the "ion-modal" container`);
         this.renderer.appendChild(modalElement, overlayContainer);
         const shiftLeft = (this._document.defaultView.innerWidth - modalElement.firstElementChild.getBoundingClientRect().width) / 2;
         const shiftTop = (this._document.defaultView.innerHeight - modalElement.firstElementChild.getBoundingClientRect().height) / 2;
@@ -7165,6 +7167,7 @@ class MatAutocompleteField {
         // Return the reverse function, to replace the container in body
         return new Subscription(() => {
             // DEBUG
+            //if (this.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);
         });
@@ -11930,6 +11933,15 @@ class AppForm {
     set _enable(value) {
         this._enabled = value;
     }
+    /**
+     * @deprecated use errorTranslateOptions instead
+     */
+    get errorTranslatorOptions() {
+        return this.errorTranslateOptions;
+    }
+    set errorTranslatorOptions(options) {
+        this.errorTranslateOptions = options;
+    }
     disable(opts) {
         this.form?.disable(opts);
         if (this._enabled) {
@@ -11951,7 +11963,7 @@ class AppForm {
     }
     debug = false;
     tabindex;
-    formErrorTranslateOptions;
+    errorTranslateOptions;
     set form(value) {
         this.setForm(value);
     }
@@ -11972,14 +11984,13 @@ class AppForm {
         this.autocompleteFields = this.autocompleteHelper.fields;
     }
     ngOnInit() {
-        // Will enable/Disable the delegating angular form
+        // Set defaults
+        this.errorTranslateOptions = this.errorTranslateOptions || { separator: ', ', pathTranslator: this }; // Can be override in subclasses constructors
+        // Enable/disable delegate form
         if (this._enabled)
             this.enable();
         else
             this.disable();
-        this.formErrorTranslateOptions = this.formErrorTranslateOptions || {
-            pathTranslator: this,
-        };
     }
     ngOnDestroy() {
         this._subscription.unsubscribe();
@@ -12175,7 +12186,7 @@ class AppForm {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: AppForm, deps: [{ token: i0.Injector }, { token: i1$2.UntypedFormGroup }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.11", type: AppForm, inputs: { debug: "debug", tabindex: "tabindex", formErrorTranslateOptions: "formErrorTranslateOptions", form: "form" }, outputs: { onCancel: "onCancel", onSubmit: "onSubmit" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.11", type: AppForm, inputs: { debug: "debug", tabindex: "tabindex", errorTranslateOptions: "errorTranslateOptions", form: "form" }, outputs: { onCancel: "onCancel", onSubmit: "onSubmit" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: AppForm, decorators: [{
             type: Directive
@@ -12183,7 +12194,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                 type: Input
             }], tabindex: [{
                 type: Input
-            }], formErrorTranslateOptions: [{
+            }], errorTranslateOptions: [{
                 type: Input
             }], form: [{
                 type: Input