@embedpdf/plugin-scroll 1.0.0 → 1.0.2

package/dist/index.cjs

@@ -428,9 +428,13 @@ var HorizontalScrollStrategy = class extends BaseScrollStrategy {
 // 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) => {
@@ -471,7 +475,7 @@ var ScrollPlugin = class extends import_core.BasePlugin {
     this.scroll$ = (0, import_core.createBehaviorEmitter)();
     this.state$ = (0, import_core.createBehaviorEmitter)();
     this.scrollerLayout$ = (0, import_core.createBehaviorEmitter)();
-    this.pageChange$ = (0, import_core.createEmitter)();
+    this.pageChange$ = (0, import_core.createBehaviorEmitter)();
     this.viewport = this.registry.getPlugin("viewport").provides();
     this.strategyConfig = {
       pageGap: this.config?.pageGap ?? 10,
@@ -486,10 +490,12 @@ var ScrollPlugin = class extends import_core.BasePlugin {
       mode: "throttle",
       wait: 250
     });
-    this.coreStore.onAction(
-      import_core.SET_DOCUMENT,
-      (_action, state) => this.refreshAll((0, import_core.getPagesWithRotatedSize)(state.core), this.viewport.getMetrics())
-    );
+    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())
@@ -520,7 +526,7 @@ var ScrollPlugin = class extends import_core.BasePlugin {
       this.scroll$.emit(emit.metrics);
       if (emit.metrics.currentPage !== this.currentPage) {
         this.currentPage = emit.metrics.currentPage;
-        this.pageChange$.emit(this.currentPage);
+        this.pageChange$.emit({ pageNumber: this.currentPage, totalPages: this.state.totalPages });
       }
     }
     this.scrollerLayout$.emit(this.getScrollerLayoutFromState());
@@ -581,6 +587,8 @@ var ScrollPlugin = class extends import_core.BasePlugin {
       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();
@@ -699,6 +707,7 @@ var defaultScrollMetrics = {
 };
 var initialState = (coreState, config) => ({
   virtualItems: [],
+  totalPages: coreState.pages.length,
   totalContentSize: { width: 0, height: 0 },
   desiredScrollPosition: { x: 0, y: 0 },
   strategy: config.strategy ?? "vertical" /* Vertical */,
@@ -708,6 +717,8 @@ var initialState = (coreState, config) => ({
 });
 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: