@univerjs/slides 0.20.1 → 0.21.0

package/lib/es/index.js

@@ -1 +1,1159 @@
-import{BasicShapes as e,DocumentDataModel as t,IConfigService as n,IContextService as r,Inject as i,Injector as a,LocaleService as o,PageElementType as s,Plugin as c,Registry as l,SlideDataModel as u,Styles as d,UniverInstanceType as f,Worksheet as p,getColorStyle as m,merge as h,sortRules as g}from"@univerjs/core";import{Circle as _,DocumentSkeleton as v,DocumentViewModel as y,Documents as b,IRenderManagerService as x,IRenderingEngine as S,Image as C,Liquid as w,PageLayoutType as T,Rect as E,RichText as D,Scene as O,SceneViewer as k,ScrollBar as A,Slide as j,Spreadsheet as M,SpreadsheetColumnHeader as N,SpreadsheetRowHeader as P,SpreadsheetSkeleton as F,Viewport as I,getColor as L}from"@univerjs/engine-render";var R=`@univerjs/slides`,z=`0.20.1`;const B=`slides.config`;Symbol(B);const V={};function H(e){"@babel/helpers - typeof";return H=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},H(e)}function ee(e,t){if(H(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(H(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function te(e){var t=ee(e,`string`);return H(t)==`symbol`?t:t+``}function U(e,t,n){return(t=te(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function W(e,t){return function(n,r){t(n,r,e)}}function G(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 K=class extends c{constructor(e=V,t,n,r){super(),this._config=e,this._injector=t,this._renderManagerService=n,this._configService=r,U(this,`_canvasEngine`,null);let{...i}=h({},V,this._config);this._configService.setConfig(B,i),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(S)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(e){[].forEach(t=>{e.add(t)})}};U(K,`pluginName`,`UNIVER_SLIDES_PLUGIN`),U(K,`packageName`,R),U(K,`version`,z),U(K,`type`,f.UNIVER_SLIDE),K=G([W(1,i(a)),W(2,x),W(3,n)],K);var q=class{constructor(){U(this,`zIndex`,0),U(this,`viewKey`,null)}check(e){if(e===this.viewKey)return this}create(e){}};const J=l.create();let Y=function(e){return e.MAIN=`__DocsRender__`,e.SCENE_VIEWER=`__DocsViewer__`,e.SCENE=`__DocsScene__`,e.VIEWPORT=`__DocsViewPort_`,e}({}),X=class extends q{constructor(e){super(),this._localeService=e,U(this,`zIndex`,5),U(this,`viewKey`,s.DOCUMENT),U(this,`_liquid`,new w)}check(e){if(e===this.viewKey)return this}convert(e,n){var r,i;let{id:a,zIndex:o,left:s=0,top:c=0,width:l,height:u,angle:d,scaleX:f,scaleY:p,skewX:m,skewY:h,flipX:g,flipY:_,title:x,description:S,document:w}=e;if(w==null)return;let T=new y(new t(w)),E=v.create(T,this._localeService),D=new b(Y.MAIN,E);E.calculate();let j=new k(Y.SCENE_VIEWER+a,{top:c,left:s,width:l,height:u,zIndex:o,angle:d,scaleX:f,scaleY:p,skewX:m,skewY:h,flipX:g,flipY:_}),M=new O(Y.SCENE+a,j),N=new I(Y.VIEWPORT+a,M,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});M.attachControl(),M.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,M.scaleX<1&&(t/=2),M.scaleX+t>4?M.scale(4,4):M.scaleX+t<.1?M.scale(.1,.1):(n.deltaY,n.preventDefault())}else N.onMouseWheel(n,t)}),new A(N,{mainScene:n}),M.addObject(D);let P=E.getActualSize();D.resize(P.actualWidth,P.actualHeight),M.resize(P.actualWidth,P.actualHeight+200),(r=D.getSkeleton())==null||r.getPageSize(),D.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:F,top:L}=D,R=E.getSkeletonData();if(R==null)return;let{pages:z}=R,B=[],V=new Map;this._recalculateSizeBySkeleton(D,M,E);for(let e=0,t=z.length;e<t;e++){let t=z[e],{skeDrawings:n,marginLeft:r,marginTop:i,pageWidth:a,pageHeight:o}=t;this._liquid.translatePagePadding(t),n.forEach(e=>{let{aLeft:t,aTop:n,height:r,width:i,drawingOrigin:a}=e,{docTransform:o}=a,s=new C(e.drawingId,{left:t+F+this._liquid.x,top:n+L+this._liquid.y,width:i,height:r,zIndex:11});V.set(e.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),B.push(s)}),this._liquid.translatePage(t,D.pageLayoutType,D.pageMarginLeft,D.pageMarginTop)}return M.addObjects(B),B.forEach(e=>{M.attachTransformerTo(e)}),(i=M.getTransformer())==null||i.changing$.subscribe(e=>{let{objects:t}=e;t.forEach(e=>{let{oKey:t,left:n,top:r,height:i,width:a}=e,o=V.get(t),s=(o==null?void 0:o.marginLeft)||0,c=(o==null?void 0:o.marginTop)||0;E==null||E.getViewModel().getDataModel().updateDrawing(t,{left:n-F-s,top:r-L-c,height:i,width:a})}),E==null||E.calculate()}),this._calculatePagePosition(D,M,N),j}_recalculateSizeBySkeleton(e,t,n){var r;let i=(r=n.getSkeletonData())==null?void 0:r.pages;if(i==null)return;let a=0,o=0;for(let t=0,n=i.length;t<n;t++){let{pageWidth:r,pageHeight:s}=i[t];e.pageLayoutType===T.VERTICAL?(o+=s,o+=e.pageMarginTop,t===n-1&&(o+=e.pageMarginTop),a=Math.max(a,r)):e.pageLayoutType===T.HORIZONTAL&&(a+=r,t!==n-1&&(a+=e.pageMarginLeft),o=Math.max(o,s))}e.resize(a,o),t.resize(a,o)}_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}};X=G([W(0,i(o))],X);var ne=class{constructor(){U(this,`zIndex`,5)}create(e){return e.createInstance(X)}};J.add(new ne);var re=class extends q{constructor(...e){super(...e),U(this,`zIndex`,1),U(this,`viewKey`,s.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:t,zIndex:n,left:r=0,top:i=0,width:a,height:o,angle:s,scaleX:c,scaleY:l,skewX:u,skewY:d,flipX:f,flipY:p,title:m,description:h,image:g={}}=e,{imageProperties:_,placeholder:v,link:y}=g;return new C(t,{url:(_==null?void 0:_.contentUrl)||``,top:i,left:r,width:a,height:o,zIndex:n,angle:s,scaleX:c,scaleY:l,skewX:u,skewY:d,flipX:f,flipY:p,forceRender:!0})}},ie=class{constructor(){U(this,`zIndex`,4)}create(e){return e.createInstance(re)}};J.add(new ie);let Z=class extends q{constructor(e){super(),this._localeService=e,U(this,`zIndex`,2),U(this,`viewKey`,s.TEXT)}check(e){if(e===this.viewKey)return this}convert(e,t){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,richText:_={}}=e,{text:v,ff:y,fs:b,it:x,bl:S,ul:C,st:w,ol:T,bg:E,bd:O,cl:k,rich:A}=_,j={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},M=!1;if(v==null?A!=null&&(j={...j,richText:A},M=!0):(j={...j,text:v,ff:y,fs:b,it:x,bl:S,ul:C,st:w,ol:T,bg:E,bd:O,cl:k},M=!0),M!==!1)return new D(this._localeService,n,j)}};Z=G([W(0,i(o))],Z);var ae=class{constructor(){U(this,`zIndex`,0)}create(e){return e.createInstance(Z)}};J.add(new ae);var oe=class extends q{constructor(...e){super(...e),U(this,`zIndex`,2),U(this,`viewKey`,s.SHAPE)}check(e){if(e===this.viewKey)return this}convert(t){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:h,title:g,description:v}=t,{shapeType:y,text:b,shapeProperties:x,placeholder:S,link:C}=t.shape||{},w=x==null?``:m(x.shapeBackgroundFill)||`rgba(255,255,255,1)`,T=x==null?void 0:x.outline,D={};if(T){let{outlineFill:e,weight:t}=T;D.strokeWidth=t,D.stroke=m(e)||`rgba(0,0,0,1)`}if(y===e.Rect)return new E(n,{fill:w,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,forceRender:!0,...D});if(y===e.RoundRect)return new E(n,{fill:w,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,forceRender:!0,radius:(x==null?void 0:x.radius)||0,...D});if(y===e.Ellipse)return console.warn(x==null?void 0:x.radius),new _(n,{fill:w,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,forceRender:!0,radius:(x==null?void 0:x.radius)||0,...D})}},se=class{constructor(){U(this,`zIndex`,2)}create(e){return e.createInstance(oe)}};J.add(new se);let Q=class{constructor(e){this._injector=e,U(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(){J.getData().sort(g).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};Q=G([W(0,i(a))],Q);let ce=function(e){return e.MAIN=`__SLIDERender__`,e.SCENE_VIEWER=`__SLIDEViewer__`,e.SCENE=`__SLIDEScene__`,e.VIEWPORT=`__SLIDEViewPort_`,e}({}),le=class extends q{constructor(e){super(),this._injector=e,U(this,`zIndex`,6),U(this,`viewKey`,s.SLIDE),U(this,`_ObjectProvider`,null)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:r,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,title:g,description:_,slide:v}=e;if(v==null)return;let y=new u(v),b=new j(ce.MAIN+n,{top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0});b.enableNav(),b.enableSelectedClipElement();let x=y.getPageOrder(),S=y.getPages();if(!x||!S)return b;this._ObjectProvider=new Q(this._injector);for(let e=0,n=x.length;e<n;e++){let n=S[x[e]],{id:r}=n;b.addPageScene(this._createScene(r,b,n,t,y))}return b.activeFirstPage(),b}_createScene(e,t,n,r,i){var a;let{width:o,height:s}=t,c=new O(e,t,{width:o,height:s});new I(`PageViewer_${e}`,c,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:l,pageBackgroundFill:u}=n,d=(a=this._ObjectProvider)==null?void 0:a.convertToRenderObjects(l,r);return this._addBackgroundRect(c,u,i),c.addObjects(d),d==null||d.forEach(e=>{c.attachTransformerTo(e)}),c}_addBackgroundRect(e,t,n){let{width:r=0,height:i=0}=n.getPageSize(),a=new E(`canvas`,{left:0,top:0,width:r,height:i,strokeWidth:1,stroke:`rgba(198,198,198, 1)`,fill:m(t)||`rgba(255,255,255, 1)`,zIndex:0,evented:!1});e.addObject(a,0)}};le=G([W(0,i(a))],le);var ue=class{constructor(){U(this,`zIndex`,6)}create(e){return e.createInstance(le)}};J.add(new ue);var $=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}($||{});let de=class extends q{constructor(e,t,n,r){super(),this._localeService=e,this._contextService=t,this._configService=n,this._injector=r,U(this,`zIndex`,4),U(this,`viewKey`,s.SPREADSHEET)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:r,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:u,skewX:f,skewY:m,flipX:h,flipY:g,spreadsheet:_}=e;if(_==null)return;let{worksheet:v,styles:y}=_,b=new d(y),x=new F(new p(n,v,b),b,this._localeService,this._contextService,this._configService,this._injector),{rowTotalHeight:S,columnTotalWidth:C,rowHeaderWidth:w,columnHeaderHeight:T}=x,D=C+v.rowHeader.width||0,A=S+v.columnHeader.height||0,j=new k($.SCENE_VIEWER+n,{top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:f,skewY:m,flipX:h,flipY:g,forceRender:!0}),I=new O($.SCENE+n,j,{width:D,height:A});this._updateViewport(n,w,T,I,t);let R=new M(`testSheetViewer`,x,!1),z=new P($.ROW,x),B=new N($.COLUMN,x),V=new E($.LEFT_TOP,{zIndex:2,left:-1,top:-1,width:w,height:T,fill:L([248,249,250]),stroke:L([217,217,217]),strokeWidth:1});return R.zIndex=10,I.addObjects([R],1),I.addObjects([z,B,V],2),j}_updateViewport(e,t,n,r,i){if(i==null)return;let a=t*r.scaleX,o=n*r.scaleY,s=new I($.VIEW_MAIN+e,r,{left:a,top:o,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),c=new I($.VIEW_TOP+e,r,{left:a,height:o,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),l=new I($.VIEW_LEFT+e,r,{left:0,bottom:0,top:o,width:a,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new I($.VIEW_LEFT_TOP+e,r,{left:0,top:0,width:a,height:o,isWheelPreventDefaultX:!0}),s.onScrollAfter$.subscribeEvent(e=>{let{scrollX:t,scrollY:n,viewportScrollX:r,viewportScrollY:i}=e;c.updateScrollVal({scrollX:t,viewportScrollX:r}),l.updateScrollVal({scrollY:n,viewportScrollY:i})}),r.attachControl(),new A(s,{mainScene:i}),r.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,r.scaleX<1&&(t/=2),r.scaleX+t>4?r.scale(4,4):r.scaleX+t<.1?r.scale(.1,.1):(r.scaleBy(t,t),n.preventDefault())}else s.onMouseWheel(n,t)})}};de=G([W(0,i(o)),W(1,r),W(2,n),W(3,i(a))],de);var fe=class{constructor(){U(this,`zIndex`,4)}create(e){return e.createInstance(de)}};J.add(new fe);let pe=function(e){return e.COMPONENT=`__slideRender__`,e.SCENE=`__mainScene__`,e.VIEW=`__mainView__`,e}({});export{J as CanvasObjectProviderRegistry,q as ObjectAdaptor,Q as ObjectProvider,pe as SLIDE_KEY,ce as SLIDE_VIEW_KEY,K as UniverSlidesPlugin};
+import { DocumentDataModel, IConfigService, IContextService, IUniverInstanceService, Inject, Injector, LocaleService, Plugin, Registry, Styles, UnitModel, UniverInstanceType, Worksheet, generateRandomId, getColorStyle, merge, sortRules } from "@univerjs/core";
+import { BehaviorSubject } from "rxjs";
+import { Circle, DocumentSkeleton, DocumentViewModel, Documents, IRenderingEngine, Image, Liquid, PageLayoutType, Rect, RichText, Scene, SceneViewer, ScrollBar, Slide, Spreadsheet, SpreadsheetColumnHeader, SpreadsheetRowHeader, SpreadsheetSkeleton, Viewport, getColor } from "@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 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", UniverInstanceType.UNIVER_SLIDE);
+		_defineProperty(this, "_activePage$", new 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 : generateRandomId(6);
+		this._name$ = new 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 : 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 = 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 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 } = merge({}, defaultPluginConfig, this._config);
+		this._configService.setConfig(SLIDES_PLUGIN_CONFIG_KEY, rest);
+		this._initializeDependencies(this._injector);
+	}
+	onStarting() {
+		this._univerInstanceService.registerCtorForType(UniverInstanceType.UNIVER_SLIDE, SlideDataModel);
+	}
+	initialize() {
+		this.initCanvasEngine();
+	}
+	onReady() {}
+	getConfig() {
+		return this._config;
+	}
+	initCanvasEngine() {
+		this._canvasEngine = this._injector.get(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", UniverInstanceType.UNIVER_SLIDE);
+UniverSlidesPlugin = __decorate([
+	__decorateParam(1, Inject(Injector)),
+	__decorateParam(2, IConfigService),
+	__decorateParam(3, 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 = 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 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 DocumentViewModel(new DocumentDataModel(documentData));
+		const documentSkeleton = DocumentSkeleton.create(docViewModel, this._localeService);
+		const documents = new Documents(DOCS_VIEW_KEY.MAIN, documentSkeleton);
+		documentSkeleton.calculate();
+		const sv = new SceneViewer(DOCS_VIEW_KEY.SCENE_VIEWER + id, {
+			top,
+			left,
+			width,
+			height,
+			zIndex,
+			angle,
+			scaleX,
+			scaleY,
+			skewX,
+			skewY,
+			flipX,
+			flipY
+		});
+		const scene = new Scene(DOCS_VIEW_KEY.SCENE + id, sv);
+		const viewMain = new 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 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 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 === PageLayoutType.VERTICAL) {
+				height += pageHeight;
+				height += docsComponent.pageMarginTop;
+				if (i === len - 1) height += docsComponent.pageMarginTop;
+				width = Math.max(width, pageWidth);
+			} else if (docsComponent.pageLayoutType === 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, Inject(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 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 RichText(this._localeService, id, config);
+	}
+};
+RichTextAdaptor = __decorate([__decorateParam(0, Inject(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 ? "" : 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 = getColorStyle(outlineFill) || "rgba(0,0,0,1)";
+		}
+		if (shapeType === BasicShapes.Rect) return new Rect(id, {
+			fill,
+			top,
+			left,
+			width,
+			height,
+			zIndex,
+			angle,
+			scaleX,
+			scaleY,
+			skewX,
+			skewY,
+			flipX,
+			flipY,
+			forceRender: true,
+			...strokeStyle
+		});
+		if (shapeType === BasicShapes.RoundRect) return new 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 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(sortRules).forEach((adaptorFactory) => {
+			this._adaptors.push(adaptorFactory.create(this._injector));
+		});
+	}
+};
+ObjectProvider = __decorate([__decorateParam(0, Inject(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 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 Scene(pageId, parent, {
+			width,
+			height
+		});
+		new 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 Rect("canvas", {
+			left: 0,
+			top: 0,
+			width: pageWidth,
+			height: pageHeight,
+			strokeWidth: 1,
+			stroke: "rgba(198,198,198, 1)",
+			fill: getColorStyle(fill) || "rgba(255,255,255, 1)",
+			zIndex: 0,
+			evented: false
+		});
+		scene.addObject(page, 0);
+	}
+};
+SlideAdaptor = __decorate([__decorateParam(0, Inject(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 Styles(styles);
+		const spreadsheetSkeleton = new SpreadsheetSkeleton(new 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 SceneViewer(SHEET_VIEW_KEY.SCENE_VIEWER + id, {
+			top,
+			left,
+			width,
+			height,
+			zIndex,
+			angle,
+			scaleX,
+			scaleY,
+			skewX,
+			skewY,
+			flipX,
+			flipY,
+			forceRender: true
+		});
+		const scene = new Scene(SHEET_VIEW_KEY.SCENE + id, sv, {
+			width: allWidth,
+			height: allHeight
+		});
+		this._updateViewport(id, rowHeaderWidth, columnHeaderHeight, scene, mainScene);
+		const spreadsheet = new Spreadsheet("testSheetViewer", spreadsheetSkeleton, false);
+		const spreadsheetRowHeader = new SpreadsheetRowHeader(SHEET_VIEW_KEY.ROW, spreadsheetSkeleton);
+		const spreadsheetColumnHeader = new SpreadsheetColumnHeader(SHEET_VIEW_KEY.COLUMN, spreadsheetSkeleton);
+		const SpreadsheetLeftTopPlaceholder = new Rect(SHEET_VIEW_KEY.LEFT_TOP, {
+			zIndex: 2,
+			left: -1,
+			top: -1,
+			width: rowHeaderWidth,
+			height: columnHeaderHeight,
+			fill: getColor([
+				248,
+				249,
+				250
+			]),
+			stroke: 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 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 Viewport(SHEET_VIEW_KEY.VIEW_TOP + id, scene, {
+			left: rowHeaderWidthScale,
+			height: columnHeaderHeightScale,
+			top: 0,
+			right: 0,
+			explicitViewportWidthSet: false,
+			isWheelPreventDefaultX: true
+		});
+		const viewLeft = new Viewport(SHEET_VIEW_KEY.VIEW_LEFT + id, scene, {
+			left: 0,
+			bottom: 0,
+			top: columnHeaderHeightScale,
+			width: rowHeaderWidthScale,
+			explicitViewportHeightSet: false,
+			isWheelPreventDefaultX: true
+		});
+		new 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 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, Inject(LocaleService)),
+	__decorateParam(1, IContextService),
+	__decorateParam(2, IConfigService),
+	__decorateParam(3, Inject(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
+export { ArrowsAndMarkersShapes, BasicShapes, CanvasObjectProviderRegistry, DEFAULT_SLIDE, ObjectAdaptor, ObjectProvider, OtherShapes, PageElementType, PageType, RelativeSlideLink, SLIDE_KEY, SLIDE_VIEW_KEY, SlideDataModel, SpecialShapes, UniverSlidesPlugin };