@prose-reader/core 1.21.0 → 1.23.0

package/dist/createReaderWithEnhancer.d.ts

@@ -491,7 +491,7 @@ export declare const createReaderWithEnhancers: (options: {
             isReady$: import("rxjs").Observable<boolean>;
         };
     }[];
-    getAbsolutePositionOf: ((spineItemOrIndex: number | {
+    getAbsolutePositionOf: (spineItemOrIndex: number | {
         layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
             blankPagePosition: "after" | "before" | "none";
             minimumWidth: number;
@@ -660,188 +660,13 @@ export declare const createReaderWithEnhancers: (options: {
             isReady$: import("rxjs").Observable<boolean>;
         };
     }) => {
-        leftStart: number;
-        leftEnd: number;
-        topStart: number;
-        topEnd: number;
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
         width: number;
         height: number;
-    }) | ((spineItemOrIndex: number | {
-        layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
-            blankPagePosition: "after" | "before" | "none";
-            minimumWidth: number;
-            spreadPosition: "none" | "right" | "left";
-        }) => {
-            width: number;
-            height: number;
-        };
-        item: {
-            id: string;
-            href: string;
-            renditionLayout: "reflowable" | "pre-paginated";
-            progressionWeight: number;
-            pageSpreadLeft: true | undefined;
-            pageSpreadRight: true | undefined;
-            mediaType?: string | undefined;
-        };
-        load: () => void;
-        adjustPositionOfElement: ({ right, left, top }: {
-            right?: number | undefined;
-            left?: number | undefined;
-            top?: number | undefined;
-        }) => void;
-        getElementDimensions: () => {
-            width: number;
-            height: number;
-        };
-        getHtmlFromResource: (response: Response) => Promise<string>;
-        getResource: () => Promise<Response>;
-        translateFramePositionIntoPage: (position: {
-            clientX: number;
-            clientY: number;
-        }) => {
-            clientX: number;
-            clientY: number;
-        };
-        setLayoutDirty: () => void;
-        injectStyle: (cssText: string) => void;
-        loadContent: () => void;
-        unloadContent: () => void;
-        spineItemFrame: {
-            getIsLoaded: () => boolean;
-            getIsReady: () => boolean;
-            getViewportDimensions: () => {
-                width: number;
-                height: number;
-            } | undefined;
-            getFrameElement: () => HTMLIFrameElement | undefined;
-            getHtmlFromResource: (response: Response) => Promise<string>;
-            load: () => void;
-            unload: () => void;
-            staticLayout: (size: {
-                width: number;
-                height: number;
-            }) => void;
-            getManipulableFrame: () => {
-                frame: HTMLIFrameElement;
-                removeStyle: (id: string) => void;
-                addStyle: (id: string, style: string, prepend?: boolean) => void;
-            } | undefined;
-            getReadingDirection: () => "ltr" | "rtl" | undefined;
-            isUsingVerticalWriting: () => boolean;
-            getWritingMode: () => "vertical-rl" | "horizontal-tb" | undefined;
-            destroy: () => void;
-            $: {
-                unload$: import("rxjs").Observable<void>;
-                unloaded$: import("rxjs").Observable<void>;
-                loaded$: import("rxjs").Observable<HTMLIFrameElement>;
-                ready$: import("rxjs").Observable<FontFaceSet | undefined>;
-                isReady$: import("rxjs").Observable<boolean>;
-                contentLayoutChange$: import("rxjs").Observable<{
-                    isFirstLayout: boolean;
-                } | {
-                    isFirstLayout: boolean;
-                }>;
-            };
-        };
-        element: HTMLElement;
-        getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
-        getViewPortInformation: () => {
-            computedScale: number;
-            computedWidthScale: number;
-            viewportDimensions: {
-                width: number;
-                height: number;
-            };
-        } | undefined;
-        isImageType: () => boolean;
-        isReady: () => boolean;
-        destroy: () => void;
-        isUsingVerticalWriting: () => boolean | undefined;
-        getReadingDirection: () => "ltr" | "rtl" | undefined;
-        manipulateSpineItem: (cb: (options: {
-            container: HTMLElement;
-            item: {
-                id: string;
-                href: string;
-                renditionLayout: "reflowable" | "pre-paginated";
-                progressionWeight: number;
-                pageSpreadLeft: true | undefined;
-                pageSpreadRight: true | undefined;
-                mediaType?: string | undefined;
-            };
-            overlayElement: HTMLDivElement;
-        } & ({
-            frame: HTMLIFrameElement;
-            removeStyle: (id: string) => void;
-            addStyle: (id: string, style: string, prepend?: boolean) => void;
-        } | {
-            frame: undefined;
-            removeStyle: (id: string) => void;
-            addStyle: (id: string, style: string) => void;
-        })) => boolean) => boolean;
-        executeOnLayoutBeforeMeasurementHook: (options: {
-            minimumWidth: number;
-        }) => void;
-        selectionTracker: {
-            track: (frameToTrack: HTMLIFrameElement) => void;
-            destroy: () => void;
-            isSelecting: () => boolean;
-            getSelection: () => Selection | undefined;
-            $: import("rxjs").Observable<{
-                event: "selectionchange";
-                data: Selection | null;
-            } | {
-                event: "selectstart";
-                data: Selection | null;
-            } | {
-                event: "selectend";
-                data: Selection | null;
-            }>;
-        };
-        fingerTracker: {
-            track: (frame: HTMLIFrameElement) => void;
-            getFingerPositionInIframe(): {
-                x: number | undefined;
-                y: number | undefined;
-            } | undefined;
-            destroy: () => void;
-            $: import("rxjs").Observable<{
-                event: "fingermove";
-                data: {
-                    x: number;
-                    y: number;
-                };
-            } | {
-                event: "fingerout";
-                data: undefined;
-            }>;
-        };
-        getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
-            columnHeight: number;
-            columnWidth: number;
-            width: number;
-        };
-        getDimensionsForPaginatedContent: () => {
-            columnHeight: number;
-            columnWidth: number;
-        };
-        $: {
-            contentLayout$: import("rxjs").Observable<{
-                isFirstLayout: boolean;
-                isReady: boolean;
-            }>;
-            loaded$: import("rxjs").Observable<HTMLIFrameElement>;
-            isReady$: import("rxjs").Observable<boolean>;
-        };
-    }) => {
-        leftStart: number;
-        leftEnd: number;
-        topStart: number;
-        topEnd: number;
-        width: number;
-        height: number;
-    });
+    };
     getSelection: () => Selection | undefined;
     isSelecting: () => boolean | undefined;
     normalizeEventForViewport: <E extends MouseEvent | TouchEvent | PointerEvent>(event: E) => E;
@@ -875,11 +700,7 @@ export declare const createReaderWithEnhancers: (options: {
         end: string;
     };
     locator: {
-        getSpinePositionFromSpineItemPosition: (spineItemPosition: {
-            x: number;
-            y: number;
-            outsideOfBoundaries?: boolean | undefined;
-        }, spineItem: {
+        getSpinePositionFromSpineItemPosition: (spineItemPosition: import("./spineItem/types").SpineItemPosition | import("./spineItem/types").SpineItemNavigationPosition, spineItem: {
             layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                 blankPagePosition: "after" | "before" | "none";
                 minimumWidth: number;
@@ -1047,10 +868,7 @@ export declare const createReaderWithEnhancers: (options: {
                 loaded$: import("rxjs").Observable<HTMLIFrameElement>;
                 isReady$: import("rxjs").Observable<boolean>;
             };
-        }) => {
-            x: number;
-            y: number;
-        };
+        }) => import("./spine/types").SpinePosition;
         getSpinePositionFromSpineItem: (spineItem: {
             layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                 blankPagePosition: "after" | "before" | "none";
@@ -1219,10 +1037,7 @@ export declare const createReaderWithEnhancers: (options: {
                 loaded$: import("rxjs").Observable<HTMLIFrameElement>;
                 isReady$: import("rxjs").Observable<boolean>;
             };
-        }) => {
-            x: number;
-            y: number;
-        };
+        }) => import("./spine/types").SpinePosition;
         getSpinePositionFromSpineItemAnchor: (anchor: string, spineItem: {
             layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                 blankPagePosition: "after" | "before" | "none";
@@ -1391,14 +1206,8 @@ export declare const createReaderWithEnhancers: (options: {
                 loaded$: import("rxjs").Observable<HTMLIFrameElement>;
                 isReady$: import("rxjs").Observable<boolean>;
             };
-        }) => {
-            x: number;
-            y: number;
-        };
-        getSpineItemPositionFromSpinePosition: ((position: {
-            x: number;
-            y: number;
-        }, spineItem: {
+        }) => import("./spine/types").SpinePosition;
+        getSpineItemPositionFromSpinePosition: ((position: import("./spine/types").UnsafeSpinePosition, spineItem: {
             layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                 blankPagePosition: "after" | "before" | "none";
                 minimumWidth: number;
@@ -1566,14 +1375,7 @@ export declare const createReaderWithEnhancers: (options: {
                 loaded$: import("rxjs").Observable<HTMLIFrameElement>;
                 isReady$: import("rxjs").Observable<boolean>;
             };
-        }) => {
-            x: number;
-            y: number;
-            outsideOfBoundaries?: boolean | undefined;
-        }) | ((position: {
-            x: number;
-            y: number;
-        }, spineItem: {
+        }) => import("./spineItem/types").UnsafeSpineItemPosition) | ((position: import("./spine/types").UnsafeSpinePosition, spineItem: {
             layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                 blankPagePosition: "after" | "before" | "none";
                 minimumWidth: number;
@@ -1741,15 +1543,8 @@ export declare const createReaderWithEnhancers: (options: {
                 loaded$: import("rxjs").Observable<HTMLIFrameElement>;
                 isReady$: import("rxjs").Observable<boolean>;
             };
-        }) => {
-            x: number;
-            y: number;
-            outsideOfBoundaries?: boolean | undefined;
-        });
-        getSpineItemFromPosition: ((position: {
-            x: number;
-            y: number;
-        }) => {
+        }) => import("./spineItem/types").UnsafeSpineItemPosition);
+        getSpineItemFromPosition: ((position: import("./spine/types").UnsafeSpinePosition) => {
             layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                 blankPagePosition: "after" | "before" | "none";
                 minimumWidth: number;
@@ -1917,10 +1712,7 @@ export declare const createReaderWithEnhancers: (options: {
                 loaded$: import("rxjs").Observable<HTMLIFrameElement>;
                 isReady$: import("rxjs").Observable<boolean>;
             };
-        } | undefined) | ((position: {
-            x: number;
-            y: number;
-        }) => {
+        } | undefined) | ((position: import("./spine/types").UnsafeSpinePosition) => {
             layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                 blankPagePosition: "after" | "before" | "none";
                 minimumWidth: number;
@@ -2427,22 +2219,11 @@ export declare const createReaderWithEnhancers: (options: {
                 isReady$: import("rxjs").Observable<boolean>;
             };
         }) => number | undefined;
-        getSpineItemsFromReadingOrderPosition: (position: {
-            x: number;
-            y: number;
-        }) => {
-            left: number;
-            right: number;
+        getSpineItemsFromReadingOrderPosition: (position: import("./spine/types").SpinePosition) => {
             begin: number;
-            beginPosition: {
-                x: number;
-                y: number;
-            };
+            beginPosition: import("./spine/types").SpinePosition;
             end: number;
-            endPosition: {
-                x: number;
-                y: number;
-            };
+            endPosition: import("./spine/types").SpinePosition;
         } | undefined;
     };
     getCurrentNavigationPosition: () => import("./spine/navigationResolver").ViewportNavigationEntry;
@@ -2474,56 +2255,213 @@ export declare const createReaderWithEnhancers: (options: {
         endCfi: string | undefined;
         endSpineItemIndex: number | undefined;
     }>;
-    $: {
-        state$: import("rxjs").Observable<{
-            supportedPageTurnAnimation: NonNullable<"none" | "fade" | "slide" | undefined>[];
-            supportedPageTurnMode: NonNullable<"controlled" | "scrollable" | undefined>[];
-            supportedPageTurnDirection: NonNullable<"vertical" | "horizontal" | undefined>[];
-            supportedComputedPageTurnDirection: NonNullable<"vertical" | "horizontal" | undefined>[];
-        }>;
-        ready$: import("rxjs").Observable<void>;
-        selection$: import("rxjs").Observable<{
-            toString: () => string;
-            getAnchorCfi: () => string | undefined;
-            getFocusCfi: () => string | undefined;
-        } | null>;
-        viewportState$: import("rxjs").Observable<"free" | "busy">;
-        layout$: import("rxjs").Observable<boolean>;
-        itemsCreated$: import("rxjs").Observable<{
-            item: {
-                id: string;
-                href: string;
-                renditionLayout: "reflowable" | "pre-paginated";
-                progressionWeight: number;
-                pageSpreadLeft: true | undefined;
-                pageSpreadRight: true | undefined;
-                mediaType?: string | undefined;
-            };
-            element: HTMLElement;
-        }[]>;
-        itemsBeforeDestroy$: import("rxjs").Observable<void>;
-        itemIsReady$: import("rxjs").Observable<{
-            item: {
-                id: string;
-                href: string;
-                renditionLayout: "reflowable" | "pre-paginated";
-                progressionWeight: number;
-                pageSpreadLeft: true | undefined;
-                pageSpreadRight: true | undefined;
-                mediaType?: string | undefined;
-            };
-            isReady: boolean;
-        }>;
-        destroy$: import("rxjs").Subject<void>;
-    };
-    __debug: {
-        pagination: {
-            destroy: () => void;
-            updateBeginAndEnd: ((begin: {
-                spineItem: {
-                    layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
-                        blankPagePosition: "after" | "before" | "none";
-                        minimumWidth: number;
+    spineItems$: import("rxjs").Observable<{
+        layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
+            blankPagePosition: "after" | "before" | "none";
+            minimumWidth: number;
+            spreadPosition: "none" | "right" | "left";
+        }) => {
+            width: number;
+            height: number;
+        };
+        item: {
+            id: string;
+            href: string;
+            renditionLayout: "reflowable" | "pre-paginated";
+            progressionWeight: number;
+            pageSpreadLeft: true | undefined;
+            pageSpreadRight: true | undefined;
+            mediaType?: string | undefined;
+        };
+        load: () => void;
+        adjustPositionOfElement: ({ right, left, top }: {
+            right?: number | undefined;
+            left?: number | undefined;
+            top?: number | undefined;
+        }) => void;
+        getElementDimensions: () => {
+            width: number;
+            height: number;
+        };
+        getHtmlFromResource: (response: Response) => Promise<string>;
+        getResource: () => Promise<Response>;
+        translateFramePositionIntoPage: (position: {
+            clientX: number;
+            clientY: number;
+        }) => {
+            clientX: number;
+            clientY: number;
+        };
+        setLayoutDirty: () => void;
+        injectStyle: (cssText: string) => void;
+        loadContent: () => void;
+        unloadContent: () => void;
+        spineItemFrame: {
+            getIsLoaded: () => boolean;
+            getIsReady: () => boolean;
+            getViewportDimensions: () => {
+                width: number;
+                height: number;
+            } | undefined;
+            getFrameElement: () => HTMLIFrameElement | undefined;
+            getHtmlFromResource: (response: Response) => Promise<string>;
+            load: () => void;
+            unload: () => void;
+            staticLayout: (size: {
+                width: number;
+                height: number;
+            }) => void;
+            getManipulableFrame: () => {
+                frame: HTMLIFrameElement;
+                removeStyle: (id: string) => void;
+                addStyle: (id: string, style: string, prepend?: boolean) => void;
+            } | undefined;
+            getReadingDirection: () => "ltr" | "rtl" | undefined;
+            isUsingVerticalWriting: () => boolean;
+            getWritingMode: () => "vertical-rl" | "horizontal-tb" | undefined;
+            destroy: () => void;
+            $: {
+                unload$: import("rxjs").Observable<void>;
+                unloaded$: import("rxjs").Observable<void>;
+                loaded$: import("rxjs").Observable<HTMLIFrameElement>;
+                ready$: import("rxjs").Observable<FontFaceSet | undefined>;
+                isReady$: import("rxjs").Observable<boolean>;
+                contentLayoutChange$: import("rxjs").Observable<{
+                    isFirstLayout: boolean;
+                } | {
+                    isFirstLayout: boolean;
+                }>;
+            };
+        };
+        element: HTMLElement;
+        getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
+        getViewPortInformation: () => {
+            computedScale: number;
+            computedWidthScale: number;
+            viewportDimensions: {
+                width: number;
+                height: number;
+            };
+        } | undefined;
+        isImageType: () => boolean;
+        isReady: () => boolean;
+        destroy: () => void;
+        isUsingVerticalWriting: () => boolean | undefined;
+        getReadingDirection: () => "ltr" | "rtl" | undefined;
+        manipulateSpineItem: (cb: (options: {
+            container: HTMLElement;
+            item: {
+                id: string;
+                href: string;
+                renditionLayout: "reflowable" | "pre-paginated";
+                progressionWeight: number;
+                pageSpreadLeft: true | undefined;
+                pageSpreadRight: true | undefined;
+                mediaType?: string | undefined;
+            };
+            overlayElement: HTMLDivElement;
+        } & ({
+            frame: HTMLIFrameElement;
+            removeStyle: (id: string) => void;
+            addStyle: (id: string, style: string, prepend?: boolean) => void;
+        } | {
+            frame: undefined;
+            removeStyle: (id: string) => void;
+            addStyle: (id: string, style: string) => void;
+        })) => boolean) => boolean;
+        executeOnLayoutBeforeMeasurementHook: (options: {
+            minimumWidth: number;
+        }) => void;
+        selectionTracker: {
+            track: (frameToTrack: HTMLIFrameElement) => void;
+            destroy: () => void;
+            isSelecting: () => boolean;
+            getSelection: () => Selection | undefined;
+            $: import("rxjs").Observable<{
+                event: "selectionchange";
+                data: Selection | null;
+            } | {
+                event: "selectstart";
+                data: Selection | null;
+            } | {
+                event: "selectend";
+                data: Selection | null;
+            }>;
+        };
+        fingerTracker: {
+            track: (frame: HTMLIFrameElement) => void;
+            getFingerPositionInIframe(): {
+                x: number | undefined;
+                y: number | undefined;
+            } | undefined;
+            destroy: () => void;
+            $: import("rxjs").Observable<{
+                event: "fingermove";
+                data: {
+                    x: number;
+                    y: number;
+                };
+            } | {
+                event: "fingerout";
+                data: undefined;
+            }>;
+        };
+        getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
+            columnHeight: number;
+            columnWidth: number;
+            width: number;
+        };
+        getDimensionsForPaginatedContent: () => {
+            columnHeight: number;
+            columnWidth: number;
+        };
+        $: {
+            contentLayout$: import("rxjs").Observable<{
+                isFirstLayout: boolean;
+                isReady: boolean;
+            }>;
+            loaded$: import("rxjs").Observable<HTMLIFrameElement>;
+            isReady$: import("rxjs").Observable<boolean>;
+        };
+    }[]>;
+    $: {
+        state$: import("rxjs").Observable<{
+            supportedPageTurnAnimation: NonNullable<"none" | "fade" | "slide" | undefined>[];
+            supportedPageTurnMode: NonNullable<"controlled" | "scrollable" | undefined>[];
+            supportedPageTurnDirection: NonNullable<"vertical" | "horizontal" | undefined>[];
+            supportedComputedPageTurnDirection: NonNullable<"vertical" | "horizontal" | undefined>[];
+        }>;
+        ready$: import("rxjs").Observable<void>;
+        selection$: import("rxjs").Observable<{
+            toString: () => string;
+            getAnchorCfi: () => string | undefined;
+            getFocusCfi: () => string | undefined;
+        } | null>;
+        viewportState$: import("rxjs").Observable<"free" | "busy">;
+        layout$: import("rxjs").Observable<boolean>;
+        itemsBeforeDestroy$: import("rxjs").Observable<void>;
+        itemIsReady$: import("rxjs").Observable<{
+            item: {
+                id: string;
+                href: string;
+                renditionLayout: "reflowable" | "pre-paginated";
+                progressionWeight: number;
+                pageSpreadLeft: true | undefined;
+                pageSpreadRight: true | undefined;
+                mediaType?: string | undefined;
+            };
+            isReady: boolean;
+        }>;
+        destroy$: import("rxjs").Subject<void>;
+    };
+    __debug: {
+        pagination: {
+            destroy: () => void;
+            updateBeginAndEnd: ((begin: {
+                spineItem: {
+                    layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
+                        blankPagePosition: "after" | "before" | "none";
+                        minimumWidth: number;
                         spreadPosition: "none" | "right" | "left";
                     }) => {
                         width: number;
@@ -4270,7 +4208,7 @@ export declare const createReaderWithEnhancers: (options: {
                     isReady$: import("rxjs").Observable<boolean>;
                 };
             }) => "after" | "before";
-            getAbsolutePositionOf: ((spineItemOrIndex: number | {
+            getAbsolutePositionOf: (spineItemOrIndex: number | {
                 layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                     blankPagePosition: "after" | "before" | "none";
                     minimumWidth: number;
@@ -4439,525 +4377,13 @@ export declare const createReaderWithEnhancers: (options: {
                     isReady$: import("rxjs").Observable<boolean>;
                 };
             }) => {
-                leftStart: number;
-                leftEnd: number;
-                topStart: number;
-                topEnd: number;
+                left: number;
+                right: number;
+                top: number;
+                bottom: number;
                 width: number;
                 height: number;
-            }) | ((spineItemOrIndex: number | {
-                layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
-                    blankPagePosition: "after" | "before" | "none";
-                    minimumWidth: number;
-                    spreadPosition: "none" | "right" | "left";
-                }) => {
-                    width: number;
-                    height: number;
-                };
-                item: {
-                    id: string;
-                    href: string;
-                    renditionLayout: "reflowable" | "pre-paginated";
-                    progressionWeight: number;
-                    pageSpreadLeft: true | undefined;
-                    pageSpreadRight: true | undefined;
-                    mediaType?: string | undefined;
-                };
-                load: () => void;
-                adjustPositionOfElement: ({ right, left, top }: {
-                    right?: number | undefined;
-                    left?: number | undefined;
-                    top?: number | undefined;
-                }) => void;
-                getElementDimensions: () => {
-                    width: number;
-                    height: number;
-                };
-                getHtmlFromResource: (response: Response) => Promise<string>;
-                getResource: () => Promise<Response>;
-                translateFramePositionIntoPage: (position: {
-                    clientX: number;
-                    clientY: number;
-                }) => {
-                    clientX: number;
-                    clientY: number;
-                };
-                setLayoutDirty: () => void;
-                injectStyle: (cssText: string) => void;
-                loadContent: () => void;
-                unloadContent: () => void;
-                spineItemFrame: {
-                    getIsLoaded: () => boolean;
-                    getIsReady: () => boolean;
-                    getViewportDimensions: () => {
-                        width: number;
-                        height: number;
-                    } | undefined;
-                    getFrameElement: () => HTMLIFrameElement | undefined;
-                    getHtmlFromResource: (response: Response) => Promise<string>;
-                    load: () => void;
-                    unload: () => void;
-                    staticLayout: (size: {
-                        width: number;
-                        height: number;
-                    }) => void;
-                    getManipulableFrame: () => {
-                        frame: HTMLIFrameElement;
-                        removeStyle: (id: string) => void;
-                        addStyle: (id: string, style: string, prepend?: boolean) => void;
-                    } | undefined;
-                    getReadingDirection: () => "ltr" | "rtl" | undefined;
-                    isUsingVerticalWriting: () => boolean;
-                    getWritingMode: () => "vertical-rl" | "horizontal-tb" | undefined;
-                    destroy: () => void;
-                    $: {
-                        unload$: import("rxjs").Observable<void>;
-                        unloaded$: import("rxjs").Observable<void>;
-                        loaded$: import("rxjs").Observable<HTMLIFrameElement>;
-                        ready$: import("rxjs").Observable<FontFaceSet | undefined>;
-                        isReady$: import("rxjs").Observable<boolean>;
-                        contentLayoutChange$: import("rxjs").Observable<{
-                            isFirstLayout: boolean;
-                        } | {
-                            isFirstLayout: boolean;
-                        }>;
-                    };
-                };
-                element: HTMLElement;
-                getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
-                getViewPortInformation: () => {
-                    computedScale: number;
-                    computedWidthScale: number;
-                    viewportDimensions: {
-                        width: number;
-                        height: number;
-                    };
-                } | undefined;
-                isImageType: () => boolean;
-                isReady: () => boolean;
-                destroy: () => void;
-                isUsingVerticalWriting: () => boolean | undefined;
-                getReadingDirection: () => "ltr" | "rtl" | undefined;
-                manipulateSpineItem: (cb: (options: {
-                    container: HTMLElement;
-                    item: {
-                        id: string;
-                        href: string;
-                        renditionLayout: "reflowable" | "pre-paginated";
-                        progressionWeight: number;
-                        pageSpreadLeft: true | undefined;
-                        pageSpreadRight: true | undefined;
-                        mediaType?: string | undefined;
-                    };
-                    overlayElement: HTMLDivElement;
-                } & ({
-                    frame: HTMLIFrameElement;
-                    removeStyle: (id: string) => void;
-                    addStyle: (id: string, style: string, prepend?: boolean) => void;
-                } | {
-                    frame: undefined;
-                    removeStyle: (id: string) => void;
-                    addStyle: (id: string, style: string) => void;
-                })) => boolean) => boolean;
-                executeOnLayoutBeforeMeasurementHook: (options: {
-                    minimumWidth: number;
-                }) => void;
-                selectionTracker: {
-                    track: (frameToTrack: HTMLIFrameElement) => void;
-                    destroy: () => void;
-                    isSelecting: () => boolean;
-                    getSelection: () => Selection | undefined;
-                    $: import("rxjs").Observable<{
-                        event: "selectionchange";
-                        data: Selection | null;
-                    } | {
-                        event: "selectstart";
-                        data: Selection | null;
-                    } | {
-                        event: "selectend";
-                        data: Selection | null;
-                    }>;
-                };
-                fingerTracker: {
-                    track: (frame: HTMLIFrameElement) => void;
-                    getFingerPositionInIframe(): {
-                        x: number | undefined;
-                        y: number | undefined;
-                    } | undefined;
-                    destroy: () => void;
-                    $: import("rxjs").Observable<{
-                        event: "fingermove";
-                        data: {
-                            x: number;
-                            y: number;
-                        };
-                    } | {
-                        event: "fingerout";
-                        data: undefined;
-                    }>;
-                };
-                getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
-                    columnHeight: number;
-                    columnWidth: number;
-                    width: number;
-                };
-                getDimensionsForPaginatedContent: () => {
-                    columnHeight: number;
-                    columnWidth: number;
-                };
-                $: {
-                    contentLayout$: import("rxjs").Observable<{
-                        isFirstLayout: boolean;
-                        isReady: boolean;
-                    }>;
-                    loaded$: import("rxjs").Observable<HTMLIFrameElement>;
-                    isReady$: import("rxjs").Observable<boolean>;
-                };
-            }) => {
-                leftStart: number;
-                leftEnd: number;
-                topStart: number;
-                topEnd: number;
-                width: number;
-                height: number;
-            });
-            getSpineItemAtPosition: ((position: import("./types").ViewportPosition) => {
-                layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
-                    blankPagePosition: "after" | "before" | "none";
-                    minimumWidth: number;
-                    spreadPosition: "none" | "right" | "left";
-                }) => {
-                    width: number;
-                    height: number;
-                };
-                item: {
-                    id: string;
-                    href: string;
-                    renditionLayout: "reflowable" | "pre-paginated";
-                    progressionWeight: number;
-                    pageSpreadLeft: true | undefined;
-                    pageSpreadRight: true | undefined;
-                    mediaType?: string | undefined;
-                };
-                load: () => void;
-                adjustPositionOfElement: ({ right, left, top }: {
-                    right?: number | undefined;
-                    left?: number | undefined;
-                    top?: number | undefined;
-                }) => void;
-                getElementDimensions: () => {
-                    width: number;
-                    height: number;
-                };
-                getHtmlFromResource: (response: Response) => Promise<string>;
-                getResource: () => Promise<Response>;
-                translateFramePositionIntoPage: (position: {
-                    clientX: number;
-                    clientY: number;
-                }) => {
-                    clientX: number;
-                    clientY: number;
-                };
-                setLayoutDirty: () => void;
-                injectStyle: (cssText: string) => void;
-                loadContent: () => void;
-                unloadContent: () => void;
-                spineItemFrame: {
-                    getIsLoaded: () => boolean;
-                    getIsReady: () => boolean;
-                    getViewportDimensions: () => {
-                        width: number;
-                        height: number;
-                    } | undefined;
-                    getFrameElement: () => HTMLIFrameElement | undefined;
-                    getHtmlFromResource: (response: Response) => Promise<string>;
-                    load: () => void;
-                    unload: () => void;
-                    staticLayout: (size: {
-                        width: number;
-                        height: number;
-                    }) => void;
-                    getManipulableFrame: () => {
-                        frame: HTMLIFrameElement;
-                        removeStyle: (id: string) => void;
-                        addStyle: (id: string, style: string, prepend?: boolean) => void;
-                    } | undefined;
-                    getReadingDirection: () => "ltr" | "rtl" | undefined;
-                    isUsingVerticalWriting: () => boolean;
-                    getWritingMode: () => "vertical-rl" | "horizontal-tb" | undefined;
-                    destroy: () => void;
-                    $: {
-                        unload$: import("rxjs").Observable<void>;
-                        unloaded$: import("rxjs").Observable<void>;
-                        loaded$: import("rxjs").Observable<HTMLIFrameElement>;
-                        ready$: import("rxjs").Observable<FontFaceSet | undefined>;
-                        isReady$: import("rxjs").Observable<boolean>;
-                        contentLayoutChange$: import("rxjs").Observable<{
-                            isFirstLayout: boolean;
-                        } | {
-                            isFirstLayout: boolean;
-                        }>;
-                    };
-                };
-                element: HTMLElement;
-                getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
-                getViewPortInformation: () => {
-                    computedScale: number;
-                    computedWidthScale: number;
-                    viewportDimensions: {
-                        width: number;
-                        height: number;
-                    };
-                } | undefined;
-                isImageType: () => boolean;
-                isReady: () => boolean;
-                destroy: () => void;
-                isUsingVerticalWriting: () => boolean | undefined;
-                getReadingDirection: () => "ltr" | "rtl" | undefined;
-                manipulateSpineItem: (cb: (options: {
-                    container: HTMLElement;
-                    item: {
-                        id: string;
-                        href: string;
-                        renditionLayout: "reflowable" | "pre-paginated";
-                        progressionWeight: number;
-                        pageSpreadLeft: true | undefined;
-                        pageSpreadRight: true | undefined;
-                        mediaType?: string | undefined;
-                    };
-                    overlayElement: HTMLDivElement;
-                } & ({
-                    frame: HTMLIFrameElement;
-                    removeStyle: (id: string) => void;
-                    addStyle: (id: string, style: string, prepend?: boolean) => void;
-                } | {
-                    frame: undefined;
-                    removeStyle: (id: string) => void;
-                    addStyle: (id: string, style: string) => void;
-                })) => boolean) => boolean;
-                executeOnLayoutBeforeMeasurementHook: (options: {
-                    minimumWidth: number;
-                }) => void;
-                selectionTracker: {
-                    track: (frameToTrack: HTMLIFrameElement) => void;
-                    destroy: () => void;
-                    isSelecting: () => boolean;
-                    getSelection: () => Selection | undefined;
-                    $: import("rxjs").Observable<{
-                        event: "selectionchange";
-                        data: Selection | null;
-                    } | {
-                        event: "selectstart";
-                        data: Selection | null;
-                    } | {
-                        event: "selectend";
-                        data: Selection | null;
-                    }>;
-                };
-                fingerTracker: {
-                    track: (frame: HTMLIFrameElement) => void;
-                    getFingerPositionInIframe(): {
-                        x: number | undefined;
-                        y: number | undefined;
-                    } | undefined;
-                    destroy: () => void;
-                    $: import("rxjs").Observable<{
-                        event: "fingermove";
-                        data: {
-                            x: number;
-                            y: number;
-                        };
-                    } | {
-                        event: "fingerout";
-                        data: undefined;
-                    }>;
-                };
-                getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
-                    columnHeight: number;
-                    columnWidth: number;
-                    width: number;
-                };
-                getDimensionsForPaginatedContent: () => {
-                    columnHeight: number;
-                    columnWidth: number;
-                };
-                $: {
-                    contentLayout$: import("rxjs").Observable<{
-                        isFirstLayout: boolean;
-                        isReady: boolean;
-                    }>;
-                    loaded$: import("rxjs").Observable<HTMLIFrameElement>;
-                    isReady$: import("rxjs").Observable<boolean>;
-                };
-            } | undefined) | ((position: import("./types").ViewportPosition) => {
-                layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
-                    blankPagePosition: "after" | "before" | "none";
-                    minimumWidth: number;
-                    spreadPosition: "none" | "right" | "left";
-                }) => {
-                    width: number;
-                    height: number;
-                };
-                item: {
-                    id: string;
-                    href: string;
-                    renditionLayout: "reflowable" | "pre-paginated";
-                    progressionWeight: number;
-                    pageSpreadLeft: true | undefined;
-                    pageSpreadRight: true | undefined;
-                    mediaType?: string | undefined;
-                };
-                load: () => void;
-                adjustPositionOfElement: ({ right, left, top }: {
-                    right?: number | undefined;
-                    left?: number | undefined;
-                    top?: number | undefined;
-                }) => void;
-                getElementDimensions: () => {
-                    width: number;
-                    height: number;
-                };
-                getHtmlFromResource: (response: Response) => Promise<string>;
-                getResource: () => Promise<Response>;
-                translateFramePositionIntoPage: (position: {
-                    clientX: number;
-                    clientY: number;
-                }) => {
-                    clientX: number;
-                    clientY: number;
-                };
-                setLayoutDirty: () => void;
-                injectStyle: (cssText: string) => void;
-                loadContent: () => void;
-                unloadContent: () => void;
-                spineItemFrame: {
-                    getIsLoaded: () => boolean;
-                    getIsReady: () => boolean;
-                    getViewportDimensions: () => {
-                        width: number;
-                        height: number;
-                    } | undefined;
-                    getFrameElement: () => HTMLIFrameElement | undefined;
-                    getHtmlFromResource: (response: Response) => Promise<string>;
-                    load: () => void;
-                    unload: () => void;
-                    staticLayout: (size: {
-                        width: number;
-                        height: number;
-                    }) => void;
-                    getManipulableFrame: () => {
-                        frame: HTMLIFrameElement;
-                        removeStyle: (id: string) => void;
-                        addStyle: (id: string, style: string, prepend?: boolean) => void;
-                    } | undefined;
-                    getReadingDirection: () => "ltr" | "rtl" | undefined;
-                    isUsingVerticalWriting: () => boolean;
-                    getWritingMode: () => "vertical-rl" | "horizontal-tb" | undefined;
-                    destroy: () => void;
-                    $: {
-                        unload$: import("rxjs").Observable<void>;
-                        unloaded$: import("rxjs").Observable<void>;
-                        loaded$: import("rxjs").Observable<HTMLIFrameElement>;
-                        ready$: import("rxjs").Observable<FontFaceSet | undefined>;
-                        isReady$: import("rxjs").Observable<boolean>;
-                        contentLayoutChange$: import("rxjs").Observable<{
-                            isFirstLayout: boolean;
-                        } | {
-                            isFirstLayout: boolean;
-                        }>;
-                    };
-                };
-                element: HTMLElement;
-                getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
-                getViewPortInformation: () => {
-                    computedScale: number;
-                    computedWidthScale: number;
-                    viewportDimensions: {
-                        width: number;
-                        height: number;
-                    };
-                } | undefined;
-                isImageType: () => boolean;
-                isReady: () => boolean;
-                destroy: () => void;
-                isUsingVerticalWriting: () => boolean | undefined;
-                getReadingDirection: () => "ltr" | "rtl" | undefined;
-                manipulateSpineItem: (cb: (options: {
-                    container: HTMLElement;
-                    item: {
-                        id: string;
-                        href: string;
-                        renditionLayout: "reflowable" | "pre-paginated";
-                        progressionWeight: number;
-                        pageSpreadLeft: true | undefined;
-                        pageSpreadRight: true | undefined;
-                        mediaType?: string | undefined;
-                    };
-                    overlayElement: HTMLDivElement;
-                } & ({
-                    frame: HTMLIFrameElement;
-                    removeStyle: (id: string) => void;
-                    addStyle: (id: string, style: string, prepend?: boolean) => void;
-                } | {
-                    frame: undefined;
-                    removeStyle: (id: string) => void;
-                    addStyle: (id: string, style: string) => void;
-                })) => boolean) => boolean;
-                executeOnLayoutBeforeMeasurementHook: (options: {
-                    minimumWidth: number;
-                }) => void;
-                selectionTracker: {
-                    track: (frameToTrack: HTMLIFrameElement) => void;
-                    destroy: () => void;
-                    isSelecting: () => boolean;
-                    getSelection: () => Selection | undefined;
-                    $: import("rxjs").Observable<{
-                        event: "selectionchange";
-                        data: Selection | null;
-                    } | {
-                        event: "selectstart";
-                        data: Selection | null;
-                    } | {
-                        event: "selectend";
-                        data: Selection | null;
-                    }>;
-                };
-                fingerTracker: {
-                    track: (frame: HTMLIFrameElement) => void;
-                    getFingerPositionInIframe(): {
-                        x: number | undefined;
-                        y: number | undefined;
-                    } | undefined;
-                    destroy: () => void;
-                    $: import("rxjs").Observable<{
-                        event: "fingermove";
-                        data: {
-                            x: number;
-                            y: number;
-                        };
-                    } | {
-                        event: "fingerout";
-                        data: undefined;
-                    }>;
-                };
-                getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
-                    columnHeight: number;
-                    columnWidth: number;
-                    width: number;
-                };
-                getDimensionsForPaginatedContent: () => {
-                    columnHeight: number;
-                    columnWidth: number;
-                };
-                $: {
-                    contentLayout$: import("rxjs").Observable<{
-                        isFirstLayout: boolean;
-                        isReady: boolean;
-                    }>;
-                    loaded$: import("rxjs").Observable<HTMLIFrameElement>;
-                    isReady$: import("rxjs").Observable<boolean>;
-                };
-            } | undefined);
+            };
             getFocusedSpineItem: () => {
                 layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
                     blankPagePosition: "after" | "before" | "none";
@@ -5891,6 +5317,8 @@ export declare const createReaderWithEnhancers: (options: {
         percentageEstimateOfBook: number | undefined;
         numberOfTotalPages: number | undefined;
         isUsingSpread: boolean;
+        canGoLeft: boolean;
+        canGoRight: boolean;
     }>;
 } & {
     theme: {