@prose-reader/core 1.41.0 → 1.42.0

package/dist/enhancers/fonts.d.ts

@@ -1,4904 +0,0 @@
-import { Observable, ObservedValueOf, Subject } from "rxjs";
-declare const FONT_WEIGHT: readonly [100, 200, 300, 400, 500, 600, 700, 800, 900];
-declare const FONT_JUSTIFICATION: readonly ["center", "left", "right", "justify"];
-type Options = {
-    fontScale?: number;
-    lineHeight?: number | `publisher`;
-    fontWeight?: (typeof FONT_WEIGHT)[number] | `publisher`;
-    fontJustification?: (typeof FONT_JUSTIFICATION)[number] | `publisher`;
-};
-type OutputOptions = Required<Options>;
-export declare const fontsEnhancer: <InheritOptions extends import("../reader").CreateReaderOptions, InheritOutput extends {
-    context: import("../context").Context;
-    registerHook: import("../types/Hook").RegisterHook;
-    spine: import("../types/Spine").Spine;
-    viewportNavigator: {
-        destroy: () => void;
-        layout: () => void;
-        getCurrentNavigationPosition: () => import("../spine/navigationResolver").ViewportNavigationEntry;
-        getCurrentViewportPosition: (() => {
-            x: number;
-            y: number;
-        }) | (() => {
-            x: number;
-            y: number;
-        });
-        turnLeft: ({ allowSpineItemChange }?: {
-            allowSpineItemChange?: boolean | undefined;
-        }) => void;
-        turnRight: ({ allowSpineItemChange }?: {
-            allowSpineItemChange?: boolean | undefined;
-        }) => void;
-        goToPage: (pageIndex: number) => void;
-        goToSpineItem: (indexOrId: string | number, options?: {
-            animate: boolean;
-        }) => void;
-        goToUrl: (url: string | URL) => void;
-        goToCfi: (cfi: string, options?: {
-            animate: boolean;
-        }) => void;
-        goToPageOfCurrentChapter: (pageIndex: number) => void;
-        moveTo: ((delta: {
-            x: number;
-            y: number;
-        } | undefined, { final, start }?: {
-            start?: boolean | undefined;
-            final?: boolean | undefined;
-        }) => void) | ((args_0: {
-            x: number;
-            y: number;
-        } | undefined, args_1?: {
-            start?: boolean | undefined;
-            final?: boolean | undefined;
-        } | undefined) => void);
-        getLastUserExpectedNavigation: () => import("../viewportNavigator/types").LastUserExpectedNavigation;
-        element: HTMLElement;
-        $: {
-            state$: Observable<"free" | "busy">;
-            navigation$: Observable<import("../viewportNavigator/types").Navigation>;
-            navigationAdjustedAfterLayout$: Observable<{
-                previousNavigationPosition: import("../spine/navigationResolver").ViewportNavigationEntry;
-                adjustedSpinePosition: import("../spine/navigationResolver").ViewportNavigationEntry;
-                areDifferent: boolean;
-            }>;
-            currentNavigationPosition$: Observable<import("../spine/navigationResolver").ViewportNavigationEntry>;
-        };
-    };
-    manipulateSpineItems: (cb: (payload: ({
-        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;
-    })) & {
-        index: number;
-    }) => boolean) => void;
-    manipulateSpineItem: (id: string, 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) => void;
-    manipulateContainer: (cb: (container: HTMLElement) => boolean) => void;
-    moveTo: ((delta: {
-        x: number;
-        y: number;
-    } | undefined, { final, start }?: {
-        start?: boolean | undefined;
-        final?: boolean | undefined;
-    }) => void) | ((args_0: {
-        x: number;
-        y: number;
-    } | undefined, args_1?: {
-        start?: boolean | undefined;
-        final?: boolean | undefined;
-    } | undefined) => void);
-    turnLeft: ({ allowSpineItemChange }?: {
-        allowSpineItemChange?: boolean | undefined;
-    }) => void;
-    turnRight: ({ allowSpineItemChange }?: {
-        allowSpineItemChange?: boolean | undefined;
-    }) => void;
-    goToPageOfCurrentChapter: (pageIndex: number) => void;
-    goToPage: (pageIndex: number) => void;
-    goToUrl: (url: string | URL) => void;
-    goToCfi: (cfi: string, options?: {
-        animate: boolean;
-    }) => void;
-    goToSpineItem: (indexOrId: string | number, options?: {
-        animate: boolean;
-    }) => void;
-    getFocusedSpineItemIndex: () => number | undefined;
-    getSpineItem: (indexOrId: string | 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$: Observable<void>;
-                unloaded$: Observable<void>;
-                loaded$: Observable<HTMLIFrameElement>;
-                ready$: Observable<FontFaceSet | undefined>;
-                isReady$: Observable<boolean>;
-                contentLayoutChange$: 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;
-            $: 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;
-            $: 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$: Observable<{
-                isFirstLayout: boolean;
-                isReady: boolean;
-            }>;
-            loaded$: Observable<HTMLIFrameElement>;
-            isReady$: Observable<boolean>;
-        };
-    } | undefined;
-    getSpineItems: () => {
-        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$: Observable<void>;
-                unloaded$: Observable<void>;
-                loaded$: Observable<HTMLIFrameElement>;
-                ready$: Observable<FontFaceSet | undefined>;
-                isReady$: Observable<boolean>;
-                contentLayoutChange$: 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;
-            $: 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;
-            $: 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$: Observable<{
-                isFirstLayout: boolean;
-                isReady: boolean;
-            }>;
-            loaded$: Observable<HTMLIFrameElement>;
-            isReady$: Observable<boolean>;
-        };
-    }[];
-    getAbsolutePositionOf: (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$: Observable<void>;
-                unloaded$: Observable<void>;
-                loaded$: Observable<HTMLIFrameElement>;
-                ready$: Observable<FontFaceSet | undefined>;
-                isReady$: Observable<boolean>;
-                contentLayoutChange$: 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;
-            $: 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;
-            $: 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$: Observable<{
-                isFirstLayout: boolean;
-                isReady: boolean;
-            }>;
-            loaded$: Observable<HTMLIFrameElement>;
-            isReady$: Observable<boolean>;
-        };
-    }) => {
-        left: number;
-        right: number;
-        top: number;
-        bottom: number;
-        width: number;
-        height: number;
-    };
-    getSelection: () => Selection | undefined;
-    isSelecting: () => boolean | undefined;
-    normalizeEventForViewport: <E extends MouseEvent | TouchEvent | PointerEvent>(event: E) => E;
-    getCfiMetaInformation: (cfi: string) => {
-        spineItemIndex: number | undefined;
-    } | undefined;
-    resolveCfi: (cfiString: string) => {
-        node: Node | undefined;
-        offset: number | undefined;
-        spineItemIndex: number;
-    } | {
-        spineItemIndex: number;
-        node?: undefined;
-        offset?: undefined;
-    } | undefined;
-    generateCfi: ({ startNode, start, end, endNode }: {
-        startNode: Node;
-        start: number;
-        endNode: Node;
-        end: number;
-    }, item: {
-        id: string;
-        href: string;
-        renditionLayout: "reflowable" | "pre-paginated";
-        progressionWeight: number;
-        pageSpreadLeft: true | undefined;
-        pageSpreadRight: true | undefined;
-        mediaType?: string | undefined;
-    }) => {
-        start: string;
-        end: string;
-    };
-    locator: {
-        getSpinePositionFromSpineItemPosition: (spineItemPosition: import("../spineItem/types").SpineItemPosition | import("../spineItem/types").SpineItemNavigationPosition, spineItem: {
-            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$: Observable<void>;
-                    unloaded$: Observable<void>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    ready$: Observable<FontFaceSet | undefined>;
-                    isReady$: Observable<boolean>;
-                    contentLayoutChange$: 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;
-                $: 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;
-                $: 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$: Observable<{
-                    isFirstLayout: boolean;
-                    isReady: boolean;
-                }>;
-                loaded$: Observable<HTMLIFrameElement>;
-                isReady$: Observable<boolean>;
-            };
-        }) => import("../spine/types").SpinePosition;
-        getSpinePositionFromSpineItem: (spineItem: {
-            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$: Observable<void>;
-                    unloaded$: Observable<void>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    ready$: Observable<FontFaceSet | undefined>;
-                    isReady$: Observable<boolean>;
-                    contentLayoutChange$: 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;
-                $: 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;
-                $: 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$: Observable<{
-                    isFirstLayout: boolean;
-                    isReady: boolean;
-                }>;
-                loaded$: Observable<HTMLIFrameElement>;
-                isReady$: Observable<boolean>;
-            };
-        }) => import("../spine/types").SpinePosition;
-        getSpinePositionFromSpineItemAnchor: (anchor: string, spineItem: {
-            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$: Observable<void>;
-                    unloaded$: Observable<void>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    ready$: Observable<FontFaceSet | undefined>;
-                    isReady$: Observable<boolean>;
-                    contentLayoutChange$: 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;
-                $: 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;
-                $: 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$: Observable<{
-                    isFirstLayout: boolean;
-                    isReady: boolean;
-                }>;
-                loaded$: Observable<HTMLIFrameElement>;
-                isReady$: Observable<boolean>;
-            };
-        }) => import("../spine/types").SpinePosition;
-        getSpineItemPositionFromSpinePosition: ((position: import("../spine/types").UnsafeSpinePosition, spineItem: {
-            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$: Observable<void>;
-                    unloaded$: Observable<void>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    ready$: Observable<FontFaceSet | undefined>;
-                    isReady$: Observable<boolean>;
-                    contentLayoutChange$: 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;
-                $: 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;
-                $: 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$: Observable<{
-                    isFirstLayout: boolean;
-                    isReady: boolean;
-                }>;
-                loaded$: Observable<HTMLIFrameElement>;
-                isReady$: Observable<boolean>;
-            };
-        }) => import("../spineItem/types").UnsafeSpineItemPosition) | ((position: import("../spine/types").UnsafeSpinePosition, spineItem: {
-            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$: Observable<void>;
-                    unloaded$: Observable<void>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    ready$: Observable<FontFaceSet | undefined>;
-                    isReady$: Observable<boolean>;
-                    contentLayoutChange$: 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;
-                $: 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;
-                $: 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$: Observable<{
-                    isFirstLayout: boolean;
-                    isReady: boolean;
-                }>;
-                loaded$: Observable<HTMLIFrameElement>;
-                isReady$: Observable<boolean>;
-            };
-        }) => import("../spineItem/types").UnsafeSpineItemPosition);
-        getSpineItemFromPosition: ((position: import("../spine/types").UnsafeSpinePosition) => {
-            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$: Observable<void>;
-                    unloaded$: Observable<void>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    ready$: Observable<FontFaceSet | undefined>;
-                    isReady$: Observable<boolean>;
-                    contentLayoutChange$: 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;
-                $: 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;
-                $: 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$: Observable<{
-                    isFirstLayout: boolean;
-                    isReady: boolean;
-                }>;
-                loaded$: Observable<HTMLIFrameElement>;
-                isReady$: Observable<boolean>;
-            };
-        } | undefined) | ((position: import("../spine/types").UnsafeSpinePosition) => {
-            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$: Observable<void>;
-                    unloaded$: Observable<void>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    ready$: Observable<FontFaceSet | undefined>;
-                    isReady$: Observable<boolean>;
-                    contentLayoutChange$: 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;
-                $: 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;
-                $: 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$: Observable<{
-                    isFirstLayout: boolean;
-                    isReady: boolean;
-                }>;
-                loaded$: Observable<HTMLIFrameElement>;
-                isReady$: Observable<boolean>;
-            };
-        } | undefined);
-        getSpineItemFromIframe: (iframe: Element) => {
-            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$: Observable<void>;
-                    unloaded$: Observable<void>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    ready$: Observable<FontFaceSet | undefined>;
-                    isReady$: Observable<boolean>;
-                    contentLayoutChange$: 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;
-                $: 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;
-                $: 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$: Observable<{
-                    isFirstLayout: boolean;
-                    isReady: boolean;
-                }>;
-                loaded$: Observable<HTMLIFrameElement>;
-                isReady$: Observable<boolean>;
-            };
-        } | undefined;
-        getSpineItemPageIndexFromNode: (node: Node, offset: number | undefined, 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$: Observable<void>;
-                    unloaded$: Observable<void>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    ready$: Observable<FontFaceSet | undefined>;
-                    isReady$: Observable<boolean>;
-                    contentLayoutChange$: 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;
-                $: 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;
-                $: 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$: Observable<{
-                    isFirstLayout: boolean;
-                    isReady: boolean;
-                }>;
-                loaded$: Observable<HTMLIFrameElement>;
-                isReady$: Observable<boolean>;
-            };
-        }) => number | undefined;
-        getSpineItemsFromReadingOrderPosition: (position: import("../spine/types").SpinePosition) => {
-            begin: number;
-            beginPosition: import("../spine/types").SpinePosition;
-            end: number;
-            endPosition: import("../spine/types").SpinePosition;
-        } | undefined;
-    };
-    getCurrentNavigationPosition: () => import("../spine/navigationResolver").ViewportNavigationEntry;
-    getCurrentViewportPosition: (() => {
-        x: number;
-        y: number;
-    }) | (() => {
-        x: number;
-        y: number;
-    });
-    layout: () => void;
-    load: (manifest: import("@prose-reader/shared").Manifest, loadOptions?: import("../reader").LoadOptions) => void;
-    destroy: () => void;
-    setSettings: (data: Partial<import("../settings").PublicSettings>) => void;
-    settings$: Observable<import("../settings").PublicSettings & {
-        computedPageTurnMode: "controlled" | "scrollable";
-        computedPageTurnDirection: "vertical" | "horizontal";
-        computedPageTurnAnimation: "none" | "fade" | "slide";
-        computedPageTurnAnimationDuration: number;
-        computedSnapAnimationDuration: number;
-    }>;
-    pagination$: Observable<{
-        beginPageIndex: number | undefined;
-        beginNumberOfPages: number;
-        beginCfi: string | undefined;
-        beginSpineItemIndex: number | undefined;
-        endPageIndex: number | undefined;
-        endNumberOfPages: number;
-        endCfi: string | undefined;
-        endSpineItemIndex: number | undefined;
-    }>;
-    spineItems$: 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$: Observable<void>;
-                unloaded$: Observable<void>;
-                loaded$: Observable<HTMLIFrameElement>;
-                ready$: Observable<FontFaceSet | undefined>;
-                isReady$: Observable<boolean>;
-                contentLayoutChange$: 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;
-            $: 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;
-            $: 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$: Observable<{
-                isFirstLayout: boolean;
-                isReady: boolean;
-            }>;
-            loaded$: Observable<HTMLIFrameElement>;
-            isReady$: Observable<boolean>;
-        };
-    }[]>;
-    $: {
-        state$: Observable<{
-            supportedPageTurnAnimation: NonNullable<"none" | "fade" | "slide" | undefined>[];
-            supportedPageTurnMode: NonNullable<"controlled" | "scrollable" | undefined>[];
-            supportedPageTurnDirection: NonNullable<"vertical" | "horizontal" | undefined>[];
-            supportedComputedPageTurnDirection: NonNullable<"vertical" | "horizontal" | undefined>[];
-        }>;
-        ready$: Observable<void>;
-        selection$: Observable<{
-            toString: () => string;
-            getAnchorCfi: () => string | undefined;
-            getFocusCfi: () => string | undefined;
-        } | null>;
-        viewportState$: Observable<"free" | "busy">;
-        layout$: Observable<boolean>;
-        itemsBeforeDestroy$: Observable<void>;
-        itemIsReady$: Observable<{
-            item: {
-                id: string;
-                href: string;
-                renditionLayout: "reflowable" | "pre-paginated";
-                progressionWeight: number;
-                pageSpreadLeft: true | undefined;
-                pageSpreadRight: true | undefined;
-                mediaType?: string | undefined;
-            };
-            isReady: boolean;
-        }>;
-        destroy$: 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;
-                        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$: Observable<void>;
-                            unloaded$: Observable<void>;
-                            loaded$: Observable<HTMLIFrameElement>;
-                            ready$: Observable<FontFaceSet | undefined>;
-                            isReady$: Observable<boolean>;
-                            contentLayoutChange$: 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;
-                        $: 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;
-                        $: 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$: Observable<{
-                            isFirstLayout: boolean;
-                            isReady: boolean;
-                        }>;
-                        loaded$: Observable<HTMLIFrameElement>;
-                        isReady$: Observable<boolean>;
-                    };
-                };
-                pageIndex: number;
-                cfi: string | undefined;
-                options: {
-                    isAtEndOfChapter?: boolean | undefined;
-                };
-            } & {
-                spineItemIndex: number;
-            }, end: {
-                spineItem: {
-                    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$: Observable<void>;
-                            unloaded$: Observable<void>;
-                            loaded$: Observable<HTMLIFrameElement>;
-                            ready$: Observable<FontFaceSet | undefined>;
-                            isReady$: Observable<boolean>;
-                            contentLayoutChange$: 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;
-                        $: 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;
-                        $: 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$: Observable<{
-                            isFirstLayout: boolean;
-                            isReady: boolean;
-                        }>;
-                        loaded$: Observable<HTMLIFrameElement>;
-                        isReady$: Observable<boolean>;
-                    };
-                };
-                pageIndex: number;
-                cfi: string | undefined;
-                options: {
-                    isAtEndOfChapter?: boolean | undefined;
-                };
-            } & {
-                spineItemIndex: number;
-            }) => void) | ((begin: {
-                spineItem: {
-                    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$: Observable<void>;
-                            unloaded$: Observable<void>;
-                            loaded$: Observable<HTMLIFrameElement>;
-                            ready$: Observable<FontFaceSet | undefined>;
-                            isReady$: Observable<boolean>;
-                            contentLayoutChange$: 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;
-                        $: 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;
-                        $: 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$: Observable<{
-                            isFirstLayout: boolean;
-                            isReady: boolean;
-                        }>;
-                        loaded$: Observable<HTMLIFrameElement>;
-                        isReady$: Observable<boolean>;
-                    };
-                };
-                pageIndex: number;
-                cfi: string | undefined;
-                options: {
-                    isAtEndOfChapter?: boolean | undefined;
-                };
-            } & {
-                spineItemIndex: number;
-            }, end: {
-                spineItem: {
-                    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$: Observable<void>;
-                            unloaded$: Observable<void>;
-                            loaded$: Observable<HTMLIFrameElement>;
-                            ready$: Observable<FontFaceSet | undefined>;
-                            isReady$: Observable<boolean>;
-                            contentLayoutChange$: 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;
-                        $: 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;
-                        $: 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$: Observable<{
-                            isFirstLayout: boolean;
-                            isReady: boolean;
-                        }>;
-                        loaded$: Observable<HTMLIFrameElement>;
-                        isReady$: Observable<boolean>;
-                    };
-                };
-                pageIndex: number;
-                cfi: string | undefined;
-                options: {
-                    isAtEndOfChapter?: boolean | undefined;
-                };
-            } & {
-                spineItemIndex: number;
-            }) => void);
-            getInfo: () => {
-                beginPageIndex: number | undefined;
-                beginNumberOfPages: number;
-                beginCfi: string | undefined;
-                beginSpineItemIndex: number | undefined;
-                endPageIndex: number | undefined;
-                endNumberOfPages: number;
-                endCfi: string | undefined;
-                endSpineItemIndex: number | undefined;
-            };
-            $: {
-                info$: Observable<{
-                    beginPageIndex: number | undefined;
-                    beginNumberOfPages: number;
-                    beginCfi: string | undefined;
-                    beginSpineItemIndex: number | undefined;
-                    endPageIndex: number | undefined;
-                    endNumberOfPages: number;
-                    endCfi: string | undefined;
-                    endSpineItemIndex: number | undefined;
-                }>;
-            };
-        };
-        context: import("../context").Context;
-        spineItemManager: {
-            destroyItems: () => void;
-            add: (spineItem: {
-                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$: Observable<void>;
-                        unloaded$: Observable<void>;
-                        loaded$: Observable<HTMLIFrameElement>;
-                        ready$: Observable<FontFaceSet | undefined>;
-                        isReady$: Observable<boolean>;
-                        contentLayoutChange$: 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;
-                    $: 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;
-                    $: 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$: Observable<{
-                        isFirstLayout: boolean;
-                        isReady: boolean;
-                    }>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    isReady$: Observable<boolean>;
-                };
-            }) => void;
-            get: (indexOrId: string | 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$: Observable<void>;
-                        unloaded$: Observable<void>;
-                        loaded$: Observable<HTMLIFrameElement>;
-                        ready$: Observable<FontFaceSet | undefined>;
-                        isReady$: Observable<boolean>;
-                        contentLayoutChange$: 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;
-                    $: 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;
-                    $: 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$: Observable<{
-                        isFirstLayout: boolean;
-                        isReady: boolean;
-                    }>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    isReady$: Observable<boolean>;
-                };
-            } | undefined;
-            getAll: () => {
-                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$: Observable<void>;
-                        unloaded$: Observable<void>;
-                        loaded$: Observable<HTMLIFrameElement>;
-                        ready$: Observable<FontFaceSet | undefined>;
-                        isReady$: Observable<boolean>;
-                        contentLayoutChange$: 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;
-                    $: 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;
-                    $: 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$: Observable<{
-                        isFirstLayout: boolean;
-                        isReady: boolean;
-                    }>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    isReady$: Observable<boolean>;
-                };
-            }[];
-            getLength: () => number;
-            layout: () => void;
-            focus: (indexOrSpineItem: 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$: Observable<void>;
-                        unloaded$: Observable<void>;
-                        loaded$: Observable<HTMLIFrameElement>;
-                        ready$: Observable<FontFaceSet | undefined>;
-                        isReady$: Observable<boolean>;
-                        contentLayoutChange$: 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;
-                    $: 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;
-                    $: 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$: Observable<{
-                        isFirstLayout: boolean;
-                        isReady: boolean;
-                    }>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    isReady$: Observable<boolean>;
-                };
-            }) => void;
-            loadContents: ((rangeOfIndex: [number, number]) => void) | ((rangeOfIndex: [number, number]) => void);
-            comparePositionOf: (toCompare: {
-                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$: Observable<void>;
-                        unloaded$: Observable<void>;
-                        loaded$: Observable<HTMLIFrameElement>;
-                        ready$: Observable<FontFaceSet | undefined>;
-                        isReady$: Observable<boolean>;
-                        contentLayoutChange$: 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;
-                    $: 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;
-                    $: 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$: Observable<{
-                        isFirstLayout: boolean;
-                        isReady: boolean;
-                    }>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    isReady$: Observable<boolean>;
-                };
-            }, withItem: {
-                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$: Observable<void>;
-                        unloaded$: Observable<void>;
-                        loaded$: Observable<HTMLIFrameElement>;
-                        ready$: Observable<FontFaceSet | undefined>;
-                        isReady$: Observable<boolean>;
-                        contentLayoutChange$: 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;
-                    $: 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;
-                    $: 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$: Observable<{
-                        isFirstLayout: boolean;
-                        isReady: boolean;
-                    }>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    isReady$: Observable<boolean>;
-                };
-            }) => "after" | "before";
-            getAbsolutePositionOf: (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$: Observable<void>;
-                        unloaded$: Observable<void>;
-                        loaded$: Observable<HTMLIFrameElement>;
-                        ready$: Observable<FontFaceSet | undefined>;
-                        isReady$: Observable<boolean>;
-                        contentLayoutChange$: 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;
-                    $: 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;
-                    $: 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$: Observable<{
-                        isFirstLayout: boolean;
-                        isReady: boolean;
-                    }>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    isReady$: Observable<boolean>;
-                };
-            }) => {
-                left: number;
-                right: number;
-                top: number;
-                bottom: number;
-                width: number;
-                height: number;
-            };
-            getFocusedSpineItem: () => {
-                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$: Observable<void>;
-                        unloaded$: Observable<void>;
-                        loaded$: Observable<HTMLIFrameElement>;
-                        ready$: Observable<FontFaceSet | undefined>;
-                        isReady$: Observable<boolean>;
-                        contentLayoutChange$: 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;
-                    $: 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;
-                    $: 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$: Observable<{
-                        isFirstLayout: boolean;
-                        isReady: boolean;
-                    }>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    isReady$: Observable<boolean>;
-                };
-            } | undefined;
-            getFocusedSpineItemIndex: () => number | undefined;
-            getSpineItemIndex: (spineItem: {
-                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$: Observable<void>;
-                        unloaded$: Observable<void>;
-                        loaded$: Observable<HTMLIFrameElement>;
-                        ready$: Observable<FontFaceSet | undefined>;
-                        isReady$: Observable<boolean>;
-                        contentLayoutChange$: 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;
-                    $: 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;
-                    $: 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$: Observable<{
-                        isFirstLayout: boolean;
-                        isReady: boolean;
-                    }>;
-                    loaded$: Observable<HTMLIFrameElement>;
-                    isReady$: Observable<boolean>;
-                };
-            } | undefined) => number | undefined;
-            destroy: () => void;
-            $: {
-                focus$: Observable<{
-                    data: {
-                        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$: Observable<void>;
-                                unloaded$: Observable<void>;
-                                loaded$: Observable<HTMLIFrameElement>;
-                                ready$: Observable<FontFaceSet | undefined>;
-                                isReady$: Observable<boolean>;
-                                contentLayoutChange$: 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;
-                            $: 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;
-                            $: 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$: Observable<{
-                                isFirstLayout: boolean;
-                                isReady: boolean;
-                            }>;
-                            loaded$: Observable<HTMLIFrameElement>;
-                            isReady$: Observable<boolean>;
-                        };
-                    };
-                }>;
-                layout$: Observable<boolean>;
-                itemIsReady$: Observable<{
-                    item: {
-                        id: string;
-                        href: string;
-                        renditionLayout: "reflowable" | "pre-paginated";
-                        progressionWeight: number;
-                        pageSpreadLeft: true | undefined;
-                        pageSpreadRight: true | undefined;
-                        mediaType?: string | undefined;
-                    };
-                    isReady: boolean;
-                }>;
-            };
-        };
-    };
-}, Settings$ extends Observable<any> = InheritOutput["settings$"]>(next: (options: InheritOptions) => InheritOutput) => (options: InheritOptions & Options) => Omit<InheritOutput, "setSettings" | "settings$"> & {
-    settings$: Observable<ObservedValueOf<Settings$> & Required<Options>>;
-    setSettings: (settings: Parameters<InheritOutput["setSettings"]>[0] & Options) => void;
-};
-export {};