@embedpdf/plugin-pan 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 CloudPDF
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1,84 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  PAN_PLUGIN_ID: () => PAN_PLUGIN_ID,
+  PanPlugin: () => PanPlugin,
+  PanPluginPackage: () => PanPluginPackage,
+  manifest: () => manifest
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/lib/pan-plugin.ts
+var import_core = require("@embedpdf/core");
+var import_plugin_interaction_manager = require("@embedpdf/plugin-interaction-manager");
+var PanPlugin = class extends import_core.BasePlugin {
+  constructor(id, registry) {
+    super(id, registry);
+    this.interactionManager = registry.getPlugin(import_plugin_interaction_manager.InteractionManagerPlugin.id)?.provides();
+    this.interactionManager.registerMode({
+      id: "panMode",
+      scope: "global",
+      exclusive: false,
+      cursor: "grab"
+    });
+  }
+  async initialize(_) {
+  }
+  buildCapability() {
+    return {
+      enablePan: () => this.interactionManager.activate("panMode"),
+      disablePan: () => this.interactionManager.activate("default")
+    };
+  }
+};
+PanPlugin.id = "pan";
+
+// src/lib/manifest.ts
+var PAN_PLUGIN_ID = "pan";
+var manifest = {
+  id: PAN_PLUGIN_ID,
+  name: "Pan Plugin",
+  version: "1.0.0",
+  provides: ["pan"],
+  requires: ["interaction-manager"],
+  optional: [],
+  defaultConfig: {
+    enabled: true
+  }
+};
+
+// src/lib/index.ts
+var PanPluginPackage = {
+  manifest,
+  create: (registry) => new PanPlugin(PAN_PLUGIN_ID, registry),
+  reducer: () => {
+  },
+  initialState: {}
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PAN_PLUGIN_ID,
+  PanPlugin,
+  PanPluginPackage,
+  manifest
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/lib/pan-plugin.ts","../src/lib/manifest.ts","../src/lib/index.ts"],"sourcesContent":["export * from './lib';\n","import { BasePlugin, PluginRegistry } from '@embedpdf/core';\nimport {\n  InteractionManagerCapability,\n  InteractionManagerPlugin,\n} from '@embedpdf/plugin-interaction-manager';\n\nimport { PanCapability, PanPluginConfig } from './types';\n\nexport class PanPlugin extends BasePlugin<PanPluginConfig, PanCapability> {\n  static readonly id = 'pan' as const;\n\n  private interactionManager: InteractionManagerCapability;\n\n  constructor(id: string, registry: PluginRegistry) {\n    super(id, registry);\n\n    this.interactionManager = registry\n      .getPlugin<InteractionManagerPlugin>(InteractionManagerPlugin.id)\n      ?.provides()!;\n\n    this.interactionManager.registerMode({\n      id: 'panMode',\n      scope: 'global',\n      exclusive: false,\n      cursor: 'grab',\n    });\n  }\n\n  async initialize(_: PanPluginConfig): Promise<void> {}\n\n  protected buildCapability(): PanCapability {\n    return {\n      enablePan: () => this.interactionManager.activate('panMode'),\n      disablePan: () => this.interactionManager.activate('default'),\n    };\n  }\n}\n","import { PluginManifest } from '@embedpdf/core';\nimport { PanPluginConfig } from './types';\n\nexport const PAN_PLUGIN_ID = 'pan';\n\nexport const manifest: PluginManifest<PanPluginConfig> = {\n  id: PAN_PLUGIN_ID,\n  name: 'Pan Plugin',\n  version: '1.0.0',\n  provides: ['pan'],\n  requires: ['interaction-manager'],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n  },\n};\n","import { PluginPackage } from '@embedpdf/core';\n\nimport { PanPlugin } from './pan-plugin';\nimport { manifest, PAN_PLUGIN_ID } from './manifest';\nimport { PanPluginConfig } from './types';\n\nexport const PanPluginPackage: PluginPackage<PanPlugin, PanPluginConfig> = {\n  manifest,\n  create: (registry) => new PanPlugin(PAN_PLUGIN_ID, registry),\n  reducer: () => {},\n  initialState: {},\n};\n\nexport * from './pan-plugin';\nexport * from './types';\nexport * from './manifest';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAA2C;AAC3C,wCAGO;AAIA,IAAM,YAAN,cAAwB,uBAA2C;AAAA,EAKxE,YAAY,IAAY,UAA0B;AAChD,UAAM,IAAI,QAAQ;AAElB,SAAK,qBAAqB,SACvB,UAAoC,2DAAyB,EAAE,GAC9D,SAAS;AAEb,SAAK,mBAAmB,aAAa;AAAA,MACnC,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ;AAAA,IACV,CAAC;AAAA,EACH;AAAA,EAEA,MAAM,WAAW,GAAmC;AAAA,EAAC;AAAA,EAE3C,kBAAiC;AACzC,WAAO;AAAA,MACL,WAAW,MAAM,KAAK,mBAAmB,SAAS,SAAS;AAAA,MAC3D,YAAY,MAAM,KAAK,mBAAmB,SAAS,SAAS;AAAA,IAC9D;AAAA,EACF;AACF;AA5Ba,UACK,KAAK;;;ACNhB,IAAM,gBAAgB;AAEtB,IAAM,WAA4C;AAAA,EACvD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU,CAAC,KAAK;AAAA,EAChB,UAAU,CAAC,qBAAqB;AAAA,EAChC,UAAU,CAAC;AAAA,EACX,eAAe;AAAA,IACb,SAAS;AAAA,EACX;AACF;;;ACTO,IAAM,mBAA8D;AAAA,EACzE;AAAA,EACA,QAAQ,CAAC,aAAa,IAAI,UAAU,eAAe,QAAQ;AAAA,EAC3D,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,cAAc,CAAC;AACjB;","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,23 @@
+import { BasePluginConfig, BasePlugin, PluginRegistry, PluginManifest, PluginPackage } from '@embedpdf/core';
+
+interface PanPluginConfig extends BasePluginConfig {
+}
+interface PanCapability {
+    enablePan: () => void;
+    disablePan: () => void;
+}
+
+declare class PanPlugin extends BasePlugin<PanPluginConfig, PanCapability> {
+    static readonly id: "pan";
+    private interactionManager;
+    constructor(id: string, registry: PluginRegistry);
+    initialize(_: PanPluginConfig): Promise<void>;
+    protected buildCapability(): PanCapability;
+}
+
+declare const PAN_PLUGIN_ID = "pan";
+declare const manifest: PluginManifest<PanPluginConfig>;
+
+declare const PanPluginPackage: PluginPackage<PanPlugin, PanPluginConfig>;
+
+export { PAN_PLUGIN_ID, type PanCapability, PanPlugin, type PanPluginConfig, PanPluginPackage, manifest };

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+import { BasePluginConfig, BasePlugin, PluginRegistry, PluginManifest, PluginPackage } from '@embedpdf/core';
+
+interface PanPluginConfig extends BasePluginConfig {
+}
+interface PanCapability {
+    enablePan: () => void;
+    disablePan: () => void;
+}
+
+declare class PanPlugin extends BasePlugin<PanPluginConfig, PanCapability> {
+    static readonly id: "pan";
+    private interactionManager;
+    constructor(id: string, registry: PluginRegistry);
+    initialize(_: PanPluginConfig): Promise<void>;
+    protected buildCapability(): PanCapability;
+}
+
+declare const PAN_PLUGIN_ID = "pan";
+declare const manifest: PluginManifest<PanPluginConfig>;
+
+declare const PanPluginPackage: PluginPackage<PanPlugin, PanPluginConfig>;
+
+export { PAN_PLUGIN_ID, type PanCapability, PanPlugin, type PanPluginConfig, PanPluginPackage, manifest };

package/dist/index.js

@@ -0,0 +1,56 @@
+// src/lib/pan-plugin.ts
+import { BasePlugin } from "@embedpdf/core";
+import {
+  InteractionManagerPlugin
+} from "@embedpdf/plugin-interaction-manager";
+var PanPlugin = class extends BasePlugin {
+  constructor(id, registry) {
+    super(id, registry);
+    this.interactionManager = registry.getPlugin(InteractionManagerPlugin.id)?.provides();
+    this.interactionManager.registerMode({
+      id: "panMode",
+      scope: "global",
+      exclusive: false,
+      cursor: "grab"
+    });
+  }
+  async initialize(_) {
+  }
+  buildCapability() {
+    return {
+      enablePan: () => this.interactionManager.activate("panMode"),
+      disablePan: () => this.interactionManager.activate("default")
+    };
+  }
+};
+PanPlugin.id = "pan";
+
+// src/lib/manifest.ts
+var PAN_PLUGIN_ID = "pan";
+var manifest = {
+  id: PAN_PLUGIN_ID,
+  name: "Pan Plugin",
+  version: "1.0.0",
+  provides: ["pan"],
+  requires: ["interaction-manager"],
+  optional: [],
+  defaultConfig: {
+    enabled: true
+  }
+};
+
+// src/lib/index.ts
+var PanPluginPackage = {
+  manifest,
+  create: (registry) => new PanPlugin(PAN_PLUGIN_ID, registry),
+  reducer: () => {
+  },
+  initialState: {}
+};
+export {
+  PAN_PLUGIN_ID,
+  PanPlugin,
+  PanPluginPackage,
+  manifest
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/pan-plugin.ts","../src/lib/manifest.ts","../src/lib/index.ts"],"sourcesContent":["import { BasePlugin, PluginRegistry } from '@embedpdf/core';\nimport {\n  InteractionManagerCapability,\n  InteractionManagerPlugin,\n} from '@embedpdf/plugin-interaction-manager';\n\nimport { PanCapability, PanPluginConfig } from './types';\n\nexport class PanPlugin extends BasePlugin<PanPluginConfig, PanCapability> {\n  static readonly id = 'pan' as const;\n\n  private interactionManager: InteractionManagerCapability;\n\n  constructor(id: string, registry: PluginRegistry) {\n    super(id, registry);\n\n    this.interactionManager = registry\n      .getPlugin<InteractionManagerPlugin>(InteractionManagerPlugin.id)\n      ?.provides()!;\n\n    this.interactionManager.registerMode({\n      id: 'panMode',\n      scope: 'global',\n      exclusive: false,\n      cursor: 'grab',\n    });\n  }\n\n  async initialize(_: PanPluginConfig): Promise<void> {}\n\n  protected buildCapability(): PanCapability {\n    return {\n      enablePan: () => this.interactionManager.activate('panMode'),\n      disablePan: () => this.interactionManager.activate('default'),\n    };\n  }\n}\n","import { PluginManifest } from '@embedpdf/core';\nimport { PanPluginConfig } from './types';\n\nexport const PAN_PLUGIN_ID = 'pan';\n\nexport const manifest: PluginManifest<PanPluginConfig> = {\n  id: PAN_PLUGIN_ID,\n  name: 'Pan Plugin',\n  version: '1.0.0',\n  provides: ['pan'],\n  requires: ['interaction-manager'],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n  },\n};\n","import { PluginPackage } from '@embedpdf/core';\n\nimport { PanPlugin } from './pan-plugin';\nimport { manifest, PAN_PLUGIN_ID } from './manifest';\nimport { PanPluginConfig } from './types';\n\nexport const PanPluginPackage: PluginPackage<PanPlugin, PanPluginConfig> = {\n  manifest,\n  create: (registry) => new PanPlugin(PAN_PLUGIN_ID, registry),\n  reducer: () => {},\n  initialState: {},\n};\n\nexport * from './pan-plugin';\nexport * from './types';\nexport * from './manifest';\n"],"mappings":";AAAA,SAAS,kBAAkC;AAC3C;AAAA,EAEE;AAAA,OACK;AAIA,IAAM,YAAN,cAAwB,WAA2C;AAAA,EAKxE,YAAY,IAAY,UAA0B;AAChD,UAAM,IAAI,QAAQ;AAElB,SAAK,qBAAqB,SACvB,UAAoC,yBAAyB,EAAE,GAC9D,SAAS;AAEb,SAAK,mBAAmB,aAAa;AAAA,MACnC,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ;AAAA,IACV,CAAC;AAAA,EACH;AAAA,EAEA,MAAM,WAAW,GAAmC;AAAA,EAAC;AAAA,EAE3C,kBAAiC;AACzC,WAAO;AAAA,MACL,WAAW,MAAM,KAAK,mBAAmB,SAAS,SAAS;AAAA,MAC3D,YAAY,MAAM,KAAK,mBAAmB,SAAS,SAAS;AAAA,IAC9D;AAAA,EACF;AACF;AA5Ba,UACK,KAAK;;;ACNhB,IAAM,gBAAgB;AAEtB,IAAM,WAA4C;AAAA,EACvD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU,CAAC,KAAK;AAAA,EAChB,UAAU,CAAC,qBAAqB;AAAA,EAChC,UAAU,CAAC;AAAA,EACX,eAAe;AAAA,IACb,SAAS;AAAA,EACX;AACF;;;ACTO,IAAM,mBAA8D;AAAA,EACzE;AAAA,EACA,QAAQ,CAAC,aAAa,IAAI,UAAU,eAAe,QAAQ;AAAA,EAC3D,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,cAAc,CAAC;AACjB;","names":[]}

package/dist/preact/index.cjs

@@ -0,0 +1,101 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/preact/index.ts
+var preact_exports = {};
+__export(preact_exports, {
+  PanMode: () => PanMode,
+  usePan: () => usePan,
+  usePanCapability: () => usePanCapability
+});
+module.exports = __toCommonJS(preact_exports);
+
+// src/preact/hooks/use-pan.ts
+var import_preact = require("@embedpdf/core/preact");
+var import_plugin_pan = require("@embedpdf/plugin-pan");
+var usePan = () => (0, import_preact.usePlugin)(import_plugin_pan.PanPlugin.id);
+var usePanCapability = () => (0, import_preact.useCapability)(import_plugin_pan.PanPlugin.id);
+
+// src/preact/components/pan-mode.tsx
+var import_hooks = require("preact/hooks");
+var import_preact2 = require("@embedpdf/plugin-interaction-manager/preact");
+var import_preact3 = require("@embedpdf/plugin-viewport/preact");
+var import_jsx_runtime = require("preact/jsx-runtime");
+var PanMode = () => {
+  const { register } = (0, import_preact2.usePointerHandlers)({ modeId: "panMode" });
+  const { setCursor, removeCursor } = (0, import_preact2.useCursor)();
+  const { provides: viewport } = (0, import_preact3.useViewportCapability)();
+  const dragRef = (0, import_hooks.useRef)(null);
+  const handlers = (0, import_hooks.useMemo)(
+    () => ({
+      onPointerDown: (_, pe) => {
+        if (!viewport) return;
+        const metrics = viewport.getMetrics();
+        dragRef.current = {
+          startX: pe.clientX,
+          startY: pe.clientY,
+          startLeft: metrics.scrollLeft,
+          startTop: metrics.scrollTop
+        };
+        setCursor("panMode", "grabbing", 10);
+      },
+      onPointerMove: (_, pe) => {
+        const drag = dragRef.current;
+        if (!drag || !viewport) return;
+        const dx = pe.clientX - drag.startX;
+        const dy = pe.clientY - drag.startY;
+        viewport.scrollTo({
+          x: drag.startLeft - dx,
+          y: drag.startTop - dy
+        });
+      },
+      onPointerUp: () => {
+        const drag = dragRef.current;
+        if (!drag) return;
+        dragRef.current = null;
+        removeCursor("panMode");
+      },
+      onPointerLeave: () => {
+        const drag = dragRef.current;
+        if (!drag) return;
+        dragRef.current = null;
+        removeCursor("panMode");
+      },
+      onPointerCancel: () => {
+        const drag = dragRef.current;
+        if (!drag) return;
+        dragRef.current = null;
+        removeCursor("panMode");
+      }
+    }),
+    [viewport, setCursor, removeCursor]
+  );
+  (0, import_hooks.useEffect)(() => {
+    if (!register) return;
+    return register(handlers);
+  }, [register, handlers]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PanMode,
+  usePan,
+  usePanCapability
+});
+//# sourceMappingURL=index.cjs.map

package/dist/preact/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/preact/index.ts","../../src/preact/hooks/use-pan.ts","../../src/preact/components/pan-mode.tsx"],"sourcesContent":["export * from './hooks';\nexport * from './components';\n","import { useCapability, usePlugin } from '@embedpdf/core/preact';\nimport { PanPlugin } from '@embedpdf/plugin-pan';\n\nexport const usePan = () => usePlugin<PanPlugin>(PanPlugin.id);\nexport const usePanCapability = () => useCapability<PanPlugin>(PanPlugin.id);\n","/** @jsxImportSource preact */\nimport { useEffect, useMemo, useRef } from 'preact/hooks';\nimport type { PointerEventHandlers } from '@embedpdf/plugin-interaction-manager';\nimport { useCursor, usePointerHandlers } from '@embedpdf/plugin-interaction-manager/preact';\nimport { useViewportCapability } from '@embedpdf/plugin-viewport/preact';\n\nexport const PanMode = () => {\n  const { register } = usePointerHandlers({ modeId: 'panMode' });\n  const { setCursor, removeCursor } = useCursor();\n  const { provides: viewport } = useViewportCapability();\n\n  const dragRef = useRef<{\n    startX: number;\n    startY: number;\n    startLeft: number;\n    startTop: number;\n  } | null>(null);\n\n  const handlers = useMemo(\n    (): PointerEventHandlers => ({\n      onPointerDown: (_, pe) => {\n        if (!viewport) return;\n\n        const metrics = viewport.getMetrics();\n\n        dragRef.current = {\n          startX: pe.clientX,\n          startY: pe.clientY,\n          startLeft: metrics.scrollLeft,\n          startTop: metrics.scrollTop,\n        };\n\n        setCursor('panMode', 'grabbing', 10);\n      },\n      onPointerMove: (_, pe) => {\n        const drag = dragRef.current;\n        if (!drag || !viewport) return;\n\n        /* delta between current pointer position and where the drag started */\n        const dx = pe.clientX - drag.startX;\n        const dy = pe.clientY - drag.startY;\n\n        viewport.scrollTo({\n          x: drag.startLeft - dx,\n          y: drag.startTop - dy,\n        });\n      },\n      onPointerUp: () => {\n        const drag = dragRef.current;\n        if (!drag) return;\n\n        dragRef.current = null;\n        removeCursor('panMode');\n      },\n      onPointerLeave: () => {\n        const drag = dragRef.current;\n        if (!drag) return;\n\n        dragRef.current = null;\n        removeCursor('panMode');\n      },\n      onPointerCancel: () => {\n        const drag = dragRef.current;\n        if (!drag) return;\n\n        dragRef.current = null;\n        removeCursor('panMode');\n      },\n    }),\n    [viewport, setCursor, removeCursor],\n  );\n\n  useEffect(() => {\n    if (!register) return;\n    return register(handlers);\n  }, [register, handlers]);\n\n  return <></>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAAyC;AACzC,wBAA0B;AAEnB,IAAM,SAAS,UAAM,yBAAqB,4BAAU,EAAE;AACtD,IAAM,mBAAmB,UAAM,6BAAyB,4BAAU,EAAE;;;ACH3E,mBAA2C;AAE3C,IAAAA,iBAA8C;AAC9C,IAAAA,iBAAsC;AAyE7B;AAvEF,IAAM,UAAU,MAAM;AAC3B,QAAM,EAAE,SAAS,QAAI,mCAAmB,EAAE,QAAQ,UAAU,CAAC;AAC7D,QAAM,EAAE,WAAW,aAAa,QAAI,0BAAU;AAC9C,QAAM,EAAE,UAAU,SAAS,QAAI,sCAAsB;AAErD,QAAM,cAAU,qBAKN,IAAI;AAEd,QAAM,eAAW;AAAA,IACf,OAA6B;AAAA,MAC3B,eAAe,CAAC,GAAG,OAAO;AACxB,YAAI,CAAC,SAAU;AAEf,cAAM,UAAU,SAAS,WAAW;AAEpC,gBAAQ,UAAU;AAAA,UAChB,QAAQ,GAAG;AAAA,UACX,QAAQ,GAAG;AAAA,UACX,WAAW,QAAQ;AAAA,UACnB,UAAU,QAAQ;AAAA,QACpB;AAEA,kBAAU,WAAW,YAAY,EAAE;AAAA,MACrC;AAAA,MACA,eAAe,CAAC,GAAG,OAAO;AACxB,cAAM,OAAO,QAAQ;AACrB,YAAI,CAAC,QAAQ,CAAC,SAAU;AAGxB,cAAM,KAAK,GAAG,UAAU,KAAK;AAC7B,cAAM,KAAK,GAAG,UAAU,KAAK;AAE7B,iBAAS,SAAS;AAAA,UAChB,GAAG,KAAK,YAAY;AAAA,UACpB,GAAG,KAAK,WAAW;AAAA,QACrB,CAAC;AAAA,MACH;AAAA,MACA,aAAa,MAAM;AACjB,cAAM,OAAO,QAAQ;AACrB,YAAI,CAAC,KAAM;AAEX,gBAAQ,UAAU;AAClB,qBAAa,SAAS;AAAA,MACxB;AAAA,MACA,gBAAgB,MAAM;AACpB,cAAM,OAAO,QAAQ;AACrB,YAAI,CAAC,KAAM;AAEX,gBAAQ,UAAU;AAClB,qBAAa,SAAS;AAAA,MACxB;AAAA,MACA,iBAAiB,MAAM;AACrB,cAAM,OAAO,QAAQ;AACrB,YAAI,CAAC,KAAM;AAEX,gBAAQ,UAAU;AAClB,qBAAa,SAAS;AAAA,MACxB;AAAA,IACF;AAAA,IACA,CAAC,UAAU,WAAW,YAAY;AAAA,EACpC;AAEA,8BAAU,MAAM;AACd,QAAI,CAAC,SAAU;AACf,WAAO,SAAS,QAAQ;AAAA,EAC1B,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,SAAO,2EAAE;AACX;","names":["import_preact"]}

package/dist/preact/index.d.cts

@@ -0,0 +1,18 @@
+import * as _embedpdf_plugin_pan from '@embedpdf/plugin-pan';
+import { PanPlugin } from '@embedpdf/plugin-pan';
+import * as preact from 'preact';
+
+declare const usePan: () => {
+    plugin: PanPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+declare const usePanCapability: () => {
+    provides: Readonly<_embedpdf_plugin_pan.PanCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+
+declare const PanMode: () => preact.JSX.Element;
+
+export { PanMode, usePan, usePanCapability };

package/dist/preact/index.d.ts

@@ -0,0 +1,18 @@
+import * as _embedpdf_plugin_pan from '@embedpdf/plugin-pan';
+import { PanPlugin } from '@embedpdf/plugin-pan';
+import * as preact from 'preact';
+
+declare const usePan: () => {
+    plugin: PanPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+declare const usePanCapability: () => {
+    provides: Readonly<_embedpdf_plugin_pan.PanCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+
+declare const PanMode: () => preact.JSX.Element;
+
+export { PanMode, usePan, usePanCapability };

package/dist/preact/index.js

@@ -0,0 +1,72 @@
+// src/preact/hooks/use-pan.ts
+import { useCapability, usePlugin } from "@embedpdf/core/preact";
+import { PanPlugin } from "@embedpdf/plugin-pan";
+var usePan = () => usePlugin(PanPlugin.id);
+var usePanCapability = () => useCapability(PanPlugin.id);
+
+// src/preact/components/pan-mode.tsx
+import { useEffect, useMemo, useRef } from "preact/hooks";
+import { useCursor, usePointerHandlers } from "@embedpdf/plugin-interaction-manager/preact";
+import { useViewportCapability } from "@embedpdf/plugin-viewport/preact";
+import { Fragment, jsx } from "preact/jsx-runtime";
+var PanMode = () => {
+  const { register } = usePointerHandlers({ modeId: "panMode" });
+  const { setCursor, removeCursor } = useCursor();
+  const { provides: viewport } = useViewportCapability();
+  const dragRef = useRef(null);
+  const handlers = useMemo(
+    () => ({
+      onPointerDown: (_, pe) => {
+        if (!viewport) return;
+        const metrics = viewport.getMetrics();
+        dragRef.current = {
+          startX: pe.clientX,
+          startY: pe.clientY,
+          startLeft: metrics.scrollLeft,
+          startTop: metrics.scrollTop
+        };
+        setCursor("panMode", "grabbing", 10);
+      },
+      onPointerMove: (_, pe) => {
+        const drag = dragRef.current;
+        if (!drag || !viewport) return;
+        const dx = pe.clientX - drag.startX;
+        const dy = pe.clientY - drag.startY;
+        viewport.scrollTo({
+          x: drag.startLeft - dx,
+          y: drag.startTop - dy
+        });
+      },
+      onPointerUp: () => {
+        const drag = dragRef.current;
+        if (!drag) return;
+        dragRef.current = null;
+        removeCursor("panMode");
+      },
+      onPointerLeave: () => {
+        const drag = dragRef.current;
+        if (!drag) return;
+        dragRef.current = null;
+        removeCursor("panMode");
+      },
+      onPointerCancel: () => {
+        const drag = dragRef.current;
+        if (!drag) return;
+        dragRef.current = null;
+        removeCursor("panMode");
+      }
+    }),
+    [viewport, setCursor, removeCursor]
+  );
+  useEffect(() => {
+    if (!register) return;
+    return register(handlers);
+  }, [register, handlers]);
+  return /* @__PURE__ */ jsx(Fragment, {});
+};
+export {
+  PanMode,
+  usePan,
+  usePanCapability
+};
+//# sourceMappingURL=index.js.map

package/dist/preact/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/preact/hooks/use-pan.ts","../../src/preact/components/pan-mode.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/preact';\nimport { PanPlugin } from '@embedpdf/plugin-pan';\n\nexport const usePan = () => usePlugin<PanPlugin>(PanPlugin.id);\nexport const usePanCapability = () => useCapability<PanPlugin>(PanPlugin.id);\n","/** @jsxImportSource preact */\nimport { useEffect, useMemo, useRef } from 'preact/hooks';\nimport type { PointerEventHandlers } from '@embedpdf/plugin-interaction-manager';\nimport { useCursor, usePointerHandlers } from '@embedpdf/plugin-interaction-manager/preact';\nimport { useViewportCapability } from '@embedpdf/plugin-viewport/preact';\n\nexport const PanMode = () => {\n  const { register } = usePointerHandlers({ modeId: 'panMode' });\n  const { setCursor, removeCursor } = useCursor();\n  const { provides: viewport } = useViewportCapability();\n\n  const dragRef = useRef<{\n    startX: number;\n    startY: number;\n    startLeft: number;\n    startTop: number;\n  } | null>(null);\n\n  const handlers = useMemo(\n    (): PointerEventHandlers => ({\n      onPointerDown: (_, pe) => {\n        if (!viewport) return;\n\n        const metrics = viewport.getMetrics();\n\n        dragRef.current = {\n          startX: pe.clientX,\n          startY: pe.clientY,\n          startLeft: metrics.scrollLeft,\n          startTop: metrics.scrollTop,\n        };\n\n        setCursor('panMode', 'grabbing', 10);\n      },\n      onPointerMove: (_, pe) => {\n        const drag = dragRef.current;\n        if (!drag || !viewport) return;\n\n        /* delta between current pointer position and where the drag started */\n        const dx = pe.clientX - drag.startX;\n        const dy = pe.clientY - drag.startY;\n\n        viewport.scrollTo({\n          x: drag.startLeft - dx,\n          y: drag.startTop - dy,\n        });\n      },\n      onPointerUp: () => {\n        const drag = dragRef.current;\n        if (!drag) return;\n\n        dragRef.current = null;\n        removeCursor('panMode');\n      },\n      onPointerLeave: () => {\n        const drag = dragRef.current;\n        if (!drag) return;\n\n        dragRef.current = null;\n        removeCursor('panMode');\n      },\n      onPointerCancel: () => {\n        const drag = dragRef.current;\n        if (!drag) return;\n\n        dragRef.current = null;\n        removeCursor('panMode');\n      },\n    }),\n    [viewport, setCursor, removeCursor],\n  );\n\n  useEffect(() => {\n    if (!register) return;\n    return register(handlers);\n  }, [register, handlers]);\n\n  return <></>;\n};\n"],"mappings":";AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,iBAAiB;AAEnB,IAAM,SAAS,MAAM,UAAqB,UAAU,EAAE;AACtD,IAAM,mBAAmB,MAAM,cAAyB,UAAU,EAAE;;;ACH3E,SAAS,WAAW,SAAS,cAAc;AAE3C,SAAS,WAAW,0BAA0B;AAC9C,SAAS,6BAA6B;AAyE7B;AAvEF,IAAM,UAAU,MAAM;AAC3B,QAAM,EAAE,SAAS,IAAI,mBAAmB,EAAE,QAAQ,UAAU,CAAC;AAC7D,QAAM,EAAE,WAAW,aAAa,IAAI,UAAU;AAC9C,QAAM,EAAE,UAAU,SAAS,IAAI,sBAAsB;AAErD,QAAM,UAAU,OAKN,IAAI;AAEd,QAAM,WAAW;AAAA,IACf,OAA6B;AAAA,MAC3B,eAAe,CAAC,GAAG,OAAO;AACxB,YAAI,CAAC,SAAU;AAEf,cAAM,UAAU,SAAS,WAAW;AAEpC,gBAAQ,UAAU;AAAA,UAChB,QAAQ,GAAG;AAAA,UACX,QAAQ,GAAG;AAAA,UACX,WAAW,QAAQ;AAAA,UACnB,UAAU,QAAQ;AAAA,QACpB;AAEA,kBAAU,WAAW,YAAY,EAAE;AAAA,MACrC;AAAA,MACA,eAAe,CAAC,GAAG,OAAO;AACxB,cAAM,OAAO,QAAQ;AACrB,YAAI,CAAC,QAAQ,CAAC,SAAU;AAGxB,cAAM,KAAK,GAAG,UAAU,KAAK;AAC7B,cAAM,KAAK,GAAG,UAAU,KAAK;AAE7B,iBAAS,SAAS;AAAA,UAChB,GAAG,KAAK,YAAY;AAAA,UACpB,GAAG,KAAK,WAAW;AAAA,QACrB,CAAC;AAAA,MACH;AAAA,MACA,aAAa,MAAM;AACjB,cAAM,OAAO,QAAQ;AACrB,YAAI,CAAC,KAAM;AAEX,gBAAQ,UAAU;AAClB,qBAAa,SAAS;AAAA,MACxB;AAAA,MACA,gBAAgB,MAAM;AACpB,cAAM,OAAO,QAAQ;AACrB,YAAI,CAAC,KAAM;AAEX,gBAAQ,UAAU;AAClB,qBAAa,SAAS;AAAA,MACxB;AAAA,MACA,iBAAiB,MAAM;AACrB,cAAM,OAAO,QAAQ;AACrB,YAAI,CAAC,KAAM;AAEX,gBAAQ,UAAU;AAClB,qBAAa,SAAS;AAAA,MACxB;AAAA,IACF;AAAA,IACA,CAAC,UAAU,WAAW,YAAY;AAAA,EACpC;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,SAAU;AACf,WAAO,SAAS,QAAQ;AAAA,EAC1B,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,SAAO,gCAAE;AACX;","names":[]}

package/dist/react/index.cjs

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/react/index.ts
+var react_exports = {};
+__export(react_exports, {
+  usePan: () => usePan,
+  usePanCapability: () => usePanCapability
+});
+module.exports = __toCommonJS(react_exports);
+
+// src/react/hooks/use-pan.ts
+var import_react = require("@embedpdf/core/react");
+var import_plugin_pan = require("@embedpdf/plugin-pan");
+var usePan = () => (0, import_react.usePlugin)(import_plugin_pan.PanPlugin.id);
+var usePanCapability = () => (0, import_react.useCapability)(import_plugin_pan.PanPlugin.id);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePan,
+  usePanCapability
+});
+//# sourceMappingURL=index.cjs.map

package/dist/react/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/index.ts","../../src/react/hooks/use-pan.ts"],"sourcesContent":["export * from './hooks';\n","import { useCapability, usePlugin } from '@embedpdf/core/react';\nimport { PanPlugin } from '@embedpdf/plugin-pan';\n\nexport const usePan = () => usePlugin<PanPlugin>(PanPlugin.id);\nexport const usePanCapability = () => useCapability<PanPlugin>(PanPlugin.id);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAyC;AACzC,wBAA0B;AAEnB,IAAM,SAAS,UAAM,wBAAqB,4BAAU,EAAE;AACtD,IAAM,mBAAmB,UAAM,4BAAyB,4BAAU,EAAE;","names":[]}

package/dist/react/index.d.cts

@@ -0,0 +1,15 @@
+import * as _embedpdf_plugin_pan from '@embedpdf/plugin-pan';
+import { PanPlugin } from '@embedpdf/plugin-pan';
+
+declare const usePan: () => {
+    plugin: PanPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+declare const usePanCapability: () => {
+    provides: Readonly<_embedpdf_plugin_pan.PanCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+
+export { usePan, usePanCapability };

package/dist/react/index.d.ts

@@ -0,0 +1,15 @@
+import * as _embedpdf_plugin_pan from '@embedpdf/plugin-pan';
+import { PanPlugin } from '@embedpdf/plugin-pan';
+
+declare const usePan: () => {
+    plugin: PanPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+declare const usePanCapability: () => {
+    provides: Readonly<_embedpdf_plugin_pan.PanCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+
+export { usePan, usePanCapability };

package/dist/react/index.js

@@ -0,0 +1,10 @@
+// src/react/hooks/use-pan.ts
+import { useCapability, usePlugin } from "@embedpdf/core/react";
+import { PanPlugin } from "@embedpdf/plugin-pan";
+var usePan = () => usePlugin(PanPlugin.id);
+var usePanCapability = () => useCapability(PanPlugin.id);
+export {
+  usePan,
+  usePanCapability
+};
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/hooks/use-pan.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/react';\nimport { PanPlugin } from '@embedpdf/plugin-pan';\n\nexport const usePan = () => usePlugin<PanPlugin>(PanPlugin.id);\nexport const usePanCapability = () => useCapability<PanPlugin>(PanPlugin.id);\n"],"mappings":";AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,iBAAiB;AAEnB,IAAM,SAAS,MAAM,UAAqB,UAAU,EAAE;AACtD,IAAM,mBAAmB,MAAM,cAAyB,UAAU,EAAE;","names":[]}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@embedpdf/plugin-pan",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./preact": {
+      "types": "./dist/preact/index.d.ts",
+      "import": "./dist/preact/index.js",
+      "require": "./dist/preact/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.cjs"
+    }
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "@embedpdf/models": "1.0.0",
+    "@embedpdf/plugin-interaction-manager": "1.0.0",
+    "@embedpdf/plugin-viewport": "1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "preact": "^10.26.4",
+    "@embedpdf/plugin-interaction-manager": "1.0.0",
+    "@embedpdf/core": "1.0.0",
+    "@embedpdf/plugin-viewport": "1.0.0"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/embedpdf/embed-pdf-viewer",
+    "directory": "packages/plugin-pan"
+  },
+  "homepage": "https://www.embedpdf.com/docs",
+  "bugs": {
+    "url": "https://github.com/embedpdf/embed-pdf-viewer/issues"
+  },
+  "publishConfig": {
+    "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"
+  }
+}