@prose-reader/core 1.40.0 → 1.42.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/dist/index.d.ts +4366 -8
  2. package/dist/{prose.js → index.js} +656 -477
  3. package/dist/index.js.map +1 -0
  4. package/dist/{prose.umd.cjs → index.umd.cjs} +654 -475
  5. package/dist/index.umd.cjs.map +1 -0
  6. package/package.json +7 -7
  7. package/dist/cfi.d.ts +0 -74
  8. package/dist/constants.d.ts +0 -6
  9. package/dist/context.d.ts +0 -44
  10. package/dist/createReaderWithEnhancer.d.ts +0 -5381
  11. package/dist/enhancers/accessibility.d.ts +0 -4890
  12. package/dist/enhancers/chrome.d.ts +0 -4890
  13. package/dist/enhancers/fonts.d.ts +0 -4904
  14. package/dist/enhancers/hotkeys.d.ts +0 -4890
  15. package/dist/enhancers/layoutEnhancer/createMovingSafePan$.d.ts +0 -3
  16. package/dist/enhancers/layoutEnhancer/fixReflowable.d.ts +0 -2
  17. package/dist/enhancers/layoutEnhancer/layoutEnhancer.d.ts +0 -4897
  18. package/dist/enhancers/layoutEnhancer/types.d.ts +0 -8
  19. package/dist/enhancers/links.d.ts +0 -4900
  20. package/dist/enhancers/loadingEnhancer.d.ts +0 -4919
  21. package/dist/enhancers/media.d.ts +0 -4890
  22. package/dist/enhancers/navigation.d.ts +0 -4893
  23. package/dist/enhancers/pagination.d.ts +0 -5279
  24. package/dist/enhancers/progression.d.ts +0 -4903
  25. package/dist/enhancers/resources/index.d.ts +0 -4890
  26. package/dist/enhancers/resources/indexedDB.d.ts +0 -6
  27. package/dist/enhancers/resources/resourcesManager.d.ts +0 -6
  28. package/dist/enhancers/theme.d.ts +0 -4916
  29. package/dist/enhancers/types/enhancer.d.ts +0 -4894
  30. package/dist/enhancers/utils.d.ts +0 -4894
  31. package/dist/enhancers/webkit.d.ts +0 -4890
  32. package/dist/enhancers/zoom/elementZoomer.d.ts +0 -18
  33. package/dist/enhancers/zoom/index.d.ts +0 -4891
  34. package/dist/enhancers/zoom/types.d.ts +0 -22
  35. package/dist/enhancers/zoom/viewportZoomer.d.ts +0 -18
  36. package/dist/frames.d.ts +0 -5
  37. package/dist/pagination.d.ts +0 -65
  38. package/dist/prose.js.map +0 -1
  39. package/dist/prose.umd.cjs.map +0 -1
  40. package/dist/reader.d.ts +0 -4907
  41. package/dist/report.d.ts +0 -26
  42. package/dist/selection.d.ts +0 -6
  43. package/dist/settings.d.ts +0 -39
  44. package/dist/spine/cfiLocator.d.ts +0 -371
  45. package/dist/spine/createSpine.d.ts +0 -29
  46. package/dist/spine/eventsHelper.d.ts +0 -11
  47. package/dist/spine/locationResolver.d.ts +0 -697
  48. package/dist/spine/navigationResolver.d.ts +0 -45
  49. package/dist/spine/types.d.ts +0 -10
  50. package/dist/spineItem/commonSpineItem.d.ts +0 -171
  51. package/dist/spineItem/createSpineItem.d.ts +0 -181
  52. package/dist/spineItem/frameItem/createFrame$.d.ts +0 -1
  53. package/dist/spineItem/frameItem/createFrameManipulator.d.ts +0 -5
  54. package/dist/spineItem/frameItem/createHtmlPageFromResource.d.ts +0 -2
  55. package/dist/spineItem/frameItem/frameItem.d.ts +0 -46
  56. package/dist/spineItem/frameItem/loader.d.ts +0 -27
  57. package/dist/spineItem/locationResolver.d.ts +0 -23
  58. package/dist/spineItem/navigationResolver.d.ts +0 -13
  59. package/dist/spineItem/prePaginatedSpineItem.d.ts +0 -180
  60. package/dist/spineItem/reflowableSpineItem.d.ts +0 -179
  61. package/dist/spineItem/styles/getStyleForViewportDocument.d.ts +0 -1
  62. package/dist/spineItem/trackers.d.ts +0 -34
  63. package/dist/spineItem/types.d.ts +0 -19
  64. package/dist/spineItemManager.d.ts +0 -550
  65. package/dist/types/Hook.d.ts +0 -73
  66. package/dist/types/Spine.d.ts +0 -39
  67. package/dist/types/index.d.ts +0 -11
  68. package/dist/utils/dom.d.ts +0 -19
  69. package/dist/utils/layout.d.ts +0 -7
  70. package/dist/utils/manifest.d.ts +0 -2
  71. package/dist/utils/objects.d.ts +0 -6
  72. package/dist/utils/rxjs.d.ts +0 -4
  73. package/dist/viewportNavigator/manualViewportNavigator.d.ts +0 -1440
  74. package/dist/viewportNavigator/panViewportNavigator.d.ts +0 -215
  75. package/dist/viewportNavigator/scrollViewportNavigator.d.ts +0 -35
  76. package/dist/viewportNavigator/types.d.ts +0 -33
  77. package/dist/viewportNavigator/viewportNavigator.d.ts +0 -71
@@ -1,697 +0,0 @@
1
- import { Context } from "../context";
2
- import { SpineItem } from "../spineItem/createSpineItem";
3
- import { createLocationResolver as createSpineItemLocator } from "../spineItem/locationResolver";
4
- import { SpineItemManager } from "../spineItemManager";
5
- import { SpineItemNavigationPosition, SpineItemPosition, UnsafeSpineItemPosition } from "../spineItem/types";
6
- import { SpinePosition, UnsafeSpinePosition } from "./types";
7
- export declare const createLocationResolver: ({ spineItemManager, context, spineItemLocator, }: {
8
- spineItemManager: SpineItemManager;
9
- context: Context;
10
- spineItemLocator: ReturnType<typeof createSpineItemLocator>;
11
- }) => {
12
- getSpinePositionFromSpineItemPosition: (spineItemPosition: SpineItemNavigationPosition | SpineItemPosition, spineItem: SpineItem) => SpinePosition;
13
- getSpinePositionFromSpineItem: (spineItem: SpineItem) => SpinePosition;
14
- getSpinePositionFromSpineItemAnchor: (anchor: string, spineItem: SpineItem) => SpinePosition;
15
- getSpineItemPositionFromSpinePosition: ((position: UnsafeSpinePosition, spineItem: SpineItem) => UnsafeSpineItemPosition) | ((position: UnsafeSpinePosition, spineItem: {
16
- layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
17
- blankPagePosition: "after" | "before" | "none";
18
- minimumWidth: number;
19
- spreadPosition: "none" | "right" | "left";
20
- }) => {
21
- width: number;
22
- height: number;
23
- };
24
- item: {
25
- id: string;
26
- href: string;
27
- renditionLayout: "reflowable" | "pre-paginated";
28
- progressionWeight: number;
29
- pageSpreadLeft: true | undefined;
30
- pageSpreadRight: true | undefined;
31
- mediaType?: string | undefined;
32
- };
33
- load: () => void;
34
- adjustPositionOfElement: ({ right, left, top }: {
35
- right?: number | undefined;
36
- left?: number | undefined;
37
- top?: number | undefined;
38
- }) => void;
39
- getElementDimensions: () => {
40
- width: number;
41
- height: number;
42
- };
43
- getHtmlFromResource: (response: Response) => Promise<string>;
44
- getResource: () => Promise<Response>;
45
- translateFramePositionIntoPage: (position: {
46
- clientX: number;
47
- clientY: number;
48
- }) => {
49
- clientX: number;
50
- clientY: number;
51
- };
52
- setLayoutDirty: () => void;
53
- injectStyle: (cssText: string) => void;
54
- loadContent: () => void;
55
- unloadContent: () => void;
56
- spineItemFrame: {
57
- getIsLoaded: () => boolean;
58
- getIsReady: () => boolean;
59
- getViewportDimensions: () => {
60
- width: number;
61
- height: number;
62
- } | undefined;
63
- getFrameElement: () => HTMLIFrameElement | undefined;
64
- getHtmlFromResource: (response: Response) => Promise<string>;
65
- load: () => void;
66
- unload: () => void;
67
- staticLayout: (size: {
68
- width: number;
69
- height: number;
70
- }) => void;
71
- getManipulableFrame: () => {
72
- frame: HTMLIFrameElement;
73
- removeStyle: (id: string) => void;
74
- addStyle: (id: string, style: string, prepend?: boolean) => void;
75
- } | undefined;
76
- getReadingDirection: () => "ltr" | "rtl" | undefined;
77
- isUsingVerticalWriting: () => boolean;
78
- getWritingMode: () => "vertical-rl" | "horizontal-tb" | undefined;
79
- destroy: () => void;
80
- $: {
81
- unload$: import("rxjs").Observable<void>;
82
- unloaded$: import("rxjs").Observable<void>;
83
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
84
- ready$: import("rxjs").Observable<FontFaceSet | undefined>;
85
- isReady$: import("rxjs").Observable<boolean>;
86
- contentLayoutChange$: import("rxjs").Observable<{
87
- isFirstLayout: boolean;
88
- } | {
89
- isFirstLayout: boolean;
90
- }>;
91
- };
92
- };
93
- element: HTMLElement;
94
- getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
95
- getViewPortInformation: () => {
96
- computedScale: number;
97
- computedWidthScale: number;
98
- viewportDimensions: {
99
- width: number;
100
- height: number;
101
- };
102
- } | undefined;
103
- isImageType: () => boolean;
104
- isReady: () => boolean;
105
- destroy: () => void;
106
- isUsingVerticalWriting: () => boolean | undefined;
107
- getReadingDirection: () => "ltr" | "rtl" | undefined;
108
- manipulateSpineItem: (cb: (options: {
109
- container: HTMLElement;
110
- item: {
111
- id: string;
112
- href: string;
113
- renditionLayout: "reflowable" | "pre-paginated";
114
- progressionWeight: number;
115
- pageSpreadLeft: true | undefined;
116
- pageSpreadRight: true | undefined;
117
- mediaType?: string | undefined;
118
- };
119
- overlayElement: HTMLDivElement;
120
- } & ({
121
- frame: HTMLIFrameElement;
122
- removeStyle: (id: string) => void;
123
- addStyle: (id: string, style: string, prepend?: boolean) => void;
124
- } | {
125
- frame: undefined;
126
- removeStyle: (id: string) => void;
127
- addStyle: (id: string, style: string) => void;
128
- })) => boolean) => boolean;
129
- executeOnLayoutBeforeMeasurementHook: (options: {
130
- minimumWidth: number;
131
- }) => void;
132
- selectionTracker: {
133
- track: (frameToTrack: HTMLIFrameElement) => void;
134
- destroy: () => void;
135
- isSelecting: () => boolean;
136
- getSelection: () => Selection | undefined;
137
- $: import("rxjs").Observable<{
138
- event: "selectionchange";
139
- data: Selection | null;
140
- } | {
141
- event: "selectstart";
142
- data: Selection | null;
143
- } | {
144
- event: "selectend";
145
- data: Selection | null;
146
- }>;
147
- };
148
- fingerTracker: {
149
- track: (frame: HTMLIFrameElement) => void;
150
- getFingerPositionInIframe(): {
151
- x: number | undefined;
152
- y: number | undefined;
153
- } | undefined;
154
- destroy: () => void;
155
- $: import("rxjs").Observable<{
156
- event: "fingermove";
157
- data: {
158
- x: number;
159
- y: number;
160
- };
161
- } | {
162
- event: "fingerout";
163
- data: undefined;
164
- }>;
165
- };
166
- getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
167
- columnHeight: number;
168
- columnWidth: number;
169
- width: number;
170
- };
171
- getDimensionsForPaginatedContent: () => {
172
- columnHeight: number;
173
- columnWidth: number;
174
- };
175
- $: {
176
- contentLayout$: import("rxjs").Observable<{
177
- isFirstLayout: boolean;
178
- isReady: boolean;
179
- }>;
180
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
181
- isReady$: import("rxjs").Observable<boolean>;
182
- };
183
- }) => UnsafeSpineItemPosition);
184
- getSpineItemFromPosition: ((position: UnsafeSpinePosition) => {
185
- layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
186
- blankPagePosition: "after" | "before" | "none";
187
- minimumWidth: number;
188
- spreadPosition: "none" | "right" | "left";
189
- }) => {
190
- width: number;
191
- height: number;
192
- };
193
- item: {
194
- id: string;
195
- href: string;
196
- renditionLayout: "reflowable" | "pre-paginated";
197
- progressionWeight: number;
198
- pageSpreadLeft: true | undefined;
199
- pageSpreadRight: true | undefined;
200
- mediaType?: string | undefined;
201
- };
202
- load: () => void;
203
- adjustPositionOfElement: ({ right, left, top }: {
204
- right?: number | undefined;
205
- left?: number | undefined;
206
- top?: number | undefined;
207
- }) => void;
208
- getElementDimensions: () => {
209
- width: number;
210
- height: number;
211
- };
212
- getHtmlFromResource: (response: Response) => Promise<string>;
213
- getResource: () => Promise<Response>;
214
- translateFramePositionIntoPage: (position: {
215
- clientX: number;
216
- clientY: number;
217
- }) => {
218
- clientX: number;
219
- clientY: number;
220
- };
221
- setLayoutDirty: () => void;
222
- injectStyle: (cssText: string) => void;
223
- loadContent: () => void;
224
- unloadContent: () => void;
225
- spineItemFrame: {
226
- getIsLoaded: () => boolean;
227
- getIsReady: () => boolean;
228
- getViewportDimensions: () => {
229
- width: number;
230
- height: number;
231
- } | undefined;
232
- getFrameElement: () => HTMLIFrameElement | undefined;
233
- getHtmlFromResource: (response: Response) => Promise<string>;
234
- load: () => void;
235
- unload: () => void;
236
- staticLayout: (size: {
237
- width: number;
238
- height: number;
239
- }) => void;
240
- getManipulableFrame: () => {
241
- frame: HTMLIFrameElement;
242
- removeStyle: (id: string) => void;
243
- addStyle: (id: string, style: string, prepend?: boolean) => void;
244
- } | undefined;
245
- getReadingDirection: () => "ltr" | "rtl" | undefined;
246
- isUsingVerticalWriting: () => boolean;
247
- getWritingMode: () => "vertical-rl" | "horizontal-tb" | undefined;
248
- destroy: () => void;
249
- $: {
250
- unload$: import("rxjs").Observable<void>;
251
- unloaded$: import("rxjs").Observable<void>;
252
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
253
- ready$: import("rxjs").Observable<FontFaceSet | undefined>;
254
- isReady$: import("rxjs").Observable<boolean>;
255
- contentLayoutChange$: import("rxjs").Observable<{
256
- isFirstLayout: boolean;
257
- } | {
258
- isFirstLayout: boolean;
259
- }>;
260
- };
261
- };
262
- element: HTMLElement;
263
- getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
264
- getViewPortInformation: () => {
265
- computedScale: number;
266
- computedWidthScale: number;
267
- viewportDimensions: {
268
- width: number;
269
- height: number;
270
- };
271
- } | undefined;
272
- isImageType: () => boolean;
273
- isReady: () => boolean;
274
- destroy: () => void;
275
- isUsingVerticalWriting: () => boolean | undefined;
276
- getReadingDirection: () => "ltr" | "rtl" | undefined;
277
- manipulateSpineItem: (cb: (options: {
278
- container: HTMLElement;
279
- item: {
280
- id: string;
281
- href: string;
282
- renditionLayout: "reflowable" | "pre-paginated";
283
- progressionWeight: number;
284
- pageSpreadLeft: true | undefined;
285
- pageSpreadRight: true | undefined;
286
- mediaType?: string | undefined;
287
- };
288
- overlayElement: HTMLDivElement;
289
- } & ({
290
- frame: HTMLIFrameElement;
291
- removeStyle: (id: string) => void;
292
- addStyle: (id: string, style: string, prepend?: boolean) => void;
293
- } | {
294
- frame: undefined;
295
- removeStyle: (id: string) => void;
296
- addStyle: (id: string, style: string) => void;
297
- })) => boolean) => boolean;
298
- executeOnLayoutBeforeMeasurementHook: (options: {
299
- minimumWidth: number;
300
- }) => void;
301
- selectionTracker: {
302
- track: (frameToTrack: HTMLIFrameElement) => void;
303
- destroy: () => void;
304
- isSelecting: () => boolean;
305
- getSelection: () => Selection | undefined;
306
- $: import("rxjs").Observable<{
307
- event: "selectionchange";
308
- data: Selection | null;
309
- } | {
310
- event: "selectstart";
311
- data: Selection | null;
312
- } | {
313
- event: "selectend";
314
- data: Selection | null;
315
- }>;
316
- };
317
- fingerTracker: {
318
- track: (frame: HTMLIFrameElement) => void;
319
- getFingerPositionInIframe(): {
320
- x: number | undefined;
321
- y: number | undefined;
322
- } | undefined;
323
- destroy: () => void;
324
- $: import("rxjs").Observable<{
325
- event: "fingermove";
326
- data: {
327
- x: number;
328
- y: number;
329
- };
330
- } | {
331
- event: "fingerout";
332
- data: undefined;
333
- }>;
334
- };
335
- getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
336
- columnHeight: number;
337
- columnWidth: number;
338
- width: number;
339
- };
340
- getDimensionsForPaginatedContent: () => {
341
- columnHeight: number;
342
- columnWidth: number;
343
- };
344
- $: {
345
- contentLayout$: import("rxjs").Observable<{
346
- isFirstLayout: boolean;
347
- isReady: boolean;
348
- }>;
349
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
350
- isReady$: import("rxjs").Observable<boolean>;
351
- };
352
- } | undefined) | ((position: UnsafeSpinePosition) => {
353
- layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
354
- blankPagePosition: "after" | "before" | "none";
355
- minimumWidth: number;
356
- spreadPosition: "none" | "right" | "left";
357
- }) => {
358
- width: number;
359
- height: number;
360
- };
361
- item: {
362
- id: string;
363
- href: string;
364
- renditionLayout: "reflowable" | "pre-paginated";
365
- progressionWeight: number;
366
- pageSpreadLeft: true | undefined;
367
- pageSpreadRight: true | undefined;
368
- mediaType?: string | undefined;
369
- };
370
- load: () => void;
371
- adjustPositionOfElement: ({ right, left, top }: {
372
- right?: number | undefined;
373
- left?: number | undefined;
374
- top?: number | undefined;
375
- }) => void;
376
- getElementDimensions: () => {
377
- width: number;
378
- height: number;
379
- };
380
- getHtmlFromResource: (response: Response) => Promise<string>;
381
- getResource: () => Promise<Response>;
382
- translateFramePositionIntoPage: (position: {
383
- clientX: number;
384
- clientY: number;
385
- }) => {
386
- clientX: number;
387
- clientY: number;
388
- };
389
- setLayoutDirty: () => void;
390
- injectStyle: (cssText: string) => void;
391
- loadContent: () => void;
392
- unloadContent: () => void;
393
- spineItemFrame: {
394
- getIsLoaded: () => boolean;
395
- getIsReady: () => boolean;
396
- getViewportDimensions: () => {
397
- width: number;
398
- height: number;
399
- } | undefined;
400
- getFrameElement: () => HTMLIFrameElement | undefined;
401
- getHtmlFromResource: (response: Response) => Promise<string>;
402
- load: () => void;
403
- unload: () => void;
404
- staticLayout: (size: {
405
- width: number;
406
- height: number;
407
- }) => void;
408
- getManipulableFrame: () => {
409
- frame: HTMLIFrameElement;
410
- removeStyle: (id: string) => void;
411
- addStyle: (id: string, style: string, prepend?: boolean) => void;
412
- } | undefined;
413
- getReadingDirection: () => "ltr" | "rtl" | undefined;
414
- isUsingVerticalWriting: () => boolean;
415
- getWritingMode: () => "vertical-rl" | "horizontal-tb" | undefined;
416
- destroy: () => void;
417
- $: {
418
- unload$: import("rxjs").Observable<void>;
419
- unloaded$: import("rxjs").Observable<void>;
420
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
421
- ready$: import("rxjs").Observable<FontFaceSet | undefined>;
422
- isReady$: import("rxjs").Observable<boolean>;
423
- contentLayoutChange$: import("rxjs").Observable<{
424
- isFirstLayout: boolean;
425
- } | {
426
- isFirstLayout: boolean;
427
- }>;
428
- };
429
- };
430
- element: HTMLElement;
431
- getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
432
- getViewPortInformation: () => {
433
- computedScale: number;
434
- computedWidthScale: number;
435
- viewportDimensions: {
436
- width: number;
437
- height: number;
438
- };
439
- } | undefined;
440
- isImageType: () => boolean;
441
- isReady: () => boolean;
442
- destroy: () => void;
443
- isUsingVerticalWriting: () => boolean | undefined;
444
- getReadingDirection: () => "ltr" | "rtl" | undefined;
445
- manipulateSpineItem: (cb: (options: {
446
- container: HTMLElement;
447
- item: {
448
- id: string;
449
- href: string;
450
- renditionLayout: "reflowable" | "pre-paginated";
451
- progressionWeight: number;
452
- pageSpreadLeft: true | undefined;
453
- pageSpreadRight: true | undefined;
454
- mediaType?: string | undefined;
455
- };
456
- overlayElement: HTMLDivElement;
457
- } & ({
458
- frame: HTMLIFrameElement;
459
- removeStyle: (id: string) => void;
460
- addStyle: (id: string, style: string, prepend?: boolean) => void;
461
- } | {
462
- frame: undefined;
463
- removeStyle: (id: string) => void;
464
- addStyle: (id: string, style: string) => void;
465
- })) => boolean) => boolean;
466
- executeOnLayoutBeforeMeasurementHook: (options: {
467
- minimumWidth: number;
468
- }) => void;
469
- selectionTracker: {
470
- track: (frameToTrack: HTMLIFrameElement) => void;
471
- destroy: () => void;
472
- isSelecting: () => boolean;
473
- getSelection: () => Selection | undefined;
474
- $: import("rxjs").Observable<{
475
- event: "selectionchange";
476
- data: Selection | null;
477
- } | {
478
- event: "selectstart";
479
- data: Selection | null;
480
- } | {
481
- event: "selectend";
482
- data: Selection | null;
483
- }>;
484
- };
485
- fingerTracker: {
486
- track: (frame: HTMLIFrameElement) => void;
487
- getFingerPositionInIframe(): {
488
- x: number | undefined;
489
- y: number | undefined;
490
- } | undefined;
491
- destroy: () => void;
492
- $: import("rxjs").Observable<{
493
- event: "fingermove";
494
- data: {
495
- x: number;
496
- y: number;
497
- };
498
- } | {
499
- event: "fingerout";
500
- data: undefined;
501
- }>;
502
- };
503
- getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
504
- columnHeight: number;
505
- columnWidth: number;
506
- width: number;
507
- };
508
- getDimensionsForPaginatedContent: () => {
509
- columnHeight: number;
510
- columnWidth: number;
511
- };
512
- $: {
513
- contentLayout$: import("rxjs").Observable<{
514
- isFirstLayout: boolean;
515
- isReady: boolean;
516
- }>;
517
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
518
- isReady$: import("rxjs").Observable<boolean>;
519
- };
520
- } | undefined);
521
- getSpineItemFromIframe: (iframe: Element) => {
522
- layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
523
- blankPagePosition: "after" | "before" | "none";
524
- minimumWidth: number;
525
- spreadPosition: "none" | "right" | "left";
526
- }) => {
527
- width: number;
528
- height: number;
529
- };
530
- item: {
531
- id: string;
532
- href: string;
533
- renditionLayout: "reflowable" | "pre-paginated";
534
- progressionWeight: number;
535
- pageSpreadLeft: true | undefined;
536
- pageSpreadRight: true | undefined;
537
- mediaType?: string | undefined;
538
- };
539
- load: () => void;
540
- adjustPositionOfElement: ({ right, left, top }: {
541
- right?: number | undefined;
542
- left?: number | undefined;
543
- top?: number | undefined;
544
- }) => void;
545
- getElementDimensions: () => {
546
- width: number;
547
- height: number;
548
- };
549
- getHtmlFromResource: (response: Response) => Promise<string>;
550
- getResource: () => Promise<Response>;
551
- translateFramePositionIntoPage: (position: {
552
- clientX: number;
553
- clientY: number;
554
- }) => {
555
- clientX: number;
556
- clientY: number;
557
- };
558
- setLayoutDirty: () => void;
559
- injectStyle: (cssText: string) => void;
560
- loadContent: () => void;
561
- unloadContent: () => void;
562
- spineItemFrame: {
563
- getIsLoaded: () => boolean;
564
- getIsReady: () => boolean;
565
- getViewportDimensions: () => {
566
- width: number;
567
- height: number;
568
- } | undefined;
569
- getFrameElement: () => HTMLIFrameElement | undefined;
570
- getHtmlFromResource: (response: Response) => Promise<string>;
571
- load: () => void;
572
- unload: () => void;
573
- staticLayout: (size: {
574
- width: number;
575
- height: number;
576
- }) => void;
577
- getManipulableFrame: () => {
578
- frame: HTMLIFrameElement;
579
- removeStyle: (id: string) => void;
580
- addStyle: (id: string, style: string, prepend?: boolean) => void;
581
- } | undefined;
582
- getReadingDirection: () => "ltr" | "rtl" | undefined;
583
- isUsingVerticalWriting: () => boolean;
584
- getWritingMode: () => "vertical-rl" | "horizontal-tb" | undefined;
585
- destroy: () => void;
586
- $: {
587
- unload$: import("rxjs").Observable<void>;
588
- unloaded$: import("rxjs").Observable<void>;
589
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
590
- ready$: import("rxjs").Observable<FontFaceSet | undefined>;
591
- isReady$: import("rxjs").Observable<boolean>;
592
- contentLayoutChange$: import("rxjs").Observable<{
593
- isFirstLayout: boolean;
594
- } | {
595
- isFirstLayout: boolean;
596
- }>;
597
- };
598
- };
599
- element: HTMLElement;
600
- getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
601
- getViewPortInformation: () => {
602
- computedScale: number;
603
- computedWidthScale: number;
604
- viewportDimensions: {
605
- width: number;
606
- height: number;
607
- };
608
- } | undefined;
609
- isImageType: () => boolean;
610
- isReady: () => boolean;
611
- destroy: () => void;
612
- isUsingVerticalWriting: () => boolean | undefined;
613
- getReadingDirection: () => "ltr" | "rtl" | undefined;
614
- manipulateSpineItem: (cb: (options: {
615
- container: HTMLElement;
616
- item: {
617
- id: string;
618
- href: string;
619
- renditionLayout: "reflowable" | "pre-paginated";
620
- progressionWeight: number;
621
- pageSpreadLeft: true | undefined;
622
- pageSpreadRight: true | undefined;
623
- mediaType?: string | undefined;
624
- };
625
- overlayElement: HTMLDivElement;
626
- } & ({
627
- frame: HTMLIFrameElement;
628
- removeStyle: (id: string) => void;
629
- addStyle: (id: string, style: string, prepend?: boolean) => void;
630
- } | {
631
- frame: undefined;
632
- removeStyle: (id: string) => void;
633
- addStyle: (id: string, style: string) => void;
634
- })) => boolean) => boolean;
635
- executeOnLayoutBeforeMeasurementHook: (options: {
636
- minimumWidth: number;
637
- }) => void;
638
- selectionTracker: {
639
- track: (frameToTrack: HTMLIFrameElement) => void;
640
- destroy: () => void;
641
- isSelecting: () => boolean;
642
- getSelection: () => Selection | undefined;
643
- $: import("rxjs").Observable<{
644
- event: "selectionchange";
645
- data: Selection | null;
646
- } | {
647
- event: "selectstart";
648
- data: Selection | null;
649
- } | {
650
- event: "selectend";
651
- data: Selection | null;
652
- }>;
653
- };
654
- fingerTracker: {
655
- track: (frame: HTMLIFrameElement) => void;
656
- getFingerPositionInIframe(): {
657
- x: number | undefined;
658
- y: number | undefined;
659
- } | undefined;
660
- destroy: () => void;
661
- $: import("rxjs").Observable<{
662
- event: "fingermove";
663
- data: {
664
- x: number;
665
- y: number;
666
- };
667
- } | {
668
- event: "fingerout";
669
- data: undefined;
670
- }>;
671
- };
672
- getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
673
- columnHeight: number;
674
- columnWidth: number;
675
- width: number;
676
- };
677
- getDimensionsForPaginatedContent: () => {
678
- columnHeight: number;
679
- columnWidth: number;
680
- };
681
- $: {
682
- contentLayout$: import("rxjs").Observable<{
683
- isFirstLayout: boolean;
684
- isReady: boolean;
685
- }>;
686
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
687
- isReady$: import("rxjs").Observable<boolean>;
688
- };
689
- } | undefined;
690
- getSpineItemPageIndexFromNode: (node: Node, offset: number | undefined, spineItemOrIndex: SpineItem | number) => number | undefined;
691
- getSpineItemsFromReadingOrderPosition: (position: SpinePosition) => {
692
- begin: number;
693
- beginPosition: SpinePosition;
694
- end: number;
695
- endPosition: SpinePosition;
696
- } | undefined;
697
- };