@embedpdf/plugin-scroll 1.0.25 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +75 -59
- package/dist/index.js.map +1 -1
- package/dist/lib/scroll-plugin.d.ts +7 -3
- package/dist/lib/strategies/base-strategy.d.ts +2 -5
- package/dist/lib/types.d.ts +1 -2
- package/dist/preact/index.cjs +1 -1
- package/dist/preact/index.cjs.map +1 -1
- package/dist/preact/index.js +101 -14
- package/dist/preact/index.js.map +1 -1
- package/dist/react/index.cjs +1 -1
- package/dist/react/index.cjs.map +1 -1
- package/dist/react/index.js +100 -13
- package/dist/react/index.js.map +1 -1
- package/dist/shared-preact/hooks/use-scroll.d.ts +22 -23
- package/dist/shared-react/hooks/use-scroll.d.ts +22 -23
- package/dist/vue/hooks/use-scroll.d.ts +8 -6
- package/dist/vue/index.cjs +1 -1
- package/dist/vue/index.cjs.map +1 -1
- package/dist/vue/index.js +50 -13
- package/dist/vue/index.js.map +1 -1
- package/package.json +7 -7
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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:100}),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)=>new g(c,t,e),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;
|
|
1
|
+
"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),P=Math.min(h+g,d);if(m<S&&y<P){const t=S-m,e=P-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,i){const r=e.find((e=>e.pageNumbers.includes(t)));if(!r)return null;const a=r.pageLayouts.find((e=>e.pageNumber===t));if(!a)return null;let s=0;if(i){const t=i.width;r.width<t&&(s=(t-r.width)/2)}return{origin:{x:r.x+a.x+s,y:r.y+a.y},size:{width:a.width,height:a.height}}}getScrollPositionForPage(t,i,r,a,s){const o=this.getTotalContentSize(i),n=this.getRectLocationForPage(t,i,o);if(!n)return null;const h=e.scalePosition(n.origin,r);if(s){const t=e.transformPosition({width:n.size.width,height:n.size.height},{x:s.x,y:s.y},a,r);return{x:h.x+t.x+this.viewportGap,y:h.y+t.y+this.viewportGap}}return{x:h.x+this.viewportGap,y:h.y+this.viewportGap}}getRectPositionForPage(t,i,r,a,s){const o=this.getTotalContentSize(i),n=this.getRectLocationForPage(t,i,o);if(!n)return null;const h=e.scalePosition(n.origin,r),l=e.transformRect({width:n.size.width,height:n.size.height},s,a,r);return{origin:{x:h.x+l.origin.x,y:h.y+l.origin.y},size:l.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:100}),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.getScrollerLayout())}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||[]}onScrollerData(t){return this.scrollerLayout$.on(t)}getScrollerLayout(){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.getScrollerLayout())}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),this.initialPage&&this.scrollToPage({pageNumber:this.initialPage,behavior:"instant"}))}buildCapability(){return{onStateChange:this.state$.on,onLayoutChange:this.layout$.on,onScroll:this.scroll$.on,onPageChange:this.pageChange$.on,onLayoutReady:this.layoutReady$.on,getCurrentPage:()=>this.currentPage,getTotalPages:()=>this.state.totalPages,scrollToPage:this.scrollToPage.bind(this),scrollToNextPage:this.scrollToNextPage.bind(this),scrollToPreviousPage:this.scrollToPreviousPage.bind(this),getMetrics:this.getMetrics.bind(this),getLayout:this.getLayout.bind(this),getRectPositionForPage:this.getRectPositionForPage.bind(this),getPageGap:()=>this.state.pageGap,setScrollStrategy:t=>this.setScrollStrategy(t)}}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(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)=>new g(c,t,e),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;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../src/lib/types.ts","../src/lib/strategies/base-strategy.ts","../src/lib/strategies/vertical-strategy.ts","../src/lib/strategies/horizontal-strategy.ts","../src/lib/actions.ts","../src/lib/selectors.ts","../src/lib/scroll-plugin.ts","../src/lib/manifest.ts","../src/lib/reducer.ts","../src/lib/index.ts"],"sourcesContent":["import { BasePluginConfig, Emitter, EventHook } from '@embedpdf/core';\nimport { PdfPageObject, Rect, Rotation } from '@embedpdf/models';\nimport { ViewportMetrics } from '@embedpdf/plugin-viewport';\nimport { VirtualItem } from './types/virtual-item';\n\nexport interface ScrollState extends ScrollMetrics {\n virtualItems: VirtualItem[];\n totalPages: number;\n totalContentSize: { width: number; height: number };\n desiredScrollPosition: { x: number; y: number };\n strategy: ScrollStrategy;\n pageGap: number;\n scale: number;\n}\n\nexport interface ScrollerLayout {\n startSpacing: number;\n endSpacing: number;\n totalWidth: number;\n totalHeight: number;\n pageGap: number;\n strategy: ScrollState['strategy'];\n items: VirtualItem[];\n}\n\nexport enum ScrollStrategy {\n Vertical = 'vertical',\n Horizontal = 'horizontal',\n}\n\nexport interface PageVisibilityMetrics {\n pageNumber: number;\n viewportX: number;\n viewportY: number;\n visiblePercentage: number;\n original: {\n pageX: number;\n pageY: number;\n visibleWidth: number;\n visibleHeight: number;\n scale: number;\n };\n scaled: {\n pageX: number;\n pageY: number;\n visibleWidth: number;\n visibleHeight: number;\n scale: number;\n };\n}\n\nexport interface ScrollMetrics {\n currentPage: number;\n visiblePages: number[];\n pageVisibilityMetrics: PageVisibilityMetrics[];\n renderedPageIndexes: number[];\n scrollOffset: { x: number; y: number };\n startSpacing: number;\n endSpacing: number;\n}\n\nexport interface ScrollStrategyInterface {\n initialize(container: HTMLElement, innerDiv: HTMLElement): void;\n destroy(): void;\n updateLayout(viewport: ViewportMetrics, pdfPageObject: PdfPageObject[][]): void;\n handleScroll(viewport: ViewportMetrics): void;\n getVirtualItems(): VirtualItem[];\n scrollToPage(pageNumber: number, behavior?: ScrollBehavior): void;\n calculateDimensions(pdfPageObject: PdfPageObject[][]): void;\n}\n\nexport interface ScrollPluginConfig extends BasePluginConfig {\n strategy?: ScrollStrategy;\n initialPage?: number;\n bufferSize?: number;\n pageGap?: number;\n}\n\nexport type LayoutChangePayload = Pick<ScrollState, 'virtualItems' | 'totalContentSize'>;\n\nexport interface ScrollToPageOptions {\n pageNumber: number;\n pageCoordinates?: { x: number; y: number };\n behavior?: ScrollBehavior;\n center?: boolean;\n}\n\nexport interface PageChangePayload {\n pageNumber: number;\n totalPages: number;\n}\n\nexport interface ScrollCapability {\n onScrollerData: EventHook<ScrollerLayout>;\n onStateChange: EventHook<ScrollState>;\n onScroll: EventHook<ScrollMetrics>;\n getCurrentPage(): number;\n getTotalPages(): number;\n onPageChange: EventHook<PageChangePayload>;\n onLayoutChange: EventHook<LayoutChangePayload>;\n onLayoutReady: EventHook<boolean>;\n scrollToPage(options: ScrollToPageOptions): void;\n scrollToNextPage(behavior?: ScrollBehavior): void;\n scrollToPreviousPage(behavior?: ScrollBehavior): void;\n getMetrics(viewport?: ViewportMetrics): ScrollMetrics;\n getLayout(): LayoutChangePayload;\n getScrollerLayout(): ScrollerLayout;\n getRectPositionForPage(\n page: number,\n rect: Rect,\n scale?: number,\n rotation?: Rotation,\n ): Rect | null;\n setScrollStrategy(strategy: ScrollStrategy): void;\n getPageGap(): number;\n}\n","import {\n PdfPageObjectWithRotatedSize,\n Position,\n Rect,\n Rotation,\n scalePosition,\n transformPosition,\n transformRect,\n} from '@embedpdf/models';\nimport { ViewportMetrics } from '@embedpdf/plugin-viewport';\nimport { VirtualItem } from '../types/virtual-item';\nimport { ScrollMetrics } from '../types';\n\nexport interface ScrollStrategyConfig {\n pageGap?: number;\n viewportGap?: number;\n bufferSize?: number;\n}\n\nexport abstract class BaseScrollStrategy {\n protected pageGap: number;\n protected viewportGap: number;\n protected bufferSize: number;\n\n constructor(config: ScrollStrategyConfig) {\n this.pageGap = config.pageGap ?? 20;\n this.viewportGap = config.viewportGap ?? 20;\n this.bufferSize = config.bufferSize ?? 2;\n }\n\n abstract createVirtualItems(pdfPageObject: PdfPageObjectWithRotatedSize[][]): VirtualItem[];\n abstract getTotalContentSize(virtualItems: VirtualItem[]): { width: number; height: number };\n protected abstract getScrollOffset(viewport: ViewportMetrics): number;\n protected abstract getClientSize(viewport: ViewportMetrics): number;\n\n protected getVisibleRange(\n viewport: ViewportMetrics,\n virtualItems: VirtualItem[],\n scale: number,\n ): { start: number; end: number } {\n const scrollOffset = this.getScrollOffset(viewport);\n const clientSize = this.getClientSize(viewport);\n const viewportStart = scrollOffset;\n const viewportEnd = scrollOffset + clientSize;\n\n let startIndex = 0;\n while (\n startIndex < virtualItems.length &&\n (virtualItems[startIndex].offset + virtualItems[startIndex].height) * scale <= viewportStart\n ) {\n startIndex++;\n }\n\n let endIndex = startIndex;\n while (endIndex < virtualItems.length && virtualItems[endIndex].offset * scale <= viewportEnd) {\n endIndex++;\n }\n\n return {\n start: Math.max(0, startIndex - this.bufferSize),\n end: Math.min(virtualItems.length - 1, endIndex + this.bufferSize - 1),\n };\n }\n\n handleScroll(\n viewport: ViewportMetrics,\n virtualItems: VirtualItem[],\n scale: number,\n ): ScrollMetrics {\n const range = this.getVisibleRange(viewport, virtualItems, scale);\n const visibleItems = virtualItems.slice(range.start, range.end + 1);\n const pageVisibilityMetrics = this.calculatePageVisibility(visibleItems, viewport, scale);\n const visiblePages = pageVisibilityMetrics.map((m) => m.pageNumber);\n const renderedPageIndexes = virtualItems\n .slice(range.start, range.end + 1)\n .flatMap((item) => item.index);\n const currentPage = this.determineCurrentPage(pageVisibilityMetrics);\n const first = virtualItems[range.start];\n const last = virtualItems[range.end];\n const startSpacing = first ? first.offset * scale : 0;\n const endSpacing = last\n ? (virtualItems[virtualItems.length - 1].offset + // end of content\n virtualItems[virtualItems.length - 1].height) *\n scale - // minus\n (last.offset + last.height) * scale // end of last rendered\n : 0;\n\n return {\n currentPage,\n visiblePages,\n pageVisibilityMetrics,\n renderedPageIndexes,\n scrollOffset: { x: viewport.scrollLeft, y: viewport.scrollTop },\n startSpacing,\n endSpacing,\n };\n }\n\n protected calculatePageVisibility(\n virtualItems: VirtualItem[],\n viewport: ViewportMetrics,\n scale: number,\n ): ScrollMetrics['pageVisibilityMetrics'] {\n const visibilityMetrics: ScrollMetrics['pageVisibilityMetrics'] = [];\n\n virtualItems.forEach((item) => {\n item.pageLayouts.forEach((page) => {\n const itemX = item.x * scale;\n const itemY = item.y * scale;\n const pageX = itemX + page.x * scale;\n const pageY = itemY + page.y * scale;\n const pageWidth = page.rotatedWidth * scale;\n const pageHeight = page.rotatedHeight * scale;\n\n const viewportLeft = viewport.scrollLeft;\n const viewportTop = viewport.scrollTop;\n const viewportRight = viewportLeft + viewport.clientWidth;\n const viewportBottom = viewportTop + viewport.clientHeight;\n\n const intersectionLeft = Math.max(pageX, viewportLeft);\n const intersectionTop = Math.max(pageY, viewportTop);\n const intersectionRight = Math.min(pageX + pageWidth, viewportRight);\n const intersectionBottom = Math.min(pageY + pageHeight, viewportBottom);\n\n if (intersectionLeft < intersectionRight && intersectionTop < intersectionBottom) {\n const visibleWidth = intersectionRight - intersectionLeft;\n const visibleHeight = intersectionBottom - intersectionTop;\n const totalArea = pageWidth * pageHeight;\n const visibleArea = visibleWidth * visibleHeight;\n\n visibilityMetrics.push({\n pageNumber: page.pageNumber,\n viewportX: intersectionLeft - viewportLeft,\n viewportY: intersectionTop - viewportTop,\n visiblePercentage: (visibleArea / totalArea) * 100,\n original: {\n pageX: (intersectionLeft - pageX) / scale,\n pageY: (intersectionTop - pageY) / scale,\n visibleWidth: visibleWidth / scale,\n visibleHeight: visibleHeight / scale,\n scale: 1,\n },\n scaled: {\n pageX: intersectionLeft - pageX,\n pageY: intersectionTop - pageY,\n visibleWidth,\n visibleHeight,\n scale,\n },\n });\n }\n });\n });\n\n return visibilityMetrics;\n }\n\n protected determineCurrentPage(\n visibilityMetrics: ScrollMetrics['pageVisibilityMetrics'],\n ): number {\n if (visibilityMetrics.length === 0) return 1;\n\n const maxVisibility = Math.max(...visibilityMetrics.map((m) => m.visiblePercentage));\n const mostVisiblePages = visibilityMetrics.filter((m) => m.visiblePercentage === maxVisibility);\n\n return mostVisiblePages.length === 1\n ? mostVisiblePages[0].pageNumber\n : mostVisiblePages.sort((a, b) => a.pageNumber - b.pageNumber)[0].pageNumber;\n }\n\n private getRectLocationForPage(pageNumber: number, virtualItems: VirtualItem[]): Rect | null {\n // Find the virtual item containing the page\n const item = virtualItems.find((item) => item.pageNumbers.includes(pageNumber));\n if (!item) return null;\n\n // Find the specific page layout for the requested page number\n const pageLayout = item.pageLayouts.find((layout) => layout.pageNumber === pageNumber);\n if (!pageLayout) return null;\n\n return {\n origin: {\n x: item.x + pageLayout.x,\n y: item.y + pageLayout.y,\n },\n size: {\n width: pageLayout.width,\n height: pageLayout.height,\n },\n };\n }\n\n getScrollPositionForPage(\n pageNumber: number,\n virtualItems: VirtualItem[],\n scale: number,\n rotation: Rotation,\n pageCoordinates?: { x: number; y: number },\n ): Position | null {\n // Find the virtual item containing the page\n const pageRect = this.getRectLocationForPage(pageNumber, virtualItems);\n if (!pageRect) return null;\n\n const scaledBasePosition = scalePosition(pageRect.origin, scale);\n\n // If specific page coordinates are provided, add them to the base position\n if (pageCoordinates) {\n const rotatedSize = transformPosition(\n {\n width: pageRect.size.width,\n height: pageRect.size.height,\n },\n {\n x: pageCoordinates.x,\n y: pageCoordinates.y,\n },\n rotation,\n scale,\n );\n\n return {\n x: scaledBasePosition.x + rotatedSize.x + this.viewportGap,\n y: scaledBasePosition.y + rotatedSize.y + this.viewportGap,\n };\n }\n\n return {\n x: scaledBasePosition.x + this.viewportGap,\n y: scaledBasePosition.y + this.viewportGap,\n };\n }\n\n getRectPositionForPage(\n pageNumber: number,\n virtualItems: VirtualItem[],\n scale: number,\n rotation: Rotation,\n rect: Rect,\n ): Rect | null {\n const pageRect = this.getRectLocationForPage(pageNumber, virtualItems);\n if (!pageRect) return null;\n\n const scaledBasePosition = scalePosition(pageRect.origin, scale);\n\n const rotatedSize = transformRect(\n {\n width: pageRect.size.width,\n height: pageRect.size.height,\n },\n rect,\n rotation,\n scale,\n );\n\n return {\n origin: {\n x: scaledBasePosition.x + rotatedSize.origin.x,\n y: scaledBasePosition.y + rotatedSize.origin.y,\n },\n size: rotatedSize.size,\n };\n }\n}\n","import { PdfPageObjectWithRotatedSize } from '@embedpdf/models';\nimport { ViewportMetrics } from '@embedpdf/plugin-viewport';\nimport { BaseScrollStrategy, ScrollStrategyConfig } from './base-strategy';\nimport { VirtualItem, PageLayout } from '../types/virtual-item';\nimport { ScrollMetrics } from '../types';\n\nexport class VerticalScrollStrategy extends BaseScrollStrategy {\n constructor(config: ScrollStrategyConfig) {\n super(config);\n }\n\n createVirtualItems(pdfPageObject: PdfPageObjectWithRotatedSize[][]): VirtualItem[] {\n let yOffset = 0;\n return pdfPageObject.map((pagesInSpread, index) => {\n let pageX = 0;\n const pageLayouts: PageLayout[] = pagesInSpread.map((page) => {\n const layout: PageLayout = {\n pageNumber: page.index + 1,\n pageIndex: page.index,\n x: pageX,\n y: 0,\n width: page.size.width,\n height: page.size.height,\n rotatedWidth: page.rotatedSize.width,\n rotatedHeight: page.rotatedSize.height,\n };\n pageX += page.rotatedSize.width + this.pageGap;\n return layout;\n });\n const width = pagesInSpread.reduce(\n (sum, page, i) =>\n sum + page.rotatedSize.width + (i < pagesInSpread.length - 1 ? this.pageGap : 0),\n 0,\n );\n const height = Math.max(...pagesInSpread.map((p) => p.rotatedSize.height));\n const item: VirtualItem = {\n id: `item-${index}`,\n x: 0,\n y: yOffset,\n offset: yOffset,\n width,\n height,\n pageLayouts,\n pageNumbers: pagesInSpread.map((p) => p.index + 1),\n index,\n };\n yOffset += height + this.pageGap;\n return item;\n });\n }\n\n getTotalContentSize(virtualItems: VirtualItem[]): { width: number; height: number } {\n if (virtualItems.length === 0) return { width: 0, height: 0 };\n const maxWidth = Math.max(...virtualItems.map((item) => item.width));\n const totalHeight =\n virtualItems[virtualItems.length - 1].y + virtualItems[virtualItems.length - 1].height;\n return {\n width: maxWidth,\n height: totalHeight,\n };\n }\n\n protected getScrollOffset(viewport: ViewportMetrics): number {\n return viewport.scrollTop;\n }\n\n protected getClientSize(viewport: ViewportMetrics): number {\n return viewport.clientHeight;\n }\n}\n","import { PdfPageObjectWithRotatedSize } from '@embedpdf/models';\nimport { ViewportMetrics } from '@embedpdf/plugin-viewport';\nimport { BaseScrollStrategy, ScrollStrategyConfig } from './base-strategy';\nimport { VirtualItem, PageLayout } from '../types/virtual-item';\n\nexport class HorizontalScrollStrategy extends BaseScrollStrategy {\n constructor(config: ScrollStrategyConfig) {\n super(config);\n }\n\n createVirtualItems(pdfPageObject: PdfPageObjectWithRotatedSize[][]): VirtualItem[] {\n let xOffset = 0;\n return pdfPageObject.map((pagesInSpread, index) => {\n let pageX = 0;\n const pageLayouts: PageLayout[] = pagesInSpread.map((page) => {\n const layout: PageLayout = {\n pageNumber: page.index + 1,\n pageIndex: page.index,\n x: pageX,\n y: 0,\n width: page.size.width,\n height: page.size.height,\n rotatedWidth: page.rotatedSize.width,\n rotatedHeight: page.rotatedSize.height,\n };\n pageX += page.rotatedSize.width + this.pageGap;\n return layout;\n });\n const width = pagesInSpread.reduce(\n (sum, page, i) =>\n sum + page.rotatedSize.width + (i < pagesInSpread.length - 1 ? this.pageGap : 0),\n 0,\n );\n const height = Math.max(...pagesInSpread.map((p) => p.rotatedSize.height));\n const item: VirtualItem = {\n id: `item-${index}`,\n x: xOffset,\n y: 0,\n offset: xOffset,\n width,\n height,\n pageLayouts,\n pageNumbers: pagesInSpread.map((p) => p.index + 1),\n index,\n };\n xOffset += width + this.pageGap;\n return item;\n });\n }\n\n getTotalContentSize(virtualItems: VirtualItem[]): { width: number; height: number } {\n if (virtualItems.length === 0) return { width: 0, height: 0 };\n const totalWidth =\n virtualItems[virtualItems.length - 1].x + virtualItems[virtualItems.length - 1].width;\n const maxHeight = Math.max(...virtualItems.map((item) => item.height));\n return {\n width: totalWidth,\n height: maxHeight,\n };\n }\n\n protected getScrollOffset(viewport: ViewportMetrics): number {\n return viewport.scrollLeft;\n }\n\n protected getClientSize(viewport: ViewportMetrics): number {\n return viewport.clientWidth;\n }\n}\n","import { Action } from '@embedpdf/core';\nimport { ScrollState } from './types';\n\nexport const UPDATE_SCROLL_STATE = 'UPDATE_SCROLL_STATE';\nexport const SET_DESIRED_SCROLL_POSITION = 'SET_DESIRED_SCROLL_POSITION';\nexport const UPDATE_TOTAL_PAGES = 'UPDATE_TOTAL_PAGES';\n\nexport interface UpdateScrollStateAction extends Action {\n type: typeof UPDATE_SCROLL_STATE;\n payload: Partial<ScrollState>;\n}\n\nexport interface SetDesiredScrollPositionAction extends Action {\n type: typeof SET_DESIRED_SCROLL_POSITION;\n payload: { x: number; y: number };\n}\n\nexport interface UpdateTotalPagesAction extends Action {\n type: typeof UPDATE_TOTAL_PAGES;\n payload: number;\n}\n\nexport type ScrollAction =\n | UpdateScrollStateAction\n | SetDesiredScrollPositionAction\n | UpdateTotalPagesAction;\n\nexport function updateScrollState(payload: Partial<ScrollState>): UpdateScrollStateAction {\n return { type: UPDATE_SCROLL_STATE, payload };\n}\n\nexport function setDesiredScrollPosition(payload: {\n x: number;\n y: number;\n}): SetDesiredScrollPositionAction {\n return { type: SET_DESIRED_SCROLL_POSITION, payload };\n}\n\nexport function updateTotalPages(payload: number): UpdateTotalPagesAction {\n return { type: UPDATE_TOTAL_PAGES, payload };\n}\n","import { ScrollerLayout, ScrollState } from './types';\n\nexport const getScrollerLayout = (state: ScrollState, scale: number): ScrollerLayout => {\n return {\n startSpacing: state.startSpacing,\n endSpacing: state.endSpacing,\n totalWidth: state.totalContentSize.width * scale,\n totalHeight: state.totalContentSize.height * scale,\n pageGap: state.pageGap * scale,\n strategy: state.strategy,\n items: state.renderedPageIndexes.map((idx) => {\n return {\n ...state.virtualItems[idx],\n pageLayouts: state.virtualItems[idx].pageLayouts.map((layout) => {\n return {\n ...layout,\n rotatedWidth: layout.rotatedWidth * scale,\n rotatedHeight: layout.rotatedHeight * scale,\n width: layout.width * scale,\n height: layout.height * scale,\n };\n }),\n };\n }),\n };\n};\n","import {\n BasePlugin,\n CoreState,\n PluginRegistry,\n SET_DOCUMENT,\n SET_PAGES,\n SET_ROTATION,\n StoreState,\n createBehaviorEmitter,\n createEmitter,\n getPagesWithRotatedSize,\n} from '@embedpdf/core';\nimport {\n PdfPageObject,\n PdfPageObjectWithRotatedSize,\n Position,\n Rect,\n restoreRect,\n rotateRect,\n Rotation,\n transformRect,\n} from '@embedpdf/models';\nimport { ViewportCapability, ViewportMetrics, ViewportPlugin } from '@embedpdf/plugin-viewport';\nimport {\n ScrollCapability,\n ScrollPluginConfig,\n ScrollStrategy,\n ScrollMetrics,\n ScrollState,\n LayoutChangePayload,\n ScrollerLayout,\n ScrollToPageOptions,\n PageChangePayload,\n} from './types';\nimport { BaseScrollStrategy, ScrollStrategyConfig } from './strategies/base-strategy';\nimport { VerticalScrollStrategy } from './strategies/vertical-strategy';\nimport { HorizontalScrollStrategy } from './strategies/horizontal-strategy';\nimport { updateScrollState, ScrollAction, updateTotalPages } from './actions';\nimport { VirtualItem } from './types/virtual-item';\nimport { getScrollerLayout } from './selectors';\n\ntype PartialScroll = Partial<ScrollState>;\ntype Emits = {\n layout?: LayoutChangePayload;\n metrics?: ScrollMetrics;\n};\n\nexport class ScrollPlugin extends BasePlugin<\n ScrollPluginConfig,\n ScrollCapability,\n ScrollState,\n ScrollAction\n> {\n static readonly id = 'scroll' as const;\n private viewport: ViewportCapability;\n private strategy: BaseScrollStrategy;\n private strategyConfig: ScrollStrategyConfig;\n private currentScale: number = 1;\n private currentRotation: Rotation = Rotation.Degree0;\n private initialPage?: number;\n private currentPage: number = 1;\n private layoutReady: boolean = false;\n\n private readonly layout$ = createBehaviorEmitter<LayoutChangePayload>();\n private readonly scroll$ = createBehaviorEmitter<ScrollMetrics>();\n private readonly state$ = createBehaviorEmitter<ScrollState>();\n private readonly scrollerLayout$ = createBehaviorEmitter<ScrollerLayout>();\n private readonly pageChange$ = createBehaviorEmitter<PageChangePayload>();\n private readonly layoutReady$ = createBehaviorEmitter<boolean>();\n\n constructor(\n public readonly id: string,\n registry: PluginRegistry,\n private config?: ScrollPluginConfig,\n ) {\n super(id, registry);\n\n this.viewport = this.registry.getPlugin<ViewportPlugin>('viewport')!.provides();\n\n this.strategyConfig = {\n pageGap: this.config?.pageGap ?? 10,\n viewportGap: this.viewport.getViewportGap(),\n bufferSize: this.config?.bufferSize ?? 2,\n };\n\n this.strategy =\n this.config?.strategy === ScrollStrategy.Horizontal\n ? new HorizontalScrollStrategy(this.strategyConfig)\n : new VerticalScrollStrategy(this.strategyConfig);\n\n this.initialPage = this.config?.initialPage;\n this.currentScale = this.coreState.core.scale;\n this.currentRotation = this.coreState.core.rotation;\n // Subscribe to viewport and page manager events\n this.viewport.onViewportChange((vp) => this.commitMetrics(this.computeMetrics(vp)), {\n mode: 'throttle',\n wait: 100,\n });\n this.coreStore.onAction(SET_DOCUMENT, (_action, state) => {\n const totalPages = state.core.pages.length;\n this.dispatch(updateTotalPages(totalPages));\n this.pageChange$.emit({ pageNumber: this.currentPage, totalPages });\n this.refreshAll(getPagesWithRotatedSize(state.core), this.viewport.getMetrics());\n });\n this.coreStore.onAction(SET_ROTATION, (_action, state) =>\n this.refreshAll(getPagesWithRotatedSize(state.core), this.viewport.getMetrics()),\n );\n this.coreStore.onAction(SET_PAGES, (_action, state) =>\n this.refreshAll(getPagesWithRotatedSize(state.core), this.viewport.getMetrics()),\n );\n }\n\n /* ------------------------------------------------------------------ */\n /* ᴄᴏᴍᴘᴜᴛᴇʀs */\n /* ------------------------------------------------------------------ */\n\n private computeLayout(pages: PdfPageObjectWithRotatedSize[][]) {\n const virtualItems = this.strategy.createVirtualItems(pages);\n const totalContentSize = this.strategy.getTotalContentSize(virtualItems);\n return { virtualItems, totalContentSize };\n }\n\n private computeMetrics(vp: ViewportMetrics, items: VirtualItem[] = this.state.virtualItems) {\n return this.strategy.handleScroll(vp, items, this.currentScale);\n }\n\n /* ------------------------------------------------------------------ */\n /* ᴄᴏᴍᴍɪᴛ (single source of truth) */\n /* ------------------------------------------------------------------ */\n\n private commit(stateDelta: PartialScroll, emit?: Emits) {\n /* update Redux-like store */\n this.dispatch(updateScrollState(stateDelta));\n\n /* fire optional events */\n if (emit?.layout) this.layout$.emit(emit.layout);\n if (emit?.metrics) {\n this.scroll$.emit(emit.metrics);\n\n if (emit.metrics.currentPage !== this.currentPage) {\n this.currentPage = emit.metrics.currentPage;\n this.pageChange$.emit({ pageNumber: this.currentPage, totalPages: this.state.totalPages });\n }\n }\n\n /* keep scroller-layout reactive */\n this.scrollerLayout$.emit(this.getScrollerLayoutFromState());\n }\n\n /* convenience wrappers */\n private commitMetrics(metrics: ScrollMetrics) {\n this.commit(metrics, { metrics });\n }\n\n /* full re-compute after page-spread or initialisation */\n private refreshAll(pages: PdfPageObjectWithRotatedSize[][], vp: ViewportMetrics) {\n const layout = this.computeLayout(pages);\n const metrics = this.computeMetrics(vp, layout.virtualItems);\n\n this.commit({ ...layout, ...metrics }, { layout, metrics });\n }\n\n private getVirtualItemsFromState(): VirtualItem[] {\n return this.state.virtualItems || [];\n }\n\n private getScrollerLayoutFromState(): ScrollerLayout {\n const scale = this.coreState.core.scale;\n return getScrollerLayout(this.state, scale);\n }\n\n private pushScrollLayout() {\n this.scrollerLayout$.emit(this.getScrollerLayoutFromState());\n }\n\n override onStoreUpdated(_prevState: ScrollState, _newState: ScrollState): void {\n this.pushScrollLayout();\n }\n\n override onCoreStoreUpdated(\n prevState: StoreState<CoreState>,\n newState: StoreState<CoreState>,\n ): void {\n if (prevState.core.scale !== newState.core.scale) {\n this.currentScale = newState.core.scale;\n this.commitMetrics(this.computeMetrics(this.viewport.getMetrics()));\n }\n if (prevState.core.rotation !== newState.core.rotation) {\n this.currentRotation = newState.core.rotation;\n }\n }\n\n /**\n * Change the scroll strategy at runtime (e.g., vertical <-> horizontal)\n * @param newStrategy ScrollStrategy.Horizontal or ScrollStrategy.Vertical\n */\n private setScrollStrategy(newStrategy: ScrollStrategy) {\n // Only update if the strategy is actually changing\n if (\n (newStrategy === ScrollStrategy.Horizontal &&\n this.strategy instanceof HorizontalScrollStrategy) ||\n (newStrategy === ScrollStrategy.Vertical && this.strategy instanceof VerticalScrollStrategy)\n ) {\n return;\n }\n\n this.strategy =\n newStrategy === ScrollStrategy.Horizontal\n ? new HorizontalScrollStrategy(this.strategyConfig)\n : new VerticalScrollStrategy(this.strategyConfig);\n\n // Update state with new strategy\n this.dispatch(\n updateScrollState({\n strategy: newStrategy,\n }),\n );\n\n // Recalculate layout and scroll metrics\n const pages = getPagesWithRotatedSize(this.coreState.core);\n this.refreshAll(pages, this.viewport.getMetrics());\n }\n\n public setLayoutReady() {\n if (this.layoutReady) return;\n\n this.layoutReady = true;\n this.layoutReady$.emit(true);\n }\n\n protected buildCapability(): ScrollCapability {\n return {\n onStateChange: this.state$.on,\n onLayoutChange: this.layout$.on,\n onScroll: this.scroll$.on,\n onPageChange: this.pageChange$.on,\n onScrollerData: this.scrollerLayout$.on,\n onLayoutReady: this.layoutReady$.on,\n getCurrentPage: () => this.currentPage,\n getTotalPages: () => this.state.totalPages,\n scrollToPage: (options: ScrollToPageOptions) => {\n const { pageNumber, behavior = 'smooth', pageCoordinates, center = false } = options;\n const virtualItems = this.getVirtualItemsFromState();\n const position = this.strategy.getScrollPositionForPage(\n pageNumber,\n virtualItems,\n this.currentScale,\n this.currentRotation,\n pageCoordinates,\n );\n if (position) {\n this.viewport.scrollTo({ ...position, behavior, center });\n }\n },\n scrollToNextPage: (behavior = 'smooth') => {\n const virtualItems = this.getVirtualItemsFromState();\n const currentItemIndex = virtualItems.findIndex((item) =>\n item.pageNumbers.includes(this.currentPage),\n );\n if (currentItemIndex >= 0 && currentItemIndex < virtualItems.length - 1) {\n const nextItem = virtualItems[currentItemIndex + 1];\n const position = this.strategy.getScrollPositionForPage(\n nextItem.pageNumbers[0],\n virtualItems,\n this.currentScale,\n this.currentRotation,\n );\n if (position) {\n this.viewport.scrollTo({ ...position, behavior });\n }\n }\n },\n scrollToPreviousPage: (behavior = 'smooth') => {\n const virtualItems = this.getVirtualItemsFromState();\n const currentItemIndex = virtualItems.findIndex((item) =>\n item.pageNumbers.includes(this.currentPage),\n );\n if (currentItemIndex > 0) {\n const prevItem = virtualItems[currentItemIndex - 1];\n const position = this.strategy.getScrollPositionForPage(\n prevItem.pageNumbers[0],\n virtualItems,\n this.currentScale,\n this.currentRotation,\n );\n if (position) {\n this.viewport.scrollTo({ ...position, behavior });\n }\n }\n },\n getMetrics: this.getMetrics.bind(this),\n getLayout: this.getLayout.bind(this),\n getRectPositionForPage: this.getRectPositionForPage.bind(this),\n getPageGap: () => this.state.pageGap,\n getScrollerLayout: () => this.getScrollerLayoutFromState(),\n setScrollStrategy: (strategy: ScrollStrategy) => this.setScrollStrategy(strategy),\n };\n }\n\n private getMetrics(viewport?: ViewportMetrics): ScrollMetrics {\n const metrics = viewport || this.viewport.getMetrics();\n const virtualItems = this.getVirtualItemsFromState();\n return this.strategy.handleScroll(metrics, virtualItems, this.currentScale);\n }\n\n private getLayout(): LayoutChangePayload {\n return {\n virtualItems: this.state.virtualItems,\n totalContentSize: this.state.totalContentSize,\n };\n }\n\n private getRectPositionForPage(\n pageIndex: number,\n rect: Rect,\n scale?: number,\n rotation?: Rotation,\n ): Rect | null {\n return this.strategy.getRectPositionForPage(\n pageIndex + 1,\n this.state.virtualItems,\n scale ?? this.currentScale,\n rotation ?? this.currentRotation,\n rect,\n );\n }\n\n async initialize(): Promise<void> {\n // No DOM initialization needed; state drives rendering\n }\n\n async destroy(): Promise<void> {\n this.layout$.clear();\n this.scroll$.clear();\n this.pageChange$.clear();\n this.state$.clear();\n this.scrollerLayout$.clear();\n this.layoutReady$.clear();\n super.destroy();\n }\n}\n","import { PluginManifest } from '@embedpdf/core';\nimport { ScrollPluginConfig } from './types';\n\nexport const SCROLL_PLUGIN_ID = 'scroll';\n\nexport const manifest: PluginManifest<ScrollPluginConfig> = {\n id: SCROLL_PLUGIN_ID,\n name: 'Scroll Plugin',\n version: '1.0.0',\n provides: ['scroll'],\n requires: ['viewport'],\n optional: [],\n defaultConfig: {\n enabled: true,\n pageGap: 10,\n },\n};\n","import { Reducer, CoreState, SET_SCALE, SetScaleAction } from '@embedpdf/core';\nimport { ScrollState, ScrollStrategy, ScrollPluginConfig, ScrollMetrics } from './types';\nimport {\n ScrollAction,\n UPDATE_SCROLL_STATE,\n SET_DESIRED_SCROLL_POSITION,\n UPDATE_TOTAL_PAGES,\n} from './actions';\n\nexport const defaultScrollMetrics: ScrollMetrics = {\n currentPage: 1,\n visiblePages: [],\n pageVisibilityMetrics: [],\n renderedPageIndexes: [],\n scrollOffset: { x: 0, y: 0 },\n startSpacing: 0,\n endSpacing: 0,\n};\n\nexport const initialState: (coreState: CoreState, config: ScrollPluginConfig) => ScrollState = (\n coreState,\n config,\n) => ({\n virtualItems: [],\n totalPages: coreState.pages.length,\n totalContentSize: { width: 0, height: 0 },\n desiredScrollPosition: { x: 0, y: 0 },\n strategy: config.strategy ?? ScrollStrategy.Vertical,\n pageGap: config.pageGap ?? 10,\n scale: coreState.scale,\n ...defaultScrollMetrics,\n});\n\nexport const scrollReducer: Reducer<ScrollState, ScrollAction | SetScaleAction> = (\n state,\n action,\n) => {\n switch (action.type) {\n case UPDATE_TOTAL_PAGES:\n return { ...state, totalPages: action.payload };\n case SET_SCALE:\n return { ...state, scale: action.payload };\n case UPDATE_SCROLL_STATE:\n return { ...state, ...action.payload };\n case SET_DESIRED_SCROLL_POSITION:\n return { ...state, desiredScrollPosition: action.payload };\n default:\n return state;\n }\n};\n","import { PluginPackage } from '@embedpdf/core';\nimport { ScrollPlugin } from './scroll-plugin';\nimport { manifest, SCROLL_PLUGIN_ID } from './manifest';\nimport { ScrollPluginConfig, ScrollState } from './types';\nimport { scrollReducer, initialState } from './reducer';\nimport { ScrollAction } from './actions';\n\nexport const ScrollPluginPackage: PluginPackage<\n ScrollPlugin,\n ScrollPluginConfig,\n ScrollState,\n ScrollAction\n> = {\n manifest,\n create: (registry, config) => new ScrollPlugin(SCROLL_PLUGIN_ID, registry, config),\n reducer: scrollReducer,\n initialState: (coreState, config) => initialState(coreState, config),\n};\n\nexport * from './scroll-plugin';\nexport * from './types';\nexport * from './manifest';\nexport * from './types/virtual-item';\n"],"names":["ScrollStrategy","BaseScrollStrategy","constructor","config","this","pageGap","viewportGap","bufferSize","getVisibleRange","viewport","virtualItems","scale","scrollOffset","getScrollOffset","viewportStart","viewportEnd","getClientSize","startIndex","length","offset","height","endIndex","start","Math","max","end","min","handleScroll","range","visibleItems","slice","pageVisibilityMetrics","calculatePageVisibility","visiblePages","map","m","pageNumber","renderedPageIndexes","flatMap","item","index","currentPage","determineCurrentPage","first","last","startSpacing","endSpacing","x","scrollLeft","y","scrollTop","visibilityMetrics","forEach","pageLayouts","page","itemX","itemY","pageX","pageY","pageWidth","rotatedWidth","pageHeight","rotatedHeight","viewportLeft","viewportTop","viewportRight","clientWidth","viewportBottom","clientHeight","intersectionLeft","intersectionTop","intersectionRight","intersectionBottom","visibleWidth","visibleHeight","totalArea","visibleArea","push","viewportX","viewportY","visiblePercentage","original","scaled","maxVisibility","mostVisiblePages","filter","sort","a","b","getRectLocationForPage","find","pageNumbers","includes","pageLayout","layout","origin","size","width","getScrollPositionForPage","rotation","pageCoordinates","pageRect","scaledBasePosition","scalePosition","rotatedSize","transformPosition","getRectPositionForPage","rect","transformRect","VerticalScrollStrategy","super","createVirtualItems","pdfPageObject","yOffset","pagesInSpread","pageIndex","reduce","sum","i","p","id","getTotalContentSize","HorizontalScrollStrategy","xOffset","UPDATE_SCROLL_STATE","UPDATE_TOTAL_PAGES","updateScrollState","payload","type","_ScrollPlugin","BasePlugin","registry","currentScale","currentRotation","Rotation","Degree0","layoutReady","layout$","createBehaviorEmitter","scroll$","state$","scrollerLayout$","pageChange$","layoutReady$","getPlugin","provides","strategyConfig","_a","getViewportGap","_b","strategy","_c","Horizontal","initialPage","_d","coreState","core","onViewportChange","vp","commitMetrics","computeMetrics","mode","wait","coreStore","onAction","SET_DOCUMENT","_action","state","totalPages","pages","dispatch","emit","refreshAll","getPagesWithRotatedSize","getMetrics","SET_ROTATION","SET_PAGES","computeLayout","totalContentSize","items","commit","stateDelta","metrics","getScrollerLayoutFromState","getVirtualItemsFromState","totalWidth","totalHeight","idx","getScrollerLayout","pushScrollLayout","onStoreUpdated","_prevState","_newState","onCoreStoreUpdated","prevState","newState","setScrollStrategy","newStrategy","Vertical","setLayoutReady","buildCapability","onStateChange","on","onLayoutChange","onScroll","onPageChange","onScrollerData","onLayoutReady","getCurrentPage","getTotalPages","scrollToPage","options","behavior","center","position","scrollTo","scrollToNextPage","currentItemIndex","findIndex","nextItem","scrollToPreviousPage","prevItem","bind","getLayout","getPageGap","initialize","destroy","clear","ScrollPlugin","SCROLL_PLUGIN_ID","manifest","name","version","requires","optional","defaultConfig","enabled","defaultScrollMetrics","ScrollPluginPackage","create","reducer","action","SET_SCALE","desiredScrollPosition","initialState"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../src/lib/types.ts","../src/lib/strategies/base-strategy.ts","../src/lib/strategies/vertical-strategy.ts","../src/lib/strategies/horizontal-strategy.ts","../src/lib/actions.ts","../src/lib/selectors.ts","../src/lib/scroll-plugin.ts","../src/lib/manifest.ts","../src/lib/reducer.ts","../src/lib/index.ts"],"sourcesContent":["import { BasePluginConfig, Emitter, EventHook } from '@embedpdf/core';\nimport { PdfPageObject, Rect, Rotation } from '@embedpdf/models';\nimport { ViewportMetrics } from '@embedpdf/plugin-viewport';\nimport { VirtualItem } from './types/virtual-item';\n\nexport type ScrollBehavior = 'instant' | 'smooth' | 'auto';\n\nexport interface ScrollState extends ScrollMetrics {\n virtualItems: VirtualItem[];\n totalPages: number;\n totalContentSize: { width: number; height: number };\n desiredScrollPosition: { x: number; y: number };\n strategy: ScrollStrategy;\n pageGap: number;\n scale: number;\n}\n\nexport interface ScrollerLayout {\n startSpacing: number;\n endSpacing: number;\n totalWidth: number;\n totalHeight: number;\n pageGap: number;\n strategy: ScrollState['strategy'];\n items: VirtualItem[];\n}\n\nexport enum ScrollStrategy {\n Vertical = 'vertical',\n Horizontal = 'horizontal',\n}\n\nexport interface PageVisibilityMetrics {\n pageNumber: number;\n viewportX: number;\n viewportY: number;\n visiblePercentage: number;\n original: {\n pageX: number;\n pageY: number;\n visibleWidth: number;\n visibleHeight: number;\n scale: number;\n };\n scaled: {\n pageX: number;\n pageY: number;\n visibleWidth: number;\n visibleHeight: number;\n scale: number;\n };\n}\n\nexport interface ScrollMetrics {\n currentPage: number;\n visiblePages: number[];\n pageVisibilityMetrics: PageVisibilityMetrics[];\n renderedPageIndexes: number[];\n scrollOffset: { x: number; y: number };\n startSpacing: number;\n endSpacing: number;\n}\n\nexport interface ScrollStrategyInterface {\n initialize(container: HTMLElement, innerDiv: HTMLElement): void;\n destroy(): void;\n updateLayout(viewport: ViewportMetrics, pdfPageObject: PdfPageObject[][]): void;\n handleScroll(viewport: ViewportMetrics): void;\n getVirtualItems(): VirtualItem[];\n scrollToPage(pageNumber: number, behavior?: ScrollBehavior): void;\n calculateDimensions(pdfPageObject: PdfPageObject[][]): void;\n}\n\nexport interface ScrollPluginConfig extends BasePluginConfig {\n strategy?: ScrollStrategy;\n initialPage?: number;\n bufferSize?: number;\n pageGap?: number;\n}\n\nexport type LayoutChangePayload = Pick<ScrollState, 'virtualItems' | 'totalContentSize'>;\n\nexport interface ScrollToPageOptions {\n pageNumber: number;\n pageCoordinates?: { x: number; y: number };\n behavior?: ScrollBehavior;\n center?: boolean;\n}\n\nexport interface PageChangePayload {\n pageNumber: number;\n totalPages: number;\n}\n\nexport interface ScrollCapability {\n onStateChange: EventHook<ScrollState>;\n onScroll: EventHook<ScrollMetrics>;\n getCurrentPage(): number;\n getTotalPages(): number;\n onPageChange: EventHook<PageChangePayload>;\n onLayoutChange: EventHook<LayoutChangePayload>;\n onLayoutReady: EventHook<boolean>;\n scrollToPage(options: ScrollToPageOptions): void;\n scrollToNextPage(behavior?: ScrollBehavior): void;\n scrollToPreviousPage(behavior?: ScrollBehavior): void;\n getMetrics(viewport?: ViewportMetrics): ScrollMetrics;\n getLayout(): LayoutChangePayload;\n getRectPositionForPage(\n page: number,\n rect: Rect,\n scale?: number,\n rotation?: Rotation,\n ): Rect | null;\n setScrollStrategy(strategy: ScrollStrategy): void;\n getPageGap(): number;\n}\n","import {\n PdfPageObjectWithRotatedSize,\n Position,\n Rect,\n Rotation,\n scalePosition,\n Size,\n transformPosition,\n transformRect,\n} from '@embedpdf/models';\nimport { ViewportMetrics } from '@embedpdf/plugin-viewport';\nimport { VirtualItem } from '../types/virtual-item';\nimport { ScrollMetrics } from '../types';\n\nexport interface ScrollStrategyConfig {\n pageGap?: number;\n viewportGap?: number;\n bufferSize?: number;\n}\n\nexport abstract class BaseScrollStrategy {\n protected pageGap: number;\n protected viewportGap: number;\n protected bufferSize: number;\n\n constructor(config: ScrollStrategyConfig) {\n this.pageGap = config.pageGap ?? 20;\n this.viewportGap = config.viewportGap ?? 20;\n this.bufferSize = config.bufferSize ?? 2;\n }\n\n abstract createVirtualItems(pdfPageObject: PdfPageObjectWithRotatedSize[][]): VirtualItem[];\n abstract getTotalContentSize(virtualItems: VirtualItem[]): Size;\n protected abstract getScrollOffset(viewport: ViewportMetrics): number;\n protected abstract getClientSize(viewport: ViewportMetrics): number;\n\n protected getVisibleRange(\n viewport: ViewportMetrics,\n virtualItems: VirtualItem[],\n scale: number,\n ): { start: number; end: number } {\n const scrollOffset = this.getScrollOffset(viewport);\n const clientSize = this.getClientSize(viewport);\n const viewportStart = scrollOffset;\n const viewportEnd = scrollOffset + clientSize;\n\n let startIndex = 0;\n while (\n startIndex < virtualItems.length &&\n (virtualItems[startIndex].offset + virtualItems[startIndex].height) * scale <= viewportStart\n ) {\n startIndex++;\n }\n\n let endIndex = startIndex;\n while (endIndex < virtualItems.length && virtualItems[endIndex].offset * scale <= viewportEnd) {\n endIndex++;\n }\n\n return {\n start: Math.max(0, startIndex - this.bufferSize),\n end: Math.min(virtualItems.length - 1, endIndex + this.bufferSize - 1),\n };\n }\n\n handleScroll(\n viewport: ViewportMetrics,\n virtualItems: VirtualItem[],\n scale: number,\n ): ScrollMetrics {\n const range = this.getVisibleRange(viewport, virtualItems, scale);\n const visibleItems = virtualItems.slice(range.start, range.end + 1);\n const pageVisibilityMetrics = this.calculatePageVisibility(visibleItems, viewport, scale);\n const visiblePages = pageVisibilityMetrics.map((m) => m.pageNumber);\n const renderedPageIndexes = virtualItems\n .slice(range.start, range.end + 1)\n .flatMap((item) => item.index);\n const currentPage = this.determineCurrentPage(pageVisibilityMetrics);\n const first = virtualItems[range.start];\n const last = virtualItems[range.end];\n const startSpacing = first ? first.offset * scale : 0;\n const endSpacing = last\n ? (virtualItems[virtualItems.length - 1].offset + // end of content\n virtualItems[virtualItems.length - 1].height) *\n scale - // minus\n (last.offset + last.height) * scale // end of last rendered\n : 0;\n\n return {\n currentPage,\n visiblePages,\n pageVisibilityMetrics,\n renderedPageIndexes,\n scrollOffset: { x: viewport.scrollLeft, y: viewport.scrollTop },\n startSpacing,\n endSpacing,\n };\n }\n\n protected calculatePageVisibility(\n virtualItems: VirtualItem[],\n viewport: ViewportMetrics,\n scale: number,\n ): ScrollMetrics['pageVisibilityMetrics'] {\n const visibilityMetrics: ScrollMetrics['pageVisibilityMetrics'] = [];\n\n virtualItems.forEach((item) => {\n item.pageLayouts.forEach((page) => {\n const itemX = item.x * scale;\n const itemY = item.y * scale;\n const pageX = itemX + page.x * scale;\n const pageY = itemY + page.y * scale;\n const pageWidth = page.rotatedWidth * scale;\n const pageHeight = page.rotatedHeight * scale;\n\n const viewportLeft = viewport.scrollLeft;\n const viewportTop = viewport.scrollTop;\n const viewportRight = viewportLeft + viewport.clientWidth;\n const viewportBottom = viewportTop + viewport.clientHeight;\n\n const intersectionLeft = Math.max(pageX, viewportLeft);\n const intersectionTop = Math.max(pageY, viewportTop);\n const intersectionRight = Math.min(pageX + pageWidth, viewportRight);\n const intersectionBottom = Math.min(pageY + pageHeight, viewportBottom);\n\n if (intersectionLeft < intersectionRight && intersectionTop < intersectionBottom) {\n const visibleWidth = intersectionRight - intersectionLeft;\n const visibleHeight = intersectionBottom - intersectionTop;\n const totalArea = pageWidth * pageHeight;\n const visibleArea = visibleWidth * visibleHeight;\n\n visibilityMetrics.push({\n pageNumber: page.pageNumber,\n viewportX: intersectionLeft - viewportLeft,\n viewportY: intersectionTop - viewportTop,\n visiblePercentage: (visibleArea / totalArea) * 100,\n original: {\n pageX: (intersectionLeft - pageX) / scale,\n pageY: (intersectionTop - pageY) / scale,\n visibleWidth: visibleWidth / scale,\n visibleHeight: visibleHeight / scale,\n scale: 1,\n },\n scaled: {\n pageX: intersectionLeft - pageX,\n pageY: intersectionTop - pageY,\n visibleWidth,\n visibleHeight,\n scale,\n },\n });\n }\n });\n });\n\n return visibilityMetrics;\n }\n\n protected determineCurrentPage(\n visibilityMetrics: ScrollMetrics['pageVisibilityMetrics'],\n ): number {\n if (visibilityMetrics.length === 0) return 1;\n\n const maxVisibility = Math.max(...visibilityMetrics.map((m) => m.visiblePercentage));\n const mostVisiblePages = visibilityMetrics.filter((m) => m.visiblePercentage === maxVisibility);\n\n return mostVisiblePages.length === 1\n ? mostVisiblePages[0].pageNumber\n : mostVisiblePages.sort((a, b) => a.pageNumber - b.pageNumber)[0].pageNumber;\n }\n\n private getRectLocationForPage(\n pageNumber: number,\n virtualItems: VirtualItem[],\n totalContentSize?: Size,\n ): Rect | null {\n // Find the virtual item containing the page\n const item = virtualItems.find((item) => item.pageNumbers.includes(pageNumber));\n if (!item) return null;\n\n // Find the specific page layout for the requested page number\n const pageLayout = item.pageLayouts.find((layout) => layout.pageNumber === pageNumber);\n if (!pageLayout) return null;\n\n // Calculate centering offset for items that are narrower than the maximum width\n let centeringOffsetX = 0;\n if (totalContentSize) {\n const maxWidth = totalContentSize.width;\n if (item.width < maxWidth) {\n centeringOffsetX = (maxWidth - item.width) / 2;\n }\n }\n\n return {\n origin: {\n x: item.x + pageLayout.x + centeringOffsetX,\n y: item.y + pageLayout.y,\n },\n size: {\n width: pageLayout.width,\n height: pageLayout.height,\n },\n };\n }\n\n getScrollPositionForPage(\n pageNumber: number,\n virtualItems: VirtualItem[],\n scale: number,\n rotation: Rotation,\n pageCoordinates?: { x: number; y: number },\n ): Position | null {\n const totalContentSize = this.getTotalContentSize(virtualItems);\n const pageRect = this.getRectLocationForPage(pageNumber, virtualItems, totalContentSize);\n if (!pageRect) return null;\n\n const scaledBasePosition = scalePosition(pageRect.origin, scale);\n\n // If specific page coordinates are provided, add them to the base position\n if (pageCoordinates) {\n const rotatedSize = transformPosition(\n {\n width: pageRect.size.width,\n height: pageRect.size.height,\n },\n {\n x: pageCoordinates.x,\n y: pageCoordinates.y,\n },\n rotation,\n scale,\n );\n\n return {\n x: scaledBasePosition.x + rotatedSize.x + this.viewportGap,\n y: scaledBasePosition.y + rotatedSize.y + this.viewportGap,\n };\n }\n\n return {\n x: scaledBasePosition.x + this.viewportGap,\n y: scaledBasePosition.y + this.viewportGap,\n };\n }\n\n getRectPositionForPage(\n pageNumber: number,\n virtualItems: VirtualItem[],\n scale: number,\n rotation: Rotation,\n rect: Rect,\n ): Rect | null {\n const totalContentSize = this.getTotalContentSize(virtualItems);\n const pageRect = this.getRectLocationForPage(pageNumber, virtualItems, totalContentSize);\n if (!pageRect) return null;\n\n const scaledBasePosition = scalePosition(pageRect.origin, scale);\n\n const rotatedSize = transformRect(\n {\n width: pageRect.size.width,\n height: pageRect.size.height,\n },\n rect,\n rotation,\n scale,\n );\n\n return {\n origin: {\n x: scaledBasePosition.x + rotatedSize.origin.x,\n y: scaledBasePosition.y + rotatedSize.origin.y,\n },\n size: rotatedSize.size,\n };\n }\n}\n","import { PdfPageObjectWithRotatedSize } from '@embedpdf/models';\nimport { ViewportMetrics } from '@embedpdf/plugin-viewport';\nimport { BaseScrollStrategy, ScrollStrategyConfig } from './base-strategy';\nimport { VirtualItem, PageLayout } from '../types/virtual-item';\nimport { ScrollMetrics } from '../types';\n\nexport class VerticalScrollStrategy extends BaseScrollStrategy {\n constructor(config: ScrollStrategyConfig) {\n super(config);\n }\n\n createVirtualItems(pdfPageObject: PdfPageObjectWithRotatedSize[][]): VirtualItem[] {\n let yOffset = 0;\n return pdfPageObject.map((pagesInSpread, index) => {\n let pageX = 0;\n const pageLayouts: PageLayout[] = pagesInSpread.map((page) => {\n const layout: PageLayout = {\n pageNumber: page.index + 1,\n pageIndex: page.index,\n x: pageX,\n y: 0,\n width: page.size.width,\n height: page.size.height,\n rotatedWidth: page.rotatedSize.width,\n rotatedHeight: page.rotatedSize.height,\n };\n pageX += page.rotatedSize.width + this.pageGap;\n return layout;\n });\n const width = pagesInSpread.reduce(\n (sum, page, i) =>\n sum + page.rotatedSize.width + (i < pagesInSpread.length - 1 ? this.pageGap : 0),\n 0,\n );\n const height = Math.max(...pagesInSpread.map((p) => p.rotatedSize.height));\n const item: VirtualItem = {\n id: `item-${index}`,\n x: 0,\n y: yOffset,\n offset: yOffset,\n width,\n height,\n pageLayouts,\n pageNumbers: pagesInSpread.map((p) => p.index + 1),\n index,\n };\n yOffset += height + this.pageGap;\n return item;\n });\n }\n\n getTotalContentSize(virtualItems: VirtualItem[]): { width: number; height: number } {\n if (virtualItems.length === 0) return { width: 0, height: 0 };\n const maxWidth = Math.max(...virtualItems.map((item) => item.width));\n const totalHeight =\n virtualItems[virtualItems.length - 1].y + virtualItems[virtualItems.length - 1].height;\n return {\n width: maxWidth,\n height: totalHeight,\n };\n }\n\n protected getScrollOffset(viewport: ViewportMetrics): number {\n return viewport.scrollTop;\n }\n\n protected getClientSize(viewport: ViewportMetrics): number {\n return viewport.clientHeight;\n }\n}\n","import { PdfPageObjectWithRotatedSize } from '@embedpdf/models';\nimport { ViewportMetrics } from '@embedpdf/plugin-viewport';\nimport { BaseScrollStrategy, ScrollStrategyConfig } from './base-strategy';\nimport { VirtualItem, PageLayout } from '../types/virtual-item';\n\nexport class HorizontalScrollStrategy extends BaseScrollStrategy {\n constructor(config: ScrollStrategyConfig) {\n super(config);\n }\n\n createVirtualItems(pdfPageObject: PdfPageObjectWithRotatedSize[][]): VirtualItem[] {\n let xOffset = 0;\n return pdfPageObject.map((pagesInSpread, index) => {\n let pageX = 0;\n const pageLayouts: PageLayout[] = pagesInSpread.map((page) => {\n const layout: PageLayout = {\n pageNumber: page.index + 1,\n pageIndex: page.index,\n x: pageX,\n y: 0,\n width: page.size.width,\n height: page.size.height,\n rotatedWidth: page.rotatedSize.width,\n rotatedHeight: page.rotatedSize.height,\n };\n pageX += page.rotatedSize.width + this.pageGap;\n return layout;\n });\n const width = pagesInSpread.reduce(\n (sum, page, i) =>\n sum + page.rotatedSize.width + (i < pagesInSpread.length - 1 ? this.pageGap : 0),\n 0,\n );\n const height = Math.max(...pagesInSpread.map((p) => p.rotatedSize.height));\n const item: VirtualItem = {\n id: `item-${index}`,\n x: xOffset,\n y: 0,\n offset: xOffset,\n width,\n height,\n pageLayouts,\n pageNumbers: pagesInSpread.map((p) => p.index + 1),\n index,\n };\n xOffset += width + this.pageGap;\n return item;\n });\n }\n\n getTotalContentSize(virtualItems: VirtualItem[]): { width: number; height: number } {\n if (virtualItems.length === 0) return { width: 0, height: 0 };\n const totalWidth =\n virtualItems[virtualItems.length - 1].x + virtualItems[virtualItems.length - 1].width;\n const maxHeight = Math.max(...virtualItems.map((item) => item.height));\n return {\n width: totalWidth,\n height: maxHeight,\n };\n }\n\n protected getScrollOffset(viewport: ViewportMetrics): number {\n return viewport.scrollLeft;\n }\n\n protected getClientSize(viewport: ViewportMetrics): number {\n return viewport.clientWidth;\n }\n}\n","import { Action } from '@embedpdf/core';\nimport { ScrollState } from './types';\n\nexport const UPDATE_SCROLL_STATE = 'UPDATE_SCROLL_STATE';\nexport const SET_DESIRED_SCROLL_POSITION = 'SET_DESIRED_SCROLL_POSITION';\nexport const UPDATE_TOTAL_PAGES = 'UPDATE_TOTAL_PAGES';\n\nexport interface UpdateScrollStateAction extends Action {\n type: typeof UPDATE_SCROLL_STATE;\n payload: Partial<ScrollState>;\n}\n\nexport interface SetDesiredScrollPositionAction extends Action {\n type: typeof SET_DESIRED_SCROLL_POSITION;\n payload: { x: number; y: number };\n}\n\nexport interface UpdateTotalPagesAction extends Action {\n type: typeof UPDATE_TOTAL_PAGES;\n payload: number;\n}\n\nexport type ScrollAction =\n | UpdateScrollStateAction\n | SetDesiredScrollPositionAction\n | UpdateTotalPagesAction;\n\nexport function updateScrollState(payload: Partial<ScrollState>): UpdateScrollStateAction {\n return { type: UPDATE_SCROLL_STATE, payload };\n}\n\nexport function setDesiredScrollPosition(payload: {\n x: number;\n y: number;\n}): SetDesiredScrollPositionAction {\n return { type: SET_DESIRED_SCROLL_POSITION, payload };\n}\n\nexport function updateTotalPages(payload: number): UpdateTotalPagesAction {\n return { type: UPDATE_TOTAL_PAGES, payload };\n}\n","import { ScrollerLayout, ScrollState } from './types';\n\nexport const getScrollerLayout = (state: ScrollState, scale: number): ScrollerLayout => {\n return {\n startSpacing: state.startSpacing,\n endSpacing: state.endSpacing,\n totalWidth: state.totalContentSize.width * scale,\n totalHeight: state.totalContentSize.height * scale,\n pageGap: state.pageGap * scale,\n strategy: state.strategy,\n items: state.renderedPageIndexes.map((idx) => {\n return {\n ...state.virtualItems[idx],\n pageLayouts: state.virtualItems[idx].pageLayouts.map((layout) => {\n return {\n ...layout,\n rotatedWidth: layout.rotatedWidth * scale,\n rotatedHeight: layout.rotatedHeight * scale,\n width: layout.width * scale,\n height: layout.height * scale,\n };\n }),\n };\n }),\n };\n};\n","import {\n BasePlugin,\n CoreState,\n PluginRegistry,\n SET_DOCUMENT,\n SET_PAGES,\n SET_ROTATION,\n StoreState,\n Unsubscribe,\n createBehaviorEmitter,\n getPagesWithRotatedSize,\n} from '@embedpdf/core';\nimport { PdfPageObjectWithRotatedSize, Rect, Rotation } from '@embedpdf/models';\nimport { ViewportCapability, ViewportMetrics, ViewportPlugin } from '@embedpdf/plugin-viewport';\nimport {\n ScrollCapability,\n ScrollPluginConfig,\n ScrollStrategy,\n ScrollMetrics,\n ScrollState,\n LayoutChangePayload,\n ScrollerLayout,\n ScrollToPageOptions,\n PageChangePayload,\n ScrollBehavior,\n} from './types';\nimport { BaseScrollStrategy, ScrollStrategyConfig } from './strategies/base-strategy';\nimport { VerticalScrollStrategy } from './strategies/vertical-strategy';\nimport { HorizontalScrollStrategy } from './strategies/horizontal-strategy';\nimport { updateScrollState, ScrollAction, updateTotalPages } from './actions';\nimport { VirtualItem } from './types/virtual-item';\nimport { getScrollerLayout } from './selectors';\n\ntype PartialScroll = Partial<ScrollState>;\ntype Emits = {\n layout?: LayoutChangePayload;\n metrics?: ScrollMetrics;\n};\n\nexport class ScrollPlugin extends BasePlugin<\n ScrollPluginConfig,\n ScrollCapability,\n ScrollState,\n ScrollAction\n> {\n static readonly id = 'scroll' as const;\n private viewport: ViewportCapability;\n private strategy: BaseScrollStrategy;\n private strategyConfig: ScrollStrategyConfig;\n private currentScale: number = 1;\n private currentRotation: Rotation = Rotation.Degree0;\n private initialPage?: number;\n private currentPage: number = 1;\n private layoutReady: boolean = false;\n\n private readonly layout$ = createBehaviorEmitter<LayoutChangePayload>();\n private readonly scroll$ = createBehaviorEmitter<ScrollMetrics>();\n private readonly state$ = createBehaviorEmitter<ScrollState>();\n private readonly scrollerLayout$ = createBehaviorEmitter<ScrollerLayout>();\n private readonly pageChange$ = createBehaviorEmitter<PageChangePayload>();\n private readonly layoutReady$ = createBehaviorEmitter<boolean>();\n\n constructor(\n public readonly id: string,\n registry: PluginRegistry,\n private config?: ScrollPluginConfig,\n ) {\n super(id, registry);\n\n this.viewport = this.registry.getPlugin<ViewportPlugin>('viewport')!.provides();\n\n this.strategyConfig = {\n pageGap: this.config?.pageGap ?? 10,\n viewportGap: this.viewport.getViewportGap(),\n bufferSize: this.config?.bufferSize ?? 2,\n };\n\n this.strategy =\n this.config?.strategy === ScrollStrategy.Horizontal\n ? new HorizontalScrollStrategy(this.strategyConfig)\n : new VerticalScrollStrategy(this.strategyConfig);\n\n this.initialPage = this.config?.initialPage;\n this.currentScale = this.coreState.core.scale;\n this.currentRotation = this.coreState.core.rotation;\n // Subscribe to viewport and page manager events\n this.viewport.onViewportChange((vp) => this.commitMetrics(this.computeMetrics(vp)), {\n mode: 'throttle',\n wait: 100,\n });\n this.coreStore.onAction(SET_DOCUMENT, (_action, state) => {\n const totalPages = state.core.pages.length;\n this.dispatch(updateTotalPages(totalPages));\n this.pageChange$.emit({ pageNumber: this.currentPage, totalPages });\n this.refreshAll(getPagesWithRotatedSize(state.core), this.viewport.getMetrics());\n });\n this.coreStore.onAction(SET_ROTATION, (_action, state) =>\n this.refreshAll(getPagesWithRotatedSize(state.core), this.viewport.getMetrics()),\n );\n this.coreStore.onAction(SET_PAGES, (_action, state) =>\n this.refreshAll(getPagesWithRotatedSize(state.core), this.viewport.getMetrics()),\n );\n }\n\n /* ------------------------------------------------------------------ */\n /* ᴄᴏᴍᴘᴜᴛᴇʀs */\n /* ------------------------------------------------------------------ */\n\n private computeLayout(pages: PdfPageObjectWithRotatedSize[][]) {\n const virtualItems = this.strategy.createVirtualItems(pages);\n const totalContentSize = this.strategy.getTotalContentSize(virtualItems);\n return { virtualItems, totalContentSize };\n }\n\n private computeMetrics(vp: ViewportMetrics, items: VirtualItem[] = this.state.virtualItems) {\n return this.strategy.handleScroll(vp, items, this.currentScale);\n }\n\n /* ------------------------------------------------------------------ */\n /* ᴄᴏᴍᴍɪᴛ (single source of truth) */\n /* ------------------------------------------------------------------ */\n\n private commit(stateDelta: PartialScroll, emit?: Emits) {\n /* update Redux-like store */\n this.dispatch(updateScrollState(stateDelta));\n\n /* fire optional events */\n if (emit?.layout) this.layout$.emit(emit.layout);\n if (emit?.metrics) {\n this.scroll$.emit(emit.metrics);\n\n if (emit.metrics.currentPage !== this.currentPage) {\n this.currentPage = emit.metrics.currentPage;\n this.pageChange$.emit({ pageNumber: this.currentPage, totalPages: this.state.totalPages });\n }\n }\n\n /* keep scroller-layout reactive */\n this.scrollerLayout$.emit(this.getScrollerLayout());\n }\n\n /* convenience wrappers */\n private commitMetrics(metrics: ScrollMetrics) {\n this.commit(metrics, { metrics });\n }\n\n /* full re-compute after page-spread or initialisation */\n private refreshAll(pages: PdfPageObjectWithRotatedSize[][], vp: ViewportMetrics) {\n const layout = this.computeLayout(pages);\n const metrics = this.computeMetrics(vp, layout.virtualItems);\n\n this.commit({ ...layout, ...metrics }, { layout, metrics });\n }\n\n private getVirtualItemsFromState(): VirtualItem[] {\n return this.state.virtualItems || [];\n }\n\n public onScrollerData(callback: (layout: ScrollerLayout) => void): Unsubscribe {\n return this.scrollerLayout$.on(callback);\n }\n\n public getScrollerLayout(): ScrollerLayout {\n const scale = this.coreState.core.scale;\n return getScrollerLayout(this.state, scale);\n }\n\n private pushScrollLayout() {\n this.scrollerLayout$.emit(this.getScrollerLayout());\n }\n\n override onStoreUpdated(_prevState: ScrollState, _newState: ScrollState): void {\n this.pushScrollLayout();\n }\n\n override onCoreStoreUpdated(\n prevState: StoreState<CoreState>,\n newState: StoreState<CoreState>,\n ): void {\n if (prevState.core.scale !== newState.core.scale) {\n this.currentScale = newState.core.scale;\n this.commitMetrics(this.computeMetrics(this.viewport.getMetrics()));\n }\n if (prevState.core.rotation !== newState.core.rotation) {\n this.currentRotation = newState.core.rotation;\n }\n }\n\n /**\n * Change the scroll strategy at runtime (e.g., vertical <-> horizontal)\n * @param newStrategy ScrollStrategy.Horizontal or ScrollStrategy.Vertical\n */\n private setScrollStrategy(newStrategy: ScrollStrategy) {\n // Only update if the strategy is actually changing\n if (\n (newStrategy === ScrollStrategy.Horizontal &&\n this.strategy instanceof HorizontalScrollStrategy) ||\n (newStrategy === ScrollStrategy.Vertical && this.strategy instanceof VerticalScrollStrategy)\n ) {\n return;\n }\n\n this.strategy =\n newStrategy === ScrollStrategy.Horizontal\n ? new HorizontalScrollStrategy(this.strategyConfig)\n : new VerticalScrollStrategy(this.strategyConfig);\n\n // Update state with new strategy\n this.dispatch(\n updateScrollState({\n strategy: newStrategy,\n }),\n );\n\n // Recalculate layout and scroll metrics\n const pages = getPagesWithRotatedSize(this.coreState.core);\n this.refreshAll(pages, this.viewport.getMetrics());\n }\n\n public setLayoutReady() {\n if (this.layoutReady) return;\n\n this.layoutReady = true;\n this.layoutReady$.emit(true);\n\n if (this.initialPage) {\n this.scrollToPage({ pageNumber: this.initialPage, behavior: 'instant' });\n }\n }\n\n protected buildCapability(): ScrollCapability {\n return {\n onStateChange: this.state$.on,\n onLayoutChange: this.layout$.on,\n onScroll: this.scroll$.on,\n onPageChange: this.pageChange$.on,\n onLayoutReady: this.layoutReady$.on,\n getCurrentPage: () => this.currentPage,\n getTotalPages: () => this.state.totalPages,\n scrollToPage: this.scrollToPage.bind(this),\n scrollToNextPage: this.scrollToNextPage.bind(this),\n scrollToPreviousPage: this.scrollToPreviousPage.bind(this),\n getMetrics: this.getMetrics.bind(this),\n getLayout: this.getLayout.bind(this),\n getRectPositionForPage: this.getRectPositionForPage.bind(this),\n getPageGap: () => this.state.pageGap,\n setScrollStrategy: (strategy: ScrollStrategy) => this.setScrollStrategy(strategy),\n };\n }\n\n private scrollToPage(options: ScrollToPageOptions) {\n const { pageNumber, behavior = 'smooth', pageCoordinates, center = false } = options;\n const virtualItems = this.getVirtualItemsFromState();\n const position = this.strategy.getScrollPositionForPage(\n pageNumber,\n virtualItems,\n this.currentScale,\n this.currentRotation,\n pageCoordinates,\n );\n if (position) {\n this.viewport.scrollTo({ ...position, behavior, center });\n }\n }\n\n private scrollToNextPage(behavior: ScrollBehavior = 'smooth') {\n const virtualItems = this.getVirtualItemsFromState();\n const currentItemIndex = virtualItems.findIndex((item) =>\n item.pageNumbers.includes(this.currentPage),\n );\n if (currentItemIndex >= 0 && currentItemIndex < virtualItems.length - 1) {\n const nextItem = virtualItems[currentItemIndex + 1];\n const position = this.strategy.getScrollPositionForPage(\n nextItem.pageNumbers[0],\n virtualItems,\n this.currentScale,\n this.currentRotation,\n );\n if (position) {\n this.viewport.scrollTo({ ...position, behavior });\n }\n }\n }\n\n private scrollToPreviousPage(behavior: ScrollBehavior = 'smooth') {\n const virtualItems = this.getVirtualItemsFromState();\n const currentItemIndex = virtualItems.findIndex((item) =>\n item.pageNumbers.includes(this.currentPage),\n );\n if (currentItemIndex > 0) {\n const prevItem = virtualItems[currentItemIndex - 1];\n const position = this.strategy.getScrollPositionForPage(\n prevItem.pageNumbers[0],\n virtualItems,\n this.currentScale,\n this.currentRotation,\n );\n if (position) {\n this.viewport.scrollTo({ ...position, behavior });\n }\n }\n }\n\n private getMetrics(viewport?: ViewportMetrics): ScrollMetrics {\n const metrics = viewport || this.viewport.getMetrics();\n const virtualItems = this.getVirtualItemsFromState();\n return this.strategy.handleScroll(metrics, virtualItems, this.currentScale);\n }\n\n private getLayout(): LayoutChangePayload {\n return {\n virtualItems: this.state.virtualItems,\n totalContentSize: this.state.totalContentSize,\n };\n }\n\n private getRectPositionForPage(\n pageIndex: number,\n rect: Rect,\n scale?: number,\n rotation?: Rotation,\n ): Rect | null {\n return this.strategy.getRectPositionForPage(\n pageIndex + 1,\n this.state.virtualItems,\n scale ?? this.currentScale,\n rotation ?? this.currentRotation,\n rect,\n );\n }\n\n async initialize(): Promise<void> {\n // No DOM initialization needed; state drives rendering\n }\n\n async destroy(): Promise<void> {\n this.layout$.clear();\n this.scroll$.clear();\n this.pageChange$.clear();\n this.state$.clear();\n this.scrollerLayout$.clear();\n this.layoutReady$.clear();\n super.destroy();\n }\n}\n","import { PluginManifest } from '@embedpdf/core';\nimport { ScrollPluginConfig } from './types';\n\nexport const SCROLL_PLUGIN_ID = 'scroll';\n\nexport const manifest: PluginManifest<ScrollPluginConfig> = {\n id: SCROLL_PLUGIN_ID,\n name: 'Scroll Plugin',\n version: '1.0.0',\n provides: ['scroll'],\n requires: ['viewport'],\n optional: [],\n defaultConfig: {\n enabled: true,\n pageGap: 10,\n },\n};\n","import { Reducer, CoreState, SET_SCALE, SetScaleAction } from '@embedpdf/core';\nimport { ScrollState, ScrollStrategy, ScrollPluginConfig, ScrollMetrics } from './types';\nimport {\n ScrollAction,\n UPDATE_SCROLL_STATE,\n SET_DESIRED_SCROLL_POSITION,\n UPDATE_TOTAL_PAGES,\n} from './actions';\n\nexport const defaultScrollMetrics: ScrollMetrics = {\n currentPage: 1,\n visiblePages: [],\n pageVisibilityMetrics: [],\n renderedPageIndexes: [],\n scrollOffset: { x: 0, y: 0 },\n startSpacing: 0,\n endSpacing: 0,\n};\n\nexport const initialState: (coreState: CoreState, config: ScrollPluginConfig) => ScrollState = (\n coreState,\n config,\n) => ({\n virtualItems: [],\n totalPages: coreState.pages.length,\n totalContentSize: { width: 0, height: 0 },\n desiredScrollPosition: { x: 0, y: 0 },\n strategy: config.strategy ?? ScrollStrategy.Vertical,\n pageGap: config.pageGap ?? 10,\n scale: coreState.scale,\n ...defaultScrollMetrics,\n});\n\nexport const scrollReducer: Reducer<ScrollState, ScrollAction | SetScaleAction> = (\n state,\n action,\n) => {\n switch (action.type) {\n case UPDATE_TOTAL_PAGES:\n return { ...state, totalPages: action.payload };\n case SET_SCALE:\n return { ...state, scale: action.payload };\n case UPDATE_SCROLL_STATE:\n return { ...state, ...action.payload };\n case SET_DESIRED_SCROLL_POSITION:\n return { ...state, desiredScrollPosition: action.payload };\n default:\n return state;\n }\n};\n","import { PluginPackage } from '@embedpdf/core';\nimport { ScrollPlugin } from './scroll-plugin';\nimport { manifest, SCROLL_PLUGIN_ID } from './manifest';\nimport { ScrollPluginConfig, ScrollState } from './types';\nimport { scrollReducer, initialState } from './reducer';\nimport { ScrollAction } from './actions';\n\nexport const ScrollPluginPackage: PluginPackage<\n ScrollPlugin,\n ScrollPluginConfig,\n ScrollState,\n ScrollAction\n> = {\n manifest,\n create: (registry, config) => new ScrollPlugin(SCROLL_PLUGIN_ID, registry, config),\n reducer: scrollReducer,\n initialState: (coreState, config) => initialState(coreState, config),\n};\n\nexport * from './scroll-plugin';\nexport * from './types';\nexport * from './manifest';\nexport * from './types/virtual-item';\n"],"names":["ScrollStrategy","BaseScrollStrategy","constructor","config","this","pageGap","viewportGap","bufferSize","getVisibleRange","viewport","virtualItems","scale","scrollOffset","getScrollOffset","viewportStart","viewportEnd","getClientSize","startIndex","length","offset","height","endIndex","start","Math","max","end","min","handleScroll","range","visibleItems","slice","pageVisibilityMetrics","calculatePageVisibility","visiblePages","map","m","pageNumber","renderedPageIndexes","flatMap","item","index","currentPage","determineCurrentPage","first","last","startSpacing","endSpacing","x","scrollLeft","y","scrollTop","visibilityMetrics","forEach","pageLayouts","page","itemX","itemY","pageX","pageY","pageWidth","rotatedWidth","pageHeight","rotatedHeight","viewportLeft","viewportTop","viewportRight","clientWidth","viewportBottom","clientHeight","intersectionLeft","intersectionTop","intersectionRight","intersectionBottom","visibleWidth","visibleHeight","totalArea","visibleArea","push","viewportX","viewportY","visiblePercentage","original","scaled","maxVisibility","mostVisiblePages","filter","sort","a","b","getRectLocationForPage","totalContentSize","find","pageNumbers","includes","pageLayout","layout","centeringOffsetX","maxWidth","width","origin","size","getScrollPositionForPage","rotation","pageCoordinates","getTotalContentSize","pageRect","scaledBasePosition","scalePosition","rotatedSize","transformPosition","getRectPositionForPage","rect","transformRect","VerticalScrollStrategy","super","createVirtualItems","pdfPageObject","yOffset","pagesInSpread","pageIndex","reduce","sum","i","p","id","HorizontalScrollStrategy","xOffset","UPDATE_SCROLL_STATE","UPDATE_TOTAL_PAGES","updateScrollState","payload","type","_ScrollPlugin","BasePlugin","registry","currentScale","currentRotation","Rotation","Degree0","layoutReady","layout$","createBehaviorEmitter","scroll$","state$","scrollerLayout$","pageChange$","layoutReady$","getPlugin","provides","strategyConfig","_a","getViewportGap","_b","strategy","_c","Horizontal","initialPage","_d","coreState","core","onViewportChange","vp","commitMetrics","computeMetrics","mode","wait","coreStore","onAction","SET_DOCUMENT","_action","state","totalPages","pages","dispatch","emit","refreshAll","getPagesWithRotatedSize","getMetrics","SET_ROTATION","SET_PAGES","computeLayout","items","commit","stateDelta","metrics","getScrollerLayout","getVirtualItemsFromState","onScrollerData","callback","on","totalWidth","totalHeight","idx","pushScrollLayout","onStoreUpdated","_prevState","_newState","onCoreStoreUpdated","prevState","newState","setScrollStrategy","newStrategy","Vertical","setLayoutReady","scrollToPage","behavior","buildCapability","onStateChange","onLayoutChange","onScroll","onPageChange","onLayoutReady","getCurrentPage","getTotalPages","bind","scrollToNextPage","scrollToPreviousPage","getLayout","getPageGap","options","center","position","scrollTo","currentItemIndex","findIndex","nextItem","prevItem","initialize","destroy","clear","ScrollPlugin","SCROLL_PLUGIN_ID","manifest","name","version","requires","optional","defaultConfig","enabled","defaultScrollMetrics","ScrollPluginPackage","create","reducer","action","SET_SCALE","desiredScrollPosition","initialState"],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -106,14 +106,21 @@ class BaseScrollStrategy {
|
|
|
106
106
|
const mostVisiblePages = visibilityMetrics.filter((m) => m.visiblePercentage === maxVisibility);
|
|
107
107
|
return mostVisiblePages.length === 1 ? mostVisiblePages[0].pageNumber : mostVisiblePages.sort((a, b) => a.pageNumber - b.pageNumber)[0].pageNumber;
|
|
108
108
|
}
|
|
109
|
-
getRectLocationForPage(pageNumber, virtualItems) {
|
|
109
|
+
getRectLocationForPage(pageNumber, virtualItems, totalContentSize) {
|
|
110
110
|
const item = virtualItems.find((item2) => item2.pageNumbers.includes(pageNumber));
|
|
111
111
|
if (!item) return null;
|
|
112
112
|
const pageLayout = item.pageLayouts.find((layout) => layout.pageNumber === pageNumber);
|
|
113
113
|
if (!pageLayout) return null;
|
|
114
|
+
let centeringOffsetX = 0;
|
|
115
|
+
if (totalContentSize) {
|
|
116
|
+
const maxWidth = totalContentSize.width;
|
|
117
|
+
if (item.width < maxWidth) {
|
|
118
|
+
centeringOffsetX = (maxWidth - item.width) / 2;
|
|
119
|
+
}
|
|
120
|
+
}
|
|
114
121
|
return {
|
|
115
122
|
origin: {
|
|
116
|
-
x: item.x + pageLayout.x,
|
|
123
|
+
x: item.x + pageLayout.x + centeringOffsetX,
|
|
117
124
|
y: item.y + pageLayout.y
|
|
118
125
|
},
|
|
119
126
|
size: {
|
|
@@ -123,7 +130,8 @@ class BaseScrollStrategy {
|
|
|
123
130
|
};
|
|
124
131
|
}
|
|
125
132
|
getScrollPositionForPage(pageNumber, virtualItems, scale, rotation, pageCoordinates) {
|
|
126
|
-
const
|
|
133
|
+
const totalContentSize = this.getTotalContentSize(virtualItems);
|
|
134
|
+
const pageRect = this.getRectLocationForPage(pageNumber, virtualItems, totalContentSize);
|
|
127
135
|
if (!pageRect) return null;
|
|
128
136
|
const scaledBasePosition = scalePosition(pageRect.origin, scale);
|
|
129
137
|
if (pageCoordinates) {
|
|
@@ -150,7 +158,8 @@ class BaseScrollStrategy {
|
|
|
150
158
|
};
|
|
151
159
|
}
|
|
152
160
|
getRectPositionForPage(pageNumber, virtualItems, scale, rotation, rect) {
|
|
153
|
-
const
|
|
161
|
+
const totalContentSize = this.getTotalContentSize(virtualItems);
|
|
162
|
+
const pageRect = this.getRectLocationForPage(pageNumber, virtualItems, totalContentSize);
|
|
154
163
|
if (!pageRect) return null;
|
|
155
164
|
const scaledBasePosition = scalePosition(pageRect.origin, scale);
|
|
156
165
|
const rotatedSize = transformRect(
|
|
@@ -389,7 +398,7 @@ const _ScrollPlugin = class _ScrollPlugin extends BasePlugin {
|
|
|
389
398
|
this.pageChange$.emit({ pageNumber: this.currentPage, totalPages: this.state.totalPages });
|
|
390
399
|
}
|
|
391
400
|
}
|
|
392
|
-
this.scrollerLayout$.emit(this.
|
|
401
|
+
this.scrollerLayout$.emit(this.getScrollerLayout());
|
|
393
402
|
}
|
|
394
403
|
/* convenience wrappers */
|
|
395
404
|
commitMetrics(metrics) {
|
|
@@ -404,12 +413,15 @@ const _ScrollPlugin = class _ScrollPlugin extends BasePlugin {
|
|
|
404
413
|
getVirtualItemsFromState() {
|
|
405
414
|
return this.state.virtualItems || [];
|
|
406
415
|
}
|
|
407
|
-
|
|
416
|
+
onScrollerData(callback) {
|
|
417
|
+
return this.scrollerLayout$.on(callback);
|
|
418
|
+
}
|
|
419
|
+
getScrollerLayout() {
|
|
408
420
|
const scale = this.coreState.core.scale;
|
|
409
421
|
return getScrollerLayout(this.state, scale);
|
|
410
422
|
}
|
|
411
423
|
pushScrollLayout() {
|
|
412
|
-
this.scrollerLayout$.emit(this.
|
|
424
|
+
this.scrollerLayout$.emit(this.getScrollerLayout());
|
|
413
425
|
}
|
|
414
426
|
onStoreUpdated(_prevState, _newState) {
|
|
415
427
|
this.pushScrollLayout();
|
|
@@ -444,6 +456,9 @@ const _ScrollPlugin = class _ScrollPlugin extends BasePlugin {
|
|
|
444
456
|
if (this.layoutReady) return;
|
|
445
457
|
this.layoutReady = true;
|
|
446
458
|
this.layoutReady$.emit(true);
|
|
459
|
+
if (this.initialPage) {
|
|
460
|
+
this.scrollToPage({ pageNumber: this.initialPage, behavior: "instant" });
|
|
461
|
+
}
|
|
447
462
|
}
|
|
448
463
|
buildCapability() {
|
|
449
464
|
return {
|
|
@@ -451,68 +466,69 @@ const _ScrollPlugin = class _ScrollPlugin extends BasePlugin {
|
|
|
451
466
|
onLayoutChange: this.layout$.on,
|
|
452
467
|
onScroll: this.scroll$.on,
|
|
453
468
|
onPageChange: this.pageChange$.on,
|
|
454
|
-
onScrollerData: this.scrollerLayout$.on,
|
|
455
469
|
onLayoutReady: this.layoutReady$.on,
|
|
456
470
|
getCurrentPage: () => this.currentPage,
|
|
457
471
|
getTotalPages: () => this.state.totalPages,
|
|
458
|
-
scrollToPage: (
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
const position = this.strategy.getScrollPositionForPage(
|
|
462
|
-
pageNumber,
|
|
463
|
-
virtualItems,
|
|
464
|
-
this.currentScale,
|
|
465
|
-
this.currentRotation,
|
|
466
|
-
pageCoordinates
|
|
467
|
-
);
|
|
468
|
-
if (position) {
|
|
469
|
-
this.viewport.scrollTo({ ...position, behavior, center });
|
|
470
|
-
}
|
|
471
|
-
},
|
|
472
|
-
scrollToNextPage: (behavior = "smooth") => {
|
|
473
|
-
const virtualItems = this.getVirtualItemsFromState();
|
|
474
|
-
const currentItemIndex = virtualItems.findIndex(
|
|
475
|
-
(item) => item.pageNumbers.includes(this.currentPage)
|
|
476
|
-
);
|
|
477
|
-
if (currentItemIndex >= 0 && currentItemIndex < virtualItems.length - 1) {
|
|
478
|
-
const nextItem = virtualItems[currentItemIndex + 1];
|
|
479
|
-
const position = this.strategy.getScrollPositionForPage(
|
|
480
|
-
nextItem.pageNumbers[0],
|
|
481
|
-
virtualItems,
|
|
482
|
-
this.currentScale,
|
|
483
|
-
this.currentRotation
|
|
484
|
-
);
|
|
485
|
-
if (position) {
|
|
486
|
-
this.viewport.scrollTo({ ...position, behavior });
|
|
487
|
-
}
|
|
488
|
-
}
|
|
489
|
-
},
|
|
490
|
-
scrollToPreviousPage: (behavior = "smooth") => {
|
|
491
|
-
const virtualItems = this.getVirtualItemsFromState();
|
|
492
|
-
const currentItemIndex = virtualItems.findIndex(
|
|
493
|
-
(item) => item.pageNumbers.includes(this.currentPage)
|
|
494
|
-
);
|
|
495
|
-
if (currentItemIndex > 0) {
|
|
496
|
-
const prevItem = virtualItems[currentItemIndex - 1];
|
|
497
|
-
const position = this.strategy.getScrollPositionForPage(
|
|
498
|
-
prevItem.pageNumbers[0],
|
|
499
|
-
virtualItems,
|
|
500
|
-
this.currentScale,
|
|
501
|
-
this.currentRotation
|
|
502
|
-
);
|
|
503
|
-
if (position) {
|
|
504
|
-
this.viewport.scrollTo({ ...position, behavior });
|
|
505
|
-
}
|
|
506
|
-
}
|
|
507
|
-
},
|
|
472
|
+
scrollToPage: this.scrollToPage.bind(this),
|
|
473
|
+
scrollToNextPage: this.scrollToNextPage.bind(this),
|
|
474
|
+
scrollToPreviousPage: this.scrollToPreviousPage.bind(this),
|
|
508
475
|
getMetrics: this.getMetrics.bind(this),
|
|
509
476
|
getLayout: this.getLayout.bind(this),
|
|
510
477
|
getRectPositionForPage: this.getRectPositionForPage.bind(this),
|
|
511
478
|
getPageGap: () => this.state.pageGap,
|
|
512
|
-
getScrollerLayout: () => this.getScrollerLayoutFromState(),
|
|
513
479
|
setScrollStrategy: (strategy) => this.setScrollStrategy(strategy)
|
|
514
480
|
};
|
|
515
481
|
}
|
|
482
|
+
scrollToPage(options) {
|
|
483
|
+
const { pageNumber, behavior = "smooth", pageCoordinates, center = false } = options;
|
|
484
|
+
const virtualItems = this.getVirtualItemsFromState();
|
|
485
|
+
const position = this.strategy.getScrollPositionForPage(
|
|
486
|
+
pageNumber,
|
|
487
|
+
virtualItems,
|
|
488
|
+
this.currentScale,
|
|
489
|
+
this.currentRotation,
|
|
490
|
+
pageCoordinates
|
|
491
|
+
);
|
|
492
|
+
if (position) {
|
|
493
|
+
this.viewport.scrollTo({ ...position, behavior, center });
|
|
494
|
+
}
|
|
495
|
+
}
|
|
496
|
+
scrollToNextPage(behavior = "smooth") {
|
|
497
|
+
const virtualItems = this.getVirtualItemsFromState();
|
|
498
|
+
const currentItemIndex = virtualItems.findIndex(
|
|
499
|
+
(item) => item.pageNumbers.includes(this.currentPage)
|
|
500
|
+
);
|
|
501
|
+
if (currentItemIndex >= 0 && currentItemIndex < virtualItems.length - 1) {
|
|
502
|
+
const nextItem = virtualItems[currentItemIndex + 1];
|
|
503
|
+
const position = this.strategy.getScrollPositionForPage(
|
|
504
|
+
nextItem.pageNumbers[0],
|
|
505
|
+
virtualItems,
|
|
506
|
+
this.currentScale,
|
|
507
|
+
this.currentRotation
|
|
508
|
+
);
|
|
509
|
+
if (position) {
|
|
510
|
+
this.viewport.scrollTo({ ...position, behavior });
|
|
511
|
+
}
|
|
512
|
+
}
|
|
513
|
+
}
|
|
514
|
+
scrollToPreviousPage(behavior = "smooth") {
|
|
515
|
+
const virtualItems = this.getVirtualItemsFromState();
|
|
516
|
+
const currentItemIndex = virtualItems.findIndex(
|
|
517
|
+
(item) => item.pageNumbers.includes(this.currentPage)
|
|
518
|
+
);
|
|
519
|
+
if (currentItemIndex > 0) {
|
|
520
|
+
const prevItem = virtualItems[currentItemIndex - 1];
|
|
521
|
+
const position = this.strategy.getScrollPositionForPage(
|
|
522
|
+
prevItem.pageNumbers[0],
|
|
523
|
+
virtualItems,
|
|
524
|
+
this.currentScale,
|
|
525
|
+
this.currentRotation
|
|
526
|
+
);
|
|
527
|
+
if (position) {
|
|
528
|
+
this.viewport.scrollTo({ ...position, behavior });
|
|
529
|
+
}
|
|
530
|
+
}
|
|
531
|
+
}
|
|
516
532
|
getMetrics(viewport) {
|
|
517
533
|
const metrics = viewport || this.viewport.getMetrics();
|
|
518
534
|
const virtualItems = this.getVirtualItemsFromState();
|