@embedpdf/plugin-zoom 2.0.0-next.3 → 2.0.0

package/dist/shared-preact/hooks/use-pinch-zoom.d.ts

@@ -1,3 +1,5 @@
-export declare function usePinch(documentId: string): {
+import { ZoomGestureOptions } from '../utils/pinch-zoom-logic';
+export type { ZoomGestureOptions };
+export declare function useZoomGesture(documentId: string, options?: ZoomGestureOptions): {
     elementRef: import('preact').RefObject<HTMLDivElement>;
 };

package/dist/shared-preact/hooks/use-zoom-gesture.d.ts

@@ -0,0 +1,5 @@
+import { ZoomGestureOptions } from '../utils/zoom-gesture-logic';
+export type { ZoomGestureOptions };
+export declare function useZoomGesture(documentId: string, options?: ZoomGestureOptions): {
+    elementRef: import('preact').RefObject<HTMLDivElement>;
+};

package/dist/shared-preact/utils/pinch-zoom-logic.d.ts

@@ -1,9 +1,18 @@
 import { ViewportCapability } from '@embedpdf/plugin-viewport';
 import { ZoomCapability } from '../../lib/index.ts';
-export interface PinchZoomDeps {
+export interface ZoomGestureOptions {
+    /** Enable pinch-to-zoom gesture (default: true) */
+    enablePinch?: boolean;
+    /** Enable wheel zoom with ctrl/cmd key (default: true) */
+    enableWheel?: boolean;
+}
+export interface ZoomGestureDeps {
     element: HTMLDivElement;
+    /** Optional viewport container element for attaching events (from context) */
+    container?: HTMLElement;
     documentId: string;
     viewportProvides: ViewportCapability;
     zoomProvides: ZoomCapability;
+    options?: ZoomGestureOptions;
 }
-export declare function setupPinchZoom({ element, documentId, viewportProvides, zoomProvides, }: PinchZoomDeps): () => void;
+export declare function setupZoomGestures({ element, container, documentId, viewportProvides, zoomProvides, options, }: ZoomGestureDeps): () => void;

package/dist/shared-preact/utils/zoom-gesture-logic.d.ts

@@ -0,0 +1,18 @@
+import { ZoomCapability } from '../../lib/index.ts';
+export interface ZoomGestureOptions {
+    /** Enable pinch-to-zoom gesture (default: true) */
+    enablePinch?: boolean;
+    /** Enable wheel zoom with ctrl/cmd key (default: true) */
+    enableWheel?: boolean;
+}
+export interface ZoomGestureDeps {
+    element: HTMLDivElement;
+    /** Viewport container element for attaching events */
+    container: HTMLElement;
+    documentId: string;
+    zoomProvides: ZoomCapability;
+    /** Viewport gap in pixels (default: 0) */
+    viewportGap?: number;
+    options?: ZoomGestureOptions;
+}
+export declare function setupZoomGestures({ element, container, documentId, zoomProvides, viewportGap, options, }: ZoomGestureDeps): () => void;

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

@@ -1,2 +1,2 @@
-export * from './pinch-wrapper';
+export * from './zoom-gesture-wrapper';
 export * from './marquee-zoom';

package/dist/shared-react/components/zoom-gesture-wrapper.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode, HTMLAttributes, CSSProperties } from '../../react/adapter.ts';
+type ZoomGestureWrapperProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+    children: ReactNode;
+    documentId: string;
+    style?: CSSProperties;
+    /** Enable pinch-to-zoom gesture (default: true) */
+    enablePinch?: boolean;
+    /** Enable wheel zoom with ctrl/cmd key (default: true) */
+    enableWheel?: boolean;
+};
+export declare function ZoomGestureWrapper({ children, documentId, style, enablePinch, enableWheel, ...props }: ZoomGestureWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,2 +1,2 @@
 export * from './use-zoom';
-export * from './use-pinch-zoom';
+export * from './use-zoom-gesture';

package/dist/shared-react/hooks/use-pinch-zoom.d.ts

@@ -1,3 +1,5 @@
-export declare function usePinch(documentId: string): {
+import { ZoomGestureOptions } from '../utils/pinch-zoom-logic';
+export type { ZoomGestureOptions };
+export declare function useZoomGesture(documentId: string, options?: ZoomGestureOptions): {
     elementRef: import('react').RefObject<HTMLDivElement>;
 };

package/dist/shared-react/hooks/use-zoom-gesture.d.ts

@@ -0,0 +1,5 @@
+import { ZoomGestureOptions } from '../utils/zoom-gesture-logic';
+export type { ZoomGestureOptions };
+export declare function useZoomGesture(documentId: string, options?: ZoomGestureOptions): {
+    elementRef: import('react').RefObject<HTMLDivElement>;
+};

package/dist/shared-react/utils/pinch-zoom-logic.d.ts

@@ -1,9 +1,18 @@
 import { ViewportCapability } from '@embedpdf/plugin-viewport';
 import { ZoomCapability } from '../../lib/index.ts';
-export interface PinchZoomDeps {
+export interface ZoomGestureOptions {
+    /** Enable pinch-to-zoom gesture (default: true) */
+    enablePinch?: boolean;
+    /** Enable wheel zoom with ctrl/cmd key (default: true) */
+    enableWheel?: boolean;
+}
+export interface ZoomGestureDeps {
     element: HTMLDivElement;
+    /** Optional viewport container element for attaching events (from context) */
+    container?: HTMLElement;
     documentId: string;
     viewportProvides: ViewportCapability;
     zoomProvides: ZoomCapability;
+    options?: ZoomGestureOptions;
 }
-export declare function setupPinchZoom({ element, documentId, viewportProvides, zoomProvides, }: PinchZoomDeps): () => void;
+export declare function setupZoomGestures({ element, container, documentId, viewportProvides, zoomProvides, options, }: ZoomGestureDeps): () => void;

package/dist/shared-react/utils/zoom-gesture-logic.d.ts

@@ -0,0 +1,18 @@
+import { ZoomCapability } from '../../lib/index.ts';
+export interface ZoomGestureOptions {
+    /** Enable pinch-to-zoom gesture (default: true) */
+    enablePinch?: boolean;
+    /** Enable wheel zoom with ctrl/cmd key (default: true) */
+    enableWheel?: boolean;
+}
+export interface ZoomGestureDeps {
+    element: HTMLDivElement;
+    /** Viewport container element for attaching events */
+    container: HTMLElement;
+    documentId: string;
+    zoomProvides: ZoomCapability;
+    /** Viewport gap in pixels (default: 0) */
+    viewportGap?: number;
+    options?: ZoomGestureOptions;
+}
+export declare function setupZoomGestures({ element, container, documentId, zoomProvides, viewportGap, options, }: ZoomGestureDeps): () => void;

package/dist/shared-svelte/utils/zoom-gesture-logic.d.ts

@@ -0,0 +1,18 @@
+import { ZoomCapability } from '../../lib/index.ts';
+export interface ZoomGestureOptions {
+    /** Enable pinch-to-zoom gesture (default: true) */
+    enablePinch?: boolean;
+    /** Enable wheel zoom with ctrl/cmd key (default: true) */
+    enableWheel?: boolean;
+}
+export interface ZoomGestureDeps {
+    element: HTMLDivElement;
+    /** Viewport container element for attaching events */
+    container: HTMLElement;
+    documentId: string;
+    zoomProvides: ZoomCapability;
+    /** Viewport gap in pixels (default: 0) */
+    viewportGap?: number;
+    options?: ZoomGestureOptions;
+}
+export declare function setupZoomGestures({ element, container, documentId, zoomProvides, viewportGap, options, }: ZoomGestureDeps): () => void;

package/dist/shared-vue/utils/zoom-gesture-logic.d.ts

@@ -0,0 +1,18 @@
+import { ZoomCapability } from '../../lib/index.ts';
+export interface ZoomGestureOptions {
+    /** Enable pinch-to-zoom gesture (default: true) */
+    enablePinch?: boolean;
+    /** Enable wheel zoom with ctrl/cmd key (default: true) */
+    enableWheel?: boolean;
+}
+export interface ZoomGestureDeps {
+    element: HTMLDivElement;
+    /** Viewport container element for attaching events */
+    container: HTMLElement;
+    documentId: string;
+    zoomProvides: ZoomCapability;
+    /** Viewport gap in pixels (default: 0) */
+    viewportGap?: number;
+    options?: ZoomGestureOptions;
+}
+export declare function setupZoomGestures({ element, container, documentId, zoomProvides, viewportGap, options, }: ZoomGestureDeps): () => void;

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

@@ -0,0 +1,14 @@
+import { Snippet } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
+type ZoomGestureWrapperProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+    documentId: string;
+    children: Snippet;
+    class?: string;
+    /** Enable pinch-to-zoom gesture (default: true) */
+    enablePinch?: boolean;
+    /** Enable wheel zoom with ctrl/cmd key (default: true) */
+    enableWheel?: boolean;
+};
+declare const ZoomGestureWrapper: import('svelte', { with: { "resolution-mode": "import" } }).Component<ZoomGestureWrapperProps, {}, "">;
+type ZoomGestureWrapper = ReturnType<typeof ZoomGestureWrapper>;
+export default ZoomGestureWrapper;

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

@@ -1,2 +1,2 @@
 export { default as MarqueeZoom } from './MarqueeZoom.svelte';
-export { default as PinchWrapper } from './PinchWrapper.svelte';
+export { default as ZoomGestureWrapper } from './ZoomGestureWrapper.svelte';

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

@@ -1,2 +1,2 @@
 export * from './use-zoom.svelte';
-export * from './use-pinch-zoom.svelte';
+export * from './use-zoom-gesture.svelte';

package/dist/svelte/hooks/use-pinch-zoom.svelte.d.ts

@@ -1,7 +1,16 @@
+import { ZoomGestureOptions } from '../../shared-svelte/utils/pinch-zoom-logic';
+export type { ZoomGestureOptions };
+export interface UseZoomGestureOptions {
+    /** Enable pinch-to-zoom gesture (default: true) */
+    enablePinch?: () => boolean;
+    /** Enable wheel zoom with ctrl/cmd key (default: true) */
+    enableWheel?: () => boolean;
+}
 /**
- * Hook for setting up pinch-to-zoom functionality on an element
+ * Hook for setting up zoom gesture functionality (pinch and wheel zoom) on an element
  * @param getDocumentId Function that returns the document ID
+ * @param options Optional configuration for enabling/disabling gestures
  */
-export declare function usePinch(getDocumentId: () => string | null): {
+export declare function useZoomGesture(getDocumentId: () => string | null, options?: UseZoomGestureOptions): {
     elementRef: HTMLDivElement | null;
 };

package/dist/svelte/hooks/use-zoom-gesture.svelte.d.ts

@@ -0,0 +1,16 @@
+import { ZoomGestureOptions } from '../../shared-svelte/utils/zoom-gesture-logic';
+export type { ZoomGestureOptions };
+export interface UseZoomGestureOptions {
+    /** Enable pinch-to-zoom gesture (default: true) */
+    enablePinch?: () => boolean;
+    /** Enable wheel zoom with ctrl/cmd key (default: true) */
+    enableWheel?: () => boolean;
+}
+/**
+ * Hook for setting up zoom gesture functionality (pinch and wheel zoom) on an element
+ * @param getDocumentId Function that returns the document ID
+ * @param options Optional configuration for enabling/disabling gestures
+ */
+export declare function useZoomGesture(getDocumentId: () => string | null, options?: UseZoomGestureOptions): {
+    elementRef: HTMLDivElement | null;
+};

package/dist/svelte/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("svelte/internal/client"),t=require("@embedpdf/core/svelte"),o=require("@embedpdf/plugin-zoom");function n(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const o in e)if("default"!==o){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}return t.default=e,Object.freeze(t)}require("svelte/internal/disclose-version");const r=n(e),s=()=>t.useCapability(o.ZoomPlugin.id);function i({element:e,documentId:t,viewportProvides:o,zoomProvides:n}){if("undefined"==typeof window)return()=>{};let r,s=0,i={x:0,y:0};const c=o.forDocument(t),l=n.forDocument(t),a=()=>{e.style.transform="none",e.style.transformOrigin="0 0"},u=t=>{var o;s=l.getState().currentZoomLevel;const n=c.getBoundingRect();i={x:t.center.x-n.origin.x,y:t.center.y-n.origin.y};const r=e.getBoundingClientRect();e.style.transformOrigin=`${t.center.x-r.left}px ${t.center.y-r.top}px`,(null==(o=t.srcEvent)?void 0:o.cancelable)&&(t.srcEvent.preventDefault(),t.srcEvent.stopPropagation())},d=t=>{var o,n;n=t.scale,e.style.transform=`scale(${n})`,(null==(o=t.srcEvent)?void 0:o.cancelable)&&(t.srcEvent.preventDefault(),t.srcEvent.stopPropagation())},p=e=>{const t=(e.scale-1)*s;l.requestZoomBy(t,{vx:i.x,vy:i.y}),a(),s=0};return(async()=>{try{const t=(await Promise.resolve().then(()=>require("../hammer-DhVzwxwy.cjs")).then(e=>e.hammer)).default,o=(()=>{const e="ontouchstart"in window||navigator.maxTouchPoints>0;return e&&/mobile|tablet|ip(ad|hone|od)|android/i.test(navigator.userAgent)?t.TouchInput:e?t.TouchMouseInput:t.MouseInput})();r=new t(e,{touchAction:"pan-x pan-y",inputClass:o}),r.get("pinch").set({enable:!0,pointers:2,threshold:.1}),r.on("pinchstart",u),r.on("pinchmove",d),r.on("pinchend",p)}catch(t){console.warn("Failed to load HammerJS:",t)}})(),()=>{null==r||r.destroy(),a()}}function c(e){const o=t.useCapability("viewport"),n=s();let c,l=r.state(null);const a=r.derived(e);return r.user_effect(()=>{const e=r.get(l),t=o.provides,s=n.provides,u=r.get(a);if(c&&(c(),c=void 0),e&&t&&s&&u)return c=i({element:e,documentId:u,viewportProvides:t,zoomProvides:s}),()=>{c&&(c(),c=void 0)}}),{get elementRef(){return r.get(l)},set elementRef(e){r.set(l,e,!0)}}}var l=r.from_html("<div></div>");var a=r.from_html("<div><!></div>");exports.MarqueeZoom=function(e,o){r.push(o,!0);let n=r.prop(o,"stroke",3,"rgba(33,150,243,0.8)"),i=r.prop(o,"fill",3,"rgba(33,150,243,0.15)");const c=s(),a=t.useDocumentState(()=>o.documentId);let u=r.state(null);const d=r.derived(()=>{var e;return void 0!==o.scale?o.scale:(null==(e=a.current)?void 0:e.scale)??1});r.user_effect(()=>{if(r.set(u,null),c.provides)return c.provides.registerMarqueeOnPage({documentId:o.documentId,pageIndex:o.pageIndex,scale:r.get(d),callback:{onPreview:e=>{r.set(u,e,!0)}}})});var p=r.comment(),g=r.first_child(p),v=e=>{var t=l();let s;r.template_effect(()=>{r.set_class(t,1,r.clsx(o.class)),s=r.set_style(t,"",s,{position:"absolute","pointer-events":"none",left:r.get(u).origin.x*r.get(d)+"px",top:r.get(u).origin.y*r.get(d)+"px",width:r.get(u).size.width*r.get(d)+"px",height:r.get(u).size.height*r.get(d)+"px",border:`1px solid ${n()}`,background:i(),"box-sizing":"border-box"})}),r.append(e,t)};r.if(g,e=>{r.get(u)&&e(v)}),r.append(e,p),r.pop()},exports.PinchWrapper=function(e,t){r.push(t,!0);let o=r.rest_props(t,["$$slots","$$events","$$legacy","documentId","children","class"]);const n=c(()=>t.documentId);var s=a();r.attribute_effect(s,()=>({...o,class:t.class,[r.STYLE]:{display:"block",width:"fit-content",overflow:"visible","box-sizing":"border-box",margin:"0px auto"}}));var i=r.child(s);r.snippet(i,()=>t.children),r.reset(s),r.bind_this(s,e=>n.elementRef=e,()=>null==n?void 0:n.elementRef),r.append(e,s),r.pop()},exports.usePinch=c,exports.useZoom=e=>{const t=s();let n=r.state(r.proxy(o.initialDocumentState));const i=r.derived(e),c=r.derived(()=>t.provides&&r.get(i)?t.provides.forDocument(r.get(i)):null);return r.user_effect(()=>{const e=t.provides,s=r.get(i);if(!e||!s)return void r.set(n,o.initialDocumentState,!0);const c=e.forDocument(s);return r.set(n,c.getState(),!0),c.onStateChange(e=>{r.set(n,e,!0)})}),{get provides(){return r.get(c)},get state(){return r.get(n)}}},exports.useZoomCapability=s,exports.useZoomPlugin=()=>t.usePlugin(o.ZoomPlugin.id),Object.keys(o).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>o[e]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("svelte/internal/client"),t=require("@embedpdf/core/svelte"),n=require("@embedpdf/plugin-zoom"),o=require("svelte");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)}require("svelte/internal/disclose-version");const i=r(e),l=()=>t.useCapability(n.ZoomPlugin.id);function s(e){const[t,n]=[e[0],e[1]],o=n.clientX-t.clientX,r=n.clientY-t.clientY;return Math.hypot(o,r)}function c(e,n={}){const r=t.useCapability("viewport"),c=l(),a=o.getContext("viewport-element");let u,d=i.state(null);const p=i.derived(e),v=i.derived(()=>{var e;return(null==(e=n.enablePinch)?void 0:e.call(n))??!0}),f=i.derived(()=>{var e;return(null==(e=n.enableWheel)?void 0:e.call(n))??!0});return i.user_effect(()=>{const e=i.get(d),t=null==a?void 0:a.current,n=r.provides,o=c.provides,l=i.get(p),h=i.get(v),m=i.get(f);if(u&&(u(),u=void 0),e&&t&&o&&l)return u=function({element:e,container:t,documentId:n,zoomProvides:o,viewportGap:r=0,options:i={}}){const{enablePinch:l=!0,enableWheel:c=!0}=i;if("undefined"==typeof window)return()=>{};const a=o.forDocument(n),u=()=>a.getState();let d=0,p=1,v=!1,f=0,h=null,m=1,g=0,b=0,x=0,y=0,P=0,w=0,L=0,O=0,E=0,M=0,S=0,W=0,_=0;const Z=(e,t,n)=>Math.min(Math.max(e,t),n),$=()=>{const n=t.clientWidth-2*r,o=e.offsetWidth,i=o<n?(n-o)/2:0;e.style.marginLeft=`${i}px`},D=e=>{const t=g*e,n=b*e;let o=E*(1-e);const r=O-t/2-x,i=M-_*e-x,l=Math.max(0,t-L),s=.3*L,c=Math.min(1,l/s);let a=r+(i-r)*c;return n>w-2*W&&(o=Z(y+o,w-W-n,W)-y),t>P-2*W&&(a=Z(x+a,P-W-t,W)-x),{tx:a,ty:o,blend:c,finalWidth:t}},z=t=>{p=t;const{tx:n,ty:o}=D(t);e.style.transformOrigin="0 0",e.style.transform=`translate(${n}px, ${o}px) scale(${t})`},I=()=>{e.style.transform="none",e.style.transformOrigin="0 0",p=1},j=()=>{const{tx:e,finalWidth:t}=D(p),n=(p-1)*d;let o,r=S;if(t<=L)o=O;else{const t=1-p;o=Math.abs(t)>.001?x+e/t:M}a.requestZoomBy(n,{vx:o,vy:r}),I(),d=0},q=(n,o)=>{const i=t.getBoundingClientRect(),l=e.getBoundingClientRect();W=r,g=l.width,b=l.height,x=l.left-i.left,y=l.top-i.top,P=i.width,w=i.height,L=t.clientWidth,O=t.clientLeft+L/2;const s=n-l.left;E=o-l.top,M=n-i.left,S=o-i.top,_=g<L?M*g/L:s},C=e=>{if(2!==e.touches.length)return;v=!0,d=u().currentZoomLevel,f=s(e.touches);const t=function(e){const[t,n]=[e[0],e[1]];return{x:(t.clientX+n.clientX)/2,y:(t.clientY+n.clientY)/2}}(e.touches);q(t.x,t.y),e.preventDefault()},R=e=>{if(!v||2!==e.touches.length)return;const t=s(e.touches);z(t/f),e.preventDefault()},Y=e=>{v&&(e.touches.length>=2||(v=!1,j()))},T=e=>{if(!e.ctrlKey&&!e.metaKey)return;e.preventDefault(),null===h?(d=u().currentZoomLevel,m=1,q(e.clientX,e.clientY)):clearTimeout(h);const t=1-.01*e.deltaY;m*=t,m=Math.max(.1,Math.min(10,m)),z(m),h=setTimeout(()=>{h=null,j(),m=1},150)},k=a.onStateChange(()=>$()),G=new ResizeObserver(()=>$());return G.observe(e),G.observe(t),$(),l&&(t.addEventListener("touchstart",C,{passive:!1}),t.addEventListener("touchmove",R,{passive:!1}),t.addEventListener("touchend",Y),t.addEventListener("touchcancel",Y)),c&&t.addEventListener("wheel",T,{passive:!1}),()=>{l&&(t.removeEventListener("touchstart",C),t.removeEventListener("touchmove",R),t.removeEventListener("touchend",Y),t.removeEventListener("touchcancel",Y)),c&&t.removeEventListener("wheel",T),h&&clearTimeout(h),k(),G.disconnect(),I(),e.style.marginLeft=""}}({element:e,container:t,documentId:l,zoomProvides:o,viewportGap:(null==n?void 0:n.getViewportGap())||0,options:{enablePinch:h,enableWheel:m}}),()=>{u&&(u(),u=void 0)}}),{get elementRef(){return i.get(d)},set elementRef(e){i.set(d,e,!0)}}}var a=i.from_html("<div></div>");var u=i.from_html("<div><!></div>");exports.MarqueeZoom=function(e,n){i.push(n,!0);let o=i.prop(n,"stroke",3,"rgba(33,150,243,0.8)"),r=i.prop(n,"fill",3,"rgba(33,150,243,0.15)");const s=l(),c=t.useDocumentState(()=>n.documentId);let u=i.state(null);const d=i.derived(()=>{var e;return void 0!==n.scale?n.scale:(null==(e=c.current)?void 0:e.scale)??1});i.user_effect(()=>{if(i.set(u,null),s.provides)return s.provides.registerMarqueeOnPage({documentId:n.documentId,pageIndex:n.pageIndex,scale:i.get(d),callback:{onPreview:e=>{i.set(u,e,!0)}}})});var p=i.comment(),v=i.first_child(p),f=e=>{var t=a();let l;i.template_effect(()=>{i.set_class(t,1,i.clsx(n.class)),l=i.set_style(t,"",l,{position:"absolute","pointer-events":"none",left:i.get(u).origin.x*i.get(d)+"px",top:i.get(u).origin.y*i.get(d)+"px",width:i.get(u).size.width*i.get(d)+"px",height:i.get(u).size.height*i.get(d)+"px",border:`1px solid ${o()}`,background:r(),"box-sizing":"border-box"})}),i.append(e,t)};i.if(v,e=>{i.get(u)&&e(f)}),i.append(e,p),i.pop()},exports.ZoomGestureWrapper=function(e,t){i.push(t,!0);let n=i.prop(t,"enablePinch",3,!0),o=i.prop(t,"enableWheel",3,!0),r=i.rest_props(t,["$$slots","$$events","$$legacy","documentId","children","class","enablePinch","enableWheel"]);const l=c(()=>t.documentId,{enablePinch:()=>n(),enableWheel:()=>o()});var s=u();i.attribute_effect(s,()=>({...r,class:t.class,[i.STYLE]:{display:"inline-block",overflow:"visible","box-sizing":"border-box"}}));var a=i.child(s);i.snippet(a,()=>t.children),i.reset(s),i.bind_this(s,e=>l.elementRef=e,()=>null==l?void 0:l.elementRef),i.append(e,s),i.pop()},exports.useZoom=e=>{const t=l();let o=i.state(i.proxy(n.initialDocumentState));const r=i.derived(e),s=i.derived(()=>t.provides&&i.get(r)?t.provides.forDocument(i.get(r)):null);return i.user_effect(()=>{const e=t.provides,l=i.get(r);if(!e||!l)return void i.set(o,n.initialDocumentState,!0);const s=e.forDocument(l);return i.set(o,s.getState(),!0),s.onStateChange(e=>{i.set(o,e,!0)})}),{get provides(){return i.get(s)},get state(){return i.get(o)}}},exports.useZoomCapability=l,exports.useZoomGesture=c,exports.useZoomPlugin=()=>t.usePlugin(n.ZoomPlugin.id),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-zoom.svelte.ts","../../src/shared/utils/pinch-zoom-logic.ts","../../src/svelte/hooks/use-pinch-zoom.svelte.ts","../../src/svelte/components/MarqueeZoom.svelte","../../src/svelte/components/PinchWrapper.svelte"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport {\n  initialDocumentState,\n  ZoomDocumentState,\n  ZoomPlugin,\n  ZoomScope,\n} from '@embedpdf/plugin-zoom';\n\nexport const useZoomCapability = () => useCapability<ZoomPlugin>(ZoomPlugin.id);\nexport const useZoomPlugin = () => usePlugin<ZoomPlugin>(ZoomPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseZoomReturn {\n  provides: ZoomScope | null;\n  state: ZoomDocumentState;\n}\n\n/**\n * Hook for zoom state for a specific document\n * @param getDocumentId Function that returns the document ID\n */\nexport const useZoom = (getDocumentId: () => string | null): UseZoomReturn => {\n  const capability = useZoomCapability();\n\n  let state = $state<ZoomDocumentState>(initialDocumentState);\n\n  // Reactive documentId\n  const documentId = $derived(getDocumentId());\n\n  // Scoped capability for current docId\n  const scopedProvides = $derived(\n    capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n  );\n\n  $effect(() => {\n    const provides = capability.provides;\n    const docId = documentId;\n\n    if (!provides || !docId) {\n      state = initialDocumentState;\n      return;\n    }\n\n    const scope = provides.forDocument(docId);\n\n    // Get initial state\n    state = scope.getState();\n\n    // Subscribe to state changes for this document\n    return scope.onStateChange((newState) => {\n      state = newState;\n    });\n  });\n\n  return {\n    get provides() {\n      return scopedProvides;\n    },\n    get state() {\n      return state;\n    },\n  };\n};\n","import type { ViewportCapability } from '@embedpdf/plugin-viewport';\nimport type { ZoomCapability } from '@embedpdf/plugin-zoom';\n\nexport interface PinchZoomDeps {\n  element: HTMLDivElement;\n  documentId: string;\n  viewportProvides: ViewportCapability;\n  zoomProvides: ZoomCapability;\n}\n\nexport function setupPinchZoom({\n  element,\n  documentId,\n  viewportProvides,\n  zoomProvides,\n}: PinchZoomDeps) {\n  if (typeof window === 'undefined') {\n    return () => {};\n  }\n\n  let hammer: any | undefined;\n  let initialZoom = 0;\n  let lastCenter = { x: 0, y: 0 };\n\n  const viewportScope = viewportProvides.forDocument(documentId);\n  const zoomScope = zoomProvides.forDocument(documentId);\n\n  const getState = () => zoomScope.getState();\n\n  const updateTransform = (scale: number) => {\n    element.style.transform = `scale(${scale})`;\n  };\n\n  const resetTransform = () => {\n    element.style.transform = 'none';\n    element.style.transformOrigin = '0 0';\n  };\n\n  const pinchStart = (e: HammerInput) => {\n    initialZoom = getState().currentZoomLevel;\n\n    const contRect = viewportScope.getBoundingRect();\n\n    lastCenter = {\n      x: e.center.x - contRect.origin.x,\n      y: e.center.y - contRect.origin.y,\n    };\n\n    const innerRect = element.getBoundingClientRect();\n    element.style.transformOrigin = `${e.center.x - innerRect.left}px ${e.center.y - innerRect.top}px`;\n\n    if (e.srcEvent?.cancelable) {\n      e.srcEvent.preventDefault();\n      e.srcEvent.stopPropagation();\n    }\n  };\n\n  const pinchMove = (e: HammerInput) => {\n    updateTransform(e.scale);\n    if (e.srcEvent?.cancelable) {\n      e.srcEvent.preventDefault();\n      e.srcEvent.stopPropagation();\n    }\n  };\n\n  const pinchEnd = (e: HammerInput) => {\n    const delta = (e.scale - 1) * initialZoom;\n    zoomScope.requestZoomBy(delta, { vx: lastCenter.x, vy: lastCenter.y });\n\n    resetTransform();\n    initialZoom = 0;\n  };\n\n  const setupHammer = async () => {\n    try {\n      const Hammer = (await import('hammerjs')).default;\n\n      const inputClass = (() => {\n        const MOBILE_REGEX = /mobile|tablet|ip(ad|hone|od)|android/i;\n        const SUPPORT_TOUCH = 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n        const SUPPORT_ONLY_TOUCH = SUPPORT_TOUCH && MOBILE_REGEX.test(navigator.userAgent);\n        if (SUPPORT_ONLY_TOUCH) return Hammer.TouchInput;\n        if (!SUPPORT_TOUCH) return Hammer.MouseInput;\n        return Hammer.TouchMouseInput;\n      })();\n\n      hammer = new Hammer(element, {\n        touchAction: 'pan-x pan-y',\n        inputClass,\n      });\n\n      hammer.get('pinch').set({ enable: true, pointers: 2, threshold: 0.1 });\n\n      hammer.on('pinchstart', pinchStart);\n      hammer.on('pinchmove', pinchMove);\n      hammer.on('pinchend', pinchEnd);\n    } catch (error) {\n      console.warn('Failed to load HammerJS:', error);\n    }\n  };\n\n  setupHammer();\n\n  return () => {\n    hammer?.destroy();\n    resetTransform();\n  };\n}\n","import { useCapability } from '@embedpdf/core/svelte';\nimport type { ViewportPlugin } from '@embedpdf/plugin-viewport';\nimport { setupPinchZoom } from '../../shared/utils/pinch-zoom-logic';\nimport { useZoomCapability } from './use-zoom.svelte';\n\n/**\n * Hook for setting up pinch-to-zoom functionality on an element\n * @param getDocumentId Function that returns the document ID\n */\nexport function usePinch(getDocumentId: () => string | null) {\n  const viewportCapability = useCapability<ViewportPlugin>('viewport');\n  const zoomCapability = useZoomCapability();\n\n  let elementRef = $state<HTMLDivElement | null>(null);\n  let cleanup: (() => void) | undefined;\n\n  // Reactive documentId\n  const documentId = $derived(getDocumentId());\n\n  $effect(() => {\n    const element = elementRef;\n    const viewport = viewportCapability.provides;\n    const zoom = zoomCapability.provides;\n    const docId = documentId;\n\n    // Clean up previous setup\n    if (cleanup) {\n      cleanup();\n      cleanup = undefined;\n    }\n\n    // Setup new pinch zoom if all dependencies are available\n    if (!element || !viewport || !zoom || !docId) {\n      return;\n    }\n\n    cleanup = setupPinchZoom({\n      element,\n      documentId: docId,\n      viewportProvides: viewport,\n      zoomProvides: zoom,\n    });\n\n    return () => {\n      if (cleanup) {\n        cleanup();\n        cleanup = undefined;\n      }\n    };\n  });\n\n  return {\n    get elementRef() {\n      return elementRef;\n    },\n    set elementRef(value: HTMLDivElement | null) {\n      elementRef = value;\n    },\n  };\n}\n","<script lang=\"ts\">\n  import type { Rect } from '@embedpdf/models';\n  import { useDocumentState } from '@embedpdf/core/svelte';\n  import { useZoomCapability } from '../hooks/use-zoom.svelte';\n\n  interface MarqueeZoomProps {\n    /** The ID of the document */\n    documentId: string;\n    /** Index of the page this layer lives on */\n    pageIndex: number;\n    /** Scale of the page */\n    scale?: number;\n    /** Optional CSS class applied to the marquee rectangle */\n    class?: string;\n    /** Stroke / fill colours (defaults below) */\n    stroke?: string;\n    fill?: string;\n  }\n\n  let {\n    documentId,\n    pageIndex,\n    scale: scaleOverride,\n    class: propsClass,\n    stroke = 'rgba(33,150,243,0.8)',\n    fill = 'rgba(33,150,243,0.15)',\n  }: MarqueeZoomProps = $props();\n\n  const zoomCapability = useZoomCapability();\n  const documentState = useDocumentState(() => documentId);\n\n  let rect = $state<Rect | null>(null);\n\n  const actualScale = $derived(\n    scaleOverride !== undefined ? scaleOverride : (documentState.current?.scale ?? 1),\n  );\n\n  $effect(() => {\n    rect = null;\n\n    if (!zoomCapability.provides) {\n      return;\n    }\n\n    return zoomCapability.provides.registerMarqueeOnPage({\n      documentId,\n      pageIndex,\n      scale: actualScale,\n      callback: {\n        onPreview: (newRect) => {\n          rect = newRect;\n        },\n      },\n    });\n  });\n</script>\n\n{#if rect}\n  <div\n    style:position=\"absolute\"\n    style:pointer-events=\"none\"\n    style:left={`${rect.origin.x * actualScale}px`}\n    style:top={`${rect.origin.y * actualScale}px`}\n    style:width={`${rect.size.width * actualScale}px`}\n    style:height={`${rect.size.height * actualScale}px`}\n    style:border={`1px solid ${stroke}`}\n    style:background={fill}\n    style:box-sizing=\"border-box\"\n    class={propsClass}\n  ></div>\n{/if}\n","<script lang=\"ts\">\n  import { usePinch } from '../hooks';\n  import type { Snippet } from 'svelte';\n  import type { HTMLAttributes } from 'svelte/elements';\n\n  type PinchWrapperProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n    documentId: string;\n    children: Snippet;\n    class?: string;\n  };\n\n  let { documentId, children, class: propsClass, ...restProps }: PinchWrapperProps = $props();\n  const pinch = usePinch(() => documentId);\n</script>\n\n<div\n  bind:this={pinch.elementRef}\n  {...restProps}\n  style:display=\"block\"\n  style:width=\"fit-content\"\n  style:overflow=\"visible\"\n  style:box-sizing=\"border-box\"\n  style:margin=\"0px auto\"\n  class={propsClass}\n>\n  {@render children()}\n</div>\n"],"names":["useZoomCapability","useCapability","ZoomPlugin","id","setupPinchZoom","element","documentId","viewportProvides","zoomProvides","window","hammer","initialZoom","lastCenter","x","y","viewportScope","forDocument","zoomScope","resetTransform","style","transform","transformOrigin","pinchStart","e","getState","currentZoomLevel","contRect","getBoundingRect","center","origin","innerRect","getBoundingClientRect","left","top","_a","srcEvent","cancelable","preventDefault","stopPropagation","pinchMove","scale","pinchEnd","delta","requestZoomBy","vx","vy","async","Hammer","Promise","resolve","then","require","n","default","inputClass","SUPPORT_TOUCH","navigator","maxTouchPoints","test","userAgent","TouchInput","TouchMouseInput","MouseInput","touchAction","get","set","enable","pointers","threshold","on","error","console","warn","setupHammer","destroy","usePinch","getDocumentId","viewportCapability","zoomCapability","cleanup","elementRef","$","user_effect","viewport","provides","zoom","docId","value","stroke","fill","documentState","useDocumentState","$$props","rect","actualScale","derived","current","registerMarqueeOnPage","pageIndex","callback","onPreview","newRect","width","size","height","consequent","restProps","rest_props","pinch","bind_this","div","$$value","capability","state","initialDocumentState","scopedProvides","scope","onStateChange","newState","usePlugin"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-zoom.svelte.ts","../../src/shared/utils/zoom-gesture-logic.ts","../../src/svelte/hooks/use-zoom-gesture.svelte.ts","../../src/svelte/components/MarqueeZoom.svelte","../../src/svelte/components/ZoomGestureWrapper.svelte"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport {\n  initialDocumentState,\n  ZoomDocumentState,\n  ZoomPlugin,\n  ZoomScope,\n} from '@embedpdf/plugin-zoom';\n\nexport const useZoomCapability = () => useCapability<ZoomPlugin>(ZoomPlugin.id);\nexport const useZoomPlugin = () => usePlugin<ZoomPlugin>(ZoomPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseZoomReturn {\n  provides: ZoomScope | null;\n  state: ZoomDocumentState;\n}\n\n/**\n * Hook for zoom state for a specific document\n * @param getDocumentId Function that returns the document ID\n */\nexport const useZoom = (getDocumentId: () => string | null): UseZoomReturn => {\n  const capability = useZoomCapability();\n\n  let state = $state<ZoomDocumentState>(initialDocumentState);\n\n  // Reactive documentId\n  const documentId = $derived(getDocumentId());\n\n  // Scoped capability for current docId\n  const scopedProvides = $derived(\n    capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n  );\n\n  $effect(() => {\n    const provides = capability.provides;\n    const docId = documentId;\n\n    if (!provides || !docId) {\n      state = initialDocumentState;\n      return;\n    }\n\n    const scope = provides.forDocument(docId);\n\n    // Get initial state\n    state = scope.getState();\n\n    // Subscribe to state changes for this document\n    return scope.onStateChange((newState) => {\n      state = newState;\n    });\n  });\n\n  return {\n    get provides() {\n      return scopedProvides;\n    },\n    get state() {\n      return state;\n    },\n  };\n};\n","import type { ZoomCapability } from '@embedpdf/plugin-zoom';\n\nexport interface ZoomGestureOptions {\n  /** Enable pinch-to-zoom gesture (default: true) */\n  enablePinch?: boolean;\n  /** Enable wheel zoom with ctrl/cmd key (default: true) */\n  enableWheel?: boolean;\n}\n\nexport interface ZoomGestureDeps {\n  element: HTMLDivElement;\n  /** Viewport container element for attaching events */\n  container: HTMLElement;\n  documentId: string;\n  zoomProvides: ZoomCapability;\n  /** Viewport gap in pixels (default: 0) */\n  viewportGap?: number;\n  options?: ZoomGestureOptions;\n}\n\nfunction getTouchDistance(touches: TouchList): number {\n  const [t1, t2] = [touches[0], touches[1]];\n  const dx = t2.clientX - t1.clientX;\n  const dy = t2.clientY - t1.clientY;\n  return Math.hypot(dx, dy);\n}\n\nfunction getTouchCenter(touches: TouchList): { x: number; y: number } {\n  const [t1, t2] = [touches[0], touches[1]];\n  return {\n    x: (t1.clientX + t2.clientX) / 2,\n    y: (t1.clientY + t2.clientY) / 2,\n  };\n}\n\nexport function setupZoomGestures({\n  element,\n  container,\n  documentId,\n  zoomProvides,\n  viewportGap = 0,\n  options = {},\n}: ZoomGestureDeps) {\n  const { enablePinch = true, enableWheel = true } = options;\n  if (typeof window === 'undefined') {\n    return () => {};\n  }\n\n  const zoomScope = zoomProvides.forDocument(documentId);\n  const getState = () => zoomScope.getState();\n\n  // Shared state\n  let initialZoom = 0;\n  let currentScale = 1;\n  let isPinching = false;\n  let initialDistance = 0;\n\n  // Wheel state\n  let wheelZoomTimeout: ReturnType<typeof setTimeout> | null = null;\n  let accumulatedWheelScale = 1;\n\n  // Gesture state\n  let initialElementWidth = 0;\n  let initialElementHeight = 0;\n  let initialElementLeft = 0;\n  let initialElementTop = 0;\n\n  // Container Dimensions (Bounding Box)\n  let containerRectWidth = 0;\n  let containerRectHeight = 0;\n\n  // Layout Dimensions (Client Box from Metrics)\n  let layoutWidth = 0;\n  let layoutCenterX = 0;\n\n  let pointerLocalY = 0;\n  let pointerContainerX = 0;\n  let pointerContainerY = 0;\n\n  let currentGap = 0;\n  let pivotLocalX = 0;\n\n  const clamp = (val: number, min: number, max: number) => Math.min(Math.max(val, min), max);\n\n  // --- Margin calculation ---\n  const updateMargin = () => {\n    const availableWidth = container.clientWidth - 2 * viewportGap;\n    const elementWidth = element.offsetWidth;\n\n    const newMargin = elementWidth < availableWidth ? (availableWidth - elementWidth) / 2 : 0;\n    element.style.marginLeft = `${newMargin}px`;\n  };\n\n  const calculateTransform = (scale: number) => {\n    const finalWidth = initialElementWidth * scale;\n    const finalHeight = initialElementHeight * scale;\n\n    let ty = pointerLocalY * (1 - scale);\n\n    const targetX = layoutCenterX - finalWidth / 2;\n    const txCenter = targetX - initialElementLeft;\n    const txMouse = pointerContainerX - pivotLocalX * scale - initialElementLeft;\n\n    const overflow = Math.max(0, finalWidth - layoutWidth);\n    const blendRange = layoutWidth * 0.3;\n    const blend = Math.min(1, overflow / blendRange);\n\n    let tx = txCenter + (txMouse - txCenter) * blend;\n\n    const safeHeight = containerRectHeight - currentGap * 2;\n    if (finalHeight > safeHeight) {\n      const currentTop = initialElementTop + ty;\n      const maxTop = currentGap;\n      const minTop = containerRectHeight - currentGap - finalHeight;\n      const constrainedTop = clamp(currentTop, minTop, maxTop);\n      ty = constrainedTop - initialElementTop;\n    }\n\n    const safeWidth = containerRectWidth - currentGap * 2;\n    if (finalWidth > safeWidth) {\n      const currentLeft = initialElementLeft + tx;\n      const maxLeft = currentGap;\n      const minLeft = containerRectWidth - currentGap - finalWidth;\n      const constrainedLeft = clamp(currentLeft, minLeft, maxLeft);\n      tx = constrainedLeft - initialElementLeft;\n    }\n\n    return { tx, ty, blend, finalWidth };\n  };\n\n  const updateTransform = (scale: number) => {\n    currentScale = scale;\n    const { tx, ty } = calculateTransform(scale);\n    element.style.transformOrigin = '0 0';\n    element.style.transform = `translate(${tx}px, ${ty}px) scale(${scale})`;\n  };\n\n  const resetTransform = () => {\n    element.style.transform = 'none';\n    element.style.transformOrigin = '0 0';\n    currentScale = 1;\n  };\n\n  const commitZoom = () => {\n    const { tx, finalWidth } = calculateTransform(currentScale);\n    const delta = (currentScale - 1) * initialZoom;\n\n    let anchorX: number;\n    let anchorY: number = pointerContainerY;\n\n    if (finalWidth <= layoutWidth) {\n      anchorX = layoutCenterX;\n    } else {\n      const scaleDiff = 1 - currentScale;\n      anchorX =\n        Math.abs(scaleDiff) > 0.001 ? initialElementLeft + tx / scaleDiff : pointerContainerX;\n    }\n\n    zoomScope.requestZoomBy(delta, { vx: anchorX, vy: anchorY });\n    resetTransform();\n    initialZoom = 0;\n  };\n\n  const initializeGestureState = (clientX: number, clientY: number) => {\n    const containerRect = container.getBoundingClientRect();\n    const innerRect = element.getBoundingClientRect();\n\n    currentGap = viewportGap;\n    initialElementWidth = innerRect.width;\n    initialElementHeight = innerRect.height;\n    initialElementLeft = innerRect.left - containerRect.left;\n    initialElementTop = innerRect.top - containerRect.top;\n\n    containerRectWidth = containerRect.width;\n    containerRectHeight = containerRect.height;\n\n    // Layout dimensions from container's client area\n    layoutWidth = container.clientWidth;\n    layoutCenterX = container.clientLeft + layoutWidth / 2;\n\n    const rawPointerLocalX = clientX - innerRect.left;\n    pointerLocalY = clientY - innerRect.top;\n    pointerContainerX = clientX - containerRect.left;\n    pointerContainerY = clientY - containerRect.top;\n\n    if (initialElementWidth < layoutWidth) {\n      pivotLocalX = (pointerContainerX * initialElementWidth) / layoutWidth;\n    } else {\n      pivotLocalX = rawPointerLocalX;\n    }\n  };\n\n  // --- Handlers ---\n  const handleTouchStart = (e: TouchEvent) => {\n    if (e.touches.length !== 2) return;\n    isPinching = true;\n    initialZoom = getState().currentZoomLevel;\n    initialDistance = getTouchDistance(e.touches);\n    const center = getTouchCenter(e.touches);\n    initializeGestureState(center.x, center.y);\n    e.preventDefault();\n  };\n\n  const handleTouchMove = (e: TouchEvent) => {\n    if (!isPinching || e.touches.length !== 2) return;\n    const currentDistance = getTouchDistance(e.touches);\n    const scale = currentDistance / initialDistance;\n    updateTransform(scale);\n    e.preventDefault();\n  };\n\n  const handleTouchEnd = (e: TouchEvent) => {\n    if (!isPinching) return;\n    if (e.touches.length >= 2) return;\n    isPinching = false;\n    commitZoom();\n  };\n\n  const handleWheel = (e: WheelEvent) => {\n    if (!e.ctrlKey && !e.metaKey) return;\n    e.preventDefault();\n\n    if (wheelZoomTimeout === null) {\n      initialZoom = getState().currentZoomLevel;\n      accumulatedWheelScale = 1;\n      initializeGestureState(e.clientX, e.clientY);\n    } else {\n      clearTimeout(wheelZoomTimeout);\n    }\n\n    const zoomFactor = 1 - e.deltaY * 0.01;\n    accumulatedWheelScale *= zoomFactor;\n    accumulatedWheelScale = Math.max(0.1, Math.min(10, accumulatedWheelScale));\n    updateTransform(accumulatedWheelScale);\n\n    wheelZoomTimeout = setTimeout(() => {\n      wheelZoomTimeout = null;\n      commitZoom();\n      accumulatedWheelScale = 1;\n    }, 150);\n  };\n\n  // Subscribe to zoom changes to update margin\n  const unsubZoom = zoomScope.onStateChange(() => updateMargin());\n\n  // Use ResizeObserver to update margin when element or container size changes\n  const resizeObserver = new ResizeObserver(() => updateMargin());\n  resizeObserver.observe(element);\n  resizeObserver.observe(container);\n\n  // Initial margin calculation\n  updateMargin();\n\n  // Attach events to the viewport container for better UX\n  // (gestures work anywhere in viewport, not just on the PDF)\n  if (enablePinch) {\n    container.addEventListener('touchstart', handleTouchStart, { passive: false });\n    container.addEventListener('touchmove', handleTouchMove, { passive: false });\n    container.addEventListener('touchend', handleTouchEnd);\n    container.addEventListener('touchcancel', handleTouchEnd);\n  }\n  if (enableWheel) {\n    container.addEventListener('wheel', handleWheel, { passive: false });\n  }\n\n  return () => {\n    if (enablePinch) {\n      container.removeEventListener('touchstart', handleTouchStart);\n      container.removeEventListener('touchmove', handleTouchMove);\n      container.removeEventListener('touchend', handleTouchEnd);\n      container.removeEventListener('touchcancel', handleTouchEnd);\n    }\n    if (enableWheel) {\n      container.removeEventListener('wheel', handleWheel);\n    }\n    if (wheelZoomTimeout) {\n      clearTimeout(wheelZoomTimeout);\n    }\n    unsubZoom();\n    resizeObserver.disconnect();\n    resetTransform();\n    element.style.marginLeft = '';\n  };\n}\n","import { getContext } from 'svelte';\nimport { useCapability } from '@embedpdf/core/svelte';\nimport type { ViewportPlugin } from '@embedpdf/plugin-viewport';\nimport { setupZoomGestures, type ZoomGestureOptions } from '../../shared/utils/zoom-gesture-logic';\nimport { useZoomCapability } from './use-zoom.svelte';\n\nexport type { ZoomGestureOptions };\n\n/** Context type for viewport element */\ntype ViewportElementContext = { readonly current: HTMLDivElement | null };\n\nexport interface UseZoomGestureOptions {\n  /** Enable pinch-to-zoom gesture (default: true) */\n  enablePinch?: () => boolean;\n  /** Enable wheel zoom with ctrl/cmd key (default: true) */\n  enableWheel?: () => boolean;\n}\n\n/**\n * Hook for setting up zoom gesture functionality (pinch and wheel zoom) on an element\n * @param getDocumentId Function that returns the document ID\n * @param options Optional configuration for enabling/disabling gestures\n */\nexport function useZoomGesture(\n  getDocumentId: () => string | null,\n  options: UseZoomGestureOptions = {},\n) {\n  const viewportCapability = useCapability<ViewportPlugin>('viewport');\n  const zoomCapability = useZoomCapability();\n  const viewportElementCtx = getContext<ViewportElementContext | undefined>('viewport-element');\n\n  let elementRef = $state<HTMLDivElement | null>(null);\n  let cleanup: (() => void) | undefined;\n\n  // Reactive documentId and options\n  const documentId = $derived(getDocumentId());\n  const enablePinch = $derived(options.enablePinch?.() ?? true);\n  const enableWheel = $derived(options.enableWheel?.() ?? true);\n\n  $effect(() => {\n    const element = elementRef;\n    const container = viewportElementCtx?.current;\n    const viewport = viewportCapability.provides;\n    const zoom = zoomCapability.provides;\n    const docId = documentId;\n    const pinchEnabled = enablePinch;\n    const wheelEnabled = enableWheel;\n\n    // Clean up previous setup\n    if (cleanup) {\n      cleanup();\n      cleanup = undefined;\n    }\n\n    // Setup new zoom gestures if all dependencies are available\n    if (!element || !container || !zoom || !docId) {\n      return;\n    }\n\n    cleanup = setupZoomGestures({\n      element,\n      container,\n      documentId: docId,\n      zoomProvides: zoom,\n      viewportGap: viewport?.getViewportGap() || 0,\n      options: { enablePinch: pinchEnabled, enableWheel: wheelEnabled },\n    });\n\n    return () => {\n      if (cleanup) {\n        cleanup();\n        cleanup = undefined;\n      }\n    };\n  });\n\n  return {\n    get elementRef() {\n      return elementRef;\n    },\n    set elementRef(value: HTMLDivElement | null) {\n      elementRef = value;\n    },\n  };\n}\n","<script lang=\"ts\">\n  import type { Rect } from '@embedpdf/models';\n  import { useDocumentState } from '@embedpdf/core/svelte';\n  import { useZoomCapability } from '../hooks/use-zoom.svelte';\n\n  interface MarqueeZoomProps {\n    /** The ID of the document */\n    documentId: string;\n    /** Index of the page this layer lives on */\n    pageIndex: number;\n    /** Scale of the page */\n    scale?: number;\n    /** Optional CSS class applied to the marquee rectangle */\n    class?: string;\n    /** Stroke / fill colours (defaults below) */\n    stroke?: string;\n    fill?: string;\n  }\n\n  let {\n    documentId,\n    pageIndex,\n    scale: scaleOverride,\n    class: propsClass,\n    stroke = 'rgba(33,150,243,0.8)',\n    fill = 'rgba(33,150,243,0.15)',\n  }: MarqueeZoomProps = $props();\n\n  const zoomCapability = useZoomCapability();\n  const documentState = useDocumentState(() => documentId);\n\n  let rect = $state<Rect | null>(null);\n\n  const actualScale = $derived(\n    scaleOverride !== undefined ? scaleOverride : (documentState.current?.scale ?? 1),\n  );\n\n  $effect(() => {\n    rect = null;\n\n    if (!zoomCapability.provides) {\n      return;\n    }\n\n    return zoomCapability.provides.registerMarqueeOnPage({\n      documentId,\n      pageIndex,\n      scale: actualScale,\n      callback: {\n        onPreview: (newRect) => {\n          rect = newRect;\n        },\n      },\n    });\n  });\n</script>\n\n{#if rect}\n  <div\n    style:position=\"absolute\"\n    style:pointer-events=\"none\"\n    style:left={`${rect.origin.x * actualScale}px`}\n    style:top={`${rect.origin.y * actualScale}px`}\n    style:width={`${rect.size.width * actualScale}px`}\n    style:height={`${rect.size.height * actualScale}px`}\n    style:border={`1px solid ${stroke}`}\n    style:background={fill}\n    style:box-sizing=\"border-box\"\n    class={propsClass}\n  ></div>\n{/if}\n","<script lang=\"ts\">\n  import { useZoomGesture } from '../hooks';\n  import type { Snippet } from 'svelte';\n  import type { HTMLAttributes } from 'svelte/elements';\n\n  type ZoomGestureWrapperProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n    documentId: string;\n    children: Snippet;\n    class?: string;\n    /** Enable pinch-to-zoom gesture (default: true) */\n    enablePinch?: boolean;\n    /** Enable wheel zoom with ctrl/cmd key (default: true) */\n    enableWheel?: boolean;\n  };\n\n  let {\n    documentId,\n    children,\n    class: propsClass,\n    enablePinch = true,\n    enableWheel = true,\n    ...restProps\n  }: ZoomGestureWrapperProps = $props();\n\n  const zoomGesture = useZoomGesture(() => documentId, {\n    enablePinch: () => enablePinch,\n    enableWheel: () => enableWheel,\n  });\n</script>\n\n<div\n  bind:this={zoomGesture.elementRef}\n  {...restProps}\n  style:display=\"inline-block\"\n  style:overflow=\"visible\"\n  style:box-sizing=\"border-box\"\n  class={propsClass}\n>\n  {@render children()}\n</div>\n"],"names":["useZoomCapability","useCapability","ZoomPlugin","id","getTouchDistance","touches","t1","t2","dx","clientX","dy","clientY","Math","hypot","useZoomGesture","getDocumentId","options","viewportCapability","zoomCapability","viewportElementCtx","getContext","cleanup","elementRef","documentId","enablePinch","$","derived","_a","call","enableWheel","user_effect","element","container","current","viewport","provides","zoom","docId","pinchEnabled","wheelEnabled","zoomProvides","viewportGap","window","zoomScope","forDocument","getState","initialZoom","currentScale","isPinching","initialDistance","wheelZoomTimeout","accumulatedWheelScale","initialElementWidth","initialElementHeight","initialElementLeft","initialElementTop","containerRectWidth","containerRectHeight","layoutWidth","layoutCenterX","pointerLocalY","pointerContainerX","pointerContainerY","currentGap","pivotLocalX","clamp","val","min","max","updateMargin","availableWidth","clientWidth","elementWidth","offsetWidth","newMargin","style","marginLeft","calculateTransform","scale","finalWidth","finalHeight","ty","txCenter","txMouse","overflow","blendRange","blend","tx","updateTransform","transformOrigin","transform","resetTransform","commitZoom","delta","anchorX","anchorY","scaleDiff","abs","requestZoomBy","vx","vy","initializeGestureState","containerRect","getBoundingClientRect","innerRect","width","height","left","top","clientLeft","rawPointerLocalX","handleTouchStart","e","length","currentZoomLevel","center","x","y","getTouchCenter","preventDefault","handleTouchMove","currentDistance","handleTouchEnd","handleWheel","ctrlKey","metaKey","clearTimeout","zoomFactor","deltaY","setTimeout","unsubZoom","onStateChange","resizeObserver","ResizeObserver","observe","addEventListener","passive","removeEventListener","disconnect","setupZoomGestures","getViewportGap","value","set","stroke","fill","documentState","useDocumentState","$$props","rect","actualScale","registerMarqueeOnPage","pageIndex","callback","onPreview","newRect","get","origin","size","consequent","restProps","rest_props","zoomGesture","bind_this","div","$$value","capability","state","initialDocumentState","scopedProvides","scope","newState","usePlugin"],"mappings":"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"}