@prose-reader/core 1.41.0 → 1.43.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 (76) hide show
  1. package/dist/index.d.ts +4366 -8
  2. package/dist/{prose.js → index.js} +632 -443
  3. package/dist/index.js.map +1 -0
  4. package/dist/{prose.umd.cjs → index.umd.cjs} +630 -441
  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/objects.d.ts +0 -6
  71. package/dist/utils/rxjs.d.ts +0 -4
  72. package/dist/viewportNavigator/manualViewportNavigator.d.ts +0 -1440
  73. package/dist/viewportNavigator/panViewportNavigator.d.ts +0 -215
  74. package/dist/viewportNavigator/scrollViewportNavigator.d.ts +0 -35
  75. package/dist/viewportNavigator/types.d.ts +0 -33
  76. package/dist/viewportNavigator/viewportNavigator.d.ts +0 -71
@@ -1,1440 +0,0 @@
1
- import { BehaviorSubject } from "rxjs";
2
- import { Context } from "../context";
3
- import { SpineItemManager } from "../spineItemManager";
4
- import { createNavigationResolver, ViewportNavigationEntry } from "../spine/navigationResolver";
5
- import { createLocationResolver } from "../spine/locationResolver";
6
- export declare const createManualViewportNavigator: ({ navigator, spineItemManager, currentNavigationSubject$, locator, context, }: {
7
- context: Context;
8
- element: HTMLElement;
9
- navigator: ReturnType<typeof createNavigationResolver>;
10
- currentNavigationSubject$: BehaviorSubject<ViewportNavigationEntry>;
11
- spineItemManager: SpineItemManager;
12
- locator: ReturnType<typeof createLocationResolver>;
13
- }) => {
14
- destroy: () => void;
15
- adjustReadingOffset: () => boolean;
16
- turnLeft: ({ allowSpineItemChange }?: {
17
- allowSpineItemChange?: boolean | undefined;
18
- }) => void;
19
- turnRight: ({ allowSpineItemChange }?: {
20
- allowSpineItemChange?: boolean | undefined;
21
- }) => void;
22
- goToCfi: (cfi: string, options?: {
23
- animate: boolean;
24
- }) => void;
25
- goToPageOfCurrentChapter: (pageIndex: number) => void;
26
- goToSpineItem: (indexOrId: number | string, options?: {
27
- animate: boolean;
28
- }) => void;
29
- goToUrl: (url: string | URL) => void;
30
- goToPage: (pageIndex: number) => void;
31
- $: {
32
- state$: import("rxjs").Observable<"start" | "end">;
33
- navigation$: import("rxjs").Observable<{
34
- animate: boolean;
35
- lastUserExpectedNavigation: {
36
- type: "navigate-from-anchor";
37
- data: string;
38
- };
39
- x: number;
40
- y: number;
41
- spineItem?: {
42
- layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
43
- blankPagePosition: "after" | "before" | "none";
44
- minimumWidth: number;
45
- spreadPosition: "none" | "right" | "left";
46
- }) => {
47
- width: number;
48
- height: number;
49
- };
50
- item: {
51
- id: string;
52
- href: string;
53
- renditionLayout: "reflowable" | "pre-paginated";
54
- progressionWeight: number;
55
- pageSpreadLeft: true | undefined;
56
- pageSpreadRight: true | undefined;
57
- mediaType?: string | undefined;
58
- };
59
- load: () => void;
60
- adjustPositionOfElement: ({ right, left, top }: {
61
- right?: number | undefined;
62
- left?: number | undefined;
63
- top?: number | undefined;
64
- }) => void;
65
- getElementDimensions: () => {
66
- width: number;
67
- height: number;
68
- };
69
- getHtmlFromResource: (response: Response) => Promise<string>;
70
- getResource: () => Promise<Response>;
71
- translateFramePositionIntoPage: (position: {
72
- clientX: number;
73
- clientY: number;
74
- }) => {
75
- clientX: number;
76
- clientY: number;
77
- };
78
- setLayoutDirty: () => void;
79
- injectStyle: (cssText: string) => void;
80
- loadContent: () => void;
81
- unloadContent: () => void;
82
- spineItemFrame: {
83
- getIsLoaded: () => boolean;
84
- getIsReady: () => boolean;
85
- getViewportDimensions: () => {
86
- width: number;
87
- height: number;
88
- } | undefined;
89
- getFrameElement: () => HTMLIFrameElement | undefined;
90
- getHtmlFromResource: (response: Response) => Promise<string>;
91
- load: () => void;
92
- unload: () => void;
93
- staticLayout: (size: {
94
- width: number;
95
- height: number;
96
- }) => void;
97
- getManipulableFrame: () => {
98
- frame: HTMLIFrameElement;
99
- removeStyle: (id: string) => void;
100
- addStyle: (id: string, style: string, prepend?: boolean) => void;
101
- } | undefined;
102
- getReadingDirection: () => "ltr" | "rtl" | undefined;
103
- isUsingVerticalWriting: () => boolean;
104
- getWritingMode: () => "vertical-rl" | "horizontal-tb" | undefined;
105
- destroy: () => void;
106
- $: {
107
- unload$: import("rxjs").Observable<void>;
108
- unloaded$: import("rxjs").Observable<void>;
109
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
110
- ready$: import("rxjs").Observable<FontFaceSet | undefined>;
111
- isReady$: import("rxjs").Observable<boolean>;
112
- contentLayoutChange$: import("rxjs").Observable<{
113
- isFirstLayout: boolean;
114
- } | {
115
- isFirstLayout: boolean;
116
- }>;
117
- };
118
- };
119
- element: HTMLElement;
120
- getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
121
- getViewPortInformation: () => {
122
- computedScale: number;
123
- computedWidthScale: number;
124
- viewportDimensions: {
125
- width: number;
126
- height: number;
127
- };
128
- } | undefined;
129
- isImageType: () => boolean;
130
- isReady: () => boolean;
131
- destroy: () => void;
132
- isUsingVerticalWriting: () => boolean | undefined;
133
- getReadingDirection: () => "ltr" | "rtl" | undefined;
134
- manipulateSpineItem: (cb: (options: {
135
- container: HTMLElement;
136
- item: {
137
- id: string;
138
- href: string;
139
- renditionLayout: "reflowable" | "pre-paginated";
140
- progressionWeight: number;
141
- pageSpreadLeft: true | undefined;
142
- pageSpreadRight: true | undefined;
143
- mediaType?: string | undefined;
144
- };
145
- overlayElement: HTMLDivElement;
146
- } & ({
147
- frame: HTMLIFrameElement;
148
- removeStyle: (id: string) => void;
149
- addStyle: (id: string, style: string, prepend?: boolean) => void;
150
- } | {
151
- frame: undefined;
152
- removeStyle: (id: string) => void;
153
- addStyle: (id: string, style: string) => void;
154
- })) => boolean) => boolean;
155
- executeOnLayoutBeforeMeasurementHook: (options: {
156
- minimumWidth: number;
157
- }) => void;
158
- selectionTracker: {
159
- track: (frameToTrack: HTMLIFrameElement) => void;
160
- destroy: () => void;
161
- isSelecting: () => boolean;
162
- getSelection: () => Selection | undefined;
163
- $: import("rxjs").Observable<{
164
- event: "selectionchange";
165
- data: Selection | null;
166
- } | {
167
- event: "selectstart";
168
- data: Selection | null;
169
- } | {
170
- event: "selectend";
171
- data: Selection | null;
172
- }>;
173
- };
174
- fingerTracker: {
175
- track: (frame: HTMLIFrameElement) => void;
176
- getFingerPositionInIframe(): {
177
- x: number | undefined;
178
- y: number | undefined;
179
- } | undefined;
180
- destroy: () => void;
181
- $: import("rxjs").Observable<{
182
- event: "fingermove";
183
- data: {
184
- x: number;
185
- y: number;
186
- };
187
- } | {
188
- event: "fingerout";
189
- data: undefined;
190
- }>;
191
- };
192
- getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
193
- columnHeight: number;
194
- columnWidth: number;
195
- width: number;
196
- };
197
- getDimensionsForPaginatedContent: () => {
198
- columnHeight: number;
199
- columnWidth: number;
200
- };
201
- $: {
202
- contentLayout$: import("rxjs").Observable<{
203
- isFirstLayout: boolean;
204
- isReady: boolean;
205
- }>;
206
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
207
- isReady$: import("rxjs").Observable<boolean>;
208
- };
209
- } | undefined;
210
- url: URL;
211
- } | {
212
- animate: boolean;
213
- lastUserExpectedNavigation: {
214
- type: "navigate-from-previous-item";
215
- };
216
- x: number;
217
- y: number;
218
- spineItem?: {
219
- layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
220
- blankPagePosition: "after" | "before" | "none";
221
- minimumWidth: number;
222
- spreadPosition: "none" | "right" | "left";
223
- }) => {
224
- width: number;
225
- height: number;
226
- };
227
- item: {
228
- id: string;
229
- href: string;
230
- renditionLayout: "reflowable" | "pre-paginated";
231
- progressionWeight: number;
232
- pageSpreadLeft: true | undefined;
233
- pageSpreadRight: true | undefined;
234
- mediaType?: string | undefined;
235
- };
236
- load: () => void;
237
- adjustPositionOfElement: ({ right, left, top }: {
238
- right?: number | undefined;
239
- left?: number | undefined;
240
- top?: number | undefined;
241
- }) => void;
242
- getElementDimensions: () => {
243
- width: number;
244
- height: number;
245
- };
246
- getHtmlFromResource: (response: Response) => Promise<string>;
247
- getResource: () => Promise<Response>;
248
- translateFramePositionIntoPage: (position: {
249
- clientX: number;
250
- clientY: number;
251
- }) => {
252
- clientX: number;
253
- clientY: number;
254
- };
255
- setLayoutDirty: () => void;
256
- injectStyle: (cssText: string) => void;
257
- loadContent: () => void;
258
- unloadContent: () => void;
259
- spineItemFrame: {
260
- getIsLoaded: () => boolean;
261
- getIsReady: () => boolean;
262
- getViewportDimensions: () => {
263
- width: number;
264
- height: number;
265
- } | undefined;
266
- getFrameElement: () => HTMLIFrameElement | undefined;
267
- getHtmlFromResource: (response: Response) => Promise<string>;
268
- load: () => void;
269
- unload: () => void;
270
- staticLayout: (size: {
271
- width: number;
272
- height: number;
273
- }) => void;
274
- getManipulableFrame: () => {
275
- frame: HTMLIFrameElement;
276
- removeStyle: (id: string) => void;
277
- addStyle: (id: string, style: string, prepend?: boolean) => void;
278
- } | undefined;
279
- getReadingDirection: () => "ltr" | "rtl" | undefined;
280
- isUsingVerticalWriting: () => boolean;
281
- getWritingMode: () => "vertical-rl" | "horizontal-tb" | undefined;
282
- destroy: () => void;
283
- $: {
284
- unload$: import("rxjs").Observable<void>;
285
- unloaded$: import("rxjs").Observable<void>;
286
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
287
- ready$: import("rxjs").Observable<FontFaceSet | undefined>;
288
- isReady$: import("rxjs").Observable<boolean>;
289
- contentLayoutChange$: import("rxjs").Observable<{
290
- isFirstLayout: boolean;
291
- } | {
292
- isFirstLayout: boolean;
293
- }>;
294
- };
295
- };
296
- element: HTMLElement;
297
- getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
298
- getViewPortInformation: () => {
299
- computedScale: number;
300
- computedWidthScale: number;
301
- viewportDimensions: {
302
- width: number;
303
- height: number;
304
- };
305
- } | undefined;
306
- isImageType: () => boolean;
307
- isReady: () => boolean;
308
- destroy: () => void;
309
- isUsingVerticalWriting: () => boolean | undefined;
310
- getReadingDirection: () => "ltr" | "rtl" | undefined;
311
- manipulateSpineItem: (cb: (options: {
312
- container: HTMLElement;
313
- item: {
314
- id: string;
315
- href: string;
316
- renditionLayout: "reflowable" | "pre-paginated";
317
- progressionWeight: number;
318
- pageSpreadLeft: true | undefined;
319
- pageSpreadRight: true | undefined;
320
- mediaType?: string | undefined;
321
- };
322
- overlayElement: HTMLDivElement;
323
- } & ({
324
- frame: HTMLIFrameElement;
325
- removeStyle: (id: string) => void;
326
- addStyle: (id: string, style: string, prepend?: boolean) => void;
327
- } | {
328
- frame: undefined;
329
- removeStyle: (id: string) => void;
330
- addStyle: (id: string, style: string) => void;
331
- })) => boolean) => boolean;
332
- executeOnLayoutBeforeMeasurementHook: (options: {
333
- minimumWidth: number;
334
- }) => void;
335
- selectionTracker: {
336
- track: (frameToTrack: HTMLIFrameElement) => void;
337
- destroy: () => void;
338
- isSelecting: () => boolean;
339
- getSelection: () => Selection | undefined;
340
- $: import("rxjs").Observable<{
341
- event: "selectionchange";
342
- data: Selection | null;
343
- } | {
344
- event: "selectstart";
345
- data: Selection | null;
346
- } | {
347
- event: "selectend";
348
- data: Selection | null;
349
- }>;
350
- };
351
- fingerTracker: {
352
- track: (frame: HTMLIFrameElement) => void;
353
- getFingerPositionInIframe(): {
354
- x: number | undefined;
355
- y: number | undefined;
356
- } | undefined;
357
- destroy: () => void;
358
- $: import("rxjs").Observable<{
359
- event: "fingermove";
360
- data: {
361
- x: number;
362
- y: number;
363
- };
364
- } | {
365
- event: "fingerout";
366
- data: undefined;
367
- }>;
368
- };
369
- getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
370
- columnHeight: number;
371
- columnWidth: number;
372
- width: number;
373
- };
374
- getDimensionsForPaginatedContent: () => {
375
- columnHeight: number;
376
- columnWidth: number;
377
- };
378
- $: {
379
- contentLayout$: import("rxjs").Observable<{
380
- isFirstLayout: boolean;
381
- isReady: boolean;
382
- }>;
383
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
384
- isReady$: import("rxjs").Observable<boolean>;
385
- };
386
- } | undefined;
387
- } | {
388
- lastUserExpectedNavigation: undefined;
389
- animate: boolean;
390
- x: number;
391
- y: number;
392
- spineItem?: {
393
- layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
394
- blankPagePosition: "after" | "before" | "none";
395
- minimumWidth: number;
396
- spreadPosition: "none" | "right" | "left";
397
- }) => {
398
- width: number;
399
- height: number;
400
- };
401
- item: {
402
- id: string;
403
- href: string;
404
- renditionLayout: "reflowable" | "pre-paginated";
405
- progressionWeight: number;
406
- pageSpreadLeft: true | undefined;
407
- pageSpreadRight: true | undefined;
408
- mediaType?: string | undefined;
409
- };
410
- load: () => void;
411
- adjustPositionOfElement: ({ right, left, top }: {
412
- right?: number | undefined;
413
- left?: number | undefined;
414
- top?: number | undefined;
415
- }) => void;
416
- getElementDimensions: () => {
417
- width: number;
418
- height: number;
419
- };
420
- getHtmlFromResource: (response: Response) => Promise<string>;
421
- getResource: () => Promise<Response>;
422
- translateFramePositionIntoPage: (position: {
423
- clientX: number;
424
- clientY: number;
425
- }) => {
426
- clientX: number;
427
- clientY: number;
428
- };
429
- setLayoutDirty: () => void;
430
- injectStyle: (cssText: string) => void;
431
- loadContent: () => void;
432
- unloadContent: () => void;
433
- spineItemFrame: {
434
- getIsLoaded: () => boolean;
435
- getIsReady: () => boolean;
436
- getViewportDimensions: () => {
437
- width: number;
438
- height: number;
439
- } | undefined;
440
- getFrameElement: () => HTMLIFrameElement | undefined;
441
- getHtmlFromResource: (response: Response) => Promise<string>;
442
- load: () => void;
443
- unload: () => void;
444
- staticLayout: (size: {
445
- width: number;
446
- height: number;
447
- }) => void;
448
- getManipulableFrame: () => {
449
- frame: HTMLIFrameElement;
450
- removeStyle: (id: string) => void;
451
- addStyle: (id: string, style: string, prepend?: boolean) => void;
452
- } | undefined;
453
- getReadingDirection: () => "ltr" | "rtl" | undefined;
454
- isUsingVerticalWriting: () => boolean;
455
- getWritingMode: () => "vertical-rl" | "horizontal-tb" | undefined;
456
- destroy: () => void;
457
- $: {
458
- unload$: import("rxjs").Observable<void>;
459
- unloaded$: import("rxjs").Observable<void>;
460
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
461
- ready$: import("rxjs").Observable<FontFaceSet | undefined>;
462
- isReady$: import("rxjs").Observable<boolean>;
463
- contentLayoutChange$: import("rxjs").Observable<{
464
- isFirstLayout: boolean;
465
- } | {
466
- isFirstLayout: boolean;
467
- }>;
468
- };
469
- };
470
- element: HTMLElement;
471
- getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
472
- getViewPortInformation: () => {
473
- computedScale: number;
474
- computedWidthScale: number;
475
- viewportDimensions: {
476
- width: number;
477
- height: number;
478
- };
479
- } | undefined;
480
- isImageType: () => boolean;
481
- isReady: () => boolean;
482
- destroy: () => void;
483
- isUsingVerticalWriting: () => boolean | undefined;
484
- getReadingDirection: () => "ltr" | "rtl" | undefined;
485
- manipulateSpineItem: (cb: (options: {
486
- container: HTMLElement;
487
- item: {
488
- id: string;
489
- href: string;
490
- renditionLayout: "reflowable" | "pre-paginated";
491
- progressionWeight: number;
492
- pageSpreadLeft: true | undefined;
493
- pageSpreadRight: true | undefined;
494
- mediaType?: string | undefined;
495
- };
496
- overlayElement: HTMLDivElement;
497
- } & ({
498
- frame: HTMLIFrameElement;
499
- removeStyle: (id: string) => void;
500
- addStyle: (id: string, style: string, prepend?: boolean) => void;
501
- } | {
502
- frame: undefined;
503
- removeStyle: (id: string) => void;
504
- addStyle: (id: string, style: string) => void;
505
- })) => boolean) => boolean;
506
- executeOnLayoutBeforeMeasurementHook: (options: {
507
- minimumWidth: number;
508
- }) => void;
509
- selectionTracker: {
510
- track: (frameToTrack: HTMLIFrameElement) => void;
511
- destroy: () => void;
512
- isSelecting: () => boolean;
513
- getSelection: () => Selection | undefined;
514
- $: import("rxjs").Observable<{
515
- event: "selectionchange";
516
- data: Selection | null;
517
- } | {
518
- event: "selectstart";
519
- data: Selection | null;
520
- } | {
521
- event: "selectend";
522
- data: Selection | null;
523
- }>;
524
- };
525
- fingerTracker: {
526
- track: (frame: HTMLIFrameElement) => void;
527
- getFingerPositionInIframe(): {
528
- x: number | undefined;
529
- y: number | undefined;
530
- } | undefined;
531
- destroy: () => void;
532
- $: import("rxjs").Observable<{
533
- event: "fingermove";
534
- data: {
535
- x: number;
536
- y: number;
537
- };
538
- } | {
539
- event: "fingerout";
540
- data: undefined;
541
- }>;
542
- };
543
- getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
544
- columnHeight: number;
545
- columnWidth: number;
546
- width: number;
547
- };
548
- getDimensionsForPaginatedContent: () => {
549
- columnHeight: number;
550
- columnWidth: number;
551
- };
552
- $: {
553
- contentLayout$: import("rxjs").Observable<{
554
- isFirstLayout: boolean;
555
- isReady: boolean;
556
- }>;
557
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
558
- isReady$: import("rxjs").Observable<boolean>;
559
- };
560
- } | undefined;
561
- } | {
562
- lastUserExpectedNavigation: {
563
- type: "navigate-from-next-item";
564
- };
565
- animate: boolean;
566
- x: number;
567
- y: number;
568
- spineItem?: {
569
- layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
570
- blankPagePosition: "after" | "before" | "none";
571
- minimumWidth: number;
572
- spreadPosition: "none" | "right" | "left";
573
- }) => {
574
- width: number;
575
- height: number;
576
- };
577
- item: {
578
- id: string;
579
- href: string;
580
- renditionLayout: "reflowable" | "pre-paginated";
581
- progressionWeight: number;
582
- pageSpreadLeft: true | undefined;
583
- pageSpreadRight: true | undefined;
584
- mediaType?: string | undefined;
585
- };
586
- load: () => void;
587
- adjustPositionOfElement: ({ right, left, top }: {
588
- right?: number | undefined;
589
- left?: number | undefined;
590
- top?: number | undefined;
591
- }) => void;
592
- getElementDimensions: () => {
593
- width: number;
594
- height: number;
595
- };
596
- getHtmlFromResource: (response: Response) => Promise<string>;
597
- getResource: () => Promise<Response>;
598
- translateFramePositionIntoPage: (position: {
599
- clientX: number;
600
- clientY: number;
601
- }) => {
602
- clientX: number;
603
- clientY: number;
604
- };
605
- setLayoutDirty: () => void;
606
- injectStyle: (cssText: string) => void;
607
- loadContent: () => void;
608
- unloadContent: () => void;
609
- spineItemFrame: {
610
- getIsLoaded: () => boolean;
611
- getIsReady: () => boolean;
612
- getViewportDimensions: () => {
613
- width: number;
614
- height: number;
615
- } | undefined;
616
- getFrameElement: () => HTMLIFrameElement | undefined;
617
- getHtmlFromResource: (response: Response) => Promise<string>;
618
- load: () => void;
619
- unload: () => void;
620
- staticLayout: (size: {
621
- width: number;
622
- height: number;
623
- }) => void;
624
- getManipulableFrame: () => {
625
- frame: HTMLIFrameElement;
626
- removeStyle: (id: string) => void;
627
- addStyle: (id: string, style: string, prepend?: boolean) => void;
628
- } | undefined;
629
- getReadingDirection: () => "ltr" | "rtl" | undefined;
630
- isUsingVerticalWriting: () => boolean;
631
- getWritingMode: () => "vertical-rl" | "horizontal-tb" | undefined;
632
- destroy: () => void;
633
- $: {
634
- unload$: import("rxjs").Observable<void>;
635
- unloaded$: import("rxjs").Observable<void>;
636
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
637
- ready$: import("rxjs").Observable<FontFaceSet | undefined>;
638
- isReady$: import("rxjs").Observable<boolean>;
639
- contentLayoutChange$: import("rxjs").Observable<{
640
- isFirstLayout: boolean;
641
- } | {
642
- isFirstLayout: boolean;
643
- }>;
644
- };
645
- };
646
- element: HTMLElement;
647
- getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
648
- getViewPortInformation: () => {
649
- computedScale: number;
650
- computedWidthScale: number;
651
- viewportDimensions: {
652
- width: number;
653
- height: number;
654
- };
655
- } | undefined;
656
- isImageType: () => boolean;
657
- isReady: () => boolean;
658
- destroy: () => void;
659
- isUsingVerticalWriting: () => boolean | undefined;
660
- getReadingDirection: () => "ltr" | "rtl" | undefined;
661
- manipulateSpineItem: (cb: (options: {
662
- container: HTMLElement;
663
- item: {
664
- id: string;
665
- href: string;
666
- renditionLayout: "reflowable" | "pre-paginated";
667
- progressionWeight: number;
668
- pageSpreadLeft: true | undefined;
669
- pageSpreadRight: true | undefined;
670
- mediaType?: string | undefined;
671
- };
672
- overlayElement: HTMLDivElement;
673
- } & ({
674
- frame: HTMLIFrameElement;
675
- removeStyle: (id: string) => void;
676
- addStyle: (id: string, style: string, prepend?: boolean) => void;
677
- } | {
678
- frame: undefined;
679
- removeStyle: (id: string) => void;
680
- addStyle: (id: string, style: string) => void;
681
- })) => boolean) => boolean;
682
- executeOnLayoutBeforeMeasurementHook: (options: {
683
- minimumWidth: number;
684
- }) => void;
685
- selectionTracker: {
686
- track: (frameToTrack: HTMLIFrameElement) => void;
687
- destroy: () => void;
688
- isSelecting: () => boolean;
689
- getSelection: () => Selection | undefined;
690
- $: import("rxjs").Observable<{
691
- event: "selectionchange";
692
- data: Selection | null;
693
- } | {
694
- event: "selectstart";
695
- data: Selection | null;
696
- } | {
697
- event: "selectend";
698
- data: Selection | null;
699
- }>;
700
- };
701
- fingerTracker: {
702
- track: (frame: HTMLIFrameElement) => void;
703
- getFingerPositionInIframe(): {
704
- x: number | undefined;
705
- y: number | undefined;
706
- } | undefined;
707
- destroy: () => void;
708
- $: import("rxjs").Observable<{
709
- event: "fingermove";
710
- data: {
711
- x: number;
712
- y: number;
713
- };
714
- } | {
715
- event: "fingerout";
716
- data: undefined;
717
- }>;
718
- };
719
- getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
720
- columnHeight: number;
721
- columnWidth: number;
722
- width: number;
723
- };
724
- getDimensionsForPaginatedContent: () => {
725
- columnHeight: number;
726
- columnWidth: number;
727
- };
728
- $: {
729
- contentLayout$: import("rxjs").Observable<{
730
- isFirstLayout: boolean;
731
- isReady: boolean;
732
- }>;
733
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
734
- isReady$: import("rxjs").Observable<boolean>;
735
- };
736
- } | undefined;
737
- } | {
738
- lastUserExpectedNavigation: {
739
- type: "navigate-from-previous-item";
740
- };
741
- animate: boolean;
742
- x: number;
743
- y: number;
744
- spineItem?: {
745
- layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
746
- blankPagePosition: "after" | "before" | "none";
747
- minimumWidth: number;
748
- spreadPosition: "none" | "right" | "left";
749
- }) => {
750
- width: number;
751
- height: number;
752
- };
753
- item: {
754
- id: string;
755
- href: string;
756
- renditionLayout: "reflowable" | "pre-paginated";
757
- progressionWeight: number;
758
- pageSpreadLeft: true | undefined;
759
- pageSpreadRight: true | undefined;
760
- mediaType?: string | undefined;
761
- };
762
- load: () => void;
763
- adjustPositionOfElement: ({ right, left, top }: {
764
- right?: number | undefined;
765
- left?: number | undefined;
766
- top?: number | undefined;
767
- }) => void;
768
- getElementDimensions: () => {
769
- width: number;
770
- height: number;
771
- };
772
- getHtmlFromResource: (response: Response) => Promise<string>;
773
- getResource: () => Promise<Response>;
774
- translateFramePositionIntoPage: (position: {
775
- clientX: number;
776
- clientY: number;
777
- }) => {
778
- clientX: number;
779
- clientY: number;
780
- };
781
- setLayoutDirty: () => void;
782
- injectStyle: (cssText: string) => void;
783
- loadContent: () => void;
784
- unloadContent: () => void;
785
- spineItemFrame: {
786
- getIsLoaded: () => boolean;
787
- getIsReady: () => boolean;
788
- getViewportDimensions: () => {
789
- width: number;
790
- height: number;
791
- } | undefined;
792
- getFrameElement: () => HTMLIFrameElement | undefined;
793
- getHtmlFromResource: (response: Response) => Promise<string>;
794
- load: () => void;
795
- unload: () => void;
796
- staticLayout: (size: {
797
- width: number;
798
- height: number;
799
- }) => void;
800
- getManipulableFrame: () => {
801
- frame: HTMLIFrameElement;
802
- removeStyle: (id: string) => void;
803
- addStyle: (id: string, style: string, prepend?: boolean) => void;
804
- } | undefined;
805
- getReadingDirection: () => "ltr" | "rtl" | undefined;
806
- isUsingVerticalWriting: () => boolean;
807
- getWritingMode: () => "vertical-rl" | "horizontal-tb" | undefined;
808
- destroy: () => void;
809
- $: {
810
- unload$: import("rxjs").Observable<void>;
811
- unloaded$: import("rxjs").Observable<void>;
812
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
813
- ready$: import("rxjs").Observable<FontFaceSet | undefined>;
814
- isReady$: import("rxjs").Observable<boolean>;
815
- contentLayoutChange$: import("rxjs").Observable<{
816
- isFirstLayout: boolean;
817
- } | {
818
- isFirstLayout: boolean;
819
- }>;
820
- };
821
- };
822
- element: HTMLElement;
823
- getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
824
- getViewPortInformation: () => {
825
- computedScale: number;
826
- computedWidthScale: number;
827
- viewportDimensions: {
828
- width: number;
829
- height: number;
830
- };
831
- } | undefined;
832
- isImageType: () => boolean;
833
- isReady: () => boolean;
834
- destroy: () => void;
835
- isUsingVerticalWriting: () => boolean | undefined;
836
- getReadingDirection: () => "ltr" | "rtl" | undefined;
837
- manipulateSpineItem: (cb: (options: {
838
- container: HTMLElement;
839
- item: {
840
- id: string;
841
- href: string;
842
- renditionLayout: "reflowable" | "pre-paginated";
843
- progressionWeight: number;
844
- pageSpreadLeft: true | undefined;
845
- pageSpreadRight: true | undefined;
846
- mediaType?: string | undefined;
847
- };
848
- overlayElement: HTMLDivElement;
849
- } & ({
850
- frame: HTMLIFrameElement;
851
- removeStyle: (id: string) => void;
852
- addStyle: (id: string, style: string, prepend?: boolean) => void;
853
- } | {
854
- frame: undefined;
855
- removeStyle: (id: string) => void;
856
- addStyle: (id: string, style: string) => void;
857
- })) => boolean) => boolean;
858
- executeOnLayoutBeforeMeasurementHook: (options: {
859
- minimumWidth: number;
860
- }) => void;
861
- selectionTracker: {
862
- track: (frameToTrack: HTMLIFrameElement) => void;
863
- destroy: () => void;
864
- isSelecting: () => boolean;
865
- getSelection: () => Selection | undefined;
866
- $: import("rxjs").Observable<{
867
- event: "selectionchange";
868
- data: Selection | null;
869
- } | {
870
- event: "selectstart";
871
- data: Selection | null;
872
- } | {
873
- event: "selectend";
874
- data: Selection | null;
875
- }>;
876
- };
877
- fingerTracker: {
878
- track: (frame: HTMLIFrameElement) => void;
879
- getFingerPositionInIframe(): {
880
- x: number | undefined;
881
- y: number | undefined;
882
- } | undefined;
883
- destroy: () => void;
884
- $: import("rxjs").Observable<{
885
- event: "fingermove";
886
- data: {
887
- x: number;
888
- y: number;
889
- };
890
- } | {
891
- event: "fingerout";
892
- data: undefined;
893
- }>;
894
- };
895
- getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
896
- columnHeight: number;
897
- columnWidth: number;
898
- width: number;
899
- };
900
- getDimensionsForPaginatedContent: () => {
901
- columnHeight: number;
902
- columnWidth: number;
903
- };
904
- $: {
905
- contentLayout$: import("rxjs").Observable<{
906
- isFirstLayout: boolean;
907
- isReady: boolean;
908
- }>;
909
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
910
- isReady$: import("rxjs").Observable<boolean>;
911
- };
912
- } | undefined;
913
- } | {
914
- lastUserExpectedNavigation: undefined;
915
- animate: boolean;
916
- x: number;
917
- y: number;
918
- spineItem?: {
919
- layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
920
- blankPagePosition: "after" | "before" | "none";
921
- minimumWidth: number;
922
- spreadPosition: "none" | "right" | "left";
923
- }) => {
924
- width: number;
925
- height: number;
926
- };
927
- item: {
928
- id: string;
929
- href: string;
930
- renditionLayout: "reflowable" | "pre-paginated";
931
- progressionWeight: number;
932
- pageSpreadLeft: true | undefined;
933
- pageSpreadRight: true | undefined;
934
- mediaType?: string | undefined;
935
- };
936
- load: () => void;
937
- adjustPositionOfElement: ({ right, left, top }: {
938
- right?: number | undefined;
939
- left?: number | undefined;
940
- top?: number | undefined;
941
- }) => void;
942
- getElementDimensions: () => {
943
- width: number;
944
- height: number;
945
- };
946
- getHtmlFromResource: (response: Response) => Promise<string>;
947
- getResource: () => Promise<Response>;
948
- translateFramePositionIntoPage: (position: {
949
- clientX: number;
950
- clientY: number;
951
- }) => {
952
- clientX: number;
953
- clientY: number;
954
- };
955
- setLayoutDirty: () => void;
956
- injectStyle: (cssText: string) => void;
957
- loadContent: () => void;
958
- unloadContent: () => void;
959
- spineItemFrame: {
960
- getIsLoaded: () => boolean;
961
- getIsReady: () => boolean;
962
- getViewportDimensions: () => {
963
- width: number;
964
- height: number;
965
- } | undefined;
966
- getFrameElement: () => HTMLIFrameElement | undefined;
967
- getHtmlFromResource: (response: Response) => Promise<string>;
968
- load: () => void;
969
- unload: () => void;
970
- staticLayout: (size: {
971
- width: number;
972
- height: number;
973
- }) => void;
974
- getManipulableFrame: () => {
975
- frame: HTMLIFrameElement;
976
- removeStyle: (id: string) => void;
977
- addStyle: (id: string, style: string, prepend?: boolean) => void;
978
- } | undefined;
979
- getReadingDirection: () => "ltr" | "rtl" | undefined;
980
- isUsingVerticalWriting: () => boolean;
981
- getWritingMode: () => "vertical-rl" | "horizontal-tb" | undefined;
982
- destroy: () => void;
983
- $: {
984
- unload$: import("rxjs").Observable<void>;
985
- unloaded$: import("rxjs").Observable<void>;
986
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
987
- ready$: import("rxjs").Observable<FontFaceSet | undefined>;
988
- isReady$: import("rxjs").Observable<boolean>;
989
- contentLayoutChange$: import("rxjs").Observable<{
990
- isFirstLayout: boolean;
991
- } | {
992
- isFirstLayout: boolean;
993
- }>;
994
- };
995
- };
996
- element: HTMLElement;
997
- getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
998
- getViewPortInformation: () => {
999
- computedScale: number;
1000
- computedWidthScale: number;
1001
- viewportDimensions: {
1002
- width: number;
1003
- height: number;
1004
- };
1005
- } | undefined;
1006
- isImageType: () => boolean;
1007
- isReady: () => boolean;
1008
- destroy: () => void;
1009
- isUsingVerticalWriting: () => boolean | undefined;
1010
- getReadingDirection: () => "ltr" | "rtl" | undefined;
1011
- manipulateSpineItem: (cb: (options: {
1012
- container: HTMLElement;
1013
- item: {
1014
- id: string;
1015
- href: string;
1016
- renditionLayout: "reflowable" | "pre-paginated";
1017
- progressionWeight: number;
1018
- pageSpreadLeft: true | undefined;
1019
- pageSpreadRight: true | undefined;
1020
- mediaType?: string | undefined;
1021
- };
1022
- overlayElement: HTMLDivElement;
1023
- } & ({
1024
- frame: HTMLIFrameElement;
1025
- removeStyle: (id: string) => void;
1026
- addStyle: (id: string, style: string, prepend?: boolean) => void;
1027
- } | {
1028
- frame: undefined;
1029
- removeStyle: (id: string) => void;
1030
- addStyle: (id: string, style: string) => void;
1031
- })) => boolean) => boolean;
1032
- executeOnLayoutBeforeMeasurementHook: (options: {
1033
- minimumWidth: number;
1034
- }) => void;
1035
- selectionTracker: {
1036
- track: (frameToTrack: HTMLIFrameElement) => void;
1037
- destroy: () => void;
1038
- isSelecting: () => boolean;
1039
- getSelection: () => Selection | undefined;
1040
- $: import("rxjs").Observable<{
1041
- event: "selectionchange";
1042
- data: Selection | null;
1043
- } | {
1044
- event: "selectstart";
1045
- data: Selection | null;
1046
- } | {
1047
- event: "selectend";
1048
- data: Selection | null;
1049
- }>;
1050
- };
1051
- fingerTracker: {
1052
- track: (frame: HTMLIFrameElement) => void;
1053
- getFingerPositionInIframe(): {
1054
- x: number | undefined;
1055
- y: number | undefined;
1056
- } | undefined;
1057
- destroy: () => void;
1058
- $: import("rxjs").Observable<{
1059
- event: "fingermove";
1060
- data: {
1061
- x: number;
1062
- y: number;
1063
- };
1064
- } | {
1065
- event: "fingerout";
1066
- data: undefined;
1067
- }>;
1068
- };
1069
- getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
1070
- columnHeight: number;
1071
- columnWidth: number;
1072
- width: number;
1073
- };
1074
- getDimensionsForPaginatedContent: () => {
1075
- columnHeight: number;
1076
- columnWidth: number;
1077
- };
1078
- $: {
1079
- contentLayout$: import("rxjs").Observable<{
1080
- isFirstLayout: boolean;
1081
- isReady: boolean;
1082
- }>;
1083
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
1084
- isReady$: import("rxjs").Observable<boolean>;
1085
- };
1086
- } | undefined;
1087
- } | {
1088
- animate: boolean;
1089
- lastUserExpectedNavigation: {
1090
- type: "navigate-from-cfi";
1091
- data: string;
1092
- };
1093
- x: number;
1094
- y: number;
1095
- spineItem?: {
1096
- layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
1097
- blankPagePosition: "after" | "before" | "none";
1098
- minimumWidth: number;
1099
- spreadPosition: "none" | "right" | "left";
1100
- }) => {
1101
- width: number;
1102
- height: number;
1103
- };
1104
- item: {
1105
- id: string;
1106
- href: string;
1107
- renditionLayout: "reflowable" | "pre-paginated";
1108
- progressionWeight: number;
1109
- pageSpreadLeft: true | undefined;
1110
- pageSpreadRight: true | undefined;
1111
- mediaType?: string | undefined;
1112
- };
1113
- load: () => void;
1114
- adjustPositionOfElement: ({ right, left, top }: {
1115
- right?: number | undefined;
1116
- left?: number | undefined;
1117
- top?: number | undefined;
1118
- }) => void;
1119
- getElementDimensions: () => {
1120
- width: number;
1121
- height: number;
1122
- };
1123
- getHtmlFromResource: (response: Response) => Promise<string>;
1124
- getResource: () => Promise<Response>;
1125
- translateFramePositionIntoPage: (position: {
1126
- clientX: number;
1127
- clientY: number;
1128
- }) => {
1129
- clientX: number;
1130
- clientY: number;
1131
- };
1132
- setLayoutDirty: () => void;
1133
- injectStyle: (cssText: string) => void;
1134
- loadContent: () => void;
1135
- unloadContent: () => void;
1136
- spineItemFrame: {
1137
- getIsLoaded: () => boolean;
1138
- getIsReady: () => boolean;
1139
- getViewportDimensions: () => {
1140
- width: number;
1141
- height: number;
1142
- } | undefined;
1143
- getFrameElement: () => HTMLIFrameElement | undefined;
1144
- getHtmlFromResource: (response: Response) => Promise<string>;
1145
- load: () => void;
1146
- unload: () => void;
1147
- staticLayout: (size: {
1148
- width: number;
1149
- height: number;
1150
- }) => void;
1151
- getManipulableFrame: () => {
1152
- frame: HTMLIFrameElement;
1153
- removeStyle: (id: string) => void;
1154
- addStyle: (id: string, style: string, prepend?: boolean) => void;
1155
- } | undefined;
1156
- getReadingDirection: () => "ltr" | "rtl" | undefined;
1157
- isUsingVerticalWriting: () => boolean;
1158
- getWritingMode: () => "vertical-rl" | "horizontal-tb" | undefined;
1159
- destroy: () => void;
1160
- $: {
1161
- unload$: import("rxjs").Observable<void>;
1162
- unloaded$: import("rxjs").Observable<void>;
1163
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
1164
- ready$: import("rxjs").Observable<FontFaceSet | undefined>;
1165
- isReady$: import("rxjs").Observable<boolean>;
1166
- contentLayoutChange$: import("rxjs").Observable<{
1167
- isFirstLayout: boolean;
1168
- } | {
1169
- isFirstLayout: boolean;
1170
- }>;
1171
- };
1172
- };
1173
- element: HTMLElement;
1174
- getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
1175
- getViewPortInformation: () => {
1176
- computedScale: number;
1177
- computedWidthScale: number;
1178
- viewportDimensions: {
1179
- width: number;
1180
- height: number;
1181
- };
1182
- } | undefined;
1183
- isImageType: () => boolean;
1184
- isReady: () => boolean;
1185
- destroy: () => void;
1186
- isUsingVerticalWriting: () => boolean | undefined;
1187
- getReadingDirection: () => "ltr" | "rtl" | undefined;
1188
- manipulateSpineItem: (cb: (options: {
1189
- container: HTMLElement;
1190
- item: {
1191
- id: string;
1192
- href: string;
1193
- renditionLayout: "reflowable" | "pre-paginated";
1194
- progressionWeight: number;
1195
- pageSpreadLeft: true | undefined;
1196
- pageSpreadRight: true | undefined;
1197
- mediaType?: string | undefined;
1198
- };
1199
- overlayElement: HTMLDivElement;
1200
- } & ({
1201
- frame: HTMLIFrameElement;
1202
- removeStyle: (id: string) => void;
1203
- addStyle: (id: string, style: string, prepend?: boolean) => void;
1204
- } | {
1205
- frame: undefined;
1206
- removeStyle: (id: string) => void;
1207
- addStyle: (id: string, style: string) => void;
1208
- })) => boolean) => boolean;
1209
- executeOnLayoutBeforeMeasurementHook: (options: {
1210
- minimumWidth: number;
1211
- }) => void;
1212
- selectionTracker: {
1213
- track: (frameToTrack: HTMLIFrameElement) => void;
1214
- destroy: () => void;
1215
- isSelecting: () => boolean;
1216
- getSelection: () => Selection | undefined;
1217
- $: import("rxjs").Observable<{
1218
- event: "selectionchange";
1219
- data: Selection | null;
1220
- } | {
1221
- event: "selectstart";
1222
- data: Selection | null;
1223
- } | {
1224
- event: "selectend";
1225
- data: Selection | null;
1226
- }>;
1227
- };
1228
- fingerTracker: {
1229
- track: (frame: HTMLIFrameElement) => void;
1230
- getFingerPositionInIframe(): {
1231
- x: number | undefined;
1232
- y: number | undefined;
1233
- } | undefined;
1234
- destroy: () => void;
1235
- $: import("rxjs").Observable<{
1236
- event: "fingermove";
1237
- data: {
1238
- x: number;
1239
- y: number;
1240
- };
1241
- } | {
1242
- event: "fingerout";
1243
- data: undefined;
1244
- }>;
1245
- };
1246
- getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
1247
- columnHeight: number;
1248
- columnWidth: number;
1249
- width: number;
1250
- };
1251
- getDimensionsForPaginatedContent: () => {
1252
- columnHeight: number;
1253
- columnWidth: number;
1254
- };
1255
- $: {
1256
- contentLayout$: import("rxjs").Observable<{
1257
- isFirstLayout: boolean;
1258
- isReady: boolean;
1259
- }>;
1260
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
1261
- isReady$: import("rxjs").Observable<boolean>;
1262
- };
1263
- } | undefined;
1264
- } | {
1265
- lastUserExpectedNavigation: undefined;
1266
- animate: boolean;
1267
- x: number;
1268
- y: number;
1269
- spineItem?: {
1270
- layout: ({ blankPagePosition, minimumWidth, spreadPosition, }: {
1271
- blankPagePosition: "after" | "before" | "none";
1272
- minimumWidth: number;
1273
- spreadPosition: "none" | "right" | "left";
1274
- }) => {
1275
- width: number;
1276
- height: number;
1277
- };
1278
- item: {
1279
- id: string;
1280
- href: string;
1281
- renditionLayout: "reflowable" | "pre-paginated";
1282
- progressionWeight: number;
1283
- pageSpreadLeft: true | undefined;
1284
- pageSpreadRight: true | undefined;
1285
- mediaType?: string | undefined;
1286
- };
1287
- load: () => void;
1288
- adjustPositionOfElement: ({ right, left, top }: {
1289
- right?: number | undefined;
1290
- left?: number | undefined;
1291
- top?: number | undefined;
1292
- }) => void;
1293
- getElementDimensions: () => {
1294
- width: number;
1295
- height: number;
1296
- };
1297
- getHtmlFromResource: (response: Response) => Promise<string>;
1298
- getResource: () => Promise<Response>;
1299
- translateFramePositionIntoPage: (position: {
1300
- clientX: number;
1301
- clientY: number;
1302
- }) => {
1303
- clientX: number;
1304
- clientY: number;
1305
- };
1306
- setLayoutDirty: () => void;
1307
- injectStyle: (cssText: string) => void;
1308
- loadContent: () => void;
1309
- unloadContent: () => void;
1310
- spineItemFrame: {
1311
- getIsLoaded: () => boolean;
1312
- getIsReady: () => boolean;
1313
- getViewportDimensions: () => {
1314
- width: number;
1315
- height: number;
1316
- } | undefined;
1317
- getFrameElement: () => HTMLIFrameElement | undefined;
1318
- getHtmlFromResource: (response: Response) => Promise<string>;
1319
- load: () => void;
1320
- unload: () => void;
1321
- staticLayout: (size: {
1322
- width: number;
1323
- height: number;
1324
- }) => void;
1325
- getManipulableFrame: () => {
1326
- frame: HTMLIFrameElement;
1327
- removeStyle: (id: string) => void;
1328
- addStyle: (id: string, style: string, prepend?: boolean) => void;
1329
- } | undefined;
1330
- getReadingDirection: () => "ltr" | "rtl" | undefined;
1331
- isUsingVerticalWriting: () => boolean;
1332
- getWritingMode: () => "vertical-rl" | "horizontal-tb" | undefined;
1333
- destroy: () => void;
1334
- $: {
1335
- unload$: import("rxjs").Observable<void>;
1336
- unloaded$: import("rxjs").Observable<void>;
1337
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
1338
- ready$: import("rxjs").Observable<FontFaceSet | undefined>;
1339
- isReady$: import("rxjs").Observable<boolean>;
1340
- contentLayoutChange$: import("rxjs").Observable<{
1341
- isFirstLayout: boolean;
1342
- } | {
1343
- isFirstLayout: boolean;
1344
- }>;
1345
- };
1346
- };
1347
- element: HTMLElement;
1348
- getBoundingRectOfElementFromSelector: (selector: string) => DOMRect | undefined;
1349
- getViewPortInformation: () => {
1350
- computedScale: number;
1351
- computedWidthScale: number;
1352
- viewportDimensions: {
1353
- width: number;
1354
- height: number;
1355
- };
1356
- } | undefined;
1357
- isImageType: () => boolean;
1358
- isReady: () => boolean;
1359
- destroy: () => void;
1360
- isUsingVerticalWriting: () => boolean | undefined;
1361
- getReadingDirection: () => "ltr" | "rtl" | undefined;
1362
- manipulateSpineItem: (cb: (options: {
1363
- container: HTMLElement;
1364
- item: {
1365
- id: string;
1366
- href: string;
1367
- renditionLayout: "reflowable" | "pre-paginated";
1368
- progressionWeight: number;
1369
- pageSpreadLeft: true | undefined;
1370
- pageSpreadRight: true | undefined;
1371
- mediaType?: string | undefined;
1372
- };
1373
- overlayElement: HTMLDivElement;
1374
- } & ({
1375
- frame: HTMLIFrameElement;
1376
- removeStyle: (id: string) => void;
1377
- addStyle: (id: string, style: string, prepend?: boolean) => void;
1378
- } | {
1379
- frame: undefined;
1380
- removeStyle: (id: string) => void;
1381
- addStyle: (id: string, style: string) => void;
1382
- })) => boolean) => boolean;
1383
- executeOnLayoutBeforeMeasurementHook: (options: {
1384
- minimumWidth: number;
1385
- }) => void;
1386
- selectionTracker: {
1387
- track: (frameToTrack: HTMLIFrameElement) => void;
1388
- destroy: () => void;
1389
- isSelecting: () => boolean;
1390
- getSelection: () => Selection | undefined;
1391
- $: import("rxjs").Observable<{
1392
- event: "selectionchange";
1393
- data: Selection | null;
1394
- } | {
1395
- event: "selectstart";
1396
- data: Selection | null;
1397
- } | {
1398
- event: "selectend";
1399
- data: Selection | null;
1400
- }>;
1401
- };
1402
- fingerTracker: {
1403
- track: (frame: HTMLIFrameElement) => void;
1404
- getFingerPositionInIframe(): {
1405
- x: number | undefined;
1406
- y: number | undefined;
1407
- } | undefined;
1408
- destroy: () => void;
1409
- $: import("rxjs").Observable<{
1410
- event: "fingermove";
1411
- data: {
1412
- x: number;
1413
- y: number;
1414
- };
1415
- } | {
1416
- event: "fingerout";
1417
- data: undefined;
1418
- }>;
1419
- };
1420
- getDimensionsForReflowableContent: (isUsingVerticalWriting: boolean, minimumWidth: number) => {
1421
- columnHeight: number;
1422
- columnWidth: number;
1423
- width: number;
1424
- };
1425
- getDimensionsForPaginatedContent: () => {
1426
- columnHeight: number;
1427
- columnWidth: number;
1428
- };
1429
- $: {
1430
- contentLayout$: import("rxjs").Observable<{
1431
- isFirstLayout: boolean;
1432
- isReady: boolean;
1433
- }>;
1434
- loaded$: import("rxjs").Observable<HTMLIFrameElement>;
1435
- isReady$: import("rxjs").Observable<boolean>;
1436
- };
1437
- } | undefined;
1438
- }>;
1439
- };
1440
- };