@embedpdf/plugin-scroll 1.0.10 → 1.0.12

package/dist/index.cjs

@@ -1,651 +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/index.ts
-var index_exports = {};
-__export(index_exports, {
-  SCROLL_PLUGIN_ID: () => SCROLL_PLUGIN_ID,
-  ScrollPlugin: () => ScrollPlugin,
-  ScrollPluginPackage: () => ScrollPluginPackage,
-  ScrollStrategy: () => ScrollStrategy,
-  manifest: () => manifest
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/lib/scroll-plugin.ts
-var import_core = require("@embedpdf/core");
-var import_models2 = require("@embedpdf/models");
-
-// src/lib/types.ts
-var ScrollStrategy = /* @__PURE__ */ ((ScrollStrategy2) => {
-  ScrollStrategy2["Vertical"] = "vertical";
-  ScrollStrategy2["Horizontal"] = "horizontal";
-  return ScrollStrategy2;
-})(ScrollStrategy || {});
-
-// src/lib/strategies/base-strategy.ts
-var import_models = require("@embedpdf/models");
-var BaseScrollStrategy = class {
-  constructor(config) {
-    this.pageGap = config.pageGap ?? 20;
-    this.viewportGap = config.viewportGap ?? 20;
-    this.bufferSize = config.bufferSize ?? 2;
-  }
-  getVisibleRange(viewport, virtualItems, scale) {
-    const scrollOffset = this.getScrollOffset(viewport);
-    const clientSize = this.getClientSize(viewport);
-    const viewportStart = scrollOffset;
-    const viewportEnd = scrollOffset + clientSize;
-    let startIndex = 0;
-    while (startIndex < virtualItems.length && (virtualItems[startIndex].offset + virtualItems[startIndex].height) * scale <= viewportStart) {
-      startIndex++;
-    }
-    let endIndex = startIndex;
-    while (endIndex < virtualItems.length && virtualItems[endIndex].offset * scale <= viewportEnd) {
-      endIndex++;
-    }
-    return {
-      start: Math.max(0, startIndex - this.bufferSize),
-      end: Math.min(virtualItems.length - 1, endIndex + this.bufferSize - 1)
-    };
-  }
-  handleScroll(viewport, virtualItems, scale) {
-    const range = this.getVisibleRange(viewport, virtualItems, scale);
-    const visibleItems = virtualItems.slice(range.start, range.end + 1);
-    const pageVisibilityMetrics = this.calculatePageVisibility(visibleItems, viewport, scale);
-    const visiblePages = pageVisibilityMetrics.map((m) => m.pageNumber);
-    const renderedPageIndexes = virtualItems.slice(range.start, range.end + 1).flatMap((item) => item.index);
-    const currentPage = this.determineCurrentPage(pageVisibilityMetrics);
-    const first = virtualItems[range.start];
-    const last = virtualItems[range.end];
-    const startSpacing = first ? first.offset * scale : 0;
-    const endSpacing = last ? (virtualItems[virtualItems.length - 1].offset + // end of content
-    virtualItems[virtualItems.length - 1].height) * scale - // minus
-    (last.offset + last.height) * scale : 0;
-    return {
-      currentPage,
-      visiblePages,
-      pageVisibilityMetrics,
-      renderedPageIndexes,
-      scrollOffset: { x: viewport.scrollLeft, y: viewport.scrollTop },
-      startSpacing,
-      endSpacing
-    };
-  }
-  calculatePageVisibility(virtualItems, viewport, scale) {
-    const visibilityMetrics = [];
-    virtualItems.forEach((item) => {
-      item.pageLayouts.forEach((page) => {
-        const itemX = item.x * scale;
-        const itemY = item.y * scale;
-        const pageX = itemX + page.x * scale;
-        const pageY = itemY + page.y * scale;
-        const pageWidth = page.rotatedWidth * scale;
-        const pageHeight = page.rotatedHeight * scale;
-        const viewportLeft = viewport.scrollLeft;
-        const viewportTop = viewport.scrollTop;
-        const viewportRight = viewportLeft + viewport.clientWidth;
-        const viewportBottom = viewportTop + viewport.clientHeight;
-        const intersectionLeft = Math.max(pageX, viewportLeft);
-        const intersectionTop = Math.max(pageY, viewportTop);
-        const intersectionRight = Math.min(pageX + pageWidth, viewportRight);
-        const intersectionBottom = Math.min(pageY + pageHeight, viewportBottom);
-        if (intersectionLeft < intersectionRight && intersectionTop < intersectionBottom) {
-          const visibleWidth = intersectionRight - intersectionLeft;
-          const visibleHeight = intersectionBottom - intersectionTop;
-          const totalArea = pageWidth * pageHeight;
-          const visibleArea = visibleWidth * visibleHeight;
-          visibilityMetrics.push({
-            pageNumber: page.pageNumber,
-            viewportX: intersectionLeft - viewportLeft,
-            viewportY: intersectionTop - viewportTop,
-            visiblePercentage: visibleArea / totalArea * 100,
-            original: {
-              pageX: (intersectionLeft - pageX) / scale,
-              pageY: (intersectionTop - pageY) / scale,
-              visibleWidth: visibleWidth / scale,
-              visibleHeight: visibleHeight / scale,
-              scale: 1
-            },
-            scaled: {
-              pageX: intersectionLeft - pageX,
-              pageY: intersectionTop - pageY,
-              visibleWidth,
-              visibleHeight,
-              scale
-            }
-          });
-        }
-      });
-    });
-    return visibilityMetrics;
-  }
-  determineCurrentPage(visibilityMetrics) {
-    if (visibilityMetrics.length === 0) return 1;
-    const maxVisibility = Math.max(...visibilityMetrics.map((m) => m.visiblePercentage));
-    const mostVisiblePages = visibilityMetrics.filter((m) => m.visiblePercentage === maxVisibility);
-    return mostVisiblePages.length === 1 ? mostVisiblePages[0].pageNumber : mostVisiblePages.sort((a, b) => a.pageNumber - b.pageNumber)[0].pageNumber;
-  }
-  getRectLocationForPage(pageNumber, virtualItems) {
-    const item = virtualItems.find((item2) => item2.pageNumbers.includes(pageNumber));
-    if (!item) return null;
-    const pageLayout = item.pageLayouts.find((layout) => layout.pageNumber === pageNumber);
-    if (!pageLayout) return null;
-    return {
-      origin: {
-        x: item.x + pageLayout.x,
-        y: item.y + pageLayout.y
-      },
-      size: {
-        width: pageLayout.width,
-        height: pageLayout.height
-      }
-    };
-  }
-  getScrollPositionForPage(pageNumber, virtualItems, scale, rotation, pageCoordinates) {
-    const pageRect = this.getRectLocationForPage(pageNumber, virtualItems);
-    if (!pageRect) return null;
-    const scaledBasePosition = (0, import_models.scalePosition)(pageRect.origin, scale);
-    if (pageCoordinates) {
-      const rotatedSize = (0, import_models.transformPosition)(
-        {
-          width: pageRect.size.width,
-          height: pageRect.size.height
-        },
-        {
-          x: pageCoordinates.x,
-          y: pageCoordinates.y
-        },
-        rotation,
-        scale
-      );
-      return {
-        x: scaledBasePosition.x + rotatedSize.x + this.viewportGap,
-        y: scaledBasePosition.y + rotatedSize.y + this.viewportGap
-      };
-    }
-    return {
-      x: scaledBasePosition.x + this.viewportGap,
-      y: scaledBasePosition.y + this.viewportGap
-    };
-  }
-  getRectPositionForPage(pageNumber, virtualItems, scale, rotation, rect) {
-    const pageRect = this.getRectLocationForPage(pageNumber, virtualItems);
-    if (!pageRect) return null;
-    const scaledBasePosition = (0, import_models.scalePosition)(pageRect.origin, scale);
-    const rotatedSize = (0, import_models.transformRect)(
-      {
-        width: pageRect.size.width,
-        height: pageRect.size.height
-      },
-      rect,
-      rotation,
-      scale
-    );
-    return {
-      origin: {
-        x: scaledBasePosition.x + rotatedSize.origin.x,
-        y: scaledBasePosition.y + rotatedSize.origin.y
-      },
-      size: rotatedSize.size
-    };
-  }
-};
-
-// src/lib/strategies/vertical-strategy.ts
-var VerticalScrollStrategy = class extends BaseScrollStrategy {
-  constructor(config) {
-    super(config);
-  }
-  createVirtualItems(pdfPageObject) {
-    let yOffset = 0;
-    return pdfPageObject.map((pagesInSpread, index) => {
-      let pageX = 0;
-      const pageLayouts = pagesInSpread.map((page) => {
-        const layout = {
-          pageNumber: page.index + 1,
-          pageIndex: page.index,
-          x: pageX,
-          y: 0,
-          width: page.size.width,
-          height: page.size.height,
-          rotatedWidth: page.rotatedSize.width,
-          rotatedHeight: page.rotatedSize.height
-        };
-        pageX += page.rotatedSize.width + this.pageGap;
-        return layout;
-      });
-      const width = pagesInSpread.reduce(
-        (sum, page, i) => sum + page.rotatedSize.width + (i < pagesInSpread.length - 1 ? this.pageGap : 0),
-        0
-      );
-      const height = Math.max(...pagesInSpread.map((p) => p.rotatedSize.height));
-      const item = {
-        id: `item-${index}`,
-        x: 0,
-        y: yOffset,
-        offset: yOffset,
-        width,
-        height,
-        pageLayouts,
-        pageNumbers: pagesInSpread.map((p) => p.index + 1),
-        index
-      };
-      yOffset += height + this.pageGap;
-      return item;
-    });
-  }
-  getTotalContentSize(virtualItems) {
-    if (virtualItems.length === 0) return { width: 0, height: 0 };
-    const maxWidth = Math.max(...virtualItems.map((item) => item.width));
-    const totalHeight = virtualItems[virtualItems.length - 1].y + virtualItems[virtualItems.length - 1].height;
-    return {
-      width: maxWidth,
-      height: totalHeight
-    };
-  }
-  getScrollOffset(viewport) {
-    return viewport.scrollTop;
-  }
-  getClientSize(viewport) {
-    return viewport.clientHeight;
-  }
-};
-
-// src/lib/strategies/horizontal-strategy.ts
-var HorizontalScrollStrategy = class extends BaseScrollStrategy {
-  constructor(config) {
-    super(config);
-  }
-  createVirtualItems(pdfPageObject) {
-    let xOffset = 0;
-    return pdfPageObject.map((pagesInSpread, index) => {
-      let pageX = 0;
-      const pageLayouts = pagesInSpread.map((page) => {
-        const layout = {
-          pageNumber: page.index + 1,
-          pageIndex: page.index,
-          x: pageX,
-          y: 0,
-          width: page.size.width,
-          height: page.size.height,
-          rotatedWidth: page.rotatedSize.width,
-          rotatedHeight: page.rotatedSize.height
-        };
-        pageX += page.rotatedSize.width + this.pageGap;
-        return layout;
-      });
-      const width = pagesInSpread.reduce(
-        (sum, page, i) => sum + page.rotatedSize.width + (i < pagesInSpread.length - 1 ? this.pageGap : 0),
-        0
-      );
-      const height = Math.max(...pagesInSpread.map((p) => p.rotatedSize.height));
-      const item = {
-        id: `item-${index}`,
-        x: xOffset,
-        y: 0,
-        offset: xOffset,
-        width,
-        height,
-        pageLayouts,
-        pageNumbers: pagesInSpread.map((p) => p.index + 1),
-        index
-      };
-      xOffset += width + this.pageGap;
-      return item;
-    });
-  }
-  getTotalContentSize(virtualItems) {
-    if (virtualItems.length === 0) return { width: 0, height: 0 };
-    const totalWidth = virtualItems[virtualItems.length - 1].x + virtualItems[virtualItems.length - 1].width;
-    const maxHeight = Math.max(...virtualItems.map((item) => item.height));
-    return {
-      width: totalWidth,
-      height: maxHeight
-    };
-  }
-  getScrollOffset(viewport) {
-    return viewport.scrollLeft;
-  }
-  getClientSize(viewport) {
-    return viewport.clientWidth;
-  }
-};
-
-// src/lib/actions.ts
-var UPDATE_SCROLL_STATE = "UPDATE_SCROLL_STATE";
-var SET_DESIRED_SCROLL_POSITION = "SET_DESIRED_SCROLL_POSITION";
-var UPDATE_TOTAL_PAGES = "UPDATE_TOTAL_PAGES";
-function updateScrollState(payload) {
-  return { type: UPDATE_SCROLL_STATE, payload };
-}
-function updateTotalPages(payload) {
-  return { type: UPDATE_TOTAL_PAGES, payload };
-}
-
-// src/lib/selectors.ts
-var getScrollerLayout = (state, scale) => {
-  return {
-    startSpacing: state.startSpacing,
-    endSpacing: state.endSpacing,
-    totalWidth: state.totalContentSize.width * scale,
-    totalHeight: state.totalContentSize.height * scale,
-    pageGap: state.pageGap * scale,
-    strategy: state.strategy,
-    items: state.renderedPageIndexes.map((idx) => {
-      return {
-        ...state.virtualItems[idx],
-        pageLayouts: state.virtualItems[idx].pageLayouts.map((layout) => {
-          return {
-            ...layout,
-            rotatedWidth: layout.rotatedWidth * scale,
-            rotatedHeight: layout.rotatedHeight * scale,
-            width: layout.width * scale,
-            height: layout.height * scale
-          };
-        })
-      };
-    })
-  };
-};
-
-// src/lib/scroll-plugin.ts
-var ScrollPlugin = class extends import_core.BasePlugin {
-  constructor(id, registry, config) {
-    super(id, registry);
-    this.id = id;
-    this.config = config;
-    this.currentScale = 1;
-    this.currentRotation = import_models2.Rotation.Degree0;
-    this.currentPage = 1;
-    this.layout$ = (0, import_core.createBehaviorEmitter)();
-    this.scroll$ = (0, import_core.createBehaviorEmitter)();
-    this.state$ = (0, import_core.createBehaviorEmitter)();
-    this.scrollerLayout$ = (0, import_core.createBehaviorEmitter)();
-    this.pageChange$ = (0, import_core.createBehaviorEmitter)();
-    this.viewport = this.registry.getPlugin("viewport").provides();
-    this.strategyConfig = {
-      pageGap: this.config?.pageGap ?? 10,
-      viewportGap: this.viewport.getViewportGap(),
-      bufferSize: this.config?.bufferSize ?? 2
-    };
-    this.strategy = this.config?.strategy === "horizontal" /* Horizontal */ ? new HorizontalScrollStrategy(this.strategyConfig) : new VerticalScrollStrategy(this.strategyConfig);
-    this.initialPage = this.config?.initialPage;
-    this.currentScale = this.coreState.core.scale;
-    this.currentRotation = this.coreState.core.rotation;
-    this.viewport.onViewportChange((vp) => this.commitMetrics(this.computeMetrics(vp)), {
-      mode: "throttle",
-      wait: 250
-    });
-    this.coreStore.onAction(import_core.SET_DOCUMENT, (_action, state) => {
-      const totalPages = state.core.pages.length;
-      this.dispatch(updateTotalPages(totalPages));
-      this.pageChange$.emit({ pageNumber: this.currentPage, totalPages });
-      this.refreshAll((0, import_core.getPagesWithRotatedSize)(state.core), this.viewport.getMetrics());
-    });
-    this.coreStore.onAction(
-      import_core.SET_ROTATION,
-      (_action, state) => this.refreshAll((0, import_core.getPagesWithRotatedSize)(state.core), this.viewport.getMetrics())
-    );
-    this.coreStore.onAction(
-      import_core.SET_PAGES,
-      (_action, state) => this.refreshAll((0, import_core.getPagesWithRotatedSize)(state.core), this.viewport.getMetrics())
-    );
-  }
-  /* ------------------------------------------------------------------ */
-  /*  ᴄᴏᴍᴘᴜᴛᴇʀs                                                       */
-  /* ------------------------------------------------------------------ */
-  computeLayout(pages) {
-    const virtualItems = this.strategy.createVirtualItems(pages);
-    const totalContentSize = this.strategy.getTotalContentSize(virtualItems);
-    return { virtualItems, totalContentSize };
-  }
-  computeMetrics(vp, items = this.state.virtualItems) {
-    return this.strategy.handleScroll(vp, items, this.currentScale);
-  }
-  /* ------------------------------------------------------------------ */
-  /*  ᴄᴏᴍᴍɪᴛ  (single source of truth)                                  */
-  /* ------------------------------------------------------------------ */
-  commit(stateDelta, emit) {
-    this.dispatch(updateScrollState(stateDelta));
-    if (emit?.layout) this.layout$.emit(emit.layout);
-    if (emit?.metrics) {
-      this.scroll$.emit(emit.metrics);
-      if (emit.metrics.currentPage !== this.currentPage) {
-        this.currentPage = emit.metrics.currentPage;
-        this.pageChange$.emit({ pageNumber: this.currentPage, totalPages: this.state.totalPages });
-      }
-    }
-    this.scrollerLayout$.emit(this.getScrollerLayoutFromState());
-  }
-  /* convenience wrappers */
-  commitMetrics(metrics) {
-    this.commit(metrics, { metrics });
-  }
-  /* full re-compute after page-spread or initialisation */
-  refreshAll(pages, vp) {
-    const layout = this.computeLayout(pages);
-    const metrics = this.computeMetrics(vp, layout.virtualItems);
-    this.commit({ ...layout, ...metrics }, { layout, metrics });
-  }
-  getVirtualItemsFromState() {
-    return this.state.virtualItems || [];
-  }
-  getScrollerLayoutFromState() {
-    const scale = this.coreState.core.scale;
-    return getScrollerLayout(this.state, scale);
-  }
-  pushScrollLayout() {
-    this.scrollerLayout$.emit(this.getScrollerLayoutFromState());
-  }
-  onStoreUpdated(_prevState, _newState) {
-    this.pushScrollLayout();
-  }
-  onCoreStoreUpdated(prevState, newState) {
-    if (prevState.core.scale !== newState.core.scale) {
-      this.currentScale = newState.core.scale;
-      this.commitMetrics(this.computeMetrics(this.viewport.getMetrics()));
-    }
-    if (prevState.core.rotation !== newState.core.rotation) {
-      this.currentRotation = newState.core.rotation;
-    }
-  }
-  /**
-   * Change the scroll strategy at runtime (e.g., vertical <-> horizontal)
-   * @param newStrategy ScrollStrategy.Horizontal or ScrollStrategy.Vertical
-   */
-  setScrollStrategy(newStrategy) {
-    if (newStrategy === "horizontal" /* Horizontal */ && this.strategy instanceof HorizontalScrollStrategy || newStrategy === "vertical" /* Vertical */ && this.strategy instanceof VerticalScrollStrategy) {
-      return;
-    }
-    this.strategy = newStrategy === "horizontal" /* Horizontal */ ? new HorizontalScrollStrategy(this.strategyConfig) : new VerticalScrollStrategy(this.strategyConfig);
-    this.dispatch(
-      updateScrollState({
-        strategy: newStrategy
-      })
-    );
-    const pages = (0, import_core.getPagesWithRotatedSize)(this.coreState.core);
-    this.refreshAll(pages, this.viewport.getMetrics());
-  }
-  buildCapability() {
-    return {
-      onStateChange: this.state$.on,
-      onLayoutChange: this.layout$.on,
-      onScroll: this.scroll$.on,
-      onPageChange: this.pageChange$.on,
-      onScrollerData: this.scrollerLayout$.on,
-      getCurrentPage: () => this.currentPage,
-      getTotalPages: () => this.state.totalPages,
-      scrollToPage: (options) => {
-        const { pageNumber, behavior = "smooth", pageCoordinates, center = false } = options;
-        const virtualItems = this.getVirtualItemsFromState();
-        const position = this.strategy.getScrollPositionForPage(
-          pageNumber,
-          virtualItems,
-          this.currentScale,
-          this.currentRotation,
-          pageCoordinates
-        );
-        if (position) {
-          this.viewport.scrollTo({ ...position, behavior, center });
-        }
-      },
-      scrollToNextPage: (behavior = "smooth") => {
-        const virtualItems = this.getVirtualItemsFromState();
-        const currentItemIndex = virtualItems.findIndex(
-          (item) => item.pageNumbers.includes(this.currentPage)
-        );
-        if (currentItemIndex >= 0 && currentItemIndex < virtualItems.length - 1) {
-          const nextItem = virtualItems[currentItemIndex + 1];
-          const position = this.strategy.getScrollPositionForPage(
-            nextItem.pageNumbers[0],
-            virtualItems,
-            this.currentScale,
-            this.currentRotation
-          );
-          if (position) {
-            this.viewport.scrollTo({ ...position, behavior });
-          }
-        }
-      },
-      scrollToPreviousPage: (behavior = "smooth") => {
-        const virtualItems = this.getVirtualItemsFromState();
-        const currentItemIndex = virtualItems.findIndex(
-          (item) => item.pageNumbers.includes(this.currentPage)
-        );
-        if (currentItemIndex > 0) {
-          const prevItem = virtualItems[currentItemIndex - 1];
-          const position = this.strategy.getScrollPositionForPage(
-            prevItem.pageNumbers[0],
-            virtualItems,
-            this.currentScale,
-            this.currentRotation
-          );
-          if (position) {
-            this.viewport.scrollTo({ ...position, behavior });
-          }
-        }
-      },
-      getMetrics: this.getMetrics.bind(this),
-      getLayout: this.getLayout.bind(this),
-      getRectPositionForPage: this.getRectPositionForPage.bind(this),
-      getPageGap: () => this.state.pageGap,
-      getScrollerLayout: () => this.getScrollerLayoutFromState(),
-      setScrollStrategy: (strategy) => this.setScrollStrategy(strategy)
-    };
-  }
-  getMetrics(viewport) {
-    const metrics = viewport || this.viewport.getMetrics();
-    const virtualItems = this.getVirtualItemsFromState();
-    return this.strategy.handleScroll(metrics, virtualItems, this.currentScale);
-  }
-  getLayout() {
-    return {
-      virtualItems: this.state.virtualItems,
-      totalContentSize: this.state.totalContentSize
-    };
-  }
-  getRectPositionForPage(pageIndex, rect, scale, rotation) {
-    return this.strategy.getRectPositionForPage(
-      pageIndex + 1,
-      this.state.virtualItems,
-      scale ?? this.currentScale,
-      rotation ?? this.currentRotation,
-      rect
-    );
-  }
-  async initialize() {
-  }
-  async destroy() {
-    this.layout$.clear();
-    this.scroll$.clear();
-    this.pageChange$.clear();
-    this.state$.clear();
-    super.destroy();
-  }
-};
-ScrollPlugin.id = "scroll";
-
-// src/lib/manifest.ts
-var SCROLL_PLUGIN_ID = "scroll";
-var manifest = {
-  id: SCROLL_PLUGIN_ID,
-  name: "Scroll Plugin",
-  version: "1.0.0",
-  provides: ["scroll"],
-  requires: ["viewport"],
-  optional: [],
-  defaultConfig: {
-    enabled: true,
-    pageGap: 10
-  }
-};
-
-// src/lib/reducer.ts
-var import_core2 = require("@embedpdf/core");
-var defaultScrollMetrics = {
-  currentPage: 1,
-  visiblePages: [],
-  pageVisibilityMetrics: [],
-  renderedPageIndexes: [],
-  scrollOffset: { x: 0, y: 0 },
-  startSpacing: 0,
-  endSpacing: 0
-};
-var initialState = (coreState, config) => ({
-  virtualItems: [],
-  totalPages: coreState.pages.length,
-  totalContentSize: { width: 0, height: 0 },
-  desiredScrollPosition: { x: 0, y: 0 },
-  strategy: config.strategy ?? "vertical" /* Vertical */,
-  pageGap: config.pageGap ?? 10,
-  scale: coreState.scale,
-  ...defaultScrollMetrics
-});
-var scrollReducer = (state, action) => {
-  switch (action.type) {
-    case UPDATE_TOTAL_PAGES:
-      return { ...state, totalPages: action.payload };
-    case import_core2.SET_SCALE:
-      return { ...state, scale: action.payload };
-    case UPDATE_SCROLL_STATE:
-      return { ...state, ...action.payload };
-    case SET_DESIRED_SCROLL_POSITION:
-      return { ...state, desiredScrollPosition: action.payload };
-    default:
-      return state;
-  }
-};
-
-// src/lib/index.ts
-var ScrollPluginPackage = {
-  manifest,
-  create: (registry, _engine, config) => new ScrollPlugin(SCROLL_PLUGIN_ID, registry, config),
-  reducer: scrollReducer,
-  initialState: (coreState, config) => initialState(coreState, config)
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SCROLL_PLUGIN_ID,
-  ScrollPlugin,
-  ScrollPluginPackage,
-  ScrollStrategy,
-  manifest
-});
-//# sourceMappingURL=index.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@embedpdf/core"),e=require("@embedpdf/models");var i=(t=>(t.Vertical="vertical",t.Horizontal="horizontal",t))(i||{});class r{constructor(t){this.pageGap=t.pageGap??20,this.viewportGap=t.viewportGap??20,this.bufferSize=t.bufferSize??2}getVisibleRange(t,e,i){const r=this.getScrollOffset(t),a=r,s=r+this.getClientSize(t);let o=0;for(;o<e.length&&(e[o].offset+e[o].height)*i<=a;)o++;let n=o;for(;n<e.length&&e[n].offset*i<=s;)n++;return{start:Math.max(0,o-this.bufferSize),end:Math.min(e.length-1,n+this.bufferSize-1)}}handleScroll(t,e,i){const r=this.getVisibleRange(t,e,i),a=e.slice(r.start,r.end+1),s=this.calculatePageVisibility(a,t,i),o=s.map((t=>t.pageNumber)),n=e.slice(r.start,r.end+1).flatMap((t=>t.index)),h=this.determineCurrentPage(s),l=e[r.start],g=e[r.end],c=l?l.offset*i:0,u=g?(e[e.length-1].offset+e[e.length-1].height)*i-(g.offset+g.height)*i:0;return{currentPage:h,visiblePages:o,pageVisibilityMetrics:s,renderedPageIndexes:n,scrollOffset:{x:t.scrollLeft,y:t.scrollTop},startSpacing:c,endSpacing:u}}calculatePageVisibility(t,e,i){const r=[];return t.forEach((t=>{t.pageLayouts.forEach((a=>{const s=t.x*i,o=t.y*i,n=s+a.x*i,h=o+a.y*i,l=a.rotatedWidth*i,g=a.rotatedHeight*i,c=e.scrollLeft,u=e.scrollTop,p=c+e.clientWidth,d=u+e.clientHeight,m=Math.max(n,c),y=Math.max(h,u),S=Math.min(n+l,p),f=Math.min(h+g,d);if(m<S&&y<f){const t=S-m,e=f-y,s=l*g,o=t*e;r.push({pageNumber:a.pageNumber,viewportX:m-c,viewportY:y-u,visiblePercentage:o/s*100,original:{pageX:(m-n)/i,pageY:(y-h)/i,visibleWidth:t/i,visibleHeight:e/i,scale:1},scaled:{pageX:m-n,pageY:y-h,visibleWidth:t,visibleHeight:e,scale:i}})}}))})),r}determineCurrentPage(t){if(0===t.length)return 1;const e=Math.max(...t.map((t=>t.visiblePercentage))),i=t.filter((t=>t.visiblePercentage===e));return 1===i.length?i[0].pageNumber:i.sort(((t,e)=>t.pageNumber-e.pageNumber))[0].pageNumber}getRectLocationForPage(t,e){const i=e.find((e=>e.pageNumbers.includes(t)));if(!i)return null;const r=i.pageLayouts.find((e=>e.pageNumber===t));return r?{origin:{x:i.x+r.x,y:i.y+r.y},size:{width:r.width,height:r.height}}:null}getScrollPositionForPage(t,i,r,a,s){const o=this.getRectLocationForPage(t,i);if(!o)return null;const n=e.scalePosition(o.origin,r);if(s){const t=e.transformPosition({width:o.size.width,height:o.size.height},{x:s.x,y:s.y},a,r);return{x:n.x+t.x+this.viewportGap,y:n.y+t.y+this.viewportGap}}return{x:n.x+this.viewportGap,y:n.y+this.viewportGap}}getRectPositionForPage(t,i,r,a,s){const o=this.getRectLocationForPage(t,i);if(!o)return null;const n=e.scalePosition(o.origin,r),h=e.transformRect({width:o.size.width,height:o.size.height},s,a,r);return{origin:{x:n.x+h.origin.x,y:n.y+h.origin.y},size:h.size}}}class a extends r{constructor(t){super(t)}createVirtualItems(t){let e=0;return t.map(((t,i)=>{let r=0;const a=t.map((t=>{const e={pageNumber:t.index+1,pageIndex:t.index,x:r,y:0,width:t.size.width,height:t.size.height,rotatedWidth:t.rotatedSize.width,rotatedHeight:t.rotatedSize.height};return r+=t.rotatedSize.width+this.pageGap,e})),s=t.reduce(((e,i,r)=>e+i.rotatedSize.width+(r<t.length-1?this.pageGap:0)),0),o=Math.max(...t.map((t=>t.rotatedSize.height))),n={id:`item-${i}`,x:0,y:e,offset:e,width:s,height:o,pageLayouts:a,pageNumbers:t.map((t=>t.index+1)),index:i};return e+=o+this.pageGap,n}))}getTotalContentSize(t){if(0===t.length)return{width:0,height:0};return{width:Math.max(...t.map((t=>t.width))),height:t[t.length-1].y+t[t.length-1].height}}getScrollOffset(t){return t.scrollTop}getClientSize(t){return t.clientHeight}}class s extends r{constructor(t){super(t)}createVirtualItems(t){let e=0;return t.map(((t,i)=>{let r=0;const a=t.map((t=>{const e={pageNumber:t.index+1,pageIndex:t.index,x:r,y:0,width:t.size.width,height:t.size.height,rotatedWidth:t.rotatedSize.width,rotatedHeight:t.rotatedSize.height};return r+=t.rotatedSize.width+this.pageGap,e})),s=t.reduce(((e,i,r)=>e+i.rotatedSize.width+(r<t.length-1?this.pageGap:0)),0),o=Math.max(...t.map((t=>t.rotatedSize.height))),n={id:`item-${i}`,x:e,y:0,offset:e,width:s,height:o,pageLayouts:a,pageNumbers:t.map((t=>t.index+1)),index:i};return e+=s+this.pageGap,n}))}getTotalContentSize(t){if(0===t.length)return{width:0,height:0};return{width:t[t.length-1].x+t[t.length-1].width,height:Math.max(...t.map((t=>t.height)))}}getScrollOffset(t){return t.scrollLeft}getClientSize(t){return t.clientWidth}}const o="UPDATE_SCROLL_STATE",n="UPDATE_TOTAL_PAGES";function h(t){return{type:o,payload:t}}const l=class extends t.BasePlugin{constructor(r,o,h){var l,g,c,u;super(r,o),this.id=r,this.config=h,this.currentScale=1,this.currentRotation=e.Rotation.Degree0,this.currentPage=1,this.layoutReady=!1,this.layout$=t.createBehaviorEmitter(),this.scroll$=t.createBehaviorEmitter(),this.state$=t.createBehaviorEmitter(),this.scrollerLayout$=t.createBehaviorEmitter(),this.pageChange$=t.createBehaviorEmitter(),this.layoutReady$=t.createBehaviorEmitter(),this.viewport=this.registry.getPlugin("viewport").provides(),this.strategyConfig={pageGap:(null==(l=this.config)?void 0:l.pageGap)??10,viewportGap:this.viewport.getViewportGap(),bufferSize:(null==(g=this.config)?void 0:g.bufferSize)??2},this.strategy=(null==(c=this.config)?void 0:c.strategy)===i.Horizontal?new s(this.strategyConfig):new a(this.strategyConfig),this.initialPage=null==(u=this.config)?void 0:u.initialPage,this.currentScale=this.coreState.core.scale,this.currentRotation=this.coreState.core.rotation,this.viewport.onViewportChange((t=>this.commitMetrics(this.computeMetrics(t))),{mode:"throttle",wait:250}),this.coreStore.onAction(t.SET_DOCUMENT,((e,i)=>{const r=i.core.pages.length;this.dispatch({type:n,payload:r}),this.pageChange$.emit({pageNumber:this.currentPage,totalPages:r}),this.refreshAll(t.getPagesWithRotatedSize(i.core),this.viewport.getMetrics())})),this.coreStore.onAction(t.SET_ROTATION,((e,i)=>this.refreshAll(t.getPagesWithRotatedSize(i.core),this.viewport.getMetrics()))),this.coreStore.onAction(t.SET_PAGES,((e,i)=>this.refreshAll(t.getPagesWithRotatedSize(i.core),this.viewport.getMetrics())))}computeLayout(t){const e=this.strategy.createVirtualItems(t);return{virtualItems:e,totalContentSize:this.strategy.getTotalContentSize(e)}}computeMetrics(t,e=this.state.virtualItems){return this.strategy.handleScroll(t,e,this.currentScale)}commit(t,e){this.dispatch(h(t)),(null==e?void 0:e.layout)&&this.layout$.emit(e.layout),(null==e?void 0:e.metrics)&&(this.scroll$.emit(e.metrics),e.metrics.currentPage!==this.currentPage&&(this.currentPage=e.metrics.currentPage,this.pageChange$.emit({pageNumber:this.currentPage,totalPages:this.state.totalPages}))),this.scrollerLayout$.emit(this.getScrollerLayoutFromState())}commitMetrics(t){this.commit(t,{metrics:t})}refreshAll(t,e){const i=this.computeLayout(t),r=this.computeMetrics(e,i.virtualItems);this.commit({...i,...r},{layout:i,metrics:r})}getVirtualItemsFromState(){return this.state.virtualItems||[]}getScrollerLayoutFromState(){const t=this.coreState.core.scale;return((t,e)=>({startSpacing:t.startSpacing,endSpacing:t.endSpacing,totalWidth:t.totalContentSize.width*e,totalHeight:t.totalContentSize.height*e,pageGap:t.pageGap*e,strategy:t.strategy,items:t.renderedPageIndexes.map((i=>({...t.virtualItems[i],pageLayouts:t.virtualItems[i].pageLayouts.map((t=>({...t,rotatedWidth:t.rotatedWidth*e,rotatedHeight:t.rotatedHeight*e,width:t.width*e,height:t.height*e})))})))}))(this.state,t)}pushScrollLayout(){this.scrollerLayout$.emit(this.getScrollerLayoutFromState())}onStoreUpdated(t,e){this.pushScrollLayout()}onCoreStoreUpdated(t,e){t.core.scale!==e.core.scale&&(this.currentScale=e.core.scale,this.commitMetrics(this.computeMetrics(this.viewport.getMetrics()))),t.core.rotation!==e.core.rotation&&(this.currentRotation=e.core.rotation)}setScrollStrategy(e){if(e===i.Horizontal&&this.strategy instanceof s||e===i.Vertical&&this.strategy instanceof a)return;this.strategy=e===i.Horizontal?new s(this.strategyConfig):new a(this.strategyConfig),this.dispatch(h({strategy:e}));const r=t.getPagesWithRotatedSize(this.coreState.core);this.refreshAll(r,this.viewport.getMetrics())}setLayoutReady(){this.layoutReady||(this.layoutReady=!0,this.layoutReady$.emit(!0))}buildCapability(){return{onStateChange:this.state$.on,onLayoutChange:this.layout$.on,onScroll:this.scroll$.on,onPageChange:this.pageChange$.on,onScrollerData:this.scrollerLayout$.on,onLayoutReady:this.layoutReady$.on,getCurrentPage:()=>this.currentPage,getTotalPages:()=>this.state.totalPages,scrollToPage:t=>{const{pageNumber:e,behavior:i="smooth",pageCoordinates:r,center:a=!1}=t,s=this.getVirtualItemsFromState(),o=this.strategy.getScrollPositionForPage(e,s,this.currentScale,this.currentRotation,r);o&&this.viewport.scrollTo({...o,behavior:i,center:a})},scrollToNextPage:(t="smooth")=>{const e=this.getVirtualItemsFromState(),i=e.findIndex((t=>t.pageNumbers.includes(this.currentPage)));if(i>=0&&i<e.length-1){const r=e[i+1],a=this.strategy.getScrollPositionForPage(r.pageNumbers[0],e,this.currentScale,this.currentRotation);a&&this.viewport.scrollTo({...a,behavior:t})}},scrollToPreviousPage:(t="smooth")=>{const e=this.getVirtualItemsFromState(),i=e.findIndex((t=>t.pageNumbers.includes(this.currentPage)));if(i>0){const r=e[i-1],a=this.strategy.getScrollPositionForPage(r.pageNumbers[0],e,this.currentScale,this.currentRotation);a&&this.viewport.scrollTo({...a,behavior:t})}},getMetrics:this.getMetrics.bind(this),getLayout:this.getLayout.bind(this),getRectPositionForPage:this.getRectPositionForPage.bind(this),getPageGap:()=>this.state.pageGap,getScrollerLayout:()=>this.getScrollerLayoutFromState(),setScrollStrategy:t=>this.setScrollStrategy(t)}}getMetrics(t){const e=t||this.viewport.getMetrics(),i=this.getVirtualItemsFromState();return this.strategy.handleScroll(e,i,this.currentScale)}getLayout(){return{virtualItems:this.state.virtualItems,totalContentSize:this.state.totalContentSize}}getRectPositionForPage(t,e,i,r){return this.strategy.getRectPositionForPage(t+1,this.state.virtualItems,i??this.currentScale,r??this.currentRotation,e)}async initialize(){}async destroy(){this.layout$.clear(),this.scroll$.clear(),this.pageChange$.clear(),this.state$.clear(),this.scrollerLayout$.clear(),this.layoutReady$.clear(),super.destroy()}};l.id="scroll";let g=l;const c="scroll",u={id:c,name:"Scroll Plugin",version:"1.0.0",provides:["scroll"],requires:["viewport"],optional:[],defaultConfig:{enabled:!0,pageGap:10}},p={currentPage:1,visiblePages:[],pageVisibilityMetrics:[],renderedPageIndexes:[],scrollOffset:{x:0,y:0},startSpacing:0,endSpacing:0},d={manifest:u,create:(t,e,i)=>new g(c,t,i),reducer:(e,i)=>{switch(i.type){case n:return{...e,totalPages:i.payload};case t.SET_SCALE:return{...e,scale:i.payload};case o:return{...e,...i.payload};case"SET_DESIRED_SCROLL_POSITION":return{...e,desiredScrollPosition:i.payload};default:return e}},initialState:(t,e)=>((t,e)=>({virtualItems:[],totalPages:t.pages.length,totalContentSize:{width:0,height:0},desiredScrollPosition:{x:0,y:0},strategy:e.strategy??i.Vertical,pageGap:e.pageGap??10,scale:t.scale,...p}))(t,e)};exports.SCROLL_PLUGIN_ID=c,exports.ScrollPlugin=g,exports.ScrollPluginPackage=d,exports.ScrollStrategy=i,exports.manifest=u;
+//# sourceMappingURL=index.cjs.map