@embedpdf/plugin-interaction-manager 1.5.0 → 2.0.0-next.0

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

@@ -2,13 +2,12 @@ import { ReactNode, HTMLAttributes, CSSProperties } from '../../react/adapter.ts
 import { Position } from '@embedpdf/models';
 interface PagePointerProviderProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
+    documentId: string;
     pageIndex: number;
-    pageWidth: number;
-    pageHeight: number;
-    rotation: number;
-    scale: 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 declare const PagePointerProvider: ({ documentId, pageIndex, children, rotation: rotationOverride, scale: scaleOverride, convertEventToPoint, style, ...props }: PagePointerProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -1,6 +1,7 @@
 import { Snippet } from 'svelte';
 import { HTMLAttributes } from 'svelte/elements';
 interface GlobalPointerProviderProps extends HTMLAttributes<HTMLDivElement> {
+    documentId: string;
     children: Snippet;
     class?: string;
 }

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

@@ -2,12 +2,11 @@ import { Position } from '@embedpdf/models';
 import { Snippet } from 'svelte';
 import { HTMLAttributes } from 'svelte/elements';
 interface PagePointerProviderProps extends HTMLAttributes<HTMLDivElement> {
-    children: Snippet;
+    documentId: string;
     pageIndex: number;
-    pageWidth: number;
-    pageHeight: number;
-    rotation: number;
-    scale: number;
+    rotation?: number;
+    scale?: number;
+    children: Snippet;
     class?: string;
     convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;
 }

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

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

package/dist/svelte/index.cjs

@@ -1,2 +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=s(),t=i.proxy({isPageExclusive:!1});return i.user_effect((()=>{if(!e.provides)return;const n=e.provides.getActiveInteractionMode();return t.isPageExclusive="page"===(null==n?void 0:n.scope)&&!!n.exclusive,e.provides.onModeChange((()=>{var n;const o=null==(n=e.provides)?void 0:n.getActiveInteractionMode();t.isPageExclusive="page"===(null==o?void 0:o.scope)&&!!(null==o?void 0:o.exclusive)}))})),t}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 p(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)},s={};let l=i();const c=e=>{u.forEach((t=>{const o=s[t]??(s[t]=P);var r;n.addEventListener(t,o,(r=e,t.startsWith("touch")?{passive:!r}:{passive:!1}))}))},d=()=>{u.forEach((e=>{const t=s[e];t&&n.removeEventListener(e,t)}))};c(l),n.style.touchAction=l?"none":"";const v=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&&(d(),c(o),l=o,n.style.touchAction=l?"none":"")})),g=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 s=a[t.type];if(!s||!(null==r?void 0:r[s]))return;let c,u;if(p(t)&&l&&("touchmove"===t.type||"touchcancel"===t.type)&&t.preventDefault(),p(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()=>{d(),v(),y(),g()}}var v=i.from_html("<div><!></div>");var g=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=s();i.user_effect((()=>{if(r.provides&&i.get(o))return d(r.provides,{type:"global"},i.get(o))}));var l=v();i.attribute_effect(l,(()=>({class:t.class,...n,[i.STYLE]:{width:"100%",height:"100%"}})));var a=i.child(l);i.snippet(a,(()=>t.children)),i.reset(l),i.bind_this(l,(e=>i.set(o,e)),(()=>i.get(o))),i.append(e,l),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=s(),c=l(),u=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(a.provides&&i.get(r))return d(a.provides,{type:"page",pageIndex:t.pageIndex},i.get(r),t.convertEventToPoint||i.get(u))}));var p=f();i.attribute_effect(p,(e=>({class:t.class,...n,[i.STYLE]:e})),[()=>({position:"relative",width:`${t.pageWidth}px`,height:`${t.pageHeight}px`})]);var v=i.child(p);i.snippet(v,(()=>t.children));var h=i.sibling(v,2),y=e=>{var t=g();i.set_style(t,"",{},{position:"absolute",top:"0",left:"0",right:"0",bottom:"0","z-index":"10"}),i.append(e,t)};i.if(h,(e=>{c&&e(y)})),i.reset(p),i.bind_this(p,(e=>i.set(r,e)),(()=>i.get(r))),i.append(e,p),i.pop()},exports.useCursor=function(){const e=s();return i.proxy({setCursor:(t,n,o=0)=>{var r;null==(r=e.provides)||r.setCursor(t,n,o)},removeCursor:t=>{var n;null==(n=e.provides)||n.removeCursor(t)}})},exports.useInteractionManager=function(){const e=s(),n=i.proxy({get provides(){return e.provides},state:t.initialState});return i.user_effect((()=>{if(e.provides)return e.provides.onStateChange((e=>{n.state=e}))})),n},exports.useInteractionManagerCapability=s,exports.useInteractionManagerPlugin=()=>n.usePlugin(t.InteractionManagerPlugin.id),exports.useIsPageExclusive=l,exports.usePointerHandlers=function({modeId:e,pageIndex:t}={}){const n=s();return{register:(o,r)=>{var i,s;const l=(null==r?void 0:r.modeId)??e,a=(null==r?void 0:r.pageIndex)??t;return l?null==(i=n.provides)?void 0:i.registerHandlers({modeId:l,handlers:o,pageIndex:a}):null==(s=n.provides)?void 0:s.registerAlways({scope:void 0!==a?{type:"page",pageIndex:a}:{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"}),require("svelte/internal/disclose-version");const e=require("svelte/internal/client"),t=require("@embedpdf/core/svelte"),n=require("@embedpdf/plugin-interaction-manager"),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=()=>t.useCapability(n.InteractionManagerPlugin.id);function c(e){const t=s();let n=i.state(!1);return i.user_effect(()=>{if(!t.provides)return void i.set(n,!1);const o=t.provides.forDocument(e),r=o.getActiveInteractionMode();return i.set(n,"page"===(null==r?void 0:r.scope)&&!!r.exclusive,!0),o.onModeChange(()=>{const e=o.getActiveInteractionMode();i.set(n,"page"===(null==e?void 0:e.scope)&&!!(null==e?void 0:e.exclusive),!0)})}),{get current(){return i.get(n)}}}const l={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"},u=["pointerdown","pointerup","pointermove","pointerenter","pointerleave","pointercancel","mousedown","mouseup","mousemove","mouseenter","mouseleave","mousecancel","click","dblclick"],a="undefined"!=typeof PointerEvent?u:[...u,"touchstart","touchend","touchmove","touchcancel"];function d(e){return"undefined"!=typeof TouchEvent&&e instanceof TouchEvent}function p(e,t,n,o){const r=e.forDocument(t.documentId);let i=e.getHandlersForScope(t);const s=()=>{var e;return!1!==(null==(e=r.getActiveInteractionMode())?void 0:e.wantsRawTouch)},c={};let u=s();const p=e=>{a.forEach(t=>{const o=c[t]??(c[t]=I);var r;n.addEventListener(t,o,(r=e,t.startsWith("touch")?{passive:!r}:{passive:!1}))})},v=()=>{a.forEach(e=>{const t=c[e];t&&n.removeEventListener(e,t)})};p(u),n.style.touchAction=u?"none":"";const g=r.onModeChange(()=>{if("global"===t.type){const e=r.getActiveInteractionMode();n.style.cursor="global"===(null==e?void 0:e.scope)?e.cursor??"auto":"auto"}i=e.getHandlersForScope(t);const o=s();o!==u&&(v(),p(o),u=o,n.style.touchAction=u?"none":"")}),f=e.onHandlerChange(()=>{i=e.getHandlersForScope(t)}),h=r.getActiveInteractionMode(),m=r.getCurrentCursor();n.style.cursor="global"===t.type&&"global"!==(null==h?void 0:h.scope)?"auto":m;const y=r.onCursorChange(e=>{var o;"global"===t.type&&"global"!==(null==(o=r.getActiveInteractionMode())?void 0:o.scope)||(n.style.cursor=e)}),b=(e,t)=>{if(o)return o(e,t);const n=t.getBoundingClientRect();return{x:e.clientX-n.left,y:e.clientY-n.top}};function I(t){var o;if(e.isPaused())return;const s=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,s))return;const c=l[t.type];if(!c||!(null==i?void 0:i[c]))return;let a,p;if(d(t)&&u&&("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;a=b(e,n),p={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;a=b(e,n),p={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=i[c])||o.call(i,a,p,r.getActiveMode())}return()=>{v(),g(),y(),f()}}var v=i.from_html("<div><!></div>");var g=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","documentId","children","class"]),o=i.state(null);const r=s();i.user_effect(()=>{if(r.provides&&i.get(o))return p(r.provides,{type:"global",documentId:t.documentId},i.get(o))});var c=v();i.attribute_effect(c,()=>({class:t.class,...n,[i.STYLE]:{width:"100%",height:"100%"}}));var l=i.child(c);i.snippet(l,()=>t.children),i.reset(c),i.bind_this(c,e=>i.set(o,e),()=>i.get(o)),i.append(e,c),i.pop()},exports.PagePointerProvider=function(e,n){i.push(n,!0);let r=i.rest_props(n,["$$slots","$$events","$$legacy","documentId","pageIndex","children","rotation","scale","convertEventToPoint","class"]),l=i.state(null);const u=s(),a=c(n.documentId),d=t.useDocumentState(()=>n.documentId),v=i.derived(()=>{var e,t,o;return null==(o=null==(t=null==(e=d.current)?void 0:e.document)?void 0:t.pages)?void 0:o[n.pageIndex]}),h=i.derived(()=>{var e;return(null==(e=i.get(v))?void 0:e.size)??{width:0,height:0}}),m=i.derived(()=>{var e;return n.rotation??(null==(e=d.current)?void 0:e.rotation)??0}),y=i.derived(()=>{var e;return n.scale??(null==(e=d.current)?void 0:e.scale)??1}),b=i.derived(()=>o.transformSize(i.get(h),0,i.get(y))),I=i.derived(()=>(e,t)=>{const n=t.getBoundingClientRect(),r={x:e.clientX-n.left,y:e.clientY-n.top},s=o.transformSize({width:i.get(b).width,height:i.get(b).height},i.get(m),1);return o.restorePosition(s,r,i.get(m),i.get(y))});i.user_effect(()=>{if(u.provides&&i.get(l))return p(u.provides,{type:"page",documentId:n.documentId,pageIndex:n.pageIndex},i.get(l),n.convertEventToPoint||i.get(I))});var P=f();i.attribute_effect(P,()=>({class:n.class,...r,[i.STYLE]:{position:"relative",width:`${i.get(b).width}px`,height:`${i.get(b).height}px`}}));var x=i.child(P);i.snippet(x,()=>n.children);var C=i.sibling(x,2),M=e=>{var t=g();i.set_style(t,"",{},{position:"absolute",top:"0",left:"0",right:"0",bottom:"0","z-index":"10"}),i.append(e,t)};i.if(C,e=>{a.current&&e(M)}),i.reset(P),i.bind_this(P,e=>i.set(l,e),()=>i.get(l)),i.append(e,P),i.pop()},exports.useCursor=function(e){const t=s();return{setCursor:(n,o,r=0)=>{if(!t.provides)return;t.provides.forDocument(e).setCursor(n,o,r)},removeCursor:n=>{if(!t.provides)return;t.provides.forDocument(e).removeCursor(n)}}},exports.useInteractionManager=function(e){const t=s();let o=i.state(i.proxy(n.initialDocumentState));const r=i.derived(()=>{var n;return(null==(n=t.provides)?void 0:n.forDocument(e))??null});return i.user_effect(()=>{if(!t.provides)return void i.set(o,n.initialDocumentState,!0);const r=t.provides.forDocument(e);return i.set(o,r.getState(),!0),r.onStateChange(e=>{i.set(o,e,!0)})}),{get state(){return i.get(o)},get provides(){return i.get(r)}}},exports.useInteractionManagerCapability=s,exports.useInteractionManagerPlugin=()=>t.usePlugin(n.InteractionManagerPlugin.id),exports.useIsPageExclusive=c,exports.usePointerHandlers=function({modeId:e,pageIndex:t,documentId:n}){const o=s();return{register:(r,i)=>{var s,c;const l=(null==i?void 0:i.modeId)??e,u=(null==i?void 0:i.pageIndex)??t,a=(null==i?void 0:i.documentId)??n;return l?null==(s=o.provides)?void 0:s.registerHandlers({modeId:l,handlers:r,pageIndex:u,documentId:a}):null==(c=o.provides)?void 0:c.registerAlways({scope:void 0!==u?{type:"page",documentId:a,pageIndex:u}:{type:"global",documentId:a},handlers:r})}}},Object.keys(n).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>n[e]})});
 //# sourceMappingURL=index.cjs.map

package/dist/svelte/index.cjs.map

@@ -1 +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 capability = useInteractionManagerCapability();\n\n  const state = $state({\n    get provides() {\n      return capability.provides;\n    },\n    state: initialState as InteractionManagerState,\n  });\n\n  $effect(() => {\n    if (!capability.provides) return;\n    return capability.provides.onStateChange((newState) => {\n      state.state = newState;\n    });\n  });\n\n  return state;\n}\n\nexport function useCursor() {\n  const capability = useInteractionManagerCapability();\n\n  const state = $state({\n    setCursor: (token: string, cursor: string, prio = 0) => {\n      capability.provides?.setCursor(token, cursor, prio);\n    },\n    removeCursor: (token: string) => {\n      capability.provides?.removeCursor(token);\n    },\n  });\n\n  return state;\n}\n\ninterface UsePointerHandlersOptions {\n  modeId?: string | string[];\n  pageIndex?: number;\n}\n\nexport function usePointerHandlers({ modeId, pageIndex }: UsePointerHandlersOptions = {}) {\n  const capability = useInteractionManagerCapability();\n\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        ? capability.provides?.registerHandlers({\n            modeId: finalModeId,\n            handlers,\n            pageIndex: finalPageIndex,\n          })\n        : capability.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 capability = useInteractionManagerCapability();\n\n  const state = $state({\n    isPageExclusive: false,\n  });\n\n  // Initialize and update on changes\n  $effect(() => {\n    if (!capability.provides) return;\n\n    // Set initial value\n    const mode = capability.provides.getActiveInteractionMode();\n    state.isPageExclusive = mode?.scope === 'page' && !!mode.exclusive;\n\n    // Listen for changes\n    return capability.provides.onModeChange(() => {\n      const mode = capability.provides?.getActiveInteractionMode();\n      state.isPageExclusive = mode?.scope === 'page' && !!mode?.exclusive;\n    });\n  });\n\n  return state;\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 interactionManagerCapability = useInteractionManagerCapability();\n\n  $effect(() => {\n    if (!interactionManagerCapability.provides || !ref) return;\n\n    return createPointerProvider(interactionManagerCapability.provides, { 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 interactionManagerCapability = useInteractionManagerCapability();\n  const isPageExclusive = 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 (!interactionManagerCapability.provides || !ref) return;\n\n    return createPointerProvider(\n      interactionManagerCapability.provides,\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","capability","state","isPageExclusive","$","user_effect","provides","mode","getActiveInteractionMode","scope","exclusive","onModeChange","_a","mode2","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","cap","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","interactionManagerCapability","get","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","initialState","onStateChange","newState","usePlugin","modeId","register","handlers","options","finalModeId","finalPageIndex","registerHandlers","registerAlways"],"mappings":"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"}
+{"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 { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport {\n  initialDocumentState,\n  InteractionDocumentState,\n  InteractionManagerPlugin,\n  PointerEventHandlersWithLifecycle,\n} from '@embedpdf/plugin-interaction-manager';\n\nexport const useInteractionManagerPlugin = () =>\n  usePlugin<InteractionManagerPlugin>(InteractionManagerPlugin.id);\nexport const useInteractionManagerCapability = () =>\n  useCapability<InteractionManagerPlugin>(InteractionManagerPlugin.id);\n\nexport function useInteractionManager(documentId: string) {\n  const capability = useInteractionManagerCapability();\n\n  let state = $state<InteractionDocumentState>(initialDocumentState);\n\n  // Derived scoped capability for the specific document\n  const scopedProvides = $derived(capability.provides?.forDocument(documentId) ?? null);\n\n  $effect(() => {\n    if (!capability.provides) {\n      state = initialDocumentState;\n      return;\n    }\n\n    const scope = capability.provides.forDocument(documentId);\n\n    // Get initial state\n    state = scope.getState();\n\n    return scope.onStateChange((newState) => {\n      state = newState;\n    });\n  });\n\n  return {\n    get state() {\n      return state;\n    },\n    get provides() {\n      return scopedProvides;\n    },\n  };\n}\n\nexport function useCursor(documentId: string) {\n  const capability = useInteractionManagerCapability();\n\n  return {\n    setCursor: (token: string, cursor: string, prio = 0) => {\n      if (!capability.provides) return;\n      const scope = capability.provides.forDocument(documentId);\n      scope.setCursor(token, cursor, prio);\n    },\n    removeCursor: (token: string) => {\n      if (!capability.provides) return;\n      const scope = capability.provides.forDocument(documentId);\n      scope.removeCursor(token);\n    },\n  };\n}\n\ninterface UsePointerHandlersOptions {\n  modeId?: string | string[];\n  pageIndex?: number;\n  documentId: string;\n}\n\nexport function usePointerHandlers({ modeId, pageIndex, documentId }: UsePointerHandlersOptions) {\n  const capability = useInteractionManagerCapability();\n\n  return {\n    register: (\n      handlers: PointerEventHandlersWithLifecycle,\n      options?: { modeId?: string | string[]; pageIndex?: number; documentId?: string },\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      const finalDocumentId = options?.documentId ?? documentId;\n\n      return finalModeId\n        ? capability.provides?.registerHandlers({\n            modeId: finalModeId,\n            handlers,\n            pageIndex: finalPageIndex,\n            documentId: finalDocumentId,\n          })\n        : capability.provides?.registerAlways({\n            scope:\n              finalPageIndex !== undefined\n                ? { type: 'page', documentId: finalDocumentId, pageIndex: finalPageIndex }\n                : { type: 'global', documentId: finalDocumentId },\n            handlers,\n          });\n    },\n  };\n}\n\nexport function useIsPageExclusive(documentId: string) {\n  const capability = useInteractionManagerCapability();\n\n  let isPageExclusive = $state<boolean>(false);\n\n  $effect(() => {\n    if (!capability.provides) {\n      isPageExclusive = false;\n      return;\n    }\n\n    const scope = capability.provides.forDocument(documentId);\n\n    // Get initial state\n    const m = scope.getActiveInteractionMode();\n    isPageExclusive = m?.scope === 'page' && !!m.exclusive;\n\n    return scope.onModeChange(() => {\n      const mode = scope.getActiveInteractionMode();\n      isPageExclusive = mode?.scope === 'page' && !!mode?.exclusive;\n    });\n  });\n\n  return {\n    get current() {\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  const capScope = cap.forDocument(scope.documentId);\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 = () => capScope.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 = capScope.onModeChange(() => {\n    /* cursor baseline update for global wrapper */\n    if (scope.type === 'global') {\n      const mode = capScope.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 = capScope.getActiveInteractionMode();\n  const initialCursor = capScope.getCurrentCursor();\n  element.style.cursor =\n    scope.type === 'global' && initialMode?.scope !== 'global' ? 'auto' : initialCursor;\n\n  const stopCursor = capScope.onCursorChange((c) => {\n    if (scope.type === 'global' && capScope.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, capScope.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 type { HTMLAttributes } from 'svelte/elements';\n  import { useInteractionManagerCapability } from '../hooks';\n  import { createPointerProvider } from '../../shared/utils';\n\n  interface GlobalPointerProviderProps extends HTMLAttributes<HTMLDivElement> {\n    documentId: string;\n    children: Snippet;\n    class?: string;\n  }\n\n  let {\n    documentId,\n    children,\n    class: propsClass,\n    ...restProps\n  }: GlobalPointerProviderProps = $props();\n\n  let ref = $state<HTMLDivElement | null>(null);\n  const interactionManagerCapability = useInteractionManagerCapability();\n\n  $effect(() => {\n    if (!interactionManagerCapability.provides || !ref) return;\n\n    return createPointerProvider(\n      interactionManagerCapability.provides,\n      { type: 'global', documentId },\n      ref,\n    );\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, transformSize } from '@embedpdf/models';\n  import { useDocumentState } from '@embedpdf/core/svelte';\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    documentId: string;\n    pageIndex: number;\n    rotation?: number;\n    scale?: number;\n    children: Snippet;\n    class?: string;\n    convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;\n  }\n\n  let {\n    documentId,\n    pageIndex,\n    children,\n    rotation: rotationOverride,\n    scale: scaleOverride,\n    convertEventToPoint,\n    class: propsClass,\n    ...restProps\n  }: PagePointerProviderProps = $props();\n\n  let ref = $state<HTMLDivElement | null>(null);\n\n  const interactionManagerCapability = useInteractionManagerCapability();\n  const isPageExclusive = useIsPageExclusive(documentId);\n  const documentState = useDocumentState(() => documentId);\n\n  // Get page dimensions and transformations from document state\n  const page = $derived(documentState.current?.document?.pages?.[pageIndex]);\n  const naturalPageSize = $derived(page?.size ?? { width: 0, height: 0 });\n  const rotation = $derived(rotationOverride ?? documentState.current?.rotation ?? 0);\n  const scale = $derived(scaleOverride ?? documentState.current?.scale ?? 1);\n  const displaySize = $derived(transformSize(naturalPageSize, 0, scale));\n\n  // 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      // Get the rotated natural size (width/height may be swapped, but not scaled)\n      const rotatedNaturalSize = transformSize(\n        {\n          width: displaySize.width,\n          height: displaySize.height,\n        },\n        rotation,\n        1,\n      );\n\n      return restorePosition(rotatedNaturalSize, displayPoint, rotation, scale);\n    };\n  });\n\n  $effect(() => {\n    if (!interactionManagerCapability.provides || !ref) return;\n\n    return createPointerProvider(\n      interactionManagerCapability.provides,\n      { type: 'page', documentId, pageIndex },\n      ref,\n      convertEventToPoint || defaultConvertEventToPoint,\n    );\n  });\n</script>\n\n<div\n  bind:this={ref}\n  style:position=\"relative\"\n  style:width={`${displaySize.width}px`}\n  style:height={`${displaySize.height}px`}\n  class={propsClass}\n  {...restProps}\n>\n  {@render children()}\n  {#if isPageExclusive.current}\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","documentId","capability","isPageExclusive","$","user_effect","provides","set","scope","forDocument","m","getActiveInteractionMode","exclusive","onModeChange","mode","current","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","cap","element","convertEventToPoint","capScope","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","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","interactionManagerCapability","get","bind_this","div","$$value","documentState","useDocumentState","page","document","pages","pageIndex","naturalPageSize","derived","size","width","height","rotation","scale","displaySize","transformSize","defaultConvertEventToPoint","event","rect","displayPoint","rotatedNaturalSize","restorePosition","$$render","consequent","setCursor","token","prio","removeCursor","state","initialDocumentState","scopedProvides","getState","onStateChange","newState","usePlugin","modeId","register","handlers","options","finalModeId","finalPageIndex","finalDocumentId","registerHandlers","registerAlways"],"mappings":"ijBAUaA,EAAA,IACXC,gBAAwCC,EAAAA,yBAAyBC,aA0FnDC,EAAmBC,GAC3B,MAAAC,EAAaN,IAEf,IAAAO,WAAkC,UAEtCC,EAAAC,qBACOH,EAAWI,qBACdF,EAAAG,IAAAJ,GAAkB,GAId,MAAAK,EAAQN,EAAWI,SAASG,YAAYR,GAGxCS,EAAIF,EAAMG,wCAChBR,EAA+B,UAAb,MAAAO,OAAA,EAAAA,EAAGF,UAAsBE,EAAEE,WAAA,GAEtCJ,EAAMK,wBACLC,EAAON,EAAMG,iCACnBR,EAAkC,UAAhB,MAAAW,OAAA,EAAAA,EAAMN,WAAsB,MAAAM,OAAA,EAAAA,EAAMF,YAAA,QAKlD,WAAAG,gBACKZ,EACT,EAEJ,CCpHA,MAAMa,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,GACpB,MAA6B,oBAAfC,YAA8BD,aAAeC,UAC7D,CAwCO,SAASC,EACdC,EACAlC,EACAmC,EACAC,GAEA,MAAMC,EAAWH,EAAIjC,YAAYD,EAAMP,YAEvC,IAAI6C,EAAsCJ,EAAIK,oBAAoBvC,GAGlE,MAAMwC,EAAmB,WAAM,OAAuD,KAAvD,OAAAC,EAAAJ,EAASlC,iCAAT,EAAAsC,EAAqCC,gBAG9DC,EAAkD,CAAA,EACxD,IAAIC,EAAuBJ,IAE3B,MAAMK,EAAgBC,IACpBlB,EAAcmB,QAASC,IACrB,MAAMC,EAAMN,EAAAK,KAAAL,EAAAK,GAAoBE,GAlEtC,IAAyCR,EAmEnCP,EAAQgB,iBAAiBH,EAAMC,GAnEIP,EAmEmBI,EAANE,EAjEnCI,WAAW,SAAW,CAAEC,SAAUX,GAAkB,CAAEW,SAAS,QAoE1EC,EAAkB,KACtB1B,EAAcmB,QAASC,IACrB,MAAMC,EAAKN,EAAUK,GACjBC,GAAId,EAAQoB,oBAAoBP,EAAMC,MAK9CJ,EAAaD,GACbT,EAAQqB,MAAMC,YAAcb,EAAuB,OAAS,GAG5D,MAAMc,EAAWrB,EAAShC,aAAa,KAErC,GAAmB,WAAfL,EAAMgD,KAAmB,CAC3B,MAAM1C,EAAO+B,EAASlC,2BACtBgC,EAAQqB,MAAMG,OAAyB,YAAhB,MAAArD,OAAA,EAAAA,EAAMN,OAAsBM,EAAKqD,QAAU,OAAU,MAC9E,CAEArB,EAASJ,EAAIK,oBAAoBvC,GAGjC,MAAM8C,EAAMN,IACRM,IAAQF,IACVU,IACAT,EAAaC,GACbF,EAAuBE,EACvBX,EAAQqB,MAAMC,YAAcb,EAAuB,OAAS,MAI1DgB,EAAc1B,EAAI2B,gBAAgB,KACtCvB,EAASJ,EAAIK,oBAAoBvC,KAI7B8D,EAAczB,EAASlC,2BACvB4D,EAAgB1B,EAAS2B,mBAC/B7B,EAAQqB,MAAMG,OACG,WAAf3D,EAAMgD,MAA4C,YAAvB,MAAAc,OAAA,EAAAA,EAAa9D,OAAqB,OAAS+D,EAExE,MAAME,EAAa5B,EAAS6B,eAAgBC,UACvB,WAAfnE,EAAMgD,MAAoE,YAA/C,OAAAP,EAAAJ,EAASlC,iCAAT,EAAAsC,EAAqCzC,SACpEmC,EAAQqB,MAAMG,OAASQ,KAInBC,EAAQ,CAACC,EAAyCC,KACtD,GAAIlC,EAAqB,OAAOA,EAAoBiC,EAAmBC,GACvE,MAAMC,EAAID,EAAKE,wBACf,MAAO,CAAEC,EAAGJ,EAAEK,QAAUH,EAAEI,KAAMC,EAAGP,EAAEQ,QAAUN,EAAEO,MAInD,SAAS5B,EAAYnB,SACnB,GAAIG,EAAI6C,WAAY,OAGpB,MAAMC,EAAiB9C,EAAI+C,oBAC3B,GAAIlD,EAAImD,QApHZ,SAA8B/C,EAAyBgD,aACrD,IAAKhD,EAAS,OAAO,EAErB,IAAI5B,EAA0B4B,EAE9B,KAAO5B,GAAS,CAEd,GAAI,OAAAkC,EAAA0C,EAAMC,cAAN,EAAA3C,EAAe4C,OACjB,IAAA,MAAWC,KAAaH,EAAMC,QAC5B,GAAI,OAAAG,EAAAhF,EAAQiF,gBAAR,EAAAD,EAAmBE,SAASH,GAC9B,OAAO,EAMb,GAAI,OAAAI,EAAAP,EAAMQ,qBAAN,EAAAD,EAAsBL,OACxB,IAAA,MAAWO,KAAQT,EAAMQ,eACvB,GAAIpF,EAAQsF,aAAaD,GACvB,OAAO,EAMbrF,EAAUA,EAAQuF,aACpB,CAEA,OAAO,CACT,CAuFsBC,CAAqBhE,EAAImD,OAAmBF,GAC5D,OAGF,MAAMgB,EAAaxF,EAAYuB,EAAIiB,MACnC,IAAKgD,KAAe,MAAA1D,OAAA,EAAAA,EAAS0D,IAAa,OAY1C,IAAIC,EACAC,EAKJ,GAdEpE,EAAaC,IACba,IACc,cAAbb,EAAIiB,MAAqC,gBAAbjB,EAAIiB,OAEjCjB,EAAIoE,iBAUFrE,EAAaC,GAAM,CACrB,MAAMqE,EACS,aAAbrE,EAAIiB,MAAoC,gBAAbjB,EAAIiB,KAC3BjB,EAAIsE,eAAe,GACnBtE,EAAIuE,QAAQ,GAClB,IAAKF,EAAI,OAETH,EAAM7B,EAAMgC,EAAIjE,GAChB+D,EAAU,CACRxB,QAAS0B,EAAG1B,QACZG,QAASuB,EAAGvB,QACZ0B,QAASxE,EAAIwE,QACbC,SAAUzE,EAAIyE,SACdC,OAAQ1E,EAAI0E,OACZC,QAAS3E,EAAI2E,QACbxB,OAAQnD,EAAImD,OACZyB,cAAe5E,EAAI4E,cACnBC,kBAAmB,OACnBC,sBAAuB,OAE3B,KAAO,CACL,MAAMC,EAAK/E,EACXkE,EAAM7B,EAAM0C,EAAI3E,GAChB+D,EAAU,CACRxB,QAASoC,EAAGpC,QACZG,QAASiC,EAAGjC,QACZ0B,QAASO,EAAGP,QACZC,SAAUM,EAAGN,SACbC,OAAQK,EAAGL,OACXC,QAASI,EAAGJ,QACZxB,OAAQ4B,EAAG5B,OACXyB,cAAeG,EAAGH,cAClBC,kBAAmB,aAChB,OAAArB,EAAA,OAAA9C,EAAAqE,EAAG5B,aAAH,EAAAzC,EAA2BmE,oBAA3BrB,EAAAwB,KAAAtE,EAA+CqE,EAAGE,YAErDH,sBAAuB,aACpB,OAAAtB,EAAA,OAAA9C,EAAAqE,EAAG5B,aAAH,EAAAzC,EAA2BoE,wBAA3BtB,EAAAwB,KAAAtE,EAAmDqE,EAAGE,YAG7D,CAEA,OAAAvE,EAAAH,EAAO0D,KAAPvD,EAAAsE,KAAAzE,EAAqB2D,EAAKC,EAAS7D,EAAS4E,gBAC9C,CAGA,MAAO,KACL3D,IACAI,IACAO,IACAL,IAEJ,uKC1POsD,EAAQtH,EAAAuH,WAAAC,EAAA,mEAGTC,UAAoC,MAClC,MAAAC,EAA+BlI,IAErCQ,EAAAC,YAAO,QACAyH,EAA6BxH,UAAQF,EAAA2H,IAAKF,UAExCpF,EACLqF,EAA6BxH,SAAQ,CACnCkD,KAAM,SAAUvD,WAAU2H,EAAA3H,YAAAG,EAAA2H,IAC5BF,4DAK6EH,oGAAnEtH,EAAA4H,UAAAC,EAAAC,GAAA9H,EAAAG,IAAAsH,eAAAA,yBAFhB,6DCLOH,EAAQtH,EAAAuH,WAAAC,EAAA,wHAGTC,UAAoC,MAElC,MAAAC,EAA+BlI,IAC/BO,EAAkBH,EAAkB4H,EAAA3H,YACpCkI,EAAgBC,EAAAA,iBAAgB,IAAAR,EAAA3H,YAGhCoI,2BAAgB,OAAA,OAAAnC,EAAA,OAAAH,EAAA,OAAA9C,EAAAkF,EAAcpH,cAAd,EAAAkC,EAAuBqF,eAAvB,EAAAvC,EAAiCwC,gBAAKX,EAAAY,aACtDC,EAAerI,EAAAsI,QAAA,WAAAtI,OAAAA,OAAAA,EAAAA,EAAA2H,IAAYM,SAAZjI,EAAAA,EAAkBuI,OAAI,CAAMC,MAAO,EAAGC,OAAQ,KAC7DC,2CAAwC,OAAA7F,EAAAkF,EAAcpH,cAAd,EAAAkC,EAAuB6F,WAAY,IAC3EC,wCAAkC,OAAA9F,EAAAkF,EAAcpH,cAAd,EAAAkC,EAAuB8F,QAAS,IAClEC,gBAAuBC,EAAAA,cAAa7I,EAAA2H,IAACU,GAAiB,QAAGM,KAGzDG,EAA0B9I,EAAAsI,QAAA,KACtBS,EAAqBxG,WACrByG,EAAOzG,EAAQqC,wBACfqE,GACJpE,EAAGkE,EAAMjE,QAAUkE,EAAKjE,KACxBC,EAAG+D,EAAM9D,QAAU+D,EAAK9D,KAIpBgE,EAAqBL,EAAAA,eAEvBL,MAAKxI,EAAA2H,IAAEiB,GAAYJ,MACnBC,OAAMzI,EAAA2H,IAAEiB,GAAYH,cAEtBC,GACA,GAGK,OAAAS,kBAAgBD,EAAoBD,EAAYjJ,EAAA2H,IAAEe,SAAUC,MAIvE3I,EAAAC,YAAO,QACAyH,EAA6BxH,UAAQF,EAAA2H,IAAKF,UAExCpF,EACLqF,EAA6BxH,UAC3BkD,KAAM,OAAQvD,WAAU2H,EAAA3H,WAAEuI,UAASZ,EAAAY,iBACrCX,gCACuBqB,4DAWvBxB,iCAHYkB,MAAA,GAAAxI,EAAA2H,IAAAiB,GAAYJ,UACXC,OAAA,GAAAzI,EAAA2H,IAAAiB,GAAYH,2NAKxB1I,EAAgBY,SAAOyI,EAAAC,gBARjBrJ,EAAA4H,UAAAC,EAAAC,GAAA9H,EAAAG,IAAAsH,eAAAA,yBAHb,6BH5B0B5H,GAClB,MAAAC,EAAaN,WAGjB8J,UAAA,CAAYC,EAAexF,EAAgByF,EAAO,KAC3C,IAAA1J,EAAWI,SAAA,OACFJ,EAAWI,SAASG,YAAYR,GACxCyJ,UAAUC,EAAOxF,EAAQyF,IAEjCC,aAAeF,IACR,IAAAzJ,EAAWI,SAAA,OACFJ,EAAWI,SAASG,YAAYR,GACxC4J,aAAaF,IAGzB,yCAjDsC1J,GAC9B,MAAAC,EAAaN,IAEf,IAAAkK,kBAAyCC,EAAAA,6BAGvCC,uBAA0B,OAAA,OAAA/G,EAAA/C,EAAWI,eAAX,EAAA2C,EAAqBxC,YAAYR,KAAe,cAEhFG,EAAAC,qBACOH,EAAWI,qBACdF,EAAAG,IAAAuJ,EAAQC,EAAAA,sBAAA,GAIJ,MAAAvJ,EAAQN,EAAWI,SAASG,YAAYR,GAKvC,aAFP6J,EAAQtJ,EAAMyJ,YAAA,GAEPzJ,EAAM0J,cAAeC,IAC1B/J,EAAAG,IAAAuJ,EAAQK,GAAA,QAKN,SAAAL,gBACKA,EACT,EACI,YAAAxJ,gBACK0J,EACT,EAEJ,gFArCa,IACXI,YAAoCtK,EAAAA,yBAAyBC,4DA6D/C,iBAAqBsK,EAAA7B,UAAQA,EAAAvI,WAAWA,IAChD,MAAAC,EAAaN,WAGjB0K,SAAA,CACEC,EACAC,aAGM,MAAAC,SAAcD,WAASH,SAAUA,EACjCK,SAAiBF,WAAShC,YAAaA,EACvCmC,SAAkBH,WAASvK,aAAcA,SAExCwK,EACH,OAAAxH,EAAA/C,EAAWI,eAAX,EAAA2C,EAAqB2H,iBAAA,CACnBP,OAAQI,EACRF,WACA/B,UAAWkC,EACXzK,WAAY0K,IAEd,OAAA5E,EAAA7F,EAAWI,eAAX,EAAAyF,EAAqB8E,eAAA,CACnBrK,WACE,IAAAkK,GACMlH,KAAM,OAAQvD,WAAY0K,EAAiBnC,UAAWkC,GACtD,CAAAlH,KAAM,SAAUvD,WAAY0K,GACpCJ,cAIZ"}

package/dist/svelte/index.js

@@ -1,69 +1,98 @@
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-import { InteractionManagerPlugin, initialState } from "@embedpdf/plugin-interaction-manager";
+import { useCapability, usePlugin, useDocumentState } from "@embedpdf/core/svelte";
+import { InteractionManagerPlugin, initialDocumentState } 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() {
+function useInteractionManager(documentId) {
   const capability = useInteractionManagerCapability();
-  const state = $.proxy({
-    get provides() {
-      return capability.provides;
-    },
-    state: initialState
+  let state = $.state($.proxy(initialDocumentState));
+  const scopedProvides = $.derived(() => {
+    var _a;
+    return ((_a = capability.provides) == null ? void 0 : _a.forDocument(documentId)) ?? null;
   });
   $.user_effect(() => {
-    if (!capability.provides) return;
-    return capability.provides.onStateChange((newState) => {
-      state.state = newState;
+    if (!capability.provides) {
+      $.set(state, initialDocumentState, true);
+      return;
+    }
+    const scope = capability.provides.forDocument(documentId);
+    $.set(state, scope.getState(), true);
+    return scope.onStateChange((newState) => {
+      $.set(state, newState, true);
     });
   });
-  return state;
+  return {
+    get state() {
+      return $.get(state);
+    },
+    get provides() {
+      return $.get(scopedProvides);
+    }
+  };
 }
-function useCursor() {
+function useCursor(documentId) {
   const capability = useInteractionManagerCapability();
-  const state = $.proxy({
+  return {
     setCursor: (token, cursor, prio = 0) => {
-      var _a;
-      (_a = capability.provides) == null ? void 0 : _a.setCursor(token, cursor, prio);
+      if (!capability.provides) return;
+      const scope = capability.provides.forDocument(documentId);
+      scope.setCursor(token, cursor, prio);
     },
     removeCursor: (token) => {
-      var _a;
-      (_a = capability.provides) == null ? void 0 : _a.removeCursor(token);
+      if (!capability.provides) return;
+      const scope = capability.provides.forDocument(documentId);
+      scope.removeCursor(token);
     }
-  });
-  return state;
+  };
 }
-function usePointerHandlers({ modeId, pageIndex } = {}) {
+function usePointerHandlers({ modeId, pageIndex, documentId }) {
   const capability = useInteractionManagerCapability();
   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 = capability.provides) == null ? void 0 : _a.registerHandlers({ modeId: finalModeId, handlers, pageIndex: finalPageIndex }) : (_b = capability.provides) == null ? void 0 : _b.registerAlways({
-        scope: finalPageIndex !== void 0 ? { type: "page", pageIndex: finalPageIndex } : { type: "global" },
+      const finalDocumentId = (options == null ? void 0 : options.documentId) ?? documentId;
+      return finalModeId ? (_a = capability.provides) == null ? void 0 : _a.registerHandlers({
+        modeId: finalModeId,
+        handlers,
+        pageIndex: finalPageIndex,
+        documentId: finalDocumentId
+      }) : (_b = capability.provides) == null ? void 0 : _b.registerAlways({
+        scope: finalPageIndex !== void 0 ? {
+          type: "page",
+          documentId: finalDocumentId,
+          pageIndex: finalPageIndex
+        } : { type: "global", documentId: finalDocumentId },
         handlers
       });
     }
   };
 }
-function useIsPageExclusive() {
+function useIsPageExclusive(documentId) {
   const capability = useInteractionManagerCapability();
-  const state = $.proxy({ isPageExclusive: false });
+  let isPageExclusive = $.state(false);
   $.user_effect(() => {
-    if (!capability.provides) return;
-    const mode = capability.provides.getActiveInteractionMode();
-    state.isPageExclusive = (mode == null ? void 0 : mode.scope) === "page" && !!mode.exclusive;
-    return capability.provides.onModeChange(() => {
-      var _a;
-      const mode2 = (_a = capability.provides) == null ? void 0 : _a.getActiveInteractionMode();
-      state.isPageExclusive = (mode2 == null ? void 0 : mode2.scope) === "page" && !!(mode2 == null ? void 0 : mode2.exclusive);
+    if (!capability.provides) {
+      $.set(isPageExclusive, false);
+      return;
+    }
+    const scope = capability.provides.forDocument(documentId);
+    const m = scope.getActiveInteractionMode();
+    $.set(isPageExclusive, (m == null ? void 0 : m.scope) === "page" && !!m.exclusive, true);
+    return scope.onModeChange(() => {
+      const mode = scope.getActiveInteractionMode();
+      $.set(isPageExclusive, (mode == null ? void 0 : mode.scope) === "page" && !!(mode == null ? void 0 : mode.exclusive), true);
     });
   });
-  return state;
+  return {
+    get current() {
+      return $.get(isPageExclusive);
+    }
+  };
 }
 const domEventMap = {
   pointerdown: "onPointerDown",
@@ -135,10 +164,11 @@ function shouldExcludeElement(element, rules) {
   return false;
 }
 function createPointerProvider(cap, scope, element, convertEventToPoint) {
+  const capScope = cap.forDocument(scope.documentId);
   let active = cap.getHandlersForScope(scope);
   const wantsRawTouchNow = () => {
     var _a;
-    return ((_a = cap.getActiveInteractionMode()) == null ? void 0 : _a.wantsRawTouch) !== false;
+    return ((_a = capScope.getActiveInteractionMode()) == null ? void 0 : _a.wantsRawTouch) !== false;
   };
   const listeners = {};
   let attachedWithRawTouch = wantsRawTouchNow();
@@ -156,9 +186,9 @@ function createPointerProvider(cap, scope, element, convertEventToPoint) {
   };
   addListeners(attachedWithRawTouch);
   element.style.touchAction = attachedWithRawTouch ? "none" : "";
-  const stopMode = cap.onModeChange(() => {
+  const stopMode = capScope.onModeChange(() => {
     if (scope.type === "global") {
-      const mode = cap.getActiveInteractionMode();
+      const mode = capScope.getActiveInteractionMode();
       element.style.cursor = (mode == null ? void 0 : mode.scope) === "global" ? mode.cursor ?? "auto" : "auto";
     }
     active = cap.getHandlersForScope(scope);
@@ -173,12 +203,12 @@ function createPointerProvider(cap, scope, element, convertEventToPoint) {
   const stopHandler = cap.onHandlerChange(() => {
     active = cap.getHandlersForScope(scope);
   });
-  const initialMode = cap.getActiveInteractionMode();
-  const initialCursor = cap.getCurrentCursor();
+  const initialMode = capScope.getActiveInteractionMode();
+  const initialCursor = capScope.getCurrentCursor();
   element.style.cursor = scope.type === "global" && (initialMode == null ? void 0 : initialMode.scope) !== "global" ? "auto" : initialCursor;
-  const stopCursor = cap.onCursorChange((c) => {
+  const stopCursor = capScope.onCursorChange((c) => {
     var _a;
-    if (scope.type === "global" && ((_a = cap.getActiveInteractionMode()) == null ? void 0 : _a.scope) !== "global") return;
+    if (scope.type === "global" && ((_a = capScope.getActiveInteractionMode()) == null ? void 0 : _a.scope) !== "global") return;
     element.style.cursor = c;
   });
   const toPos = (e, host) => {
@@ -240,7 +270,7 @@ function createPointerProvider(cap, scope, element, convertEventToPoint) {
         }
       };
     }
-    (_a = active[handlerKey]) == null ? void 0 : _a.call(active, pos, normEvt, cap.getActiveMode());
+    (_a = active[handlerKey]) == null ? void 0 : _a.call(active, pos, normEvt, capScope.getActiveMode());
   }
   return () => {
     removeListeners();
@@ -252,12 +282,19 @@ function createPointerProvider(cap, scope, element, convertEventToPoint) {
 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 restProps = $.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "documentId",
+    "children",
+    "class"
+  ]);
   let ref = $.state(null);
   const interactionManagerCapability = useInteractionManagerCapability();
   $.user_effect(() => {
     if (!interactionManagerCapability.provides || !$.get(ref)) return;
-    return createPointerProvider(interactionManagerCapability.provides, { type: "global" }, $.get(ref));
+    return createPointerProvider(interactionManagerCapability.provides, { type: "global", documentId: $$props.documentId }, $.get(ref));
   });
   var div = root$1();
   $.attribute_effect(div, () => ({
@@ -280,10 +317,9 @@ function PagePointerProvider($$anchor, $$props) {
     "$$slots",
     "$$events",
     "$$legacy",
+    "documentId",
     "pageIndex",
     "children",
-    "pageWidth",
-    "pageHeight",
     "rotation",
     "scale",
     "convertEventToPoint",
@@ -291,27 +327,63 @@ function PagePointerProvider($$anchor, $$props) {
   ]);
   let ref = $.state(null);
   const interactionManagerCapability = useInteractionManagerCapability();
-  const isPageExclusive = useIsPageExclusive();
+  const isPageExclusive = useIsPageExclusive($$props.documentId);
+  const documentState = useDocumentState(() => $$props.documentId);
+  const page = $.derived(() => {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = documentState.current) == null ? void 0 : _a.document) == null ? void 0 : _b.pages) == null ? void 0 : _c[$$props.pageIndex];
+  });
+  const naturalPageSize = $.derived(() => {
+    var _a;
+    return ((_a = $.get(page)) == null ? void 0 : _a.size) ?? { width: 0, height: 0 };
+  });
+  const rotation = $.derived(() => {
+    var _a;
+    return $$props.rotation ?? ((_a = documentState.current) == null ? void 0 : _a.rotation) ?? 0;
+  });
+  const scale = $.derived(() => {
+    var _a;
+    return $$props.scale ?? ((_a = documentState.current) == null ? void 0 : _a.scale) ?? 1;
+  });
+  const displaySize = $.derived(() => transformSize($.get(naturalPageSize), 0, $.get(scale)));
   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);
+      const rotatedNaturalSize = transformSize(
+        {
+          width: $.get(displaySize).width,
+          height: $.get(displaySize).height
+        },
+        $.get(rotation),
+        1
+      );
+      return restorePosition(rotatedNaturalSize, displayPoint, $.get(rotation), $.get(scale));
     };
   });
   $.user_effect(() => {
     if (!interactionManagerCapability.provides || !$.get(ref)) return;
-    return createPointerProvider(interactionManagerCapability.provides, { type: "page", pageIndex: $$props.pageIndex }, $.get(ref), $$props.convertEventToPoint || $.get(defaultConvertEventToPoint));
+    return createPointerProvider(
+      interactionManagerCapability.provides,
+      {
+        type: "page",
+        documentId: $$props.documentId,
+        pageIndex: $$props.pageIndex
+      },
+      $.get(ref),
+      $$props.convertEventToPoint || $.get(defaultConvertEventToPoint)
+    );
   });
   var div = root();
-  $.attribute_effect(div, ($0) => ({ class: $$props.class, ...restProps, [$.STYLE]: $0 }), [
-    () => ({
+  $.attribute_effect(div, () => ({
+    class: $$props.class,
+    ...restProps,
+    [$.STYLE]: {
       position: "relative",
-      width: `${$$props.pageWidth}px`,
-      height: `${$$props.pageHeight}px`
-    })
-  ]);
+      width: `${$.get(displaySize).width}px`,
+      height: `${$.get(displaySize).height}px`
+    }
+  }));
   var node = $.child(div);
   $.snippet(node, () => $$props.children);
   var node_1 = $.sibling(node, 2);
@@ -329,7 +401,7 @@ function PagePointerProvider($$anchor, $$props) {
       $.append($$anchor2, div_1);
     };
     $.if(node_1, ($$render) => {
-      if (isPageExclusive) $$render(consequent);
+      if (isPageExclusive.current) $$render(consequent);
     });
   }
   $.reset(div);