@arsedizioni/ars-utils 21.2.206 → 21.2.208

package/fesm2022/arsedizioni-ars-utils-clipper.ui.mjs

@@ -834,7 +834,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 class ClipperDocumentComponent extends ClipperDocumentManager {
     constructor() {
         super();
-        this.relevantsPane = viewChild.required('relevantsPane');
+        this.relevantsPane = viewChild('relevantsPane', ...(ngDevMode ? [{ debugName: "relevantsPane" }] : /* istanbul ignore next */ []));
         this.closing = output();
         this.opening = output();
         this.destroyRef = inject(DestroyRef);
@@ -3089,7 +3089,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 class ClipperReferencesComponent extends ClipperSearchResultManager {
     constructor() {
         super();
-        this.filterPane = viewChild.required('filterPane');
+        this.filterPane = viewChild('filterPane', ...(ngDevMode ? [{ debugName: "filterPane" }] : /* istanbul ignore next */ []));
         this.dialogRef = inject((MatDialogRef));
         this.dialogData = inject(MAT_DIALOG_DATA) ?? { mode: ClipperQueryReferencesMode.ReferencesIn };
         this.user = this.clipperService.loginInfo?.context;
@@ -3151,6 +3151,16 @@ class ClipperReferencesComponent extends ClipperSearchResultManager {
         // Run view-dependent initialization after the first render.
         afterNextRender(() => {
             this.handleFilterPaneVisibility();
+            const filterPane = this.filterPane();
+            if (filterPane) {
+                filterPane.openedChange
+                    .pipe(takeUntilDestroyed(this.destroyRef))
+                    .subscribe(opened => {
+                    if (filterPane.mode === 'over') {
+                        this.filterPaneHasBackdrop.set(opened);
+                    }
+                });
+            }
             const facets = this.facets();
             if (facets) {
                 facets.changed
@@ -3185,7 +3195,7 @@ class ClipperReferencesComponent extends ClipperSearchResultManager {
                 }
                 filterPane.mode = 'over';
                 filterPane.disableClose = false;
-                this.filterPaneHasBackdrop.set(true);
+                this.filterPaneHasBackdrop.set(filterPane.opened);
             }
             else {
                 if (!this.hasFacets()) {
@@ -3687,7 +3697,20 @@ class ClipperBrowserComponent extends ClipperSearchResultManager {
             this.handleFilterPaneVisibility();
             this.filterPane().openedChange
                 .pipe(takeUntilDestroyed(this.destroyRef))
-                .subscribe(() => this.updateFilterPaneFocus());
+                .subscribe(opened => {
+                this.updateFilterPaneFocus();
+                // Sync backdrop with actual open state when in overlay mode
+                if (this.filterPane().mode === 'over') {
+                    this.filterPaneHasBackdrop.set(opened);
+                }
+            });
+            this.filterPane2().openedChange
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe(opened => {
+                if (this.filterPane2().mode === 'over') {
+                    this.filterPane2HasBackdrop.set(opened);
+                }
+            });
             this.updateFilterPaneFocus();
             this.updateModulesUnreadItems();
             this.modulesChanged();
@@ -3791,7 +3814,7 @@ class ClipperBrowserComponent extends ClipperSearchResultManager {
                 }
                 filterPane.mode = 'over';
                 filterPane.disableClose = false;
-                this.filterPaneHasBackdrop.set(true);
+                this.filterPaneHasBackdrop.set(filterPane.opened);
             }
             else {
                 if (!filterPane.opened && !this.filterPaneClosed()) {
@@ -3816,7 +3839,7 @@ class ClipperBrowserComponent extends ClipperSearchResultManager {
                     }
                     filterPane2.mode = 'over';
                     filterPane2.disableClose = false;
-                    this.filterPane2HasBackdrop.set(true);
+                    this.filterPane2HasBackdrop.set(filterPane2.opened);
                 }
                 else {
                     if (!this.hasFacets()) {