@univerjs/slides 0.1.17 → 0.2.0

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";var ue=Object.defineProperty;var pe=(a,r,e)=>r in a?ue(a,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[r]=e;var f=(a,r,e)=>pe(a,typeof r!="symbol"?r+"":r,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("@univerjs/core"),d=require("@univerjs/engine-render"),V=require("@wendellhu/redi"),ce=require("rxjs");class H{constructor(){f(this,"zIndex",0);f(this,"viewKey",null)}check(r){if(r===this.viewKey)return this}create(r){}}const W=h.Registry.create();var _e=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,fe=(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&&_e(r,e,t),t},we=(a,r)=>(e,n)=>r(e,n,a);let re=class extends H{constructor(r){super();f(this,"zIndex",5);f(this,"viewKey",h.PageElementType.DOCUMENT);f(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:g,scaleY:w,skewX:u,skewY:_,flipX:p,flipY:v,title:R,description:j,document:E}=r;if(E==null)return;const m=new h.DocumentDataModel(E),I=new d.DocumentViewModel(m),P=d.DocumentSkeleton.create(I,this._localeService),b=new d.Documents("__DocsRender__",P);P.calculate();const O=new d.SceneViewer("__DocsViewer__"+n,{top:s,left:i,width:c,height:o,zIndex:t,angle:l,scaleX:g,scaleY:w,skewX:u,skewY:_,flipX:p,flipY:v}),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((L,A)=>{const D=L;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(b);const y=P.getActualSize();b.resize(y.actualWidth,y.actualHeight),S.resize(y.actualWidth,y.actualHeight+200);const x=(B=b.getSkeleton())==null?void 0:B.getPageSize();b.pageRender$.subscribe(L=>{const{page:A,pageLeft:D,pageTop:$,ctx:C}=L,{width:K,height:k,marginBottom:Q,marginLeft:X,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}=b,U=P.getSkeletonData();if(U==null)return;const{pages:M}=U,z=[],F=new Map;this._recalculateSizeBySkeleton(b,S,P);for(let L=0,A=M.length;L<A;L++){const D=M[L],{skeDrawings:$,marginLeft:C,marginTop:K,pageWidth:k,pageHeight:Q}=D;this._liquid.translatePagePadding(D),$.forEach(X=>{const{aLeft:q,aTop:G,height:de,width:he,drawingOrigin:Ge}=X,ge=new d.Image(X.drawingId,{left:q+Y+this._liquid.x,top:G+N+this._liquid.y,width:he,height:de,zIndex:11});F.set(X.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),z.push(ge)}),this._liquid.translatePage(D,b.pageLayoutType,b.pageMarginLeft,b.pageMarginTop)}return S.addObjects(z),z.forEach(L=>{S.attachTransformerTo(L)}),(ae=S.getTransformer())==null||ae.changing$.subscribe(L=>{const{objects:A}=L;A.forEach(D=>{const{oKey:$,left:C,top:K,height:k,width:Q}=D,X=F.get($),q=(X==null?void 0:X.marginLeft)||0,G=(X==null?void 0:X.marginTop)||0;P==null||P.getViewModel().getDataModel().updateDrawing($,{left:C-Y-q,top:K-N-G,height:k,width:Q})}),P==null||P.calculate()}),this._calculatePagePosition(b,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 g=t[o],{pageWidth:w,pageHeight:u}=g;r.pageLayoutType===d.PageLayoutType.VERTICAL?(s+=u,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,u))}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:g,height:w}=i;let u=0,_=0,p=0,v=0,R=Number.POSITIVE_INFINITY;if(g>(s+o*2)*t?(u=g/2-s*t/2,u/=t,p=(g-o*2)/t,R=0):(u=o,p=s+o*2,R=(p-g/t)/2),w>c?(_=w/2-c/2,v=(w-l*2)/t):(_=l,v=c+l*2),e.resize(p,v+200),r.translate(u,_),R!==Number.POSITIVE_INFINITY&&n!=null){const j=n.transScroll2ViewportScrollValue(R,0).x;n.scrollTo({x:j})}return this}};re=fe([we(0,V.Inject(h.LocaleService))],re);class Se{constructor(){f(this,"zIndex",5)}create(r){return r.createInstance(re)}}W.add(new Se);class Ie extends H{constructor(){super(...arguments);f(this,"zIndex",1);f(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:g,scaleY:w,skewX:u,skewY:_,flipX:p,flipY:v,title:R,description:j,image:E={}}=e,{imageProperties:m,placeholder:I,link:P}=E,b=(m==null?void 0:m.contentUrl)||"";return new d.Image(n,{url:b,top:s,left:i,width:c,height:o,zIndex:t,angle:l,scaleX:g,scaleY:w,skewX:u,skewY:_,flipX:p,flipY:v,forceRender:!0})}}class be{constructor(){f(this,"zIndex",4)}create(r){return r.createInstance(Ie)}}W.add(new be);var Pe=Object.defineProperty,Te=Object.getOwnPropertyDescriptor,me=(a,r,e,n)=>{for(var t=n>1?void 0:n?Te(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},ye=(a,r)=>(e,n)=>r(e,n,a);let ne=class extends H{constructor(r){super();f(this,"zIndex",2);f(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:g,scaleY:w,skewX:u,skewY:_,flipX:p,flipY:v,title:R,description:j,richText:E={}}=r,{text:m,ff:I,fs:P,it:b,bl:O,ul:S,st:T,ol:y,bg:x,bd:Y,cl:N,rich:U}=E;let M={top:s,left:i,width:c,height:o,zIndex:t,angle:l,scaleX:g,scaleY:w,skewX:u,skewY:_,flipX:p,flipY:v,forceRender:!0},z=!1;if(m!=null?(M={...M,text:m,ff:I,fs:P,it:b,bl:O,ul:S,st:T,ol:y,bg:x,bd:Y,cl:N},z=!0):U!=null&&(M={...M,richText:U},z=!0),z!==!1)return new d.RichText(this._localeService,n,M)}};ne=me([ye(0,V.Inject(h.LocaleService))],ne);class Re{constructor(){f(this,"zIndex",0)}create(r){return r.createInstance(ne)}}W.add(new Re);class Ee extends H{constructor(){super(...arguments);f(this,"zIndex",2);f(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:g,scaleY:w,skewX:u,skewY:_,flipX:p,flipY:v,title:R,description:j}=e,{shapeType:E,text:m,shapeProperties:I,placeholder:P,link:b}=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:g,scaleY:w,skewX:u,skewY:_,flipX:p,flipY:v,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:g,scaleY:w,skewX:u,skewY:_,flipX:p,flipY:v,forceRender:!0,radius:y,...T})}}}class De{constructor(){f(this,"zIndex",2)}create(r){return r.createInstance(Ee)}}W.add(new De);var Oe=Object.defineProperty,je=Object.getOwnPropertyDescriptor,xe=(a,r,e,n)=>{for(var t=n>1?void 0:n?je(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&&Oe(r,e,t),t},Ce=(a,r)=>(e,n)=>r(e,n,a);let ie=class extends H{constructor(r){super();f(this,"zIndex",6);f(this,"viewKey",h.PageElementType.SLIDE);f(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:g,scaleY:w,skewX:u,skewY:_,flipX:p,flipY:v,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:g,scaleY:w,skewX:u,skewY:_,flipX:p,flipY:v,forceRender:!0});I.enableNav(),I.enableSelectedClipElement();const P=m.getPageOrder(),b=m.getPages();if(!P||!b)return I;this._ObjectProvider=new J(this._injector);for(let O=0,S=P.length;O<S;O++){const T=b[P[O]],{id:y}=T;I.addPage(this._createScene(y,I,T,e,m))}return I.activeFirstPage(),I}_createScene(r,e,n,t,i){var _;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:g,pageBackgroundFill:w}=n,u=(_=this._ObjectProvider)==null?void 0:_.convertToRenderObjects(g,t);return this._addBackgroundRect(o,w,i),o.addObjects(u),u==null||u.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=xe([Ce(0,V.Inject(V.Injector))],ie);class Ve{constructor(){f(this,"zIndex",6)}create(r){return r.createInstance(ie)}}W.add(new Ve);var Me=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,Xe=(a,r,e,n)=>{for(var t=n>1?void 0:n?Le(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&&Me(r,e,t),t},oe=(a,r)=>(e,n)=>r(e,n,a);let se=class extends H{constructor(r,e){super();f(this,"zIndex",4);f(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:g,scaleY:w,skewX:u,skewY:_,flipX:p,flipY:v,spreadsheet:R}=r;if(R==null)return;const{worksheet:j,styles:E}=R,{cellData:m}=j,I=new h.ObjectMatrix(m),P=new h.Styles(E),b=new d.SpreadsheetSkeleton(new h.Worksheet(n,j,P),j,I,P,this._localeService,this._contextService),{rowTotalHeight:O,columnTotalWidth:S,rowHeaderWidth:T,columnHeaderHeight:y}=b,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:g,scaleY:w,skewX:u,skewY:_,flipX:p,flipY:v,forceRender:!0}),U=new d.Scene("spreadInSlideScene"+n,N,{width:x,height:Y});this._updateViewport(n,T,y,U,e);const M=new d.Spreadsheet("testSheetViewer",b,!1),z=new d.SpreadsheetRowHeader("spreadInSlideRow",b),F=new d.SpreadsheetColumnHeader("spreadInSlideColumn",b),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 M.zIndex=10,U.addObjects([M],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}),g=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:u,scrollY:_,viewportScrollX:p,viewportScrollY:v}=w;l.updateScroll({scrollX:u,viewportScrollX:p}),g.updateScroll({scrollY:_,viewportScrollY:v})}),t.attachControl(),new d.ScrollBar(o,{mainScene:i}),t.onMouseWheel$.subscribeEvent((w,u)=>{const _=w;if(_.ctrlKey){const p=Math.abs(_.deltaX);let v=p<40?.05:p<80?.02:.01;v*=_.deltaY>0?-1:1,t.scaleX<1&&(v/=2),t.scaleX+v>4?t.scale(4,4):t.scaleX+v<.1?t.scale(.1,.1):(t.scaleBy(v,v),_.preventDefault())}else o.onMouseWheel(_,u)})}};se=Xe([oe(0,V.Inject(h.LocaleService)),oe(1,h.IContextService)],se);class Ue{constructor(){f(this,"zIndex",4)}create(r){return r.createInstance(se)}}W.add(new Ue);var ze=Object.defineProperty,$e=Object.getOwnPropertyDescriptor,Ne=(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&&ze(r,e,t),t},Ae=(a,r)=>(e,n)=>r(e,n,a);let J=class{constructor(a){f(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=Ne([Ae(0,V.Inject(V.Injector))],J);var We=Object.defineProperty,Ye=Object.getOwnPropertyDescriptor,He=(a,r,e,n)=>{for(var t=n>1?void 0:n?Ye(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&&We(r,e,t),t},ee=(a,r)=>(e,n)=>r(e,n,a),le=(a=>(a.COMPONENT="__slideRender__",a.SCENE="__mainScene__",a.VIEW="__mainView__",a))(le||{});exports.CanvasView=class extends h.RxDisposable{constructor(e,n,t){super();f(this,"_objectProvider",null);f(this,"_activePageId","");f(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(ce.takeUntil(this.dispose$)).subscribe(e=>{this._create(e)}),this._univerInstanceService.getCurrentTypeOfUnit$(h.UniverInstanceType.UNIVER_SLIDE).pipe(ce.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,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((g,w)=>{const u=g;if(u.ctrlKey){const _=Math.abs(u.deltaX);let p=_<40?.2:_<80?.4:.2;p*=u.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):(u.deltaY>0,u.preventDefault())}else o.onMouseWheel(u,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();const g=document.getElementById("app");g&&(g.innerText=`fps:${Math.round(s.getFps()).toString()}`)})}_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,g=i.getCanvas().getContext();n.renderToThumb(g,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,g=new d.Scene(e,c,{width:o,height:l});new d.Viewport(`PageViewer_${e}`,g,{left:0,top:0,bottom:0,right:0,isRelativeX:!0,isRelativeY:!0}).closeClip();const{pageElements:u,pageBackgroundFill:_}=n,p=this._objectProvider.convertToRenderObjects(u,i);if(!p||!c)return;this._addBackgroundRect(g,_),g.addObjects(p),p.forEach(R=>{g.attachTransformerTo(R)});const v=g.getTransformer();return v==null||v.changeEnd$.subscribe(()=>{this._thumbSceneRender(this._activePageId,c)}),v==null||v.clearControl$.subscribe(()=>{this._thumbSceneRender(this._activePageId,c)}),c.addPage(g),g}_initializeDependencies(e){this._objectProvider=e.createInstance(J)}};exports.CanvasView=He([h.OnLifecycle(h.LifecycleStages.Ready,exports.CanvasView),ee(0,h.IUniverInstanceService),ee(1,V.Inject(V.Injector)),ee(2,d.IRenderManagerService)],exports.CanvasView);var Fe=Object.defineProperty,Be=Object.getOwnPropertyDescriptor,Ke=(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&&Fe(r,e,t),t},te=(a,r)=>(e,n)=>r(e,n,a);const ke={},qe="slides";var Z;exports.UniverSlidesPlugin=(Z=class extends h.Plugin{constructor(e={},n,t,i){super();f(this,"_config");f(this,"_canvasEngine",null);f(this,"_canvasView",null);this._univerInstanceService=n,this._localeService=t,this._injector=i,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)})}},f(Z,"pluginName",qe),f(Z,"type",h.UniverInstanceType.UNIVER_SLIDE),Z);exports.UniverSlidesPlugin=Ke([te(1,h.IUniverInstanceService),te(2,V.Inject(h.LocaleService)),te(3,V.Inject(V.Injector))],exports.UniverSlidesPlugin);exports.SLIDE_KEY=le;
+"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,11 +1,11 @@
-var Oe = Object.defineProperty;
-var ye = (a, e, r) => e in a ? Oe(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r;
-var g = (a, e, r) => ye(a, typeof e != "symbol" ? e + "" : e, r);
-import { Registry as xe, LocaleService as ne, PageElementType as F, DocumentDataModel as je, getColorStyle as te, BasicShapes as _e, SlideDataModel as Me, IContextService as Ce, ObjectMatrix as Ve, Styles as Xe, Worksheet as Le, sortRules as ze, OnLifecycle as $e, LifecycleStages as Ne, RxDisposable as Ae, UniverInstanceType as V, debounce as We, IUniverInstanceService as be, Plugin as Ye } from "@univerjs/core";
-import { Liquid as Ue, DocumentViewModel as He, DocumentSkeleton as Fe, Documents as Be, SceneViewer as Pe, Scene as ie, Viewport as $, ScrollBar as ge, Rect as H, Image as me, PageLayoutType as fe, RichText as Ke, Slide as Te, SpreadsheetSkeleton as ke, Spreadsheet as qe, SpreadsheetRowHeader as Ge, SpreadsheetColumnHeader as Ze, getColor as ve, IRenderManagerService as Je, IRenderingEngine as Qe } from "@univerjs/engine-render";
-import { Inject as N, Injector as se } from "@wendellhu/redi";
-import { takeUntil as we } from "rxjs";
-class B {
+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, 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() {
     g(this, "zIndex", 0);
     g(this, "viewKey", null);
@@ -17,18 +17,18 @@ class B {
   create(e) {
   }
 }
-const Y = xe.create();
+const Y = Ee.create();
 var et = Object.defineProperty, tt = Object.getOwnPropertyDescriptor, rt = (a, e, r, n) => {
   for (var t = n > 1 ? void 0 : n ? tt(e, r) : e, s = a.length - 1, i; s >= 0; s--)
     (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
   return n && t && et(e, r, t), t;
 }, nt = (a, e) => (r, n) => e(r, n, a);
-let le = class extends B {
+let ce = class extends K {
   constructor(e) {
     super();
     g(this, "zIndex", 5);
     g(this, "viewKey", F.DOCUMENT);
-    g(this, "_liquid", new Ue());
+    g(this, "_liquid", new Ye());
     this._localeService = e;
   }
   check(e) {
@@ -37,7 +37,7 @@ let le = class extends B {
   }
   // eslint-disable-next-line max-lines-per-function
   convert(e, r) {
-    var k, pe;
+    var B, ge;
     const {
       id: n,
       zIndex: t,
@@ -45,35 +45,35 @@ let le = class extends B {
       top: i = 0,
       width: o,
       height: c,
-      angle: l,
+      angle: d,
       scaleX: f,
       scaleY: h,
       skewX: u,
-      skewY: d,
+      skewY: l,
       flipX: p,
       flipY: _,
-      title: E,
-      description: O,
+      title: O,
+      description: E,
       document: T
     } = e;
     if (T == null)
       return;
-    const P = new je(T), w = new He(P), I = Fe.create(w, this._localeService), S = new Be("__DocsRender__", I);
+    const P = new ye(T), w = new Ue(P), I = He.create(w, this._localeService), S = new Fe("__DocsRender__", I);
     I.calculate();
-    const D = new Pe("__DocsViewer__" + n, {
+    const D = new Ie("__DocsViewer__" + n, {
       top: i,
       left: s,
       width: o,
       height: c,
       zIndex: t,
-      angle: l,
+      angle: d,
       scaleX: f,
       scaleY: h,
       skewX: u,
-      skewY: d,
+      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,
@@ -82,22 +82,22 @@ let le = class extends B {
       isRelativeY: !0,
       isWheelPreventDefaultX: !0
     });
-    v.attachControl(), v.onMouseWheel$.subscribeEvent((M, W) => {
+    v.attachControl(), v.onMouseWheel$.subscribeEvent((M, A) => {
       const R = M;
       if (R.ctrlKey) {
         const z = Math.abs(R.deltaX);
         let x = z < 40 ? 0.2 : z < 80 ? 0.4 : 0.2;
         x *= R.deltaY > 0 ? -1 : 1, v.scaleX < 1 && (x /= 2), v.scaleX + x > 4 ? v.scale(4, 4) : v.scaleX + x < 0.1 ? v.scale(0.1, 0.1) : (R.deltaY > 0, R.preventDefault());
       } else
-        b.onMouseWheel(R, W);
-    }), new ge(b, {
+        b.onMouseWheel(R, A);
+    }), new ue(b, {
       mainScene: r
     }), v.addObject(S);
     const m = I.getActualSize();
     S.resize(m.actualWidth, m.actualHeight), v.resize(m.actualWidth, m.actualHeight + 200);
-    const y = (k = S.getSkeleton()) == null ? void 0 : k.getPageSize();
+    const y = (B = S.getSkeleton()) == null ? void 0 : B.getPageSize();
     S.pageRender$.subscribe((M) => {
-      const { page: W, pageLeft: R, pageTop: z, ctx: x } = M, { width: q, height: G, marginBottom: ae, marginLeft: C, marginRight: Z, marginTop: J } = W;
+      const { page: A, pageLeft: R, pageTop: z, ctx: x } = M, { width: q, height: G, marginBottom: se, marginLeft: C, marginRight: Z, marginTop: J } = A;
       x.save(), x.translate(R - 0.5, z - 0.5), H.drawWith(x, {
         width: (y == null ? void 0 : y.width) || q,
         height: (y == null ? void 0 : y.height) || G,
@@ -107,26 +107,26 @@ let le = class extends B {
         zIndex: 3
       }), x.restore();
     });
-    const { left: U, top: A } = S, X = I.getSkeletonData();
+    const { left: U, top: N } = S, X = I.getSkeletonData();
     if (X == null)
       return;
-    const { pages: j } = X, L = [], K = /* @__PURE__ */ new Map();
+    const { pages: j } = X, L = [], k = /* @__PURE__ */ new Map();
     this._recalculateSizeBySkeleton(S, v, I);
-    for (let M = 0, W = j.length; M < W; M++) {
-      const R = j[M], { skeDrawings: z, marginLeft: x, marginTop: q, pageWidth: G, pageHeight: ae } = R;
+    for (let M = 0, A = j.length; M < A; M++) {
+      const R = j[M], { skeDrawings: z, marginLeft: x, marginTop: q, pageWidth: G, pageHeight: se } = R;
       this._liquid.translatePagePadding(R), z.forEach((C) => {
-        const { aLeft: Z, aTop: J, height: Re, width: De, drawingOrigin: Lt } = C, Ee = new me(C.drawingId, {
+        const { aLeft: Z, aTop: J, height: me, width: Te, drawingOrigin: zt } = C, Re = new be(C.drawingId, {
           // url: docTransform.imageProperties?.contentUrl || '',
           left: Z + U + this._liquid.x,
-          top: J + A + this._liquid.y,
-          width: De,
-          height: Re,
+          top: J + N + this._liquid.y,
+          width: Te,
+          height: me,
           zIndex: 11
         });
-        K.set(C.drawingId, {
+        k.set(C.drawingId, {
           marginLeft: this._liquid.x,
           marginTop: this._liquid.y
-        }), L.push(Ee);
+        }), L.push(Re);
       }), this._liquid.translatePage(
         R,
         S.pageLayoutType,
@@ -136,15 +136,15 @@ let le = class extends B {
     }
     return v.addObjects(L), L.forEach((M) => {
       v.attachTransformerTo(M);
-    }), (pe = v.getTransformer()) == null || pe.changing$.subscribe((M) => {
-      const { objects: W } = M;
-      W.forEach((R) => {
-        const { oKey: z, left: x, top: q, height: G, width: ae } = R, C = K.get(z), Z = (C == null ? void 0 : C.marginLeft) || 0, J = (C == null ? void 0 : C.marginTop) || 0;
+    }), (ge = v.getTransformer()) == null || ge.changing$.subscribe((M) => {
+      const { objects: A } = M;
+      A.forEach((R) => {
+        const { oKey: z, left: x, top: q, height: G, width: se } = R, C = k.get(z), Z = (C == null ? void 0 : C.marginLeft) || 0, J = (C == null ? void 0 : C.marginTop) || 0;
         I == null || I.getViewModel().getDataModel().updateDrawing(z, {
           left: x - U - Z,
-          top: q - A - J,
+          top: q - N - J,
           height: G,
-          width: ae
+          width: se
         });
       }), I == null || I.calculate();
     }), this._calculatePagePosition(S, v, b), D;
@@ -155,40 +155,40 @@ let le = class extends B {
     if (t == null)
       return;
     let s = 0, i = 0;
-    for (let c = 0, l = t.length; c < l; c++) {
+    for (let c = 0, d = t.length; c < d; c++) {
       const f = t[c], { pageWidth: h, pageHeight: u } = f;
-      e.pageLayoutType === fe.VERTICAL ? (i += u, i += e.pageMarginTop, c === l - 1 && (i += e.pageMarginTop), s = Math.max(s, h)) : e.pageLayoutType === fe.HORIZONTAL && (s += h, c !== l - 1 && (s += e.pageMarginLeft), i = Math.max(i, u));
+      e.pageLayoutType === _e.VERTICAL ? (i += u, i += e.pageMarginTop, c === d - 1 && (i += e.pageMarginTop), s = Math.max(s, h)) : e.pageLayoutType === _e.HORIZONTAL && (s += h, c !== d - 1 && (s += e.pageMarginLeft), i = Math.max(i, u));
     }
     e.resize(s, i), r.resize(s, i);
   }
   _calculatePagePosition(e, r, n, t = 1) {
-    const s = r == null ? void 0 : r.getParent(), { width: i, height: o, pageMarginLeft: c, pageMarginTop: l } = e;
+    const s = r == null ? void 0 : r.getParent(), { width: i, height: o, pageMarginLeft: c, pageMarginTop: d } = e;
     if (s == null || i === Number.POSITIVE_INFINITY || o === Number.POSITIVE_INFINITY)
       return;
     const { width: f, height: h } = s;
-    let u = 0, d = 0, p = 0, _ = 0, E = Number.POSITIVE_INFINITY;
-    if (f > (i + c * 2) * t ? (u = f / 2 - i * t / 2, u /= t, p = (f - c * 2) / t, E = 0) : (u = c, p = i + c * 2, E = (p - f / t) / 2), h > o ? (d = h / 2 - o / 2, _ = (h - l * 2) / t) : (d = l, _ = o + l * 2), r.resize(p, _ + 200), e.translate(u, d), E !== Number.POSITIVE_INFINITY && n != null) {
-      const O = n.transScroll2ViewportScrollValue(E, 0).x;
+    let u = 0, l = 0, p = 0, _ = 0, O = Number.POSITIVE_INFINITY;
+    if (f > (i + c * 2) * t ? (u = f / 2 - i * t / 2, u /= t, p = (f - c * 2) / t, O = 0) : (u = c, p = i + c * 2, O = (p - f / t) / 2), h > o ? (l = h / 2 - o / 2, _ = (h - d * 2) / t) : (l = d, _ = o + d * 2), r.resize(p, _ + 200), e.translate(u, l), O !== Number.POSITIVE_INFINITY && n != null) {
+      const E = n.transScroll2ViewportScrollValue(O, 0).x;
       n.scrollTo({
-        x: O
+        x: E
       });
     }
     return this;
   }
 };
-le = rt([
-  nt(0, N(ne))
-], le);
+ce = rt([
+  nt(0, W(he))
+], ce);
 class it {
   constructor() {
     g(this, "zIndex", 5);
   }
   create(e) {
-    return e.createInstance(le);
+    return e.createInstance(ce);
   }
 }
 Y.add(new it());
-class st extends B {
+class st extends K {
   constructor() {
     super(...arguments);
     g(this, "zIndex", 1);
@@ -206,29 +206,29 @@ class st extends B {
       top: i = 0,
       width: o,
       height: c,
-      angle: l,
+      angle: d,
       scaleX: f,
       scaleY: h,
       skewX: u,
-      skewY: d,
+      skewY: l,
       flipX: p,
       flipY: _,
-      title: E,
-      description: O,
+      title: O,
+      description: E,
       image: T = {}
     } = r, { imageProperties: P, placeholder: w, link: I } = T, S = (P == null ? void 0 : P.contentUrl) || "";
-    return new me(n, {
+    return new be(n, {
       url: S,
       top: i,
       left: s,
       width: o,
       height: c,
       zIndex: t,
-      angle: l,
+      angle: d,
       scaleX: f,
       scaleY: h,
       skewX: u,
-      skewY: d,
+      skewY: l,
       flipX: p,
       flipY: _,
       forceRender: !0
@@ -249,7 +249,7 @@ var ct = Object.defineProperty, ot = Object.getOwnPropertyDescriptor, lt = (a, e
     (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
   return n && t && ct(e, r, t), t;
 }, dt = (a, e) => (r, n) => e(r, n, a);
-let de = class extends B {
+let oe = class extends K {
   constructor(e) {
     super();
     g(this, "zIndex", 2);
@@ -268,49 +268,49 @@ let de = class extends B {
       top: i = 0,
       width: o,
       height: c,
-      angle: l,
+      angle: d,
       scaleX: f,
       scaleY: h,
       skewX: u,
-      skewY: d,
+      skewY: l,
       flipX: p,
       flipY: _,
-      title: E,
-      description: O,
+      title: O,
+      description: E,
       richText: T = {}
-    } = e, { text: P, ff: w, fs: I, it: S, bl: D, ul: v, st: b, ol: m, bg: y, bd: U, cl: A, rich: X } = T;
+    } = e, { text: P, ff: w, fs: I, it: S, bl: D, ul: v, st: b, ol: m, bg: y, bd: U, cl: N, rich: X } = T;
     let j = {
       top: i,
       left: s,
       width: o,
       height: c,
       zIndex: t,
-      angle: l,
+      angle: d,
       scaleX: f,
       scaleY: h,
       skewX: u,
-      skewY: d,
+      skewY: l,
       flipX: p,
       flipY: _,
       forceRender: !0
     }, L = !1;
-    if (P != null ? (j = { ...j, text: P, ff: w, fs: I, it: S, bl: D, ul: v, st: b, ol: m, bg: y, bd: U, cl: A }, L = !0) : X != null && (j = { ...j, richText: X }, L = !0), L !== !1)
+    if (P != null ? (j = { ...j, text: P, ff: w, fs: I, it: S, bl: D, ul: v, st: b, ol: m, bg: y, bd: U, cl: N }, L = !0) : X != null && (j = { ...j, richText: X }, L = !0), L !== !1)
       return new Ke(this._localeService, n, j);
   }
 };
-de = lt([
-  dt(0, N(ne))
-], de);
+oe = lt([
+  dt(0, W(he))
+], oe);
 class ht {
   constructor() {
     g(this, "zIndex", 0);
   }
   create(e) {
-    return e.createInstance(de);
+    return e.createInstance(oe);
   }
 }
 Y.add(new ht());
-class ut extends B {
+class ut extends K {
   constructor() {
     super(...arguments);
     g(this, "zIndex", 2);
@@ -328,21 +328,21 @@ class ut extends B {
       top: i = 0,
       width: o,
       height: c,
-      angle: l,
+      angle: d,
       scaleX: f,
       scaleY: h,
       skewX: u,
-      skewY: d,
+      skewY: l,
       flipX: p,
       flipY: _,
-      title: E,
-      description: O
+      title: O,
+      description: E
     } = r, { shapeType: T, text: P, shapeProperties: w, placeholder: I, link: S } = r.shape || {}, D = w == null ? "" : te(w.shapeBackgroundFill) || "rgba(255,255,255,1)", v = w == null ? void 0 : w.outline, b = {};
     if (v) {
       const { outlineFill: m, weight: y } = v;
       b.strokeWidth = y, b.stroke = te(m) || "rgba(0,0,0,1)";
     }
-    if (T === _e.Rect)
+    if (T === pe.Rect)
       return new H(n, {
         fill: D,
         top: i,
@@ -350,17 +350,17 @@ class ut extends B {
         width: o,
         height: c,
         zIndex: t,
-        angle: l,
+        angle: d,
         scaleX: f,
         scaleY: h,
         skewX: u,
-        skewY: d,
+        skewY: l,
         flipX: p,
         flipY: _,
         forceRender: !0,
         ...b
       });
-    if (T === _e.RoundRect) {
+    if (T === pe.RoundRect) {
       const m = (w == null ? void 0 : w.radius) || 0;
       return new H(n, {
         fill: D,
@@ -369,11 +369,11 @@ class ut extends B {
         width: o,
         height: c,
         zIndex: t,
-        angle: l,
+        angle: d,
         scaleX: f,
         scaleY: h,
         skewX: u,
-        skewY: d,
+        skewY: l,
         flipX: p,
         flipY: _,
         forceRender: !0,
@@ -397,7 +397,7 @@ var pt = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, ft = (a, e
     (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
   return n && t && pt(e, r, t), t;
 }, vt = (a, e) => (r, n) => e(r, n, a);
-let he = class extends B {
+let le = class extends K {
   constructor(e) {
     super();
     g(this, "zIndex", 6);
@@ -417,30 +417,30 @@ let he = class extends B {
       top: i = 0,
       width: o,
       height: c,
-      angle: l,
+      angle: d,
       scaleX: f,
       scaleY: h,
       skewX: u,
-      skewY: d,
+      skewY: l,
       flipX: p,
       flipY: _,
-      title: E,
-      description: O,
+      title: O,
+      description: E,
       slide: T
     } = e;
     if (T == null)
       return;
-    const P = new Me(T), w = new Te("__SLIDERender__" + n, {
+    const P = new xe(T), w = new Pe("__SLIDERender__" + n, {
       top: i,
       left: s,
       width: o,
       height: c,
       zIndex: t,
-      angle: l,
+      angle: d,
       scaleX: f,
       scaleY: h,
       skewX: u,
-      skewY: d,
+      skewY: l,
       flipX: p,
       flipY: _,
       forceRender: !0
@@ -457,8 +457,8 @@ let he = class extends B {
     return w.activeFirstPage(), w;
   }
   _createScene(e, r, n, t, s) {
-    var d;
-    const { width: i, height: o } = r, c = new ie(e, r, {
+    var l;
+    const { width: i, height: o } = r, c = new ne(e, r, {
       width: i,
       height: o
     });
@@ -470,7 +470,7 @@ let he = class extends B {
       isRelativeX: !0,
       isRelativeY: !0
     }).closeClip();
-    const { pageElements: f, pageBackgroundFill: h } = n, u = (d = this._ObjectProvider) == null ? void 0 : d.convertToRenderObjects(f, t);
+    const { pageElements: f, pageBackgroundFill: h } = n, u = (l = this._ObjectProvider) == null ? void 0 : l.convertToRenderObjects(f, t);
     return this._addBackgroundRect(c, h, s), c.addObjects(u), u == null || u.forEach((p) => {
       c.attachTransformerTo(p);
     }), c;
@@ -490,15 +490,15 @@ let he = class extends B {
     e.addObject(o, 0);
   }
 };
-he = ft([
-  vt(0, N(se))
-], he);
+le = ft([
+  vt(0, W(ie))
+], le);
 class wt {
   constructor() {
     g(this, "zIndex", 6);
   }
   create(e) {
-    return e.createInstance(he);
+    return e.createInstance(le);
   }
 }
 Y.add(new wt());
@@ -506,8 +506,8 @@ var St = Object.defineProperty, It = Object.getOwnPropertyDescriptor, bt = (a, e
   for (var t = n > 1 ? void 0 : n ? It(e, r) : e, s = a.length - 1, i; s >= 0; s--)
     (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
   return n && t && St(e, r, t), t;
-}, Se = (a, e) => (r, n) => e(r, n, a);
-let ue = class extends B {
+}, we = (a, e) => (r, n) => e(r, n, a);
+let de = class extends K {
   constructor(e, r) {
     super();
     g(this, "zIndex", 4);
@@ -527,55 +527,55 @@ let ue = class extends B {
       top: i = 0,
       width: o,
       height: c,
-      angle: l,
+      angle: d,
       scaleX: f,
       scaleY: h,
       skewX: u,
-      skewY: d,
+      skewY: l,
       flipX: p,
       flipY: _,
-      spreadsheet: E
+      spreadsheet: O
     } = e;
-    if (E == null)
+    if (O == null)
       return;
-    const { worksheet: O, styles: T } = E, { cellData: P } = O, w = new Ve(P), I = new Xe(T), S = new ke(
-      new Le(n, O, I),
+    const { worksheet: E, styles: T } = O, { cellData: P } = E, w = new Me(P), I = new Ce(T), S = new ke(
+      new Ve(n, E, I),
       // FIXME: worksheet in slide doesn't has a Worksheet object
-      O,
+      E,
       w,
       I,
       this._localeService,
       this._contextService
-    ), { rowTotalHeight: D, columnTotalWidth: v, rowHeaderWidth: b, columnHeaderHeight: m } = S, y = v + O.rowHeader.width || 0, U = D + O.columnHeader.height || 0, A = new Pe("spreadInSlideSceneViewer" + n, {
+    ), { rowTotalHeight: D, columnTotalWidth: v, rowHeaderWidth: b, columnHeaderHeight: m } = S, y = v + E.rowHeader.width || 0, U = D + E.columnHeader.height || 0, N = new Ie("spreadInSlideSceneViewer" + n, {
       top: i,
       left: s,
       width: o,
       height: c,
       zIndex: t,
-      angle: l,
+      angle: d,
       scaleX: f,
       scaleY: h,
       skewX: u,
-      skewY: d,
+      skewY: l,
       flipX: p,
       flipY: _,
       forceRender: !0
-    }), X = new ie("spreadInSlideScene" + n, A, {
+    }), X = new ne("spreadInSlideScene" + n, N, {
       width: y,
       height: U
     });
     this._updateViewport(n, b, m, X, r);
-    const j = new qe("testSheetViewer", S, !1), L = new Ge("spreadInSlideRow", S), K = new Ze("spreadInSlideColumn", S), k = new H("spreadInSlideLeftTop", {
+    const j = new Be("testSheetViewer", S, !1), L = new qe("spreadInSlideRow", S), k = new Ge("spreadInSlideColumn", S), B = new H("spreadInSlideLeftTop", {
       zIndex: 2,
       left: -1,
       top: -1,
       width: b,
       height: m,
-      fill: ve([248, 249, 250]),
-      stroke: ve([217, 217, 217]),
+      fill: fe([248, 249, 250]),
+      stroke: fe([217, 217, 217]),
       strokeWidth: 1
     });
-    return j.zIndex = 10, X.addObjects([j], 1), X.addObjects([L, K, k], 2), A;
+    return j.zIndex = 10, X.addObjects([j], 1), X.addObjects([L, k, B], 2), N;
   }
   // eslint-disable-next-line max-lines-per-function
   _updateViewport(e, r, n, t, s) {
@@ -589,7 +589,7 @@ let ue = class extends B {
       isRelativeX: !0,
       isRelativeY: !0,
       isWheelPreventDefaultX: !0
-    }), l = new $("spreadInSlideViewTop" + e, t, {
+    }), d = new $("spreadInSlideViewTop" + e, t, {
       left: i,
       height: o,
       top: 0,
@@ -611,37 +611,37 @@ let ue = class extends B {
       height: o,
       isWheelPreventDefaultX: !0
     }), c.onScrollAfter$.subscribeEvent((h) => {
-      const { scrollX: u, scrollY: d, viewportScrollX: p, viewportScrollY: _ } = h;
-      l.updateScroll({
+      const { scrollX: u, scrollY: l, viewportScrollX: p, viewportScrollY: _ } = h;
+      d.updateScroll({
         scrollX: u,
         viewportScrollX: p
       }), f.updateScroll({
-        scrollY: d,
+        scrollY: l,
         viewportScrollY: _
       });
-    }), t.attachControl(), new ge(c, {
+    }), t.attachControl(), new ue(c, {
       mainScene: s
     }), t.onMouseWheel$.subscribeEvent((h, u) => {
-      const d = h;
-      if (d.ctrlKey) {
-        const p = Math.abs(d.deltaX);
+      const l = h;
+      if (l.ctrlKey) {
+        const p = Math.abs(l.deltaX);
         let _ = p < 40 ? 0.05 : p < 80 ? 0.02 : 0.01;
-        _ *= d.deltaY > 0 ? -1 : 1, t.scaleX < 1 && (_ /= 2), t.scaleX + _ > 4 ? t.scale(4, 4) : t.scaleX + _ < 0.1 ? t.scale(0.1, 0.1) : (t.scaleBy(_, _), d.preventDefault());
+        _ *= l.deltaY > 0 ? -1 : 1, t.scaleX < 1 && (_ /= 2), t.scaleX + _ > 4 ? t.scale(4, 4) : t.scaleX + _ < 0.1 ? t.scale(0.1, 0.1) : (t.scaleBy(_, _), l.preventDefault());
       } else
-        c.onMouseWheel(d, u);
+        c.onMouseWheel(l, u);
     });
   }
 };
-ue = bt([
-  Se(0, N(ne)),
-  Se(1, Ce)
-], ue);
+de = bt([
+  we(0, W(he)),
+  we(1, je)
+], de);
 class Pt {
   constructor() {
     g(this, "zIndex", 4);
   }
   create(e) {
-    return e.createInstance(ue);
+    return e.createInstance(de);
   }
 }
 Y.add(new Pt());
@@ -672,33 +672,34 @@ let re = class {
     }
   }
   _adaptorLoader() {
-    Y.getData().sort(ze).forEach((a) => {
+    Y.getData().sort(Xe).forEach((a) => {
       this._adaptors.push(a.create(this._injector));
     });
   }
 };
 re = Rt([
-  Dt(0, N(se))
+  Dt(0, W(ie))
 ], re);
-var Et = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, yt = (a, e, r, n) => {
-  for (var t = n > 1 ? void 0 : n ? Ot(e, r) : e, s = a.length - 1, i; s >= 0; s--)
+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--)
     (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
-  return n && t && Et(e, r, t), t;
-}, ce = (a, e) => (r, n) => e(r, n, a), xt = /* @__PURE__ */ ((a) => (a.COMPONENT = "__slideRender__", a.SCENE = "__mainScene__", a.VIEW = "__mainView__", a))(xt || {});
-let ee = class extends Ae {
+  return n && t && Ot(e, r, t), t;
+}, ae = (a, e) => (r, n) => e(r, n, a), xt = /* @__PURE__ */ ((a) => (a.COMPONENT = "__slideRender__", a.SCENE = "__mainScene__", a.VIEW = "__mainView__", a))(xt || {});
+let ee = class extends $e {
   constructor(e, r, n) {
     super();
     g(this, "_objectProvider", null);
     g(this, "_activePageId", "");
-    g(this, "_refreshThumb", We(() => {
+    g(this, "activePageId$", new Qe());
+    g(this, "_refreshThumb", Ne(() => {
       this.createThumbs();
     }, 300));
     this._univerInstanceService = e, this._injector = r, this._renderManagerService = n, this._initializeDependencies(this._injector), this._initialize();
   }
   _initialize() {
-    this._renderManagerService.createRender$.pipe(we(this.dispose$)).subscribe((e) => {
+    this._renderManagerService.createRender$.pipe(ve(this.dispose$)).subscribe((e) => {
       this._create(e);
-    }), this._univerInstanceService.getCurrentTypeOfUnit$(V.UNIVER_SLIDE).pipe(we(this.dispose$)).subscribe((e) => {
+    }), this._univerInstanceService.getCurrentTypeOfUnit$(V.UNIVER_SLIDE).pipe(ve(this.dispose$)).subscribe((e) => {
       this._create(e == null ? void 0 : e.getUnitId());
     }), this._univerInstanceService.getAllUnitsForType(V.UNIVER_SLIDE).forEach((e) => {
       this._create(e.getUnitId());
@@ -719,7 +720,7 @@ let ee = class extends Ae {
     if (n == null || t == null || t.mainComponent == null)
       return;
     const { id: s } = n, i = t.mainComponent;
-    if (this._activePageId = e, i != null && i.hasPage(s)) {
+    if (this._activePageId = e, this.activePageId$.next(e), i != null && i.hasPage(s)) {
       i.changePage(s);
       return;
     }
@@ -768,26 +769,24 @@ let ee = class extends Ae {
       isRelativeY: !0,
       isWheelPreventDefaultX: !0
     });
-    t.attachControl(), t.onMouseWheel$.subscribeEvent((l, f) => {
-      const h = l;
+    t.attachControl(), t.onMouseWheel$.subscribeEvent((d, f) => {
+      const h = d;
       if (h.ctrlKey) {
         const u = Math.abs(h.deltaX);
-        let d = u < 40 ? 0.2 : u < 80 ? 0.4 : 0.2;
-        d *= h.deltaY > 0 ? -1 : 1, t.scaleX < 1 && (d /= 2), t.scaleX + d > 4 ? t.scale(4, 4) : t.scaleX + d < 0.1 ? t.scale(0.1, 0.1) : (h.deltaY > 0, h.preventDefault());
+        let l = u < 40 ? 0.2 : u < 80 ? 0.4 : 0.2;
+        l *= h.deltaY > 0 ? -1 : 1, t.scaleX < 1 && (l /= 2), t.scaleX + l > 4 ? t.scale(4, 4) : t.scaleX + l < 0.1 ? t.scale(0.1, 0.1) : (h.deltaY > 0, h.preventDefault());
       } else
         o.onMouseWheel(h, f);
     }), t.onFileLoaded$.subscribeEvent(() => {
       this._refreshThumb();
-    }), ge.attachTo(o), this._renderManagerService.setCurrent(e);
+    }), ue.attachTo(o), this._renderManagerService.setCurrent(e);
     const c = this._createSlide(t);
     n.mainComponent = c, n.components.set("__slideRender__", c), this._createSlidePages(r, c), s.runRenderLoop(() => {
       t.render();
-      const l = document.getElementById("app");
-      l && (l.innerText = `fps:${Math.round(s.getFps()).toString()}`);
     });
   }
   _createSlide(e) {
-    const r = this._univerInstanceService.getCurrentUnitForType(V.UNIVER_SLIDE), { width: n, height: t } = e, s = r.getPageSize(), { width: i = 100, height: o = 100 } = s, c = new Te("__slideRender__", {
+    const r = this._univerInstanceService.getCurrentUnitForType(V.UNIVER_SLIDE), { width: n, height: t } = e, s = r.getPageSize(), { width: i = 100, height: o = 100 } = s, c = new Pe("__slideRender__", {
       left: (n - i) / 2,
       top: (t - o) / 2,
       width: i,
@@ -825,8 +824,8 @@ let ee = class extends Ae {
     const { engine: t } = n;
     if (t == null)
       return;
-    const { width: s, height: i } = r, { width: o = s, height: c = i } = t, l = t.getCanvas().getContext();
-    r.renderToThumb(l, e, o / s, c / i);
+    const { width: s, height: i } = r, { width: o = s, height: c = i } = t, d = t.getCanvas().getContext();
+    r.renderToThumb(d, e, o / s, c / i);
   }
   _createSlidePages(e, r) {
     const n = e.getPages(), t = e.getPageOrder();
@@ -853,11 +852,11 @@ let ee = class extends Ae {
     const n = this._currentRender();
     if (!n || !this._objectProvider)
       return;
-    const { scene: t, mainComponent: s } = n, i = s, { width: o, height: c } = i, l = 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
     });
-    new $(`PageViewer_${e}`, l, {
+    new $(`PageViewer_${e}`, d, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -865,42 +864,42 @@ let ee = class extends Ae {
       isRelativeX: !0,
       isRelativeY: !0
     }).closeClip();
-    const { pageElements: h, pageBackgroundFill: u } = r, d = this._objectProvider.convertToRenderObjects(h, t);
-    if (!d || !i) return;
-    this._addBackgroundRect(l, u), l.addObjects(d), d.forEach((_) => {
-      l.attachTransformerTo(_);
+    const { pageElements: h, pageBackgroundFill: u } = r, l = this._objectProvider.convertToRenderObjects(h, t);
+    if (!l || !i) return;
+    this._addBackgroundRect(d, u), d.addObjects(l), l.forEach((_) => {
+      d.attachTransformerTo(_);
     });
-    const p = l.getTransformer();
+    const p = d.getTransformer();
     return p == null || p.changeEnd$.subscribe(() => {
       this._thumbSceneRender(this._activePageId, i);
     }), p == null || p.clearControl$.subscribe(() => {
       this._thumbSceneRender(this._activePageId, i);
-    }), i.addPage(l), l;
+    }), i.addPage(d), d;
   }
   _initializeDependencies(e) {
     this._objectProvider = e.createInstance(re);
   }
 };
 ee = yt([
-  $e(Ne.Ready, ee),
-  ce(0, be),
-  ce(1, N(se)),
-  ce(2, Je)
+  Le(ze.Ready, ee),
+  ae(0, Ae),
+  ae(1, W(ie)),
+  ae(2, Ze)
 ], ee);
 var jt = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, Ct = (a, e, r, n) => {
   for (var t = n > 1 ? void 0 : n ? Mt(e, r) : e, s = a.length - 1, i; s >= 0; s--)
     (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
   return n && t && jt(e, r, t), t;
-}, oe = (a, e) => (r, n) => e(r, n, a);
-const Vt = {}, Xt = "slides";
+}, Vt = (a, e) => (r, n) => e(r, n, a);
+const Xt = {}, Lt = "slides";
 var Q;
-let Ie = (Q = class extends Ye {
-  constructor(e = {}, r, n, t) {
+let Se = (Q = class extends We {
+  constructor(e = {}, r) {
     super();
     g(this, "_config");
     g(this, "_canvasEngine", null);
     g(this, "_canvasView", null);
-    this._univerInstanceService = r, this._localeService = n, this._injector = t, this._config = Object.assign(Vt, e), this._initializeDependencies(this._injector);
+    this._injector = r, this._config = Object.assign(Xt, e), this._initializeDependencies(this._injector);
   }
   initialize() {
     this.initCanvasEngine();
@@ -909,7 +908,7 @@ let Ie = (Q = class extends Ye {
     return this._config;
   }
   initCanvasEngine() {
-    this._canvasEngine = this._injector.get(Qe);
+    this._canvasEngine = this._injector.get(Je);
   }
   onRendered() {
     this.initialize();
@@ -925,14 +924,12 @@ let Ie = (Q = class extends Ye {
       e.add(n);
     });
   }
-}, g(Q, "pluginName", Xt), g(Q, "type", V.UNIVER_SLIDE), Q);
-Ie = Ct([
-  oe(1, be),
-  oe(2, N(ne)),
-  oe(3, N(se))
-], Ie);
+}, g(Q, "pluginName", Lt), g(Q, "type", V.UNIVER_SLIDE), Q);
+Se = Ct([
+  Vt(1, W(ie))
+], Se);
 export {
   ee as CanvasView,
   xt as SLIDE_KEY,
-  Ie as UniverSlidesPlugin
+  Se as UniverSlidesPlugin
 };

package/lib/types/index.d.ts

@@ -13,5 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export * from './slides-plugin';
+export { UniverSlidesPlugin } from './slides-plugin';
 export * from './views/render';

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

@@ -1,4 +1,4 @@
-import { IUniverInstanceService, LocaleService, 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';
@@ -6,15 +6,13 @@ import { CanvasView } from './views/render';
 export interface IUniverSlidesConfig {
 }
 export declare class UniverSlidesPlugin extends Plugin {
-    private readonly _univerInstanceService;
-    private readonly _localeService;
     readonly _injector: Injector;
     static pluginName: string;
     static type: UniverInstanceType;
     private _config;
     private _canvasEngine;
     private _canvasView;
-    constructor(config: Partial<IUniverSlidesConfig> | undefined, _univerInstanceService: IUniverInstanceService, _localeService: LocaleService, _injector: Injector);
+    constructor(config: Partial<IUniverSlidesConfig> | undefined, _injector: Injector);
     initialize(): void;
     getConfig(): IUniverSlidesConfig;
     initCanvasEngine(): void;

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

@@ -1,6 +1,7 @@
 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 {
     COMPONENT = "__slideRender__",
@@ -13,6 +14,7 @@ export declare class CanvasView extends RxDisposable {
     private readonly _renderManagerService;
     private _objectProvider;
     private _activePageId;
+    readonly activePageId$: Subject<string>;
     constructor(_univerInstanceService: IUniverInstanceService, _injector: Injector, _renderManagerService: IRenderManagerService);
     private _initialize;
     activePage(pageId?: string): void;

package/lib/umd/index.js

@@ -1 +1 @@
-(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,V,ce){"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 f=(S,l,h)=>Ge(S,typeof l!="symbol"?l+"":l,h);var K;class H{constructor(){f(this,"zIndex",0);f(this,"viewKey",null)}check(n){if(n===this.viewKey)return this}create(n){}}const A=l.Registry.create();var de=Object.defineProperty,ue=Object.getOwnPropertyDescriptor,pe=(a,n,e,r)=>{for(var t=r>1?void 0:r?ue(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&&de(n,e,t),t},ge=(a,n)=>(e,r)=>n(e,r,a);let ee=class extends H{constructor(n){super();f(this,"zIndex",5);f(this,"viewKey",l.PageElementType.DOCUMENT);f(this,"_liquid",new h.Liquid);this._localeService=n}check(n){if(n===this.viewKey)return this}convert(n,e){var q,he;const{id:r,zIndex:t,left:i=0,top:s=0,width:c,height:o,angle:d,scaleX:u,scaleY:w,skewX:p,skewY:_,flipX:g,flipY:v,title:j,description:x,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:u,scaleY:w,skewX:p,skewY:_,flipX:g,flipY:v}),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 L=N<40?.2:N<80?.4:.2;L*=O.deltaY>0?-1:1,I.scaleX<1&&(L/=2),I.scaleX+L>4?I.scale(4,4):I.scaleX+L<.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 M=(q=b.getSkeleton())==null?void 0:q.getPageSize();b.pageRender$.subscribe(X=>{const{page:Y,pageLeft:O,pageTop:N,ctx:L}=X,{width:G,height:Z,marginBottom:ae,marginLeft:z,marginRight:J,marginTop:Q}=Y;L.save(),L.translate(O-.5,N-.5),h.Rect.drawWith(L,{width:(M==null?void 0:M.width)||G,height:(M==null?void 0:M.height)||Z,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:"rgba(255,255,255, 1)",zIndex:3}),L.restore()});const{left:F,top:W}=b,R=T.getSkeletonData();if(R==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:L,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}),$.push(ke)}),this._liquid.translatePage(O,b.pageLayoutType,b.pageMarginLeft,b.pageMarginTop)}return I.addObjects($),$.forEach(X=>{I.attachTransformerTo(X)}),(he=I.getTransformer())==null||he.changing$.subscribe(X=>{const{objects:Y}=X;Y.forEach(O=>{const{oKey:N,left:L,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:L-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 u=t[o],{pageWidth:w,pageHeight:p}=u;n.pageLayoutType===h.PageLayoutType.VERTICAL?(s+=p,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,p))}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:u,height:w}=i;let p=0,_=0,g=0,v=0,j=Number.POSITIVE_INFINITY;if(u>(s+o*2)*t?(p=u/2-s*t/2,p/=t,g=(u-o*2)/t,j=0):(p=o,g=s+o*2,j=(g-u/t)/2),w>c?(_=w/2-c/2,v=(w-d*2)/t):(_=d,v=c+d*2),e.resize(g,v+200),n.translate(p,_),j!==Number.POSITIVE_INFINITY&&r!=null){const x=r.transScroll2ViewportScrollValue(j,0).x;r.scrollTo({x})}return this}};ee=pe([ge(0,V.Inject(l.LocaleService))],ee);class _e{constructor(){f(this,"zIndex",5)}create(n){return n.createInstance(ee)}}A.add(new _e);class ve extends H{constructor(){super(...arguments);f(this,"zIndex",1);f(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:u,scaleY:w,skewX:p,skewY:_,flipX:g,flipY:v,title:j,description:x,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:u,scaleY:w,skewX:p,skewY:_,flipX:g,flipY:v,forceRender:!0})}}class fe{constructor(){f(this,"zIndex",4)}create(n){return n.createInstance(ve)}}A.add(new fe);var we=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,Ie=(a,n,e,r)=>{for(var t=r>1?void 0:r?Se(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&&we(n,e,t),t},Pe=(a,n)=>(e,r)=>n(e,r,a);let te=class extends H{constructor(n){super();f(this,"zIndex",2);f(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:u,scaleY:w,skewX:p,skewY:_,flipX:g,flipY:v,title:j,description:x,richText:D={}}=n,{text:y,ff:P,fs:T,it:b,bl:C,ul:I,st:m,ol:E,bg:M,bd:F,cl:W,rich:R}=D;let U={top:s,left:i,width:c,height:o,zIndex:t,angle:d,scaleX:u,scaleY:w,skewX:p,skewY:_,flipX:g,flipY:v,forceRender:!0},$=!1;if(y!=null?(U={...U,text:y,ff:P,fs:T,it:b,bl:C,ul:I,st:m,ol:E,bg:M,bd:F,cl:W},$=!0):R!=null&&(U={...U,richText:R},$=!0),$!==!1)return new h.RichText(this._localeService,r,U)}};te=Ie([Pe(0,V.Inject(l.LocaleService))],te);class be{constructor(){f(this,"zIndex",0)}create(n){return n.createInstance(te)}}A.add(new be);class Te extends H{constructor(){super(...arguments);f(this,"zIndex",2);f(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:u,scaleY:w,skewX:p,skewY:_,flipX:g,flipY:v,title:j,description:x}=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:M}=I;m.strokeWidth=M,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:u,scaleY:w,skewX:p,skewY:_,flipX:g,flipY:v,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:u,scaleY:w,skewX:p,skewY:_,flipX:g,flipY:v,forceRender:!0,radius:E,...m})}}}class me{constructor(){f(this,"zIndex",2)}create(n){return n.createInstance(Te)}}A.add(new me);var ye=Object.defineProperty,Ee=Object.getOwnPropertyDescriptor,je=(a,n,e,r)=>{for(var t=r>1?void 0:r?Ee(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&&ye(n,e,t),t},De=(a,n)=>(e,r)=>n(e,r,a);let re=class extends H{constructor(n){super();f(this,"zIndex",6);f(this,"viewKey",l.PageElementType.SLIDE);f(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:u,scaleY:w,skewX:p,skewY:_,flipX:g,flipY:v,title:j,description:x,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:u,scaleY:w,skewX:p,skewY:_,flipX:g,flipY:v,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 _;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:u,pageBackgroundFill:w}=r,p=(_=this._ObjectProvider)==null?void 0:_.convertToRenderObjects(u,t);return this._addBackgroundRect(o,w,i),o.addObjects(p),p==null||p.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)}};re=je([De(0,V.Inject(V.Injector))],re);class Oe{constructor(){f(this,"zIndex",6)}create(n){return n.createInstance(re)}}A.add(new Oe);var Ce=Object.defineProperty,Ve=Object.getOwnPropertyDescriptor,xe=(a,n,e,r)=>{for(var t=r>1?void 0:r?Ve(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&&Ce(n,e,t),t},oe=(a,n)=>(e,r)=>n(e,r,a);let ne=class extends H{constructor(n,e){super();f(this,"zIndex",4);f(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:u,scaleY:w,skewX:p,skewY:_,flipX:g,flipY:v,spreadsheet:j}=n;if(j==null)return;const{worksheet:x,styles:D}=j,{cellData:y}=x,P=new l.ObjectMatrix(y),T=new l.Styles(D),b=new h.SpreadsheetSkeleton(new l.Worksheet(r,x,T),x,P,T,this._localeService,this._contextService),{rowTotalHeight:C,columnTotalWidth:I,rowHeaderWidth:m,columnHeaderHeight:E}=b,M=I+x.rowHeader.width||0,F=C+x.columnHeader.height||0,W=new h.SceneViewer("spreadInSlideSceneViewer"+r,{top:s,left:i,width:c,height:o,zIndex:t,angle:d,scaleX:u,scaleY:w,skewX:p,skewY:_,flipX:g,flipY:v,forceRender:!0}),R=new h.Scene("spreadInSlideScene"+r,W,{width:M,height:F});this._updateViewport(r,m,E,R,e);const U=new h.Spreadsheet("testSheetViewer",b,!1),$=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,R.addObjects([U],1),R.addObjects([$,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}),u=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:p,scrollY:_,viewportScrollX:g,viewportScrollY:v}=w;d.updateScroll({scrollX:p,viewportScrollX:g}),u.updateScroll({scrollY:_,viewportScrollY:v})}),t.attachControl(),new h.ScrollBar(o,{mainScene:i}),t.onMouseWheel$.subscribeEvent((w,p)=>{const _=w;if(_.ctrlKey){const g=Math.abs(_.deltaX);let v=g<40?.05:g<80?.02:.01;v*=_.deltaY>0?-1:1,t.scaleX<1&&(v/=2),t.scaleX+v>4?t.scale(4,4):t.scaleX+v<.1?t.scale(.1,.1):(t.scaleBy(v,v),_.preventDefault())}else o.onMouseWheel(_,p)})}};ne=xe([oe(0,V.Inject(l.LocaleService)),oe(1,l.IContextService)],ne);class Me{constructor(){f(this,"zIndex",4)}create(n){return n.createInstance(ne)}}A.add(new Me);var Le=Object.defineProperty,Ue=Object.getOwnPropertyDescriptor,Xe=(a,n,e,r)=>{for(var t=r>1?void 0:r?Ue(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&&Le(n,e,t),t},ze=(a,n)=>(e,r)=>n(e,r,a);let B=class{constructor(a){f(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=Xe([ze(0,V.Inject(V.Injector))],B);var Re=Object.defineProperty,$e=Object.getOwnPropertyDescriptor,Ne=(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&&Re(n,e,t),t},ie=(a,n)=>(e,r)=>n(e,r,a),le=(a=>(a.COMPONENT="__slideRender__",a.SCENE="__mainScene__",a.VIEW="__mainView__",a))(le||{});S.CanvasView=class extends l.RxDisposable{constructor(e,r,t){super();f(this,"_objectProvider",null);f(this,"_activePageId","");f(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(ce.takeUntil(this.dispose$)).subscribe(e=>{this._create(e)}),this._univerInstanceService.getCurrentTypeOfUnit$(l.UniverInstanceType.UNIVER_SLIDE).pipe(ce.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,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((u,w)=>{const p=u;if(p.ctrlKey){const _=Math.abs(p.deltaX);let g=_<40?.2:_<80?.4:.2;g*=p.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):(p.deltaY>0,p.preventDefault())}else o.onMouseWheel(p,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();const u=document.getElementById("app");u&&(u.innerText=`fps:${Math.round(s.getFps()).toString()}`)})}_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,u=i.getCanvas().getContext();r.renderToThumb(u,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,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:p,pageBackgroundFill:_}=r,g=this._objectProvider.convertToRenderObjects(p,i);if(!g||!c)return;this._addBackgroundRect(u,_),u.addObjects(g),g.forEach(j=>{u.attachTransformerTo(j)});const v=u.getTransformer();return v==null||v.changeEnd$.subscribe(()=>{this._thumbSceneRender(this._activePageId,c)}),v==null||v.clearControl$.subscribe(()=>{this._thumbSceneRender(this._activePageId,c)}),c.addPage(u),u}_initializeDependencies(e){this._objectProvider=e.createInstance(B)}},S.CanvasView=Ne([l.OnLifecycle(l.LifecycleStages.Ready,S.CanvasView),ie(0,l.IUniverInstanceService),ie(1,V.Inject(V.Injector)),ie(2,h.IRenderManagerService)],S.CanvasView);var Ae=Object.defineProperty,We=Object.getOwnPropertyDescriptor,Ye=(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&&Ae(n,e,t),t},se=(a,n)=>(e,r)=>n(e,r,a);const He={},Fe="slides";S.UniverSlidesPlugin=(K=class extends l.Plugin{constructor(e={},r,t,i){super();f(this,"_config");f(this,"_canvasEngine",null);f(this,"_canvasView",null);this._univerInstanceService=r,this._localeService=t,this._injector=i,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)})}},f(K,"pluginName",Fe),f(K,"type",l.UniverInstanceType.UNIVER_SLIDE),K),S.UniverSlidesPlugin=Ye([se(1,l.IUniverInstanceService),se(2,V.Inject(l.LocaleService)),se(3,V.Inject(V.Injector))],S.UniverSlidesPlugin),S.SLIDE_KEY=le,Object.defineProperty(S,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.1.17",
+  "version": "0.2.0",
   "private": false,
   "description": "",
   "author": "DreamNum <developer@univer.ai>",
@@ -47,20 +47,20 @@
     "lib"
   ],
   "peerDependencies": {
-    "@wendellhu/redi": "0.15.4",
+    "@wendellhu/redi": "0.15.5",
     "rxjs": ">=7.0.0",
-    "@univerjs/core": "0.1.17",
-    "@univerjs/engine-render": "0.1.17"
+    "@univerjs/core": "0.2.0",
+    "@univerjs/engine-render": "0.2.0"
   },
   "devDependencies": {
-    "@wendellhu/redi": "0.15.4",
+    "@wendellhu/redi": "0.15.5",
     "rxjs": "^7.8.1",
-    "typescript": "^5.4.5",
-    "vite": "^5.3.1",
+    "typescript": "^5.5.3",
+    "vite": "^5.3.3",
     "vitest": "^1.6.0",
-    "@univerjs/core": "0.1.17",
-    "@univerjs/shared": "0.1.17",
-    "@univerjs/engine-render": "0.1.17"
+    "@univerjs/core": "0.2.0",
+    "@univerjs/engine-render": "0.2.0",
+    "@univerjs/shared": "0.2.0"
   },
   "univerSpace": {
     ".": {