@prose-reader/core 1.191.0 → 1.193.0

package/dist/spineItem/SpineItem.d.ts

@@ -1,8 +1,9 @@
-import { Context } from '../context/Context';
+import { Observable } from 'rxjs';
 import { DestroyableClass, Manifest } from '..';
-import { Observable, ObservedValueOf } from 'rxjs';
-import { ReaderSettingsManager } from '../settings/ReaderSettingsManager';
+import { Context } from '../context/Context';
 import { HookManager } from '../hooks/HookManager';
+import { ReaderSettingsManager } from '../settings/ReaderSettingsManager';
+import { SpineItemLayout } from './SpineItemLayout';
 import { DocumentRenderer } from './renderer/DocumentRenderer';
 import { ResourceHandler } from './resources/ResourceHandler';
 export declare class SpineItem extends DestroyableClass {
@@ -12,27 +13,17 @@ export declare class SpineItem extends DestroyableClass {
     settings: ReaderSettingsManager;
     hookManager: HookManager;
     index: number;
-    private layoutTriggerSubject;
+    private spineItemLayout;
     readonly containerElement: HTMLElement;
     readonly needsLayout$: Observable<unknown>;
     readonly renderer: DocumentRenderer;
     readonly resourcesHandler: ResourceHandler;
-    readonly layout$: Observable<{
-        width: number;
-        height: number;
-    }>;
+    readonly layout$: SpineItemLayout["layout$"];
+    readonly layout: SpineItemLayout["layout"];
+    readonly adjustPositionOfElement: SpineItemLayout["adjustPositionOfElement"];
     readonly isReady$: Observable<boolean>;
     constructor(item: Manifest[`spineItems`][number], parentElement: HTMLElement, context: Context, settings: ReaderSettingsManager, hookManager: HookManager, index: number);
-    adjustPositionOfElement: ({ right, left, top, }: {
-        right?: number;
-        left?: number;
-        top?: number;
-    }) => void;
     getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
-    layout: (params: ObservedValueOf<typeof this.layoutTriggerSubject>) => Observable<{
-        width: number;
-        height: number;
-    }>;
     load: () => void;
     unload: () => void;
     getElementDimensions: () => {

package/dist/spineItem/SpineItemLayout.d.ts

@@ -0,0 +1,40 @@
+import { Manifest } from '@prose-reader/shared';
+import { Observable, ObservedValueOf } from 'rxjs';
+import { Context } from '../context/Context';
+import { HookManager } from '../hooks/HookManager';
+import { DestroyableClass } from '../utils/DestroyableClass';
+import { DocumentRenderer } from './renderer/DocumentRenderer';
+export declare class SpineItemLayout extends DestroyableClass {
+    item: Manifest[`spineItems`][number];
+    containerElement: HTMLElement;
+    context: Context;
+    hookManager: HookManager;
+    renderer: DocumentRenderer;
+    private layoutTriggerSubject;
+    private lastLayout;
+    readonly layout$: Observable<{
+        width: number;
+        height: number;
+    }>;
+    readonly layoutProcess$: Observable<{
+        readonly type: "start";
+    } | {
+        readonly type: "end";
+        readonly data: {
+            width: number;
+            height: number;
+        };
+    }>;
+    constructor(item: Manifest[`spineItems`][number], containerElement: HTMLElement, context: Context, hookManager: HookManager, renderer: DocumentRenderer);
+    private validateDimension;
+    private applyDimsAfterLayout;
+    layout: (params: ObservedValueOf<typeof this.layoutTriggerSubject>) => Observable<{
+        width: number;
+        height: number;
+    }>;
+    adjustPositionOfElement: ({ right, left, top, }: {
+        right?: number;
+        left?: number;
+        top?: number;
+    }) => void;
+}

package/dist/spineItem/renderer/DocumentRenderer.d.ts

@@ -1,10 +1,10 @@
 import { Manifest } from '@prose-reader/shared';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { Context } from '../../context/Context';
 import { HookManager } from '../../hooks/HookManager';
 import { ReaderSettingsManager } from '../../settings/ReaderSettingsManager';
-import { BehaviorSubject, Observable } from 'rxjs';
-import { ResourceHandler } from '../resources/ResourceHandler';
 import { DestroyableClass } from '../../utils/DestroyableClass';
+import { ResourceHandler } from '../resources/ResourceHandler';
 export type DocumentRendererParams = {
     context: Context;
     settings: ReaderSettingsManager;
@@ -21,7 +21,6 @@ type LayoutParams = {
 };
 export declare abstract class DocumentRenderer extends DestroyableClass {
     private triggerSubject;
-    private lastLayoutDims;
     protected context: Context;
     protected settings: ReaderSettingsManager;
     protected hookManager: HookManager;
@@ -53,7 +52,7 @@ export declare abstract class DocumentRenderer extends DestroyableClass {
     layout(params: LayoutParams): Observable<{
         width: number;
         height: number;
-    }>;
+    } | undefined>;
     destroy(): void;
     abstract onRenderHeadless(params: {
         release: Observable<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prose-reader/core",
-  "version": "1.191.0",
+  "version": "1.193.0",
   "type": "module",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",
@@ -23,7 +23,7 @@
     "tsc": "tsc"
   },
   "dependencies": {
-    "@prose-reader/shared": "^1.191.0"
+    "@prose-reader/shared": "^1.193.0"
   },
   "peerDependencies": {
     "rxjs": "*"
@@ -31,5 +31,5 @@
   "devDependencies": {
     "happy-dom": "^17.1.0"
   },
-  "gitHead": "c9eac0806deb21840ae82098f6cf68d535a1a499"
+  "gitHead": "bf39ea1fa624308df2bedd76e41060b94e287fda"
 }