@prose-reader/core 1.66.0 → 1.68.0

package/dist/spineItem/reflowable/ReflowableSpineItems.d.ts

@@ -1,16 +1,15 @@
-import { Observable } from 'rxjs';
 import { Context } from '../../context/Context';
-import { Manifest } from '../../types';
+import { Manifest } from '../..';
 import { ReaderSettingsManager } from '../../settings/ReaderSettingsManager';
 import { HookManager } from '../../hooks/HookManager';
 
-export declare const createReflowableSpineItem: ({ item, context, containerElement, viewportState$, settings, hookManager, }: {
+export declare const createReflowableSpineItem: ({ item, context, containerElement, settings, hookManager, index, }: {
     item: Manifest[`spineItems`][number];
     containerElement: HTMLElement;
     context: Context;
-    viewportState$: Observable<`free` | `busy`>;
     settings: ReaderSettingsManager;
     hookManager: HookManager;
+    index: number;
 }) => {
     layout: ({ blankPagePosition, minimumWidth, }: {
         blankPagePosition: `before` | `after` | `none`;
@@ -22,13 +21,13 @@ export declare const createReflowableSpineItem: ({ item, context, containerEleme
     item: {
         id: string;
         href: string;
-        renditionLayout: `reflowable` | `pre-paginated`;
-        progressionWeight: number;
-        pageSpreadLeft: true | undefined;
-        pageSpreadRight: true | undefined;
+        renditionLayout?: `reflowable` | `pre-paginated`;
+        progressionWeight?: number;
+        pageSpreadLeft?: true | undefined;
+        pageSpreadRight?: true | undefined;
         mediaType?: string;
     };
-    load: () => void;
+    overlayElement: HTMLDivElement;
     adjustPositionOfElement: ({ right, left, top, }: {
         right?: number;
         left?: number;
@@ -37,6 +36,13 @@ export declare const createReflowableSpineItem: ({ item, context, containerEleme
     getElementDimensions: () => {
         width: number;
         height: number;
+        x: number;
+        y: number;
+        bottom: number;
+        left: number;
+        right: number;
+        top: number;
+        toJSON(): any;
     };
     getHtmlFromResource: (response: Response) => Promise<string>;
     getResource: () => Promise<Response>;
@@ -47,43 +53,10 @@ export declare const createReflowableSpineItem: ({ item, context, containerEleme
         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: () => ReturnType<typeof import('../frameItem/createFrameManipulator').createFrameManipulator> | 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;
-            }>;
-        };
-    };
+    load: () => void;
+    unload: () => void;
+    frame: import('../frame/FrameItem').FrameItem;
     element: HTMLElement;
     getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
     getViewPortInformation: () => {
@@ -97,17 +70,8 @@ export declare const createReflowableSpineItem: ({ item, context, containerEleme
     isImageType: () => boolean;
     isReady: () => boolean;
     destroy: () => void;
+    readingDirection: "ltr" | "rtl" | undefined;
     isUsingVerticalWriting: () => boolean | undefined;
-    getReadingDirection: () => "ltr" | "rtl" | undefined;
-    manipulateSpineItem: (cb: (options: {
-        container: HTMLElement;
-        item: Manifest[`spineItems`][number];
-        overlayElement: HTMLDivElement;
-    } & (ReturnType<typeof import('../frameItem/createFrameManipulator').createFrameManipulator> | {
-        frame: undefined;
-        removeStyle: (id: string) => void;
-        addStyle: (id: string, style: string) => void;
-    })) => boolean) => boolean;
     executeOnLayoutBeforeMeasurementHook: (options: {
         minimumWidth: number;
     }) => void[];
@@ -116,7 +80,7 @@ export declare const createReflowableSpineItem: ({ item, context, containerEleme
         destroy: () => void;
         isSelecting: () => boolean;
         getSelection: () => Selection | undefined;
-        $: Observable<{
+        $: import('rxjs').Observable<{
             event: `selectionchange`;
             data: Selection | null;
         } | {
@@ -134,7 +98,7 @@ export declare const createReflowableSpineItem: ({ item, context, containerEleme
             y: number | undefined;
         } | undefined;
         destroy: () => void;
-        $: Observable<{
+        $: import('rxjs').Observable<{
             event: `fingermove`;
             data: {
                 x: number;
@@ -155,11 +119,11 @@ export declare const createReflowableSpineItem: ({ item, context, containerEleme
         columnWidth: number;
     };
     $: {
-        contentLayout$: Observable<{
+        contentLayout$: import('rxjs').Observable<{
             isFirstLayout: boolean;
             isReady: boolean;
         }>;
-        loaded$: Observable<HTMLIFrameElement>;
-        isReady$: Observable<boolean>;
+        loaded$: import('rxjs').Observable<HTMLIFrameElement>;
+        isReady$: import('rxjs').Observable<boolean>;
     };
 };

package/dist/spineItem/types.d.ts

@@ -1,4 +1,4 @@
-export type SpineItemPosition = {
+export type SafeSpineItemPosition = {
     x: number;
     y: number;
     __symbol?: `SpineItemPosition`;
@@ -8,12 +8,3 @@ export type UnsafeSpineItemPosition = {
     y: number;
     __symbol?: `UnsafeSpineItemPosition` | `SpineItemPosition`;
 };
-export declare class SpineItemNavigationPosition {
-    __symbol: string;
-    x: number;
-    y: number;
-    constructor(position: {
-        x: number;
-        y: number;
-    });
-}

package/dist/tests/utils.d.ts

@@ -0,0 +1 @@
+export declare const waitFor: (timeout: number) => Promise<unknown>;

package/dist/utils/DestroyableClass.d.ts

@@ -0,0 +1,5 @@
+export declare class DestroyableClass {
+    private destroySubject;
+    protected destroy$: import('rxjs').Observable<void>;
+    destroy(): void;
+}

package/dist/utils/dom.d.ts

@@ -8,12 +8,13 @@ type ViewPort = {
 export declare const getFirstVisibleNodeForViewport: ((documentOrElement: Document | Element, viewport: ViewPort) => {
     node: Node;
     offset: number;
-} | undefined) | ((documentOrElement: Document | Element, viewport: ViewPort) => ReturnType<(documentOrElement: Document | Element, viewport: ViewPort) => {
+} | undefined) | ((documentOrElement: Document | Element, viewport: ViewPort) => {
     node: Node;
     offset: number;
-} | undefined>);
+} | undefined);
 export declare const getRangeFromNode: (node: Node, offset: number) => Range | undefined;
 export declare const isPointerEvent: (event: Event) => event is PointerEvent;
 export declare const isMouseEvent: (event: Event) => event is MouseEvent;
 export declare const isTouchEvent: (event: Event) => event is TouchEvent;
+export declare const noopElement: () => HTMLDivElement;
 export {};

package/dist/utils/rxjs.d.ts

@@ -1,5 +1,7 @@
-import { OperatorFunction } from 'rxjs';
+import { Observable, OperatorFunction } from 'rxjs';
 
 export declare const mapKeysTo: <R extends {
     [key: string]: any;
 }, K extends keyof R>(keys: K[]) => OperatorFunction<R, Pick<R, K>>;
+export declare function observeResize(element: HTMLElement): Observable<ResizeObserverEntry[]>;
+export declare const waitForSwitch: <O>(waitForStream: Observable<O>) => <N>(stream: Observable<N>) => Observable<N>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prose-reader/core",
-  "version": "1.66.0",
+  "version": "1.68.0",
   "type": "module",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",
@@ -25,7 +25,7 @@
     "tsc": "tsc"
   },
   "dependencies": {
-    "@prose-reader/shared": "^1.66.0"
+    "@prose-reader/shared": "^1.68.0"
   },
   "peerDependencies": {
     "rxjs": "*"
@@ -33,5 +33,5 @@
   "devDependencies": {
     "jsdom": "^24.0.0"
   },
-  "gitHead": "b85f65aa1f5da638a820a763740b255568d4bad5"
+  "gitHead": "be2b363f7b613f3257aee30c60ffecdcb42b885b"
 }

package/dist/enhancers/navigation/navigator.d.ts

@@ -1,8 +0,0 @@
-import { Reader } from '../../reader';
-
-export declare const createNavigator: (reader: Reader) => {
-    goToNextSpineItem: () => void;
-    goToPreviousSpineItem: () => void;
-    goToLeftSpineItem: () => void;
-    goToRightSpineItem: () => void;
-};

package/dist/enhancers/publicApi.d.ts

@@ -1,5 +0,0 @@
-import { Reader } from '../reader';
-
-export declare const publicApiEnhancer: <InheritOptions, InheritOutput extends Reader>(next: (options: InheritOptions) => InheritOutput) => (options: InheritOptions) => Omit<InheritOutput, "pagination"> & {
-    pagination: Pick<InheritOutput["pagination"], "paginationInfo$" | "getPaginationInfo">;
-};

package/dist/pagination/pagination.d.ts

@@ -1,88 +0,0 @@
-import { Context } from '../context/Context';
-import { SpineItem } from '../spineItem/createSpineItem';
-import { SpineItemManager } from '../spineItemManager';
-import { PaginationInfo } from './types';
-
-export declare const createPagination: ({ context, }: {
-    context: Context;
-    spineItemManager: SpineItemManager;
-}) => {
-    destroy: () => void;
-    updateBeginAndEnd: ((begin: Parameters<(info: {
-        spineItem: SpineItem;
-        pageIndex: number;
-        cfi: string | undefined;
-        options: {
-            isAtEndOfChapter?: boolean;
-        };
-    }) => {
-        numberOfPages: number;
-        pageIndex: number;
-        cfi: string | undefined;
-    }>[0] & {
-        spineItemIndex: number;
-    }, end: Parameters<(info: {
-        spineItem: SpineItem;
-        pageIndex: number;
-        cfi: string | undefined;
-        options: {
-            isAtEndOfChapter?: boolean;
-        };
-    }) => {
-        numberOfPages: number;
-        pageIndex: number;
-        cfi: string | undefined;
-    }>[0] & {
-        spineItemIndex: number;
-    }) => void) | ((begin: {
-        spineItem: SpineItem;
-        pageIndex: number;
-        cfi: string | undefined;
-        options: {
-            isAtEndOfChapter?: boolean;
-        };
-    } & {
-        spineItemIndex: number;
-    }, end: {
-        spineItem: SpineItem;
-        pageIndex: number;
-        cfi: string | undefined;
-        options: {
-            isAtEndOfChapter?: boolean;
-        };
-    } & {
-        spineItemIndex: number;
-    }) => ReturnType<(begin: Parameters<(info: {
-        spineItem: SpineItem;
-        pageIndex: number;
-        cfi: string | undefined;
-        options: {
-            isAtEndOfChapter?: boolean;
-        };
-    }) => {
-        numberOfPages: number;
-        pageIndex: number;
-        cfi: string | undefined;
-    }>[0] & {
-        spineItemIndex: number;
-    }, end: Parameters<(info: {
-        spineItem: SpineItem;
-        pageIndex: number;
-        cfi: string | undefined;
-        options: {
-            isAtEndOfChapter?: boolean;
-        };
-    }) => {
-        numberOfPages: number;
-        pageIndex: number;
-        cfi: string | undefined;
-    }>[0] & {
-        spineItemIndex: number;
-    }) => void>);
-    getPaginationInfo: () => PaginationInfo;
-    paginationInfo$: import('rxjs').Observable<PaginationInfo>;
-};
-export type Pagination = ReturnType<typeof createPagination>;
-export declare const getItemOffsetFromPageIndex: (pageWidth: number, pageIndex: number, itemWidth: number) => number;
-export declare const calculateNumberOfPagesForItem: (itemWidth: number, pageWidth: number) => number;
-export declare const getClosestValidOffsetFromApproximateOffsetInPages: (offset: number, pageWidth: number, itemWidth: number) => number;

package/dist/pagination/types.d.ts

@@ -1,10 +0,0 @@
-export type PaginationInfo = {
-    beginPageIndexInSpineItem: number | undefined;
-    beginNumberOfPagesInSpineItem: number;
-    beginCfi: string | undefined;
-    beginSpineItemIndex: number | undefined;
-    endPageIndexInSpineItem: number | undefined;
-    endNumberOfPagesInSpineItem: number;
-    endCfi: string | undefined;
-    endSpineItemIndex: number | undefined;
-};

package/dist/spine/cfiLocator.d.ts

@@ -1,340 +0,0 @@
-import { Context } from '../context/Context';
-import { SpineItem } from '../spineItem/createSpineItem';
-import { createLocationResolver } from '../spineItem/locationResolver';
-import { SpineItemManager } from '../spineItemManager';
-import { Manifest } from '../types';
-
-export declare const createCfiLocator: ({ spineItemManager, spineItemLocator, }: {
-    spineItemManager: SpineItemManager;
-    context: Context;
-    spineItemLocator: ReturnType<typeof createLocationResolver>;
-}) => {
-    getSpineItemFromCfi: (cfi: string) => {
-        layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
-            blankPagePosition: `before` | `after` | `none`;
-            minimumWidth: number;
-            spreadPosition: `none` | `left` | `right`;
-        }) => {
-            width: number;
-            height: number;
-        };
-        item: {
-            id: string;
-            href: string;
-            renditionLayout: `reflowable` | `pre-paginated`;
-            progressionWeight: number;
-            pageSpreadLeft: true | undefined;
-            pageSpreadRight: true | undefined;
-            mediaType?: string;
-        };
-        load: () => void;
-        adjustPositionOfElement: ({ right, left, top, }: {
-            right?: number;
-            left?: number;
-            top?: number;
-        }) => 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: () => ReturnType<typeof import('../spineItem/frameItem/createFrameManipulator').createFrameManipulator> | undefined;
-            getReadingDirection: () => `ltr` | `rtl` | undefined;
-            isUsingVerticalWriting: () => boolean;
-            getWritingMode: () => `vertical-rl` | `horizontal-tb` | undefined;
-            destroy: () => void;
-            $: {
-                unload$: import('rxjs').Observable<void>;
-                unloaded$: import('rxjs').Observable<void>;
-                loaded$: import('rxjs').Observable<HTMLIFrameElement>;
-                ready$: import('rxjs').Observable<FontFaceSet | undefined>;
-                isReady$: import('rxjs').Observable<boolean>;
-                contentLayoutChange$: import('rxjs').Observable<{
-                    isFirstLayout: boolean;
-                } | {
-                    isFirstLayout: boolean;
-                }>;
-            };
-        };
-        element: HTMLElement;
-        getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
-        getViewPortInformation: () => {
-            computedScale: number;
-            computedWidthScale: number;
-            viewportDimensions: {
-                width: number;
-                height: number;
-            };
-        } | undefined;
-        isImageType: () => boolean;
-        isReady: () => boolean;
-        destroy: () => void;
-        isUsingVerticalWriting: () => boolean | undefined;
-        getReadingDirection: () => "ltr" | "rtl" | undefined;
-        manipulateSpineItem: (cb: (options: {
-            container: HTMLElement;
-            item: Manifest[`spineItems`][number];
-            overlayElement: HTMLDivElement;
-        } & (ReturnType<typeof import('../spineItem/frameItem/createFrameManipulator').createFrameManipulator> | {
-            frame: undefined;
-            removeStyle: (id: string) => void;
-            addStyle: (id: string, style: string) => void;
-        })) => boolean) => boolean;
-        executeOnLayoutBeforeMeasurementHook: (options: {
-            minimumWidth: number;
-        }) => void[];
-        selectionTracker: {
-            track: (frameToTrack: HTMLIFrameElement) => void;
-            destroy: () => void;
-            isSelecting: () => boolean;
-            getSelection: () => Selection | undefined;
-            $: import('rxjs').Observable<{
-                event: `selectionchange`;
-                data: Selection | null;
-            } | {
-                event: `selectstart`;
-                data: Selection | null;
-            } | {
-                event: `selectend`;
-                data: Selection | null;
-            }>;
-        };
-        fingerTracker: {
-            track: (frame: HTMLIFrameElement) => void;
-            getFingerPositionInIframe(): {
-                x: number | undefined;
-                y: number | undefined;
-            } | undefined;
-            destroy: () => void;
-            $: import('rxjs').Observable<{
-                event: `fingermove`;
-                data: {
-                    x: number;
-                    y: number;
-                };
-            } | {
-                event: `fingerout`;
-                data: undefined;
-            }>;
-        };
-        getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
-            columnHeight: number;
-            columnWidth: number;
-            width: number;
-        };
-        getDimensionsForPaginatedContent: () => {
-            columnHeight: number;
-            columnWidth: number;
-        };
-        $: {
-            contentLayout$: import('rxjs').Observable<{
-                isFirstLayout: boolean;
-                isReady: boolean;
-            }>;
-            loaded$: import('rxjs').Observable<HTMLIFrameElement>;
-            isReady$: import('rxjs').Observable<boolean>;
-        };
-    } | undefined;
-    getCfiMetaInformation: (cfi: string) => {
-        spineItemIndex: number | undefined;
-    } | undefined;
-    getCfi: ((pageIndex: number, spineItem: SpineItem) => string) | ((pageIndex: number, spineItem: {
-        layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
-            blankPagePosition: `before` | `after` | `none`;
-            minimumWidth: number;
-            spreadPosition: `none` | `left` | `right`;
-        }) => {
-            width: number;
-            height: number;
-        };
-        item: {
-            id: string;
-            href: string;
-            renditionLayout: `reflowable` | `pre-paginated`;
-            progressionWeight: number;
-            pageSpreadLeft: true | undefined;
-            pageSpreadRight: true | undefined;
-            mediaType?: string;
-        };
-        load: () => void;
-        adjustPositionOfElement: ({ right, left, top, }: {
-            right?: number;
-            left?: number;
-            top?: number;
-        }) => 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: () => ReturnType<typeof import('../spineItem/frameItem/createFrameManipulator').createFrameManipulator> | undefined;
-            getReadingDirection: () => `ltr` | `rtl` | undefined;
-            isUsingVerticalWriting: () => boolean;
-            getWritingMode: () => `vertical-rl` | `horizontal-tb` | undefined;
-            destroy: () => void;
-            $: {
-                unload$: import('rxjs').Observable<void>;
-                unloaded$: import('rxjs').Observable<void>;
-                loaded$: import('rxjs').Observable<HTMLIFrameElement>;
-                ready$: import('rxjs').Observable<FontFaceSet | undefined>;
-                isReady$: import('rxjs').Observable<boolean>;
-                contentLayoutChange$: import('rxjs').Observable<{
-                    isFirstLayout: boolean;
-                } | {
-                    isFirstLayout: boolean;
-                }>;
-            };
-        };
-        element: HTMLElement;
-        getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
-        getViewPortInformation: () => {
-            computedScale: number;
-            computedWidthScale: number;
-            viewportDimensions: {
-                width: number;
-                height: number;
-            };
-        } | undefined;
-        isImageType: () => boolean;
-        isReady: () => boolean;
-        destroy: () => void;
-        isUsingVerticalWriting: () => boolean | undefined;
-        getReadingDirection: () => "ltr" | "rtl" | undefined;
-        manipulateSpineItem: (cb: (options: {
-            container: HTMLElement;
-            item: Manifest[`spineItems`][number];
-            overlayElement: HTMLDivElement;
-        } & (ReturnType<typeof import('../spineItem/frameItem/createFrameManipulator').createFrameManipulator> | {
-            frame: undefined;
-            removeStyle: (id: string) => void;
-            addStyle: (id: string, style: string) => void;
-        })) => boolean) => boolean;
-        executeOnLayoutBeforeMeasurementHook: (options: {
-            minimumWidth: number;
-        }) => void[];
-        selectionTracker: {
-            track: (frameToTrack: HTMLIFrameElement) => void;
-            destroy: () => void;
-            isSelecting: () => boolean;
-            getSelection: () => Selection | undefined;
-            $: import('rxjs').Observable<{
-                event: `selectionchange`;
-                data: Selection | null;
-            } | {
-                event: `selectstart`;
-                data: Selection | null;
-            } | {
-                event: `selectend`;
-                data: Selection | null;
-            }>;
-        };
-        fingerTracker: {
-            track: (frame: HTMLIFrameElement) => void;
-            getFingerPositionInIframe(): {
-                x: number | undefined;
-                y: number | undefined;
-            } | undefined;
-            destroy: () => void;
-            $: import('rxjs').Observable<{
-                event: `fingermove`;
-                data: {
-                    x: number;
-                    y: number;
-                };
-            } | {
-                event: `fingerout`;
-                data: undefined;
-            }>;
-        };
-        getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
-            columnHeight: number;
-            columnWidth: number;
-            width: number;
-        };
-        getDimensionsForPaginatedContent: () => {
-            columnHeight: number;
-            columnWidth: number;
-        };
-        $: {
-            contentLayout$: import('rxjs').Observable<{
-                isFirstLayout: boolean;
-                isReady: boolean;
-            }>;
-            loaded$: import('rxjs').Observable<HTMLIFrameElement>;
-            isReady$: import('rxjs').Observable<boolean>;
-        };
-    }) => ReturnType<(pageIndex: number, spineItem: SpineItem) => string>);
-    getRootCfi: (spineItem: SpineItem) => string;
-    resolveCfi: (cfiString: string) => {
-        node: Node | undefined;
-        offset: number | undefined;
-        spineItemIndex: number;
-    } | {
-        spineItemIndex: number;
-        node?: undefined;
-        offset?: undefined;
-    } | undefined;
-    generateFromRange: ({ startNode, start, end, endNode, }: {
-        startNode: Node;
-        start: number;
-        endNode: Node;
-        end: number;
-    }, item: Manifest[`spineItems`][number]) => {
-        start: string;
-        end: string;
-    };
-};