@papyrus-sdk/ui-react-native 0.2.31 → 0.2.34

package/README.md

@@ -83,11 +83,13 @@ await engine.load({ type: 'pdf', source: { uri: 'https://example.com/book.pdf' }
 
 ## Mobile Tuning Flags
 
-Performance tuning props are available on `Viewer` and `RightSheet`:
+Layout and performance options are available on `Viewer` and `RightSheet`:
 
 ```tsx
 <Viewer
   engine={engine}
+  maxPageWidth={760}
+  fitPageToViewportHeight
   virtualWindowSize={8}
   maxToRenderPerBatch={6}
   removeClippedSubviews
@@ -97,6 +99,12 @@ Performance tuning props are available on `Viewer` and `RightSheet`:
 ```
 
 - `virtualWindowSize` (`Viewer`): FlatList window size. Default: `8`.
+- `maxPageWidth` (`Viewer`): optional fit-zoom width limit in React Native points. A narrower page is centered in the viewport; pinch zoom may enlarge it. Omitted by default.
+- `fitPageToViewportHeight` (`Viewer`): opt-in page fitting to the measured
+  viewer height while preserving each page's aspect ratio; pinch zoom may
+  enlarge it. Defaults to `false`. This option is only supported by the React
+  Native compatibility renderer; it is not applied by the WebView or dedicated
+  Android PDF renderer.
 - `maxToRenderPerBatch` (`Viewer`): max items per render batch. Default: `6`.
 - `removeClippedSubviews` (`Viewer`): detach offscreen rows. Default: `false`
   for Android `viewerMode="compat"` and `true` otherwise. An explicit value is

package/dist/{chunk-KXNP73MZ.mjs → chunk-G6AQ4BV5.mjs}

@@ -52,12 +52,39 @@ var getSelectionEdgeAutoscroll = ({
   dx: resolveAxisAutoscroll(x, width, threshold, maxStep),
   dy: resolveAxisAutoscroll(y, height, threshold, maxStep)
 });
+var resolveSelectionDragRect = ({
+  start,
+  end,
+  width,
+  height,
+  lineThreshold
+}) => {
+  const top = Math.max(0, Math.min(start.y, end.y));
+  const bottom = Math.min(height, Math.max(start.y, end.y));
+  const crossesLine = Math.abs(end.y - start.y) > lineThreshold;
+  if (!crossesLine) {
+    const left2 = Math.max(0, Math.min(start.x, end.x));
+    const right2 = Math.min(width, Math.max(start.x, end.x));
+    return { x: left2, y: top, width: right2 - left2, height: bottom - top };
+  }
+  const left = end.y >= start.y ? start.x : 0;
+  const right = end.y >= start.y ? width : start.x;
+  const clampedLeft = Math.max(0, Math.min(width, left));
+  const clampedRight = Math.max(clampedLeft, Math.min(width, right));
+  return {
+    x: clampedLeft,
+    y: top,
+    width: clampedRight - clampedLeft,
+    height: bottom - top
+  };
+};
 
 export {
   shouldEnableViewerScroll,
   shouldEnableSelectionDrag,
   isToolDockToolSelected,
   getToolDockDismissState,
-  getSelectionEdgeAutoscroll
+  getSelectionEdgeAutoscroll,
+  resolveSelectionDragRect
 };
-//# sourceMappingURL=chunk-KXNP73MZ.mjs.map
+//# sourceMappingURL=chunk-G6AQ4BV5.mjs.map

package/dist/chunk-G6AQ4BV5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../gesture/selectionInteraction.ts"],"sourcesContent":["export type ViewerScrollState = {\n  selectionDragActive: boolean;\n  gestureScrollLockActive?: boolean;\n};\n\nexport type SelectionGestureTool =\n  | \"select\"\n  | \"highlight\"\n  | \"underline\"\n  | \"squiggly\"\n  | \"strikeout\"\n  | \"text\"\n  | \"comment\"\n  | \"ink\";\n\nexport type SelectionInteractionMode = \"pan\" | \"select\";\n\nexport type SelectionGestureActivationInput = {\n  activeTool: SelectionGestureTool;\n  interactionMode: SelectionInteractionMode;\n};\n\nexport type ToolDockSelectionState = SelectionGestureActivationInput & {\n  toolId: SelectionGestureTool;\n};\n\nexport type ToolDockDismissState = SelectionGestureActivationInput & {\n  toolDockOpen: boolean;\n};\n\nexport type SelectionEdgeAutoscrollInput = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  threshold: number;\n  maxStep: number;\n};\n\nexport type SelectionEdgeAutoscroll = {\n  dx: number;\n  dy: number;\n};\n\nexport type SelectionDragPoint = {\n  x: number;\n  y: number;\n};\n\nexport type SelectionDragRectInput = {\n  start: SelectionDragPoint;\n  end: SelectionDragPoint;\n  width: number;\n  height: number;\n  lineThreshold: number;\n};\n\nconst clamp = (value: number, min: number, max: number) =>\n  Math.min(max, Math.max(min, value));\n\nconst DRAG_SELECTION_TOOLS = new Set<SelectionGestureTool>([\n  \"highlight\",\n  \"underline\",\n  \"squiggly\",\n  \"strikeout\",\n]);\n\nconst resolveAxisAutoscroll = (\n  coordinate: number,\n  size: number,\n  threshold: number,\n  maxStep: number\n) => {\n  if (size <= 0 || threshold <= 0 || maxStep <= 0) return 0;\n\n  const startDistance = clamp(coordinate, 0, size);\n  if (startDistance < threshold) {\n    const intensity = 1 - startDistance / threshold;\n    return -Math.round(maxStep * intensity);\n  }\n\n  const endDistance = clamp(size - coordinate, 0, size);\n  if (endDistance < threshold) {\n    const intensity = 1 - endDistance / threshold;\n    return Math.round(maxStep * intensity);\n  }\n\n  return 0;\n};\n\nexport const shouldEnableViewerScroll = ({\n  selectionDragActive,\n  gestureScrollLockActive = false,\n}: ViewerScrollState) => !selectionDragActive && !gestureScrollLockActive;\n\nexport const shouldEnableSelectionDrag = ({\n  activeTool,\n  interactionMode,\n}: SelectionGestureActivationInput) =>\n  DRAG_SELECTION_TOOLS.has(activeTool) ||\n  (activeTool === \"select\" && interactionMode === \"select\");\n\nexport const isToolDockToolSelected = ({\n  activeTool,\n  interactionMode,\n  toolId,\n}: ToolDockSelectionState) =>\n  toolId === \"select\"\n    ? activeTool === \"select\" && interactionMode === \"select\"\n    : activeTool === toolId;\n\nexport const getToolDockDismissState = ({\n  activeTool: _activeTool,\n  interactionMode: _interactionMode,\n}: SelectionGestureActivationInput): ToolDockDismissState => ({\n  toolDockOpen: false,\n  activeTool: \"select\",\n  interactionMode: \"pan\",\n});\n\nexport const getSelectionEdgeAutoscroll = ({\n  x,\n  y,\n  width,\n  height,\n  threshold,\n  maxStep,\n}: SelectionEdgeAutoscrollInput): SelectionEdgeAutoscroll => ({\n  dx: resolveAxisAutoscroll(x, width, threshold, maxStep),\n  dy: resolveAxisAutoscroll(y, height, threshold, maxStep),\n});\n\nexport const resolveSelectionDragRect = ({\n  start,\n  end,\n  width,\n  height,\n  lineThreshold,\n}: SelectionDragRectInput) => {\n  const top = Math.max(0, Math.min(start.y, end.y));\n  const bottom = Math.min(height, Math.max(start.y, end.y));\n  const crossesLine = Math.abs(end.y - start.y) > lineThreshold;\n\n  if (!crossesLine) {\n    const left = Math.max(0, Math.min(start.x, end.x));\n    const right = Math.min(width, Math.max(start.x, end.x));\n    return { x: left, y: top, width: right - left, height: bottom - top };\n  }\n\n  const left = end.y >= start.y ? start.x : 0;\n  const right = end.y >= start.y ? width : start.x;\n  const clampedLeft = Math.max(0, Math.min(width, left));\n  const clampedRight = Math.max(clampedLeft, Math.min(width, right));\n  return {\n    x: clampedLeft,\n    y: top,\n    width: clampedRight - clampedLeft,\n    height: bottom - top,\n  };\n};\n"],"mappings":";AAyDA,IAAM,QAAQ,CAAC,OAAe,KAAa,QACzC,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAEpC,IAAM,uBAAuB,oBAAI,IAA0B;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,IAAM,wBAAwB,CAC5B,YACA,MACA,WACA,YACG;AACH,MAAI,QAAQ,KAAK,aAAa,KAAK,WAAW,EAAG,QAAO;AAExD,QAAM,gBAAgB,MAAM,YAAY,GAAG,IAAI;AAC/C,MAAI,gBAAgB,WAAW;AAC7B,UAAM,YAAY,IAAI,gBAAgB;AACtC,WAAO,CAAC,KAAK,MAAM,UAAU,SAAS;AAAA,EACxC;AAEA,QAAM,cAAc,MAAM,OAAO,YAAY,GAAG,IAAI;AACpD,MAAI,cAAc,WAAW;AAC3B,UAAM,YAAY,IAAI,cAAc;AACpC,WAAO,KAAK,MAAM,UAAU,SAAS;AAAA,EACvC;AAEA,SAAO;AACT;AAEO,IAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA,0BAA0B;AAC5B,MAAyB,CAAC,uBAAuB,CAAC;AAE3C,IAAM,4BAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AACF,MACE,qBAAqB,IAAI,UAAU,KAClC,eAAe,YAAY,oBAAoB;AAE3C,IAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,MACE,WAAW,WACP,eAAe,YAAY,oBAAoB,WAC/C,eAAe;AAEd,IAAM,0BAA0B,CAAC;AAAA,EACtC,YAAY;AAAA,EACZ,iBAAiB;AACnB,OAA8D;AAAA,EAC5D,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,iBAAiB;AACnB;AAEO,IAAM,6BAA6B,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAA8D;AAAA,EAC5D,IAAI,sBAAsB,GAAG,OAAO,WAAW,OAAO;AAAA,EACtD,IAAI,sBAAsB,GAAG,QAAQ,WAAW,OAAO;AACzD;AAEO,IAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA8B;AAC5B,QAAM,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,GAAG,IAAI,CAAC,CAAC;AAChD,QAAM,SAAS,KAAK,IAAI,QAAQ,KAAK,IAAI,MAAM,GAAG,IAAI,CAAC,CAAC;AACxD,QAAM,cAAc,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,IAAI;AAEhD,MAAI,CAAC,aAAa;AAChB,UAAMA,QAAO,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,GAAG,IAAI,CAAC,CAAC;AACjD,UAAMC,SAAQ,KAAK,IAAI,OAAO,KAAK,IAAI,MAAM,GAAG,IAAI,CAAC,CAAC;AACtD,WAAO,EAAE,GAAGD,OAAM,GAAG,KAAK,OAAOC,SAAQD,OAAM,QAAQ,SAAS,IAAI;AAAA,EACtE;AAEA,QAAM,OAAO,IAAI,KAAK,MAAM,IAAI,MAAM,IAAI;AAC1C,QAAM,QAAQ,IAAI,KAAK,MAAM,IAAI,QAAQ,MAAM;AAC/C,QAAM,cAAc,KAAK,IAAI,GAAG,KAAK,IAAI,OAAO,IAAI,CAAC;AACrD,QAAM,eAAe,KAAK,IAAI,aAAa,KAAK,IAAI,OAAO,KAAK,CAAC;AACjE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO,eAAe;AAAA,IACtB,QAAQ,SAAS;AAAA,EACnB;AACF;","names":["left","right"]}

package/dist/gesture/selectionInteraction.d.mts

@@ -26,10 +26,27 @@ type SelectionEdgeAutoscroll = {
     dx: number;
     dy: number;
 };
+type SelectionDragPoint = {
+    x: number;
+    y: number;
+};
+type SelectionDragRectInput = {
+    start: SelectionDragPoint;
+    end: SelectionDragPoint;
+    width: number;
+    height: number;
+    lineThreshold: number;
+};
 declare const shouldEnableViewerScroll: ({ selectionDragActive, gestureScrollLockActive, }: ViewerScrollState) => boolean;
 declare const shouldEnableSelectionDrag: ({ activeTool, interactionMode, }: SelectionGestureActivationInput) => boolean;
 declare const isToolDockToolSelected: ({ activeTool, interactionMode, toolId, }: ToolDockSelectionState) => boolean;
 declare const getToolDockDismissState: ({ activeTool: _activeTool, interactionMode: _interactionMode, }: SelectionGestureActivationInput) => ToolDockDismissState;
 declare const getSelectionEdgeAutoscroll: ({ x, y, width, height, threshold, maxStep, }: SelectionEdgeAutoscrollInput) => SelectionEdgeAutoscroll;
+declare const resolveSelectionDragRect: ({ start, end, width, height, lineThreshold, }: SelectionDragRectInput) => {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
 
-export { type SelectionEdgeAutoscroll, type SelectionEdgeAutoscrollInput, type SelectionGestureActivationInput, type SelectionGestureTool, type SelectionInteractionMode, type ToolDockDismissState, type ToolDockSelectionState, type ViewerScrollState, getSelectionEdgeAutoscroll, getToolDockDismissState, isToolDockToolSelected, shouldEnableSelectionDrag, shouldEnableViewerScroll };
+export { type SelectionDragPoint, type SelectionDragRectInput, type SelectionEdgeAutoscroll, type SelectionEdgeAutoscrollInput, type SelectionGestureActivationInput, type SelectionGestureTool, type SelectionInteractionMode, type ToolDockDismissState, type ToolDockSelectionState, type ViewerScrollState, getSelectionEdgeAutoscroll, getToolDockDismissState, isToolDockToolSelected, resolveSelectionDragRect, shouldEnableSelectionDrag, shouldEnableViewerScroll };

package/dist/gesture/selectionInteraction.d.ts

@@ -26,10 +26,27 @@ type SelectionEdgeAutoscroll = {
     dx: number;
     dy: number;
 };
+type SelectionDragPoint = {
+    x: number;
+    y: number;
+};
+type SelectionDragRectInput = {
+    start: SelectionDragPoint;
+    end: SelectionDragPoint;
+    width: number;
+    height: number;
+    lineThreshold: number;
+};
 declare const shouldEnableViewerScroll: ({ selectionDragActive, gestureScrollLockActive, }: ViewerScrollState) => boolean;
 declare const shouldEnableSelectionDrag: ({ activeTool, interactionMode, }: SelectionGestureActivationInput) => boolean;
 declare const isToolDockToolSelected: ({ activeTool, interactionMode, toolId, }: ToolDockSelectionState) => boolean;
 declare const getToolDockDismissState: ({ activeTool: _activeTool, interactionMode: _interactionMode, }: SelectionGestureActivationInput) => ToolDockDismissState;
 declare const getSelectionEdgeAutoscroll: ({ x, y, width, height, threshold, maxStep, }: SelectionEdgeAutoscrollInput) => SelectionEdgeAutoscroll;
+declare const resolveSelectionDragRect: ({ start, end, width, height, lineThreshold, }: SelectionDragRectInput) => {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
 
-export { type SelectionEdgeAutoscroll, type SelectionEdgeAutoscrollInput, type SelectionGestureActivationInput, type SelectionGestureTool, type SelectionInteractionMode, type ToolDockDismissState, type ToolDockSelectionState, type ViewerScrollState, getSelectionEdgeAutoscroll, getToolDockDismissState, isToolDockToolSelected, shouldEnableSelectionDrag, shouldEnableViewerScroll };
+export { type SelectionDragPoint, type SelectionDragRectInput, type SelectionEdgeAutoscroll, type SelectionEdgeAutoscrollInput, type SelectionGestureActivationInput, type SelectionGestureTool, type SelectionInteractionMode, type ToolDockDismissState, type ToolDockSelectionState, type ViewerScrollState, getSelectionEdgeAutoscroll, getToolDockDismissState, isToolDockToolSelected, resolveSelectionDragRect, shouldEnableSelectionDrag, shouldEnableViewerScroll };

package/dist/gesture/selectionInteraction.js

@@ -22,6 +22,7 @@ __export(selectionInteraction_exports, {
   getSelectionEdgeAutoscroll: () => getSelectionEdgeAutoscroll,
   getToolDockDismissState: () => getToolDockDismissState,
   isToolDockToolSelected: () => isToolDockToolSelected,
+  resolveSelectionDragRect: () => resolveSelectionDragRect,
   shouldEnableSelectionDrag: () => shouldEnableSelectionDrag,
   shouldEnableViewerScroll: () => shouldEnableViewerScroll
 });
@@ -79,11 +80,38 @@ var getSelectionEdgeAutoscroll = ({
   dx: resolveAxisAutoscroll(x, width, threshold, maxStep),
   dy: resolveAxisAutoscroll(y, height, threshold, maxStep)
 });
+var resolveSelectionDragRect = ({
+  start,
+  end,
+  width,
+  height,
+  lineThreshold
+}) => {
+  const top = Math.max(0, Math.min(start.y, end.y));
+  const bottom = Math.min(height, Math.max(start.y, end.y));
+  const crossesLine = Math.abs(end.y - start.y) > lineThreshold;
+  if (!crossesLine) {
+    const left2 = Math.max(0, Math.min(start.x, end.x));
+    const right2 = Math.min(width, Math.max(start.x, end.x));
+    return { x: left2, y: top, width: right2 - left2, height: bottom - top };
+  }
+  const left = end.y >= start.y ? start.x : 0;
+  const right = end.y >= start.y ? width : start.x;
+  const clampedLeft = Math.max(0, Math.min(width, left));
+  const clampedRight = Math.max(clampedLeft, Math.min(width, right));
+  return {
+    x: clampedLeft,
+    y: top,
+    width: clampedRight - clampedLeft,
+    height: bottom - top
+  };
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   getSelectionEdgeAutoscroll,
   getToolDockDismissState,
   isToolDockToolSelected,
+  resolveSelectionDragRect,
   shouldEnableSelectionDrag,
   shouldEnableViewerScroll
 });

package/dist/gesture/selectionInteraction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../gesture/selectionInteraction.ts"],"sourcesContent":["export type ViewerScrollState = {\n  selectionDragActive: boolean;\n  gestureScrollLockActive?: boolean;\n};\n\nexport type SelectionGestureTool =\n  | \"select\"\n  | \"highlight\"\n  | \"underline\"\n  | \"squiggly\"\n  | \"strikeout\"\n  | \"text\"\n  | \"comment\"\n  | \"ink\";\n\nexport type SelectionInteractionMode = \"pan\" | \"select\";\n\nexport type SelectionGestureActivationInput = {\n  activeTool: SelectionGestureTool;\n  interactionMode: SelectionInteractionMode;\n};\n\nexport type ToolDockSelectionState = SelectionGestureActivationInput & {\n  toolId: SelectionGestureTool;\n};\n\nexport type ToolDockDismissState = SelectionGestureActivationInput & {\n  toolDockOpen: boolean;\n};\n\nexport type SelectionEdgeAutoscrollInput = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  threshold: number;\n  maxStep: number;\n};\n\nexport type SelectionEdgeAutoscroll = {\n  dx: number;\n  dy: number;\n};\n\nconst clamp = (value: number, min: number, max: number) =>\n  Math.min(max, Math.max(min, value));\n\nconst DRAG_SELECTION_TOOLS = new Set<SelectionGestureTool>([\n  \"highlight\",\n  \"underline\",\n  \"squiggly\",\n  \"strikeout\",\n]);\n\nconst resolveAxisAutoscroll = (\n  coordinate: number,\n  size: number,\n  threshold: number,\n  maxStep: number\n) => {\n  if (size <= 0 || threshold <= 0 || maxStep <= 0) return 0;\n\n  const startDistance = clamp(coordinate, 0, size);\n  if (startDistance < threshold) {\n    const intensity = 1 - startDistance / threshold;\n    return -Math.round(maxStep * intensity);\n  }\n\n  const endDistance = clamp(size - coordinate, 0, size);\n  if (endDistance < threshold) {\n    const intensity = 1 - endDistance / threshold;\n    return Math.round(maxStep * intensity);\n  }\n\n  return 0;\n};\n\nexport const shouldEnableViewerScroll = ({\n  selectionDragActive,\n  gestureScrollLockActive = false,\n}: ViewerScrollState) => !selectionDragActive && !gestureScrollLockActive;\n\nexport const shouldEnableSelectionDrag = ({\n  activeTool,\n  interactionMode,\n}: SelectionGestureActivationInput) =>\n  DRAG_SELECTION_TOOLS.has(activeTool) ||\n  (activeTool === \"select\" && interactionMode === \"select\");\n\nexport const isToolDockToolSelected = ({\n  activeTool,\n  interactionMode,\n  toolId,\n}: ToolDockSelectionState) =>\n  toolId === \"select\"\n    ? activeTool === \"select\" && interactionMode === \"select\"\n    : activeTool === toolId;\n\nexport const getToolDockDismissState = ({\n  activeTool: _activeTool,\n  interactionMode: _interactionMode,\n}: SelectionGestureActivationInput): ToolDockDismissState => ({\n  toolDockOpen: false,\n  activeTool: \"select\",\n  interactionMode: \"pan\",\n});\n\nexport const getSelectionEdgeAutoscroll = ({\n  x,\n  y,\n  width,\n  height,\n  threshold,\n  maxStep,\n}: SelectionEdgeAutoscrollInput): SelectionEdgeAutoscroll => ({\n  dx: resolveAxisAutoscroll(x, width, threshold, maxStep),\n  dy: resolveAxisAutoscroll(y, height, threshold, maxStep),\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CA,IAAM,QAAQ,CAAC,OAAe,KAAa,QACzC,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAEpC,IAAM,uBAAuB,oBAAI,IAA0B;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,IAAM,wBAAwB,CAC5B,YACA,MACA,WACA,YACG;AACH,MAAI,QAAQ,KAAK,aAAa,KAAK,WAAW,EAAG,QAAO;AAExD,QAAM,gBAAgB,MAAM,YAAY,GAAG,IAAI;AAC/C,MAAI,gBAAgB,WAAW;AAC7B,UAAM,YAAY,IAAI,gBAAgB;AACtC,WAAO,CAAC,KAAK,MAAM,UAAU,SAAS;AAAA,EACxC;AAEA,QAAM,cAAc,MAAM,OAAO,YAAY,GAAG,IAAI;AACpD,MAAI,cAAc,WAAW;AAC3B,UAAM,YAAY,IAAI,cAAc;AACpC,WAAO,KAAK,MAAM,UAAU,SAAS;AAAA,EACvC;AAEA,SAAO;AACT;AAEO,IAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA,0BAA0B;AAC5B,MAAyB,CAAC,uBAAuB,CAAC;AAE3C,IAAM,4BAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AACF,MACE,qBAAqB,IAAI,UAAU,KAClC,eAAe,YAAY,oBAAoB;AAE3C,IAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,MACE,WAAW,WACP,eAAe,YAAY,oBAAoB,WAC/C,eAAe;AAEd,IAAM,0BAA0B,CAAC;AAAA,EACtC,YAAY;AAAA,EACZ,iBAAiB;AACnB,OAA8D;AAAA,EAC5D,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,iBAAiB;AACnB;AAEO,IAAM,6BAA6B,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAA8D;AAAA,EAC5D,IAAI,sBAAsB,GAAG,OAAO,WAAW,OAAO;AAAA,EACtD,IAAI,sBAAsB,GAAG,QAAQ,WAAW,OAAO;AACzD;","names":[]}
+{"version":3,"sources":["../../gesture/selectionInteraction.ts"],"sourcesContent":["export type ViewerScrollState = {\n  selectionDragActive: boolean;\n  gestureScrollLockActive?: boolean;\n};\n\nexport type SelectionGestureTool =\n  | \"select\"\n  | \"highlight\"\n  | \"underline\"\n  | \"squiggly\"\n  | \"strikeout\"\n  | \"text\"\n  | \"comment\"\n  | \"ink\";\n\nexport type SelectionInteractionMode = \"pan\" | \"select\";\n\nexport type SelectionGestureActivationInput = {\n  activeTool: SelectionGestureTool;\n  interactionMode: SelectionInteractionMode;\n};\n\nexport type ToolDockSelectionState = SelectionGestureActivationInput & {\n  toolId: SelectionGestureTool;\n};\n\nexport type ToolDockDismissState = SelectionGestureActivationInput & {\n  toolDockOpen: boolean;\n};\n\nexport type SelectionEdgeAutoscrollInput = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  threshold: number;\n  maxStep: number;\n};\n\nexport type SelectionEdgeAutoscroll = {\n  dx: number;\n  dy: number;\n};\n\nexport type SelectionDragPoint = {\n  x: number;\n  y: number;\n};\n\nexport type SelectionDragRectInput = {\n  start: SelectionDragPoint;\n  end: SelectionDragPoint;\n  width: number;\n  height: number;\n  lineThreshold: number;\n};\n\nconst clamp = (value: number, min: number, max: number) =>\n  Math.min(max, Math.max(min, value));\n\nconst DRAG_SELECTION_TOOLS = new Set<SelectionGestureTool>([\n  \"highlight\",\n  \"underline\",\n  \"squiggly\",\n  \"strikeout\",\n]);\n\nconst resolveAxisAutoscroll = (\n  coordinate: number,\n  size: number,\n  threshold: number,\n  maxStep: number\n) => {\n  if (size <= 0 || threshold <= 0 || maxStep <= 0) return 0;\n\n  const startDistance = clamp(coordinate, 0, size);\n  if (startDistance < threshold) {\n    const intensity = 1 - startDistance / threshold;\n    return -Math.round(maxStep * intensity);\n  }\n\n  const endDistance = clamp(size - coordinate, 0, size);\n  if (endDistance < threshold) {\n    const intensity = 1 - endDistance / threshold;\n    return Math.round(maxStep * intensity);\n  }\n\n  return 0;\n};\n\nexport const shouldEnableViewerScroll = ({\n  selectionDragActive,\n  gestureScrollLockActive = false,\n}: ViewerScrollState) => !selectionDragActive && !gestureScrollLockActive;\n\nexport const shouldEnableSelectionDrag = ({\n  activeTool,\n  interactionMode,\n}: SelectionGestureActivationInput) =>\n  DRAG_SELECTION_TOOLS.has(activeTool) ||\n  (activeTool === \"select\" && interactionMode === \"select\");\n\nexport const isToolDockToolSelected = ({\n  activeTool,\n  interactionMode,\n  toolId,\n}: ToolDockSelectionState) =>\n  toolId === \"select\"\n    ? activeTool === \"select\" && interactionMode === \"select\"\n    : activeTool === toolId;\n\nexport const getToolDockDismissState = ({\n  activeTool: _activeTool,\n  interactionMode: _interactionMode,\n}: SelectionGestureActivationInput): ToolDockDismissState => ({\n  toolDockOpen: false,\n  activeTool: \"select\",\n  interactionMode: \"pan\",\n});\n\nexport const getSelectionEdgeAutoscroll = ({\n  x,\n  y,\n  width,\n  height,\n  threshold,\n  maxStep,\n}: SelectionEdgeAutoscrollInput): SelectionEdgeAutoscroll => ({\n  dx: resolveAxisAutoscroll(x, width, threshold, maxStep),\n  dy: resolveAxisAutoscroll(y, height, threshold, maxStep),\n});\n\nexport const resolveSelectionDragRect = ({\n  start,\n  end,\n  width,\n  height,\n  lineThreshold,\n}: SelectionDragRectInput) => {\n  const top = Math.max(0, Math.min(start.y, end.y));\n  const bottom = Math.min(height, Math.max(start.y, end.y));\n  const crossesLine = Math.abs(end.y - start.y) > lineThreshold;\n\n  if (!crossesLine) {\n    const left = Math.max(0, Math.min(start.x, end.x));\n    const right = Math.min(width, Math.max(start.x, end.x));\n    return { x: left, y: top, width: right - left, height: bottom - top };\n  }\n\n  const left = end.y >= start.y ? start.x : 0;\n  const right = end.y >= start.y ? width : start.x;\n  const clampedLeft = Math.max(0, Math.min(width, left));\n  const clampedRight = Math.max(clampedLeft, Math.min(width, right));\n  return {\n    x: clampedLeft,\n    y: top,\n    width: clampedRight - clampedLeft,\n    height: bottom - top,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyDA,IAAM,QAAQ,CAAC,OAAe,KAAa,QACzC,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAEpC,IAAM,uBAAuB,oBAAI,IAA0B;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,IAAM,wBAAwB,CAC5B,YACA,MACA,WACA,YACG;AACH,MAAI,QAAQ,KAAK,aAAa,KAAK,WAAW,EAAG,QAAO;AAExD,QAAM,gBAAgB,MAAM,YAAY,GAAG,IAAI;AAC/C,MAAI,gBAAgB,WAAW;AAC7B,UAAM,YAAY,IAAI,gBAAgB;AACtC,WAAO,CAAC,KAAK,MAAM,UAAU,SAAS;AAAA,EACxC;AAEA,QAAM,cAAc,MAAM,OAAO,YAAY,GAAG,IAAI;AACpD,MAAI,cAAc,WAAW;AAC3B,UAAM,YAAY,IAAI,cAAc;AACpC,WAAO,KAAK,MAAM,UAAU,SAAS;AAAA,EACvC;AAEA,SAAO;AACT;AAEO,IAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA,0BAA0B;AAC5B,MAAyB,CAAC,uBAAuB,CAAC;AAE3C,IAAM,4BAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AACF,MACE,qBAAqB,IAAI,UAAU,KAClC,eAAe,YAAY,oBAAoB;AAE3C,IAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,MACE,WAAW,WACP,eAAe,YAAY,oBAAoB,WAC/C,eAAe;AAEd,IAAM,0BAA0B,CAAC;AAAA,EACtC,YAAY;AAAA,EACZ,iBAAiB;AACnB,OAA8D;AAAA,EAC5D,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,iBAAiB;AACnB;AAEO,IAAM,6BAA6B,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAA8D;AAAA,EAC5D,IAAI,sBAAsB,GAAG,OAAO,WAAW,OAAO;AAAA,EACtD,IAAI,sBAAsB,GAAG,QAAQ,WAAW,OAAO;AACzD;AAEO,IAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA8B;AAC5B,QAAM,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,GAAG,IAAI,CAAC,CAAC;AAChD,QAAM,SAAS,KAAK,IAAI,QAAQ,KAAK,IAAI,MAAM,GAAG,IAAI,CAAC,CAAC;AACxD,QAAM,cAAc,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,IAAI;AAEhD,MAAI,CAAC,aAAa;AAChB,UAAMA,QAAO,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,GAAG,IAAI,CAAC,CAAC;AACjD,UAAMC,SAAQ,KAAK,IAAI,OAAO,KAAK,IAAI,MAAM,GAAG,IAAI,CAAC,CAAC;AACtD,WAAO,EAAE,GAAGD,OAAM,GAAG,KAAK,OAAOC,SAAQD,OAAM,QAAQ,SAAS,IAAI;AAAA,EACtE;AAEA,QAAM,OAAO,IAAI,KAAK,MAAM,IAAI,MAAM,IAAI;AAC1C,QAAM,QAAQ,IAAI,KAAK,MAAM,IAAI,QAAQ,MAAM;AAC/C,QAAM,cAAc,KAAK,IAAI,GAAG,KAAK,IAAI,OAAO,IAAI,CAAC;AACrD,QAAM,eAAe,KAAK,IAAI,aAAa,KAAK,IAAI,OAAO,KAAK,CAAC;AACjE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO,eAAe;AAAA,IACtB,QAAQ,SAAS;AAAA,EACnB;AACF;","names":["left","right"]}

package/dist/gesture/selectionInteraction.mjs

@@ -2,14 +2,16 @@ import {
   getSelectionEdgeAutoscroll,
   getToolDockDismissState,
   isToolDockToolSelected,
+  resolveSelectionDragRect,
   shouldEnableSelectionDrag,
   shouldEnableViewerScroll
-} from "../chunk-KXNP73MZ.mjs";
+} from "../chunk-G6AQ4BV5.mjs";
 import "../chunk-ZD7AOCMD.mjs";
 export {
   getSelectionEdgeAutoscroll,
   getToolDockDismissState,
   isToolDockToolSelected,
+  resolveSelectionDragRect,
   shouldEnableSelectionDrag,
   shouldEnableViewerScroll
 };

package/dist/index.d.mts

@@ -6,6 +6,14 @@ import { StyleProp, ViewStyle } from 'react-native';
 
 interface ViewerProps {
     engine: DocumentEngine;
+    /** Maximum page width at fit zoom, in React Native points; pinch zoom may enlarge it. */
+    maxPageWidth?: number;
+    /**
+     * Fit each page's aspect ratio within the measured viewer height at fit zoom.
+     * Supported by the React Native compatibility renderer; not applied by the
+     * WebView or dedicated Android PDF renderer.
+     */
+    fitPageToViewportHeight?: boolean;
     virtualWindowSize?: number;
     maxToRenderPerBatch?: number;
     removeClippedSubviews?: boolean;
@@ -50,6 +58,8 @@ interface PageRendererProps {
     pageAspectRatio?: number;
     PageViewComponent?: PageViewComponentType;
     availableWidth?: number;
+    maxPageWidth?: number;
+    maxPageHeight?: number;
     pageViewportWidth?: number;
     horizontalPadding?: number;
     spacing?: number;
@@ -133,8 +143,9 @@ declare function ReadingShell({ engine, title, documentType, thumbsInitialCount,
 
 type DedicatedAndroidPdfViewerProps = {
     engine: DocumentEngine;
+    maxPageWidth?: number;
 };
-declare function DedicatedAndroidPdfViewer({ engine, }: DedicatedAndroidPdfViewerProps): react_jsx_runtime.JSX.Element;
+declare function DedicatedAndroidPdfViewer({ engine, maxPageWidth, }: DedicatedAndroidPdfViewerProps): react_jsx_runtime.JSX.Element;
 
 type OverflowSheetProps = {
     visible: boolean;
@@ -197,6 +208,8 @@ declare const MOBILE_CHROME_METRICS: {
     readonly topbarPageButtonSize: 30;
     readonly bottomBarItemPaddingHorizontal: 5;
     readonly bottomBarItemPaddingVertical: 3;
+    readonly bottomBarVisualHeight: 52;
+    readonly toolDockGap: 12;
     readonly topbarHeight: 56;
     readonly progressGap: 18;
     readonly progressHorizontalOffset: 10;
@@ -208,5 +221,10 @@ type IconProps = {
     strokeWidth?: number;
 };
 declare const IconPageNav: React.FC<IconProps>;
+declare const IconCopy: React.FC<IconProps>;
+declare const IconPencilLine: React.FC<IconProps>;
+declare const IconUnderline: React.FC<IconProps>;
+declare const IconMessageSquareQuote: React.FC<IconProps>;
+declare const IconQuote: React.FC<IconProps>;
 
-export { AnnotationEditor, BottomBar, CoverPreview, DocumentActionsSheet, IconPageNav, InfoSheet, MOBILE_CHROME_METRICS, MobilePerfProvider, DedicatedAndroidPdfViewer as NativePdfDocumentViewer, OverflowSheet, _default as PageRenderer, ProgressPill, ReadingShell, RightSheet, SearchOverlay, SearchResultsSheet, SettingsSheet, ToolDock, Topbar, Viewer, createPerfSession, createRunId, useMobilePerf };
+export { AnnotationEditor, BottomBar, CoverPreview, DocumentActionsSheet, IconCopy, IconMessageSquareQuote, IconPageNav, IconPencilLine, IconQuote, IconUnderline, InfoSheet, MOBILE_CHROME_METRICS, MobilePerfProvider, DedicatedAndroidPdfViewer as NativePdfDocumentViewer, OverflowSheet, _default as PageRenderer, ProgressPill, ReadingShell, RightSheet, SearchOverlay, SearchResultsSheet, SettingsSheet, ToolDock, Topbar, Viewer, createPerfSession, createRunId, useMobilePerf };

package/dist/index.d.ts

@@ -6,6 +6,14 @@ import { StyleProp, ViewStyle } from 'react-native';
 
 interface ViewerProps {
     engine: DocumentEngine;
+    /** Maximum page width at fit zoom, in React Native points; pinch zoom may enlarge it. */
+    maxPageWidth?: number;
+    /**
+     * Fit each page's aspect ratio within the measured viewer height at fit zoom.
+     * Supported by the React Native compatibility renderer; not applied by the
+     * WebView or dedicated Android PDF renderer.
+     */
+    fitPageToViewportHeight?: boolean;
     virtualWindowSize?: number;
     maxToRenderPerBatch?: number;
     removeClippedSubviews?: boolean;
@@ -50,6 +58,8 @@ interface PageRendererProps {
     pageAspectRatio?: number;
     PageViewComponent?: PageViewComponentType;
     availableWidth?: number;
+    maxPageWidth?: number;
+    maxPageHeight?: number;
     pageViewportWidth?: number;
     horizontalPadding?: number;
     spacing?: number;
@@ -133,8 +143,9 @@ declare function ReadingShell({ engine, title, documentType, thumbsInitialCount,
 
 type DedicatedAndroidPdfViewerProps = {
     engine: DocumentEngine;
+    maxPageWidth?: number;
 };
-declare function DedicatedAndroidPdfViewer({ engine, }: DedicatedAndroidPdfViewerProps): react_jsx_runtime.JSX.Element;
+declare function DedicatedAndroidPdfViewer({ engine, maxPageWidth, }: DedicatedAndroidPdfViewerProps): react_jsx_runtime.JSX.Element;
 
 type OverflowSheetProps = {
     visible: boolean;
@@ -197,6 +208,8 @@ declare const MOBILE_CHROME_METRICS: {
     readonly topbarPageButtonSize: 30;
     readonly bottomBarItemPaddingHorizontal: 5;
     readonly bottomBarItemPaddingVertical: 3;
+    readonly bottomBarVisualHeight: 52;
+    readonly toolDockGap: 12;
     readonly topbarHeight: 56;
     readonly progressGap: 18;
     readonly progressHorizontalOffset: 10;
@@ -208,5 +221,10 @@ type IconProps = {
     strokeWidth?: number;
 };
 declare const IconPageNav: React.FC<IconProps>;
+declare const IconCopy: React.FC<IconProps>;
+declare const IconPencilLine: React.FC<IconProps>;
+declare const IconUnderline: React.FC<IconProps>;
+declare const IconMessageSquareQuote: React.FC<IconProps>;
+declare const IconQuote: React.FC<IconProps>;
 
-export { AnnotationEditor, BottomBar, CoverPreview, DocumentActionsSheet, IconPageNav, InfoSheet, MOBILE_CHROME_METRICS, MobilePerfProvider, DedicatedAndroidPdfViewer as NativePdfDocumentViewer, OverflowSheet, _default as PageRenderer, ProgressPill, ReadingShell, RightSheet, SearchOverlay, SearchResultsSheet, SettingsSheet, ToolDock, Topbar, Viewer, createPerfSession, createRunId, useMobilePerf };
+export { AnnotationEditor, BottomBar, CoverPreview, DocumentActionsSheet, IconCopy, IconMessageSquareQuote, IconPageNav, IconPencilLine, IconQuote, IconUnderline, InfoSheet, MOBILE_CHROME_METRICS, MobilePerfProvider, DedicatedAndroidPdfViewer as NativePdfDocumentViewer, OverflowSheet, _default as PageRenderer, ProgressPill, ReadingShell, RightSheet, SearchOverlay, SearchResultsSheet, SettingsSheet, ToolDock, Topbar, Viewer, createPerfSession, createRunId, useMobilePerf };