@prose-reader/core 1.261.0 → 1.263.0

package/dist/createReaderWithEnhancer.d.ts

@@ -57,7 +57,7 @@ export declare const createReaderWithEnhancers: (options: Partial< CoreInputSett
         scrollNavigationController: ScrollNavigationController;
         controlledNavigationController: ControlledNavigationController;
         locker: Locker;
-        viewportState$: Observable<"free" | "busy">;
+        navigationState$: Observable<"free" | "busy">;
         navigate: (to: UserNavigationEntry) => void;
         lock(): () => void;
         navigationResolver: {
@@ -145,6 +145,7 @@ export declare const createReaderWithEnhancers: (options: Partial< CoreInputSett
 }, "load"> & NavigationEnhancerOutput & ZoomEnhancerOutput & {
     utils: {
         isOrIsWithinValidLink: (target: Event[`target`]) => boolean;
+        injectScopedCSS: (doc: Document, scope: string, styleTemplate: string) => () => void;
     };
 }, "settings"> & {
     settings: SettingsInterface< CoreInputSettings & EnhancerLayoutInputSettings & EnhancerFontsInputSettings, EnhancerFontsInputSettings & EnhancerLayoutInputSettings & CoreInputSettings & ComputedCoreSettings>;

package/dist/enhancers/navigation/navigators/panNavigator.d.ts

@@ -1,20 +1,28 @@
 import { Reader } from '../../../reader';
-import { SpinePosition } from '../../../spine/types';
-export declare class PanNavigator {
-    protected reader: Reader;
+import { SpinePosition, UnboundSpinePosition } from '../../../spine/types';
+import { ReactiveEntity } from '../../../utils/ReactiveEntity';
+export declare class PanNavigator extends ReactiveEntity<{
     lastDelta: {
         x: number;
         y: number;
     };
-    lastPosition: SpinePosition;
+    lastPosition: SpinePosition | UnboundSpinePosition;
     lastStartPosition: SpinePosition;
+    isStarted: boolean;
+}> {
+    protected reader: Reader;
     unlock: ReturnType<Reader["navigation"]["lock"]> | undefined;
     constructor(reader: Reader);
-    moveTo(delta: {
+    start(delta: {
         x: number;
         y: number;
-    } | undefined, { final, start }?: {
-        start?: boolean;
-        final?: boolean;
     }): void;
+    stop(delta: {
+        x: number;
+        y: number;
+    }): void;
+    panMoveTo(delta: {
+        x: number;
+        y: number;
+    } | undefined): void;
 }

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

@@ -13,7 +13,7 @@ export type NavigationEnhancerOutput = {
             duration: number;
             trigger: Observable<T>;
         }) => Observable<T>;
-        moveTo: PanNavigator["moveTo"];
+        panNavigator: PanNavigator;
         turnTop: ManualNavigator["turnTop"];
         turnBottom: ManualNavigator["turnBottom"];
         turnLeftOrTop: ManualNavigator["turnLeftOrTop"];

package/dist/enhancers/utils.d.ts

@@ -2,5 +2,6 @@ import { EnhancerOutput, RootEnhancer } from './types/enhancer';
 export declare const utilsEnhancer: <InheritOptions, InheritOutput extends EnhancerOutput<RootEnhancer>>(next: (options: InheritOptions) => InheritOutput) => (options: InheritOptions) => InheritOutput & {
     utils: {
         isOrIsWithinValidLink: (target: Event[`target`]) => boolean;
+        injectScopedCSS: (doc: Document, scope: string, styleTemplate: string) => () => void;
     };
 };

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

@@ -1,14 +1,12 @@
 import { ObservedValueOf } from 'rxjs';
 import { Reader } from '../../reader';
 import { ReactiveEntity } from '../../utils/ReactiveEntity';
+import { ZoomPosition } from './types';
 import { ScrollNavigationController } from '../..';
 export type ZoomControllerState = {
     isZooming: boolean;
     currentScale: number;
-    currentPosition: {
-        x: number;
-        y: number;
-    };
+    currentPosition: ZoomPosition;
 };
 export declare class ZoomController extends ReactiveEntity<ZoomControllerState> {
     protected reader: Reader;
@@ -20,11 +18,14 @@ export declare class ZoomController extends ReactiveEntity<ZoomControllerState>
     move(position: {
         x: number;
         y: number;
+    }, options?: {
+        constrain?: "within-viewport";
     }): void;
-    scaleAt(userScale: number): void;
-    protected updateZoom(scale: number, position?: {
-        x: number;
-        y: number;
+    scaleAt(userScale: number, options?: {
+        constrain?: "within-viewport";
+    }): void;
+    protected updateZoom(scale: number, position?: ZoomPosition, options?: {
+        constraints?: (position: ZoomPosition, scale: number) => ZoomPosition;
     }): void;
     protected applyZoom(scale: number, position: {
         x: number;

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

@@ -0,0 +1,6 @@
+import { Viewport } from '../../viewport/Viewport';
+import { ZoomPosition } from './types';
+export declare const constrainPositionWithinViewport: (position: ZoomPosition, scale: number, viewport: Viewport) => {
+    x: number;
+    y: number;
+};

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

@@ -1,5 +1,4 @@
 import { UnboundScrollPosition } from '../../navigation/controllers/ScrollNavigationController';
 import { Reader } from '../../reader';
-import { UnboundSpinePosition } from '../..';
 export declare const adjustScrollToKeepContentCentered: (scrollContainer: HTMLElement, fromScale: number, toScale: number, marginX: number, marginY: number) => UnboundScrollPosition;
-export declare const deriveSpinePositionFromScale: (scale: number, reader: Reader) => UnboundSpinePosition;
+export declare const applyScaleToViewportForScroll: (scale: number, reader: Reader) => void;

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

@@ -1,5 +1,9 @@
 import { Observable } from 'rxjs';
 import { ZoomControllerState } from './ZoomController';
+export type ZoomPosition = {
+    x: number;
+    y: number;
+};
 export type ZoomEnhancerOutput = {
     zoom: {
         enter: (params?: {
@@ -10,11 +14,12 @@ export type ZoomEnhancerOutput = {
         exit: (options?: {
             animate?: boolean;
         }) => void;
-        move: (position: {
-            x: number;
-            y: number;
+        move: (position: ZoomPosition, options?: {
+            constrain?: "within-viewport";
+        }) => void;
+        scaleAt: (scale: number, options?: {
+            constrain?: "within-viewport";
         }) => void;
-        scaleAt: (scale: number) => void;
         state$: Observable<ZoomControllerState>;
         get state(): ZoomControllerState;
     };