@prose-reader/enhancer-gestures 1.228.0 → 1.230.0

package/dist/gestures/pan.d.ts

@@ -1,7 +1,7 @@
 import { HookManager, Reader } from '@prose-reader/core';
-import { Hook } from '../types';
-import { GesturesSettingsManager } from '../SettingsManager';
 import { PanRecognizer } from 'gesturx';
+import { GesturesSettingsManager } from '../SettingsManager';
+import { Hook } from '../types';
 export declare const registerPan: ({ reader, recognizer, settingsManager, }: {
     recognizer: PanRecognizer;
     reader: Reader;

package/dist/gestures/{taps.d.ts → taps/registerTaps.d.ts}

@@ -1,7 +1,7 @@
 import { HookManager, Reader } from '@prose-reader/core';
 import { TapRecognizer } from 'gesturx';
-import { GesturesSettingsManager } from '../SettingsManager';
-import { GestureRecognizable, Hook } from '../types';
+import { GesturesSettingsManager } from '../../SettingsManager';
+import { GestureRecognizable, Hook } from '../../types';
 export declare const registerTaps: ({ reader, recognizable, hookManager, settingsManager, recognizer, }: {
     recognizable: GestureRecognizable;
     reader: Reader;

package/dist/gestures/taps/types.d.ts

@@ -0,0 +1,36 @@
+import { SpineItem, UnsafeSpineItemPagePosition } from '@prose-reader/core';
+export type TapAreaGestureContext = {
+    page: {
+        spineItem: SpineItem;
+        spineItemPageIndex: number;
+        spineItemPagePosition: UnsafeSpineItemPagePosition;
+        pageSize: {
+            width: number;
+            height: number;
+        };
+    } | undefined;
+};
+export type TapArea = {
+    type: "margins";
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+} | {
+    type: "rectangle";
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    unit?: "px" | "%";
+} | {
+    type: "corner";
+    corner: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    size: number;
+    unit?: "px" | "%";
+} | {
+    type: "center";
+    width: number;
+    height: number;
+    unit?: "px" | "%";
+};

package/dist/gestures/taps/utils.d.ts

@@ -0,0 +1,9 @@
+import { TapArea } from './types';
+export declare const isPositionInArea: (position: {
+    x: number;
+    y: number;
+}, area: TapArea, containerSize: {
+    width: number;
+    height: number;
+}) => boolean;
+export declare const calculatePageTurnLinearMargin: (screenWidth: number) => number;

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import { Reader } from '@prose-reader/core';
 import { EnhancerAPI, InputSettings } from './types';
 export * from './types';
+export { isPositionInArea } from './gestures/taps/utils';
 export declare const gesturesEnhancer: <InheritOptions, InheritOutput extends Reader>(next: (options: InheritOptions) => InheritOutput) => (options: InheritOptions & {
     gestures?: Partial<InputSettings>;
 }) => InheritOutput & EnhancerAPI;

package/dist/index.js

@@ -30,7 +30,6 @@ class GesturesSettingsManager extends SettingsManager {
     };
   }
 }
-const DELAY_IGNORE_PAN = 400;
 const registerPan = ({
   reader,
   recognizer,
@@ -43,7 +42,6 @@ const registerPan = ({
         tap((event) => {
           if (reader.zoom.isZooming) return;
           if (event.type === `panStart`) {
-            if (event.delay > DELAY_IGNORE_PAN) return;
             reader == null ? void 0 : reader.navigation.moveTo({ x: 0, y: 0 }, { start: true });
           }
           if (event.type === `panMove`) {
@@ -186,6 +184,14 @@ const isNotLink = (event) => {
   if (isHtmlElement(target) && target.tagName === "a") return false;
   return true;
 };
+const getPositionRelativeToContainer = (event, containerElementRect) => {
+  const { x, y } = event;
+  const { left, top } = containerElementRect;
+  return {
+    x: x - left,
+    y: y - top
+  };
+};
 const istMatchingSelectors = (selectors, event) => {
   const target = event.event.target;
   if (!isHtmlElement(target)) return false;
@@ -196,6 +202,70 @@ const istMatchingSelectors = (selectors, event) => {
   });
   return !!match;
 };
+const isPositionInArea = (position, area, containerSize) => {
+  const { x, y } = position;
+  const { width, height } = containerSize;
+  switch (area.type) {
+    case "margins": {
+      const { top, bottom, left, right } = area;
+      const inTop = top !== void 0 ? y < height * top : true;
+      const inBottom = bottom !== void 0 ? y > height * (1 - bottom) : true;
+      const inLeft = left !== void 0 ? x < width * left : true;
+      const inRight = right !== void 0 ? x > width * (1 - right) : true;
+      return top !== void 0 && inTop || bottom !== void 0 && inBottom || left !== void 0 && inLeft || right !== void 0 && inRight;
+    }
+    case "rectangle": {
+      const {
+        x: rectX,
+        y: rectY,
+        width: rectWidth,
+        height: rectHeight,
+        unit = "%"
+      } = area;
+      const actualX = unit === "%" ? width * (rectX / 100) : rectX;
+      const actualY = unit === "%" ? height * (rectY / 100) : rectY;
+      const actualWidth = unit === "%" ? width * (rectWidth / 100) : rectWidth;
+      const actualHeight = unit === "%" ? height * (rectHeight / 100) : rectHeight;
+      return x >= actualX && x <= actualX + actualWidth && y >= actualY && y <= actualY + actualHeight;
+    }
+    case "corner": {
+      const { corner, size, unit = "%" } = area;
+      const actualSize = unit === "%" ? Math.min(width, height) * (size / 100) : size;
+      switch (corner) {
+        case "top-left":
+          return x < actualSize && y < actualSize;
+        case "top-right":
+          return x > width - actualSize && y < actualSize;
+        case "bottom-left":
+          return x < actualSize && y > height - actualSize;
+        case "bottom-right":
+          return x > width - actualSize && y > height - actualSize;
+        default:
+          return false;
+      }
+    }
+    case "center": {
+      const { width: centerWidth, height: centerHeight, unit = "%" } = area;
+      const actualWidth = unit === "%" ? width * (centerWidth / 100) : centerWidth;
+      const actualHeight = unit === "%" ? height * (centerHeight / 100) : centerHeight;
+      const centerX = width / 2;
+      const centerY = height / 2;
+      return x >= centerX - actualWidth / 2 && x <= centerX + actualWidth / 2 && y >= centerY - actualHeight / 2 && y <= centerY + actualHeight / 2;
+    }
+    default:
+      return false;
+  }
+};
+const calculatePageTurnLinearMargin = (screenWidth) => {
+  const minMargin = 0.15;
+  const maxMargin = 0.3;
+  const minWidth = 400;
+  const maxWidth = 1200;
+  if (screenWidth <= minWidth) return maxMargin;
+  if (screenWidth >= maxWidth) return minMargin;
+  const ratio = (screenWidth - minWidth) / (maxWidth - minWidth);
+  return maxMargin - ratio * (maxMargin - minMargin);
+};
 const registerTaps = ({
   reader,
   recognizable,
@@ -205,35 +275,58 @@ const registerTaps = ({
 }) => {
   const gestures$ = recognizable.events$.pipe(
     filter((event) => event.recognizer === recognizer),
-    switchMap(({ event }) => {
+    withLatestFrom(reader.context.watch(`rootElement`), reader.spine.element$),
+    switchMap(([{ event }, containerElement, spineElement]) => {
+      if (!containerElement || !spineElement) return EMPTY;
       const normalizedEvent = event.event;
       const { computedPageTurnDirection } = reader.settings.values;
       if (event.type === "tap" && isNotLink(event) && !istMatchingSelectors(settingsManager.values.ignore, event)) {
-        const width = window.innerWidth;
-        const height = window.innerHeight;
-        const pageTurnMargin = 0.15;
         if (`x` in normalizedEvent) {
-          const { x = 0, y } = normalizedEvent;
+          const containerElementRect = containerElement.getBoundingClientRect();
+          const width = containerElementRect.width;
+          const pageTurnMargin = calculatePageTurnLinearMargin(width);
+          const positionInContainer = getPositionRelativeToContainer(
+            normalizedEvent,
+            containerElementRect
+          );
+          const positionInSpineNonTransformed = reader.coordinates.getSpinePositionFromClientPosition(
+            normalizedEvent
+          );
+          const spineItemPageInfo = positionInSpineNonTransformed ? reader.spine.locator.getSpineItemPagePositionFromSpinePosition(
+            positionInSpineNonTransformed
+          ) : void 0;
           const beforeTapResults$ = hookManager.execute(
-            "beforeGesture",
+            "beforeTapGesture",
             void 0,
-            { event$: of(event) }
+            { event$: of({ event, page: spineItemPageInfo }) }
           );
           return combineLatest([...beforeTapResults$, of(true)]).pipe(
             first(),
             filter((results) => !results.some((result) => result === false)),
             map(() => {
-              const isTopArea = y < height * pageTurnMargin;
-              const isBottomArea = y > height * (1 - pageTurnMargin);
-              const isLeftArea = x < width * pageTurnMargin;
-              const isRightArea = x > width * (1 - pageTurnMargin);
-              if (isLeftArea && computedPageTurnDirection === "horizontal") {
+              if (computedPageTurnDirection === "horizontal" && isPositionInArea(
+                positionInContainer,
+                { type: "margins", left: pageTurnMargin },
+                containerElementRect
+              )) {
                 reader.navigation.turnLeftOrTop();
-              } else if (isTopArea && computedPageTurnDirection === "vertical") {
+              } else if (computedPageTurnDirection === "vertical" && isPositionInArea(
+                positionInContainer,
+                { type: "margins", top: pageTurnMargin },
+                containerElementRect
+              )) {
                 reader.navigation.turnLeftOrTop();
-              } else if (isBottomArea && computedPageTurnDirection === "vertical") {
+              } else if (computedPageTurnDirection === "vertical" && isPositionInArea(
+                positionInContainer,
+                { type: "margins", bottom: pageTurnMargin },
+                containerElementRect
+              )) {
                 reader.navigation.turnRightOrBottom();
-              } else if (isRightArea && computedPageTurnDirection === "horizontal") {
+              } else if (computedPageTurnDirection === "horizontal" && isPositionInArea(
+                positionInContainer,
+                { type: "margins", right: pageTurnMargin },
+                containerElementRect
+              )) {
                 reader.navigation.turnRightOrBottom();
               } else {
                 return { event, handled: false };
@@ -347,7 +440,7 @@ const gesturesEnhancer = (next) => (options) => {
     reader,
     recognizer: zoomPanRecognizer
   });
-  const containerUpdate$ = reader.context.containerElement$.pipe(
+  const containerUpdate$ = reader.context.watch(`rootElement`).pipe(
     tap((container) => {
       recognizable.update({
         container
@@ -399,6 +492,7 @@ const gesturesEnhancer = (next) => (options) => {
   };
 };
 export {
-  gesturesEnhancer
+  gesturesEnhancer,
+  isPositionInArea
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/SettingsManager.ts","../src/gestures/pan.ts","../src/gestures/pinch.ts","../src/gestures/swipe.ts","../src/utils.ts","../src/gestures/taps.ts","../src/gestures/zoomPan.ts","../src/index.ts"],"sourcesContent":["import { type Reader, SettingsManager } from \"@prose-reader/core\"\nimport type { InputSettings, OutputSettings } from \"./types\"\nimport { takeUntil, tap } from \"rxjs\"\n\nexport class GesturesSettingsManager extends SettingsManager<\n  InputSettings,\n  OutputSettings\n> {\n  constructor(\n    initialSettings: Partial<InputSettings>,\n    private reader: Reader,\n  ) {\n    super(initialSettings)\n\n    /**\n     * Since we have settings that may be locked due to some reader settings\n     * we need to update as soon as they update as well.\n     */\n    reader.settings.values$\n      .pipe(\n        tap(() => {\n          this.update({})\n        }),\n        takeUntil(this.destroy$),\n      )\n      .subscribe()\n  }\n\n  getOutputSettings(inputSettings: InputSettings): OutputSettings {\n    return {\n      ...inputSettings,\n      panNavigation:\n        this.reader.settings.values.computedPageTurnMode === `scrollable`\n          ? false\n          : inputSettings.panNavigation,\n    }\n  }\n\n  getDefaultSettings(): InputSettings {\n    return {\n      panNavigation: \"pan\",\n      pinchCancelPan: true,\n      fontScalePinchEnabled: true,\n      fontScalePinchThrottleTime: 500,\n      fontScaleMaxScale: 5,\n      fontScaleMinScale: 0.2,\n      ignore: [],\n    }\n  }\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport { EMPTY, map, switchMap, tap } from \"rxjs\"\nimport type { Hook } from \"../types\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { PanRecognizer } from \"gesturx\"\n\nconst DELAY_IGNORE_PAN = 400\n\nexport const registerPan = ({\n  reader,\n  recognizer,\n  settingsManager,\n}: {\n  recognizer: PanRecognizer\n  reader: Reader\n  hookManager: HookManager<Hook>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = settingsManager.values$.pipe(\n    switchMap(({ panNavigation }) => {\n      if (panNavigation !== \"pan\") return EMPTY\n\n      return recognizer.events$.pipe(\n        tap((event) => {\n          if (reader.zoom.isZooming) return\n\n          if (event.type === `panStart`) {\n            /**\n             * We let the user select\n             */\n            if (event.delay > DELAY_IGNORE_PAN) return\n\n            reader?.navigation.moveTo({ x: 0, y: 0 }, { start: true })\n          }\n\n          if (event.type === `panMove`) {\n            reader?.navigation.moveTo({ x: event.deltaX, y: event.deltaY })\n          }\n\n          if (event.type === `panEnd`) {\n            reader?.navigation.moveTo(\n              { x: event.deltaX, y: event.deltaY },\n              { final: true },\n            )\n          }\n        }),\n        map((event) => ({ event, handled: true })),\n      )\n    }),\n  )\n\n  return gestures$\n}\n","import {\n  type HookManager,\n  type Reader,\n  isHtmlElement,\n} from \"@prose-reader/core\"\nimport type { PinchEvent } from \"gesturx\"\nimport {\n  EMPTY,\n  animationFrameScheduler,\n  filter,\n  map,\n  merge,\n  switchMap,\n  takeUntil,\n  tap,\n  throttleTime,\n  withLatestFrom,\n} from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../types\"\n\nconst isHtmlImageElement = (\n  target: EventTarget | null,\n): target is HTMLImageElement =>\n  isHtmlElement(target) &&\n  !!target.ownerDocument.defaultView &&\n  target instanceof target.ownerDocument.defaultView.HTMLImageElement\n\nexport const registerPinch = ({\n  reader,\n  recognizable,\n  settingsManager,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const pinchStart$ = recognizable.events$.pipe(\n    map(({ event }) => event),\n    filter((event): event is PinchEvent => event.type === \"pinchStart\"),\n  )\n\n  const pinchMove$ = recognizable.events$.pipe(\n    map(({ event }) => event),\n    filter((event): event is PinchEvent => event.type === \"pinchMove\"),\n  )\n\n  const pinchEnd$ = recognizable.events$.pipe(\n    map(({ event }) => event),\n    filter((event): event is PinchEvent => event.type === \"pinchEnd\"),\n  )\n\n  const shouldStartZoom = (\n    target: EventTarget | null,\n  ): target is HTMLImageElement =>\n    isHtmlImageElement(target) && !reader.zoom.isZooming\n\n  return settingsManager.values$.pipe(\n    switchMap(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {\n      const zoomGestures$ = pinchStart$.pipe(\n        withLatestFrom(reader.viewportState$),\n        switchMap(([event, viewportState]) => {\n          const target = event.event.target\n          const startScale = reader.zoom.currentScale\n\n          if (viewportState === \"busy\") return EMPTY\n\n          if (shouldStartZoom(target)) {\n            reader.zoom.enter(target)\n          }\n\n          if (!reader.zoom.isZooming) return EMPTY\n\n          return merge(\n            pinchMove$.pipe(\n              tap((event) => {\n                if (reader.zoom.isZooming) {\n                  const newScale = startScale + (event.scale - 1)\n\n                  if (newScale < 1) {\n                    reader.zoom.exit()\n                  } else {\n                    reader.zoom.scaleAt(newScale)\n                  }\n                }\n              }),\n            ),\n          )\n        }),\n      )\n\n      const watchForFontScaleChange$ = !fontScalePinchEnabled\n        ? EMPTY\n        : pinchStart$.pipe(\n            withLatestFrom(reader.viewportState$),\n            switchMap(([pinchStartEvent, viewportState]) => {\n              if (\n                viewportState === \"busy\" ||\n                shouldStartZoom(pinchStartEvent.event.target) ||\n                reader.zoom.isZooming\n              )\n                return EMPTY\n\n              const lastFontScaleOnPinchStart = reader.settings.values.fontScale\n\n              return pinchMove$.pipe(\n                throttleTime(\n                  fontScalePinchThrottleTime,\n                  animationFrameScheduler,\n                  {\n                    trailing: true,\n                  },\n                ),\n                tap((event) => {\n                  const newScale = Number.parseFloat(\n                    (lastFontScaleOnPinchStart + (event.scale - 1)).toFixed(2),\n                  )\n\n                  const newMinMaxedFontScale = Math.max(\n                    Math.min(\n                      newScale,\n                      settingsManager.values.fontScaleMaxScale,\n                    ),\n                    settingsManager.values.fontScaleMinScale,\n                  )\n\n                  reader.settings.update({\n                    fontScale: newMinMaxedFontScale,\n                  })\n                }),\n                takeUntil(pinchEnd$),\n              )\n            }),\n          )\n\n      return merge(zoomGestures$, watchForFontScaleChange$).pipe(\n        map((event) => ({ event, handled: true })),\n      )\n    }),\n  )\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport { EMPTY, filter, map, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../types\"\n\nexport const registerSwipe = ({\n  reader,\n  recognizable,\n  settingsManager,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = settingsManager.values$.pipe(\n    switchMap(({ panNavigation }) =>\n      panNavigation !== \"swipe\"\n        ? EMPTY\n        : recognizable.events$.pipe(\n            filter(({ event }) => event.type === \"swipe\"),\n            tap(({ event }) => {\n              const { computedPageTurnDirection } = reader.settings.values\n\n              if (computedPageTurnDirection === \"vertical\") {\n                if (event.velocityY < -0.5) {\n                  reader?.navigation.turnRight()\n                }\n                if (event.velocityY > 0.5) {\n                  reader?.navigation.turnLeft()\n                }\n              } else {\n                if (event.velocityX < -0.5) {\n                  reader?.navigation.turnRight()\n                }\n                if (event.velocityX > 0.5) {\n                  reader?.navigation.turnLeft()\n                }\n              }\n            }),\n            map(({ event }) => ({ event, handled: true })),\n          ),\n    ),\n  )\n\n  return gestures$\n}\n","import { isHtmlElement } from \"@prose-reader/core\"\nimport type { GestureEvent } from \"./types\"\n\nexport const isNotLink = (event: GestureEvent[\"event\"]) => {\n  const target = event.event.target\n\n  if (isHtmlElement(target) && target.tagName === \"a\") return false\n\n  return true\n}\n\nexport const istMatchingSelectors = (\n  selectors: string[],\n  event: GestureEvent[\"event\"],\n): boolean => {\n  const target = event.event.target\n\n  if (!isHtmlElement(target)) return false\n\n  const match = selectors.find((selector) => {\n    // Check if the target matches the selector directly\n    if (target.matches(selector)) return true\n\n    // Check if the target is within an element matching the selector\n    if (target.closest(selector)) return true\n\n    return false\n  })\n\n  return !!match\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { TapRecognizer } from \"gesturx\"\nimport { EMPTY, combineLatest, filter, first, map, of, switchMap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../types\"\nimport { isNotLink, istMatchingSelectors } from \"../utils\"\n\nexport const registerTaps = ({\n  reader,\n  recognizable,\n  hookManager,\n  settingsManager,\n  recognizer,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  recognizer: TapRecognizer\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = recognizable.events$.pipe(\n    filter((event) => event.recognizer === recognizer),\n    switchMap(({ event }) => {\n      const normalizedEvent = event.event\n      const { computedPageTurnDirection } = reader.settings.values\n\n      if (\n        event.type === \"tap\" &&\n        isNotLink(event) &&\n        !istMatchingSelectors(settingsManager.values.ignore, event)\n      ) {\n        const width = window.innerWidth\n        const height = window.innerHeight\n        const pageTurnMargin = 0.15\n\n        if (`x` in normalizedEvent) {\n          const { x = 0, y } = normalizedEvent\n\n          const beforeTapResults$ = hookManager.execute(\n            \"beforeGesture\",\n            undefined,\n            { event$: of(event) },\n          )\n\n          return combineLatest([...beforeTapResults$, of(true)]).pipe(\n            first(),\n            filter((results) => !results.some((result) => result === false)),\n            map(() => {\n              const isTopArea = y < height * pageTurnMargin\n              const isBottomArea = y > height * (1 - pageTurnMargin)\n              const isLeftArea = x < width * pageTurnMargin\n              const isRightArea = x > width * (1 - pageTurnMargin)\n\n              if (isLeftArea && computedPageTurnDirection === \"horizontal\") {\n                reader.navigation.turnLeftOrTop()\n              } else if (\n                isTopArea &&\n                computedPageTurnDirection === \"vertical\"\n              ) {\n                reader.navigation.turnLeftOrTop()\n              } else if (\n                isBottomArea &&\n                computedPageTurnDirection === \"vertical\"\n              ) {\n                reader.navigation.turnRightOrBottom()\n              } else if (\n                isRightArea &&\n                computedPageTurnDirection === \"horizontal\"\n              ) {\n                reader.navigation.turnRightOrBottom()\n              } else {\n                return { event, handled: false }\n              }\n\n              return { event, handled: true }\n            }),\n          )\n        }\n      }\n\n      return EMPTY\n    }),\n  )\n\n  return gestures$\n}\n","import type { Reader } from \"@prose-reader/core\"\nimport type { PanRecognizer } from \"gesturx\"\nimport { filter, switchMap, tap } from \"rxjs\"\n\nexport const registerZoomPan = ({\n  reader,\n  recognizer,\n}: { recognizer: PanRecognizer; reader: Reader }) => {\n  const panStart$ = recognizer.events$.pipe(\n    filter((event) => event.type === \"panStart\"),\n  )\n  const panMove$ = recognizer.events$.pipe(\n    filter((event) => event.type === \"panMove\"),\n  )\n\n  const zoomingPan$ = panStart$.pipe(\n    switchMap(() => {\n      const startPosition = reader.zoom.currentPosition\n\n      return panMove$.pipe(\n        tap((panMoveEvent) => {\n          if (reader.zoom.isZooming) {\n            reader.zoom.moveAt({\n              x: startPosition.x + panMoveEvent.deltaX,\n              y: startPosition.y + panMoveEvent.deltaY,\n            })\n          }\n        }),\n      )\n    }),\n  )\n\n  return zoomingPan$\n}\n","import { HookManager, type Reader } from \"@prose-reader/core\"\nimport {\n  PanRecognizer,\n  PinchRecognizer,\n  Recognizable,\n  SwipeRecognizer,\n  TapRecognizer,\n} from \"gesturx\"\nimport { combineLatest, merge, share, takeUntil, tap } from \"rxjs\"\nimport { GesturesSettingsManager } from \"./SettingsManager\"\nimport { registerPan } from \"./gestures/pan\"\nimport { registerPinch } from \"./gestures/pinch\"\nimport { registerSwipe } from \"./gestures/swipe\"\nimport { registerTaps } from \"./gestures/taps\"\nimport { registerZoomPan } from \"./gestures/zoomPan\"\nimport type { EnhancerAPI, Hook, InputSettings } from \"./types\"\n\nexport * from \"./types\"\n\nexport const gesturesEnhancer =\n  <InheritOptions, InheritOutput extends Reader>(\n    next: (options: InheritOptions) => InheritOutput,\n  ) =>\n  (\n    options: InheritOptions & {\n      gestures?: Partial<InputSettings>\n    },\n  ): InheritOutput & EnhancerAPI => {\n    const { gestures = {}, ...rest } = options\n    const reader = next(rest as InheritOptions)\n\n    const settingsManager = new GesturesSettingsManager(gestures, reader)\n\n    const hookManager = new HookManager<Hook>()\n\n    const pinchRecognizer = new PinchRecognizer({\n      options: {\n        /**\n         * @important\n         * To be less than pan otherwise it will not fail before it starts\n         */\n        posThreshold: 20,\n      },\n    })\n\n    const failWithSelection = {\n      start$: reader.selection.selectionStart$,\n      end$: reader.selection.selectionEnd$,\n    }\n\n    const panRecognizer = new PanRecognizer({\n      failWith: [pinchRecognizer, failWithSelection],\n      options: {\n        // we want to have some margin to trigger zoom\n        posThreshold: 15,\n      },\n    })\n\n    const zoomPanRecognizer = new PanRecognizer({\n      options: {\n        posThreshold: 1,\n      },\n    })\n\n    const tapRecognizer = new TapRecognizer({\n      failWith: [panRecognizer],\n    })\n\n    const swipeRecognizer = new SwipeRecognizer({\n      failWith: [failWithSelection],\n    })\n\n    const recognizable = new Recognizable({\n      recognizers: [\n        tapRecognizer,\n        panRecognizer,\n        swipeRecognizer,\n        pinchRecognizer,\n        zoomPanRecognizer,\n      ],\n      disableTextSelection: false,\n    })\n\n    const tapGestures$ = registerTaps({\n      hookManager,\n      reader,\n      recognizable,\n      settingsManager,\n      recognizer: tapRecognizer,\n    })\n\n    const panGestures$ = registerPan({\n      hookManager,\n      reader,\n      recognizer: panRecognizer,\n      settingsManager,\n    })\n\n    const swipeGestures$ = registerSwipe({\n      hookManager,\n      reader,\n      recognizable,\n      settingsManager,\n    })\n\n    const pinchGestures$ = registerPinch({\n      hookManager,\n      reader,\n      recognizable,\n      settingsManager,\n    })\n\n    const zoomPanGestures$ = registerZoomPan({\n      reader,\n      recognizer: zoomPanRecognizer,\n    })\n\n    const containerUpdate$ = reader.context.containerElement$.pipe(\n      tap((container) => {\n        recognizable.update({\n          container,\n        })\n      }),\n    )\n\n    const watchSettings$ = combineLatest([\n      settingsManager.values$,\n      panRecognizer.config$,\n    ]).pipe(\n      tap(([{ pinchCancelPan }, panRecognizerConfig]) => {\n        const pinchAlreadyInFailWith =\n          panRecognizerConfig.failWith?.includes(pinchRecognizer)\n\n        if (pinchCancelPan && !pinchAlreadyInFailWith) {\n          panRecognizer.update({\n            failWith: [\n              ...(panRecognizerConfig.failWith ?? []),\n              pinchRecognizer,\n            ],\n          })\n        }\n\n        if (!pinchCancelPan && pinchAlreadyInFailWith) {\n          panRecognizer.update({\n            failWith: panRecognizerConfig.failWith?.filter(\n              (recognizer) => recognizer !== pinchRecognizer,\n            ),\n          })\n        }\n      }),\n    )\n\n    const gestures$ = merge(\n      pinchGestures$,\n      tapGestures$,\n      swipeGestures$,\n      panGestures$,\n    ).pipe(share())\n\n    merge(containerUpdate$, watchSettings$, zoomPanGestures$, gestures$)\n      .pipe(takeUntil(reader.$.destroy$))\n      .subscribe()\n\n    return {\n      ...reader,\n      destroy: () => {\n        reader.destroy()\n        settingsManager.destroy()\n      },\n      gestures: {\n        settings: settingsManager,\n        gestures$,\n        hooks: hookManager,\n      },\n    }\n  }\n"],"names":["event"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/SettingsManager.ts","../src/gestures/pan.ts","../src/gestures/pinch.ts","../src/gestures/swipe.ts","../src/utils.ts","../src/gestures/taps/utils.ts","../src/gestures/taps/registerTaps.ts","../src/gestures/zoomPan.ts","../src/index.ts"],"sourcesContent":["import { type Reader, SettingsManager } from \"@prose-reader/core\"\nimport type { InputSettings, OutputSettings } from \"./types\"\nimport { takeUntil, tap } from \"rxjs\"\n\nexport class GesturesSettingsManager extends SettingsManager<\n  InputSettings,\n  OutputSettings\n> {\n  constructor(\n    initialSettings: Partial<InputSettings>,\n    private reader: Reader,\n  ) {\n    super(initialSettings)\n\n    /**\n     * Since we have settings that may be locked due to some reader settings\n     * we need to update as soon as they update as well.\n     */\n    reader.settings.values$\n      .pipe(\n        tap(() => {\n          this.update({})\n        }),\n        takeUntil(this.destroy$),\n      )\n      .subscribe()\n  }\n\n  getOutputSettings(inputSettings: InputSettings): OutputSettings {\n    return {\n      ...inputSettings,\n      panNavigation:\n        this.reader.settings.values.computedPageTurnMode === `scrollable`\n          ? false\n          : inputSettings.panNavigation,\n    }\n  }\n\n  getDefaultSettings(): InputSettings {\n    return {\n      panNavigation: \"pan\",\n      pinchCancelPan: true,\n      fontScalePinchEnabled: true,\n      fontScalePinchThrottleTime: 500,\n      fontScaleMaxScale: 5,\n      fontScaleMinScale: 0.2,\n      ignore: [],\n    }\n  }\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { PanRecognizer } from \"gesturx\"\nimport { EMPTY, map, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { Hook } from \"../types\"\n\nexport const registerPan = ({\n  reader,\n  recognizer,\n  settingsManager,\n}: {\n  recognizer: PanRecognizer\n  reader: Reader\n  hookManager: HookManager<Hook>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = settingsManager.values$.pipe(\n    switchMap(({ panNavigation }) => {\n      if (panNavigation !== \"pan\") return EMPTY\n\n      return recognizer.events$.pipe(\n        tap((event) => {\n          if (reader.zoom.isZooming) return\n\n          if (event.type === `panStart`) {\n            reader?.navigation.moveTo({ x: 0, y: 0 }, { start: true })\n          }\n\n          if (event.type === `panMove`) {\n            reader?.navigation.moveTo({ x: event.deltaX, y: event.deltaY })\n          }\n\n          if (event.type === `panEnd`) {\n            reader?.navigation.moveTo(\n              { x: event.deltaX, y: event.deltaY },\n              { final: true },\n            )\n          }\n        }),\n        map((event) => ({ event, handled: true })),\n      )\n    }),\n  )\n\n  return gestures$\n}\n","import {\n  type HookManager,\n  type Reader,\n  isHtmlElement,\n} from \"@prose-reader/core\"\nimport type { PinchEvent } from \"gesturx\"\nimport {\n  EMPTY,\n  animationFrameScheduler,\n  filter,\n  map,\n  merge,\n  switchMap,\n  takeUntil,\n  tap,\n  throttleTime,\n  withLatestFrom,\n} from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../types\"\n\nconst isHtmlImageElement = (\n  target: EventTarget | null,\n): target is HTMLImageElement =>\n  isHtmlElement(target) &&\n  !!target.ownerDocument.defaultView &&\n  target instanceof target.ownerDocument.defaultView.HTMLImageElement\n\nexport const registerPinch = ({\n  reader,\n  recognizable,\n  settingsManager,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const pinchStart$ = recognizable.events$.pipe(\n    map(({ event }) => event),\n    filter((event): event is PinchEvent => event.type === \"pinchStart\"),\n  )\n\n  const pinchMove$ = recognizable.events$.pipe(\n    map(({ event }) => event),\n    filter((event): event is PinchEvent => event.type === \"pinchMove\"),\n  )\n\n  const pinchEnd$ = recognizable.events$.pipe(\n    map(({ event }) => event),\n    filter((event): event is PinchEvent => event.type === \"pinchEnd\"),\n  )\n\n  const shouldStartZoom = (\n    target: EventTarget | null,\n  ): target is HTMLImageElement =>\n    isHtmlImageElement(target) && !reader.zoom.isZooming\n\n  return settingsManager.values$.pipe(\n    switchMap(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {\n      const zoomGestures$ = pinchStart$.pipe(\n        withLatestFrom(reader.viewportState$),\n        switchMap(([event, viewportState]) => {\n          const target = event.event.target\n          const startScale = reader.zoom.currentScale\n\n          if (viewportState === \"busy\") return EMPTY\n\n          if (shouldStartZoom(target)) {\n            reader.zoom.enter(target)\n          }\n\n          if (!reader.zoom.isZooming) return EMPTY\n\n          return merge(\n            pinchMove$.pipe(\n              tap((event) => {\n                if (reader.zoom.isZooming) {\n                  const newScale = startScale + (event.scale - 1)\n\n                  if (newScale < 1) {\n                    reader.zoom.exit()\n                  } else {\n                    reader.zoom.scaleAt(newScale)\n                  }\n                }\n              }),\n            ),\n          )\n        }),\n      )\n\n      const watchForFontScaleChange$ = !fontScalePinchEnabled\n        ? EMPTY\n        : pinchStart$.pipe(\n            withLatestFrom(reader.viewportState$),\n            switchMap(([pinchStartEvent, viewportState]) => {\n              if (\n                viewportState === \"busy\" ||\n                shouldStartZoom(pinchStartEvent.event.target) ||\n                reader.zoom.isZooming\n              )\n                return EMPTY\n\n              const lastFontScaleOnPinchStart = reader.settings.values.fontScale\n\n              return pinchMove$.pipe(\n                throttleTime(\n                  fontScalePinchThrottleTime,\n                  animationFrameScheduler,\n                  {\n                    trailing: true,\n                  },\n                ),\n                tap((event) => {\n                  const newScale = Number.parseFloat(\n                    (lastFontScaleOnPinchStart + (event.scale - 1)).toFixed(2),\n                  )\n\n                  const newMinMaxedFontScale = Math.max(\n                    Math.min(\n                      newScale,\n                      settingsManager.values.fontScaleMaxScale,\n                    ),\n                    settingsManager.values.fontScaleMinScale,\n                  )\n\n                  reader.settings.update({\n                    fontScale: newMinMaxedFontScale,\n                  })\n                }),\n                takeUntil(pinchEnd$),\n              )\n            }),\n          )\n\n      return merge(zoomGestures$, watchForFontScaleChange$).pipe(\n        map((event) => ({ event, handled: true })),\n      )\n    }),\n  )\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport { EMPTY, filter, map, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../types\"\n\nexport const registerSwipe = ({\n  reader,\n  recognizable,\n  settingsManager,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = settingsManager.values$.pipe(\n    switchMap(({ panNavigation }) =>\n      panNavigation !== \"swipe\"\n        ? EMPTY\n        : recognizable.events$.pipe(\n            filter(({ event }) => event.type === \"swipe\"),\n            tap(({ event }) => {\n              const { computedPageTurnDirection } = reader.settings.values\n\n              if (computedPageTurnDirection === \"vertical\") {\n                if (event.velocityY < -0.5) {\n                  reader?.navigation.turnRight()\n                }\n                if (event.velocityY > 0.5) {\n                  reader?.navigation.turnLeft()\n                }\n              } else {\n                if (event.velocityX < -0.5) {\n                  reader?.navigation.turnRight()\n                }\n                if (event.velocityX > 0.5) {\n                  reader?.navigation.turnLeft()\n                }\n              }\n            }),\n            map(({ event }) => ({ event, handled: true })),\n          ),\n    ),\n  )\n\n  return gestures$\n}\n","import { isHtmlElement } from \"@prose-reader/core\"\nimport type { GestureEvent } from \"./types\"\n\nexport const isNotLink = (event: GestureEvent[\"event\"]) => {\n  const target = event.event.target\n\n  if (isHtmlElement(target) && target.tagName === \"a\") return false\n\n  return true\n}\n\nexport const getPositionRelativeToContainer = (\n  event: { x: number; y: number },\n  containerElementRect: DOMRectReadOnly,\n) => {\n  const { x, y } = event\n  const { left, top } = containerElementRect\n\n  return {\n    x: x - left,\n    y: y - top,\n  }\n}\n\nexport const istMatchingSelectors = (\n  selectors: string[],\n  event: GestureEvent[\"event\"],\n): boolean => {\n  const target = event.event.target\n\n  if (!isHtmlElement(target)) return false\n\n  const match = selectors.find((selector) => {\n    // Check if the target matches the selector directly\n    if (target.matches(selector)) return true\n\n    // Check if the target is within an element matching the selector\n    if (target.closest(selector)) return true\n\n    return false\n  })\n\n  return !!match\n}\n","import type { TapArea } from \"./types\"\n\nexport const isPositionInArea = (\n  position: { x: number; y: number },\n  area: TapArea,\n  containerSize: { width: number; height: number },\n): boolean => {\n  const { x, y } = position\n  const { width, height } = containerSize\n\n  switch (area.type) {\n    case \"margins\": {\n      const { top, bottom, left, right } = area\n      const inTop = top !== undefined ? y < height * top : true\n      const inBottom = bottom !== undefined ? y > height * (1 - bottom) : true\n      const inLeft = left !== undefined ? x < width * left : true\n      const inRight = right !== undefined ? x > width * (1 - right) : true\n\n      return (\n        (top !== undefined && inTop) ||\n        (bottom !== undefined && inBottom) ||\n        (left !== undefined && inLeft) ||\n        (right !== undefined && inRight)\n      )\n    }\n\n    case \"rectangle\": {\n      const {\n        x: rectX,\n        y: rectY,\n        width: rectWidth,\n        height: rectHeight,\n        unit = \"%\",\n      } = area\n      const actualX = unit === \"%\" ? width * (rectX / 100) : rectX\n      const actualY = unit === \"%\" ? height * (rectY / 100) : rectY\n      const actualWidth = unit === \"%\" ? width * (rectWidth / 100) : rectWidth\n      const actualHeight =\n        unit === \"%\" ? height * (rectHeight / 100) : rectHeight\n\n      return (\n        x >= actualX &&\n        x <= actualX + actualWidth &&\n        y >= actualY &&\n        y <= actualY + actualHeight\n      )\n    }\n\n    case \"corner\": {\n      const { corner, size, unit = \"%\" } = area\n      const actualSize =\n        unit === \"%\" ? Math.min(width, height) * (size / 100) : size\n\n      switch (corner) {\n        case \"top-left\":\n          return x < actualSize && y < actualSize\n        case \"top-right\":\n          return x > width - actualSize && y < actualSize\n        case \"bottom-left\":\n          return x < actualSize && y > height - actualSize\n        case \"bottom-right\":\n          return x > width - actualSize && y > height - actualSize\n        default:\n          return false\n      }\n    }\n\n    case \"center\": {\n      const { width: centerWidth, height: centerHeight, unit = \"%\" } = area\n      const actualWidth =\n        unit === \"%\" ? width * (centerWidth / 100) : centerWidth\n      const actualHeight =\n        unit === \"%\" ? height * (centerHeight / 100) : centerHeight\n      const centerX = width / 2\n      const centerY = height / 2\n\n      return (\n        x >= centerX - actualWidth / 2 &&\n        x <= centerX + actualWidth / 2 &&\n        y >= centerY - actualHeight / 2 &&\n        y <= centerY + actualHeight / 2\n      )\n    }\n\n    default:\n      return false\n  }\n}\n\nexport const calculatePageTurnLinearMargin = (screenWidth: number): number => {\n  const minMargin = 0.15\n  const maxMargin = 0.3\n  const minWidth = 400\n  const maxWidth = 1200\n\n  if (screenWidth <= minWidth) return maxMargin\n  if (screenWidth >= maxWidth) return minMargin\n\n  // Linear interpolation between min and max\n  const ratio = (screenWidth - minWidth) / (maxWidth - minWidth)\n  return maxMargin - ratio * (maxMargin - minMargin)\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { TapRecognizer } from \"gesturx\"\nimport {\n  EMPTY,\n  combineLatest,\n  filter,\n  first,\n  map,\n  of,\n  switchMap,\n  withLatestFrom,\n} from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../../types\"\nimport {\n  getPositionRelativeToContainer,\n  isNotLink,\n  istMatchingSelectors,\n} from \"../../utils\"\nimport { calculatePageTurnLinearMargin, isPositionInArea } from \"./utils\"\n\nexport const registerTaps = ({\n  reader,\n  recognizable,\n  hookManager,\n  settingsManager,\n  recognizer,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  recognizer: TapRecognizer\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = recognizable.events$.pipe(\n    filter((event) => event.recognizer === recognizer),\n    withLatestFrom(reader.context.watch(`rootElement`), reader.spine.element$),\n    switchMap(([{ event }, containerElement, spineElement]) => {\n      if (!containerElement || !spineElement) return EMPTY\n\n      const normalizedEvent = event.event\n      const { computedPageTurnDirection } = reader.settings.values\n\n      if (\n        event.type === \"tap\" &&\n        isNotLink(event) &&\n        !istMatchingSelectors(settingsManager.values.ignore, event)\n      ) {\n        if (`x` in normalizedEvent) {\n          const containerElementRect = containerElement.getBoundingClientRect()\n          const width = containerElementRect.width\n          const pageTurnMargin = calculatePageTurnLinearMargin(width)\n          const positionInContainer = getPositionRelativeToContainer(\n            normalizedEvent,\n            containerElementRect,\n          )\n\n          const positionInSpineNonTransformed =\n            reader.coordinates.getSpinePositionFromClientPosition(\n              normalizedEvent,\n            )\n\n          const spineItemPageInfo = positionInSpineNonTransformed\n            ? reader.spine.locator.getSpineItemPagePositionFromSpinePosition(\n                positionInSpineNonTransformed,\n              )\n            : undefined\n\n          const beforeTapResults$ = hookManager.execute(\n            \"beforeTapGesture\",\n            undefined,\n            { event$: of({ event, page: spineItemPageInfo }) },\n          )\n\n          return combineLatest([...beforeTapResults$, of(true)]).pipe(\n            first(),\n            filter((results) => !results.some((result) => result === false)),\n            map(() => {\n              if (\n                computedPageTurnDirection === \"horizontal\" &&\n                isPositionInArea(\n                  positionInContainer,\n                  { type: \"margins\", left: pageTurnMargin },\n                  containerElementRect,\n                )\n              ) {\n                reader.navigation.turnLeftOrTop()\n              } else if (\n                computedPageTurnDirection === \"vertical\" &&\n                isPositionInArea(\n                  positionInContainer,\n                  { type: \"margins\", top: pageTurnMargin },\n                  containerElementRect,\n                )\n              ) {\n                reader.navigation.turnLeftOrTop()\n              } else if (\n                computedPageTurnDirection === \"vertical\" &&\n                isPositionInArea(\n                  positionInContainer,\n                  { type: \"margins\", bottom: pageTurnMargin },\n                  containerElementRect,\n                )\n              ) {\n                reader.navigation.turnRightOrBottom()\n              } else if (\n                computedPageTurnDirection === \"horizontal\" &&\n                isPositionInArea(\n                  positionInContainer,\n                  { type: \"margins\", right: pageTurnMargin },\n                  containerElementRect,\n                )\n              ) {\n                reader.navigation.turnRightOrBottom()\n              } else {\n                return { event, handled: false }\n              }\n\n              return { event, handled: true }\n            }),\n          )\n        }\n      }\n\n      return EMPTY\n    }),\n  )\n\n  return gestures$\n}\n","import type { Reader } from \"@prose-reader/core\"\nimport type { PanRecognizer } from \"gesturx\"\nimport { filter, switchMap, tap } from \"rxjs\"\n\nexport const registerZoomPan = ({\n  reader,\n  recognizer,\n}: { recognizer: PanRecognizer; reader: Reader }) => {\n  const panStart$ = recognizer.events$.pipe(\n    filter((event) => event.type === \"panStart\"),\n  )\n  const panMove$ = recognizer.events$.pipe(\n    filter((event) => event.type === \"panMove\"),\n  )\n\n  const zoomingPan$ = panStart$.pipe(\n    switchMap(() => {\n      const startPosition = reader.zoom.currentPosition\n\n      return panMove$.pipe(\n        tap((panMoveEvent) => {\n          if (reader.zoom.isZooming) {\n            reader.zoom.moveAt({\n              x: startPosition.x + panMoveEvent.deltaX,\n              y: startPosition.y + panMoveEvent.deltaY,\n            })\n          }\n        }),\n      )\n    }),\n  )\n\n  return zoomingPan$\n}\n","import { HookManager, type Reader } from \"@prose-reader/core\"\nimport {\n  PanRecognizer,\n  PinchRecognizer,\n  Recognizable,\n  SwipeRecognizer,\n  TapRecognizer,\n} from \"gesturx\"\nimport { combineLatest, merge, share, takeUntil, tap } from \"rxjs\"\nimport { GesturesSettingsManager } from \"./SettingsManager\"\nimport { registerPan } from \"./gestures/pan\"\nimport { registerPinch } from \"./gestures/pinch\"\nimport { registerSwipe } from \"./gestures/swipe\"\nimport { registerTaps } from \"./gestures/taps/registerTaps\"\nimport { registerZoomPan } from \"./gestures/zoomPan\"\nimport type { EnhancerAPI, Hook, InputSettings } from \"./types\"\n\nexport * from \"./types\"\nexport { isPositionInArea } from \"./gestures/taps/utils\"\n\nexport const gesturesEnhancer =\n  <InheritOptions, InheritOutput extends Reader>(\n    next: (options: InheritOptions) => InheritOutput,\n  ) =>\n  (\n    options: InheritOptions & {\n      gestures?: Partial<InputSettings>\n    },\n  ): InheritOutput & EnhancerAPI => {\n    const { gestures = {}, ...rest } = options\n    const reader = next(rest as InheritOptions)\n\n    const settingsManager = new GesturesSettingsManager(gestures, reader)\n\n    const hookManager = new HookManager<Hook>()\n\n    const pinchRecognizer = new PinchRecognizer({\n      options: {\n        /**\n         * @important\n         * To be less than pan otherwise it will not fail before it starts\n         */\n        posThreshold: 20,\n      },\n    })\n\n    const failWithSelection = {\n      start$: reader.selection.selectionStart$,\n      end$: reader.selection.selectionEnd$,\n    }\n\n    const panRecognizer = new PanRecognizer({\n      failWith: [pinchRecognizer, failWithSelection],\n      options: {\n        // we want to have some margin to trigger zoom\n        posThreshold: 15,\n      },\n    })\n\n    const zoomPanRecognizer = new PanRecognizer({\n      options: {\n        posThreshold: 1,\n      },\n    })\n\n    const tapRecognizer = new TapRecognizer({\n      failWith: [panRecognizer],\n    })\n\n    const swipeRecognizer = new SwipeRecognizer({\n      failWith: [failWithSelection],\n    })\n\n    const recognizable = new Recognizable({\n      recognizers: [\n        tapRecognizer,\n        panRecognizer,\n        swipeRecognizer,\n        pinchRecognizer,\n        zoomPanRecognizer,\n      ],\n      disableTextSelection: false,\n    })\n\n    const tapGestures$ = registerTaps({\n      hookManager,\n      reader,\n      recognizable,\n      settingsManager,\n      recognizer: tapRecognizer,\n    })\n\n    const panGestures$ = registerPan({\n      hookManager,\n      reader,\n      recognizer: panRecognizer,\n      settingsManager,\n    })\n\n    const swipeGestures$ = registerSwipe({\n      hookManager,\n      reader,\n      recognizable,\n      settingsManager,\n    })\n\n    const pinchGestures$ = registerPinch({\n      hookManager,\n      reader,\n      recognizable,\n      settingsManager,\n    })\n\n    const zoomPanGestures$ = registerZoomPan({\n      reader,\n      recognizer: zoomPanRecognizer,\n    })\n\n    const containerUpdate$ = reader.context.watch(`rootElement`).pipe(\n      tap((container) => {\n        recognizable.update({\n          container,\n        })\n      }),\n    )\n\n    const watchSettings$ = combineLatest([\n      settingsManager.values$,\n      panRecognizer.config$,\n    ]).pipe(\n      tap(([{ pinchCancelPan }, panRecognizerConfig]) => {\n        const pinchAlreadyInFailWith =\n          panRecognizerConfig.failWith?.includes(pinchRecognizer)\n\n        if (pinchCancelPan && !pinchAlreadyInFailWith) {\n          panRecognizer.update({\n            failWith: [\n              ...(panRecognizerConfig.failWith ?? []),\n              pinchRecognizer,\n            ],\n          })\n        }\n\n        if (!pinchCancelPan && pinchAlreadyInFailWith) {\n          panRecognizer.update({\n            failWith: panRecognizerConfig.failWith?.filter(\n              (recognizer) => recognizer !== pinchRecognizer,\n            ),\n          })\n        }\n      }),\n    )\n\n    const gestures$ = merge(\n      pinchGestures$,\n      tapGestures$,\n      swipeGestures$,\n      panGestures$,\n    ).pipe(share())\n\n    merge(containerUpdate$, watchSettings$, zoomPanGestures$, gestures$)\n      .pipe(takeUntil(reader.$.destroy$))\n      .subscribe()\n\n    return {\n      ...reader,\n      destroy: () => {\n        reader.destroy()\n        settingsManager.destroy()\n      },\n      gestures: {\n        settings: settingsManager,\n        gestures$,\n        hooks: hookManager,\n      },\n    }\n  }\n"],"names":["event"],"mappings":"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"}

package/dist/index.umd.cjs

@@ -31,7 +31,6 @@
       };
     }
   }
-  const DELAY_IGNORE_PAN = 400;
   const registerPan = ({
     reader,
     recognizer,
@@ -44,7 +43,6 @@
           rxjs.tap((event) => {
             if (reader.zoom.isZooming) return;
             if (event.type === `panStart`) {
-              if (event.delay > DELAY_IGNORE_PAN) return;
               reader == null ? void 0 : reader.navigation.moveTo({ x: 0, y: 0 }, { start: true });
             }
             if (event.type === `panMove`) {
@@ -187,6 +185,14 @@
     if (core.isHtmlElement(target) && target.tagName === "a") return false;
     return true;
   };
+  const getPositionRelativeToContainer = (event, containerElementRect) => {
+    const { x, y } = event;
+    const { left, top } = containerElementRect;
+    return {
+      x: x - left,
+      y: y - top
+    };
+  };
   const istMatchingSelectors = (selectors, event) => {
     const target = event.event.target;
     if (!core.isHtmlElement(target)) return false;
@@ -197,6 +203,70 @@
     });
     return !!match;
   };
+  const isPositionInArea = (position, area, containerSize) => {
+    const { x, y } = position;
+    const { width, height } = containerSize;
+    switch (area.type) {
+      case "margins": {
+        const { top, bottom, left, right } = area;
+        const inTop = top !== void 0 ? y < height * top : true;
+        const inBottom = bottom !== void 0 ? y > height * (1 - bottom) : true;
+        const inLeft = left !== void 0 ? x < width * left : true;
+        const inRight = right !== void 0 ? x > width * (1 - right) : true;
+        return top !== void 0 && inTop || bottom !== void 0 && inBottom || left !== void 0 && inLeft || right !== void 0 && inRight;
+      }
+      case "rectangle": {
+        const {
+          x: rectX,
+          y: rectY,
+          width: rectWidth,
+          height: rectHeight,
+          unit = "%"
+        } = area;
+        const actualX = unit === "%" ? width * (rectX / 100) : rectX;
+        const actualY = unit === "%" ? height * (rectY / 100) : rectY;
+        const actualWidth = unit === "%" ? width * (rectWidth / 100) : rectWidth;
+        const actualHeight = unit === "%" ? height * (rectHeight / 100) : rectHeight;
+        return x >= actualX && x <= actualX + actualWidth && y >= actualY && y <= actualY + actualHeight;
+      }
+      case "corner": {
+        const { corner, size, unit = "%" } = area;
+        const actualSize = unit === "%" ? Math.min(width, height) * (size / 100) : size;
+        switch (corner) {
+          case "top-left":
+            return x < actualSize && y < actualSize;
+          case "top-right":
+            return x > width - actualSize && y < actualSize;
+          case "bottom-left":
+            return x < actualSize && y > height - actualSize;
+          case "bottom-right":
+            return x > width - actualSize && y > height - actualSize;
+          default:
+            return false;
+        }
+      }
+      case "center": {
+        const { width: centerWidth, height: centerHeight, unit = "%" } = area;
+        const actualWidth = unit === "%" ? width * (centerWidth / 100) : centerWidth;
+        const actualHeight = unit === "%" ? height * (centerHeight / 100) : centerHeight;
+        const centerX = width / 2;
+        const centerY = height / 2;
+        return x >= centerX - actualWidth / 2 && x <= centerX + actualWidth / 2 && y >= centerY - actualHeight / 2 && y <= centerY + actualHeight / 2;
+      }
+      default:
+        return false;
+    }
+  };
+  const calculatePageTurnLinearMargin = (screenWidth) => {
+    const minMargin = 0.15;
+    const maxMargin = 0.3;
+    const minWidth = 400;
+    const maxWidth = 1200;
+    if (screenWidth <= minWidth) return maxMargin;
+    if (screenWidth >= maxWidth) return minMargin;
+    const ratio = (screenWidth - minWidth) / (maxWidth - minWidth);
+    return maxMargin - ratio * (maxMargin - minMargin);
+  };
   const registerTaps = ({
     reader,
     recognizable,
@@ -206,35 +276,58 @@
   }) => {
     const gestures$ = recognizable.events$.pipe(
       rxjs.filter((event) => event.recognizer === recognizer),
-      rxjs.switchMap(({ event }) => {
+      rxjs.withLatestFrom(reader.context.watch(`rootElement`), reader.spine.element$),
+      rxjs.switchMap(([{ event }, containerElement, spineElement]) => {
+        if (!containerElement || !spineElement) return rxjs.EMPTY;
         const normalizedEvent = event.event;
         const { computedPageTurnDirection } = reader.settings.values;
         if (event.type === "tap" && isNotLink(event) && !istMatchingSelectors(settingsManager.values.ignore, event)) {
-          const width = window.innerWidth;
-          const height = window.innerHeight;
-          const pageTurnMargin = 0.15;
           if (`x` in normalizedEvent) {
-            const { x = 0, y } = normalizedEvent;
+            const containerElementRect = containerElement.getBoundingClientRect();
+            const width = containerElementRect.width;
+            const pageTurnMargin = calculatePageTurnLinearMargin(width);
+            const positionInContainer = getPositionRelativeToContainer(
+              normalizedEvent,
+              containerElementRect
+            );
+            const positionInSpineNonTransformed = reader.coordinates.getSpinePositionFromClientPosition(
+              normalizedEvent
+            );
+            const spineItemPageInfo = positionInSpineNonTransformed ? reader.spine.locator.getSpineItemPagePositionFromSpinePosition(
+              positionInSpineNonTransformed
+            ) : void 0;
             const beforeTapResults$ = hookManager.execute(
-              "beforeGesture",
+              "beforeTapGesture",
               void 0,
-              { event$: rxjs.of(event) }
+              { event$: rxjs.of({ event, page: spineItemPageInfo }) }
             );
             return rxjs.combineLatest([...beforeTapResults$, rxjs.of(true)]).pipe(
               rxjs.first(),
               rxjs.filter((results) => !results.some((result) => result === false)),
               rxjs.map(() => {
-                const isTopArea = y < height * pageTurnMargin;
-                const isBottomArea = y > height * (1 - pageTurnMargin);
-                const isLeftArea = x < width * pageTurnMargin;
-                const isRightArea = x > width * (1 - pageTurnMargin);
-                if (isLeftArea && computedPageTurnDirection === "horizontal") {
+                if (computedPageTurnDirection === "horizontal" && isPositionInArea(
+                  positionInContainer,
+                  { type: "margins", left: pageTurnMargin },
+                  containerElementRect
+                )) {
                   reader.navigation.turnLeftOrTop();
-                } else if (isTopArea && computedPageTurnDirection === "vertical") {
+                } else if (computedPageTurnDirection === "vertical" && isPositionInArea(
+                  positionInContainer,
+                  { type: "margins", top: pageTurnMargin },
+                  containerElementRect
+                )) {
                   reader.navigation.turnLeftOrTop();
-                } else if (isBottomArea && computedPageTurnDirection === "vertical") {
+                } else if (computedPageTurnDirection === "vertical" && isPositionInArea(
+                  positionInContainer,
+                  { type: "margins", bottom: pageTurnMargin },
+                  containerElementRect
+                )) {
                   reader.navigation.turnRightOrBottom();
-                } else if (isRightArea && computedPageTurnDirection === "horizontal") {
+                } else if (computedPageTurnDirection === "horizontal" && isPositionInArea(
+                  positionInContainer,
+                  { type: "margins", right: pageTurnMargin },
+                  containerElementRect
+                )) {
                   reader.navigation.turnRightOrBottom();
                 } else {
                   return { event, handled: false };
@@ -348,7 +441,7 @@
       reader,
       recognizer: zoomPanRecognizer
     });
-    const containerUpdate$ = reader.context.containerElement$.pipe(
+    const containerUpdate$ = reader.context.watch(`rootElement`).pipe(
       rxjs.tap((container) => {
         recognizable.update({
           container
@@ -400,6 +493,7 @@
     };
   };
   exports2.gesturesEnhancer = gesturesEnhancer;
+  exports2.isPositionInArea = isPositionInArea;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 });
 //# sourceMappingURL=index.umd.cjs.map

package/dist/index.umd.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.cjs","sources":["../src/SettingsManager.ts","../src/gestures/pan.ts","../src/gestures/pinch.ts","../src/gestures/swipe.ts","../src/utils.ts","../src/gestures/taps.ts","../src/gestures/zoomPan.ts","../src/index.ts"],"sourcesContent":["import { type Reader, SettingsManager } from \"@prose-reader/core\"\nimport type { InputSettings, OutputSettings } from \"./types\"\nimport { takeUntil, tap } from \"rxjs\"\n\nexport class GesturesSettingsManager extends SettingsManager<\n  InputSettings,\n  OutputSettings\n> {\n  constructor(\n    initialSettings: Partial<InputSettings>,\n    private reader: Reader,\n  ) {\n    super(initialSettings)\n\n    /**\n     * Since we have settings that may be locked due to some reader settings\n     * we need to update as soon as they update as well.\n     */\n    reader.settings.values$\n      .pipe(\n        tap(() => {\n          this.update({})\n        }),\n        takeUntil(this.destroy$),\n      )\n      .subscribe()\n  }\n\n  getOutputSettings(inputSettings: InputSettings): OutputSettings {\n    return {\n      ...inputSettings,\n      panNavigation:\n        this.reader.settings.values.computedPageTurnMode === `scrollable`\n          ? false\n          : inputSettings.panNavigation,\n    }\n  }\n\n  getDefaultSettings(): InputSettings {\n    return {\n      panNavigation: \"pan\",\n      pinchCancelPan: true,\n      fontScalePinchEnabled: true,\n      fontScalePinchThrottleTime: 500,\n      fontScaleMaxScale: 5,\n      fontScaleMinScale: 0.2,\n      ignore: [],\n    }\n  }\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport { EMPTY, map, switchMap, tap } from \"rxjs\"\nimport type { Hook } from \"../types\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { PanRecognizer } from \"gesturx\"\n\nconst DELAY_IGNORE_PAN = 400\n\nexport const registerPan = ({\n  reader,\n  recognizer,\n  settingsManager,\n}: {\n  recognizer: PanRecognizer\n  reader: Reader\n  hookManager: HookManager<Hook>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = settingsManager.values$.pipe(\n    switchMap(({ panNavigation }) => {\n      if (panNavigation !== \"pan\") return EMPTY\n\n      return recognizer.events$.pipe(\n        tap((event) => {\n          if (reader.zoom.isZooming) return\n\n          if (event.type === `panStart`) {\n            /**\n             * We let the user select\n             */\n            if (event.delay > DELAY_IGNORE_PAN) return\n\n            reader?.navigation.moveTo({ x: 0, y: 0 }, { start: true })\n          }\n\n          if (event.type === `panMove`) {\n            reader?.navigation.moveTo({ x: event.deltaX, y: event.deltaY })\n          }\n\n          if (event.type === `panEnd`) {\n            reader?.navigation.moveTo(\n              { x: event.deltaX, y: event.deltaY },\n              { final: true },\n            )\n          }\n        }),\n        map((event) => ({ event, handled: true })),\n      )\n    }),\n  )\n\n  return gestures$\n}\n","import {\n  type HookManager,\n  type Reader,\n  isHtmlElement,\n} from \"@prose-reader/core\"\nimport type { PinchEvent } from \"gesturx\"\nimport {\n  EMPTY,\n  animationFrameScheduler,\n  filter,\n  map,\n  merge,\n  switchMap,\n  takeUntil,\n  tap,\n  throttleTime,\n  withLatestFrom,\n} from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../types\"\n\nconst isHtmlImageElement = (\n  target: EventTarget | null,\n): target is HTMLImageElement =>\n  isHtmlElement(target) &&\n  !!target.ownerDocument.defaultView &&\n  target instanceof target.ownerDocument.defaultView.HTMLImageElement\n\nexport const registerPinch = ({\n  reader,\n  recognizable,\n  settingsManager,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const pinchStart$ = recognizable.events$.pipe(\n    map(({ event }) => event),\n    filter((event): event is PinchEvent => event.type === \"pinchStart\"),\n  )\n\n  const pinchMove$ = recognizable.events$.pipe(\n    map(({ event }) => event),\n    filter((event): event is PinchEvent => event.type === \"pinchMove\"),\n  )\n\n  const pinchEnd$ = recognizable.events$.pipe(\n    map(({ event }) => event),\n    filter((event): event is PinchEvent => event.type === \"pinchEnd\"),\n  )\n\n  const shouldStartZoom = (\n    target: EventTarget | null,\n  ): target is HTMLImageElement =>\n    isHtmlImageElement(target) && !reader.zoom.isZooming\n\n  return settingsManager.values$.pipe(\n    switchMap(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {\n      const zoomGestures$ = pinchStart$.pipe(\n        withLatestFrom(reader.viewportState$),\n        switchMap(([event, viewportState]) => {\n          const target = event.event.target\n          const startScale = reader.zoom.currentScale\n\n          if (viewportState === \"busy\") return EMPTY\n\n          if (shouldStartZoom(target)) {\n            reader.zoom.enter(target)\n          }\n\n          if (!reader.zoom.isZooming) return EMPTY\n\n          return merge(\n            pinchMove$.pipe(\n              tap((event) => {\n                if (reader.zoom.isZooming) {\n                  const newScale = startScale + (event.scale - 1)\n\n                  if (newScale < 1) {\n                    reader.zoom.exit()\n                  } else {\n                    reader.zoom.scaleAt(newScale)\n                  }\n                }\n              }),\n            ),\n          )\n        }),\n      )\n\n      const watchForFontScaleChange$ = !fontScalePinchEnabled\n        ? EMPTY\n        : pinchStart$.pipe(\n            withLatestFrom(reader.viewportState$),\n            switchMap(([pinchStartEvent, viewportState]) => {\n              if (\n                viewportState === \"busy\" ||\n                shouldStartZoom(pinchStartEvent.event.target) ||\n                reader.zoom.isZooming\n              )\n                return EMPTY\n\n              const lastFontScaleOnPinchStart = reader.settings.values.fontScale\n\n              return pinchMove$.pipe(\n                throttleTime(\n                  fontScalePinchThrottleTime,\n                  animationFrameScheduler,\n                  {\n                    trailing: true,\n                  },\n                ),\n                tap((event) => {\n                  const newScale = Number.parseFloat(\n                    (lastFontScaleOnPinchStart + (event.scale - 1)).toFixed(2),\n                  )\n\n                  const newMinMaxedFontScale = Math.max(\n                    Math.min(\n                      newScale,\n                      settingsManager.values.fontScaleMaxScale,\n                    ),\n                    settingsManager.values.fontScaleMinScale,\n                  )\n\n                  reader.settings.update({\n                    fontScale: newMinMaxedFontScale,\n                  })\n                }),\n                takeUntil(pinchEnd$),\n              )\n            }),\n          )\n\n      return merge(zoomGestures$, watchForFontScaleChange$).pipe(\n        map((event) => ({ event, handled: true })),\n      )\n    }),\n  )\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport { EMPTY, filter, map, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../types\"\n\nexport const registerSwipe = ({\n  reader,\n  recognizable,\n  settingsManager,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = settingsManager.values$.pipe(\n    switchMap(({ panNavigation }) =>\n      panNavigation !== \"swipe\"\n        ? EMPTY\n        : recognizable.events$.pipe(\n            filter(({ event }) => event.type === \"swipe\"),\n            tap(({ event }) => {\n              const { computedPageTurnDirection } = reader.settings.values\n\n              if (computedPageTurnDirection === \"vertical\") {\n                if (event.velocityY < -0.5) {\n                  reader?.navigation.turnRight()\n                }\n                if (event.velocityY > 0.5) {\n                  reader?.navigation.turnLeft()\n                }\n              } else {\n                if (event.velocityX < -0.5) {\n                  reader?.navigation.turnRight()\n                }\n                if (event.velocityX > 0.5) {\n                  reader?.navigation.turnLeft()\n                }\n              }\n            }),\n            map(({ event }) => ({ event, handled: true })),\n          ),\n    ),\n  )\n\n  return gestures$\n}\n","import { isHtmlElement } from \"@prose-reader/core\"\nimport type { GestureEvent } from \"./types\"\n\nexport const isNotLink = (event: GestureEvent[\"event\"]) => {\n  const target = event.event.target\n\n  if (isHtmlElement(target) && target.tagName === \"a\") return false\n\n  return true\n}\n\nexport const istMatchingSelectors = (\n  selectors: string[],\n  event: GestureEvent[\"event\"],\n): boolean => {\n  const target = event.event.target\n\n  if (!isHtmlElement(target)) return false\n\n  const match = selectors.find((selector) => {\n    // Check if the target matches the selector directly\n    if (target.matches(selector)) return true\n\n    // Check if the target is within an element matching the selector\n    if (target.closest(selector)) return true\n\n    return false\n  })\n\n  return !!match\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { TapRecognizer } from \"gesturx\"\nimport { EMPTY, combineLatest, filter, first, map, of, switchMap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../types\"\nimport { isNotLink, istMatchingSelectors } from \"../utils\"\n\nexport const registerTaps = ({\n  reader,\n  recognizable,\n  hookManager,\n  settingsManager,\n  recognizer,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  recognizer: TapRecognizer\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = recognizable.events$.pipe(\n    filter((event) => event.recognizer === recognizer),\n    switchMap(({ event }) => {\n      const normalizedEvent = event.event\n      const { computedPageTurnDirection } = reader.settings.values\n\n      if (\n        event.type === \"tap\" &&\n        isNotLink(event) &&\n        !istMatchingSelectors(settingsManager.values.ignore, event)\n      ) {\n        const width = window.innerWidth\n        const height = window.innerHeight\n        const pageTurnMargin = 0.15\n\n        if (`x` in normalizedEvent) {\n          const { x = 0, y } = normalizedEvent\n\n          const beforeTapResults$ = hookManager.execute(\n            \"beforeGesture\",\n            undefined,\n            { event$: of(event) },\n          )\n\n          return combineLatest([...beforeTapResults$, of(true)]).pipe(\n            first(),\n            filter((results) => !results.some((result) => result === false)),\n            map(() => {\n              const isTopArea = y < height * pageTurnMargin\n              const isBottomArea = y > height * (1 - pageTurnMargin)\n              const isLeftArea = x < width * pageTurnMargin\n              const isRightArea = x > width * (1 - pageTurnMargin)\n\n              if (isLeftArea && computedPageTurnDirection === \"horizontal\") {\n                reader.navigation.turnLeftOrTop()\n              } else if (\n                isTopArea &&\n                computedPageTurnDirection === \"vertical\"\n              ) {\n                reader.navigation.turnLeftOrTop()\n              } else if (\n                isBottomArea &&\n                computedPageTurnDirection === \"vertical\"\n              ) {\n                reader.navigation.turnRightOrBottom()\n              } else if (\n                isRightArea &&\n                computedPageTurnDirection === \"horizontal\"\n              ) {\n                reader.navigation.turnRightOrBottom()\n              } else {\n                return { event, handled: false }\n              }\n\n              return { event, handled: true }\n            }),\n          )\n        }\n      }\n\n      return EMPTY\n    }),\n  )\n\n  return gestures$\n}\n","import type { Reader } from \"@prose-reader/core\"\nimport type { PanRecognizer } from \"gesturx\"\nimport { filter, switchMap, tap } from \"rxjs\"\n\nexport const registerZoomPan = ({\n  reader,\n  recognizer,\n}: { recognizer: PanRecognizer; reader: Reader }) => {\n  const panStart$ = recognizer.events$.pipe(\n    filter((event) => event.type === \"panStart\"),\n  )\n  const panMove$ = recognizer.events$.pipe(\n    filter((event) => event.type === \"panMove\"),\n  )\n\n  const zoomingPan$ = panStart$.pipe(\n    switchMap(() => {\n      const startPosition = reader.zoom.currentPosition\n\n      return panMove$.pipe(\n        tap((panMoveEvent) => {\n          if (reader.zoom.isZooming) {\n            reader.zoom.moveAt({\n              x: startPosition.x + panMoveEvent.deltaX,\n              y: startPosition.y + panMoveEvent.deltaY,\n            })\n          }\n        }),\n      )\n    }),\n  )\n\n  return zoomingPan$\n}\n","import { HookManager, type Reader } from \"@prose-reader/core\"\nimport {\n  PanRecognizer,\n  PinchRecognizer,\n  Recognizable,\n  SwipeRecognizer,\n  TapRecognizer,\n} from \"gesturx\"\nimport { combineLatest, merge, share, takeUntil, tap } from \"rxjs\"\nimport { GesturesSettingsManager } from \"./SettingsManager\"\nimport { registerPan } from \"./gestures/pan\"\nimport { registerPinch } from \"./gestures/pinch\"\nimport { registerSwipe } from \"./gestures/swipe\"\nimport { registerTaps } from \"./gestures/taps\"\nimport { registerZoomPan } from \"./gestures/zoomPan\"\nimport type { EnhancerAPI, Hook, InputSettings } from \"./types\"\n\nexport * from \"./types\"\n\nexport const gesturesEnhancer =\n  <InheritOptions, InheritOutput extends Reader>(\n    next: (options: InheritOptions) => InheritOutput,\n  ) =>\n  (\n    options: InheritOptions & {\n      gestures?: Partial<InputSettings>\n    },\n  ): InheritOutput & EnhancerAPI => {\n    const { gestures = {}, ...rest } = options\n    const reader = next(rest as InheritOptions)\n\n    const settingsManager = new GesturesSettingsManager(gestures, reader)\n\n    const hookManager = new HookManager<Hook>()\n\n    const pinchRecognizer = new PinchRecognizer({\n      options: {\n        /**\n         * @important\n         * To be less than pan otherwise it will not fail before it starts\n         */\n        posThreshold: 20,\n      },\n    })\n\n    const failWithSelection = {\n      start$: reader.selection.selectionStart$,\n      end$: reader.selection.selectionEnd$,\n    }\n\n    const panRecognizer = new PanRecognizer({\n      failWith: [pinchRecognizer, failWithSelection],\n      options: {\n        // we want to have some margin to trigger zoom\n        posThreshold: 15,\n      },\n    })\n\n    const zoomPanRecognizer = new PanRecognizer({\n      options: {\n        posThreshold: 1,\n      },\n    })\n\n    const tapRecognizer = new TapRecognizer({\n      failWith: [panRecognizer],\n    })\n\n    const swipeRecognizer = new SwipeRecognizer({\n      failWith: [failWithSelection],\n    })\n\n    const recognizable = new Recognizable({\n      recognizers: [\n        tapRecognizer,\n        panRecognizer,\n        swipeRecognizer,\n        pinchRecognizer,\n        zoomPanRecognizer,\n      ],\n      disableTextSelection: false,\n    })\n\n    const tapGestures$ = registerTaps({\n      hookManager,\n      reader,\n      recognizable,\n      settingsManager,\n      recognizer: tapRecognizer,\n    })\n\n    const panGestures$ = registerPan({\n      hookManager,\n      reader,\n      recognizer: panRecognizer,\n      settingsManager,\n    })\n\n    const swipeGestures$ = registerSwipe({\n      hookManager,\n      reader,\n      recognizable,\n      settingsManager,\n    })\n\n    const pinchGestures$ = registerPinch({\n      hookManager,\n      reader,\n      recognizable,\n      settingsManager,\n    })\n\n    const zoomPanGestures$ = registerZoomPan({\n      reader,\n      recognizer: zoomPanRecognizer,\n    })\n\n    const containerUpdate$ = reader.context.containerElement$.pipe(\n      tap((container) => {\n        recognizable.update({\n          container,\n        })\n      }),\n    )\n\n    const watchSettings$ = combineLatest([\n      settingsManager.values$,\n      panRecognizer.config$,\n    ]).pipe(\n      tap(([{ pinchCancelPan }, panRecognizerConfig]) => {\n        const pinchAlreadyInFailWith =\n          panRecognizerConfig.failWith?.includes(pinchRecognizer)\n\n        if (pinchCancelPan && !pinchAlreadyInFailWith) {\n          panRecognizer.update({\n            failWith: [\n              ...(panRecognizerConfig.failWith ?? []),\n              pinchRecognizer,\n            ],\n          })\n        }\n\n        if (!pinchCancelPan && pinchAlreadyInFailWith) {\n          panRecognizer.update({\n            failWith: panRecognizerConfig.failWith?.filter(\n              (recognizer) => recognizer !== pinchRecognizer,\n            ),\n          })\n        }\n      }),\n    )\n\n    const gestures$ = merge(\n      pinchGestures$,\n      tapGestures$,\n      swipeGestures$,\n      panGestures$,\n    ).pipe(share())\n\n    merge(containerUpdate$, watchSettings$, zoomPanGestures$, gestures$)\n      .pipe(takeUntil(reader.$.destroy$))\n      .subscribe()\n\n    return {\n      ...reader,\n      destroy: () => {\n        reader.destroy()\n        settingsManager.destroy()\n      },\n      gestures: {\n        settings: settingsManager,\n        gestures$,\n        hooks: hookManager,\n      },\n    }\n  }\n"],"names":["SettingsManager","tap","takeUntil","switchMap","EMPTY","map","isHtmlElement","filter","withLatestFrom","merge","event","throttleTime","animationFrameScheduler","of","combineLatest","first","HookManager","PinchRecognizer","PanRecognizer","TapRecognizer","SwipeRecognizer","Recognizable","share"],"mappings":";;;;EAIO,MAAM,gCAAgCA,KAAAA,gBAG3C;AAAA,IACA,YACE,iBACQ,QACR;AACA,YAAM,eAAe;AAFb,WAAA,SAAA;AAQR,aAAO,SAAS,QACb;AAAA,QACCC,KAAAA,IAAI,MAAM;AACR,eAAK,OAAO,EAAE;AAAA,QAAA,CACf;AAAA,QACDC,KAAAA,UAAU,KAAK,QAAQ;AAAA,MAAA,EAExB,UAAA;AAAA,IAAU;AAAA,IAGf,kBAAkB,eAA8C;AAC9D,aAAO;AAAA,QACL,GAAG;AAAA,QACH,eACE,KAAK,OAAO,SAAS,OAAO,yBAAyB,eACjD,QACA,cAAc;AAAA,MAAA;AAAA,IACtB;AAAA,IAGF,qBAAoC;AAClC,aAAO;AAAA,QACL,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,uBAAuB;AAAA,QACvB,4BAA4B;AAAA,QAC5B,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,QACnB,QAAQ,CAAA;AAAA,MAAC;AAAA,IACX;AAAA,EAEJ;AC3CA,QAAM,mBAAmB;AAElB,QAAM,cAAc,CAAC;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAKM;AACJ,UAAM,YAAY,gBAAgB,QAAQ;AAAA,MACxCC,eAAU,CAAC,EAAE,oBAAoB;AAC/B,YAAI,kBAAkB,MAAO,QAAOC,KAAAA;AAEpC,eAAO,WAAW,QAAQ;AAAA,UACxBH,KAAAA,IAAI,CAAC,UAAU;AACb,gBAAI,OAAO,KAAK,UAAW;AAE3B,gBAAI,MAAM,SAAS,YAAY;AAI7B,kBAAI,MAAM,QAAQ,iBAAkB;AAEpC,+CAAQ,WAAW,OAAO,EAAE,GAAG,GAAG,GAAG,EAAA,GAAK,EAAE,OAAO,KAAA;AAAA,YAAM;AAG3D,gBAAI,MAAM,SAAS,WAAW;AAC5B,+CAAQ,WAAW,OAAO,EAAE,GAAG,MAAM,QAAQ,GAAG,MAAM;YAAQ;AAGhE,gBAAI,MAAM,SAAS,UAAU;AAC3B,+CAAQ,WAAW;AAAA,gBACjB,EAAE,GAAG,MAAM,QAAQ,GAAG,MAAM,OAAA;AAAA,gBAC5B,EAAE,OAAO,KAAA;AAAA;AAAA,YACX;AAAA,UACF,CACD;AAAA,UACDI,KAAAA,IAAI,CAAC,WAAW,EAAE,OAAO,SAAS,OAAO;AAAA,QAAA;AAAA,MAC3C,CACD;AAAA,IAAA;AAGH,WAAO;AAAA,EACT;AC/BA,QAAM,qBAAqB,CACzB,WAEAC,KAAAA,cAAc,MAAM,KACpB,CAAC,CAAC,OAAO,cAAc,eACvB,kBAAkB,OAAO,cAAc,YAAY;AAE9C,QAAM,gBAAgB,CAAC;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAKM;AACJ,UAAM,cAAc,aAAa,QAAQ;AAAA,MACvCD,KAAAA,IAAI,CAAC,EAAE,MAAA,MAAY,KAAK;AAAA,MACxBE,KAAAA,OAAO,CAAC,UAA+B,MAAM,SAAS,YAAY;AAAA,IAAA;AAGpE,UAAM,aAAa,aAAa,QAAQ;AAAA,MACtCF,KAAAA,IAAI,CAAC,EAAE,MAAA,MAAY,KAAK;AAAA,MACxBE,KAAAA,OAAO,CAAC,UAA+B,MAAM,SAAS,WAAW;AAAA,IAAA;AAGnE,UAAM,YAAY,aAAa,QAAQ;AAAA,MACrCF,KAAAA,IAAI,CAAC,EAAE,MAAA,MAAY,KAAK;AAAA,MACxBE,KAAAA,OAAO,CAAC,UAA+B,MAAM,SAAS,UAAU;AAAA,IAAA;AAGlE,UAAM,kBAAkB,CACtB,WAEA,mBAAmB,MAAM,KAAK,CAAC,OAAO,KAAK;AAE7C,WAAO,gBAAgB,QAAQ;AAAA,MAC7BJ,KAAAA,UAAU,CAAC,EAAE,uBAAuB,iCAAiC;AACnE,cAAM,gBAAgB,YAAY;AAAA,UAChCK,KAAAA,eAAe,OAAO,cAAc;AAAA,UACpCL,KAAAA,UAAU,CAAC,CAAC,OAAO,aAAa,MAAM;AACpC,kBAAM,SAAS,MAAM,MAAM;AAC3B,kBAAM,aAAa,OAAO,KAAK;AAE/B,gBAAI,kBAAkB,OAAQ,QAAOC,KAAAA;AAErC,gBAAI,gBAAgB,MAAM,GAAG;AAC3B,qBAAO,KAAK,MAAM,MAAM;AAAA,YAAA;AAG1B,gBAAI,CAAC,OAAO,KAAK,UAAW,QAAOA,KAAAA;AAEnC,mBAAOK,KAAAA;AAAAA,cACL,WAAW;AAAA,gBACTR,KAAAA,IAAI,CAACS,WAAU;AACb,sBAAI,OAAO,KAAK,WAAW;AACzB,0BAAM,WAAW,cAAcA,OAAM,QAAQ;AAE7C,wBAAI,WAAW,GAAG;AAChB,6BAAO,KAAK,KAAA;AAAA,oBAAK,OACZ;AACL,6BAAO,KAAK,QAAQ,QAAQ;AAAA,oBAAA;AAAA,kBAC9B;AAAA,gBACF,CACD;AAAA,cAAA;AAAA,YACH;AAAA,UACF,CACD;AAAA,QAAA;AAGH,cAAM,2BAA2B,CAAC,wBAC9BN,KAAAA,QACA,YAAY;AAAA,UACVI,KAAAA,eAAe,OAAO,cAAc;AAAA,UACpCL,KAAAA,UAAU,CAAC,CAAC,iBAAiB,aAAa,MAAM;AAC9C,gBACE,kBAAkB,UAClB,gBAAgB,gBAAgB,MAAM,MAAM,KAC5C,OAAO,KAAK;AAEZ,qBAAOC,KAAAA;AAET,kBAAM,4BAA4B,OAAO,SAAS,OAAO;AAEzD,mBAAO,WAAW;AAAA,cAChBO,KAAAA;AAAAA,gBACE;AAAA,gBACAC,KAAAA;AAAAA,gBACA;AAAA,kBACE,UAAU;AAAA,gBAAA;AAAA,cACZ;AAAA,cAEFX,KAAAA,IAAI,CAAC,UAAU;AACb,sBAAM,WAAW,OAAO;AAAA,mBACrB,6BAA6B,MAAM,QAAQ,IAAI,QAAQ,CAAC;AAAA,gBAAA;AAG3D,sBAAM,uBAAuB,KAAK;AAAA,kBAChC,KAAK;AAAA,oBACH;AAAA,oBACA,gBAAgB,OAAO;AAAA,kBAAA;AAAA,kBAEzB,gBAAgB,OAAO;AAAA,gBAAA;AAGzB,uBAAO,SAAS,OAAO;AAAA,kBACrB,WAAW;AAAA,gBAAA,CACZ;AAAA,cAAA,CACF;AAAA,cACDC,KAAAA,UAAU,SAAS;AAAA,YAAA;AAAA,UACrB,CACD;AAAA,QAAA;AAGP,eAAOO,WAAM,eAAe,wBAAwB,EAAE;AAAA,UACpDJ,KAAAA,IAAI,CAAC,WAAW,EAAE,OAAO,SAAS,OAAO;AAAA,QAAA;AAAA,MAC3C,CACD;AAAA,IAAA;AAAA,EAEL;ACxIO,QAAM,gBAAgB,CAAC;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAKM;AACJ,UAAM,YAAY,gBAAgB,QAAQ;AAAA,MACxCF,KAAAA;AAAAA,QAAU,CAAC,EAAE,cAAA,MACX,kBAAkB,UACdC,aACA,aAAa,QAAQ;AAAA,UACnBG,KAAAA,OAAO,CAAC,EAAE,YAAY,MAAM,SAAS,OAAO;AAAA,UAC5CN,SAAI,CAAC,EAAE,YAAY;AACjB,kBAAM,EAAE,0BAAA,IAA8B,OAAO,SAAS;AAEtD,gBAAI,8BAA8B,YAAY;AAC5C,kBAAI,MAAM,YAAY,MAAM;AAC1B,iDAAQ,WAAW;AAAA,cAAU;AAE/B,kBAAI,MAAM,YAAY,KAAK;AACzB,iDAAQ,WAAW;AAAA,cAAS;AAAA,YAC9B,OACK;AACL,kBAAI,MAAM,YAAY,MAAM;AAC1B,iDAAQ,WAAW;AAAA,cAAU;AAE/B,kBAAI,MAAM,YAAY,KAAK;AACzB,iDAAQ,WAAW;AAAA,cAAS;AAAA,YAC9B;AAAA,UACF,CACD;AAAA,UACDI,KAAAA,IAAI,CAAC,EAAE,MAAA,OAAa,EAAE,OAAO,SAAS,OAAO;AAAA,QAAA;AAAA,MAC/C;AAAA,IACN;AAGF,WAAO;AAAA,EACT;AC3CO,QAAM,YAAY,CAAC,UAAiC;AACzD,UAAM,SAAS,MAAM,MAAM;AAE3B,QAAIC,KAAAA,cAAc,MAAM,KAAK,OAAO,YAAY,IAAK,QAAO;AAE5D,WAAO;AAAA,EACT;AAEO,QAAM,uBAAuB,CAClC,WACA,UACY;AACZ,UAAM,SAAS,MAAM,MAAM;AAE3B,QAAI,CAACA,KAAAA,cAAc,MAAM,EAAG,QAAO;AAEnC,UAAM,QAAQ,UAAU,KAAK,CAAC,aAAa;AAEzC,UAAI,OAAO,QAAQ,QAAQ,EAAG,QAAO;AAGrC,UAAI,OAAO,QAAQ,QAAQ,EAAG,QAAO;AAErC,aAAO;AAAA,IAAA,CACR;AAED,WAAO,CAAC,CAAC;AAAA,EACX;ACvBO,QAAM,eAAe,CAAC;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAMM;AACJ,UAAM,YAAY,aAAa,QAAQ;AAAA,MACrCC,KAAAA,OAAO,CAAC,UAAU,MAAM,eAAe,UAAU;AAAA,MACjDJ,eAAU,CAAC,EAAE,YAAY;AACvB,cAAM,kBAAkB,MAAM;AAC9B,cAAM,EAAE,0BAAA,IAA8B,OAAO,SAAS;AAEtD,YACE,MAAM,SAAS,SACf,UAAU,KAAK,KACf,CAAC,qBAAqB,gBAAgB,OAAO,QAAQ,KAAK,GAC1D;AACA,gBAAM,QAAQ,OAAO;AACrB,gBAAM,SAAS,OAAO;AACtB,gBAAM,iBAAiB;AAEvB,cAAI,OAAO,iBAAiB;AAC1B,kBAAM,EAAE,IAAI,GAAG,EAAA,IAAM;AAErB,kBAAM,oBAAoB,YAAY;AAAA,cACpC;AAAA,cACA;AAAA,cACA,EAAE,QAAQU,KAAAA,GAAG,KAAK,EAAA;AAAA,YAAE;AAGtB,mBAAOC,KAAAA,cAAc,CAAC,GAAG,mBAAmBD,KAAAA,GAAG,IAAI,CAAC,CAAC,EAAE;AAAA,cACrDE,WAAA;AAAA,cACAR,YAAO,CAAC,YAAY,CAAC,QAAQ,KAAK,CAAC,WAAW,WAAW,KAAK,CAAC;AAAA,cAC/DF,KAAAA,IAAI,MAAM;AACR,sBAAM,YAAY,IAAI,SAAS;AAC/B,sBAAM,eAAe,IAAI,UAAU,IAAI;AACvC,sBAAM,aAAa,IAAI,QAAQ;AAC/B,sBAAM,cAAc,IAAI,SAAS,IAAI;AAErC,oBAAI,cAAc,8BAA8B,cAAc;AAC5D,yBAAO,WAAW,cAAA;AAAA,gBAAc,WAEhC,aACA,8BAA8B,YAC9B;AACA,yBAAO,WAAW,cAAA;AAAA,gBAAc,WAEhC,gBACA,8BAA8B,YAC9B;AACA,yBAAO,WAAW,kBAAA;AAAA,gBAAkB,WAEpC,eACA,8BAA8B,cAC9B;AACA,yBAAO,WAAW,kBAAA;AAAA,gBAAkB,OAC/B;AACL,yBAAO,EAAE,OAAO,SAAS,MAAA;AAAA,gBAAM;AAGjC,uBAAO,EAAE,OAAO,SAAS,KAAA;AAAA,cAAK,CAC/B;AAAA,YAAA;AAAA,UACH;AAAA,QACF;AAGF,eAAOD,KAAAA;AAAAA,MAAA,CACR;AAAA,IAAA;AAGH,WAAO;AAAA,EACT;ACjFO,QAAM,kBAAkB,CAAC;AAAA,IAC9B;AAAA,IACA;AAAA,EACF,MAAqD;AACnD,UAAM,YAAY,WAAW,QAAQ;AAAA,MACnCG,KAAAA,OAAO,CAAC,UAAU,MAAM,SAAS,UAAU;AAAA,IAAA;AAE7C,UAAM,WAAW,WAAW,QAAQ;AAAA,MAClCA,KAAAA,OAAO,CAAC,UAAU,MAAM,SAAS,SAAS;AAAA,IAAA;AAG5C,UAAM,cAAc,UAAU;AAAA,MAC5BJ,KAAAA,UAAU,MAAM;AACd,cAAM,gBAAgB,OAAO,KAAK;AAElC,eAAO,SAAS;AAAA,UACdF,KAAAA,IAAI,CAAC,iBAAiB;AACpB,gBAAI,OAAO,KAAK,WAAW;AACzB,qBAAO,KAAK,OAAO;AAAA,gBACjB,GAAG,cAAc,IAAI,aAAa;AAAA,gBAClC,GAAG,cAAc,IAAI,aAAa;AAAA,cAAA,CACnC;AAAA,YAAA;AAAA,UACH,CACD;AAAA,QAAA;AAAA,MACH,CACD;AAAA,IAAA;AAGH,WAAO;AAAA,EACT;ACdO,QAAM,mBACX,CACE,SAEF,CACE,YAGgC;AAChC,UAAM,EAAE,WAAW,CAAA,GAAI,GAAG,SAAS;AACnC,UAAM,SAAS,KAAK,IAAsB;AAE1C,UAAM,kBAAkB,IAAI,wBAAwB,UAAU,MAAM;AAEpE,UAAM,cAAc,IAAIe,iBAAA;AAExB,UAAM,kBAAkB,IAAIC,wBAAgB;AAAA,MAC1C,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,QAKP,cAAc;AAAA,MAAA;AAAA,IAChB,CACD;AAED,UAAM,oBAAoB;AAAA,MACxB,QAAQ,OAAO,UAAU;AAAA,MACzB,MAAM,OAAO,UAAU;AAAA,IAAA;AAGzB,UAAM,gBAAgB,IAAIC,sBAAc;AAAA,MACtC,UAAU,CAAC,iBAAiB,iBAAiB;AAAA,MAC7C,SAAS;AAAA;AAAA,QAEP,cAAc;AAAA,MAAA;AAAA,IAChB,CACD;AAED,UAAM,oBAAoB,IAAIA,sBAAc;AAAA,MAC1C,SAAS;AAAA,QACP,cAAc;AAAA,MAAA;AAAA,IAChB,CACD;AAED,UAAM,gBAAgB,IAAIC,sBAAc;AAAA,MACtC,UAAU,CAAC,aAAa;AAAA,IAAA,CACzB;AAED,UAAM,kBAAkB,IAAIC,wBAAgB;AAAA,MAC1C,UAAU,CAAC,iBAAiB;AAAA,IAAA,CAC7B;AAED,UAAM,eAAe,IAAIC,qBAAa;AAAA,MACpC,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,sBAAsB;AAAA,IAAA,CACvB;AAED,UAAM,eAAe,aAAa;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,IAAA,CACb;AAED,UAAM,eAAe,YAAY;AAAA,MAE/B;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,IAAA,CACD;AAED,UAAM,iBAAiB,cAAc;AAAA,MAEnC;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAED,UAAM,iBAAiB,cAAc;AAAA,MAEnC;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAED,UAAM,mBAAmB,gBAAgB;AAAA,MACvC;AAAA,MACA,YAAY;AAAA,IAAA,CACb;AAED,UAAM,mBAAmB,OAAO,QAAQ,kBAAkB;AAAA,MACxDpB,KAAAA,IAAI,CAAC,cAAc;AACjB,qBAAa,OAAO;AAAA,UAClB;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA;AAGH,UAAM,iBAAiBa,KAAAA,cAAc;AAAA,MACnC,gBAAgB;AAAA,MAChB,cAAc;AAAA,IAAA,CACf,EAAE;AAAA,MACDb,KAAAA,IAAI,CAAC,CAAC,EAAE,eAAA,GAAkB,mBAAmB,MAAM;;AACjD,cAAM,0BACJ,yBAAoB,aAApB,mBAA8B,SAAS;AAEzC,YAAI,kBAAkB,CAAC,wBAAwB;AAC7C,wBAAc,OAAO;AAAA,YACnB,UAAU;AAAA,cACR,GAAI,oBAAoB,YAAY,CAAA;AAAA,cACpC;AAAA,YAAA;AAAA,UACF,CACD;AAAA,QAAA;AAGH,YAAI,CAAC,kBAAkB,wBAAwB;AAC7C,wBAAc,OAAO;AAAA,YACnB,WAAU,yBAAoB,aAApB,mBAA8B;AAAA,cACtC,CAAC,eAAe,eAAe;AAAA;AAAA,UACjC,CACD;AAAA,QAAA;AAAA,MACH,CACD;AAAA,IAAA;AAGH,UAAM,YAAYQ,KAAAA;AAAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,EACA,KAAKa,KAAAA,OAAO;AAEdb,SAAAA,MAAM,kBAAkB,gBAAgB,kBAAkB,SAAS,EAChE,KAAKP,KAAAA,UAAU,OAAO,EAAE,QAAQ,CAAC,EACjC,UAAA;AAEH,WAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS,MAAM;AACb,eAAO,QAAA;AACP,wBAAgB,QAAA;AAAA,MAAQ;AAAA,MAE1B,UAAU;AAAA,QACR,UAAU;AAAA,QACV;AAAA,QACA,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EAEJ;;;;"}
+{"version":3,"file":"index.umd.cjs","sources":["../src/SettingsManager.ts","../src/gestures/pan.ts","../src/gestures/pinch.ts","../src/gestures/swipe.ts","../src/utils.ts","../src/gestures/taps/utils.ts","../src/gestures/taps/registerTaps.ts","../src/gestures/zoomPan.ts","../src/index.ts"],"sourcesContent":["import { type Reader, SettingsManager } from \"@prose-reader/core\"\nimport type { InputSettings, OutputSettings } from \"./types\"\nimport { takeUntil, tap } from \"rxjs\"\n\nexport class GesturesSettingsManager extends SettingsManager<\n  InputSettings,\n  OutputSettings\n> {\n  constructor(\n    initialSettings: Partial<InputSettings>,\n    private reader: Reader,\n  ) {\n    super(initialSettings)\n\n    /**\n     * Since we have settings that may be locked due to some reader settings\n     * we need to update as soon as they update as well.\n     */\n    reader.settings.values$\n      .pipe(\n        tap(() => {\n          this.update({})\n        }),\n        takeUntil(this.destroy$),\n      )\n      .subscribe()\n  }\n\n  getOutputSettings(inputSettings: InputSettings): OutputSettings {\n    return {\n      ...inputSettings,\n      panNavigation:\n        this.reader.settings.values.computedPageTurnMode === `scrollable`\n          ? false\n          : inputSettings.panNavigation,\n    }\n  }\n\n  getDefaultSettings(): InputSettings {\n    return {\n      panNavigation: \"pan\",\n      pinchCancelPan: true,\n      fontScalePinchEnabled: true,\n      fontScalePinchThrottleTime: 500,\n      fontScaleMaxScale: 5,\n      fontScaleMinScale: 0.2,\n      ignore: [],\n    }\n  }\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { PanRecognizer } from \"gesturx\"\nimport { EMPTY, map, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { Hook } from \"../types\"\n\nexport const registerPan = ({\n  reader,\n  recognizer,\n  settingsManager,\n}: {\n  recognizer: PanRecognizer\n  reader: Reader\n  hookManager: HookManager<Hook>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = settingsManager.values$.pipe(\n    switchMap(({ panNavigation }) => {\n      if (panNavigation !== \"pan\") return EMPTY\n\n      return recognizer.events$.pipe(\n        tap((event) => {\n          if (reader.zoom.isZooming) return\n\n          if (event.type === `panStart`) {\n            reader?.navigation.moveTo({ x: 0, y: 0 }, { start: true })\n          }\n\n          if (event.type === `panMove`) {\n            reader?.navigation.moveTo({ x: event.deltaX, y: event.deltaY })\n          }\n\n          if (event.type === `panEnd`) {\n            reader?.navigation.moveTo(\n              { x: event.deltaX, y: event.deltaY },\n              { final: true },\n            )\n          }\n        }),\n        map((event) => ({ event, handled: true })),\n      )\n    }),\n  )\n\n  return gestures$\n}\n","import {\n  type HookManager,\n  type Reader,\n  isHtmlElement,\n} from \"@prose-reader/core\"\nimport type { PinchEvent } from \"gesturx\"\nimport {\n  EMPTY,\n  animationFrameScheduler,\n  filter,\n  map,\n  merge,\n  switchMap,\n  takeUntil,\n  tap,\n  throttleTime,\n  withLatestFrom,\n} from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../types\"\n\nconst isHtmlImageElement = (\n  target: EventTarget | null,\n): target is HTMLImageElement =>\n  isHtmlElement(target) &&\n  !!target.ownerDocument.defaultView &&\n  target instanceof target.ownerDocument.defaultView.HTMLImageElement\n\nexport const registerPinch = ({\n  reader,\n  recognizable,\n  settingsManager,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const pinchStart$ = recognizable.events$.pipe(\n    map(({ event }) => event),\n    filter((event): event is PinchEvent => event.type === \"pinchStart\"),\n  )\n\n  const pinchMove$ = recognizable.events$.pipe(\n    map(({ event }) => event),\n    filter((event): event is PinchEvent => event.type === \"pinchMove\"),\n  )\n\n  const pinchEnd$ = recognizable.events$.pipe(\n    map(({ event }) => event),\n    filter((event): event is PinchEvent => event.type === \"pinchEnd\"),\n  )\n\n  const shouldStartZoom = (\n    target: EventTarget | null,\n  ): target is HTMLImageElement =>\n    isHtmlImageElement(target) && !reader.zoom.isZooming\n\n  return settingsManager.values$.pipe(\n    switchMap(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {\n      const zoomGestures$ = pinchStart$.pipe(\n        withLatestFrom(reader.viewportState$),\n        switchMap(([event, viewportState]) => {\n          const target = event.event.target\n          const startScale = reader.zoom.currentScale\n\n          if (viewportState === \"busy\") return EMPTY\n\n          if (shouldStartZoom(target)) {\n            reader.zoom.enter(target)\n          }\n\n          if (!reader.zoom.isZooming) return EMPTY\n\n          return merge(\n            pinchMove$.pipe(\n              tap((event) => {\n                if (reader.zoom.isZooming) {\n                  const newScale = startScale + (event.scale - 1)\n\n                  if (newScale < 1) {\n                    reader.zoom.exit()\n                  } else {\n                    reader.zoom.scaleAt(newScale)\n                  }\n                }\n              }),\n            ),\n          )\n        }),\n      )\n\n      const watchForFontScaleChange$ = !fontScalePinchEnabled\n        ? EMPTY\n        : pinchStart$.pipe(\n            withLatestFrom(reader.viewportState$),\n            switchMap(([pinchStartEvent, viewportState]) => {\n              if (\n                viewportState === \"busy\" ||\n                shouldStartZoom(pinchStartEvent.event.target) ||\n                reader.zoom.isZooming\n              )\n                return EMPTY\n\n              const lastFontScaleOnPinchStart = reader.settings.values.fontScale\n\n              return pinchMove$.pipe(\n                throttleTime(\n                  fontScalePinchThrottleTime,\n                  animationFrameScheduler,\n                  {\n                    trailing: true,\n                  },\n                ),\n                tap((event) => {\n                  const newScale = Number.parseFloat(\n                    (lastFontScaleOnPinchStart + (event.scale - 1)).toFixed(2),\n                  )\n\n                  const newMinMaxedFontScale = Math.max(\n                    Math.min(\n                      newScale,\n                      settingsManager.values.fontScaleMaxScale,\n                    ),\n                    settingsManager.values.fontScaleMinScale,\n                  )\n\n                  reader.settings.update({\n                    fontScale: newMinMaxedFontScale,\n                  })\n                }),\n                takeUntil(pinchEnd$),\n              )\n            }),\n          )\n\n      return merge(zoomGestures$, watchForFontScaleChange$).pipe(\n        map((event) => ({ event, handled: true })),\n      )\n    }),\n  )\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport { EMPTY, filter, map, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../types\"\n\nexport const registerSwipe = ({\n  reader,\n  recognizable,\n  settingsManager,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = settingsManager.values$.pipe(\n    switchMap(({ panNavigation }) =>\n      panNavigation !== \"swipe\"\n        ? EMPTY\n        : recognizable.events$.pipe(\n            filter(({ event }) => event.type === \"swipe\"),\n            tap(({ event }) => {\n              const { computedPageTurnDirection } = reader.settings.values\n\n              if (computedPageTurnDirection === \"vertical\") {\n                if (event.velocityY < -0.5) {\n                  reader?.navigation.turnRight()\n                }\n                if (event.velocityY > 0.5) {\n                  reader?.navigation.turnLeft()\n                }\n              } else {\n                if (event.velocityX < -0.5) {\n                  reader?.navigation.turnRight()\n                }\n                if (event.velocityX > 0.5) {\n                  reader?.navigation.turnLeft()\n                }\n              }\n            }),\n            map(({ event }) => ({ event, handled: true })),\n          ),\n    ),\n  )\n\n  return gestures$\n}\n","import { isHtmlElement } from \"@prose-reader/core\"\nimport type { GestureEvent } from \"./types\"\n\nexport const isNotLink = (event: GestureEvent[\"event\"]) => {\n  const target = event.event.target\n\n  if (isHtmlElement(target) && target.tagName === \"a\") return false\n\n  return true\n}\n\nexport const getPositionRelativeToContainer = (\n  event: { x: number; y: number },\n  containerElementRect: DOMRectReadOnly,\n) => {\n  const { x, y } = event\n  const { left, top } = containerElementRect\n\n  return {\n    x: x - left,\n    y: y - top,\n  }\n}\n\nexport const istMatchingSelectors = (\n  selectors: string[],\n  event: GestureEvent[\"event\"],\n): boolean => {\n  const target = event.event.target\n\n  if (!isHtmlElement(target)) return false\n\n  const match = selectors.find((selector) => {\n    // Check if the target matches the selector directly\n    if (target.matches(selector)) return true\n\n    // Check if the target is within an element matching the selector\n    if (target.closest(selector)) return true\n\n    return false\n  })\n\n  return !!match\n}\n","import type { TapArea } from \"./types\"\n\nexport const isPositionInArea = (\n  position: { x: number; y: number },\n  area: TapArea,\n  containerSize: { width: number; height: number },\n): boolean => {\n  const { x, y } = position\n  const { width, height } = containerSize\n\n  switch (area.type) {\n    case \"margins\": {\n      const { top, bottom, left, right } = area\n      const inTop = top !== undefined ? y < height * top : true\n      const inBottom = bottom !== undefined ? y > height * (1 - bottom) : true\n      const inLeft = left !== undefined ? x < width * left : true\n      const inRight = right !== undefined ? x > width * (1 - right) : true\n\n      return (\n        (top !== undefined && inTop) ||\n        (bottom !== undefined && inBottom) ||\n        (left !== undefined && inLeft) ||\n        (right !== undefined && inRight)\n      )\n    }\n\n    case \"rectangle\": {\n      const {\n        x: rectX,\n        y: rectY,\n        width: rectWidth,\n        height: rectHeight,\n        unit = \"%\",\n      } = area\n      const actualX = unit === \"%\" ? width * (rectX / 100) : rectX\n      const actualY = unit === \"%\" ? height * (rectY / 100) : rectY\n      const actualWidth = unit === \"%\" ? width * (rectWidth / 100) : rectWidth\n      const actualHeight =\n        unit === \"%\" ? height * (rectHeight / 100) : rectHeight\n\n      return (\n        x >= actualX &&\n        x <= actualX + actualWidth &&\n        y >= actualY &&\n        y <= actualY + actualHeight\n      )\n    }\n\n    case \"corner\": {\n      const { corner, size, unit = \"%\" } = area\n      const actualSize =\n        unit === \"%\" ? Math.min(width, height) * (size / 100) : size\n\n      switch (corner) {\n        case \"top-left\":\n          return x < actualSize && y < actualSize\n        case \"top-right\":\n          return x > width - actualSize && y < actualSize\n        case \"bottom-left\":\n          return x < actualSize && y > height - actualSize\n        case \"bottom-right\":\n          return x > width - actualSize && y > height - actualSize\n        default:\n          return false\n      }\n    }\n\n    case \"center\": {\n      const { width: centerWidth, height: centerHeight, unit = \"%\" } = area\n      const actualWidth =\n        unit === \"%\" ? width * (centerWidth / 100) : centerWidth\n      const actualHeight =\n        unit === \"%\" ? height * (centerHeight / 100) : centerHeight\n      const centerX = width / 2\n      const centerY = height / 2\n\n      return (\n        x >= centerX - actualWidth / 2 &&\n        x <= centerX + actualWidth / 2 &&\n        y >= centerY - actualHeight / 2 &&\n        y <= centerY + actualHeight / 2\n      )\n    }\n\n    default:\n      return false\n  }\n}\n\nexport const calculatePageTurnLinearMargin = (screenWidth: number): number => {\n  const minMargin = 0.15\n  const maxMargin = 0.3\n  const minWidth = 400\n  const maxWidth = 1200\n\n  if (screenWidth <= minWidth) return maxMargin\n  if (screenWidth >= maxWidth) return minMargin\n\n  // Linear interpolation between min and max\n  const ratio = (screenWidth - minWidth) / (maxWidth - minWidth)\n  return maxMargin - ratio * (maxMargin - minMargin)\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { TapRecognizer } from \"gesturx\"\nimport {\n  EMPTY,\n  combineLatest,\n  filter,\n  first,\n  map,\n  of,\n  switchMap,\n  withLatestFrom,\n} from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../../types\"\nimport {\n  getPositionRelativeToContainer,\n  isNotLink,\n  istMatchingSelectors,\n} from \"../../utils\"\nimport { calculatePageTurnLinearMargin, isPositionInArea } from \"./utils\"\n\nexport const registerTaps = ({\n  reader,\n  recognizable,\n  hookManager,\n  settingsManager,\n  recognizer,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  recognizer: TapRecognizer\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = recognizable.events$.pipe(\n    filter((event) => event.recognizer === recognizer),\n    withLatestFrom(reader.context.watch(`rootElement`), reader.spine.element$),\n    switchMap(([{ event }, containerElement, spineElement]) => {\n      if (!containerElement || !spineElement) return EMPTY\n\n      const normalizedEvent = event.event\n      const { computedPageTurnDirection } = reader.settings.values\n\n      if (\n        event.type === \"tap\" &&\n        isNotLink(event) &&\n        !istMatchingSelectors(settingsManager.values.ignore, event)\n      ) {\n        if (`x` in normalizedEvent) {\n          const containerElementRect = containerElement.getBoundingClientRect()\n          const width = containerElementRect.width\n          const pageTurnMargin = calculatePageTurnLinearMargin(width)\n          const positionInContainer = getPositionRelativeToContainer(\n            normalizedEvent,\n            containerElementRect,\n          )\n\n          const positionInSpineNonTransformed =\n            reader.coordinates.getSpinePositionFromClientPosition(\n              normalizedEvent,\n            )\n\n          const spineItemPageInfo = positionInSpineNonTransformed\n            ? reader.spine.locator.getSpineItemPagePositionFromSpinePosition(\n                positionInSpineNonTransformed,\n              )\n            : undefined\n\n          const beforeTapResults$ = hookManager.execute(\n            \"beforeTapGesture\",\n            undefined,\n            { event$: of({ event, page: spineItemPageInfo }) },\n          )\n\n          return combineLatest([...beforeTapResults$, of(true)]).pipe(\n            first(),\n            filter((results) => !results.some((result) => result === false)),\n            map(() => {\n              if (\n                computedPageTurnDirection === \"horizontal\" &&\n                isPositionInArea(\n                  positionInContainer,\n                  { type: \"margins\", left: pageTurnMargin },\n                  containerElementRect,\n                )\n              ) {\n                reader.navigation.turnLeftOrTop()\n              } else if (\n                computedPageTurnDirection === \"vertical\" &&\n                isPositionInArea(\n                  positionInContainer,\n                  { type: \"margins\", top: pageTurnMargin },\n                  containerElementRect,\n                )\n              ) {\n                reader.navigation.turnLeftOrTop()\n              } else if (\n                computedPageTurnDirection === \"vertical\" &&\n                isPositionInArea(\n                  positionInContainer,\n                  { type: \"margins\", bottom: pageTurnMargin },\n                  containerElementRect,\n                )\n              ) {\n                reader.navigation.turnRightOrBottom()\n              } else if (\n                computedPageTurnDirection === \"horizontal\" &&\n                isPositionInArea(\n                  positionInContainer,\n                  { type: \"margins\", right: pageTurnMargin },\n                  containerElementRect,\n                )\n              ) {\n                reader.navigation.turnRightOrBottom()\n              } else {\n                return { event, handled: false }\n              }\n\n              return { event, handled: true }\n            }),\n          )\n        }\n      }\n\n      return EMPTY\n    }),\n  )\n\n  return gestures$\n}\n","import type { Reader } from \"@prose-reader/core\"\nimport type { PanRecognizer } from \"gesturx\"\nimport { filter, switchMap, tap } from \"rxjs\"\n\nexport const registerZoomPan = ({\n  reader,\n  recognizer,\n}: { recognizer: PanRecognizer; reader: Reader }) => {\n  const panStart$ = recognizer.events$.pipe(\n    filter((event) => event.type === \"panStart\"),\n  )\n  const panMove$ = recognizer.events$.pipe(\n    filter((event) => event.type === \"panMove\"),\n  )\n\n  const zoomingPan$ = panStart$.pipe(\n    switchMap(() => {\n      const startPosition = reader.zoom.currentPosition\n\n      return panMove$.pipe(\n        tap((panMoveEvent) => {\n          if (reader.zoom.isZooming) {\n            reader.zoom.moveAt({\n              x: startPosition.x + panMoveEvent.deltaX,\n              y: startPosition.y + panMoveEvent.deltaY,\n            })\n          }\n        }),\n      )\n    }),\n  )\n\n  return zoomingPan$\n}\n","import { HookManager, type Reader } from \"@prose-reader/core\"\nimport {\n  PanRecognizer,\n  PinchRecognizer,\n  Recognizable,\n  SwipeRecognizer,\n  TapRecognizer,\n} from \"gesturx\"\nimport { combineLatest, merge, share, takeUntil, tap } from \"rxjs\"\nimport { GesturesSettingsManager } from \"./SettingsManager\"\nimport { registerPan } from \"./gestures/pan\"\nimport { registerPinch } from \"./gestures/pinch\"\nimport { registerSwipe } from \"./gestures/swipe\"\nimport { registerTaps } from \"./gestures/taps/registerTaps\"\nimport { registerZoomPan } from \"./gestures/zoomPan\"\nimport type { EnhancerAPI, Hook, InputSettings } from \"./types\"\n\nexport * from \"./types\"\nexport { isPositionInArea } from \"./gestures/taps/utils\"\n\nexport const gesturesEnhancer =\n  <InheritOptions, InheritOutput extends Reader>(\n    next: (options: InheritOptions) => InheritOutput,\n  ) =>\n  (\n    options: InheritOptions & {\n      gestures?: Partial<InputSettings>\n    },\n  ): InheritOutput & EnhancerAPI => {\n    const { gestures = {}, ...rest } = options\n    const reader = next(rest as InheritOptions)\n\n    const settingsManager = new GesturesSettingsManager(gestures, reader)\n\n    const hookManager = new HookManager<Hook>()\n\n    const pinchRecognizer = new PinchRecognizer({\n      options: {\n        /**\n         * @important\n         * To be less than pan otherwise it will not fail before it starts\n         */\n        posThreshold: 20,\n      },\n    })\n\n    const failWithSelection = {\n      start$: reader.selection.selectionStart$,\n      end$: reader.selection.selectionEnd$,\n    }\n\n    const panRecognizer = new PanRecognizer({\n      failWith: [pinchRecognizer, failWithSelection],\n      options: {\n        // we want to have some margin to trigger zoom\n        posThreshold: 15,\n      },\n    })\n\n    const zoomPanRecognizer = new PanRecognizer({\n      options: {\n        posThreshold: 1,\n      },\n    })\n\n    const tapRecognizer = new TapRecognizer({\n      failWith: [panRecognizer],\n    })\n\n    const swipeRecognizer = new SwipeRecognizer({\n      failWith: [failWithSelection],\n    })\n\n    const recognizable = new Recognizable({\n      recognizers: [\n        tapRecognizer,\n        panRecognizer,\n        swipeRecognizer,\n        pinchRecognizer,\n        zoomPanRecognizer,\n      ],\n      disableTextSelection: false,\n    })\n\n    const tapGestures$ = registerTaps({\n      hookManager,\n      reader,\n      recognizable,\n      settingsManager,\n      recognizer: tapRecognizer,\n    })\n\n    const panGestures$ = registerPan({\n      hookManager,\n      reader,\n      recognizer: panRecognizer,\n      settingsManager,\n    })\n\n    const swipeGestures$ = registerSwipe({\n      hookManager,\n      reader,\n      recognizable,\n      settingsManager,\n    })\n\n    const pinchGestures$ = registerPinch({\n      hookManager,\n      reader,\n      recognizable,\n      settingsManager,\n    })\n\n    const zoomPanGestures$ = registerZoomPan({\n      reader,\n      recognizer: zoomPanRecognizer,\n    })\n\n    const containerUpdate$ = reader.context.watch(`rootElement`).pipe(\n      tap((container) => {\n        recognizable.update({\n          container,\n        })\n      }),\n    )\n\n    const watchSettings$ = combineLatest([\n      settingsManager.values$,\n      panRecognizer.config$,\n    ]).pipe(\n      tap(([{ pinchCancelPan }, panRecognizerConfig]) => {\n        const pinchAlreadyInFailWith =\n          panRecognizerConfig.failWith?.includes(pinchRecognizer)\n\n        if (pinchCancelPan && !pinchAlreadyInFailWith) {\n          panRecognizer.update({\n            failWith: [\n              ...(panRecognizerConfig.failWith ?? []),\n              pinchRecognizer,\n            ],\n          })\n        }\n\n        if (!pinchCancelPan && pinchAlreadyInFailWith) {\n          panRecognizer.update({\n            failWith: panRecognizerConfig.failWith?.filter(\n              (recognizer) => recognizer !== pinchRecognizer,\n            ),\n          })\n        }\n      }),\n    )\n\n    const gestures$ = merge(\n      pinchGestures$,\n      tapGestures$,\n      swipeGestures$,\n      panGestures$,\n    ).pipe(share())\n\n    merge(containerUpdate$, watchSettings$, zoomPanGestures$, gestures$)\n      .pipe(takeUntil(reader.$.destroy$))\n      .subscribe()\n\n    return {\n      ...reader,\n      destroy: () => {\n        reader.destroy()\n        settingsManager.destroy()\n      },\n      gestures: {\n        settings: settingsManager,\n        gestures$,\n        hooks: hookManager,\n      },\n    }\n  }\n"],"names":["SettingsManager","tap","takeUntil","switchMap","EMPTY","map","isHtmlElement","filter","withLatestFrom","merge","event","throttleTime","animationFrameScheduler","of","combineLatest","first","HookManager","PinchRecognizer","PanRecognizer","TapRecognizer","SwipeRecognizer","Recognizable","share"],"mappings":"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"}

package/dist/types.d.ts

@@ -2,10 +2,13 @@ import { HookManager } from '@prose-reader/core';
 import { PanEvent, PanRecognizer, PinchEvent, PinchRecognizer, Recognizable, SwipeEvent, SwipeRecognizer, TapEvent, TapRecognizer } from 'gesturx';
 import { Observable, ObservedValueOf } from 'rxjs';
 import { GesturesSettingsManager } from './SettingsManager';
+import { TapAreaGestureContext } from './gestures/taps/types';
 export type Hook = {
-    name: "beforeGesture";
+    name: "beforeTapGesture";
     runFn: (params: {
-        event$: Observable<GestureEvent["event"]>;
+        event$: Observable<{
+            event: GestureEvent["event"];
+        } & TapAreaGestureContext>;
     }) => Observable<boolean>;
 };
 export type GestureRecognizable = Recognizable<(TapRecognizer | PanRecognizer | SwipeRecognizer | PinchRecognizer)[]>;

package/dist/utils.d.ts

@@ -1,3 +1,10 @@
 import { GestureEvent } from './types';
 export declare const isNotLink: (event: GestureEvent["event"]) => boolean;
+export declare const getPositionRelativeToContainer: (event: {
+    x: number;
+    y: number;
+}, containerElementRect: DOMRectReadOnly) => {
+    x: number;
+    y: number;
+};
 export declare const istMatchingSelectors: (selectors: string[], event: GestureEvent["event"]) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prose-reader/enhancer-gestures",
-  "version": "1.228.0",
+  "version": "1.230.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -25,7 +25,7 @@
     "test": "vitest run --coverage"
   },
   "dependencies": {
-    "@prose-reader/core": "^1.228.0"
+    "@prose-reader/core": "^1.230.0"
   },
   "devDependencies": {
     "gesturx": "*",
@@ -35,5 +35,5 @@
     "gesturx": "1.x",
     "rxjs": "7.x"
   },
-  "gitHead": "f38af897428bb229420eab2bfa2e396d2a13e807"
+  "gitHead": "7480c7ac7f90c58487609f1f8b31f47ee44f237a"
 }