@arsedizioni/ars-utils 21.2.237 → 21.2.238

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

@@ -2287,6 +2287,7 @@ class ClipperBrowserComponent extends ClipperSearchResultManager {
         this.interval = new DateInterval();
         this.sourceInterval = new DateInterval();
         this.user = this.clipperService.loginInfo?.context;
+        this._viewReady = false;
         // Initialize filter params with defaults
         this.filterParams.version = 7;
         this.filterParams.modules = [{ name: "Normativa vigente", shortName: "Normativa vigente", value: ClipperModule.NormativaVigente }];
@@ -2304,6 +2305,8 @@ class ClipperBrowserComponent extends ClipperSearchResultManager {
         ])
             .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe(result => {
+            if (!this._viewReady)
+                return; // DOM not ready yet
             for (const query of Object.keys(result.breakpoints)) {
                 if (result.breakpoints[query]) {
                     this.handleFilterPaneVisibility();
@@ -2334,6 +2337,7 @@ class ClipperBrowserComponent extends ClipperSearchResultManager {
         this.loadFilters();
         // Set up view-dependent behaviour after the first render
         afterNextRender(() => {
+            this._viewReady = true;
             this.handleFilterPaneVisibility();
             this.filterPane().openedChange
                 .pipe(takeUntilDestroyed(this.destroyRef))
@@ -3538,6 +3542,7 @@ class ClipperDocumentComponent extends ClipperDocumentManager {
         this.relevantsBusy = signal(false, ...(ngDevMode ? [{ debugName: "relevantsBusy" }] : /* istanbul ignore next */ []));
         this.hasRelevants = signal(false, ...(ngDevMode ? [{ debugName: "hasRelevants" }] : /* istanbul ignore next */ []));
         this.user = this.clipperService.loginInfo?.context;
+        this._viewReady = false;
         if (this.dialogData?.id) {
             // Build the document render URL from the dialog data
             let id = this.dialogData.id.toString();
@@ -3603,12 +3608,18 @@ class ClipperDocumentComponent extends ClipperDocumentManager {
         ])
             .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe(result => {
+            if (!this._viewReady)
+                return; // DOM not ready yet
             for (const query of Object.keys(result.breakpoints)) {
                 if (result.breakpoints[query]) {
                     this.handleRelevantsPaneVisibility();
                 }
             }
         });
+        // Run view-dependent initialization after the first render.
+        afterNextRender(() => {
+            this._viewReady = true;
+        });
     }
     /**
      * Toggles the relevants side-pane open/closed state.
@@ -4398,6 +4409,7 @@ class ClipperReferencesComponent extends ClipperSearchResultManager {
         this.dialogRef = inject((MatDialogRef));
         this.dialogData = inject(MAT_DIALOG_DATA) ?? { mode: ClipperQueryReferencesMode.ReferencesIn };
         this.user = this.clipperService.loginInfo?.context;
+        this._viewReady = false;
         if (this.dialogData) {
             switch (this.dialogData.mode) {
                 case ClipperQueryReferencesMode.ReferencesIn:
@@ -4447,6 +4459,8 @@ class ClipperReferencesComponent extends ClipperSearchResultManager {
         ])
             .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((result) => {
+            if (!this._viewReady)
+                return; // DOM not ready yet
             for (const query of Object.keys(result.breakpoints)) {
                 if (result.breakpoints[query]) {
                     this.handleFilterPaneVisibility();
@@ -4455,6 +4469,7 @@ class ClipperReferencesComponent extends ClipperSearchResultManager {
         });
         // Run view-dependent initialization after the first render.
         afterNextRender(() => {
+            this._viewReady = true;
             this.handleFilterPaneVisibility();
             const filterPane = this.filterPane();
             if (filterPane) {