@embedpdf/plugin-scroll 1.0.10 → 1.0.12

package/dist/lib/types/virtual-item.d.ts

@@ -0,0 +1,21 @@
+export interface PageLayout {
+    pageNumber: number;
+    pageIndex: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rotatedWidth: number;
+    rotatedHeight: number;
+}
+export interface VirtualItem {
+    id: string;
+    x: number;
+    y: number;
+    offset: number;
+    width: number;
+    height: number;
+    pageLayouts: PageLayout[];
+    pageNumbers: number[];
+    index: number;
+}

package/dist/lib/types.d.ts

@@ -0,0 +1,112 @@
+import { BasePluginConfig, EventHook } from '@embedpdf/core';
+import { PdfPageObject, Rect, Rotation } from '@embedpdf/models';
+import { ViewportMetrics } from '@embedpdf/plugin-viewport';
+import { VirtualItem } from './types/virtual-item';
+export interface ScrollState extends ScrollMetrics {
+    virtualItems: VirtualItem[];
+    totalPages: number;
+    totalContentSize: {
+        width: number;
+        height: number;
+    };
+    desiredScrollPosition: {
+        x: number;
+        y: number;
+    };
+    strategy: ScrollStrategy;
+    pageGap: number;
+    scale: number;
+}
+export interface ScrollerLayout {
+    startSpacing: number;
+    endSpacing: number;
+    totalWidth: number;
+    totalHeight: number;
+    pageGap: number;
+    strategy: ScrollState['strategy'];
+    items: VirtualItem[];
+}
+export declare enum ScrollStrategy {
+    Vertical = "vertical",
+    Horizontal = "horizontal"
+}
+export interface PageVisibilityMetrics {
+    pageNumber: number;
+    viewportX: number;
+    viewportY: number;
+    visiblePercentage: number;
+    original: {
+        pageX: number;
+        pageY: number;
+        visibleWidth: number;
+        visibleHeight: number;
+        scale: number;
+    };
+    scaled: {
+        pageX: number;
+        pageY: number;
+        visibleWidth: number;
+        visibleHeight: number;
+        scale: number;
+    };
+}
+export interface ScrollMetrics {
+    currentPage: number;
+    visiblePages: number[];
+    pageVisibilityMetrics: PageVisibilityMetrics[];
+    renderedPageIndexes: number[];
+    scrollOffset: {
+        x: number;
+        y: number;
+    };
+    startSpacing: number;
+    endSpacing: number;
+}
+export interface ScrollStrategyInterface {
+    initialize(container: HTMLElement, innerDiv: HTMLElement): void;
+    destroy(): void;
+    updateLayout(viewport: ViewportMetrics, pdfPageObject: PdfPageObject[][]): void;
+    handleScroll(viewport: ViewportMetrics): void;
+    getVirtualItems(): VirtualItem[];
+    scrollToPage(pageNumber: number, behavior?: ScrollBehavior): void;
+    calculateDimensions(pdfPageObject: PdfPageObject[][]): void;
+}
+export interface ScrollPluginConfig extends BasePluginConfig {
+    strategy?: ScrollStrategy;
+    initialPage?: number;
+    bufferSize?: number;
+    pageGap?: number;
+}
+export type LayoutChangePayload = Pick<ScrollState, 'virtualItems' | 'totalContentSize'>;
+export interface ScrollToPageOptions {
+    pageNumber: number;
+    pageCoordinates?: {
+        x: number;
+        y: number;
+    };
+    behavior?: ScrollBehavior;
+    center?: boolean;
+}
+export interface PageChangePayload {
+    pageNumber: number;
+    totalPages: number;
+}
+export interface ScrollCapability {
+    onScrollerData: EventHook<ScrollerLayout>;
+    onStateChange: EventHook<ScrollState>;
+    onScroll: EventHook<ScrollMetrics>;
+    getCurrentPage(): number;
+    getTotalPages(): number;
+    onPageChange: EventHook<PageChangePayload>;
+    onLayoutChange: EventHook<LayoutChangePayload>;
+    onLayoutReady: EventHook<boolean>;
+    scrollToPage(options: ScrollToPageOptions): void;
+    scrollToNextPage(behavior?: ScrollBehavior): void;
+    scrollToPreviousPage(behavior?: ScrollBehavior): void;
+    getMetrics(viewport?: ViewportMetrics): ScrollMetrics;
+    getLayout(): LayoutChangePayload;
+    getScrollerLayout(): ScrollerLayout;
+    getRectPositionForPage(page: number, rect: Rect, scale?: number, rotation?: Rotation): Rect | null;
+    setScrollStrategy(strategy: ScrollStrategy): void;
+    getPageGap(): number;
+}

package/dist/preact/adapter.d.ts

@@ -0,0 +1,4 @@
+export { Fragment } from 'preact';
+export { useEffect, useRef, useState } from 'preact/hooks';
+export type { ComponentChildren as ReactNode } from 'preact';
+export type HTMLAttributes<T = any> = import('preact').JSX.HTMLAttributes<T extends EventTarget ? T : never>;

package/dist/preact/core.d.ts

@@ -0,0 +1 @@
+export * from '@embedpdf/core/preact';

package/dist/preact/index.cjs

@@ -1,176 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/preact/index.ts
-var preact_exports = {};
-__export(preact_exports, {
-  Scroller: () => Scroller,
-  useScroll: () => useScroll,
-  useScrollCapability: () => useScrollCapability,
-  useScrollPlugin: () => useScrollPlugin
-});
-module.exports = __toCommonJS(preact_exports);
-
-// src/preact/hooks/use-scroll.ts
-var import_preact = require("@embedpdf/core/preact");
-var import_plugin_scroll = require("@embedpdf/plugin-scroll");
-var import_hooks = require("preact/hooks");
-var useScrollPlugin = () => (0, import_preact.usePlugin)(import_plugin_scroll.ScrollPlugin.id);
-var useScrollCapability = () => (0, import_preact.useCapability)(import_plugin_scroll.ScrollPlugin.id);
-var useScroll = () => {
-  const { provides: scroll } = useScrollCapability();
-  const [currentPage, setCurrentPage] = (0, import_hooks.useState)(1);
-  const [totalPages, setTotalPages] = (0, import_hooks.useState)(1);
-  (0, import_hooks.useEffect)(() => {
-    if (!scroll) return;
-    return scroll.onPageChange(({ pageNumber, totalPages: totalPages2 }) => {
-      setCurrentPage(pageNumber);
-      setTotalPages(totalPages2);
-    });
-  }, [scroll]);
-  return {
-    ...scroll,
-    currentPage,
-    totalPages
-  };
-};
-
-// src/preact/components/scroller.tsx
-var import_hooks2 = require("preact/hooks");
-var import_plugin_scroll2 = require("@embedpdf/plugin-scroll");
-var import_preact2 = require("@embedpdf/core/preact");
-var import_jsx_runtime = require("preact/jsx-runtime");
-function Scroller({ renderPage, overlayElements, ...props }) {
-  const { provides: scrollProvides } = useScrollCapability();
-  const { registry } = (0, import_preact2.useRegistry)();
-  const [scrollerLayout, setScrollerLayout] = (0, import_hooks2.useState)(
-    () => scrollProvides?.getScrollerLayout() ?? null
-  );
-  (0, import_hooks2.useEffect)(() => {
-    if (!scrollProvides) return;
-    return scrollProvides.onScrollerData(setScrollerLayout);
-  }, [scrollProvides]);
-  if (!scrollerLayout) return null;
-  if (!registry) return null;
-  const coreState = registry.getStore().getState();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
-    {
-      ...props,
-      style: {
-        width: `${scrollerLayout.totalWidth}px`,
-        height: `${scrollerLayout.totalHeight}px`,
-        position: "relative",
-        boxSizing: "border-box",
-        margin: "0 auto",
-        ...scrollerLayout.strategy === import_plugin_scroll2.ScrollStrategy.Horizontal && {
-          display: "flex",
-          flexDirection: "row"
-        }
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "div",
-          {
-            style: {
-              ...scrollerLayout.strategy === import_plugin_scroll2.ScrollStrategy.Horizontal ? {
-                width: scrollerLayout.startSpacing,
-                height: "100%",
-                flexShrink: 0
-              } : {
-                height: scrollerLayout.startSpacing,
-                width: "100%"
-              }
-            }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "div",
-          {
-            style: {
-              gap: scrollerLayout.pageGap,
-              display: "flex",
-              alignItems: "center",
-              position: "relative",
-              boxSizing: "border-box",
-              ...scrollerLayout.strategy === import_plugin_scroll2.ScrollStrategy.Horizontal ? {
-                flexDirection: "row",
-                minHeight: "100%"
-              } : {
-                flexDirection: "column",
-                minWidth: "fit-content"
-              }
-            },
-            children: scrollerLayout.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  justifyContent: "center",
-                  gap: scrollerLayout.pageGap
-                },
-                children: item.pageLayouts.map((layout) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "div",
-                  {
-                    style: {
-                      width: `${layout.rotatedWidth}px`,
-                      height: `${layout.rotatedHeight}px`
-                    },
-                    children: renderPage({
-                      ...layout,
-                      rotation: coreState.core.rotation,
-                      scale: coreState.core.scale,
-                      document: coreState.core.document
-                    })
-                  },
-                  layout.pageNumber
-                ))
-              },
-              item.pageNumbers[0]
-            ))
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "div",
-          {
-            style: {
-              ...scrollerLayout.strategy === import_plugin_scroll2.ScrollStrategy.Horizontal ? {
-                width: scrollerLayout.endSpacing,
-                height: "100%",
-                flexShrink: 0
-              } : {
-                height: scrollerLayout.endSpacing,
-                width: "100%"
-              }
-            }
-          }
-        ),
-        overlayElements
-      ]
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Scroller,
-  useScroll,
-  useScrollCapability,
-  useScrollPlugin
-});
-//# sourceMappingURL=index.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/preact"),t=require("@embedpdf/plugin-scroll");require("preact");const r=require("preact/hooks"),i=require("preact/jsx-runtime"),o=()=>e.usePlugin(t.ScrollPlugin.id),l=()=>e.useCapability(t.ScrollPlugin.id);exports.Scroller=function({renderPage:a,overlayElements:n,...s}){const{provides:c}=l(),{plugin:g}=o(),{registry:u}=e.useRegistry(),[d,p]=r.useState((()=>(null==c?void 0:c.getScrollerLayout())??null));if(r.useEffect((()=>{if(c)return c.onScrollerData(p)}),[c]),r.useEffect((()=>{g&&g.setLayoutReady()}),[g]),!d)return null;if(!u)return null;const h=u.getStore().getState();return i.jsxs("div",{...s,style:{width:`${d.totalWidth}px`,height:`${d.totalHeight}px`,position:"relative",boxSizing:"border-box",margin:"0 auto",...d.strategy===t.ScrollStrategy.Horizontal&&{display:"flex",flexDirection:"row"}},children:[i.jsx("div",{style:{...d.strategy===t.ScrollStrategy.Horizontal?{width:d.startSpacing,height:"100%",flexShrink:0}:{height:d.startSpacing,width:"100%"}}}),i.jsx("div",{style:{gap:d.pageGap,display:"flex",alignItems:"center",position:"relative",boxSizing:"border-box",...d.strategy===t.ScrollStrategy.Horizontal?{flexDirection:"row",minHeight:"100%"}:{flexDirection:"column",minWidth:"fit-content"}},children:d.items.map((e=>i.jsx("div",{style:{display:"flex",justifyContent:"center",gap:d.pageGap},children:e.pageLayouts.map((e=>i.jsx("div",{style:{width:`${e.rotatedWidth}px`,height:`${e.rotatedHeight}px`},children:a({...e,rotation:h.core.rotation,scale:h.core.scale,document:h.core.document})},e.pageNumber)))},e.pageNumbers[0])))}),i.jsx("div",{style:{...d.strategy===t.ScrollStrategy.Horizontal?{width:d.endSpacing,height:"100%",flexShrink:0}:{height:d.endSpacing,width:"100%"}}}),n]})},exports.useScroll=()=>{const{provides:e}=l(),[t,i]=r.useState(1),[o,a]=r.useState(1);return r.useEffect((()=>{if(e)return e.onPageChange((({pageNumber:e,totalPages:t})=>{i(e),a(t)}))}),[e]),{...e,currentPage:t,totalPages:o}},exports.useScrollCapability=l,exports.useScrollPlugin=o;
+//# sourceMappingURL=index.cjs.map

package/dist/preact/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/preact/index.ts","../../src/preact/hooks/use-scroll.ts","../../src/preact/components/scroller.tsx"],"sourcesContent":["export * from './hooks';\nexport * from './components';\n","import { useCapability, usePlugin } from '@embedpdf/core/preact';\nimport { ScrollPlugin } from '@embedpdf/plugin-scroll';\nimport { useEffect, useState } from 'preact/hooks';\n\nexport const useScrollPlugin = () => usePlugin<ScrollPlugin>(ScrollPlugin.id);\nexport const useScrollCapability = () => useCapability<ScrollPlugin>(ScrollPlugin.id);\n\nexport const useScroll = () => {\n  const { provides: scroll } = useScrollCapability();\n  const [currentPage, setCurrentPage] = useState(1);\n  const [totalPages, setTotalPages] = useState(1);\n\n  useEffect(() => {\n    if (!scroll) return;\n    return scroll.onPageChange(({ pageNumber, totalPages }) => {\n      setCurrentPage(pageNumber);\n      setTotalPages(totalPages);\n    });\n  }, [scroll]);\n\n  return {\n    ...scroll,\n    currentPage,\n    totalPages,\n  };\n};\n","/** @jsxImportSource preact */\nimport { JSX } from 'preact';\nimport { useEffect, useState } from 'preact/hooks';\nimport { ScrollStrategy, ScrollerLayout, PageLayout } from '@embedpdf/plugin-scroll';\nimport { useRegistry } from '@embedpdf/core/preact';\nimport { PdfDocumentObject, Rotation } from '@embedpdf/models';\n\nimport { useScrollCapability } from '../hooks';\n\ninterface RenderPageProps extends PageLayout {\n  rotation: Rotation;\n  scale: number;\n  document: PdfDocumentObject | null;\n}\n\ntype ScrollerProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  renderPage: (props: RenderPageProps) => JSX.Element;\n  overlayElements?: JSX.Element[];\n};\n\nexport function Scroller({ renderPage, overlayElements, ...props }: ScrollerProps) {\n  const { provides: scrollProvides } = useScrollCapability();\n  const { registry } = useRegistry();\n  const [scrollerLayout, setScrollerLayout] = useState<ScrollerLayout | null>(\n    () => scrollProvides?.getScrollerLayout() ?? null,\n  );\n\n  useEffect(() => {\n    if (!scrollProvides) return;\n\n    return scrollProvides.onScrollerData(setScrollerLayout);\n  }, [scrollProvides]);\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"],"mappings":"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","names":["totalPages","import_hooks","import_plugin_scroll","import_preact"]}
+{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-scroll.ts","../../src/shared/components/scroller.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { ScrollPlugin } from '@embedpdf/plugin-scroll';\nimport { useEffect, useState } from '@framework';\n\nexport const useScrollPlugin = () => usePlugin<ScrollPlugin>(ScrollPlugin.id);\nexport const useScrollCapability = () => useCapability<ScrollPlugin>(ScrollPlugin.id);\n\nexport const useScroll = () => {\n  const { provides: scroll } = useScrollCapability();\n  const [currentPage, setCurrentPage] = useState(1);\n  const [totalPages, setTotalPages] = useState(1);\n\n  useEffect(() => {\n    if (!scroll) return;\n    return scroll.onPageChange(({ pageNumber, totalPages }) => {\n      setCurrentPage(pageNumber);\n      setTotalPages(totalPages);\n    });\n  }, [scroll]);\n\n  return {\n    ...scroll,\n    currentPage,\n    totalPages,\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 { useScrollCapability, useScrollPlugin } from '../hooks';\n\ninterface 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 { provides: scrollProvides } = useScrollCapability();\n  const { plugin: scrollPlugin } = useScrollPlugin();\n  const { registry } = useRegistry();\n  const [scrollerLayout, setScrollerLayout] = useState<ScrollerLayout | null>(\n    () => scrollProvides?.getScrollerLayout() ?? null,\n  );\n\n  useEffect(() => {\n    if (!scrollProvides) return;\n\n    return scrollProvides.onScrollerData(setScrollerLayout);\n  }, [scrollProvides]);\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","provides","scrollProvides","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","scroll","currentPage","setCurrentPage","totalPages","setTotalPages","onPageChange"],"mappings":"gPAIaA,EAAkB,IAAMC,YAAwBC,EAAAA,aAAaC,IAC7DC,EAAsB,IAAMC,gBAA4BH,EAAAA,aAAaC,qBCa3E,UAAkBG,WAAEA,EAAAC,gBAAYA,KAAoBC,IACzD,MAAQC,SAAUC,GAAmBN,KAC7BO,OAAQC,GAAiBZ,KAC3Ba,SAAEA,GAAaC,iBACdC,EAAgBC,GAAqBC,EAAAA,UAC1C,WAAMP,WAAgBQ,sBAAuB,OAe3C,GAZJC,EAAAA,WAAU,KACR,GAAKT,EAEE,OAAAA,EAAeU,eAAeJ,EAAiB,GACrD,CAACN,IAEJS,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,IACKlB,EACJmB,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,SAAWlC,EAAA,IACPgD,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,WAIhBrB,IAGP,oBDhIyB,KACvB,MAAQE,SAAUuD,GAAW5D,KACtB6D,EAAaC,GAAkBjD,EAAAA,SAAS,IACxCkD,EAAYC,GAAiBnD,EAAAA,SAAS,GAUtC,OARPE,EAAAA,WAAU,KACR,GAAK6C,EACL,OAAOA,EAAOK,cAAa,EAAGR,aAAYM,WAAAA,MACxCD,EAAeL,GACfO,EAAcD,EAAU,GACzB,GACA,CAACH,IAEG,IACFA,EACHC,cACAE,aACF"}

package/dist/preact/index.d.ts

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

package/dist/preact/index.js

@@ -1,10 +1,11 @@
-// src/preact/hooks/use-scroll.ts
-import { useCapability, usePlugin } from "@embedpdf/core/preact";
-import { ScrollPlugin } from "@embedpdf/plugin-scroll";
-import { useEffect, useState } from "preact/hooks";
-var useScrollPlugin = () => usePlugin(ScrollPlugin.id);
-var useScrollCapability = () => useCapability(ScrollPlugin.id);
-var useScroll = () => {
+import { usePlugin, useCapability, useRegistry } from "@embedpdf/core/preact";
+import { ScrollPlugin, ScrollStrategy } from "@embedpdf/plugin-scroll";
+import "preact";
+import { useState, useEffect } from "preact/hooks";
+import { jsxs, jsx } from "preact/jsx-runtime";
+const useScrollPlugin = () => usePlugin(ScrollPlugin.id);
+const useScrollCapability = () => useCapability(ScrollPlugin.id);
+const useScroll = () => {
   const { provides: scroll } = useScrollCapability();
   const [currentPage, setCurrentPage] = useState(1);
   const [totalPages, setTotalPages] = useState(1);
@@ -21,22 +22,21 @@ var useScroll = () => {
     totalPages
   };
 };
-
-// src/preact/components/scroller.tsx
-import { useEffect as useEffect2, useState as useState2 } from "preact/hooks";
-import { ScrollStrategy } from "@embedpdf/plugin-scroll";
-import { useRegistry } from "@embedpdf/core/preact";
-import { jsx, jsxs } from "preact/jsx-runtime";
 function Scroller({ renderPage, overlayElements, ...props }) {
   const { provides: scrollProvides } = useScrollCapability();
+  const { plugin: scrollPlugin } = useScrollPlugin();
   const { registry } = useRegistry();
-  const [scrollerLayout, setScrollerLayout] = useState2(
-    () => scrollProvides?.getScrollerLayout() ?? null
+  const [scrollerLayout, setScrollerLayout] = useState(
+    () => (scrollProvides == null ? void 0 : scrollProvides.getScrollerLayout()) ?? null
   );
-  useEffect2(() => {
+  useEffect(() => {
     if (!scrollProvides) return;
     return scrollProvides.onScrollerData(setScrollerLayout);
   }, [scrollProvides]);
+  useEffect(() => {
+    if (!scrollPlugin) return;
+    scrollPlugin.setLayoutReady();
+  }, [scrollPlugin]);
   if (!scrollerLayout) return null;
   if (!registry) return null;
   const coreState = registry.getStore().getState();
@@ -143,4 +143,4 @@ export {
   useScrollCapability,
   useScrollPlugin
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/preact/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/preact/hooks/use-scroll.ts","../../src/preact/components/scroller.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/preact';\nimport { ScrollPlugin } from '@embedpdf/plugin-scroll';\nimport { useEffect, useState } from 'preact/hooks';\n\nexport const useScrollPlugin = () => usePlugin<ScrollPlugin>(ScrollPlugin.id);\nexport const useScrollCapability = () => useCapability<ScrollPlugin>(ScrollPlugin.id);\n\nexport const useScroll = () => {\n  const { provides: scroll } = useScrollCapability();\n  const [currentPage, setCurrentPage] = useState(1);\n  const [totalPages, setTotalPages] = useState(1);\n\n  useEffect(() => {\n    if (!scroll) return;\n    return scroll.onPageChange(({ pageNumber, totalPages }) => {\n      setCurrentPage(pageNumber);\n      setTotalPages(totalPages);\n    });\n  }, [scroll]);\n\n  return {\n    ...scroll,\n    currentPage,\n    totalPages,\n  };\n};\n","/** @jsxImportSource preact */\nimport { JSX } from 'preact';\nimport { useEffect, useState } from 'preact/hooks';\nimport { ScrollStrategy, ScrollerLayout, PageLayout } from '@embedpdf/plugin-scroll';\nimport { useRegistry } from '@embedpdf/core/preact';\nimport { PdfDocumentObject, Rotation } from '@embedpdf/models';\n\nimport { useScrollCapability } from '../hooks';\n\ninterface RenderPageProps extends PageLayout {\n  rotation: Rotation;\n  scale: number;\n  document: PdfDocumentObject | null;\n}\n\ntype ScrollerProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  renderPage: (props: RenderPageProps) => JSX.Element;\n  overlayElements?: JSX.Element[];\n};\n\nexport function Scroller({ renderPage, overlayElements, ...props }: ScrollerProps) {\n  const { provides: scrollProvides } = useScrollCapability();\n  const { registry } = useRegistry();\n  const [scrollerLayout, setScrollerLayout] = useState<ScrollerLayout | null>(\n    () => scrollProvides?.getScrollerLayout() ?? null,\n  );\n\n  useEffect(() => {\n    if (!scrollProvides) return;\n\n    return scrollProvides.onScrollerData(setScrollerLayout);\n  }, [scrollProvides]);\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"],"mappings":";AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,oBAAoB;AAC7B,SAAS,WAAW,gBAAgB;AAE7B,IAAM,kBAAkB,MAAM,UAAwB,aAAa,EAAE;AACrE,IAAM,sBAAsB,MAAM,cAA4B,aAAa,EAAE;AAE7E,IAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,UAAU,OAAO,IAAI,oBAAoB;AACjD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAChD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC;AAE9C,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,WAAO,OAAO,aAAa,CAAC,EAAE,YAAY,YAAAA,YAAW,MAAM;AACzD,qBAAe,UAAU;AACzB,oBAAcA,WAAU;AAAA,IAC1B,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,CAAC;AAEX,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;;;ACvBA,SAAS,aAAAC,YAAW,YAAAC,iBAAgB;AACpC,SAAS,sBAAkD;AAC3D,SAAS,mBAAmB;AAmCxB,SAcE,KAdF;AAnBG,SAAS,SAAS,EAAE,YAAY,iBAAiB,GAAG,MAAM,GAAkB;AACjF,QAAM,EAAE,UAAU,eAAe,IAAI,oBAAoB;AACzD,QAAM,EAAE,SAAS,IAAI,YAAY;AACjC,QAAM,CAAC,gBAAgB,iBAAiB,IAAIC;AAAA,IAC1C,MAAM,gBAAgB,kBAAkB,KAAK;AAAA,EAC/C;AAEA,EAAAC,WAAU,MAAM;AACd,QAAI,CAAC,eAAgB;AAErB,WAAO,eAAe,eAAe,iBAAiB;AAAA,EACxD,GAAG,CAAC,cAAc,CAAC;AAEnB,MAAI,CAAC,eAAgB,QAAO;AAC5B,MAAI,CAAC,SAAU,QAAO;AAEtB,QAAM,YAAY,SAAS,SAAS,EAAE,SAAS;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO;AAAA,QACL,OAAO,GAAG,eAAe,UAAU;AAAA,QACnC,QAAQ,GAAG,eAAe,WAAW;AAAA,QACrC,UAAU;AAAA,QACV,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,GAAI,eAAe,aAAa,eAAe,cAAc;AAAA,UAC3D,SAAS;AAAA,UACT,eAAe;AAAA,QACjB;AAAA,MACF;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,GAAI,eAAe,aAAa,eAAe,aAC3C;AAAA,gBACE,OAAO,eAAe;AAAA,gBACtB,QAAQ;AAAA,gBACR,YAAY;AAAA,cACd,IACA;AAAA,gBACE,QAAQ,eAAe;AAAA,gBACvB,OAAO;AAAA,cACT;AAAA,YACN;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,KAAK,eAAe;AAAA,cACpB,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,WAAW;AAAA,cACX,GAAI,eAAe,aAAa,eAAe,aAC3C;AAAA,gBACE,eAAe;AAAA,gBACf,WAAW;AAAA,cACb,IACA;AAAA,gBACE,eAAe;AAAA,gBACf,UAAU;AAAA,cACZ;AAAA,YACN;AAAA,YAEC,yBAAe,MAAM,IAAI,CAAC,SACzB;AAAA,cAAC;AAAA;AAAA,gBAEC,OAAO;AAAA,kBACL,SAAS;AAAA,kBACT,gBAAgB;AAAA,kBAChB,KAAK,eAAe;AAAA,gBACtB;AAAA,gBAEC,eAAK,YAAY,IAAI,CAAC,WACrB;AAAA,kBAAC;AAAA;AAAA,oBAEC,OAAO;AAAA,sBACL,OAAO,GAAG,OAAO,YAAY;AAAA,sBAC7B,QAAQ,GAAG,OAAO,aAAa;AAAA,oBACjC;AAAA,oBAEC,qBAAW;AAAA,sBACV,GAAG;AAAA,sBACH,UAAU,UAAU,KAAK;AAAA,sBACzB,OAAO,UAAU,KAAK;AAAA,sBACtB,UAAU,UAAU,KAAK;AAAA,oBAC3B,CAAC;AAAA;AAAA,kBAXI,OAAO;AAAA,gBAYd,CACD;AAAA;AAAA,cAtBI,KAAK,YAAY,CAAC;AAAA,YAuBzB,CACD;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,GAAI,eAAe,aAAa,eAAe,aAC3C;AAAA,gBACE,OAAO,eAAe;AAAA,gBACtB,QAAQ;AAAA,gBACR,YAAY;AAAA,cACd,IACA;AAAA,gBACE,QAAQ,eAAe;AAAA,gBACvB,OAAO;AAAA,cACT;AAAA,YACN;AAAA;AAAA,QACF;AAAA,QACC;AAAA;AAAA;AAAA,EACH;AAEJ;","names":["totalPages","useEffect","useState","useState","useEffect"]}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-scroll.ts","../../src/shared/components/scroller.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { ScrollPlugin } from '@embedpdf/plugin-scroll';\nimport { useEffect, useState } from '@framework';\n\nexport const useScrollPlugin = () => usePlugin<ScrollPlugin>(ScrollPlugin.id);\nexport const useScrollCapability = () => useCapability<ScrollPlugin>(ScrollPlugin.id);\n\nexport const useScroll = () => {\n  const { provides: scroll } = useScrollCapability();\n  const [currentPage, setCurrentPage] = useState(1);\n  const [totalPages, setTotalPages] = useState(1);\n\n  useEffect(() => {\n    if (!scroll) return;\n    return scroll.onPageChange(({ pageNumber, totalPages }) => {\n      setCurrentPage(pageNumber);\n      setTotalPages(totalPages);\n    });\n  }, [scroll]);\n\n  return {\n    ...scroll,\n    currentPage,\n    totalPages,\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 { useScrollCapability, useScrollPlugin } from '../hooks';\n\ninterface 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 { provides: scrollProvides } = useScrollCapability();\n  const { plugin: scrollPlugin } = useScrollPlugin();\n  const { registry } = useRegistry();\n  const [scrollerLayout, setScrollerLayout] = useState<ScrollerLayout | null>(\n    () => scrollProvides?.getScrollerLayout() ?? null,\n  );\n\n  useEffect(() => {\n    if (!scrollProvides) return;\n\n    return scrollProvides.onScrollerData(setScrollerLayout);\n  }, [scrollProvides]);\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/adapter.d.ts

@@ -0,0 +1,2 @@
+export { Fragment, useEffect, useRef, useState } from 'react';
+export type { ReactNode, HTMLAttributes } from 'react';

package/dist/react/core.d.ts

@@ -0,0 +1 @@
+export * from '@embedpdf/core/react';