@embedpdf/plugin-scroll 1.5.0 → 2.0.0-next.1

package/dist/react/index.js

@@ -1,132 +1,55 @@
-import { useState, useEffect } from "react";
-import { usePlugin, useCapability, useRegistry } from "@embedpdf/core/react";
+import { useState, useEffect, useLayoutEffect } from "react";
+import { usePlugin, useCapability } from "@embedpdf/core/react";
 import { ScrollPlugin, ScrollStrategy } from "@embedpdf/plugin-scroll";
 export * from "@embedpdf/plugin-scroll";
 import { jsxs, jsx } from "react/jsx-runtime";
 const useScrollPlugin = () => usePlugin(ScrollPlugin.id);
 const useScrollCapability = () => useCapability(ScrollPlugin.id);
-const useScroll = () => {
+const useScroll = (documentId) => {
   const { provides } = useScrollCapability();
   const [currentPage, setCurrentPage] = useState(1);
   const [totalPages, setTotalPages] = useState(1);
   useEffect(() => {
-    if (!provides) return;
-    return provides.onPageChange(({ pageNumber, totalPages: totalPages2 }) => {
-      setCurrentPage(pageNumber);
-      setTotalPages(totalPages2);
+    if (!provides || !documentId) return;
+    const scope = provides.forDocument(documentId);
+    setCurrentPage(scope.getCurrentPage());
+    setTotalPages(scope.getTotalPages());
+    return provides.onPageChange((event) => {
+      if (event.documentId === documentId) {
+        setCurrentPage(event.pageNumber);
+        setTotalPages(event.totalPages);
+      }
     });
-  }, [provides]);
+  }, [provides, documentId]);
   return {
     // New format (preferred)
-    provides,
+    provides: (provides == null ? void 0 : provides.forDocument(documentId)) ?? null,
     state: {
       currentPage,
       totalPages
-    },
-    // Deprecated properties with getters that show warnings
-    get currentPage() {
-      console.warn(
-        `Accessing 'currentPage' directly on useScroll() is deprecated. Use useScroll().state.currentPage instead.`
-      );
-      return currentPage;
-    },
-    get totalPages() {
-      console.warn(
-        `Accessing 'totalPages' directly on useScroll() is deprecated. Use useScroll().state.totalPages instead.`
-      );
-      return totalPages;
-    },
-    get scrollToPage() {
-      if (provides == null ? void 0 : provides.scrollToPage) {
-        console.warn(
-          `Accessing 'scrollToPage' directly on useScroll() is deprecated. Use useScroll().provides.scrollToPage instead.`
-        );
-      }
-      return provides == null ? void 0 : provides.scrollToPage;
-    },
-    get scrollToNextPage() {
-      if (provides == null ? void 0 : provides.scrollToNextPage) {
-        console.warn(
-          `Accessing 'scrollToNextPage' directly on useScroll() is deprecated. Use useScroll().provides.scrollToNextPage instead.`
-        );
-      }
-      return provides == null ? void 0 : provides.scrollToNextPage;
-    },
-    get scrollToPreviousPage() {
-      if (provides == null ? void 0 : provides.scrollToPreviousPage) {
-        console.warn(
-          `Accessing 'scrollToPreviousPage' directly on useScroll() is deprecated. Use useScroll().provides.scrollToPreviousPage instead.`
-        );
-      }
-      return provides == null ? void 0 : provides.scrollToPreviousPage;
-    },
-    get getMetrics() {
-      if (provides == null ? void 0 : provides.getMetrics) {
-        console.warn(
-          `Accessing 'getMetrics' directly on useScroll() is deprecated. Use useScroll().provides.getMetrics instead.`
-        );
-      }
-      return provides == null ? void 0 : provides.getMetrics;
-    },
-    get onPageChange() {
-      if (provides == null ? void 0 : provides.onPageChange) {
-        console.warn(
-          `Accessing 'onPageChange' directly on useScroll() is deprecated. Use useScroll().provides.onPageChange instead.`
-        );
-      }
-      return provides == null ? void 0 : provides.onPageChange;
-    },
-    get onScroll() {
-      if (provides == null ? void 0 : provides.onScroll) {
-        console.warn(
-          `Accessing 'onScroll' directly on useScroll() is deprecated. Use useScroll().provides.onScroll instead.`
-        );
-      }
-      return provides == null ? void 0 : provides.onScroll;
-    },
-    get onLayoutChange() {
-      if (provides == null ? void 0 : provides.onLayoutChange) {
-        console.warn(
-          `Accessing 'onLayoutChange' directly on useScroll() is deprecated. Use useScroll().provides.onLayoutChange instead.`
-        );
-      }
-      return provides == null ? void 0 : provides.onLayoutChange;
-    },
-    get getCurrentPage() {
-      if (provides == null ? void 0 : provides.getCurrentPage) {
-        console.warn(
-          `Accessing 'getCurrentPage' directly on useScroll() is deprecated. Use useScroll().provides.getCurrentPage instead.`
-        );
-      }
-      return provides == null ? void 0 : provides.getCurrentPage;
-    },
-    get getTotalPages() {
-      if (provides == null ? void 0 : provides.getTotalPages) {
-        console.warn(
-          `Accessing 'getTotalPages' directly on useScroll() is deprecated. Use useScroll().provides.getTotalPages instead.`
-        );
-      }
-      return provides == null ? void 0 : provides.getTotalPages;
     }
   };
 };
-function Scroller({ renderPage, overlayElements, ...props }) {
+function Scroller({ documentId, renderPage, ...props }) {
   const { plugin: scrollPlugin } = useScrollPlugin();
-  const { registry } = useRegistry();
-  const [scrollerLayout, setScrollerLayout] = useState(
-    () => (scrollPlugin == null ? void 0 : scrollPlugin.getScrollerLayout()) ?? null
-  );
+  const [layoutData, setLayoutData] = useState({ layout: null, docId: null });
   useEffect(() => {
-    if (!scrollPlugin) return;
-    return scrollPlugin.onScrollerData(setScrollerLayout);
-  }, [scrollPlugin]);
-  useEffect(() => {
-    if (!scrollPlugin) return;
-    scrollPlugin.setLayoutReady();
-  }, [scrollPlugin]);
+    if (!scrollPlugin || !documentId) return;
+    const unsubscribe = scrollPlugin.onScrollerData(documentId, (newLayout) => {
+      setLayoutData({ layout: newLayout, docId: documentId });
+    });
+    return () => {
+      unsubscribe();
+      setLayoutData({ layout: null, docId: null });
+      scrollPlugin.clearLayoutReady(documentId);
+    };
+  }, [scrollPlugin, documentId]);
+  const scrollerLayout = layoutData.docId === documentId ? layoutData.layout : null;
+  useLayoutEffect(() => {
+    if (!scrollPlugin || !documentId || !scrollerLayout) return;
+    scrollPlugin.setLayoutReady(documentId);
+  }, [scrollPlugin, documentId, scrollerLayout]);
   if (!scrollerLayout) return null;
-  if (!registry) return null;
-  const coreState = registry.getStore().getState();
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -191,10 +114,7 @@ function Scroller({ renderPage, overlayElements, ...props }) {
                       height: `${layout.rotatedHeight}px`
                     },
                     children: renderPage({
-                      ...layout,
-                      rotation: coreState.core.rotation,
-                      scale: coreState.core.scale,
-                      document: coreState.core.document
+                      ...layout
                     })
                   },
                   layout.pageNumber
@@ -218,8 +138,7 @@ function Scroller({ renderPage, overlayElements, ...props }) {
               }
             }
           }
-        ),
-        overlayElements
+        )
       ]
     }
   );

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-scroll.ts","../../src/shared/components/scroller.tsx"],"sourcesContent":["import { useState, useEffect } from '@framework';\nimport { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { ScrollCapability, ScrollPlugin } from '@embedpdf/plugin-scroll';\n\nexport const useScrollPlugin = () => usePlugin<ScrollPlugin>(ScrollPlugin.id);\nexport const useScrollCapability = () => useCapability<ScrollPlugin>(ScrollPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseScrollReturn {\n  provides: ScrollCapability | null;\n  state: {\n    currentPage: number;\n    totalPages: number;\n  };\n  // Deprecated properties (for backward compatibility)\n  readonly currentPage: number;\n  readonly totalPages: number;\n  readonly scrollToPage: ScrollCapability['scrollToPage'] | undefined;\n  readonly scrollToNextPage: ScrollCapability['scrollToNextPage'] | undefined;\n  readonly scrollToPreviousPage: ScrollCapability['scrollToPreviousPage'] | undefined;\n  readonly getMetrics: ScrollCapability['getMetrics'] | undefined;\n  readonly onPageChange: ScrollCapability['onPageChange'] | undefined;\n  readonly onScroll: ScrollCapability['onScroll'] | undefined;\n  readonly onLayoutChange: ScrollCapability['onLayoutChange'] | undefined;\n  readonly getCurrentPage: ScrollCapability['getCurrentPage'] | undefined;\n  readonly getTotalPages: ScrollCapability['getTotalPages'] | undefined;\n}\n\nexport const useScroll = (): UseScrollReturn => {\n  const { provides } = useScrollCapability();\n  const [currentPage, setCurrentPage] = useState(1);\n  const [totalPages, setTotalPages] = useState(1);\n\n  useEffect(() => {\n    if (!provides) return;\n    return provides.onPageChange(({ pageNumber, totalPages }) => {\n      setCurrentPage(pageNumber);\n      setTotalPages(totalPages);\n    });\n  }, [provides]);\n\n  return {\n    // New format (preferred)\n    provides,\n    state: {\n      currentPage,\n      totalPages,\n    },\n\n    // Deprecated properties with getters that show warnings\n    get currentPage() {\n      console.warn(\n        `Accessing 'currentPage' directly on useScroll() is deprecated. Use useScroll().state.currentPage instead.`,\n      );\n      return currentPage;\n    },\n\n    get totalPages() {\n      console.warn(\n        `Accessing 'totalPages' directly on useScroll() is deprecated. Use useScroll().state.totalPages instead.`,\n      );\n      return totalPages;\n    },\n\n    get scrollToPage() {\n      if (provides?.scrollToPage) {\n        console.warn(\n          `Accessing 'scrollToPage' directly on useScroll() is deprecated. Use useScroll().provides.scrollToPage instead.`,\n        );\n      }\n      return provides?.scrollToPage;\n    },\n\n    get scrollToNextPage() {\n      if (provides?.scrollToNextPage) {\n        console.warn(\n          `Accessing 'scrollToNextPage' directly on useScroll() is deprecated. Use useScroll().provides.scrollToNextPage instead.`,\n        );\n      }\n      return provides?.scrollToNextPage;\n    },\n\n    get scrollToPreviousPage() {\n      if (provides?.scrollToPreviousPage) {\n        console.warn(\n          `Accessing 'scrollToPreviousPage' directly on useScroll() is deprecated. Use useScroll().provides.scrollToPreviousPage instead.`,\n        );\n      }\n      return provides?.scrollToPreviousPage;\n    },\n\n    get getMetrics() {\n      if (provides?.getMetrics) {\n        console.warn(\n          `Accessing 'getMetrics' directly on useScroll() is deprecated. Use useScroll().provides.getMetrics instead.`,\n        );\n      }\n      return provides?.getMetrics;\n    },\n\n    get onPageChange() {\n      if (provides?.onPageChange) {\n        console.warn(\n          `Accessing 'onPageChange' directly on useScroll() is deprecated. Use useScroll().provides.onPageChange instead.`,\n        );\n      }\n      return provides?.onPageChange;\n    },\n\n    get onScroll() {\n      if (provides?.onScroll) {\n        console.warn(\n          `Accessing 'onScroll' directly on useScroll() is deprecated. Use useScroll().provides.onScroll instead.`,\n        );\n      }\n      return provides?.onScroll;\n    },\n\n    get onLayoutChange() {\n      if (provides?.onLayoutChange) {\n        console.warn(\n          `Accessing 'onLayoutChange' directly on useScroll() is deprecated. Use useScroll().provides.onLayoutChange instead.`,\n        );\n      }\n      return provides?.onLayoutChange;\n    },\n\n    get getCurrentPage() {\n      if (provides?.getCurrentPage) {\n        console.warn(\n          `Accessing 'getCurrentPage' directly on useScroll() is deprecated. Use useScroll().provides.getCurrentPage instead.`,\n        );\n      }\n      return provides?.getCurrentPage;\n    },\n\n    get getTotalPages() {\n      if (provides?.getTotalPages) {\n        console.warn(\n          `Accessing 'getTotalPages' directly on useScroll() is deprecated. Use useScroll().provides.getTotalPages instead.`,\n        );\n      }\n      return provides?.getTotalPages;\n    },\n  };\n};\n","import { ReactNode, useEffect, useState, HTMLAttributes } from '@framework';\nimport { ScrollStrategy, ScrollerLayout } from '@embedpdf/plugin-scroll';\nimport { useRegistry } from '@embedpdf/core/@framework';\n\nimport { useScrollPlugin } from '../hooks';\nimport { RenderPageProps } from '../types';\n\ntype ScrollerProps = HTMLAttributes<HTMLDivElement> & {\n  renderPage: (props: RenderPageProps) => ReactNode;\n  overlayElements?: ReactNode[];\n};\n\nexport function Scroller({ renderPage, overlayElements, ...props }: ScrollerProps) {\n  const { plugin: scrollPlugin } = useScrollPlugin();\n  const { registry } = useRegistry();\n  const [scrollerLayout, setScrollerLayout] = useState<ScrollerLayout | null>(\n    () => scrollPlugin?.getScrollerLayout() ?? null,\n  );\n\n  useEffect(() => {\n    if (!scrollPlugin) return;\n\n    return scrollPlugin.onScrollerData(setScrollerLayout);\n  }, [scrollPlugin]);\n\n  useEffect(() => {\n    if (!scrollPlugin) return;\n\n    scrollPlugin.setLayoutReady();\n  }, [scrollPlugin]);\n\n  if (!scrollerLayout) return null;\n  if (!registry) return null;\n\n  const coreState = registry.getStore().getState();\n\n  return (\n    <div\n      {...props}\n      style={{\n        width: `${scrollerLayout.totalWidth}px`,\n        height: `${scrollerLayout.totalHeight}px`,\n        position: 'relative',\n        boxSizing: 'border-box',\n        margin: '0 auto',\n        ...(scrollerLayout.strategy === ScrollStrategy.Horizontal && {\n          display: 'flex',\n          flexDirection: 'row',\n        }),\n      }}\n    >\n      <div\n        style={{\n          ...(scrollerLayout.strategy === ScrollStrategy.Horizontal\n            ? {\n                width: scrollerLayout.startSpacing,\n                height: '100%',\n                flexShrink: 0,\n              }\n            : {\n                height: scrollerLayout.startSpacing,\n                width: '100%',\n              }),\n        }}\n      />\n      <div\n        style={{\n          gap: scrollerLayout.pageGap,\n          display: 'flex',\n          alignItems: 'center',\n          position: 'relative',\n          boxSizing: 'border-box',\n          ...(scrollerLayout.strategy === ScrollStrategy.Horizontal\n            ? {\n                flexDirection: 'row',\n                minHeight: '100%',\n              }\n            : {\n                flexDirection: 'column',\n                minWidth: 'fit-content',\n              }),\n        }}\n      >\n        {scrollerLayout.items.map((item) => (\n          <div\n            key={item.pageNumbers[0]}\n            style={{\n              display: 'flex',\n              justifyContent: 'center',\n              gap: scrollerLayout.pageGap,\n            }}\n          >\n            {item.pageLayouts.map((layout) => (\n              <div\n                key={layout.pageNumber}\n                style={{\n                  width: `${layout.rotatedWidth}px`,\n                  height: `${layout.rotatedHeight}px`,\n                }}\n              >\n                {renderPage({\n                  ...layout,\n                  rotation: coreState.core.rotation,\n                  scale: coreState.core.scale,\n                  document: coreState.core.document,\n                })}\n              </div>\n            ))}\n          </div>\n        ))}\n      </div>\n      <div\n        style={{\n          ...(scrollerLayout.strategy === ScrollStrategy.Horizontal\n            ? {\n                width: scrollerLayout.endSpacing,\n                height: '100%',\n                flexShrink: 0,\n              }\n            : {\n                height: scrollerLayout.endSpacing,\n                width: '100%',\n              }),\n        }}\n      />\n      {overlayElements}\n    </div>\n  );\n}\n"],"names":["totalPages"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-scroll.ts","../../src/shared/components/scroller.tsx"],"sourcesContent":["import { useState, useEffect } from '@framework';\nimport { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { ScrollPlugin, ScrollScope } from '@embedpdf/plugin-scroll';\n\nexport const useScrollPlugin = () => usePlugin<ScrollPlugin>(ScrollPlugin.id);\nexport const useScrollCapability = () => useCapability<ScrollPlugin>(ScrollPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseScrollReturn {\n  provides: ScrollScope | null;\n  state: {\n    currentPage: number;\n    totalPages: number;\n  };\n}\n\nexport const useScroll = (documentId: string): UseScrollReturn => {\n  const { provides } = useScrollCapability();\n  const [currentPage, setCurrentPage] = useState(1);\n  const [totalPages, setTotalPages] = useState(1);\n\n  useEffect(() => {\n    if (!provides || !documentId) return;\n\n    const scope = provides.forDocument(documentId);\n    setCurrentPage(scope.getCurrentPage());\n    setTotalPages(scope.getTotalPages());\n\n    return provides.onPageChange((event) => {\n      if (event.documentId === documentId) {\n        setCurrentPage(event.pageNumber);\n        setTotalPages(event.totalPages);\n      }\n    });\n  }, [provides, documentId]);\n\n  return {\n    // New format (preferred)\n    provides: provides?.forDocument(documentId) ?? null,\n    state: {\n      currentPage,\n      totalPages,\n    },\n  };\n};\n","import { ReactNode, useEffect, useState, HTMLAttributes, useLayoutEffect } from '@framework';\nimport { ScrollStrategy, ScrollerLayout, PageLayout } from '@embedpdf/plugin-scroll';\n\nimport { useScrollPlugin } from '../hooks';\n\ntype ScrollerProps = HTMLAttributes<HTMLDivElement> & {\n  documentId: string;\n  renderPage: (props: PageLayout) => ReactNode;\n};\n\nexport function Scroller({ documentId, renderPage, ...props }: ScrollerProps) {\n  const { plugin: scrollPlugin } = useScrollPlugin();\n  const [layoutData, setLayoutData] = useState<{\n    layout: ScrollerLayout | null;\n    docId: string | null;\n  }>({ layout: null, docId: null });\n\n  useEffect(() => {\n    if (!scrollPlugin || !documentId) return;\n\n    // When we get new data, store it along with the current documentId\n    const unsubscribe = scrollPlugin.onScrollerData(documentId, (newLayout) => {\n      setLayoutData({ layout: newLayout, docId: documentId });\n    });\n\n    // When the component unmounts or documentId changes, clear the state\n    return () => {\n      unsubscribe();\n      setLayoutData({ layout: null, docId: null });\n      scrollPlugin.clearLayoutReady(documentId);\n    };\n  }, [scrollPlugin, documentId]);\n\n  const scrollerLayout = layoutData.docId === documentId ? layoutData.layout : null;\n\n  useLayoutEffect(() => {\n    if (!scrollPlugin || !documentId || !scrollerLayout) return;\n\n    scrollPlugin.setLayoutReady(documentId);\n  }, [scrollPlugin, documentId, scrollerLayout]);\n\n  if (!scrollerLayout) return null;\n\n  return (\n    <div\n      {...props}\n      style={{\n        width: `${scrollerLayout.totalWidth}px`,\n        height: `${scrollerLayout.totalHeight}px`,\n        position: 'relative',\n        boxSizing: 'border-box',\n        margin: '0 auto',\n        ...(scrollerLayout.strategy === ScrollStrategy.Horizontal && {\n          display: 'flex',\n          flexDirection: 'row',\n        }),\n      }}\n    >\n      <div\n        style={{\n          ...(scrollerLayout.strategy === ScrollStrategy.Horizontal\n            ? {\n                width: scrollerLayout.startSpacing,\n                height: '100%',\n                flexShrink: 0,\n              }\n            : {\n                height: scrollerLayout.startSpacing,\n                width: '100%',\n              }),\n        }}\n      />\n      <div\n        style={{\n          gap: scrollerLayout.pageGap,\n          display: 'flex',\n          alignItems: 'center',\n          position: 'relative',\n          boxSizing: 'border-box',\n          ...(scrollerLayout.strategy === ScrollStrategy.Horizontal\n            ? {\n                flexDirection: 'row',\n                minHeight: '100%',\n              }\n            : {\n                flexDirection: 'column',\n                minWidth: 'fit-content',\n              }),\n        }}\n      >\n        {scrollerLayout.items.map((item) => (\n          <div\n            key={item.pageNumbers[0]}\n            style={{\n              display: 'flex',\n              justifyContent: 'center',\n              gap: scrollerLayout.pageGap,\n            }}\n          >\n            {item.pageLayouts.map((layout) => (\n              <div\n                key={layout.pageNumber}\n                style={{\n                  width: `${layout.rotatedWidth}px`,\n                  height: `${layout.rotatedHeight}px`,\n                }}\n              >\n                {renderPage({\n                  ...layout,\n                })}\n              </div>\n            ))}\n          </div>\n        ))}\n      </div>\n      <div\n        style={{\n          ...(scrollerLayout.strategy === ScrollStrategy.Horizontal\n            ? {\n                width: scrollerLayout.endSpacing,\n                height: '100%',\n                flexShrink: 0,\n              }\n            : {\n                height: scrollerLayout.endSpacing,\n                width: '100%',\n              }),\n        }}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/shared/components/scroller.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode, HTMLAttributes } from '../../react/adapter.ts';
-import { RenderPageProps } from '../types';
+import { PageLayout } from '../../index.ts';
 type ScrollerProps = HTMLAttributes<HTMLDivElement> & {
-    renderPage: (props: RenderPageProps) => ReactNode;
-    overlayElements?: ReactNode[];
+    documentId: string;
+    renderPage: (props: PageLayout) => ReactNode;
 };
-export declare function Scroller({ renderPage, overlayElements, ...props }: ScrollerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Scroller({ documentId, renderPage, ...props }: ScrollerProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/shared/hooks/use-scroll.d.ts

@@ -1,31 +1,20 @@
-import { ScrollCapability, ScrollPlugin } from '../../index.ts';
+import { ScrollPlugin, ScrollScope } from '../../index.ts';
 export declare const useScrollPlugin: () => {
     plugin: ScrollPlugin | null;
     isLoading: boolean;
     ready: Promise<void>;
 };
 export declare const useScrollCapability: () => {
-    provides: Readonly<ScrollCapability> | null;
+    provides: Readonly<import('../../index.ts').ScrollCapability> | null;
     isLoading: boolean;
     ready: Promise<void>;
 };
 interface UseScrollReturn {
-    provides: ScrollCapability | null;
+    provides: ScrollScope | null;
     state: {
         currentPage: number;
         totalPages: number;
     };
-    readonly currentPage: number;
-    readonly totalPages: number;
-    readonly scrollToPage: ScrollCapability['scrollToPage'] | undefined;
-    readonly scrollToNextPage: ScrollCapability['scrollToNextPage'] | undefined;
-    readonly scrollToPreviousPage: ScrollCapability['scrollToPreviousPage'] | undefined;
-    readonly getMetrics: ScrollCapability['getMetrics'] | undefined;
-    readonly onPageChange: ScrollCapability['onPageChange'] | undefined;
-    readonly onScroll: ScrollCapability['onScroll'] | undefined;
-    readonly onLayoutChange: ScrollCapability['onLayoutChange'] | undefined;
-    readonly getCurrentPage: ScrollCapability['getCurrentPage'] | undefined;
-    readonly getTotalPages: ScrollCapability['getTotalPages'] | undefined;
 }
-export declare const useScroll: () => UseScrollReturn;
+export declare const useScroll: (documentId: string) => UseScrollReturn;
 export {};

package/dist/shared-preact/components/scroller.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode, HTMLAttributes } from '../../preact/adapter.ts';
-import { RenderPageProps } from '../types';
+import { PageLayout } from '../../lib/index.ts';
 type ScrollerProps = HTMLAttributes<HTMLDivElement> & {
-    renderPage: (props: RenderPageProps) => ReactNode;
-    overlayElements?: ReactNode[];
+    documentId: string;
+    renderPage: (props: PageLayout) => ReactNode;
 };
-export declare function Scroller({ renderPage, overlayElements, ...props }: ScrollerProps): import("preact").JSX.Element | null;
+export declare function Scroller({ documentId, renderPage, ...props }: ScrollerProps): import("preact").JSX.Element | null;
 export {};

package/dist/shared-preact/hooks/use-scroll.d.ts

@@ -1,31 +1,20 @@
-import { ScrollCapability, ScrollPlugin } from '../../lib/index.ts';
+import { ScrollPlugin, ScrollScope } from '../../lib/index.ts';
 export declare const useScrollPlugin: () => {
     plugin: ScrollPlugin | null;
     isLoading: boolean;
     ready: Promise<void>;
 };
 export declare const useScrollCapability: () => {
-    provides: Readonly<ScrollCapability> | null;
+    provides: Readonly<import('../../lib/index.ts').ScrollCapability> | null;
     isLoading: boolean;
     ready: Promise<void>;
 };
 interface UseScrollReturn {
-    provides: ScrollCapability | null;
+    provides: ScrollScope | null;
     state: {
         currentPage: number;
         totalPages: number;
     };
-    readonly currentPage: number;
-    readonly totalPages: number;
-    readonly scrollToPage: ScrollCapability['scrollToPage'] | undefined;
-    readonly scrollToNextPage: ScrollCapability['scrollToNextPage'] | undefined;
-    readonly scrollToPreviousPage: ScrollCapability['scrollToPreviousPage'] | undefined;
-    readonly getMetrics: ScrollCapability['getMetrics'] | undefined;
-    readonly onPageChange: ScrollCapability['onPageChange'] | undefined;
-    readonly onScroll: ScrollCapability['onScroll'] | undefined;
-    readonly onLayoutChange: ScrollCapability['onLayoutChange'] | undefined;
-    readonly getCurrentPage: ScrollCapability['getCurrentPage'] | undefined;
-    readonly getTotalPages: ScrollCapability['getTotalPages'] | undefined;
 }
-export declare const useScroll: () => UseScrollReturn;
+export declare const useScroll: (documentId: string) => UseScrollReturn;
 export {};

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

@@ -1,8 +1,8 @@
 import { ReactNode, HTMLAttributes } from '../../react/adapter.ts';
-import { RenderPageProps } from '../types';
+import { PageLayout } from '../../lib/index.ts';
 type ScrollerProps = HTMLAttributes<HTMLDivElement> & {
-    renderPage: (props: RenderPageProps) => ReactNode;
-    overlayElements?: ReactNode[];
+    documentId: string;
+    renderPage: (props: PageLayout) => ReactNode;
 };
-export declare function Scroller({ renderPage, overlayElements, ...props }: ScrollerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Scroller({ documentId, renderPage, ...props }: ScrollerProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/shared-react/hooks/use-scroll.d.ts

@@ -1,31 +1,20 @@
-import { ScrollCapability, ScrollPlugin } from '../../lib/index.ts';
+import { ScrollPlugin, ScrollScope } from '../../lib/index.ts';
 export declare const useScrollPlugin: () => {
     plugin: ScrollPlugin | null;
     isLoading: boolean;
     ready: Promise<void>;
 };
 export declare const useScrollCapability: () => {
-    provides: Readonly<ScrollCapability> | null;
+    provides: Readonly<import('../../lib/index.ts').ScrollCapability> | null;
     isLoading: boolean;
     ready: Promise<void>;
 };
 interface UseScrollReturn {
-    provides: ScrollCapability | null;
+    provides: ScrollScope | null;
     state: {
         currentPage: number;
         totalPages: number;
     };
-    readonly currentPage: number;
-    readonly totalPages: number;
-    readonly scrollToPage: ScrollCapability['scrollToPage'] | undefined;
-    readonly scrollToNextPage: ScrollCapability['scrollToNextPage'] | undefined;
-    readonly scrollToPreviousPage: ScrollCapability['scrollToPreviousPage'] | undefined;
-    readonly getMetrics: ScrollCapability['getMetrics'] | undefined;
-    readonly onPageChange: ScrollCapability['onPageChange'] | undefined;
-    readonly onScroll: ScrollCapability['onScroll'] | undefined;
-    readonly onLayoutChange: ScrollCapability['onLayoutChange'] | undefined;
-    readonly getCurrentPage: ScrollCapability['getCurrentPage'] | undefined;
-    readonly getTotalPages: ScrollCapability['getTotalPages'] | undefined;
 }
-export declare const useScroll: () => UseScrollReturn;
+export declare const useScroll: (documentId: string) => UseScrollReturn;
 export {};

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

@@ -1,9 +1,9 @@
-import { HTMLAttributes } from 'svelte/elements';
-import { RenderPageProps } from '../../shared-svelte/types';
 import { Snippet } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
+import { PageLayout } from '../../lib/index.ts';
 type ScrollerProps = HTMLAttributes<HTMLDivElement> & {
-    RenderPageSnippet: Snippet<RenderPageProps>;
-    overlayElements?: Snippet[];
+    documentId: string;
+    renderPage: Snippet<[PageLayout]>;
 };
 declare const Scroller: import('svelte', { with: { "resolution-mode": "import" } }).Component<ScrollerProps, {}, "">;
 type Scroller = ReturnType<typeof Scroller>;

package/dist/svelte/hooks/use-scroll.svelte.d.ts

@@ -1,18 +1,24 @@
-import { ScrollCapability, ScrollPlugin } from '../../lib/index.ts';
+import { ScrollPlugin, ScrollScope } from '../../lib/index.ts';
 export declare const useScrollPlugin: () => {
     plugin: ScrollPlugin | null;
     isLoading: boolean;
     ready: Promise<void>;
 };
 export declare const useScrollCapability: () => {
-    provides: Readonly<ScrollCapability> | null;
+    provides: Readonly<import('../../lib/index.ts').ScrollCapability> | null;
     isLoading: boolean;
     ready: Promise<void>;
 };
-export declare const useScroll: () => {
-    readonly provides: Readonly<ScrollCapability> | null;
+interface UseScrollReturn {
+    provides: ScrollScope | null;
     state: {
         currentPage: number;
         totalPages: number;
     };
-};
+}
+/**
+ * Hook for scroll state for a specific document
+ * @param documentId Document ID.
+ */
+export declare const useScroll: (getDocumentId: () => string | null) => UseScrollReturn;
+export {};

package/dist/svelte/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("svelte/internal/disclose-version");const e=require("svelte/internal/client"),t=require("@embedpdf/plugin-scroll"),r=require("@embedpdf/core/svelte");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const i=l(e),a=()=>r.usePlugin(t.ScrollPlugin.id),o=()=>r.useCapability(t.ScrollPlugin.id);var n=i.from_html("<div><!></div>"),s=i.from_html("<div></div>"),g=i.from_html("<div><div></div> <div></div> <div></div> <!></div>");exports.Scroller=function(e,l){i.push(l,!0);const o=a(),p=r.useCoreState();let c=i.derived((()=>{var e;return(null==(e=o.plugin)?void 0:e.getScrollerLayout())??null})),d=i.rest_props(l,["$$slots","$$events","$$legacy","RenderPageSnippet","overlayElements"]);i.user_effect((()=>{if(o.plugin)return o.plugin.onScrollerData((e=>i.set(c,e)))})),i.user_effect((()=>{o.plugin&&o.plugin.setLayoutReady()}));var u=i.comment(),f=i.first_child(u),y=e=>{var r=g();i.attribute_effect(r,(e=>({...d,[i.STYLE]:e})),[()=>({width:`${i.get(c).totalWidth}px`,height:`${i.get(c).totalHeight}px`,position:"relative","box-sizing":"border-box",margin:"0 auto",display:i.get(c).strategy===t.ScrollStrategy.Horizontal?"flex":null,"flex-direction":i.get(c).strategy===t.ScrollStrategy.Horizontal?"row":null})]);var a=i.child(r);let o;var u=i.sibling(a,2);let f;i.each(u,21,(()=>i.get(c).items),(e=>e.pageNumbers[0]),((e,t)=>{var r=s();let a;i.each(r,21,(()=>i.get(t).pageLayouts),(e=>e.pageNumber),((e,t)=>{var r=n();let a;var o=i.child(r);{let e=i.derived((()=>({...i.get(t),rotation:p.coreState.rotation,scale:p.coreState.scale,document:p.coreState.document})));i.snippet(o,(()=>l.RenderPageSnippet??i.noop),(()=>i.get(e)))}i.reset(r),i.template_effect((e=>a=i.set_style(r,"",a,e)),[()=>({width:`${i.get(t).rotatedWidth}px`,height:`${i.get(t).rotatedHeight}px`})]),i.append(e,r)})),i.reset(r),i.template_effect((e=>a=i.set_style(r,"",a,e)),[()=>({display:"flex","justify-content":"center",gap:`${i.get(c).pageGap}px`})]),i.append(e,r)})),i.reset(u);var y=i.sibling(u,2);let v;var S=i.sibling(y,2),h=e=>{var t=i.comment(),r=i.first_child(t);i.each(r,17,(()=>l.overlayElements),i.index,((e,t)=>{var r=i.comment(),l=i.first_child(r);i.snippet(l,(()=>i.get(t)??i.noop)),i.append(e,r)})),i.append(e,t)};i.if(S,(e=>{l.overlayElements&&l.overlayElements.length>0&&e(h)})),i.reset(r),i.template_effect(((e,t,r)=>{o=i.set_style(a,"",o,e),f=i.set_style(u,"",f,t),v=i.set_style(y,"",v,r)}),[()=>({width:i.get(c).strategy===t.ScrollStrategy.Horizontal?`${i.get(c).startSpacing}px`:"100%",height:i.get(c).strategy===t.ScrollStrategy.Horizontal?"100%":`${i.get(c).startSpacing}px`,"flex-shrink":"0"}),()=>({gap:`${i.get(c).pageGap}px`,display:"flex","align-items":"center",position:"relative","box-sizing":"border-box","flex-direction":i.get(c).strategy===t.ScrollStrategy.Horizontal?"row":"column","min-width":i.get(c).strategy===t.ScrollStrategy.Horizontal?"100%":"fit-content"}),()=>({width:i.get(c).strategy===t.ScrollStrategy.Horizontal?`${i.get(c).endSpacing}px`:"100%",height:i.get(c).strategy===t.ScrollStrategy.Horizontal?"100%":`${i.get(c).endSpacing}px`,"flex-shrink":"0"})]),i.append(e,r)};i.if(f,(e=>{i.get(c)&&p.coreState&&e(y)})),i.append(e,u),i.pop()},exports.useScroll=()=>{const e=o(),t=i.proxy({get provides(){return e.provides},state:{currentPage:1,totalPages:1}});return i.user_effect((()=>{if(e.provides)return e.provides.onPageChange((({pageNumber:e,totalPages:r})=>{t.state.currentPage=e,t.state.totalPages=r}))})),t},exports.useScrollCapability=o,exports.useScrollPlugin=a,Object.keys(t).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})}));
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("svelte/internal/disclose-version");const e=require("svelte/internal/client"),t=require("@embedpdf/core/svelte"),r=require("@embedpdf/plugin-scroll");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const l=o(e),a=()=>t.usePlugin(r.ScrollPlugin.id),i=()=>t.useCapability(r.ScrollPlugin.id);var n=l.from_html("<div><!></div>"),g=l.from_html("<div></div>"),s=l.from_html("<div><div></div> <div></div> <div></div></div>");exports.Scroller=function(e,t){l.push(t,!0);let o=l.rest_props(t,["$$slots","$$events","$$legacy","documentId","renderPage"]);const{plugin:i}=a();let d=l.state(l.proxy({layout:null,docId:null}));l.user_effect(()=>{if(!i||!t.documentId)return void l.set(d,{layout:null,docId:null},!0);const e=i.onScrollerData(t.documentId,e=>{l.set(d,{layout:e,docId:t.documentId},!0)});return()=>{e(),l.set(d,{layout:null,docId:null},!0),i.clearLayoutReady(t.documentId)}});const c=l.derived(()=>l.get(d).docId===t.documentId?l.get(d).layout:null);l.user_pre_effect(()=>{i&&t.documentId&&l.get(c)&&i.setLayoutReady(t.documentId)});var u=l.comment(),p=l.first_child(u),y=e=>{var a=s();l.attribute_effect(a,()=>({...o,[l.STYLE]:{width:`${l.get(c).totalWidth}px`,height:`${l.get(c).totalHeight}px`,position:"relative","box-sizing":"border-box",margin:"0 auto",display:l.get(c).strategy===r.ScrollStrategy.Horizontal?"flex":void 0,"flex-direction":l.get(c).strategy===r.ScrollStrategy.Horizontal?"row":void 0}}));var i=l.child(a);let d;var u=l.sibling(i,2);let p;l.each(u,21,()=>l.get(c).items,e=>e.pageNumbers[0],(e,r)=>{var o=g();let a;l.each(o,21,()=>l.get(r).pageLayouts,e=>e.pageNumber,(e,r)=>{var o=n();let a;var i=l.child(o);l.snippet(i,()=>t.renderPage,()=>l.get(r)),l.reset(o),l.template_effect(()=>a=l.set_style(o,"",a,{width:`${l.get(r).rotatedWidth}px`,height:`${l.get(r).rotatedHeight}px`})),l.append(e,o)}),l.reset(o),l.template_effect(()=>a=l.set_style(o,"",a,{display:"flex","justify-content":"center",gap:`${l.get(c).pageGap}px`})),l.append(e,o)}),l.reset(u);var y=l.sibling(u,2);let f;l.reset(a),l.template_effect(()=>{d=l.set_style(i,"",d,{width:l.get(c).strategy===r.ScrollStrategy.Horizontal?`${l.get(c).startSpacing}px`:"100%",height:l.get(c).strategy===r.ScrollStrategy.Horizontal?"100%":`${l.get(c).startSpacing}px`,"flex-shrink":l.get(c).strategy===r.ScrollStrategy.Horizontal?"0":void 0}),p=l.set_style(u,"",p,{gap:`${l.get(c).pageGap}px`,display:"flex","align-items":"center",position:"relative","box-sizing":"border-box","flex-direction":l.get(c).strategy===r.ScrollStrategy.Horizontal?"row":"column","min-height":l.get(c).strategy===r.ScrollStrategy.Horizontal?"100%":void 0,"min-width":l.get(c).strategy===r.ScrollStrategy.Horizontal?void 0:"fit-content"}),f=l.set_style(y,"",f,{width:l.get(c).strategy===r.ScrollStrategy.Horizontal?`${l.get(c).endSpacing}px`:"100%",height:l.get(c).strategy===r.ScrollStrategy.Horizontal?"100%":`${l.get(c).endSpacing}px`,"flex-shrink":l.get(c).strategy===r.ScrollStrategy.Horizontal?"0":void 0})}),l.append(e,a)};l.if(p,e=>{l.get(c)&&e(y)}),l.append(e,u),l.pop()},exports.useScroll=e=>{const t=i();let r=l.proxy({currentPage:1,totalPages:1});const o=l.derived(e),a=l.derived(()=>t.provides&&l.get(o)?t.provides.forDocument(l.get(o)):null);return l.user_effect(()=>{const e=t.provides,a=l.get(o);if(!e||!a)return r.currentPage=1,void(r.totalPages=1);const i=e.forDocument(a);return r.currentPage=i.getCurrentPage(),r.totalPages=i.getTotalPages(),e.onPageChange(e=>{e.documentId===a&&(r.currentPage=e.pageNumber,r.totalPages=e.totalPages)})}),{get provides(){return l.get(a)},get state(){return r}}},exports.useScrollCapability=i,exports.useScrollPlugin=a,Object.keys(r).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>r[e]})});
 //# sourceMappingURL=index.cjs.map

package/dist/svelte/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-scroll.svelte.ts","../../src/svelte/components/Scroller.svelte"],"sourcesContent":["import { ScrollCapability, ScrollPlugin } from '@embedpdf/plugin-scroll';\nimport { useCapability, usePlugin } from '@embedpdf/core/svelte';\n\nexport const useScrollPlugin = () => usePlugin<ScrollPlugin>(ScrollPlugin.id);\nexport const useScrollCapability = () => useCapability<ScrollPlugin>(ScrollPlugin.id);\n\nexport const useScroll = () => {\n  const capability = useScrollCapability();\n\n  const state = $state({\n    get provides() {\n      return capability.provides;\n    },\n    state: {\n      currentPage: 1,\n      totalPages: 1,\n    },\n  });\n\n  $effect(() => {\n    if (!capability.provides) return;\n    return capability.provides.onPageChange(({ pageNumber, totalPages }) => {\n      state.state.currentPage = pageNumber;\n      state.state.totalPages = totalPages;\n    });\n  });\n\n  return state;\n};\n","<script lang=\"ts\">\n  import { useScrollPlugin } from '../hooks';\n  import type { HTMLAttributes } from 'svelte/elements';\n  import { type ScrollerLayout, ScrollStrategy } from '@embedpdf/plugin-scroll';\n  import { useCoreState } from '@embedpdf/core/svelte';\n  import { type RenderPageProps } from '../../shared/types';\n  import { type Snippet } from 'svelte';\n\n  type ScrollerProps = HTMLAttributes<HTMLDivElement> & {\n    RenderPageSnippet: Snippet<RenderPageProps>;\n    overlayElements?: Snippet[];\n  };\n\n  const scrollPlugin = useScrollPlugin();\n  const core = useCoreState();\n  let scrollerLayout = $derived<ScrollerLayout | null>(\n    scrollPlugin.plugin?.getScrollerLayout() ?? null,\n  );\n\n  let { RenderPageSnippet, overlayElements, ...restProps }: ScrollerProps = $props();\n\n  $effect(() => {\n    if (!scrollPlugin.plugin) return;\n    return scrollPlugin.plugin.onScrollerData((layout) => (scrollerLayout = layout));\n  });\n\n  $effect(() => {\n    if (!scrollPlugin.plugin) return;\n    scrollPlugin.plugin.setLayoutReady();\n  });\n</script>\n\n{#if scrollerLayout && core.coreState}\n  <div\n    {...restProps}\n    style:width={`${scrollerLayout.totalWidth}px`}\n    style:height={`${scrollerLayout.totalHeight}px`}\n    style:position=\"relative\"\n    style:box-sizing=\"border-box\"\n    style:margin=\"0 auto\"\n    style:display={scrollerLayout.strategy === ScrollStrategy.Horizontal ? 'flex' : null}\n    style:flex-direction={scrollerLayout.strategy === ScrollStrategy.Horizontal ? 'row' : null}\n  >\n    <div\n      style:width={scrollerLayout.strategy === ScrollStrategy.Horizontal\n        ? `${scrollerLayout.startSpacing}px`\n        : '100%'}\n      style:height={scrollerLayout.strategy === ScrollStrategy.Horizontal\n        ? '100%'\n        : `${scrollerLayout.startSpacing}px`}\n      style:flex-shrink=\"0\"\n    ></div>\n    <div\n      style:gap={`${scrollerLayout.pageGap}px`}\n      style:display=\"flex\"\n      style:align-items=\"center\"\n      style:position=\"relative\"\n      style:box-sizing=\"border-box\"\n      style:flex-direction={scrollerLayout.strategy === ScrollStrategy.Horizontal\n        ? 'row'\n        : 'column'}\n      style:min-width={scrollerLayout.strategy === ScrollStrategy.Horizontal\n        ? '100%'\n        : 'fit-content'}\n    >\n      {#each scrollerLayout.items as item (item.pageNumbers[0])}\n        <div\n          style:display=\"flex\"\n          style:justify-content=\"center\"\n          style:gap={`${scrollerLayout.pageGap}px`}\n        >\n          {#each item.pageLayouts as layout (layout.pageNumber)}\n            <div\n              style:width={`${layout.rotatedWidth}px`}\n              style:height={`${layout.rotatedHeight}px`}\n            >\n              {@render RenderPageSnippet?.({\n                ...layout,\n                rotation: core.coreState.rotation,\n                scale: core.coreState.scale,\n                document: core.coreState.document,\n              })}\n            </div>\n          {/each}\n        </div>\n      {/each}\n    </div>\n    <div\n      style:width={scrollerLayout.strategy === ScrollStrategy.Horizontal\n        ? `${scrollerLayout.endSpacing}px`\n        : '100%'}\n      style:height={scrollerLayout.strategy === ScrollStrategy.Horizontal\n        ? '100%'\n        : `${scrollerLayout.endSpacing}px`}\n      style:flex-shrink=\"0\"\n    ></div>\n    {#if overlayElements && overlayElements.length > 0}\n      {#each overlayElements as OverLay}\n        {@render OverLay?.()}\n      {/each}\n    {/if}\n  </div>\n{/if}\n"],"names":["useScrollPlugin","usePlugin","ScrollPlugin","id","useScrollCapability","useCapability","scrollPlugin","core","useCoreState","scrollerLayout","_a","plugin","getScrollerLayout","restProps","$","rest_props","$$props","user_effect","onScrollerData","layout","set","setLayoutReady","STYLE","$0","width","get","totalWidth","height","totalHeight","strategy","ScrollStrategy","Horizontal","items","item","pageNumbers","$$anchor","pageLayouts","pageNumber","rotation","coreState","scale","document","rotatedWidth","rotatedHeight","gap","pageGap","OverLay","noop","overlayElements","length","consequent","startSpacing","endSpacing","consequent_1","capability","state","provides","currentPage","totalPages","onPageChange"],"mappings":"sgBAGaA,EAAwB,IAAAC,YAAwBC,EAAAA,aAAaC,IAC7DC,EAA4B,IAAAC,gBAA4BH,EAAAA,aAAaC,qLCS1E,MAAAG,EAAeN,IACfO,EAAOC,EAAAA,eACT,IAAAC,wBACW,OAAb,OAAaC,EAAAJ,EAAAK,iBAAQC,sBAAuB,IAAA,IAGDC,EAASC,EAAAC,WAAAC,EAAA,yEAEtDF,EAAAG,aAAc,KACP,GAAAX,EAAaK,OACX,OAAAL,EAAaK,OAAOO,gBAAgBC,GAAML,EAAAM,IAAMX,EAAiBU,IAAM,IAGhFL,EAAAG,aAAc,KACPX,EAAaK,QAClBL,EAAaK,OAAOU,gBAAc,uFAM9BR,EAAS,CAAAC,EAAAQ,OAAAC,KAAA,OACGC,MAAA,GAAAV,EAAAW,IAAAhB,GAAeiB,eACdC,OAAA,GAAAb,EAAAW,IAAAhB,GAAemB,4FAIjBnB,GAAeoB,WAAaC,EAAcA,eAACC,WAAa,OAAS,4BAC1DtB,GAAeoB,WAAaC,EAAcA,eAACC,WAAa,MAAQ,kFAwB7EtB,GAAeuB,QAASC,GAAMA,EAAKC,YAAY,KAAC,CAAAC,EAAxBF,4CAMpBA,GAAKG,cAAejB,GAAQA,EAAOkB,aAAU,CAAAF,EAAzBhB,uEAMlBA,GACHmB,SAAU/B,EAAKgC,UAAUD,SACzBE,MAAOjC,EAAKgC,UAAUC,MACtBC,SAAUlC,EAAKgC,UAAUE,4IAPXjB,MAAA,GAAAV,EAAAW,IAAAN,GAAOuB,iBACNf,OAAA,GAAAb,EAAAW,IAAAN,GAAOwB,kJALdC,IAAA,GAAA9B,EAAAW,IAAAhB,GAAeoC,uLA4BPC,iEACfA,IAAOhC,EAAAiC,mDAFoB/B,EAAAgC,iBAAAhC,EAAAgC,gBAAAC,OAAS,KAACC,EAAA,yIApDnCzC,GAAeoB,WAAaC,EAAAA,eAAeC,WAAS,GAAAjB,EAAAW,IAC1DhB,GAAe0C,iBAClB,oBACU1C,GAAeoB,WAAaC,EAAAA,eAAeC,WACrD,OAAK,GAAAjB,EAAAW,IACFhB,GAAe0C,2CAIRP,IAAA,GAAA9B,EAAAW,IAAAhB,GAAeoC,uHAKPpC,GAAeoB,WAAaC,EAAcA,eAACC,WAC7D,MACA,2BACatB,GAAeoB,WAAaC,EAAcA,eAACC,WACxD,OACA,kCAyBStB,GAAeoB,WAAaC,EAAAA,eAAeC,WAAS,GAAAjB,EAAAW,IAC1DhB,GAAe2C,eAClB,oBACU3C,GAAeoB,WAAaC,EAAAA,eAAeC,WACrD,OAAK,GAAAjB,EAAAW,IACFhB,GAAe2C,sEA7DvB3C,IAAkBF,EAAKgC,aAASc,EAAA,yBAFrC,yBDvBQ,MAAAC,EAAalD,IAEbmD,WACA,YAAAC,GACK,OAAAF,EAAWE,QACpB,EACAD,OACEE,YAAa,EACbC,WAAY,KAYT,OARP5C,EAAAG,kBACO,GAAAqC,EAAWE,gBACTF,EAAWE,SAASG,gBAAgBtB,aAAYqB,iBACrDH,EAAMA,MAAME,YAAcpB,EAC1BkB,EAAMA,MAAMG,WAAaA,CAAA,GAC1B,IAGIH,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-scroll.svelte.ts","../../src/svelte/components/Scroller.svelte"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { ScrollPlugin, ScrollScope } from '@embedpdf/plugin-scroll';\n\nexport const useScrollPlugin = () => usePlugin<ScrollPlugin>(ScrollPlugin.id);\nexport const useScrollCapability = () => useCapability<ScrollPlugin>(ScrollPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseScrollReturn {\n  provides: ScrollScope | null;\n  state: {\n    currentPage: number;\n    totalPages: number;\n  };\n}\n\n/**\n * Hook for scroll state for a specific document\n * @param documentId Document ID.\n */\nexport const useScroll = (getDocumentId: () => string | null): UseScrollReturn => {\n  const capability = useScrollCapability();\n\n  let state = $state({\n    currentPage: 1,\n    totalPages: 1,\n  });\n\n  // Reactive documentId\n  const documentId = $derived(getDocumentId());\n\n  // Scoped capability for current docId\n  const scopedProvides = $derived(\n    capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n  );\n\n  $effect(() => {\n    const provides = capability.provides;\n    const docId = documentId;\n\n    if (!provides || !docId) {\n      state.currentPage = 1;\n      state.totalPages = 1;\n      return;\n    }\n\n    const scope = provides.forDocument(docId);\n\n    // Initial values\n    state.currentPage = scope.getCurrentPage();\n    state.totalPages = scope.getTotalPages();\n\n    // Subscribe to page changes for THIS docId\n    return provides.onPageChange((event) => {\n      if (event.documentId === docId) {\n        state.currentPage = event.pageNumber;\n        state.totalPages = event.totalPages;\n      }\n    });\n  });\n\n  return {\n    get provides() {\n      return scopedProvides;\n    },\n    get state() {\n      return state;\n    },\n  };\n};\n","<script lang=\"ts\">\n  import type { Snippet } from 'svelte';\n  import type { HTMLAttributes } from 'svelte/elements';\n  import { useScrollPlugin } from '../hooks';\n  import { type ScrollerLayout, ScrollStrategy } from '@embedpdf/plugin-scroll';\n  import type { PageLayout } from '@embedpdf/plugin-scroll';\n\n  type ScrollerProps = HTMLAttributes<HTMLDivElement> & {\n    documentId: string;\n    renderPage: Snippet<[PageLayout]>;\n  };\n\n  let { documentId, renderPage, ...restProps }: ScrollerProps = $props();\n\n  const { plugin: scrollPlugin } = useScrollPlugin();\n\n  let layoutData = $state<{\n    layout: ScrollerLayout | null;\n    docId: string | null;\n  }>({ layout: null, docId: null });\n\n  $effect(() => {\n    if (!scrollPlugin || !documentId) {\n      layoutData = { layout: null, docId: null };\n      return;\n    }\n\n    // When we get new data, store it along with the current documentId\n    const unsubscribe = scrollPlugin.onScrollerData(documentId, (newLayout) => {\n      layoutData = { layout: newLayout, docId: documentId };\n    });\n\n    // When the effect re-runs or component unmounts, clear the state\n    return () => {\n      unsubscribe();\n      layoutData = { layout: null, docId: null };\n      scrollPlugin.clearLayoutReady(documentId);\n    };\n  });\n\n  // Only use layout if it matches the current documentId (prevents stale data)\n  const scrollerLayout = $derived(layoutData.docId === documentId ? layoutData.layout : null);\n\n  // Call setLayoutReady after layout is rendered (Svelte's equivalent to useLayoutEffect)\n  $effect.pre(() => {\n    if (!scrollPlugin || !documentId || !scrollerLayout) return;\n\n    scrollPlugin.setLayoutReady(documentId);\n  });\n</script>\n\n{#if scrollerLayout}\n  <div\n    {...restProps}\n    style:width={`${scrollerLayout.totalWidth}px`}\n    style:height={`${scrollerLayout.totalHeight}px`}\n    style:position=\"relative\"\n    style:box-sizing=\"border-box\"\n    style:margin=\"0 auto\"\n    style:display={scrollerLayout.strategy === ScrollStrategy.Horizontal ? 'flex' : undefined}\n    style:flex-direction={scrollerLayout.strategy === ScrollStrategy.Horizontal ? 'row' : undefined}\n  >\n    <!-- Leading spacer -->\n    <div\n      style:width={scrollerLayout.strategy === ScrollStrategy.Horizontal\n        ? `${scrollerLayout.startSpacing}px`\n        : '100%'}\n      style:height={scrollerLayout.strategy === ScrollStrategy.Horizontal\n        ? '100%'\n        : `${scrollerLayout.startSpacing}px`}\n      style:flex-shrink={scrollerLayout.strategy === ScrollStrategy.Horizontal ? '0' : undefined}\n    ></div>\n\n    <!-- Page grid -->\n    <div\n      style:gap={`${scrollerLayout.pageGap}px`}\n      style:display=\"flex\"\n      style:align-items=\"center\"\n      style:position=\"relative\"\n      style:box-sizing=\"border-box\"\n      style:flex-direction={scrollerLayout.strategy === ScrollStrategy.Horizontal\n        ? 'row'\n        : 'column'}\n      style:min-height={scrollerLayout.strategy === ScrollStrategy.Horizontal ? '100%' : undefined}\n      style:min-width={scrollerLayout.strategy === ScrollStrategy.Horizontal\n        ? undefined\n        : 'fit-content'}\n    >\n      {#each scrollerLayout.items as item (item.pageNumbers[0])}\n        <div\n          style:display=\"flex\"\n          style:justify-content=\"center\"\n          style:gap={`${scrollerLayout.pageGap}px`}\n        >\n          {#each item.pageLayouts as layout (layout.pageNumber)}\n            <div\n              style:width={`${layout.rotatedWidth}px`}\n              style:height={`${layout.rotatedHeight}px`}\n            >\n              {@render renderPage(layout)}\n            </div>\n          {/each}\n        </div>\n      {/each}\n    </div>\n\n    <!-- Trailing spacer -->\n    <div\n      style:width={scrollerLayout.strategy === ScrollStrategy.Horizontal\n        ? `${scrollerLayout.endSpacing}px`\n        : '100%'}\n      style:height={scrollerLayout.strategy === ScrollStrategy.Horizontal\n        ? '100%'\n        : `${scrollerLayout.endSpacing}px`}\n      style:flex-shrink={scrollerLayout.strategy === ScrollStrategy.Horizontal ? '0' : undefined}\n    ></div>\n  </div>\n{/if}\n"],"names":["useScrollPlugin","usePlugin","ScrollPlugin","id","useScrollCapability","useCapability","restProps","$","rest_props","$$props","plugin","scrollPlugin","layoutData","layout","docId","user_effect","documentId","set","unsubscribe","onScrollerData","newLayout","clearLayoutReady","scrollerLayout","derived","get","user_pre_effect","setLayoutReady","width","totalWidth","height","totalHeight","strategy","ScrollStrategy","Horizontal","items","item","pageNumbers","$$anchor","pageLayouts","pageNumber","rotatedWidth","rotatedHeight","gap","pageGap","startSpacing","endSpacing","consequent","getDocumentId","capability","state","currentPage","totalPages","scopedProvides","provides","forDocument","scope","getCurrentPage","getTotalPages","onPageChange","event"],"mappings":"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"}