@prose-reader/core 1.66.0 → 1.67.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import { takeUntil, Subject, combineLatest, map as map$1, switchMap, merge, EMPTY, fromEvent, withLatestFrom, NEVER, Observable, of, scheduled, animationFrameScheduler, distinctUntilChanged as distinctUntilChanged$1, startWith as startWith$1, BehaviorSubject, filter as filter$1, debounceTime, combineLatestWith, tap as tap$1, shareReplay as shareReplay$1, from, interval, iif, identity, take as take$1, forkJoin } from "rxjs";
-import { startWith, map, shareReplay, tap, pairwise, switchMap as switchMap$1, filter, take, distinctUntilChanged, takeUntil as takeUntil$1, skip, withLatestFrom as withLatestFrom$1, share, exhaustMap, mergeMap, catchError, debounce, debounceTime as debounceTime$1, delay } from "rxjs/operators";
+import { takeUntil, Subject, combineLatest, map as map$1, switchMap, merge, EMPTY, fromEvent, withLatestFrom, NEVER, Observable, of, scheduled, animationFrameScheduler, distinctUntilChanged as distinctUntilChanged$1, startWith as startWith$1, BehaviorSubject, filter as filter$1, debounceTime as debounceTime$1, combineLatestWith, tap as tap$1, shareReplay as shareReplay$1, from, interval, iif, identity, take as take$1, forkJoin } from "rxjs";
+import { startWith, map, shareReplay, tap, pairwise, switchMap as switchMap$1, filter, take, distinctUntilChanged, takeUntil as takeUntil$1, debounceTime, skip, withLatestFrom as withLatestFrom$1, share, exhaustMap, mergeMap, catchError, debounce, delay } from "rxjs/operators";
 import { parseContentType, detectMimeTypeFromName } from "@prose-reader/shared";
 const chromeEnhancer = (next) => (options) => {
   const reader = next(options);
@@ -467,20 +467,25 @@ const layoutEnhancer = (next) => (options) => {
     }
   );
   fixReflowable(reader);
-  let observer;
-  if (options.layoutAutoResize === `container`) {
-    reader.context.state$.pipe(
-      map((state) => state.containerElement),
-      filter(isDefined),
-      distinctUntilChanged(),
-      takeUntil$1(reader.$.destroy$)
-    ).subscribe((container) => {
-      observer = new ResizeObserver(() => {
-        reader == null ? void 0 : reader.layout();
-      });
-      observer.observe(container);
+  const observeContainerResize = (container) => new Observable((observer) => {
+    const resizeObserver = new ResizeObserver(() => {
+      observer.next();
     });
-  }
+    resizeObserver.observe(container);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  });
+  const layoutOnContainerResize$ = settingsManager.settings$.pipe(
+    filter(({ layoutAutoResize: layoutAutoResize2 }) => layoutAutoResize2 === "container"),
+    switchMap$1(() => reader.context.containerElement$),
+    filter(isDefined),
+    switchMap$1((container) => observeContainerResize(container)),
+    debounceTime(100),
+    tap(() => {
+      reader == null ? void 0 : reader.layout();
+    })
+  );
   const movingSafePan$ = createMovingSafePan$(reader);
   movingSafePan$.subscribe();
   settingsManager.settings$.pipe(
@@ -492,12 +497,12 @@ const layoutEnhancer = (next) => (options) => {
     }),
     takeUntil$1(reader.$.destroy$)
   ).subscribe();
+  merge(layoutOnContainerResize$).pipe(takeUntil$1(reader.$.destroy$)).subscribe();
   return {
     ...reader,
     destroy: () => {
       settingsManager.destroy();
       reader.destroy();
-      observer == null ? void 0 : observer.disconnect();
     },
     settings: settingsManager
   };
@@ -883,7 +888,7 @@ const getNumberOfPagesForAllSpineItems = (reader) => reader.spineItemManager.get
 }, 0);
 const trackTotalPages = (reader) => {
   const totalPages$ = reader.spine.$.layout$.pipe(
-    debounceTime(10, animationFrameScheduler),
+    debounceTime$1(10, animationFrameScheduler),
     withLatestFrom(reader.pagination.paginationInfo$),
     map$1(() => {
       const numberOfPagesPerItems = getNumberOfPagesForAllSpineItems(reader);
@@ -5033,7 +5038,7 @@ const createScrollViewportNavigator = ({
     });
   };
   const navigationOnScroll$ = userScroll$.pipe(
-    debounceTime$1(SCROLL_FINISHED_DEBOUNCE_TIMEOUT, animationFrameScheduler),
+    debounceTime(SCROLL_FINISHED_DEBOUNCE_TIMEOUT, animationFrameScheduler),
     withLatestFrom$1(currentNavigationSubject$),
     switchMap$1(() => {
       var _a, _b;
@@ -5052,7 +5057,7 @@ const createScrollViewportNavigator = ({
     share()
   );
   const userScrollEnd$ = userScroll$.pipe(
-    debounceTime$1(SCROLL_FINISHED_DEBOUNCE_TIMEOUT, animationFrameScheduler),
+    debounceTime(SCROLL_FINISHED_DEBOUNCE_TIMEOUT, animationFrameScheduler),
     share(),
     takeUntil$1(context.destroy$)
   );