@prose-reader/core 1.116.0 → 1.118.0

package/dist/spine/locator/SpineLocator.d.ts

@@ -1,5 +1,5 @@
 import { Context } from '../../context/Context';
-import { SpineItem } from '../../spineItem/createSpineItem';
+import { SpineItem } from '../../spineItem/SpineItem';
 import { createSpineItemLocator as createSpineItemLocator } from '../../spineItem/locationResolver';
 import { SpineItemsManager } from '../SpineItemsManager';
 import { SafeSpineItemPosition, UnsafeSpineItemPosition } from '../../spineItem/types';
@@ -23,483 +23,15 @@ export declare const createSpineLocator: ({ spineItemsManager, context, spineIte
     }) => ViewportPosition;
     getAbsolutePageIndexFromPageIndex: (params: Omit<Parameters<typeof getAbsolutePageIndexFromPageIndex>[0], "context" | "settings" | "spineLayout" | "spineItemsManager">) => number | undefined;
     getSpineInfoFromAbsolutePageIndex: (params: Omit<Parameters<typeof getSpineInfoFromAbsolutePageIndex>[0], "context" | "settings" | "spineLayout" | "spineItemsManager">) => {
-        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;
-            };
-            overlayElement: HTMLDivElement;
-            adjustPositionOfElement: ({ right, left, top, }: {
-                right?: number;
-                left?: number;
-                top?: number;
-            }) => void;
-            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>;
-            translateFramePositionIntoPage: (position: {
-                clientX: number;
-                clientY: number;
-            }) => {
-                clientX: number;
-                clientY: number;
-            };
-            injectStyle: (cssText: string) => void;
-            load: () => void;
-            unload: () => void;
-            frame: import('../../spineItem/frame/FrameItem').FrameItem;
-            element: HTMLElement;
-            getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
-            getViewPortInformation: () => {
-                computedScale: number;
-                computedWidthScale: number;
-                viewportDimensions: {
-                    width: number;
-                    height: number;
-                };
-            } | undefined;
-            isImageType: () => boolean;
-            isReady: () => boolean;
-            destroy: () => void;
-            readingDirection: "ltr" | "rtl" | undefined;
-            isUsingVerticalWriting: () => boolean | undefined;
-            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>;
-            };
-        };
+        spineItem: SpineItem;
         pageIndex: number;
         itemIndex: number;
         currentAbsolutePage: number;
     } | undefined;
     getSpinePositionFromSpineItem: (spineItem: SpineItem) => ViewportPosition;
-    getSpineItemPositionFromSpinePosition: ((position: ViewportPosition, spineItem: SpineItem) => UnsafeSpineItemPosition) | ((position: ViewportPosition, 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;
-        };
-        overlayElement: HTMLDivElement;
-        adjustPositionOfElement: ({ right, left, top, }: {
-            right?: number;
-            left?: number;
-            top?: number;
-        }) => void;
-        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>;
-        translateFramePositionIntoPage: (position: {
-            clientX: number;
-            clientY: number;
-        }) => {
-            clientX: number;
-            clientY: number;
-        };
-        injectStyle: (cssText: string) => void;
-        load: () => void;
-        unload: () => void;
-        frame: import('../../spineItem/frame/FrameItem').FrameItem;
-        element: HTMLElement;
-        getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
-        getViewPortInformation: () => {
-            computedScale: number;
-            computedWidthScale: number;
-            viewportDimensions: {
-                width: number;
-                height: number;
-            };
-        } | undefined;
-        isImageType: () => boolean;
-        isReady: () => boolean;
-        destroy: () => void;
-        readingDirection: "ltr" | "rtl" | undefined;
-        isUsingVerticalWriting: () => boolean | undefined;
-        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>;
-        };
-    }) => UnsafeSpineItemPosition);
-    getSpineItemFromPosition: (position: ViewportPosition) => {
-        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;
-        };
-        overlayElement: HTMLDivElement;
-        adjustPositionOfElement: ({ right, left, top, }: {
-            right?: number;
-            left?: number;
-            top?: number;
-        }) => void;
-        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>;
-        translateFramePositionIntoPage: (position: {
-            clientX: number;
-            clientY: number;
-        }) => {
-            clientX: number;
-            clientY: number;
-        };
-        injectStyle: (cssText: string) => void;
-        load: () => void;
-        unload: () => void;
-        frame: import('../../spineItem/frame/FrameItem').FrameItem;
-        element: HTMLElement;
-        getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
-        getViewPortInformation: () => {
-            computedScale: number;
-            computedWidthScale: number;
-            viewportDimensions: {
-                width: number;
-                height: number;
-            };
-        } | undefined;
-        isImageType: () => boolean;
-        isReady: () => boolean;
-        destroy: () => void;
-        readingDirection: "ltr" | "rtl" | undefined;
-        isUsingVerticalWriting: () => boolean | undefined;
-        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;
-    getSpineItemFromIframe: (iframe: Element) => {
-        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;
-        };
-        overlayElement: HTMLDivElement;
-        adjustPositionOfElement: ({ right, left, top, }: {
-            right?: number;
-            left?: number;
-            top?: number;
-        }) => void;
-        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>;
-        translateFramePositionIntoPage: (position: {
-            clientX: number;
-            clientY: number;
-        }) => {
-            clientX: number;
-            clientY: number;
-        };
-        injectStyle: (cssText: string) => void;
-        load: () => void;
-        unload: () => void;
-        frame: import('../../spineItem/frame/FrameItem').FrameItem;
-        element: HTMLElement;
-        getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
-        getViewPortInformation: () => {
-            computedScale: number;
-            computedWidthScale: number;
-            viewportDimensions: {
-                width: number;
-                height: number;
-            };
-        } | undefined;
-        isImageType: () => boolean;
-        isReady: () => boolean;
-        destroy: () => void;
-        readingDirection: "ltr" | "rtl" | undefined;
-        isUsingVerticalWriting: () => boolean | undefined;
-        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;
+    getSpineItemPositionFromSpinePosition: ((position: ViewportPosition, spineItem: SpineItem) => UnsafeSpineItemPosition) | ((position: ViewportPosition, spineItem: SpineItem) => UnsafeSpineItemPosition);
+    getSpineItemFromPosition: (position: ViewportPosition) => SpineItem | undefined;
+    getSpineItemFromIframe: (iframe: Element) => SpineItem | undefined;
     getSpineItemPageIndexFromNode: (node: Node, offset: number | undefined, spineItemOrIndex: SpineItem | number) => number | undefined;
     getVisibleSpineItemsFromPosition: (params: Omit<Parameters<typeof getVisibleSpineItemsFromPosition>[0], "context" | "spineItemsManager" | "settings" | "spineLayout">) => {
         beginIndex: number;

package/dist/spine/locator/getAbsolutePageIndexFromPageIndex.d.ts

@@ -1,6 +1,6 @@
 import { Context } from '../../context/Context';
 import { ReaderSettingsManager } from '../../settings/ReaderSettingsManager';
-import { SpineItem } from '../../spineItem/createSpineItem';
+import { SpineItem } from '../../spineItem/SpineItem';
 import { SpineItemsManager } from '../SpineItemsManager';
 import { SpineLayout } from '../SpineLayout';
 export declare const getAbsolutePageIndexFromPageIndex: ({ pageIndex, spineItemOrId, spineLayout, spineItemsManager, context, settings, }: {

package/dist/spine/locator/getSpineInfoFromAbsolutePageIndex.d.ts

@@ -1,5 +1,6 @@
 import { Context } from '../../context/Context';
 import { ReaderSettingsManager } from '../../settings/ReaderSettingsManager';
+import { SpineItem } from '../../spineItem/SpineItem';
 import { SpineItemsManager } from '../SpineItemsManager';
 import { SpineLayout } from '../SpineLayout';
 export declare const getSpineInfoFromAbsolutePageIndex: ({ absolutePageIndex, spineLayout, spineItemsManager, context, settings, }: {
@@ -9,124 +10,7 @@ export declare const getSpineInfoFromAbsolutePageIndex: ({ absolutePageIndex, sp
     context: Context;
     settings: ReaderSettingsManager;
 }) => {
-    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;
-        };
-        overlayElement: HTMLDivElement;
-        adjustPositionOfElement: ({ right, left, top, }: {
-            right?: number;
-            left?: number;
-            top?: number;
-        }) => void;
-        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>;
-        translateFramePositionIntoPage: (position: {
-            clientX: number;
-            clientY: number;
-        }) => {
-            clientX: number;
-            clientY: number;
-        };
-        injectStyle: (cssText: string) => void;
-        load: () => void;
-        unload: () => void;
-        frame: import('../../spineItem/frame/FrameItem').FrameItem;
-        element: HTMLElement;
-        getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
-        getViewPortInformation: () => {
-            computedScale: number;
-            computedWidthScale: number;
-            viewportDimensions: {
-                width: number;
-                height: number;
-            };
-        } | undefined;
-        isImageType: () => boolean;
-        isReady: () => boolean;
-        destroy: () => void;
-        readingDirection: "ltr" | "rtl" | undefined;
-        isUsingVerticalWriting: () => boolean | undefined;
-        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>;
-        };
-    };
+    spineItem: SpineItem;
     pageIndex: number;
     itemIndex: number;
     currentAbsolutePage: number;