@prose-reader/core 0.0.48 → 0.0.49

package/dist/spineItem/createSpineItem.d.ts

@@ -2,11 +2,6 @@ import { BehaviorSubject, Observable } from "rxjs";
 import { Context } from "../context";
 import { Manifest } from "../types";
 import { Hook } from "../types/Hook";
-import { createPrePaginatedSpineItem } from "./prePaginatedSpineItem";
-import { createReflowableSpineItem } from "./reflowableSpineItem";
-export declare type SpineItem = {
-    item: Manifest[`spineItems`][number];
-} & (ReturnType<typeof createPrePaginatedSpineItem> | ReturnType<typeof createReflowableSpineItem>);
 export declare const createSpineItem: ({ item, context, containerElement, iframeEventBridgeElement, hooks$, viewportState$ }: {
     item: Manifest[`spineItems`][number];
     containerElement: HTMLElement;
@@ -15,163 +10,14 @@ export declare const createSpineItem: ({ item, context, containerElement, iframe
     hooks$: BehaviorSubject<Hook[]>;
     viewportState$: Observable<`free` | `busy`>;
 }) => {
-    layout: (layoutInformation: {
-        blankPagePosition: "after" | "before" | "none";
+    layout: ({ blankPagePosition, minimumWidth, spreadPosition }: {
+        blankPagePosition: "before" | "after" | "none";
         minimumWidth: number;
-        spreadPosition: "right" | "left" | "none";
+        spreadPosition: "none" | "right" | "left";
     }) => {
         width: number;
         height: number;
     };
-    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;
-    isReflowable: boolean;
-    getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
-    getViewPortInformation: () => {
-        computedScale: number;
-        computedWidthScale: number;
-        viewportDimensions: {
-            width: number;
-            height: number;
-        };
-    } | {
-        width?: number | undefined;
-        height?: number | undefined;
-        computedScale: number;
-        computedWidthScale: number;
-        viewportDimensions?: undefined;
-    };
-    isImageType: () => boolean;
-    isReady: () => boolean;
-    destroy: () => void;
-    isUsingVerticalWriting: () => boolean | undefined;
-    getReadingDirection: () => "ltr" | "rtl" | undefined;
-    manipulateSpineItem: (cb: (options: {
-        container: HTMLElement;
-        item: {
-            id: string;
-            href: string;
-            path: 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;
-    executeOnLayoutBeforeMeasurmentHook: (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;
-        }>;
-    };
-    $: {
-        contentLayout$: Observable<{
-            isFirstLayout: boolean;
-            isReady: boolean;
-        }>;
-        loaded$: Observable<HTMLIFrameElement>;
-        isReady$: Observable<boolean>;
-    };
     item: {
         id: string;
         href: string;
@@ -182,15 +28,6 @@ export declare const createSpineItem: ({ item, context, containerElement, iframe
         pageSpreadRight: true | undefined;
         mediaType?: string | undefined;
     };
-} | {
-    isReflowable: boolean;
-    layout: ({ blankPagePosition, minimumWidth }: {
-        blankPagePosition: "after" | "before" | "none";
-        minimumWidth: number;
-    }) => {
-        width: number;
-        height: number;
-    };
     load: () => void;
     adjustPositionOfElement: ({ right, left, top }: {
         right?: number | undefined;
@@ -260,13 +97,7 @@ export declare const createSpineItem: ({ item, context, containerElement, iframe
             width: number;
             height: number;
         };
-    } | {
-        width?: number | undefined;
-        height?: number | undefined;
-        computedScale: number;
-        computedWidthScale: number;
-        viewportDimensions?: undefined;
-    };
+    } | undefined;
     isImageType: () => boolean;
     isReady: () => boolean;
     destroy: () => void;
@@ -294,7 +125,7 @@ export declare const createSpineItem: ({ item, context, containerElement, iframe
         removeStyle: (id: string) => void;
         addStyle: (id: string, style: string) => void;
     })) => boolean) => boolean;
-    executeOnLayoutBeforeMeasurmentHook: (options: {
+    executeOnLayoutBeforeMeasurementHook: (options: {
         minimumWidth: number;
     }) => void;
     selectionTracker: {
@@ -331,6 +162,15 @@ export declare const createSpineItem: ({ item, context, containerElement, iframe
             data: undefined;
         }>;
     };
+    getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
+        columnHeight: number;
+        columnWidth: number;
+        width: number;
+    };
+    getDimensionsForPaginatedContent: () => {
+        columnHeight: number;
+        columnWidth: number;
+    };
     $: {
         contentLayout$: Observable<{
             isFirstLayout: boolean;
@@ -339,14 +179,5 @@ export declare const createSpineItem: ({ item, context, containerElement, iframe
         loaded$: Observable<HTMLIFrameElement>;
         isReady$: Observable<boolean>;
     };
-    item: {
-        id: string;
-        href: string;
-        path: string;
-        renditionLayout: "reflowable" | "pre-paginated";
-        progressionWeight: number;
-        pageSpreadLeft: true | undefined;
-        pageSpreadRight: true | undefined;
-        mediaType?: string | undefined;
-    };
 };
+export declare type SpineItem = ReturnType<typeof createSpineItem>;

package/dist/spineItem/prePaginatedSpineItem.d.ts

@@ -10,7 +10,7 @@ export declare const createPrePaginatedSpineItem: ({ item, context, containerEle
     hooks$: BehaviorSubject<Hook[]>;
     viewportState$: Observable<`free` | `busy`>;
 }) => {
-    layout: (layoutInformation: {
+    layout: ({ blankPagePosition, minimumWidth, spreadPosition }: {
         blankPagePosition: `before` | `after` | `none`;
         minimumWidth: number;
         spreadPosition: `none` | `left` | `right`;
@@ -18,6 +18,16 @@ export declare const createPrePaginatedSpineItem: ({ item, context, containerEle
         width: number;
         height: number;
     };
+    item: {
+        id: string;
+        href: string;
+        path: 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;
@@ -79,7 +89,6 @@ export declare const createPrePaginatedSpineItem: ({ item, context, containerEle
         };
     };
     element: HTMLElement;
-    isReflowable: boolean;
     getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
     getViewPortInformation: () => {
         computedScale: number;
@@ -88,13 +97,7 @@ export declare const createPrePaginatedSpineItem: ({ item, context, containerEle
             width: number;
             height: number;
         };
-    } | {
-        width?: number | undefined;
-        height?: number | undefined;
-        computedScale: number;
-        computedWidthScale: number;
-        viewportDimensions?: undefined;
-    };
+    } | undefined;
     isImageType: () => boolean;
     isReady: () => boolean;
     destroy: () => void;
@@ -122,7 +125,7 @@ export declare const createPrePaginatedSpineItem: ({ item, context, containerEle
         removeStyle: (id: string) => void;
         addStyle: (id: string, style: string) => void;
     })) => boolean) => boolean;
-    executeOnLayoutBeforeMeasurmentHook: (options: {
+    executeOnLayoutBeforeMeasurementHook: (options: {
         minimumWidth: number;
     }) => void;
     selectionTracker: {
@@ -159,6 +162,15 @@ export declare const createPrePaginatedSpineItem: ({ item, context, containerEle
             data: undefined;
         }>;
     };
+    getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
+        columnHeight: number;
+        columnWidth: number;
+        width: number;
+    };
+    getDimensionsForPaginatedContent: () => {
+        columnHeight: number;
+        columnWidth: number;
+    };
     $: {
         contentLayout$: Observable<{
             isFirstLayout: boolean;

package/dist/spineItem/reflowableSpineItem.d.ts

@@ -10,7 +10,6 @@ export declare const createReflowableSpineItem: ({ item, context, containerEleme
     hooks$: BehaviorSubject<Hook[]>;
     viewportState$: Observable<`free` | `busy`>;
 }) => {
-    isReflowable: boolean;
     layout: ({ blankPagePosition, minimumWidth }: {
         blankPagePosition: `before` | `after` | `none`;
         minimumWidth: number;
@@ -18,6 +17,16 @@ export declare const createReflowableSpineItem: ({ item, context, containerEleme
         width: number;
         height: number;
     };
+    item: {
+        id: string;
+        href: string;
+        path: 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;
@@ -87,13 +96,7 @@ export declare const createReflowableSpineItem: ({ item, context, containerEleme
             width: number;
             height: number;
         };
-    } | {
-        width?: number | undefined;
-        height?: number | undefined;
-        computedScale: number;
-        computedWidthScale: number;
-        viewportDimensions?: undefined;
-    };
+    } | undefined;
     isImageType: () => boolean;
     isReady: () => boolean;
     destroy: () => void;
@@ -121,7 +124,7 @@ export declare const createReflowableSpineItem: ({ item, context, containerEleme
         removeStyle: (id: string) => void;
         addStyle: (id: string, style: string) => void;
     })) => boolean) => boolean;
-    executeOnLayoutBeforeMeasurmentHook: (options: {
+    executeOnLayoutBeforeMeasurementHook: (options: {
         minimumWidth: number;
     }) => void;
     selectionTracker: {
@@ -158,6 +161,15 @@ export declare const createReflowableSpineItem: ({ item, context, containerEleme
             data: undefined;
         }>;
     };
+    getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
+        columnHeight: number;
+        columnWidth: number;
+        width: number;
+    };
+    getDimensionsForPaginatedContent: () => {
+        columnHeight: number;
+        columnWidth: number;
+    };
     $: {
         contentLayout$: Observable<{
             isFirstLayout: boolean;

package/dist/spineItem/styles/getStyleForViewportDocument.d.ts

@@ -0,0 +1 @@
+export declare const getStyleForViewportDocument: () => string;