@prose-reader/core 1.250.0 → 1.252.0

package/dist/constants.d.ts

@@ -3,5 +3,7 @@ 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_STYLE_PREFIX = "prose-reader-style";
 export declare const HTML_ATTRIBUTE_DATA_READER_ID = "data-prose-reader-id";
-export declare const HTML_ATTRIBUTE_VIEWPORT_CLASSNAME = "prose-reader-viewport";
+export declare const HTML_PREFIX_VIEWPORT = "prose-reader-viewport";
+export declare const HTML_PREFIX_SCROLL_NAVIGATOR = "prose-reader-scroll-navigator";

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

@@ -1,7 +1,8 @@
+import { ObservedValueOf } from 'rxjs';
 import { Reader } from '../../reader';
 import { ReactiveEntity } from '../../utils/ReactiveEntity';
+import { ScrollNavigationController } from '../..';
 export type ZoomControllerState = {
-    element: HTMLDivElement | undefined;
     isZooming: boolean;
     currentScale: number;
     currentPosition: {
@@ -9,18 +10,35 @@ export type ZoomControllerState = {
         y: number;
     };
 };
-export declare abstract class ZoomController extends ReactiveEntity<ZoomControllerState> {
+export declare class ZoomController extends ReactiveEntity<ZoomControllerState> {
     protected reader: Reader;
+    private enterSubject;
+    private exitSubject;
     constructor(reader: Reader);
-    abstract enter(params?: {
-        element?: HTMLImageElement;
-        scale?: number;
-        animate?: boolean;
+    enter(options?: ObservedValueOf<typeof this.enterSubject>): void;
+    exit(options?: ObservedValueOf<typeof this.exitSubject>): void;
+    move(position: {
+        x: number;
+        y: number;
+    }): void;
+    scaleAt(userScale: number): void;
+    protected updateZoom(scale: number, position?: {
+        x: number;
+        y: number;
     }): void;
-    abstract exit(): void;
-    abstract moveAt(position: {
+    protected applyZoom(scale: number, position: {
         x: number;
         y: number;
     }): void;
-    abstract scaleAt(scale: number): void;
+    protected get isControlled(): boolean;
+    protected get scrollNavigationController(): ScrollNavigationController;
+    protected get viewport(): {
+        element: HTMLElement;
+        pageSize: {
+            width: number;
+            height: number;
+        };
+        width: number;
+        height: number;
+    };
 }

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

@@ -0,0 +1,11 @@
+export declare const applyViewportTransformForControlledMode: (scale: number, position: {
+    x: number;
+    y: number;
+}, viewportElement: HTMLElement) => void;
+export declare const derivePositionFromScaleForControlledMode: (currentScale: number, userScale: number, viewportElement: HTMLElement, currentPosition: {
+    x: number;
+    y: number;
+}) => {
+    x: number;
+    y: number;
+};

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

@@ -0,0 +1,7 @@
+import { Reader } from '../../reader';
+import { UnboundSpinePosition } from '../..';
+export declare const adjustScrollToKeepContentCentered: (scrollContainer: HTMLElement, fromScale: number, toScale: number, marginX: number, marginY: number) => {
+    newScrollLeft: number;
+    newScrollTop: number;
+};
+export declare const deriveSpinePositionFromScale: (scale: number, reader: Reader) => UnboundSpinePosition;

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

@@ -7,8 +7,10 @@ export type ZoomEnhancerOutput = {
             scale?: number;
             animate?: boolean;
         }) => void;
-        exit: () => void;
-        moveAt: (position: {
+        exit: (options?: {
+            animate?: boolean;
+        }) => void;
+        move: (position: {
             x: number;
             y: number;
         }) => void;