@prose-reader/core 1.66.0 → 1.67.0

package/dist/index.umd.cjs

@@ -468,20 +468,25 @@
       }
     );
     fixReflowable(reader);
-    let observer;
-    if (options.layoutAutoResize === `container`) {
-      reader.context.state$.pipe(
-        operators.map((state) => state.containerElement),
-        operators.filter(isDefined),
-        operators.distinctUntilChanged(),
-        operators.takeUntil(reader.$.destroy$)
-      ).subscribe((container) => {
-        observer = new ResizeObserver(() => {
-          reader == null ? void 0 : reader.layout();
-        });
-        observer.observe(container);
+    const observeContainerResize = (container) => new rxjs.Observable((observer) => {
+      const resizeObserver = new ResizeObserver(() => {
+        observer.next();
       });
-    }
+      resizeObserver.observe(container);
+      return () => {
+        resizeObserver.disconnect();
+      };
+    });
+    const layoutOnContainerResize$ = settingsManager.settings$.pipe(
+      operators.filter(({ layoutAutoResize: layoutAutoResize2 }) => layoutAutoResize2 === "container"),
+      operators.switchMap(() => reader.context.containerElement$),
+      operators.filter(isDefined),
+      operators.switchMap((container) => observeContainerResize(container)),
+      operators.debounceTime(100),
+      operators.tap(() => {
+        reader == null ? void 0 : reader.layout();
+      })
+    );
     const movingSafePan$ = createMovingSafePan$(reader);
     movingSafePan$.subscribe();
     settingsManager.settings$.pipe(
@@ -493,12 +498,12 @@
       }),
       operators.takeUntil(reader.$.destroy$)
     ).subscribe();
+    rxjs.merge(layoutOnContainerResize$).pipe(operators.takeUntil(reader.$.destroy$)).subscribe();
     return {
       ...reader,
       destroy: () => {
         settingsManager.destroy();
         reader.destroy();
-        observer == null ? void 0 : observer.disconnect();
       },
       settings: settingsManager
     };