@univerjs/slides 0.5.4 → 0.5.5-experimental.20250123-34738ff

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";var de=Object.defineProperty;var he=(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)=>he(a,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@univerjs/core"),l=require("@univerjs/engine-render"),pe="slides.config",ne={};var ge=Object.defineProperty,ue=Object.getOwnPropertyDescriptor,fe=(a,e,r,i)=>{for(var t=i>1?void 0:i?ue(e,r):e,s=a.length-1,n;s>=0;s--)(n=a[s])&&(t=(i?n(e,r,t):n(t))||t);return i&&t&&ge(e,r,t),t},U=(a,e)=>(r,i)=>e(r,i,a);const _e="slides";var K;exports.UniverSlidesPlugin=(K=class extends c.Plugin{constructor(r=ne,i,t,s){super();g(this,"_canvasEngine",null);this._config=r,this._injector=i,this._renderManagerService=t,this._configService=s;const{...n}=c.merge({},ne,this._config);this._configService.setConfig(pe,n),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(l.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(r){[].forEach(t=>{r.add(t)})}},g(K,"pluginName",_e),g(K,"type",c.UniverInstanceType.UNIVER_SLIDE),K);exports.UniverSlidesPlugin=fe([U(1,c.Inject(c.Injector)),U(2,l.IRenderManagerService),U(3,c.IConfigService)],exports.UniverSlidesPlugin);class Y{constructor(){g(this,"zIndex",0);g(this,"viewKey",null)}check(e){if(e===this.viewKey)return this}create(e){}}const N=c.Registry.create();var we=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,Se=(a,e,r,i)=>{for(var t=i>1?void 0:i?ve(e,r):e,s=a.length-1,n;s>=0;s--)(n=a[s])&&(t=(i?n(e,r,t):n(t))||t);return i&&t&&we(e,r,t),t},Ie=(a,e)=>(r,i)=>e(r,i,a);let q=class extends Y{constructor(e){super();g(this,"zIndex",5);g(this,"viewKey",c.PageElementType.DOCUMENT);g(this,"_liquid",new l.Liquid);this._localeService=e}check(e){if(e===this.viewKey)return this}convert(e,r){var Q,ee;const{id:i,zIndex:t,left:s=0,top:n=0,width:o,height:d,angle:S,scaleX:I,scaleY:f,skewX:h,skewY:p,flipX:v,flipY:_,title:E,description:R,document:O}=e;if(O==null)return;const T=new c.DocumentDataModel(O),u=new l.DocumentViewModel(T),P=l.DocumentSkeleton.create(u,this._localeService),b=new l.Documents("__DocsRender__",P);P.calculate();const x=new l.SceneViewer("__DocsViewer__"+i,{top:n,left:s,width:o,height:d,zIndex:t,angle:S,scaleX:I,scaleY:f,skewX:h,skewY:p,flipX:v,flipY:_}),w=new l.Scene("__DocsScene__"+i,x),y=new l.Viewport("__DocsViewPort_"+i,w,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});w.attachControl(),w.onMouseWheel$.subscribeEvent((V,$)=>{const D=V;if(D.ctrlKey){const A=Math.abs(D.deltaX);let M=A<40?.2:A<80?.4:.2;M*=D.deltaY>0?-1:1,w.scaleX<1&&(M/=2),w.scaleX+M>4?w.scale(4,4):w.scaleX+M<.1?w.scale(.1,.1):(D.deltaY>0,D.preventDefault())}else y.onMouseWheel(D,$)}),new l.ScrollBar(y,{mainScene:r}),w.addObject(b);const j=P.getActualSize();b.resize(j.actualWidth,j.actualHeight),w.resize(j.actualWidth,j.actualHeight+200),(Q=b.getSkeleton())==null||Q.getPageSize(),b.pageRender$.subscribe(V=>{const{page:$,pageLeft:D,pageTop:A,ctx:M}=V;M.save(),M.translate(D-.5,A-.5),M.restore()});const{left:X,top:z}=b,W=P.getSkeletonData();if(W==null)return;const{pages:H}=W,m=[],C=new Map;this._recalculateSizeBySkeleton(b,w,P);for(let V=0,$=H.length;V<$;V++){const D=H[V],{skeDrawings:A,marginLeft:M,marginTop:te,pageWidth:re,pageHeight:ie}=D;this._liquid.translatePagePadding(D),A.forEach(L=>{const{aLeft:k,aTop:B,height:ce,width:oe,drawingOrigin:Fe}=L,le=new l.Image(L.drawingId,{left:k+X+this._liquid.x,top:B+z+this._liquid.y,width:oe,height:ce,zIndex:11});C.set(L.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),m.push(le)}),this._liquid.translatePage(D,b.pageLayoutType,b.pageMarginLeft,b.pageMarginTop)}return w.addObjects(m),m.forEach(V=>{w.attachTransformerTo(V)}),(ee=w.getTransformer())==null||ee.changing$.subscribe(V=>{const{objects:$}=V;$.forEach(D=>{const{oKey:A,left:M,top:te,height:re,width:ie}=D,L=C.get(A),k=(L==null?void 0:L.marginLeft)||0,B=(L==null?void 0:L.marginTop)||0;P==null||P.getViewModel().getDataModel().updateDrawing(A,{left:M-X-k,top:te-z-B,height:re,width:ie})}),P==null||P.calculate()}),this._calculatePagePosition(b,w,y),x}_recalculateSizeBySkeleton(e,r,i){var o;const t=(o=i.getSkeletonData())==null?void 0:o.pages;if(t==null)return;let s=0,n=0;for(let d=0,S=t.length;d<S;d++){const I=t[d],{pageWidth:f,pageHeight:h}=I;e.pageLayoutType===l.PageLayoutType.VERTICAL?(n+=h,n+=e.pageMarginTop,d===S-1&&(n+=e.pageMarginTop),s=Math.max(s,f)):e.pageLayoutType===l.PageLayoutType.HORIZONTAL&&(s+=f,d!==S-1&&(s+=e.pageMarginLeft),n=Math.max(n,h))}e.resize(s,n),r.resize(s,n)}_calculatePagePosition(e,r,i,t=1){const s=r==null?void 0:r.getParent(),{width:n,height:o,pageMarginLeft:d,pageMarginTop:S}=e;if(s==null||n===Number.POSITIVE_INFINITY||o===Number.POSITIVE_INFINITY)return;const{width:I,height:f}=s;let h=0,p=0,v=0,_=0,E=Number.POSITIVE_INFINITY;if(I>(n+d*2)*t?(h=I/2-n*t/2,h/=t,v=(I-d*2)/t,E=0):(h=d,v=n+d*2,E=(v-I/t)/2),f>o?(p=f/2-o/2,_=(f-S*2)/t):(p=S,_=o+S*2),r.resize(v,_+200),e.translate(h,p),E!==Number.POSITIVE_INFINITY&&i!=null){const R=i.transScroll2ViewportScrollValue(E,0).x;i.scrollToBarPos({x:R})}return this}};q=Se([Ie(0,c.Inject(c.LocaleService))],q);class Pe{constructor(){g(this,"zIndex",5)}create(e){return e.createInstance(q)}}N.add(new Pe);class be extends Y{constructor(){super(...arguments);g(this,"zIndex",1);g(this,"viewKey",c.PageElementType.IMAGE)}check(r){if(r===this.viewKey)return this}convert(r){const{id:i,zIndex:t,left:s=0,top:n=0,width:o,height:d,angle:S,scaleX:I,scaleY:f,skewX:h,skewY:p,flipX:v,flipY:_,title:E,description:R,image:O={}}=r,{imageProperties:T,placeholder:u,link:P}=O,b=(T==null?void 0:T.contentUrl)||"";return new l.Image(i,{url:b,top:n,left:s,width:o,height:d,zIndex:t,angle:S,scaleX:I,scaleY:f,skewX:h,skewY:p,flipX:v,flipY:_,forceRender:!0})}}class Te{constructor(){g(this,"zIndex",4)}create(e){return e.createInstance(be)}}N.add(new Te);var ye=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,xe=(a,e,r,i)=>{for(var t=i>1?void 0:i?Oe(e,r):e,s=a.length-1,n;s>=0;s--)(n=a[s])&&(t=(i?n(e,r,t):n(t))||t);return i&&t&&ye(e,r,t),t},je=(a,e)=>(r,i)=>e(r,i,a);let G=class extends Y{constructor(e){super();g(this,"zIndex",2);g(this,"viewKey",c.PageElementType.TEXT);this._localeService=e}check(e){if(e===this.viewKey)return this}convert(e,r){const{id:i,zIndex:t,left:s=0,top:n=0,width:o,height:d,angle:S,scaleX:I,scaleY:f,skewX:h,skewY:p,flipX:v,flipY:_,title:E,description:R,richText:O={}}=e,{text:T,ff:u,fs:P,it:b,bl:x,ul:w,st:y,ol:j,bg:X,bd:z,cl:W,rich:H}=O;let m={top:n,left:s,width:o,height:d,zIndex:t,angle:S,scaleX:I,scaleY:f,skewX:h,skewY:p,flipX:v,flipY:_,forceRender:!0},C=!1;if(T!=null?(m={...m,text:T,ff:u,fs:P,it:b,bl:x,ul:w,st:y,ol:j,bg:X,bd:z,cl:W},C=!0):H!=null&&(m={...m,richText:H},C=!0),C!==!1)return new l.RichText(this._localeService,i,m)}};G=xe([je(0,c.Inject(c.LocaleService))],G);class De{constructor(){g(this,"zIndex",0)}create(e){return e.createInstance(G)}}N.add(new De);class Ee extends Y{constructor(){super(...arguments);g(this,"zIndex",2);g(this,"viewKey",c.PageElementType.SHAPE)}check(r){if(r===this.viewKey)return this}convert(r){const{id:i,zIndex:t,left:s=0,top:n=0,width:o,height:d,angle:S,scaleX:I,scaleY:f,skewX:h,skewY:p,flipX:v,flipY:_,title:E,description:R}=r,{shapeType:O,text:T,shapeProperties:u,placeholder:P,link:b}=r.shape||{},x=u==null?"":c.getColorStyle(u.shapeBackgroundFill)||"rgba(255,255,255,1)",w=u==null?void 0:u.outline,y={};if(w){const{outlineFill:j,weight:X}=w;y.strokeWidth=X,y.stroke=c.getColorStyle(j)||"rgba(0,0,0,1)"}if(O===c.BasicShapes.Rect)return new l.Rect(i,{fill:x,top:n,left:s,width:o,height:d,zIndex:t,angle:S,scaleX:I,scaleY:f,skewX:h,skewY:p,flipX:v,flipY:_,forceRender:!0,...y});if(O===c.BasicShapes.RoundRect){const j=(u==null?void 0:u.radius)||0;return new l.Rect(i,{fill:x,top:n,left:s,width:o,height:d,zIndex:t,angle:S,scaleX:I,scaleY:f,skewX:h,skewY:p,flipX:v,flipY:_,forceRender:!0,radius:j,...y})}}}class me{constructor(){g(this,"zIndex",2)}create(e){return e.createInstance(Ee)}}N.add(new me);var Ve=Object.defineProperty,Me=Object.getOwnPropertyDescriptor,Re=(a,e,r,i)=>{for(var t=i>1?void 0:i?Me(e,r):e,s=a.length-1,n;s>=0;s--)(n=a[s])&&(t=(i?n(e,r,t):n(t))||t);return i&&t&&Ve(e,r,t),t},Le=(a,e)=>(r,i)=>e(r,i,a);exports.ObjectProvider=class{constructor(e){g(this,"_adaptors",[]);this._injector=e,this._adaptorLoader()}convertToRenderObjects(e,r){const i=Object.keys(e),t=[];return i.forEach(s=>{const n=e[s],o=this._executor(n,r);o!=null&&t.push(o)}),t}convertToRenderObject(e,r){return this._executor(e,r)}_executor(e,r){var s;const{id:i,type:t}=e;for(const n of this._adaptors){const o=(s=n.check(t))==null?void 0:s.convert(e,r);if(o!=null)return o}}_adaptorLoader(){N.getData().sort(c.sortRules).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};exports.ObjectProvider=Re([Le(0,c.Inject(c.Injector))],exports.ObjectProvider);var Xe=Object.defineProperty,Ae=Object.getOwnPropertyDescriptor,ze=(a,e,r,i)=>{for(var t=i>1?void 0:i?Ae(e,r):e,s=a.length-1,n;s>=0;s--)(n=a[s])&&(t=(i?n(e,r,t):n(t))||t);return i&&t&&Xe(e,r,t),t},Ce=(a,e)=>(r,i)=>e(r,i,a),ae=(a=>(a.MAIN="__SLIDERender__",a.SCENE_VIEWER="__SLIDEViewer__",a.SCENE="__SLIDEScene__",a.VIEWPORT="__SLIDEViewPort_",a))(ae||{});let Z=class extends Y{constructor(e){super();g(this,"zIndex",6);g(this,"viewKey",c.PageElementType.SLIDE);g(this,"_ObjectProvider",null);this._injector=e}check(e){if(e===this.viewKey)return this}convert(e,r){const{id:i,zIndex:t,left:s=0,top:n=0,width:o,height:d,angle:S,scaleX:I,scaleY:f,skewX:h,skewY:p,flipX:v,flipY:_,title:E,description:R,slide:O}=e;if(O==null)return;const T=new c.SlideDataModel(O),u=new l.Slide("__SLIDERender__"+i,{top:n,left:s,width:o,height:d,zIndex:t,angle:S,scaleX:I,scaleY:f,skewX:h,skewY:p,flipX:v,flipY:_,forceRender:!0});u.enableNav(),u.enableSelectedClipElement();const P=T.getPageOrder(),b=T.getPages();if(!P||!b)return u;this._ObjectProvider=new exports.ObjectProvider(this._injector);for(let x=0,w=P.length;x<w;x++){const y=b[P[x]],{id:j}=y;u.addPageScene(this._createScene(j,u,y,r,T))}return u.activeFirstPage(),u}_createScene(e,r,i,t,s){var p;const{width:n,height:o}=r,d=new l.Scene(e,r,{width:n,height:o});new l.Viewport(`PageViewer_${e}`,d,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements:I,pageBackgroundFill:f}=i,h=(p=this._ObjectProvider)==null?void 0:p.convertToRenderObjects(I,t);return this._addBackgroundRect(d,f,s),d.addObjects(h),h==null||h.forEach(v=>{d.attachTransformerTo(v)}),d}_addBackgroundRect(e,r,i){const t=i.getPageSize(),{width:s=0,height:n=0}=t,o=new l.Rect("canvas",{left:0,top:0,width:s,height:n,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:c.getColorStyle(r)||"rgba(255,255,255, 1)",zIndex:0,evented:!1});e.addObject(o,0)}};Z=ze([Ce(0,c.Inject(c.Injector))],Z);class Ne{constructor(){g(this,"zIndex",6)}create(e){return e.createInstance(Z)}}N.add(new Ne);var We=Object.defineProperty,He=Object.getOwnPropertyDescriptor,Ye=(a,e,r,i)=>{for(var t=i>1?void 0:i?He(e,r):e,s=a.length-1,n;s>=0;s--)(n=a[s])&&(t=(i?n(e,r,t):n(t))||t);return i&&t&&We(e,r,t),t},F=(a,e)=>(r,i)=>e(r,i,a);let J=class extends Y{constructor(e,r,i,t){super();g(this,"zIndex",4);g(this,"viewKey",c.PageElementType.SPREADSHEET);this._localeService=e,this._contextService=r,this._configService=i,this._injector=t}check(e){if(e===this.viewKey)return this}convert(e,r){const{id:i,zIndex:t,left:s=0,top:n=0,width:o,height:d,angle:S,scaleX:I,scaleY:f,skewX:h,skewY:p,flipX:v,flipY:_,spreadsheet:E}=e;if(E==null)return;const{worksheet:R,styles:O}=E,T=new c.Styles(O),u=new l.SpreadsheetSkeleton(new c.Worksheet(i,R,T),T,this._localeService,this._contextService,this._configService,this._injector),{rowTotalHeight:P,columnTotalWidth:b,rowHeaderWidth:x,columnHeaderHeight:w}=u,y=b+R.rowHeader.width||0,j=P+R.columnHeader.height||0,X=new l.SceneViewer("spreadInSlideSceneViewer"+i,{top:n,left:s,width:o,height:d,zIndex:t,angle:S,scaleX:I,scaleY:f,skewX:h,skewY:p,flipX:v,flipY:_,forceRender:!0}),z=new l.Scene("spreadInSlideScene"+i,X,{width:y,height:j});this._updateViewport(i,x,w,z,r);const W=new l.Spreadsheet("testSheetViewer",u,!1),H=new l.SpreadsheetRowHeader("spreadInSlideRow",u),m=new l.SpreadsheetColumnHeader("spreadInSlideColumn",u),C=new l.Rect("spreadInSlideLeftTop",{zIndex:2,left:-1,top:-1,width:x,height:w,fill:l.getColor([248,249,250]),stroke:l.getColor([217,217,217]),strokeWidth:1});return W.zIndex=10,z.addObjects([W],1),z.addObjects([H,m,C],2),X}_updateViewport(e,r,i,t,s){if(s==null)return;const n=r*t.scaleX,o=i*t.scaleY,d=new l.Viewport("spreadInSlideViewMain"+e,t,{left:n,top:o,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),S=new l.Viewport("spreadInSlideViewTop"+e,t,{left:n,height:o,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),I=new l.Viewport("spreadInSlideViewLeft"+e,t,{left:0,bottom:0,top:o,width:n,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new l.Viewport("spreadInSlideViewLeftTop"+e,t,{left:0,top:0,width:n,height:o,isWheelPreventDefaultX:!0}),d.onScrollAfter$.subscribeEvent(f=>{const{scrollX:h,scrollY:p,viewportScrollX:v,viewportScrollY:_}=f;S.updateScrollVal({scrollX:h,viewportScrollX:v}),I.updateScrollVal({scrollY:p,viewportScrollY:_})}),t.attachControl(),new l.ScrollBar(d,{mainScene:s}),t.onMouseWheel$.subscribeEvent((f,h)=>{const p=f;if(p.ctrlKey){const v=Math.abs(p.deltaX);let _=v<40?.05:v<80?.02:.01;_*=p.deltaY>0?-1:1,t.scaleX<1&&(_/=2),t.scaleX+_>4?t.scale(4,4):t.scaleX+_<.1?t.scale(.1,.1):(t.scaleBy(_,_),p.preventDefault())}else d.onMouseWheel(p,h)})}};J=Ye([F(0,c.Inject(c.LocaleService)),F(1,c.IContextService),F(2,c.IConfigService),F(3,c.Inject(c.Injector))],J);class $e{constructor(){g(this,"zIndex",4)}create(e){return e.createInstance(J)}}N.add(new $e);var se=(a=>(a.COMPONENT="__slideRender__",a.SCENE="__mainScene__",a.VIEW="__mainView__",a))(se||{});exports.CanvasObjectProviderRegistry=N;exports.ObjectAdaptor=Y;exports.SLIDE_KEY=se;exports.SLIDE_VIEW_KEY=ae;
+"use strict";var __defProp=Object.defineProperty;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});var __publicField=(obj,key,value)=>__defNormalProp(obj,typeof key!="symbol"?key+"":key,value);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const core=require("@univerjs/core"),engineRender=require("@univerjs/engine-render"),SLIDES_PLUGIN_CONFIG_KEY="slides.config",defaultPluginConfig={};var __defProp$5=Object.defineProperty,__getOwnPropDesc$5=Object.getOwnPropertyDescriptor,__decorateClass$5=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$5(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$5(target,key,result),result},"__decorateClass$5"),__decorateParam$5=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$5");const PLUGIN_NAME="slides";var _a;exports.UniverSlidesPlugin=(_a=class extends core.Plugin{constructor(_config=defaultPluginConfig,_injector,_renderManagerService,_configService){super();__publicField(this,"_canvasEngine",null);this._config=_config,this._injector=_injector,this._renderManagerService=_renderManagerService,this._configService=_configService;const{...rest}=core.merge({},defaultPluginConfig,this._config);this._configService.setConfig(SLIDES_PLUGIN_CONFIG_KEY,rest),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(engineRender.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(slideInjector){[].forEach(d=>{slideInjector.add(d)})}},__name(_a,"UniverSlidesPlugin"),__publicField(_a,"pluginName",PLUGIN_NAME),__publicField(_a,"type",core.UniverInstanceType.UNIVER_SLIDE),_a);exports.UniverSlidesPlugin=__decorateClass$5([__decorateParam$5(1,core.Inject(core.Injector)),__decorateParam$5(2,engineRender.IRenderManagerService),__decorateParam$5(3,core.IConfigService)],exports.UniverSlidesPlugin);const _ObjectAdaptor=class _ObjectAdaptor{constructor(){__publicField(this,"zIndex",0);__publicField(this,"viewKey",null)}check(type){if(type===this.viewKey)return this}create(injector){}};__name(_ObjectAdaptor,"ObjectAdaptor");let ObjectAdaptor=_ObjectAdaptor;const CanvasObjectProviderRegistry=core.Registry.create();var __defProp$4=Object.defineProperty,__getOwnPropDesc$4=Object.getOwnPropertyDescriptor,__decorateClass$4=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$4(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$4(target,key,result),result},"__decorateClass$4"),__decorateParam$4=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$4"),_a2;let DocsAdaptor=(_a2=class extends ObjectAdaptor{constructor(_localeService){super();__publicField(this,"zIndex",5);__publicField(this,"viewKey",core.PageElementType.DOCUMENT);__publicField(this,"_liquid",new engineRender.Liquid);this._localeService=_localeService}check(type){if(type===this.viewKey)return this}convert(pageElement,mainScene){var _a7,_b;const{id,zIndex,left=0,top=0,width,height,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,title,description,document:documentData}=pageElement;if(documentData==null)return;const docDataModel=new core.DocumentDataModel(documentData),docViewModel=new engineRender.DocumentViewModel(docDataModel),documentSkeleton=engineRender.DocumentSkeleton.create(docViewModel,this._localeService),documents=new engineRender.Documents("__DocsRender__",documentSkeleton);documentSkeleton.calculate();const sv=new engineRender.SceneViewer("__DocsViewer__"+id,{top,left,width,height,zIndex,angle,scaleX,scaleY,skewX,skewY,flipX,flipY}),scene=new engineRender.Scene("__DocsScene__"+id,sv),viewMain=new engineRender.Viewport("__DocsViewPort_"+id,scene,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});scene.attachControl(),scene.onMouseWheel$.subscribeEvent((evt,state)=>{const e=evt;if(e.ctrlKey){const deltaFactor=Math.abs(e.deltaX);let scrollNum=deltaFactor<40?.2:deltaFactor<80?.4:.2;scrollNum*=e.deltaY>0?-1:1,scene.scaleX<1&&(scrollNum/=2),scene.scaleX+scrollNum>4?scene.scale(4,4):scene.scaleX+scrollNum<.1?scene.scale(.1,.1):(e.deltaY>0,e.preventDefault())}else viewMain.onMouseWheel(e,state)}),new engineRender.ScrollBar(viewMain,{mainScene}),scene.addObject(documents);const size=documentSkeleton.getActualSize();documents.resize(size.actualWidth,size.actualHeight),scene.resize(size.actualWidth,size.actualHeight+200),(_a7=documents.getSkeleton())==null||_a7.getPageSize(),documents.pageRender$.subscribe(config=>{const{page,pageLeft,pageTop,ctx}=config;ctx.save(),ctx.translate(pageLeft-.5,pageTop-.5),ctx.restore()});const{left:docsLeft,top:docsTop}=documents,skeletonData=documentSkeleton.getSkeletonData();if(skeletonData==null)return;const{pages}=skeletonData,objectList=[],pageMarginCache=new Map;this._recalculateSizeBySkeleton(documents,scene,documentSkeleton);for(let i=0,len=pages.length;i<len;i++){const page=pages[i],{skeDrawings,marginLeft,marginTop,pageWidth,pageHeight}=page;this._liquid.translatePagePadding(page),skeDrawings.forEach(drawing=>{const{aLeft,aTop,height:height2,width:width2,drawingOrigin}=drawing,rect=new engineRender.Image(drawing.drawingId,{left:aLeft+docsLeft+this._liquid.x,top:aTop+docsTop+this._liquid.y,width:width2,height:height2,zIndex:11});pageMarginCache.set(drawing.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),objectList.push(rect)}),this._liquid.translatePage(page,documents.pageLayoutType,documents.pageMarginLeft,documents.pageMarginTop)}return scene.addObjects(objectList),objectList.forEach(object=>{scene.attachTransformerTo(object)}),(_b=scene.getTransformer())==null||_b.changing$.subscribe(state=>{const{objects}=state;objects.forEach(object=>{const{oKey,left:left2,top:top2,height:height2,width:width2}=object,cache=pageMarginCache.get(oKey),marginLeft=(cache==null?void 0:cache.marginLeft)||0,marginTop=(cache==null?void 0:cache.marginTop)||0;documentSkeleton==null||documentSkeleton.getViewModel().getDataModel().updateDrawing(oKey,{left:left2-docsLeft-marginLeft,top:top2-docsTop-marginTop,height:height2,width:width2})}),documentSkeleton==null||documentSkeleton.calculate()}),this._calculatePagePosition(documents,scene,viewMain),sv}_recalculateSizeBySkeleton(docsComponent,scene,skeleton){var _a7;const pages=(_a7=skeleton.getSkeletonData())==null?void 0:_a7.pages;if(pages==null)return;let width=0,height=0;for(let i=0,len=pages.length;i<len;i++){const page=pages[i],{pageWidth,pageHeight}=page;docsComponent.pageLayoutType===engineRender.PageLayoutType.VERTICAL?(height+=pageHeight,height+=docsComponent.pageMarginTop,i===len-1&&(height+=docsComponent.pageMarginTop),width=Math.max(width,pageWidth)):docsComponent.pageLayoutType===engineRender.PageLayoutType.HORIZONTAL&&(width+=pageWidth,i!==len-1&&(width+=docsComponent.pageMarginLeft),height=Math.max(height,pageHeight))}docsComponent.resize(width,height),scene.resize(width,height)}_calculatePagePosition(docsComponent,scene,viewport,zoomRatio=1){const parent=scene==null?void 0:scene.getParent(),{width:docsWidth,height:docsHeight,pageMarginLeft,pageMarginTop}=docsComponent;if(parent==null||docsWidth===Number.POSITIVE_INFINITY||docsHeight===Number.POSITIVE_INFINITY)return;const{width:engineWidth,height:engineHeight}=parent;let docsLeft=0,docsTop=0,sceneWidth=0,sceneHeight=0,scrollToX=Number.POSITIVE_INFINITY;if(engineWidth>(docsWidth+pageMarginLeft*2)*zoomRatio?(docsLeft=engineWidth/2-docsWidth*zoomRatio/2,docsLeft/=zoomRatio,sceneWidth=(engineWidth-pageMarginLeft*2)/zoomRatio,scrollToX=0):(docsLeft=pageMarginLeft,sceneWidth=docsWidth+pageMarginLeft*2,scrollToX=(sceneWidth-engineWidth/zoomRatio)/2),engineHeight>docsHeight?(docsTop=engineHeight/2-docsHeight/2,sceneHeight=(engineHeight-pageMarginTop*2)/zoomRatio):(docsTop=pageMarginTop,sceneHeight=docsHeight+pageMarginTop*2),scene.resize(sceneWidth,sceneHeight+200),docsComponent.translate(docsLeft,docsTop),scrollToX!==Number.POSITIVE_INFINITY&&viewport!=null){const actualX=viewport.transScroll2ViewportScrollValue(scrollToX,0).x;viewport.scrollToBarPos({x:actualX})}return this}},__name(_a2,"DocsAdaptor"),_a2);DocsAdaptor=__decorateClass$4([__decorateParam$4(0,core.Inject(core.LocaleService))],DocsAdaptor);const _DocsAdaptorFactory=class _DocsAdaptorFactory{constructor(){__publicField(this,"zIndex",5)}create(injector){return injector.createInstance(DocsAdaptor)}};__name(_DocsAdaptorFactory,"DocsAdaptorFactory");let DocsAdaptorFactory=_DocsAdaptorFactory;CanvasObjectProviderRegistry.add(new DocsAdaptorFactory);const _ImageAdaptor=class _ImageAdaptor extends ObjectAdaptor{constructor(){super(...arguments);__publicField(this,"zIndex",1);__publicField(this,"viewKey",core.PageElementType.IMAGE)}check(type){if(type===this.viewKey)return this}convert(pageElement){const{id,zIndex,left=0,top=0,width,height,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,title,description,image={}}=pageElement,{imageProperties,placeholder,link}=image,contentUrl=(imageProperties==null?void 0:imageProperties.contentUrl)||"";return new engineRender.Image(id,{url:contentUrl,top,left,width,height,zIndex,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,forceRender:!0})}};__name(_ImageAdaptor,"ImageAdaptor");let ImageAdaptor=_ImageAdaptor;const _ImageAdaptorFactory=class _ImageAdaptorFactory{constructor(){__publicField(this,"zIndex",4)}create(injector){return injector.createInstance(ImageAdaptor)}};__name(_ImageAdaptorFactory,"ImageAdaptorFactory");let ImageAdaptorFactory=_ImageAdaptorFactory;CanvasObjectProviderRegistry.add(new ImageAdaptorFactory);var __defProp$3=Object.defineProperty,__getOwnPropDesc$3=Object.getOwnPropertyDescriptor,__decorateClass$3=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$3(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$3(target,key,result),result},"__decorateClass$3"),__decorateParam$3=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$3"),_a3;let RichTextAdaptor=(_a3=class extends ObjectAdaptor{constructor(_localeService){super();__publicField(this,"zIndex",2);__publicField(this,"viewKey",core.PageElementType.TEXT);this._localeService=_localeService}check(type){if(type===this.viewKey)return this}convert(pageElement,_mainScene){const{id,zIndex,left=0,top=0,width,height,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,title,description,richText={}}=pageElement,{text,ff,fs,it,bl,ul,st,ol,bg,bd,cl,rich}=richText;let config={top,left,width,height,zIndex,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,forceRender:!0},isNotNull=!1;if(text!=null?(config={...config,text,ff,fs,it,bl,ul,st,ol,bg,bd,cl},isNotNull=!0):rich!=null&&(config={...config,richText:rich},isNotNull=!0),isNotNull!==!1)return new engineRender.RichText(this._localeService,id,config)}},__name(_a3,"RichTextAdaptor"),_a3);RichTextAdaptor=__decorateClass$3([__decorateParam$3(0,core.Inject(core.LocaleService))],RichTextAdaptor);const _RichTextAdaptorFactory=class _RichTextAdaptorFactory{constructor(){__publicField(this,"zIndex",0)}create(injector){return injector.createInstance(RichTextAdaptor)}};__name(_RichTextAdaptorFactory,"RichTextAdaptorFactory");let RichTextAdaptorFactory=_RichTextAdaptorFactory;CanvasObjectProviderRegistry.add(new RichTextAdaptorFactory);const _ShapeAdaptor=class _ShapeAdaptor extends ObjectAdaptor{constructor(){super(...arguments);__publicField(this,"zIndex",2);__publicField(this,"viewKey",core.PageElementType.SHAPE)}check(type){if(type===this.viewKey)return this}convert(pageElement){const{id,zIndex,left=0,top=0,width,height,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,title,description}=pageElement,{shapeType,text,shapeProperties,placeholder,link}=pageElement.shape||{},fill=shapeProperties==null?"":core.getColorStyle(shapeProperties.shapeBackgroundFill)||"rgba(255,255,255,1)",outline=shapeProperties==null?void 0:shapeProperties.outline,strokeStyle={};if(outline){const{outlineFill,weight}=outline;strokeStyle.strokeWidth=weight,strokeStyle.stroke=core.getColorStyle(outlineFill)||"rgba(0,0,0,1)"}if(shapeType===core.BasicShapes.Rect)return new engineRender.Rect(id,{fill,top,left,width,height,zIndex,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,forceRender:!0,...strokeStyle});if(shapeType===core.BasicShapes.RoundRect){const radius=(shapeProperties==null?void 0:shapeProperties.radius)||0;return new engineRender.Rect(id,{fill,top,left,width,height,zIndex,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,forceRender:!0,radius,...strokeStyle})}}};__name(_ShapeAdaptor,"ShapeAdaptor");let ShapeAdaptor=_ShapeAdaptor;const _ShapeAdaptorFactory=class _ShapeAdaptorFactory{constructor(){__publicField(this,"zIndex",2)}create(injector){return injector.createInstance(ShapeAdaptor)}};__name(_ShapeAdaptorFactory,"ShapeAdaptorFactory");let ShapeAdaptorFactory=_ShapeAdaptorFactory;CanvasObjectProviderRegistry.add(new ShapeAdaptorFactory);var __defProp$2=Object.defineProperty,__getOwnPropDesc$2=Object.getOwnPropertyDescriptor,__decorateClass$2=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$2(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$2(target,key,result),result},"__decorateClass$2"),__decorateParam$2=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$2"),_a4;exports.ObjectProvider=(_a4=class{constructor(_injector){__publicField(this,"_adaptors",[]);this._injector=_injector,this._adaptorLoader()}convertToRenderObjects(pageElements,mainScene){const pageKeys=Object.keys(pageElements),objects=[];return pageKeys.forEach(key=>{const pageElement=pageElements[key],o=this._executor(pageElement,mainScene);o!=null&&objects.push(o)}),objects}convertToRenderObject(pageElement,mainScene){return this._executor(pageElement,mainScene)}_executor(pageElement,mainScene){var _a7;const{id:pageElementId,type}=pageElement;for(const adaptor of this._adaptors){const o=(_a7=adaptor.check(type))==null?void 0:_a7.convert(pageElement,mainScene);if(o!=null)return o}}_adaptorLoader(){CanvasObjectProviderRegistry.getData().sort(core.sortRules).forEach(adaptorFactory=>{this._adaptors.push(adaptorFactory.create(this._injector))})}},__name(_a4,"ObjectProvider"),_a4);exports.ObjectProvider=__decorateClass$2([__decorateParam$2(0,core.Inject(core.Injector))],exports.ObjectProvider);var __defProp$1=Object.defineProperty,__getOwnPropDesc$1=Object.getOwnPropertyDescriptor,__decorateClass$1=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$1(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$1(target,key,result),result},"__decorateClass$1"),__decorateParam$1=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$1"),SLIDE_VIEW_KEY=(SLIDE_VIEW_KEY2=>(SLIDE_VIEW_KEY2.MAIN="__SLIDERender__",SLIDE_VIEW_KEY2.SCENE_VIEWER="__SLIDEViewer__",SLIDE_VIEW_KEY2.SCENE="__SLIDEScene__",SLIDE_VIEW_KEY2.VIEWPORT="__SLIDEViewPort_",SLIDE_VIEW_KEY2))(SLIDE_VIEW_KEY||{}),_a5;let SlideAdaptor=(_a5=class extends ObjectAdaptor{constructor(_injector){super();__publicField(this,"zIndex",6);__publicField(this,"viewKey",core.PageElementType.SLIDE);__publicField(this,"_ObjectProvider",null);this._injector=_injector}check(type){if(type===this.viewKey)return this}convert(pageElement,mainScene){const{id,zIndex,left=0,top=0,width,height,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,title,description,slide:slideData}=pageElement;if(slideData==null)return;const model=new core.SlideDataModel(slideData),slideComponent=new engineRender.Slide("__SLIDERender__"+id,{top,left,width,height,zIndex,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,forceRender:!0});slideComponent.enableNav(),slideComponent.enableSelectedClipElement();const pageOrder=model.getPageOrder(),pages=model.getPages();if(!pageOrder||!pages)return slideComponent;this._ObjectProvider=new exports.ObjectProvider(this._injector);for(let i=0,len=pageOrder.length;i<len;i++){const page=pages[pageOrder[i]],{id:id2}=page;slideComponent.addPageScene(this._createScene(id2,slideComponent,page,mainScene,model))}return slideComponent.activeFirstPage(),slideComponent}_createScene(pageId,parent,page,mainScene,model){var _a7;const{width,height}=parent,scene=new engineRender.Scene(pageId,parent,{width,height});new engineRender.Viewport(`PageViewer_${pageId}`,scene,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements,pageBackgroundFill}=page,objects=(_a7=this._ObjectProvider)==null?void 0:_a7.convertToRenderObjects(pageElements,mainScene);return this._addBackgroundRect(scene,pageBackgroundFill,model),scene.addObjects(objects),objects==null||objects.forEach(object=>{scene.attachTransformerTo(object)}),scene}_addBackgroundRect(scene,fill,model){const pageSize=model.getPageSize(),{width:pageWidth=0,height:pageHeight=0}=pageSize,page=new engineRender.Rect("canvas",{left:0,top:0,width:pageWidth,height:pageHeight,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:core.getColorStyle(fill)||"rgba(255,255,255, 1)",zIndex:0,evented:!1});scene.addObject(page,0)}},__name(_a5,"SlideAdaptor"),_a5);SlideAdaptor=__decorateClass$1([__decorateParam$1(0,core.Inject(core.Injector))],SlideAdaptor);const _SlideAdaptorFactory=class _SlideAdaptorFactory{constructor(){__publicField(this,"zIndex",6)}create(injector){return injector.createInstance(SlideAdaptor)}};__name(_SlideAdaptorFactory,"SlideAdaptorFactory");let SlideAdaptorFactory=_SlideAdaptorFactory;CanvasObjectProviderRegistry.add(new SlideAdaptorFactory);var __defProp2=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__decorateClass=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp2(target,key,result),result},"__decorateClass"),__decorateParam=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam"),_a6;let SpreadsheetAdaptor=(_a6=class extends ObjectAdaptor{constructor(_localeService,_contextService,_configService,_injector){super();__publicField(this,"zIndex",4);__publicField(this,"viewKey",core.PageElementType.SPREADSHEET);this._localeService=_localeService,this._contextService=_contextService,this._configService=_configService,this._injector=_injector}check(type){if(type===this.viewKey)return this}convert(pageElement,mainScene){const{id,zIndex,left=0,top=0,width,height,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,spreadsheet:spreadsheetModel}=pageElement;if(spreadsheetModel==null)return;const{worksheet,styles}=spreadsheetModel,styleModel=new core.Styles(styles),spreadsheetSkeleton=new engineRender.SpreadsheetSkeleton(new core.Worksheet(id,worksheet,styleModel),styleModel,this._localeService,this._contextService,this._configService,this._injector),{rowTotalHeight,columnTotalWidth,rowHeaderWidth,columnHeaderHeight}=spreadsheetSkeleton,allWidth=columnTotalWidth+worksheet.rowHeader.width||0,allHeight=rowTotalHeight+worksheet.columnHeader.height||0,sv=new engineRender.SceneViewer("spreadInSlideSceneViewer"+id,{top,left,width,height,zIndex,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,forceRender:!0}),scene=new engineRender.Scene("spreadInSlideScene"+id,sv,{width:allWidth,height:allHeight});this._updateViewport(id,rowHeaderWidth,columnHeaderHeight,scene,mainScene);const spreadsheet=new engineRender.Spreadsheet("testSheetViewer",spreadsheetSkeleton,!1),spreadsheetRowHeader=new engineRender.SpreadsheetRowHeader("spreadInSlideRow",spreadsheetSkeleton),spreadsheetColumnHeader=new engineRender.SpreadsheetColumnHeader("spreadInSlideColumn",spreadsheetSkeleton),SpreadsheetLeftTopPlaceholder=new engineRender.Rect("spreadInSlideLeftTop",{zIndex:2,left:-1,top:-1,width:rowHeaderWidth,height:columnHeaderHeight,fill:engineRender.getColor([248,249,250]),stroke:engineRender.getColor([217,217,217]),strokeWidth:1});return spreadsheet.zIndex=10,scene.addObjects([spreadsheet],1),scene.addObjects([spreadsheetRowHeader,spreadsheetColumnHeader,SpreadsheetLeftTopPlaceholder],2),sv}_updateViewport(id,rowHeaderWidth,columnHeaderHeight,scene,mainScene){if(mainScene==null)return;const rowHeaderWidthScale=rowHeaderWidth*scene.scaleX,columnHeaderHeightScale=columnHeaderHeight*scene.scaleY,viewMain=new engineRender.Viewport("spreadInSlideViewMain"+id,scene,{left:rowHeaderWidthScale,top:columnHeaderHeightScale,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),viewTop=new engineRender.Viewport("spreadInSlideViewTop"+id,scene,{left:rowHeaderWidthScale,height:columnHeaderHeightScale,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),viewLeft=new engineRender.Viewport("spreadInSlideViewLeft"+id,scene,{left:0,bottom:0,top:columnHeaderHeightScale,width:rowHeaderWidthScale,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new engineRender.Viewport("spreadInSlideViewLeftTop"+id,scene,{left:0,top:0,width:rowHeaderWidthScale,height:columnHeaderHeightScale,isWheelPreventDefaultX:!0}),viewMain.onScrollAfter$.subscribeEvent(param=>{const{scrollX,scrollY,viewportScrollX,viewportScrollY}=param;viewTop.updateScrollVal({scrollX,viewportScrollX}),viewLeft.updateScrollVal({scrollY,viewportScrollY})}),scene.attachControl(),new engineRender.ScrollBar(viewMain,{mainScene}),scene.onMouseWheel$.subscribeEvent((evt,state)=>{const e=evt;if(e.ctrlKey){const deltaFactor=Math.abs(e.deltaX);let scrollNum=deltaFactor<40?.05:deltaFactor<80?.02:.01;scrollNum*=e.deltaY>0?-1:1,scene.scaleX<1&&(scrollNum/=2),scene.scaleX+scrollNum>4?scene.scale(4,4):scene.scaleX+scrollNum<.1?scene.scale(.1,.1):(scene.scaleBy(scrollNum,scrollNum),e.preventDefault())}else viewMain.onMouseWheel(e,state)})}},__name(_a6,"SpreadsheetAdaptor"),_a6);SpreadsheetAdaptor=__decorateClass([__decorateParam(0,core.Inject(core.LocaleService)),__decorateParam(1,core.IContextService),__decorateParam(2,core.IConfigService),__decorateParam(3,core.Inject(core.Injector))],SpreadsheetAdaptor);const _SpreadsheetAdaptorFactory=class _SpreadsheetAdaptorFactory{constructor(){__publicField(this,"zIndex",4)}create(injector){return injector.createInstance(SpreadsheetAdaptor)}};__name(_SpreadsheetAdaptorFactory,"SpreadsheetAdaptorFactory");let SpreadsheetAdaptorFactory=_SpreadsheetAdaptorFactory;CanvasObjectProviderRegistry.add(new SpreadsheetAdaptorFactory);var SLIDE_KEY=(SLIDE_KEY2=>(SLIDE_KEY2.COMPONENT="__slideRender__",SLIDE_KEY2.SCENE="__mainScene__",SLIDE_KEY2.VIEW="__mainView__",SLIDE_KEY2))(SLIDE_KEY||{});exports.CanvasObjectProviderRegistry=CanvasObjectProviderRegistry;exports.ObjectAdaptor=ObjectAdaptor;exports.SLIDE_KEY=SLIDE_KEY;exports.SLIDE_VIEW_KEY=SLIDE_VIEW_KEY;