@prose-reader/core 1.241.0 → 1.243.0

package/dist/constants.d.ts

@@ -3,3 +3,5 @@ export declare const VIEWPORT_ADJUSTMENT_THROTTLE = 0;
 export declare const PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE = 200;
 export declare const ITEM_EXTENSION_VALID_FOR_FRAME_SRC: string[];
 export declare const HTML_PREFIX = "prose-reader";
+export declare const HTML_ATTRIBUTE_DATA_READER_ID = "data-prose-reader-id";
+export declare const HTML_ATTRIBUTE_VIEWPORT_CLASSNAME = "prose-reader-viewport";

package/dist/createReaderWithEnhancer.d.ts

@@ -22,6 +22,7 @@ export declare const createReaderWithEnhancers: (options: Partial< CoreInputSett
         };
     }) => HTMLElement;
 }) => Omit<Omit<Omit<Omit<{
+    id: `${string}-${string}-${string}-${string}-${string}`;
     context: Context;
     spine: Spine;
     hookManager: HookManager<CoreHook>;
@@ -75,6 +76,7 @@ export declare const createReaderWithEnhancers: (options: Partial< CoreInputSett
             getNavigationForPosition: (viewportPosition: SpinePosition | UnboundSpinePosition) => SpinePosition;
             getMostPredominantNavigationForPosition: (viewportPosition: SpinePosition) => SpinePosition;
             fromUnboundSpinePosition: (position: SpinePosition | UnboundSpinePosition) => SpinePosition;
+            fromOutOfBoundsSpinePosition: (position: SpinePosition | UnboundSpinePosition) => SpinePosition | UnboundSpinePosition;
             isNavigationGoingForwardFrom: (to: SpinePosition, from: SpinePosition) => boolean;
             arePositionsDifferent: (a: {
                 x: number;

package/dist/enhancers/layout/types.d.ts

@@ -3,6 +3,5 @@ export type EnhancerLayoutInputSettings = {
     pageVerticalMargin: number;
     layoutAutoResize: `container` | false;
     layoutLayerTransition: boolean;
-    viewportMode: `normal` | `thumbnails`;
 };
 export type OutputSettings = EnhancerLayoutInputSettings;

package/dist/enhancers/zoom/ControlledZoomController.d.ts

@@ -0,0 +1,19 @@
+import { Reader } from '../../reader';
+import { ZoomController } from './ZoomController';
+export declare class ControlledZoomController extends ZoomController {
+    constructor(reader: Reader);
+    enter({ element, scale, animate, }?: {
+        element?: HTMLImageElement;
+        scale?: number;
+        animate?: boolean;
+    }): void;
+    exit(): void;
+    moveAt(position: {
+        x: number;
+        y: number;
+    }): void;
+    protected setElementScale(element: HTMLDivElement, scale: number): void;
+    protected setViewportScale(scale: number): void;
+    protected setScale(userScale: number): void;
+    scaleAt(userScale: number): void;
+}

package/dist/enhancers/zoom/ScrollableZoomer.d.ts

@@ -1,15 +1,14 @@
-import { BehaviorSubject } from 'rxjs';
 import { ZoomController } from './ZoomController';
-export declare class ScrollableZoomer extends ZoomController {
-    element: HTMLDivElement | undefined;
-    isZooming$: BehaviorSubject<boolean>;
-    currentScale: number;
-    currentPosition: {
-        x: number;
-        y: number;
-    };
-    enter(): void;
+export declare const adjustScrollToKeepContentCentered: (scrollContainer: HTMLElement, fromScale: number, toScale: number, marginX: number, marginY: number) => {
+    newScrollLeft: number;
+    newScrollTop: number;
+};
+export declare class ScrollableZoomController extends ZoomController {
+    enter({ scale }?: {
+        scale?: number;
+    }): void;
     exit(): void;
     moveAt(): void;
+    protected setScale(scale: number): void;
     scaleAt(userScale: number): void;
 }

package/dist/enhancers/zoom/ZoomController.d.ts

@@ -1,20 +1,26 @@
-import { BehaviorSubject } from 'rxjs';
 import { Reader } from '../../reader';
-export declare abstract class ZoomController {
+import { ReactiveEntity } from '../../utils/ReactiveEntity';
+export type ZoomControllerState = {
+    element: HTMLDivElement | undefined;
+    isZooming: boolean;
+    currentScale: number;
+    currentPosition: {
+        x: number;
+        y: number;
+    };
+};
+export declare abstract class ZoomController extends ReactiveEntity<ZoomControllerState> {
     protected reader: Reader;
     constructor(reader: Reader);
-    abstract enter(element?: HTMLImageElement): void;
+    abstract enter(params?: {
+        element?: HTMLImageElement;
+        scale?: number;
+        animate?: boolean;
+    }): void;
     abstract exit(): void;
     abstract moveAt(position: {
         x: number;
         y: number;
     }): void;
     abstract scaleAt(scale: number): void;
-    abstract element: HTMLDivElement | undefined;
-    abstract isZooming$: BehaviorSubject<boolean>;
-    abstract currentScale: number;
-    abstract currentPosition: {
-        x: number;
-        y: number;
-    };
 }

package/dist/enhancers/zoom/types.d.ts

@@ -1,20 +1,19 @@
 import { Observable } from 'rxjs';
+import { ZoomControllerState } from './ZoomController';
 export type ZoomEnhancerOutput = {
     zoom: {
-        enter: (imgElement?: HTMLImageElement) => void;
+        enter: (params?: {
+            element?: HTMLImageElement;
+            scale?: number;
+            animate?: boolean;
+        }) => void;
         exit: () => void;
         moveAt: (position: {
             x: number;
             y: number;
         }) => void;
         scaleAt: (scale: number) => void;
-        currentScale: number;
-        currentPosition: {
-            x: number;
-            y: number;
-        };
-        zoomContainerElement: HTMLDivElement | undefined;
-        isZooming$: Observable<boolean>;
-        isZooming: boolean;
+        state$: Observable<ZoomControllerState>;
+        get state(): ZoomControllerState;
     };
 };

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export type CreateReaderOptions = Parameters<typeof createReader>[0];
 export { createReader };
 export type Reader = ReturnType<typeof createReader>;
 export * from './cfi';
+export * from './constants';
 export * from './context/Context';
 export type { EnhancerFontsInputSettings } from './enhancers/fonts';
 export * from './enhancers/html/enhancer';
@@ -39,7 +40,7 @@ export * from './spineItem/types';
 export * from './utils/DestroyableClass';
 export { isHtmlElement, isHtmlTagElement } from './utils/dom';
 export * from './utils/frames';
-export { isShallowEqual } from './utils/objects';
+export * from './utils/objects';
+export * from './utils/ReactiveEntity';
 export * from './utils/rxjs';
-export { waitForSwitch } from './utils/rxjs';
 export * from './viewport/Viewport';