@prose-reader/core 1.200.0 → 1.202.0

package/dist/context/Context.d.ts

@@ -1,9 +1,10 @@
 import { Manifest } from '@prose-reader/shared';
-import { BehaviorSubject, Subject } from 'rxjs';
-import { AbsoluteViewport, RelativeViewport } from '../viewport/types';
+import { Subject } from 'rxjs';
+import { ReactiveEntity } from '../utils/ReactiveEntity';
 import { BridgeEvent } from './BridgeEvent';
 export type ContextState = {
     containerElement?: HTMLElement;
+    rootElement?: HTMLElement;
     manifest?: Manifest;
     hasVerticalWriting?: boolean;
     isUsingSpreadMode?: boolean;
@@ -20,8 +21,7 @@ export type ContextState = {
         y: number;
     };
 };
-export declare class Context {
-    _stateSubject: BehaviorSubject<ContextState>;
+export declare class Context extends ReactiveEntity<ContextState> {
     bridgeEvent: BridgeEvent;
     destroy$: Subject<void>;
     state$: import('rxjs').Observable<ContextState>;
@@ -29,6 +29,7 @@ export declare class Context {
     containerElement$: import('rxjs').Observable<HTMLElement>;
     hasVerticalWriting$: import('rxjs').Observable<boolean>;
     isUsingSpreadMode$: import('rxjs').Observable<boolean | undefined>;
+    constructor();
     update(newState: Partial<ContextState>): void;
     isRTL: () => boolean;
     get state(): ContextState;
@@ -38,7 +39,4 @@ export declare class Context {
         width: number;
         height: number;
     };
-    get absoluteViewport(): AbsoluteViewport;
-    get relativeViewport(): RelativeViewport;
-    destroy: () => void;
 }

package/dist/createReaderWithEnhancer.d.ts

@@ -1,5 +1,5 @@
-export declare const createReaderWithEnhancers: (options: Partial<import('./settings/types').CoreInputSettings> & Partial<import('./enhancers/layoutEnhancer/types').InputSettings> & {
-    theme?: import('./enhancers/theme').Theme;
+export declare const createReaderWithEnhancers: (options: Partial<import('./settings/types').CoreInputSettings> & Partial<import('./enhancers/layout/types').InputSettings> & {
+    theme?: import('.').Theme;
 } & Partial<import('./enhancers/fonts/types').InputSettings> & {
     loadingElementCreate?: (options: {
         container: HTMLElement;
@@ -50,15 +50,18 @@ export declare const createReaderWithEnhancers: (options: Partial<import('./sett
         } | undefined;
     };
     navigation: {
-        viewportBusy$: import('rxjs').Observable<"busy">;
-        getViewportPosition: () => import('./spine/types').SpinePosition;
+        destroy: () => void;
         getNavigation: () => import('./navigation/InternalNavigator').InternalNavigationEntry;
-        getElement: () => HTMLElement;
-        navigate: (to: import('./navigation/UserNavigator').UserNavigationEntry) => void;
-        lock: () => () => void;
+        internalNavigator: import('./navigation/InternalNavigator').InternalNavigator;
+        scrollNavigationController: import('./navigation/controllers/ScrollNavigationController').ScrollNavigationController;
+        controlledNavigationController: import('./navigation/controllers/ControlledNavigationController').ControlledNavigationController;
+        locker: import('./navigation/Locker').Locker;
+        viewportState$: import('rxjs').Observable<"free" | "busy">;
+        navigate: (to: import('./navigation/types').UserNavigationEntry) => void;
+        lock(): () => void;
         navigationResolver: {
             getNavigationForUrl: (url: string | URL) => {
-                position: import('./navigation/viewport/ViewportNavigator').DeprecatedViewportPosition;
+                position: import('./navigation/controllers/ControlledNavigationController').DeprecatedViewportPosition;
                 spineItemId: string;
             } | undefined;
             getNavigationForSpineItemPage: (params: Omit<Parameters<typeof import('./navigation/resolvers/getNavigationForSpineItemPage').getNavigationForSpineItemPage>[0], "context" | "spineItemsManager" | "spineItemNavigationResolver" | "spineLocator">) => import('./spine/types').SpinePosition;
@@ -66,13 +69,13 @@ export declare const createReaderWithEnhancers: (options: Partial<import('./sett
                 spineItemPosition: import('./spineItem/types').SpineItemPosition;
                 spineItem: import('.').SpineItem;
             }) => import('./spine/types').SpinePosition;
-            getNavigationForCfi: (cfi: string) => import('./navigation/viewport/ViewportNavigator').DeprecatedViewportPosition | undefined;
-            getNavigationForLastPage: (spineItem: import('.').SpineItem) => import('./navigation/viewport/ViewportNavigator').DeprecatedViewportPosition;
-            getNavigationForSpineIndexOrId: (indexOrId: number | string | import('.').SpineItem) => import('./navigation/viewport/ViewportNavigator').DeprecatedViewportPosition;
-            getNavigationForPosition: (viewportPosition: import('./navigation/viewport/ViewportNavigator').DeprecatedViewportPosition | import('./spine/types').SpinePosition) => import('./spine/types').SpinePosition;
-            getMostPredominantNavigationForPosition: (viewportPosition: import('./navigation/viewport/ViewportNavigator').DeprecatedViewportPosition) => import('./navigation/viewport/ViewportNavigator').DeprecatedViewportPosition;
-            getAdjustedPositionWithSafeEdge: (position: import('./navigation/viewport/ViewportNavigator').DeprecatedViewportPosition | import('./spine/types').SpinePosition) => import('./spine/types').SpinePosition;
-            isNavigationGoingForwardFrom: (to: import('./navigation/viewport/ViewportNavigator').DeprecatedViewportPosition, from: import('./navigation/viewport/ViewportNavigator').DeprecatedViewportPosition) => boolean;
+            getNavigationForCfi: (cfi: string) => import('./navigation/controllers/ControlledNavigationController').DeprecatedViewportPosition | undefined;
+            getNavigationForLastPage: (spineItem: import('.').SpineItem) => import('./navigation/controllers/ControlledNavigationController').DeprecatedViewportPosition;
+            getNavigationForSpineIndexOrId: (indexOrId: number | string | import('.').SpineItem) => import('./navigation/controllers/ControlledNavigationController').DeprecatedViewportPosition;
+            getNavigationForPosition: (viewportPosition: import('./navigation/controllers/ControlledNavigationController').DeprecatedViewportPosition | import('./spine/types').SpinePosition) => import('./spine/types').SpinePosition;
+            getMostPredominantNavigationForPosition: (viewportPosition: import('./navigation/controllers/ControlledNavigationController').DeprecatedViewportPosition) => import('./navigation/controllers/ControlledNavigationController').DeprecatedViewportPosition;
+            getAdjustedPositionWithSafeEdge: (position: import('./navigation/controllers/ControlledNavigationController').DeprecatedViewportPosition | import('./spine/types').SpinePosition) => import('./spine/types').SpinePosition;
+            isNavigationGoingForwardFrom: (to: import('./navigation/controllers/ControlledNavigationController').DeprecatedViewportPosition, from: import('./navigation/controllers/ControlledNavigationController').DeprecatedViewportPosition) => boolean;
             arePositionsDifferent: (a: {
                 x: number;
                 y: number;
@@ -80,13 +83,17 @@ export declare const createReaderWithEnhancers: (options: Partial<import('./sett
                 x: number;
                 y: number;
             }) => boolean;
-            getAdjustedPositionForSpread: (position: import('./navigation/viewport/ViewportNavigator').DeprecatedViewportPosition | import('./spine/types').SpinePosition) => import('./spine/types').SpinePosition;
+            getAdjustedPositionForSpread: (position: import('./navigation/controllers/ControlledNavigationController').DeprecatedViewportPosition | import('./spine/types').SpinePosition) => import('./spine/types').SpinePosition;
             spineItemNavigator: {
                 getNavigationForLastPage: (spineItem: import('.').SpineItem) => import('./spineItem/types').SpineItemPosition;
                 getNavigationForPosition: (spineItem: import('.').SpineItem, position: import('./spineItem/types').SpineItemPosition) => import('./spineItem/types').SpineItemPosition;
                 getNavigationFromNode: (spineItem: import('.').SpineItem, node: Node, offset: number) => import('./spineItem/types').SpineItemPosition;
             };
         };
+        navigation$: import('rxjs').Observable<{
+            position: import('./spine/types').SpinePosition;
+            id: symbol;
+        }>;
     };
     spineItemsObserver: import('./spine/SpineItemsObserver').SpineItemsObserver;
     spineItemsManager: import('./spine/SpineItemsManager').SpineItemsManager;
@@ -98,6 +105,7 @@ export declare const createReaderWithEnhancers: (options: Partial<import('./sett
         state$: import('rxjs').Observable<import('./pagination/Pagination').PaginationInfo>;
     };
     settings: import('./settings/SettingsInterface').SettingsInterface<NonNullable<import('./settings/types').CoreInputSettings>, NonNullable<import('./settings/types').CoreOutputSettings | undefined>>;
+    viewport: import('./viewport/Viewport').Viewport;
     element$: import('rxjs').Observable<HTMLElement>;
     viewportState$: import('rxjs').Observable<"free" | "busy">;
     viewportFree$: import('rxjs').Observable<"free">;
@@ -111,8 +119,8 @@ export declare const createReaderWithEnhancers: (options: Partial<import('./sett
         }>;
         destroy$: import('rxjs').Subject<void>;
     };
-}, "settings"> & import('./enhancers/layoutEnhancer/layoutEnhancer').LayoutEnhancerOutput & {
-    settings: import('./settings/SettingsInterface').SettingsInterface<import('./settings/types').CoreInputSettings & import('./enhancers/layoutEnhancer/types').InputSettings, import('./enhancers/layoutEnhancer/types').InputSettings & import('./settings/types').CoreInputSettings & import('./settings/types').ComputedCoreSettings>;
+}, "settings"> & import('./enhancers/layout/layoutEnhancer').LayoutEnhancerOutput & {
+    settings: import('./settings/SettingsInterface').SettingsInterface<import('./settings/types').CoreInputSettings & import('./enhancers/layout/types').InputSettings, import('./enhancers/layout/types').InputSettings & import('./settings/types').CoreInputSettings & import('./settings/types').ComputedCoreSettings>;
 }, "pagination"> & {
     pagination: Omit<{
         getState: () => import('./pagination/Pagination').PaginationInfo;
@@ -125,10 +133,10 @@ export declare const createReaderWithEnhancers: (options: Partial<import('./sett
     };
 } & {
     theme: {
-        set: (theme: import('./enhancers/theme').Theme) => void;
-        get: () => import('./enhancers/theme').Theme;
+        set: (theme: import('.').Theme) => void;
+        get: () => import('.').Theme;
         $: {
-            theme$: import('rxjs').Observable<import('./enhancers/theme').Theme>;
+            theme$: import('rxjs').Observable<import('.').Theme>;
         };
     };
 } & {
@@ -138,7 +146,7 @@ export declare const createReaderWithEnhancers: (options: Partial<import('./sett
         isOrIsWithinValidLink: (target: Event[`target`]) => boolean;
     };
 }, "settings"> & {
-    settings: import('./settings/SettingsInterface').SettingsInterface<import('./settings/types').CoreInputSettings & import('./enhancers/layoutEnhancer/types').InputSettings & import('./enhancers/fonts/types').InputSettings, import('./enhancers/fonts/types').InputSettings & import('./enhancers/layoutEnhancer/types').InputSettings & import('./settings/types').CoreInputSettings & import('./settings/types').ComputedCoreSettings>;
+    settings: import('./settings/SettingsInterface').SettingsInterface<import('./settings/types').CoreInputSettings & import('./enhancers/layout/types').InputSettings & import('./enhancers/fonts/types').InputSettings, import('./enhancers/fonts/types').InputSettings & import('./enhancers/layout/types').InputSettings & import('./settings/types').CoreInputSettings & import('./settings/types').ComputedCoreSettings>;
 } & {
     loading: {
         $: {

package/dist/enhancers/{layoutEnhancer → layout}/types.d.ts

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

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

@@ -0,0 +1,3 @@
+import { Observable } from 'rxjs';
+import { Reader } from '../../reader';
+export declare const createViewportModeHandler: (reader: Reader, viewportMode$: Observable<`normal` | `thumbnails`>) => Observable<"normal" | "thumbnails">;

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

@@ -1,4 +1,4 @@
-import { UserNavigationEntry } from '../../../navigation/UserNavigator';
+import { UserNavigationEntry } from '../../../navigation/types';
 import { Reader } from '../../../reader';
 import { SpinePosition } from '../../../spine/types';
 export declare class ManualNavigator {

package/dist/enhancers/navigation/resolvers/getNavigationForLeftOrTopPage.d.ts

@@ -1,6 +1,6 @@
 import { Context } from '../../../context/Context';
+import { DeprecatedViewportPosition } from '../../../navigation/controllers/ControlledNavigationController';
 import { NavigationResolver } from '../../../navigation/resolvers/NavigationResolver';
-import { DeprecatedViewportPosition } from '../../../navigation/viewport/ViewportNavigator';
 import { SpineItemsManager } from '../../../spine/SpineItemsManager';
 import { SpineLocator } from '../../../spine/locator/SpineLocator';
 import { SpinePosition } from '../../../spine/types';

package/dist/enhancers/navigation/resolvers/getNavigationForLeftSinglePage.d.ts

@@ -1,6 +1,6 @@
 import { Context } from '../../../context/Context';
+import { DeprecatedViewportPosition } from '../../../navigation/controllers/ControlledNavigationController';
 import { NavigationResolver } from '../../../navigation/resolvers/NavigationResolver';
-import { DeprecatedViewportPosition } from '../../../navigation/viewport/ViewportNavigator';
 import { SpineItemsManager } from '../../../spine/SpineItemsManager';
 import { SpineLocator } from '../../../spine/locator/SpineLocator';
 import { SpinePosition } from '../../../spine/types';

package/dist/enhancers/navigation/resolvers/getNavigationForRightOrBottomPage.d.ts

@@ -1,6 +1,6 @@
 import { Context } from '../../../context/Context';
+import { DeprecatedViewportPosition } from '../../../navigation/controllers/ControlledNavigationController';
 import { NavigationResolver } from '../../../navigation/resolvers/NavigationResolver';
-import { DeprecatedViewportPosition } from '../../../navigation/viewport/ViewportNavigator';
 import { SpineItemsManager } from '../../../spine/SpineItemsManager';
 import { SpineLocator } from '../../../spine/locator/SpineLocator';
 import { SpinePosition } from '../../../spine/types';

package/dist/enhancers/navigation/resolvers/getNavigationForRightSinglePage.d.ts

@@ -1,6 +1,6 @@
 import { Context } from '../../../context/Context';
+import { DeprecatedViewportPosition } from '../../../navigation/controllers/ControlledNavigationController';
 import { NavigationResolver } from '../../../navigation/resolvers/NavigationResolver';
-import { DeprecatedViewportPosition } from '../../../navigation/viewport/ViewportNavigator';
 import { SpineItemsManager } from '../../../spine/SpineItemsManager';
 import { SpineLocator } from '../../../spine/locator/SpineLocator';
 import { SpinePosition } from '../../../spine/types';

package/dist/enhancers/pagination/enhancer.d.ts

@@ -1,6 +1,6 @@
 import { Observable } from 'rxjs';
 import { PaginationInfo } from '../../pagination/Pagination';
-import { LayoutEnhancerOutput } from '../layoutEnhancer/layoutEnhancer';
+import { LayoutEnhancerOutput } from '../layout/layoutEnhancer';
 import { EnhancerOutput, RootEnhancer } from '../types/enhancer';
 import { ConsolidatedResource, LocatableResource } from './locate';
 import { ExtraPaginationInfo } from './types';

package/dist/enhancers/pagination/pagination.d.ts

@@ -1,7 +1,7 @@
 import { Observable, ObservedValueOf } from 'rxjs';
 import { PaginationInfo } from '../../pagination/Pagination';
 import { Reader } from '../../reader';
-import { LayoutEnhancerOutput } from '../layoutEnhancer/layoutEnhancer';
+import { LayoutEnhancerOutput } from '../layout/layoutEnhancer';
 import { trackChapterInfo } from './chapters';
 import { EnhancerPaginationInto, ExtraPaginationInfo } from './types';
 export declare const mapPaginationInfoToExtendedInfo: (reader: Reader, paginationInfo: PaginationInfo, chaptersInfo: ObservedValueOf<ReturnType<typeof trackChapterInfo>>, percentageEstimateOfBook: number) => Observable<Omit<ExtraPaginationInfo, "beginAbsolutePageIndex" | "endAbsolutePageIndex" | "beginAbsolutePageIndex" | "numberOfTotalPages">>;

package/dist/enhancers/pagination/progression.d.ts

@@ -1,6 +1,6 @@
 import { Reader } from '../../reader';
 import { SpineItem } from '../../spineItem/SpineItem';
-import { LayoutEnhancerOutput } from '../layoutEnhancer/layoutEnhancer';
+import { LayoutEnhancerOutput } from '../layout/layoutEnhancer';
 export declare const getPercentageEstimate: (reader: Reader & LayoutEnhancerOutput, currentSpineIndex: number, pageIndex: number, currentPosition: {
     x: number;
     y: number;

package/dist/hooks/types.d.ts

@@ -41,11 +41,6 @@ export type CoreHook = {
 } | {
     name: "onViewportOffsetAdjust";
     runFn: (params: undefined) => void;
-} | {
-    name: `navigator.onBeforeContainerCreated`;
-    runFn: (params: {
-        element: HTMLElement;
-    }) => void;
 };
 export type HookExecution<H extends Hook<any, any, any>> = {
     name: string;

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import { createReaderWithEnhancers as createReader } from './createReaderWithEnh
 export type { Manifest } from '@prose-reader/shared';
 export { DocumentRenderer } from './spineItem/renderer/DocumentRenderer';
 export { ResourceHandler } from './spineItem/resources/ResourceHandler';
+export type { Theme } from './enhancers/theme';
 export { HookManager } from './hooks/HookManager';
 export { SettingsManager } from './settings/SettingsManager';
 export type Reader = ReturnType<typeof createReader>;