@embedpdf/plugin-interaction-manager 1.0.11 → 1.0.13

package/dist/react/index.js

@@ -1,16 +1,10 @@
-import {
-  createPointerProvider
-} from "../chunk-Z7V2G6MS.js";
-
-// src/react/hooks/use-interaction-manager.ts
-import { useCapability, usePlugin } from "@embedpdf/core/react";
-import {
-  initialState,
-  InteractionManagerPlugin
-} from "@embedpdf/plugin-interaction-manager";
-import { useState, useEffect } from "react";
-var useInteractionManagerPlugin = () => usePlugin(InteractionManagerPlugin.id);
-var useInteractionManagerCapability = () => useCapability(InteractionManagerPlugin.id);
+import { usePlugin, useCapability } from "@embedpdf/core/react";
+import { InteractionManagerPlugin, initialState } from "@embedpdf/plugin-interaction-manager";
+import { useState, useEffect, useRef, useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { restorePosition } from "@embedpdf/models";
+const useInteractionManagerPlugin = () => usePlugin(InteractionManagerPlugin.id);
+const useInteractionManagerCapability = () => useCapability(InteractionManagerPlugin.id);
 function useInteractionManager() {
   const { provides } = useInteractionManagerCapability();
   const [state, setState] = useState(initialState);
@@ -29,10 +23,10 @@ function useCursor() {
   const { provides } = useInteractionManagerCapability();
   return {
     setCursor: (token, cursor, prio = 0) => {
-      provides?.setCursor(token, cursor, prio);
+      provides == null ? void 0 : provides.setCursor(token, cursor, prio);
     },
     removeCursor: (token) => {
-      provides?.removeCursor(token);
+      provides == null ? void 0 : provides.removeCursor(token);
     }
   };
 }
@@ -40,13 +34,13 @@ function usePointerHandlers({ modeId, pageIndex }) {
   const { provides } = useInteractionManagerCapability();
   return {
     register: (handlers, options) => {
-      const finalModeId = options?.modeId ?? modeId;
-      const finalPageIndex = options?.pageIndex ?? pageIndex;
-      return finalModeId ? provides?.registerHandlers({
+      const finalModeId = (options == null ? void 0 : options.modeId) ?? modeId;
+      const finalPageIndex = (options == null ? void 0 : options.pageIndex) ?? pageIndex;
+      return finalModeId ? provides == null ? void 0 : provides.registerHandlers({
         modeId: finalModeId,
         handlers,
         pageIndex: finalPageIndex
-      }) : provides?.registerAlways({
+      }) : provides == null ? void 0 : provides.registerAlways({
         scope: finalPageIndex !== void 0 ? { type: "page", pageIndex: finalPageIndex } : { type: "global" },
         handlers
       });
@@ -56,30 +50,88 @@ function usePointerHandlers({ modeId, pageIndex }) {
 function useIsPageExclusive() {
   const { provides: cap } = useInteractionManagerCapability();
   const [isPageExclusive, setIsPageExclusive] = useState(() => {
-    const m = cap?.getActiveInteractionMode();
-    return m?.scope === "page" && !!m.exclusive;
+    const m = cap == null ? void 0 : cap.getActiveInteractionMode();
+    return (m == null ? void 0 : m.scope) === "page" && !!m.exclusive;
   });
   useEffect(() => {
     if (!cap) return;
     return cap.onModeChange(() => {
       const mode = cap.getActiveInteractionMode();
-      setIsPageExclusive(mode?.scope === "page" && !!mode?.exclusive);
+      setIsPageExclusive((mode == null ? void 0 : mode.scope) === "page" && !!(mode == null ? void 0 : mode.exclusive));
     });
   }, [cap]);
   return isPageExclusive;
 }
-
-// src/react/components/global-pointer-provider.tsx
-import { useEffect as useEffect2, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var GlobalPointerProvider = ({
+function createPointerProvider(cap, scope, element, convertEventToPoint) {
+  let active = cap.getHandlersForScope(scope);
+  const stopMode = cap.onModeChange(() => {
+    if (scope.type === "global") {
+      const mode = cap.getActiveInteractionMode();
+      element.style.cursor = (mode == null ? void 0 : mode.scope) === "global" ? mode.cursor ?? "auto" : "auto";
+    }
+    active = cap.getHandlersForScope(scope);
+  });
+  const stopHandler = cap.onHandlerChange(() => {
+    active = cap.getHandlersForScope(scope);
+  });
+  const modeNow = cap.getActiveInteractionMode();
+  const cursorNow = cap.getCurrentCursor();
+  if (scope.type === "global") {
+    element.style.cursor = (modeNow == null ? void 0 : modeNow.scope) === "global" ? cursorNow : "auto";
+  } else {
+    element.style.cursor = cursorNow;
+  }
+  const stopCursor = cap.onCursorChange((c) => {
+    var _a;
+    if (scope.type === "global") {
+      const isGlobalMode = ((_a = cap.getActiveInteractionMode()) == null ? void 0 : _a.scope) === "global";
+      if (!isGlobalMode) return;
+    }
+    element.style.cursor = c;
+  });
+  const domEvent = {
+    onPointerDown: "pointerdown",
+    onPointerUp: "pointerup",
+    onPointerMove: "pointermove",
+    onPointerEnter: "pointerenter",
+    onPointerLeave: "pointerleave",
+    onPointerCancel: "pointercancel",
+    onClick: "click",
+    onDoubleClick: "dblclick"
+  };
+  const listeners = {};
+  const toPos = (e, host) => {
+    if (convertEventToPoint) return convertEventToPoint(e, host);
+    const r = host.getBoundingClientRect();
+    return { x: e.clientX - r.left, y: e.clientY - r.top };
+  };
+  Object.keys(domEvent).forEach((k) => {
+    listeners[k] = (evt) => {
+      var _a;
+      if (cap.isPaused()) return;
+      const pe = evt;
+      const currentModeId = cap.getActiveMode();
+      (_a = active == null ? void 0 : active[k]) == null ? void 0 : _a.call(active, toPos(pe, element), pe, currentModeId);
+    };
+    element.addEventListener(domEvent[k], listeners[k]);
+  });
+  return () => {
+    Object.keys(domEvent).forEach(
+      (k) => element.removeEventListener(domEvent[k], listeners[k])
+    );
+    stopMode();
+    stopCursor();
+    stopHandler();
+  };
+}
+const GlobalPointerProvider = ({
   children,
   style,
   ...props
 }) => {
   const ref = useRef(null);
   const { provides: cap } = useInteractionManagerCapability();
-  useEffect2(() => {
+  useEffect(() => {
     if (!cap || !ref.current) return;
     return createPointerProvider(cap, { type: "global" }, ref.current);
   }, [cap]);
@@ -97,12 +149,7 @@ var GlobalPointerProvider = ({
     }
   );
 };
-
-// src/react/components/page-pointer-provider.tsx
-import { useEffect as useEffect3, useRef as useRef2, useCallback } from "react";
-import { restorePosition } from "@embedpdf/models";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var PagePointerProvider = ({
+const PagePointerProvider = ({
   pageIndex,
   children,
   pageWidth,
@@ -113,7 +160,7 @@ var PagePointerProvider = ({
   style,
   ...props
 }) => {
-  const ref = useRef2(null);
+  const ref = useRef(null);
   const { provides: cap } = useInteractionManagerCapability();
   const isPageExclusive = useIsPageExclusive();
   const defaultConvertEventToPoint = useCallback(
@@ -132,7 +179,7 @@ var PagePointerProvider = ({
     },
     [pageWidth, pageHeight, rotation, scale]
   );
-  useEffect3(() => {
+  useEffect(() => {
     if (!cap || !ref.current) return;
     return createPointerProvider(
       cap,
@@ -151,7 +198,7 @@ var PagePointerProvider = ({
       ...props,
       children: [
         children,
-        isPageExclusive && /* @__PURE__ */ jsx2("div", { style: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0, zIndex: 10 } })
+        isPageExclusive && /* @__PURE__ */ jsx("div", { style: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0, zIndex: 10 } })
       ]
     }
   );
@@ -166,4 +213,4 @@ export {
   useIsPageExclusive,
   usePointerHandlers
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/hooks/use-interaction-manager.ts","../../src/react/components/global-pointer-provider.tsx","../../src/react/components/page-pointer-provider.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/react';\nimport {\n  initialState,\n  InteractionManagerPlugin,\n  InteractionManagerState,\n  PointerEventHandlers,\n  PointerEventHandlersWithLifecycle,\n} from '@embedpdf/plugin-interaction-manager';\nimport { useState, useEffect } from 'react';\n\nexport const useInteractionManagerPlugin = () =>\n  usePlugin<InteractionManagerPlugin>(InteractionManagerPlugin.id);\nexport const useInteractionManagerCapability = () =>\n  useCapability<InteractionManagerPlugin>(InteractionManagerPlugin.id);\n\nexport function useInteractionManager() {\n  const { provides } = useInteractionManagerCapability();\n  const [state, setState] = useState<InteractionManagerState>(initialState);\n\n  useEffect(() => {\n    if (!provides) return;\n    return provides.onStateChange((state) => {\n      setState(state);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    state,\n  };\n}\n\nexport function useCursor() {\n  const { provides } = useInteractionManagerCapability();\n  return {\n    setCursor: (token: string, cursor: string, prio = 0) => {\n      provides?.setCursor(token, cursor, prio);\n    },\n    removeCursor: (token: string) => {\n      provides?.removeCursor(token);\n    },\n  };\n}\n\ninterface UsePointerHandlersOptions {\n  modeId?: string | string[];\n  pageIndex?: number;\n}\n\nexport function usePointerHandlers({ modeId, pageIndex }: UsePointerHandlersOptions) {\n  const { provides } = useInteractionManagerCapability();\n  return {\n    register: (\n      handlers: PointerEventHandlersWithLifecycle,\n      options?: { modeId?: string | string[]; pageIndex?: number },\n    ) => {\n      // Use provided options or fall back to hook-level options\n      const finalModeId = options?.modeId ?? modeId;\n      const finalPageIndex = options?.pageIndex ?? pageIndex;\n\n      return finalModeId\n        ? provides?.registerHandlers({\n            modeId: finalModeId,\n            handlers,\n            pageIndex: finalPageIndex,\n          })\n        : provides?.registerAlways({\n            scope:\n              finalPageIndex !== undefined\n                ? { type: 'page', pageIndex: finalPageIndex }\n                : { type: 'global' },\n            handlers,\n          });\n    },\n  };\n}\n\nexport function useIsPageExclusive() {\n  const { provides: cap } = useInteractionManagerCapability();\n\n  const [isPageExclusive, setIsPageExclusive] = useState<boolean>(() => {\n    const m = cap?.getActiveInteractionMode();\n    return m?.scope === 'page' && !!m.exclusive;\n  });\n\n  useEffect(() => {\n    if (!cap) return;\n\n    return cap.onModeChange(() => {\n      const mode = cap.getActiveInteractionMode();\n      setIsPageExclusive(mode?.scope === 'page' && !!mode?.exclusive);\n    });\n  }, [cap]);\n\n  return isPageExclusive;\n}\n","import { ReactNode, useEffect, useRef } from 'react';\nimport { createPointerProvider } from '../../shared/utils';\n\nimport { useInteractionManagerCapability } from '../hooks';\n\ninterface GlobalPointerProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  style?: React.CSSProperties;\n}\n\nexport const GlobalPointerProvider = ({\n  children,\n  style,\n  ...props\n}: GlobalPointerProviderProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { provides: cap } = useInteractionManagerCapability();\n\n  useEffect(() => {\n    if (!cap || !ref.current) return;\n\n    return createPointerProvider(cap, { type: 'global' }, ref.current);\n  }, [cap]);\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        width: '100%',\n        height: '100%',\n        ...style,\n      }}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n","import { ReactNode, useEffect, useRef, useCallback } from 'react';\nimport { Position, restorePosition } from '@embedpdf/models';\nimport { createPointerProvider } from '../../shared/utils';\n\nimport { useInteractionManagerCapability, useIsPageExclusive } from '../hooks';\n\ninterface PagePointerProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  pageIndex: number;\n  pageWidth: number;\n  pageHeight: number;\n  rotation: number;\n  scale: number;\n  style?: React.CSSProperties;\n  convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;\n}\n\nexport const PagePointerProvider = ({\n  pageIndex,\n  children,\n  pageWidth,\n  pageHeight,\n  rotation,\n  scale,\n  convertEventToPoint,\n  style,\n  ...props\n}: PagePointerProviderProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { provides: cap } = useInteractionManagerCapability();\n  const isPageExclusive = useIsPageExclusive();\n\n  // Memoize the default conversion function\n  const defaultConvertEventToPoint = useCallback(\n    (event: PointerEvent, element: HTMLElement): Position => {\n      const rect = element.getBoundingClientRect();\n      const displayPoint = {\n        x: event.clientX - rect.left,\n        y: event.clientY - rect.top,\n      };\n      return restorePosition(\n        { width: pageWidth, height: pageHeight },\n        displayPoint,\n        rotation,\n        scale,\n      );\n    },\n    [pageWidth, pageHeight, rotation, scale],\n  );\n\n  useEffect(() => {\n    if (!cap || !ref.current) return;\n\n    return createPointerProvider(\n      cap,\n      { type: 'page', pageIndex },\n      ref.current,\n      convertEventToPoint || defaultConvertEventToPoint,\n    );\n  }, [cap, pageIndex, convertEventToPoint, defaultConvertEventToPoint]);\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        ...style,\n      }}\n      {...props}\n    >\n      {children}\n      {isPageExclusive && (\n        <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, zIndex: 10 }} />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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","names":["state","useEffect","useEffect","useEffect","useRef","jsx","useRef","useEffect"]}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-interaction-manager.ts","../../src/shared/utils.ts","../../src/shared/components/global-pointer-provider.tsx","../../src/shared/components/page-pointer-provider.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport {\n  initialState,\n  InteractionManagerPlugin,\n  InteractionManagerState,\n  PointerEventHandlers,\n  PointerEventHandlersWithLifecycle,\n} from '@embedpdf/plugin-interaction-manager';\nimport { useState, useEffect } from '@framework';\n\nexport const useInteractionManagerPlugin = () =>\n  usePlugin<InteractionManagerPlugin>(InteractionManagerPlugin.id);\nexport const useInteractionManagerCapability = () =>\n  useCapability<InteractionManagerPlugin>(InteractionManagerPlugin.id);\n\nexport function useInteractionManager() {\n  const { provides } = useInteractionManagerCapability();\n  const [state, setState] = useState<InteractionManagerState>(initialState);\n\n  useEffect(() => {\n    if (!provides) return;\n    return provides.onStateChange((state) => {\n      setState(state);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    state,\n  };\n}\n\nexport function useCursor() {\n  const { provides } = useInteractionManagerCapability();\n  return {\n    setCursor: (token: string, cursor: string, prio = 0) => {\n      provides?.setCursor(token, cursor, prio);\n    },\n    removeCursor: (token: string) => {\n      provides?.removeCursor(token);\n    },\n  };\n}\n\ninterface UsePointerHandlersOptions {\n  modeId?: string | string[];\n  pageIndex?: number;\n}\n\nexport function usePointerHandlers({ modeId, pageIndex }: UsePointerHandlersOptions) {\n  const { provides } = useInteractionManagerCapability();\n  return {\n    register: (\n      handlers: PointerEventHandlersWithLifecycle,\n      options?: { modeId?: string | string[]; pageIndex?: number },\n    ) => {\n      // Use provided options or fall back to hook-level options\n      const finalModeId = options?.modeId ?? modeId;\n      const finalPageIndex = options?.pageIndex ?? pageIndex;\n\n      return finalModeId\n        ? provides?.registerHandlers({\n            modeId: finalModeId,\n            handlers,\n            pageIndex: finalPageIndex,\n          })\n        : provides?.registerAlways({\n            scope:\n              finalPageIndex !== undefined\n                ? { type: 'page', pageIndex: finalPageIndex }\n                : { type: 'global' },\n            handlers,\n          });\n    },\n  };\n}\n\nexport function useIsPageExclusive() {\n  const { provides: cap } = useInteractionManagerCapability();\n\n  const [isPageExclusive, setIsPageExclusive] = useState<boolean>(() => {\n    const m = cap?.getActiveInteractionMode();\n    return m?.scope === 'page' && !!m.exclusive;\n  });\n\n  useEffect(() => {\n    if (!cap) return;\n\n    return cap.onModeChange(() => {\n      const mode = cap.getActiveInteractionMode();\n      setIsPageExclusive(mode?.scope === 'page' && !!mode?.exclusive);\n    });\n  }, [cap]);\n\n  return isPageExclusive;\n}\n","import { Position } from '@embedpdf/models';\nimport type {\n  InteractionManagerCapability,\n  InteractionScope,\n  PointerEventHandlers,\n} from '@embedpdf/plugin-interaction-manager';\n\n/**\n * Hook one DOM element into the interaction-manager.\n *  – keeps handlers & cursor in-sync with the current mode\n *  – returns a teardown fn for React/Preact effects\n */\nexport function createPointerProvider(\n  cap: InteractionManagerCapability,\n  scope: InteractionScope,\n  element: HTMLElement,\n  convertEventToPoint?: (evt: PointerEvent, host: HTMLElement) => Position,\n) {\n  /* ------------------------------------------------------------------ */\n  /* active handler set – hot-swapped on every mode change              */\n  /* ------------------------------------------------------------------ */\n  let active: PointerEventHandlers | null = cap.getHandlersForScope(scope);\n\n  const stopMode = cap.onModeChange(() => {\n    if (scope.type === 'global') {\n      const mode = cap.getActiveInteractionMode();\n      element.style.cursor = mode?.scope === 'global' ? (mode.cursor ?? 'auto') : 'auto';\n    }\n    active = cap.getHandlersForScope(scope);\n  });\n\n  const stopHandler = cap.onHandlerChange(() => {\n    active = cap.getHandlersForScope(scope);\n  });\n\n  /* ------------------------------------------------------------------ */\n  /* cursor                                                             */\n  /* ------------------------------------------------------------------ */\n  const modeNow = cap.getActiveInteractionMode();\n  const cursorNow = cap.getCurrentCursor();\n\n  /** initial cursor -------------------------------------------------- */\n  if (scope.type === 'global') {\n    // global wrapper only shows the cursor while a *global* mode is active\n    element.style.cursor = modeNow?.scope === 'global' ? cursorNow : 'auto';\n  } else {\n    // page wrappers always mirror the latest cursor\n    element.style.cursor = cursorNow;\n  }\n\n  const stopCursor = cap.onCursorChange((c) => {\n    /**  ❖  Propagation rule\n     *      ─────────────────\n     *   • global provider updates its cursor *only* while the active\n     *     mode itself is ‘global’.\n     *   • page providers always sync (so they show the cursor during\n     *     a global mode as well). */\n    if (scope.type === 'global') {\n      const isGlobalMode = cap.getActiveInteractionMode()?.scope === 'global';\n      if (!isGlobalMode) return; // active mode is page-scoped → ignore\n    }\n    element.style.cursor = c;\n  });\n\n  /* ------------------------------------------------------------------ */\n  /* event wiring                                                       */\n  /* ------------------------------------------------------------------ */\n  type K = keyof PointerEventHandlers;\n  const domEvent: Record<K, keyof HTMLElementEventMap> = {\n    onPointerDown: 'pointerdown',\n    onPointerUp: 'pointerup',\n    onPointerMove: 'pointermove',\n    onPointerEnter: 'pointerenter',\n    onPointerLeave: 'pointerleave',\n    onPointerCancel: 'pointercancel',\n    onClick: 'click',\n    onDoubleClick: 'dblclick',\n  };\n\n  /* one stable EventListener per key -> needed for removeEventListener */\n  const listeners: Partial<Record<K, EventListener>> = {};\n\n  const toPos = (e: PointerEvent, host: HTMLElement): Position => {\n    if (convertEventToPoint) return convertEventToPoint(e, host);\n    const r = host.getBoundingClientRect();\n    return { x: e.clientX - r.left, y: e.clientY - r.top };\n  };\n\n  (Object.keys(domEvent) as K[]).forEach((k) => {\n    listeners[k] = (evt: Event) => {\n      if (cap.isPaused()) return;\n\n      const pe = evt as PointerEvent; // safe – we only attach to pointer*\n      const currentModeId = cap.getActiveMode();\n      active?.[k]?.(toPos(pe, element), pe, currentModeId);\n      /* if you need to stop default behaviour when no handler is active:\n       * if (!active?.[k]) pe.preventDefault(); */\n    };\n    element.addEventListener(domEvent[k], listeners[k]!);\n  });\n\n  /* ------------------------------------------------------------------ */\n  /* teardown                                                           */\n  /* ------------------------------------------------------------------ */\n  return () => {\n    (Object.keys(domEvent) as K[]).forEach((k) =>\n      element.removeEventListener(domEvent[k], listeners[k]!),\n    );\n    stopMode();\n    stopCursor();\n    stopHandler();\n  };\n}\n","import { ReactNode, useEffect, useRef, HTMLAttributes, CSSProperties } from '@framework';\nimport { createPointerProvider } from '../utils';\n\nimport { useInteractionManagerCapability } from '../hooks';\n\ninterface GlobalPointerProviderProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  style?: CSSProperties;\n}\n\nexport const GlobalPointerProvider = ({\n  children,\n  style,\n  ...props\n}: GlobalPointerProviderProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { provides: cap } = useInteractionManagerCapability();\n\n  useEffect(() => {\n    if (!cap || !ref.current) return;\n\n    return createPointerProvider(cap, { type: 'global' }, ref.current);\n  }, [cap]);\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        width: '100%',\n        height: '100%',\n        ...style,\n      }}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n","import {\n  ReactNode,\n  useEffect,\n  useRef,\n  useCallback,\n  HTMLAttributes,\n  CSSProperties,\n} from '@framework';\nimport { Position, restorePosition } from '@embedpdf/models';\nimport { createPointerProvider } from '../utils';\n\nimport { useInteractionManagerCapability, useIsPageExclusive } from '../hooks';\n\ninterface PagePointerProviderProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  pageIndex: number;\n  pageWidth: number;\n  pageHeight: number;\n  rotation: number;\n  scale: number;\n  style?: CSSProperties;\n  convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;\n}\n\nexport const PagePointerProvider = ({\n  pageIndex,\n  children,\n  pageWidth,\n  pageHeight,\n  rotation,\n  scale,\n  convertEventToPoint,\n  style,\n  ...props\n}: PagePointerProviderProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { provides: cap } = useInteractionManagerCapability();\n  const isPageExclusive = useIsPageExclusive();\n\n  // Memoize the default conversion function\n  const defaultConvertEventToPoint = useCallback(\n    (event: PointerEvent, element: HTMLElement): Position => {\n      const rect = element.getBoundingClientRect();\n      const displayPoint = {\n        x: event.clientX - rect.left,\n        y: event.clientY - rect.top,\n      };\n      return restorePosition(\n        { width: pageWidth, height: pageHeight },\n        displayPoint,\n        rotation,\n        scale,\n      );\n    },\n    [pageWidth, pageHeight, rotation, scale],\n  );\n\n  useEffect(() => {\n    if (!cap || !ref.current) return;\n\n    return createPointerProvider(\n      cap,\n      { type: 'page', pageIndex },\n      ref.current,\n      convertEventToPoint || defaultConvertEventToPoint,\n    );\n  }, [cap, pageIndex, convertEventToPoint, defaultConvertEventToPoint]);\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        ...style,\n      }}\n      {...props}\n    >\n      {children}\n      {isPageExclusive && (\n        <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, zIndex: 10 }} />\n      )}\n    </div>\n  );\n};\n"],"names":["state"],"mappings":"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"}

package/dist/shared-preact/components/global-pointer-provider.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode, HTMLAttributes, CSSProperties } from '../../preact/adapter.ts';
+interface GlobalPointerProviderProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    style?: CSSProperties;
+}
+export declare const GlobalPointerProvider: ({ children, style, ...props }: GlobalPointerProviderProps) => import("preact").JSX.Element;
+export {};

package/dist/shared-preact/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './global-pointer-provider';
+export * from './page-pointer-provider';

package/dist/shared-preact/components/page-pointer-provider.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, HTMLAttributes, CSSProperties } from '../../preact/adapter.ts';
+import { Position } from '@embedpdf/models';
+interface PagePointerProviderProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    pageIndex: number;
+    pageWidth: number;
+    pageHeight: number;
+    rotation: number;
+    scale: number;
+    style?: CSSProperties;
+    convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;
+}
+export declare const PagePointerProvider: ({ pageIndex, children, pageWidth, pageHeight, rotation, scale, convertEventToPoint, style, ...props }: PagePointerProviderProps) => import("preact").JSX.Element;
+export {};

package/dist/shared-preact/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-interaction-manager';

package/dist/shared-preact/hooks/use-interaction-manager.d.ts

@@ -0,0 +1,31 @@
+import { InteractionManagerPlugin, InteractionManagerState, PointerEventHandlersWithLifecycle } from '../../lib/index.ts';
+export declare const useInteractionManagerPlugin: () => {
+    plugin: InteractionManagerPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const useInteractionManagerCapability: () => {
+    provides: Readonly<import('../../lib/index.ts').InteractionManagerCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare function useInteractionManager(): {
+    provides: Readonly<import('../../lib/index.ts').InteractionManagerCapability> | null;
+    state: InteractionManagerState;
+};
+export declare function useCursor(): {
+    setCursor: (token: string, cursor: string, prio?: number) => void;
+    removeCursor: (token: string) => void;
+};
+interface UsePointerHandlersOptions {
+    modeId?: string | string[];
+    pageIndex?: number;
+}
+export declare function usePointerHandlers({ modeId, pageIndex }: UsePointerHandlersOptions): {
+    register: (handlers: PointerEventHandlersWithLifecycle, options?: {
+        modeId?: string | string[];
+        pageIndex?: number;
+    }) => (() => void) | undefined;
+};
+export declare function useIsPageExclusive(): boolean;
+export {};

package/dist/shared-preact/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks';
+export * from './components';

package/dist/shared-preact/utils.d.ts

@@ -0,0 +1,8 @@
+import { Position } from '@embedpdf/models';
+import { InteractionManagerCapability, InteractionScope } from '../lib/index.ts';
+/**
+ * Hook one DOM element into the interaction-manager.
+ *  – keeps handlers & cursor in-sync with the current mode
+ *  – returns a teardown fn for React/Preact effects
+ */
+export declare function createPointerProvider(cap: InteractionManagerCapability, scope: InteractionScope, element: HTMLElement, convertEventToPoint?: (evt: PointerEvent, host: HTMLElement) => Position): () => void;

package/dist/shared-react/components/global-pointer-provider.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode, HTMLAttributes, CSSProperties } from '../../react/adapter.ts';
+interface GlobalPointerProviderProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    style?: CSSProperties;
+}
+export declare const GlobalPointerProvider: ({ children, style, ...props }: GlobalPointerProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared-react/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './global-pointer-provider';
+export * from './page-pointer-provider';

package/dist/shared-react/components/page-pointer-provider.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, HTMLAttributes, CSSProperties } from '../../react/adapter.ts';
+import { Position } from '@embedpdf/models';
+interface PagePointerProviderProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    pageIndex: number;
+    pageWidth: number;
+    pageHeight: number;
+    rotation: number;
+    scale: number;
+    style?: CSSProperties;
+    convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;
+}
+export declare const PagePointerProvider: ({ pageIndex, children, pageWidth, pageHeight, rotation, scale, convertEventToPoint, style, ...props }: PagePointerProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared-react/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-interaction-manager';

package/dist/shared-react/hooks/use-interaction-manager.d.ts

@@ -0,0 +1,31 @@
+import { InteractionManagerPlugin, InteractionManagerState, PointerEventHandlersWithLifecycle } from '../../lib/index.ts';
+export declare const useInteractionManagerPlugin: () => {
+    plugin: InteractionManagerPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const useInteractionManagerCapability: () => {
+    provides: Readonly<import('../../lib/index.ts').InteractionManagerCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare function useInteractionManager(): {
+    provides: Readonly<import('../../lib/index.ts').InteractionManagerCapability> | null;
+    state: InteractionManagerState;
+};
+export declare function useCursor(): {
+    setCursor: (token: string, cursor: string, prio?: number) => void;
+    removeCursor: (token: string) => void;
+};
+interface UsePointerHandlersOptions {
+    modeId?: string | string[];
+    pageIndex?: number;
+}
+export declare function usePointerHandlers({ modeId, pageIndex }: UsePointerHandlersOptions): {
+    register: (handlers: PointerEventHandlersWithLifecycle, options?: {
+        modeId?: string | string[];
+        pageIndex?: number;
+    }) => (() => void) | undefined;
+};
+export declare function useIsPageExclusive(): boolean;
+export {};

package/dist/shared-react/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks';
+export * from './components';

package/dist/shared-react/utils.d.ts

@@ -0,0 +1,8 @@
+import { Position } from '@embedpdf/models';
+import { InteractionManagerCapability, InteractionScope } from '../lib/index.ts';
+/**
+ * Hook one DOM element into the interaction-manager.
+ *  – keeps handlers & cursor in-sync with the current mode
+ *  – returns a teardown fn for React/Preact effects
+ */
+export declare function createPointerProvider(cap: InteractionManagerCapability, scope: InteractionScope, element: HTMLElement, convertEventToPoint?: (evt: PointerEvent, host: HTMLElement) => Position): () => void;

package/dist/shared-vue/utils.d.ts

@@ -0,0 +1,8 @@
+import { Position } from '@embedpdf/models';
+import { InteractionManagerCapability, InteractionScope } from '../lib/index.ts';
+/**
+ * Hook one DOM element into the interaction-manager.
+ *  – keeps handlers & cursor in-sync with the current mode
+ *  – returns a teardown fn for React/Preact effects
+ */
+export declare function createPointerProvider(cap: InteractionManagerCapability, scope: InteractionScope, element: HTMLElement, convertEventToPoint?: (evt: PointerEvent, host: HTMLElement) => Position): () => void;

package/dist/vue/components/global-pointer-provider.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/components/index.d.ts

@@ -0,0 +1,2 @@
+export { default as GlobalPointerProvider } from './global-pointer-provider.vue';
+export { default as PagePointerProvider } from './page-pointer-provider.vue';

package/dist/vue/components/page-pointer-provider.vue.d.ts

@@ -0,0 +1,21 @@
+import { Position } from '@embedpdf/models';
+interface Props {
+    pageIndex: number;
+    pageWidth: number;
+    pageHeight: number;
+    rotation: number;
+    scale: number;
+    convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-interaction-manager';

package/dist/vue/hooks/use-interaction-manager.d.ts

@@ -0,0 +1,31 @@
+import { InteractionManagerPlugin, PointerEventHandlersWithLifecycle } from '../../lib/index.ts';
+export declare const useInteractionManagerPlugin: () => import('@embedpdf/core/vue').PluginState<InteractionManagerPlugin>;
+export declare const useInteractionManagerCapability: () => import('@embedpdf/core/vue').CapabilityState<Readonly<import('../../lib/index.ts').InteractionManagerCapability>>;
+export declare function useInteractionManager(): {
+    provides: import('vue').Ref<Readonly<import('../../lib/index.ts').InteractionManagerCapability> | null, Readonly<import('../../lib/index.ts').InteractionManagerCapability> | null>;
+    state: Readonly<import('vue').Ref<{
+        readonly activeMode: string;
+        readonly cursor: string;
+        readonly paused: boolean;
+    }, {
+        readonly activeMode: string;
+        readonly cursor: string;
+        readonly paused: boolean;
+    }>>;
+};
+export declare function useCursor(): {
+    setCursor: (token: string, cursor: string, prio?: number) => void;
+    removeCursor: (token: string) => void;
+};
+interface UsePointerHandlersOptions {
+    modeId?: string | string[];
+    pageIndex?: number;
+}
+export declare function usePointerHandlers({ modeId, pageIndex }: UsePointerHandlersOptions): {
+    register: (handlers: PointerEventHandlersWithLifecycle, options?: {
+        modeId?: string | string[];
+        pageIndex?: number;
+    }) => (() => void) | undefined;
+};
+export declare function useIsPageExclusive(): Readonly<import('vue').Ref<boolean, boolean>>;
+export {};

package/dist/vue/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("@embedpdf/core/vue"),o=require("@embedpdf/plugin-interaction-manager"),n=require("@embedpdf/models");function r(e,t,o,n){let r=e.getHandlersForScope(t);const l=e.onModeChange((()=>{if("global"===t.type){const t=e.getActiveInteractionMode();o.style.cursor="global"===(null==t?void 0:t.scope)?t.cursor??"auto":"auto"}r=e.getHandlersForScope(t)})),i=e.onHandlerChange((()=>{r=e.getHandlersForScope(t)})),a=e.getActiveInteractionMode(),u=e.getCurrentCursor();"global"===t.type?o.style.cursor="global"===(null==a?void 0:a.scope)?u:"auto":o.style.cursor=u;const s=e.onCursorChange((n=>{var r;if("global"===t.type){if(!("global"===(null==(r=e.getActiveInteractionMode())?void 0:r.scope)))return}o.style.cursor=n})),c={onPointerDown:"pointerdown",onPointerUp:"pointerup",onPointerMove:"pointermove",onPointerEnter:"pointerenter",onPointerLeave:"pointerleave",onPointerCancel:"pointercancel",onClick:"click",onDoubleClick:"dblclick"},d={};return Object.keys(c).forEach((t=>{d[t]=l=>{var i;if(e.isPaused())return;const a=l,u=e.getActiveMode();null==(i=null==r?void 0:r[t])||i.call(r,((e,t)=>{if(n)return n(e,t);const o=t.getBoundingClientRect();return{x:e.clientX-o.left,y:e.clientY-o.top}})(a,o),a,u)},o.addEventListener(c[t],d[t])})),()=>{Object.keys(c).forEach((e=>o.removeEventListener(c[e],d[e]))),l(),s(),i()}}const l=()=>t.useCapability(o.InteractionManagerPlugin.id);function i(){const{provides:t}=l(),o=e.ref(!1);return e.watchEffect((e=>{if(t.value){const n=t.value.getActiveInteractionMode();o.value="page"===(null==n?void 0:n.scope)&&!!(null==n?void 0:n.exclusive);e(t.value.onModeChange((()=>{if(!t.value)return;const e=t.value.getActiveInteractionMode();o.value="page"===(null==e?void 0:e.scope)&&!!(null==e?void 0:e.exclusive)})))}})),e.readonly(o)}const a=e.defineComponent({__name:"global-pointer-provider",setup(t){const o=e.ref(null),{provides:n}=l();return e.watchEffect((e=>{if(n.value&&o.value){e(r(n.value,{type:"global"},o.value))}})),(t,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"divRef",ref:o,style:{width:"100%",height:"100%"}},[e.renderSlot(t.$slots,"default")],512))}}),u={key:0,style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:10}},s=e.defineComponent({__name:"page-pointer-provider",props:{pageIndex:{},pageWidth:{},pageHeight:{},rotation:{},scale:{},convertEventToPoint:{type:Function}},setup(t){const o=t,a=e.ref(null),{provides:s}=l(),c=i(),d=e.computed((()=>(e,t)=>{const r=t.getBoundingClientRect(),l={x:e.clientX-r.left,y:e.clientY-r.top};return n.restorePosition({width:o.pageWidth,height:o.pageHeight},l,o.rotation,o.scale)}));return e.watchEffect((e=>{if(s.value&&a.value){e(r(s.value,{type:"page",pageIndex:o.pageIndex},a.value,o.convertEventToPoint||d.value))}})),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"divRef",ref:a},[e.renderSlot(t.$slots,"default"),e.unref(c)?(e.openBlock(),e.createElementBlock("div",u)):e.createCommentVNode("",!0)],512))}});exports.GlobalPointerProvider=a,exports.PagePointerProvider=s,exports.useCursor=function(){const{provides:e}=l();return{setCursor:(t,o,n=0)=>{var r;null==(r=e.value)||r.setCursor(t,o,n)},removeCursor:t=>{var o;null==(o=e.value)||o.removeCursor(t)}}},exports.useInteractionManager=function(){const{provides:t}=l(),n=e.ref(o.initialState);return e.watchEffect((e=>{if(t.value){e(t.value.onStateChange((e=>{n.value=e})))}})),{provides:t,state:e.readonly(n)}},exports.useInteractionManagerCapability=l,exports.useInteractionManagerPlugin=()=>t.usePlugin(o.InteractionManagerPlugin.id),exports.useIsPageExclusive=i,exports.usePointerHandlers=function({modeId:e,pageIndex:t}){const{provides:o}=l();return{register:(n,r)=>{const l=(null==r?void 0:r.modeId)??e,i=(null==r?void 0:r.pageIndex)??t;if(o.value)return l?o.value.registerHandlers({modeId:l,handlers:n,pageIndex:i}):o.value.registerAlways({scope:void 0!==i?{type:"page",pageIndex:i}:{type:"global"},handlers:n})}}};
+//# sourceMappingURL=index.cjs.map

package/dist/vue/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/shared/utils.ts","../../src/vue/hooks/use-interaction-manager.ts","../../src/vue/components/global-pointer-provider.vue","../../src/vue/components/page-pointer-provider.vue"],"sourcesContent":["import { Position } from '@embedpdf/models';\nimport type {\n  InteractionManagerCapability,\n  InteractionScope,\n  PointerEventHandlers,\n} from '@embedpdf/plugin-interaction-manager';\n\n/**\n * Hook one DOM element into the interaction-manager.\n *  – keeps handlers & cursor in-sync with the current mode\n *  – returns a teardown fn for React/Preact effects\n */\nexport function createPointerProvider(\n  cap: InteractionManagerCapability,\n  scope: InteractionScope,\n  element: HTMLElement,\n  convertEventToPoint?: (evt: PointerEvent, host: HTMLElement) => Position,\n) {\n  /* ------------------------------------------------------------------ */\n  /* active handler set – hot-swapped on every mode change              */\n  /* ------------------------------------------------------------------ */\n  let active: PointerEventHandlers | null = cap.getHandlersForScope(scope);\n\n  const stopMode = cap.onModeChange(() => {\n    if (scope.type === 'global') {\n      const mode = cap.getActiveInteractionMode();\n      element.style.cursor = mode?.scope === 'global' ? (mode.cursor ?? 'auto') : 'auto';\n    }\n    active = cap.getHandlersForScope(scope);\n  });\n\n  const stopHandler = cap.onHandlerChange(() => {\n    active = cap.getHandlersForScope(scope);\n  });\n\n  /* ------------------------------------------------------------------ */\n  /* cursor                                                             */\n  /* ------------------------------------------------------------------ */\n  const modeNow = cap.getActiveInteractionMode();\n  const cursorNow = cap.getCurrentCursor();\n\n  /** initial cursor -------------------------------------------------- */\n  if (scope.type === 'global') {\n    // global wrapper only shows the cursor while a *global* mode is active\n    element.style.cursor = modeNow?.scope === 'global' ? cursorNow : 'auto';\n  } else {\n    // page wrappers always mirror the latest cursor\n    element.style.cursor = cursorNow;\n  }\n\n  const stopCursor = cap.onCursorChange((c) => {\n    /**  ❖  Propagation rule\n     *      ─────────────────\n     *   • global provider updates its cursor *only* while the active\n     *     mode itself is ‘global’.\n     *   • page providers always sync (so they show the cursor during\n     *     a global mode as well). */\n    if (scope.type === 'global') {\n      const isGlobalMode = cap.getActiveInteractionMode()?.scope === 'global';\n      if (!isGlobalMode) return; // active mode is page-scoped → ignore\n    }\n    element.style.cursor = c;\n  });\n\n  /* ------------------------------------------------------------------ */\n  /* event wiring                                                       */\n  /* ------------------------------------------------------------------ */\n  type K = keyof PointerEventHandlers;\n  const domEvent: Record<K, keyof HTMLElementEventMap> = {\n    onPointerDown: 'pointerdown',\n    onPointerUp: 'pointerup',\n    onPointerMove: 'pointermove',\n    onPointerEnter: 'pointerenter',\n    onPointerLeave: 'pointerleave',\n    onPointerCancel: 'pointercancel',\n    onClick: 'click',\n    onDoubleClick: 'dblclick',\n  };\n\n  /* one stable EventListener per key -> needed for removeEventListener */\n  const listeners: Partial<Record<K, EventListener>> = {};\n\n  const toPos = (e: PointerEvent, host: HTMLElement): Position => {\n    if (convertEventToPoint) return convertEventToPoint(e, host);\n    const r = host.getBoundingClientRect();\n    return { x: e.clientX - r.left, y: e.clientY - r.top };\n  };\n\n  (Object.keys(domEvent) as K[]).forEach((k) => {\n    listeners[k] = (evt: Event) => {\n      if (cap.isPaused()) return;\n\n      const pe = evt as PointerEvent; // safe – we only attach to pointer*\n      const currentModeId = cap.getActiveMode();\n      active?.[k]?.(toPos(pe, element), pe, currentModeId);\n      /* if you need to stop default behaviour when no handler is active:\n       * if (!active?.[k]) pe.preventDefault(); */\n    };\n    element.addEventListener(domEvent[k], listeners[k]!);\n  });\n\n  /* ------------------------------------------------------------------ */\n  /* teardown                                                           */\n  /* ------------------------------------------------------------------ */\n  return () => {\n    (Object.keys(domEvent) as K[]).forEach((k) =>\n      element.removeEventListener(domEvent[k], listeners[k]!),\n    );\n    stopMode();\n    stopCursor();\n    stopHandler();\n  };\n}\n","import { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport {\n  initialState,\n  InteractionManagerPlugin,\n  InteractionManagerState,\n  PointerEventHandlersWithLifecycle,\n} from '@embedpdf/plugin-interaction-manager';\nimport { ref, watchEffect, readonly } from 'vue';\n\nexport const useInteractionManagerPlugin = () =>\n  usePlugin<InteractionManagerPlugin>(InteractionManagerPlugin.id);\nexport const useInteractionManagerCapability = () =>\n  useCapability<InteractionManagerPlugin>(InteractionManagerPlugin.id);\n\nexport function useInteractionManager() {\n  const { provides } = useInteractionManagerCapability();\n  const state = ref<InteractionManagerState>(initialState);\n\n  watchEffect((onCleanup) => {\n    if (provides.value) {\n      // onStateChange is a BehaviorEmitter, so it emits the current state upon subscription\n      const unsubscribe = provides.value.onStateChange((newState) => {\n        state.value = newState;\n      });\n      onCleanup(unsubscribe);\n    }\n  });\n\n  return {\n    provides,\n    state: readonly(state),\n  };\n}\n\nexport function useCursor() {\n  const { provides } = useInteractionManagerCapability();\n  return {\n    setCursor: (token: string, cursor: string, prio = 0) => {\n      provides.value?.setCursor(token, cursor, prio);\n    },\n    removeCursor: (token: string) => {\n      provides.value?.removeCursor(token);\n    },\n  };\n}\n\ninterface UsePointerHandlersOptions {\n  modeId?: string | string[];\n  pageIndex?: number;\n}\n\nexport function usePointerHandlers({ modeId, pageIndex }: UsePointerHandlersOptions) {\n  const { provides } = useInteractionManagerCapability();\n  return {\n    register: (\n      handlers: PointerEventHandlersWithLifecycle,\n      options?: { modeId?: string | string[]; pageIndex?: number },\n    ) => {\n      // Use provided options or fall back to hook-level options\n      const finalModeId = options?.modeId ?? modeId;\n      const finalPageIndex = options?.pageIndex ?? pageIndex;\n\n      if (!provides.value) return;\n\n      return finalModeId\n        ? provides.value.registerHandlers({\n            modeId: finalModeId,\n            handlers,\n            pageIndex: finalPageIndex,\n          })\n        : provides.value.registerAlways({\n            scope:\n              finalPageIndex !== undefined\n                ? { type: 'page', pageIndex: finalPageIndex }\n                : { type: 'global' },\n            handlers,\n          });\n    },\n  };\n}\n\nexport function useIsPageExclusive() {\n  const { provides: cap } = useInteractionManagerCapability();\n  const isPageExclusive = ref<boolean>(false);\n\n  watchEffect((onCleanup) => {\n    if (cap.value) {\n      const mode = cap.value.getActiveInteractionMode();\n      isPageExclusive.value = mode?.scope === 'page' && !!mode?.exclusive;\n\n      const unsubscribe = cap.value.onModeChange(() => {\n        if (!cap.value) return;\n        const newMode = cap.value.getActiveInteractionMode();\n        isPageExclusive.value = newMode?.scope === 'page' && !!newMode?.exclusive;\n      });\n      onCleanup(unsubscribe);\n    }\n  });\n\n  return readonly(isPageExclusive);\n}\n","<script setup lang=\"ts\">\nimport { ref, watchEffect } from 'vue';\nimport { createPointerProvider } from '../../shared/utils';\nimport { useInteractionManagerCapability } from '../hooks';\n\nconst divRef = ref<HTMLDivElement | null>(null);\nconst { provides: cap } = useInteractionManagerCapability();\n\n// watchEffect automatically handles setup and teardown when capability or element is ready\nwatchEffect((onCleanup) => {\n  if (cap.value && divRef.value) {\n    const cleanup = createPointerProvider(cap.value, { type: 'global' }, divRef.value);\n    onCleanup(cleanup);\n  }\n});\n</script>\n\n<template>\n  <div\n    ref=\"divRef\"\n    :style=\"{\n      width: '100%',\n      height: '100%',\n    }\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ref, watchEffect, computed, StyleValue } from 'vue';\nimport { Position, restorePosition } from '@embedpdf/models';\nimport { createPointerProvider } from '../../shared/utils';\nimport { useInteractionManagerCapability, useIsPageExclusive } from '../hooks';\n\ninterface Props {\n  pageIndex: number;\n  pageWidth: number;\n  pageHeight: number;\n  rotation: number;\n  scale: number;\n  convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;\n}\n\nconst props = defineProps<Props>();\n\nconst divRef = ref<HTMLDivElement | null>(null);\nconst { provides: cap } = useInteractionManagerCapability();\nconst isPageExclusive = useIsPageExclusive();\n\nconst defaultConvertEventToPoint = computed(() => {\n  return (event: PointerEvent, element: HTMLElement): Position => {\n    const rect = element.getBoundingClientRect();\n    const displayPoint = {\n      x: event.clientX - rect.left,\n      y: event.clientY - rect.top,\n    };\n    return restorePosition(\n      { width: props.pageWidth, height: props.pageHeight },\n      displayPoint,\n      props.rotation,\n      props.scale,\n    );\n  };\n});\n\nwatchEffect((onCleanup) => {\n  if (cap.value && divRef.value) {\n    const cleanup = createPointerProvider(\n      cap.value,\n      { type: 'page', pageIndex: props.pageIndex },\n      divRef.value,\n      props.convertEventToPoint || defaultConvertEventToPoint.value,\n    );\n    onCleanup(cleanup);\n  }\n});\n</script>\n\n<template>\n  <div ref=\"divRef\">\n    <slot />\n    <div\n      v-if=\"isPageExclusive\"\n      :style=\"{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, zIndex: 10 }\"\n    />\n  </div>\n</template>\n"],"names":["createPointerProvider","cap","scope","element","convertEventToPoint","active","getHandlersForScope","stopMode","onModeChange","type","mode","getActiveInteractionMode","style","cursor","stopHandler","onHandlerChange","modeNow","cursorNow","getCurrentCursor","stopCursor","onCursorChange","c","_a","domEvent","onPointerDown","onPointerUp","onPointerMove","onPointerEnter","onPointerLeave","onPointerCancel","onClick","onDoubleClick","listeners","Object","keys","forEach","k","evt","isPaused","pe","currentModeId","getActiveMode","call","e","host","r","getBoundingClientRect","x","clientX","left","y","clientY","top","toPos","addEventListener","removeEventListener","useInteractionManagerCapability","useCapability","InteractionManagerPlugin","id","useIsPageExclusive","provides","isPageExclusive","ref","readonly","vue$1","watchEffect","onCleanup","value","exclusive","newMode","divRef","_createElementBlock","createElementBlock","_renderSlot","_ctx","$slots","props","__props","defaultConvertEventToPoint","computed","event","rect","displayPoint","restorePosition","width","pageWidth","height","pageHeight","rotation","scale","pageIndex","_unref","_openBlock","_hoisted_1","setCursor","token","prio","removeCursor","state","initialState","onStateChange","newState","usePlugin","modeId","register","handlers","options","finalModeId","finalPageIndex","registerHandlers","registerAlways"],"mappings":"uNAYO,SAASA,EACdC,EACAC,EACAC,EACAC,GAKI,IAAAC,EAAsCJ,EAAIK,oBAAoBJ,GAE5D,MAAAK,EAAWN,EAAIO,cAAa,KAC5B,GAAe,WAAfN,EAAMO,KAAmB,CACrB,MAAAC,EAAOT,EAAIU,2BACjBR,EAAQS,MAAMC,OAAyB,YAAhB,MAAAH,OAAA,EAAAA,EAAMR,OAAsBQ,EAAKG,QAAU,OAAU,MAAA,CAErER,EAAAJ,EAAIK,oBAAoBJ,EAAK,IAGlCY,EAAcb,EAAIc,iBAAgB,KAC7BV,EAAAJ,EAAIK,oBAAoBJ,EAAK,IAMlCc,EAAUf,EAAIU,2BACdM,EAAYhB,EAAIiB,mBAGH,WAAfhB,EAAMO,KAERN,EAAQS,MAAMC,OAA4B,YAAV,MAATG,OAAS,EAAAA,EAAAd,OAAqBe,EAAY,OAGjEd,EAAQS,MAAMC,OAASI,EAGzB,MAAME,EAAalB,EAAImB,gBAAgBC,UAOjC,GAAe,WAAfnB,EAAMO,KAAmB,CAE3B,KAD+D,YAA1C,OAAAa,EAAArB,EAAIU,qCAA4BT,QAClC,MAAA,CAErBC,EAAQS,MAAMC,OAASQ,CAAA,IAOnBE,EAAiD,CACrDC,cAAe,cACfC,YAAa,YACbC,cAAe,cACfC,eAAgB,eAChBC,eAAgB,eAChBC,gBAAiB,gBACjBC,QAAS,QACTC,cAAe,YAIXC,EAA+C,CAAC,EAwBtD,OAhBCC,OAAOC,KAAKX,GAAkBY,SAASC,IAC5BJ,EAAAI,GAAMC,UACV,GAAApC,EAAIqC,WAAY,OAEpB,MAAMC,EAAKF,EACLG,EAAgBvC,EAAIwC,gBAC1B,OAAAnB,EAAA,MAAAjB,OAAA,EAAAA,EAAS+B,KAAKd,EAAAoB,KAAArC,EAZJ,EAACsC,EAAiBC,KAC9B,GAAIxC,EAAqB,OAAOA,EAAoBuC,EAAGC,GACjD,MAAAC,EAAID,EAAKE,wBACR,MAAA,CAAEC,EAAGJ,EAAEK,QAAUH,EAAEI,KAAMC,EAAGP,EAAEQ,QAAUN,EAAEO,IAAI,EASrCC,CAAMd,EAAIpC,GAAUoC,EAAIC,EAAA,EAIxCrC,EAAQmD,iBAAiB/B,EAASa,GAAIJ,EAAUI,GAAG,IAM9C,KACGH,OAAAC,KAAKX,GAAkBY,SAASC,GACtCjC,EAAQoD,oBAAoBhC,EAASa,GAAIJ,EAAUI,MAE5C7B,IACEY,IACCL,GAAA,CAEhB,CCvGO,MAEM0C,EAAkC,IAC7CC,gBAAwCC,EAAAA,yBAAyBC,IAqE5D,SAASC,IACd,MAAQC,SAAU5D,GAAQuD,IACpBM,EAAkBC,OAAa,GAgB9BC,OAdPC,EAAAC,aAAaC,IACX,GAAIlE,EAAImE,MAAO,CACP,MAAA1D,EAAOT,EAAImE,MAAMzD,2BACvBmD,EAAgBM,MAAwB,UAAV,MAAN1D,OAAM,EAAAA,EAAAR,WAA4B,MAANQ,OAAM,EAAAA,EAAA2D,WAO1DF,EALoBlE,EAAImE,MAAM5D,cAAa,KACrC,IAACP,EAAImE,MAAO,OACV,MAAAE,EAAUrE,EAAImE,MAAMzD,2BAC1BmD,EAAgBM,MAA2B,UAAV,MAATE,OAAS,EAAAA,EAAApE,WAA+B,MAAToE,OAAS,EAAAA,EAAAD,UAAA,IAE7C,KAIlBL,EAAAA,SAASF,EAClB,sEC/FM,MAAAS,EAASR,MAA2B,OAClCF,SAAU5D,GAAQuD,WAG1BS,EAAAC,aAAaC,IACP,GAAAlE,EAAImE,OAASG,EAAOH,MAAO,CAE7BD,EADgBnE,EAAsBC,EAAImE,MAAO,CAAE3D,KAAM,UAAY8D,EAAOH,OAC3D,2BAMnBI,EAAAC,mBAQM,MAAA,SAPA,SAAJV,IAAIQ,EACH3D,MAAO,+BAKR8D,aAAQC,EAAAC,OAAA,yQCVZ,MAAMC,EAAQC,EAERP,EAASR,MAA2B,OAClCF,SAAU5D,GAAQuD,IACpBM,EAAkBF,IAElBmB,EAA6BC,EAAAA,UAAS,IACnC,CAACC,EAAqB9E,KACrB,MAAA+E,EAAO/E,EAAQ2C,wBACfqC,EAAe,CACnBpC,EAAGkC,EAAMjC,QAAUkC,EAAKjC,KACxBC,EAAG+B,EAAM9B,QAAU+B,EAAK9B,KAEnB,OAAAgC,EAAAA,gBACL,CAAEC,MAAOR,EAAMS,UAAWC,OAAQV,EAAMW,YACxCL,EACAN,EAAMY,SACNZ,EAAMa,MACR,WAIJzB,EAAAC,aAAaC,IACP,GAAAlE,EAAImE,OAASG,EAAOH,MAAO,CAO7BD,EANgBnE,EACdC,EAAImE,MACJ,CAAE3D,KAAM,OAAQkF,UAAWd,EAAMc,WACjCpB,EAAOH,MACPS,EAAMzE,qBAAuB2E,EAA2BX,OAEzC,2BAMnBI,EAAAC,mBAMM,MAAA,SANG,SAAJV,IAAIQ,IACPG,aAAQC,EAAAC,OAAA,WAEAgB,QAAe9B,IADvB+B,EAAAA,YAAArB,EAAAA,mBAGE,MAHFsB,0HFnBG,WACC,MAAAjC,SAAEA,GAAaL,IACd,MAAA,CACLuC,UAAW,CAACC,EAAenF,EAAgBoF,EAAO,WAChD,OAAA3E,EAAAuC,EAASO,QAAT9C,EAAgByE,UAAUC,EAAOnF,EAAQoF,EAAA,EAE3CC,aAAeF,UACJ,OAAA1E,EAAAuC,EAAAO,UAAO8B,aAAaF,EAAA,EAGnC,gCA9BO,WACC,MAAAnC,SAAEA,GAAaL,IACf2C,EAAQpC,MAA6BqC,gBAYpC,OAVPnC,EAAAC,aAAaC,IACX,GAAIN,EAASO,MAAO,CAKlBD,EAHoBN,EAASO,MAAMiC,eAAeC,IAChDH,EAAM/B,MAAQkC,CAAA,IAEK,KAIlB,CACLzC,WACAsC,MAAOnC,WAASmC,GAEpB,gFAvB2C,IACzCI,YAAoC7C,EAAAA,yBAAyBC,4DAyCxD,UAA4B6C,OAAEA,EAAQb,UAAAA,IACrC,MAAA9B,SAAEA,GAAaL,IACd,MAAA,CACLiD,SAAU,CACRC,EACAC,KAGM,MAAAC,SAAcD,WAASH,SAAUA,EACjCK,SAAiBF,WAAShB,YAAaA,EAEzC,GAAC9B,EAASO,MAEP,OAAAwC,EACH/C,EAASO,MAAM0C,iBAAiB,CAC9BN,OAAQI,EACRF,WACAf,UAAWkB,IAEbhD,EAASO,MAAM2C,eAAe,CAC5B7G,WACqB,IAAnB2G,EACI,CAAEpG,KAAM,OAAQkF,UAAWkB,GAC3B,CAAEpG,KAAM,UACdiG,YACD,EAGX"}

package/dist/vue/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './hooks';