@embedpdf/plugin-interaction-manager 1.1.0 → 1.2.0

package/dist/preact/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/preact"),t=require("@embedpdf/plugin-interaction-manager"),n=require("preact/hooks"),o=require("preact/jsx-runtime"),r=require("@embedpdf/models"),i=()=>e.useCapability(t.InteractionManagerPlugin.id);function l(){const{provides:e}=i(),[t,o]=n.useState((()=>{const t=null==e?void 0:e.getActiveInteractionMode();return"page"===(null==t?void 0:t.scope)&&!!t.exclusive}));return n.useEffect((()=>{if(e)return e.onModeChange((()=>{const t=e.getActiveInteractionMode();o("page"===(null==t?void 0:t.scope)&&!!(null==t?void 0:t.exclusive))}))}),[e]),t}const c={pointerdown:"onPointerDown",pointerup:"onPointerUp",pointermove:"onPointerMove",pointerenter:"onPointerEnter",pointerleave:"onPointerLeave",pointercancel:"onPointerCancel",mousedown:"onMouseDown",mouseup:"onMouseUp",mousemove:"onMouseMove",mouseenter:"onMouseEnter",mouseleave:"onMouseLeave",mousecancel:"onMouseCancel",click:"onClick",dblclick:"onDoubleClick",touchstart:"onPointerDown",touchend:"onPointerUp",touchmove:"onPointerMove",touchcancel:"onPointerCancel"},s=["pointerdown","pointerup","pointermove","pointerenter","pointerleave","pointercancel","mousedown","mouseup","mousemove","mouseenter","mouseleave","mousecancel","click","dblclick","touchstart","touchend","touchmove","touchcancel"];function u(e){return"undefined"!=typeof TouchEvent&&e instanceof TouchEvent}function a(e,t,n,o){let r=e.getHandlersForScope(t);const i=()=>{var t;return!1!==(null==(t=e.getActiveInteractionMode())?void 0:t.wantsRawTouch)},l={};let a=i();const p=e=>{s.forEach((t=>{const o=l[t]??(l[t]=P);var r;n.addEventListener(t,o,(r=e,t.startsWith("touch")?{passive:!r}:{passive:!1}))}))},d=()=>{s.forEach((e=>{const t=l[e];t&&n.removeEventListener(e,t)}))};p(a);const g=e.onModeChange((()=>{if("global"===t.type){const t=e.getActiveInteractionMode();n.style.cursor="global"===(null==t?void 0:t.scope)?t.cursor??"auto":"auto"}r=e.getHandlersForScope(t);const o=i();o!==a&&(d(),p(o),a=o)})),v=e.onHandlerChange((()=>{r=e.getHandlersForScope(t)})),h=e.getActiveInteractionMode(),f=e.getCurrentCursor();n.style.cursor="global"===t.type&&"global"!==(null==h?void 0:h.scope)?"auto":f;const y=e.onCursorChange((o=>{var r;"global"===t.type&&"global"!==(null==(r=e.getActiveInteractionMode())?void 0:r.scope)||(n.style.cursor=o)})),m=(e,t)=>{if(o)return o(e,t);const n=t.getBoundingClientRect();return{x:e.clientX-n.left,y:e.clientY-n.top}};function P(t){var o;if(e.isPaused())return;const i=c[t.type];if(!i||!(null==r?void 0:r[i]))return;let l,s;if(u(t)&&a&&("touchmove"===t.type||"touchcancel"===t.type)&&t.preventDefault(),u(t)){const e="touchend"===t.type||"touchcancel"===t.type?t.changedTouches[0]:t.touches[0];if(!e)return;l=m(e,n),s={clientX:e.clientX,clientY:e.clientY,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,metaKey:t.metaKey,target:t.target,currentTarget:t.currentTarget,setPointerCapture:()=>{},releasePointerCapture:()=>{}}}else{const e=t;l=m(e,n),s={clientX:e.clientX,clientY:e.clientY,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,metaKey:e.metaKey,target:e.target,currentTarget:e.currentTarget,setPointerCapture:()=>{var t,n;null==(n=null==(t=e.target)?void 0:t.setPointerCapture)||n.call(t,e.pointerId)},releasePointerCapture:()=>{var t,n;null==(n=null==(t=e.target)?void 0:t.releasePointerCapture)||n.call(t,e.pointerId)}}}null==(o=r[i])||o.call(r,l,s,e.getActiveMode())}return()=>{d(),g(),y(),v()}}exports.GlobalPointerProvider=({children:e,style:t,...r})=>{const l=n.useRef(null),{provides:c}=i();return n.useEffect((()=>{if(c&&l.current)return a(c,{type:"global"},l.current)}),[c]),o.jsx("div",{ref:l,style:{width:"100%",height:"100%",...t},...r,children:e})},exports.PagePointerProvider=({pageIndex:e,children:t,pageWidth:c,pageHeight:s,rotation:u,scale:p,convertEventToPoint:d,style:g,...v})=>{const h=n.useRef(null),{provides:f}=i(),y=l(),m=n.useCallback(((e,t)=>{const n=t.getBoundingClientRect(),o={x:e.clientX-n.left,y:e.clientY-n.top},i=r.transformSize({width:c,height:s},u,1);return r.restorePosition(i,o,u,p)}),[c,s,u,p]);return n.useEffect((()=>{if(f&&h.current)return a(f,{type:"page",pageIndex:e},h.current,d||m)}),[f,e,d,m]),o.jsxs("div",{ref:h,style:{position:"relative",width:c,height:s,...g},...v,children:[t,y&&o.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:10}})]})},exports.useCursor=function(){const{provides:e}=i();return{setCursor:(t,n,o=0)=>{null==e||e.setCursor(t,n,o)},removeCursor:t=>{null==e||e.removeCursor(t)}}},exports.useInteractionManager=function(){const{provides:e}=i(),[o,r]=n.useState(t.initialState);return n.useEffect((()=>{if(e)return e.onStateChange((e=>{r(e)}))}),[e]),{provides:e,state:o}},exports.useInteractionManagerCapability=i,exports.useInteractionManagerPlugin=()=>e.usePlugin(t.InteractionManagerPlugin.id),exports.useIsPageExclusive=l,exports.usePointerHandlers=function({modeId:e,pageIndex:t}){const{provides:n}=i();return{register:(o,r)=>{const i=(null==r?void 0:r.modeId)??e,l=(null==r?void 0:r.pageIndex)??t;return i?null==n?void 0:n.registerHandlers({modeId:i,handlers:o,pageIndex:l}):null==n?void 0:n.registerAlways({scope:void 0!==l?{type:"page",pageIndex:l}:{type:"global"},handlers:o})}}},Object.keys(t).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})}));
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/preact"),t=require("@embedpdf/plugin-interaction-manager"),n=require("preact/hooks"),o=require("preact/jsx-runtime"),r=require("@embedpdf/models"),i=()=>e.useCapability(t.InteractionManagerPlugin.id);function l(){const{provides:e}=i(),[t,o]=n.useState((()=>{const t=null==e?void 0:e.getActiveInteractionMode();return"page"===(null==t?void 0:t.scope)&&!!t.exclusive}));return n.useEffect((()=>{if(e)return e.onModeChange((()=>{const t=e.getActiveInteractionMode();o("page"===(null==t?void 0:t.scope)&&!!(null==t?void 0:t.exclusive))}))}),[e]),t}const s={pointerdown:"onPointerDown",pointerup:"onPointerUp",pointermove:"onPointerMove",pointerenter:"onPointerEnter",pointerleave:"onPointerLeave",pointercancel:"onPointerCancel",mousedown:"onMouseDown",mouseup:"onMouseUp",mousemove:"onMouseMove",mouseenter:"onMouseEnter",mouseleave:"onMouseLeave",mousecancel:"onMouseCancel",click:"onClick",dblclick:"onDoubleClick",touchstart:"onPointerDown",touchend:"onPointerUp",touchmove:"onPointerMove",touchcancel:"onPointerCancel"},c=["pointerdown","pointerup","pointermove","pointerenter","pointerleave","pointercancel","mousedown","mouseup","mousemove","mouseenter","mouseleave","mousecancel","click","dblclick"],u="undefined"!=typeof PointerEvent?c:[...c,"touchstart","touchend","touchmove","touchcancel"];function a(e){return"undefined"!=typeof TouchEvent&&e instanceof TouchEvent}function d(e,t,n,o){let r=e.getHandlersForScope(t);const i=()=>{var t;return!1!==(null==(t=e.getActiveInteractionMode())?void 0:t.wantsRawTouch)},l={};let c=i();const d=e=>{u.forEach((t=>{const o=l[t]??(l[t]=P);var r;n.addEventListener(t,o,(r=e,t.startsWith("touch")?{passive:!r}:{passive:!1}))}))},p=()=>{u.forEach((e=>{const t=l[e];t&&n.removeEventListener(e,t)}))};d(c),n.style.touchAction=c?"none":"";const g=e.onModeChange((()=>{if("global"===t.type){const t=e.getActiveInteractionMode();n.style.cursor="global"===(null==t?void 0:t.scope)?t.cursor??"auto":"auto"}r=e.getHandlersForScope(t);const o=i();o!==c&&(p(),d(o),c=o,n.style.touchAction=c?"none":"")})),v=e.onHandlerChange((()=>{r=e.getHandlersForScope(t)})),f=e.getActiveInteractionMode(),h=e.getCurrentCursor();n.style.cursor="global"===t.type&&"global"!==(null==f?void 0:f.scope)?"auto":h;const y=e.onCursorChange((o=>{var r;"global"===t.type&&"global"!==(null==(r=e.getActiveInteractionMode())?void 0:r.scope)||(n.style.cursor=o)})),m=(e,t)=>{if(o)return o(e,t);const n=t.getBoundingClientRect();return{x:e.clientX-n.left,y:e.clientY-n.top}};function P(t){var o;if(e.isPaused())return;const i=e.getExclusionRules();if(t.target&&function(e,t){var n,o,r;if(!e)return!1;let i=e;for(;i;){if(null==(n=t.classes)?void 0:n.length)for(const e of t.classes)if(null==(o=i.classList)?void 0:o.contains(e))return!0;if(null==(r=t.dataAttributes)?void 0:r.length)for(const e of t.dataAttributes)if(i.hasAttribute(e))return!0;i=i.parentElement}return!1}(t.target,i))return;const l=s[t.type];if(!l||!(null==r?void 0:r[l]))return;let u,d;if(a(t)&&c&&("touchmove"===t.type||"touchcancel"===t.type)&&t.preventDefault(),a(t)){const e="touchend"===t.type||"touchcancel"===t.type?t.changedTouches[0]:t.touches[0];if(!e)return;u=m(e,n),d={clientX:e.clientX,clientY:e.clientY,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,metaKey:t.metaKey,target:t.target,currentTarget:t.currentTarget,setPointerCapture:()=>{},releasePointerCapture:()=>{}}}else{const e=t;u=m(e,n),d={clientX:e.clientX,clientY:e.clientY,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,metaKey:e.metaKey,target:e.target,currentTarget:e.currentTarget,setPointerCapture:()=>{var t,n;null==(n=null==(t=e.target)?void 0:t.setPointerCapture)||n.call(t,e.pointerId)},releasePointerCapture:()=>{var t,n;null==(n=null==(t=e.target)?void 0:t.releasePointerCapture)||n.call(t,e.pointerId)}}}null==(o=r[l])||o.call(r,u,d,e.getActiveMode())}return()=>{p(),g(),y(),v()}}exports.GlobalPointerProvider=({children:e,style:t,...r})=>{const l=n.useRef(null),{provides:s}=i();return n.useEffect((()=>{if(s&&l.current)return d(s,{type:"global"},l.current)}),[s]),o.jsx("div",{ref:l,style:{width:"100%",height:"100%",...t},...r,children:e})},exports.PagePointerProvider=({pageIndex:e,children:t,pageWidth:s,pageHeight:c,rotation:u,scale:a,convertEventToPoint:p,style:g,...v})=>{const f=n.useRef(null),{provides:h}=i(),y=l(),m=n.useCallback(((e,t)=>{const n=t.getBoundingClientRect(),o={x:e.clientX-n.left,y:e.clientY-n.top},i=r.transformSize({width:s,height:c},u,1);return r.restorePosition(i,o,u,a)}),[s,c,u,a]);return n.useEffect((()=>{if(h&&f.current)return d(h,{type:"page",pageIndex:e},f.current,p||m)}),[h,e,p,m]),o.jsxs("div",{ref:f,style:{position:"relative",width:s,height:c,...g},...v,children:[t,y&&o.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:10}})]})},exports.useCursor=function(){const{provides:e}=i();return{setCursor:(t,n,o=0)=>{null==e||e.setCursor(t,n,o)},removeCursor:t=>{null==e||e.removeCursor(t)}}},exports.useInteractionManager=function(){const{provides:e}=i(),[o,r]=n.useState(t.initialState);return n.useEffect((()=>{if(e)return e.onStateChange((e=>{r(e)}))}),[e]),{provides:e,state:o}},exports.useInteractionManagerCapability=i,exports.useInteractionManagerPlugin=()=>e.usePlugin(t.InteractionManagerPlugin.id),exports.useIsPageExclusive=l,exports.usePointerHandlers=function({modeId:e,pageIndex:t}){const{provides:n}=i();return{register:(o,r)=>{const i=(null==r?void 0:r.modeId)??e,l=(null==r?void 0:r.pageIndex)??t;return i?null==n?void 0:n.registerHandlers({modeId:i,handlers:o,pageIndex:l}):null==n?void 0:n.registerAlways({scope:void 0!==l?{type:"page",pageIndex:l}:{type:"global"},handlers:o})}}},Object.keys(t).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})}));
 //# sourceMappingURL=index.cjs.map

package/dist/preact/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","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  EmbedPdfPointerEvent,\n} from '@embedpdf/plugin-interaction-manager';\n\n/* -------------------------------------------------- */\n/* event → handler key lookup                         */\n/* -------------------------------------------------- */\ntype K = keyof PointerEventHandlers;\nconst domEventMap: Record<string, K> = {\n  pointerdown: 'onPointerDown',\n  pointerup: 'onPointerUp',\n  pointermove: 'onPointerMove',\n  pointerenter: 'onPointerEnter',\n  pointerleave: 'onPointerLeave',\n  pointercancel: 'onPointerCancel',\n\n  mousedown: 'onMouseDown',\n  mouseup: 'onMouseUp',\n  mousemove: 'onMouseMove',\n  mouseenter: 'onMouseEnter',\n  mouseleave: 'onMouseLeave',\n  mousecancel: 'onMouseCancel',\n\n  click: 'onClick',\n  dblclick: 'onDoubleClick',\n\n  /* touch → pointer fallback for very old browsers */\n  touchstart: 'onPointerDown',\n  touchend: 'onPointerUp',\n  touchmove: 'onPointerMove',\n  touchcancel: 'onPointerCancel',\n};\n\nconst pointerEventTypes = [\n  'pointerdown',\n  'pointerup',\n  'pointermove',\n  'pointerenter',\n  'pointerleave',\n  'pointercancel',\n  'mousedown',\n  'mouseup',\n  'mousemove',\n  'mouseenter',\n  'mouseleave',\n  'mousecancel',\n  'click',\n  'dblclick',\n];\n\nconst touchEventTypes = ['touchstart', 'touchend', 'touchmove', 'touchcancel'];\nconst allEventTypes = [...pointerEventTypes, ...touchEventTypes];\n\n/* -------------------------------------------------- */\n/* helper: decide listener options per event type     */\n/* -------------------------------------------------- */\nfunction listenerOpts(eventType: string, wantsRawTouch: boolean): AddEventListenerOptions {\n  // Only touch events are toggled; pointer/mouse stay non-passive\n  return eventType.startsWith('touch') ? { passive: !wantsRawTouch } : { passive: false };\n}\n\nfunction isTouchEvent(evt: Event): evt is TouchEvent {\n  return typeof TouchEvent !== 'undefined' && evt instanceof TouchEvent;\n}\n\n/* -------------------------------------------------- */\n/* createPointerProvider                              */\n/* -------------------------------------------------- */\nexport function createPointerProvider(\n  cap: InteractionManagerCapability,\n  scope: InteractionScope,\n  element: HTMLElement,\n  convertEventToPoint?: (evt: PointerEvent, host: HTMLElement) => Position,\n) {\n  /* ---------- live handler set --------------------------------------------------- */\n  let active: PointerEventHandlers | null = cap.getHandlersForScope(scope);\n\n  /* ---------- helper to compute current wantsRawTouch (defaults to true) --------- */\n  const wantsRawTouchNow = () => cap.getActiveInteractionMode()?.wantsRawTouch !== false; // default → true\n\n  /* ---------- dynamic listener (re)attachment ------------------------------------ */\n  const listeners: Record<string, (evt: Event) => void> = {};\n  let attachedWithRawTouch = wantsRawTouchNow(); // remember current mode’s wish\n\n  const addListeners = (raw: boolean) => {\n    allEventTypes.forEach((type) => {\n      const fn = (listeners[type] ??= handleEvent);\n      element.addEventListener(type, fn, listenerOpts(type, raw));\n    });\n  };\n  const removeListeners = () => {\n    allEventTypes.forEach((type) => {\n      const fn = listeners[type];\n      if (fn) element.removeEventListener(type, fn);\n    });\n  };\n\n  /* attach for the first time */\n  addListeners(attachedWithRawTouch);\n\n  /* ---------- mode & handler change hooks --------------------------------------- */\n  const stopMode = cap.onModeChange(() => {\n    /* cursor baseline update for global wrapper */\n    if (scope.type === 'global') {\n      const mode = cap.getActiveInteractionMode();\n      element.style.cursor = mode?.scope === 'global' ? (mode.cursor ?? 'auto') : 'auto';\n    }\n\n    active = cap.getHandlersForScope(scope);\n\n    /* re-attach listeners if wantsRawTouch toggled */\n    const raw = wantsRawTouchNow();\n    if (raw !== attachedWithRawTouch) {\n      removeListeners();\n      addListeners(raw);\n      attachedWithRawTouch = raw;\n    }\n  });\n\n  const stopHandler = cap.onHandlerChange(() => {\n    active = cap.getHandlersForScope(scope);\n  });\n\n  /* ---------- cursor sync -------------------------------------------------------- */\n  const initialMode = cap.getActiveInteractionMode();\n  const initialCursor = cap.getCurrentCursor();\n  element.style.cursor =\n    scope.type === 'global' && initialMode?.scope !== 'global' ? 'auto' : initialCursor;\n\n  const stopCursor = cap.onCursorChange((c) => {\n    if (scope.type === 'global' && cap.getActiveInteractionMode()?.scope !== 'global') return;\n    element.style.cursor = c;\n  });\n\n  /* ---------- point conversion --------------------------------------------------- */\n  const toPos = (e: { clientX: number; clientY: number }, host: HTMLElement): Position => {\n    if (convertEventToPoint) return convertEventToPoint(e as PointerEvent, host);\n    const r = host.getBoundingClientRect();\n    return { x: e.clientX - r.left, y: e.clientY - r.top };\n  };\n\n  /* ---------- central event handler --------------------------------------------- */\n  function handleEvent(evt: Event) {\n    if (cap.isPaused()) return;\n\n    const handlerKey = domEventMap[evt.type];\n    if (!handlerKey || !active?.[handlerKey]) return;\n\n    /* preventDefault only when mode really wants raw touch                        */\n    if (\n      isTouchEvent(evt) &&\n      attachedWithRawTouch &&\n      (evt.type === 'touchmove' || evt.type === 'touchcancel')\n    ) {\n      evt.preventDefault();\n    }\n\n    // ----- normalise ----------------------------------------------------------------\n    let pos!: Position;\n    let normEvt!: EmbedPdfPointerEvent & {\n      target: EventTarget | null;\n      currentTarget: EventTarget | null;\n    };\n\n    if (isTouchEvent(evt)) {\n      const tp =\n        evt.type === 'touchend' || evt.type === 'touchcancel'\n          ? evt.changedTouches[0]\n          : evt.touches[0];\n      if (!tp) return;\n\n      pos = toPos(tp, element);\n      normEvt = {\n        clientX: tp.clientX,\n        clientY: tp.clientY,\n        ctrlKey: evt.ctrlKey,\n        shiftKey: evt.shiftKey,\n        altKey: evt.altKey,\n        metaKey: evt.metaKey,\n        target: evt.target,\n        currentTarget: evt.currentTarget,\n        setPointerCapture: () => {},\n        releasePointerCapture: () => {},\n      };\n    } else {\n      const pe = evt as PointerEvent;\n      pos = toPos(pe, element);\n      normEvt = {\n        clientX: pe.clientX,\n        clientY: pe.clientY,\n        ctrlKey: pe.ctrlKey,\n        shiftKey: pe.shiftKey,\n        altKey: pe.altKey,\n        metaKey: pe.metaKey,\n        target: pe.target,\n        currentTarget: pe.currentTarget,\n        setPointerCapture: () => {\n          (pe.target as HTMLElement)?.setPointerCapture?.(pe.pointerId);\n        },\n        releasePointerCapture: () => {\n          (pe.target as HTMLElement)?.releasePointerCapture?.(pe.pointerId);\n        },\n      };\n    }\n\n    active[handlerKey]?.(pos, normEvt, cap.getActiveMode());\n  }\n\n  /* ---------- teardown ----------------------------------------------------------- */\n  return () => {\n    removeListeners();\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, Size, transformSize } 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\n      const displaySize: Size = transformSize(\n        { width: pageWidth, height: pageHeight },\n        rotation,\n        1,\n      );\n\n      return restorePosition(displaySize, displayPoint, rotation, scale);\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        position: 'relative',\n        width: pageWidth,\n        height: pageHeight,\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":["useInteractionManagerCapability","useCapability","InteractionManagerPlugin","id","useIsPageExclusive","provides","cap","isPageExclusive","setIsPageExclusive","useState","m","getActiveInteractionMode","scope","exclusive","useEffect","onModeChange","mode","domEventMap","pointerdown","pointerup","pointermove","pointerenter","pointerleave","pointercancel","mousedown","mouseup","mousemove","mouseenter","mouseleave","mousecancel","click","dblclick","touchstart","touchend","touchmove","touchcancel","allEventTypes","isTouchEvent","evt","TouchEvent","createPointerProvider","element","convertEventToPoint","active","getHandlersForScope","wantsRawTouchNow","_a","wantsRawTouch","listeners","attachedWithRawTouch","addListeners","raw","forEach","type","fn","handleEvent","addEventListener","startsWith","passive","removeListeners","removeEventListener","stopMode","style","cursor","stopHandler","onHandlerChange","initialMode","initialCursor","getCurrentCursor","stopCursor","onCursorChange","c","toPos","e","host","r","getBoundingClientRect","x","clientX","left","y","clientY","top","isPaused","handlerKey","pos","normEvt","preventDefault","tp","changedTouches","touches","ctrlKey","shiftKey","altKey","metaKey","target","currentTarget","setPointerCapture","releasePointerCapture","pe","_b","call","pointerId","getActiveMode","children","props","ref","useRef","current","jsxRuntime","jsx","width","height","pageIndex","pageWidth","pageHeight","rotation","scale","defaultConvertEventToPoint","useCallback","event","rect","displayPoint","displaySize","transformSize","restorePosition","jsxs","position","right","bottom","zIndex","setCursor","token","prio","removeCursor","state","setState","initialState","onStateChange","usePlugin","modeId","register","handlers","options","finalModeId","finalPageIndex","registerHandlers","registerAlways"],"mappings":"mQAYaA,EAAkC,IAC7CC,gBAAwCC,EAAAA,yBAAyBC,IAgE5D,SAASC,IACd,MAAQC,SAAUC,GAAQN,KAEnBO,EAAiBC,GAAsBC,YAAkB,KACxD,MAAAC,EAAS,MAALJ,OAAK,EAAAA,EAAAK,2BACf,MAAoB,UAAV,MAAHD,OAAG,EAAAA,EAAAE,UAAsBF,EAAEG,SAAA,IAY7B,OATPC,EAAAA,WAAU,KACR,GAAKR,EAEE,OAAAA,EAAIS,cAAa,KAChB,MAAAC,EAAOV,EAAIK,2BACjBH,EAAmC,gBAAhBQ,WAAMJ,iBAAsBI,WAAMH,WAAS,GAC/D,GACA,CAACP,IAEGC,CACT,CCnFA,MAAMU,EAAiC,CACrCC,YAAa,gBACbC,UAAW,cACXC,YAAa,gBACbC,aAAc,iBACdC,aAAc,iBACdC,cAAe,kBAEfC,UAAW,cACXC,QAAS,YACTC,UAAW,cACXC,WAAY,eACZC,WAAY,eACZC,YAAa,gBAEbC,MAAO,UACPC,SAAU,gBAGVC,WAAY,gBACZC,SAAU,cACVC,UAAW,gBACXC,YAAa,mBAqBTC,EAAgB,CAjBpB,cACA,YACA,cACA,eACA,eACA,gBACA,YACA,UACA,YACA,aACA,aACA,cACA,QACA,WAGuB,aAAc,WAAY,YAAa,eAWhE,SAASC,EAAaC,GACb,MAAsB,oBAAfC,YAA8BD,aAAeC,UAC7D,CAKO,SAASC,EACdlC,EACAM,EACA6B,EACAC,GAGI,IAAAC,EAAsCrC,EAAIsC,oBAAoBhC,GAGlE,MAAMiC,EAAmB,WAAU,OAA8C,KAAlD,OAAIC,EAAAxC,EAAAK,iCAAJ,EAAAmC,EAAgCC,cAAkB,EAG3EC,EAAkD,CAAC,EACzD,IAAIC,EAAuBJ,IAErB,MAAAK,EAAgBC,IACNf,EAAAgB,SAASC,IACf,MAAAC,EAAMN,EAAoBK,KAAAL,EAAAK,GAAAE,GA9BtC,IAAyCR,EA+BnCN,EAAQe,iBAAiBH,EAAMC,GA/BIP,EA+BmBI,EAANE,EA7BnCI,WAAW,SAAW,CAAEC,SAAUX,GAAkB,CAAEW,SAAS,IA6BlB,GAC3D,EAEGC,EAAkB,KACRvB,EAAAgB,SAASC,IACf,MAAAC,EAAKN,EAAUK,GACjBC,GAAIb,EAAQmB,oBAAoBP,EAAMC,EAAE,GAC7C,EAIHJ,EAAaD,GAGP,MAAAY,EAAWvD,EAAIS,cAAa,KAE5B,GAAe,WAAfH,EAAMyC,KAAmB,CACrB,MAAArC,EAAOV,EAAIK,2BACjB8B,EAAQqB,MAAMC,OAAyB,YAAhB,MAAA/C,OAAA,EAAAA,EAAMJ,OAAsBI,EAAK+C,QAAU,OAAU,MAAA,CAGrEpB,EAAArC,EAAIsC,oBAAoBhC,GAGjC,MAAMuC,EAAMN,IACRM,IAAQF,IACMU,IAChBT,EAAaC,GACUF,EAAAE,EAAA,IAIrBa,EAAc1D,EAAI2D,iBAAgB,KAC7BtB,EAAArC,EAAIsC,oBAAoBhC,EAAK,IAIlCsD,EAAc5D,EAAIK,2BAClBwD,EAAgB7D,EAAI8D,mBAClB3B,EAAAqB,MAAMC,OACG,WAAfnD,EAAMyC,MAA4C,YAAV,MAAba,OAAa,EAAAA,EAAAtD,OAAqB,OAASuD,EAExE,MAAME,EAAa/D,EAAIgE,gBAAgBC,UAClB,WAAf3D,EAAMyC,MAA+D,YAA1C,OAAAP,EAAAxC,EAAIK,iCAAJ,EAAAmC,EAAgClC,SAC/D6B,EAAQqB,MAAMC,OAASQ,EAAA,IAInBC,EAAQ,CAACC,EAAyCC,KACtD,GAAIhC,EAAqB,OAAOA,EAAoB+B,EAAmBC,GACjE,MAAAC,EAAID,EAAKE,wBACR,MAAA,CAAEC,EAAGJ,EAAEK,QAAUH,EAAEI,KAAMC,EAAGP,EAAEQ,QAAUN,EAAEO,IAAI,EAIvD,SAAS3B,EAAYjB,SACf,GAAAhC,EAAI6E,WAAY,OAEd,MAAAC,EAAanE,EAAYqB,EAAIe,MACnC,IAAK+B,KAAe,MAAAzC,OAAA,EAAAA,EAASyC,IAAa,OAYtC,IAAAC,EACAC,EAKA,GAdFjD,EAAaC,IACbW,IACc,cAAbX,EAAIe,MAAqC,gBAAbf,EAAIe,OAEjCf,EAAIiD,iBAUFlD,EAAaC,GAAM,CACrB,MAAMkD,EACS,aAAblD,EAAIe,MAAoC,gBAAbf,EAAIe,KAC3Bf,EAAImD,eAAe,GACnBnD,EAAIoD,QAAQ,GAClB,IAAKF,EAAI,OAEHH,EAAAb,EAAMgB,EAAI/C,GACN6C,EAAA,CACRR,QAASU,EAAGV,QACZG,QAASO,EAAGP,QACZU,QAASrD,EAAIqD,QACbC,SAAUtD,EAAIsD,SACdC,OAAQvD,EAAIuD,OACZC,QAASxD,EAAIwD,QACbC,OAAQzD,EAAIyD,OACZC,cAAe1D,EAAI0D,cACnBC,kBAAmB,OACnBC,sBAAuB,OACzB,KACK,CACL,MAAMC,EAAK7D,EACL+C,EAAAb,EAAM2B,EAAI1D,GACN6C,EAAA,CACRR,QAASqB,EAAGrB,QACZG,QAASkB,EAAGlB,QACZU,QAASQ,EAAGR,QACZC,SAAUO,EAAGP,SACbC,OAAQM,EAAGN,OACXC,QAASK,EAAGL,QACZC,OAAQI,EAAGJ,OACXC,cAAeG,EAAGH,cAClBC,kBAAmB,aAChB,OAAAnD,EAAA,OAAAA,EAAAqD,EAAGJ,aAAH,EAAAjD,EAA2BmD,oBAA3BG,EAAAC,KAAAvD,EAA+CqD,EAAGG,UAAA,EAErDJ,sBAAuB,aACpB,OAAApD,EAAA,OAAAA,EAAAqD,EAAGJ,aAAH,EAAAjD,EAA2BoD,wBAA3BE,EAAAC,KAAAvD,EAAmDqD,EAAGG,UAAA,EAE3D,CAGF,OAAAxD,EAAAH,EAAOyC,KAAPtC,EAAAuD,KAAA1D,EAAqB0C,EAAKC,EAAShF,EAAIiG,gBAAe,CAIxD,MAAO,KACW5C,IACPE,IACEQ,IACCL,GAAA,CAEhB,+BCjNqC,EACnCwC,WACA1C,WACG2C,MAEG,MAAAC,EAAMC,SAAuB,OAC3BtG,SAAUC,GAAQN,IASxB,OAPFc,EAAAA,WAAU,KACR,GAAKR,GAAQoG,EAAIE,QAEjB,OAAOpE,EAAsBlC,EAAK,CAAE+C,KAAM,UAAYqD,EAAIE,QAAO,GAChE,CAACtG,IAGFuG,EAAAC,IAAC,MAAA,CACCJ,MACA5C,MAAO,CACLiD,MAAO,OACPC,OAAQ,UACLlD,MAED2C,EAEHD,YACH,8BCX+B,EACjCS,YACAT,WACAU,YACAC,aACAC,WACAC,QACA3E,sBACAoB,WACG2C,MAEG,MAAAC,EAAMC,SAAuB,OAC3BtG,SAAUC,GAAQN,IACpBO,EAAkBH,IAGlBkH,EAA6BC,EAAAA,aACjC,CAACC,EAAqB/E,KACd,MAAAgF,EAAOhF,EAAQmC,wBACf8C,EAAe,CACnB7C,EAAG2C,EAAM1C,QAAU2C,EAAK1C,KACxBC,EAAGwC,EAAMvC,QAAUwC,EAAKvC,KAGpByC,EAAoBC,EAAAA,cACxB,CAAEb,MAAOG,EAAWF,OAAQG,GAC5BC,EACA,GAGF,OAAOS,EAAgBA,gBAAAF,EAAaD,EAAcN,EAAUC,EAAK,GAEnE,CAACH,EAAWC,EAAYC,EAAUC,IAelC,OAZFvG,EAAAA,WAAU,KACR,GAAKR,GAAQoG,EAAIE,QAEV,OAAApE,EACLlC,EACA,CAAE+C,KAAM,OAAQ4D,aAChBP,EAAIE,QACJlE,GAAuB4E,EACzB,GACC,CAAChH,EAAK2G,EAAWvE,EAAqB4E,IAGvCT,EAAAiB,KAAC,MAAA,CACCpB,MACA5C,MAAO,CACLiE,SAAU,WACVhB,MAAOG,EACPF,OAAQG,KACLrD,MAED2C,EAEHD,SAAA,CAAAA,EACAjG,KACEuG,IAAA,MAAA,CAAIhD,MAAO,CAAEiE,SAAU,WAAY7C,IAAK,EAAGH,KAAM,EAAGiD,MAAO,EAAGC,OAAQ,EAAGC,OAAQ,QAEtF,oBHrDG,WACC,MAAA7H,SAAEA,GAAaL,IACd,MAAA,CACLmI,UAAW,CAACC,EAAerE,EAAgBsE,EAAO,KACtC,MAAAhI,GAAAA,EAAA8H,UAAUC,EAAOrE,EAAQsE,EAAA,EAErCC,aAAeF,IACb,MAAA/H,GAAAA,EAAUiI,aAAaF,EAAA,EAG7B,gCA3BO,WACC,MAAA/H,SAAEA,GAAaL,KACduI,EAAOC,GAAY/H,EAAAA,SAAkCgI,EAAAA,cASrD,OAPP3H,EAAAA,WAAU,KACR,GAAKT,EACE,OAAAA,EAASqI,eAAeH,IAC7BC,EAASD,EAAK,GACf,GACA,CAAClI,IAEG,CACLA,WACAkI,QAEJ,gFApB2C,IACzCI,YAAoCzI,EAAAA,yBAAyBC,4DAsCxD,UAA4ByI,OAAEA,EAAQ3B,UAAAA,IACrC,MAAA5G,SAAEA,GAAaL,IACd,MAAA,CACL6I,SAAU,CACRC,EACAC,KAGM,MAAAC,SAAcD,WAASH,SAAUA,EACjCK,SAAiBF,WAAS9B,YAAaA,EAEtC,OAAA+B,QACH3I,WAAU6I,iBAAiB,CACzBN,OAAQI,EACRF,WACA7B,UAAWgC,UAEb5I,WAAU8I,eAAe,CACvBvI,WACqB,IAAnBqI,EACI,CAAE5F,KAAM,OAAQ4D,UAAWgC,GAC3B,CAAE5F,KAAM,UACdyF,YAAA,EAIZ"}
+{"version":3,"file":"index.cjs","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  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  EmbedPdfPointerEvent,\n  InteractionExclusionRules,\n} from '@embedpdf/plugin-interaction-manager';\n\n/* -------------------------------------------------- */\n/* event → handler key lookup                         */\n/* -------------------------------------------------- */\ntype K = keyof PointerEventHandlers;\nconst domEventMap: Record<string, K> = {\n  pointerdown: 'onPointerDown',\n  pointerup: 'onPointerUp',\n  pointermove: 'onPointerMove',\n  pointerenter: 'onPointerEnter',\n  pointerleave: 'onPointerLeave',\n  pointercancel: 'onPointerCancel',\n\n  mousedown: 'onMouseDown',\n  mouseup: 'onMouseUp',\n  mousemove: 'onMouseMove',\n  mouseenter: 'onMouseEnter',\n  mouseleave: 'onMouseLeave',\n  mousecancel: 'onMouseCancel',\n\n  click: 'onClick',\n  dblclick: 'onDoubleClick',\n\n  /* touch → pointer fallback for very old browsers */\n  touchstart: 'onPointerDown',\n  touchend: 'onPointerUp',\n  touchmove: 'onPointerMove',\n  touchcancel: 'onPointerCancel',\n};\n\nconst pointerEventTypes = [\n  'pointerdown',\n  'pointerup',\n  'pointermove',\n  'pointerenter',\n  'pointerleave',\n  'pointercancel',\n  'mousedown',\n  'mouseup',\n  'mousemove',\n  'mouseenter',\n  'mouseleave',\n  'mousecancel',\n  'click',\n  'dblclick',\n];\n\nconst touchEventTypes = ['touchstart', 'touchend', 'touchmove', 'touchcancel'];\nconst HAS_POINTER = typeof PointerEvent !== 'undefined';\n// If the browser supports Pointer Events, don't attach legacy touch events to avoid double-dispatch.\nconst allEventTypes = HAS_POINTER ? pointerEventTypes : [...pointerEventTypes, ...touchEventTypes];\n\n/* -------------------------------------------------- */\n/* helper: decide listener options per event type     */\n/* -------------------------------------------------- */\nfunction listenerOpts(eventType: string, wantsRawTouch: boolean): AddEventListenerOptions {\n  // Only touch events are toggled; pointer/mouse stay non-passive\n  return eventType.startsWith('touch') ? { passive: !wantsRawTouch } : { passive: false };\n}\n\nfunction isTouchEvent(evt: Event): evt is TouchEvent {\n  return typeof TouchEvent !== 'undefined' && evt instanceof TouchEvent;\n}\n\n/**\n * Check if an element should be excluded based on rules\n * This is in the framework layer, not the plugin\n */\nfunction shouldExcludeElement(element: Element | null, rules: InteractionExclusionRules): boolean {\n  if (!element) return false;\n\n  let current: Element | null = element;\n\n  while (current) {\n    // Check classes\n    if (rules.classes?.length) {\n      for (const className of rules.classes) {\n        if (current.classList?.contains(className)) {\n          return true;\n        }\n      }\n    }\n\n    // Check data attributes\n    if (rules.dataAttributes?.length) {\n      for (const attr of rules.dataAttributes) {\n        if (current.hasAttribute(attr)) {\n          return true;\n        }\n      }\n    }\n\n    // Move up the DOM tree\n    current = current.parentElement;\n  }\n\n  return false;\n}\n\n/* -------------------------------------------------- */\n/* createPointerProvider                              */\n/* -------------------------------------------------- */\nexport function createPointerProvider(\n  cap: InteractionManagerCapability,\n  scope: InteractionScope,\n  element: HTMLElement,\n  convertEventToPoint?: (evt: PointerEvent, host: HTMLElement) => Position,\n) {\n  /* ---------- live handler set --------------------------------------------------- */\n  let active: PointerEventHandlers | null = cap.getHandlersForScope(scope);\n\n  /* ---------- helper to compute current wantsRawTouch (defaults to true) --------- */\n  const wantsRawTouchNow = () => cap.getActiveInteractionMode()?.wantsRawTouch !== false; // default → true\n\n  /* ---------- dynamic listener (re)attachment ------------------------------------ */\n  const listeners: Record<string, (evt: Event) => void> = {};\n  let attachedWithRawTouch = wantsRawTouchNow(); // remember current mode’s wish\n\n  const addListeners = (raw: boolean) => {\n    allEventTypes.forEach((type) => {\n      const fn = (listeners[type] ??= handleEvent);\n      element.addEventListener(type, fn, listenerOpts(type, raw));\n    });\n  };\n  const removeListeners = () => {\n    allEventTypes.forEach((type) => {\n      const fn = listeners[type];\n      if (fn) element.removeEventListener(type, fn);\n    });\n  };\n\n  /* attach for the first time */\n  addListeners(attachedWithRawTouch);\n  element.style.touchAction = attachedWithRawTouch ? 'none' : '';\n\n  /* ---------- mode & handler change hooks --------------------------------------- */\n  const stopMode = cap.onModeChange(() => {\n    /* cursor baseline update for global wrapper */\n    if (scope.type === 'global') {\n      const mode = cap.getActiveInteractionMode();\n      element.style.cursor = mode?.scope === 'global' ? (mode.cursor ?? 'auto') : 'auto';\n    }\n\n    active = cap.getHandlersForScope(scope);\n\n    /* re-attach listeners if wantsRawTouch toggled */\n    const raw = wantsRawTouchNow();\n    if (raw !== attachedWithRawTouch) {\n      removeListeners();\n      addListeners(raw);\n      attachedWithRawTouch = raw;\n      element.style.touchAction = attachedWithRawTouch ? 'none' : '';\n    }\n  });\n\n  const stopHandler = cap.onHandlerChange(() => {\n    active = cap.getHandlersForScope(scope);\n  });\n\n  /* ---------- cursor sync -------------------------------------------------------- */\n  const initialMode = cap.getActiveInteractionMode();\n  const initialCursor = cap.getCurrentCursor();\n  element.style.cursor =\n    scope.type === 'global' && initialMode?.scope !== 'global' ? 'auto' : initialCursor;\n\n  const stopCursor = cap.onCursorChange((c) => {\n    if (scope.type === 'global' && cap.getActiveInteractionMode()?.scope !== 'global') return;\n    element.style.cursor = c;\n  });\n\n  /* ---------- point conversion --------------------------------------------------- */\n  const toPos = (e: { clientX: number; clientY: number }, host: HTMLElement): Position => {\n    if (convertEventToPoint) return convertEventToPoint(e as PointerEvent, host);\n    const r = host.getBoundingClientRect();\n    return { x: e.clientX - r.left, y: e.clientY - r.top };\n  };\n\n  /* ---------- central event handler --------------------------------------------- */\n  function handleEvent(evt: Event) {\n    if (cap.isPaused()) return;\n\n    // Get exclusion rules from capability and check in framework layer\n    const exclusionRules = cap.getExclusionRules();\n    if (evt.target && shouldExcludeElement(evt.target as Element, exclusionRules)) {\n      return; // Skip processing this event\n    }\n\n    const handlerKey = domEventMap[evt.type];\n    if (!handlerKey || !active?.[handlerKey]) return;\n\n    /* preventDefault only when mode really wants raw touch                        */\n    if (\n      isTouchEvent(evt) &&\n      attachedWithRawTouch &&\n      (evt.type === 'touchmove' || evt.type === 'touchcancel')\n    ) {\n      evt.preventDefault();\n    }\n\n    // ----- normalise ----------------------------------------------------------------\n    let pos!: Position;\n    let normEvt!: EmbedPdfPointerEvent & {\n      target: EventTarget | null;\n      currentTarget: EventTarget | null;\n    };\n\n    if (isTouchEvent(evt)) {\n      const tp =\n        evt.type === 'touchend' || evt.type === 'touchcancel'\n          ? evt.changedTouches[0]\n          : evt.touches[0];\n      if (!tp) return;\n\n      pos = toPos(tp, element);\n      normEvt = {\n        clientX: tp.clientX,\n        clientY: tp.clientY,\n        ctrlKey: evt.ctrlKey,\n        shiftKey: evt.shiftKey,\n        altKey: evt.altKey,\n        metaKey: evt.metaKey,\n        target: evt.target,\n        currentTarget: evt.currentTarget,\n        setPointerCapture: () => {},\n        releasePointerCapture: () => {},\n      };\n    } else {\n      const pe = evt as PointerEvent;\n      pos = toPos(pe, element);\n      normEvt = {\n        clientX: pe.clientX,\n        clientY: pe.clientY,\n        ctrlKey: pe.ctrlKey,\n        shiftKey: pe.shiftKey,\n        altKey: pe.altKey,\n        metaKey: pe.metaKey,\n        target: pe.target,\n        currentTarget: pe.currentTarget,\n        setPointerCapture: () => {\n          (pe.target as HTMLElement)?.setPointerCapture?.(pe.pointerId);\n        },\n        releasePointerCapture: () => {\n          (pe.target as HTMLElement)?.releasePointerCapture?.(pe.pointerId);\n        },\n      };\n    }\n\n    active[handlerKey]?.(pos, normEvt, cap.getActiveMode());\n  }\n\n  /* ---------- teardown ----------------------------------------------------------- */\n  return () => {\n    removeListeners();\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, Size, transformSize } 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\n      const displaySize: Size = transformSize(\n        { width: pageWidth, height: pageHeight },\n        rotation,\n        1,\n      );\n\n      return restorePosition(displaySize, displayPoint, rotation, scale);\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        position: 'relative',\n        width: pageWidth,\n        height: pageHeight,\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":["useInteractionManagerCapability","useCapability","InteractionManagerPlugin","id","useIsPageExclusive","provides","cap","isPageExclusive","setIsPageExclusive","useState","m","getActiveInteractionMode","scope","exclusive","useEffect","onModeChange","mode","domEventMap","pointerdown","pointerup","pointermove","pointerenter","pointerleave","pointercancel","mousedown","mouseup","mousemove","mouseenter","mouseleave","mousecancel","click","dblclick","touchstart","touchend","touchmove","touchcancel","pointerEventTypes","allEventTypes","PointerEvent","isTouchEvent","evt","TouchEvent","createPointerProvider","element","convertEventToPoint","active","getHandlersForScope","wantsRawTouchNow","_a","wantsRawTouch","listeners","attachedWithRawTouch","addListeners","raw","forEach","type","fn","handleEvent","addEventListener","startsWith","passive","removeListeners","removeEventListener","style","touchAction","stopMode","cursor","stopHandler","onHandlerChange","initialMode","initialCursor","getCurrentCursor","stopCursor","onCursorChange","c","toPos","e","host","r","getBoundingClientRect","x","clientX","left","y","clientY","top","isPaused","exclusionRules","getExclusionRules","target","rules","current","classes","length","className","_b","classList","contains","_c","dataAttributes","attr","hasAttribute","parentElement","shouldExcludeElement","handlerKey","pos","normEvt","preventDefault","tp","changedTouches","touches","ctrlKey","shiftKey","altKey","metaKey","currentTarget","setPointerCapture","releasePointerCapture","pe","call","pointerId","getActiveMode","children","props","ref","useRef","jsxRuntime","jsx","width","height","pageIndex","pageWidth","pageHeight","rotation","scale","defaultConvertEventToPoint","useCallback","event","rect","displayPoint","displaySize","transformSize","restorePosition","jsxs","position","right","bottom","zIndex","setCursor","token","prio","removeCursor","state","setState","initialState","onStateChange","usePlugin","modeId","register","handlers","options","finalModeId","finalPageIndex","registerHandlers","registerAlways"],"mappings":"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"}

package/dist/preact/index.js

@@ -101,13 +101,37 @@ const pointerEventTypes = [
   "dblclick"
 ];
 const touchEventTypes = ["touchstart", "touchend", "touchmove", "touchcancel"];
-const allEventTypes = [...pointerEventTypes, ...touchEventTypes];
+const HAS_POINTER = typeof PointerEvent !== "undefined";
+const allEventTypes = HAS_POINTER ? pointerEventTypes : [...pointerEventTypes, ...touchEventTypes];
 function listenerOpts(eventType, wantsRawTouch) {
   return eventType.startsWith("touch") ? { passive: !wantsRawTouch } : { passive: false };
 }
 function isTouchEvent(evt) {
   return typeof TouchEvent !== "undefined" && evt instanceof TouchEvent;
 }
+function shouldExcludeElement(element, rules) {
+  var _a, _b, _c;
+  if (!element) return false;
+  let current = element;
+  while (current) {
+    if ((_a = rules.classes) == null ? void 0 : _a.length) {
+      for (const className of rules.classes) {
+        if ((_b = current.classList) == null ? void 0 : _b.contains(className)) {
+          return true;
+        }
+      }
+    }
+    if ((_c = rules.dataAttributes) == null ? void 0 : _c.length) {
+      for (const attr of rules.dataAttributes) {
+        if (current.hasAttribute(attr)) {
+          return true;
+        }
+      }
+    }
+    current = current.parentElement;
+  }
+  return false;
+}
 function createPointerProvider(cap, scope, element, convertEventToPoint) {
   let active = cap.getHandlersForScope(scope);
   const wantsRawTouchNow = () => {
@@ -129,6 +153,7 @@ function createPointerProvider(cap, scope, element, convertEventToPoint) {
     });
   };
   addListeners(attachedWithRawTouch);
+  element.style.touchAction = attachedWithRawTouch ? "none" : "";
   const stopMode = cap.onModeChange(() => {
     if (scope.type === "global") {
       const mode = cap.getActiveInteractionMode();
@@ -140,6 +165,7 @@ function createPointerProvider(cap, scope, element, convertEventToPoint) {
       removeListeners();
       addListeners(raw);
       attachedWithRawTouch = raw;
+      element.style.touchAction = attachedWithRawTouch ? "none" : "";
     }
   });
   const stopHandler = cap.onHandlerChange(() => {
@@ -161,6 +187,10 @@ function createPointerProvider(cap, scope, element, convertEventToPoint) {
   function handleEvent(evt) {
     var _a;
     if (cap.isPaused()) return;
+    const exclusionRules = cap.getExclusionRules();
+    if (evt.target && shouldExcludeElement(evt.target, exclusionRules)) {
+      return;
+    }
     const handlerKey = domEventMap[evt.type];
     if (!handlerKey || !(active == null ? void 0 : active[handlerKey])) return;
     if (isTouchEvent(evt) && attachedWithRawTouch && (evt.type === "touchmove" || evt.type === "touchcancel")) {

package/dist/preact/index.js.map

@@ -1 +1 @@
-{"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  EmbedPdfPointerEvent,\n} from '@embedpdf/plugin-interaction-manager';\n\n/* -------------------------------------------------- */\n/* event → handler key lookup                         */\n/* -------------------------------------------------- */\ntype K = keyof PointerEventHandlers;\nconst domEventMap: Record<string, K> = {\n  pointerdown: 'onPointerDown',\n  pointerup: 'onPointerUp',\n  pointermove: 'onPointerMove',\n  pointerenter: 'onPointerEnter',\n  pointerleave: 'onPointerLeave',\n  pointercancel: 'onPointerCancel',\n\n  mousedown: 'onMouseDown',\n  mouseup: 'onMouseUp',\n  mousemove: 'onMouseMove',\n  mouseenter: 'onMouseEnter',\n  mouseleave: 'onMouseLeave',\n  mousecancel: 'onMouseCancel',\n\n  click: 'onClick',\n  dblclick: 'onDoubleClick',\n\n  /* touch → pointer fallback for very old browsers */\n  touchstart: 'onPointerDown',\n  touchend: 'onPointerUp',\n  touchmove: 'onPointerMove',\n  touchcancel: 'onPointerCancel',\n};\n\nconst pointerEventTypes = [\n  'pointerdown',\n  'pointerup',\n  'pointermove',\n  'pointerenter',\n  'pointerleave',\n  'pointercancel',\n  'mousedown',\n  'mouseup',\n  'mousemove',\n  'mouseenter',\n  'mouseleave',\n  'mousecancel',\n  'click',\n  'dblclick',\n];\n\nconst touchEventTypes = ['touchstart', 'touchend', 'touchmove', 'touchcancel'];\nconst allEventTypes = [...pointerEventTypes, ...touchEventTypes];\n\n/* -------------------------------------------------- */\n/* helper: decide listener options per event type     */\n/* -------------------------------------------------- */\nfunction listenerOpts(eventType: string, wantsRawTouch: boolean): AddEventListenerOptions {\n  // Only touch events are toggled; pointer/mouse stay non-passive\n  return eventType.startsWith('touch') ? { passive: !wantsRawTouch } : { passive: false };\n}\n\nfunction isTouchEvent(evt: Event): evt is TouchEvent {\n  return typeof TouchEvent !== 'undefined' && evt instanceof TouchEvent;\n}\n\n/* -------------------------------------------------- */\n/* createPointerProvider                              */\n/* -------------------------------------------------- */\nexport function createPointerProvider(\n  cap: InteractionManagerCapability,\n  scope: InteractionScope,\n  element: HTMLElement,\n  convertEventToPoint?: (evt: PointerEvent, host: HTMLElement) => Position,\n) {\n  /* ---------- live handler set --------------------------------------------------- */\n  let active: PointerEventHandlers | null = cap.getHandlersForScope(scope);\n\n  /* ---------- helper to compute current wantsRawTouch (defaults to true) --------- */\n  const wantsRawTouchNow = () => cap.getActiveInteractionMode()?.wantsRawTouch !== false; // default → true\n\n  /* ---------- dynamic listener (re)attachment ------------------------------------ */\n  const listeners: Record<string, (evt: Event) => void> = {};\n  let attachedWithRawTouch = wantsRawTouchNow(); // remember current mode’s wish\n\n  const addListeners = (raw: boolean) => {\n    allEventTypes.forEach((type) => {\n      const fn = (listeners[type] ??= handleEvent);\n      element.addEventListener(type, fn, listenerOpts(type, raw));\n    });\n  };\n  const removeListeners = () => {\n    allEventTypes.forEach((type) => {\n      const fn = listeners[type];\n      if (fn) element.removeEventListener(type, fn);\n    });\n  };\n\n  /* attach for the first time */\n  addListeners(attachedWithRawTouch);\n\n  /* ---------- mode & handler change hooks --------------------------------------- */\n  const stopMode = cap.onModeChange(() => {\n    /* cursor baseline update for global wrapper */\n    if (scope.type === 'global') {\n      const mode = cap.getActiveInteractionMode();\n      element.style.cursor = mode?.scope === 'global' ? (mode.cursor ?? 'auto') : 'auto';\n    }\n\n    active = cap.getHandlersForScope(scope);\n\n    /* re-attach listeners if wantsRawTouch toggled */\n    const raw = wantsRawTouchNow();\n    if (raw !== attachedWithRawTouch) {\n      removeListeners();\n      addListeners(raw);\n      attachedWithRawTouch = raw;\n    }\n  });\n\n  const stopHandler = cap.onHandlerChange(() => {\n    active = cap.getHandlersForScope(scope);\n  });\n\n  /* ---------- cursor sync -------------------------------------------------------- */\n  const initialMode = cap.getActiveInteractionMode();\n  const initialCursor = cap.getCurrentCursor();\n  element.style.cursor =\n    scope.type === 'global' && initialMode?.scope !== 'global' ? 'auto' : initialCursor;\n\n  const stopCursor = cap.onCursorChange((c) => {\n    if (scope.type === 'global' && cap.getActiveInteractionMode()?.scope !== 'global') return;\n    element.style.cursor = c;\n  });\n\n  /* ---------- point conversion --------------------------------------------------- */\n  const toPos = (e: { clientX: number; clientY: number }, host: HTMLElement): Position => {\n    if (convertEventToPoint) return convertEventToPoint(e as PointerEvent, host);\n    const r = host.getBoundingClientRect();\n    return { x: e.clientX - r.left, y: e.clientY - r.top };\n  };\n\n  /* ---------- central event handler --------------------------------------------- */\n  function handleEvent(evt: Event) {\n    if (cap.isPaused()) return;\n\n    const handlerKey = domEventMap[evt.type];\n    if (!handlerKey || !active?.[handlerKey]) return;\n\n    /* preventDefault only when mode really wants raw touch                        */\n    if (\n      isTouchEvent(evt) &&\n      attachedWithRawTouch &&\n      (evt.type === 'touchmove' || evt.type === 'touchcancel')\n    ) {\n      evt.preventDefault();\n    }\n\n    // ----- normalise ----------------------------------------------------------------\n    let pos!: Position;\n    let normEvt!: EmbedPdfPointerEvent & {\n      target: EventTarget | null;\n      currentTarget: EventTarget | null;\n    };\n\n    if (isTouchEvent(evt)) {\n      const tp =\n        evt.type === 'touchend' || evt.type === 'touchcancel'\n          ? evt.changedTouches[0]\n          : evt.touches[0];\n      if (!tp) return;\n\n      pos = toPos(tp, element);\n      normEvt = {\n        clientX: tp.clientX,\n        clientY: tp.clientY,\n        ctrlKey: evt.ctrlKey,\n        shiftKey: evt.shiftKey,\n        altKey: evt.altKey,\n        metaKey: evt.metaKey,\n        target: evt.target,\n        currentTarget: evt.currentTarget,\n        setPointerCapture: () => {},\n        releasePointerCapture: () => {},\n      };\n    } else {\n      const pe = evt as PointerEvent;\n      pos = toPos(pe, element);\n      normEvt = {\n        clientX: pe.clientX,\n        clientY: pe.clientY,\n        ctrlKey: pe.ctrlKey,\n        shiftKey: pe.shiftKey,\n        altKey: pe.altKey,\n        metaKey: pe.metaKey,\n        target: pe.target,\n        currentTarget: pe.currentTarget,\n        setPointerCapture: () => {\n          (pe.target as HTMLElement)?.setPointerCapture?.(pe.pointerId);\n        },\n        releasePointerCapture: () => {\n          (pe.target as HTMLElement)?.releasePointerCapture?.(pe.pointerId);\n        },\n      };\n    }\n\n    active[handlerKey]?.(pos, normEvt, cap.getActiveMode());\n  }\n\n  /* ---------- teardown ----------------------------------------------------------- */\n  return () => {\n    removeListeners();\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, Size, transformSize } 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\n      const displaySize: Size = transformSize(\n        { width: pageWidth, height: pageHeight },\n        rotation,\n        1,\n      );\n\n      return restorePosition(displaySize, displayPoint, rotation, scale);\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        position: 'relative',\n        width: pageWidth,\n        height: pageHeight,\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","_a"],"mappings":"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"}
+{"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  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  EmbedPdfPointerEvent,\n  InteractionExclusionRules,\n} from '@embedpdf/plugin-interaction-manager';\n\n/* -------------------------------------------------- */\n/* event → handler key lookup                         */\n/* -------------------------------------------------- */\ntype K = keyof PointerEventHandlers;\nconst domEventMap: Record<string, K> = {\n  pointerdown: 'onPointerDown',\n  pointerup: 'onPointerUp',\n  pointermove: 'onPointerMove',\n  pointerenter: 'onPointerEnter',\n  pointerleave: 'onPointerLeave',\n  pointercancel: 'onPointerCancel',\n\n  mousedown: 'onMouseDown',\n  mouseup: 'onMouseUp',\n  mousemove: 'onMouseMove',\n  mouseenter: 'onMouseEnter',\n  mouseleave: 'onMouseLeave',\n  mousecancel: 'onMouseCancel',\n\n  click: 'onClick',\n  dblclick: 'onDoubleClick',\n\n  /* touch → pointer fallback for very old browsers */\n  touchstart: 'onPointerDown',\n  touchend: 'onPointerUp',\n  touchmove: 'onPointerMove',\n  touchcancel: 'onPointerCancel',\n};\n\nconst pointerEventTypes = [\n  'pointerdown',\n  'pointerup',\n  'pointermove',\n  'pointerenter',\n  'pointerleave',\n  'pointercancel',\n  'mousedown',\n  'mouseup',\n  'mousemove',\n  'mouseenter',\n  'mouseleave',\n  'mousecancel',\n  'click',\n  'dblclick',\n];\n\nconst touchEventTypes = ['touchstart', 'touchend', 'touchmove', 'touchcancel'];\nconst HAS_POINTER = typeof PointerEvent !== 'undefined';\n// If the browser supports Pointer Events, don't attach legacy touch events to avoid double-dispatch.\nconst allEventTypes = HAS_POINTER ? pointerEventTypes : [...pointerEventTypes, ...touchEventTypes];\n\n/* -------------------------------------------------- */\n/* helper: decide listener options per event type     */\n/* -------------------------------------------------- */\nfunction listenerOpts(eventType: string, wantsRawTouch: boolean): AddEventListenerOptions {\n  // Only touch events are toggled; pointer/mouse stay non-passive\n  return eventType.startsWith('touch') ? { passive: !wantsRawTouch } : { passive: false };\n}\n\nfunction isTouchEvent(evt: Event): evt is TouchEvent {\n  return typeof TouchEvent !== 'undefined' && evt instanceof TouchEvent;\n}\n\n/**\n * Check if an element should be excluded based on rules\n * This is in the framework layer, not the plugin\n */\nfunction shouldExcludeElement(element: Element | null, rules: InteractionExclusionRules): boolean {\n  if (!element) return false;\n\n  let current: Element | null = element;\n\n  while (current) {\n    // Check classes\n    if (rules.classes?.length) {\n      for (const className of rules.classes) {\n        if (current.classList?.contains(className)) {\n          return true;\n        }\n      }\n    }\n\n    // Check data attributes\n    if (rules.dataAttributes?.length) {\n      for (const attr of rules.dataAttributes) {\n        if (current.hasAttribute(attr)) {\n          return true;\n        }\n      }\n    }\n\n    // Move up the DOM tree\n    current = current.parentElement;\n  }\n\n  return false;\n}\n\n/* -------------------------------------------------- */\n/* createPointerProvider                              */\n/* -------------------------------------------------- */\nexport function createPointerProvider(\n  cap: InteractionManagerCapability,\n  scope: InteractionScope,\n  element: HTMLElement,\n  convertEventToPoint?: (evt: PointerEvent, host: HTMLElement) => Position,\n) {\n  /* ---------- live handler set --------------------------------------------------- */\n  let active: PointerEventHandlers | null = cap.getHandlersForScope(scope);\n\n  /* ---------- helper to compute current wantsRawTouch (defaults to true) --------- */\n  const wantsRawTouchNow = () => cap.getActiveInteractionMode()?.wantsRawTouch !== false; // default → true\n\n  /* ---------- dynamic listener (re)attachment ------------------------------------ */\n  const listeners: Record<string, (evt: Event) => void> = {};\n  let attachedWithRawTouch = wantsRawTouchNow(); // remember current mode’s wish\n\n  const addListeners = (raw: boolean) => {\n    allEventTypes.forEach((type) => {\n      const fn = (listeners[type] ??= handleEvent);\n      element.addEventListener(type, fn, listenerOpts(type, raw));\n    });\n  };\n  const removeListeners = () => {\n    allEventTypes.forEach((type) => {\n      const fn = listeners[type];\n      if (fn) element.removeEventListener(type, fn);\n    });\n  };\n\n  /* attach for the first time */\n  addListeners(attachedWithRawTouch);\n  element.style.touchAction = attachedWithRawTouch ? 'none' : '';\n\n  /* ---------- mode & handler change hooks --------------------------------------- */\n  const stopMode = cap.onModeChange(() => {\n    /* cursor baseline update for global wrapper */\n    if (scope.type === 'global') {\n      const mode = cap.getActiveInteractionMode();\n      element.style.cursor = mode?.scope === 'global' ? (mode.cursor ?? 'auto') : 'auto';\n    }\n\n    active = cap.getHandlersForScope(scope);\n\n    /* re-attach listeners if wantsRawTouch toggled */\n    const raw = wantsRawTouchNow();\n    if (raw !== attachedWithRawTouch) {\n      removeListeners();\n      addListeners(raw);\n      attachedWithRawTouch = raw;\n      element.style.touchAction = attachedWithRawTouch ? 'none' : '';\n    }\n  });\n\n  const stopHandler = cap.onHandlerChange(() => {\n    active = cap.getHandlersForScope(scope);\n  });\n\n  /* ---------- cursor sync -------------------------------------------------------- */\n  const initialMode = cap.getActiveInteractionMode();\n  const initialCursor = cap.getCurrentCursor();\n  element.style.cursor =\n    scope.type === 'global' && initialMode?.scope !== 'global' ? 'auto' : initialCursor;\n\n  const stopCursor = cap.onCursorChange((c) => {\n    if (scope.type === 'global' && cap.getActiveInteractionMode()?.scope !== 'global') return;\n    element.style.cursor = c;\n  });\n\n  /* ---------- point conversion --------------------------------------------------- */\n  const toPos = (e: { clientX: number; clientY: number }, host: HTMLElement): Position => {\n    if (convertEventToPoint) return convertEventToPoint(e as PointerEvent, host);\n    const r = host.getBoundingClientRect();\n    return { x: e.clientX - r.left, y: e.clientY - r.top };\n  };\n\n  /* ---------- central event handler --------------------------------------------- */\n  function handleEvent(evt: Event) {\n    if (cap.isPaused()) return;\n\n    // Get exclusion rules from capability and check in framework layer\n    const exclusionRules = cap.getExclusionRules();\n    if (evt.target && shouldExcludeElement(evt.target as Element, exclusionRules)) {\n      return; // Skip processing this event\n    }\n\n    const handlerKey = domEventMap[evt.type];\n    if (!handlerKey || !active?.[handlerKey]) return;\n\n    /* preventDefault only when mode really wants raw touch                        */\n    if (\n      isTouchEvent(evt) &&\n      attachedWithRawTouch &&\n      (evt.type === 'touchmove' || evt.type === 'touchcancel')\n    ) {\n      evt.preventDefault();\n    }\n\n    // ----- normalise ----------------------------------------------------------------\n    let pos!: Position;\n    let normEvt!: EmbedPdfPointerEvent & {\n      target: EventTarget | null;\n      currentTarget: EventTarget | null;\n    };\n\n    if (isTouchEvent(evt)) {\n      const tp =\n        evt.type === 'touchend' || evt.type === 'touchcancel'\n          ? evt.changedTouches[0]\n          : evt.touches[0];\n      if (!tp) return;\n\n      pos = toPos(tp, element);\n      normEvt = {\n        clientX: tp.clientX,\n        clientY: tp.clientY,\n        ctrlKey: evt.ctrlKey,\n        shiftKey: evt.shiftKey,\n        altKey: evt.altKey,\n        metaKey: evt.metaKey,\n        target: evt.target,\n        currentTarget: evt.currentTarget,\n        setPointerCapture: () => {},\n        releasePointerCapture: () => {},\n      };\n    } else {\n      const pe = evt as PointerEvent;\n      pos = toPos(pe, element);\n      normEvt = {\n        clientX: pe.clientX,\n        clientY: pe.clientY,\n        ctrlKey: pe.ctrlKey,\n        shiftKey: pe.shiftKey,\n        altKey: pe.altKey,\n        metaKey: pe.metaKey,\n        target: pe.target,\n        currentTarget: pe.currentTarget,\n        setPointerCapture: () => {\n          (pe.target as HTMLElement)?.setPointerCapture?.(pe.pointerId);\n        },\n        releasePointerCapture: () => {\n          (pe.target as HTMLElement)?.releasePointerCapture?.(pe.pointerId);\n        },\n      };\n    }\n\n    active[handlerKey]?.(pos, normEvt, cap.getActiveMode());\n  }\n\n  /* ---------- teardown ----------------------------------------------------------- */\n  return () => {\n    removeListeners();\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, Size, transformSize } 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\n      const displaySize: Size = transformSize(\n        { width: pageWidth, height: pageHeight },\n        rotation,\n        1,\n      );\n\n      return restorePosition(displaySize, displayPoint, rotation, scale);\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        position: 'relative',\n        width: pageWidth,\n        height: pageHeight,\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","_a"],"mappings":"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"}

package/dist/react/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/react"),t=require("@embedpdf/plugin-interaction-manager"),n=require("react"),o=require("react/jsx-runtime"),r=require("@embedpdf/models"),i=()=>e.useCapability(t.InteractionManagerPlugin.id);function l(){const{provides:e}=i(),[t,o]=n.useState((()=>{const t=null==e?void 0:e.getActiveInteractionMode();return"page"===(null==t?void 0:t.scope)&&!!t.exclusive}));return n.useEffect((()=>{if(e)return e.onModeChange((()=>{const t=e.getActiveInteractionMode();o("page"===(null==t?void 0:t.scope)&&!!(null==t?void 0:t.exclusive))}))}),[e]),t}const c={pointerdown:"onPointerDown",pointerup:"onPointerUp",pointermove:"onPointerMove",pointerenter:"onPointerEnter",pointerleave:"onPointerLeave",pointercancel:"onPointerCancel",mousedown:"onMouseDown",mouseup:"onMouseUp",mousemove:"onMouseMove",mouseenter:"onMouseEnter",mouseleave:"onMouseLeave",mousecancel:"onMouseCancel",click:"onClick",dblclick:"onDoubleClick",touchstart:"onPointerDown",touchend:"onPointerUp",touchmove:"onPointerMove",touchcancel:"onPointerCancel"},s=["pointerdown","pointerup","pointermove","pointerenter","pointerleave","pointercancel","mousedown","mouseup","mousemove","mouseenter","mouseleave","mousecancel","click","dblclick","touchstart","touchend","touchmove","touchcancel"];function u(e){return"undefined"!=typeof TouchEvent&&e instanceof TouchEvent}function a(e,t,n,o){let r=e.getHandlersForScope(t);const i=()=>{var t;return!1!==(null==(t=e.getActiveInteractionMode())?void 0:t.wantsRawTouch)},l={};let a=i();const d=e=>{s.forEach((t=>{const o=l[t]??(l[t]=P);var r;n.addEventListener(t,o,(r=e,t.startsWith("touch")?{passive:!r}:{passive:!1}))}))},p=()=>{s.forEach((e=>{const t=l[e];t&&n.removeEventListener(e,t)}))};d(a);const g=e.onModeChange((()=>{if("global"===t.type){const t=e.getActiveInteractionMode();n.style.cursor="global"===(null==t?void 0:t.scope)?t.cursor??"auto":"auto"}r=e.getHandlersForScope(t);const o=i();o!==a&&(p(),d(o),a=o)})),v=e.onHandlerChange((()=>{r=e.getHandlersForScope(t)})),h=e.getActiveInteractionMode(),f=e.getCurrentCursor();n.style.cursor="global"===t.type&&"global"!==(null==h?void 0:h.scope)?"auto":f;const y=e.onCursorChange((o=>{var r;"global"===t.type&&"global"!==(null==(r=e.getActiveInteractionMode())?void 0:r.scope)||(n.style.cursor=o)})),m=(e,t)=>{if(o)return o(e,t);const n=t.getBoundingClientRect();return{x:e.clientX-n.left,y:e.clientY-n.top}};function P(t){var o;if(e.isPaused())return;const i=c[t.type];if(!i||!(null==r?void 0:r[i]))return;let l,s;if(u(t)&&a&&("touchmove"===t.type||"touchcancel"===t.type)&&t.preventDefault(),u(t)){const e="touchend"===t.type||"touchcancel"===t.type?t.changedTouches[0]:t.touches[0];if(!e)return;l=m(e,n),s={clientX:e.clientX,clientY:e.clientY,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,metaKey:t.metaKey,target:t.target,currentTarget:t.currentTarget,setPointerCapture:()=>{},releasePointerCapture:()=>{}}}else{const e=t;l=m(e,n),s={clientX:e.clientX,clientY:e.clientY,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,metaKey:e.metaKey,target:e.target,currentTarget:e.currentTarget,setPointerCapture:()=>{var t,n;null==(n=null==(t=e.target)?void 0:t.setPointerCapture)||n.call(t,e.pointerId)},releasePointerCapture:()=>{var t,n;null==(n=null==(t=e.target)?void 0:t.releasePointerCapture)||n.call(t,e.pointerId)}}}null==(o=r[i])||o.call(r,l,s,e.getActiveMode())}return()=>{p(),g(),y(),v()}}exports.GlobalPointerProvider=({children:e,style:t,...r})=>{const l=n.useRef(null),{provides:c}=i();return n.useEffect((()=>{if(c&&l.current)return a(c,{type:"global"},l.current)}),[c]),o.jsx("div",{ref:l,style:{width:"100%",height:"100%",...t},...r,children:e})},exports.PagePointerProvider=({pageIndex:e,children:t,pageWidth:c,pageHeight:s,rotation:u,scale:d,convertEventToPoint:p,style:g,...v})=>{const h=n.useRef(null),{provides:f}=i(),y=l(),m=n.useCallback(((e,t)=>{const n=t.getBoundingClientRect(),o={x:e.clientX-n.left,y:e.clientY-n.top},i=r.transformSize({width:c,height:s},u,1);return r.restorePosition(i,o,u,d)}),[c,s,u,d]);return n.useEffect((()=>{if(f&&h.current)return a(f,{type:"page",pageIndex:e},h.current,p||m)}),[f,e,p,m]),o.jsxs("div",{ref:h,style:{position:"relative",width:c,height:s,...g},...v,children:[t,y&&o.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:10}})]})},exports.useCursor=function(){const{provides:e}=i();return{setCursor:(t,n,o=0)=>{null==e||e.setCursor(t,n,o)},removeCursor:t=>{null==e||e.removeCursor(t)}}},exports.useInteractionManager=function(){const{provides:e}=i(),[o,r]=n.useState(t.initialState);return n.useEffect((()=>{if(e)return e.onStateChange((e=>{r(e)}))}),[e]),{provides:e,state:o}},exports.useInteractionManagerCapability=i,exports.useInteractionManagerPlugin=()=>e.usePlugin(t.InteractionManagerPlugin.id),exports.useIsPageExclusive=l,exports.usePointerHandlers=function({modeId:e,pageIndex:t}){const{provides:n}=i();return{register:(o,r)=>{const i=(null==r?void 0:r.modeId)??e,l=(null==r?void 0:r.pageIndex)??t;return i?null==n?void 0:n.registerHandlers({modeId:i,handlers:o,pageIndex:l}):null==n?void 0:n.registerAlways({scope:void 0!==l?{type:"page",pageIndex:l}:{type:"global"},handlers:o})}}},Object.keys(t).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})}));
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/react"),t=require("@embedpdf/plugin-interaction-manager"),n=require("react"),o=require("react/jsx-runtime"),r=require("@embedpdf/models"),i=()=>e.useCapability(t.InteractionManagerPlugin.id);function l(){const{provides:e}=i(),[t,o]=n.useState((()=>{const t=null==e?void 0:e.getActiveInteractionMode();return"page"===(null==t?void 0:t.scope)&&!!t.exclusive}));return n.useEffect((()=>{if(e)return e.onModeChange((()=>{const t=e.getActiveInteractionMode();o("page"===(null==t?void 0:t.scope)&&!!(null==t?void 0:t.exclusive))}))}),[e]),t}const s={pointerdown:"onPointerDown",pointerup:"onPointerUp",pointermove:"onPointerMove",pointerenter:"onPointerEnter",pointerleave:"onPointerLeave",pointercancel:"onPointerCancel",mousedown:"onMouseDown",mouseup:"onMouseUp",mousemove:"onMouseMove",mouseenter:"onMouseEnter",mouseleave:"onMouseLeave",mousecancel:"onMouseCancel",click:"onClick",dblclick:"onDoubleClick",touchstart:"onPointerDown",touchend:"onPointerUp",touchmove:"onPointerMove",touchcancel:"onPointerCancel"},c=["pointerdown","pointerup","pointermove","pointerenter","pointerleave","pointercancel","mousedown","mouseup","mousemove","mouseenter","mouseleave","mousecancel","click","dblclick"],u="undefined"!=typeof PointerEvent?c:[...c,"touchstart","touchend","touchmove","touchcancel"];function a(e){return"undefined"!=typeof TouchEvent&&e instanceof TouchEvent}function d(e,t,n,o){let r=e.getHandlersForScope(t);const i=()=>{var t;return!1!==(null==(t=e.getActiveInteractionMode())?void 0:t.wantsRawTouch)},l={};let c=i();const d=e=>{u.forEach((t=>{const o=l[t]??(l[t]=P);var r;n.addEventListener(t,o,(r=e,t.startsWith("touch")?{passive:!r}:{passive:!1}))}))},p=()=>{u.forEach((e=>{const t=l[e];t&&n.removeEventListener(e,t)}))};d(c),n.style.touchAction=c?"none":"";const g=e.onModeChange((()=>{if("global"===t.type){const t=e.getActiveInteractionMode();n.style.cursor="global"===(null==t?void 0:t.scope)?t.cursor??"auto":"auto"}r=e.getHandlersForScope(t);const o=i();o!==c&&(p(),d(o),c=o,n.style.touchAction=c?"none":"")})),v=e.onHandlerChange((()=>{r=e.getHandlersForScope(t)})),f=e.getActiveInteractionMode(),h=e.getCurrentCursor();n.style.cursor="global"===t.type&&"global"!==(null==f?void 0:f.scope)?"auto":h;const y=e.onCursorChange((o=>{var r;"global"===t.type&&"global"!==(null==(r=e.getActiveInteractionMode())?void 0:r.scope)||(n.style.cursor=o)})),m=(e,t)=>{if(o)return o(e,t);const n=t.getBoundingClientRect();return{x:e.clientX-n.left,y:e.clientY-n.top}};function P(t){var o;if(e.isPaused())return;const i=e.getExclusionRules();if(t.target&&function(e,t){var n,o,r;if(!e)return!1;let i=e;for(;i;){if(null==(n=t.classes)?void 0:n.length)for(const e of t.classes)if(null==(o=i.classList)?void 0:o.contains(e))return!0;if(null==(r=t.dataAttributes)?void 0:r.length)for(const e of t.dataAttributes)if(i.hasAttribute(e))return!0;i=i.parentElement}return!1}(t.target,i))return;const l=s[t.type];if(!l||!(null==r?void 0:r[l]))return;let u,d;if(a(t)&&c&&("touchmove"===t.type||"touchcancel"===t.type)&&t.preventDefault(),a(t)){const e="touchend"===t.type||"touchcancel"===t.type?t.changedTouches[0]:t.touches[0];if(!e)return;u=m(e,n),d={clientX:e.clientX,clientY:e.clientY,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,metaKey:t.metaKey,target:t.target,currentTarget:t.currentTarget,setPointerCapture:()=>{},releasePointerCapture:()=>{}}}else{const e=t;u=m(e,n),d={clientX:e.clientX,clientY:e.clientY,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,metaKey:e.metaKey,target:e.target,currentTarget:e.currentTarget,setPointerCapture:()=>{var t,n;null==(n=null==(t=e.target)?void 0:t.setPointerCapture)||n.call(t,e.pointerId)},releasePointerCapture:()=>{var t,n;null==(n=null==(t=e.target)?void 0:t.releasePointerCapture)||n.call(t,e.pointerId)}}}null==(o=r[l])||o.call(r,u,d,e.getActiveMode())}return()=>{p(),g(),y(),v()}}exports.GlobalPointerProvider=({children:e,style:t,...r})=>{const l=n.useRef(null),{provides:s}=i();return n.useEffect((()=>{if(s&&l.current)return d(s,{type:"global"},l.current)}),[s]),o.jsx("div",{ref:l,style:{width:"100%",height:"100%",...t},...r,children:e})},exports.PagePointerProvider=({pageIndex:e,children:t,pageWidth:s,pageHeight:c,rotation:u,scale:a,convertEventToPoint:p,style:g,...v})=>{const f=n.useRef(null),{provides:h}=i(),y=l(),m=n.useCallback(((e,t)=>{const n=t.getBoundingClientRect(),o={x:e.clientX-n.left,y:e.clientY-n.top},i=r.transformSize({width:s,height:c},u,1);return r.restorePosition(i,o,u,a)}),[s,c,u,a]);return n.useEffect((()=>{if(h&&f.current)return d(h,{type:"page",pageIndex:e},f.current,p||m)}),[h,e,p,m]),o.jsxs("div",{ref:f,style:{position:"relative",width:s,height:c,...g},...v,children:[t,y&&o.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:10}})]})},exports.useCursor=function(){const{provides:e}=i();return{setCursor:(t,n,o=0)=>{null==e||e.setCursor(t,n,o)},removeCursor:t=>{null==e||e.removeCursor(t)}}},exports.useInteractionManager=function(){const{provides:e}=i(),[o,r]=n.useState(t.initialState);return n.useEffect((()=>{if(e)return e.onStateChange((e=>{r(e)}))}),[e]),{provides:e,state:o}},exports.useInteractionManagerCapability=i,exports.useInteractionManagerPlugin=()=>e.usePlugin(t.InteractionManagerPlugin.id),exports.useIsPageExclusive=l,exports.usePointerHandlers=function({modeId:e,pageIndex:t}){const{provides:n}=i();return{register:(o,r)=>{const i=(null==r?void 0:r.modeId)??e,l=(null==r?void 0:r.pageIndex)??t;return i?null==n?void 0:n.registerHandlers({modeId:i,handlers:o,pageIndex:l}):null==n?void 0:n.registerAlways({scope:void 0!==l?{type:"page",pageIndex:l}:{type:"global"},handlers:o})}}},Object.keys(t).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})}));
 //# sourceMappingURL=index.cjs.map

package/dist/react/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","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  EmbedPdfPointerEvent,\n} from '@embedpdf/plugin-interaction-manager';\n\n/* -------------------------------------------------- */\n/* event → handler key lookup                         */\n/* -------------------------------------------------- */\ntype K = keyof PointerEventHandlers;\nconst domEventMap: Record<string, K> = {\n  pointerdown: 'onPointerDown',\n  pointerup: 'onPointerUp',\n  pointermove: 'onPointerMove',\n  pointerenter: 'onPointerEnter',\n  pointerleave: 'onPointerLeave',\n  pointercancel: 'onPointerCancel',\n\n  mousedown: 'onMouseDown',\n  mouseup: 'onMouseUp',\n  mousemove: 'onMouseMove',\n  mouseenter: 'onMouseEnter',\n  mouseleave: 'onMouseLeave',\n  mousecancel: 'onMouseCancel',\n\n  click: 'onClick',\n  dblclick: 'onDoubleClick',\n\n  /* touch → pointer fallback for very old browsers */\n  touchstart: 'onPointerDown',\n  touchend: 'onPointerUp',\n  touchmove: 'onPointerMove',\n  touchcancel: 'onPointerCancel',\n};\n\nconst pointerEventTypes = [\n  'pointerdown',\n  'pointerup',\n  'pointermove',\n  'pointerenter',\n  'pointerleave',\n  'pointercancel',\n  'mousedown',\n  'mouseup',\n  'mousemove',\n  'mouseenter',\n  'mouseleave',\n  'mousecancel',\n  'click',\n  'dblclick',\n];\n\nconst touchEventTypes = ['touchstart', 'touchend', 'touchmove', 'touchcancel'];\nconst allEventTypes = [...pointerEventTypes, ...touchEventTypes];\n\n/* -------------------------------------------------- */\n/* helper: decide listener options per event type     */\n/* -------------------------------------------------- */\nfunction listenerOpts(eventType: string, wantsRawTouch: boolean): AddEventListenerOptions {\n  // Only touch events are toggled; pointer/mouse stay non-passive\n  return eventType.startsWith('touch') ? { passive: !wantsRawTouch } : { passive: false };\n}\n\nfunction isTouchEvent(evt: Event): evt is TouchEvent {\n  return typeof TouchEvent !== 'undefined' && evt instanceof TouchEvent;\n}\n\n/* -------------------------------------------------- */\n/* createPointerProvider                              */\n/* -------------------------------------------------- */\nexport function createPointerProvider(\n  cap: InteractionManagerCapability,\n  scope: InteractionScope,\n  element: HTMLElement,\n  convertEventToPoint?: (evt: PointerEvent, host: HTMLElement) => Position,\n) {\n  /* ---------- live handler set --------------------------------------------------- */\n  let active: PointerEventHandlers | null = cap.getHandlersForScope(scope);\n\n  /* ---------- helper to compute current wantsRawTouch (defaults to true) --------- */\n  const wantsRawTouchNow = () => cap.getActiveInteractionMode()?.wantsRawTouch !== false; // default → true\n\n  /* ---------- dynamic listener (re)attachment ------------------------------------ */\n  const listeners: Record<string, (evt: Event) => void> = {};\n  let attachedWithRawTouch = wantsRawTouchNow(); // remember current mode’s wish\n\n  const addListeners = (raw: boolean) => {\n    allEventTypes.forEach((type) => {\n      const fn = (listeners[type] ??= handleEvent);\n      element.addEventListener(type, fn, listenerOpts(type, raw));\n    });\n  };\n  const removeListeners = () => {\n    allEventTypes.forEach((type) => {\n      const fn = listeners[type];\n      if (fn) element.removeEventListener(type, fn);\n    });\n  };\n\n  /* attach for the first time */\n  addListeners(attachedWithRawTouch);\n\n  /* ---------- mode & handler change hooks --------------------------------------- */\n  const stopMode = cap.onModeChange(() => {\n    /* cursor baseline update for global wrapper */\n    if (scope.type === 'global') {\n      const mode = cap.getActiveInteractionMode();\n      element.style.cursor = mode?.scope === 'global' ? (mode.cursor ?? 'auto') : 'auto';\n    }\n\n    active = cap.getHandlersForScope(scope);\n\n    /* re-attach listeners if wantsRawTouch toggled */\n    const raw = wantsRawTouchNow();\n    if (raw !== attachedWithRawTouch) {\n      removeListeners();\n      addListeners(raw);\n      attachedWithRawTouch = raw;\n    }\n  });\n\n  const stopHandler = cap.onHandlerChange(() => {\n    active = cap.getHandlersForScope(scope);\n  });\n\n  /* ---------- cursor sync -------------------------------------------------------- */\n  const initialMode = cap.getActiveInteractionMode();\n  const initialCursor = cap.getCurrentCursor();\n  element.style.cursor =\n    scope.type === 'global' && initialMode?.scope !== 'global' ? 'auto' : initialCursor;\n\n  const stopCursor = cap.onCursorChange((c) => {\n    if (scope.type === 'global' && cap.getActiveInteractionMode()?.scope !== 'global') return;\n    element.style.cursor = c;\n  });\n\n  /* ---------- point conversion --------------------------------------------------- */\n  const toPos = (e: { clientX: number; clientY: number }, host: HTMLElement): Position => {\n    if (convertEventToPoint) return convertEventToPoint(e as PointerEvent, host);\n    const r = host.getBoundingClientRect();\n    return { x: e.clientX - r.left, y: e.clientY - r.top };\n  };\n\n  /* ---------- central event handler --------------------------------------------- */\n  function handleEvent(evt: Event) {\n    if (cap.isPaused()) return;\n\n    const handlerKey = domEventMap[evt.type];\n    if (!handlerKey || !active?.[handlerKey]) return;\n\n    /* preventDefault only when mode really wants raw touch                        */\n    if (\n      isTouchEvent(evt) &&\n      attachedWithRawTouch &&\n      (evt.type === 'touchmove' || evt.type === 'touchcancel')\n    ) {\n      evt.preventDefault();\n    }\n\n    // ----- normalise ----------------------------------------------------------------\n    let pos!: Position;\n    let normEvt!: EmbedPdfPointerEvent & {\n      target: EventTarget | null;\n      currentTarget: EventTarget | null;\n    };\n\n    if (isTouchEvent(evt)) {\n      const tp =\n        evt.type === 'touchend' || evt.type === 'touchcancel'\n          ? evt.changedTouches[0]\n          : evt.touches[0];\n      if (!tp) return;\n\n      pos = toPos(tp, element);\n      normEvt = {\n        clientX: tp.clientX,\n        clientY: tp.clientY,\n        ctrlKey: evt.ctrlKey,\n        shiftKey: evt.shiftKey,\n        altKey: evt.altKey,\n        metaKey: evt.metaKey,\n        target: evt.target,\n        currentTarget: evt.currentTarget,\n        setPointerCapture: () => {},\n        releasePointerCapture: () => {},\n      };\n    } else {\n      const pe = evt as PointerEvent;\n      pos = toPos(pe, element);\n      normEvt = {\n        clientX: pe.clientX,\n        clientY: pe.clientY,\n        ctrlKey: pe.ctrlKey,\n        shiftKey: pe.shiftKey,\n        altKey: pe.altKey,\n        metaKey: pe.metaKey,\n        target: pe.target,\n        currentTarget: pe.currentTarget,\n        setPointerCapture: () => {\n          (pe.target as HTMLElement)?.setPointerCapture?.(pe.pointerId);\n        },\n        releasePointerCapture: () => {\n          (pe.target as HTMLElement)?.releasePointerCapture?.(pe.pointerId);\n        },\n      };\n    }\n\n    active[handlerKey]?.(pos, normEvt, cap.getActiveMode());\n  }\n\n  /* ---------- teardown ----------------------------------------------------------- */\n  return () => {\n    removeListeners();\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, Size, transformSize } 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\n      const displaySize: Size = transformSize(\n        { width: pageWidth, height: pageHeight },\n        rotation,\n        1,\n      );\n\n      return restorePosition(displaySize, displayPoint, rotation, scale);\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        position: 'relative',\n        width: pageWidth,\n        height: pageHeight,\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":["useInteractionManagerCapability","useCapability","InteractionManagerPlugin","id","useIsPageExclusive","provides","cap","isPageExclusive","setIsPageExclusive","useState","m","getActiveInteractionMode","scope","exclusive","useEffect","onModeChange","mode","domEventMap","pointerdown","pointerup","pointermove","pointerenter","pointerleave","pointercancel","mousedown","mouseup","mousemove","mouseenter","mouseleave","mousecancel","click","dblclick","touchstart","touchend","touchmove","touchcancel","allEventTypes","isTouchEvent","evt","TouchEvent","createPointerProvider","element","convertEventToPoint","active","getHandlersForScope","wantsRawTouchNow","_a","wantsRawTouch","listeners","attachedWithRawTouch","addListeners","raw","forEach","type","fn","handleEvent","addEventListener","startsWith","passive","removeListeners","removeEventListener","stopMode","style","cursor","stopHandler","onHandlerChange","initialMode","initialCursor","getCurrentCursor","stopCursor","onCursorChange","c","toPos","e","host","r","getBoundingClientRect","x","clientX","left","y","clientY","top","isPaused","handlerKey","pos","normEvt","preventDefault","tp","changedTouches","touches","ctrlKey","shiftKey","altKey","metaKey","target","currentTarget","setPointerCapture","releasePointerCapture","pe","_b","call","pointerId","getActiveMode","children","props","ref","useRef","current","jsxRuntime","jsx","width","height","pageIndex","pageWidth","pageHeight","rotation","scale","defaultConvertEventToPoint","useCallback","event","rect","displayPoint","displaySize","transformSize","restorePosition","jsxs","position","right","bottom","zIndex","setCursor","token","prio","removeCursor","state","setState","initialState","onStateChange","usePlugin","modeId","register","handlers","options","finalModeId","finalPageIndex","registerHandlers","registerAlways"],"mappings":"0PAYaA,EAAkC,IAC7CC,gBAAwCC,EAAAA,yBAAyBC,IAgE5D,SAASC,IACd,MAAQC,SAAUC,GAAQN,KAEnBO,EAAiBC,GAAsBC,YAAkB,KACxD,MAAAC,EAAS,MAALJ,OAAK,EAAAA,EAAAK,2BACf,MAAoB,UAAV,MAAHD,OAAG,EAAAA,EAAAE,UAAsBF,EAAEG,SAAA,IAY7B,OATPC,EAAAA,WAAU,KACR,GAAKR,EAEE,OAAAA,EAAIS,cAAa,KAChB,MAAAC,EAAOV,EAAIK,2BACjBH,EAAmC,gBAAhBQ,WAAMJ,iBAAsBI,WAAMH,WAAS,GAC/D,GACA,CAACP,IAEGC,CACT,CCnFA,MAAMU,EAAiC,CACrCC,YAAa,gBACbC,UAAW,cACXC,YAAa,gBACbC,aAAc,iBACdC,aAAc,iBACdC,cAAe,kBAEfC,UAAW,cACXC,QAAS,YACTC,UAAW,cACXC,WAAY,eACZC,WAAY,eACZC,YAAa,gBAEbC,MAAO,UACPC,SAAU,gBAGVC,WAAY,gBACZC,SAAU,cACVC,UAAW,gBACXC,YAAa,mBAqBTC,EAAgB,CAjBpB,cACA,YACA,cACA,eACA,eACA,gBACA,YACA,UACA,YACA,aACA,aACA,cACA,QACA,WAGuB,aAAc,WAAY,YAAa,eAWhE,SAASC,EAAaC,GACb,MAAsB,oBAAfC,YAA8BD,aAAeC,UAC7D,CAKO,SAASC,EACdlC,EACAM,EACA6B,EACAC,GAGI,IAAAC,EAAsCrC,EAAIsC,oBAAoBhC,GAGlE,MAAMiC,EAAmB,WAAU,OAA8C,KAAlD,OAAIC,EAAAxC,EAAAK,iCAAJ,EAAAmC,EAAgCC,cAAkB,EAG3EC,EAAkD,CAAC,EACzD,IAAIC,EAAuBJ,IAErB,MAAAK,EAAgBC,IACNf,EAAAgB,SAASC,IACf,MAAAC,EAAMN,EAAoBK,KAAAL,EAAAK,GAAAE,GA9BtC,IAAyCR,EA+BnCN,EAAQe,iBAAiBH,EAAMC,GA/BIP,EA+BmBI,EAANE,EA7BnCI,WAAW,SAAW,CAAEC,SAAUX,GAAkB,CAAEW,SAAS,IA6BlB,GAC3D,EAEGC,EAAkB,KACRvB,EAAAgB,SAASC,IACf,MAAAC,EAAKN,EAAUK,GACjBC,GAAIb,EAAQmB,oBAAoBP,EAAMC,EAAE,GAC7C,EAIHJ,EAAaD,GAGP,MAAAY,EAAWvD,EAAIS,cAAa,KAE5B,GAAe,WAAfH,EAAMyC,KAAmB,CACrB,MAAArC,EAAOV,EAAIK,2BACjB8B,EAAQqB,MAAMC,OAAyB,YAAhB,MAAA/C,OAAA,EAAAA,EAAMJ,OAAsBI,EAAK+C,QAAU,OAAU,MAAA,CAGrEpB,EAAArC,EAAIsC,oBAAoBhC,GAGjC,MAAMuC,EAAMN,IACRM,IAAQF,IACMU,IAChBT,EAAaC,GACUF,EAAAE,EAAA,IAIrBa,EAAc1D,EAAI2D,iBAAgB,KAC7BtB,EAAArC,EAAIsC,oBAAoBhC,EAAK,IAIlCsD,EAAc5D,EAAIK,2BAClBwD,EAAgB7D,EAAI8D,mBAClB3B,EAAAqB,MAAMC,OACG,WAAfnD,EAAMyC,MAA4C,YAAV,MAAba,OAAa,EAAAA,EAAAtD,OAAqB,OAASuD,EAExE,MAAME,EAAa/D,EAAIgE,gBAAgBC,UAClB,WAAf3D,EAAMyC,MAA+D,YAA1C,OAAAP,EAAAxC,EAAIK,iCAAJ,EAAAmC,EAAgClC,SAC/D6B,EAAQqB,MAAMC,OAASQ,EAAA,IAInBC,EAAQ,CAACC,EAAyCC,KACtD,GAAIhC,EAAqB,OAAOA,EAAoB+B,EAAmBC,GACjE,MAAAC,EAAID,EAAKE,wBACR,MAAA,CAAEC,EAAGJ,EAAEK,QAAUH,EAAEI,KAAMC,EAAGP,EAAEQ,QAAUN,EAAEO,IAAI,EAIvD,SAAS3B,EAAYjB,SACf,GAAAhC,EAAI6E,WAAY,OAEd,MAAAC,EAAanE,EAAYqB,EAAIe,MACnC,IAAK+B,KAAe,MAAAzC,OAAA,EAAAA,EAASyC,IAAa,OAYtC,IAAAC,EACAC,EAKA,GAdFjD,EAAaC,IACbW,IACc,cAAbX,EAAIe,MAAqC,gBAAbf,EAAIe,OAEjCf,EAAIiD,iBAUFlD,EAAaC,GAAM,CACrB,MAAMkD,EACS,aAAblD,EAAIe,MAAoC,gBAAbf,EAAIe,KAC3Bf,EAAImD,eAAe,GACnBnD,EAAIoD,QAAQ,GAClB,IAAKF,EAAI,OAEHH,EAAAb,EAAMgB,EAAI/C,GACN6C,EAAA,CACRR,QAASU,EAAGV,QACZG,QAASO,EAAGP,QACZU,QAASrD,EAAIqD,QACbC,SAAUtD,EAAIsD,SACdC,OAAQvD,EAAIuD,OACZC,QAASxD,EAAIwD,QACbC,OAAQzD,EAAIyD,OACZC,cAAe1D,EAAI0D,cACnBC,kBAAmB,OACnBC,sBAAuB,OACzB,KACK,CACL,MAAMC,EAAK7D,EACL+C,EAAAb,EAAM2B,EAAI1D,GACN6C,EAAA,CACRR,QAASqB,EAAGrB,QACZG,QAASkB,EAAGlB,QACZU,QAASQ,EAAGR,QACZC,SAAUO,EAAGP,SACbC,OAAQM,EAAGN,OACXC,QAASK,EAAGL,QACZC,OAAQI,EAAGJ,OACXC,cAAeG,EAAGH,cAClBC,kBAAmB,aAChB,OAAAnD,EAAA,OAAAA,EAAAqD,EAAGJ,aAAH,EAAAjD,EAA2BmD,oBAA3BG,EAAAC,KAAAvD,EAA+CqD,EAAGG,UAAA,EAErDJ,sBAAuB,aACpB,OAAApD,EAAA,OAAAA,EAAAqD,EAAGJ,aAAH,EAAAjD,EAA2BoD,wBAA3BE,EAAAC,KAAAvD,EAAmDqD,EAAGG,UAAA,EAE3D,CAGF,OAAAxD,EAAAH,EAAOyC,KAAPtC,EAAAuD,KAAA1D,EAAqB0C,EAAKC,EAAShF,EAAIiG,gBAAe,CAIxD,MAAO,KACW5C,IACPE,IACEQ,IACCL,GAAA,CAEhB,+BCjNqC,EACnCwC,WACA1C,WACG2C,MAEG,MAAAC,EAAMC,SAAuB,OAC3BtG,SAAUC,GAAQN,IASxB,OAPFc,EAAAA,WAAU,KACR,GAAKR,GAAQoG,EAAIE,QAEjB,OAAOpE,EAAsBlC,EAAK,CAAE+C,KAAM,UAAYqD,EAAIE,QAAO,GAChE,CAACtG,IAGFuG,EAAAC,IAAC,MAAA,CACCJ,MACA5C,MAAO,CACLiD,MAAO,OACPC,OAAQ,UACLlD,MAED2C,EAEHD,YACH,8BCX+B,EACjCS,YACAT,WACAU,YACAC,aACAC,WACAC,QACA3E,sBACAoB,WACG2C,MAEG,MAAAC,EAAMC,SAAuB,OAC3BtG,SAAUC,GAAQN,IACpBO,EAAkBH,IAGlBkH,EAA6BC,EAAAA,aACjC,CAACC,EAAqB/E,KACd,MAAAgF,EAAOhF,EAAQmC,wBACf8C,EAAe,CACnB7C,EAAG2C,EAAM1C,QAAU2C,EAAK1C,KACxBC,EAAGwC,EAAMvC,QAAUwC,EAAKvC,KAGpByC,EAAoBC,EAAAA,cACxB,CAAEb,MAAOG,EAAWF,OAAQG,GAC5BC,EACA,GAGF,OAAOS,EAAgBA,gBAAAF,EAAaD,EAAcN,EAAUC,EAAK,GAEnE,CAACH,EAAWC,EAAYC,EAAUC,IAelC,OAZFvG,EAAAA,WAAU,KACR,GAAKR,GAAQoG,EAAIE,QAEV,OAAApE,EACLlC,EACA,CAAE+C,KAAM,OAAQ4D,aAChBP,EAAIE,QACJlE,GAAuB4E,EACzB,GACC,CAAChH,EAAK2G,EAAWvE,EAAqB4E,IAGvCT,EAAAiB,KAAC,MAAA,CACCpB,MACA5C,MAAO,CACLiE,SAAU,WACVhB,MAAOG,EACPF,OAAQG,KACLrD,MAED2C,EAEHD,SAAA,CAAAA,EACAjG,KACEuG,IAAA,MAAA,CAAIhD,MAAO,CAAEiE,SAAU,WAAY7C,IAAK,EAAGH,KAAM,EAAGiD,MAAO,EAAGC,OAAQ,EAAGC,OAAQ,QAEtF,oBHrDG,WACC,MAAA7H,SAAEA,GAAaL,IACd,MAAA,CACLmI,UAAW,CAACC,EAAerE,EAAgBsE,EAAO,KACtC,MAAAhI,GAAAA,EAAA8H,UAAUC,EAAOrE,EAAQsE,EAAA,EAErCC,aAAeF,IACb,MAAA/H,GAAAA,EAAUiI,aAAaF,EAAA,EAG7B,gCA3BO,WACC,MAAA/H,SAAEA,GAAaL,KACduI,EAAOC,GAAY/H,EAAAA,SAAkCgI,EAAAA,cASrD,OAPP3H,EAAAA,WAAU,KACR,GAAKT,EACE,OAAAA,EAASqI,eAAeH,IAC7BC,EAASD,EAAK,GACf,GACA,CAAClI,IAEG,CACLA,WACAkI,QAEJ,gFApB2C,IACzCI,YAAoCzI,EAAAA,yBAAyBC,4DAsCxD,UAA4ByI,OAAEA,EAAQ3B,UAAAA,IACrC,MAAA5G,SAAEA,GAAaL,IACd,MAAA,CACL6I,SAAU,CACRC,EACAC,KAGM,MAAAC,SAAcD,WAASH,SAAUA,EACjCK,SAAiBF,WAAS9B,YAAaA,EAEtC,OAAA+B,QACH3I,WAAU6I,iBAAiB,CACzBN,OAAQI,EACRF,WACA7B,UAAWgC,UAEb5I,WAAU8I,eAAe,CACvBvI,WACqB,IAAnBqI,EACI,CAAE5F,KAAM,OAAQ4D,UAAWgC,GAC3B,CAAE5F,KAAM,UACdyF,YAAA,EAIZ"}
+{"version":3,"file":"index.cjs","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  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  EmbedPdfPointerEvent,\n  InteractionExclusionRules,\n} from '@embedpdf/plugin-interaction-manager';\n\n/* -------------------------------------------------- */\n/* event → handler key lookup                         */\n/* -------------------------------------------------- */\ntype K = keyof PointerEventHandlers;\nconst domEventMap: Record<string, K> = {\n  pointerdown: 'onPointerDown',\n  pointerup: 'onPointerUp',\n  pointermove: 'onPointerMove',\n  pointerenter: 'onPointerEnter',\n  pointerleave: 'onPointerLeave',\n  pointercancel: 'onPointerCancel',\n\n  mousedown: 'onMouseDown',\n  mouseup: 'onMouseUp',\n  mousemove: 'onMouseMove',\n  mouseenter: 'onMouseEnter',\n  mouseleave: 'onMouseLeave',\n  mousecancel: 'onMouseCancel',\n\n  click: 'onClick',\n  dblclick: 'onDoubleClick',\n\n  /* touch → pointer fallback for very old browsers */\n  touchstart: 'onPointerDown',\n  touchend: 'onPointerUp',\n  touchmove: 'onPointerMove',\n  touchcancel: 'onPointerCancel',\n};\n\nconst pointerEventTypes = [\n  'pointerdown',\n  'pointerup',\n  'pointermove',\n  'pointerenter',\n  'pointerleave',\n  'pointercancel',\n  'mousedown',\n  'mouseup',\n  'mousemove',\n  'mouseenter',\n  'mouseleave',\n  'mousecancel',\n  'click',\n  'dblclick',\n];\n\nconst touchEventTypes = ['touchstart', 'touchend', 'touchmove', 'touchcancel'];\nconst HAS_POINTER = typeof PointerEvent !== 'undefined';\n// If the browser supports Pointer Events, don't attach legacy touch events to avoid double-dispatch.\nconst allEventTypes = HAS_POINTER ? pointerEventTypes : [...pointerEventTypes, ...touchEventTypes];\n\n/* -------------------------------------------------- */\n/* helper: decide listener options per event type     */\n/* -------------------------------------------------- */\nfunction listenerOpts(eventType: string, wantsRawTouch: boolean): AddEventListenerOptions {\n  // Only touch events are toggled; pointer/mouse stay non-passive\n  return eventType.startsWith('touch') ? { passive: !wantsRawTouch } : { passive: false };\n}\n\nfunction isTouchEvent(evt: Event): evt is TouchEvent {\n  return typeof TouchEvent !== 'undefined' && evt instanceof TouchEvent;\n}\n\n/**\n * Check if an element should be excluded based on rules\n * This is in the framework layer, not the plugin\n */\nfunction shouldExcludeElement(element: Element | null, rules: InteractionExclusionRules): boolean {\n  if (!element) return false;\n\n  let current: Element | null = element;\n\n  while (current) {\n    // Check classes\n    if (rules.classes?.length) {\n      for (const className of rules.classes) {\n        if (current.classList?.contains(className)) {\n          return true;\n        }\n      }\n    }\n\n    // Check data attributes\n    if (rules.dataAttributes?.length) {\n      for (const attr of rules.dataAttributes) {\n        if (current.hasAttribute(attr)) {\n          return true;\n        }\n      }\n    }\n\n    // Move up the DOM tree\n    current = current.parentElement;\n  }\n\n  return false;\n}\n\n/* -------------------------------------------------- */\n/* createPointerProvider                              */\n/* -------------------------------------------------- */\nexport function createPointerProvider(\n  cap: InteractionManagerCapability,\n  scope: InteractionScope,\n  element: HTMLElement,\n  convertEventToPoint?: (evt: PointerEvent, host: HTMLElement) => Position,\n) {\n  /* ---------- live handler set --------------------------------------------------- */\n  let active: PointerEventHandlers | null = cap.getHandlersForScope(scope);\n\n  /* ---------- helper to compute current wantsRawTouch (defaults to true) --------- */\n  const wantsRawTouchNow = () => cap.getActiveInteractionMode()?.wantsRawTouch !== false; // default → true\n\n  /* ---------- dynamic listener (re)attachment ------------------------------------ */\n  const listeners: Record<string, (evt: Event) => void> = {};\n  let attachedWithRawTouch = wantsRawTouchNow(); // remember current mode’s wish\n\n  const addListeners = (raw: boolean) => {\n    allEventTypes.forEach((type) => {\n      const fn = (listeners[type] ??= handleEvent);\n      element.addEventListener(type, fn, listenerOpts(type, raw));\n    });\n  };\n  const removeListeners = () => {\n    allEventTypes.forEach((type) => {\n      const fn = listeners[type];\n      if (fn) element.removeEventListener(type, fn);\n    });\n  };\n\n  /* attach for the first time */\n  addListeners(attachedWithRawTouch);\n  element.style.touchAction = attachedWithRawTouch ? 'none' : '';\n\n  /* ---------- mode & handler change hooks --------------------------------------- */\n  const stopMode = cap.onModeChange(() => {\n    /* cursor baseline update for global wrapper */\n    if (scope.type === 'global') {\n      const mode = cap.getActiveInteractionMode();\n      element.style.cursor = mode?.scope === 'global' ? (mode.cursor ?? 'auto') : 'auto';\n    }\n\n    active = cap.getHandlersForScope(scope);\n\n    /* re-attach listeners if wantsRawTouch toggled */\n    const raw = wantsRawTouchNow();\n    if (raw !== attachedWithRawTouch) {\n      removeListeners();\n      addListeners(raw);\n      attachedWithRawTouch = raw;\n      element.style.touchAction = attachedWithRawTouch ? 'none' : '';\n    }\n  });\n\n  const stopHandler = cap.onHandlerChange(() => {\n    active = cap.getHandlersForScope(scope);\n  });\n\n  /* ---------- cursor sync -------------------------------------------------------- */\n  const initialMode = cap.getActiveInteractionMode();\n  const initialCursor = cap.getCurrentCursor();\n  element.style.cursor =\n    scope.type === 'global' && initialMode?.scope !== 'global' ? 'auto' : initialCursor;\n\n  const stopCursor = cap.onCursorChange((c) => {\n    if (scope.type === 'global' && cap.getActiveInteractionMode()?.scope !== 'global') return;\n    element.style.cursor = c;\n  });\n\n  /* ---------- point conversion --------------------------------------------------- */\n  const toPos = (e: { clientX: number; clientY: number }, host: HTMLElement): Position => {\n    if (convertEventToPoint) return convertEventToPoint(e as PointerEvent, host);\n    const r = host.getBoundingClientRect();\n    return { x: e.clientX - r.left, y: e.clientY - r.top };\n  };\n\n  /* ---------- central event handler --------------------------------------------- */\n  function handleEvent(evt: Event) {\n    if (cap.isPaused()) return;\n\n    // Get exclusion rules from capability and check in framework layer\n    const exclusionRules = cap.getExclusionRules();\n    if (evt.target && shouldExcludeElement(evt.target as Element, exclusionRules)) {\n      return; // Skip processing this event\n    }\n\n    const handlerKey = domEventMap[evt.type];\n    if (!handlerKey || !active?.[handlerKey]) return;\n\n    /* preventDefault only when mode really wants raw touch                        */\n    if (\n      isTouchEvent(evt) &&\n      attachedWithRawTouch &&\n      (evt.type === 'touchmove' || evt.type === 'touchcancel')\n    ) {\n      evt.preventDefault();\n    }\n\n    // ----- normalise ----------------------------------------------------------------\n    let pos!: Position;\n    let normEvt!: EmbedPdfPointerEvent & {\n      target: EventTarget | null;\n      currentTarget: EventTarget | null;\n    };\n\n    if (isTouchEvent(evt)) {\n      const tp =\n        evt.type === 'touchend' || evt.type === 'touchcancel'\n          ? evt.changedTouches[0]\n          : evt.touches[0];\n      if (!tp) return;\n\n      pos = toPos(tp, element);\n      normEvt = {\n        clientX: tp.clientX,\n        clientY: tp.clientY,\n        ctrlKey: evt.ctrlKey,\n        shiftKey: evt.shiftKey,\n        altKey: evt.altKey,\n        metaKey: evt.metaKey,\n        target: evt.target,\n        currentTarget: evt.currentTarget,\n        setPointerCapture: () => {},\n        releasePointerCapture: () => {},\n      };\n    } else {\n      const pe = evt as PointerEvent;\n      pos = toPos(pe, element);\n      normEvt = {\n        clientX: pe.clientX,\n        clientY: pe.clientY,\n        ctrlKey: pe.ctrlKey,\n        shiftKey: pe.shiftKey,\n        altKey: pe.altKey,\n        metaKey: pe.metaKey,\n        target: pe.target,\n        currentTarget: pe.currentTarget,\n        setPointerCapture: () => {\n          (pe.target as HTMLElement)?.setPointerCapture?.(pe.pointerId);\n        },\n        releasePointerCapture: () => {\n          (pe.target as HTMLElement)?.releasePointerCapture?.(pe.pointerId);\n        },\n      };\n    }\n\n    active[handlerKey]?.(pos, normEvt, cap.getActiveMode());\n  }\n\n  /* ---------- teardown ----------------------------------------------------------- */\n  return () => {\n    removeListeners();\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, Size, transformSize } 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\n      const displaySize: Size = transformSize(\n        { width: pageWidth, height: pageHeight },\n        rotation,\n        1,\n      );\n\n      return restorePosition(displaySize, displayPoint, rotation, scale);\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        position: 'relative',\n        width: pageWidth,\n        height: pageHeight,\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":["useInteractionManagerCapability","useCapability","InteractionManagerPlugin","id","useIsPageExclusive","provides","cap","isPageExclusive","setIsPageExclusive","useState","m","getActiveInteractionMode","scope","exclusive","useEffect","onModeChange","mode","domEventMap","pointerdown","pointerup","pointermove","pointerenter","pointerleave","pointercancel","mousedown","mouseup","mousemove","mouseenter","mouseleave","mousecancel","click","dblclick","touchstart","touchend","touchmove","touchcancel","pointerEventTypes","allEventTypes","PointerEvent","isTouchEvent","evt","TouchEvent","createPointerProvider","element","convertEventToPoint","active","getHandlersForScope","wantsRawTouchNow","_a","wantsRawTouch","listeners","attachedWithRawTouch","addListeners","raw","forEach","type","fn","handleEvent","addEventListener","startsWith","passive","removeListeners","removeEventListener","style","touchAction","stopMode","cursor","stopHandler","onHandlerChange","initialMode","initialCursor","getCurrentCursor","stopCursor","onCursorChange","c","toPos","e","host","r","getBoundingClientRect","x","clientX","left","y","clientY","top","isPaused","exclusionRules","getExclusionRules","target","rules","current","classes","length","className","_b","classList","contains","_c","dataAttributes","attr","hasAttribute","parentElement","shouldExcludeElement","handlerKey","pos","normEvt","preventDefault","tp","changedTouches","touches","ctrlKey","shiftKey","altKey","metaKey","currentTarget","setPointerCapture","releasePointerCapture","pe","call","pointerId","getActiveMode","children","props","ref","useRef","jsxRuntime","jsx","width","height","pageIndex","pageWidth","pageHeight","rotation","scale","defaultConvertEventToPoint","useCallback","event","rect","displayPoint","displaySize","transformSize","restorePosition","jsxs","position","right","bottom","zIndex","setCursor","token","prio","removeCursor","state","setState","initialState","onStateChange","usePlugin","modeId","register","handlers","options","finalModeId","finalPageIndex","registerHandlers","registerAlways"],"mappings":"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"}

package/dist/react/index.js

@@ -101,13 +101,37 @@ const pointerEventTypes = [
   "dblclick"
 ];
 const touchEventTypes = ["touchstart", "touchend", "touchmove", "touchcancel"];
-const allEventTypes = [...pointerEventTypes, ...touchEventTypes];
+const HAS_POINTER = typeof PointerEvent !== "undefined";
+const allEventTypes = HAS_POINTER ? pointerEventTypes : [...pointerEventTypes, ...touchEventTypes];
 function listenerOpts(eventType, wantsRawTouch) {
   return eventType.startsWith("touch") ? { passive: !wantsRawTouch } : { passive: false };
 }
 function isTouchEvent(evt) {
   return typeof TouchEvent !== "undefined" && evt instanceof TouchEvent;
 }
+function shouldExcludeElement(element, rules) {
+  var _a, _b, _c;
+  if (!element) return false;
+  let current = element;
+  while (current) {
+    if ((_a = rules.classes) == null ? void 0 : _a.length) {
+      for (const className of rules.classes) {
+        if ((_b = current.classList) == null ? void 0 : _b.contains(className)) {
+          return true;
+        }
+      }
+    }
+    if ((_c = rules.dataAttributes) == null ? void 0 : _c.length) {
+      for (const attr of rules.dataAttributes) {
+        if (current.hasAttribute(attr)) {
+          return true;
+        }
+      }
+    }
+    current = current.parentElement;
+  }
+  return false;
+}
 function createPointerProvider(cap, scope, element, convertEventToPoint) {
   let active = cap.getHandlersForScope(scope);
   const wantsRawTouchNow = () => {
@@ -129,6 +153,7 @@ function createPointerProvider(cap, scope, element, convertEventToPoint) {
     });
   };
   addListeners(attachedWithRawTouch);
+  element.style.touchAction = attachedWithRawTouch ? "none" : "";
   const stopMode = cap.onModeChange(() => {
     if (scope.type === "global") {
       const mode = cap.getActiveInteractionMode();
@@ -140,6 +165,7 @@ function createPointerProvider(cap, scope, element, convertEventToPoint) {
       removeListeners();
       addListeners(raw);
       attachedWithRawTouch = raw;
+      element.style.touchAction = attachedWithRawTouch ? "none" : "";
     }
   });
   const stopHandler = cap.onHandlerChange(() => {
@@ -161,6 +187,10 @@ function createPointerProvider(cap, scope, element, convertEventToPoint) {
   function handleEvent(evt) {
     var _a;
     if (cap.isPaused()) return;
+    const exclusionRules = cap.getExclusionRules();
+    if (evt.target && shouldExcludeElement(evt.target, exclusionRules)) {
+      return;
+    }
     const handlerKey = domEventMap[evt.type];
     if (!handlerKey || !(active == null ? void 0 : active[handlerKey])) return;
     if (isTouchEvent(evt) && attachedWithRawTouch && (evt.type === "touchmove" || evt.type === "touchcancel")) {