@embedpdf/plugin-scroll 1.0.10 → 1.0.12

package/dist/vue/index.js

@@ -0,0 +1,136 @@
+import { ref, watchEffect, defineComponent, useAttrs, onMounted, computed, createElementBlock, createCommentVNode, unref, openBlock, mergeProps, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot, createBlock, resolveDynamicComponent } from "vue";
+import { useCapability, usePlugin, useRegistry } from "@embedpdf/core/vue";
+import { ScrollPlugin, ScrollStrategy } from "@embedpdf/plugin-scroll";
+const useScrollPlugin = () => usePlugin(ScrollPlugin.id);
+const useScrollCapability = () => useCapability(ScrollPlugin.id);
+function useScroll() {
+  const { provides: scroll } = useScrollCapability();
+  const currentPage = ref(1);
+  const totalPages = ref(1);
+  watchEffect((onCleanup) => {
+    if (!scroll.value) return;
+    const off = scroll.value.onPageChange(({ pageNumber, totalPages: tp }) => {
+      currentPage.value = pageNumber;
+      totalPages.value = tp;
+    });
+    onCleanup(off);
+  });
+  return {
+    scroll,
+    currentPage,
+    totalPages
+  };
+}
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "scroller",
+  props: {
+    style: { type: [Boolean, null, String, Object, Array] },
+    overlayElements: { default: () => [] }
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const { provides: scrollProvides } = useScrollCapability();
+    const { plugin: scrollPlugin } = useScrollPlugin();
+    const { registry } = useRegistry();
+    const layout = ref(null);
+    watchEffect((onCleanup) => {
+      if (!scrollProvides.value) return;
+      layout.value = scrollProvides.value.getScrollerLayout();
+      const off = scrollProvides.value.onScrollerData((l) => layout.value = l);
+      onCleanup(off);
+    });
+    onMounted(() => {
+      var _a;
+      (_a = scrollPlugin.value) == null ? void 0 : _a.setLayoutReady();
+    });
+    function pageSlotProps(pl) {
+      const core = registry.value.getStore().getState().core;
+      return {
+        ...pl,
+        rotation: core.rotation,
+        scale: core.scale,
+        document: core.document
+      };
+    }
+    const rootStyle = computed(() => {
+      if (!layout.value) return props.style;
+      const base = typeof props.style === "object" && !Array.isArray(props.style) ? { ...props.style } : props.style ?? {};
+      return [
+        base,
+        {
+          width: `${layout.value.totalWidth}px`,
+          height: `${layout.value.totalHeight}px`,
+          position: "relative",
+          boxSizing: "border-box",
+          margin: "0 auto",
+          ...layout.value.strategy === ScrollStrategy.Horizontal && {
+            display: "flex",
+            flexDirection: "row"
+          }
+        }
+      ];
+    });
+    return (_ctx, _cache) => {
+      return layout.value && unref(registry) ? (openBlock(), createElementBlock("div", mergeProps({
+        key: 0,
+        style: rootStyle.value
+      }, unref(attrs)), [
+        layout.value.strategy === "horizontal" ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          style: normalizeStyle({ width: layout.value.startSpacing + "px", height: "100%", flexShrink: 0 })
+        }, null, 4)) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          style: normalizeStyle({ height: layout.value.startSpacing + "px", width: "100%" })
+        }, null, 4)),
+        createElementVNode("div", {
+          style: normalizeStyle({
+            gap: layout.value.pageGap + "px",
+            display: "flex",
+            alignItems: "center",
+            position: "relative",
+            boxSizing: "border-box",
+            flexDirection: layout.value.strategy === "horizontal" ? "row" : "column",
+            minHeight: layout.value.strategy === "horizontal" ? "100%" : void 0,
+            minWidth: layout.value.strategy === "vertical" ? "fit-content" : void 0
+          })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(layout.value.items, (item) => {
+            return openBlock(), createElementBlock("div", {
+              key: item.pageNumbers[0],
+              style: normalizeStyle({ display: "flex", justifyContent: "center", gap: layout.value.pageGap + "px" })
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(item.pageLayouts, (pl) => {
+                return openBlock(), createElementBlock("div", {
+                  key: pl.pageNumber,
+                  style: normalizeStyle({ width: pl.rotatedWidth + "px", height: pl.rotatedHeight + "px" })
+                }, [
+                  renderSlot(_ctx.$slots, "default", {
+                    page: pageSlotProps(pl)
+                  })
+                ], 4);
+              }), 128))
+            ], 4);
+          }), 128))
+        ], 4),
+        layout.value.strategy === "horizontal" ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          style: normalizeStyle({ width: layout.value.endSpacing + "px", height: "100%", flexShrink: 0 })
+        }, null, 4)) : (openBlock(), createElementBlock("div", {
+          key: 3,
+          style: normalizeStyle({ height: layout.value.endSpacing + "px", width: "100%" })
+        }, null, 4)),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.overlayElements, (el, i) => {
+          return openBlock(), createBlock(resolveDynamicComponent(el), { key: i });
+        }), 128))
+      ], 16)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as Scroller,
+  useScroll,
+  useScrollCapability,
+  useScrollPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-scroll.ts","../../src/vue/components/scroller.vue"],"sourcesContent":["import { ref, watchEffect } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { ScrollPlugin } from '@embedpdf/plugin-scroll';\n\nexport const useScrollPlugin = () => usePlugin<ScrollPlugin>(ScrollPlugin.id);\nexport const useScrollCapability = () => useCapability<ScrollPlugin>(ScrollPlugin.id);\n\n/**\n * Convenience hook that also tracks current / total page.\n */\nexport function useScroll() {\n  const { provides: scroll } = useScrollCapability();\n\n  const currentPage = ref(1);\n  const totalPages = ref(1);\n\n  watchEffect((onCleanup) => {\n    if (!scroll.value) return;\n\n    const off = scroll.value.onPageChange(({ pageNumber, totalPages: tp }) => {\n      currentPage.value = pageNumber;\n      totalPages.value = tp;\n    });\n    onCleanup(off);\n  });\n\n  return {\n    scroll,\n    currentPage,\n    totalPages,\n  };\n}\n","<script setup lang=\"ts\">\n/* ------------------------------------------------------------------ */\n/* imports                                                            */\n/* ------------------------------------------------------------------ */\nimport { computed, onMounted, ref, watchEffect, useAttrs } from 'vue';\nimport type { StyleValue } from 'vue';\n\nimport { useScrollCapability, useScrollPlugin } from '../hooks';\nimport { ScrollStrategy, type ScrollerLayout, type PageLayout } from '@embedpdf/plugin-scroll';\nimport { useRegistry } from '@embedpdf/core/vue';\nimport type { PdfDocumentObject, Rotation } from '@embedpdf/models';\n\n/* ------------------------------------------------------------------ */\n/* props – pure layout; page content comes from the *slot*            */\n/* ------------------------------------------------------------------ */\nconst props = withDefaults(\n  defineProps<{\n    style?: StyleValue;\n    overlayElements?: any[];\n  }>(),\n  { overlayElements: () => [] },\n);\n\nconst attrs = useAttrs();\n\n/* ------------------------------------------------------------------ */\n/* plugin + reactive state                                            */\n/* ------------------------------------------------------------------ */\nconst { provides: scrollProvides } = useScrollCapability();\nconst { plugin: scrollPlugin } = useScrollPlugin();\nconst { registry } = useRegistry(); // shallowRef<PluginRegistry|null>\n\nconst layout = ref<ScrollerLayout | null>(null);\n\n/* subscribe to scroller‑layout updates */\nwatchEffect((onCleanup) => {\n  if (!scrollProvides.value) return;\n\n  layout.value = scrollProvides.value.getScrollerLayout();\n  const off = scrollProvides.value.onScrollerData((l) => (layout.value = l));\n  onCleanup(off);\n});\n\n/* inform plugin once the DOM is ready */\nonMounted(() => {\n  scrollPlugin.value?.setLayoutReady();\n});\n\n/* ------------------------------------------------------------------ */\n/* helpers                                                            */\n/* ------------------------------------------------------------------ */\ninterface PageSlotProps extends PageLayout {\n  rotation: Rotation;\n  scale: number;\n  document: PdfDocumentObject | null;\n}\n\n/** Build the prop object that we’ll forward into the default slot */\nfunction pageSlotProps(pl: PageLayout): PageSlotProps {\n  const core = registry.value!.getStore().getState().core;\n  return {\n    ...pl,\n    rotation: core.rotation,\n    scale: core.scale,\n    document: core.document,\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/* computed root style                                                */\n/* ------------------------------------------------------------------ */\nconst rootStyle = computed<StyleValue>(() => {\n  if (!layout.value) return props.style;\n\n  const base =\n    typeof props.style === 'object' && !Array.isArray(props.style)\n      ? { ...props.style }\n      : (props.style ?? {});\n\n  return [\n    base,\n    {\n      width: `${layout.value.totalWidth}px`,\n      height: `${layout.value.totalHeight}px`,\n      position: 'relative',\n      boxSizing: 'border-box',\n      margin: '0 auto',\n      ...(layout.value.strategy === ScrollStrategy.Horizontal && {\n        display: 'flex',\n        flexDirection: 'row',\n      }),\n    },\n  ];\n});\n</script>\n\n<template>\n  <!-- render nothing until both layout + registry exist -->\n  <div v-if=\"layout && registry\" :style=\"rootStyle\" v-bind=\"attrs\">\n    <!-- leading spacer -->\n    <div\n      v-if=\"layout.strategy === 'horizontal'\"\n      :style=\"{ width: layout.startSpacing + 'px', height: '100%', flexShrink: 0 }\"\n    />\n    <div v-else :style=\"{ height: layout.startSpacing + 'px', width: '100%' }\" />\n\n    <!-- actual page grid -->\n    <div\n      :style=\"{\n        gap: layout.pageGap + 'px',\n        display: 'flex',\n        alignItems: 'center',\n        position: 'relative',\n        boxSizing: 'border-box',\n        flexDirection: layout.strategy === 'horizontal' ? 'row' : 'column',\n        minHeight: layout.strategy === 'horizontal' ? '100%' : undefined,\n        minWidth: layout.strategy === 'vertical' ? 'fit-content' : undefined,\n      }\"\n    >\n      <template v-for=\"item in layout.items\" :key=\"item.pageNumbers[0]\">\n        <div :style=\"{ display: 'flex', justifyContent: 'center', gap: layout.pageGap + 'px' }\">\n          <div\n            v-for=\"pl in item.pageLayouts\"\n            :key=\"pl.pageNumber\"\n            :style=\"{ width: pl.rotatedWidth + 'px', height: pl.rotatedHeight + 'px' }\"\n          >\n            <!-- 🔑 give the host app full control over page content -->\n            <slot :page=\"pageSlotProps(pl)\" />\n          </div>\n        </div>\n      </template>\n    </div>\n\n    <!-- trailing spacer -->\n    <div\n      v-if=\"layout.strategy === 'horizontal'\"\n      :style=\"{ width: layout.endSpacing + 'px', height: '100%', flexShrink: 0 }\"\n    />\n    <div v-else :style=\"{ height: layout.endSpacing + 'px', width: '100%' }\" />\n\n    <!-- optional overlay components -->\n    <component v-for=\"(el, i) in props.overlayElements\" :is=\"el\" :key=\"i\" />\n  </div>\n</template>\n"],"names":["_unref","_openBlock","_createElementBlock","_mergeProps","_normalizeStyle","_createElementVNode","_Fragment","_renderList","_renderSlot","_createBlock","_resolveDynamicComponent"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-scroll",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -20,23 +20,30 @@
       "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.10"
+    "@embedpdf/models": "1.0.12"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
-    "tsup": "^8.0.0",
     "typescript": "^5.0.0",
-    "@embedpdf/plugin-viewport": "1.0.10"
+    "@embedpdf/core": "1.0.12",
+    "@embedpdf/build": "1.0.0",
+    "@embedpdf/plugin-viewport": "1.0.12"
   },
   "peerDependencies": {
+    "preact": "^10.26.4",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "preact": "^10.26.4",
-    "@embedpdf/core": "1.0.10",
-    "@embedpdf/plugin-viewport": "1.0.10"
+    "vue": ">=3.2.0",
+    "@embedpdf/core": "1.0.12",
+    "@embedpdf/plugin-viewport": "1.0.12"
   },
   "files": [
     "dist",
@@ -55,11 +62,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/index.d.cts

@@ -1,200 +0,0 @@
-import { BasePluginConfig, EventHook, Action, BasePlugin, PluginRegistry, StoreState, CoreState, PluginManifest, PluginPackage } from '@embedpdf/core';
-import { Rect, Rotation, PdfPageObject } from '@embedpdf/models';
-import { ViewportMetrics } from '@embedpdf/plugin-viewport';
-
-interface PageLayout {
-    pageNumber: number;
-    pageIndex: number;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    rotatedWidth: number;
-    rotatedHeight: number;
-}
-interface VirtualItem {
-    id: string;
-    x: number;
-    y: number;
-    offset: number;
-    width: number;
-    height: number;
-    pageLayouts: PageLayout[];
-    pageNumbers: number[];
-    index: number;
-}
-
-interface ScrollState extends ScrollMetrics {
-    virtualItems: VirtualItem[];
-    totalPages: number;
-    totalContentSize: {
-        width: number;
-        height: number;
-    };
-    desiredScrollPosition: {
-        x: number;
-        y: number;
-    };
-    strategy: ScrollStrategy;
-    pageGap: number;
-    scale: number;
-}
-interface ScrollerLayout {
-    startSpacing: number;
-    endSpacing: number;
-    totalWidth: number;
-    totalHeight: number;
-    pageGap: number;
-    strategy: ScrollState['strategy'];
-    items: VirtualItem[];
-}
-declare enum ScrollStrategy {
-    Vertical = "vertical",
-    Horizontal = "horizontal"
-}
-interface PageVisibilityMetrics {
-    pageNumber: number;
-    viewportX: number;
-    viewportY: number;
-    visiblePercentage: number;
-    original: {
-        pageX: number;
-        pageY: number;
-        visibleWidth: number;
-        visibleHeight: number;
-        scale: number;
-    };
-    scaled: {
-        pageX: number;
-        pageY: number;
-        visibleWidth: number;
-        visibleHeight: number;
-        scale: number;
-    };
-}
-interface ScrollMetrics {
-    currentPage: number;
-    visiblePages: number[];
-    pageVisibilityMetrics: PageVisibilityMetrics[];
-    renderedPageIndexes: number[];
-    scrollOffset: {
-        x: number;
-        y: number;
-    };
-    startSpacing: number;
-    endSpacing: number;
-}
-interface ScrollStrategyInterface {
-    initialize(container: HTMLElement, innerDiv: HTMLElement): void;
-    destroy(): void;
-    updateLayout(viewport: ViewportMetrics, pdfPageObject: PdfPageObject[][]): void;
-    handleScroll(viewport: ViewportMetrics): void;
-    getVirtualItems(): VirtualItem[];
-    scrollToPage(pageNumber: number, behavior?: ScrollBehavior): void;
-    calculateDimensions(pdfPageObject: PdfPageObject[][]): void;
-}
-interface ScrollPluginConfig extends BasePluginConfig {
-    strategy?: ScrollStrategy;
-    initialPage?: number;
-    bufferSize?: number;
-    pageGap?: number;
-}
-type LayoutChangePayload = Pick<ScrollState, 'virtualItems' | 'totalContentSize'>;
-interface ScrollToPageOptions {
-    pageNumber: number;
-    pageCoordinates?: {
-        x: number;
-        y: number;
-    };
-    behavior?: ScrollBehavior;
-    center?: boolean;
-}
-interface PageChangePayload {
-    pageNumber: number;
-    totalPages: number;
-}
-interface ScrollCapability {
-    onScrollerData: EventHook<ScrollerLayout>;
-    onStateChange: EventHook<ScrollState>;
-    onScroll: EventHook<ScrollMetrics>;
-    getCurrentPage(): number;
-    getTotalPages(): number;
-    onPageChange: EventHook<PageChangePayload>;
-    onLayoutChange: EventHook<LayoutChangePayload>;
-    scrollToPage(options: ScrollToPageOptions): void;
-    scrollToNextPage(behavior?: ScrollBehavior): void;
-    scrollToPreviousPage(behavior?: ScrollBehavior): void;
-    getMetrics(viewport?: ViewportMetrics): ScrollMetrics;
-    getLayout(): LayoutChangePayload;
-    getScrollerLayout(): ScrollerLayout;
-    getRectPositionForPage(page: number, rect: Rect, scale?: number, rotation?: Rotation): Rect | null;
-    setScrollStrategy(strategy: ScrollStrategy): void;
-    getPageGap(): number;
-}
-
-declare const UPDATE_SCROLL_STATE = "UPDATE_SCROLL_STATE";
-declare const SET_DESIRED_SCROLL_POSITION = "SET_DESIRED_SCROLL_POSITION";
-declare const UPDATE_TOTAL_PAGES = "UPDATE_TOTAL_PAGES";
-interface UpdateScrollStateAction extends Action {
-    type: typeof UPDATE_SCROLL_STATE;
-    payload: Partial<ScrollState>;
-}
-interface SetDesiredScrollPositionAction extends Action {
-    type: typeof SET_DESIRED_SCROLL_POSITION;
-    payload: {
-        x: number;
-        y: number;
-    };
-}
-interface UpdateTotalPagesAction extends Action {
-    type: typeof UPDATE_TOTAL_PAGES;
-    payload: number;
-}
-type ScrollAction = UpdateScrollStateAction | SetDesiredScrollPositionAction | UpdateTotalPagesAction;
-
-declare class ScrollPlugin extends BasePlugin<ScrollPluginConfig, ScrollCapability, ScrollState, ScrollAction> {
-    readonly id: string;
-    private config?;
-    static readonly id: "scroll";
-    private viewport;
-    private strategy;
-    private strategyConfig;
-    private currentScale;
-    private currentRotation;
-    private initialPage?;
-    private currentPage;
-    private readonly layout$;
-    private readonly scroll$;
-    private readonly state$;
-    private readonly scrollerLayout$;
-    private readonly pageChange$;
-    constructor(id: string, registry: PluginRegistry, config?: ScrollPluginConfig | undefined);
-    private computeLayout;
-    private computeMetrics;
-    private commit;
-    private commitMetrics;
-    private refreshAll;
-    private getVirtualItemsFromState;
-    private getScrollerLayoutFromState;
-    private pushScrollLayout;
-    onStoreUpdated(_prevState: ScrollState, _newState: ScrollState): void;
-    onCoreStoreUpdated(prevState: StoreState<CoreState>, newState: StoreState<CoreState>): void;
-    /**
-     * Change the scroll strategy at runtime (e.g., vertical <-> horizontal)
-     * @param newStrategy ScrollStrategy.Horizontal or ScrollStrategy.Vertical
-     */
-    private setScrollStrategy;
-    protected buildCapability(): ScrollCapability;
-    private getMetrics;
-    private getLayout;
-    private getRectPositionForPage;
-    initialize(): Promise<void>;
-    destroy(): Promise<void>;
-}
-
-declare const SCROLL_PLUGIN_ID = "scroll";
-declare const manifest: PluginManifest<ScrollPluginConfig>;
-
-declare const ScrollPluginPackage: PluginPackage<ScrollPlugin, ScrollPluginConfig, ScrollState, ScrollAction>;
-
-export { type LayoutChangePayload, type PageChangePayload, type PageLayout, type PageVisibilityMetrics, SCROLL_PLUGIN_ID, type ScrollCapability, type ScrollMetrics, ScrollPlugin, type ScrollPluginConfig, ScrollPluginPackage, type ScrollState, ScrollStrategy, type ScrollStrategyInterface, type ScrollToPageOptions, type ScrollerLayout, type VirtualItem, manifest };

package/dist/preact/index.d.cts

@@ -1,53 +0,0 @@
-import * as _embedpdf_models from '@embedpdf/models';
-import { Rotation, PdfDocumentObject } from '@embedpdf/models';
-import * as _embedpdf_plugin_viewport from '@embedpdf/plugin-viewport';
-import * as _embedpdf_core from '@embedpdf/core';
-import * as _embedpdf_plugin_scroll from '@embedpdf/plugin-scroll';
-import { ScrollPlugin, PageLayout } from '@embedpdf/plugin-scroll';
-import { JSX } from 'preact';
-
-declare const useScrollPlugin: () => {
-    plugin: ScrollPlugin | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-declare const useScrollCapability: () => {
-    provides: Readonly<_embedpdf_plugin_scroll.ScrollCapability> | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-declare const useScroll: () => {
-    currentPage: number;
-    totalPages: number;
-    onScrollerData?: _embedpdf_core.EventHook<_embedpdf_plugin_scroll.ScrollerLayout> | undefined;
-    onStateChange?: _embedpdf_core.EventHook<_embedpdf_plugin_scroll.ScrollState> | undefined;
-    onScroll?: _embedpdf_core.EventHook<_embedpdf_plugin_scroll.ScrollMetrics> | undefined;
-    getCurrentPage?: (() => number) | undefined;
-    getTotalPages?: (() => number) | undefined;
-    onPageChange?: _embedpdf_core.EventHook<_embedpdf_plugin_scroll.PageChangePayload> | undefined;
-    onLayoutChange?: _embedpdf_core.EventHook<_embedpdf_plugin_scroll.LayoutChangePayload> | undefined;
-    scrollToPage?: ((options: _embedpdf_plugin_scroll.ScrollToPageOptions) => void) | undefined;
-    scrollToNextPage?: ((behavior?: ScrollBehavior) => void) | undefined;
-    scrollToPreviousPage?: ((behavior?: ScrollBehavior) => void) | undefined;
-    getMetrics?: ((viewport?: _embedpdf_plugin_viewport.ViewportMetrics) => _embedpdf_plugin_scroll.ScrollMetrics) | undefined;
-    getLayout?: (() => _embedpdf_plugin_scroll.LayoutChangePayload) | undefined;
-    getScrollerLayout?: (() => _embedpdf_plugin_scroll.ScrollerLayout) | undefined;
-    getRectPositionForPage?: ((page: number, rect: _embedpdf_models.Rect, scale?: number, rotation?: _embedpdf_models.Rotation) => _embedpdf_models.Rect | null) | undefined;
-    setScrollStrategy?: ((strategy: _embedpdf_plugin_scroll.ScrollStrategy) => void) | undefined;
-    getPageGap?: (() => number) | undefined;
-};
-
-/** @jsxImportSource preact */
-
-interface RenderPageProps extends PageLayout {
-    rotation: Rotation;
-    scale: number;
-    document: PdfDocumentObject | null;
-}
-type ScrollerProps = JSX.HTMLAttributes<HTMLDivElement> & {
-    renderPage: (props: RenderPageProps) => JSX.Element;
-    overlayElements?: JSX.Element[];
-};
-declare function Scroller({ renderPage, overlayElements, ...props }: ScrollerProps): JSX.Element | null;
-
-export { Scroller, useScroll, useScrollCapability, useScrollPlugin };

package/dist/react/index.d.cts

@@ -1,52 +0,0 @@
-import * as _embedpdf_models from '@embedpdf/models';
-import { Rotation, PdfDocumentObject } from '@embedpdf/models';
-import * as _embedpdf_plugin_viewport from '@embedpdf/plugin-viewport';
-import * as _embedpdf_core from '@embedpdf/core';
-import * as _embedpdf_plugin_scroll from '@embedpdf/plugin-scroll';
-import { ScrollPlugin, PageLayout } from '@embedpdf/plugin-scroll';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React, { ReactNode } from 'react';
-
-declare const useScrollPlugin: () => {
-    plugin: ScrollPlugin | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-declare const useScrollCapability: () => {
-    provides: Readonly<_embedpdf_plugin_scroll.ScrollCapability> | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-declare const useScroll: () => {
-    currentPage: number;
-    totalPages: number;
-    onScrollerData?: _embedpdf_core.EventHook<_embedpdf_plugin_scroll.ScrollerLayout> | undefined;
-    onStateChange?: _embedpdf_core.EventHook<_embedpdf_plugin_scroll.ScrollState> | undefined;
-    onScroll?: _embedpdf_core.EventHook<_embedpdf_plugin_scroll.ScrollMetrics> | undefined;
-    getCurrentPage?: (() => number) | undefined;
-    getTotalPages?: (() => number) | undefined;
-    onPageChange?: _embedpdf_core.EventHook<_embedpdf_plugin_scroll.PageChangePayload> | undefined;
-    onLayoutChange?: _embedpdf_core.EventHook<_embedpdf_plugin_scroll.LayoutChangePayload> | undefined;
-    scrollToPage?: ((options: _embedpdf_plugin_scroll.ScrollToPageOptions) => void) | undefined;
-    scrollToNextPage?: ((behavior?: ScrollBehavior) => void) | undefined;
-    scrollToPreviousPage?: ((behavior?: ScrollBehavior) => void) | undefined;
-    getMetrics?: ((viewport?: _embedpdf_plugin_viewport.ViewportMetrics) => _embedpdf_plugin_scroll.ScrollMetrics) | undefined;
-    getLayout?: (() => _embedpdf_plugin_scroll.LayoutChangePayload) | undefined;
-    getScrollerLayout?: (() => _embedpdf_plugin_scroll.ScrollerLayout) | undefined;
-    getRectPositionForPage?: ((page: number, rect: _embedpdf_models.Rect, scale?: number, rotation?: _embedpdf_models.Rotation) => _embedpdf_models.Rect | null) | undefined;
-    setScrollStrategy?: ((strategy: _embedpdf_plugin_scroll.ScrollStrategy) => void) | undefined;
-    getPageGap?: (() => number) | undefined;
-};
-
-interface RenderPageProps extends PageLayout {
-    rotation: Rotation;
-    scale: number;
-    document: PdfDocumentObject | null;
-}
-type ScrollerProps = React.HTMLAttributes<HTMLDivElement> & {
-    renderPage: (props: RenderPageProps) => ReactNode;
-    overlayElements?: ReactNode[];
-};
-declare function Scroller({ renderPage, overlayElements, ...props }: ScrollerProps): react_jsx_runtime.JSX.Element | null;
-
-export { Scroller, useScroll, useScrollCapability, useScrollPlugin };