@prose-reader/core 1.131.0 → 1.132.0

package/dist/index.umd.cjs

@@ -5674,11 +5674,6 @@
         }),
         operators.share()
       );
-      this.layout$ = layoutProcess$.pipe(
-        operators.filter((event) => event.type === `end`),
-        operators.map((event) => event.data),
-        operators.share()
-      );
       this.isReady$ = layoutProcess$.pipe(
         operators.withLatestFrom(this.renderer.isLoaded$),
         operators.map(([event, loaded]) => !!(event.type === `end` && loaded)),
@@ -5686,8 +5681,22 @@
         operators.distinctUntilChanged(),
         operators.shareReplay({ refCount: true, bufferSize: 1 })
       );
+      this.layout$ = layoutProcess$.pipe(
+        operators.filter((event) => event.type === `end`),
+        operators.map((event) => event.data),
+        operators.share()
+      );
       this.needsLayout$ = rxjs.merge(this.unloaded$, this.loaded$);
-      rxjs.merge(this.layout$, this.isReady$).pipe(operators.takeUntil(this.destroy$)).subscribe();
+      rxjs.merge(
+        /**
+         * @important
+         * The order is important here. We want to ensure the isReady value
+         * is set before dispatching the layout event. Elements reacting
+         * to layout changes may rely on the isReady value.
+         */
+        this.isReady$,
+        this.layout$
+      ).pipe(operators.takeUntil(this.destroy$)).subscribe();
     }
     get element() {
       return this.containerElement;