@embedpdf/plugin-scroll 1.4.0 → 1.5.0

package/dist/preact/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","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, PageLayout } from '@embedpdf/plugin-scroll';\nimport { useRegistry } from '@embedpdf/core/@framework';\nimport { PdfDocumentObject, Rotation } from '@embedpdf/models';\n\nimport { useScrollPlugin } from '../hooks';\n\nexport interface RenderPageProps extends PageLayout {\n  rotation: Rotation;\n  scale: number;\n  document: PdfDocumentObject | null;\n}\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":["useScrollPlugin","usePlugin","ScrollPlugin","id","useScrollCapability","useCapability","renderPage","overlayElements","props","plugin","scrollPlugin","registry","useRegistry","scrollerLayout","setScrollerLayout","useState","getScrollerLayout","useEffect","onScrollerData","setLayoutReady","coreState","getStore","getState","jsxRuntime","jsxs","style","width","totalWidth","height","totalHeight","position","boxSizing","margin","strategy","ScrollStrategy","Horizontal","display","flexDirection","children","jsx","startSpacing","flexShrink","gap","pageGap","alignItems","minHeight","minWidth","items","map","item","justifyContent","pageLayouts","layout","rotatedWidth","rotatedHeight","rotation","core","scale","document","pageNumber","pageNumbers","endSpacing","provides","currentPage","setCurrentPage","totalPages","setTotalPages","onPageChange","state","console","warn","scrollToPage","scrollToNextPage","scrollToPreviousPage","getMetrics","onScroll","onLayoutChange","getCurrentPage","getTotalPages"],"mappings":"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"}
+{"version":3,"file":"index.cjs","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":["useScrollPlugin","usePlugin","ScrollPlugin","id","useScrollCapability","useCapability","renderPage","overlayElements","props","plugin","scrollPlugin","registry","useRegistry","scrollerLayout","setScrollerLayout","useState","getScrollerLayout","useEffect","onScrollerData","setLayoutReady","coreState","getStore","getState","jsxRuntime","jsxs","style","width","totalWidth","height","totalHeight","position","boxSizing","margin","strategy","ScrollStrategy","Horizontal","display","flexDirection","children","jsx","startSpacing","flexShrink","gap","pageGap","alignItems","minHeight","minWidth","items","map","item","justifyContent","pageLayouts","layout","rotatedWidth","rotatedHeight","rotation","core","scale","document","pageNumber","pageNumbers","endSpacing","provides","currentPage","setCurrentPage","totalPages","setTotalPages","onPageChange","state","console","warn","scrollToPage","scrollToNextPage","scrollToPreviousPage","getMetrics","onScroll","onLayoutChange","getCurrentPage","getTotalPages"],"mappings":"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"}

package/dist/preact/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, PageLayout } from '@embedpdf/plugin-scroll';\nimport { useRegistry } from '@embedpdf/core/@framework';\nimport { PdfDocumentObject, Rotation } from '@embedpdf/models';\n\nimport { useScrollPlugin } from '../hooks';\n\nexport interface RenderPageProps extends PageLayout {\n  rotation: Rotation;\n  scale: number;\n  document: PdfDocumentObject | null;\n}\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 { 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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"}

package/dist/react/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","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, PageLayout } from '@embedpdf/plugin-scroll';\nimport { useRegistry } from '@embedpdf/core/@framework';\nimport { PdfDocumentObject, Rotation } from '@embedpdf/models';\n\nimport { useScrollPlugin } from '../hooks';\n\nexport interface RenderPageProps extends PageLayout {\n  rotation: Rotation;\n  scale: number;\n  document: PdfDocumentObject | null;\n}\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":["useScrollPlugin","usePlugin","ScrollPlugin","id","useScrollCapability","useCapability","renderPage","overlayElements","props","plugin","scrollPlugin","registry","useRegistry","scrollerLayout","setScrollerLayout","useState","getScrollerLayout","useEffect","onScrollerData","setLayoutReady","coreState","getStore","getState","jsxRuntime","jsxs","style","width","totalWidth","height","totalHeight","position","boxSizing","margin","strategy","ScrollStrategy","Horizontal","display","flexDirection","children","jsx","startSpacing","flexShrink","gap","pageGap","alignItems","minHeight","minWidth","items","map","item","justifyContent","pageLayouts","layout","rotatedWidth","rotatedHeight","rotation","core","scale","document","pageNumber","pageNumbers","endSpacing","provides","currentPage","setCurrentPage","totalPages","setTotalPages","onPageChange","state","console","warn","scrollToPage","scrollToNextPage","scrollToPreviousPage","getMetrics","onScroll","onLayoutChange","getCurrentPage","getTotalPages"],"mappings":"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"}
+{"version":3,"file":"index.cjs","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":["useScrollPlugin","usePlugin","ScrollPlugin","id","useScrollCapability","useCapability","renderPage","overlayElements","props","plugin","scrollPlugin","registry","useRegistry","scrollerLayout","setScrollerLayout","useState","getScrollerLayout","useEffect","onScrollerData","setLayoutReady","coreState","getStore","getState","jsxRuntime","jsxs","style","width","totalWidth","height","totalHeight","position","boxSizing","margin","strategy","ScrollStrategy","Horizontal","display","flexDirection","children","jsx","startSpacing","flexShrink","gap","pageGap","alignItems","minHeight","minWidth","items","map","item","justifyContent","pageLayouts","layout","rotatedWidth","rotatedHeight","rotation","core","scale","document","pageNumber","pageNumbers","endSpacing","provides","currentPage","setCurrentPage","totalPages","setTotalPages","onPageChange","state","console","warn","scrollToPage","scrollToNextPage","scrollToPreviousPage","getMetrics","onScroll","onLayoutChange","getCurrentPage","getTotalPages"],"mappings":"+MAIaA,EAAkB,IAAMC,YAAwBC,EAAAA,aAAaC,IAC7DC,EAAsB,IAAMC,gBAA4BH,EAAAA,aAAaC,qBCO3E,UAAkBG,WAAEA,EAAAC,gBAAYA,KAAoBC,IACzD,MAAQC,OAAQC,GAAiBV,KAC3BW,SAAEA,GAAaC,iBACdC,EAAgBC,GAAqBC,EAAAA,UAC1C,WAAML,WAAcM,sBAAuB,OAezC,GAZJC,EAAAA,WAAU,KACR,GAAKP,EAEE,OAAAA,EAAaQ,eAAeJ,EAAiB,GACnD,CAACJ,IAEJO,EAAAA,WAAU,KACHP,GAELA,EAAaS,gBAAe,GAC3B,CAACT,KAECG,EAAuB,OAAA,KACxB,IAACF,EAAiB,OAAA,KAEtB,MAAMS,EAAYT,EAASU,WAAWC,WAGpC,OAAAC,EAAAC,KAAC,MAAA,IACKhB,EACJiB,MAAO,CACLC,MAAO,GAAGb,EAAec,eACzBC,OAAQ,GAAGf,EAAegB,gBAC1BC,SAAU,WACVC,UAAW,aACXC,OAAQ,YACJnB,EAAeoB,WAAaC,EAAAA,eAAeC,YAAc,CAC3DC,QAAS,OACTC,cAAe,QAInBC,SAAA,CAAAf,EAAAgB,IAAC,MAAA,CACCd,MAAO,IACDZ,EAAeoB,WAAaC,EAAAA,eAAeC,WAC3C,CACET,MAAOb,EAAe2B,aACtBZ,OAAQ,OACRa,WAAY,GAEd,CACEb,OAAQf,EAAe2B,aACvBd,MAAO,WAIjBH,EAAAgB,IAAC,MAAA,CACCd,MAAO,CACLiB,IAAK7B,EAAe8B,QACpBP,QAAS,OACTQ,WAAY,SACZd,SAAU,WACVC,UAAW,gBACPlB,EAAeoB,WAAaC,EAAAA,eAAeC,WAC3C,CACEE,cAAe,MACfQ,UAAW,QAEb,CACER,cAAe,SACfS,SAAU,gBAIjBR,SAAezB,EAAAkC,MAAMC,KAAKC,GACzB1B,EAAAgB,IAAC,MAAA,CAECd,MAAO,CACLW,QAAS,OACTc,eAAgB,SAChBR,IAAK7B,EAAe8B,SAGrBL,SAAKW,EAAAE,YAAYH,KAAKI,GACrB7B,EAAAgB,IAAC,MAAA,CAECd,MAAO,CACLC,MAAO,GAAG0B,EAAOC,iBACjBzB,OAAQ,GAAGwB,EAAOE,mBAGnBhB,SAAWhC,EAAA,IACP8C,EACHG,SAAUnC,EAAUoC,KAAKD,SACzBE,MAAOrC,EAAUoC,KAAKC,MACtBC,SAAUtC,EAAUoC,KAAKE,YAVtBN,EAAOO,eATXV,EAAKW,YAAY,QA0B5BrC,EAAAgB,IAAC,MAAA,CACCd,MAAO,IACDZ,EAAeoB,WAAaC,EAAAA,eAAeC,WAC3C,CACET,MAAOb,EAAegD,WACtBjC,OAAQ,OACRa,WAAY,GAEd,CACEb,OAAQf,EAAegD,WACvBnC,MAAO,WAIhBnB,IAGP,oBDpGyB,KACjB,MAAAuD,SAAEA,GAAa1D,KACd2D,EAAaC,GAAkBjD,EAAAA,SAAS,IACxCkD,EAAYC,GAAiBnD,EAAAA,SAAS,GAUtC,OARPE,EAAAA,WAAU,KACR,GAAK6C,EACL,OAAOA,EAASK,cAAa,EAAGR,aAAYM,WAAAA,MAC1CD,EAAeL,GACfO,EAAcD,EAAU,GACzB,GACA,CAACH,IAEG,CAELA,WACAM,MAAO,CACLL,cACAE,cAIF,eAAIF,GAIK,OAHCM,QAAAC,KACN,6GAEKP,CACT,EAEA,cAAIE,GAIK,OAHCI,QAAAC,KACN,2GAEKL,CACT,EAEA,gBAAIM,GAMF,aALIT,WAAUS,eACJF,QAAAC,KACN,kHAGa,MAAVR,OAAU,EAAAA,EAAAS,YACnB,EAEA,oBAAIC,GAMF,aALIV,WAAUU,mBACJH,QAAAC,KACN,0HAGa,MAAVR,OAAU,EAAAA,EAAAU,gBACnB,EAEA,wBAAIC,GAMF,aALIX,WAAUW,uBACJJ,QAAAC,KACN,kIAGa,MAAVR,OAAU,EAAAA,EAAAW,oBACnB,EAEA,cAAIC,GAMF,aALIZ,WAAUY,aACJL,QAAAC,KACN,8GAGa,MAAVR,OAAU,EAAAA,EAAAY,UACnB,EAEA,gBAAIP,GAMF,aALIL,WAAUK,eACJE,QAAAC,KACN,kHAGa,MAAVR,OAAU,EAAAA,EAAAK,YACnB,EAEA,YAAIQ,GAMF,aALIb,WAAUa,WACJN,QAAAC,KACN,0GAGa,MAAVR,OAAU,EAAAA,EAAAa,QACnB,EAEA,kBAAIC,GAMF,aALId,WAAUc,iBACJP,QAAAC,KACN,sHAGa,MAAVR,OAAU,EAAAA,EAAAc,cACnB,EAEA,kBAAIC,GAMF,aALIf,WAAUe,iBACJR,QAAAC,KACN,sHAGa,MAAVR,OAAU,EAAAA,EAAAe,cACnB,EAEA,iBAAIC,GAMF,aALIhB,WAAUgB,gBACJT,QAAAC,KACN,oHAGa,MAAVR,OAAU,EAAAA,EAAAgB,aAAA,EAErB"}

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, PageLayout } from '@embedpdf/plugin-scroll';\nimport { useRegistry } from '@embedpdf/core/@framework';\nimport { PdfDocumentObject, Rotation } from '@embedpdf/models';\n\nimport { useScrollPlugin } from '../hooks';\n\nexport interface RenderPageProps extends PageLayout {\n  rotation: Rotation;\n  scale: number;\n  document: PdfDocumentObject | null;\n}\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 { 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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"}

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

@@ -1 +1,2 @@
 export * from './scroller';
+export type { RenderPageProps } from '../types';

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

@@ -1,11 +1,5 @@
 import { ReactNode, HTMLAttributes } from '../../react/adapter.ts';
-import { PageLayout } from '../../index.ts';
-import { PdfDocumentObject, Rotation } from '@embedpdf/models';
-export interface RenderPageProps extends PageLayout {
-    rotation: Rotation;
-    scale: number;
-    document: PdfDocumentObject | null;
-}
+import { RenderPageProps } from '../types';
 type ScrollerProps = HTMLAttributes<HTMLDivElement> & {
     renderPage: (props: RenderPageProps) => ReactNode;
     overlayElements?: ReactNode[];

package/dist/shared/types.d.ts

@@ -0,0 +1,7 @@
+import { PdfDocumentObject, Rotation } from '@embedpdf/models';
+import { PageLayout } from '../index.ts';
+export interface RenderPageProps extends PageLayout {
+    rotation: Rotation;
+    scale: number;
+    document: PdfDocumentObject | null;
+}

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

@@ -1 +1,2 @@
 export * from './scroller';
+export type { RenderPageProps } from '../types';

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

@@ -1,11 +1,5 @@
 import { ReactNode, HTMLAttributes } from '../../preact/adapter.ts';
-import { PageLayout } from '../../lib/index.ts';
-import { PdfDocumentObject, Rotation } from '@embedpdf/models';
-export interface RenderPageProps extends PageLayout {
-    rotation: Rotation;
-    scale: number;
-    document: PdfDocumentObject | null;
-}
+import { RenderPageProps } from '../types';
 type ScrollerProps = HTMLAttributes<HTMLDivElement> & {
     renderPage: (props: RenderPageProps) => ReactNode;
     overlayElements?: ReactNode[];

package/dist/shared-preact/types.d.ts

@@ -0,0 +1,7 @@
+import { PdfDocumentObject, Rotation } from '@embedpdf/models';
+import { PageLayout } from '../lib/index.ts';
+export interface RenderPageProps extends PageLayout {
+    rotation: Rotation;
+    scale: number;
+    document: PdfDocumentObject | null;
+}

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

@@ -1 +1,2 @@
 export * from './scroller';
+export type { RenderPageProps } from '../types';

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

@@ -1,11 +1,5 @@
 import { ReactNode, HTMLAttributes } from '../../react/adapter.ts';
-import { PageLayout } from '../../lib/index.ts';
-import { PdfDocumentObject, Rotation } from '@embedpdf/models';
-export interface RenderPageProps extends PageLayout {
-    rotation: Rotation;
-    scale: number;
-    document: PdfDocumentObject | null;
-}
+import { RenderPageProps } from '../types';
 type ScrollerProps = HTMLAttributes<HTMLDivElement> & {
     renderPage: (props: RenderPageProps) => ReactNode;
     overlayElements?: ReactNode[];

package/dist/shared-react/types.d.ts

@@ -0,0 +1,7 @@
+import { PdfDocumentObject, Rotation } from '@embedpdf/models';
+import { PageLayout } from '../lib/index.ts';
+export interface RenderPageProps extends PageLayout {
+    rotation: Rotation;
+    scale: number;
+    document: PdfDocumentObject | null;
+}

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

@@ -1,12 +1,6 @@
 import { HTMLAttributes } from 'svelte/elements';
-import { PageLayout } from '../../lib/index.ts';
-import { PdfDocumentObject, Rotation } from '@embedpdf/models';
+import { RenderPageProps } from '../../shared-svelte/types';
 import { Snippet } from 'svelte';
-export interface RenderPageProps extends PageLayout {
-    rotation: Rotation;
-    scale: number;
-    document: PdfDocumentObject | null;
-}
 type ScrollerProps = HTMLAttributes<HTMLDivElement> & {
     RenderPageSnippet: Snippet<RenderPageProps>;
     overlayElements?: Snippet[];

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

@@ -1 +1,2 @@
 export { default as Scroller } from './Scroller.svelte';
+export type { RenderPageProps } from '../../shared-svelte/types';

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

@@ -9,12 +9,10 @@ export declare const useScrollCapability: () => {
     isLoading: boolean;
     ready: Promise<void>;
 };
-interface UseScrollReturn {
-    provides: ScrollCapability | null;
+export declare const useScroll: () => {
+    readonly provides: Readonly<ScrollCapability> | null;
     state: {
         currentPage: number;
         totalPages: number;
     };
-}
-export declare const useScroll: () => 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>"),g=i.from_html("<div></div>"),s=i.from_html("<div><div></div> <div></div> <div></div> <!></div>");exports.Scroller=function(e,l){i.push(l,!0);const o=i.derived(a),d=i.derived((()=>i.get(o).plugin)),p=i.derived(r.useRegistry),c=i.derived((()=>i.get(p).registry));let u=i.derived(r.useCoreState),v=i.derived((()=>i.get(u).coreState)),f=i.derived((()=>{var e;return(null==(e=i.get(d))?void 0:e.getScrollerLayout())??null})),y=i.rest_props(l,["$$slots","$$events","$$legacy","RenderPageSnippet","overlayElements"]);i.user_effect((()=>{if(i.get(d))return i.get(d).onScrollerData((e=>i.set(f,e)))})),i.user_effect((()=>{i.get(d)&&i.get(d).setLayoutReady()}));var S=i.comment(),h=i.first_child(S),m=e=>{var r=s();i.attribute_effect(r,(e=>({...y,[i.STYLE]:e})),[()=>({width:`${i.get(f).totalWidth}px`,height:`${i.get(f).totalHeight}px`,position:"relative","box-sizing":"border-box",margin:"0 auto",display:i.get(f).strategy===t.ScrollStrategy.Horizontal?"flex":null,"flex-direction":i.get(f).strategy===t.ScrollStrategy.Horizontal?"row":null})]);var a=i.child(r);let o;var d=i.sibling(a,2);let p;i.each(d,21,(()=>i.get(f).items),(e=>e.pageNumbers[0]),((e,t)=>{var r=g();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:i.get(v).rotation,scale:i.get(v).scale,document:i.get(v).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(f).pageGap}px`})]),i.append(e,r)})),i.reset(d);var c=i.sibling(d,2);let u;var S=i.sibling(c,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),p=i.set_style(d,"",p,t),u=i.set_style(c,"",u,r)}),[()=>({width:i.get(f).strategy===t.ScrollStrategy.Horizontal?`${i.get(f).startSpacing}px`:"100%",height:i.get(f).strategy===t.ScrollStrategy.Horizontal?"100%":`${i.get(f).startSpacing}px`,"flex-shrink":"0"}),()=>({gap:`${i.get(f).pageGap}px`,display:"flex","align-items":"center",position:"relative","box-sizing":"border-box","flex-direction":i.get(f).strategy===t.ScrollStrategy.Horizontal?"row":"column","min-width":i.get(f).strategy===t.ScrollStrategy.Horizontal?"100%":"fit-content"}),()=>({width:i.get(f).strategy===t.ScrollStrategy.Horizontal?`${i.get(f).endSpacing}px`:"100%",height:i.get(f).strategy===t.ScrollStrategy.Horizontal?"100%":`${i.get(f).endSpacing}px`,"flex-shrink":"0"})]),i.append(e,r)};i.if(h,(e=>{i.get(f)&&i.get(c)&&i.get(v)&&e(m)})),i.append(e,S),i.pop()},exports.useScroll=()=>{const e=i.derived(o),t=i.derived((()=>i.get(e).provides)),r=i.proxy({currentPage:1,totalPages:1});return i.user_effect((()=>{if(i.get(t))return i.get(t).onPageChange((({pageNumber:e,totalPages:t})=>{r.currentPage=e,r.totalPages=t}))})),{get provides(){return i.get(t)},get state(){return r}}},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/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]})}));
 //# 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\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}\n\ninterface SimpleScrollState {\n  currentPage: number;\n  totalPages: number;\n}\n\nexport const useScroll = (): UseScrollReturn => {\n  const { provides } = $derived(useScrollCapability());\n  const state = $state<SimpleScrollState>({ currentPage: 1, totalPages: 1 });\n\n  $effect(() => {\n    if (!provides) return;\n    return provides.onPageChange(({ pageNumber, totalPages }) => {\n      state.currentPage = pageNumber;\n      state.totalPages = totalPages;\n    });\n  });\n\n  return {\n    get provides() {\n      return provides;\n    },\n    get state() {\n      return state;\n    },\n  };\n};\n","<script lang=\"ts\">\n  import { useScrollPlugin } from '../hooks';\n  import type { HTMLAttributes } from 'svelte/elements';\n  import { type PageLayout, type ScrollerLayout, ScrollStrategy } from '@embedpdf/plugin-scroll';\n  import type { PdfDocumentObject, Rotation } from '@embedpdf/models';\n  import { useRegistry, useCoreState } from '@embedpdf/core/svelte';\n  import { type Snippet } from 'svelte';\n\n  export interface RenderPageProps extends PageLayout {\n    rotation: Rotation;\n    scale: number;\n    document: PdfDocumentObject | null;\n  }\n\n  type ScrollerProps = HTMLAttributes<HTMLDivElement> & {\n    RenderPageSnippet: Snippet<RenderPageProps>;\n    overlayElements?: Snippet[];\n  };\n\n  const { plugin: scrollPlugin } = $derived(useScrollPlugin());\n  const { registry } = $derived(useRegistry());\n  let { coreState } = $derived(useCoreState());\n  let scrollerLayout = $derived<ScrollerLayout | null>(scrollPlugin?.getScrollerLayout() ?? null);\n\n  let { RenderPageSnippet, overlayElements, ...restProps }: ScrollerProps = $props();\n\n\n  $effect(() => {\n    if (!scrollPlugin) return;\n    return scrollPlugin.onScrollerData((layout) => (scrollerLayout = layout));\n  });\n\n  $effect(() => {\n    if (!scrollPlugin) return;\n    scrollPlugin.setLayoutReady();\n  });\n</script>\n\n{#if scrollerLayout && registry && 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: coreState.rotation,\n                scale: coreState.scale,\n                document: 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","plugin","useRegistry","registry","useCoreState","coreState","scrollerLayout","$","derived","get","getScrollerLayout","restProps","rest_props","$$props","user_effect","onScrollerData","layout","set","$__namespace","setLayoutReady","STYLE","$0","width","totalWidth","height","totalHeight","strategy","ScrollStrategy","Horizontal","items","item","pageNumbers","$$anchor","pageLayouts","pageNumber","rotation","scale","document","rotatedWidth","rotatedHeight","gap","pageGap","OverLay","noop","overlayElements","length","consequent","startSpacing","endSpacing","consequent_1","provides","state","currentPage","totalPages","onPageChange"],"mappings":"sgBAGaA,EAAwB,IAAAC,YAAwBC,EAAAA,aAAaC,IAC7DC,EAA4B,IAAAC,gBAA4BH,EAAAA,aAAaC,uMCetCH,GAA1BM,0BAARC,qBACsBC,eAAtBC,0BAAAA,2BACqBC,gBAAvBC,0BAAAA,YACFC,EAAiDC,EAAAC,SAAA,WAAAD,OAAAA,OAAAA,EAAAA,EAAAE,IAAAT,SAAAO,EAAAA,EAAcG,sBAAuB,IAAA,IAE7CC,EAASJ,EAAAK,WAAAC,EAAA,yEAGtDN,EAAAO,aAAc,cACPd,GACEO,OAAAA,EAAAE,IAAAT,GAAae,gBAAgBC,GAAYT,EAAAU,IAAAX,EAAiBU,IAAM,IAGzET,EAAAO,aAAc,WACPd,IACLkB,EAAAT,IAAAT,GAAamB,gBAAc,uFAMvBR,EAAS,CAAAJ,EAAAa,OAAAC,KAAA,OACGC,MAAA,GAAAf,EAAAE,IAAAH,GAAeiB,eACdC,OAAA,GAAAjB,EAAAE,IAAAH,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,SAAQ5B,EAAAE,IAAEJ,GAAU8B,SACpBC,MAAK7B,EAAAE,IAAEJ,GAAU+B,MACjBC,SAAQ9B,EAAAE,IAAEJ,GAAUgC,4IAPNf,MAAA,GAAAf,EAAAE,IAAAO,GAAOsB,iBACNd,OAAA,GAAAjB,EAAAE,IAAAO,GAAOuB,kJALdC,IAAA,GAAAjC,EAAAE,IAAAH,GAAemC,uLA4BPC,iEACfA,IAAOnC,EAAAoC,mDAFoB9B,EAAA+B,iBAAA/B,EAAA+B,gBAAAC,OAAS,KAACC,EAAA,yIApDnCxC,GAAeoB,WAAaC,EAAAA,eAAeC,WAAS,GAAArB,EAAAE,IAC1DH,GAAeyC,iBAClB,oBACUzC,GAAeoB,WAAaC,EAAAA,eAAeC,WACrD,OAAK,GAAArB,EAAAE,IACFH,GAAeyC,2CAIRP,IAAA,GAAAjC,EAAAE,IAAAH,GAAemC,uHAKPnC,GAAeoB,WAAaC,EAAcA,eAACC,WAC7D,MACA,2BACatB,GAAeoB,WAAaC,EAAcA,eAACC,WACxD,OACA,kCAyBStB,GAAeoB,WAAaC,EAAAA,eAAeC,WAAS,GAAArB,EAAAE,IAC1DH,GAAe0C,eAClB,oBACU1C,GAAeoB,WAAaC,EAAAA,eAAeC,WACrD,OAAK,GAAArB,EAAAE,IACFH,GAAe0C,sEA7DvB1C,IAAcC,EAAAE,IAAIN,IAAQI,EAAAE,IAAIJ,MAAS4C,EAAA,yBAF5C,2CDfgCnD,GAAtBoD,0BAAAA,WACFC,WAAoCC,YAAa,EAAGC,WAAY,WAEtE9C,EAAAO,2BACOoC,GACE3C,OAAAA,EAAAE,IAAAyC,GAASI,cAAa,EAAGpB,aAAYmB,iBAC1CF,EAAMC,YAAclB,EACpBiB,EAAME,WAAaA,CAAA,GACpB,KAIG,YAAAH,gBACKA,EACT,EACI,SAAAC,GACK,OAAAA"}
+{"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"}

package/dist/svelte/index.js

@@ -2,39 +2,36 @@ import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { ScrollPlugin, ScrollStrategy } from "@embedpdf/plugin-scroll";
 export * from "@embedpdf/plugin-scroll";
-import { usePlugin, useCapability, useRegistry, useCoreState } from "@embedpdf/core/svelte";
+import { usePlugin, useCapability, useCoreState } from "@embedpdf/core/svelte";
 const useScrollPlugin = () => usePlugin(ScrollPlugin.id);
 const useScrollCapability = () => useCapability(ScrollPlugin.id);
 const useScroll = () => {
-  const $$d = $.derived(useScrollCapability), provides = $.derived(() => $.get($$d).provides);
-  const state = $.proxy({ currentPage: 1, totalPages: 1 });
+  const capability = useScrollCapability();
+  const state = $.proxy({
+    get provides() {
+      return capability.provides;
+    },
+    state: { currentPage: 1, totalPages: 1 }
+  });
   $.user_effect(() => {
-    if (!$.get(provides)) return;
-    return $.get(provides).onPageChange(({ pageNumber, totalPages }) => {
-      state.currentPage = pageNumber;
-      state.totalPages = totalPages;
+    if (!capability.provides) return;
+    return capability.provides.onPageChange(({ pageNumber, totalPages }) => {
+      state.state.currentPage = pageNumber;
+      state.state.totalPages = totalPages;
     });
   });
-  return {
-    get provides() {
-      return $.get(provides);
-    },
-    get state() {
-      return state;
-    }
-  };
+  return state;
 };
 var root_3 = $.from_html(`<div><!></div>`);
 var root_2 = $.from_html(`<div></div>`);
 var root_1 = $.from_html(`<div><div></div> <div></div> <div></div> <!></div>`);
 function Scroller($$anchor, $$props) {
   $.push($$props, true);
-  const $$d = $.derived(useScrollPlugin), scrollPlugin = $.derived(() => $.get($$d).plugin);
-  const $$d_1 = $.derived(useRegistry), registry = $.derived(() => $.get($$d_1).registry);
-  let $$d_2 = $.derived(useCoreState), coreState = $.derived(() => $.get($$d_2).coreState);
+  const scrollPlugin = useScrollPlugin();
+  const core = useCoreState();
   let scrollerLayout = $.derived(() => {
     var _a;
-    return ((_a = $.get(scrollPlugin)) == null ? void 0 : _a.getScrollerLayout()) ?? null;
+    return ((_a = scrollPlugin.plugin) == null ? void 0 : _a.getScrollerLayout()) ?? null;
   });
   let restProps = $.rest_props($$props, [
     "$$slots",
@@ -44,12 +41,12 @@ function Scroller($$anchor, $$props) {
     "overlayElements"
   ]);
   $.user_effect(() => {
-    if (!$.get(scrollPlugin)) return;
-    return $.get(scrollPlugin).onScrollerData((layout) => $.set(scrollerLayout, layout));
+    if (!scrollPlugin.plugin) return;
+    return scrollPlugin.plugin.onScrollerData((layout) => $.set(scrollerLayout, layout));
   });
   $.user_effect(() => {
-    if (!$.get(scrollPlugin)) return;
-    $.get(scrollPlugin).setLayoutReady();
+    if (!scrollPlugin.plugin) return;
+    scrollPlugin.plugin.setLayoutReady();
   });
   var fragment = $.comment();
   var node = $.first_child(fragment);
@@ -81,9 +78,9 @@ function Scroller($$anchor, $$props) {
           {
             let $0 = $.derived(() => ({
               ...$.get(layout),
-              rotation: $.get(coreState).rotation,
-              scale: $.get(coreState).scale,
-              document: $.get(coreState).document
+              rotation: core.coreState.rotation,
+              scale: core.coreState.scale,
+              document: core.coreState.document
             }));
             $.snippet(node_1, () => $$props.RenderPageSnippet ?? $.noop, () => $.get($0));
           }
@@ -158,7 +155,7 @@ function Scroller($$anchor, $$props) {
       $.append($$anchor2, div);
     };
     $.if(node, ($$render) => {
-      if ($.get(scrollerLayout) && $.get(registry) && $.get(coreState)) $$render(consequent_1);
+      if ($.get(scrollerLayout) && core.coreState) $$render(consequent_1);
     });
   }
   $.append($$anchor, fragment);

package/dist/svelte/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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\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}\n\ninterface SimpleScrollState {\n  currentPage: number;\n  totalPages: number;\n}\n\nexport const useScroll = (): UseScrollReturn => {\n  const { provides } = $derived(useScrollCapability());\n  const state = $state<SimpleScrollState>({ currentPage: 1, totalPages: 1 });\n\n  $effect(() => {\n    if (!provides) return;\n    return provides.onPageChange(({ pageNumber, totalPages }) => {\n      state.currentPage = pageNumber;\n      state.totalPages = totalPages;\n    });\n  });\n\n  return {\n    get provides() {\n      return provides;\n    },\n    get state() {\n      return state;\n    },\n  };\n};\n","<script lang=\"ts\">\n  import { useScrollPlugin } from '../hooks';\n  import type { HTMLAttributes } from 'svelte/elements';\n  import { type PageLayout, type ScrollerLayout, ScrollStrategy } from '@embedpdf/plugin-scroll';\n  import type { PdfDocumentObject, Rotation } from '@embedpdf/models';\n  import { useRegistry, useCoreState } from '@embedpdf/core/svelte';\n  import { type Snippet } from 'svelte';\n\n  export interface RenderPageProps extends PageLayout {\n    rotation: Rotation;\n    scale: number;\n    document: PdfDocumentObject | null;\n  }\n\n  type ScrollerProps = HTMLAttributes<HTMLDivElement> & {\n    RenderPageSnippet: Snippet<RenderPageProps>;\n    overlayElements?: Snippet[];\n  };\n\n  const { plugin: scrollPlugin } = $derived(useScrollPlugin());\n  const { registry } = $derived(useRegistry());\n  let { coreState } = $derived(useCoreState());\n  let scrollerLayout = $derived<ScrollerLayout | null>(scrollPlugin?.getScrollerLayout() ?? null);\n\n  let { RenderPageSnippet, overlayElements, ...restProps }: ScrollerProps = $props();\n\n\n  $effect(() => {\n    if (!scrollPlugin) return;\n    return scrollPlugin.onScrollerData((layout) => (scrollerLayout = layout));\n  });\n\n  $effect(() => {\n    if (!scrollPlugin) return;\n    scrollPlugin.setLayoutReady();\n  });\n</script>\n\n{#if scrollerLayout && registry && 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: coreState.rotation,\n                scale: coreState.scale,\n                document: 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":["$$anchor"],"mappings":"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"}
+{"version":3,"file":"index.js","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":["$$anchor"],"mappings":";;;;;AAGa,MAAA,kBAAwB,MAAA,UAAwB,aAAa,EAAE;AAC/D,MAAA,sBAA4B,MAAA,cAA4B,aAAa,EAAE;AAEvE,MAAA,kBAAkB;AACvB,QAAA,aAAa,oBAAoB;QAEjC;IACA,IAAA,WAAW;AACN,aAAA,WAAW;AAAA,IACpB;AAAA,IACA,SACE,aAAa,GACb,YAAY,EAAA;AAAA;AAIhB,IAAA,kBAAc;AACP,QAAA,CAAA,WAAW,SAAU;WACnB,WAAW,SAAS,gBAAgB,YAAY,iBAAiB;AACtE,YAAM,MAAM,cAAc;AAC1B,YAAM,MAAM,aAAa;AAAA,KAC1B;AAAA,GACF;SAEM;AACT;;;;qCC5BA;;AAaQ,QAAA,eAAe,gBAAe;AAC9B,QAAA,OAAO,aAAY;AACrB,MAAA;;AACF,+BAAa,WAAb,mBAAqB,wBAAuB;AAAA,GAAI;MAGL,YAAS,EAAA,WAAA,SAAA;AAAA;;;;;;AAEtD,IAAA,YAAc,MAAA;AACP,QAAA,CAAA,aAAa,OAAM;WACjB,aAAa,OAAO,gBAAgB,WAAM,EAAA,IAAM,gBAAiB,MAAM,CAAA;AAAA,GAC/E;AAED,IAAA,YAAc,MAAA;AACP,QAAA,CAAA,aAAa,OAAM;AACxB,iBAAa,OAAO,eAAc;AAAA,GACnC;;;;;;4CAKK,WAAS,CAAA,EAAA,KAAA,GAAA,GAAA,IAAA;AAAA;UACG,OAAA,GAAA,EAAA,IAAA,cAAc,EAAC,UAAU;AAAA,UACxB,QAAA,GAAA,EAAA,IAAA,cAAc,EAAC,WAAW;AAAA;;;yBAI5B,cAAc,EAAC,aAAa,eAAe,aAAa,SAAS;AAAA,kCAC1D,cAAc,EAAC,aAAa,eAAe,aAAa,QAAQ;AAAA;;;;;;oCAwB7E,cAAc,EAAC,OAAK,CAAI,SAAM,KAAK,YAAY,CAAC,GAAA,CAAAA,WAAxB,SAAI;;;sCAMxB,IAAI,EAAC,aAAe,CAAA,WAAQ,OAAO,YAAU,CAAAA,WAAzB,WAAM;;;;;;uBAMxB,MAAM;AAAA,cACT,UAAU,KAAK,UAAU;AAAA,cACzB,OAAO,KAAK,UAAU;AAAA,cACtB,UAAU,KAAK,UAAU;AAAA;;;;;;cAPX,OAAA,GAAA,EAAA,IAAA,MAAM,EAAC,YAAY;AAAA,cAClB,QAAA,GAAA,EAAA,IAAA,MAAM,EAAC,aAAa;AAAA;;;;;;;;;YAL3B,KAAA,GAAA,EAAA,IAAA,cAAc,EAAC,OAAO;AAAA;;;;;;;;;;;;iFA4Bd,YAAO;;;0CACtB,OAAO,KAAA,EAAA,IAAA;;;;;;AAFoB,cAAA,QAAA,mBAAA,QAAA,gBAAA,SAAS,EAAC,UAAA,UAAA;AAAA;;;;;;;;;;;yBApDnC,cAAc,EAAC,aAAa,eAAe,aAAS,GAAA,EAAA,IAC1D,cAAc,EAAC,YAAY,OAC9B;AAAA,0BACU,cAAc,EAAC,aAAa,eAAe,aACrD,SAAK,GAAA,EAAA,IACF,cAAc,EAAC,YAAY;AAAA;;;YAIpB,KAAA,GAAA,EAAA,IAAA,cAAc,EAAC,OAAO;AAAA;;;;oCAKd,cAAc,EAAC,aAAa,eAAe,aAC7D,QACA;AAAA,+BACa,cAAc,EAAC,aAAa,eAAe,aACxD,SACA;AAAA;;yBAyBS,cAAc,EAAC,aAAa,eAAe,aAAS,GAAA,EAAA,IAC1D,cAAc,EAAC,UAAU,OAC5B;AAAA,0BACU,cAAc,EAAC,aAAa,eAAe,aACrD,SAAK,GAAA,EAAA,IACF,cAAc,EAAC,UAAU;AAAA;;;;;;;gBA7DjC,cAAc,KAAI,KAAK,UAAS,UAAA,YAAA;AAAA;;;;AAFrC;"}

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

@@ -1 +1,2 @@
 export { default as Scroller } from './scroller.vue';
+export type { RenderPageProps } from '../../shared-vue/types';

package/dist/vue/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-scroll.ts","../../src/vue/components/scroller.vue"],"sourcesContent":["import { ref, watchEffect, computed } 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\nexport function useScroll() {\n  const { provides } = useScrollCapability();\n\n  const currentPage = ref(1);\n  const totalPages = ref(1);\n\n  watchEffect((onCleanup) => {\n    if (!provides.value) return;\n\n    const unsubscribe = provides.value.onPageChange(({ pageNumber, totalPages: tp }) => {\n      currentPage.value = pageNumber;\n      totalPages.value = tp;\n    });\n    onCleanup(unsubscribe);\n  });\n\n  // New format\n  const state = computed(() => ({\n    currentPage: currentPage.value,\n    totalPages: totalPages.value,\n  }));\n\n  // Create deprecated properties with warnings\n  const deprecatedCurrentPage = computed({\n    get() {\n      console.warn(\n        `Accessing 'currentPage' directly on useScroll() is deprecated. Use useScroll().state.currentPage instead.`,\n      );\n      return currentPage.value;\n    },\n    set(value) {\n      currentPage.value = value;\n    },\n  });\n\n  const deprecatedTotalPages = computed({\n    get() {\n      console.warn(\n        `Accessing 'totalPages' directly on useScroll() is deprecated. Use useScroll().state.totalPages instead.`,\n      );\n      return totalPages.value;\n    },\n    set(value) {\n      totalPages.value = value;\n    },\n  });\n\n  const deprecatedScroll = computed(() => {\n    if (provides.value) {\n      console.warn(\n        `Accessing 'scroll' directly on useScroll() is deprecated. Use useScroll().provides instead.`,\n      );\n    }\n    return provides.value;\n  });\n\n  return {\n    // New format (preferred)\n    provides,\n    state,\n\n    // Deprecated properties (for backward compatibility)\n    currentPage: deprecatedCurrentPage,\n    totalPages: deprecatedTotalPages,\n    scroll: deprecatedScroll,\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 { 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 { 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 (!scrollPlugin.value) return;\n\n  layout.value = scrollPlugin.value.getScrollerLayout();\n  const off = scrollPlugin.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":["useScrollPlugin","usePlugin","ScrollPlugin","id","useScrollCapability","useCapability","props","__props","attrs","useAttrs","plugin","scrollPlugin","registry","useRegistry","layout","ref","pageSlotProps","pl","core","value","getStore","getState","rotation","scale","document","vue$1","watchEffect","onCleanup","getScrollerLayout","onScrollerData","l","onMounted","_a","setLayoutReady","rootStyle","computed","style","Array","isArray","width","totalWidth","height","totalHeight","position","boxSizing","margin","strategy","ScrollStrategy","Horizontal","display","flexDirection","_unref","_openBlock","_createElementBlock","_mergeProps","unref","_normalizeStyle","normalizeStyle","startSpacing","flexShrink","_createElementVNode","gap","pageGap","createElementBlock","_Fragment","_renderList","renderList","items","item","key","pageNumbers","justifyContent","Fragment","pageLayouts","pageNumber","rotatedWidth","rotatedHeight","_renderSlot","_ctx","$slots","page","endSpacing","overlayElements","el","i","openBlock","_createBlock","_resolveDynamicComponent","resolveDynamicComponent","provides","currentPage","totalPages","onPageChange","tp","state","deprecatedCurrentPage","get","console","warn","set","deprecatedTotalPages","deprecatedScroll","scroll"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-scroll.ts","../../src/vue/components/scroller.vue"],"sourcesContent":["import { ref, watchEffect, computed } 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\nexport function useScroll() {\n  const { provides } = useScrollCapability();\n\n  const currentPage = ref(1);\n  const totalPages = ref(1);\n\n  watchEffect((onCleanup) => {\n    if (!provides.value) return;\n\n    const unsubscribe = provides.value.onPageChange(({ pageNumber, totalPages: tp }) => {\n      currentPage.value = pageNumber;\n      totalPages.value = tp;\n    });\n    onCleanup(unsubscribe);\n  });\n\n  // New format\n  const state = computed(() => ({\n    currentPage: currentPage.value,\n    totalPages: totalPages.value,\n  }));\n\n  // Create deprecated properties with warnings\n  const deprecatedCurrentPage = computed({\n    get() {\n      console.warn(\n        `Accessing 'currentPage' directly on useScroll() is deprecated. Use useScroll().state.currentPage instead.`,\n      );\n      return currentPage.value;\n    },\n    set(value) {\n      currentPage.value = value;\n    },\n  });\n\n  const deprecatedTotalPages = computed({\n    get() {\n      console.warn(\n        `Accessing 'totalPages' directly on useScroll() is deprecated. Use useScroll().state.totalPages instead.`,\n      );\n      return totalPages.value;\n    },\n    set(value) {\n      totalPages.value = value;\n    },\n  });\n\n  const deprecatedScroll = computed(() => {\n    if (provides.value) {\n      console.warn(\n        `Accessing 'scroll' directly on useScroll() is deprecated. Use useScroll().provides instead.`,\n      );\n    }\n    return provides.value;\n  });\n\n  return {\n    // New format (preferred)\n    provides,\n    state,\n\n    // Deprecated properties (for backward compatibility)\n    currentPage: deprecatedCurrentPage,\n    totalPages: deprecatedTotalPages,\n    scroll: deprecatedScroll,\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 { useScrollPlugin } from '../hooks';\nimport { ScrollStrategy, type ScrollerLayout, type PageLayout } from '@embedpdf/plugin-scroll';\nimport { useRegistry } from '@embedpdf/core/vue';\nimport { RenderPageProps } from '../../shared/types';\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 { 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 (!scrollPlugin.value) return;\n\n  layout.value = scrollPlugin.value.getScrollerLayout();\n  const off = scrollPlugin.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/** Build the prop object that we’ll forward into the default slot */\nfunction pageSlotProps(pl: PageLayout): RenderPageProps {\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":["useScrollPlugin","usePlugin","ScrollPlugin","id","useScrollCapability","useCapability","props","__props","attrs","useAttrs","plugin","scrollPlugin","registry","useRegistry","layout","ref","pageSlotProps","pl","core","value","getStore","getState","rotation","scale","document","vue$1","watchEffect","onCleanup","getScrollerLayout","onScrollerData","l","onMounted","_a","setLayoutReady","rootStyle","computed","style","Array","isArray","width","totalWidth","height","totalHeight","position","boxSizing","margin","strategy","ScrollStrategy","Horizontal","display","flexDirection","_unref","_openBlock","_createElementBlock","_mergeProps","unref","_normalizeStyle","normalizeStyle","startSpacing","flexShrink","_createElementVNode","gap","pageGap","createElementBlock","_Fragment","_renderList","renderList","items","item","key","pageNumbers","justifyContent","Fragment","pageLayouts","pageNumber","rotatedWidth","rotatedHeight","_renderSlot","_ctx","$slots","page","endSpacing","overlayElements","el","i","openBlock","_createBlock","_resolveDynamicComponent","resolveDynamicComponent","provides","currentPage","totalPages","onPageChange","tp","state","deprecatedCurrentPage","get","console","warn","set","deprecatedTotalPages","deprecatedScroll","scroll"],"mappings":"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"}

package/dist/vue/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-scroll.ts","../../src/vue/components/scroller.vue"],"sourcesContent":["import { ref, watchEffect, computed } 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\nexport function useScroll() {\n  const { provides } = useScrollCapability();\n\n  const currentPage = ref(1);\n  const totalPages = ref(1);\n\n  watchEffect((onCleanup) => {\n    if (!provides.value) return;\n\n    const unsubscribe = provides.value.onPageChange(({ pageNumber, totalPages: tp }) => {\n      currentPage.value = pageNumber;\n      totalPages.value = tp;\n    });\n    onCleanup(unsubscribe);\n  });\n\n  // New format\n  const state = computed(() => ({\n    currentPage: currentPage.value,\n    totalPages: totalPages.value,\n  }));\n\n  // Create deprecated properties with warnings\n  const deprecatedCurrentPage = computed({\n    get() {\n      console.warn(\n        `Accessing 'currentPage' directly on useScroll() is deprecated. Use useScroll().state.currentPage instead.`,\n      );\n      return currentPage.value;\n    },\n    set(value) {\n      currentPage.value = value;\n    },\n  });\n\n  const deprecatedTotalPages = computed({\n    get() {\n      console.warn(\n        `Accessing 'totalPages' directly on useScroll() is deprecated. Use useScroll().state.totalPages instead.`,\n      );\n      return totalPages.value;\n    },\n    set(value) {\n      totalPages.value = value;\n    },\n  });\n\n  const deprecatedScroll = computed(() => {\n    if (provides.value) {\n      console.warn(\n        `Accessing 'scroll' directly on useScroll() is deprecated. Use useScroll().provides instead.`,\n      );\n    }\n    return provides.value;\n  });\n\n  return {\n    // New format (preferred)\n    provides,\n    state,\n\n    // Deprecated properties (for backward compatibility)\n    currentPage: deprecatedCurrentPage,\n    totalPages: deprecatedTotalPages,\n    scroll: deprecatedScroll,\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 { 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 { 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 (!scrollPlugin.value) return;\n\n  layout.value = scrollPlugin.value.getScrollerLayout();\n  const off = scrollPlugin.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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"}
+{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-scroll.ts","../../src/vue/components/scroller.vue"],"sourcesContent":["import { ref, watchEffect, computed } 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\nexport function useScroll() {\n  const { provides } = useScrollCapability();\n\n  const currentPage = ref(1);\n  const totalPages = ref(1);\n\n  watchEffect((onCleanup) => {\n    if (!provides.value) return;\n\n    const unsubscribe = provides.value.onPageChange(({ pageNumber, totalPages: tp }) => {\n      currentPage.value = pageNumber;\n      totalPages.value = tp;\n    });\n    onCleanup(unsubscribe);\n  });\n\n  // New format\n  const state = computed(() => ({\n    currentPage: currentPage.value,\n    totalPages: totalPages.value,\n  }));\n\n  // Create deprecated properties with warnings\n  const deprecatedCurrentPage = computed({\n    get() {\n      console.warn(\n        `Accessing 'currentPage' directly on useScroll() is deprecated. Use useScroll().state.currentPage instead.`,\n      );\n      return currentPage.value;\n    },\n    set(value) {\n      currentPage.value = value;\n    },\n  });\n\n  const deprecatedTotalPages = computed({\n    get() {\n      console.warn(\n        `Accessing 'totalPages' directly on useScroll() is deprecated. Use useScroll().state.totalPages instead.`,\n      );\n      return totalPages.value;\n    },\n    set(value) {\n      totalPages.value = value;\n    },\n  });\n\n  const deprecatedScroll = computed(() => {\n    if (provides.value) {\n      console.warn(\n        `Accessing 'scroll' directly on useScroll() is deprecated. Use useScroll().provides instead.`,\n      );\n    }\n    return provides.value;\n  });\n\n  return {\n    // New format (preferred)\n    provides,\n    state,\n\n    // Deprecated properties (for backward compatibility)\n    currentPage: deprecatedCurrentPage,\n    totalPages: deprecatedTotalPages,\n    scroll: deprecatedScroll,\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 { useScrollPlugin } from '../hooks';\nimport { ScrollStrategy, type ScrollerLayout, type PageLayout } from '@embedpdf/plugin-scroll';\nimport { useRegistry } from '@embedpdf/core/vue';\nimport { RenderPageProps } from '../../shared/types';\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 { 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 (!scrollPlugin.value) return;\n\n  layout.value = scrollPlugin.value.getScrollerLayout();\n  const off = scrollPlugin.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/** Build the prop object that we’ll forward into the default slot */\nfunction pageSlotProps(pl: PageLayout): RenderPageProps {\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.4.0",
+  "version": "1.5.0",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.cjs",
@@ -35,14 +35,14 @@
     }
   },
   "dependencies": {
-    "@embedpdf/models": "1.4.0"
+    "@embedpdf/models": "1.5.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
     "@embedpdf/build": "1.1.0",
-    "@embedpdf/core": "1.4.0",
-    "@embedpdf/plugin-viewport": "1.4.0"
+    "@embedpdf/core": "1.5.0",
+    "@embedpdf/plugin-viewport": "1.5.0"
   },
   "peerDependencies": {
     "preact": "^10.26.4",
@@ -50,8 +50,8 @@
     "react-dom": ">=16.8.0",
     "vue": ">=3.2.0",
     "svelte": ">=5 <6",
-    "@embedpdf/core": "1.4.0",
-    "@embedpdf/plugin-viewport": "1.4.0"
+    "@embedpdf/plugin-viewport": "1.5.0",
+    "@embedpdf/core": "1.5.0"
   },
   "files": [
     "dist",