@prose-reader/core 1.117.0 → 1.119.0

package/dist/spine/SpineItemsManager.d.ts

@@ -1,604 +1,19 @@
 import { Context } from '../context/Context';
-import { SpineItem } from '../spineItem/createSpineItem';
 import { ReaderSettingsManager } from '../settings/ReaderSettingsManager';
 import { DestroyableClass } from '../utils/DestroyableClass';
 import { BehaviorSubject } from 'rxjs';
+import { SpineItem } from '../spineItem/SpineItem';
 export declare class SpineItemsManager extends DestroyableClass {
     protected context: Context;
     protected settings: ReaderSettingsManager;
     constructor(context: Context, settings: ReaderSettingsManager);
-    protected orderedSpineItemsSubject: BehaviorSubject<{
-        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>;
-        };
-    }[]>;
-    items$: import('rxjs').Observable<{
-        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>;
-        };
-    }[]>;
-    get(indexOrId: number | string | SpineItem | undefined): {
-        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;
+    protected orderedSpineItemsSubject: BehaviorSubject<SpineItem[]>;
+    items$: import('rxjs').Observable<SpineItem[]>;
+    get(indexOrId: number | string | SpineItem | undefined): SpineItem | undefined;
     comparePositionOf(toCompare: SpineItem, withItem: SpineItem): "after" | "before" | "same";
     getSpineItemIndex(spineItem: SpineItem | undefined): number | undefined;
     addMany(spineItems: SpineItem[]): void;
-    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;
-        };
-        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;
-    get items(): {
-        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>;
-        };
-    }[];
+    getSpineItemFromCfi(cfi: string): SpineItem | undefined;
+    get items(): SpineItem[];
     destroyItems(): void;
 }

package/dist/spine/SpineItemsObserver.d.ts

@@ -1,8 +1,8 @@
 import { Observable } from 'rxjs';
 import { SpineItemsManager } from './SpineItemsManager';
 import { DestroyableClass } from '../utils/DestroyableClass';
-import { SpineItem } from '../spineItem/createSpineItem';
 import { SpineLocator } from './locator/SpineLocator';
+import { SpineItem } from '../spineItem/SpineItem';
 export declare class SpineItemsObserver extends DestroyableClass {
     protected spineItemsManager: SpineItemsManager;
     protected spineLocator: SpineLocator;
@@ -10,6 +10,7 @@ export declare class SpineItemsObserver extends DestroyableClass {
         item: SpineItem;
         isReady: boolean;
     }>;
+    itemLoaded$: Observable<SpineItem>;
     itemResize$: Observable<{
         item: SpineItem;
         entries: ResizeObserverEntry[];

package/dist/spine/SpineLayout.d.ts

@@ -3,7 +3,7 @@ import { Context } from '../context/Context';
 import { ReaderSettingsManager } from '../settings/ReaderSettingsManager';
 import { DestroyableClass } from '../utils/DestroyableClass';
 import { SpineItemsManager } from './SpineItemsManager';
-import { SpineItem } from '../spineItem/createSpineItem';
+import { SpineItem } from '../spineItem/SpineItem';
 export type LayoutPosition = {
     left: number;
     right: number;