@embedpdf/plugin-zoom 1.0.11 → 1.0.13

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 (49) hide show
  1. package/dist/hammer-Bs-QCG8V.cjs +7 -0
  2. package/dist/hammer-Bs-QCG8V.cjs.map +1 -0
  3. package/dist/hammer-e1aXHboh.js +1810 -0
  4. package/dist/hammer-e1aXHboh.js.map +1 -0
  5. package/dist/index.cjs +2 -481
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.d.ts +1 -147
  8. package/dist/index.js +43 -59
  9. package/dist/index.js.map +1 -1
  10. package/dist/lib/actions.d.ts +20 -0
  11. package/dist/lib/index.d.ts +10 -0
  12. package/dist/lib/manifest.d.ts +4 -0
  13. package/dist/lib/reducer.d.ts +5 -0
  14. package/dist/lib/types.d.ts +84 -0
  15. package/dist/lib/zoom-plugin.d.ts +38 -0
  16. package/dist/preact/adapter.d.ts +5 -0
  17. package/dist/preact/core.d.ts +1 -0
  18. package/dist/preact/index.cjs +2 -262
  19. package/dist/preact/index.cjs.map +1 -1
  20. package/dist/preact/index.d.ts +1 -54
  21. package/dist/preact/index.js +29 -34
  22. package/dist/preact/index.js.map +1 -1
  23. package/dist/preact/interaction-manager.d.ts +1 -0
  24. package/dist/react/adapter.d.ts +2 -0
  25. package/dist/react/core.d.ts +1 -0
  26. package/dist/react/index.cjs +2 -262
  27. package/dist/react/index.cjs.map +1 -1
  28. package/dist/react/index.d.ts +1 -53
  29. package/dist/react/index.js +28 -34
  30. package/dist/react/index.js.map +1 -1
  31. package/dist/react/interaction-manager.d.ts +1 -0
  32. package/dist/shared-preact/components/index.d.ts +2 -0
  33. package/dist/shared-preact/components/marquee-zoom.d.ts +21 -0
  34. package/dist/shared-preact/components/pinch-wrapper.d.ts +7 -0
  35. package/dist/shared-preact/hooks/index.d.ts +2 -0
  36. package/dist/shared-preact/hooks/use-pinch-zoom.d.ts +3 -0
  37. package/dist/shared-preact/hooks/use-zoom.d.ts +15 -0
  38. package/dist/shared-preact/index.d.ts +2 -0
  39. package/dist/shared-react/components/index.d.ts +2 -0
  40. package/dist/shared-react/components/marquee-zoom.d.ts +21 -0
  41. package/dist/shared-react/components/pinch-wrapper.d.ts +7 -0
  42. package/dist/shared-react/hooks/index.d.ts +2 -0
  43. package/dist/shared-react/hooks/use-pinch-zoom.d.ts +3 -0
  44. package/dist/shared-react/hooks/use-zoom.d.ts +15 -0
  45. package/dist/shared-react/index.d.ts +2 -0
  46. package/package.json +18 -17
  47. package/dist/index.d.cts +0 -147
  48. package/dist/preact/index.d.cts +0 -54
  49. package/dist/react/index.d.cts +0 -53
package/dist/index.cjs CHANGED
@@ -1,481 +1,2 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/index.ts
21
- var index_exports = {};
22
- __export(index_exports, {
23
- VerticalZoomFocus: () => VerticalZoomFocus,
24
- ZOOM_PLUGIN_ID: () => ZOOM_PLUGIN_ID,
25
- ZoomMode: () => ZoomMode,
26
- ZoomPlugin: () => ZoomPlugin,
27
- ZoomPluginPackage: () => ZoomPluginPackage,
28
- initialState: () => initialState,
29
- manifest: () => manifest
30
- });
31
- module.exports = __toCommonJS(index_exports);
32
-
33
- // src/lib/types.ts
34
- var ZoomMode = /* @__PURE__ */ ((ZoomMode2) => {
35
- ZoomMode2["Automatic"] = "automatic";
36
- ZoomMode2["FitPage"] = "fit-page";
37
- ZoomMode2["FitWidth"] = "fit-width";
38
- return ZoomMode2;
39
- })(ZoomMode || {});
40
- var VerticalZoomFocus = /* @__PURE__ */ ((VerticalZoomFocus2) => {
41
- VerticalZoomFocus2[VerticalZoomFocus2["Center"] = 0] = "Center";
42
- VerticalZoomFocus2[VerticalZoomFocus2["Top"] = 1] = "Top";
43
- return VerticalZoomFocus2;
44
- })(VerticalZoomFocus || {});
45
-
46
- // src/lib/manifest.ts
47
- var ZOOM_PLUGIN_ID = "zoom";
48
- var manifest = {
49
- id: ZOOM_PLUGIN_ID,
50
- name: "Zoom Plugin",
51
- version: "1.0.0",
52
- provides: ["zoom"],
53
- requires: ["viewport", "scroll"],
54
- optional: ["interaction-manager"],
55
- defaultConfig: {
56
- enabled: true,
57
- defaultZoomLevel: "automatic" /* Automatic */,
58
- minZoom: 0.2,
59
- maxZoom: 60,
60
- zoomStep: 0.1,
61
- zoomRanges: [
62
- {
63
- min: 0.2,
64
- max: 0.5,
65
- step: 0.05
66
- },
67
- {
68
- min: 0.5,
69
- max: 1,
70
- step: 0.1
71
- },
72
- {
73
- min: 1,
74
- max: 2,
75
- step: 0.2
76
- },
77
- {
78
- min: 2,
79
- max: 4,
80
- step: 0.4
81
- },
82
- {
83
- min: 4,
84
- max: 10,
85
- step: 0.8
86
- },
87
- {
88
- min: 10,
89
- max: 20,
90
- step: 1.6
91
- },
92
- {
93
- min: 20,
94
- max: 40,
95
- step: 3.2
96
- },
97
- {
98
- min: 40,
99
- max: 60,
100
- step: 6.4
101
- }
102
- ],
103
- presets: [
104
- {
105
- name: "Fit Page",
106
- value: "fit-page" /* FitPage */
107
- },
108
- {
109
- name: "Fit Width",
110
- value: "fit-width" /* FitWidth */
111
- },
112
- {
113
- name: "Automatic",
114
- value: "automatic" /* Automatic */
115
- },
116
- {
117
- name: "25%",
118
- value: 0.25
119
- },
120
- {
121
- name: "50%",
122
- value: 0.5
123
- },
124
- {
125
- name: "100%",
126
- value: 1
127
- },
128
- {
129
- name: "125%",
130
- value: 1.25
131
- },
132
- {
133
- name: "150%",
134
- value: 1.5
135
- },
136
- {
137
- name: "200%",
138
- value: 2
139
- },
140
- {
141
- name: "400%",
142
- value: 4
143
- },
144
- {
145
- name: "800%",
146
- value: 8
147
- },
148
- {
149
- name: "1600%",
150
- value: 16
151
- }
152
- ]
153
- }
154
- };
155
-
156
- // src/lib/actions.ts
157
- var SET_ZOOM_LEVEL = "SET_ZOOM_LEVEL";
158
- var SET_INITIAL_ZOOM_LEVEL = "SET_INITIAL_ZOOM_LEVEL";
159
- function setZoomLevel(zoomLevel, currentZoomLevel) {
160
- return {
161
- type: SET_ZOOM_LEVEL,
162
- payload: { zoomLevel, currentZoomLevel }
163
- };
164
- }
165
- function setInitialZoomLevel(zoomLevel) {
166
- return {
167
- type: SET_INITIAL_ZOOM_LEVEL,
168
- payload: { zoomLevel }
169
- };
170
- }
171
-
172
- // src/lib/reducer.ts
173
- var initialState = {
174
- zoomLevel: "automatic" /* Automatic */,
175
- currentZoomLevel: 1
176
- };
177
- var zoomReducer = (state = initialState, action) => {
178
- switch (action.type) {
179
- case SET_ZOOM_LEVEL:
180
- return {
181
- ...state,
182
- zoomLevel: action.payload.zoomLevel,
183
- currentZoomLevel: action.payload.currentZoomLevel
184
- };
185
- case SET_INITIAL_ZOOM_LEVEL:
186
- return {
187
- ...state,
188
- zoomLevel: action.payload.zoomLevel
189
- };
190
- default:
191
- return state;
192
- }
193
- };
194
-
195
- // src/lib/zoom-plugin.ts
196
- var import_core = require("@embedpdf/core");
197
- var import_models = require("@embedpdf/models");
198
- var ZoomPlugin = class extends import_core.BasePlugin {
199
- /* ------------------------------------------------------------------ */
200
- constructor(id, registry, cfg) {
201
- super(id, registry);
202
- /* ------------------------------------------------------------------ */
203
- /* internals */
204
- /* ------------------------------------------------------------------ */
205
- this.zoom$ = (0, import_core.createEmitter)();
206
- this.state$ = (0, import_core.createBehaviorEmitter)();
207
- this.viewportPlugin = registry.getPlugin("viewport");
208
- this.viewport = this.viewportPlugin.provides();
209
- this.scroll = registry.getPlugin("scroll").provides();
210
- const interactionManager = registry.getPlugin("interaction-manager");
211
- this.interactionManager = interactionManager?.provides() ?? null;
212
- this.minZoom = cfg.minZoom ?? 0.25;
213
- this.maxZoom = cfg.maxZoom ?? 10;
214
- this.zoomStep = cfg.zoomStep ?? 0.1;
215
- this.presets = cfg.presets ?? [];
216
- this.zoomRanges = this.normalizeRanges(cfg.zoomRanges ?? []);
217
- this.dispatch(setInitialZoomLevel(cfg.defaultZoomLevel));
218
- this.viewport.onViewportResize(() => this.recalcAuto(1 /* Top */), {
219
- mode: "debounce",
220
- wait: 150
221
- });
222
- this.coreStore.onAction(import_core.SET_ROTATION, () => this.recalcAuto(1 /* Top */));
223
- this.coreStore.onAction(import_core.SET_PAGES, () => this.recalcAuto(1 /* Top */));
224
- this.coreStore.onAction(import_core.SET_DOCUMENT, () => this.recalcAuto(1 /* Top */));
225
- this.interactionManager?.registerMode({
226
- id: "marqueeZoom",
227
- scope: "page",
228
- exclusive: true,
229
- cursor: "zoom-in"
230
- });
231
- this.resetReady();
232
- }
233
- /* ------------------------------------------------------------------ */
234
- /* capability */
235
- /* ------------------------------------------------------------------ */
236
- buildCapability() {
237
- return {
238
- onZoomChange: this.zoom$.on,
239
- onStateChange: this.state$.on,
240
- zoomIn: () => {
241
- const cur = this.state.currentZoomLevel;
242
- return this.handleRequest({ level: cur, delta: this.stepFor(cur) });
243
- },
244
- zoomOut: () => {
245
- const cur = this.state.currentZoomLevel;
246
- return this.handleRequest({ level: cur, delta: -this.stepFor(cur) });
247
- },
248
- zoomToArea: (pageIndex, rect) => this.handleZoomToArea(pageIndex, rect),
249
- requestZoom: (level, c) => this.handleRequest({ level, center: c }),
250
- requestZoomBy: (d, c) => {
251
- const cur = this.state.currentZoomLevel;
252
- const target = this.toZoom(cur + d);
253
- return this.handleRequest({ level: target, center: c });
254
- },
255
- enableMarqueeZoom: () => {
256
- this.interactionManager?.activate("marqueeZoom");
257
- },
258
- disableMarqueeZoom: () => {
259
- this.interactionManager?.activate("default");
260
- },
261
- toggleMarqueeZoom: () => {
262
- if (this.interactionManager?.getActiveMode() === "marqueeZoom") {
263
- this.interactionManager?.activate("default");
264
- } else {
265
- this.interactionManager?.activate("marqueeZoom");
266
- }
267
- },
268
- isMarqueeZoomActive: () => this.interactionManager?.getActiveMode() === "marqueeZoom",
269
- getState: () => this.state,
270
- getPresets: () => this.presets
271
- };
272
- }
273
- /* ------------------------------------------------------------------ */
274
- /* plugin life‑cycle */
275
- /* ------------------------------------------------------------------ */
276
- async initialize() {
277
- }
278
- async destroy() {
279
- this.zoom$.clear();
280
- }
281
- /**
282
- * Sort ranges once, make sure they are sane
283
- */
284
- normalizeRanges(ranges) {
285
- return [...ranges].filter((r) => r.step > 0 && r.max > r.min).sort((a, b) => a.min - b.min);
286
- }
287
- /** pick the step that applies to a given numeric zoom */
288
- stepFor(zoom) {
289
- const r = this.zoomRanges.find((r2) => zoom >= r2.min && zoom < r2.max);
290
- return r ? r.step : this.zoomStep;
291
- }
292
- /** clamp + round helper reused later */
293
- toZoom(v) {
294
- return parseFloat((0, import_core.clamp)(v, this.minZoom, this.maxZoom).toFixed(2));
295
- }
296
- /* ------------------------------------------------------------------ */
297
- /* main entry – handles **every** zoom request */
298
- /* ------------------------------------------------------------------ */
299
- handleRequest({
300
- level,
301
- delta = 0,
302
- center,
303
- focus = 0 /* Center */,
304
- align = "keep"
305
- }) {
306
- const metrics = this.viewport.getMetrics();
307
- const oldZoom = this.state.currentZoomLevel;
308
- if (metrics.clientWidth === 0 || metrics.clientHeight === 0) {
309
- return;
310
- }
311
- const base = typeof level === "number" ? level : this.computeZoomForMode(level, metrics);
312
- if (base === false) {
313
- return;
314
- }
315
- const exactZoom = (0, import_core.clamp)(base + delta, this.minZoom, this.maxZoom);
316
- const newZoom = Math.floor(exactZoom * 100) / 100;
317
- const focusPoint = center ?? {
318
- vx: metrics.clientWidth / 2,
319
- vy: focus === 1 /* Top */ ? 0 : metrics.clientHeight / 2
320
- };
321
- const { desiredScrollLeft, desiredScrollTop } = this.computeScrollForZoomChange(
322
- metrics,
323
- oldZoom,
324
- newZoom,
325
- focusPoint,
326
- align
327
- );
328
- if (!isNaN(desiredScrollLeft) && !isNaN(desiredScrollTop)) {
329
- this.viewportPlugin.setViewportScrollMetrics({
330
- scrollLeft: desiredScrollLeft,
331
- scrollTop: desiredScrollTop
332
- });
333
- }
334
- this.dispatch(setZoomLevel(typeof level === "number" ? newZoom : level, newZoom));
335
- this.dispatchCoreAction((0, import_core.setScale)(newZoom));
336
- this.markReady();
337
- this.viewport.scrollTo({
338
- x: desiredScrollLeft,
339
- y: desiredScrollTop,
340
- behavior: "instant"
341
- });
342
- const evt = {
343
- oldZoom,
344
- newZoom,
345
- level,
346
- center: focusPoint,
347
- desiredScrollLeft,
348
- desiredScrollTop,
349
- viewport: metrics
350
- };
351
- this.zoom$.emit(evt);
352
- }
353
- /* ------------------------------------------------------------------ */
354
- /* helpers */
355
- /* ------------------------------------------------------------------ */
356
- /** numeric zoom for Automatic / FitPage / FitWidth */
357
- computeZoomForMode(mode, vp) {
358
- const spreads = (0, import_core.getPagesWithRotatedSize)(this.coreState.core);
359
- if (!spreads.length) return false;
360
- const pgGap = this.scroll.getPageGap();
361
- const vpGap = this.viewport.getViewportGap();
362
- if (vp.clientWidth === 0 || vp.clientHeight === 0) {
363
- return false;
364
- }
365
- const availableWidth = vp.clientWidth - 2 * vpGap;
366
- const availableHeight = vp.clientHeight - 2 * vpGap;
367
- if (availableWidth <= 0 || availableHeight <= 0) {
368
- return false;
369
- }
370
- let maxContentW = 0, maxContentH = 0;
371
- spreads.forEach((spread) => {
372
- const contentW = spread.reduce((s, p, i) => s + p.rotatedSize.width + (i ? pgGap : 0), 0);
373
- const contentH = Math.max(...spread.map((p) => p.rotatedSize.height));
374
- maxContentW = Math.max(maxContentW, contentW);
375
- maxContentH = Math.max(maxContentH, contentH);
376
- });
377
- switch (mode) {
378
- case "fit-width" /* FitWidth */:
379
- return availableWidth / maxContentW;
380
- case "fit-page" /* FitPage */:
381
- return Math.min(availableWidth / maxContentW, availableHeight / maxContentH);
382
- case "automatic" /* Automatic */:
383
- return Math.min(availableWidth / maxContentW, 1);
384
- /* istanbul ignore next */
385
- default:
386
- return 1;
387
- }
388
- }
389
- /** where to scroll so that *focus* stays stable after scaling */
390
- computeScrollForZoomChange(vp, oldZoom, newZoom, focus, align = "keep") {
391
- const layout = this.scroll.getLayout();
392
- const vpGap = this.viewport.getViewportGap();
393
- const contentW = layout.totalContentSize.width;
394
- const contentH = layout.totalContentSize.height;
395
- const availableWidth = vp.clientWidth - 2 * vpGap;
396
- const availableHeight = vp.clientHeight - 2 * vpGap;
397
- const off = (availableSpace, cw, zoom) => cw * zoom < availableSpace ? (availableSpace - cw * zoom) / 2 : 0;
398
- const offXold = off(availableWidth, contentW, oldZoom);
399
- const offYold = off(availableHeight, contentH, oldZoom);
400
- const offXnew = off(availableWidth, contentW, newZoom);
401
- const offYnew = off(availableHeight, contentH, newZoom);
402
- const cx = (vp.scrollLeft + focus.vx - vpGap - offXold) / oldZoom;
403
- const cy = (vp.scrollTop + focus.vy - vpGap - offYold) / oldZoom;
404
- const baseLeft = cx * newZoom + vpGap + offXnew;
405
- const baseTop = cy * newZoom + vpGap + offYnew;
406
- const desiredScrollLeft = align === "center" ? baseLeft - vp.clientWidth / 2 : baseLeft - focus.vx;
407
- const desiredScrollTop = align === "center" ? baseTop - vp.clientHeight / 2 : baseTop - focus.vy;
408
- return {
409
- desiredScrollLeft: Math.max(0, desiredScrollLeft),
410
- desiredScrollTop: Math.max(0, desiredScrollTop)
411
- };
412
- }
413
- handleZoomToArea(pageIndex, rect) {
414
- const rotation = this.coreState.core.rotation;
415
- const vp = this.viewport.getMetrics();
416
- const vpGap = this.viewport.getViewportGap();
417
- const oldZ = this.state.currentZoomLevel;
418
- const availableW = vp.clientWidth - 2 * vpGap;
419
- const availableH = vp.clientHeight - 2 * vpGap;
420
- const layout = this.scroll.getLayout();
421
- const vItem = layout.virtualItems.find(
422
- (it) => it.pageLayouts.some((p) => p.pageIndex === pageIndex)
423
- );
424
- if (!vItem) return;
425
- const pageRel = vItem.pageLayouts.find((p) => p.pageIndex === pageIndex);
426
- const rotatedRect = (0, import_models.rotateRect)(
427
- {
428
- width: pageRel.width,
429
- height: pageRel.height
430
- },
431
- rect,
432
- rotation
433
- );
434
- const targetZoom = this.toZoom(
435
- Math.min(availableW / rotatedRect.size.width, availableH / rotatedRect.size.height)
436
- );
437
- const pageAbsX = vItem.x + pageRel.x;
438
- const pageAbsY = vItem.y + pageRel.y;
439
- const cxContent = pageAbsX + rotatedRect.origin.x + rotatedRect.size.width / 2;
440
- const cyContent = pageAbsY + rotatedRect.origin.y + rotatedRect.size.height / 2;
441
- const off = (avail, cw, z) => cw * z < avail ? (avail - cw * z) / 2 : 0;
442
- const offXold = off(availableW, layout.totalContentSize.width, oldZ);
443
- const offYold = off(availableH, layout.totalContentSize.height, oldZ);
444
- const centerVX = vpGap + offXold + cxContent * oldZ - vp.scrollLeft;
445
- const centerVY = vpGap + offYold + cyContent * oldZ - vp.scrollTop;
446
- this.handleRequest({
447
- level: targetZoom,
448
- center: { vx: centerVX, vy: centerVY },
449
- align: "center"
450
- });
451
- }
452
- /** recalculates Automatic / Fit* when viewport or pages change */
453
- recalcAuto(focus) {
454
- const s = this.state;
455
- if (s.zoomLevel === "automatic" /* Automatic */ || s.zoomLevel === "fit-page" /* FitPage */ || s.zoomLevel === "fit-width" /* FitWidth */)
456
- this.handleRequest({ level: s.zoomLevel, focus });
457
- }
458
- onStoreUpdated(_prevState, newState) {
459
- this.state$.emit(newState);
460
- }
461
- };
462
- ZoomPlugin.id = "zoom";
463
-
464
- // src/lib/index.ts
465
- var ZoomPluginPackage = {
466
- manifest,
467
- create: (registry, _engine, config) => new ZoomPlugin(ZOOM_PLUGIN_ID, registry, config),
468
- reducer: zoomReducer,
469
- initialState
470
- };
471
- // Annotate the CommonJS export names for ESM import in node:
472
- 0 && (module.exports = {
473
- VerticalZoomFocus,
474
- ZOOM_PLUGIN_ID,
475
- ZoomMode,
476
- ZoomPlugin,
477
- ZoomPluginPackage,
478
- initialState,
479
- manifest
480
- });
481
- //# sourceMappingURL=index.cjs.map
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/models");var o=(e=>(e.Automatic="automatic",e.FitPage="fit-page",e.FitWidth="fit-width",e))(o||{}),i=(e=>(e[e.Center=0]="Center",e[e.Top=1]="Top",e))(i||{});const a="zoom",r={id:a,name:"Zoom Plugin",version:"1.0.0",provides:["zoom"],requires:["viewport","scroll"],optional:["interaction-manager"],defaultConfig:{enabled:!0,defaultZoomLevel:o.Automatic,minZoom:.2,maxZoom:60,zoomStep:.1,zoomRanges:[{min:.2,max:.5,step:.05},{min:.5,max:1,step:.1},{min:1,max:2,step:.2},{min:2,max:4,step:.4},{min:4,max:10,step:.8},{min:10,max:20,step:1.6},{min:20,max:40,step:3.2},{min:40,max:60,step:6.4}],presets:[{name:"Fit Page",value:o.FitPage},{name:"Fit Width",value:o.FitWidth},{name:"Automatic",value:o.Automatic},{name:"25%",value:.25},{name:"50%",value:.5},{name:"100%",value:1},{name:"125%",value:1.25},{name:"150%",value:1.5},{name:"200%",value:2},{name:"400%",value:4},{name:"800%",value:8},{name:"1600%",value:16}]}},n="SET_ZOOM_LEVEL",s="SET_INITIAL_ZOOM_LEVEL";const l={zoomLevel:o.Automatic,currentZoomLevel:1},m=class extends e.BasePlugin{constructor(t,o,a){var r;super(t,o),this.zoom$=e.createEmitter(),this.state$=e.createBehaviorEmitter(),this.viewportPlugin=o.getPlugin("viewport"),this.viewport=this.viewportPlugin.provides(),this.scroll=o.getPlugin("scroll").provides();const n=o.getPlugin("interaction-manager");var l;this.interactionManager=(null==n?void 0:n.provides())??null,this.minZoom=a.minZoom??.25,this.maxZoom=a.maxZoom??10,this.zoomStep=a.zoomStep??.1,this.presets=a.presets??[],this.zoomRanges=this.normalizeRanges(a.zoomRanges??[]),this.dispatch((l=a.defaultZoomLevel,{type:s,payload:{zoomLevel:l}})),this.viewport.onViewportResize((()=>this.recalcAuto(i.Top)),{mode:"debounce",wait:150}),this.coreStore.onAction(e.SET_ROTATION,(()=>this.recalcAuto(i.Top))),this.coreStore.onAction(e.SET_PAGES,(()=>this.recalcAuto(i.Top))),this.coreStore.onAction(e.SET_DOCUMENT,(()=>this.recalcAuto(i.Top))),null==(r=this.interactionManager)||r.registerMode({id:"marqueeZoom",scope:"page",exclusive:!0,cursor:"zoom-in"}),this.resetReady()}buildCapability(){return{onZoomChange:this.zoom$.on,onStateChange:this.state$.on,zoomIn:()=>{const e=this.state.currentZoomLevel;return this.handleRequest({level:e,delta:this.stepFor(e)})},zoomOut:()=>{const e=this.state.currentZoomLevel;return this.handleRequest({level:e,delta:-this.stepFor(e)})},zoomToArea:(e,t)=>this.handleZoomToArea(e,t),requestZoom:(e,t)=>this.handleRequest({level:e,center:t}),requestZoomBy:(e,t)=>{const o=this.state.currentZoomLevel,i=this.toZoom(o+e);return this.handleRequest({level:i,center:t})},enableMarqueeZoom:()=>{var e;null==(e=this.interactionManager)||e.activate("marqueeZoom")},disableMarqueeZoom:()=>{var e;null==(e=this.interactionManager)||e.activate("default")},toggleMarqueeZoom:()=>{var e,t,o;"marqueeZoom"===(null==(e=this.interactionManager)?void 0:e.getActiveMode())?null==(t=this.interactionManager)||t.activate("default"):null==(o=this.interactionManager)||o.activate("marqueeZoom")},isMarqueeZoomActive:()=>{var e;return"marqueeZoom"===(null==(e=this.interactionManager)?void 0:e.getActiveMode())},getState:()=>this.state,getPresets:()=>this.presets}}async initialize(){}async destroy(){this.zoom$.clear()}normalizeRanges(e){return[...e].filter((e=>e.step>0&&e.max>e.min)).sort(((e,t)=>e.min-t.min))}stepFor(e){const t=this.zoomRanges.find((t=>e>=t.min&&e<t.max));return t?t.step:this.zoomStep}toZoom(t){return parseFloat(e.clamp(t,this.minZoom,this.maxZoom).toFixed(2))}handleRequest({level:t,delta:o=0,center:a,focus:r=i.Center,align:s="keep"}){const l=this.viewport.getMetrics(),m=this.state.currentZoomLevel;if(0===l.clientWidth||0===l.clientHeight)return;const c="number"==typeof t?t:this.computeZoomForMode(t,l);if(!1===c)return;const h=e.clamp(c+o,this.minZoom,this.maxZoom),u=Math.floor(100*h)/100,p=a??{vx:l.clientWidth/2,vy:r===i.Top?0:l.clientHeight/2},{desiredScrollLeft:d,desiredScrollTop:v}=this.computeScrollForZoomChange(l,m,u,p,s);isNaN(d)||isNaN(v)||this.viewportPlugin.setViewportScrollMetrics({scrollLeft:d,scrollTop:v}),this.dispatch({type:n,payload:{zoomLevel:"number"==typeof t?u:t,currentZoomLevel:u}}),this.dispatchCoreAction(e.setScale(u)),this.markReady(),this.viewport.scrollTo({x:d,y:v,behavior:"instant"});const g={oldZoom:m,newZoom:u,level:t,center:p,desiredScrollLeft:d,desiredScrollTop:v,viewport:l};this.zoom$.emit(g)}computeZoomForMode(t,i){const a=e.getPagesWithRotatedSize(this.coreState.core);if(!a.length)return!1;const r=this.scroll.getPageGap(),n=this.viewport.getViewportGap();if(0===i.clientWidth||0===i.clientHeight)return!1;const s=i.clientWidth-2*n,l=i.clientHeight-2*n;if(s<=0||l<=0)return!1;let m=0,c=0;switch(a.forEach((e=>{const t=e.reduce(((e,t,o)=>e+t.rotatedSize.width+(o?r:0)),0),o=Math.max(...e.map((e=>e.rotatedSize.height)));m=Math.max(m,t),c=Math.max(c,o)})),t){case o.FitWidth:return s/m;case o.FitPage:return Math.min(s/m,l/c);case o.Automatic:return Math.min(s/m,1);default:return 1}}computeScrollForZoomChange(e,t,o,i,a="keep"){const r=this.scroll.getLayout(),n=this.viewport.getViewportGap(),s=r.totalContentSize.width,l=r.totalContentSize.height,m=e.clientWidth-2*n,c=e.clientHeight-2*n,h=(e,t,o)=>t*o<e?(e-t*o)/2:0,u=h(m,s,t),p=h(c,l,t),d=h(m,s,o),v=h(c,l,o),g=(e.scrollLeft+i.vx-n-u)/t*o+n+d,Z=(e.scrollTop+i.vy-n-p)/t*o+n+v,z="center"===a?g-e.clientWidth/2:g-i.vx,x="center"===a?Z-e.clientHeight/2:Z-i.vy;return{desiredScrollLeft:Math.max(0,z),desiredScrollTop:Math.max(0,x)}}handleZoomToArea(e,o){const i=this.coreState.core.rotation,a=this.viewport.getMetrics(),r=this.viewport.getViewportGap(),n=this.state.currentZoomLevel,s=a.clientWidth-2*r,l=a.clientHeight-2*r,m=this.scroll.getLayout(),c=m.virtualItems.find((t=>t.pageLayouts.some((t=>t.pageIndex===e))));if(!c)return;const h=c.pageLayouts.find((t=>t.pageIndex===e)),u=t.rotateRect({width:h.width,height:h.height},o,i),p=this.toZoom(Math.min(s/u.size.width,l/u.size.height)),d=c.x+h.x,v=c.y+h.y,g=d+u.origin.x+u.size.width/2,Z=v+u.origin.y+u.size.height/2,z=(e,t,o)=>t*o<e?(e-t*o)/2:0,x=z(s,m.totalContentSize.width,n),S=z(l,m.totalContentSize.height,n),L=r+x+g*n-a.scrollLeft,f=r+S+Z*n-a.scrollTop;this.handleRequest({level:p,center:{vx:L,vy:f},align:"center"})}recalcAuto(e){const t=this.state;t.zoomLevel!==o.Automatic&&t.zoomLevel!==o.FitPage&&t.zoomLevel!==o.FitWidth||this.handleRequest({level:t.zoomLevel,focus:e})}onStoreUpdated(e,t){this.state$.emit(t)}};m.id="zoom";let c=m;const h={manifest:r,create:(e,t,o)=>new c(a,e,o),reducer:(e=l,t)=>{switch(t.type){case n:return{...e,zoomLevel:t.payload.zoomLevel,currentZoomLevel:t.payload.currentZoomLevel};case s:return{...e,zoomLevel:t.payload.zoomLevel};default:return e}},initialState:l};exports.VerticalZoomFocus=i,exports.ZOOM_PLUGIN_ID=a,exports.ZoomMode=o,exports.ZoomPlugin=c,exports.ZoomPluginPackage=h,exports.initialState=l,exports.manifest=r;
2
+ //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/lib/types.ts","../src/lib/manifest.ts","../src/lib/actions.ts","../src/lib/reducer.ts","../src/lib/zoom-plugin.ts","../src/lib/index.ts"],"sourcesContent":["export * from './lib';\n","import { BasePluginConfig, EventHook } from '@embedpdf/core';\nimport { Rect } from '@embedpdf/models';\nimport { ViewportMetrics } from '@embedpdf/plugin-viewport';\n\n/* ------------------------------------------------------------------ */\n/* public */\n/* ------------------------------------------------------------------ */\n\nexport enum ZoomMode {\n Automatic = 'automatic',\n FitPage = 'fit-page',\n FitWidth = 'fit-width',\n}\n\nexport type ZoomLevel = ZoomMode | number;\n\nexport interface Point {\n vx: number;\n vy: number;\n}\n\nexport interface ZoomChangeEvent {\n /** old and new *actual* scale factors */\n oldZoom: number;\n newZoom: number;\n\n /** level used to obtain the newZoom (number | mode) */\n level: ZoomLevel;\n\n /** viewport point kept under the finger / mouse‑wheel focus */\n center: Point;\n\n /** where the viewport should scroll to after the scale change */\n desiredScrollLeft: number;\n desiredScrollTop: number;\n\n /** metrics at the moment the zoom was requested */\n viewport: ViewportMetrics;\n}\n\nexport interface ZoomCapability {\n /** subscribe – returns the unsubscribe function */\n onZoomChange: EventHook<ZoomChangeEvent>;\n /** subscribe – returns the unsubscribe function */\n onStateChange: EventHook<ZoomState>;\n\n /** absolute requests -------------------------------------------------- */\n requestZoom(level: ZoomLevel, center?: Point): void;\n /** relative requests -------------------------------------------------- */\n requestZoomBy(delta: number, center?: Point): void;\n\n /** absolute requests -------------------------------------------------- */\n zoomIn(): void;\n zoomOut(): void;\n\n zoomToArea(pageIndex: number, rect: Rect): void;\n\n /** zoom in on an area -------------------------------------------------- */\n enableMarqueeZoom(): void;\n disableMarqueeZoom(): void;\n toggleMarqueeZoom(): void;\n isMarqueeZoomActive(): boolean;\n\n getState(): ZoomState;\n getPresets(): ZoomPreset[];\n}\n\n/* ------------------------------------------------------------------ */\n/* config / store */\n/* ------------------------------------------------------------------ */\n\nexport interface ZoomRangeStep {\n min: number;\n max: number;\n step: number;\n}\n\nexport interface ZoomPreset {\n name: string;\n value: ZoomLevel;\n icon?: string;\n}\n\nexport interface ZoomPluginConfig extends BasePluginConfig {\n defaultZoomLevel: ZoomLevel;\n minZoom?: number;\n maxZoom?: number;\n zoomStep?: number;\n zoomRanges?: ZoomRangeStep[]; // Define different step sizes for different zoom ranges\n presets?: ZoomPreset[]; // Preset zoom options for dropdown\n}\n\nexport interface ZoomState {\n zoomLevel: ZoomLevel; // last **requested** level\n currentZoomLevel: number; // actual numeric factor\n}\n\nexport enum VerticalZoomFocus {\n Center,\n Top,\n}\n\nexport interface ZoomRequest {\n level: ZoomLevel;\n delta?: number;\n center?: Point;\n focus?: VerticalZoomFocus;\n /** Scroll so that the focal point ends up …\n * ▸ `\"keep\"` (default) at the same viewport coords\n * ▸ `\"center\"` centred in the viewport */\n align?: 'keep' | 'center';\n}\n","import { PluginManifest } from '@embedpdf/core';\n\nimport { ZoomMode, ZoomPluginConfig } from './types';\n\nexport const ZOOM_PLUGIN_ID = 'zoom';\n\nexport const manifest: PluginManifest<ZoomPluginConfig> = {\n id: ZOOM_PLUGIN_ID,\n name: 'Zoom Plugin',\n version: '1.0.0',\n provides: ['zoom'],\n requires: ['viewport', 'scroll'],\n optional: ['interaction-manager'],\n defaultConfig: {\n enabled: true,\n defaultZoomLevel: ZoomMode.Automatic,\n minZoom: 0.2,\n maxZoom: 60,\n zoomStep: 0.1,\n zoomRanges: [\n {\n min: 0.2,\n max: 0.5,\n step: 0.05,\n },\n {\n min: 0.5,\n max: 1.0,\n step: 0.1,\n },\n {\n min: 1.0,\n max: 2.0,\n step: 0.2,\n },\n {\n min: 2.0,\n max: 4.0,\n step: 0.4,\n },\n {\n min: 4.0,\n max: 10.0,\n step: 0.8,\n },\n {\n min: 10.0,\n max: 20.0,\n step: 1.6,\n },\n {\n min: 20.0,\n max: 40.0,\n step: 3.2,\n },\n {\n min: 40.0,\n max: 60.0,\n step: 6.4,\n },\n ],\n presets: [\n {\n name: 'Fit Page',\n value: ZoomMode.FitPage,\n },\n {\n name: 'Fit Width',\n value: ZoomMode.FitWidth,\n },\n {\n name: 'Automatic',\n value: ZoomMode.Automatic,\n },\n {\n name: '25%',\n value: 0.25,\n },\n {\n name: '50%',\n value: 0.5,\n },\n {\n name: '100%',\n value: 1,\n },\n {\n name: '125%',\n value: 1.25,\n },\n {\n name: '150%',\n value: 1.5,\n },\n {\n name: '200%',\n value: 2,\n },\n {\n name: '400%',\n value: 4,\n },\n {\n name: '800%',\n value: 8,\n },\n {\n name: '1600%',\n value: 16,\n },\n ],\n },\n};\n","import { Action } from '@embedpdf/core';\n\nimport { ZoomLevel } from './types';\n\n// Action Types\nexport const SET_ZOOM_LEVEL = 'SET_ZOOM_LEVEL';\nexport const SET_INITIAL_ZOOM_LEVEL = 'SET_INITIAL_ZOOM_LEVEL';\n\n// Action Interfaces\nexport interface SetZoomLevelAction extends Action {\n type: typeof SET_ZOOM_LEVEL;\n payload: {\n zoomLevel: ZoomLevel;\n currentZoomLevel: number;\n };\n}\n\nexport interface SetInitialZoomLevelAction extends Action {\n type: typeof SET_INITIAL_ZOOM_LEVEL;\n payload: {\n zoomLevel: ZoomLevel;\n };\n}\n\n// Union Type for All Actions\nexport type ZoomAction = SetZoomLevelAction | SetInitialZoomLevelAction;\n\n// Action Creators\nexport function setZoomLevel(zoomLevel: ZoomLevel, currentZoomLevel: number): SetZoomLevelAction {\n return {\n type: SET_ZOOM_LEVEL,\n payload: { zoomLevel, currentZoomLevel },\n };\n}\n\nexport function setInitialZoomLevel(zoomLevel: ZoomLevel): SetInitialZoomLevelAction {\n return {\n type: SET_INITIAL_ZOOM_LEVEL,\n payload: { zoomLevel },\n };\n}\n","import { Reducer } from '@embedpdf/core';\n\nimport { SET_INITIAL_ZOOM_LEVEL, SET_ZOOM_LEVEL, ZoomAction } from './actions';\nimport { ZoomState, ZoomMode } from './types';\n\nexport const initialState: ZoomState = {\n zoomLevel: ZoomMode.Automatic,\n currentZoomLevel: 1,\n};\n\nexport const zoomReducer: Reducer<ZoomState, ZoomAction> = (state = initialState, action) => {\n switch (action.type) {\n case SET_ZOOM_LEVEL:\n return {\n ...state,\n zoomLevel: action.payload.zoomLevel,\n currentZoomLevel: action.payload.currentZoomLevel,\n };\n case SET_INITIAL_ZOOM_LEVEL:\n return {\n ...state,\n zoomLevel: action.payload.zoomLevel,\n };\n default:\n return state;\n }\n};\n","import {\n BasePlugin,\n PluginRegistry,\n createEmitter,\n clamp,\n setScale,\n SET_PAGES,\n SET_DOCUMENT,\n getPagesWithRotatedSize,\n SET_ROTATION,\n createBehaviorEmitter,\n} from '@embedpdf/core';\nimport { ScrollPlugin, ScrollCapability } from '@embedpdf/plugin-scroll';\nimport { ViewportPlugin, ViewportCapability, ViewportMetrics } from '@embedpdf/plugin-viewport';\n\nimport { setInitialZoomLevel, setZoomLevel, ZoomAction } from './actions';\nimport {\n ZoomPluginConfig,\n ZoomState,\n ZoomMode,\n Point,\n ZoomChangeEvent,\n ZoomCapability,\n ZoomPreset,\n ZoomRangeStep,\n VerticalZoomFocus,\n ZoomRequest,\n} from './types';\nimport {\n InteractionManagerCapability,\n InteractionManagerPlugin,\n} from '@embedpdf/plugin-interaction-manager';\nimport { Rect, rotateRect } from '@embedpdf/models';\n\nexport class ZoomPlugin extends BasePlugin<\n ZoomPluginConfig,\n ZoomCapability,\n ZoomState,\n ZoomAction\n> {\n static readonly id = 'zoom' as const;\n /* ------------------------------------------------------------------ */\n /* internals */\n /* ------------------------------------------------------------------ */\n private readonly zoom$ = createEmitter<ZoomChangeEvent>();\n private readonly state$ = createBehaviorEmitter<ZoomState>();\n private readonly viewport: ViewportCapability;\n private readonly viewportPlugin: ViewportPlugin;\n private readonly scroll: ScrollCapability;\n private readonly interactionManager: InteractionManagerCapability | null;\n private readonly presets: ZoomPreset[];\n private readonly zoomRanges: ZoomRangeStep[];\n\n private readonly minZoom: number;\n private readonly maxZoom: number;\n private readonly zoomStep: number;\n\n /* ------------------------------------------------------------------ */\n constructor(id: string, registry: PluginRegistry, cfg: ZoomPluginConfig) {\n super(id, registry);\n\n this.viewportPlugin = registry.getPlugin<ViewportPlugin>('viewport')!;\n this.viewport = this.viewportPlugin.provides();\n this.scroll = registry.getPlugin<ScrollPlugin>('scroll')!.provides();\n const interactionManager = registry.getPlugin<InteractionManagerPlugin>('interaction-manager');\n this.interactionManager = interactionManager?.provides() ?? null;\n this.minZoom = cfg.minZoom ?? 0.25;\n this.maxZoom = cfg.maxZoom ?? 10;\n this.zoomStep = cfg.zoomStep ?? 0.1;\n this.presets = cfg.presets ?? [];\n this.zoomRanges = this.normalizeRanges(cfg.zoomRanges ?? []);\n this.dispatch(setInitialZoomLevel(cfg.defaultZoomLevel));\n /* keep \"automatic\" modes up to date -------------------------------- */\n this.viewport.onViewportResize(() => this.recalcAuto(VerticalZoomFocus.Top), {\n mode: 'debounce',\n wait: 150,\n });\n this.coreStore.onAction(SET_ROTATION, () => this.recalcAuto(VerticalZoomFocus.Top));\n this.coreStore.onAction(SET_PAGES, () => this.recalcAuto(VerticalZoomFocus.Top));\n this.coreStore.onAction(SET_DOCUMENT, () => this.recalcAuto(VerticalZoomFocus.Top));\n this.interactionManager?.registerMode({\n id: 'marqueeZoom',\n scope: 'page',\n exclusive: true,\n cursor: 'zoom-in',\n });\n this.resetReady();\n }\n\n /* ------------------------------------------------------------------ */\n /* capability */\n /* ------------------------------------------------------------------ */\n protected buildCapability(): ZoomCapability {\n return {\n onZoomChange: this.zoom$.on,\n onStateChange: this.state$.on,\n zoomIn: () => {\n const cur = this.state.currentZoomLevel;\n return this.handleRequest({ level: cur, delta: this.stepFor(cur) });\n },\n zoomOut: () => {\n const cur = this.state.currentZoomLevel;\n return this.handleRequest({ level: cur, delta: -this.stepFor(cur) });\n },\n zoomToArea: (pageIndex, rect) => this.handleZoomToArea(pageIndex, rect),\n requestZoom: (level, c) => this.handleRequest({ level, center: c }),\n requestZoomBy: (d, c) => {\n const cur = this.state.currentZoomLevel;\n const target = this.toZoom(cur + d);\n return this.handleRequest({ level: target, center: c });\n },\n enableMarqueeZoom: () => {\n this.interactionManager?.activate('marqueeZoom');\n },\n disableMarqueeZoom: () => {\n this.interactionManager?.activate('default');\n },\n toggleMarqueeZoom: () => {\n if (this.interactionManager?.getActiveMode() === 'marqueeZoom') {\n this.interactionManager?.activate('default');\n } else {\n this.interactionManager?.activate('marqueeZoom');\n }\n },\n isMarqueeZoomActive: () => this.interactionManager?.getActiveMode() === 'marqueeZoom',\n getState: () => this.state,\n getPresets: () => this.presets,\n };\n }\n\n /* ------------------------------------------------------------------ */\n /* plugin life‑cycle */\n /* ------------------------------------------------------------------ */\n async initialize(): Promise<void> {\n /* apply the initial zoom */\n }\n\n async destroy() {\n this.zoom$.clear();\n }\n\n /**\n * Sort ranges once, make sure they are sane\n */\n private normalizeRanges(ranges: ZoomRangeStep[]): ZoomRangeStep[] {\n return [...ranges]\n .filter((r) => r.step > 0 && r.max > r.min) // basic sanity\n .sort((a, b) => a.min - b.min);\n }\n\n /** pick the step that applies to a given numeric zoom */\n private stepFor(zoom: number): number {\n const r = this.zoomRanges.find((r) => zoom >= r.min && zoom < r.max);\n return r ? r.step : this.zoomStep; // fallback\n }\n\n /** clamp + round helper reused later */\n private toZoom(v: number) {\n return parseFloat(clamp(v, this.minZoom, this.maxZoom).toFixed(2));\n }\n\n /* ------------------------------------------------------------------ */\n /* main entry – handles **every** zoom request */\n /* ------------------------------------------------------------------ */\n private handleRequest({\n level,\n delta = 0,\n center,\n focus = VerticalZoomFocus.Center,\n align = 'keep',\n }: ZoomRequest) {\n const metrics = this.viewport.getMetrics();\n const oldZoom = this.state.currentZoomLevel;\n\n if (metrics.clientWidth === 0 || metrics.clientHeight === 0) {\n return;\n }\n\n /* ------------------------------------------------------------------ */\n /* step 1 – resolve the **target numeric zoom** */\n /* ------------------------------------------------------------------ */\n const base = typeof level === 'number' ? level : this.computeZoomForMode(level, metrics);\n\n if (base === false) {\n return;\n }\n const exactZoom = clamp(base + delta, this.minZoom, this.maxZoom);\n const newZoom = Math.floor(exactZoom * 100) / 100;\n\n /* ------------------------------------------------------------------ */\n /* step 2 – figure out the viewport point we should keep under focus */\n /* ------------------------------------------------------------------ */\n const focusPoint: Point = center ?? {\n vx: metrics.clientWidth / 2,\n vy: focus === VerticalZoomFocus.Top ? 0 : metrics.clientHeight / 2,\n };\n\n /* ------------------------------------------------------------------ */\n /* step 3 – translate that into desired scroll offsets */\n /* ------------------------------------------------------------------ */\n const { desiredScrollLeft, desiredScrollTop } = this.computeScrollForZoomChange(\n metrics,\n oldZoom,\n newZoom,\n focusPoint,\n align,\n );\n\n /* ------------------------------------------------------------------ */\n /* step 4 – dispatch + notify */\n /* ------------------------------------------------------------------ */\n\n if (!isNaN(desiredScrollLeft) && !isNaN(desiredScrollTop)) {\n this.viewportPlugin.setViewportScrollMetrics({\n scrollLeft: desiredScrollLeft,\n scrollTop: desiredScrollTop,\n });\n }\n\n this.dispatch(setZoomLevel(typeof level === 'number' ? newZoom : level, newZoom));\n this.dispatchCoreAction(setScale(newZoom));\n this.markReady();\n\n this.viewport.scrollTo({\n x: desiredScrollLeft,\n y: desiredScrollTop,\n behavior: 'instant',\n });\n\n const evt: ZoomChangeEvent = {\n oldZoom,\n newZoom,\n level,\n center: focusPoint,\n desiredScrollLeft,\n desiredScrollTop,\n viewport: metrics,\n };\n\n this.zoom$.emit(evt);\n }\n\n /* ------------------------------------------------------------------ */\n /* helpers */\n /* ------------------------------------------------------------------ */\n\n /** numeric zoom for Automatic / FitPage / FitWidth */\n private computeZoomForMode(mode: ZoomMode, vp: ViewportMetrics): number | false {\n const spreads = getPagesWithRotatedSize(this.coreState.core);\n if (!spreads.length) return false;\n\n const pgGap = this.scroll.getPageGap();\n const vpGap = this.viewport.getViewportGap();\n\n if (vp.clientWidth === 0 || vp.clientHeight === 0) {\n return false;\n }\n\n // Available space after accounting for fixed viewport gaps\n const availableWidth = vp.clientWidth - 2 * vpGap;\n const availableHeight = vp.clientHeight - 2 * vpGap;\n\n if (availableWidth <= 0 || availableHeight <= 0) {\n return false;\n }\n\n let maxContentW = 0,\n maxContentH = 0;\n\n spreads.forEach((spread) => {\n // Only include scalable content (pages + page gaps), not viewport gaps\n const contentW = spread.reduce((s, p, i) => s + p.rotatedSize.width + (i ? pgGap : 0), 0);\n const contentH = Math.max(...spread.map((p) => p.rotatedSize.height));\n maxContentW = Math.max(maxContentW, contentW);\n maxContentH = Math.max(maxContentH, contentH);\n });\n\n switch (mode) {\n case ZoomMode.FitWidth:\n return availableWidth / maxContentW;\n case ZoomMode.FitPage:\n return Math.min(availableWidth / maxContentW, availableHeight / maxContentH);\n case ZoomMode.Automatic:\n return Math.min(availableWidth / maxContentW, 1);\n /* istanbul ignore next */\n default:\n return 1;\n }\n }\n\n /** where to scroll so that *focus* stays stable after scaling */\n private computeScrollForZoomChange(\n vp: ViewportMetrics,\n oldZoom: number,\n newZoom: number,\n focus: Point,\n align: 'keep' | 'center' = 'keep',\n ) {\n /* unscaled content size ------------------------------------------- */\n const layout = this.scroll.getLayout();\n const vpGap = this.viewport.getViewportGap();\n\n const contentW = layout.totalContentSize.width;\n const contentH = layout.totalContentSize.height;\n\n // Available space for content (excluding fixed viewport gaps)\n const availableWidth = vp.clientWidth - 2 * vpGap;\n const availableHeight = vp.clientHeight - 2 * vpGap;\n\n /* helper: offset if content is narrower than available space ------- */\n const off = (availableSpace: number, cw: number, zoom: number) =>\n cw * zoom < availableSpace ? (availableSpace - cw * zoom) / 2 : 0;\n\n const offXold = off(availableWidth, contentW, oldZoom);\n const offYold = off(availableHeight, contentH, oldZoom);\n\n const offXnew = off(availableWidth, contentW, newZoom);\n const offYnew = off(availableHeight, contentH, newZoom);\n\n /* content coords of the focal point -------------------------------- */\n // Adjust focus point to account for vpGap and centering offset\n const cx = (vp.scrollLeft + focus.vx - vpGap - offXold) / oldZoom;\n const cy = (vp.scrollTop + focus.vy - vpGap - offYold) / oldZoom;\n\n /* new scroll so that (cx,cy) appears under focus again ------------- */\n const baseLeft = cx * newZoom + vpGap + offXnew;\n const baseTop = cy * newZoom + vpGap + offYnew;\n\n const desiredScrollLeft =\n align === 'center' ? baseLeft - vp.clientWidth / 2 : baseLeft - focus.vx;\n const desiredScrollTop =\n align === 'center' ? baseTop - vp.clientHeight / 2 : baseTop - focus.vy;\n\n return {\n desiredScrollLeft: Math.max(0, desiredScrollLeft),\n desiredScrollTop: Math.max(0, desiredScrollTop),\n };\n }\n\n private handleZoomToArea(pageIndex: number, rect: Rect) {\n /* -------------------------------------------------- */\n /* 0 – rotation that applies to this page */\n /* -------------------------------------------------- */\n const rotation = this.coreState.core.rotation;\n\n /* -------------------------------------------------- */\n /* viewport + layout basics */\n /* -------------------------------------------------- */\n const vp = this.viewport.getMetrics();\n const vpGap = this.viewport.getViewportGap();\n const oldZ = this.state.currentZoomLevel;\n\n const availableW = vp.clientWidth - 2 * vpGap;\n const availableH = vp.clientHeight - 2 * vpGap;\n\n const layout = this.scroll.getLayout();\n\n /* which virtual item holds the page? */\n const vItem = layout.virtualItems.find((it) =>\n it.pageLayouts.some((p) => p.pageIndex === pageIndex),\n );\n if (!vItem) return;\n\n /* the page layout inside that virtual item */\n const pageRel = vItem.pageLayouts.find((p) => p.pageIndex === pageIndex)!;\n\n /* -------------------------------------------------- */\n /* 1 – rect → rotated‑page space */\n /* -------------------------------------------------- */\n const rotatedRect = rotateRect(\n {\n width: pageRel.width,\n height: pageRel.height,\n },\n rect,\n rotation,\n );\n\n /* -------------------------------------------------- */\n /* 2 – numeric zoom so the rect fits */\n /* -------------------------------------------------- */\n const targetZoom = this.toZoom(\n Math.min(availableW / rotatedRect.size.width, availableH / rotatedRect.size.height),\n );\n\n /* -------------------------------------------------- */\n /* 3 – centre of that rect in *content* coordinates */\n /* -------------------------------------------------- */\n const pageAbsX = vItem.x + pageRel.x;\n const pageAbsY = vItem.y + pageRel.y;\n\n const cxContent = pageAbsX + rotatedRect.origin.x + rotatedRect.size.width / 2;\n const cyContent = pageAbsY + rotatedRect.origin.y + rotatedRect.size.height / 2;\n\n /* -------------------------------------------------- */\n /* 4 – centre in *viewport* coords before zoom */\n /* -------------------------------------------------- */\n const off = (avail: number, cw: number, z: number) =>\n cw * z < avail ? (avail - cw * z) / 2 : 0;\n\n const offXold = off(availableW, layout.totalContentSize.width, oldZ);\n const offYold = off(availableH, layout.totalContentSize.height, oldZ);\n\n const centerVX = vpGap + offXold + cxContent * oldZ - vp.scrollLeft;\n const centerVY = vpGap + offYold + cyContent * oldZ - vp.scrollTop;\n\n /* -------------------------------------------------- */\n /* 5 – hand off to the generic zoom handler */\n /* -------------------------------------------------- */\n this.handleRequest({\n level: targetZoom,\n center: { vx: centerVX, vy: centerVY },\n align: 'center',\n });\n }\n\n /** recalculates Automatic / Fit* when viewport or pages change */\n private recalcAuto(focus?: VerticalZoomFocus) {\n const s = this.state;\n if (\n s.zoomLevel === ZoomMode.Automatic ||\n s.zoomLevel === ZoomMode.FitPage ||\n s.zoomLevel === ZoomMode.FitWidth\n )\n this.handleRequest({ level: s.zoomLevel, focus });\n }\n\n override onStoreUpdated(_prevState: ZoomState, newState: ZoomState): void {\n this.state$.emit(newState);\n }\n}\n","import { PluginPackage } from '@embedpdf/core';\n\nimport { ZoomAction } from './actions';\nimport { manifest, ZOOM_PLUGIN_ID } from './manifest';\nimport { zoomReducer, initialState } from './reducer';\nimport { ZoomPluginConfig, ZoomState } from './types';\nimport { ZoomPlugin } from './zoom-plugin';\n\nexport const ZoomPluginPackage: PluginPackage<ZoomPlugin, ZoomPluginConfig, ZoomState, ZoomAction> =\n {\n manifest,\n create: (registry, _engine, config) => new ZoomPlugin(ZOOM_PLUGIN_ID, registry, config),\n reducer: zoomReducer,\n initialState,\n };\n\nexport * from './zoom-plugin';\nexport * from './types';\nexport * from './manifest';\nexport { initialState };\n"],"mappings":"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","names":["ZoomMode","VerticalZoomFocus","r"]}
1
+ {"version":3,"file":"index.cjs","sources":["../src/lib/types.ts","../src/lib/manifest.ts","../src/lib/actions.ts","../src/lib/reducer.ts","../src/lib/zoom-plugin.ts","../src/lib/index.ts"],"sourcesContent":["import { BasePluginConfig, EventHook } from '@embedpdf/core';\nimport { Rect } from '@embedpdf/models';\nimport { ViewportMetrics } from '@embedpdf/plugin-viewport';\n\n/* ------------------------------------------------------------------ */\n/* public */\n/* ------------------------------------------------------------------ */\n\nexport enum ZoomMode {\n Automatic = 'automatic',\n FitPage = 'fit-page',\n FitWidth = 'fit-width',\n}\n\nexport type ZoomLevel = ZoomMode | number;\n\nexport interface Point {\n vx: number;\n vy: number;\n}\n\nexport interface ZoomChangeEvent {\n /** old and new *actual* scale factors */\n oldZoom: number;\n newZoom: number;\n\n /** level used to obtain the newZoom (number | mode) */\n level: ZoomLevel;\n\n /** viewport point kept under the finger / mouse‑wheel focus */\n center: Point;\n\n /** where the viewport should scroll to after the scale change */\n desiredScrollLeft: number;\n desiredScrollTop: number;\n\n /** metrics at the moment the zoom was requested */\n viewport: ViewportMetrics;\n}\n\nexport interface ZoomCapability {\n /** subscribe – returns the unsubscribe function */\n onZoomChange: EventHook<ZoomChangeEvent>;\n /** subscribe – returns the unsubscribe function */\n onStateChange: EventHook<ZoomState>;\n\n /** absolute requests -------------------------------------------------- */\n requestZoom(level: ZoomLevel, center?: Point): void;\n /** relative requests -------------------------------------------------- */\n requestZoomBy(delta: number, center?: Point): void;\n\n /** absolute requests -------------------------------------------------- */\n zoomIn(): void;\n zoomOut(): void;\n\n zoomToArea(pageIndex: number, rect: Rect): void;\n\n /** zoom in on an area -------------------------------------------------- */\n enableMarqueeZoom(): void;\n disableMarqueeZoom(): void;\n toggleMarqueeZoom(): void;\n isMarqueeZoomActive(): boolean;\n\n getState(): ZoomState;\n getPresets(): ZoomPreset[];\n}\n\n/* ------------------------------------------------------------------ */\n/* config / store */\n/* ------------------------------------------------------------------ */\n\nexport interface ZoomRangeStep {\n min: number;\n max: number;\n step: number;\n}\n\nexport interface ZoomPreset {\n name: string;\n value: ZoomLevel;\n icon?: string;\n}\n\nexport interface ZoomPluginConfig extends BasePluginConfig {\n defaultZoomLevel: ZoomLevel;\n minZoom?: number;\n maxZoom?: number;\n zoomStep?: number;\n zoomRanges?: ZoomRangeStep[]; // Define different step sizes for different zoom ranges\n presets?: ZoomPreset[]; // Preset zoom options for dropdown\n}\n\nexport interface ZoomState {\n zoomLevel: ZoomLevel; // last **requested** level\n currentZoomLevel: number; // actual numeric factor\n}\n\nexport enum VerticalZoomFocus {\n Center,\n Top,\n}\n\nexport interface ZoomRequest {\n level: ZoomLevel;\n delta?: number;\n center?: Point;\n focus?: VerticalZoomFocus;\n /** Scroll so that the focal point ends up …\n * ▸ `\"keep\"` (default) at the same viewport coords\n * ▸ `\"center\"` centred in the viewport */\n align?: 'keep' | 'center';\n}\n","import { PluginManifest } from '@embedpdf/core';\n\nimport { ZoomMode, ZoomPluginConfig } from './types';\n\nexport const ZOOM_PLUGIN_ID = 'zoom';\n\nexport const manifest: PluginManifest<ZoomPluginConfig> = {\n id: ZOOM_PLUGIN_ID,\n name: 'Zoom Plugin',\n version: '1.0.0',\n provides: ['zoom'],\n requires: ['viewport', 'scroll'],\n optional: ['interaction-manager'],\n defaultConfig: {\n enabled: true,\n defaultZoomLevel: ZoomMode.Automatic,\n minZoom: 0.2,\n maxZoom: 60,\n zoomStep: 0.1,\n zoomRanges: [\n {\n min: 0.2,\n max: 0.5,\n step: 0.05,\n },\n {\n min: 0.5,\n max: 1.0,\n step: 0.1,\n },\n {\n min: 1.0,\n max: 2.0,\n step: 0.2,\n },\n {\n min: 2.0,\n max: 4.0,\n step: 0.4,\n },\n {\n min: 4.0,\n max: 10.0,\n step: 0.8,\n },\n {\n min: 10.0,\n max: 20.0,\n step: 1.6,\n },\n {\n min: 20.0,\n max: 40.0,\n step: 3.2,\n },\n {\n min: 40.0,\n max: 60.0,\n step: 6.4,\n },\n ],\n presets: [\n {\n name: 'Fit Page',\n value: ZoomMode.FitPage,\n },\n {\n name: 'Fit Width',\n value: ZoomMode.FitWidth,\n },\n {\n name: 'Automatic',\n value: ZoomMode.Automatic,\n },\n {\n name: '25%',\n value: 0.25,\n },\n {\n name: '50%',\n value: 0.5,\n },\n {\n name: '100%',\n value: 1,\n },\n {\n name: '125%',\n value: 1.25,\n },\n {\n name: '150%',\n value: 1.5,\n },\n {\n name: '200%',\n value: 2,\n },\n {\n name: '400%',\n value: 4,\n },\n {\n name: '800%',\n value: 8,\n },\n {\n name: '1600%',\n value: 16,\n },\n ],\n },\n};\n","import { Action } from '@embedpdf/core';\n\nimport { ZoomLevel } from './types';\n\n// Action Types\nexport const SET_ZOOM_LEVEL = 'SET_ZOOM_LEVEL';\nexport const SET_INITIAL_ZOOM_LEVEL = 'SET_INITIAL_ZOOM_LEVEL';\n\n// Action Interfaces\nexport interface SetZoomLevelAction extends Action {\n type: typeof SET_ZOOM_LEVEL;\n payload: {\n zoomLevel: ZoomLevel;\n currentZoomLevel: number;\n };\n}\n\nexport interface SetInitialZoomLevelAction extends Action {\n type: typeof SET_INITIAL_ZOOM_LEVEL;\n payload: {\n zoomLevel: ZoomLevel;\n };\n}\n\n// Union Type for All Actions\nexport type ZoomAction = SetZoomLevelAction | SetInitialZoomLevelAction;\n\n// Action Creators\nexport function setZoomLevel(zoomLevel: ZoomLevel, currentZoomLevel: number): SetZoomLevelAction {\n return {\n type: SET_ZOOM_LEVEL,\n payload: { zoomLevel, currentZoomLevel },\n };\n}\n\nexport function setInitialZoomLevel(zoomLevel: ZoomLevel): SetInitialZoomLevelAction {\n return {\n type: SET_INITIAL_ZOOM_LEVEL,\n payload: { zoomLevel },\n };\n}\n","import { Reducer } from '@embedpdf/core';\n\nimport { SET_INITIAL_ZOOM_LEVEL, SET_ZOOM_LEVEL, ZoomAction } from './actions';\nimport { ZoomState, ZoomMode } from './types';\n\nexport const initialState: ZoomState = {\n zoomLevel: ZoomMode.Automatic,\n currentZoomLevel: 1,\n};\n\nexport const zoomReducer: Reducer<ZoomState, ZoomAction> = (state = initialState, action) => {\n switch (action.type) {\n case SET_ZOOM_LEVEL:\n return {\n ...state,\n zoomLevel: action.payload.zoomLevel,\n currentZoomLevel: action.payload.currentZoomLevel,\n };\n case SET_INITIAL_ZOOM_LEVEL:\n return {\n ...state,\n zoomLevel: action.payload.zoomLevel,\n };\n default:\n return state;\n }\n};\n","import {\n BasePlugin,\n PluginRegistry,\n createEmitter,\n clamp,\n setScale,\n SET_PAGES,\n SET_DOCUMENT,\n getPagesWithRotatedSize,\n SET_ROTATION,\n createBehaviorEmitter,\n} from '@embedpdf/core';\nimport { ScrollPlugin, ScrollCapability } from '@embedpdf/plugin-scroll';\nimport { ViewportPlugin, ViewportCapability, ViewportMetrics } from '@embedpdf/plugin-viewport';\n\nimport { setInitialZoomLevel, setZoomLevel, ZoomAction } from './actions';\nimport {\n ZoomPluginConfig,\n ZoomState,\n ZoomMode,\n Point,\n ZoomChangeEvent,\n ZoomCapability,\n ZoomPreset,\n ZoomRangeStep,\n VerticalZoomFocus,\n ZoomRequest,\n} from './types';\nimport {\n InteractionManagerCapability,\n InteractionManagerPlugin,\n} from '@embedpdf/plugin-interaction-manager';\nimport { Rect, rotateRect } from '@embedpdf/models';\n\nexport class ZoomPlugin extends BasePlugin<\n ZoomPluginConfig,\n ZoomCapability,\n ZoomState,\n ZoomAction\n> {\n static readonly id = 'zoom' as const;\n /* ------------------------------------------------------------------ */\n /* internals */\n /* ------------------------------------------------------------------ */\n private readonly zoom$ = createEmitter<ZoomChangeEvent>();\n private readonly state$ = createBehaviorEmitter<ZoomState>();\n private readonly viewport: ViewportCapability;\n private readonly viewportPlugin: ViewportPlugin;\n private readonly scroll: ScrollCapability;\n private readonly interactionManager: InteractionManagerCapability | null;\n private readonly presets: ZoomPreset[];\n private readonly zoomRanges: ZoomRangeStep[];\n\n private readonly minZoom: number;\n private readonly maxZoom: number;\n private readonly zoomStep: number;\n\n /* ------------------------------------------------------------------ */\n constructor(id: string, registry: PluginRegistry, cfg: ZoomPluginConfig) {\n super(id, registry);\n\n this.viewportPlugin = registry.getPlugin<ViewportPlugin>('viewport')!;\n this.viewport = this.viewportPlugin.provides();\n this.scroll = registry.getPlugin<ScrollPlugin>('scroll')!.provides();\n const interactionManager = registry.getPlugin<InteractionManagerPlugin>('interaction-manager');\n this.interactionManager = interactionManager?.provides() ?? null;\n this.minZoom = cfg.minZoom ?? 0.25;\n this.maxZoom = cfg.maxZoom ?? 10;\n this.zoomStep = cfg.zoomStep ?? 0.1;\n this.presets = cfg.presets ?? [];\n this.zoomRanges = this.normalizeRanges(cfg.zoomRanges ?? []);\n this.dispatch(setInitialZoomLevel(cfg.defaultZoomLevel));\n /* keep \"automatic\" modes up to date -------------------------------- */\n this.viewport.onViewportResize(() => this.recalcAuto(VerticalZoomFocus.Top), {\n mode: 'debounce',\n wait: 150,\n });\n this.coreStore.onAction(SET_ROTATION, () => this.recalcAuto(VerticalZoomFocus.Top));\n this.coreStore.onAction(SET_PAGES, () => this.recalcAuto(VerticalZoomFocus.Top));\n this.coreStore.onAction(SET_DOCUMENT, () => this.recalcAuto(VerticalZoomFocus.Top));\n this.interactionManager?.registerMode({\n id: 'marqueeZoom',\n scope: 'page',\n exclusive: true,\n cursor: 'zoom-in',\n });\n this.resetReady();\n }\n\n /* ------------------------------------------------------------------ */\n /* capability */\n /* ------------------------------------------------------------------ */\n protected buildCapability(): ZoomCapability {\n return {\n onZoomChange: this.zoom$.on,\n onStateChange: this.state$.on,\n zoomIn: () => {\n const cur = this.state.currentZoomLevel;\n return this.handleRequest({ level: cur, delta: this.stepFor(cur) });\n },\n zoomOut: () => {\n const cur = this.state.currentZoomLevel;\n return this.handleRequest({ level: cur, delta: -this.stepFor(cur) });\n },\n zoomToArea: (pageIndex, rect) => this.handleZoomToArea(pageIndex, rect),\n requestZoom: (level, c) => this.handleRequest({ level, center: c }),\n requestZoomBy: (d, c) => {\n const cur = this.state.currentZoomLevel;\n const target = this.toZoom(cur + d);\n return this.handleRequest({ level: target, center: c });\n },\n enableMarqueeZoom: () => {\n this.interactionManager?.activate('marqueeZoom');\n },\n disableMarqueeZoom: () => {\n this.interactionManager?.activate('default');\n },\n toggleMarqueeZoom: () => {\n if (this.interactionManager?.getActiveMode() === 'marqueeZoom') {\n this.interactionManager?.activate('default');\n } else {\n this.interactionManager?.activate('marqueeZoom');\n }\n },\n isMarqueeZoomActive: () => this.interactionManager?.getActiveMode() === 'marqueeZoom',\n getState: () => this.state,\n getPresets: () => this.presets,\n };\n }\n\n /* ------------------------------------------------------------------ */\n /* plugin life‑cycle */\n /* ------------------------------------------------------------------ */\n async initialize(): Promise<void> {\n /* apply the initial zoom */\n }\n\n async destroy() {\n this.zoom$.clear();\n }\n\n /**\n * Sort ranges once, make sure they are sane\n */\n private normalizeRanges(ranges: ZoomRangeStep[]): ZoomRangeStep[] {\n return [...ranges]\n .filter((r) => r.step > 0 && r.max > r.min) // basic sanity\n .sort((a, b) => a.min - b.min);\n }\n\n /** pick the step that applies to a given numeric zoom */\n private stepFor(zoom: number): number {\n const r = this.zoomRanges.find((r) => zoom >= r.min && zoom < r.max);\n return r ? r.step : this.zoomStep; // fallback\n }\n\n /** clamp + round helper reused later */\n private toZoom(v: number) {\n return parseFloat(clamp(v, this.minZoom, this.maxZoom).toFixed(2));\n }\n\n /* ------------------------------------------------------------------ */\n /* main entry – handles **every** zoom request */\n /* ------------------------------------------------------------------ */\n private handleRequest({\n level,\n delta = 0,\n center,\n focus = VerticalZoomFocus.Center,\n align = 'keep',\n }: ZoomRequest) {\n const metrics = this.viewport.getMetrics();\n const oldZoom = this.state.currentZoomLevel;\n\n if (metrics.clientWidth === 0 || metrics.clientHeight === 0) {\n return;\n }\n\n /* ------------------------------------------------------------------ */\n /* step 1 – resolve the **target numeric zoom** */\n /* ------------------------------------------------------------------ */\n const base = typeof level === 'number' ? level : this.computeZoomForMode(level, metrics);\n\n if (base === false) {\n return;\n }\n const exactZoom = clamp(base + delta, this.minZoom, this.maxZoom);\n const newZoom = Math.floor(exactZoom * 100) / 100;\n\n /* ------------------------------------------------------------------ */\n /* step 2 – figure out the viewport point we should keep under focus */\n /* ------------------------------------------------------------------ */\n const focusPoint: Point = center ?? {\n vx: metrics.clientWidth / 2,\n vy: focus === VerticalZoomFocus.Top ? 0 : metrics.clientHeight / 2,\n };\n\n /* ------------------------------------------------------------------ */\n /* step 3 – translate that into desired scroll offsets */\n /* ------------------------------------------------------------------ */\n const { desiredScrollLeft, desiredScrollTop } = this.computeScrollForZoomChange(\n metrics,\n oldZoom,\n newZoom,\n focusPoint,\n align,\n );\n\n /* ------------------------------------------------------------------ */\n /* step 4 – dispatch + notify */\n /* ------------------------------------------------------------------ */\n\n if (!isNaN(desiredScrollLeft) && !isNaN(desiredScrollTop)) {\n this.viewportPlugin.setViewportScrollMetrics({\n scrollLeft: desiredScrollLeft,\n scrollTop: desiredScrollTop,\n });\n }\n\n this.dispatch(setZoomLevel(typeof level === 'number' ? newZoom : level, newZoom));\n this.dispatchCoreAction(setScale(newZoom));\n this.markReady();\n\n this.viewport.scrollTo({\n x: desiredScrollLeft,\n y: desiredScrollTop,\n behavior: 'instant',\n });\n\n const evt: ZoomChangeEvent = {\n oldZoom,\n newZoom,\n level,\n center: focusPoint,\n desiredScrollLeft,\n desiredScrollTop,\n viewport: metrics,\n };\n\n this.zoom$.emit(evt);\n }\n\n /* ------------------------------------------------------------------ */\n /* helpers */\n /* ------------------------------------------------------------------ */\n\n /** numeric zoom for Automatic / FitPage / FitWidth */\n private computeZoomForMode(mode: ZoomMode, vp: ViewportMetrics): number | false {\n const spreads = getPagesWithRotatedSize(this.coreState.core);\n if (!spreads.length) return false;\n\n const pgGap = this.scroll.getPageGap();\n const vpGap = this.viewport.getViewportGap();\n\n if (vp.clientWidth === 0 || vp.clientHeight === 0) {\n return false;\n }\n\n // Available space after accounting for fixed viewport gaps\n const availableWidth = vp.clientWidth - 2 * vpGap;\n const availableHeight = vp.clientHeight - 2 * vpGap;\n\n if (availableWidth <= 0 || availableHeight <= 0) {\n return false;\n }\n\n let maxContentW = 0,\n maxContentH = 0;\n\n spreads.forEach((spread) => {\n // Only include scalable content (pages + page gaps), not viewport gaps\n const contentW = spread.reduce((s, p, i) => s + p.rotatedSize.width + (i ? pgGap : 0), 0);\n const contentH = Math.max(...spread.map((p) => p.rotatedSize.height));\n maxContentW = Math.max(maxContentW, contentW);\n maxContentH = Math.max(maxContentH, contentH);\n });\n\n switch (mode) {\n case ZoomMode.FitWidth:\n return availableWidth / maxContentW;\n case ZoomMode.FitPage:\n return Math.min(availableWidth / maxContentW, availableHeight / maxContentH);\n case ZoomMode.Automatic:\n return Math.min(availableWidth / maxContentW, 1);\n /* istanbul ignore next */\n default:\n return 1;\n }\n }\n\n /** where to scroll so that *focus* stays stable after scaling */\n private computeScrollForZoomChange(\n vp: ViewportMetrics,\n oldZoom: number,\n newZoom: number,\n focus: Point,\n align: 'keep' | 'center' = 'keep',\n ) {\n /* unscaled content size ------------------------------------------- */\n const layout = this.scroll.getLayout();\n const vpGap = this.viewport.getViewportGap();\n\n const contentW = layout.totalContentSize.width;\n const contentH = layout.totalContentSize.height;\n\n // Available space for content (excluding fixed viewport gaps)\n const availableWidth = vp.clientWidth - 2 * vpGap;\n const availableHeight = vp.clientHeight - 2 * vpGap;\n\n /* helper: offset if content is narrower than available space ------- */\n const off = (availableSpace: number, cw: number, zoom: number) =>\n cw * zoom < availableSpace ? (availableSpace - cw * zoom) / 2 : 0;\n\n const offXold = off(availableWidth, contentW, oldZoom);\n const offYold = off(availableHeight, contentH, oldZoom);\n\n const offXnew = off(availableWidth, contentW, newZoom);\n const offYnew = off(availableHeight, contentH, newZoom);\n\n /* content coords of the focal point -------------------------------- */\n // Adjust focus point to account for vpGap and centering offset\n const cx = (vp.scrollLeft + focus.vx - vpGap - offXold) / oldZoom;\n const cy = (vp.scrollTop + focus.vy - vpGap - offYold) / oldZoom;\n\n /* new scroll so that (cx,cy) appears under focus again ------------- */\n const baseLeft = cx * newZoom + vpGap + offXnew;\n const baseTop = cy * newZoom + vpGap + offYnew;\n\n const desiredScrollLeft =\n align === 'center' ? baseLeft - vp.clientWidth / 2 : baseLeft - focus.vx;\n const desiredScrollTop =\n align === 'center' ? baseTop - vp.clientHeight / 2 : baseTop - focus.vy;\n\n return {\n desiredScrollLeft: Math.max(0, desiredScrollLeft),\n desiredScrollTop: Math.max(0, desiredScrollTop),\n };\n }\n\n private handleZoomToArea(pageIndex: number, rect: Rect) {\n /* -------------------------------------------------- */\n /* 0 – rotation that applies to this page */\n /* -------------------------------------------------- */\n const rotation = this.coreState.core.rotation;\n\n /* -------------------------------------------------- */\n /* viewport + layout basics */\n /* -------------------------------------------------- */\n const vp = this.viewport.getMetrics();\n const vpGap = this.viewport.getViewportGap();\n const oldZ = this.state.currentZoomLevel;\n\n const availableW = vp.clientWidth - 2 * vpGap;\n const availableH = vp.clientHeight - 2 * vpGap;\n\n const layout = this.scroll.getLayout();\n\n /* which virtual item holds the page? */\n const vItem = layout.virtualItems.find((it) =>\n it.pageLayouts.some((p) => p.pageIndex === pageIndex),\n );\n if (!vItem) return;\n\n /* the page layout inside that virtual item */\n const pageRel = vItem.pageLayouts.find((p) => p.pageIndex === pageIndex)!;\n\n /* -------------------------------------------------- */\n /* 1 – rect → rotated‑page space */\n /* -------------------------------------------------- */\n const rotatedRect = rotateRect(\n {\n width: pageRel.width,\n height: pageRel.height,\n },\n rect,\n rotation,\n );\n\n /* -------------------------------------------------- */\n /* 2 – numeric zoom so the rect fits */\n /* -------------------------------------------------- */\n const targetZoom = this.toZoom(\n Math.min(availableW / rotatedRect.size.width, availableH / rotatedRect.size.height),\n );\n\n /* -------------------------------------------------- */\n /* 3 – centre of that rect in *content* coordinates */\n /* -------------------------------------------------- */\n const pageAbsX = vItem.x + pageRel.x;\n const pageAbsY = vItem.y + pageRel.y;\n\n const cxContent = pageAbsX + rotatedRect.origin.x + rotatedRect.size.width / 2;\n const cyContent = pageAbsY + rotatedRect.origin.y + rotatedRect.size.height / 2;\n\n /* -------------------------------------------------- */\n /* 4 – centre in *viewport* coords before zoom */\n /* -------------------------------------------------- */\n const off = (avail: number, cw: number, z: number) =>\n cw * z < avail ? (avail - cw * z) / 2 : 0;\n\n const offXold = off(availableW, layout.totalContentSize.width, oldZ);\n const offYold = off(availableH, layout.totalContentSize.height, oldZ);\n\n const centerVX = vpGap + offXold + cxContent * oldZ - vp.scrollLeft;\n const centerVY = vpGap + offYold + cyContent * oldZ - vp.scrollTop;\n\n /* -------------------------------------------------- */\n /* 5 – hand off to the generic zoom handler */\n /* -------------------------------------------------- */\n this.handleRequest({\n level: targetZoom,\n center: { vx: centerVX, vy: centerVY },\n align: 'center',\n });\n }\n\n /** recalculates Automatic / Fit* when viewport or pages change */\n private recalcAuto(focus?: VerticalZoomFocus) {\n const s = this.state;\n if (\n s.zoomLevel === ZoomMode.Automatic ||\n s.zoomLevel === ZoomMode.FitPage ||\n s.zoomLevel === ZoomMode.FitWidth\n )\n this.handleRequest({ level: s.zoomLevel, focus });\n }\n\n override onStoreUpdated(_prevState: ZoomState, newState: ZoomState): void {\n this.state$.emit(newState);\n }\n}\n","import { PluginPackage } from '@embedpdf/core';\n\nimport { ZoomAction } from './actions';\nimport { manifest, ZOOM_PLUGIN_ID } from './manifest';\nimport { zoomReducer, initialState } from './reducer';\nimport { ZoomPluginConfig, ZoomState } from './types';\nimport { ZoomPlugin } from './zoom-plugin';\n\nexport const ZoomPluginPackage: PluginPackage<ZoomPlugin, ZoomPluginConfig, ZoomState, ZoomAction> =\n {\n manifest,\n create: (registry, _engine, config) => new ZoomPlugin(ZOOM_PLUGIN_ID, registry, config),\n reducer: zoomReducer,\n initialState,\n };\n\nexport * from './zoom-plugin';\nexport * from './types';\nexport * from './manifest';\nexport { initialState };\n"],"names":["ZoomMode","VerticalZoomFocus","VerticalZoomFocus2","ZOOM_PLUGIN_ID","manifest","id","name","version","provides","requires","optional","defaultConfig","enabled","defaultZoomLevel","Automatic","minZoom","maxZoom","zoomStep","zoomRanges","min","max","step","presets","value","FitPage","FitWidth","SET_ZOOM_LEVEL","SET_INITIAL_ZOOM_LEVEL","initialState","zoomLevel","currentZoomLevel","_ZoomPlugin","BasePlugin","constructor","registry","cfg","super","this","zoom$","createEmitter","state$","createBehaviorEmitter","viewportPlugin","getPlugin","viewport","scroll","interactionManager","normalizeRanges","dispatch","type","payload","onViewportResize","recalcAuto","Top","mode","wait","coreStore","onAction","SET_ROTATION","SET_PAGES","SET_DOCUMENT","_a","registerMode","scope","exclusive","cursor","resetReady","buildCapability","onZoomChange","on","onStateChange","zoomIn","cur","state","handleRequest","level","delta","stepFor","zoomOut","zoomToArea","pageIndex","rect","handleZoomToArea","requestZoom","c","center","requestZoomBy","d","target","toZoom","enableMarqueeZoom","activate","disableMarqueeZoom","toggleMarqueeZoom","getActiveMode","_b","_c","isMarqueeZoomActive","getState","getPresets","initialize","destroy","clear","ranges","filter","r","sort","a","b","zoom","find","v","parseFloat","clamp","toFixed","focus","Center","align","metrics","getMetrics","oldZoom","clientWidth","clientHeight","base","computeZoomForMode","exactZoom","newZoom","Math","floor","focusPoint","vx","vy","desiredScrollLeft","desiredScrollTop","computeScrollForZoomChange","isNaN","setViewportScrollMetrics","scrollLeft","scrollTop","dispatchCoreAction","setScale","markReady","scrollTo","x","y","behavior","evt","emit","vp","spreads","getPagesWithRotatedSize","coreState","core","length","pgGap","getPageGap","vpGap","getViewportGap","availableWidth","availableHeight","maxContentW","maxContentH","forEach","spread","contentW","reduce","s","p","i","rotatedSize","width","contentH","map","height","layout","getLayout","totalContentSize","off","availableSpace","cw","offXold","offYold","offXnew","offYnew","baseLeft","baseTop","rotation","oldZ","availableW","availableH","vItem","virtualItems","it","pageLayouts","some","pageRel","rotatedRect","rotateRect","targetZoom","size","pageAbsX","pageAbsY","cxContent","origin","cyContent","avail","z","centerVX","centerVY","onStoreUpdated","_prevState","newState","ZoomPlugin","ZoomPluginPackage","create","_engine","config","reducer","action"],"mappings":"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"}