@prose-reader/core 1.55.0 → 1.57.0

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import { BehaviorSubject } from 'rxjs';
 import { Manifest } from '@prose-reader/shared';
 import { Observable } from 'rxjs';
+import { Subject } from 'rxjs';
 
 declare type Api = {
     zoom: {
@@ -43,57 +44,69 @@ declare type ChapterInfo = {
     path: string;
 };
 
-declare type Context = ReturnType<typeof createContext>;
+declare type ComputedSettings = Settings & {
+    computedPageTurnMode: Settings[`pageTurnMode`];
+    computedPageTurnDirection: Settings[`pageTurnDirection`];
+    computedPageTurnAnimation: Settings[`pageTurnAnimation`];
+    computedPageTurnAnimationDuration: number;
+    computedSnapAnimationDuration: number;
+};
 
-declare type Context_2 = {
-    load: (newManifest: Manifest, newLoadOptions: LoadOptions) => void;
-    getManifest: () => Manifest | undefined;
-    areAllItemsPrePaginated: () => boolean;
-    getCalculatedInnerMargin: () => number;
-    getVisibleAreaRect: () => {
-        width: number;
-        height: number;
-        x: number;
-        y: number;
-    };
-    isUsingSpreadMode: () => boolean | undefined;
-    setHasVerticalWriting: (value: boolean) => void;
-    getReadingDirection: () => Manifest[`readingDirection`] | undefined;
-    getPageSize: () => {
-        height: number;
-        width: number;
+declare class Context {
+    _stateSubject: BehaviorSubject<State>;
+    destroy$: Subject<void>;
+    state$: Observable<Partial<Pick<LoadOptions, "containerElement">> & {
+    manifest?: Manifest | undefined;
+    hasVerticalWriting?: boolean | undefined;
+    isUsingSpreadMode?: boolean | undefined;
+    isFullyPrePaginated?: boolean | undefined;
+    forceSinglePageMode?: boolean | undefined;
+    areAllItemsPrePaginated?: boolean | undefined;
+    calculatedInnerMargin: number;
+    marginTop: number;
+    marginBottom: number;
+    visibleAreaRect: {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
     };
-    setVisibleAreaRect: (options: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }) => void;
-    isRTL: () => boolean;
-    destroy: () => void;
-    getState: () => State;
+    }>;
+    manifest$: Observable<Manifest>;
     containerElement$: Observable<HTMLElement>;
-    isUsingSpreadMode$: Observable<boolean | undefined>;
     hasVerticalWriting$: Observable<boolean>;
-    $: {
-        destroy$: Observable<void>;
-        state$: Observable<State>;
-        manifest$: Observable<Manifest>;
+    isUsingSpreadMode$: Observable<boolean | undefined>;
+    update(newState: {
+        manifest?: Manifest;
+        forceSinglePageMode?: boolean;
+        visibleAreaRect?: State["visibleAreaRect"];
+        marginTop?: number;
+        marginBottom?: number;
+        hasVerticalWriting?: boolean;
+    }): void;
+    isRTL: () => boolean;
+    get state(): State;
+    get manifest(): Manifest | undefined;
+    get readingDirection(): "ltr" | "rtl" | undefined;
+    getPageSize(): {
+        width: number;
+        height: number;
     };
-};
+    destroy: () => void;
+}
 
-declare type ContextSettings = Partial<InputSettings>;
+declare type ContextSettings = Partial<Settings>;
 
 declare const createCfiLocator: ({ spineItemManager, spineItemLocator, }: {
     spineItemManager: SpineItemManager;
-    context: Context_2;
+    context: Context;
     spineItemLocator: ReturnType<typeof createLocationResolver_2>;
 }) => {
     getSpineItemFromCfi: (cfi: string) => {
         layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
             blankPagePosition: "after" | "before" | "none";
             minimumWidth: number;
-            spreadPosition: "none" | "left" | "right";
+            spreadPosition: "none" | "right" | "left";
         }) => {
             width: number;
             height: number;
@@ -205,7 +218,7 @@ declare const createCfiLocator: ({ spineItemManager, spineItemLocator, }: {
         })) => boolean) => boolean;
         executeOnLayoutBeforeMeasurementHook: (options: {
             minimumWidth: number;
-        }) => void;
+        }) => Observable<[void | Observable<void>]>;
         selectionTracker: {
             track: (frameToTrack: HTMLIFrameElement) => void;
             destroy: () => void;
@@ -265,7 +278,7 @@ declare const createCfiLocator: ({ spineItemManager, spineItemLocator, }: {
         layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
             blankPagePosition: "after" | "before" | "none";
             minimumWidth: number;
-            spreadPosition: "none" | "left" | "right";
+            spreadPosition: "none" | "right" | "left";
         }) => {
             width: number;
             height: number;
@@ -377,7 +390,7 @@ declare const createCfiLocator: ({ spineItemManager, spineItemLocator, }: {
         })) => boolean) => boolean;
         executeOnLayoutBeforeMeasurementHook: (options: {
             minimumWidth: number;
-        }) => void;
+        }) => Observable<[void | Observable<void>]>;
         selectionTracker: {
             track: (frameToTrack: HTMLIFrameElement) => void;
             destroy: () => void;
@@ -451,22 +464,11 @@ declare const createCfiLocator: ({ spineItemManager, spineItemLocator, }: {
     };
 };
 
-declare const createContext: (settings: ReturnType<typeof createSettings>) => Context_2;
-
-declare const createEventsHelper: ({ iframeEventBridgeElement$, locator, }: {
-    iframeEventBridgeElement$: BehaviorSubject<HTMLElement | undefined>;
-    spineItemManager: SpineItemManager;
-    context: Context_2;
-    locator: ReturnType<typeof createLocationResolver>;
-}) => {
-    normalizeEventForViewport: <E extends MouseEvent | PointerEvent | TouchEvent>(event: E) => E;
-};
-
 declare const createLocationResolver: ({ spineItemManager, context, spineItemLocator, settings }: {
     spineItemManager: SpineItemManager;
-    context: Context_2;
+    context: Context;
     spineItemLocator: ReturnType<typeof createLocationResolver_2>;
-    settings: Settings;
+    settings: SettingsManager;
 }) => {
     getSpinePositionFromSpineItemPosition: (spineItemPosition: SpineItemNavigationPosition | SpineItemPosition, spineItem: SpineItem) => SpinePosition;
     getSpinePositionFromSpineItem: (spineItem: SpineItem) => SpinePosition;
@@ -475,7 +477,7 @@ declare const createLocationResolver: ({ spineItemManager, context, spineItemLoc
         layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
             blankPagePosition: "after" | "before" | "none";
             minimumWidth: number;
-            spreadPosition: "none" | "left" | "right";
+            spreadPosition: "none" | "right" | "left";
         }) => {
             width: number;
             height: number;
@@ -587,7 +589,7 @@ declare const createLocationResolver: ({ spineItemManager, context, spineItemLoc
         })) => boolean) => boolean;
         executeOnLayoutBeforeMeasurementHook: (options: {
             minimumWidth: number;
-        }) => void;
+        }) => Observable<[void | Observable<void>]>;
         selectionTracker: {
             track: (frameToTrack: HTMLIFrameElement) => void;
             destroy: () => void;
@@ -644,7 +646,7 @@ declare const createLocationResolver: ({ spineItemManager, context, spineItemLoc
         layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
             blankPagePosition: "after" | "before" | "none";
             minimumWidth: number;
-            spreadPosition: "none" | "left" | "right";
+            spreadPosition: "none" | "right" | "left";
         }) => {
             width: number;
             height: number;
@@ -756,7 +758,7 @@ declare const createLocationResolver: ({ spineItemManager, context, spineItemLoc
         })) => boolean) => boolean;
         executeOnLayoutBeforeMeasurementHook: (options: {
             minimumWidth: number;
-        }) => void;
+        }) => Observable<[void | Observable<void>]>;
         selectionTracker: {
             track: (frameToTrack: HTMLIFrameElement) => void;
             destroy: () => void;
@@ -812,7 +814,7 @@ declare const createLocationResolver: ({ spineItemManager, context, spineItemLoc
         layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
             blankPagePosition: "after" | "before" | "none";
             minimumWidth: number;
-            spreadPosition: "none" | "left" | "right";
+            spreadPosition: "none" | "right" | "left";
         }) => {
             width: number;
             height: number;
@@ -924,7 +926,7 @@ declare const createLocationResolver: ({ spineItemManager, context, spineItemLoc
         })) => boolean) => boolean;
         executeOnLayoutBeforeMeasurementHook: (options: {
             minimumWidth: number;
-        }) => void;
+        }) => Observable<[void | Observable<void>]>;
         selectionTracker: {
             track: (frameToTrack: HTMLIFrameElement) => void;
             destroy: () => void;
@@ -981,7 +983,7 @@ declare const createLocationResolver: ({ spineItemManager, context, spineItemLoc
         layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
             blankPagePosition: "after" | "before" | "none";
             minimumWidth: number;
-            spreadPosition: "none" | "left" | "right";
+            spreadPosition: "none" | "right" | "left";
         }) => {
             width: number;
             height: number;
@@ -1093,7 +1095,7 @@ declare const createLocationResolver: ({ spineItemManager, context, spineItemLoc
         })) => boolean) => boolean;
         executeOnLayoutBeforeMeasurementHook: (options: {
             minimumWidth: number;
-        }) => void;
+        }) => Observable<[void | Observable<void>]>;
         selectionTracker: {
             track: (frameToTrack: HTMLIFrameElement) => void;
             destroy: () => void;
@@ -1156,7 +1158,7 @@ declare const createLocationResolver: ({ spineItemManager, context, spineItemLoc
 };
 
 declare const createLocationResolver_2: ({ context }: {
-    context: Context_2;
+    context: Context;
 }) => {
     getSpineItemPositionFromNode: (node: Node, offset: number, spineItem: SpineItem) => {
         x: number;
@@ -1177,7 +1179,7 @@ declare const createLocationResolver_2: ({ context }: {
 };
 
 declare const createPagination: ({ context }: {
-    context: Context_2;
+    context: Context;
     spineItemManager: SpineItemManager;
 }) => {
     destroy: () => void;
@@ -1222,17 +1224,15 @@ declare const createPagination: ({ context }: {
     paginationInfo$: Observable<PaginationInfo>;
 };
 
-export declare const createReader: (options: {
-    hooks?: Hook[] | undefined;
-} & Pick<Partial<InputSettings>, "pageTurnMode" | "pageTurnDirection" | "pageTurnAnimation" | "forceSinglePageMode" | "navigationSnapThreshold" | "numberOfAdjacentSpineItemToPreLoad"> & {
+export declare const createReader: (options: Partial<Settings> & {
     theme?: Theme | undefined;
 } & SettingsInput & {
     layoutAutoResize?: false | "container" | undefined;
 } & {
     fontScale?: number | undefined;
     lineHeight?: number | "publisher" | undefined;
-    fontWeight?: 300 | 200 | 100 | 400 | 500 | 600 | 700 | 800 | 900 | "publisher" | undefined;
-    fontJustification?: "center" | "left" | "right" | "justify" | "publisher" | undefined;
+    fontWeight?: 200 | 300 | 100 | 400 | 500 | 600 | 700 | 800 | 900 | "publisher" | undefined;
+    fontJustification?: "center" | "right" | "left" | "justify" | "publisher" | undefined;
 } & {
     loadingElementCreate?: ((options: {
         container: HTMLElement;
@@ -1247,15 +1247,19 @@ export declare const createReader: (options: {
         };
     }) => HTMLElement) | undefined;
 }) => Omit<Omit<Omit<Omit<ReaderInternal & {
+    events: {
+        normalizeEventForViewport: <E extends MouseEvent | PointerEvent | TouchEvent>(event: E) => E;
+    };
+} & {
     progression: {
-        getPercentageEstimate: (context: Context_2, currentSpineIndex: number, numberOfPages: number, pageIndex: number, currentPosition: {
+        getPercentageEstimate: (context: Context, currentSpineIndex: number, numberOfPages: number, pageIndex: number, currentPosition: {
             x: number;
             y: number;
         }, currentItem: {
             layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                 blankPagePosition: "after" | "before" | "none";
                 minimumWidth: number;
-                spreadPosition: "none" | "left" | "right";
+                spreadPosition: "none" | "right" | "left";
             }) => {
                 width: number;
                 height: number;
@@ -1367,7 +1371,7 @@ export declare const createReader: (options: {
             })) => boolean) => boolean;
             executeOnLayoutBeforeMeasurementHook: (options: {
                 minimumWidth: number;
-            }) => void;
+            }) => Observable<[void | Observable<void>]>;
             selectionTracker: {
                 track: (frameToTrack: HTMLIFrameElement) => void;
                 destroy: () => void;
@@ -1420,14 +1424,14 @@ export declare const createReader: (options: {
                 isReady$: Observable<boolean>;
             };
         }) => number;
-        getScrollPercentageWithinItem: (context: Context_2, currentPosition: {
+        getScrollPercentageWithinItem: (context: Context, currentPosition: {
             x: number;
             y: number;
         }, currentItem: {
             layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                 blankPagePosition: "after" | "before" | "none";
                 minimumWidth: number;
-                spreadPosition: "none" | "left" | "right";
+                spreadPosition: "none" | "right" | "left";
             }) => {
                 width: number;
                 height: number;
@@ -1539,7 +1543,7 @@ export declare const createReader: (options: {
             })) => boolean) => boolean;
             executeOnLayoutBeforeMeasurementHook: (options: {
                 minimumWidth: number;
-            }) => void;
+            }) => Observable<[void | Observable<void>]>;
             selectionTracker: {
                 track: (frameToTrack: HTMLIFrameElement) => void;
                 destroy: () => void;
@@ -1601,7 +1605,7 @@ export declare const createReader: (options: {
                 layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                     blankPagePosition: "after" | "before" | "none";
                     minimumWidth: number;
-                    spreadPosition: "none" | "left" | "right";
+                    spreadPosition: "none" | "right" | "left";
                 }) => {
                     width: number;
                     height: number;
@@ -1713,7 +1717,7 @@ export declare const createReader: (options: {
                 })) => boolean) => boolean;
                 executeOnLayoutBeforeMeasurementHook: (options: {
                     minimumWidth: number;
-                }) => void;
+                }) => Observable<[void | Observable<void>]>;
                 selectionTracker: {
                     track: (frameToTrack: HTMLIFrameElement) => void;
                     destroy: () => void;
@@ -1778,7 +1782,7 @@ export declare const createReader: (options: {
                 layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                     blankPagePosition: "after" | "before" | "none";
                     minimumWidth: number;
-                    spreadPosition: "none" | "left" | "right";
+                    spreadPosition: "none" | "right" | "left";
                 }) => {
                     width: number;
                     height: number;
@@ -1890,7 +1894,7 @@ export declare const createReader: (options: {
                 })) => boolean) => boolean;
                 executeOnLayoutBeforeMeasurementHook: (options: {
                     minimumWidth: number;
-                }) => void;
+                }) => Observable<[void | Observable<void>]>;
                 selectionTracker: {
                     track: (frameToTrack: HTMLIFrameElement) => void;
                     destroy: () => void;
@@ -1955,7 +1959,7 @@ export declare const createReader: (options: {
                 layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                     blankPagePosition: "after" | "before" | "none";
                     minimumWidth: number;
-                    spreadPosition: "none" | "left" | "right";
+                    spreadPosition: "none" | "right" | "left";
                 }) => {
                     width: number;
                     height: number;
@@ -2067,7 +2071,7 @@ export declare const createReader: (options: {
                 })) => boolean) => boolean;
                 executeOnLayoutBeforeMeasurementHook: (options: {
                     minimumWidth: number;
-                }) => void;
+                }) => Observable<[void | Observable<void>]>;
                 selectionTracker: {
                     track: (frameToTrack: HTMLIFrameElement) => void;
                     destroy: () => void;
@@ -2132,7 +2136,7 @@ export declare const createReader: (options: {
                 layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                     blankPagePosition: "after" | "before" | "none";
                     minimumWidth: number;
-                    spreadPosition: "none" | "left" | "right";
+                    spreadPosition: "none" | "right" | "left";
                 }) => {
                     width: number;
                     height: number;
@@ -2244,7 +2248,7 @@ export declare const createReader: (options: {
                 })) => boolean) => boolean;
                 executeOnLayoutBeforeMeasurementHook: (options: {
                     minimumWidth: number;
-                }) => void;
+                }) => Observable<[void | Observable<void>]>;
                 selectionTracker: {
                     track: (frameToTrack: HTMLIFrameElement) => void;
                     destroy: () => void;
@@ -2334,25 +2338,15 @@ export declare const createReader: (options: {
         }>;
     };
 } & Api, "settings"> & {
-    settings: Omit<{
-        settings$: Observable<InputSettings & {
-        computedPageTurnMode: "controlled" | "scrollable";
-        computedPageTurnDirection: "vertical" | "horizontal";
-        computedPageTurnAnimation: "none" | "fade" | "slide";
-        computedPageTurnAnimationDuration: number;
-        computedSnapAnimationDuration: number;
-        }>;
-        setSettings: (data: Partial<InputSettings>) => void;
-        getSettings: () => OutputSettings;
-    }, "settings$" | "setSettings"> & {
-        settings$: Observable<InputSettings & {
+    settings: Omit<SettingsManager, "setSettings" | "settings$"> & {
+        settings$: Observable<Settings & {
         computedPageTurnMode: "controlled" | "scrollable";
         computedPageTurnDirection: "vertical" | "horizontal";
         computedPageTurnAnimation: "none" | "fade" | "slide";
         computedPageTurnAnimationDuration: number;
         computedSnapAnimationDuration: number;
         } & Required<SettingsInput>>;
-        setSettings: (settings: Partial<InputSettings> & SettingsInput) => void;
+        setSettings: (settings: Partial<Settings> & SettingsInput) => void;
     };
 } & {
     utils: {
@@ -2367,27 +2361,17 @@ export declare const createReader: (options: {
         }>;
     };
 }, "settings"> & {
-    settings: Omit<Omit<{
-        settings$: Observable<InputSettings & {
-        computedPageTurnMode: "controlled" | "scrollable";
-        computedPageTurnDirection: "vertical" | "horizontal";
-        computedPageTurnAnimation: "none" | "fade" | "slide";
-        computedPageTurnAnimationDuration: number;
-        computedSnapAnimationDuration: number;
-        }>;
-        setSettings: (data: Partial<InputSettings>) => void;
-        getSettings: () => OutputSettings;
-    }, "settings$" | "setSettings"> & {
-        settings$: Observable<InputSettings & {
+    settings: Omit<Omit<SettingsManager, "setSettings" | "settings$"> & {
+        settings$: Observable<Settings & {
         computedPageTurnMode: "controlled" | "scrollable";
         computedPageTurnDirection: "vertical" | "horizontal";
         computedPageTurnAnimation: "none" | "fade" | "slide";
         computedPageTurnAnimationDuration: number;
         computedSnapAnimationDuration: number;
         } & Required<SettingsInput>>;
-        setSettings: (settings: Partial<InputSettings> & SettingsInput) => void;
-    }, "settings$" | "setSettings"> & {
-        settings$: Observable<InputSettings & {
+        setSettings: (settings: Partial<Settings> & SettingsInput) => void;
+    }, "setSettings" | "settings$"> & {
+        settings$: Observable<Settings & {
         computedPageTurnMode: "controlled" | "scrollable";
         computedPageTurnDirection: "vertical" | "horizontal";
         computedPageTurnAnimation: "none" | "fade" | "slide";
@@ -2396,14 +2380,14 @@ export declare const createReader: (options: {
         } & Required<SettingsInput> & Required<{
         fontScale?: number | undefined;
         lineHeight?: number | "publisher" | undefined;
-        fontWeight?: 300 | 200 | 100 | 400 | 500 | 600 | 700 | 800 | 900 | "publisher" | undefined;
-        fontJustification?: "center" | "left" | "right" | "justify" | "publisher" | undefined;
+        fontWeight?: 200 | 300 | 100 | 400 | 500 | 600 | 700 | 800 | 900 | "publisher" | undefined;
+        fontJustification?: "center" | "right" | "left" | "justify" | "publisher" | undefined;
         }>>;
-        setSettings: (settings: Partial<InputSettings> & SettingsInput & {
+        setSettings: (settings: Partial<Settings> & SettingsInput & {
             fontScale?: number | undefined;
             lineHeight?: number | "publisher" | undefined;
-            fontWeight?: 300 | 200 | 100 | 400 | 500 | 600 | 700 | 800 | 900 | "publisher" | undefined;
-            fontJustification?: "center" | "left" | "right" | "justify" | "publisher" | undefined;
+            fontWeight?: 200 | 300 | 100 | 400 | 500 | 600 | 700 | 800 | 900 | "publisher" | undefined;
+            fontJustification?: "center" | "right" | "left" | "justify" | "publisher" | undefined;
         }) => void;
     };
 } & {
@@ -2422,7 +2406,7 @@ export declare const createReader: (options: {
                 layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                     blankPagePosition: "after" | "before" | "none";
                     minimumWidth: number;
-                    spreadPosition: "none" | "left" | "right";
+                    spreadPosition: "none" | "right" | "left";
                 }) => {
                     width: number;
                     height: number;
@@ -2534,7 +2518,7 @@ export declare const createReader: (options: {
                 })) => boolean) => boolean;
                 executeOnLayoutBeforeMeasurementHook: (options: {
                     minimumWidth: number;
-                }) => void;
+                }) => Observable<[void | Observable<void>]>;
                 selectionTracker: {
                     track: (frameToTrack: HTMLIFrameElement) => void;
                     destroy: () => void;
@@ -2599,7 +2583,7 @@ export declare const createReader: (options: {
                 layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                     blankPagePosition: "after" | "before" | "none";
                     minimumWidth: number;
-                    spreadPosition: "none" | "left" | "right";
+                    spreadPosition: "none" | "right" | "left";
                 }) => {
                     width: number;
                     height: number;
@@ -2711,7 +2695,7 @@ export declare const createReader: (options: {
                 })) => boolean) => boolean;
                 executeOnLayoutBeforeMeasurementHook: (options: {
                     minimumWidth: number;
-                }) => void;
+                }) => Observable<[void | Observable<void>]>;
                 selectionTracker: {
                     track: (frameToTrack: HTMLIFrameElement) => void;
                     destroy: () => void;
@@ -2776,7 +2760,7 @@ export declare const createReader: (options: {
                 layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                     blankPagePosition: "after" | "before" | "none";
                     minimumWidth: number;
-                    spreadPosition: "none" | "left" | "right";
+                    spreadPosition: "none" | "right" | "left";
                 }) => {
                     width: number;
                     height: number;
@@ -2888,7 +2872,7 @@ export declare const createReader: (options: {
                 })) => boolean) => boolean;
                 executeOnLayoutBeforeMeasurementHook: (options: {
                     minimumWidth: number;
-                }) => void;
+                }) => Observable<[void | Observable<void>]>;
                 selectionTracker: {
                     track: (frameToTrack: HTMLIFrameElement) => void;
                     destroy: () => void;
@@ -2953,7 +2937,7 @@ export declare const createReader: (options: {
                 layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                     blankPagePosition: "after" | "before" | "none";
                     minimumWidth: number;
-                    spreadPosition: "none" | "left" | "right";
+                    spreadPosition: "none" | "right" | "left";
                 }) => {
                     width: number;
                     height: number;
@@ -3065,7 +3049,7 @@ export declare const createReader: (options: {
                 })) => boolean) => boolean;
                 executeOnLayoutBeforeMeasurementHook: (options: {
                     minimumWidth: number;
-                }) => void;
+                }) => Observable<[void | Observable<void>]>;
                 selectionTracker: {
                     track: (frameToTrack: HTMLIFrameElement) => void;
                     destroy: () => void;
@@ -3140,41 +3124,18 @@ declare const createSelection: (selection: Selection, item: Manifest[`spineItems
     getFocusCfi: () => string | undefined;
 };
 
-declare const createSettings: (initialSettings: Partial<InputSettings>) => {
-    getSettings: () => OutputSettings;
-    setSettings: (newSettings: Partial<InputSettings>, options: {
-        hasVerticalWriting?: boolean;
-        manifest?: Manifest | undefined;
-    }) => void;
-    recompute: (options: {
-        hasVerticalWriting?: boolean;
-        manifest?: Manifest | undefined;
-    }) => void;
-    destroy: () => void;
-    $: {
-        settings$: Observable<InputSettings & {
-        computedPageTurnMode: "controlled" | "scrollable";
-        computedPageTurnDirection: "vertical" | "horizontal";
-        computedPageTurnAnimation: "none" | "fade" | "slide";
-        computedPageTurnAnimationDuration: number;
-        computedSnapAnimationDuration: number;
-        }>;
-    };
-};
-
-declare const createSpineItem: ({ item, context, containerElement, iframeEventBridgeElement$, hooks$, viewportState$, settings }: {
+declare const createSpineItem: ({ item, context, containerElement, viewportState$, settings, hookManager }: {
     item: Manifest[`spineItems`][number];
     containerElement: HTMLElement;
-    iframeEventBridgeElement$: BehaviorSubject<HTMLElement | undefined>;
-    context: Context_2;
-    hooks$: BehaviorSubject<Hook[]>;
+    context: Context;
     viewportState$: Observable<`free` | `busy`>;
-    settings: Settings;
+    settings: SettingsManager;
+    hookManager: HookManager;
 }) => {
     layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
         blankPagePosition: "after" | "before" | "none";
         minimumWidth: number;
-        spreadPosition: "none" | "left" | "right";
+        spreadPosition: "none" | "right" | "left";
     }) => {
         width: number;
         height: number;
@@ -3286,7 +3247,7 @@ declare const createSpineItem: ({ item, context, containerElement, iframeEventBr
     })) => boolean) => boolean;
     executeOnLayoutBeforeMeasurementHook: (options: {
         minimumWidth: number;
-    }) => void;
+    }) => Observable<[void | Observable<void>]>;
     selectionTracker: {
         track: (frameToTrack: HTMLIFrameElement) => void;
         destroy: () => void;
@@ -3341,8 +3302,8 @@ declare const createSpineItem: ({ item, context, containerElement, iframeEventBr
 };
 
 declare const createSpineItemManager: ({ context, settings }: {
-    context: Context_2;
-    settings: Settings;
+    context: Context;
+    settings: SettingsManager;
 }) => {
     destroyItems: () => void;
     add: (spineItem: SpineItem) => void;
@@ -3350,7 +3311,7 @@ declare const createSpineItemManager: ({ context, settings }: {
         layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
             blankPagePosition: "after" | "before" | "none";
             minimumWidth: number;
-            spreadPosition: "none" | "left" | "right";
+            spreadPosition: "none" | "right" | "left";
         }) => {
             width: number;
             height: number;
@@ -3462,7 +3423,7 @@ declare const createSpineItemManager: ({ context, settings }: {
         })) => boolean) => boolean;
         executeOnLayoutBeforeMeasurementHook: (options: {
             minimumWidth: number;
-        }) => void;
+        }) => Observable<[void | Observable<void>]>;
         selectionTracker: {
             track: (frameToTrack: HTMLIFrameElement) => void;
             destroy: () => void;
@@ -3519,7 +3480,7 @@ declare const createSpineItemManager: ({ context, settings }: {
         layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
             blankPagePosition: "after" | "before" | "none";
             minimumWidth: number;
-            spreadPosition: "none" | "left" | "right";
+            spreadPosition: "none" | "right" | "left";
         }) => {
             width: number;
             height: number;
@@ -3631,7 +3592,7 @@ declare const createSpineItemManager: ({ context, settings }: {
         })) => boolean) => boolean;
         executeOnLayoutBeforeMeasurementHook: (options: {
             minimumWidth: number;
-        }) => void;
+        }) => Observable<[void | Observable<void>]>;
         selectionTracker: {
             track: (frameToTrack: HTMLIFrameElement) => void;
             destroy: () => void;
@@ -3701,7 +3662,7 @@ declare const createSpineItemManager: ({ context, settings }: {
         layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
             blankPagePosition: "after" | "before" | "none";
             minimumWidth: number;
-            spreadPosition: "none" | "left" | "right";
+            spreadPosition: "none" | "right" | "left";
         }) => {
             width: number;
             height: number;
@@ -3813,7 +3774,7 @@ declare const createSpineItemManager: ({ context, settings }: {
         })) => boolean) => boolean;
         executeOnLayoutBeforeMeasurementHook: (options: {
             minimumWidth: number;
-        }) => void;
+        }) => Observable<[void | Observable<void>]>;
         selectionTracker: {
             track: (frameToTrack: HTMLIFrameElement) => void;
             destroy: () => void;
@@ -3889,16 +3850,16 @@ declare const createSpineItemManager: ({ context, settings }: {
     };
 };
 
-declare const createViewportNavigator: ({ spineItemManager, context, pagination, parentElement$, cfiLocator, spineLocator, hooks$, spine, settings, }: {
+declare const createViewportNavigator: ({ spineItemManager, context, pagination, parentElement$, cfiLocator, spineLocator, hookManager, spine, settings, }: {
     spineItemManager: SpineItemManager;
     pagination: Pagination;
-    context: Context_2;
+    context: Context;
     parentElement$: BehaviorSubject<HTMLElement | undefined>;
     cfiLocator: ReturnType<typeof createCfiLocator>;
     spineLocator: ReturnType<typeof createLocationResolver>;
-    hooks$: BehaviorSubject<Hook[]>;
+    hookManager: HookManager;
     spine: Spine;
-    settings: Settings;
+    settings: SettingsManager;
 }) => {
     destroy: () => void;
     layout: () => void;
@@ -3986,12 +3947,29 @@ declare type ExtraPaginationInfo = {
 
 export declare const groupBy: <T, K extends string | number | symbol>(list: T[], getKey: (item: T) => K) => Record<K, T[]>;
 
-declare type Hook = ItemOnLoadHook | {
-    name: `item.onBeforeContainerCreated`;
-    fn: (payload: HTMLElement) => HTMLElement;
+declare type Hook = {
+    name: `item.onLoad`;
+    runFn: (params: {
+        destroy$: Observable<void>;
+        destroy: (fn: UserDestroyFn) => void;
+        itemId: string;
+        frame: HTMLIFrameElement;
+    }) => Observable<void>;
+} | {
+    name: "item.onAfterLayout";
+    runFn: (params: {
+        blankPagePosition: "before" | "after" | "none";
+        item: Manifest["spineItems"][number];
+        minimumWidth: number;
+    }) => void;
+} | {
+    name: "item.onBeforeContainerCreated";
+    runFn: (params: {
+        element: HTMLElement;
+    }) => void;
 } | {
-    name: `item.onLayoutBeforeMeasurement`;
-    fn: (payload: {
+    name: "item.onLayoutBeforeMeasurement";
+    runFn: (params: {
         frame: {
             getManipulableFrame: () => undefined | {
                 removeStyle: (id: string) => void;
@@ -4010,47 +3988,39 @@ declare type Hook = ItemOnLoadHook | {
         isImageType: () => boolean | undefined;
     }) => void;
 } | {
-    name: `item.onAfterLayout`;
-    fn: (payload: {
-        item: Manifest[`spineItems`][number];
-        blankPagePosition: `before` | `after` | `none`;
-        minimumWidth: number;
-    }) => void;
-} | {
-    name: `item.onGetResource`;
-    fn: (fetchResource: (item: Manifest[`spineItems`][number]) => Promise<Response>) => (item: Manifest[`spineItems`][number]) => Promise<Response>;
+    name: "onViewportOffsetAdjust";
+    runFn: (params: void) => void;
 } | {
     name: `viewportNavigator.onBeforeContainerCreated`;
-    fn: (payload: HTMLElement) => HTMLElement;
-} | {
-    name: `onViewportOffsetAdjust`;
-    fn: () => void;
+    runFn: (params: {
+        element: HTMLElement;
+    }) => void;
 };
 
-declare type InputSettings = {
-    forceSinglePageMode: boolean;
-    pageTurnAnimation: `none` | `fade` | `slide`;
-    pageTurnAnimationDuration: undefined | number;
-    pageTurnDirection: `vertical` | `horizontal`;
-    pageTurnMode: `controlled` | `scrollable`;
-    navigationSnapThreshold: number;
-    numberOfAdjacentSpineItemToPreLoad: number;
+declare type HookExecution = {
+    name: string;
+    id: string | undefined;
+    destroyFn: () => Observable<unknown>;
+    ref: Hook;
 };
 
+declare type HookFrom<Name extends Hook["name"]> = Hook extends infer HK ? HK extends Hook ? HK["name"] extends Name ? HK : never : never : never;
+
+declare class HookManager {
+    _hooks: Array<Hook>;
+    _hookExecutions: Array<HookExecution>;
+    _deregister(hookToDeregister: Hook): Observable<unknown[]>;
+    register<Name extends Hook["name"]>(name: Name, fn: (params: HookParamsFrom<Name>) => void | Observable<void>): () => void;
+    execute<Name extends Hook["name"]>(name: Name, id: string | undefined, params: Omit<HookParamsFrom<Name>, "destroy$" | "destroy">): Observable<[void | Observable<void>]>;
+    destroy<Name extends Hook["name"]>(name: Name, id?: string, ref?: Hook): Observable<unknown[]>;
+}
+
+declare type HookParamsFrom<Name extends Hook["name"]> = Parameters<HookFrom<Name>["runFn"]>[0];
+
 export declare const isShallowEqual: <T = any, R = any>(objectA: T, objectB: R, options?: {
     customEqual?: (<T_1>(a: T_1, b: T_1) => boolean) | undefined;
 } | undefined) => boolean;
 
-declare type ItemOnLoadHook = {
-    name: `item.onLoad`;
-    fn: (manipulableFrame: {
-        frame: HTMLIFrameElement;
-        removeStyle: (id: string) => void;
-        item: Manifest[`spineItems`][number];
-        addStyle: (id: string, style: CSSStyleDeclaration[`cssText`]) => void;
-    }) => (() => void) | Observable<unknown> | void;
-};
-
 declare type LastUserExpectedNavigation = undefined | {
     type: `navigate-from-previous-item`;
 } | {
@@ -4065,7 +4035,6 @@ declare type LastUserExpectedNavigation = undefined | {
 
 declare type LoadOptions = {
     cfi?: string | null;
-    fetchResource?: (item: Manifest[`spineItems`][number]) => Promise<Response>;
     containerElement: HTMLElement;
 };
 
@@ -4088,14 +4057,6 @@ declare type Navigation = {
     lastUserExpectedNavigation: LastUserExpectedNavigation;
 };
 
-declare type OutputSettings = InputSettings & {
-    computedPageTurnMode: InputSettings[`pageTurnMode`];
-    computedPageTurnDirection: InputSettings[`pageTurnDirection`];
-    computedPageTurnAnimation: InputSettings[`pageTurnAnimation`];
-    computedPageTurnAnimationDuration: number;
-    computedSnapAnimationDuration: number;
-};
-
 declare type Pagination = ReturnType<typeof createPagination>;
 
 declare type PaginationInfo = {
@@ -4113,43 +4074,16 @@ export declare type Reader = ReturnType<typeof createReader>;
 
 declare type ReaderInternal = {
     context: Context;
-    registerHook: RegisterHook;
     spine: Spine;
+    spineItemManager: SpineItemManager;
     viewportNavigator: ViewportNavigator;
-    manipulateSpineItems: Spine["manipulateSpineItems"];
-    manipulateSpineItem: Spine["manipulateSpineItem"];
-    moveTo: ViewportNavigator["moveTo"];
-    turnLeft: ViewportNavigator["turnLeft"];
-    turnRight: ViewportNavigator["turnRight"];
-    goToPageOfCurrentChapter: ViewportNavigator["goToPageOfCurrentChapter"];
-    goToPage: ViewportNavigator["goToPage"];
-    goToUrl: ViewportNavigator["goToUrl"];
-    goToCfi: ViewportNavigator["goToCfi"];
-    goToSpineItem: ViewportNavigator["goToSpineItem"];
-    getFocusedSpineItemIndex: SpineItemManager["getFocusedSpineItemIndex"];
-    getSpineItem: SpineItemManager["get"];
-    getSpineItems: SpineItemManager["getAll"];
-    getAbsolutePositionOf: SpineItemManager["getAbsolutePositionOf"];
-    getSelection: Spine["getSelection"];
-    isSelecting: Spine["isSelecting"];
-    normalizeEventForViewport: Spine["normalizeEventForViewport"];
-    getCfiMetaInformation: Spine["cfiLocator"]["getCfiMetaInformation"];
-    resolveCfi: Spine["cfiLocator"]["resolveCfi"];
-    generateCfi: Spine["cfiLocator"]["generateFromRange"];
-    locator: Spine["locator"];
-    getCurrentNavigationPosition: ViewportNavigator["getCurrentNavigationPosition"];
-    getCurrentViewportPosition: ViewportNavigator["getCurrentViewportPosition"];
+    settings: SettingsManager;
+    hookManager: HookManager;
     layout: () => void;
     load: (manifest: Manifest, loadOptions: LoadOptions) => void;
     destroy: () => void;
     pagination: Pagination;
-    spineItems$: Spine["$"]["spineItems$"];
-    context$: Context["$"]["state$"];
-    settings: {
-        settings$: ReturnType<typeof createSettings>["$"]["settings$"];
-        setSettings: (data: Partial<InputSettings>) => void;
-        getSettings: Settings["getSettings"];
-    };
+    element$: Observable<HTMLElement>;
     $: {
         state$: Observable<{
             supportedPageTurnAnimation: NonNullable<ContextSettings[`pageTurnAnimation`]>[];
@@ -4163,40 +4097,12 @@ declare type ReaderInternal = {
             getAnchorCfi: () => string | undefined;
             getFocusCfi: () => string | undefined;
         } | null>;
-        viewportState$: Observable<"free" | "busy">;
-        layout$: Spine["$"]["layout$"];
-        itemsBeforeDestroy$: Spine["$"]["itemsBeforeDestroy$"];
-        itemIsReady$: SpineItemManager["$"]["itemIsReady$"];
         destroy$: Observable<void>;
     };
-    __debug: {
-        pagination: Pagination;
-        context: Context;
-        spineItemManager: SpineItemManager;
-    };
 };
 
 export declare type ReaderSelection = ReturnType<typeof createSelection>;
 
-export declare interface RegisterHook {
-    (name: `item.onBeforeContainerCreated`, fn: Extract<Hook, {
-        name: `item.onBeforeContainerCreated`;
-    }>[`fn`]): void;
-    (name: `item.onGetResource`, fn: Extract<Hook, {
-        name: `item.onGetResource`;
-    }>[`fn`]): void;
-    (name: `item.onLayoutBeforeMeasurement`, fn: Extract<Hook, {
-        name: `item.onLayoutBeforeMeasurement`;
-    }>[`fn`]): void;
-    (name: `item.onAfterLayout`, fn: Extract<Hook, {
-        name: `item.onAfterLayout`;
-    }>[`fn`]): void;
-    (name: `onViewportOffsetAdjust`, fn: Extract<Hook, {
-        name: `onViewportOffsetAdjust`;
-    }>[`fn`]): void;
-    (name: `item.onLoad`, fn: ItemOnLoadHook["fn"]): void;
-}
-
 declare const Report_2: {
     namespace: (namespace: string) => {
         log: (...data: any[]) => void;
@@ -4227,20 +4133,39 @@ export { Report_2 as Report }
 
 declare type RequireLayout = boolean;
 
-declare type Settings = ReturnType<typeof createSettings>;
+declare type Settings = {
+    forceSinglePageMode: boolean;
+    pageTurnAnimation: `none` | `fade` | `slide`;
+    pageTurnAnimationDuration: undefined | number;
+    pageTurnDirection: `vertical` | `horizontal`;
+    pageTurnMode: `controlled` | `scrollable`;
+    navigationSnapThreshold: number;
+    numberOfAdjacentSpineItemToPreLoad: number;
+    fetchResource?: (item: Manifest[`spineItems`][number]) => Promise<Response>;
+};
 
 declare type SettingsInput = {
     pageHorizontalMargin?: number;
     pageVerticalMargin?: number;
 };
 
+declare class SettingsManager {
+    _settingsSubject$: BehaviorSubject<ComputedSettings>;
+    _context: Context;
+    settings$: Observable<ComputedSettings>;
+    constructor(initialSettings: Partial<Settings>, context: Context);
+    _updateSettings(settings: Settings): void;
+    setSettings(settings: Partial<Settings>): void;
+    get settings(): ComputedSettings;
+    destroy(): void;
+}
+
 declare type Spine = {
     element$: Observable<HTMLElement>;
     getElement: () => HTMLElement | undefined;
     locator: Locator;
     spineItemLocator: SpineItemLocator;
     cfiLocator: CfiLocator;
-    normalizeEventForViewport: ReturnType<typeof createEventsHelper>["normalizeEventForViewport"];
     manipulateSpineItems: (cb: (payload: ManipulableSpineItemCallbackPayload & {
         index: number;
     }) => RequireLayout) => void;
@@ -4285,11 +4210,22 @@ declare type SpinePosition = {
     __symbol?: `SpinePosition`;
 };
 
-declare type State = Partial<Pick<LoadOptions, "containerElement" | "fetchResource">> & {
+declare type State = Partial<Pick<LoadOptions, "containerElement">> & {
     manifest?: Manifest;
     hasVerticalWriting?: boolean;
     isUsingSpreadMode?: boolean;
     isFullyPrePaginated?: boolean;
+    forceSinglePageMode?: boolean;
+    areAllItemsPrePaginated?: boolean;
+    calculatedInnerMargin: number;
+    marginTop: number;
+    marginBottom: number;
+    visibleAreaRect: {
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+    };
 };
 
 declare type Theme = (typeof defaultThemes)[number][`name`] | `publisher`;
@@ -4306,6 +4242,8 @@ declare type UnsafeSpinePosition = {
     __symbol?: `UnsafeSpinePosition` | `SpinePosition`;
 };
 
+declare type UserDestroyFn = () => void | Observable<unknown>;
+
 declare type ViewportNavigationEntry = {
     x: number;
     y: number;