@embedpdf/plugin-interaction-manager 1.0.11 → 1.0.12

package/dist/vue/index.js

@@ -0,0 +1,222 @@
+import { ref, watchEffect, readonly, defineComponent, createElementBlock, openBlock, renderSlot, computed, createCommentVNode, unref } from "vue";
+import { useCapability, usePlugin } from "@embedpdf/core/vue";
+import { InteractionManagerPlugin, initialState } from "@embedpdf/plugin-interaction-manager";
+import { restorePosition } from "@embedpdf/models";
+function createPointerProvider(cap, scope, element, convertEventToPoint) {
+  let active = cap.getHandlersForScope(scope);
+  const stopMode = cap.onModeChange(() => {
+    if (scope.type === "global") {
+      const mode = cap.getActiveInteractionMode();
+      element.style.cursor = (mode == null ? void 0 : mode.scope) === "global" ? mode.cursor ?? "auto" : "auto";
+    }
+    active = cap.getHandlersForScope(scope);
+  });
+  const stopHandler = cap.onHandlerChange(() => {
+    active = cap.getHandlersForScope(scope);
+  });
+  const modeNow = cap.getActiveInteractionMode();
+  const cursorNow = cap.getCurrentCursor();
+  if (scope.type === "global") {
+    element.style.cursor = (modeNow == null ? void 0 : modeNow.scope) === "global" ? cursorNow : "auto";
+  } else {
+    element.style.cursor = cursorNow;
+  }
+  const stopCursor = cap.onCursorChange((c) => {
+    var _a;
+    if (scope.type === "global") {
+      const isGlobalMode = ((_a = cap.getActiveInteractionMode()) == null ? void 0 : _a.scope) === "global";
+      if (!isGlobalMode) return;
+    }
+    element.style.cursor = c;
+  });
+  const domEvent = {
+    onPointerDown: "pointerdown",
+    onPointerUp: "pointerup",
+    onPointerMove: "pointermove",
+    onPointerEnter: "pointerenter",
+    onPointerLeave: "pointerleave",
+    onPointerCancel: "pointercancel"
+  };
+  const listeners = {};
+  const toPos = (e, host) => {
+    if (convertEventToPoint) return convertEventToPoint(e, host);
+    const r = host.getBoundingClientRect();
+    return { x: e.clientX - r.left, y: e.clientY - r.top };
+  };
+  Object.keys(domEvent).forEach((k) => {
+    listeners[k] = (evt) => {
+      var _a;
+      if (cap.isPaused()) return;
+      const pe = evt;
+      const currentModeId = cap.getActiveMode();
+      (_a = active == null ? void 0 : active[k]) == null ? void 0 : _a.call(active, toPos(pe, element), pe, currentModeId);
+    };
+    element.addEventListener(domEvent[k], listeners[k]);
+  });
+  return () => {
+    Object.keys(domEvent).forEach(
+      (k) => element.removeEventListener(domEvent[k], listeners[k])
+    );
+    stopMode();
+    stopCursor();
+    stopHandler();
+  };
+}
+const useInteractionManagerPlugin = () => usePlugin(InteractionManagerPlugin.id);
+const useInteractionManagerCapability = () => useCapability(InteractionManagerPlugin.id);
+function useInteractionManager() {
+  const { provides } = useInteractionManagerCapability();
+  const state = ref(initialState);
+  watchEffect((onCleanup) => {
+    if (provides.value) {
+      const unsubscribe = provides.value.onStateChange((newState) => {
+        state.value = newState;
+      });
+      onCleanup(unsubscribe);
+    }
+  });
+  return {
+    provides,
+    state: readonly(state)
+  };
+}
+function useCursor() {
+  const { provides } = useInteractionManagerCapability();
+  return {
+    setCursor: (token, cursor, prio = 0) => {
+      var _a;
+      (_a = provides.value) == null ? void 0 : _a.setCursor(token, cursor, prio);
+    },
+    removeCursor: (token) => {
+      var _a;
+      (_a = provides.value) == null ? void 0 : _a.removeCursor(token);
+    }
+  };
+}
+function usePointerHandlers({ modeId, pageIndex }) {
+  const { provides } = useInteractionManagerCapability();
+  return {
+    register: (handlers, options) => {
+      const finalModeId = (options == null ? void 0 : options.modeId) ?? modeId;
+      const finalPageIndex = (options == null ? void 0 : options.pageIndex) ?? pageIndex;
+      if (!provides.value) return;
+      return finalModeId ? provides.value.registerHandlers({
+        modeId: finalModeId,
+        handlers,
+        pageIndex: finalPageIndex
+      }) : provides.value.registerAlways({
+        scope: finalPageIndex !== void 0 ? { type: "page", pageIndex: finalPageIndex } : { type: "global" },
+        handlers
+      });
+    }
+  };
+}
+function useIsPageExclusive() {
+  const { provides: cap } = useInteractionManagerCapability();
+  const isPageExclusive = ref(false);
+  watchEffect((onCleanup) => {
+    if (cap.value) {
+      const mode = cap.value.getActiveInteractionMode();
+      isPageExclusive.value = (mode == null ? void 0 : mode.scope) === "page" && !!(mode == null ? void 0 : mode.exclusive);
+      const unsubscribe = cap.value.onModeChange(() => {
+        if (!cap.value) return;
+        const newMode = cap.value.getActiveInteractionMode();
+        isPageExclusive.value = (newMode == null ? void 0 : newMode.scope) === "page" && !!(newMode == null ? void 0 : newMode.exclusive);
+      });
+      onCleanup(unsubscribe);
+    }
+  });
+  return readonly(isPageExclusive);
+}
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "global-pointer-provider",
+  setup(__props) {
+    const divRef = ref(null);
+    const { provides: cap } = useInteractionManagerCapability();
+    watchEffect((onCleanup) => {
+      if (cap.value && divRef.value) {
+        const cleanup = createPointerProvider(cap.value, { type: "global" }, divRef.value);
+        onCleanup(cleanup);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "divRef",
+        ref: divRef,
+        style: {
+          width: "100%",
+          height: "100%"
+        }
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 512);
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  style: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0, zIndex: 10 }
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "page-pointer-provider",
+  props: {
+    pageIndex: {},
+    pageWidth: {},
+    pageHeight: {},
+    rotation: {},
+    scale: {},
+    convertEventToPoint: { type: Function }
+  },
+  setup(__props) {
+    const props = __props;
+    const divRef = ref(null);
+    const { provides: cap } = useInteractionManagerCapability();
+    const isPageExclusive = useIsPageExclusive();
+    const defaultConvertEventToPoint = computed(() => {
+      return (event, element) => {
+        const rect = element.getBoundingClientRect();
+        const displayPoint = {
+          x: event.clientX - rect.left,
+          y: event.clientY - rect.top
+        };
+        return restorePosition(
+          { width: props.pageWidth, height: props.pageHeight },
+          displayPoint,
+          props.rotation,
+          props.scale
+        );
+      };
+    });
+    watchEffect((onCleanup) => {
+      if (cap.value && divRef.value) {
+        const cleanup = createPointerProvider(
+          cap.value,
+          { type: "page", pageIndex: props.pageIndex },
+          divRef.value,
+          props.convertEventToPoint || defaultConvertEventToPoint.value
+        );
+        onCleanup(cleanup);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "divRef",
+        ref: divRef
+      }, [
+        renderSlot(_ctx.$slots, "default"),
+        unref(isPageExclusive) ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main$1 as GlobalPointerProvider,
+  _sfc_main as PagePointerProvider,
+  useCursor,
+  useInteractionManager,
+  useInteractionManagerCapability,
+  useInteractionManagerPlugin,
+  useIsPageExclusive,
+  usePointerHandlers
+};
+//# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-interaction-manager",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -20,22 +20,28 @@
       "types": "./dist/react/index.d.ts",
       "import": "./dist/react/index.js",
       "require": "./dist/react/index.cjs"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue/index.js",
+      "require": "./dist/vue/index.cjs"
     }
   },
   "dependencies": {
-    "@embedpdf/models": "1.0.11"
+    "@embedpdf/models": "1.0.12"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
-    "tsup": "^8.0.0",
     "typescript": "^5.0.0",
-    "@embedpdf/core": "1.0.11"
+    "@embedpdf/core": "1.0.12",
+    "@embedpdf/build": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "preact": "^10.26.4",
-    "@embedpdf/core": "1.0.11"
+    "vue": ">=3.2.0",
+    "@embedpdf/core": "1.0.12"
   },
   "files": [
     "dist",
@@ -54,11 +60,13 @@
     "access": "public"
   },
   "scripts": {
-    "build": "PROJECT_CWD=$(pwd) pnpm -w p:build",
-    "build:watch": "PROJECT_CWD=$(pwd) pnpm -w p:build:watch",
-    "clean": "PROJECT_CWD=$(pwd) pnpm -w p:clean",
-    "lint": "PROJECT_CWD=$(pwd) pnpm -w p:lint",
-    "lint:fix": "PROJECT_CWD=$(pwd) pnpm -w p:lint:fix",
-    "typecheck": "PROJECT_CWD=$(pwd) pnpm -w p:typecheck"
+    "build:base": "vite build --mode base",
+    "build:react": "vite build --mode react",
+    "build:preact": "vite build --mode preact",
+    "build:vue": "vite build --mode vue",
+    "build": "pnpm run clean && concurrently -c auto -n base,react,preact,vue \"vite build --mode base\" \"vite build --mode react\" \"vite build --mode preact\" \"vite build --mode vue\"",
+    "clean": "rimraf dist",
+    "lint": "eslint src --color",
+    "lint:fix": "eslint src --color --fix"
   }
 }

package/dist/chunk-Z7V2G6MS.js

@@ -1,64 +0,0 @@
-// src/shared/utils.ts
-function createPointerProvider(cap, scope, element, convertEventToPoint) {
-  let active = cap.getHandlersForScope(scope);
-  const stopMode = cap.onModeChange(() => {
-    if (scope.type === "global") {
-      const mode = cap.getActiveInteractionMode();
-      element.style.cursor = mode?.scope === "global" ? mode.cursor ?? "auto" : "auto";
-    }
-    active = cap.getHandlersForScope(scope);
-  });
-  const stopHandler = cap.onHandlerChange(() => {
-    active = cap.getHandlersForScope(scope);
-  });
-  const modeNow = cap.getActiveInteractionMode();
-  const cursorNow = cap.getCurrentCursor();
-  if (scope.type === "global") {
-    element.style.cursor = modeNow?.scope === "global" ? cursorNow : "auto";
-  } else {
-    element.style.cursor = cursorNow;
-  }
-  const stopCursor = cap.onCursorChange((c) => {
-    if (scope.type === "global") {
-      const isGlobalMode = cap.getActiveInteractionMode()?.scope === "global";
-      if (!isGlobalMode) return;
-    }
-    element.style.cursor = c;
-  });
-  const domEvent = {
-    onPointerDown: "pointerdown",
-    onPointerUp: "pointerup",
-    onPointerMove: "pointermove",
-    onPointerEnter: "pointerenter",
-    onPointerLeave: "pointerleave",
-    onPointerCancel: "pointercancel"
-  };
-  const listeners = {};
-  const toPos = (e, host) => {
-    if (convertEventToPoint) return convertEventToPoint(e, host);
-    const r = host.getBoundingClientRect();
-    return { x: e.clientX - r.left, y: e.clientY - r.top };
-  };
-  Object.keys(domEvent).forEach((k) => {
-    listeners[k] = (evt) => {
-      if (cap.isPaused()) return;
-      const pe = evt;
-      const currentModeId = cap.getActiveMode();
-      active?.[k]?.(toPos(pe, element), pe, currentModeId);
-    };
-    element.addEventListener(domEvent[k], listeners[k]);
-  });
-  return () => {
-    Object.keys(domEvent).forEach(
-      (k) => element.removeEventListener(domEvent[k], listeners[k])
-    );
-    stopMode();
-    stopCursor();
-    stopHandler();
-  };
-}
-
-export {
-  createPointerProvider
-};
-//# sourceMappingURL=chunk-Z7V2G6MS.js.map

package/dist/chunk-Z7V2G6MS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/shared/utils.ts"],"sourcesContent":["import { Position } from '@embedpdf/models';\nimport type {\n  InteractionManagerCapability,\n  InteractionScope,\n  PointerEventHandlers,\n} from '@embedpdf/plugin-interaction-manager';\n\n/**\n * Hook one DOM element into the interaction-manager.\n *  – keeps handlers & cursor in-sync with the current mode\n *  – returns a teardown fn for React/Preact effects\n */\nexport function createPointerProvider(\n  cap: InteractionManagerCapability,\n  scope: InteractionScope,\n  element: HTMLElement,\n  convertEventToPoint?: (evt: PointerEvent, host: HTMLElement) => Position,\n) {\n  /* ------------------------------------------------------------------ */\n  /* active handler set – hot-swapped on every mode change              */\n  /* ------------------------------------------------------------------ */\n  let active: PointerEventHandlers | null = cap.getHandlersForScope(scope);\n\n  const stopMode = cap.onModeChange(() => {\n    if (scope.type === 'global') {\n      const mode = cap.getActiveInteractionMode();\n      element.style.cursor = mode?.scope === 'global' ? (mode.cursor ?? 'auto') : 'auto';\n    }\n    active = cap.getHandlersForScope(scope);\n  });\n\n  const stopHandler = cap.onHandlerChange(() => {\n    active = cap.getHandlersForScope(scope);\n  });\n\n  /* ------------------------------------------------------------------ */\n  /* cursor                                                             */\n  /* ------------------------------------------------------------------ */\n  const modeNow = cap.getActiveInteractionMode();\n  const cursorNow = cap.getCurrentCursor();\n\n  /** initial cursor -------------------------------------------------- */\n  if (scope.type === 'global') {\n    // global wrapper only shows the cursor while a *global* mode is active\n    element.style.cursor = modeNow?.scope === 'global' ? cursorNow : 'auto';\n  } else {\n    // page wrappers always mirror the latest cursor\n    element.style.cursor = cursorNow;\n  }\n\n  const stopCursor = cap.onCursorChange((c) => {\n    /**  ❖  Propagation rule\n     *      ─────────────────\n     *   • global provider updates its cursor *only* while the active\n     *     mode itself is ‘global’.\n     *   • page providers always sync (so they show the cursor during\n     *     a global mode as well). */\n    if (scope.type === 'global') {\n      const isGlobalMode = cap.getActiveInteractionMode()?.scope === 'global';\n      if (!isGlobalMode) return; // active mode is page-scoped → ignore\n    }\n    element.style.cursor = c;\n  });\n\n  /* ------------------------------------------------------------------ */\n  /* event wiring                                                       */\n  /* ------------------------------------------------------------------ */\n  type K = keyof PointerEventHandlers;\n  const domEvent: Record<K, keyof HTMLElementEventMap> = {\n    onPointerDown: 'pointerdown',\n    onPointerUp: 'pointerup',\n    onPointerMove: 'pointermove',\n    onPointerEnter: 'pointerenter',\n    onPointerLeave: 'pointerleave',\n    onPointerCancel: 'pointercancel',\n  };\n\n  /* one stable EventListener per key -> needed for removeEventListener */\n  const listeners: Partial<Record<K, EventListener>> = {};\n\n  const toPos = (e: PointerEvent, host: HTMLElement): Position => {\n    if (convertEventToPoint) return convertEventToPoint(e, host);\n    const r = host.getBoundingClientRect();\n    return { x: e.clientX - r.left, y: e.clientY - r.top };\n  };\n\n  (Object.keys(domEvent) as K[]).forEach((k) => {\n    listeners[k] = (evt: Event) => {\n      if (cap.isPaused()) return;\n\n      const pe = evt as PointerEvent; // safe – we only attach to pointer*\n      const currentModeId = cap.getActiveMode();\n      active?.[k]?.(toPos(pe, element), pe, currentModeId);\n      /* if you need to stop default behaviour when no handler is active:\n       * if (!active?.[k]) pe.preventDefault(); */\n    };\n    element.addEventListener(domEvent[k], listeners[k]!);\n  });\n\n  /* ------------------------------------------------------------------ */\n  /* teardown                                                           */\n  /* ------------------------------------------------------------------ */\n  return () => {\n    (Object.keys(domEvent) as K[]).forEach((k) =>\n      element.removeEventListener(domEvent[k], listeners[k]!),\n    );\n    stopMode();\n    stopCursor();\n    stopHandler();\n  };\n}\n"],"mappings":";AAYO,SAAS,sBACd,KACA,OACA,SACA,qBACA;AAIA,MAAI,SAAsC,IAAI,oBAAoB,KAAK;AAEvE,QAAM,WAAW,IAAI,aAAa,MAAM;AACtC,QAAI,MAAM,SAAS,UAAU;AAC3B,YAAM,OAAO,IAAI,yBAAyB;AAC1C,cAAQ,MAAM,SAAS,MAAM,UAAU,WAAY,KAAK,UAAU,SAAU;AAAA,IAC9E;AACA,aAAS,IAAI,oBAAoB,KAAK;AAAA,EACxC,CAAC;AAED,QAAM,cAAc,IAAI,gBAAgB,MAAM;AAC5C,aAAS,IAAI,oBAAoB,KAAK;AAAA,EACxC,CAAC;AAKD,QAAM,UAAU,IAAI,yBAAyB;AAC7C,QAAM,YAAY,IAAI,iBAAiB;AAGvC,MAAI,MAAM,SAAS,UAAU;AAE3B,YAAQ,MAAM,SAAS,SAAS,UAAU,WAAW,YAAY;AAAA,EACnE,OAAO;AAEL,YAAQ,MAAM,SAAS;AAAA,EACzB;AAEA,QAAM,aAAa,IAAI,eAAe,CAAC,MAAM;AAO3C,QAAI,MAAM,SAAS,UAAU;AAC3B,YAAM,eAAe,IAAI,yBAAyB,GAAG,UAAU;AAC/D,UAAI,CAAC,aAAc;AAAA,IACrB;AACA,YAAQ,MAAM,SAAS;AAAA,EACzB,CAAC;AAMD,QAAM,WAAiD;AAAA,IACrD,eAAe;AAAA,IACf,aAAa;AAAA,IACb,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,EACnB;AAGA,QAAM,YAA+C,CAAC;AAEtD,QAAM,QAAQ,CAAC,GAAiB,SAAgC;AAC9D,QAAI,oBAAqB,QAAO,oBAAoB,GAAG,IAAI;AAC3D,UAAM,IAAI,KAAK,sBAAsB;AACrC,WAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,GAAG,EAAE,UAAU,EAAE,IAAI;AAAA,EACvD;AAEA,EAAC,OAAO,KAAK,QAAQ,EAAU,QAAQ,CAAC,MAAM;AAC5C,cAAU,CAAC,IAAI,CAAC,QAAe;AAC7B,UAAI,IAAI,SAAS,EAAG;AAEpB,YAAM,KAAK;AACX,YAAM,gBAAgB,IAAI,cAAc;AACxC,eAAS,CAAC,IAAI,MAAM,IAAI,OAAO,GAAG,IAAI,aAAa;AAAA,IAGrD;AACA,YAAQ,iBAAiB,SAAS,CAAC,GAAG,UAAU,CAAC,CAAE;AAAA,EACrD,CAAC;AAKD,SAAO,MAAM;AACX,IAAC,OAAO,KAAK,QAAQ,EAAU;AAAA,MAAQ,CAAC,MACtC,QAAQ,oBAAoB,SAAS,CAAC,GAAG,UAAU,CAAC,CAAE;AAAA,IACxD;AACA,aAAS;AACT,eAAW;AACX,gBAAY;AAAA,EACd;AACF;","names":[]}

package/dist/preact/index.d.cts

@@ -1,58 +0,0 @@
-import { JSX, ComponentChildren } from 'preact';
-import { Position } from '@embedpdf/models';
-import * as _embedpdf_plugin_interaction_manager from '@embedpdf/plugin-interaction-manager';
-import { InteractionManagerPlugin, InteractionManagerState, PointerEventHandlersWithLifecycle } from '@embedpdf/plugin-interaction-manager';
-
-/** @jsxImportSource preact */
-
-interface GlobalPointerProviderProps extends JSX.HTMLAttributes<HTMLDivElement> {
-    children: ComponentChildren;
-    style?: JSX.CSSProperties;
-}
-declare const GlobalPointerProvider: ({ children, style, ...props }: GlobalPointerProviderProps) => JSX.Element;
-
-/** @jsxImportSource preact */
-
-interface PagePointerProviderProps extends JSX.HTMLAttributes<HTMLDivElement> {
-    children: ComponentChildren;
-    pageIndex: number;
-    pageWidth: number;
-    pageHeight: number;
-    rotation: number;
-    scale: number;
-    style?: JSX.CSSProperties;
-    convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;
-}
-declare const PagePointerProvider: ({ pageIndex, children, pageWidth, pageHeight, rotation, scale, convertEventToPoint, style, ...props }: PagePointerProviderProps) => JSX.Element;
-
-declare const useInteractionManagerPlugin: () => {
-    plugin: InteractionManagerPlugin | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-declare const useInteractionManagerCapability: () => {
-    provides: Readonly<_embedpdf_plugin_interaction_manager.InteractionManagerCapability> | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-declare function useInteractionManager(): {
-    provides: Readonly<_embedpdf_plugin_interaction_manager.InteractionManagerCapability> | null;
-    state: InteractionManagerState;
-};
-declare function useCursor(): {
-    setCursor: (token: string, cursor: string, prio?: number) => void;
-    removeCursor: (token: string) => void;
-};
-interface UsePointerHandlersOptions {
-    modeId?: string | string[];
-    pageIndex?: number;
-}
-declare function usePointerHandlers({ modeId, pageIndex }: UsePointerHandlersOptions): {
-    register: (handlers: PointerEventHandlersWithLifecycle, options?: {
-        modeId?: string | string[];
-        pageIndex?: number;
-    }) => (() => void) | undefined;
-};
-declare function useIsPageExclusive(): boolean;
-
-export { GlobalPointerProvider, PagePointerProvider, useCursor, useInteractionManager, useInteractionManagerCapability, useInteractionManagerPlugin, useIsPageExclusive, usePointerHandlers };

package/dist/react/index.d.cts

@@ -1,55 +0,0 @@
-import * as _embedpdf_plugin_interaction_manager from '@embedpdf/plugin-interaction-manager';
-import { InteractionManagerPlugin, InteractionManagerState, PointerEventHandlersWithLifecycle } from '@embedpdf/plugin-interaction-manager';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-import { Position } from '@embedpdf/models';
-
-declare const useInteractionManagerPlugin: () => {
-    plugin: InteractionManagerPlugin | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-declare const useInteractionManagerCapability: () => {
-    provides: Readonly<_embedpdf_plugin_interaction_manager.InteractionManagerCapability> | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-declare function useInteractionManager(): {
-    provides: Readonly<_embedpdf_plugin_interaction_manager.InteractionManagerCapability> | null;
-    state: InteractionManagerState;
-};
-declare function useCursor(): {
-    setCursor: (token: string, cursor: string, prio?: number) => void;
-    removeCursor: (token: string) => void;
-};
-interface UsePointerHandlersOptions {
-    modeId?: string | string[];
-    pageIndex?: number;
-}
-declare function usePointerHandlers({ modeId, pageIndex }: UsePointerHandlersOptions): {
-    register: (handlers: PointerEventHandlersWithLifecycle, options?: {
-        modeId?: string | string[];
-        pageIndex?: number;
-    }) => (() => void) | undefined;
-};
-declare function useIsPageExclusive(): boolean;
-
-interface GlobalPointerProviderProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-    style?: React.CSSProperties;
-}
-declare const GlobalPointerProvider: ({ children, style, ...props }: GlobalPointerProviderProps) => react_jsx_runtime.JSX.Element;
-
-interface PagePointerProviderProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-    pageIndex: number;
-    pageWidth: number;
-    pageHeight: number;
-    rotation: number;
-    scale: number;
-    style?: React.CSSProperties;
-    convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;
-}
-declare const PagePointerProvider: ({ pageIndex, children, pageWidth, pageHeight, rotation, scale, convertEventToPoint, style, ...props }: PagePointerProviderProps) => react_jsx_runtime.JSX.Element;
-
-export { GlobalPointerProvider, PagePointerProvider, useCursor, useInteractionManager, useInteractionManagerCapability, useInteractionManagerPlugin, useIsPageExclusive, usePointerHandlers };