@univerjs/slides 0.2.4-alpha.0 → 0.2.4

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";var he=Object.defineProperty;var ge=(a,r,e)=>r in a?he(a,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[r]=e;var _=(a,r,e)=>ge(a,typeof r!="symbol"?r+"":r,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@univerjs/core"),h=require("@univerjs/engine-render"),Q=require("rxjs");class Y{constructor(){_(this,"zIndex",0);_(this,"viewKey",null)}check(r){if(r===this.viewKey)return this}create(r){}}const A=l.Registry.create();var ue=Object.defineProperty,pe=Object.getOwnPropertyDescriptor,_e=(a,r,e,n)=>{for(var t=n>1?void 0:n?pe(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(r,e,t):s(t))||t);return n&&t&&ue(r,e,t),t},ve=(a,r)=>(e,n)=>r(e,n,a);let te=class extends Y{constructor(r){super();_(this,"zIndex",5);_(this,"viewKey",l.PageElementType.DOCUMENT);_(this,"_liquid",new h.Liquid);this._localeService=r}check(r){if(r===this.viewKey)return this}convert(r,e){var F,se;const{id:n,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:d,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,title:R,description:j,document:E}=r;if(E==null)return;const m=new l.DocumentDataModel(E),I=new h.DocumentViewModel(m),b=h.DocumentSkeleton.create(I,this._localeService),P=new h.Documents("__DocsRender__",b);b.calculate();const O=new h.SceneViewer("__DocsViewer__"+n,{top:s,left:i,width:c,height:o,zIndex:t,angle:d,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f}),S=new h.Scene("__DocsScene__"+n,O),T=new h.Viewport("__DocsViewPort_"+n,S,{left:0,top:0,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0,isWheelPreventDefaultX:!0});S.attachControl(),S.onMouseWheel$.subscribeEvent((M,N)=>{const D=M;if(D.ctrlKey){const z=Math.abs(D.deltaX);let C=z<40?.2:z<80?.4:.2;C*=D.deltaY>0?-1:1,S.scaleX<1&&(C/=2),S.scaleX+C>4?S.scale(4,4):S.scaleX+C<.1?S.scale(.1,.1):(D.deltaY>0,D.preventDefault())}else T.onMouseWheel(D,N)}),new h.ScrollBar(T,{mainScene:e}),S.addObject(P);const y=b.getActualSize();P.resize(y.actualWidth,y.actualHeight),S.resize(y.actualWidth,y.actualHeight+200);const x=(F=P.getSkeleton())==null?void 0:F.getPageSize();P.pageRender$.subscribe(M=>{const{page:N,pageLeft:D,pageTop:z,ctx:C}=M,{width:B,height:K,marginBottom:J,marginLeft:L,marginRight:k,marginTop:q}=N;C.save(),C.translate(D-.5,z-.5),h.Rect.drawWith(C,{width:(x==null?void 0:x.width)||B,height:(x==null?void 0:x.height)||K,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:"rgba(255,255,255, 1)",zIndex:3}),C.restore()});const{left:W,top:$}=P,X=b.getSkeletonData();if(X==null)return;const{pages:V}=X,U=[],H=new Map;this._recalculateSizeBySkeleton(P,S,b);for(let M=0,N=V.length;M<N;M++){const D=V[M],{skeDrawings:z,marginLeft:C,marginTop:B,pageWidth:K,pageHeight:J}=D;this._liquid.translatePagePadding(D),z.forEach(L=>{const{aLeft:k,aTop:q,height:oe,width:le,drawingOrigin:qe}=L,de=new h.Image(L.drawingId,{left:k+W+this._liquid.x,top:q+$+this._liquid.y,width:le,height:oe,zIndex:11});H.set(L.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),U.push(de)}),this._liquid.translatePage(D,P.pageLayoutType,P.pageMarginLeft,P.pageMarginTop)}return S.addObjects(U),U.forEach(M=>{S.attachTransformerTo(M)}),(se=S.getTransformer())==null||se.changing$.subscribe(M=>{const{objects:N}=M;N.forEach(D=>{const{oKey:z,left:C,top:B,height:K,width:J}=D,L=H.get(z),k=(L==null?void 0:L.marginLeft)||0,q=(L==null?void 0:L.marginTop)||0;b==null||b.getViewModel().getDataModel().updateDrawing(z,{left:C-W-k,top:B-$-q,height:K,width:J})}),b==null||b.calculate()}),this._calculatePagePosition(P,S,T),O}_recalculateSizeBySkeleton(r,e,n){var c;const t=(c=n.getSkeletonData())==null?void 0:c.pages;if(t==null)return;let i=0,s=0;for(let o=0,d=t.length;o<d;o++){const u=t[o],{pageWidth:w,pageHeight:g}=u;r.pageLayoutType===h.PageLayoutType.VERTICAL?(s+=g,s+=r.pageMarginTop,o===d-1&&(s+=r.pageMarginTop),i=Math.max(i,w)):r.pageLayoutType===h.PageLayoutType.HORIZONTAL&&(i+=w,o!==d-1&&(i+=r.pageMarginLeft),s=Math.max(s,g))}r.resize(i,s),e.resize(i,s)}_calculatePagePosition(r,e,n,t=1){const i=e==null?void 0:e.getParent(),{width:s,height:c,pageMarginLeft:o,pageMarginTop:d}=r;if(i==null||s===Number.POSITIVE_INFINITY||c===Number.POSITIVE_INFINITY)return;const{width:u,height:w}=i;let g=0,v=0,p=0,f=0,R=Number.POSITIVE_INFINITY;if(u>(s+o*2)*t?(g=u/2-s*t/2,g/=t,p=(u-o*2)/t,R=0):(g=o,p=s+o*2,R=(p-u/t)/2),w>c?(v=w/2-c/2,f=(w-d*2)/t):(v=d,f=c+d*2),e.resize(p,f+200),r.translate(g,v),R!==Number.POSITIVE_INFINITY&&n!=null){const j=n.transScroll2ViewportScrollValue(R,0).x;n.scrollTo({x:j})}return this}};te=_e([ve(0,l.Inject(l.LocaleService))],te);class fe{constructor(){_(this,"zIndex",5)}create(r){return r.createInstance(te)}}A.add(new fe);class we extends Y{constructor(){super(...arguments);_(this,"zIndex",1);_(this,"viewKey",l.PageElementType.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){const{id:n,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:d,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,title:R,description:j,image:E={}}=e,{imageProperties:m,placeholder:I,link:b}=E,P=(m==null?void 0:m.contentUrl)||"";return new h.Image(n,{url:P,top:s,left:i,width:c,height:o,zIndex:t,angle:d,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,forceRender:!0})}}class Se{constructor(){_(this,"zIndex",4)}create(r){return r.createInstance(we)}}A.add(new Se);var Ie=Object.defineProperty,Pe=Object.getOwnPropertyDescriptor,be=(a,r,e,n)=>{for(var t=n>1?void 0:n?Pe(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(r,e,t):s(t))||t);return n&&t&&Ie(r,e,t),t},Te=(a,r)=>(e,n)=>r(e,n,a);let re=class extends Y{constructor(r){super();_(this,"zIndex",2);_(this,"viewKey",l.PageElementType.TEXT);this._localeService=r}check(r){if(r===this.viewKey)return this}convert(r,e){const{id:n,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:d,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,title:R,description:j,richText:E={}}=r,{text:m,ff:I,fs:b,it:P,bl:O,ul:S,st:T,ol:y,bg:x,bd:W,cl:$,rich:X}=E;let V={top:s,left:i,width:c,height:o,zIndex:t,angle:d,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,forceRender:!0},U=!1;if(m!=null?(V={...V,text:m,ff:I,fs:b,it:P,bl:O,ul:S,st:T,ol:y,bg:x,bd:W,cl:$},U=!0):X!=null&&(V={...V,richText:X},U=!0),U!==!1)return new h.RichText(this._localeService,n,V)}};re=be([Te(0,l.Inject(l.LocaleService))],re);class me{constructor(){_(this,"zIndex",0)}create(r){return r.createInstance(re)}}A.add(new me);class ye extends Y{constructor(){super(...arguments);_(this,"zIndex",2);_(this,"viewKey",l.PageElementType.SHAPE)}check(e){if(e===this.viewKey)return this}convert(e){const{id:n,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:d,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,title:R,description:j}=e,{shapeType:E,text:m,shapeProperties:I,placeholder:b,link:P}=e.shape||{},O=I==null?"":l.getColorStyle(I.shapeBackgroundFill)||"rgba(255,255,255,1)",S=I==null?void 0:I.outline,T={};if(S){const{outlineFill:y,weight:x}=S;T.strokeWidth=x,T.stroke=l.getColorStyle(y)||"rgba(0,0,0,1)"}if(E===l.BasicShapes.Rect)return new h.Rect(n,{fill:O,top:s,left:i,width:c,height:o,zIndex:t,angle:d,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,forceRender:!0,...T});if(E===l.BasicShapes.RoundRect){const y=(I==null?void 0:I.radius)||0;return new h.Rect(n,{fill:O,top:s,left:i,width:c,height:o,zIndex:t,angle:d,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,forceRender:!0,radius:y,...T})}}}class Re{constructor(){_(this,"zIndex",2)}create(r){return r.createInstance(ye)}}A.add(new Re);var Ee=Object.defineProperty,De=Object.getOwnPropertyDescriptor,Oe=(a,r,e,n)=>{for(var t=n>1?void 0:n?De(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(r,e,t):s(t))||t);return n&&t&&Ee(r,e,t),t},je=(a,r)=>(e,n)=>r(e,n,a);let ne=class extends Y{constructor(r){super();_(this,"zIndex",6);_(this,"viewKey",l.PageElementType.SLIDE);_(this,"_ObjectProvider",null);this._injector=r}check(r){if(r===this.viewKey)return this}convert(r,e){const{id:n,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:d,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,title:R,description:j,slide:E}=r;if(E==null)return;const m=new l.SlideDataModel(E),I=new h.Slide("__SLIDERender__"+n,{top:s,left:i,width:c,height:o,zIndex:t,angle:d,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,forceRender:!0});I.enableNav(),I.enableSelectedClipElement();const b=m.getPageOrder(),P=m.getPages();if(!b||!P)return I;this._ObjectProvider=new Z(this._injector);for(let O=0,S=b.length;O<S;O++){const T=P[b[O]],{id:y}=T;I.addPage(this._createScene(y,I,T,e,m))}return I.activeFirstPage(),I}_createScene(r,e,n,t,i){var v;const{width:s,height:c}=e,o=new h.Scene(r,e,{width:s,height:c});new h.Viewport(`PageViewer_${r}`,o,{left:0,top:0,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0}).closeClip();const{pageElements:u,pageBackgroundFill:w}=n,g=(v=this._ObjectProvider)==null?void 0:v.convertToRenderObjects(u,t);return this._addBackgroundRect(o,w,i),o.addObjects(g),g==null||g.forEach(p=>{o.attachTransformerTo(p)}),o}_addBackgroundRect(r,e,n){const t=n.getPageSize(),{width:i=0,height:s=0}=t,c=new h.Rect("canvas",{left:0,top:0,width:i,height:s,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:l.getColorStyle(e)||"rgba(255,255,255, 1)",zIndex:0,evented:!1});r.addObject(c,0)}};ne=Oe([je(0,l.Inject(l.Injector))],ne);class xe{constructor(){_(this,"zIndex",6)}create(r){return r.createInstance(ne)}}A.add(new xe);var Ce=Object.defineProperty,Ve=Object.getOwnPropertyDescriptor,Me=(a,r,e,n)=>{for(var t=n>1?void 0:n?Ve(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(r,e,t):s(t))||t);return n&&t&&Ce(r,e,t),t},ae=(a,r)=>(e,n)=>r(e,n,a);let ie=class extends Y{constructor(r,e){super();_(this,"zIndex",4);_(this,"viewKey",l.PageElementType.SPREADSHEET);this._localeService=r,this._contextService=e}check(r){if(r===this.viewKey)return this}convert(r,e){const{id:n,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:d,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,spreadsheet:R}=r;if(R==null)return;const{worksheet:j,styles:E}=R,{cellData:m}=j,I=new l.ObjectMatrix(m),b=new l.Styles(E),P=new h.SpreadsheetSkeleton(new l.Worksheet(n,j,b),j,I,b,this._localeService,this._contextService),{rowTotalHeight:O,columnTotalWidth:S,rowHeaderWidth:T,columnHeaderHeight:y}=P,x=S+j.rowHeader.width||0,W=O+j.columnHeader.height||0,$=new h.SceneViewer("spreadInSlideSceneViewer"+n,{top:s,left:i,width:c,height:o,zIndex:t,angle:d,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,forceRender:!0}),X=new h.Scene("spreadInSlideScene"+n,$,{width:x,height:W});this._updateViewport(n,T,y,X,e);const V=new h.Spreadsheet("testSheetViewer",P,!1),U=new h.SpreadsheetRowHeader("spreadInSlideRow",P),H=new h.SpreadsheetColumnHeader("spreadInSlideColumn",P),F=new h.Rect("spreadInSlideLeftTop",{zIndex:2,left:-1,top:-1,width:T,height:y,fill:h.getColor([248,249,250]),stroke:h.getColor([217,217,217]),strokeWidth:1});return V.zIndex=10,X.addObjects([V],1),X.addObjects([U,H,F],2),$}_updateViewport(r,e,n,t,i){if(i==null)return;const s=e*t.scaleX,c=n*t.scaleY,o=new h.Viewport("spreadInSlideViewMain"+r,t,{left:s,top:c,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0,isWheelPreventDefaultX:!0}),d=new h.Viewport("spreadInSlideViewTop"+r,t,{left:s,height:c,top:0,right:0,isRelativeX:!0,isWheelPreventDefaultX:!0}),u=new h.Viewport("spreadInSlideViewLeft"+r,t,{left:0,bottom:0,top:c,width:s,isRelativeY:!0,isWheelPreventDefaultX:!0});new h.Viewport("spreadInSlideViewLeftTop"+r,t,{left:0,top:0,width:s,height:c,isWheelPreventDefaultX:!0}),o.onScrollAfter$.subscribeEvent(w=>{const{scrollX:g,scrollY:v,viewportScrollX:p,viewportScrollY:f}=w;d.updateScroll({scrollX:g,viewportScrollX:p}),u.updateScroll({scrollY:v,viewportScrollY:f})}),t.attachControl(),new h.ScrollBar(o,{mainScene:i}),t.onMouseWheel$.subscribeEvent((w,g)=>{const v=w;if(v.ctrlKey){const p=Math.abs(v.deltaX);let f=p<40?.05:p<80?.02:.01;f*=v.deltaY>0?-1:1,t.scaleX<1&&(f/=2),t.scaleX+f>4?t.scale(4,4):t.scaleX+f<.1?t.scale(.1,.1):(t.scaleBy(f,f),v.preventDefault())}else o.onMouseWheel(v,g)})}};ie=Me([ae(0,l.Inject(l.LocaleService)),ae(1,l.IContextService)],ie);class Le{constructor(){_(this,"zIndex",4)}create(r){return r.createInstance(ie)}}A.add(new Le);var Xe=Object.defineProperty,Ue=Object.getOwnPropertyDescriptor,ze=(a,r,e,n)=>{for(var t=n>1?void 0:n?Ue(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(r,e,t):s(t))||t);return n&&t&&Xe(r,e,t),t},$e=(a,r)=>(e,n)=>r(e,n,a);let Z=class{constructor(a){_(this,"_adaptors",[]);this._injector=a,this._adaptorLoader()}convertToRenderObjects(a,r){const e=Object.keys(a),n=[];return e.forEach(t=>{const i=a[t],s=this._executor(i,r);s!=null&&n.push(s)}),n}_executor(a,r){var t;const{id:e,type:n}=a;for(const i of this._adaptors){const s=(t=i.check(n))==null?void 0:t.convert(a,r);if(s!=null)return s}}_adaptorLoader(){A.getData().sort(l.sortRules).forEach(a=>{this._adaptors.push(a.create(this._injector))})}};Z=ze([$e(0,l.Inject(l.Injector))],Z);var Ne=Object.defineProperty,Ae=Object.getOwnPropertyDescriptor,We=(a,r,e,n)=>{for(var t=n>1?void 0:n?Ae(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(r,e,t):s(t))||t);return n&&t&&Ne(r,e,t),t},ee=(a,r)=>(e,n)=>r(e,n,a),ce=(a=>(a.COMPONENT="__slideRender__",a.SCENE="__mainScene__",a.VIEW="__mainView__",a))(ce||{});exports.CanvasView=class extends l.RxDisposable{constructor(e,n,t){super();_(this,"_objectProvider",null);_(this,"_activePageId","");_(this,"activePageId$",new Q.Subject);_(this,"_refreshThumb",l.debounce(()=>{this.createThumbs()},300));this._univerInstanceService=e,this._injector=n,this._renderManagerService=t,this._initializeDependencies(this._injector),this._initialize()}_initialize(){this._renderManagerService.createRender$.pipe(Q.takeUntil(this.dispose$)).subscribe(e=>{this._create(e)}),this._univerInstanceService.getCurrentTypeOfUnit$(l.UniverInstanceType.UNIVER_SLIDE).pipe(Q.takeUntil(this.dispose$)).subscribe(e=>{this._create(e==null?void 0:e.getUnitId())}),this._univerInstanceService.getAllUnitsForType(l.UniverInstanceType.UNIVER_SLIDE).forEach(e=>{this._create(e.getUnitId())})}activePage(e){const n=this._univerInstanceService.getCurrentUnitForType(l.UniverInstanceType.UNIVER_SLIDE);let t;if(e)t=n.getPage(e);else{const o=n.getPages(),d=n.getPageOrder();if(d==null||o==null)return;t=o[d[0]],e=t.id}const i=this._currentRender();if(t==null||i==null||i.mainComponent==null)return;const{id:s}=t,c=i.mainComponent;if(this._activePageId=e,this.activePageId$.next(e),c!=null&&c.hasPage(s)){c.changePage(s);return}this._createScene(s,t)}_scrollToCenter(){var d;const e=(d=this._currentRender())==null?void 0:d.scene,n=e==null?void 0:e.getViewport("__mainView__"),t=this._getCenterPositionViewPort(e);if(!n||!t)return;const{left:i,top:s}=t,{x:c,y:o}=n.transViewportScroll2ScrollValue(i,s);n.scrollTo({x:c,y:o})}_create(e){e==null||this._univerInstanceService.getUnit(e,l.UniverInstanceType.UNIVER_SLIDE)==null||this._renderManagerService.has(e)||this._addNewRender(e)}_currentRender(){const e=this._univerInstanceService.getCurrentUnitForType(l.UniverInstanceType.UNIVER_SLIDE);return this._renderManagerService.getRenderById(e.getUnitId())}_addNewRender(e){const n=this._univerInstanceService.getUnit(e,l.UniverInstanceType.UNIVER_SLIDE);if(n==null)return;this._renderManagerService.createRender(e);const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{scene:i,engine:s}=t,c=s.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),c==null||c.unsubscribe()});s.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)}),i.resize(2400,1800);const o=new h.Viewport("__mainView__",i,{left:0,top:0,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0,isWheelPreventDefaultX:!0});i.attachControl(),i.onMouseWheel$.subscribeEvent((u,w)=>{const g=u;if(g.ctrlKey){const v=Math.abs(g.deltaX);let p=v<40?.2:v<80?.4:.2;p*=g.deltaY>0?-1:1,i.scaleX<1&&(p/=2),i.scaleX+p>4?i.scale(4,4):i.scaleX+p<.1?i.scale(.1,.1):(g.deltaY>0,g.preventDefault())}else o.onMouseWheel(g,w)}),i.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),h.ScrollBar.attachTo(o),this._renderManagerService.setCurrent(e);const d=this._createSlide(i);t.mainComponent=d,t.components.set("__slideRender__",d),this._createSlidePages(n,d),s.runRenderLoop(()=>{i.render()})}_createSlide(e){const n=this._univerInstanceService.getCurrentUnitForType(l.UniverInstanceType.UNIVER_SLIDE),{width:t,height:i}=e,s=n.getPageSize(),{width:c=100,height:o=100}=s,d=new h.Slide("__slideRender__",{left:(t-c)/2,top:(i-o)/2,width:c,height:o,zIndex:10});return d.enableNav(),d.enableSelectedClipElement(),e.addObject(d),d}_addBackgroundRect(e,n){const i=this._univerInstanceService.getCurrentUnitForType(l.UniverInstanceType.UNIVER_SLIDE).getPageSize(),{width:s=0,height:c=0}=i,o=new h.Rect("canvas",{left:0,top:0,width:s,height:c,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:l.getColorStyle(n)||"rgba(255,255,255, 1)",zIndex:0,evented:!1});e.addObject(o,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};const{width:n,height:t}=e,i=e.getEngine(),s=(i==null?void 0:i.width)||0,c=(i==null?void 0:i.height)||0;return{left:(n-s)/2,top:(t-c)/2}}_thumbSceneRender(e,n){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{engine:i}=t;if(i==null)return;const{width:s,height:c}=n,{width:o=s,height:d=c}=i,u=i.getCanvas().getContext();n.renderToThumb(u,e,o/s,d/c)}_createSlidePages(e,n){const t=e.getPages(),i=e.getPageOrder();if(!(!t||!i)&&i.length!==0){for(let s=0,c=i.length;s<c;s++){const o=i[s];this._createScene(o,t[o]),this._createThumb(o)}this._activePageId=i[0],n.activeFirstPage()}}createThumbs(){const n=this._univerInstanceService.getCurrentUnitForType(l.UniverInstanceType.UNIVER_SLIDE).getPageOrder(),t=this._currentRender();if(!(!n||!t)&&n.length!==0)for(let i=0,s=n.length;i<s;i++){const c=n[i];this._thumbSceneRender(c,t.mainComponent)}}_createThumb(e){this._renderManagerService.createRender(e)}_createScene(e,n){const t=this._currentRender();if(!t||!this._objectProvider)return;const{scene:i,mainComponent:s}=t,c=s,{width:o,height:d}=c,u=new h.Scene(e,c,{width:o,height:d});new h.Viewport(`PageViewer_${e}`,u,{left:0,top:0,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0}).closeClip();const{pageElements:g,pageBackgroundFill:v}=n,p=this._objectProvider.convertToRenderObjects(g,i);if(!p||!c)return;this._addBackgroundRect(u,v),u.addObjects(p),p.forEach(R=>{u.attachTransformerTo(R)});const f=u.getTransformer();return f==null||f.changeEnd$.subscribe(()=>{this._thumbSceneRender(this._activePageId,c)}),f==null||f.clearControl$.subscribe(()=>{this._thumbSceneRender(this._activePageId,c)}),c.addPage(u),u}_initializeDependencies(e){this._objectProvider=e.createInstance(Z)}};exports.CanvasView=We([l.OnLifecycle(l.LifecycleStages.Ready,exports.CanvasView),ee(0,l.IUniverInstanceService),ee(1,l.Inject(l.Injector)),ee(2,h.IRenderManagerService)],exports.CanvasView);var Ye=Object.defineProperty,He=Object.getOwnPropertyDescriptor,Fe=(a,r,e,n)=>{for(var t=n>1?void 0:n?He(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(r,e,t):s(t))||t);return n&&t&&Ye(r,e,t),t},Be=(a,r)=>(e,n)=>r(e,n,a);const Ke={},ke="slides";var G;exports.UniverSlidesPlugin=(G=class extends l.Plugin{constructor(e={},n){super();_(this,"_config");_(this,"_canvasEngine",null);_(this,"_canvasView",null);this._injector=n,this._config=Object.assign(Ke,e),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(h.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}getCanvasView(){return this._canvasView}_initializeDependencies(e){[[exports.CanvasView]].forEach(t=>{e.add(t)})}},_(G,"pluginName",ke),_(G,"type",l.UniverInstanceType.UNIVER_SLIDE),G);exports.UniverSlidesPlugin=Fe([Be(1,l.Inject(l.Injector))],exports.UniverSlidesPlugin);exports.SLIDE_KEY=ce;
+"use strict";var ge=Object.defineProperty;var ue=(a,r,e)=>r in a?ge(a,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[r]=e;var _=(a,r,e)=>ue(a,typeof r!="symbol"?r+"":r,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("@univerjs/core"),d=require("@univerjs/engine-render"),X=require("@wendellhu/redi"),ee=require("rxjs");class H{constructor(){_(this,"zIndex",0);_(this,"viewKey",null)}check(r){if(r===this.viewKey)return this}create(r){}}const W=h.Registry.create();var pe=Object.defineProperty,_e=Object.getOwnPropertyDescriptor,ve=(a,r,e,n)=>{for(var t=n>1?void 0:n?_e(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(r,e,t):s(t))||t);return n&&t&&pe(r,e,t),t},fe=(a,r)=>(e,n)=>r(e,n,a);let re=class extends H{constructor(r){super();_(this,"zIndex",5);_(this,"viewKey",h.PageElementType.DOCUMENT);_(this,"_liquid",new d.Liquid);this._localeService=r}check(r){if(r===this.viewKey)return this}convert(r,e){var B,ae;const{id:n,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:l,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,title:R,description:j,document:E}=r;if(E==null)return;const m=new h.DocumentDataModel(E),I=new d.DocumentViewModel(m),b=d.DocumentSkeleton.create(I,this._localeService),P=new d.Documents("__DocsRender__",b);b.calculate();const O=new d.SceneViewer("__DocsViewer__"+n,{top:s,left:i,width:c,height:o,zIndex:t,angle:l,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f}),S=new d.Scene("__DocsScene__"+n,O),T=new d.Viewport("__DocsViewPort_"+n,S,{left:0,top:0,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0,isWheelPreventDefaultX:!0});S.attachControl(),S.onMouseWheel$.subscribeEvent((M,A)=>{const D=M;if(D.ctrlKey){const $=Math.abs(D.deltaX);let C=$<40?.2:$<80?.4:.2;C*=D.deltaY>0?-1:1,S.scaleX<1&&(C/=2),S.scaleX+C>4?S.scale(4,4):S.scaleX+C<.1?S.scale(.1,.1):(D.deltaY>0,D.preventDefault())}else T.onMouseWheel(D,A)}),new d.ScrollBar(T,{mainScene:e}),S.addObject(P);const y=b.getActualSize();P.resize(y.actualWidth,y.actualHeight),S.resize(y.actualWidth,y.actualHeight+200);const x=(B=P.getSkeleton())==null?void 0:B.getPageSize();P.pageRender$.subscribe(M=>{const{page:A,pageLeft:D,pageTop:$,ctx:C}=M,{width:K,height:k,marginBottom:Q,marginLeft:L,marginRight:q,marginTop:G}=A;C.save(),C.translate(D-.5,$-.5),d.Rect.drawWith(C,{width:(x==null?void 0:x.width)||K,height:(x==null?void 0:x.height)||k,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:"rgba(255,255,255, 1)",zIndex:3}),C.restore()});const{left:Y,top:N}=P,U=b.getSkeletonData();if(U==null)return;const{pages:V}=U,z=[],F=new Map;this._recalculateSizeBySkeleton(P,S,b);for(let M=0,A=V.length;M<A;M++){const D=V[M],{skeDrawings:$,marginLeft:C,marginTop:K,pageWidth:k,pageHeight:Q}=D;this._liquid.translatePagePadding(D),$.forEach(L=>{const{aLeft:q,aTop:G,height:le,width:de,drawingOrigin:Ge}=L,he=new d.Image(L.drawingId,{left:q+Y+this._liquid.x,top:G+N+this._liquid.y,width:de,height:le,zIndex:11});F.set(L.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),z.push(he)}),this._liquid.translatePage(D,P.pageLayoutType,P.pageMarginLeft,P.pageMarginTop)}return S.addObjects(z),z.forEach(M=>{S.attachTransformerTo(M)}),(ae=S.getTransformer())==null||ae.changing$.subscribe(M=>{const{objects:A}=M;A.forEach(D=>{const{oKey:$,left:C,top:K,height:k,width:Q}=D,L=F.get($),q=(L==null?void 0:L.marginLeft)||0,G=(L==null?void 0:L.marginTop)||0;b==null||b.getViewModel().getDataModel().updateDrawing($,{left:C-Y-q,top:K-N-G,height:k,width:Q})}),b==null||b.calculate()}),this._calculatePagePosition(P,S,T),O}_recalculateSizeBySkeleton(r,e,n){var c;const t=(c=n.getSkeletonData())==null?void 0:c.pages;if(t==null)return;let i=0,s=0;for(let o=0,l=t.length;o<l;o++){const u=t[o],{pageWidth:w,pageHeight:g}=u;r.pageLayoutType===d.PageLayoutType.VERTICAL?(s+=g,s+=r.pageMarginTop,o===l-1&&(s+=r.pageMarginTop),i=Math.max(i,w)):r.pageLayoutType===d.PageLayoutType.HORIZONTAL&&(i+=w,o!==l-1&&(i+=r.pageMarginLeft),s=Math.max(s,g))}r.resize(i,s),e.resize(i,s)}_calculatePagePosition(r,e,n,t=1){const i=e==null?void 0:e.getParent(),{width:s,height:c,pageMarginLeft:o,pageMarginTop:l}=r;if(i==null||s===Number.POSITIVE_INFINITY||c===Number.POSITIVE_INFINITY)return;const{width:u,height:w}=i;let g=0,v=0,p=0,f=0,R=Number.POSITIVE_INFINITY;if(u>(s+o*2)*t?(g=u/2-s*t/2,g/=t,p=(u-o*2)/t,R=0):(g=o,p=s+o*2,R=(p-u/t)/2),w>c?(v=w/2-c/2,f=(w-l*2)/t):(v=l,f=c+l*2),e.resize(p,f+200),r.translate(g,v),R!==Number.POSITIVE_INFINITY&&n!=null){const j=n.transScroll2ViewportScrollValue(R,0).x;n.scrollTo({x:j})}return this}};re=ve([fe(0,X.Inject(h.LocaleService))],re);class we{constructor(){_(this,"zIndex",5)}create(r){return r.createInstance(re)}}W.add(new we);class Se extends H{constructor(){super(...arguments);_(this,"zIndex",1);_(this,"viewKey",h.PageElementType.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){const{id:n,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:l,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,title:R,description:j,image:E={}}=e,{imageProperties:m,placeholder:I,link:b}=E,P=(m==null?void 0:m.contentUrl)||"";return new d.Image(n,{url:P,top:s,left:i,width:c,height:o,zIndex:t,angle:l,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,forceRender:!0})}}class Ie{constructor(){_(this,"zIndex",4)}create(r){return r.createInstance(Se)}}W.add(new Ie);var Pe=Object.defineProperty,be=Object.getOwnPropertyDescriptor,Te=(a,r,e,n)=>{for(var t=n>1?void 0:n?be(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(r,e,t):s(t))||t);return n&&t&&Pe(r,e,t),t},me=(a,r)=>(e,n)=>r(e,n,a);let ne=class extends H{constructor(r){super();_(this,"zIndex",2);_(this,"viewKey",h.PageElementType.TEXT);this._localeService=r}check(r){if(r===this.viewKey)return this}convert(r,e){const{id:n,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:l,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,title:R,description:j,richText:E={}}=r,{text:m,ff:I,fs:b,it:P,bl:O,ul:S,st:T,ol:y,bg:x,bd:Y,cl:N,rich:U}=E;let V={top:s,left:i,width:c,height:o,zIndex:t,angle:l,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,forceRender:!0},z=!1;if(m!=null?(V={...V,text:m,ff:I,fs:b,it:P,bl:O,ul:S,st:T,ol:y,bg:x,bd:Y,cl:N},z=!0):U!=null&&(V={...V,richText:U},z=!0),z!==!1)return new d.RichText(this._localeService,n,V)}};ne=Te([me(0,X.Inject(h.LocaleService))],ne);class ye{constructor(){_(this,"zIndex",0)}create(r){return r.createInstance(ne)}}W.add(new ye);class Re extends H{constructor(){super(...arguments);_(this,"zIndex",2);_(this,"viewKey",h.PageElementType.SHAPE)}check(e){if(e===this.viewKey)return this}convert(e){const{id:n,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:l,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,title:R,description:j}=e,{shapeType:E,text:m,shapeProperties:I,placeholder:b,link:P}=e.shape||{},O=I==null?"":h.getColorStyle(I.shapeBackgroundFill)||"rgba(255,255,255,1)",S=I==null?void 0:I.outline,T={};if(S){const{outlineFill:y,weight:x}=S;T.strokeWidth=x,T.stroke=h.getColorStyle(y)||"rgba(0,0,0,1)"}if(E===h.BasicShapes.Rect)return new d.Rect(n,{fill:O,top:s,left:i,width:c,height:o,zIndex:t,angle:l,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,forceRender:!0,...T});if(E===h.BasicShapes.RoundRect){const y=(I==null?void 0:I.radius)||0;return new d.Rect(n,{fill:O,top:s,left:i,width:c,height:o,zIndex:t,angle:l,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,forceRender:!0,radius:y,...T})}}}class Ee{constructor(){_(this,"zIndex",2)}create(r){return r.createInstance(Re)}}W.add(new Ee);var De=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,je=(a,r,e,n)=>{for(var t=n>1?void 0:n?Oe(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(r,e,t):s(t))||t);return n&&t&&De(r,e,t),t},xe=(a,r)=>(e,n)=>r(e,n,a);let ie=class extends H{constructor(r){super();_(this,"zIndex",6);_(this,"viewKey",h.PageElementType.SLIDE);_(this,"_ObjectProvider",null);this._injector=r}check(r){if(r===this.viewKey)return this}convert(r,e){const{id:n,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:l,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,title:R,description:j,slide:E}=r;if(E==null)return;const m=new h.SlideDataModel(E),I=new d.Slide("__SLIDERender__"+n,{top:s,left:i,width:c,height:o,zIndex:t,angle:l,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,forceRender:!0});I.enableNav(),I.enableSelectedClipElement();const b=m.getPageOrder(),P=m.getPages();if(!b||!P)return I;this._ObjectProvider=new J(this._injector);for(let O=0,S=b.length;O<S;O++){const T=P[b[O]],{id:y}=T;I.addPage(this._createScene(y,I,T,e,m))}return I.activeFirstPage(),I}_createScene(r,e,n,t,i){var v;const{width:s,height:c}=e,o=new d.Scene(r,e,{width:s,height:c});new d.Viewport(`PageViewer_${r}`,o,{left:0,top:0,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0}).closeClip();const{pageElements:u,pageBackgroundFill:w}=n,g=(v=this._ObjectProvider)==null?void 0:v.convertToRenderObjects(u,t);return this._addBackgroundRect(o,w,i),o.addObjects(g),g==null||g.forEach(p=>{o.attachTransformerTo(p)}),o}_addBackgroundRect(r,e,n){const t=n.getPageSize(),{width:i=0,height:s=0}=t,c=new d.Rect("canvas",{left:0,top:0,width:i,height:s,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:h.getColorStyle(e)||"rgba(255,255,255, 1)",zIndex:0,evented:!1});r.addObject(c,0)}};ie=je([xe(0,X.Inject(X.Injector))],ie);class Ce{constructor(){_(this,"zIndex",6)}create(r){return r.createInstance(ie)}}W.add(new Ce);var Ve=Object.defineProperty,Me=Object.getOwnPropertyDescriptor,Le=(a,r,e,n)=>{for(var t=n>1?void 0:n?Me(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(r,e,t):s(t))||t);return n&&t&&Ve(r,e,t),t},ce=(a,r)=>(e,n)=>r(e,n,a);let se=class extends H{constructor(r,e){super();_(this,"zIndex",4);_(this,"viewKey",h.PageElementType.SPREADSHEET);this._localeService=r,this._contextService=e}check(r){if(r===this.viewKey)return this}convert(r,e){const{id:n,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:l,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,spreadsheet:R}=r;if(R==null)return;const{worksheet:j,styles:E}=R,{cellData:m}=j,I=new h.ObjectMatrix(m),b=new h.Styles(E),P=new d.SpreadsheetSkeleton(new h.Worksheet(n,j,b),j,I,b,this._localeService,this._contextService),{rowTotalHeight:O,columnTotalWidth:S,rowHeaderWidth:T,columnHeaderHeight:y}=P,x=S+j.rowHeader.width||0,Y=O+j.columnHeader.height||0,N=new d.SceneViewer("spreadInSlideSceneViewer"+n,{top:s,left:i,width:c,height:o,zIndex:t,angle:l,scaleX:u,scaleY:w,skewX:g,skewY:v,flipX:p,flipY:f,forceRender:!0}),U=new d.Scene("spreadInSlideScene"+n,N,{width:x,height:Y});this._updateViewport(n,T,y,U,e);const V=new d.Spreadsheet("testSheetViewer",P,!1),z=new d.SpreadsheetRowHeader("spreadInSlideRow",P),F=new d.SpreadsheetColumnHeader("spreadInSlideColumn",P),B=new d.Rect("spreadInSlideLeftTop",{zIndex:2,left:-1,top:-1,width:T,height:y,fill:d.getColor([248,249,250]),stroke:d.getColor([217,217,217]),strokeWidth:1});return V.zIndex=10,U.addObjects([V],1),U.addObjects([z,F,B],2),N}_updateViewport(r,e,n,t,i){if(i==null)return;const s=e*t.scaleX,c=n*t.scaleY,o=new d.Viewport("spreadInSlideViewMain"+r,t,{left:s,top:c,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0,isWheelPreventDefaultX:!0}),l=new d.Viewport("spreadInSlideViewTop"+r,t,{left:s,height:c,top:0,right:0,isRelativeX:!0,isWheelPreventDefaultX:!0}),u=new d.Viewport("spreadInSlideViewLeft"+r,t,{left:0,bottom:0,top:c,width:s,isRelativeY:!0,isWheelPreventDefaultX:!0});new d.Viewport("spreadInSlideViewLeftTop"+r,t,{left:0,top:0,width:s,height:c,isWheelPreventDefaultX:!0}),o.onScrollAfter$.subscribeEvent(w=>{const{scrollX:g,scrollY:v,viewportScrollX:p,viewportScrollY:f}=w;l.updateScroll({scrollX:g,viewportScrollX:p}),u.updateScroll({scrollY:v,viewportScrollY:f})}),t.attachControl(),new d.ScrollBar(o,{mainScene:i}),t.onMouseWheel$.subscribeEvent((w,g)=>{const v=w;if(v.ctrlKey){const p=Math.abs(v.deltaX);let f=p<40?.05:p<80?.02:.01;f*=v.deltaY>0?-1:1,t.scaleX<1&&(f/=2),t.scaleX+f>4?t.scale(4,4):t.scaleX+f<.1?t.scale(.1,.1):(t.scaleBy(f,f),v.preventDefault())}else o.onMouseWheel(v,g)})}};se=Le([ce(0,X.Inject(h.LocaleService)),ce(1,h.IContextService)],se);class Xe{constructor(){_(this,"zIndex",4)}create(r){return r.createInstance(se)}}W.add(new Xe);var Ue=Object.defineProperty,ze=Object.getOwnPropertyDescriptor,$e=(a,r,e,n)=>{for(var t=n>1?void 0:n?ze(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(r,e,t):s(t))||t);return n&&t&&Ue(r,e,t),t},Ne=(a,r)=>(e,n)=>r(e,n,a);let J=class{constructor(a){_(this,"_adaptors",[]);this._injector=a,this._adaptorLoader()}convertToRenderObjects(a,r){const e=Object.keys(a),n=[];return e.forEach(t=>{const i=a[t],s=this._executor(i,r);s!=null&&n.push(s)}),n}_executor(a,r){var t;const{id:e,type:n}=a;for(const i of this._adaptors){const s=(t=i.check(n))==null?void 0:t.convert(a,r);if(s!=null)return s}}_adaptorLoader(){W.getData().sort(h.sortRules).forEach(a=>{this._adaptors.push(a.create(this._injector))})}};J=$e([Ne(0,X.Inject(X.Injector))],J);var Ae=Object.defineProperty,We=Object.getOwnPropertyDescriptor,Ye=(a,r,e,n)=>{for(var t=n>1?void 0:n?We(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(r,e,t):s(t))||t);return n&&t&&Ae(r,e,t),t},te=(a,r)=>(e,n)=>r(e,n,a),oe=(a=>(a.COMPONENT="__slideRender__",a.SCENE="__mainScene__",a.VIEW="__mainView__",a))(oe||{});exports.CanvasView=class extends h.RxDisposable{constructor(e,n,t){super();_(this,"_objectProvider",null);_(this,"_activePageId","");_(this,"activePageId$",new ee.Subject);_(this,"_refreshThumb",h.debounce(()=>{this.createThumbs()},300));this._univerInstanceService=e,this._injector=n,this._renderManagerService=t,this._initializeDependencies(this._injector),this._initialize()}_initialize(){this._renderManagerService.createRender$.pipe(ee.takeUntil(this.dispose$)).subscribe(e=>{this._create(e)}),this._univerInstanceService.getCurrentTypeOfUnit$(h.UniverInstanceType.UNIVER_SLIDE).pipe(ee.takeUntil(this.dispose$)).subscribe(e=>{this._create(e==null?void 0:e.getUnitId())}),this._univerInstanceService.getAllUnitsForType(h.UniverInstanceType.UNIVER_SLIDE).forEach(e=>{this._create(e.getUnitId())})}activePage(e){const n=this._univerInstanceService.getCurrentUnitForType(h.UniverInstanceType.UNIVER_SLIDE);let t;if(e)t=n.getPage(e);else{const o=n.getPages(),l=n.getPageOrder();if(l==null||o==null)return;t=o[l[0]],e=t.id}const i=this._currentRender();if(t==null||i==null||i.mainComponent==null)return;const{id:s}=t,c=i.mainComponent;if(this._activePageId=e,this.activePageId$.next(e),c!=null&&c.hasPage(s)){c.changePage(s);return}this._createScene(s,t)}_scrollToCenter(){var l;const e=(l=this._currentRender())==null?void 0:l.scene,n=e==null?void 0:e.getViewport("__mainView__"),t=this._getCenterPositionViewPort(e);if(!n||!t)return;const{left:i,top:s}=t,{x:c,y:o}=n.transViewportScroll2ScrollValue(i,s);n.scrollTo({x:c,y:o})}_create(e){e==null||this._univerInstanceService.getUnit(e,h.UniverInstanceType.UNIVER_SLIDE)==null||this._renderManagerService.has(e)||this._addNewRender(e)}_currentRender(){const e=this._univerInstanceService.getCurrentUnitForType(h.UniverInstanceType.UNIVER_SLIDE);return this._renderManagerService.getRenderById(e.getUnitId())}_addNewRender(e){const n=this._univerInstanceService.getUnit(e,h.UniverInstanceType.UNIVER_SLIDE);if(n==null)return;this._renderManagerService.createRender(e);const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{scene:i,engine:s}=t,c=s.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),c==null||c.unsubscribe()});s.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)}),i.resize(2400,1800);const o=new d.Viewport("__mainView__",i,{left:0,top:0,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0,isWheelPreventDefaultX:!0});i.attachControl(),i.onMouseWheel$.subscribeEvent((u,w)=>{const g=u;if(g.ctrlKey){const v=Math.abs(g.deltaX);let p=v<40?.2:v<80?.4:.2;p*=g.deltaY>0?-1:1,i.scaleX<1&&(p/=2),i.scaleX+p>4?i.scale(4,4):i.scaleX+p<.1?i.scale(.1,.1):(g.deltaY>0,g.preventDefault())}else o.onMouseWheel(g,w)}),i.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),d.ScrollBar.attachTo(o),this._renderManagerService.setCurrent(e);const l=this._createSlide(i);t.mainComponent=l,t.components.set("__slideRender__",l),this._createSlidePages(n,l),s.runRenderLoop(()=>{i.render()})}_createSlide(e){const n=this._univerInstanceService.getCurrentUnitForType(h.UniverInstanceType.UNIVER_SLIDE),{width:t,height:i}=e,s=n.getPageSize(),{width:c=100,height:o=100}=s,l=new d.Slide("__slideRender__",{left:(t-c)/2,top:(i-o)/2,width:c,height:o,zIndex:10});return l.enableNav(),l.enableSelectedClipElement(),e.addObject(l),l}_addBackgroundRect(e,n){const i=this._univerInstanceService.getCurrentUnitForType(h.UniverInstanceType.UNIVER_SLIDE).getPageSize(),{width:s=0,height:c=0}=i,o=new d.Rect("canvas",{left:0,top:0,width:s,height:c,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:h.getColorStyle(n)||"rgba(255,255,255, 1)",zIndex:0,evented:!1});e.addObject(o,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};const{width:n,height:t}=e,i=e.getEngine(),s=(i==null?void 0:i.width)||0,c=(i==null?void 0:i.height)||0;return{left:(n-s)/2,top:(t-c)/2}}_thumbSceneRender(e,n){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{engine:i}=t;if(i==null)return;const{width:s,height:c}=n,{width:o=s,height:l=c}=i,u=i.getCanvas().getContext();n.renderToThumb(u,e,o/s,l/c)}_createSlidePages(e,n){const t=e.getPages(),i=e.getPageOrder();if(!(!t||!i)&&i.length!==0){for(let s=0,c=i.length;s<c;s++){const o=i[s];this._createScene(o,t[o]),this._createThumb(o)}this._activePageId=i[0],n.activeFirstPage()}}createThumbs(){const n=this._univerInstanceService.getCurrentUnitForType(h.UniverInstanceType.UNIVER_SLIDE).getPageOrder(),t=this._currentRender();if(!(!n||!t)&&n.length!==0)for(let i=0,s=n.length;i<s;i++){const c=n[i];this._thumbSceneRender(c,t.mainComponent)}}_createThumb(e){this._renderManagerService.createRender(e)}_createScene(e,n){const t=this._currentRender();if(!t||!this._objectProvider)return;const{scene:i,mainComponent:s}=t,c=s,{width:o,height:l}=c,u=new d.Scene(e,c,{width:o,height:l});new d.Viewport(`PageViewer_${e}`,u,{left:0,top:0,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0}).closeClip();const{pageElements:g,pageBackgroundFill:v}=n,p=this._objectProvider.convertToRenderObjects(g,i);if(!p||!c)return;this._addBackgroundRect(u,v),u.addObjects(p),p.forEach(R=>{u.attachTransformerTo(R)});const f=u.getTransformer();return f==null||f.changeEnd$.subscribe(()=>{this._thumbSceneRender(this._activePageId,c)}),f==null||f.clearControl$.subscribe(()=>{this._thumbSceneRender(this._activePageId,c)}),c.addPage(u),u}_initializeDependencies(e){this._objectProvider=e.createInstance(J)}};exports.CanvasView=Ye([h.OnLifecycle(h.LifecycleStages.Ready,exports.CanvasView),te(0,h.IUniverInstanceService),te(1,X.Inject(X.Injector)),te(2,d.IRenderManagerService)],exports.CanvasView);var He=Object.defineProperty,Fe=Object.getOwnPropertyDescriptor,Be=(a,r,e,n)=>{for(var t=n>1?void 0:n?Fe(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(r,e,t):s(t))||t);return n&&t&&He(r,e,t),t},Ke=(a,r)=>(e,n)=>r(e,n,a);const ke={},qe="slides";var Z;exports.UniverSlidesPlugin=(Z=class extends h.Plugin{constructor(e={},n){super();_(this,"_config");_(this,"_canvasEngine",null);_(this,"_canvasView",null);this._injector=n,this._config=Object.assign(ke,e),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(d.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}getCanvasView(){return this._canvasView}_initializeDependencies(e){[[exports.CanvasView]].forEach(t=>{e.add(t)})}},_(Z,"pluginName",qe),_(Z,"type",h.UniverInstanceType.UNIVER_SLIDE),Z);exports.UniverSlidesPlugin=Be([Ke(1,X.Inject(X.Injector))],exports.UniverSlidesPlugin);exports.SLIDE_KEY=oe;

package/lib/es/index.js

@@ -1,8 +1,9 @@
 var De = Object.defineProperty;
 var Oe = (a, e, r) => e in a ? De(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r;
 var g = (a, e, r) => Oe(a, typeof e != "symbol" ? e + "" : e, r);
-import { Registry as Ee, Inject as W, LocaleService as he, PageElementType as F, DocumentDataModel as ye, getColorStyle as te, BasicShapes as pe, Injector as ne, SlideDataModel as xe, IContextService as je, ObjectMatrix as Me, Styles as Ce, Worksheet as Ve, sortRules as Xe, OnLifecycle as Le, LifecycleStages as ze, RxDisposable as $e, UniverInstanceType as V, debounce as Ne, IUniverInstanceService as Ae, Plugin as We } from "@univerjs/core";
-import { Liquid as Ye, DocumentViewModel as Ue, DocumentSkeleton as He, Documents as Fe, SceneViewer as Ie, Scene as ie, Viewport as $, ScrollBar as ue, Rect as H, Image as be, PageLayoutType as _e, RichText as Ke, Slide as Pe, SpreadsheetSkeleton as ke, Spreadsheet as Be, SpreadsheetRowHeader as qe, SpreadsheetColumnHeader as Ge, getColor as fe, IRenderManagerService as Ze, IRenderingEngine as Je } from "@univerjs/engine-render";
+import { Registry as Ee, LocaleService as he, PageElementType as F, DocumentDataModel as ye, getColorStyle as te, BasicShapes as pe, SlideDataModel as xe, IContextService as je, ObjectMatrix as Me, Styles as Ce, Worksheet as Ve, sortRules as Xe, OnLifecycle as Le, LifecycleStages as ze, RxDisposable as $e, UniverInstanceType as V, debounce as Ne, IUniverInstanceService as Ae, Plugin as We } from "@univerjs/core";
+import { Liquid as Ye, DocumentViewModel as Ue, DocumentSkeleton as He, Documents as Fe, SceneViewer as Ie, Scene as ne, Viewport as $, ScrollBar as ue, Rect as H, Image as be, PageLayoutType as _e, RichText as Ke, Slide as Pe, SpreadsheetSkeleton as ke, Spreadsheet as Be, SpreadsheetRowHeader as qe, SpreadsheetColumnHeader as Ge, getColor as fe, IRenderManagerService as Ze, IRenderingEngine as Je } from "@univerjs/engine-render";
+import { Inject as W, Injector as ie } from "@wendellhu/redi";
 import { Subject as Qe, takeUntil as ve } from "rxjs";
 class K {
   constructor() {
@@ -72,7 +73,7 @@ let ce = class extends K {
       skewY: l,
       flipX: p,
       flipY: _
-    }), v = new ie("__DocsScene__" + n, D), b = new $("__DocsViewPort_" + n, v, {
+    }), v = new ne("__DocsScene__" + n, D), b = new $("__DocsViewPort_" + n, v, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -457,7 +458,7 @@ let le = class extends K {
   }
   _createScene(e, r, n, t, s) {
     var l;
-    const { width: i, height: o } = r, c = new ie(e, r, {
+    const { width: i, height: o } = r, c = new ne(e, r, {
       width: i,
       height: o
     });
@@ -490,7 +491,7 @@ let le = class extends K {
   }
 };
 le = ft([
-  vt(0, W(ne))
+  vt(0, W(ie))
 ], le);
 class wt {
   constructor() {
@@ -559,7 +560,7 @@ let de = class extends K {
       flipX: p,
       flipY: _,
       forceRender: !0
-    }), X = new ie("spreadInSlideScene" + n, N, {
+    }), X = new ne("spreadInSlideScene" + n, N, {
       width: y,
       height: U
     });
@@ -677,7 +678,7 @@ let re = class {
   }
 };
 re = Rt([
-  Dt(0, W(ne))
+  Dt(0, W(ie))
 ], re);
 var Ot = Object.defineProperty, Et = Object.getOwnPropertyDescriptor, yt = (a, e, r, n) => {
   for (var t = n > 1 ? void 0 : n ? Et(e, r) : e, s = a.length - 1, i; s >= 0; s--)
@@ -851,7 +852,7 @@ let ee = class extends $e {
     const n = this._currentRender();
     if (!n || !this._objectProvider)
       return;
-    const { scene: t, mainComponent: s } = n, i = s, { width: o, height: c } = i, d = new ie(e, i, {
+    const { scene: t, mainComponent: s } = n, i = s, { width: o, height: c } = i, d = new ne(e, i, {
       width: o,
       height: c
     });
@@ -882,7 +883,7 @@ let ee = class extends $e {
 ee = yt([
   Le(ze.Ready, ee),
   ae(0, Ae),
-  ae(1, W(ne)),
+  ae(1, W(ie)),
   ae(2, Ze)
 ], ee);
 var jt = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, Ct = (a, e, r, n) => {
@@ -925,7 +926,7 @@ let Se = (Q = class extends We {
   }
 }, g(Q, "pluginName", Lt), g(Q, "type", V.UNIVER_SLIDE), Q);
 Se = Ct([
-  Vt(1, W(ne))
+  Vt(1, W(ie))
 ], Se);
 export {
   ee as CanvasView,

package/lib/types/slides-plugin.d.ts

@@ -1,5 +1,6 @@
-import { Injector, Plugin, UniverInstanceType } from '@univerjs/core';
+import { Plugin, UniverInstanceType } from '@univerjs/core';
 import { Engine } from '@univerjs/engine-render';
+import { Injector } from '@wendellhu/redi';
 import { CanvasView } from './views/render';
 
 export interface IUniverSlidesConfig {

package/lib/types/views/render/adaptor.d.ts

@@ -1,5 +1,6 @@
-import { Injector, IPageElement, PageElementType, Registry } from '@univerjs/core';
+import { IPageElement, PageElementType, Registry } from '@univerjs/core';
 import { Scene } from '@univerjs/engine-render';
+import { Injector } from '@wendellhu/redi';
 
 export declare abstract class ObjectAdaptor {
     zIndex: number;

package/lib/types/views/render/adaptors/docs-adaptor.d.ts

@@ -1,5 +1,6 @@
-import { Injector, IPageElement, LocaleService, PageElementType } from '@univerjs/core';
+import { IPageElement, LocaleService, PageElementType } from '@univerjs/core';
 import { Scene, SceneViewer } from '@univerjs/engine-render';
+import { Injector } from '@wendellhu/redi';
 import { ObjectAdaptor } from '../adaptor';
 
 export declare enum DOCS_VIEW_KEY {

package/lib/types/views/render/adaptors/image-adaptor.d.ts

@@ -1,5 +1,6 @@
-import { Injector, IPageElement, PageElementType } from '@univerjs/core';
+import { IPageElement, PageElementType } from '@univerjs/core';
 import { Image } from '@univerjs/engine-render';
+import { Injector } from '@wendellhu/redi';
 import { ObjectAdaptor } from '../adaptor';
 
 export declare class ImageAdaptor extends ObjectAdaptor {

package/lib/types/views/render/adaptors/rich-text-adaptor.d.ts

@@ -1,5 +1,6 @@
-import { Injector, IPageElement, LocaleService, PageElementType } from '@univerjs/core';
+import { IPageElement, LocaleService, PageElementType } from '@univerjs/core';
 import { Scene, RichText } from '@univerjs/engine-render';
+import { Injector } from '@wendellhu/redi';
 import { ObjectAdaptor } from '../adaptor';
 
 export declare class RichTextAdaptor extends ObjectAdaptor {

package/lib/types/views/render/adaptors/shape-adaptor.d.ts

@@ -1,5 +1,6 @@
-import { Injector, IPageElement, PageElementType } from '@univerjs/core';
+import { IPageElement, PageElementType } from '@univerjs/core';
 import { Rect } from '@univerjs/engine-render';
+import { Injector } from '@wendellhu/redi';
 import { ObjectAdaptor } from '../adaptor';
 
 export declare class ShapeAdaptor extends ObjectAdaptor {

package/lib/types/views/render/adaptors/slide-adaptor.d.ts

@@ -1,5 +1,6 @@
-import { IPageElement, Injector, PageElementType } from '@univerjs/core';
+import { IPageElement, PageElementType } from '@univerjs/core';
 import { Scene, Slide } from '@univerjs/engine-render';
+import { Injector } from '@wendellhu/redi';
 import { ObjectAdaptor } from '../adaptor';
 
 export declare enum SLIDE_VIEW_KEY {

package/lib/types/views/render/adaptors/spreadsheet-adaptor.d.ts

@@ -1,5 +1,6 @@
-import { Injector, IPageElement, IContextService, LocaleService, PageElementType } from '@univerjs/core';
+import { IPageElement, IContextService, LocaleService, PageElementType } from '@univerjs/core';
 import { Scene, SceneViewer } from '@univerjs/engine-render';
+import { Injector } from '@wendellhu/redi';
 import { ObjectAdaptor } from '../adaptor';
 
 export declare class SpreadsheetAdaptor extends ObjectAdaptor {

package/lib/types/views/render/canvas-view.d.ts

@@ -1,5 +1,6 @@
-import { Injector, IUniverInstanceService, RxDisposable } from '@univerjs/core';
+import { IUniverInstanceService, RxDisposable } from '@univerjs/core';
 import { IRenderManagerService } from '@univerjs/engine-render';
+import { Injector } from '@wendellhu/redi';
 import { Subject } from 'rxjs';
 
 export declare enum SLIDE_KEY {

package/lib/types/views/render/object-provider.d.ts

@@ -1,5 +1,6 @@
-import { IPageElement, Injector } from '@univerjs/core';
+import { IPageElement } from '@univerjs/core';
 import { BaseObject, Scene } from '@univerjs/engine-render';
+import { Injector } from '@wendellhu/redi';
 
 export declare class ObjectProvider {
     private readonly _injector;

package/lib/umd/index.js

@@ -1 +1 @@
-(function(I,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("@univerjs/core"),require("@univerjs/engine-render"),require("rxjs")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/engine-render","rxjs"],c):(I=typeof globalThis<"u"?globalThis:I||self,c(I.UniverSlides={},I.UniverCore,I.UniverEngineRender,I.rxjs))})(this,function(I,c,h,Q){"use strict";var ke=Object.defineProperty;var qe=(I,c,h)=>c in I?ke(I,c,{enumerable:!0,configurable:!0,writable:!0,value:h}):I[c]=h;var _=(I,c,h)=>qe(I,typeof c!="symbol"?c+"":c,h);var B;class Y{constructor(){_(this,"zIndex",0);_(this,"viewKey",null)}check(i){if(i===this.viewKey)return this}create(i){}}const N=c.Registry.create();var oe=Object.defineProperty,he=Object.getOwnPropertyDescriptor,de=(a,i,e,r)=>{for(var t=r>1?void 0:r?he(i,e):i,n=a.length-1,s;n>=0;n--)(s=a[n])&&(t=(r?s(i,e,t):s(t))||t);return r&&t&&oe(i,e,t),t},ue=(a,i)=>(e,r)=>i(e,r,a);let ee=class extends Y{constructor(i){super();_(this,"zIndex",5);_(this,"viewKey",c.PageElementType.DOCUMENT);_(this,"_liquid",new h.Liquid);this._localeService=i}check(i){if(i===this.viewKey)return this}convert(i,e){var k,le;const{id:r,zIndex:t,left:n=0,top:s=0,width:l,height:o,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,title:j,description:V,document:D}=i;if(D==null)return;const y=new c.DocumentDataModel(D),P=new h.DocumentViewModel(y),T=h.DocumentSkeleton.create(P,this._localeService),b=new h.Documents("__DocsRender__",T);T.calculate();const C=new h.SceneViewer("__DocsViewer__"+r,{top:s,left:n,width:l,height:o,zIndex:t,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f}),S=new h.Scene("__DocsScene__"+r,C),m=new h.Viewport("__DocsViewPort_"+r,S,{left:0,top:0,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0,isWheelPreventDefaultX:!0});S.attachControl(),S.onMouseWheel$.subscribeEvent((U,W)=>{const O=U;if(O.ctrlKey){const R=Math.abs(O.deltaX);let M=R<40?.2:R<80?.4:.2;M*=O.deltaY>0?-1:1,S.scaleX<1&&(M/=2),S.scaleX+M>4?S.scale(4,4):S.scaleX+M<.1?S.scale(.1,.1):(O.deltaY>0,O.preventDefault())}else m.onMouseWheel(O,W)}),new h.ScrollBar(m,{mainScene:e}),S.addObject(b);const E=T.getActualSize();b.resize(E.actualWidth,E.actualHeight),S.resize(E.actualWidth,E.actualHeight+200);const x=(k=b.getSkeleton())==null?void 0:k.getPageSize();b.pageRender$.subscribe(U=>{const{page:W,pageLeft:O,pageTop:R,ctx:M}=U,{width:q,height:G,marginBottom:se,marginLeft:X,marginRight:Z,marginTop:J}=W;M.save(),M.translate(O-.5,R-.5),h.Rect.drawWith(M,{width:(x==null?void 0:x.width)||q,height:(x==null?void 0:x.height)||G,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:"rgba(255,255,255, 1)",zIndex:3}),M.restore()});const{left:H,top:A}=b,z=T.getSkeletonData();if(z==null)return;const{pages:L}=z,$=[],K=new Map;this._recalculateSizeBySkeleton(b,S,T);for(let U=0,W=L.length;U<W;U++){const O=L[U],{skeDrawings:R,marginLeft:M,marginTop:q,pageWidth:G,pageHeight:se}=O;this._liquid.translatePagePadding(O),R.forEach(X=>{const{aLeft:Z,aTop:J,height:Fe,width:Be,drawingOrigin:Ge}=X,Ke=new h.Image(X.drawingId,{left:Z+H+this._liquid.x,top:J+A+this._liquid.y,width:Be,height:Fe,zIndex:11});K.set(X.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),$.push(Ke)}),this._liquid.translatePage(O,b.pageLayoutType,b.pageMarginLeft,b.pageMarginTop)}return S.addObjects($),$.forEach(U=>{S.attachTransformerTo(U)}),(le=S.getTransformer())==null||le.changing$.subscribe(U=>{const{objects:W}=U;W.forEach(O=>{const{oKey:R,left:M,top:q,height:G,width:se}=O,X=K.get(R),Z=(X==null?void 0:X.marginLeft)||0,J=(X==null?void 0:X.marginTop)||0;T==null||T.getViewModel().getDataModel().updateDrawing(R,{left:M-H-Z,top:q-A-J,height:G,width:se})}),T==null||T.calculate()}),this._calculatePagePosition(b,S,m),C}_recalculateSizeBySkeleton(i,e,r){var l;const t=(l=r.getSkeletonData())==null?void 0:l.pages;if(t==null)return;let n=0,s=0;for(let o=0,d=t.length;o<d;o++){const p=t[o],{pageWidth:w,pageHeight:u}=p;i.pageLayoutType===h.PageLayoutType.VERTICAL?(s+=u,s+=i.pageMarginTop,o===d-1&&(s+=i.pageMarginTop),n=Math.max(n,w)):i.pageLayoutType===h.PageLayoutType.HORIZONTAL&&(n+=w,o!==d-1&&(n+=i.pageMarginLeft),s=Math.max(s,u))}i.resize(n,s),e.resize(n,s)}_calculatePagePosition(i,e,r,t=1){const n=e==null?void 0:e.getParent(),{width:s,height:l,pageMarginLeft:o,pageMarginTop:d}=i;if(n==null||s===Number.POSITIVE_INFINITY||l===Number.POSITIVE_INFINITY)return;const{width:p,height:w}=n;let u=0,v=0,g=0,f=0,j=Number.POSITIVE_INFINITY;if(p>(s+o*2)*t?(u=p/2-s*t/2,u/=t,g=(p-o*2)/t,j=0):(u=o,g=s+o*2,j=(g-p/t)/2),w>l?(v=w/2-l/2,f=(w-d*2)/t):(v=d,f=l+d*2),e.resize(g,f+200),i.translate(u,v),j!==Number.POSITIVE_INFINITY&&r!=null){const V=r.transScroll2ViewportScrollValue(j,0).x;r.scrollTo({x:V})}return this}};ee=de([ue(0,c.Inject(c.LocaleService))],ee);class pe{constructor(){_(this,"zIndex",5)}create(i){return i.createInstance(ee)}}N.add(new pe);class ge extends Y{constructor(){super(...arguments);_(this,"zIndex",1);_(this,"viewKey",c.PageElementType.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){const{id:r,zIndex:t,left:n=0,top:s=0,width:l,height:o,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,title:j,description:V,image:D={}}=e,{imageProperties:y,placeholder:P,link:T}=D,b=(y==null?void 0:y.contentUrl)||"";return new h.Image(r,{url:b,top:s,left:n,width:l,height:o,zIndex:t,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,forceRender:!0})}}class _e{constructor(){_(this,"zIndex",4)}create(i){return i.createInstance(ge)}}N.add(new _e);var ve=Object.defineProperty,fe=Object.getOwnPropertyDescriptor,we=(a,i,e,r)=>{for(var t=r>1?void 0:r?fe(i,e):i,n=a.length-1,s;n>=0;n--)(s=a[n])&&(t=(r?s(i,e,t):s(t))||t);return r&&t&&ve(i,e,t),t},Se=(a,i)=>(e,r)=>i(e,r,a);let te=class extends Y{constructor(i){super();_(this,"zIndex",2);_(this,"viewKey",c.PageElementType.TEXT);this._localeService=i}check(i){if(i===this.viewKey)return this}convert(i,e){const{id:r,zIndex:t,left:n=0,top:s=0,width:l,height:o,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,title:j,description:V,richText:D={}}=i,{text:y,ff:P,fs:T,it:b,bl:C,ul:S,st:m,ol:E,bg:x,bd:H,cl:A,rich:z}=D;let L={top:s,left:n,width:l,height:o,zIndex:t,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,forceRender:!0},$=!1;if(y!=null?(L={...L,text:y,ff:P,fs:T,it:b,bl:C,ul:S,st:m,ol:E,bg:x,bd:H,cl:A},$=!0):z!=null&&(L={...L,richText:z},$=!0),$!==!1)return new h.RichText(this._localeService,r,L)}};te=we([Se(0,c.Inject(c.LocaleService))],te);class Ie{constructor(){_(this,"zIndex",0)}create(i){return i.createInstance(te)}}N.add(new Ie);class Pe extends Y{constructor(){super(...arguments);_(this,"zIndex",2);_(this,"viewKey",c.PageElementType.SHAPE)}check(e){if(e===this.viewKey)return this}convert(e){const{id:r,zIndex:t,left:n=0,top:s=0,width:l,height:o,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,title:j,description:V}=e,{shapeType:D,text:y,shapeProperties:P,placeholder:T,link:b}=e.shape||{},C=P==null?"":c.getColorStyle(P.shapeBackgroundFill)||"rgba(255,255,255,1)",S=P==null?void 0:P.outline,m={};if(S){const{outlineFill:E,weight:x}=S;m.strokeWidth=x,m.stroke=c.getColorStyle(E)||"rgba(0,0,0,1)"}if(D===c.BasicShapes.Rect)return new h.Rect(r,{fill:C,top:s,left:n,width:l,height:o,zIndex:t,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,forceRender:!0,...m});if(D===c.BasicShapes.RoundRect){const E=(P==null?void 0:P.radius)||0;return new h.Rect(r,{fill:C,top:s,left:n,width:l,height:o,zIndex:t,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,forceRender:!0,radius:E,...m})}}}class be{constructor(){_(this,"zIndex",2)}create(i){return i.createInstance(Pe)}}N.add(new be);var Te=Object.defineProperty,me=Object.getOwnPropertyDescriptor,ye=(a,i,e,r)=>{for(var t=r>1?void 0:r?me(i,e):i,n=a.length-1,s;n>=0;n--)(s=a[n])&&(t=(r?s(i,e,t):s(t))||t);return r&&t&&Te(i,e,t),t},Ee=(a,i)=>(e,r)=>i(e,r,a);let re=class extends Y{constructor(i){super();_(this,"zIndex",6);_(this,"viewKey",c.PageElementType.SLIDE);_(this,"_ObjectProvider",null);this._injector=i}check(i){if(i===this.viewKey)return this}convert(i,e){const{id:r,zIndex:t,left:n=0,top:s=0,width:l,height:o,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,title:j,description:V,slide:D}=i;if(D==null)return;const y=new c.SlideDataModel(D),P=new h.Slide("__SLIDERender__"+r,{top:s,left:n,width:l,height:o,zIndex:t,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,forceRender:!0});P.enableNav(),P.enableSelectedClipElement();const T=y.getPageOrder(),b=y.getPages();if(!T||!b)return P;this._ObjectProvider=new F(this._injector);for(let C=0,S=T.length;C<S;C++){const m=b[T[C]],{id:E}=m;P.addPage(this._createScene(E,P,m,e,y))}return P.activeFirstPage(),P}_createScene(i,e,r,t,n){var v;const{width:s,height:l}=e,o=new h.Scene(i,e,{width:s,height:l});new h.Viewport(`PageViewer_${i}`,o,{left:0,top:0,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0}).closeClip();const{pageElements:p,pageBackgroundFill:w}=r,u=(v=this._ObjectProvider)==null?void 0:v.convertToRenderObjects(p,t);return this._addBackgroundRect(o,w,n),o.addObjects(u),u==null||u.forEach(g=>{o.attachTransformerTo(g)}),o}_addBackgroundRect(i,e,r){const t=r.getPageSize(),{width:n=0,height:s=0}=t,l=new h.Rect("canvas",{left:0,top:0,width:n,height:s,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:c.getColorStyle(e)||"rgba(255,255,255, 1)",zIndex:0,evented:!1});i.addObject(l,0)}};re=ye([Ee(0,c.Inject(c.Injector))],re);class je{constructor(){_(this,"zIndex",6)}create(i){return i.createInstance(re)}}N.add(new je);var De=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,Ce=(a,i,e,r)=>{for(var t=r>1?void 0:r?Oe(i,e):i,n=a.length-1,s;n>=0;n--)(s=a[n])&&(t=(r?s(i,e,t):s(t))||t);return r&&t&&De(i,e,t),t},ae=(a,i)=>(e,r)=>i(e,r,a);let ie=class extends Y{constructor(i,e){super();_(this,"zIndex",4);_(this,"viewKey",c.PageElementType.SPREADSHEET);this._localeService=i,this._contextService=e}check(i){if(i===this.viewKey)return this}convert(i,e){const{id:r,zIndex:t,left:n=0,top:s=0,width:l,height:o,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,spreadsheet:j}=i;if(j==null)return;const{worksheet:V,styles:D}=j,{cellData:y}=V,P=new c.ObjectMatrix(y),T=new c.Styles(D),b=new h.SpreadsheetSkeleton(new c.Worksheet(r,V,T),V,P,T,this._localeService,this._contextService),{rowTotalHeight:C,columnTotalWidth:S,rowHeaderWidth:m,columnHeaderHeight:E}=b,x=S+V.rowHeader.width||0,H=C+V.columnHeader.height||0,A=new h.SceneViewer("spreadInSlideSceneViewer"+r,{top:s,left:n,width:l,height:o,zIndex:t,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,forceRender:!0}),z=new h.Scene("spreadInSlideScene"+r,A,{width:x,height:H});this._updateViewport(r,m,E,z,e);const L=new h.Spreadsheet("testSheetViewer",b,!1),$=new h.SpreadsheetRowHeader("spreadInSlideRow",b),K=new h.SpreadsheetColumnHeader("spreadInSlideColumn",b),k=new h.Rect("spreadInSlideLeftTop",{zIndex:2,left:-1,top:-1,width:m,height:E,fill:h.getColor([248,249,250]),stroke:h.getColor([217,217,217]),strokeWidth:1});return L.zIndex=10,z.addObjects([L],1),z.addObjects([$,K,k],2),A}_updateViewport(i,e,r,t,n){if(n==null)return;const s=e*t.scaleX,l=r*t.scaleY,o=new h.Viewport("spreadInSlideViewMain"+i,t,{left:s,top:l,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0,isWheelPreventDefaultX:!0}),d=new h.Viewport("spreadInSlideViewTop"+i,t,{left:s,height:l,top:0,right:0,isRelativeX:!0,isWheelPreventDefaultX:!0}),p=new h.Viewport("spreadInSlideViewLeft"+i,t,{left:0,bottom:0,top:l,width:s,isRelativeY:!0,isWheelPreventDefaultX:!0});new h.Viewport("spreadInSlideViewLeftTop"+i,t,{left:0,top:0,width:s,height:l,isWheelPreventDefaultX:!0}),o.onScrollAfter$.subscribeEvent(w=>{const{scrollX:u,scrollY:v,viewportScrollX:g,viewportScrollY:f}=w;d.updateScroll({scrollX:u,viewportScrollX:g}),p.updateScroll({scrollY:v,viewportScrollY:f})}),t.attachControl(),new h.ScrollBar(o,{mainScene:n}),t.onMouseWheel$.subscribeEvent((w,u)=>{const v=w;if(v.ctrlKey){const g=Math.abs(v.deltaX);let f=g<40?.05:g<80?.02:.01;f*=v.deltaY>0?-1:1,t.scaleX<1&&(f/=2),t.scaleX+f>4?t.scale(4,4):t.scaleX+f<.1?t.scale(.1,.1):(t.scaleBy(f,f),v.preventDefault())}else o.onMouseWheel(v,u)})}};ie=Ce([ae(0,c.Inject(c.LocaleService)),ae(1,c.IContextService)],ie);class Ve{constructor(){_(this,"zIndex",4)}create(i){return i.createInstance(ie)}}N.add(new Ve);var xe=Object.defineProperty,Me=Object.getOwnPropertyDescriptor,Le=(a,i,e,r)=>{for(var t=r>1?void 0:r?Me(i,e):i,n=a.length-1,s;n>=0;n--)(s=a[n])&&(t=(r?s(i,e,t):s(t))||t);return r&&t&&xe(i,e,t),t},Ue=(a,i)=>(e,r)=>i(e,r,a);let F=class{constructor(a){_(this,"_adaptors",[]);this._injector=a,this._adaptorLoader()}convertToRenderObjects(a,i){const e=Object.keys(a),r=[];return e.forEach(t=>{const n=a[t],s=this._executor(n,i);s!=null&&r.push(s)}),r}_executor(a,i){var t;const{id:e,type:r}=a;for(const n of this._adaptors){const s=(t=n.check(r))==null?void 0:t.convert(a,i);if(s!=null)return s}}_adaptorLoader(){N.getData().sort(c.sortRules).forEach(a=>{this._adaptors.push(a.create(this._injector))})}};F=Le([Ue(0,c.Inject(c.Injector))],F);var Xe=Object.defineProperty,ze=Object.getOwnPropertyDescriptor,$e=(a,i,e,r)=>{for(var t=r>1?void 0:r?ze(i,e):i,n=a.length-1,s;n>=0;n--)(s=a[n])&&(t=(r?s(i,e,t):s(t))||t);return r&&t&&Xe(i,e,t),t},ne=(a,i)=>(e,r)=>i(e,r,a),ce=(a=>(a.COMPONENT="__slideRender__",a.SCENE="__mainScene__",a.VIEW="__mainView__",a))(ce||{});I.CanvasView=class extends c.RxDisposable{constructor(e,r,t){super();_(this,"_objectProvider",null);_(this,"_activePageId","");_(this,"activePageId$",new Q.Subject);_(this,"_refreshThumb",c.debounce(()=>{this.createThumbs()},300));this._univerInstanceService=e,this._injector=r,this._renderManagerService=t,this._initializeDependencies(this._injector),this._initialize()}_initialize(){this._renderManagerService.createRender$.pipe(Q.takeUntil(this.dispose$)).subscribe(e=>{this._create(e)}),this._univerInstanceService.getCurrentTypeOfUnit$(c.UniverInstanceType.UNIVER_SLIDE).pipe(Q.takeUntil(this.dispose$)).subscribe(e=>{this._create(e==null?void 0:e.getUnitId())}),this._univerInstanceService.getAllUnitsForType(c.UniverInstanceType.UNIVER_SLIDE).forEach(e=>{this._create(e.getUnitId())})}activePage(e){const r=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SLIDE);let t;if(e)t=r.getPage(e);else{const o=r.getPages(),d=r.getPageOrder();if(d==null||o==null)return;t=o[d[0]],e=t.id}const n=this._currentRender();if(t==null||n==null||n.mainComponent==null)return;const{id:s}=t,l=n.mainComponent;if(this._activePageId=e,this.activePageId$.next(e),l!=null&&l.hasPage(s)){l.changePage(s);return}this._createScene(s,t)}_scrollToCenter(){var d;const e=(d=this._currentRender())==null?void 0:d.scene,r=e==null?void 0:e.getViewport("__mainView__"),t=this._getCenterPositionViewPort(e);if(!r||!t)return;const{left:n,top:s}=t,{x:l,y:o}=r.transViewportScroll2ScrollValue(n,s);r.scrollTo({x:l,y:o})}_create(e){e==null||this._univerInstanceService.getUnit(e,c.UniverInstanceType.UNIVER_SLIDE)==null||this._renderManagerService.has(e)||this._addNewRender(e)}_currentRender(){const e=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SLIDE);return this._renderManagerService.getRenderById(e.getUnitId())}_addNewRender(e){const r=this._univerInstanceService.getUnit(e,c.UniverInstanceType.UNIVER_SLIDE);if(r==null)return;this._renderManagerService.createRender(e);const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{scene:n,engine:s}=t,l=s.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),l==null||l.unsubscribe()});s.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)}),n.resize(2400,1800);const o=new h.Viewport("__mainView__",n,{left:0,top:0,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0,isWheelPreventDefaultX:!0});n.attachControl(),n.onMouseWheel$.subscribeEvent((p,w)=>{const u=p;if(u.ctrlKey){const v=Math.abs(u.deltaX);let g=v<40?.2:v<80?.4:.2;g*=u.deltaY>0?-1:1,n.scaleX<1&&(g/=2),n.scaleX+g>4?n.scale(4,4):n.scaleX+g<.1?n.scale(.1,.1):(u.deltaY>0,u.preventDefault())}else o.onMouseWheel(u,w)}),n.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),h.ScrollBar.attachTo(o),this._renderManagerService.setCurrent(e);const d=this._createSlide(n);t.mainComponent=d,t.components.set("__slideRender__",d),this._createSlidePages(r,d),s.runRenderLoop(()=>{n.render()})}_createSlide(e){const r=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SLIDE),{width:t,height:n}=e,s=r.getPageSize(),{width:l=100,height:o=100}=s,d=new h.Slide("__slideRender__",{left:(t-l)/2,top:(n-o)/2,width:l,height:o,zIndex:10});return d.enableNav(),d.enableSelectedClipElement(),e.addObject(d),d}_addBackgroundRect(e,r){const n=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SLIDE).getPageSize(),{width:s=0,height:l=0}=n,o=new h.Rect("canvas",{left:0,top:0,width:s,height:l,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:c.getColorStyle(r)||"rgba(255,255,255, 1)",zIndex:0,evented:!1});e.addObject(o,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};const{width:r,height:t}=e,n=e.getEngine(),s=(n==null?void 0:n.width)||0,l=(n==null?void 0:n.height)||0;return{left:(r-s)/2,top:(t-l)/2}}_thumbSceneRender(e,r){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{engine:n}=t;if(n==null)return;const{width:s,height:l}=r,{width:o=s,height:d=l}=n,p=n.getCanvas().getContext();r.renderToThumb(p,e,o/s,d/l)}_createSlidePages(e,r){const t=e.getPages(),n=e.getPageOrder();if(!(!t||!n)&&n.length!==0){for(let s=0,l=n.length;s<l;s++){const o=n[s];this._createScene(o,t[o]),this._createThumb(o)}this._activePageId=n[0],r.activeFirstPage()}}createThumbs(){const r=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SLIDE).getPageOrder(),t=this._currentRender();if(!(!r||!t)&&r.length!==0)for(let n=0,s=r.length;n<s;n++){const l=r[n];this._thumbSceneRender(l,t.mainComponent)}}_createThumb(e){this._renderManagerService.createRender(e)}_createScene(e,r){const t=this._currentRender();if(!t||!this._objectProvider)return;const{scene:n,mainComponent:s}=t,l=s,{width:o,height:d}=l,p=new h.Scene(e,l,{width:o,height:d});new h.Viewport(`PageViewer_${e}`,p,{left:0,top:0,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0}).closeClip();const{pageElements:u,pageBackgroundFill:v}=r,g=this._objectProvider.convertToRenderObjects(u,n);if(!g||!l)return;this._addBackgroundRect(p,v),p.addObjects(g),g.forEach(j=>{p.attachTransformerTo(j)});const f=p.getTransformer();return f==null||f.changeEnd$.subscribe(()=>{this._thumbSceneRender(this._activePageId,l)}),f==null||f.clearControl$.subscribe(()=>{this._thumbSceneRender(this._activePageId,l)}),l.addPage(p),p}_initializeDependencies(e){this._objectProvider=e.createInstance(F)}},I.CanvasView=$e([c.OnLifecycle(c.LifecycleStages.Ready,I.CanvasView),ne(0,c.IUniverInstanceService),ne(1,c.Inject(c.Injector)),ne(2,h.IRenderManagerService)],I.CanvasView);var Re=Object.defineProperty,Ne=Object.getOwnPropertyDescriptor,Ae=(a,i,e,r)=>{for(var t=r>1?void 0:r?Ne(i,e):i,n=a.length-1,s;n>=0;n--)(s=a[n])&&(t=(r?s(i,e,t):s(t))||t);return r&&t&&Re(i,e,t),t},We=(a,i)=>(e,r)=>i(e,r,a);const Ye={},He="slides";I.UniverSlidesPlugin=(B=class extends c.Plugin{constructor(e={},r){super();_(this,"_config");_(this,"_canvasEngine",null);_(this,"_canvasView",null);this._injector=r,this._config=Object.assign(Ye,e),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(h.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}getCanvasView(){return this._canvasView}_initializeDependencies(e){[[I.CanvasView]].forEach(t=>{e.add(t)})}},_(B,"pluginName",He),_(B,"type",c.UniverInstanceType.UNIVER_SLIDE),B),I.UniverSlidesPlugin=Ae([We(1,c.Inject(c.Injector))],I.UniverSlidesPlugin),I.SLIDE_KEY=ce,Object.defineProperty(I,Symbol.toStringTag,{value:"Module"})});
+(function(S,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("@univerjs/core"),require("@univerjs/engine-render"),require("@wendellhu/redi"),require("rxjs")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/engine-render","@wendellhu/redi","rxjs"],l):(S=typeof globalThis<"u"?globalThis:S||self,l(S.UniverSlides={},S.UniverCore,S.UniverEngineRender,S["@wendellhu/redi"],S.rxjs))})(this,function(S,l,h,L,ee){"use strict";var qe=Object.defineProperty;var Ge=(S,l,h)=>l in S?qe(S,l,{enumerable:!0,configurable:!0,writable:!0,value:h}):S[l]=h;var _=(S,l,h)=>Ge(S,typeof l!="symbol"?l+"":l,h);var K;class H{constructor(){_(this,"zIndex",0);_(this,"viewKey",null)}check(n){if(n===this.viewKey)return this}create(n){}}const A=l.Registry.create();var he=Object.defineProperty,de=Object.getOwnPropertyDescriptor,ue=(a,n,e,r)=>{for(var t=r>1?void 0:r?de(n,e):n,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(r?s(n,e,t):s(t))||t);return r&&t&&he(n,e,t),t},pe=(a,n)=>(e,r)=>n(e,r,a);let te=class extends H{constructor(n){super();_(this,"zIndex",5);_(this,"viewKey",l.PageElementType.DOCUMENT);_(this,"_liquid",new h.Liquid);this._localeService=n}check(n){if(n===this.viewKey)return this}convert(n,e){var q,le;const{id:r,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,title:j,description:V,document:D}=n;if(D==null)return;const y=new l.DocumentDataModel(D),P=new h.DocumentViewModel(y),T=h.DocumentSkeleton.create(P,this._localeService),b=new h.Documents("__DocsRender__",T);T.calculate();const C=new h.SceneViewer("__DocsViewer__"+r,{top:s,left:i,width:c,height:o,zIndex:t,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f}),I=new h.Scene("__DocsScene__"+r,C),m=new h.Viewport("__DocsViewPort_"+r,I,{left:0,top:0,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0,isWheelPreventDefaultX:!0});I.attachControl(),I.onMouseWheel$.subscribeEvent((X,Y)=>{const O=X;if(O.ctrlKey){const N=Math.abs(O.deltaX);let M=N<40?.2:N<80?.4:.2;M*=O.deltaY>0?-1:1,I.scaleX<1&&(M/=2),I.scaleX+M>4?I.scale(4,4):I.scaleX+M<.1?I.scale(.1,.1):(O.deltaY>0,O.preventDefault())}else m.onMouseWheel(O,Y)}),new h.ScrollBar(m,{mainScene:e}),I.addObject(b);const E=T.getActualSize();b.resize(E.actualWidth,E.actualHeight),I.resize(E.actualWidth,E.actualHeight+200);const x=(q=b.getSkeleton())==null?void 0:q.getPageSize();b.pageRender$.subscribe(X=>{const{page:Y,pageLeft:O,pageTop:N,ctx:M}=X,{width:G,height:Z,marginBottom:ae,marginLeft:z,marginRight:J,marginTop:Q}=Y;M.save(),M.translate(O-.5,N-.5),h.Rect.drawWith(M,{width:(x==null?void 0:x.width)||G,height:(x==null?void 0:x.height)||Z,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:"rgba(255,255,255, 1)",zIndex:3}),M.restore()});const{left:F,top:W}=b,$=T.getSkeletonData();if($==null)return;const{pages:U}=$,R=[],k=new Map;this._recalculateSizeBySkeleton(b,I,T);for(let X=0,Y=U.length;X<Y;X++){const O=U[X],{skeDrawings:N,marginLeft:M,marginTop:G,pageWidth:Z,pageHeight:ae}=O;this._liquid.translatePagePadding(O),N.forEach(z=>{const{aLeft:J,aTop:Q,height:Be,width:Ke,drawingOrigin:Ze}=z,ke=new h.Image(z.drawingId,{left:J+F+this._liquid.x,top:Q+W+this._liquid.y,width:Ke,height:Be,zIndex:11});k.set(z.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),R.push(ke)}),this._liquid.translatePage(O,b.pageLayoutType,b.pageMarginLeft,b.pageMarginTop)}return I.addObjects(R),R.forEach(X=>{I.attachTransformerTo(X)}),(le=I.getTransformer())==null||le.changing$.subscribe(X=>{const{objects:Y}=X;Y.forEach(O=>{const{oKey:N,left:M,top:G,height:Z,width:ae}=O,z=k.get(N),J=(z==null?void 0:z.marginLeft)||0,Q=(z==null?void 0:z.marginTop)||0;T==null||T.getViewModel().getDataModel().updateDrawing(N,{left:M-F-J,top:G-W-Q,height:Z,width:ae})}),T==null||T.calculate()}),this._calculatePagePosition(b,I,m),C}_recalculateSizeBySkeleton(n,e,r){var c;const t=(c=r.getSkeletonData())==null?void 0:c.pages;if(t==null)return;let i=0,s=0;for(let o=0,d=t.length;o<d;o++){const p=t[o],{pageWidth:w,pageHeight:u}=p;n.pageLayoutType===h.PageLayoutType.VERTICAL?(s+=u,s+=n.pageMarginTop,o===d-1&&(s+=n.pageMarginTop),i=Math.max(i,w)):n.pageLayoutType===h.PageLayoutType.HORIZONTAL&&(i+=w,o!==d-1&&(i+=n.pageMarginLeft),s=Math.max(s,u))}n.resize(i,s),e.resize(i,s)}_calculatePagePosition(n,e,r,t=1){const i=e==null?void 0:e.getParent(),{width:s,height:c,pageMarginLeft:o,pageMarginTop:d}=n;if(i==null||s===Number.POSITIVE_INFINITY||c===Number.POSITIVE_INFINITY)return;const{width:p,height:w}=i;let u=0,v=0,g=0,f=0,j=Number.POSITIVE_INFINITY;if(p>(s+o*2)*t?(u=p/2-s*t/2,u/=t,g=(p-o*2)/t,j=0):(u=o,g=s+o*2,j=(g-p/t)/2),w>c?(v=w/2-c/2,f=(w-d*2)/t):(v=d,f=c+d*2),e.resize(g,f+200),n.translate(u,v),j!==Number.POSITIVE_INFINITY&&r!=null){const V=r.transScroll2ViewportScrollValue(j,0).x;r.scrollTo({x:V})}return this}};te=ue([pe(0,L.Inject(l.LocaleService))],te);class ge{constructor(){_(this,"zIndex",5)}create(n){return n.createInstance(te)}}A.add(new ge);class _e extends H{constructor(){super(...arguments);_(this,"zIndex",1);_(this,"viewKey",l.PageElementType.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){const{id:r,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,title:j,description:V,image:D={}}=e,{imageProperties:y,placeholder:P,link:T}=D,b=(y==null?void 0:y.contentUrl)||"";return new h.Image(r,{url:b,top:s,left:i,width:c,height:o,zIndex:t,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,forceRender:!0})}}class ve{constructor(){_(this,"zIndex",4)}create(n){return n.createInstance(_e)}}A.add(new ve);var fe=Object.defineProperty,we=Object.getOwnPropertyDescriptor,Se=(a,n,e,r)=>{for(var t=r>1?void 0:r?we(n,e):n,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(r?s(n,e,t):s(t))||t);return r&&t&&fe(n,e,t),t},Ie=(a,n)=>(e,r)=>n(e,r,a);let re=class extends H{constructor(n){super();_(this,"zIndex",2);_(this,"viewKey",l.PageElementType.TEXT);this._localeService=n}check(n){if(n===this.viewKey)return this}convert(n,e){const{id:r,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,title:j,description:V,richText:D={}}=n,{text:y,ff:P,fs:T,it:b,bl:C,ul:I,st:m,ol:E,bg:x,bd:F,cl:W,rich:$}=D;let U={top:s,left:i,width:c,height:o,zIndex:t,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,forceRender:!0},R=!1;if(y!=null?(U={...U,text:y,ff:P,fs:T,it:b,bl:C,ul:I,st:m,ol:E,bg:x,bd:F,cl:W},R=!0):$!=null&&(U={...U,richText:$},R=!0),R!==!1)return new h.RichText(this._localeService,r,U)}};re=Se([Ie(0,L.Inject(l.LocaleService))],re);class Pe{constructor(){_(this,"zIndex",0)}create(n){return n.createInstance(re)}}A.add(new Pe);class be extends H{constructor(){super(...arguments);_(this,"zIndex",2);_(this,"viewKey",l.PageElementType.SHAPE)}check(e){if(e===this.viewKey)return this}convert(e){const{id:r,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,title:j,description:V}=e,{shapeType:D,text:y,shapeProperties:P,placeholder:T,link:b}=e.shape||{},C=P==null?"":l.getColorStyle(P.shapeBackgroundFill)||"rgba(255,255,255,1)",I=P==null?void 0:P.outline,m={};if(I){const{outlineFill:E,weight:x}=I;m.strokeWidth=x,m.stroke=l.getColorStyle(E)||"rgba(0,0,0,1)"}if(D===l.BasicShapes.Rect)return new h.Rect(r,{fill:C,top:s,left:i,width:c,height:o,zIndex:t,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,forceRender:!0,...m});if(D===l.BasicShapes.RoundRect){const E=(P==null?void 0:P.radius)||0;return new h.Rect(r,{fill:C,top:s,left:i,width:c,height:o,zIndex:t,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,forceRender:!0,radius:E,...m})}}}class Te{constructor(){_(this,"zIndex",2)}create(n){return n.createInstance(be)}}A.add(new Te);var me=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,Ee=(a,n,e,r)=>{for(var t=r>1?void 0:r?ye(n,e):n,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(r?s(n,e,t):s(t))||t);return r&&t&&me(n,e,t),t},je=(a,n)=>(e,r)=>n(e,r,a);let ne=class extends H{constructor(n){super();_(this,"zIndex",6);_(this,"viewKey",l.PageElementType.SLIDE);_(this,"_ObjectProvider",null);this._injector=n}check(n){if(n===this.viewKey)return this}convert(n,e){const{id:r,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,title:j,description:V,slide:D}=n;if(D==null)return;const y=new l.SlideDataModel(D),P=new h.Slide("__SLIDERender__"+r,{top:s,left:i,width:c,height:o,zIndex:t,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,forceRender:!0});P.enableNav(),P.enableSelectedClipElement();const T=y.getPageOrder(),b=y.getPages();if(!T||!b)return P;this._ObjectProvider=new B(this._injector);for(let C=0,I=T.length;C<I;C++){const m=b[T[C]],{id:E}=m;P.addPage(this._createScene(E,P,m,e,y))}return P.activeFirstPage(),P}_createScene(n,e,r,t,i){var v;const{width:s,height:c}=e,o=new h.Scene(n,e,{width:s,height:c});new h.Viewport(`PageViewer_${n}`,o,{left:0,top:0,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0}).closeClip();const{pageElements:p,pageBackgroundFill:w}=r,u=(v=this._ObjectProvider)==null?void 0:v.convertToRenderObjects(p,t);return this._addBackgroundRect(o,w,i),o.addObjects(u),u==null||u.forEach(g=>{o.attachTransformerTo(g)}),o}_addBackgroundRect(n,e,r){const t=r.getPageSize(),{width:i=0,height:s=0}=t,c=new h.Rect("canvas",{left:0,top:0,width:i,height:s,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:l.getColorStyle(e)||"rgba(255,255,255, 1)",zIndex:0,evented:!1});n.addObject(c,0)}};ne=Ee([je(0,L.Inject(L.Injector))],ne);class De{constructor(){_(this,"zIndex",6)}create(n){return n.createInstance(ne)}}A.add(new De);var Oe=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,Ve=(a,n,e,r)=>{for(var t=r>1?void 0:r?Ce(n,e):n,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(r?s(n,e,t):s(t))||t);return r&&t&&Oe(n,e,t),t},ce=(a,n)=>(e,r)=>n(e,r,a);let ie=class extends H{constructor(n,e){super();_(this,"zIndex",4);_(this,"viewKey",l.PageElementType.SPREADSHEET);this._localeService=n,this._contextService=e}check(n){if(n===this.viewKey)return this}convert(n,e){const{id:r,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,spreadsheet:j}=n;if(j==null)return;const{worksheet:V,styles:D}=j,{cellData:y}=V,P=new l.ObjectMatrix(y),T=new l.Styles(D),b=new h.SpreadsheetSkeleton(new l.Worksheet(r,V,T),V,P,T,this._localeService,this._contextService),{rowTotalHeight:C,columnTotalWidth:I,rowHeaderWidth:m,columnHeaderHeight:E}=b,x=I+V.rowHeader.width||0,F=C+V.columnHeader.height||0,W=new h.SceneViewer("spreadInSlideSceneViewer"+r,{top:s,left:i,width:c,height:o,zIndex:t,angle:d,scaleX:p,scaleY:w,skewX:u,skewY:v,flipX:g,flipY:f,forceRender:!0}),$=new h.Scene("spreadInSlideScene"+r,W,{width:x,height:F});this._updateViewport(r,m,E,$,e);const U=new h.Spreadsheet("testSheetViewer",b,!1),R=new h.SpreadsheetRowHeader("spreadInSlideRow",b),k=new h.SpreadsheetColumnHeader("spreadInSlideColumn",b),q=new h.Rect("spreadInSlideLeftTop",{zIndex:2,left:-1,top:-1,width:m,height:E,fill:h.getColor([248,249,250]),stroke:h.getColor([217,217,217]),strokeWidth:1});return U.zIndex=10,$.addObjects([U],1),$.addObjects([R,k,q],2),W}_updateViewport(n,e,r,t,i){if(i==null)return;const s=e*t.scaleX,c=r*t.scaleY,o=new h.Viewport("spreadInSlideViewMain"+n,t,{left:s,top:c,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0,isWheelPreventDefaultX:!0}),d=new h.Viewport("spreadInSlideViewTop"+n,t,{left:s,height:c,top:0,right:0,isRelativeX:!0,isWheelPreventDefaultX:!0}),p=new h.Viewport("spreadInSlideViewLeft"+n,t,{left:0,bottom:0,top:c,width:s,isRelativeY:!0,isWheelPreventDefaultX:!0});new h.Viewport("spreadInSlideViewLeftTop"+n,t,{left:0,top:0,width:s,height:c,isWheelPreventDefaultX:!0}),o.onScrollAfter$.subscribeEvent(w=>{const{scrollX:u,scrollY:v,viewportScrollX:g,viewportScrollY:f}=w;d.updateScroll({scrollX:u,viewportScrollX:g}),p.updateScroll({scrollY:v,viewportScrollY:f})}),t.attachControl(),new h.ScrollBar(o,{mainScene:i}),t.onMouseWheel$.subscribeEvent((w,u)=>{const v=w;if(v.ctrlKey){const g=Math.abs(v.deltaX);let f=g<40?.05:g<80?.02:.01;f*=v.deltaY>0?-1:1,t.scaleX<1&&(f/=2),t.scaleX+f>4?t.scale(4,4):t.scaleX+f<.1?t.scale(.1,.1):(t.scaleBy(f,f),v.preventDefault())}else o.onMouseWheel(v,u)})}};ie=Ve([ce(0,L.Inject(l.LocaleService)),ce(1,l.IContextService)],ie);class xe{constructor(){_(this,"zIndex",4)}create(n){return n.createInstance(ie)}}A.add(new xe);var Me=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,Ue=(a,n,e,r)=>{for(var t=r>1?void 0:r?Le(n,e):n,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(r?s(n,e,t):s(t))||t);return r&&t&&Me(n,e,t),t},Xe=(a,n)=>(e,r)=>n(e,r,a);let B=class{constructor(a){_(this,"_adaptors",[]);this._injector=a,this._adaptorLoader()}convertToRenderObjects(a,n){const e=Object.keys(a),r=[];return e.forEach(t=>{const i=a[t],s=this._executor(i,n);s!=null&&r.push(s)}),r}_executor(a,n){var t;const{id:e,type:r}=a;for(const i of this._adaptors){const s=(t=i.check(r))==null?void 0:t.convert(a,n);if(s!=null)return s}}_adaptorLoader(){A.getData().sort(l.sortRules).forEach(a=>{this._adaptors.push(a.create(this._injector))})}};B=Ue([Xe(0,L.Inject(L.Injector))],B);var ze=Object.defineProperty,$e=Object.getOwnPropertyDescriptor,Re=(a,n,e,r)=>{for(var t=r>1?void 0:r?$e(n,e):n,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(r?s(n,e,t):s(t))||t);return r&&t&&ze(n,e,t),t},se=(a,n)=>(e,r)=>n(e,r,a),oe=(a=>(a.COMPONENT="__slideRender__",a.SCENE="__mainScene__",a.VIEW="__mainView__",a))(oe||{});S.CanvasView=class extends l.RxDisposable{constructor(e,r,t){super();_(this,"_objectProvider",null);_(this,"_activePageId","");_(this,"activePageId$",new ee.Subject);_(this,"_refreshThumb",l.debounce(()=>{this.createThumbs()},300));this._univerInstanceService=e,this._injector=r,this._renderManagerService=t,this._initializeDependencies(this._injector),this._initialize()}_initialize(){this._renderManagerService.createRender$.pipe(ee.takeUntil(this.dispose$)).subscribe(e=>{this._create(e)}),this._univerInstanceService.getCurrentTypeOfUnit$(l.UniverInstanceType.UNIVER_SLIDE).pipe(ee.takeUntil(this.dispose$)).subscribe(e=>{this._create(e==null?void 0:e.getUnitId())}),this._univerInstanceService.getAllUnitsForType(l.UniverInstanceType.UNIVER_SLIDE).forEach(e=>{this._create(e.getUnitId())})}activePage(e){const r=this._univerInstanceService.getCurrentUnitForType(l.UniverInstanceType.UNIVER_SLIDE);let t;if(e)t=r.getPage(e);else{const o=r.getPages(),d=r.getPageOrder();if(d==null||o==null)return;t=o[d[0]],e=t.id}const i=this._currentRender();if(t==null||i==null||i.mainComponent==null)return;const{id:s}=t,c=i.mainComponent;if(this._activePageId=e,this.activePageId$.next(e),c!=null&&c.hasPage(s)){c.changePage(s);return}this._createScene(s,t)}_scrollToCenter(){var d;const e=(d=this._currentRender())==null?void 0:d.scene,r=e==null?void 0:e.getViewport("__mainView__"),t=this._getCenterPositionViewPort(e);if(!r||!t)return;const{left:i,top:s}=t,{x:c,y:o}=r.transViewportScroll2ScrollValue(i,s);r.scrollTo({x:c,y:o})}_create(e){e==null||this._univerInstanceService.getUnit(e,l.UniverInstanceType.UNIVER_SLIDE)==null||this._renderManagerService.has(e)||this._addNewRender(e)}_currentRender(){const e=this._univerInstanceService.getCurrentUnitForType(l.UniverInstanceType.UNIVER_SLIDE);return this._renderManagerService.getRenderById(e.getUnitId())}_addNewRender(e){const r=this._univerInstanceService.getUnit(e,l.UniverInstanceType.UNIVER_SLIDE);if(r==null)return;this._renderManagerService.createRender(e);const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{scene:i,engine:s}=t,c=s.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),c==null||c.unsubscribe()});s.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)}),i.resize(2400,1800);const o=new h.Viewport("__mainView__",i,{left:0,top:0,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0,isWheelPreventDefaultX:!0});i.attachControl(),i.onMouseWheel$.subscribeEvent((p,w)=>{const u=p;if(u.ctrlKey){const v=Math.abs(u.deltaX);let g=v<40?.2:v<80?.4:.2;g*=u.deltaY>0?-1:1,i.scaleX<1&&(g/=2),i.scaleX+g>4?i.scale(4,4):i.scaleX+g<.1?i.scale(.1,.1):(u.deltaY>0,u.preventDefault())}else o.onMouseWheel(u,w)}),i.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),h.ScrollBar.attachTo(o),this._renderManagerService.setCurrent(e);const d=this._createSlide(i);t.mainComponent=d,t.components.set("__slideRender__",d),this._createSlidePages(r,d),s.runRenderLoop(()=>{i.render()})}_createSlide(e){const r=this._univerInstanceService.getCurrentUnitForType(l.UniverInstanceType.UNIVER_SLIDE),{width:t,height:i}=e,s=r.getPageSize(),{width:c=100,height:o=100}=s,d=new h.Slide("__slideRender__",{left:(t-c)/2,top:(i-o)/2,width:c,height:o,zIndex:10});return d.enableNav(),d.enableSelectedClipElement(),e.addObject(d),d}_addBackgroundRect(e,r){const i=this._univerInstanceService.getCurrentUnitForType(l.UniverInstanceType.UNIVER_SLIDE).getPageSize(),{width:s=0,height:c=0}=i,o=new h.Rect("canvas",{left:0,top:0,width:s,height:c,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:l.getColorStyle(r)||"rgba(255,255,255, 1)",zIndex:0,evented:!1});e.addObject(o,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};const{width:r,height:t}=e,i=e.getEngine(),s=(i==null?void 0:i.width)||0,c=(i==null?void 0:i.height)||0;return{left:(r-s)/2,top:(t-c)/2}}_thumbSceneRender(e,r){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{engine:i}=t;if(i==null)return;const{width:s,height:c}=r,{width:o=s,height:d=c}=i,p=i.getCanvas().getContext();r.renderToThumb(p,e,o/s,d/c)}_createSlidePages(e,r){const t=e.getPages(),i=e.getPageOrder();if(!(!t||!i)&&i.length!==0){for(let s=0,c=i.length;s<c;s++){const o=i[s];this._createScene(o,t[o]),this._createThumb(o)}this._activePageId=i[0],r.activeFirstPage()}}createThumbs(){const r=this._univerInstanceService.getCurrentUnitForType(l.UniverInstanceType.UNIVER_SLIDE).getPageOrder(),t=this._currentRender();if(!(!r||!t)&&r.length!==0)for(let i=0,s=r.length;i<s;i++){const c=r[i];this._thumbSceneRender(c,t.mainComponent)}}_createThumb(e){this._renderManagerService.createRender(e)}_createScene(e,r){const t=this._currentRender();if(!t||!this._objectProvider)return;const{scene:i,mainComponent:s}=t,c=s,{width:o,height:d}=c,p=new h.Scene(e,c,{width:o,height:d});new h.Viewport(`PageViewer_${e}`,p,{left:0,top:0,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0}).closeClip();const{pageElements:u,pageBackgroundFill:v}=r,g=this._objectProvider.convertToRenderObjects(u,i);if(!g||!c)return;this._addBackgroundRect(p,v),p.addObjects(g),g.forEach(j=>{p.attachTransformerTo(j)});const f=p.getTransformer();return f==null||f.changeEnd$.subscribe(()=>{this._thumbSceneRender(this._activePageId,c)}),f==null||f.clearControl$.subscribe(()=>{this._thumbSceneRender(this._activePageId,c)}),c.addPage(p),p}_initializeDependencies(e){this._objectProvider=e.createInstance(B)}},S.CanvasView=Re([l.OnLifecycle(l.LifecycleStages.Ready,S.CanvasView),se(0,l.IUniverInstanceService),se(1,L.Inject(L.Injector)),se(2,h.IRenderManagerService)],S.CanvasView);var Ne=Object.defineProperty,Ae=Object.getOwnPropertyDescriptor,We=(a,n,e,r)=>{for(var t=r>1?void 0:r?Ae(n,e):n,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(r?s(n,e,t):s(t))||t);return r&&t&&Ne(n,e,t),t},Ye=(a,n)=>(e,r)=>n(e,r,a);const He={},Fe="slides";S.UniverSlidesPlugin=(K=class extends l.Plugin{constructor(e={},r){super();_(this,"_config");_(this,"_canvasEngine",null);_(this,"_canvasView",null);this._injector=r,this._config=Object.assign(He,e),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(h.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}getCanvasView(){return this._canvasView}_initializeDependencies(e){[[S.CanvasView]].forEach(t=>{e.add(t)})}},_(K,"pluginName",Fe),_(K,"type",l.UniverInstanceType.UNIVER_SLIDE),K),S.UniverSlidesPlugin=We([Ye(1,L.Inject(L.Injector))],S.UniverSlidesPlugin),S.SLIDE_KEY=oe,Object.defineProperty(S,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/slides",
-  "version": "0.2.4-alpha.0",
+  "version": "0.2.4",
   "private": false,
   "description": "",
   "author": "DreamNum <developer@univer.ai>",
@@ -47,18 +47,20 @@
     "lib"
   ],
   "peerDependencies": {
+    "@wendellhu/redi": "0.16.0",
     "rxjs": ">=7.0.0",
-    "@univerjs/core": "0.2.4-alpha.0",
-    "@univerjs/engine-render": "0.2.4-alpha.0"
+    "@univerjs/engine-render": "0.2.4",
+    "@univerjs/core": "0.2.4"
   },
   "devDependencies": {
+    "@wendellhu/redi": "0.16.0",
     "rxjs": "^7.8.1",
     "typescript": "^5.5.3",
     "vite": "^5.3.4",
     "vitest": "^2.0.3",
-    "@univerjs/core": "0.2.4-alpha.0",
-    "@univerjs/shared": "0.2.4-alpha.0",
-    "@univerjs/engine-render": "0.2.4-alpha.0"
+    "@univerjs/core": "0.2.4",
+    "@univerjs/shared": "0.2.4",
+    "@univerjs/engine-render": "0.2.4"
   },
   "univerSpace": {
     ".": {