@prose-reader/enhancer-gestures 1.320.0 → 1.322.0

package/dist/index.cjs

@@ -0,0 +1,398 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _prose_reader_core = require("@prose-reader/core");
+let gesturx = require("gesturx");
+let rxjs = require("rxjs");
+//#region package.json
+var name = "@prose-reader/enhancer-gestures";
+//#endregion
+//#region src/gestures/pan.ts
+var registerPan = ({ reader, recognizer, settingsManager }) => {
+	return settingsManager.values$.pipe((0, rxjs.switchMap)(({ panNavigation }) => {
+		const panStart$ = recognizer.events$.pipe((0, rxjs.filter)((event) => event.type === `panStart`));
+		const panMove$ = recognizer.events$.pipe((0, rxjs.filter)((event) => event.type === `panMove`));
+		const panEnd$ = recognizer.events$.pipe((0, rxjs.filter)((event) => event.type === `panEnd`));
+		return panStart$.pipe((0, rxjs.switchMap)((panStartEvent) => {
+			/**
+			* We use the last cumulative delta to derive the new event atomic delta.
+			* This is because panning the zoom does not necessarily means the zoom position
+			* will always changes. If the user keep dragging while the zoom is blocked, we want
+			* it to move the other direction when he start dragging the other way.
+			* We cannot use the `reader.zoom.state.currentPosition` as previous position
+			* and the event.deltaX to compute the new zoom position.
+			*/
+			let lastDelta = {
+				x: 0,
+				y: 0
+			};
+			const moveAndEnd$ = (0, rxjs.merge)(panMove$, panEnd$).pipe((0, rxjs.tap)((event) => {
+				const isZooming = reader.zoom.state.isZooming;
+				const isZoomingIn = reader.zoom.state.currentScale > 1;
+				/**
+				* When user is zooming in, we don't navigate anymore.
+				* We still allow the pan gesture to move the zoomed controlled
+				* viewport even when pan navigation itself is disabled.
+				*/
+				if (isZooming && isZoomingIn) {
+					const deltaX = event.deltaX - lastDelta.x;
+					const deltaY = event.deltaY - lastDelta.y;
+					lastDelta = {
+						x: event.deltaX,
+						y: event.deltaY
+					};
+					reader.zoom.move({
+						x: reader.zoom.state.currentPosition.x + deltaX,
+						y: reader.zoom.state.currentPosition.y + deltaY
+					}, { constrain: "within-viewport" });
+					return;
+				}
+				if (panNavigation !== "pan") return;
+				if (event.type === `panMove`) {
+					if (!reader.navigation.panNavigator.value.isStarted) {
+						reader.navigation.panNavigator.start({
+							x: event.deltaX,
+							y: event.deltaY
+						});
+						return;
+					}
+					reader.navigation.panNavigator.panMoveTo({
+						x: event.deltaX,
+						y: event.deltaY
+					});
+					return;
+				}
+				if (event.type === `panEnd` && reader.navigation.panNavigator.value.isStarted) reader.navigation.panNavigator.stop({
+					x: event.deltaX,
+					y: event.deltaY
+				});
+			}));
+			return (0, rxjs.merge)((0, rxjs.of)(panStartEvent), moveAndEnd$).pipe((0, rxjs.map)((event) => ({
+				type: "pan",
+				gestureEvent: event
+			})));
+		}));
+	}));
+};
+//#endregion
+//#region src/gestures/pinch.ts
+var isHtmlImageElement = (target) => (0, _prose_reader_core.isHtmlElement)(target) && !!target.ownerDocument.defaultView && target instanceof target.ownerDocument.defaultView.HTMLImageElement;
+var registerPinch = ({ reader, recognizable, settingsManager }) => {
+	const pinchStart$ = recognizable.events$.pipe((0, rxjs.map)(({ event }) => event), (0, rxjs.filter)((event) => event.type === "pinchStart"));
+	const pinchMove$ = recognizable.events$.pipe((0, rxjs.map)(({ event }) => event), (0, rxjs.filter)((event) => event.type === "pinchMove"));
+	const pinchEnd$ = recognizable.events$.pipe((0, rxjs.map)(({ event }) => event), (0, rxjs.filter)((event) => event.type === "pinchEnd"));
+	const shouldStartZoom = (target) => isHtmlImageElement(target) && !reader.zoom.state.isZooming;
+	return settingsManager.values$.pipe((0, rxjs.switchMap)(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {
+		return (0, rxjs.merge)(pinchStart$.pipe((0, rxjs.switchMap)(() => {
+			const startScale = reader.zoom.state.currentScale;
+			return pinchMove$.pipe((0, rxjs.withLatestFrom)(reader.viewportState$), (0, rxjs.map)(([event, viewportState]) => {
+				const newScale = startScale * event.scale;
+				/**
+				* @important
+				* We don't want to trigger zoom gestures if there is a pan navigation
+				* in progress. This can happens if the user start panning and then adds
+				* another finger triggering a pinch.
+				*/
+				if (viewportState === "busy") return event;
+				if (!reader.zoom.state.isZooming && event.scale > 1) {
+					reader.zoom.enter({
+						animate: false,
+						scale: newScale
+					});
+					return event;
+				}
+				if (reader.zoom.state.isZooming) {
+					if (newScale < 1) reader.zoom.exit();
+					else reader.zoom.scaleAt(Math.min(newScale, settingsManager.values.zoomMaxScale), { constrain: "within-viewport" });
+					return event;
+				}
+				return event;
+			}));
+		})), !fontScalePinchEnabled ? rxjs.EMPTY : pinchStart$.pipe((0, rxjs.withLatestFrom)(reader.viewportState$), (0, rxjs.switchMap)(([pinchStartEvent, viewportState]) => {
+			if (viewportState === "busy" || shouldStartZoom(pinchStartEvent.event.target) || reader.zoom.state.isZooming) return rxjs.EMPTY;
+			const lastFontScaleOnPinchStart = reader.settings.values.fontScale;
+			return pinchMove$.pipe((0, rxjs.throttleTime)(fontScalePinchThrottleTime, rxjs.animationFrameScheduler, { trailing: true }), (0, rxjs.tap)((event) => {
+				const newScale = Number.parseFloat((lastFontScaleOnPinchStart + (event.scale - 1)).toFixed(2));
+				const newMinMaxedFontScale = Math.max(Math.min(newScale, settingsManager.values.fontScaleMaxScale), settingsManager.values.fontScaleMinScale);
+				reader.settings.update({ fontScale: newMinMaxedFontScale });
+			}), (0, rxjs.takeUntil)(pinchEnd$));
+		}))).pipe((0, rxjs.map)((event) => ({
+			type: "pinch",
+			gestureEvent: event
+		})));
+	}));
+};
+//#endregion
+//#region src/gestures/swipe.ts
+var isSwipeEvent = (event) => event.type === "swipe";
+var registerSwipe = ({ reader, recognizable, settingsManager }) => {
+	return settingsManager.values$.pipe((0, rxjs.switchMap)(({ panNavigation }) => panNavigation !== "swipe" ? rxjs.EMPTY : recognizable.events$.pipe((0, rxjs.map)(({ event }) => event), (0, rxjs.filter)(isSwipeEvent), (0, rxjs.tap)((event) => {
+		const { computedPageTurnDirection } = reader.settings.values;
+		if (computedPageTurnDirection === "vertical") {
+			if (event.velocityY < -.5) reader?.navigation.turnRight();
+			if (event.velocityY > .5) reader?.navigation.turnLeft();
+		} else {
+			if (event.velocityX < -.5) reader?.navigation.turnRight();
+			if (event.velocityX > .5) reader?.navigation.turnLeft();
+		}
+	}), (0, rxjs.map)((event) => ({
+		type: "swipe",
+		gestureEvent: event
+	})))));
+};
+//#endregion
+//#region src/utils.ts
+var isNotLink = (event) => {
+	const target = event.event.target;
+	if ((0, _prose_reader_core.isHtmlElement)(target) && target.tagName === "a") return false;
+	return true;
+};
+var getPositionRelativeToContainer = (event, containerElementRect) => {
+	const { x, y } = event;
+	const { left, top } = containerElementRect;
+	return {
+		x: x - left,
+		y: y - top
+	};
+};
+var istMatchingSelectors = (selectors, event) => {
+	const target = event.event.target;
+	if (!(0, _prose_reader_core.isHtmlElement)(target)) return false;
+	return !!selectors.find((selector) => {
+		if (target.matches(selector)) return true;
+		if (target.closest(selector)) return true;
+		return false;
+	});
+};
+//#endregion
+//#region src/gestures/taps/utils.ts
+var 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;
+	}
+};
+var calculatePageTurnLinearMargin = (screenWidth) => {
+	const minMargin = .15;
+	const maxMargin = .2;
+	const minWidth = 320;
+	const maxWidth = 1200;
+	if (screenWidth <= minWidth) return maxMargin;
+	if (screenWidth >= maxWidth) return minMargin;
+	return maxMargin - (screenWidth - minWidth) / (maxWidth - minWidth) * (maxMargin - minMargin);
+};
+//#endregion
+//#region src/gestures/taps/registerTaps.ts
+var registerTaps = ({ reader, recognizable, hookManager, settingsManager, recognizer }) => {
+	return recognizable.events$.pipe((0, rxjs.filter)((event) => event.recognizer === recognizer), (0, rxjs.withLatestFrom)(reader.context.watch(`rootElement`), reader.spine.element$), (0, rxjs.switchMap)(([{ event }, containerElement, spineElement]) => {
+		if (!containerElement || !spineElement) return rxjs.EMPTY;
+		const normalizedEvent = event.event;
+		const { computedPageTurnDirection, computedPageTurnMode } = reader.settings.values;
+		if (event.type === "tap" && isNotLink(event) && !istMatchingSelectors(settingsManager.values.ignore, event)) {
+			if (`x` in 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;
+				return (0, rxjs.combineLatest)([...hookManager.execute("beforeTapGesture", { event$: (0, rxjs.of)({
+					event,
+					page: spineItemPageInfo
+				}) }), (0, rxjs.of)(true)]).pipe((0, rxjs.first)(), (0, rxjs.filter)((results) => !results.some((result) => result === false)), (0, rxjs.map)(() => {
+					const isZoomedIn = reader.zoom.state.isZooming && reader.zoom.state.currentScale > 1;
+					if (computedPageTurnMode === "scrollable" || isZoomedIn) return {
+						type: "tap",
+						gestureEvent: event,
+						handled: false
+					};
+					if (computedPageTurnDirection === "horizontal" && isPositionInArea(positionInContainer, {
+						type: "margins",
+						left: pageTurnMargin
+					}, containerElementRect)) reader.navigation.turnLeftOrTop();
+					else if (computedPageTurnDirection === "vertical" && isPositionInArea(positionInContainer, {
+						type: "margins",
+						top: pageTurnMargin
+					}, containerElementRect)) reader.navigation.turnLeftOrTop();
+					else if (computedPageTurnDirection === "vertical" && isPositionInArea(positionInContainer, {
+						type: "margins",
+						bottom: pageTurnMargin
+					}, containerElementRect)) reader.navigation.turnRightOrBottom();
+					else if (computedPageTurnDirection === "horizontal" && isPositionInArea(positionInContainer, {
+						type: "margins",
+						right: pageTurnMargin
+					}, containerElementRect)) reader.navigation.turnRightOrBottom();
+					else return {
+						type: "tap",
+						gestureEvent: event,
+						handled: false
+					};
+					return {
+						type: "tap",
+						gestureEvent: event,
+						handled: true
+					};
+				}));
+			}
+		}
+		return rxjs.EMPTY;
+	}));
+};
+//#endregion
+//#region src/SettingsManager.ts
+var GesturesSettingsManager = class extends _prose_reader_core.SettingsManager {
+	reader;
+	constructor(initialSettings, reader) {
+		super(initialSettings);
+		this.reader = reader;
+		/**
+		* Since we have settings that may be locked due to some reader settings
+		* we need to update as soon as they update as well.
+		*/
+		reader.settings.values$.pipe((0, rxjs.tap)(() => {
+			this.update({});
+		}), (0, rxjs.takeUntil)(this.destroy$)).subscribe();
+	}
+	getOutputSettings(inputSettings) {
+		return {
+			...inputSettings,
+			panNavigation: this.reader.settings.values.computedPageTurnMode === `scrollable` ? false : inputSettings.panNavigation
+		};
+	}
+	getDefaultSettings() {
+		return {
+			panNavigation: "pan",
+			pinchCancelPan: true,
+			fontScalePinchEnabled: true,
+			fontScalePinchThrottleTime: 500,
+			fontScaleMaxScale: 5,
+			fontScaleMinScale: .2,
+			zoomMaxScale: Infinity,
+			ignore: []
+		};
+	}
+};
+//#endregion
+//#region src/style.css?inline
+var style_default = "[data-prose-reader-container=\"${id}\"] * {\n  /* Make sure that touche actions are correctly dispatched no matter where the user interact */\n  touch-action: inherit;\n}\n";
+//#endregion
+//#region src/index.ts
+var gesturesEnhancer = (next) => (options) => {
+	const { gestures = {}, ...rest } = options;
+	const reader = next(rest);
+	const removeStylesheet = reader.utils.injectScopedCSS(document, name, style_default);
+	const settingsManager = new GesturesSettingsManager(gestures, reader);
+	const hookManager = new _prose_reader_core.HookManager();
+	const pinchRecognizer = new gesturx.PinchRecognizer({ options: { 
+	/**
+	* @important
+	* Ideally we want pinch to triggers before pan so we can
+	* capture zoom before starting panning.
+	*/
+posThreshold: 10 } });
+	const failWithSelection = {
+		start$: reader.selection.selectionStart$,
+		end$: reader.selection.selectionEnd$
+	};
+	const panRecognizer = new gesturx.PanRecognizer({
+		failWith: [pinchRecognizer, failWithSelection],
+		options: { posThreshold: 20 }
+	});
+	const tapRecognizer = new gesturx.TapRecognizer({ failWith: [panRecognizer] });
+	const recognizable = new gesturx.Recognizable({
+		recognizers: [
+			tapRecognizer,
+			panRecognizer,
+			new gesturx.SwipeRecognizer({ failWith: [failWithSelection] }),
+			pinchRecognizer
+		],
+		disableTextSelection: false
+	});
+	const tapGestures$ = registerTaps({
+		hookManager,
+		reader,
+		recognizable,
+		settingsManager,
+		recognizer: tapRecognizer
+	});
+	const panGestures$ = registerPan({
+		hookManager,
+		reader,
+		recognizer: panRecognizer,
+		settingsManager
+	});
+	const swipeGestures$ = registerSwipe({
+		hookManager,
+		reader,
+		recognizable,
+		settingsManager
+	});
+	const pinchGestures$ = registerPinch({
+		hookManager,
+		reader,
+		recognizable,
+		settingsManager
+	});
+	const containerUpdate$ = reader.context.watch(`rootElement`).pipe((0, rxjs.tap)((container) => {
+		recognizable.update({ container });
+	}));
+	const watchSettings$ = (0, rxjs.combineLatest)([settingsManager.values$, panRecognizer.config$]).pipe((0, rxjs.tap)(([{ pinchCancelPan }, panRecognizerConfig]) => {
+		const pinchAlreadyInFailWith = panRecognizerConfig.failWith?.includes(pinchRecognizer);
+		if (pinchCancelPan && !pinchAlreadyInFailWith) panRecognizer.update({ failWith: [...panRecognizerConfig.failWith ?? [], pinchRecognizer] });
+		if (!pinchCancelPan && pinchAlreadyInFailWith) panRecognizer.update({ failWith: panRecognizerConfig.failWith?.filter((recognizer) => recognizer !== pinchRecognizer) });
+	}));
+	const gestures$ = (0, rxjs.merge)(pinchGestures$, tapGestures$, swipeGestures$, panGestures$).pipe((0, rxjs.share)());
+	(0, rxjs.merge)(containerUpdate$, watchSettings$, gestures$).pipe((0, rxjs.takeUntil)(reader.$.destroy$)).subscribe();
+	return {
+		...reader,
+		destroy: () => {
+			removeStylesheet();
+			reader.destroy();
+			settingsManager.destroy();
+		},
+		gestures: {
+			settings: settingsManager,
+			gestures$,
+			hooks: hookManager
+		}
+	};
+};
+//#endregion
+exports.gesturesEnhancer = gesturesEnhancer;
+exports.isPositionInArea = isPositionInArea;
+
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../package.json","../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/SettingsManager.ts","../src/style.css?inline","../src/index.ts"],"sourcesContent":["{\n  \"name\": \"@prose-reader/enhancer-gestures\",\n  \"version\": \"1.321.0\",\n  \"type\": \"module\",\n  \"main\": \"./dist/index.cjs\",\n  \"module\": \"./dist/index.js\",\n  \"types\": \"./dist/index.d.ts\",\n  \"private\": false,\n  \"publishConfig\": {\n    \"access\": \"public\",\n    \"registry\": \"https://registry.npmjs.org/\"\n  },\n  \"exports\": {\n    \".\": {\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    }\n  },\n  \"files\": [\n    \"/dist\"\n  ],\n  \"scripts\": {\n    \"start\": \"vite build --watch --mode development\",\n    \"build\": \"tsc && vite build\",\n    \"test\": \"vitest run --coverage\"\n  },\n  \"dependencies\": {\n    \"@prose-reader/core\": \"^1.321.0\"\n  },\n  \"devDependencies\": {\n    \"gesturx\": \"*\",\n    \"rxjs\": \"*\"\n  },\n  \"peerDependencies\": {\n    \"gesturx\": \"1.x\",\n    \"rxjs\": \"7.x\"\n  },\n  \"gitHead\": \"4601e14dcacf50b2295cb343582a7ef2c7e1eedc\"\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { PanRecognizer } from \"gesturx\"\nimport { filter, map, merge, of, 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      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      const panEnd$ = recognizer.events$.pipe(\n        filter((event) => event.type === `panEnd`),\n      )\n\n      const pan$ = panStart$.pipe(\n        switchMap((panStartEvent) => {\n          /**\n           * We use the last cumulative delta to derive the new event atomic delta.\n           * This is because panning the zoom does not necessarily means the zoom position\n           * will always changes. If the user keep dragging while the zoom is blocked, we want\n           * it to move the other direction when he start dragging the other way.\n           * We cannot use the `reader.zoom.state.currentPosition` as previous position\n           * and the event.deltaX to compute the new zoom position.\n           */\n          let lastDelta = { x: 0, y: 0 }\n\n          const moveAndEnd$ = merge(panMove$, panEnd$).pipe(\n            tap((event) => {\n              const isZooming = reader.zoom.state.isZooming\n              const isZoomingIn = reader.zoom.state.currentScale > 1\n\n              /**\n               * When user is zooming in, we don't navigate anymore.\n               * We still allow the pan gesture to move the zoomed controlled\n               * viewport even when pan navigation itself is disabled.\n               */\n              if (isZooming && isZoomingIn) {\n                const deltaX = event.deltaX - lastDelta.x\n                const deltaY = event.deltaY - lastDelta.y\n\n                lastDelta = {\n                  x: event.deltaX,\n                  y: event.deltaY,\n                }\n\n                reader.zoom.move(\n                  {\n                    x: reader.zoom.state.currentPosition.x + deltaX,\n                    y: reader.zoom.state.currentPosition.y + deltaY,\n                  },\n                  {\n                    constrain: \"within-viewport\",\n                  },\n                )\n\n                return\n              }\n\n              if (panNavigation !== \"pan\") return\n\n              if (event.type === `panMove`) {\n                if (!reader.navigation.panNavigator.value.isStarted) {\n                  reader.navigation.panNavigator.start({\n                    x: event.deltaX,\n                    y: event.deltaY,\n                  })\n\n                  return\n                }\n\n                reader.navigation.panNavigator.panMoveTo({\n                  x: event.deltaX,\n                  y: event.deltaY,\n                })\n\n                return\n              }\n\n              if (\n                event.type === `panEnd` &&\n                reader.navigation.panNavigator.value.isStarted\n              ) {\n                reader.navigation.panNavigator.stop({\n                  x: event.deltaX,\n                  y: event.deltaY,\n                })\n              }\n            }),\n          )\n\n          return merge(of(panStartEvent), moveAndEnd$).pipe(\n            map((event) => ({\n              type: \"pan\" as const,\n              gestureEvent: event,\n            })),\n          )\n        }),\n      )\n\n      return pan$\n    }),\n  )\n\n  return gestures$\n}\n","import {\n  type HookManager,\n  isHtmlElement,\n  type Reader,\n} from \"@prose-reader/core\"\nimport type { PinchEvent } from \"gesturx\"\nimport {\n  animationFrameScheduler,\n  EMPTY,\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.state.isZooming\n\n  return settingsManager.values$.pipe(\n    switchMap(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {\n      const zoomGestures$ = pinchStart$.pipe(\n        switchMap(() => {\n          const startScale = reader.zoom.state.currentScale\n\n          return pinchMove$.pipe(\n            withLatestFrom(reader.viewportState$),\n            map(([event, viewportState]) => {\n              // symmetric scaling calculation\n              const newScale = startScale * event.scale\n\n              /**\n               * @important\n               * We don't want to trigger zoom gestures if there is a pan navigation\n               * in progress. This can happens if the user start panning and then adds\n               * another finger triggering a pinch.\n               */\n              if (viewportState === \"busy\") {\n                return event\n              }\n\n              if (!reader.zoom.state.isZooming && event.scale > 1) {\n                reader.zoom.enter({ animate: false, scale: newScale })\n\n                return event\n              }\n\n              if (reader.zoom.state.isZooming) {\n                if (newScale < 1) {\n                  reader.zoom.exit()\n                } else {\n                  reader.zoom.scaleAt(\n                    Math.min(newScale, settingsManager.values.zoomMaxScale),\n                    {\n                      constrain: \"within-viewport\",\n                    },\n                  )\n                }\n\n                return event\n              }\n\n              return event\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.state.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) => ({\n          type: \"pinch\" as const,\n          gestureEvent: event,\n        })),\n      )\n    }),\n  )\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { SwipeEvent } from \"gesturx\"\nimport { EMPTY, filter, map, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureEvent, GestureRecognizable, Hook } from \"../types\"\n\nconst isSwipeEvent = (event: GestureEvent[\"event\"]): event is SwipeEvent =>\n  event.type === \"swipe\"\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            map(({ event }) => event),\n            filter(isSwipeEvent),\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) => ({ type: \"swipe\" as const, gestureEvent: event })),\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.2\n  const minWidth = 320\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  combineLatest,\n  EMPTY,\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, computedPageTurnMode } =\n        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(\"beforeTapGesture\", {\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              const isZoomedIn =\n                reader.zoom.state.isZooming &&\n                reader.zoom.state.currentScale > 1\n\n              if (computedPageTurnMode === \"scrollable\" || isZoomedIn) {\n                return {\n                  type: \"tap\" as const,\n                  gestureEvent: event,\n                  handled: false,\n                }\n              }\n\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 {\n                  type: \"tap\" as const,\n                  gestureEvent: event,\n                  handled: false,\n                }\n              }\n\n              return {\n                type: \"tap\" as const,\n                gestureEvent: event,\n                handled: true,\n              }\n            }),\n          )\n        }\n      }\n\n      return EMPTY\n    }),\n  )\n\n  return gestures$\n}\n","import { type Reader, SettingsManager } from \"@prose-reader/core\"\nimport { takeUntil, tap } from \"rxjs\"\nimport type { InputSettings, OutputSettings } from \"./types\"\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      zoomMaxScale: Infinity,\n      ignore: [],\n    }\n  }\n}\n","[data-prose-reader-container=\"${id}\"] * {\n  /* Make sure that touche actions are correctly dispatched no matter where the user interact */\n  touch-action: inherit;\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 { name as packageName } from \"../package.json\"\nimport { registerPan } from \"./gestures/pan\"\nimport { registerPinch } from \"./gestures/pinch\"\nimport { registerSwipe } from \"./gestures/swipe\"\nimport { registerTaps } from \"./gestures/taps/registerTaps\"\nimport { GesturesSettingsManager } from \"./SettingsManager\"\nimport styles from \"./style.css?inline\"\nimport type { EnhancerAPI, Hook, InputSettings } from \"./types\"\n\nexport { isPositionInArea } from \"./gestures/taps/utils\"\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 removeStylesheet = reader.utils.injectScopedCSS(\n      document,\n      packageName,\n      styles,\n    )\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         * Ideally we want pinch to triggers before pan so we can\n         * capture zoom before starting panning.\n         */\n        posThreshold: 10,\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: 20,\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      ],\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 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$, gestures$)\n      .pipe(takeUntil(reader.$.destroy$))\n      .subscribe()\n\n    return {\n      ...reader,\n      destroy: () => {\n        removeStylesheet()\n        reader.destroy()\n        settingsManager.destroy()\n      },\n      gestures: {\n        settings: settingsManager,\n        gestures$,\n        hooks: hookManager,\n      },\n    }\n  }\n"],"mappings":"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"}

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../package.json","../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/SettingsManager.ts","../src/style.css?inline","../src/index.ts"],"sourcesContent":["{\n  \"name\": \"@prose-reader/enhancer-gestures\",\n  \"version\": \"1.319.0\",\n  \"type\": \"module\",\n  \"main\": \"./dist/index.cjs\",\n  \"module\": \"./dist/index.js\",\n  \"types\": \"./dist/index.d.ts\",\n  \"private\": false,\n  \"publishConfig\": {\n    \"access\": \"public\",\n    \"registry\": \"https://registry.npmjs.org/\"\n  },\n  \"exports\": {\n    \".\": {\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.umd.cjs\"\n    }\n  },\n  \"files\": [\n    \"/dist\"\n  ],\n  \"scripts\": {\n    \"start\": \"vite build --watch --mode development\",\n    \"build\": \"tsc && vite build\",\n    \"test\": \"vitest run --coverage\"\n  },\n  \"dependencies\": {\n    \"@prose-reader/core\": \"^1.319.0\"\n  },\n  \"devDependencies\": {\n    \"gesturx\": \"*\",\n    \"rxjs\": \"*\"\n  },\n  \"peerDependencies\": {\n    \"gesturx\": \"1.x\",\n    \"rxjs\": \"7.x\"\n  },\n  \"gitHead\": \"4601e14dcacf50b2295cb343582a7ef2c7e1eedc\"\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { PanRecognizer } from \"gesturx\"\nimport { filter, map, merge, of, 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      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      const panEnd$ = recognizer.events$.pipe(\n        filter((event) => event.type === `panEnd`),\n      )\n\n      const pan$ = panStart$.pipe(\n        switchMap((panStartEvent) => {\n          /**\n           * We use the last cumulative delta to derive the new event atomic delta.\n           * This is because panning the zoom does not necessarily means the zoom position\n           * will always changes. If the user keep dragging while the zoom is blocked, we want\n           * it to move the other direction when he start dragging the other way.\n           * We cannot use the `reader.zoom.state.currentPosition` as previous position\n           * and the event.deltaX to compute the new zoom position.\n           */\n          let lastDelta = { x: 0, y: 0 }\n\n          const moveAndEnd$ = merge(panMove$, panEnd$).pipe(\n            tap((event) => {\n              const isZooming = reader.zoom.state.isZooming\n              const isZoomingIn = reader.zoom.state.currentScale > 1\n\n              /**\n               * When user is zooming in, we don't navigate anymore.\n               * We still allow the pan gesture to move the zoomed controlled\n               * viewport even when pan navigation itself is disabled.\n               */\n              if (isZooming && isZoomingIn) {\n                const deltaX = event.deltaX - lastDelta.x\n                const deltaY = event.deltaY - lastDelta.y\n\n                lastDelta = {\n                  x: event.deltaX,\n                  y: event.deltaY,\n                }\n\n                reader.zoom.move(\n                  {\n                    x: reader.zoom.state.currentPosition.x + deltaX,\n                    y: reader.zoom.state.currentPosition.y + deltaY,\n                  },\n                  {\n                    constrain: \"within-viewport\",\n                  },\n                )\n\n                return\n              }\n\n              if (panNavigation !== \"pan\") return\n\n              if (event.type === `panMove`) {\n                if (!reader.navigation.panNavigator.value.isStarted) {\n                  reader.navigation.panNavigator.start({\n                    x: event.deltaX,\n                    y: event.deltaY,\n                  })\n\n                  return\n                }\n\n                reader.navigation.panNavigator.panMoveTo({\n                  x: event.deltaX,\n                  y: event.deltaY,\n                })\n\n                return\n              }\n\n              if (\n                event.type === `panEnd` &&\n                reader.navigation.panNavigator.value.isStarted\n              ) {\n                reader.navigation.panNavigator.stop({\n                  x: event.deltaX,\n                  y: event.deltaY,\n                })\n              }\n            }),\n          )\n\n          return merge(of(panStartEvent), moveAndEnd$).pipe(\n            map((event) => ({\n              type: \"pan\" as const,\n              gestureEvent: event,\n            })),\n          )\n        }),\n      )\n\n      return pan$\n    }),\n  )\n\n  return gestures$\n}\n","import {\n  type HookManager,\n  isHtmlElement,\n  type Reader,\n} from \"@prose-reader/core\"\nimport type { PinchEvent } from \"gesturx\"\nimport {\n  animationFrameScheduler,\n  EMPTY,\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.state.isZooming\n\n  return settingsManager.values$.pipe(\n    switchMap(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {\n      const zoomGestures$ = pinchStart$.pipe(\n        switchMap(() => {\n          const startScale = reader.zoom.state.currentScale\n\n          return pinchMove$.pipe(\n            withLatestFrom(reader.viewportState$),\n            map(([event, viewportState]) => {\n              // symmetric scaling calculation\n              const newScale = startScale * event.scale\n\n              /**\n               * @important\n               * We don't want to trigger zoom gestures if there is a pan navigation\n               * in progress. This can happens if the user start panning and then adds\n               * another finger triggering a pinch.\n               */\n              if (viewportState === \"busy\") {\n                return event\n              }\n\n              if (!reader.zoom.state.isZooming && event.scale > 1) {\n                reader.zoom.enter({ animate: false, scale: newScale })\n\n                return event\n              }\n\n              if (reader.zoom.state.isZooming) {\n                if (newScale < 1) {\n                  reader.zoom.exit()\n                } else {\n                  reader.zoom.scaleAt(\n                    Math.min(newScale, settingsManager.values.zoomMaxScale),\n                    {\n                      constrain: \"within-viewport\",\n                    },\n                  )\n                }\n\n                return event\n              }\n\n              return event\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.state.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) => ({\n          type: \"pinch\" as const,\n          gestureEvent: event,\n        })),\n      )\n    }),\n  )\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { SwipeEvent } from \"gesturx\"\nimport { EMPTY, filter, map, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureEvent, GestureRecognizable, Hook } from \"../types\"\n\nconst isSwipeEvent = (event: GestureEvent[\"event\"]): event is SwipeEvent =>\n  event.type === \"swipe\"\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            map(({ event }) => event),\n            filter(isSwipeEvent),\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) => ({ type: \"swipe\" as const, gestureEvent: event })),\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.2\n  const minWidth = 320\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  combineLatest,\n  EMPTY,\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, computedPageTurnMode } =\n        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(\"beforeTapGesture\", {\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              const isZoomedIn =\n                reader.zoom.state.isZooming &&\n                reader.zoom.state.currentScale > 1\n\n              if (computedPageTurnMode === \"scrollable\" || isZoomedIn) {\n                return {\n                  type: \"tap\" as const,\n                  gestureEvent: event,\n                  handled: false,\n                }\n              }\n\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 {\n                  type: \"tap\" as const,\n                  gestureEvent: event,\n                  handled: false,\n                }\n              }\n\n              return {\n                type: \"tap\" as const,\n                gestureEvent: event,\n                handled: true,\n              }\n            }),\n          )\n        }\n      }\n\n      return EMPTY\n    }),\n  )\n\n  return gestures$\n}\n","import { type Reader, SettingsManager } from \"@prose-reader/core\"\nimport { takeUntil, tap } from \"rxjs\"\nimport type { InputSettings, OutputSettings } from \"./types\"\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      zoomMaxScale: Infinity,\n      ignore: [],\n    }\n  }\n}\n","[data-prose-reader-container=\"${id}\"] * {\n  /* Make sure that touche actions are correctly dispatched no matter where the user interact */\n  touch-action: inherit;\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 { name as packageName } from \"../package.json\"\nimport { registerPan } from \"./gestures/pan\"\nimport { registerPinch } from \"./gestures/pinch\"\nimport { registerSwipe } from \"./gestures/swipe\"\nimport { registerTaps } from \"./gestures/taps/registerTaps\"\nimport { GesturesSettingsManager } from \"./SettingsManager\"\nimport styles from \"./style.css?inline\"\nimport type { EnhancerAPI, Hook, InputSettings } from \"./types\"\n\nexport { isPositionInArea } from \"./gestures/taps/utils\"\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 removeStylesheet = reader.utils.injectScopedCSS(\n      document,\n      packageName,\n      styles,\n    )\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         * Ideally we want pinch to triggers before pan so we can\n         * capture zoom before starting panning.\n         */\n        posThreshold: 10,\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: 20,\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      ],\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 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$, gestures$)\n      .pipe(takeUntil(reader.$.destroy$))\n      .subscribe()\n\n    return {\n      ...reader,\n      destroy: () => {\n        removeStylesheet()\n        reader.destroy()\n        settingsManager.destroy()\n      },\n      gestures: {\n        settings: settingsManager,\n        gestures$,\n        hooks: hookManager,\n      },\n    }\n  }\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../package.json","../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/SettingsManager.ts","../src/style.css?inline","../src/index.ts"],"sourcesContent":["{\n  \"name\": \"@prose-reader/enhancer-gestures\",\n  \"version\": \"1.321.0\",\n  \"type\": \"module\",\n  \"main\": \"./dist/index.cjs\",\n  \"module\": \"./dist/index.js\",\n  \"types\": \"./dist/index.d.ts\",\n  \"private\": false,\n  \"publishConfig\": {\n    \"access\": \"public\",\n    \"registry\": \"https://registry.npmjs.org/\"\n  },\n  \"exports\": {\n    \".\": {\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    }\n  },\n  \"files\": [\n    \"/dist\"\n  ],\n  \"scripts\": {\n    \"start\": \"vite build --watch --mode development\",\n    \"build\": \"tsc && vite build\",\n    \"test\": \"vitest run --coverage\"\n  },\n  \"dependencies\": {\n    \"@prose-reader/core\": \"^1.321.0\"\n  },\n  \"devDependencies\": {\n    \"gesturx\": \"*\",\n    \"rxjs\": \"*\"\n  },\n  \"peerDependencies\": {\n    \"gesturx\": \"1.x\",\n    \"rxjs\": \"7.x\"\n  },\n  \"gitHead\": \"4601e14dcacf50b2295cb343582a7ef2c7e1eedc\"\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { PanRecognizer } from \"gesturx\"\nimport { filter, map, merge, of, 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      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      const panEnd$ = recognizer.events$.pipe(\n        filter((event) => event.type === `panEnd`),\n      )\n\n      const pan$ = panStart$.pipe(\n        switchMap((panStartEvent) => {\n          /**\n           * We use the last cumulative delta to derive the new event atomic delta.\n           * This is because panning the zoom does not necessarily means the zoom position\n           * will always changes. If the user keep dragging while the zoom is blocked, we want\n           * it to move the other direction when he start dragging the other way.\n           * We cannot use the `reader.zoom.state.currentPosition` as previous position\n           * and the event.deltaX to compute the new zoom position.\n           */\n          let lastDelta = { x: 0, y: 0 }\n\n          const moveAndEnd$ = merge(panMove$, panEnd$).pipe(\n            tap((event) => {\n              const isZooming = reader.zoom.state.isZooming\n              const isZoomingIn = reader.zoom.state.currentScale > 1\n\n              /**\n               * When user is zooming in, we don't navigate anymore.\n               * We still allow the pan gesture to move the zoomed controlled\n               * viewport even when pan navigation itself is disabled.\n               */\n              if (isZooming && isZoomingIn) {\n                const deltaX = event.deltaX - lastDelta.x\n                const deltaY = event.deltaY - lastDelta.y\n\n                lastDelta = {\n                  x: event.deltaX,\n                  y: event.deltaY,\n                }\n\n                reader.zoom.move(\n                  {\n                    x: reader.zoom.state.currentPosition.x + deltaX,\n                    y: reader.zoom.state.currentPosition.y + deltaY,\n                  },\n                  {\n                    constrain: \"within-viewport\",\n                  },\n                )\n\n                return\n              }\n\n              if (panNavigation !== \"pan\") return\n\n              if (event.type === `panMove`) {\n                if (!reader.navigation.panNavigator.value.isStarted) {\n                  reader.navigation.panNavigator.start({\n                    x: event.deltaX,\n                    y: event.deltaY,\n                  })\n\n                  return\n                }\n\n                reader.navigation.panNavigator.panMoveTo({\n                  x: event.deltaX,\n                  y: event.deltaY,\n                })\n\n                return\n              }\n\n              if (\n                event.type === `panEnd` &&\n                reader.navigation.panNavigator.value.isStarted\n              ) {\n                reader.navigation.panNavigator.stop({\n                  x: event.deltaX,\n                  y: event.deltaY,\n                })\n              }\n            }),\n          )\n\n          return merge(of(panStartEvent), moveAndEnd$).pipe(\n            map((event) => ({\n              type: \"pan\" as const,\n              gestureEvent: event,\n            })),\n          )\n        }),\n      )\n\n      return pan$\n    }),\n  )\n\n  return gestures$\n}\n","import {\n  type HookManager,\n  isHtmlElement,\n  type Reader,\n} from \"@prose-reader/core\"\nimport type { PinchEvent } from \"gesturx\"\nimport {\n  animationFrameScheduler,\n  EMPTY,\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.state.isZooming\n\n  return settingsManager.values$.pipe(\n    switchMap(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {\n      const zoomGestures$ = pinchStart$.pipe(\n        switchMap(() => {\n          const startScale = reader.zoom.state.currentScale\n\n          return pinchMove$.pipe(\n            withLatestFrom(reader.viewportState$),\n            map(([event, viewportState]) => {\n              // symmetric scaling calculation\n              const newScale = startScale * event.scale\n\n              /**\n               * @important\n               * We don't want to trigger zoom gestures if there is a pan navigation\n               * in progress. This can happens if the user start panning and then adds\n               * another finger triggering a pinch.\n               */\n              if (viewportState === \"busy\") {\n                return event\n              }\n\n              if (!reader.zoom.state.isZooming && event.scale > 1) {\n                reader.zoom.enter({ animate: false, scale: newScale })\n\n                return event\n              }\n\n              if (reader.zoom.state.isZooming) {\n                if (newScale < 1) {\n                  reader.zoom.exit()\n                } else {\n                  reader.zoom.scaleAt(\n                    Math.min(newScale, settingsManager.values.zoomMaxScale),\n                    {\n                      constrain: \"within-viewport\",\n                    },\n                  )\n                }\n\n                return event\n              }\n\n              return event\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.state.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) => ({\n          type: \"pinch\" as const,\n          gestureEvent: event,\n        })),\n      )\n    }),\n  )\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { SwipeEvent } from \"gesturx\"\nimport { EMPTY, filter, map, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureEvent, GestureRecognizable, Hook } from \"../types\"\n\nconst isSwipeEvent = (event: GestureEvent[\"event\"]): event is SwipeEvent =>\n  event.type === \"swipe\"\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            map(({ event }) => event),\n            filter(isSwipeEvent),\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) => ({ type: \"swipe\" as const, gestureEvent: event })),\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.2\n  const minWidth = 320\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  combineLatest,\n  EMPTY,\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, computedPageTurnMode } =\n        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(\"beforeTapGesture\", {\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              const isZoomedIn =\n                reader.zoom.state.isZooming &&\n                reader.zoom.state.currentScale > 1\n\n              if (computedPageTurnMode === \"scrollable\" || isZoomedIn) {\n                return {\n                  type: \"tap\" as const,\n                  gestureEvent: event,\n                  handled: false,\n                }\n              }\n\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 {\n                  type: \"tap\" as const,\n                  gestureEvent: event,\n                  handled: false,\n                }\n              }\n\n              return {\n                type: \"tap\" as const,\n                gestureEvent: event,\n                handled: true,\n              }\n            }),\n          )\n        }\n      }\n\n      return EMPTY\n    }),\n  )\n\n  return gestures$\n}\n","import { type Reader, SettingsManager } from \"@prose-reader/core\"\nimport { takeUntil, tap } from \"rxjs\"\nimport type { InputSettings, OutputSettings } from \"./types\"\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      zoomMaxScale: Infinity,\n      ignore: [],\n    }\n  }\n}\n","[data-prose-reader-container=\"${id}\"] * {\n  /* Make sure that touche actions are correctly dispatched no matter where the user interact */\n  touch-action: inherit;\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 { name as packageName } from \"../package.json\"\nimport { registerPan } from \"./gestures/pan\"\nimport { registerPinch } from \"./gestures/pinch\"\nimport { registerSwipe } from \"./gestures/swipe\"\nimport { registerTaps } from \"./gestures/taps/registerTaps\"\nimport { GesturesSettingsManager } from \"./SettingsManager\"\nimport styles from \"./style.css?inline\"\nimport type { EnhancerAPI, Hook, InputSettings } from \"./types\"\n\nexport { isPositionInArea } from \"./gestures/taps/utils\"\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 removeStylesheet = reader.utils.injectScopedCSS(\n      document,\n      packageName,\n      styles,\n    )\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         * Ideally we want pinch to triggers before pan so we can\n         * capture zoom before starting panning.\n         */\n        posThreshold: 10,\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: 20,\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      ],\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 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$, gestures$)\n      .pipe(takeUntil(reader.$.destroy$))\n      .subscribe()\n\n    return {\n      ...reader,\n      destroy: () => {\n        removeStylesheet()\n        reader.destroy()\n        settingsManager.destroy()\n      },\n      gestures: {\n        settings: settingsManager,\n        gestures$,\n        hooks: hookManager,\n      },\n    }\n  }\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prose-reader/enhancer-gestures",
-  "version": "1.320.0",
+  "version": "1.322.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -13,7 +13,7 @@
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "require": "./dist/index.umd.cjs"
+      "require": "./dist/index.cjs"
     }
   },
   "files": [
@@ -25,7 +25,7 @@
     "test": "vitest run --coverage"
   },
   "dependencies": {
-    "@prose-reader/core": "^1.320.0"
+    "@prose-reader/core": "^1.322.0"
   },
   "devDependencies": {
     "gesturx": "*",
@@ -35,5 +35,5 @@
     "gesturx": "1.x",
     "rxjs": "7.x"
   },
-  "gitHead": "dc464fdb493dbe767dc2012462ea4a74b45872a7"
+  "gitHead": "feb6bfbbae662045d9e4e10e45dfc129040e86ad"
 }

package/dist/index.umd.cjs

@@ -1,404 +0,0 @@
-(function(global, factory) {
-	typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@prose-reader/core"), require("gesturx"), require("rxjs")) : typeof define === "function" && define.amd ? define([
-		"exports",
-		"@prose-reader/core",
-		"gesturx",
-		"rxjs"
-	], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["prose-reader-enhancer-gestures"] = {}, global._prose_reader_core, global.gesturx, global.rxjs));
-})(this, function(exports, _prose_reader_core, gesturx, rxjs) {
-	Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-	//#region package.json
-	var name = "@prose-reader/enhancer-gestures";
-	//#endregion
-	//#region src/gestures/pan.ts
-	var registerPan = ({ reader, recognizer, settingsManager }) => {
-		return settingsManager.values$.pipe((0, rxjs.switchMap)(({ panNavigation }) => {
-			const panStart$ = recognizer.events$.pipe((0, rxjs.filter)((event) => event.type === `panStart`));
-			const panMove$ = recognizer.events$.pipe((0, rxjs.filter)((event) => event.type === `panMove`));
-			const panEnd$ = recognizer.events$.pipe((0, rxjs.filter)((event) => event.type === `panEnd`));
-			return panStart$.pipe((0, rxjs.switchMap)((panStartEvent) => {
-				/**
-				* We use the last cumulative delta to derive the new event atomic delta.
-				* This is because panning the zoom does not necessarily means the zoom position
-				* will always changes. If the user keep dragging while the zoom is blocked, we want
-				* it to move the other direction when he start dragging the other way.
-				* We cannot use the `reader.zoom.state.currentPosition` as previous position
-				* and the event.deltaX to compute the new zoom position.
-				*/
-				let lastDelta = {
-					x: 0,
-					y: 0
-				};
-				const moveAndEnd$ = (0, rxjs.merge)(panMove$, panEnd$).pipe((0, rxjs.tap)((event) => {
-					const isZooming = reader.zoom.state.isZooming;
-					const isZoomingIn = reader.zoom.state.currentScale > 1;
-					/**
-					* When user is zooming in, we don't navigate anymore.
-					* We still allow the pan gesture to move the zoomed controlled
-					* viewport even when pan navigation itself is disabled.
-					*/
-					if (isZooming && isZoomingIn) {
-						const deltaX = event.deltaX - lastDelta.x;
-						const deltaY = event.deltaY - lastDelta.y;
-						lastDelta = {
-							x: event.deltaX,
-							y: event.deltaY
-						};
-						reader.zoom.move({
-							x: reader.zoom.state.currentPosition.x + deltaX,
-							y: reader.zoom.state.currentPosition.y + deltaY
-						}, { constrain: "within-viewport" });
-						return;
-					}
-					if (panNavigation !== "pan") return;
-					if (event.type === `panMove`) {
-						if (!reader.navigation.panNavigator.value.isStarted) {
-							reader.navigation.panNavigator.start({
-								x: event.deltaX,
-								y: event.deltaY
-							});
-							return;
-						}
-						reader.navigation.panNavigator.panMoveTo({
-							x: event.deltaX,
-							y: event.deltaY
-						});
-						return;
-					}
-					if (event.type === `panEnd` && reader.navigation.panNavigator.value.isStarted) reader.navigation.panNavigator.stop({
-						x: event.deltaX,
-						y: event.deltaY
-					});
-				}));
-				return (0, rxjs.merge)((0, rxjs.of)(panStartEvent), moveAndEnd$).pipe((0, rxjs.map)((event) => ({
-					type: "pan",
-					gestureEvent: event
-				})));
-			}));
-		}));
-	};
-	//#endregion
-	//#region src/gestures/pinch.ts
-	var isHtmlImageElement = (target) => (0, _prose_reader_core.isHtmlElement)(target) && !!target.ownerDocument.defaultView && target instanceof target.ownerDocument.defaultView.HTMLImageElement;
-	var registerPinch = ({ reader, recognizable, settingsManager }) => {
-		const pinchStart$ = recognizable.events$.pipe((0, rxjs.map)(({ event }) => event), (0, rxjs.filter)((event) => event.type === "pinchStart"));
-		const pinchMove$ = recognizable.events$.pipe((0, rxjs.map)(({ event }) => event), (0, rxjs.filter)((event) => event.type === "pinchMove"));
-		const pinchEnd$ = recognizable.events$.pipe((0, rxjs.map)(({ event }) => event), (0, rxjs.filter)((event) => event.type === "pinchEnd"));
-		const shouldStartZoom = (target) => isHtmlImageElement(target) && !reader.zoom.state.isZooming;
-		return settingsManager.values$.pipe((0, rxjs.switchMap)(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {
-			return (0, rxjs.merge)(pinchStart$.pipe((0, rxjs.switchMap)(() => {
-				const startScale = reader.zoom.state.currentScale;
-				return pinchMove$.pipe((0, rxjs.withLatestFrom)(reader.viewportState$), (0, rxjs.map)(([event, viewportState]) => {
-					const newScale = startScale * event.scale;
-					/**
-					* @important
-					* We don't want to trigger zoom gestures if there is a pan navigation
-					* in progress. This can happens if the user start panning and then adds
-					* another finger triggering a pinch.
-					*/
-					if (viewportState === "busy") return event;
-					if (!reader.zoom.state.isZooming && event.scale > 1) {
-						reader.zoom.enter({
-							animate: false,
-							scale: newScale
-						});
-						return event;
-					}
-					if (reader.zoom.state.isZooming) {
-						if (newScale < 1) reader.zoom.exit();
-						else reader.zoom.scaleAt(Math.min(newScale, settingsManager.values.zoomMaxScale), { constrain: "within-viewport" });
-						return event;
-					}
-					return event;
-				}));
-			})), !fontScalePinchEnabled ? rxjs.EMPTY : pinchStart$.pipe((0, rxjs.withLatestFrom)(reader.viewportState$), (0, rxjs.switchMap)(([pinchStartEvent, viewportState]) => {
-				if (viewportState === "busy" || shouldStartZoom(pinchStartEvent.event.target) || reader.zoom.state.isZooming) return rxjs.EMPTY;
-				const lastFontScaleOnPinchStart = reader.settings.values.fontScale;
-				return pinchMove$.pipe((0, rxjs.throttleTime)(fontScalePinchThrottleTime, rxjs.animationFrameScheduler, { trailing: true }), (0, rxjs.tap)((event) => {
-					const newScale = Number.parseFloat((lastFontScaleOnPinchStart + (event.scale - 1)).toFixed(2));
-					const newMinMaxedFontScale = Math.max(Math.min(newScale, settingsManager.values.fontScaleMaxScale), settingsManager.values.fontScaleMinScale);
-					reader.settings.update({ fontScale: newMinMaxedFontScale });
-				}), (0, rxjs.takeUntil)(pinchEnd$));
-			}))).pipe((0, rxjs.map)((event) => ({
-				type: "pinch",
-				gestureEvent: event
-			})));
-		}));
-	};
-	//#endregion
-	//#region src/gestures/swipe.ts
-	var isSwipeEvent = (event) => event.type === "swipe";
-	var registerSwipe = ({ reader, recognizable, settingsManager }) => {
-		return settingsManager.values$.pipe((0, rxjs.switchMap)(({ panNavigation }) => panNavigation !== "swipe" ? rxjs.EMPTY : recognizable.events$.pipe((0, rxjs.map)(({ event }) => event), (0, rxjs.filter)(isSwipeEvent), (0, rxjs.tap)((event) => {
-			const { computedPageTurnDirection } = reader.settings.values;
-			if (computedPageTurnDirection === "vertical") {
-				if (event.velocityY < -.5) reader?.navigation.turnRight();
-				if (event.velocityY > .5) reader?.navigation.turnLeft();
-			} else {
-				if (event.velocityX < -.5) reader?.navigation.turnRight();
-				if (event.velocityX > .5) reader?.navigation.turnLeft();
-			}
-		}), (0, rxjs.map)((event) => ({
-			type: "swipe",
-			gestureEvent: event
-		})))));
-	};
-	//#endregion
-	//#region src/utils.ts
-	var isNotLink = (event) => {
-		const target = event.event.target;
-		if ((0, _prose_reader_core.isHtmlElement)(target) && target.tagName === "a") return false;
-		return true;
-	};
-	var getPositionRelativeToContainer = (event, containerElementRect) => {
-		const { x, y } = event;
-		const { left, top } = containerElementRect;
-		return {
-			x: x - left,
-			y: y - top
-		};
-	};
-	var istMatchingSelectors = (selectors, event) => {
-		const target = event.event.target;
-		if (!(0, _prose_reader_core.isHtmlElement)(target)) return false;
-		return !!selectors.find((selector) => {
-			if (target.matches(selector)) return true;
-			if (target.closest(selector)) return true;
-			return false;
-		});
-	};
-	//#endregion
-	//#region src/gestures/taps/utils.ts
-	var 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;
-		}
-	};
-	var calculatePageTurnLinearMargin = (screenWidth) => {
-		const minMargin = .15;
-		const maxMargin = .2;
-		const minWidth = 320;
-		const maxWidth = 1200;
-		if (screenWidth <= minWidth) return maxMargin;
-		if (screenWidth >= maxWidth) return minMargin;
-		return maxMargin - (screenWidth - minWidth) / (maxWidth - minWidth) * (maxMargin - minMargin);
-	};
-	//#endregion
-	//#region src/gestures/taps/registerTaps.ts
-	var registerTaps = ({ reader, recognizable, hookManager, settingsManager, recognizer }) => {
-		return recognizable.events$.pipe((0, rxjs.filter)((event) => event.recognizer === recognizer), (0, rxjs.withLatestFrom)(reader.context.watch(`rootElement`), reader.spine.element$), (0, rxjs.switchMap)(([{ event }, containerElement, spineElement]) => {
-			if (!containerElement || !spineElement) return rxjs.EMPTY;
-			const normalizedEvent = event.event;
-			const { computedPageTurnDirection, computedPageTurnMode } = reader.settings.values;
-			if (event.type === "tap" && isNotLink(event) && !istMatchingSelectors(settingsManager.values.ignore, event)) {
-				if (`x` in 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;
-					return (0, rxjs.combineLatest)([...hookManager.execute("beforeTapGesture", { event$: (0, rxjs.of)({
-						event,
-						page: spineItemPageInfo
-					}) }), (0, rxjs.of)(true)]).pipe((0, rxjs.first)(), (0, rxjs.filter)((results) => !results.some((result) => result === false)), (0, rxjs.map)(() => {
-						const isZoomedIn = reader.zoom.state.isZooming && reader.zoom.state.currentScale > 1;
-						if (computedPageTurnMode === "scrollable" || isZoomedIn) return {
-							type: "tap",
-							gestureEvent: event,
-							handled: false
-						};
-						if (computedPageTurnDirection === "horizontal" && isPositionInArea(positionInContainer, {
-							type: "margins",
-							left: pageTurnMargin
-						}, containerElementRect)) reader.navigation.turnLeftOrTop();
-						else if (computedPageTurnDirection === "vertical" && isPositionInArea(positionInContainer, {
-							type: "margins",
-							top: pageTurnMargin
-						}, containerElementRect)) reader.navigation.turnLeftOrTop();
-						else if (computedPageTurnDirection === "vertical" && isPositionInArea(positionInContainer, {
-							type: "margins",
-							bottom: pageTurnMargin
-						}, containerElementRect)) reader.navigation.turnRightOrBottom();
-						else if (computedPageTurnDirection === "horizontal" && isPositionInArea(positionInContainer, {
-							type: "margins",
-							right: pageTurnMargin
-						}, containerElementRect)) reader.navigation.turnRightOrBottom();
-						else return {
-							type: "tap",
-							gestureEvent: event,
-							handled: false
-						};
-						return {
-							type: "tap",
-							gestureEvent: event,
-							handled: true
-						};
-					}));
-				}
-			}
-			return rxjs.EMPTY;
-		}));
-	};
-	//#endregion
-	//#region src/SettingsManager.ts
-	var GesturesSettingsManager = class extends _prose_reader_core.SettingsManager {
-		reader;
-		constructor(initialSettings, reader) {
-			super(initialSettings);
-			this.reader = reader;
-			/**
-			* Since we have settings that may be locked due to some reader settings
-			* we need to update as soon as they update as well.
-			*/
-			reader.settings.values$.pipe((0, rxjs.tap)(() => {
-				this.update({});
-			}), (0, rxjs.takeUntil)(this.destroy$)).subscribe();
-		}
-		getOutputSettings(inputSettings) {
-			return {
-				...inputSettings,
-				panNavigation: this.reader.settings.values.computedPageTurnMode === `scrollable` ? false : inputSettings.panNavigation
-			};
-		}
-		getDefaultSettings() {
-			return {
-				panNavigation: "pan",
-				pinchCancelPan: true,
-				fontScalePinchEnabled: true,
-				fontScalePinchThrottleTime: 500,
-				fontScaleMaxScale: 5,
-				fontScaleMinScale: .2,
-				zoomMaxScale: Infinity,
-				ignore: []
-			};
-		}
-	};
-	//#endregion
-	//#region src/style.css?inline
-	var style_default = "[data-prose-reader-container=\"${id}\"] * {\n  /* Make sure that touche actions are correctly dispatched no matter where the user interact */\n  touch-action: inherit;\n}\n";
-	//#endregion
-	//#region src/index.ts
-	var gesturesEnhancer = (next) => (options) => {
-		const { gestures = {}, ...rest } = options;
-		const reader = next(rest);
-		const removeStylesheet = reader.utils.injectScopedCSS(document, name, style_default);
-		const settingsManager = new GesturesSettingsManager(gestures, reader);
-		const hookManager = new _prose_reader_core.HookManager();
-		const pinchRecognizer = new gesturx.PinchRecognizer({ options: { 
-		/**
-		* @important
-		* Ideally we want pinch to triggers before pan so we can
-		* capture zoom before starting panning.
-		*/
-posThreshold: 10 } });
-		const failWithSelection = {
-			start$: reader.selection.selectionStart$,
-			end$: reader.selection.selectionEnd$
-		};
-		const panRecognizer = new gesturx.PanRecognizer({
-			failWith: [pinchRecognizer, failWithSelection],
-			options: { posThreshold: 20 }
-		});
-		const tapRecognizer = new gesturx.TapRecognizer({ failWith: [panRecognizer] });
-		const recognizable = new gesturx.Recognizable({
-			recognizers: [
-				tapRecognizer,
-				panRecognizer,
-				new gesturx.SwipeRecognizer({ failWith: [failWithSelection] }),
-				pinchRecognizer
-			],
-			disableTextSelection: false
-		});
-		const tapGestures$ = registerTaps({
-			hookManager,
-			reader,
-			recognizable,
-			settingsManager,
-			recognizer: tapRecognizer
-		});
-		const panGestures$ = registerPan({
-			hookManager,
-			reader,
-			recognizer: panRecognizer,
-			settingsManager
-		});
-		const swipeGestures$ = registerSwipe({
-			hookManager,
-			reader,
-			recognizable,
-			settingsManager
-		});
-		const pinchGestures$ = registerPinch({
-			hookManager,
-			reader,
-			recognizable,
-			settingsManager
-		});
-		const containerUpdate$ = reader.context.watch(`rootElement`).pipe((0, rxjs.tap)((container) => {
-			recognizable.update({ container });
-		}));
-		const watchSettings$ = (0, rxjs.combineLatest)([settingsManager.values$, panRecognizer.config$]).pipe((0, rxjs.tap)(([{ pinchCancelPan }, panRecognizerConfig]) => {
-			const pinchAlreadyInFailWith = panRecognizerConfig.failWith?.includes(pinchRecognizer);
-			if (pinchCancelPan && !pinchAlreadyInFailWith) panRecognizer.update({ failWith: [...panRecognizerConfig.failWith ?? [], pinchRecognizer] });
-			if (!pinchCancelPan && pinchAlreadyInFailWith) panRecognizer.update({ failWith: panRecognizerConfig.failWith?.filter((recognizer) => recognizer !== pinchRecognizer) });
-		}));
-		const gestures$ = (0, rxjs.merge)(pinchGestures$, tapGestures$, swipeGestures$, panGestures$).pipe((0, rxjs.share)());
-		(0, rxjs.merge)(containerUpdate$, watchSettings$, gestures$).pipe((0, rxjs.takeUntil)(reader.$.destroy$)).subscribe();
-		return {
-			...reader,
-			destroy: () => {
-				removeStylesheet();
-				reader.destroy();
-				settingsManager.destroy();
-			},
-			gestures: {
-				settings: settingsManager,
-				gestures$,
-				hooks: hookManager
-			}
-		};
-	};
-	//#endregion
-	exports.gesturesEnhancer = gesturesEnhancer;
-	exports.isPositionInArea = isPositionInArea;
-});
-
-//# sourceMappingURL=index.umd.cjs.map

package/dist/index.umd.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.umd.cjs","names":[],"sources":["../package.json","../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/SettingsManager.ts","../src/style.css?inline","../src/index.ts"],"sourcesContent":["{\n  \"name\": \"@prose-reader/enhancer-gestures\",\n  \"version\": \"1.319.0\",\n  \"type\": \"module\",\n  \"main\": \"./dist/index.cjs\",\n  \"module\": \"./dist/index.js\",\n  \"types\": \"./dist/index.d.ts\",\n  \"private\": false,\n  \"publishConfig\": {\n    \"access\": \"public\",\n    \"registry\": \"https://registry.npmjs.org/\"\n  },\n  \"exports\": {\n    \".\": {\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.umd.cjs\"\n    }\n  },\n  \"files\": [\n    \"/dist\"\n  ],\n  \"scripts\": {\n    \"start\": \"vite build --watch --mode development\",\n    \"build\": \"tsc && vite build\",\n    \"test\": \"vitest run --coverage\"\n  },\n  \"dependencies\": {\n    \"@prose-reader/core\": \"^1.319.0\"\n  },\n  \"devDependencies\": {\n    \"gesturx\": \"*\",\n    \"rxjs\": \"*\"\n  },\n  \"peerDependencies\": {\n    \"gesturx\": \"1.x\",\n    \"rxjs\": \"7.x\"\n  },\n  \"gitHead\": \"4601e14dcacf50b2295cb343582a7ef2c7e1eedc\"\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { PanRecognizer } from \"gesturx\"\nimport { filter, map, merge, of, 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      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      const panEnd$ = recognizer.events$.pipe(\n        filter((event) => event.type === `panEnd`),\n      )\n\n      const pan$ = panStart$.pipe(\n        switchMap((panStartEvent) => {\n          /**\n           * We use the last cumulative delta to derive the new event atomic delta.\n           * This is because panning the zoom does not necessarily means the zoom position\n           * will always changes. If the user keep dragging while the zoom is blocked, we want\n           * it to move the other direction when he start dragging the other way.\n           * We cannot use the `reader.zoom.state.currentPosition` as previous position\n           * and the event.deltaX to compute the new zoom position.\n           */\n          let lastDelta = { x: 0, y: 0 }\n\n          const moveAndEnd$ = merge(panMove$, panEnd$).pipe(\n            tap((event) => {\n              const isZooming = reader.zoom.state.isZooming\n              const isZoomingIn = reader.zoom.state.currentScale > 1\n\n              /**\n               * When user is zooming in, we don't navigate anymore.\n               * We still allow the pan gesture to move the zoomed controlled\n               * viewport even when pan navigation itself is disabled.\n               */\n              if (isZooming && isZoomingIn) {\n                const deltaX = event.deltaX - lastDelta.x\n                const deltaY = event.deltaY - lastDelta.y\n\n                lastDelta = {\n                  x: event.deltaX,\n                  y: event.deltaY,\n                }\n\n                reader.zoom.move(\n                  {\n                    x: reader.zoom.state.currentPosition.x + deltaX,\n                    y: reader.zoom.state.currentPosition.y + deltaY,\n                  },\n                  {\n                    constrain: \"within-viewport\",\n                  },\n                )\n\n                return\n              }\n\n              if (panNavigation !== \"pan\") return\n\n              if (event.type === `panMove`) {\n                if (!reader.navigation.panNavigator.value.isStarted) {\n                  reader.navigation.panNavigator.start({\n                    x: event.deltaX,\n                    y: event.deltaY,\n                  })\n\n                  return\n                }\n\n                reader.navigation.panNavigator.panMoveTo({\n                  x: event.deltaX,\n                  y: event.deltaY,\n                })\n\n                return\n              }\n\n              if (\n                event.type === `panEnd` &&\n                reader.navigation.panNavigator.value.isStarted\n              ) {\n                reader.navigation.panNavigator.stop({\n                  x: event.deltaX,\n                  y: event.deltaY,\n                })\n              }\n            }),\n          )\n\n          return merge(of(panStartEvent), moveAndEnd$).pipe(\n            map((event) => ({\n              type: \"pan\" as const,\n              gestureEvent: event,\n            })),\n          )\n        }),\n      )\n\n      return pan$\n    }),\n  )\n\n  return gestures$\n}\n","import {\n  type HookManager,\n  isHtmlElement,\n  type Reader,\n} from \"@prose-reader/core\"\nimport type { PinchEvent } from \"gesturx\"\nimport {\n  animationFrameScheduler,\n  EMPTY,\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.state.isZooming\n\n  return settingsManager.values$.pipe(\n    switchMap(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {\n      const zoomGestures$ = pinchStart$.pipe(\n        switchMap(() => {\n          const startScale = reader.zoom.state.currentScale\n\n          return pinchMove$.pipe(\n            withLatestFrom(reader.viewportState$),\n            map(([event, viewportState]) => {\n              // symmetric scaling calculation\n              const newScale = startScale * event.scale\n\n              /**\n               * @important\n               * We don't want to trigger zoom gestures if there is a pan navigation\n               * in progress. This can happens if the user start panning and then adds\n               * another finger triggering a pinch.\n               */\n              if (viewportState === \"busy\") {\n                return event\n              }\n\n              if (!reader.zoom.state.isZooming && event.scale > 1) {\n                reader.zoom.enter({ animate: false, scale: newScale })\n\n                return event\n              }\n\n              if (reader.zoom.state.isZooming) {\n                if (newScale < 1) {\n                  reader.zoom.exit()\n                } else {\n                  reader.zoom.scaleAt(\n                    Math.min(newScale, settingsManager.values.zoomMaxScale),\n                    {\n                      constrain: \"within-viewport\",\n                    },\n                  )\n                }\n\n                return event\n              }\n\n              return event\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.state.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) => ({\n          type: \"pinch\" as const,\n          gestureEvent: event,\n        })),\n      )\n    }),\n  )\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { SwipeEvent } from \"gesturx\"\nimport { EMPTY, filter, map, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureEvent, GestureRecognizable, Hook } from \"../types\"\n\nconst isSwipeEvent = (event: GestureEvent[\"event\"]): event is SwipeEvent =>\n  event.type === \"swipe\"\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            map(({ event }) => event),\n            filter(isSwipeEvent),\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) => ({ type: \"swipe\" as const, gestureEvent: event })),\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.2\n  const minWidth = 320\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  combineLatest,\n  EMPTY,\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, computedPageTurnMode } =\n        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(\"beforeTapGesture\", {\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              const isZoomedIn =\n                reader.zoom.state.isZooming &&\n                reader.zoom.state.currentScale > 1\n\n              if (computedPageTurnMode === \"scrollable\" || isZoomedIn) {\n                return {\n                  type: \"tap\" as const,\n                  gestureEvent: event,\n                  handled: false,\n                }\n              }\n\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 {\n                  type: \"tap\" as const,\n                  gestureEvent: event,\n                  handled: false,\n                }\n              }\n\n              return {\n                type: \"tap\" as const,\n                gestureEvent: event,\n                handled: true,\n              }\n            }),\n          )\n        }\n      }\n\n      return EMPTY\n    }),\n  )\n\n  return gestures$\n}\n","import { type Reader, SettingsManager } from \"@prose-reader/core\"\nimport { takeUntil, tap } from \"rxjs\"\nimport type { InputSettings, OutputSettings } from \"./types\"\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      zoomMaxScale: Infinity,\n      ignore: [],\n    }\n  }\n}\n","[data-prose-reader-container=\"${id}\"] * {\n  /* Make sure that touche actions are correctly dispatched no matter where the user interact */\n  touch-action: inherit;\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 { name as packageName } from \"../package.json\"\nimport { registerPan } from \"./gestures/pan\"\nimport { registerPinch } from \"./gestures/pinch\"\nimport { registerSwipe } from \"./gestures/swipe\"\nimport { registerTaps } from \"./gestures/taps/registerTaps\"\nimport { GesturesSettingsManager } from \"./SettingsManager\"\nimport styles from \"./style.css?inline\"\nimport type { EnhancerAPI, Hook, InputSettings } from \"./types\"\n\nexport { isPositionInArea } from \"./gestures/taps/utils\"\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 removeStylesheet = reader.utils.injectScopedCSS(\n      document,\n      packageName,\n      styles,\n    )\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         * Ideally we want pinch to triggers before pan so we can\n         * capture zoom before starting panning.\n         */\n        posThreshold: 10,\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: 20,\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      ],\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 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$, gestures$)\n      .pipe(takeUntil(reader.$.destroy$))\n      .subscribe()\n\n    return {\n      ...reader,\n      destroy: () => {\n        removeStylesheet()\n        reader.destroy()\n        settingsManager.destroy()\n      },\n      gestures: {\n        settings: settingsManager,\n        gestures$,\n        hooks: hookManager,\n      },\n    }\n  }\n"],"mappings":"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"}