@univerjs/slides 0.20.1 → 0.21.0

package/lib/cjs/index.js

@@ -1 +1,1184 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@univerjs/core`),t=require(`@univerjs/engine-render`);var n=`@univerjs/slides`,r=`0.20.1`;const i=`slides.config`;Symbol(i);const a={};function o(e){"@babel/helpers - typeof";return o=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},o(e)}function s(e,t){if(o(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(o(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function c(e){var t=s(e,`string`);return o(t)==`symbol`?t:t+``}function l(e,t,n){return(t=c(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t){return function(n,r){t(n,r,e)}}function d(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let f=class extends e.Plugin{constructor(t=a,n,r,o){super(),this._config=t,this._injector=n,this._renderManagerService=r,this._configService=o,l(this,`_canvasEngine`,null);let{...s}=(0,e.merge)({},a,this._config);this._configService.setConfig(i,s),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(t.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(e){[].forEach(t=>{e.add(t)})}};l(f,`pluginName`,`UNIVER_SLIDES_PLUGIN`),l(f,`packageName`,n),l(f,`version`,r),l(f,`type`,e.UniverInstanceType.UNIVER_SLIDE),f=d([u(1,(0,e.Inject)(e.Injector)),u(2,t.IRenderManagerService),u(3,e.IConfigService)],f);var p=class{constructor(){l(this,`zIndex`,0),l(this,`viewKey`,null)}check(e){if(e===this.viewKey)return this}create(e){}};const m=e.Registry.create();let h=function(e){return e.MAIN=`__DocsRender__`,e.SCENE_VIEWER=`__DocsViewer__`,e.SCENE=`__DocsScene__`,e.VIEWPORT=`__DocsViewPort_`,e}({}),g=class extends p{constructor(n){super(),this._localeService=n,l(this,`zIndex`,5),l(this,`viewKey`,e.PageElementType.DOCUMENT),l(this,`_liquid`,new t.Liquid)}check(e){if(e===this.viewKey)return this}convert(n,r){var i,a;let{id:o,zIndex:s,left:c=0,top:l=0,width:u,height:d,angle:f,scaleX:p,scaleY:m,skewX:g,skewY:_,flipX:v,flipY:y,title:b,description:x,document:S}=n;if(S==null)return;let C=new t.DocumentViewModel(new e.DocumentDataModel(S)),w=t.DocumentSkeleton.create(C,this._localeService),T=new t.Documents(h.MAIN,w);w.calculate();let E=new t.SceneViewer(h.SCENE_VIEWER+o,{top:l,left:c,width:u,height:d,zIndex:s,angle:f,scaleX:p,scaleY:m,skewX:g,skewY:_,flipX:v,flipY:y}),D=new t.Scene(h.SCENE+o,E),O=new t.Viewport(h.VIEWPORT+o,D,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});D.attachControl(),D.onMouseWheel$.subscribeEvent((e,t)=>{let n=e;if(n.ctrlKey){let e=Math.abs(n.deltaX),t=e<40?.2:e<80?.4:.2;t*=n.deltaY>0?-1:1,D.scaleX<1&&(t/=2),D.scaleX+t>4?D.scale(4,4):D.scaleX+t<.1?D.scale(.1,.1):(n.deltaY,n.preventDefault())}else O.onMouseWheel(n,t)}),new t.ScrollBar(O,{mainScene:r}),D.addObject(T);let k=w.getActualSize();T.resize(k.actualWidth,k.actualHeight),D.resize(k.actualWidth,k.actualHeight+200),(i=T.getSkeleton())==null||i.getPageSize(),T.pageRender$.subscribe(e=>{let{page:t,pageLeft:n,pageTop:r,ctx:i}=e,{width:a,height:o,marginBottom:s,marginLeft:c,marginRight:l,marginTop:u}=t;i.save(),i.translate(n-.5,r-.5),i.restore()});let{left:A,top:j}=T,M=w.getSkeletonData();if(M==null)return;let{pages:N}=M,P=[],F=new Map;this._recalculateSizeBySkeleton(T,D,w);for(let e=0,n=N.length;e<n;e++){let n=N[e],{skeDrawings:r,marginLeft:i,marginTop:a,pageWidth:o,pageHeight:s}=n;this._liquid.translatePagePadding(n),r.forEach(e=>{let{aLeft:n,aTop:r,height:i,width:a,drawingOrigin:o}=e,{docTransform:s}=o,c=new t.Image(e.drawingId,{left:n+A+this._liquid.x,top:r+j+this._liquid.y,width:a,height:i,zIndex:11});F.set(e.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),P.push(c)}),this._liquid.translatePage(n,T.pageLayoutType,T.pageMarginLeft,T.pageMarginTop)}return D.addObjects(P),P.forEach(e=>{D.attachTransformerTo(e)}),(a=D.getTransformer())==null||a.changing$.subscribe(e=>{let{objects:t}=e;t.forEach(e=>{let{oKey:t,left:n,top:r,height:i,width:a}=e,o=F.get(t),s=(o==null?void 0:o.marginLeft)||0,c=(o==null?void 0:o.marginTop)||0;w==null||w.getViewModel().getDataModel().updateDrawing(t,{left:n-A-s,top:r-j-c,height:i,width:a})}),w==null||w.calculate()}),this._calculatePagePosition(T,D,O),E}_recalculateSizeBySkeleton(e,n,r){var i;let a=(i=r.getSkeletonData())==null?void 0:i.pages;if(a==null)return;let o=0,s=0;for(let n=0,r=a.length;n<r;n++){let{pageWidth:i,pageHeight:c}=a[n];e.pageLayoutType===t.PageLayoutType.VERTICAL?(s+=c,s+=e.pageMarginTop,n===r-1&&(s+=e.pageMarginTop),o=Math.max(o,i)):e.pageLayoutType===t.PageLayoutType.HORIZONTAL&&(o+=i,n!==r-1&&(o+=e.pageMarginLeft),s=Math.max(s,c))}e.resize(o,s),n.resize(o,s)}_calculatePagePosition(e,t,n,r=1){let i=t==null?void 0:t.getParent(),{width:a,height:o,pageMarginLeft:s,pageMarginTop:c}=e;if(i==null||a===1/0||o===1/0)return;let{width:l,height:u}=i,d=0,f=0,p=0,m=0,h=1/0;if(l>(a+s*2)*r?(d=l/2-a*r/2,d/=r,p=(l-s*2)/r,h=0):(d=s,p=a+s*2,h=(p-l/r)/2),u>o?(f=u/2-o/2,m=(u-c*2)/r):(f=c,m=o+c*2),t.resize(p,m+200),e.translate(d,f),h!==1/0&&n!=null){let e=n.transScroll2ViewportScrollValue(h,0).x;n.scrollToBarPos({x:e})}return this}};g=d([u(0,(0,e.Inject)(e.LocaleService))],g);var _=class{constructor(){l(this,`zIndex`,5)}create(e){return e.createInstance(g)}};m.add(new _);var v=class extends p{constructor(...t){super(...t),l(this,`zIndex`,1),l(this,`viewKey`,e.PageElementType.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:n,zIndex:r,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,title:h,description:g,image:_={}}=e,{imageProperties:v,placeholder:y,link:b}=_;return new t.Image(n,{url:(v==null?void 0:v.contentUrl)||``,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,forceRender:!0})}},y=class{constructor(){l(this,`zIndex`,4)}create(e){return e.createInstance(v)}};m.add(new y);let b=class extends p{constructor(t){super(),this._localeService=t,l(this,`zIndex`,2),l(this,`viewKey`,e.PageElementType.TEXT)}check(e){if(e===this.viewKey)return this}convert(e,n){let{id:r,zIndex:i,left:a=0,top:o=0,width:s,height:c,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,title:g,description:_,richText:v={}}=e,{text:y,ff:b,fs:x,it:S,bl:C,ul:w,st:T,ol:E,bg:D,bd:O,cl:k,rich:A}=v,j={top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0},M=!1;if(y==null?A!=null&&(j={...j,richText:A},M=!0):(j={...j,text:y,ff:b,fs:x,it:S,bl:C,ul:w,st:T,ol:E,bg:D,bd:O,cl:k},M=!0),M!==!1)return new t.RichText(this._localeService,r,j)}};b=d([u(0,(0,e.Inject)(e.LocaleService))],b);var x=class{constructor(){l(this,`zIndex`,0)}create(e){return e.createInstance(b)}};m.add(new x);var S=class extends p{constructor(...t){super(...t),l(this,`zIndex`,2),l(this,`viewKey`,e.PageElementType.SHAPE)}check(e){if(e===this.viewKey)return this}convert(n){let{id:r,zIndex:i,left:a=0,top:o=0,width:s,height:c,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,title:g,description:_}=n,{shapeType:v,text:y,shapeProperties:b,placeholder:x,link:S}=n.shape||{},C=b==null?``:(0,e.getColorStyle)(b.shapeBackgroundFill)||`rgba(255,255,255,1)`,w=b==null?void 0:b.outline,T={};if(w){let{outlineFill:t,weight:n}=w;T.strokeWidth=n,T.stroke=(0,e.getColorStyle)(t)||`rgba(0,0,0,1)`}if(v===e.BasicShapes.Rect)return new t.Rect(r,{fill:C,top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0,...T});if(v===e.BasicShapes.RoundRect)return new t.Rect(r,{fill:C,top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0,radius:(b==null?void 0:b.radius)||0,...T});if(v===e.BasicShapes.Ellipse)return console.warn(b==null?void 0:b.radius),new t.Circle(r,{fill:C,top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0,radius:(b==null?void 0:b.radius)||0,...T})}},C=class{constructor(){l(this,`zIndex`,2)}create(e){return e.createInstance(S)}};m.add(new C);let w=class{constructor(e){this._injector=e,l(this,`_adaptors`,[]),this._adaptorLoader()}convertToRenderObjects(e,t){let n=Object.keys(e),r=[];return n.forEach(n=>{let i=e[n],a=this._executor(i,t);a!=null&&r.push(a)}),r}convertToRenderObject(e,t){return this._executor(e,t)}_executor(e,t){let{id:n,type:r}=e;for(let n of this._adaptors){var i;let a=(i=n.check(r))==null?void 0:i.convert(e,t);if(a!=null)return a}}_adaptorLoader(){m.getData().sort(e.sortRules).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};w=d([u(0,(0,e.Inject)(e.Injector))],w);let T=function(e){return e.MAIN=`__SLIDERender__`,e.SCENE_VIEWER=`__SLIDEViewer__`,e.SCENE=`__SLIDEScene__`,e.VIEWPORT=`__SLIDEViewPort_`,e}({}),E=class extends p{constructor(t){super(),this._injector=t,l(this,`zIndex`,6),l(this,`viewKey`,e.PageElementType.SLIDE),l(this,`_ObjectProvider`,null)}check(e){if(e===this.viewKey)return this}convert(n,r){let{id:i,zIndex:a,left:o=0,top:s=0,width:c,height:l,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,title:_,description:v,slide:y}=n;if(y==null)return;let b=new e.SlideDataModel(y),x=new t.Slide(T.MAIN+i,{top:s,left:o,width:c,height:l,zIndex:a,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,forceRender:!0});x.enableNav(),x.enableSelectedClipElement();let S=b.getPageOrder(),C=b.getPages();if(!S||!C)return x;this._ObjectProvider=new w(this._injector);for(let e=0,t=S.length;e<t;e++){let t=C[S[e]],{id:n}=t;x.addPageScene(this._createScene(n,x,t,r,b))}return x.activeFirstPage(),x}_createScene(e,n,r,i,a){var o;let{width:s,height:c}=n,l=new t.Scene(e,n,{width:s,height:c});new t.Viewport(`PageViewer_${e}`,l,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:u,pageBackgroundFill:d}=r,f=(o=this._ObjectProvider)==null?void 0:o.convertToRenderObjects(u,i);return this._addBackgroundRect(l,d,a),l.addObjects(f),f==null||f.forEach(e=>{l.attachTransformerTo(e)}),l}_addBackgroundRect(n,r,i){let{width:a=0,height:o=0}=i.getPageSize(),s=new t.Rect(`canvas`,{left:0,top:0,width:a,height:o,strokeWidth:1,stroke:`rgba(198,198,198, 1)`,fill:(0,e.getColorStyle)(r)||`rgba(255,255,255, 1)`,zIndex:0,evented:!1});n.addObject(s,0)}};E=d([u(0,(0,e.Inject)(e.Injector))],E);var D=class{constructor(){l(this,`zIndex`,6)}create(e){return e.createInstance(E)}};m.add(new D);var O=function(e){return e.MAIN=`spreadInSlide`,e.SCENE=`spreadInSlideScene`,e.SCENE_VIEWER=`spreadInSlideSceneViewer`,e.ROW=`spreadInSlideRow`,e.COLUMN=`spreadInSlideColumn`,e.LEFT_TOP=`spreadInSlideLeftTop`,e.VIEW_MAIN=`spreadInSlideViewMain`,e.VIEW_TOP=`spreadInSlideViewTop`,e.VIEW_LEFT=`spreadInSlideViewLeft`,e.VIEW_LEFT_TOP=`spreadInSlideViewLeftTop`,e}(O||{});let k=class extends p{constructor(t,n,r,i){super(),this._localeService=t,this._contextService=n,this._configService=r,this._injector=i,l(this,`zIndex`,4),l(this,`viewKey`,e.PageElementType.SPREADSHEET)}check(e){if(e===this.viewKey)return this}convert(n,r){let{id:i,zIndex:a,left:o=0,top:s=0,width:c,height:l,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,spreadsheet:_}=n;if(_==null)return;let{worksheet:v,styles:y}=_,b=new e.Styles(y),x=new t.SpreadsheetSkeleton(new e.Worksheet(i,v,b),b,this._localeService,this._contextService,this._configService,this._injector),{rowTotalHeight:S,columnTotalWidth:C,rowHeaderWidth:w,columnHeaderHeight:T}=x,E=C+v.rowHeader.width||0,D=S+v.columnHeader.height||0,k=new t.SceneViewer(O.SCENE_VIEWER+i,{top:s,left:o,width:c,height:l,zIndex:a,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,forceRender:!0}),A=new t.Scene(O.SCENE+i,k,{width:E,height:D});this._updateViewport(i,w,T,A,r);let j=new t.Spreadsheet(`testSheetViewer`,x,!1),M=new t.SpreadsheetRowHeader(O.ROW,x),N=new t.SpreadsheetColumnHeader(O.COLUMN,x),P=new t.Rect(O.LEFT_TOP,{zIndex:2,left:-1,top:-1,width:w,height:T,fill:(0,t.getColor)([248,249,250]),stroke:(0,t.getColor)([217,217,217]),strokeWidth:1});return j.zIndex=10,A.addObjects([j],1),A.addObjects([M,N,P],2),k}_updateViewport(e,n,r,i,a){if(a==null)return;let o=n*i.scaleX,s=r*i.scaleY,c=new t.Viewport(O.VIEW_MAIN+e,i,{left:o,top:s,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),l=new t.Viewport(O.VIEW_TOP+e,i,{left:o,height:s,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),u=new t.Viewport(O.VIEW_LEFT+e,i,{left:0,bottom:0,top:s,width:o,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new t.Viewport(O.VIEW_LEFT_TOP+e,i,{left:0,top:0,width:o,height:s,isWheelPreventDefaultX:!0}),c.onScrollAfter$.subscribeEvent(e=>{let{scrollX:t,scrollY:n,viewportScrollX:r,viewportScrollY:i}=e;l.updateScrollVal({scrollX:t,viewportScrollX:r}),u.updateScrollVal({scrollY:n,viewportScrollY:i})}),i.attachControl(),new t.ScrollBar(c,{mainScene:a}),i.onMouseWheel$.subscribeEvent((e,t)=>{let n=e;if(n.ctrlKey){let e=Math.abs(n.deltaX),t=e<40?.05:e<80?.02:.01;t*=n.deltaY>0?-1:1,i.scaleX<1&&(t/=2),i.scaleX+t>4?i.scale(4,4):i.scaleX+t<.1?i.scale(.1,.1):(i.scaleBy(t,t),n.preventDefault())}else c.onMouseWheel(n,t)})}};k=d([u(0,(0,e.Inject)(e.LocaleService)),u(1,e.IContextService),u(2,e.IConfigService),u(3,(0,e.Inject)(e.Injector))],k);var A=class{constructor(){l(this,`zIndex`,4)}create(e){return e.createInstance(k)}};m.add(new A);let j=function(e){return e.COMPONENT=`__slideRender__`,e.SCENE=`__mainScene__`,e.VIEW=`__mainView__`,e}({});exports.CanvasObjectProviderRegistry=m,exports.ObjectAdaptor=p,Object.defineProperty(exports,`ObjectProvider`,{enumerable:!0,get:function(){return w}}),exports.SLIDE_KEY=j,exports.SLIDE_VIEW_KEY=T,Object.defineProperty(exports,`UniverSlidesPlugin`,{enumerable:!0,get:function(){return f}});
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+let _univerjs_core = require("@univerjs/core");
+let rxjs = require("rxjs");
+let _univerjs_engine_render = require("@univerjs/engine-render");
+
+//#region src/basics/const/default-slide.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const DEFAULT_SLIDE = {
+	id: "default_slide",
+	title: "defaultSlide",
+	pageSize: {
+		width: 300,
+		height: 300
+	}
+};
+
+//#endregion
+//#region src/types/interfaces/i-slide-data.ts
+let PageType = /* @__PURE__ */ function(PageType) {
+	PageType[PageType["SLIDE"] = 0] = "SLIDE";
+	PageType[PageType["MASTER"] = 1] = "MASTER";
+	PageType[PageType["LAYOUT"] = 2] = "LAYOUT";
+	PageType[PageType["HANDOUT_MASTER"] = 3] = "HANDOUT_MASTER";
+	PageType[PageType["NOTES_MASTER"] = 4] = "NOTES_MASTER";
+	return PageType;
+}({});
+let PageElementType = /* @__PURE__ */ function(PageElementType) {
+	PageElementType[PageElementType["SHAPE"] = 0] = "SHAPE";
+	PageElementType[PageElementType["IMAGE"] = 1] = "IMAGE";
+	PageElementType[PageElementType["TEXT"] = 2] = "TEXT";
+	PageElementType[PageElementType["SPREADSHEET"] = 3] = "SPREADSHEET";
+	PageElementType[PageElementType["DOCUMENT"] = 4] = "DOCUMENT";
+	PageElementType[PageElementType["SLIDE"] = 5] = "SLIDE";
+	return PageElementType;
+}({});
+let RelativeSlideLink = /* @__PURE__ */ function(RelativeSlideLink) {
+	RelativeSlideLink[RelativeSlideLink["RELATIVE_SLIDE_LINK_UNSPECIFIED"] = 0] = "RELATIVE_SLIDE_LINK_UNSPECIFIED";
+	RelativeSlideLink[RelativeSlideLink["NEXT_SLIDE"] = 1] = "NEXT_SLIDE";
+	RelativeSlideLink[RelativeSlideLink["PREVIOUS_SLIDE"] = 2] = "PREVIOUS_SLIDE";
+	RelativeSlideLink[RelativeSlideLink["FIRST_SLIDE"] = 3] = "FIRST_SLIDE";
+	RelativeSlideLink[RelativeSlideLink["LAST_SLIDE"] = 4] = "LAST_SLIDE";
+	return RelativeSlideLink;
+}({});
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+//#region src/data-model/slide-data-model.ts
+var SlideDataModel = class extends _univerjs_core.UnitModel {
+	get _activePage() {
+		const activePage = this._activePage$.getValue();
+		if (!activePage) {
+			var _this$getPageOrder, _this$getPages;
+			const activePageId = (_this$getPageOrder = this.getPageOrder()) === null || _this$getPageOrder === void 0 ? void 0 : _this$getPageOrder[0];
+			if (!activePageId) return null;
+			return (_this$getPages = this.getPages()) === null || _this$getPages === void 0 ? void 0 : _this$getPages[activePageId];
+		}
+		return activePage;
+	}
+	constructor(snapshot) {
+		var _this$_snapshot$id;
+		super();
+		_defineProperty(this, "type", _univerjs_core.UniverInstanceType.UNIVER_SLIDE);
+		_defineProperty(this, "_activePage$", new rxjs.BehaviorSubject(null));
+		_defineProperty(this, "activePage$", this._activePage$.asObservable());
+		_defineProperty(this, "_name$", void 0);
+		_defineProperty(this, "name$", void 0);
+		_defineProperty(this, "_snapshot", void 0);
+		_defineProperty(this, "_unitId", void 0);
+		this._snapshot = {
+			...DEFAULT_SLIDE,
+			...snapshot
+		};
+		this._unitId = (_this$_snapshot$id = this._snapshot.id) !== null && _this$_snapshot$id !== void 0 ? _this$_snapshot$id : (0, _univerjs_core.generateRandomId)(6);
+		this._name$ = new rxjs.BehaviorSubject(this._snapshot.title);
+		this.name$ = this._name$.asObservable();
+	}
+	setName(name) {
+		var _this$_snapshot$id2;
+		this._snapshot.title = name;
+		this._name$.next(name);
+		this._unitId = (_this$_snapshot$id2 = this._snapshot.id) !== null && _this$_snapshot$id2 !== void 0 ? _this$_snapshot$id2 : (0, _univerjs_core.generateRandomId)(6);
+	}
+	getRev() {
+		return 0;
+	}
+	incrementRev() {}
+	setRev(_rev) {}
+	getSnapshot() {
+		return this._snapshot;
+	}
+	getUnitId() {
+		return this._unitId;
+	}
+	getPages() {
+		var _this$_snapshot$body;
+		return (_this$_snapshot$body = this._snapshot.body) === null || _this$_snapshot$body === void 0 ? void 0 : _this$_snapshot$body.pages;
+	}
+	getPageOrder() {
+		var _this$_snapshot$body2;
+		return (_this$_snapshot$body2 = this._snapshot.body) === null || _this$_snapshot$body2 === void 0 ? void 0 : _this$_snapshot$body2.pageOrder;
+	}
+	getPage(pageId) {
+		const pages = this.getPages();
+		return pages === null || pages === void 0 ? void 0 : pages[pageId];
+	}
+	getElementsByPage(pageId) {
+		var _this$getPage;
+		return (_this$getPage = this.getPage(pageId)) === null || _this$getPage === void 0 ? void 0 : _this$getPage.pageElements;
+	}
+	getElement(pageId, elementId) {
+		var _this$getElementsByPa;
+		return (_this$getElementsByPa = this.getElementsByPage(pageId)) === null || _this$getElementsByPa === void 0 ? void 0 : _this$getElementsByPa[elementId];
+	}
+	getPageSize() {
+		return this._snapshot.pageSize;
+	}
+	getBlankPage() {
+		const id = (0, _univerjs_core.generateRandomId)(6);
+		return {
+			id,
+			pageType: PageType.SLIDE,
+			zIndex: 10,
+			title: id,
+			description: "",
+			pageBackgroundFill: { rgb: "rgb(255,255,255)" },
+			pageElements: {}
+		};
+	}
+	setActivePage(page) {
+		this._activePage$.next(page);
+	}
+	getActivePage() {
+		return this._activePage;
+	}
+	updatePage(pageId, page) {
+		if (!this._snapshot.body) return;
+		this._snapshot.body.pages[pageId] = page;
+	}
+	appendPage(page) {
+		var _activePage$id;
+		if (!this._snapshot.body) return;
+		this._snapshot.body.pages[page.id] = page;
+		const activePage = this._activePage;
+		const index = this._snapshot.body.pageOrder.indexOf((_activePage$id = activePage === null || activePage === void 0 ? void 0 : activePage.id) !== null && _activePage$id !== void 0 ? _activePage$id : "");
+		this._snapshot.body.pageOrder.splice(index + 1, 0, page.id);
+	}
+};
+
+//#endregion
+//#region package.json
+var name = "@univerjs/slides";
+var version = "0.21.0";
+
+//#endregion
+//#region src/config/config.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const SLIDES_PLUGIN_CONFIG_KEY = "slides.config";
+const configSymbol = Symbol(SLIDES_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+function __decorateParam(paramIndex, decorator) {
+	return function(target, key) {
+		decorator(target, key, paramIndex);
+	};
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+//#region src/plugin.ts
+let UniverSlidesPlugin = class UniverSlidesPlugin extends _univerjs_core.Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _configService, _univerInstanceService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._configService = _configService;
+		this._univerInstanceService = _univerInstanceService;
+		_defineProperty(this, "_canvasEngine", null);
+		const { ...rest } = (0, _univerjs_core.merge)({}, defaultPluginConfig, this._config);
+		this._configService.setConfig(SLIDES_PLUGIN_CONFIG_KEY, rest);
+		this._initializeDependencies(this._injector);
+	}
+	onStarting() {
+		this._univerInstanceService.registerCtorForType(_univerjs_core.UniverInstanceType.UNIVER_SLIDE, SlideDataModel);
+	}
+	initialize() {
+		this.initCanvasEngine();
+	}
+	onReady() {}
+	getConfig() {
+		return this._config;
+	}
+	initCanvasEngine() {
+		this._canvasEngine = this._injector.get(_univerjs_engine_render.IRenderingEngine);
+	}
+	onRendered() {
+		this.initialize();
+	}
+	getCanvasEngine() {
+		return this._canvasEngine;
+	}
+	_initializeDependencies(slideInjector) {
+		[].forEach((d) => {
+			slideInjector.add(d);
+		});
+	}
+};
+_defineProperty(UniverSlidesPlugin, "pluginName", "UNIVER_SLIDES_PLUGIN");
+_defineProperty(UniverSlidesPlugin, "packageName", name);
+_defineProperty(UniverSlidesPlugin, "version", version);
+_defineProperty(UniverSlidesPlugin, "type", _univerjs_core.UniverInstanceType.UNIVER_SLIDE);
+UniverSlidesPlugin = __decorate([
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(2, _univerjs_core.IConfigService),
+	__decorateParam(3, _univerjs_core.IUniverInstanceService)
+], UniverSlidesPlugin);
+
+//#endregion
+//#region src/types/enum/prst-geom-type.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+let BasicShapes = /* @__PURE__ */ function(BasicShapes) {
+	BasicShapes["Line"] = "line";
+	BasicShapes["LineInv"] = "lineInv";
+	BasicShapes["Triangle"] = "triangle";
+	BasicShapes["RtTriangle"] = "rtTriangle";
+	BasicShapes["Rect"] = "rect";
+	BasicShapes["Diamond"] = "diamond";
+	BasicShapes["Parallelogram"] = "parallelogram";
+	BasicShapes["Trapezoid"] = "trapezoid";
+	BasicShapes["NonIsocelesTrapezoid"] = "nonIsocelesTrapezoid";
+	BasicShapes["Pentagon"] = "pentagon";
+	BasicShapes["Hexagon"] = "hexagon";
+	BasicShapes["Heptagon"] = "heptagon";
+	BasicShapes["Octagon"] = "octagon";
+	BasicShapes["Decagon"] = "decagon";
+	BasicShapes["Dodecagon"] = "dodecagon";
+	BasicShapes["Star4"] = "star4";
+	BasicShapes["Star5"] = "star5";
+	BasicShapes["Star6"] = "star6";
+	BasicShapes["Star7"] = "star7";
+	BasicShapes["Star8"] = "star8";
+	BasicShapes["Star10"] = "star10";
+	BasicShapes["Star12"] = "star12";
+	BasicShapes["Star16"] = "star16";
+	BasicShapes["Star24"] = "star24";
+	BasicShapes["Star32"] = "star32";
+	BasicShapes["RoundRect"] = "roundRect";
+	BasicShapes["Round1Rect"] = "round1Rect";
+	BasicShapes["Round2SameRect"] = "round2SameRect";
+	BasicShapes["Round2DiagRect"] = "round2DiagRect";
+	BasicShapes["Ellipse"] = "ellipse";
+	return BasicShapes;
+}({});
+let ArrowsAndMarkersShapes = /* @__PURE__ */ function(ArrowsAndMarkersShapes) {
+	ArrowsAndMarkersShapes["RightArrow"] = "rightArrow";
+	ArrowsAndMarkersShapes["LeftArrow"] = "leftArrow";
+	ArrowsAndMarkersShapes["UpArrow"] = "upArrow";
+	ArrowsAndMarkersShapes["DownArrow"] = "downArrow";
+	ArrowsAndMarkersShapes["LeftRightArrow"] = "leftRightArrow";
+	ArrowsAndMarkersShapes["UpDownArrow"] = "upDownArrow";
+	ArrowsAndMarkersShapes["QuadArrow"] = "quadArrow";
+	ArrowsAndMarkersShapes["LeftRightUpArrow"] = "leftRightUpArrow";
+	ArrowsAndMarkersShapes["BentArrow"] = "bentArrow";
+	ArrowsAndMarkersShapes["UturnArrow"] = "uturnArrow";
+	ArrowsAndMarkersShapes["CircularArrow"] = "circularArrow";
+	ArrowsAndMarkersShapes["NotchedRightArrow"] = "notchedRightArrow";
+	ArrowsAndMarkersShapes["HomePlate"] = "homePlate";
+	ArrowsAndMarkersShapes["Chevron"] = "chevron";
+	ArrowsAndMarkersShapes["LeftCircularArrow"] = "leftCircularArrow";
+	ArrowsAndMarkersShapes["LeftRightCircularArrow"] = "leftRightCircularArrow";
+	return ArrowsAndMarkersShapes;
+}({});
+let OtherShapes = /* @__PURE__ */ function(OtherShapes) {
+	OtherShapes["Plaque"] = "plaque";
+	OtherShapes["Can"] = "can";
+	OtherShapes["Cube"] = "cube";
+	OtherShapes["Bevel"] = "bevel";
+	OtherShapes["Donut"] = "donut";
+	OtherShapes["NoSmoking"] = "noSmoking";
+	OtherShapes["BlockArc"] = "blockArc";
+	OtherShapes["FoldedCorner"] = "foldedCorner";
+	return OtherShapes;
+}({});
+let SpecialShapes = /* @__PURE__ */ function(SpecialShapes) {
+	SpecialShapes["SmileyFace"] = "smileyFace";
+	SpecialShapes["Heart"] = "heart";
+	SpecialShapes["LightningBolt"] = "lightningBolt";
+	SpecialShapes["Sun"] = "sun";
+	SpecialShapes["Moon"] = "moon";
+	SpecialShapes["Cloud"] = "cloud";
+	SpecialShapes["Arc"] = "arc";
+	SpecialShapes["Backpack"] = "backpack";
+	SpecialShapes["Frame"] = "frame";
+	SpecialShapes["HalfFrame"] = "halfFrame";
+	SpecialShapes["Corner"] = "corner";
+	SpecialShapes["Chord"] = "chord";
+	SpecialShapes["Pie"] = "pie";
+	SpecialShapes["Teardrop"] = "teardrop";
+	SpecialShapes["WedgeRectCallout"] = "wedgeRectCallout";
+	SpecialShapes["WedgeRRectCallout"] = "wedgeRRectCallout";
+	SpecialShapes["WedgeEllipseCallout"] = "wedgeEllipseCallout";
+	SpecialShapes["CloudCallout"] = "cloudCallout";
+	SpecialShapes["BorderCallout1"] = "borderCallout1";
+	SpecialShapes["BorderCallout2"] = "borderCallout2";
+	SpecialShapes["BorderCallout3"] = "borderCallout3";
+	SpecialShapes["AccentCallout1"] = "accentCallout1";
+	SpecialShapes["AccentCallout2"] = "accentCallout2";
+	SpecialShapes["AccentCallout3"] = "accentCallout3";
+	SpecialShapes["Callout1"] = "callout1";
+	SpecialShapes["Callout2"] = "callout2";
+	SpecialShapes["Callout3"] = "callout3";
+	SpecialShapes["ActionButtonBackPrevious"] = "actionButtonBackPrevious";
+	SpecialShapes["ActionButtonEnd"] = "actionButtonEnd";
+	SpecialShapes["ActionButtonForwardNext"] = "actionButtonForwardNext";
+	SpecialShapes["ActionButtonHelp"] = "actionButtonHelp";
+	SpecialShapes["ActionButtonHome"] = "actionButtonHome";
+	SpecialShapes["ActionButtonInformation"] = "actionButtonInformation";
+	SpecialShapes["ActionButtonMovie"] = "actionButtonMovie";
+	SpecialShapes["ActionButtonReturn"] = "actionButtonReturn";
+	SpecialShapes["ActionButtonSound"] = "actionButtonSound";
+	return SpecialShapes;
+}({});
+
+//#endregion
+//#region src/views/render/adaptor.ts
+var ObjectAdaptor = class {
+	constructor() {
+		_defineProperty(this, "zIndex", 0);
+		_defineProperty(this, "viewKey", null);
+	}
+	check(type) {
+		if (type !== this.viewKey) return;
+		return this;
+	}
+	create(injector) {}
+};
+const CanvasObjectProviderRegistry = _univerjs_core.Registry.create();
+
+//#endregion
+//#region src/views/render/adaptors/docs-adaptor.ts
+let DOCS_VIEW_KEY = /* @__PURE__ */ function(DOCS_VIEW_KEY) {
+	DOCS_VIEW_KEY["MAIN"] = "__DocsRender__";
+	DOCS_VIEW_KEY["SCENE_VIEWER"] = "__DocsViewer__";
+	DOCS_VIEW_KEY["SCENE"] = "__DocsScene__";
+	DOCS_VIEW_KEY["VIEWPORT"] = "__DocsViewPort_";
+	return DOCS_VIEW_KEY;
+}({});
+let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
+	constructor(_localeService) {
+		super();
+		this._localeService = _localeService;
+		_defineProperty(this, "zIndex", 5);
+		_defineProperty(this, "viewKey", PageElementType.DOCUMENT);
+		_defineProperty(this, "_liquid", new _univerjs_engine_render.Liquid());
+	}
+	check(type) {
+		if (type !== this.viewKey) return;
+		return this;
+	}
+	convert(pageElement, mainScene) {
+		var _documents$getSkeleto, _scene$getTransformer;
+		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 docViewModel = new _univerjs_engine_render.DocumentViewModel(new _univerjs_core.DocumentDataModel(documentData));
+		const documentSkeleton = _univerjs_engine_render.DocumentSkeleton.create(docViewModel, this._localeService);
+		const documents = new _univerjs_engine_render.Documents(DOCS_VIEW_KEY.MAIN, documentSkeleton);
+		documentSkeleton.calculate();
+		const sv = new _univerjs_engine_render.SceneViewer(DOCS_VIEW_KEY.SCENE_VIEWER + id, {
+			top,
+			left,
+			width,
+			height,
+			zIndex,
+			angle,
+			scaleX,
+			scaleY,
+			skewX,
+			skewY,
+			flipX,
+			flipY
+		});
+		const scene = new _univerjs_engine_render.Scene(DOCS_VIEW_KEY.SCENE + id, sv);
+		const viewMain = new _univerjs_engine_render.Viewport(DOCS_VIEW_KEY.VIEWPORT + id, scene, {
+			left: 0,
+			top: 0,
+			bottom: 0,
+			right: 0,
+			explicitViewportWidthSet: false,
+			explicitViewportHeightSet: false,
+			isWheelPreventDefaultX: true
+		});
+		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;
+				if (scene.scaleX < 1) scrollNum /= 2;
+				if (scene.scaleX + scrollNum > 4) scene.scale(4, 4);
+				else if (scene.scaleX + scrollNum < .1) scene.scale(.1, .1);
+				else {
+					e.deltaY;
+					e.preventDefault();
+				}
+			} else viewMain.onMouseWheel(e, state);
+		});
+		new _univerjs_engine_render.ScrollBar(viewMain, { mainScene });
+		scene.addObject(documents);
+		const size = documentSkeleton.getActualSize();
+		documents.resize(size.actualWidth, size.actualHeight);
+		scene.resize(size.actualWidth, size.actualHeight + 200);
+		(_documents$getSkeleto = documents.getSkeleton()) === null || _documents$getSkeleto === void 0 || _documents$getSkeleto.getPageSize();
+		documents.pageRender$.subscribe((config) => {
+			const { page, pageLeft, pageTop, ctx } = config;
+			const { width, height, marginBottom, marginLeft, marginRight, marginTop } = page;
+			ctx.save();
+			ctx.translate(pageLeft - .5, pageTop - .5);
+			ctx.restore();
+		});
+		const { left: docsLeft, top: docsTop } = documents;
+		const skeletonData = documentSkeleton.getSkeletonData();
+		if (skeletonData == null) return;
+		const { pages } = skeletonData;
+		const objectList = [];
+		const pageMarginCache = /* @__PURE__ */ new Map();
+		this._recalculateSizeBySkeleton(documents, scene, documentSkeleton);
+		for (let i = 0, len = pages.length; i < len; i++) {
+			const page = pages[i];
+			const { skeDrawings, marginLeft, marginTop, pageWidth, pageHeight } = page;
+			this._liquid.translatePagePadding(page);
+			skeDrawings.forEach((drawing) => {
+				const { aLeft, aTop, height, width, drawingOrigin } = drawing;
+				const { docTransform } = drawingOrigin;
+				const rect = new _univerjs_engine_render.Image(drawing.drawingId, {
+					left: aLeft + docsLeft + this._liquid.x,
+					top: aTop + docsTop + this._liquid.y,
+					width,
+					height,
+					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);
+		}
+		scene.addObjects(objectList);
+		objectList.forEach((object) => {
+			scene.attachTransformerTo(object);
+		});
+		(_scene$getTransformer = scene.getTransformer()) === null || _scene$getTransformer === void 0 || _scene$getTransformer.changing$.subscribe((state) => {
+			const { objects } = state;
+			objects.forEach((object) => {
+				const { oKey, left, top, height, width } = object;
+				const cache = pageMarginCache.get(oKey);
+				const marginLeft = (cache === null || cache === void 0 ? void 0 : cache.marginLeft) || 0;
+				const marginTop = (cache === null || cache === void 0 ? void 0 : cache.marginTop) || 0;
+				documentSkeleton === null || documentSkeleton === void 0 || documentSkeleton.getViewModel().getDataModel().updateDrawing(oKey, {
+					left: left - docsLeft - marginLeft,
+					top: top - docsTop - marginTop,
+					height,
+					width
+				});
+			});
+			documentSkeleton === null || documentSkeleton === void 0 || documentSkeleton.calculate();
+		});
+		this._calculatePagePosition(documents, scene, viewMain);
+		return sv;
+	}
+	_recalculateSizeBySkeleton(docsComponent, scene, skeleton) {
+		var _skeleton$getSkeleton;
+		const pages = (_skeleton$getSkeleton = skeleton.getSkeletonData()) === null || _skeleton$getSkeleton === void 0 ? void 0 : _skeleton$getSkeleton.pages;
+		if (pages == null) return;
+		let width = 0;
+		let height = 0;
+		for (let i = 0, len = pages.length; i < len; i++) {
+			const { pageWidth, pageHeight } = pages[i];
+			if (docsComponent.pageLayoutType === _univerjs_engine_render.PageLayoutType.VERTICAL) {
+				height += pageHeight;
+				height += docsComponent.pageMarginTop;
+				if (i === len - 1) height += docsComponent.pageMarginTop;
+				width = Math.max(width, pageWidth);
+			} else if (docsComponent.pageLayoutType === _univerjs_engine_render.PageLayoutType.HORIZONTAL) {
+				width += pageWidth;
+				if (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 || scene === void 0 ? void 0 : scene.getParent();
+		const { 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;
+		let docsTop = 0;
+		let sceneWidth = 0;
+		let sceneHeight = 0;
+		let 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;
+		} else {
+			docsLeft = pageMarginLeft;
+			sceneWidth = docsWidth + pageMarginLeft * 2;
+			scrollToX = (sceneWidth - engineWidth / zoomRatio) / 2;
+		}
+		if (engineHeight > docsHeight) {
+			docsTop = engineHeight / 2 - docsHeight / 2;
+			sceneHeight = (engineHeight - pageMarginTop * 2) / zoomRatio;
+		} else {
+			docsTop = pageMarginTop;
+			sceneHeight = docsHeight + pageMarginTop * 2;
+		}
+		scene.resize(sceneWidth, sceneHeight + 200);
+		docsComponent.translate(docsLeft, docsTop);
+		if (scrollToX !== Number.POSITIVE_INFINITY && viewport != null) {
+			const actualX = viewport.transScroll2ViewportScrollValue(scrollToX, 0).x;
+			viewport.scrollToBarPos({ x: actualX });
+		}
+		return this;
+	}
+};
+DocsAdaptor = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService))], DocsAdaptor);
+var DocsAdaptorFactory = class {
+	constructor() {
+		_defineProperty(this, "zIndex", 5);
+	}
+	create(injector) {
+		return injector.createInstance(DocsAdaptor);
+	}
+};
+CanvasObjectProviderRegistry.add(new DocsAdaptorFactory());
+
+//#endregion
+//#region src/views/render/adaptors/image-adaptor.ts
+var ImageAdaptor = class extends ObjectAdaptor {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "zIndex", 1);
+		_defineProperty(this, "viewKey", PageElementType.IMAGE);
+	}
+	check(type) {
+		if (type !== this.viewKey) return;
+		return this;
+	}
+	convert(pageElement) {
+		const { id, zIndex, left = 0, top = 0, width, height, angle, scaleX, scaleY, skewX, skewY, flipX, flipY, title, description, image = {} } = pageElement;
+		const { imageProperties, placeholder, link } = image;
+		return new _univerjs_engine_render.Image(id, {
+			url: (imageProperties === null || imageProperties === void 0 ? void 0 : imageProperties.contentUrl) || "",
+			top,
+			left,
+			width,
+			height,
+			zIndex,
+			angle,
+			scaleX,
+			scaleY,
+			skewX,
+			skewY,
+			flipX,
+			flipY,
+			forceRender: true
+		});
+	}
+};
+var ImageAdaptorFactory = class {
+	constructor() {
+		_defineProperty(this, "zIndex", 4);
+	}
+	create(injector) {
+		return injector.createInstance(ImageAdaptor);
+	}
+};
+CanvasObjectProviderRegistry.add(new ImageAdaptorFactory());
+
+//#endregion
+//#region src/views/render/adaptors/rich-text-adaptor.ts
+let RichTextAdaptor = class RichTextAdaptor extends ObjectAdaptor {
+	constructor(_localeService) {
+		super();
+		this._localeService = _localeService;
+		_defineProperty(this, "zIndex", 2);
+		_defineProperty(this, "viewKey", PageElementType.TEXT);
+	}
+	check(type) {
+		if (type !== this.viewKey) return;
+		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;
+		const { 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: true
+		};
+		let isNotNull = false;
+		if (text != null) {
+			config = {
+				...config,
+				text,
+				ff,
+				fs,
+				it,
+				bl,
+				ul,
+				st,
+				ol,
+				bg,
+				bd,
+				cl
+			};
+			isNotNull = true;
+		} else if (rich != null) {
+			config = {
+				...config,
+				richText: rich
+			};
+			isNotNull = true;
+		}
+		if (isNotNull === false) return;
+		return new _univerjs_engine_render.RichText(this._localeService, id, config);
+	}
+};
+RichTextAdaptor = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService))], RichTextAdaptor);
+var RichTextAdaptorFactory = class {
+	constructor() {
+		_defineProperty(this, "zIndex", 0);
+	}
+	create(injector) {
+		return injector.createInstance(RichTextAdaptor);
+	}
+};
+CanvasObjectProviderRegistry.add(new RichTextAdaptorFactory());
+
+//#endregion
+//#region src/views/render/adaptors/shape-adaptor.ts
+var ShapeAdaptor = class extends ObjectAdaptor {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "zIndex", 2);
+		_defineProperty(this, "viewKey", PageElementType.SHAPE);
+	}
+	check(type) {
+		if (type !== this.viewKey) return;
+		return this;
+	}
+	convert(pageElement) {
+		const { id, zIndex, left = 0, top = 0, width, height, angle, scaleX, scaleY, skewX, skewY, flipX, flipY, title, description } = pageElement;
+		const { shapeType, text, shapeProperties, placeholder, link } = pageElement.shape || {};
+		const fill = shapeProperties == null ? "" : (0, _univerjs_core.getColorStyle)(shapeProperties.shapeBackgroundFill) || "rgba(255,255,255,1)";
+		const outline = shapeProperties === null || shapeProperties === void 0 ? void 0 : shapeProperties.outline;
+		const strokeStyle = {};
+		if (outline) {
+			const { outlineFill, weight } = outline;
+			strokeStyle.strokeWidth = weight;
+			strokeStyle.stroke = (0, _univerjs_core.getColorStyle)(outlineFill) || "rgba(0,0,0,1)";
+		}
+		if (shapeType === BasicShapes.Rect) return new _univerjs_engine_render.Rect(id, {
+			fill,
+			top,
+			left,
+			width,
+			height,
+			zIndex,
+			angle,
+			scaleX,
+			scaleY,
+			skewX,
+			skewY,
+			flipX,
+			flipY,
+			forceRender: true,
+			...strokeStyle
+		});
+		if (shapeType === BasicShapes.RoundRect) return new _univerjs_engine_render.Rect(id, {
+			fill,
+			top,
+			left,
+			width,
+			height,
+			zIndex,
+			angle,
+			scaleX,
+			scaleY,
+			skewX,
+			skewY,
+			flipX,
+			flipY,
+			forceRender: true,
+			radius: (shapeProperties === null || shapeProperties === void 0 ? void 0 : shapeProperties.radius) || 0,
+			...strokeStyle
+		});
+		if (shapeType === BasicShapes.Ellipse) {
+			console.warn(shapeProperties === null || shapeProperties === void 0 ? void 0 : shapeProperties.radius);
+			return new _univerjs_engine_render.Circle(id, {
+				fill,
+				top,
+				left,
+				width,
+				height,
+				zIndex,
+				angle,
+				scaleX,
+				scaleY,
+				skewX,
+				skewY,
+				flipX,
+				flipY,
+				forceRender: true,
+				radius: (shapeProperties === null || shapeProperties === void 0 ? void 0 : shapeProperties.radius) || 0,
+				...strokeStyle
+			});
+		}
+	}
+};
+var ShapeAdaptorFactory = class {
+	constructor() {
+		_defineProperty(this, "zIndex", 2);
+	}
+	create(injector) {
+		return injector.createInstance(ShapeAdaptor);
+	}
+};
+CanvasObjectProviderRegistry.add(new ShapeAdaptorFactory());
+
+//#endregion
+//#region src/views/render/object-provider.ts
+let ObjectProvider = class ObjectProvider {
+	constructor(_injector) {
+		this._injector = _injector;
+		_defineProperty(this, "_adaptors", []);
+		this._adaptorLoader();
+	}
+	convertToRenderObjects(pageElements, mainScene) {
+		const pageKeys = Object.keys(pageElements);
+		const objects = [];
+		pageKeys.forEach((key) => {
+			const pageElement = pageElements[key];
+			const o = this._executor(pageElement, mainScene);
+			if (o != null) objects.push(o);
+		});
+		return objects;
+	}
+	convertToRenderObject(pageElement, mainScene) {
+		return this._executor(pageElement, mainScene);
+	}
+	_executor(pageElement, mainScene) {
+		const { id: pageElementId, type } = pageElement;
+		for (const adaptor of this._adaptors) {
+			var _adaptor$check;
+			const o = (_adaptor$check = adaptor.check(type)) === null || _adaptor$check === void 0 ? void 0 : _adaptor$check.convert(pageElement, mainScene);
+			if (o != null) return o;
+		}
+	}
+	_adaptorLoader() {
+		CanvasObjectProviderRegistry.getData().sort(_univerjs_core.sortRules).forEach((adaptorFactory) => {
+			this._adaptors.push(adaptorFactory.create(this._injector));
+		});
+	}
+};
+ObjectProvider = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.Injector))], ObjectProvider);
+
+//#endregion
+//#region src/views/render/adaptors/slide-adaptor.ts
+let SLIDE_VIEW_KEY = /* @__PURE__ */ function(SLIDE_VIEW_KEY) {
+	SLIDE_VIEW_KEY["MAIN"] = "__SLIDERender__";
+	SLIDE_VIEW_KEY["SCENE_VIEWER"] = "__SLIDEViewer__";
+	SLIDE_VIEW_KEY["SCENE"] = "__SLIDEScene__";
+	SLIDE_VIEW_KEY["VIEWPORT"] = "__SLIDEViewPort_";
+	return SLIDE_VIEW_KEY;
+}({});
+let SlideAdaptor = class SlideAdaptor extends ObjectAdaptor {
+	constructor(_injector) {
+		super();
+		this._injector = _injector;
+		_defineProperty(this, "zIndex", 6);
+		_defineProperty(this, "viewKey", PageElementType.SLIDE);
+		_defineProperty(this, "_ObjectProvider", null);
+	}
+	check(type) {
+		if (type !== this.viewKey) return;
+		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 SlideDataModel(slideData);
+		const slideComponent = new _univerjs_engine_render.Slide(SLIDE_VIEW_KEY.MAIN + id, {
+			top,
+			left,
+			width,
+			height,
+			zIndex,
+			angle,
+			scaleX,
+			scaleY,
+			skewX,
+			skewY,
+			flipX,
+			flipY,
+			forceRender: true
+		});
+		slideComponent.enableNav();
+		slideComponent.enableSelectedClipElement();
+		const pageOrder = model.getPageOrder();
+		const pages = model.getPages();
+		if (!pageOrder || !pages) return slideComponent;
+		this._ObjectProvider = new ObjectProvider(this._injector);
+		for (let i = 0, len = pageOrder.length; i < len; i++) {
+			const page = pages[pageOrder[i]];
+			const { id } = page;
+			slideComponent.addPageScene(this._createScene(id, slideComponent, page, mainScene, model));
+		}
+		slideComponent.activeFirstPage();
+		return slideComponent;
+	}
+	_createScene(pageId, parent, page, mainScene, model) {
+		var _this$_ObjectProvider;
+		const { width, height } = parent;
+		const scene = new _univerjs_engine_render.Scene(pageId, parent, {
+			width,
+			height
+		});
+		new _univerjs_engine_render.Viewport(`PageViewer_${pageId}`, scene, {
+			left: 0,
+			top: 0,
+			bottom: 0,
+			right: 0,
+			explicitViewportWidthSet: false,
+			explicitViewportHeightSet: false
+		}).closeClip();
+		const { pageElements, pageBackgroundFill } = page;
+		const objects = (_this$_ObjectProvider = this._ObjectProvider) === null || _this$_ObjectProvider === void 0 ? void 0 : _this$_ObjectProvider.convertToRenderObjects(pageElements, mainScene);
+		this._addBackgroundRect(scene, pageBackgroundFill, model);
+		scene.addObjects(objects);
+		objects === null || objects === void 0 || objects.forEach((object) => {
+			scene.attachTransformerTo(object);
+		});
+		return scene;
+	}
+	_addBackgroundRect(scene, fill, model) {
+		const { width: pageWidth = 0, height: pageHeight = 0 } = model.getPageSize();
+		const page = new _univerjs_engine_render.Rect("canvas", {
+			left: 0,
+			top: 0,
+			width: pageWidth,
+			height: pageHeight,
+			strokeWidth: 1,
+			stroke: "rgba(198,198,198, 1)",
+			fill: (0, _univerjs_core.getColorStyle)(fill) || "rgba(255,255,255, 1)",
+			zIndex: 0,
+			evented: false
+		});
+		scene.addObject(page, 0);
+	}
+};
+SlideAdaptor = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.Injector))], SlideAdaptor);
+var SlideAdaptorFactory = class {
+	constructor() {
+		_defineProperty(this, "zIndex", 6);
+	}
+	create(injector) {
+		return injector.createInstance(SlideAdaptor);
+	}
+};
+CanvasObjectProviderRegistry.add(new SlideAdaptorFactory());
+
+//#endregion
+//#region src/views/render/adaptors/spreadsheet-adaptor.ts
+var SHEET_VIEW_KEY = /* @__PURE__ */ function(SHEET_VIEW_KEY) {
+	SHEET_VIEW_KEY["MAIN"] = "spreadInSlide";
+	SHEET_VIEW_KEY["SCENE"] = "spreadInSlideScene";
+	SHEET_VIEW_KEY["SCENE_VIEWER"] = "spreadInSlideSceneViewer";
+	SHEET_VIEW_KEY["ROW"] = "spreadInSlideRow";
+	SHEET_VIEW_KEY["COLUMN"] = "spreadInSlideColumn";
+	SHEET_VIEW_KEY["LEFT_TOP"] = "spreadInSlideLeftTop";
+	SHEET_VIEW_KEY["VIEW_MAIN"] = "spreadInSlideViewMain";
+	SHEET_VIEW_KEY["VIEW_TOP"] = "spreadInSlideViewTop";
+	SHEET_VIEW_KEY["VIEW_LEFT"] = "spreadInSlideViewLeft";
+	SHEET_VIEW_KEY["VIEW_LEFT_TOP"] = "spreadInSlideViewLeftTop";
+	return SHEET_VIEW_KEY;
+}(SHEET_VIEW_KEY || {});
+let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
+	constructor(_localeService, _contextService, _configService, _injector) {
+		super();
+		this._localeService = _localeService;
+		this._contextService = _contextService;
+		this._configService = _configService;
+		this._injector = _injector;
+		_defineProperty(this, "zIndex", 4);
+		_defineProperty(this, "viewKey", PageElementType.SPREADSHEET);
+	}
+	check(type) {
+		if (type !== this.viewKey) return;
+		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;
+		const styleModel = new _univerjs_core.Styles(styles);
+		const spreadsheetSkeleton = new _univerjs_engine_render.SpreadsheetSkeleton(new _univerjs_core.Worksheet(id, worksheet, styleModel), styleModel, this._localeService, this._contextService, this._configService, this._injector);
+		const { rowTotalHeight, columnTotalWidth, rowHeaderWidth, columnHeaderHeight } = spreadsheetSkeleton;
+		const allWidth = columnTotalWidth + worksheet.rowHeader.width || 0;
+		const allHeight = rowTotalHeight + worksheet.columnHeader.height || 0;
+		const sv = new _univerjs_engine_render.SceneViewer(SHEET_VIEW_KEY.SCENE_VIEWER + id, {
+			top,
+			left,
+			width,
+			height,
+			zIndex,
+			angle,
+			scaleX,
+			scaleY,
+			skewX,
+			skewY,
+			flipX,
+			flipY,
+			forceRender: true
+		});
+		const scene = new _univerjs_engine_render.Scene(SHEET_VIEW_KEY.SCENE + id, sv, {
+			width: allWidth,
+			height: allHeight
+		});
+		this._updateViewport(id, rowHeaderWidth, columnHeaderHeight, scene, mainScene);
+		const spreadsheet = new _univerjs_engine_render.Spreadsheet("testSheetViewer", spreadsheetSkeleton, false);
+		const spreadsheetRowHeader = new _univerjs_engine_render.SpreadsheetRowHeader(SHEET_VIEW_KEY.ROW, spreadsheetSkeleton);
+		const spreadsheetColumnHeader = new _univerjs_engine_render.SpreadsheetColumnHeader(SHEET_VIEW_KEY.COLUMN, spreadsheetSkeleton);
+		const SpreadsheetLeftTopPlaceholder = new _univerjs_engine_render.Rect(SHEET_VIEW_KEY.LEFT_TOP, {
+			zIndex: 2,
+			left: -1,
+			top: -1,
+			width: rowHeaderWidth,
+			height: columnHeaderHeight,
+			fill: (0, _univerjs_engine_render.getColor)([
+				248,
+				249,
+				250
+			]),
+			stroke: (0, _univerjs_engine_render.getColor)([
+				217,
+				217,
+				217
+			]),
+			strokeWidth: 1
+		});
+		spreadsheet.zIndex = 10;
+		scene.addObjects([spreadsheet], 1);
+		scene.addObjects([
+			spreadsheetRowHeader,
+			spreadsheetColumnHeader,
+			SpreadsheetLeftTopPlaceholder
+		], 2);
+		return sv;
+	}
+	_updateViewport(id, rowHeaderWidth, columnHeaderHeight, scene, mainScene) {
+		if (mainScene == null) return;
+		const rowHeaderWidthScale = rowHeaderWidth * scene.scaleX;
+		const columnHeaderHeightScale = columnHeaderHeight * scene.scaleY;
+		const viewMain = new _univerjs_engine_render.Viewport(SHEET_VIEW_KEY.VIEW_MAIN + id, scene, {
+			left: rowHeaderWidthScale,
+			top: columnHeaderHeightScale,
+			bottom: 0,
+			right: 0,
+			explicitViewportWidthSet: false,
+			explicitViewportHeightSet: false,
+			isWheelPreventDefaultX: true
+		});
+		const viewTop = new _univerjs_engine_render.Viewport(SHEET_VIEW_KEY.VIEW_TOP + id, scene, {
+			left: rowHeaderWidthScale,
+			height: columnHeaderHeightScale,
+			top: 0,
+			right: 0,
+			explicitViewportWidthSet: false,
+			isWheelPreventDefaultX: true
+		});
+		const viewLeft = new _univerjs_engine_render.Viewport(SHEET_VIEW_KEY.VIEW_LEFT + id, scene, {
+			left: 0,
+			bottom: 0,
+			top: columnHeaderHeightScale,
+			width: rowHeaderWidthScale,
+			explicitViewportHeightSet: false,
+			isWheelPreventDefaultX: true
+		});
+		new _univerjs_engine_render.Viewport(SHEET_VIEW_KEY.VIEW_LEFT_TOP + id, scene, {
+			left: 0,
+			top: 0,
+			width: rowHeaderWidthScale,
+			height: columnHeaderHeightScale,
+			isWheelPreventDefaultX: true
+		});
+		viewMain.onScrollAfter$.subscribeEvent((param) => {
+			const { scrollX, scrollY, viewportScrollX, viewportScrollY } = param;
+			viewTop.updateScrollVal({
+				scrollX,
+				viewportScrollX
+			});
+			viewLeft.updateScrollVal({
+				scrollY,
+				viewportScrollY
+			});
+		});
+		scene.attachControl();
+		new _univerjs_engine_render.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;
+				if (scene.scaleX < 1) scrollNum /= 2;
+				if (scene.scaleX + scrollNum > 4) scene.scale(4, 4);
+				else if (scene.scaleX + scrollNum < .1) scene.scale(.1, .1);
+				else {
+					scene.scaleBy(scrollNum, scrollNum);
+					e.preventDefault();
+				}
+			} else viewMain.onMouseWheel(e, state);
+		});
+	}
+};
+SpreadsheetAdaptor = __decorate([
+	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService)),
+	__decorateParam(1, _univerjs_core.IContextService),
+	__decorateParam(2, _univerjs_core.IConfigService),
+	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_core.Injector))
+], SpreadsheetAdaptor);
+var SpreadsheetAdaptorFactory = class {
+	constructor() {
+		_defineProperty(this, "zIndex", 4);
+	}
+	create(injector) {
+		return injector.createInstance(SpreadsheetAdaptor);
+	}
+};
+CanvasObjectProviderRegistry.add(new SpreadsheetAdaptorFactory());
+
+//#endregion
+//#region src/views/render/index.ts
+let SLIDE_KEY = /* @__PURE__ */ function(SLIDE_KEY) {
+	SLIDE_KEY["COMPONENT"] = "__slideRender__";
+	SLIDE_KEY["SCENE"] = "__mainScene__";
+	SLIDE_KEY["VIEW"] = "__mainView__";
+	return SLIDE_KEY;
+}({});
+
+//#endregion
+exports.ArrowsAndMarkersShapes = ArrowsAndMarkersShapes;
+exports.BasicShapes = BasicShapes;
+exports.CanvasObjectProviderRegistry = CanvasObjectProviderRegistry;
+exports.DEFAULT_SLIDE = DEFAULT_SLIDE;
+exports.ObjectAdaptor = ObjectAdaptor;
+Object.defineProperty(exports, 'ObjectProvider', {
+  enumerable: true,
+  get: function () {
+    return ObjectProvider;
+  }
+});
+exports.OtherShapes = OtherShapes;
+exports.PageElementType = PageElementType;
+exports.PageType = PageType;
+exports.RelativeSlideLink = RelativeSlideLink;
+exports.SLIDE_KEY = SLIDE_KEY;
+exports.SLIDE_VIEW_KEY = SLIDE_VIEW_KEY;
+exports.SlideDataModel = SlideDataModel;
+exports.SpecialShapes = SpecialShapes;
+Object.defineProperty(exports, 'UniverSlidesPlugin', {
+  enumerable: true,
+  get: function () {
+    return UniverSlidesPlugin;
+  }
+});