@embedpdf/plugin-interaction-manager 1.3.16 → 1.4.0

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

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

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

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

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

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

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

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

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

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

package/dist/shared/index.d.ts

@@ -0,0 +1,3 @@
+export * from './hooks';
+export * from './components';
+export * from '../index.ts';

package/dist/shared/utils.d.ts

@@ -0,0 +1,3 @@
+import { Position } from '@embedpdf/models';
+import { InteractionManagerCapability, InteractionScope } from '../index.ts';
+export declare function createPointerProvider(cap: InteractionManagerCapability, scope: InteractionScope, element: HTMLElement, convertEventToPoint?: (evt: PointerEvent, host: HTMLElement) => Position): () => void;

package/dist/svelte/components/GlobalPointerProvider.svelte.d.ts

@@ -0,0 +1,9 @@
+import { Snippet } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
+interface GlobalPointerProviderProps extends HTMLAttributes<HTMLDivElement> {
+    children: Snippet;
+    class?: string;
+}
+declare const GlobalPointerProvider: import('svelte', { with: { "resolution-mode": "import" } }).Component<GlobalPointerProviderProps, {}, "">;
+type GlobalPointerProvider = ReturnType<typeof GlobalPointerProvider>;
+export default GlobalPointerProvider;

package/dist/svelte/components/PagePointerProvider.svelte.d.ts

@@ -0,0 +1,16 @@
+import { Position } from '@embedpdf/models';
+import { Snippet } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
+interface PagePointerProviderProps extends HTMLAttributes<HTMLDivElement> {
+    children: Snippet;
+    pageIndex: number;
+    pageWidth: number;
+    pageHeight: number;
+    rotation: number;
+    scale: number;
+    class?: string;
+    convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;
+}
+declare const PagePointerProvider: import('svelte', { with: { "resolution-mode": "import" } }).Component<PagePointerProviderProps, {}, "">;
+type PagePointerProvider = ReturnType<typeof PagePointerProvider>;
+export default PagePointerProvider;

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

@@ -0,0 +1,2 @@
+export { default as GlobalPointerProvider } from './GlobalPointerProvider.svelte';
+export { default as PagePointerProvider } from './PagePointerProvider.svelte';

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

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

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

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

package/dist/svelte/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("svelte/internal/disclose-version");const e=require("svelte/internal/client"),t=require("@embedpdf/plugin-interaction-manager"),n=require("@embedpdf/core/svelte"),o=require("@embedpdf/models");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}const i=r(e),s=()=>n.useCapability(t.InteractionManagerPlugin.id);function l(){const e=i.derived(s),t=i.derived((()=>i.get(e).provides));let n=i.derived((()=>{var e;const n=null==(e=i.get(t))?void 0:e.getActiveInteractionMode();return"page"===(null==n?void 0:n.scope)&&!!n.exclusive}));return i.user_effect((()=>{if(i.get(t))return i.get(t).onModeChange((()=>{const e=i.get(t).getActiveInteractionMode();i.set(n,"page"===(null==e?void 0:e.scope)&&!!(null==e?void 0:e.exclusive))}))})),{get isPageExclusive(){return i.get(n)}}}const a={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 d(e){return"undefined"!=typeof TouchEvent&&e instanceof TouchEvent}function p(e,t,n,o){let r=e.getHandlersForScope(t);const i=()=>{var t;return!1!==(null==(t=e.getActiveInteractionMode())?void 0:t.wantsRawTouch)},s={};let l=i();const c=e=>{u.forEach((t=>{const o=s[t]??(s[t]=b);var r;n.addEventListener(t,o,(r=e,t.startsWith("touch")?{passive:!r}:{passive:!1}))}))},p=()=>{u.forEach((e=>{const t=s[e];t&&n.removeEventListener(e,t)}))};c(l),n.style.touchAction=l?"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!==l&&(p(),c(o),l=o,n.style.touchAction=l?"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 b(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 s=a[t.type];if(!s||!(null==r?void 0:r[s]))return;let c,u;if(d(t)&&l&&("touchmove"===t.type||"touchcancel"===t.type)&&t.preventDefault(),d(t)){const e="touchend"===t.type||"touchcancel"===t.type?t.changedTouches[0]:t.touches[0];if(!e)return;c=m(e,n),u={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;c=m(e,n),u={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[s])||o.call(r,c,u,e.getActiveMode())}return()=>{p(),g(),y(),v()}}var g=i.from_html("<div><!></div>");var v=i.from_html("<div></div>"),f=i.from_html("<div><!> <!></div>");exports.GlobalPointerProvider=function(e,t){i.push(t,!0);let n=i.rest_props(t,["$$slots","$$events","$$legacy","children","class"]),o=i.state(null);const r=i.derived(s),l=i.derived((()=>i.get(r).provides));i.user_effect((()=>{if(i.get(l)&&i.get(o))return p(i.get(l),{type:"global"},i.get(o))}));var a=g();i.attribute_effect(a,(()=>({class:t.class,...n,[i.STYLE]:{width:"100%",height:"100%"}})));var c=i.child(a);i.snippet(c,(()=>t.children)),i.reset(a),i.bind_this(a,(e=>i.set(o,e)),(()=>i.get(o))),i.append(e,a),i.pop()},exports.PagePointerProvider=function(e,t){i.push(t,!0);let n=i.rest_props(t,["$$slots","$$events","$$legacy","pageIndex","children","pageWidth","pageHeight","rotation","scale","convertEventToPoint","class"]),r=i.state(null);const a=i.derived(s),c=i.derived((()=>i.get(a).provides)),u=i.derived(l),d=i.derived((()=>(e,n)=>{const r=n.getBoundingClientRect(),i={x:e.clientX-r.left,y:e.clientY-r.top},s=o.transformSize({width:t.pageWidth,height:t.pageHeight},t.rotation,1);return o.restorePosition(s,i,t.rotation,t.scale)}));i.user_effect((()=>{if(i.get(c)&&i.get(r))return p(i.get(c),{type:"page",pageIndex:t.pageIndex},i.get(r),t.convertEventToPoint||i.get(d))}));var g=f();i.attribute_effect(g,(e=>({class:t.class,...n,[i.STYLE]:e})),[()=>({position:"relative",width:`${t.pageWidth}px`,height:`${t.pageHeight}px`})]);var h=i.child(g);i.snippet(h,(()=>t.children));var y=i.sibling(h,2),m=e=>{var t=v();i.set_style(t,"",{},{position:"absolute",top:"0",left:"0",right:"0",bottom:"0","z-index":"10"}),i.append(e,t)};i.if(y,(e=>{i.get(u)&&e(m)})),i.reset(g),i.bind_this(g,(e=>i.set(r,e)),(()=>i.get(r))),i.append(e,g),i.pop()},exports.useCursor=function(){const e=i.derived(s),t=i.derived((()=>i.get(e).provides));return{setCursor:(e,n,o=0)=>{var r;null==(r=i.get(t))||r.setCursor(e,n,o)},removeCursor:e=>{var n;null==(n=i.get(t))||n.removeCursor(e)}}},exports.useInteractionManager=function(){const e=i.derived(s),n=i.derived((()=>i.get(e).provides));let o=i.state(i.proxy(t.initialState));return i.user_effect((()=>{if(i.get(n))return i.get(n).onStateChange((e=>{i.set(o,e,!0)}))})),{get provides(){return i.get(n)},get state(){return i.get(o)}}},exports.useInteractionManagerCapability=s,exports.useInteractionManagerPlugin=()=>n.usePlugin(t.InteractionManagerPlugin.id),exports.useIsPageExclusive=l,exports.usePointerHandlers=function({modeId:e,pageIndex:t}){const n=i.derived(s),o=i.derived((()=>i.get(n).provides));return{register:(n,r)=>{var s,l;const a=(null==r?void 0:r.modeId)??e,c=(null==r?void 0:r.pageIndex)??t;return a?null==(s=i.get(o))?void 0:s.registerHandlers({modeId:a,handlers:n,pageIndex:c}):null==(l=i.get(o))?void 0:l.registerAlways({scope:void 0!==c?{type:"page",pageIndex:c}:{type:"global"},handlers:n})}}},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/svelte/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-interaction-manager.svelte.ts","../../src/shared/utils.ts","../../src/svelte/components/GlobalPointerProvider.svelte","../../src/svelte/components/PagePointerProvider.svelte"],"sourcesContent":["import {\n  initialState,\n  InteractionManagerPlugin,\n  InteractionManagerState,\n  PointerEventHandlersWithLifecycle,\n} from '@embedpdf/plugin-interaction-manager';\nimport { useCapability, usePlugin } from '@embedpdf/core/svelte';\n\nexport const useInteractionManagerPlugin = () =>\n  usePlugin<InteractionManagerPlugin>(InteractionManagerPlugin.id);\nexport const useInteractionManagerCapability = () =>\n  useCapability<InteractionManagerPlugin>(InteractionManagerPlugin.id);\n\nexport function useInteractionManager() {\n  const { provides } = $derived(useInteractionManagerCapability());\n  let interactionManagerState = $state<InteractionManagerState>(initialState);\n\n  $effect(() => {\n    if (!provides) return;\n    return provides.onStateChange((state) => {\n      interactionManagerState = state;\n    });\n  });\n\n  return {\n    get provides() {\n      return provides;\n    },\n    get state() {\n      return interactionManagerState;\n    },\n  };\n}\n\nexport function useCursor() {\n  const { provides } = $derived(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 } = $derived(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 } = $derived(useInteractionManagerCapability());\n  let isPageExclusive = $derived.by(() => {\n    const m = cap?.getActiveInteractionMode();\n    return m?.scope === 'page' && !!m.exclusive;\n  });\n\n  $effect(() => {\n    if (!cap) return;\n\n    return cap.onModeChange(() => {\n      const mode = cap.getActiveInteractionMode();\n      isPageExclusive = mode?.scope === 'page' && !!mode?.exclusive;\n    });\n  });\n\n  return {\n    get isPageExclusive() {\n      return isPageExclusive;\n    },\n  };\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","<script lang=\"ts\">\n  import type { Snippet } from 'svelte';\n  import { useInteractionManagerCapability } from '../hooks';\n  import { createPointerProvider } from '../../shared/utils';\n  import type { HTMLAttributes } from 'svelte/elements';\n\n  interface GlobalPointerProviderProps extends HTMLAttributes<HTMLDivElement> {\n    children: Snippet;\n    class?: string;\n  }\n\n  let { children, class: propsClass, ...restProps }: GlobalPointerProviderProps = $props();\n\n  let ref = $state<HTMLDivElement | null>(null);\n  const { provides: cap } = $derived(useInteractionManagerCapability());\n\n  $effect(() => {\n    if (!cap || !ref) return;\n\n    return createPointerProvider(cap, { type: 'global' }, ref);\n  });\n</script>\n\n<div bind:this={ref} style:width=\"100%\" style:height=\"100%\" class={propsClass} {...restProps}>\n  {@render children()}\n</div>\n","<script lang=\"ts\">\n  import { type Position, restorePosition, type Size, transformSize } from '@embedpdf/models';\n  import type { Snippet } from 'svelte';\n  import type { HTMLAttributes } from 'svelte/elements';\n  import { createPointerProvider } from '../../shared/utils';\n  import { useInteractionManagerCapability, useIsPageExclusive } from '../hooks';\n\n  interface PagePointerProviderProps extends HTMLAttributes<HTMLDivElement> {\n    children: Snippet;\n    pageIndex: number;\n    pageWidth: number;\n    pageHeight: number;\n    rotation: number;\n    scale: number;\n    class?: string;\n    convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;\n  }\n\n  let {\n    pageIndex,\n    children,\n    pageWidth,\n    pageHeight,\n    rotation,\n    scale,\n    convertEventToPoint,\n    class: propsClass,\n    ...restProps\n  }: PagePointerProviderProps = $props();\n\n  let ref = $state<HTMLDivElement | null>(null);\n\n  const { provides: cap } = $derived(useInteractionManagerCapability());\n  const isPageExclusive = $derived(useIsPageExclusive());\n\n  // Memoize the default conversion function\n  const defaultConvertEventToPoint = $derived.by(() => {\n    return (event: PointerEvent, element: HTMLElement): Position => {\n      const rect = element.getBoundingClientRect();\n      const displayPoint = {\n        x: event.clientX - rect.left,\n        y: event.clientY - rect.top,\n      };\n\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  });\n\n  $effect(() => {\n    if (!cap || !ref) return;\n\n    return createPointerProvider(\n      cap,\n      { type: 'page', pageIndex },\n      ref,\n      convertEventToPoint || defaultConvertEventToPoint,\n    );\n  });\n</script>\n\n<div\n  bind:this={ref}\n  style:position=\"relative\"\n  style:width={`${pageWidth}px`}\n  style:height={`${pageHeight}px`}\n  class={propsClass}\n  {...restProps}\n>\n  {@render children()}\n  {#if isPageExclusive}\n    <div\n      style:position=\"absolute\"\n      style:top=\"0\"\n      style:left=\"0\"\n      style:right=\"0\"\n      style:bottom=\"0\"\n      style:z-index=\"10\"\n    ></div>\n  {/if}\n</div>\n"],"names":["useInteractionManagerCapability","useCapability","InteractionManagerPlugin","id","useIsPageExclusive","cap","provides","isPageExclusive","m","$","get","_a","getActiveInteractionMode","scope","exclusive","user_effect","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","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","restProps","rest_props","$$props","ref","bind_this","div","$$value","set","defaultConvertEventToPoint","derived","event","rect","displayPoint","displaySize","transformSize","width","pageWidth","height","restorePosition","rotation","scale","pageIndex","STYLE","$0","consequent","setCursor","token","prio","removeCursor","interactionManagerState","initialState","onStateChange","state","$__namespace","usePlugin","modeId","register","handlers","options","finalModeId","finalPageIndex","registerHandlers","registerAlways"],"mappings":"ijBAUaA,EACX,IAAAC,gBAAwCC,EAAAA,yBAAyBC,IAoEnD,SAAAC,sBACqBJ,GAAjBK,0BAAVC,WACJ,IAAAC,8BACIC,EAAAC,OAAAA,EAAAA,EAAAC,IAAIL,SAAK,EAAAM,EAAAC,2BACR,MAAa,UAAV,MAAHJ,OAAG,EAAAA,EAAAK,UAAsBL,EAAEM,SAAA,WAGpCL,EAAAM,2BACOV,gBAEEA,GAAIW,yBACHC,EAAAR,EAAAC,IAAOL,GAAIO,iCACjBL,EAAkC,UAAV,MAANU,OAAM,EAAAA,EAAAJ,iBAAsBI,WAAMH,WAAA,GACrD,KAIG,mBAAAP,gBACKA,IAGb,CCvFA,MAAMW,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,mBAGTC,EAAoB,CACxB,cACA,YACA,cACA,eACA,eACA,gBACA,YACA,UACA,YACA,aACA,aACA,cACA,QACA,YAMIC,EAFsC,oBAAjBC,aAESF,EAAoB,IAAIA,EAHnC,aAAc,WAAY,YAAa,eAahE,SAASG,EAAaC,GACb,MAAsB,oBAAfC,YAA8BD,aAAeC,UAC7D,CAwCO,SAASC,EACdtC,EACAQ,EACA+B,EACAC,GAGI,IAAAC,EAAsCzC,EAAI0C,oBAAoBlC,GAGlE,MAAMmC,EAAmB,WAAU,OAA8C,KAAlD,OAAIrC,EAAAN,EAAAO,iCAAJ,EAAAD,EAAgCsC,cAAkB,EAG3EC,EAAkD,CAAC,EACzD,IAAIC,EAAuBH,IAErB,MAAAI,EAAgBC,IACNf,EAAAgB,SAASC,IACf,MAAAC,EAAMN,EAAoBK,KAAAL,EAAAK,GAAAE,GAjEtC,IAAyCR,EAkEnCL,EAAQc,iBAAiBH,EAAMC,GAlEIP,EAkEmBI,EAANE,EAhEnCI,WAAW,SAAW,CAAEC,SAAUX,GAAkB,CAAEW,SAAS,IAgElB,GAC3D,EAEGC,EAAkB,KACRvB,EAAAgB,SAASC,IACf,MAAAC,EAAKN,EAAUK,GACjBC,GAAIZ,EAAQkB,oBAAoBP,EAAMC,EAAE,GAC7C,EAIHJ,EAAaD,GACLP,EAAAmB,MAAMC,YAAcb,EAAuB,OAAS,GAGtD,MAAAc,EAAW5D,EAAIW,cAAa,KAE5B,GAAe,WAAfH,EAAM0C,KAAmB,CACrB,MAAAtC,EAAOZ,EAAIO,2BACjBgC,EAAQmB,MAAMG,OAAyB,YAAhB,MAAAjD,OAAA,EAAAA,EAAMJ,OAAsBI,EAAKiD,QAAU,OAAU,MAAA,CAGrEpB,EAAAzC,EAAI0C,oBAAoBlC,GAGjC,MAAMwC,EAAML,IACRK,IAAQF,IACMU,IAChBT,EAAaC,GACUF,EAAAE,EACfT,EAAAmB,MAAMC,YAAcb,EAAuB,OAAS,GAAA,IAI1DgB,EAAc9D,EAAI+D,iBAAgB,KAC7BtB,EAAAzC,EAAI0C,oBAAoBlC,EAAK,IAIlCwD,EAAchE,EAAIO,2BAClB0D,EAAgBjE,EAAIkE,mBAClB3B,EAAAmB,MAAMG,OACG,WAAfrD,EAAM0C,MAA4C,YAAV,MAAbc,OAAa,EAAAA,EAAAxD,OAAqB,OAASyD,EAExE,MAAME,EAAanE,EAAIoE,gBAAgBC,UAClB,WAAf7D,EAAM0C,MAA+D,YAA1C,OAAA5C,EAAAN,EAAIO,iCAAJ,EAAAD,EAAgCE,SAC/D+B,EAAQmB,MAAMG,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,SAAS5B,EAAYhB,SACf,GAAApC,EAAIiF,WAAY,OAGd,MAAAC,EAAiBlF,EAAImF,oBAC3B,GAAI/C,EAAIgD,QAnHZ,SAA8B7C,EAAyB8C,aACjD,IAAC9C,EAAgB,OAAA,EAErB,IAAI+C,EAA0B/C,EAE9B,KAAO+C,GAAS,CAEV,GAAA,OAAAhF,EAAA+E,EAAME,cAAN,EAAAjF,EAAekF,OACN,IAAA,MAAAC,KAAaJ,EAAME,QAC5B,GAAI,OAAAG,EAAQJ,EAAAK,gBAAW,EAAAD,EAAAE,SAASH,GACvB,OAAA,EAMT,GAAA,OAAAI,EAAAR,EAAMS,qBAAN,EAAAD,EAAsBL,OACb,IAAA,MAAAO,KAAQV,EAAMS,eACnB,GAAAR,EAAQU,aAAaD,GAChB,OAAA,EAMbT,EAAUA,EAAQW,aAAA,CAGb,OAAA,CACT,CAsFsBC,CAAqB9D,EAAIgD,OAAmBF,GAC5D,OAGI,MAAAiB,EAAatF,EAAYuB,EAAIc,MACnC,IAAKiD,KAAe,MAAA1D,OAAA,EAAAA,EAAS0D,IAAa,OAYtC,IAAAC,EACAC,EAKA,GAdFlE,EAAaC,IACbU,IACc,cAAbV,EAAIc,MAAqC,gBAAbd,EAAIc,OAEjCd,EAAIkE,iBAUFnE,EAAaC,GAAM,CACrB,MAAMmE,EACS,aAAbnE,EAAIc,MAAoC,gBAAbd,EAAIc,KAC3Bd,EAAIoE,eAAe,GACnBpE,EAAIqE,QAAQ,GAClB,IAAKF,EAAI,OAEHH,EAAA9B,EAAMiC,EAAIhE,GACN8D,EAAA,CACRzB,QAAS2B,EAAG3B,QACZG,QAASwB,EAAGxB,QACZ2B,QAAStE,EAAIsE,QACbC,SAAUvE,EAAIuE,SACdC,OAAQxE,EAAIwE,OACZC,QAASzE,EAAIyE,QACbzB,OAAQhD,EAAIgD,OACZ0B,cAAe1E,EAAI0E,cACnBC,kBAAmB,OACnBC,sBAAuB,OACzB,KACK,CACL,MAAMC,EAAK7E,EACLgE,EAAA9B,EAAM2C,EAAI1E,GACN8D,EAAA,CACRzB,QAASqC,EAAGrC,QACZG,QAASkC,EAAGlC,QACZ2B,QAASO,EAAGP,QACZC,SAAUM,EAAGN,SACbC,OAAQK,EAAGL,OACXC,QAASI,EAAGJ,QACZzB,OAAQ6B,EAAG7B,OACX0B,cAAeG,EAAGH,cAClBC,kBAAmB,aAChB,OAAAzG,EAAA,OAAAA,EAAA2G,EAAG7B,aAAH,EAAA9E,EAA2ByG,oBAA3BrB,EAAAwB,KAAA5G,EAA+C2G,EAAGE,UAAA,EAErDH,sBAAuB,aACpB,OAAA1G,EAAA,OAAAA,EAAA2G,EAAG7B,aAAH,EAAA9E,EAA2B0G,wBAA3BtB,EAAAwB,KAAA5G,EAAmD2G,EAAGE,UAAA,EAE3D,CAGF,OAAA7G,EAAAmC,EAAO0D,KAAP7F,EAAA4G,KAAAzE,EAAqB2D,EAAKC,EAASrG,EAAIoH,gBAAe,CAIxD,MAAO,KACW5D,IACPI,IACEO,IACCL,GAAA,CAEhB,mKC9PwC,IAAAuD,EAASjH,EAAAkH,WAAAC,EAAA,CAAA,UAAA,WAAA,WAAA,WAAA,UAE3CC,UAAoC,wBACL7H,GAAjBK,0BAAVC,WAERG,EAAAM,aAAc,KACP,GAAAN,EAAAC,IAAAL,UAAQwH,GAEN,OAAAlF,QAAsBtC,GAAG,CAAIkD,KAAM,gBAAYsE,GAAG,2DAIsBH,uGAAnEjH,EAAAqH,UAAAC,GAAAC,GAAAvH,EAAAwH,IAAAJ,iBAAAA,0BAFhB,yDCMO,IAAAH,EAAQjH,EAAAkH,WAAAC,EAAA,oIAGTC,UAAoC,wBAEL7H,GAAjBK,0BAAVC,WACFC,YAA2BH,GAG3B8H,EAA+CzH,EAAA0H,SAAA,KAC3CC,EAAqBxF,KACrB,MAAAyF,EAAOzF,EAAQmC,wBACfuD,GACJtD,EAAGoD,EAAMnD,QAAUoD,EAAKnD,KACxBC,EAAGiD,EAAMhD,QAAUiD,EAAKhD,KAGpBkD,EAAoBC,EAAaA,cAAA,CACnCC,MAAkBb,EAAAc,UAAAC,gCAEpB,UAGKC,EAAAA,gBAAgBL,EAAaD,EAAYV,EAAAiB,SAAAjB,EAAAkB,MAAA,IAIpDrI,EAAAM,aAAc,KACP,GAAAN,EAAAC,IAAAL,UAAQwH,GAEN,OAAAlF,EAAqBlC,EAAAC,IAC1BL,GAAG,CACDkD,KAAM,OAAQwF,UAASnB,EAAAmB,WAAAtI,EAAAC,IACzBmH,GAAGD,EAAA/E,qBAAApC,EAAAC,IACoBwH,GAA0B,0DAWjDR,EAAS,CAAAjH,EAAAuI,OAAAC,KAAA,wSAGR1I,MAAe2I,EAAA,eARTzI,EAAAqH,UAAAC,GAAAC,GAAAvH,EAAAwH,IAAAJ,iBAAAA,0BAHb,oBH9BgB,6BACgB7H,GAAtBM,0BAAAA,kBAEN6I,UAAW,CAACC,EAAelF,EAAgBmF,EAAO,WACtC5I,OAAAA,EAAAA,EAAAC,IAAAJ,KAAAK,EAAAwI,UAAUC,EAAOlF,EAAQmF,EAAA,EAErCC,aAAeF,yBACb9I,OAAUgJ,aAAaF,EAAA,EAG7B,gCA/BgB,6BACgBpJ,GAAtBM,0BAAAA,WACJ,IAAAiJ,kBAA0DC,EAAAA,sBAE9D/I,EAAAM,2BACOT,GACE,OAAAG,EAAAC,IAAAJ,GAASmJ,eAAeC,IACHC,EAAA1B,IAAAsB,EAAAG,GAAA,EAAA,GAC3B,KAIG,YAAApJ,gBACKA,EACT,EACI,SAAAoJ,gBACKH,IAGb,gFAvBE,IAAAK,YAAoC1J,EAAAA,yBAAyBC,4DA0C/C,UAAqB0J,OAAAA,EAAQd,UAAAA,sBACb/I,GAAtBM,0BAAAA,kBAENwJ,SACE,CAAAC,EACAC,aAGM,MAAAC,SAAcD,WAASH,SAAUA,EACjCK,SAAiBF,WAASjB,YAAaA,SAEtCkB,iBACH3J,aAAU6J,iBAAiB,CACzBN,OAAQI,EACRF,WACAhB,UAAWmB,IAEbzJ,OAAAA,EAAAA,EAAAC,IAAAJ,aAAU8J,eAAe,CACvBvJ,WACqB,IAAnBqJ,EACM,CAAA3G,KAAM,OAAQwF,UAAWmB,GACzB,CAAA3G,KAAM,UACdwG,cAIZ"}

package/dist/svelte/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './hooks';
+export * from '../lib/index.ts';

package/dist/svelte/index.js

@@ -0,0 +1,356 @@
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { InteractionManagerPlugin, initialState } from "@embedpdf/plugin-interaction-manager";
+export * from "@embedpdf/plugin-interaction-manager";
+import { useCapability, usePlugin } from "@embedpdf/core/svelte";
+import { transformSize, restorePosition } from "@embedpdf/models";
+const useInteractionManagerPlugin = () => usePlugin(InteractionManagerPlugin.id);
+const useInteractionManagerCapability = () => useCapability(InteractionManagerPlugin.id);
+function useInteractionManager() {
+  const $$d = $.derived(useInteractionManagerCapability), provides = $.derived(() => $.get($$d).provides);
+  let interactionManagerState = $.state($.proxy(initialState));
+  $.user_effect(() => {
+    if (!$.get(provides)) return;
+    return $.get(provides).onStateChange((state) => {
+      $.set(interactionManagerState, state, true);
+    });
+  });
+  return {
+    get provides() {
+      return $.get(provides);
+    },
+    get state() {
+      return $.get(interactionManagerState);
+    }
+  };
+}
+function useCursor() {
+  const $$d_1 = $.derived(useInteractionManagerCapability), provides = $.derived(() => $.get($$d_1).provides);
+  return {
+    setCursor: (token, cursor, prio = 0) => {
+      var _a;
+      (_a = $.get(provides)) == null ? void 0 : _a.setCursor(token, cursor, prio);
+    },
+    removeCursor: (token) => {
+      var _a;
+      (_a = $.get(provides)) == null ? void 0 : _a.removeCursor(token);
+    }
+  };
+}
+function usePointerHandlers({ modeId, pageIndex }) {
+  const $$d_2 = $.derived(useInteractionManagerCapability), provides = $.derived(() => $.get($$d_2).provides);
+  return {
+    register: (handlers, options) => {
+      var _a, _b;
+      const finalModeId = (options == null ? void 0 : options.modeId) ?? modeId;
+      const finalPageIndex = (options == null ? void 0 : options.pageIndex) ?? pageIndex;
+      return finalModeId ? (_a = $.get(provides)) == null ? void 0 : _a.registerHandlers({ modeId: finalModeId, handlers, pageIndex: finalPageIndex }) : (_b = $.get(provides)) == null ? void 0 : _b.registerAlways({
+        scope: finalPageIndex !== void 0 ? { type: "page", pageIndex: finalPageIndex } : { type: "global" },
+        handlers
+      });
+    }
+  };
+}
+function useIsPageExclusive() {
+  const $$d_3 = $.derived(useInteractionManagerCapability), cap = $.derived(() => $.get($$d_3).provides);
+  let isPageExclusive = $.derived(() => {
+    var _a;
+    const m = (_a = $.get(cap)) == null ? void 0 : _a.getActiveInteractionMode();
+    return (m == null ? void 0 : m.scope) === "page" && !!m.exclusive;
+  });
+  $.user_effect(() => {
+    if (!$.get(cap)) return;
+    return $.get(cap).onModeChange(() => {
+      const mode = $.get(cap).getActiveInteractionMode();
+      $.set(isPageExclusive, (mode == null ? void 0 : mode.scope) === "page" && !!(mode == null ? void 0 : mode.exclusive));
+    });
+  });
+  return {
+    get isPageExclusive() {
+      return $.get(isPageExclusive);
+    }
+  };
+}
+const domEventMap = {
+  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",
+  /* touch → pointer fallback for very old browsers */
+  touchstart: "onPointerDown",
+  touchend: "onPointerUp",
+  touchmove: "onPointerMove",
+  touchcancel: "onPointerCancel"
+};
+const pointerEventTypes = [
+  "pointerdown",
+  "pointerup",
+  "pointermove",
+  "pointerenter",
+  "pointerleave",
+  "pointercancel",
+  "mousedown",
+  "mouseup",
+  "mousemove",
+  "mouseenter",
+  "mouseleave",
+  "mousecancel",
+  "click",
+  "dblclick"
+];
+const touchEventTypes = ["touchstart", "touchend", "touchmove", "touchcancel"];
+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 = () => {
+    var _a;
+    return ((_a = cap.getActiveInteractionMode()) == null ? void 0 : _a.wantsRawTouch) !== false;
+  };
+  const listeners = {};
+  let attachedWithRawTouch = wantsRawTouchNow();
+  const addListeners = (raw) => {
+    allEventTypes.forEach((type) => {
+      const fn = listeners[type] ?? (listeners[type] = handleEvent);
+      element.addEventListener(type, fn, listenerOpts(type, raw));
+    });
+  };
+  const removeListeners = () => {
+    allEventTypes.forEach((type) => {
+      const fn = listeners[type];
+      if (fn) element.removeEventListener(type, fn);
+    });
+  };
+  addListeners(attachedWithRawTouch);
+  element.style.touchAction = attachedWithRawTouch ? "none" : "";
+  const stopMode = cap.onModeChange(() => {
+    if (scope.type === "global") {
+      const mode = cap.getActiveInteractionMode();
+      element.style.cursor = (mode == null ? void 0 : mode.scope) === "global" ? mode.cursor ?? "auto" : "auto";
+    }
+    active = cap.getHandlersForScope(scope);
+    const raw = wantsRawTouchNow();
+    if (raw !== attachedWithRawTouch) {
+      removeListeners();
+      addListeners(raw);
+      attachedWithRawTouch = raw;
+      element.style.touchAction = attachedWithRawTouch ? "none" : "";
+    }
+  });
+  const stopHandler = cap.onHandlerChange(() => {
+    active = cap.getHandlersForScope(scope);
+  });
+  const initialMode = cap.getActiveInteractionMode();
+  const initialCursor = cap.getCurrentCursor();
+  element.style.cursor = scope.type === "global" && (initialMode == null ? void 0 : initialMode.scope) !== "global" ? "auto" : initialCursor;
+  const stopCursor = cap.onCursorChange((c) => {
+    var _a;
+    if (scope.type === "global" && ((_a = cap.getActiveInteractionMode()) == null ? void 0 : _a.scope) !== "global") return;
+    element.style.cursor = c;
+  });
+  const toPos = (e, host) => {
+    if (convertEventToPoint) return convertEventToPoint(e, host);
+    const r = host.getBoundingClientRect();
+    return { x: e.clientX - r.left, y: e.clientY - r.top };
+  };
+  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")) {
+      evt.preventDefault();
+    }
+    let pos;
+    let normEvt;
+    if (isTouchEvent(evt)) {
+      const tp = evt.type === "touchend" || evt.type === "touchcancel" ? evt.changedTouches[0] : evt.touches[0];
+      if (!tp) return;
+      pos = toPos(tp, element);
+      normEvt = {
+        clientX: tp.clientX,
+        clientY: tp.clientY,
+        ctrlKey: evt.ctrlKey,
+        shiftKey: evt.shiftKey,
+        altKey: evt.altKey,
+        metaKey: evt.metaKey,
+        target: evt.target,
+        currentTarget: evt.currentTarget,
+        setPointerCapture: () => {
+        },
+        releasePointerCapture: () => {
+        }
+      };
+    } else {
+      const pe = evt;
+      pos = toPos(pe, element);
+      normEvt = {
+        clientX: pe.clientX,
+        clientY: pe.clientY,
+        ctrlKey: pe.ctrlKey,
+        shiftKey: pe.shiftKey,
+        altKey: pe.altKey,
+        metaKey: pe.metaKey,
+        target: pe.target,
+        currentTarget: pe.currentTarget,
+        setPointerCapture: () => {
+          var _a2, _b;
+          (_b = (_a2 = pe.target) == null ? void 0 : _a2.setPointerCapture) == null ? void 0 : _b.call(_a2, pe.pointerId);
+        },
+        releasePointerCapture: () => {
+          var _a2, _b;
+          (_b = (_a2 = pe.target) == null ? void 0 : _a2.releasePointerCapture) == null ? void 0 : _b.call(_a2, pe.pointerId);
+        }
+      };
+    }
+    (_a = active[handlerKey]) == null ? void 0 : _a.call(active, pos, normEvt, cap.getActiveMode());
+  }
+  return () => {
+    removeListeners();
+    stopMode();
+    stopCursor();
+    stopHandler();
+  };
+}
+var root$1 = $.from_html(`<div><!></div>`);
+function GlobalPointerProvider($$anchor, $$props) {
+  $.push($$props, true);
+  let restProps = $.rest_props($$props, ["$$slots", "$$events", "$$legacy", "children", "class"]);
+  let ref = $.state(null);
+  const $$d = $.derived(useInteractionManagerCapability), cap = $.derived(() => $.get($$d).provides);
+  $.user_effect(() => {
+    if (!$.get(cap) || !$.get(ref)) return;
+    return createPointerProvider($.get(cap), { type: "global" }, $.get(ref));
+  });
+  var div = root$1();
+  $.attribute_effect(div, () => ({
+    class: $$props.class,
+    ...restProps,
+    [$.STYLE]: { width: "100%", height: "100%" }
+  }));
+  var node = $.child(div);
+  $.snippet(node, () => $$props.children);
+  $.reset(div);
+  $.bind_this(div, ($$value) => $.set(ref, $$value), () => $.get(ref));
+  $.append($$anchor, div);
+  $.pop();
+}
+var root_1 = $.from_html(`<div></div>`);
+var root = $.from_html(`<div><!> <!></div>`);
+function PagePointerProvider($$anchor, $$props) {
+  $.push($$props, true);
+  let restProps = $.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "pageIndex",
+    "children",
+    "pageWidth",
+    "pageHeight",
+    "rotation",
+    "scale",
+    "convertEventToPoint",
+    "class"
+  ]);
+  let ref = $.state(null);
+  const $$d = $.derived(useInteractionManagerCapability), cap = $.derived(() => $.get($$d).provides);
+  const isPageExclusive = $.derived(useIsPageExclusive);
+  const defaultConvertEventToPoint = $.derived(() => {
+    return (event, element) => {
+      const rect = element.getBoundingClientRect();
+      const displayPoint = { x: event.clientX - rect.left, y: event.clientY - rect.top };
+      const displaySize = transformSize({ width: $$props.pageWidth, height: $$props.pageHeight }, $$props.rotation, 1);
+      return restorePosition(displaySize, displayPoint, $$props.rotation, $$props.scale);
+    };
+  });
+  $.user_effect(() => {
+    if (!$.get(cap) || !$.get(ref)) return;
+    return createPointerProvider($.get(cap), { type: "page", pageIndex: $$props.pageIndex }, $.get(ref), $$props.convertEventToPoint || $.get(defaultConvertEventToPoint));
+  });
+  var div = root();
+  $.attribute_effect(div, ($0) => ({ class: $$props.class, ...restProps, [$.STYLE]: $0 }), [
+    () => ({
+      position: "relative",
+      width: `${$$props.pageWidth}px`,
+      height: `${$$props.pageHeight}px`
+    })
+  ]);
+  var node = $.child(div);
+  $.snippet(node, () => $$props.children);
+  var node_1 = $.sibling(node, 2);
+  {
+    var consequent = ($$anchor2) => {
+      var div_1 = root_1();
+      $.set_style(div_1, "", {}, {
+        position: "absolute",
+        top: "0",
+        left: "0",
+        right: "0",
+        bottom: "0",
+        "z-index": "10"
+      });
+      $.append($$anchor2, div_1);
+    };
+    $.if(node_1, ($$render) => {
+      if ($.get(isPageExclusive)) $$render(consequent);
+    });
+  }
+  $.reset(div);
+  $.bind_this(div, ($$value) => $.set(ref, $$value), () => $.get(ref));
+  $.append($$anchor, div);
+  $.pop();
+}
+export {
+  GlobalPointerProvider,
+  PagePointerProvider,
+  useCursor,
+  useInteractionManager,
+  useInteractionManagerCapability,
+  useInteractionManagerPlugin,
+  useIsPageExclusive,
+  usePointerHandlers
+};
+//# sourceMappingURL=index.js.map

package/dist/svelte/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-interaction-manager.svelte.ts","../../src/shared/utils.ts","../../src/svelte/components/GlobalPointerProvider.svelte","../../src/svelte/components/PagePointerProvider.svelte"],"sourcesContent":["import {\n  initialState,\n  InteractionManagerPlugin,\n  InteractionManagerState,\n  PointerEventHandlersWithLifecycle,\n} from '@embedpdf/plugin-interaction-manager';\nimport { useCapability, usePlugin } from '@embedpdf/core/svelte';\n\nexport const useInteractionManagerPlugin = () =>\n  usePlugin<InteractionManagerPlugin>(InteractionManagerPlugin.id);\nexport const useInteractionManagerCapability = () =>\n  useCapability<InteractionManagerPlugin>(InteractionManagerPlugin.id);\n\nexport function useInteractionManager() {\n  const { provides } = $derived(useInteractionManagerCapability());\n  let interactionManagerState = $state<InteractionManagerState>(initialState);\n\n  $effect(() => {\n    if (!provides) return;\n    return provides.onStateChange((state) => {\n      interactionManagerState = state;\n    });\n  });\n\n  return {\n    get provides() {\n      return provides;\n    },\n    get state() {\n      return interactionManagerState;\n    },\n  };\n}\n\nexport function useCursor() {\n  const { provides } = $derived(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 } = $derived(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 } = $derived(useInteractionManagerCapability());\n  let isPageExclusive = $derived.by(() => {\n    const m = cap?.getActiveInteractionMode();\n    return m?.scope === 'page' && !!m.exclusive;\n  });\n\n  $effect(() => {\n    if (!cap) return;\n\n    return cap.onModeChange(() => {\n      const mode = cap.getActiveInteractionMode();\n      isPageExclusive = mode?.scope === 'page' && !!mode?.exclusive;\n    });\n  });\n\n  return {\n    get isPageExclusive() {\n      return isPageExclusive;\n    },\n  };\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","<script lang=\"ts\">\n  import type { Snippet } from 'svelte';\n  import { useInteractionManagerCapability } from '../hooks';\n  import { createPointerProvider } from '../../shared/utils';\n  import type { HTMLAttributes } from 'svelte/elements';\n\n  interface GlobalPointerProviderProps extends HTMLAttributes<HTMLDivElement> {\n    children: Snippet;\n    class?: string;\n  }\n\n  let { children, class: propsClass, ...restProps }: GlobalPointerProviderProps = $props();\n\n  let ref = $state<HTMLDivElement | null>(null);\n  const { provides: cap } = $derived(useInteractionManagerCapability());\n\n  $effect(() => {\n    if (!cap || !ref) return;\n\n    return createPointerProvider(cap, { type: 'global' }, ref);\n  });\n</script>\n\n<div bind:this={ref} style:width=\"100%\" style:height=\"100%\" class={propsClass} {...restProps}>\n  {@render children()}\n</div>\n","<script lang=\"ts\">\n  import { type Position, restorePosition, type Size, transformSize } from '@embedpdf/models';\n  import type { Snippet } from 'svelte';\n  import type { HTMLAttributes } from 'svelte/elements';\n  import { createPointerProvider } from '../../shared/utils';\n  import { useInteractionManagerCapability, useIsPageExclusive } from '../hooks';\n\n  interface PagePointerProviderProps extends HTMLAttributes<HTMLDivElement> {\n    children: Snippet;\n    pageIndex: number;\n    pageWidth: number;\n    pageHeight: number;\n    rotation: number;\n    scale: number;\n    class?: string;\n    convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;\n  }\n\n  let {\n    pageIndex,\n    children,\n    pageWidth,\n    pageHeight,\n    rotation,\n    scale,\n    convertEventToPoint,\n    class: propsClass,\n    ...restProps\n  }: PagePointerProviderProps = $props();\n\n  let ref = $state<HTMLDivElement | null>(null);\n\n  const { provides: cap } = $derived(useInteractionManagerCapability());\n  const isPageExclusive = $derived(useIsPageExclusive());\n\n  // Memoize the default conversion function\n  const defaultConvertEventToPoint = $derived.by(() => {\n    return (event: PointerEvent, element: HTMLElement): Position => {\n      const rect = element.getBoundingClientRect();\n      const displayPoint = {\n        x: event.clientX - rect.left,\n        y: event.clientY - rect.top,\n      };\n\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  });\n\n  $effect(() => {\n    if (!cap || !ref) return;\n\n    return createPointerProvider(\n      cap,\n      { type: 'page', pageIndex },\n      ref,\n      convertEventToPoint || defaultConvertEventToPoint,\n    );\n  });\n</script>\n\n<div\n  bind:this={ref}\n  style:position=\"relative\"\n  style:width={`${pageWidth}px`}\n  style:height={`${pageHeight}px`}\n  class={propsClass}\n  {...restProps}\n>\n  {@render children()}\n  {#if isPageExclusive}\n    <div\n      style:position=\"absolute\"\n      style:top=\"0\"\n      style:left=\"0\"\n      style:right=\"0\"\n      style:bottom=\"0\"\n      style:z-index=\"10\"\n    ></div>\n  {/if}\n</div>\n"],"names":["_a"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-interaction-manager",
-  "version": "1.3.16",
+  "version": "1.4.0",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.cjs",
@@ -26,23 +26,30 @@
       "types": "./dist/vue/index.d.ts",
       "import": "./dist/vue/index.js",
       "require": "./dist/vue/index.cjs"
+    },
+    "./svelte": {
+      "types": "./dist/svelte/index.d.ts",
+      "svelte": "./dist/svelte/index.js",
+      "import": "./dist/svelte/index.js",
+      "require": "./dist/svelte/index.cjs"
     }
   },
   "dependencies": {
-    "@embedpdf/models": "1.3.16"
+    "@embedpdf/models": "1.4.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
-    "@embedpdf/build": "1.0.1",
-    "@embedpdf/core": "1.3.16"
+    "@embedpdf/core": "1.4.0",
+    "@embedpdf/build": "1.1.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "preact": "^10.26.4",
     "vue": ">=3.2.0",
-    "@embedpdf/core": "1.3.16"
+    "svelte": ">=5 <6",
+    "@embedpdf/core": "1.4.0"
   },
   "files": [
     "dist",
@@ -65,7 +72,8 @@
     "build:react": "vite build --mode react",
     "build:preact": "vite build --mode preact",
     "build:vue": "vite build --mode vue",
-    "build": "pnpm run clean && concurrently -c auto -n base,react,preact,vue \"vite build --mode base\" \"vite build --mode react\" \"vite build --mode preact\" \"vite build --mode vue\"",
+    "build:svelte": "vite build --mode svelte",
+    "build": "pnpm run clean && concurrently -c auto -n base,react,preact,vue,svelte \"vite build --mode base\" \"vite build --mode react\" \"vite build --mode preact\" \"vite build --mode vue\" \"vite build --mode svelte\"",
     "clean": "rimraf dist",
     "lint": "eslint src --color",
     "lint:fix": "eslint src --color --fix"