@univerjs/slides-ui 0.18.0 → 0.19.0

package/lib/cjs/index.js

@@ -1,36 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@univerjs/core`),t=require(`@univerjs/engine-render`),n=require(`@univerjs/slides`),r=require(`@univerjs/drawing`),i=require(`@univerjs/ui`),a=require(`@univerjs/design`),o=require(`@univerjs/icons`),s=require(`react/jsx-runtime`),c=require(`react`),l=require(`@univerjs/docs-ui`),u=require(`rxjs`),d=require(`@univerjs/docs`);function f(e){"@babel/helpers - typeof";return f=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},f(e)}function p(e,t){if(f(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(f(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function m(e){var t=p(e,`string`);return f(t)==`symbol`?t:t+``}function h(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){return function(n,r){t(n,r,e)}}function _(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 v=class extends e.RxDisposable{constructor(t,r,i,a){super(),this._renderContext=t,this._injector=r,this._univerInstanceService=i,this._renderManagerService=a,h(this,`_objectProvider`,null),h(this,`_refreshThumb`,(0,e.debounce)(()=>{this.createThumbs()},300)),this._objectProvider=this._injector.createInstance(n.ObjectProvider),this._addNewRender()}_addNewRender(){let{unitId:e,engine:r,scene:i}=this._renderContext,a=this._getCurrUnitModel();if(!a)return;let o=r.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),o==null||o.unsubscribe()});r.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});let s=new t.Viewport(n.SLIDE_KEY.VIEW,i,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});i.attachControl(),i.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,i.scaleX<1&&(t/=2),i.scaleX+t>4?i.scale(4,4):i.scaleX+t<.1?i.scale(.1,.1):(n.deltaY,n.preventDefault())}else s.onMouseWheel(n,t)}),i.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),t.ScrollBar.attachTo(s);let c=this._createSlide(i);this._renderContext.mainComponent=c,this._createSlidePages(a,c),this.createThumbs(),r.runRenderLoop(()=>{i.render()})}_scrollToCenter(){var e;let t=(e=this._currentRender())==null?void 0:e.scene,r=t==null?void 0:t.getViewport(n.SLIDE_KEY.VIEW),i=this._getCenterPositionViewPort(t);if(!r||!i)return;let{left:a,top:o}=i,{x:s,y:c}=r.transViewportScroll2ScrollValue(a,o);r.scrollToBarPos({x:s,y:c})}_currentRender(){return(0,t.getCurrentTypeOfRenderer)(e.UniverInstanceType.UNIVER_SLIDE,this._univerInstanceService,this._renderManagerService)}_createSlide(r){let i=this._univerInstanceService.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE),{width:a,height:o}=r,{width:s=100,height:c=100}=i.getPageSize(),l=new t.Slide(n.SLIDE_KEY.COMPONENT,{left:(a-s)/2,top:(o-c)/2,width:s,height:c,zIndex:10});return l.enableSelectedClipElement(),r.addObject(l),l}_addBackgroundRect(n,r){let{width:i=0,height:a=0}=this._univerInstanceService.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE).getPageSize(),o=new t.Rect(`canvas`,{left:0,top:0,width:i,height:a,strokeWidth:1,stroke:`rgba(198,198,198,1)`,fill:(0,e.getColorStyle)(r)||`rgba(255,255,255,1)`,zIndex:0,evented:!1});n.addObject(o,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};let{width:t,height:n}=e,r=e.getEngine(),i=(r==null?void 0:r.width)||0,a=(r==null?void 0:r.height)||0;return{left:(t-i)/2,top:(n-a)/2}}_thumbSceneRender(e,t){let n=this._renderManagerService.getRenderById(e);if(n==null)return;let{engine:r}=n;if(r==null)return;let{width:i,height:a}=t,{width:o=i,height:s=a}=r,c=r.getCanvas().getContext();t.renderToThumb(c,e,o/i,s/a)}_createSlidePages(e,t){let n=e.getPages(),r=e.getPageOrder();if(!(!n||!r)&&r.length!==0){for(let e=0,t=r.length;e<t;e++){let t=r[e];this.createPageScene(t,n[t]),this._createThumb(t)}t.activeFirstPage()}}_createThumb(e){this._renderManagerService.createRender(e)}_getCurrUnitModel(){return this._renderContext.unit}activePage(e){let t=e,n=this._getCurrUnitModel(),r;if(t)r=n.getPage(t);else{let e=n.getPages(),i=n.getPageOrder();if(i==null||e==null)return;r=e[i[0]],t=r.id}let i=this._currentRender();if(r==null||i==null||i.mainComponent==null)return;let{id:a}=r,o=i.mainComponent;if(n.setActivePage(r),o!=null&&o.hasPage(a)){o.changePage(a);return}this.createPageScene(a,r)}createThumbs(){let e=this._getCurrUnitModel().getPageOrder(),t=this._currentRender();if(!(!e||!t)&&e.length!==0)for(let n=0,r=e.length;n<r;n++){let r=e[n];this._thumbSceneRender(r,t.mainComponent)}}createPageScene(e,n){let r=this._renderContext;if(!r||!this._objectProvider)return;let{scene:i,mainComponent:a}=r,o=a,{width:s,height:c}=o,l=new t.Scene(e,o,{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}=n,f=this._objectProvider.convertToRenderObjects(u,i);if(!f||!o)return;this._addBackgroundRect(l,d),l.addObjects(f),l.initTransformer(),f.forEach(e=>{l.attachTransformerTo(e)});let p=l.getTransformer();return p==null||p.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,o)}),p==null||p.clearControl$.subscribe(()=>{this._thumbSceneRender(e,o)}),o.addPageScene(l),l}getPageRenderUnit(e){let t=this._renderContext.mainComponent.getSubScenes().get(e),{engine:n,unit:r}=this._renderContext;return{scene:t,engine:n,unit:r}}createObjectToPage(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n||!this._objectProvider)return;let r=this._objectProvider.convertToRenderObject(e,n);if(r)return n.addObject(r),n.attachTransformerTo(r),n.getLayer().makeDirty(),r}setObjectActiveByPage(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n)return;let r=n.getTransformer();r==null||r.activeAnObject(e)}removeObjectById(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n)return;n.removeObject(e);let r=n.getTransformer();r==null||r.clearControls()}appendPage(){let e=this._getCurrUnitModel(),t=e.getBlankPage(),n=this._currentRender();if(t==null||n==null||n.mainComponent==null)return;let{id:r}=t,i=n.mainComponent,a=this.createPageScene(r,t);i&&a&&i.addPageScene(a),e.appendPage(t),e.setActivePage(t)}};v=_([g(1,(0,e.Inject)(e.Injector)),g(2,e.IUniverInstanceService),g(3,t.IRenderManagerService)],v);let y=class extends e.RxDisposable{constructor(e){super(),this._renderManagerService=e}_getSlideRenderControllerFromRenderUnit(e){return this._renderManagerService.getRenderById(e).with(v)}createThumbs(e){this._getSlideRenderControllerFromRenderUnit(e).createThumbs()}activePage(e,t){this._getSlideRenderControllerFromRenderUnit(t).activePage(e)}getRenderUnitByPageId(e,t){return this._getSlideRenderControllerFromRenderUnit(t).getPageRenderUnit(e)}createObjectToPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).createObjectToPage(e,t)}setObjectActiveByPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).setObjectActiveByPage(e,t)}removeObjectById(e,t,n){this._getSlideRenderControllerFromRenderUnit(n).removeObjectById(e,t)}appendPage(e){this._getSlideRenderControllerFromRenderUnit(e).appendPage()}};y=_([g(0,t.IRenderManagerService)],y);const b={id:`slide.operation.activate-slide`,type:e.CommandType.OPERATION,handler:(t,n)=>{var r,i;let a=n.unitId,o=t.get(y),s=t.get(e.IUniverInstanceService).getUnit(a),c=s==null||(r=s.getActivePage())==null?void 0:r.id;if(!c)return!1;let l=o.getRenderUnitByPageId(c,a);if(!l)return!1;let u=(i=l.scene)==null?void 0:i.getTransformer();return u&&u.clearControls(),o.activePage(n.id,a),!0}},x={id:`slide.operation.append-slide`,type:e.CommandType.OPERATION,handler:(t,n)=>{let r=n.unitId;return t.get(e.IUniverInstanceService).getUnit(r)?(t.get(y).appendPage(r),!0):!1}},S={id:`slide.operation.delete-element`,type:e.CommandType.OPERATION,handler:(t,n)=>{if(!(n!=null&&n.id))return!1;let r=n.unitId,i=t.get(e.IUniverInstanceService).getUnit(r);if(!i)return!1;let a=i.getActivePage();return delete a.pageElements[n.id],i.updatePage(a.id,a),t.get(y).removeObjectById(n.id,a.id,r),!0}},C={id:`slide.command.insert-float-image`,type:e.CommandType.COMMAND,handler:async(t,n)=>{var a;let o=t.get(e.IUniverInstanceService),s=(a=o.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE))==null?void 0:a.getUnitId();if(!s)return!1;let c=await t.get(i.ILocalFileService).openFile({multiple:!0,accept:r.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(e=>`.${e.replace(`image/`,``)}`).join(`,`)});if(c.length!==1)return!1;let l=await t.get(r.IImageIoService).saveImage(c[0]);if(!l)return!1;let{imageId:u,imageSourceType:d,source:f,base64Cache:p}=l,{width:m,height:h,image:g}=await(0,r.getImageSize)(p||``),_=o.getUnit(s);if(!_)return!1;let v=_.getActivePage(),b=Object.values(v.pageElements),x={id:u,zIndex:(b!=null&&b.length?Math.max(...b.map(e=>e.zIndex)):20)+1,left:0,top:0,width:m,height:h,title:``,description:``,type:e.PageElementType.IMAGE,image:{imageProperties:{contentUrl:p,imageSourceType:d,source:f,base64Cache:p,image:g}}};v.pageElements[u]=x,_.updatePage(v.id,v);let S=t.get(y),C=S.createObjectToPage(x,v.id,s);return C&&S.setObjectActiveByPage(C,v.id,s),!0}},w={id:`slide.operation.update-element`,type:e.CommandType.OPERATION,handler:(t,n)=>{let{oKey:r,props:i}=n,a=t.get(e.IUniverInstanceService),o=n==null?void 0:n.unitId,s=a.getUnit(o);if(!s)return!1;let c=s.getActivePage();return c.pageElements[r]=(0,e.merge)(c.pageElements[r],i),s.updatePage(c.id,c),!0}};var T=function(e){return e[e.forward=0]=`forward`,e[e.backward=1]=`backward`,e[e.front=2]=`front`,e[e.back=3]=`back`,e}(T||{});function E(t){let{pageId:n,unitId:r}=t,c=(0,i.useDependency)(e.LocaleService),l=(0,i.useDependency)(y),u=(0,i.useDependency)(e.ICommandService),d=l.getRenderUnitByPageId(n,r),f=d==null?void 0:d.scene;if(!f)return null;let p=f.getTransformer();if(!p)return null;let m=p.getSelectedObjectMap().values().next().value;if(!m)return null;let h=e=>{let[t,n]=f.getAllObjects().reduce(([e,t],n)=>{let r=n.zIndex;return[r<e?r:e,r>t?r:t]},[0,0]),i=m.zIndex;e===T.back?i=t-1:e===T.front?i=n+1:e===T.forward?i=m.zIndex+1:e===T.backward&&(i=m.zIndex-1),m.setProps({zIndex:i}),u.executeCommand(w.id,{unitId:r,oKey:m==null?void 0:m.oKey,props:{zIndex:i}})};return(0,s.jsxs)(`div`,{className:`univer-relative univer-w-full`,children:[(0,s.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,s.jsx)(`div`,{className:`
-                      univer-w-full univer-text-left univer-text-gray-600
-                      dark:!univer-text-gray-200
-                    `,children:(0,s.jsx)(`div`,{children:c.t(`image-panel.arrange.title`)})})}),(0,s.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,s.jsx)(`div`,{className:`univer-w-1/2`,children:(0,s.jsx)(a.Button,{onClick:()=>{h(T.forward)},children:(0,s.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,s.jsx)(o.MoveUpIcon,{}),c.t(`image-panel.arrange.forward`)]})})}),(0,s.jsx)(`div`,{className:`univer-w-1/2`,children:(0,s.jsx)(a.Button,{onClick:()=>{h(T.backward)},children:(0,s.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,s.jsx)(o.MoveDownIcon,{}),c.t(`image-panel.arrange.backward`)]})})})]}),(0,s.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,s.jsx)(`div`,{className:`univer-w-1/2`,children:(0,s.jsx)(a.Button,{onClick:()=>{h(T.front)},children:(0,s.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,s.jsx)(o.TopmostIcon,{}),c.t(`image-panel.arrange.front`)]})})}),(0,s.jsx)(`div`,{className:`univer-w-1/2`,children:(0,s.jsx)(a.Button,{onClick:()=>{h(T.back)},children:(0,s.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,s.jsx)(o.BottomIcon,{}),c.t(`image-panel.arrange.back`)]})})})]})]})}function D(t){var n,r;let{pageId:l,unitId:u}=t,d=(0,i.useDependency)(e.LocaleService),f=(0,i.useDependency)(y),p=(0,i.useDependency)(e.ICommandService),m=f.getRenderUnitByPageId(l,u),h=m==null?void 0:m.scene;if(!h)return null;let g=h.getTransformer();if(!g)return null;let _=g.getSelectedObjectMap().values().next().value;if(!_)return null;let[v,b]=(0,c.useState)((n=(r=_.fill)==null?void 0:r.toString())==null?``:n);function x(e){_==null||_.setProps({fill:e}),p.executeCommand(w.id,{unitId:u,oKey:_==null?void 0:_.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:e}}}}}),b(e)}return(0,s.jsx)(`div`,{className:(0,a.clsx)(`univer-relative univer-bottom-0 univer-mt-5 univer-w-full`,a.borderTopClassName),children:(0,s.jsxs)(`div`,{className:`univer-relative univer-w-full`,children:[(0,s.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,s.jsx)(`div`,{className:`
-                          univer-w-full univer-text-left univer-text-gray-600
-                          dark:!univer-text-gray-200
-                        `,children:(0,s.jsx)(`div`,{children:d.t(`slide.panel.fill.title`)})})}),(0,s.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,s.jsx)(`div`,{className:`univer-w-1/2`,children:(0,s.jsx)(a.Dropdown,{overlay:(0,s.jsx)(`div`,{className:`univer-rounded-lg univer-p-4`,children:(0,s.jsx)(a.ColorPicker,{value:`#fff`,onChange:x})}),children:(0,s.jsxs)(`a`,{className:`univer-flex univer-cursor-pointer univer-items-center univer-gap-1`,children:[(0,s.jsx)(o.PaintBucketDoubleIcon,{className:`univer-fill-primary-600`}),(0,s.jsx)(o.MoreDownIcon,{})]})})})})]})})}function O(t){let{pageId:n,unitId:r}=t,o=(0,i.useDependency)(e.LocaleService),l=(0,i.useDependency)(y),u=(0,i.useDependency)(e.ICommandService),d=l.getRenderUnitByPageId(n,r),f=d==null?void 0:d.scene;if(!f)return null;let p=f.getTransformer();if(!p)return null;let m=p.getSelectedObjectMap().values().next().value;if(!m)return null;let{width:h=0,height:g=0,left:_=0,top:v=0,angle:b=0}=m,[x,S]=(0,c.useState)(h),[C,T]=(0,c.useState)(g),[E,D]=(0,c.useState)(_),[O,k]=(0,c.useState)(v),[A,j]=(0,c.useState)(b),M=e=>{let{objects:t}=e,{width:n=0,height:r=0,left:i=0,top:a=0,angle:o=0}=t.values().next().value;S(n),T(r),D(i),k(a),j(o)};(0,c.useEffect)(()=>{let e=p.changeStart$.subscribe(e=>{M(e)}),t=p.changing$.subscribe(e=>{M(e)});return()=>{t.unsubscribe(),e.unsubscribe()}},[]);function N(e){!e||!m||(u.executeCommand(w.id,{pageId:n,oKey:m.oKey,props:{width:e}}),m==null||m.resize(e,m.height),S(e),p==null||p.refreshControls())}function P(e){!e||!m||(u.executeCommand(w.id,{pageId:n,oKey:m.oKey,props:{height:e}}),m==null||m.resize(m.width,e),T(e),p==null||p.refreshControls())}function F(e){!e||!m||(u.executeCommand(w.id,{pageId:n,oKey:m.oKey,props:{left:e}}),m==null||m.translate(e,m.top),D(e),p==null||p.refreshControls())}function I(e){!e||!m||(u.executeCommand(w.id,{pageId:n,oKey:m.oKey,props:{right:e}}),m==null||m.translate(m.left,e),k(e),p==null||p.refreshControls())}function L(e){!e||!m||(u.executeCommand(w.id,{pageId:n,oKey:m.oKey,props:{angle:e}}),m==null||m.transformByState({angle:e}),j(e),p==null||p.refreshControls())}return(0,s.jsxs)(`div`,{className:(0,a.clsx)(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,a.borderTopClassName),children:[(0,s.jsx)(`header`,{className:`
-                  univer-text-gray-600
-                  dark:!univer-text-gray-200
-                `,children:(0,s.jsx)(`div`,{children:o.t(`image-panel.transform.title`)})}),(0,s.jsxs)(`div`,{className:`
-                  univer-grid univer-grid-cols-3 univer-gap-2
-                  [&>div]:univer-grid [&>div]:univer-gap-2
-                `,children:[(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`span`,{children:o.t(`image-panel.transform.width`)}),(0,s.jsx)(a.InputNumber,{min:1,value:x,onChange:e=>{N(e)}})]}),(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`span`,{children:o.t(`image-panel.transform.height`)}),(0,s.jsx)(a.InputNumber,{min:1,value:C,onChange:e=>{P(e)}})]})]}),(0,s.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`span`,{children:o.t(`image-panel.transform.x`)}),(0,s.jsx)(a.InputNumber,{min:0,precision:1,value:E,onChange:e=>{F(e)}})]}),(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`span`,{children:o.t(`image-panel.transform.y`)}),(0,s.jsx)(a.InputNumber,{min:0,precision:1,value:O,onChange:e=>{I(e)}})]}),(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`span`,{children:o.t(`image-panel.transform.rotate`)}),(0,s.jsx)(a.InputNumber,{precision:1,value:A,onChange:L})]})]})]})}const k=`COMPONENT_SLIDE_SIDEBAR`;function A(){var n,r,a;let o=(0,i.useDependency)(e.IUniverInstanceService),c=(0,i.useDependency)(y),l=o.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE),u=l==null||(n=l.getActivePage())==null?void 0:n.id,d=((r=o.getFocusedUnit())==null?void 0:r.getUnitId())||``;if(!u||!d)return null;let f=(a=c.getRenderUnitByPageId(u,d).scene)==null?void 0:a.getTransformer();if(!f)return null;let p=f.getSelectedObjectMap().values().next().value;return p?(0,s.jsxs)(`section`,{className:`univer-p-2 univer-text-center univer-text-sm`,children:[(0,s.jsx)(E,{pageId:u,unitId:d}),(0,s.jsx)(O,{pageId:u,unitId:d}),p.objectType===t.ObjectType.RECT&&(0,s.jsx)(D,{pageId:u,unitId:d})]}):null}const j={id:`slide.command.insert-float-shape.rectangle`,type:e.CommandType.COMMAND,handler:async t=>{var n;let r=t.get(e.ICommandService),i=(n=t.get(e.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return r.executeCommand(M.id,{unitId:i})}},M={id:`slide.operation.insert-float-shape.rectangle`,type:e.CommandType.OPERATION,handler:async(t,n)=>{let r=(0,e.generateRandomId)(6),i=t.get(e.IUniverInstanceService),a=n.unitId,o=i.getUnit(a);if(!o)return!1;let s=o.getActivePage(),c=Object.values(s.pageElements),l={id:r,zIndex:(c!=null&&c.length?Math.max(...c.map(e=>e.zIndex)):20)+1,left:378,top:142,width:250,height:250,title:r,description:``,type:e.PageElementType.SHAPE,shape:{shapeType:e.BasicShapes.Rect,text:``,shapeProperties:{shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};s.pageElements[r]=l,o.updatePage(s.id,s);let u=t.get(y),d=u.createObjectToPage(l,s.id,a);return d&&u.setObjectActiveByPage(d,s.id,a),!0}},N={id:`sidebar.operation.slide-shape`,type:e.CommandType.COMMAND,handler:async(n,r)=>{let{visible:a,objectType:o}=r,s=n.get(i.ISidebarService),c=n.get(e.LocaleService),l=``,u=``;return o===t.ObjectType.RECT?(l=`slide.sidebar.shape`,u=k):o===t.ObjectType.IMAGE?(l=`slide.sidebar.image`,u=k):o===t.ObjectType.RICH_TEXT&&(l=`slide.sidebar.text`,u=k),a?s.open({header:{title:c.t(l)},children:{label:u},onClose:()=>{},width:360}):s.close(),!0}},P={id:`slide.command.insert-float-shape.ellipse`,type:e.CommandType.COMMAND,handler:async t=>{var n;let r=t.get(e.ICommandService),i=(n=t.get(e.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return r.executeCommand(F.id,{unitId:i})}},F={id:`slide.operation.insert-float-shape.ellipse`,type:e.CommandType.OPERATION,handler:async(t,n)=>{let r=(0,e.generateRandomId)(6),i=t.get(e.IUniverInstanceService),a=n.unitId,o=i.getUnit(a);if(!o)return!1;let s=o.getActivePage(),c=Object.values(s.pageElements),l={id:r,zIndex:(c!=null&&c.length?Math.max(...c.map(e=>e.zIndex)):20)+1,left:378,top:142,width:250,height:250,title:r,description:``,type:e.PageElementType.SHAPE,shape:{shapeType:e.BasicShapes.Ellipse,text:``,shapeProperties:{radius:100,shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};s.pageElements[r]=l,o.updatePage(s.id,s);let u=t.get(y),d=u.createObjectToPage(l,s.id,a);return d&&u.setObjectActiveByPage(d,s.id,a),!0}},I={id:`slide.command.add-text`,type:e.CommandType.COMMAND,handler:async t=>{var n;let r=t.get(e.ICommandService),i=(n=t.get(e.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return await r.executeCommand(L.id,{unitId:i})}},L={id:`slide.operation.add-text`,type:e.CommandType.OPERATION,handler:async(t,n)=>{let r=n.unitId,i=(0,e.generateRandomId)(6),a=(n==null?void 0:n.text)||`A New Text`,o=t.get(e.IUniverInstanceService).getUnit(r);if(!o)return!1;let s=o.getActivePage(),c=Object.values(s.pageElements),l={id:i,zIndex:(c!=null&&c.length?Math.max(...c.map(e=>e.zIndex)):21)+1,left:230,top:142,width:220,height:40,title:`text`,description:``,type:e.PageElementType.TEXT,richText:{text:a,fs:30,cl:{rgb:`rgb(51, 51, 51)`},bl:1}};s.pageElements[i]=l,o.updatePage(s.id,s);let u=t.get(y),d=u.createObjectToPage(l,s.id,r);return d&&u.setObjectActiveByPage(d,s.id,r),!0}},ee={id:`slide.operation.set-slide-page-thumb`,type:e.CommandType.OPERATION,handler:(e,t)=>(e.get(y).createThumbs(t.unitId),!0)};function te(){var n,r;let o=(0,i.useDependency)(e.IUniverInstanceService),l=(0,i.useDependency)(e.ICommandService),u=(0,i.useDependency)(t.IRenderManagerService),d=(0,i.useDependency)(e.LocaleService),f=(0,c.useRef)(null),p=o.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE),m=p==null?void 0:p.getPages(),h=p==null?void 0:p.getPageOrder();if(!m||!h)return null;let g=h.map(e=>m[e]),[_,v]=(0,c.useState)((n=p==null||(r=p.getActivePage())==null?void 0:r.id)==null?null:n),y=(0,c.useMemo)(()=>g.map(()=>(0,c.createRef)()),[g]);(0,c.useEffect)(()=>{let e=p==null?void 0:p.activePage$.subscribe(e=>{var t;let n=(t=e==null?void 0:e.id)==null?null:t;n&&v(n)});return()=>{e==null||e.unsubscribe()}},[]),(0,c.useEffect)(()=>{y.forEach((e,t)=>{if(e.current){var n;let r=g[t];(n=u.getRenderById(r.id))==null||n.engine.setContainer(e.current)}}),y.length>0&&l.syncExecuteCommand(ee.id,{unitId:p==null?void 0:p.getUnitId()})},[y,g,u,l,p]);let S=(0,c.useCallback)(e=>{l.syncExecuteCommand(b.id,{id:e,unitId:p==null?void 0:p.getUnitId()})},[l,p]),C=(0,c.useCallback)(()=>{l.syncExecuteCommand(x.id,{unitId:p==null?void 0:p.getUnitId()})},[l,p]);return(0,s.jsx)(`aside`,{ref:f,className:(0,a.clsx)(`
-              univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden
-            `,a.scrollbarClassName),children:(0,s.jsxs)(`div`,{className:`univer-px-4`,children:[(0,s.jsx)(`header`,{className:`univer-flex univer-justify-center univer-pt-4`,children:(0,s.jsx)(`a`,{className:(0,a.clsx)(`
-                          univer-box-border univer-block univer-h-8 univer-w-full univer-cursor-pointer
-                          univer-rounded-md univer-bg-white univer-text-center univer-text-sm univer-leading-8
-                          univer-transition-colors
-                        `,a.borderClassName),onClick:C,children:d.t(`slide.append`)})}),g.map((e,t)=>(0,s.jsxs)(`div`,{className:(0,a.clsx)(`univer-my-4 univer-flex univer-gap-2`,{"[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600":e.id===_}),onClick:()=>S(e.id),children:[(0,s.jsx)(`span`,{children:t+1}),(0,s.jsx)(`div`,{ref:y[t],className:(0,a.clsx)(`
-                              univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white
-                              hover:univer-border-primary-600
-                            `,a.borderClassName)})]},e.id))]})})}const R=(0,e.createInternalEditorID)(`SLIDE_EDITOR`),z={id:`slide.operation.edit-arrow`,type:e.CommandType.OPERATION,handler:()=>!0},ne=`COMPONENT_SLIDE_IMAGE_POPUP_MENU`;function re(t){var n;let r=(n=t.popup)==null||(n=n.extraProps)==null?void 0:n.menuItems;if(!r)return null;let l=(0,i.useDependency)(e.ICommandService),u=(0,i.useDependency)(e.LocaleService),[d,f]=(0,c.useState)(!1),[p,m]=(0,c.useState)(!1),h=()=>{m(!0)},g=()=>{m(!1)},_=e=>{f(e)},v=e=>{l.executeCommand(e.commandId,e.commandParams),f(!1)},y=d||p,b=r.filter(e=>!e.disable);return(0,s.jsx)(`div`,{onMouseEnter:h,onMouseLeave:g,children:(0,s.jsx)(a.Dropdown,{align:`start`,overlay:(0,s.jsx)(`ul`,{className:(0,a.clsx)(`
-                          univer-m-0 univer-box-border univer-grid univer-list-none univer-items-center univer-gap-1
-                          univer-rounded-lg univer-bg-white univer-p-1.5 univer-text-sm univer-shadow-lg
-                        `,a.borderClassName),children:b.map(e=>(0,s.jsx)(`li`,{className:`
-                                  univer-relative univer-box-border univer-flex univer-h-8 univer-cursor-pointer
-                                  univer-items-center univer-rounded univer-text-sm univer-transition-colors
-                                  hover:univer-bg-gray-100
-                                `,onClick:()=>v(e),children:(0,s.jsx)(`span`,{className:`univer-px-2 univer-py-1.5 univer-align-middle`,children:u.t(e.label)})},e.index))}),open:d,onOpenChange:_,children:(0,s.jsxs)(`div`,{className:(0,a.clsx)(`
-                      univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1
-                      hover:univer-bg-gray-100
-                      dark:hover:!univer-bg-gray-800
-                    `,a.borderClassName,{"univer-bg-gray-100 dark:!univer-bg-gray-800":d,"univer-bg-white dark:!univer-bg-gray-900":!d}),children:[(0,s.jsx)(o.AutofillDoubleIcon,{className:`
-                          univer-fill-primary-600 univer-text-gray-900
-                          dark:!univer-text-white
-                        `}),y&&(0,s.jsx)(o.MoreDownIcon,{className:`dark:!univer-text-white`})]})})})}const B=`slide.menu.image`;function ie(t){return{id:B,type:i.MenuItemType.SUBITEMS,icon:`AddImageIcon`,tooltip:`slide.image.insert.title`,hidden$:(0,i.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SLIDE)}}function ae(t){return{id:C.id,title:`slide.image.insert.float`,type:i.MenuItemType.BUTTON,hidden$:(0,i.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SLIDE)}}const V=`slide.menu.shape`;function oe(t){return{id:V,type:i.MenuItemType.SUBITEMS,icon:`GraphIcon`,tooltip:`slide.shape.insert.title`,hidden$:(0,i.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SLIDE)}}function se(t){return{id:j.id,title:`slide.shape.insert.rectangle`,type:i.MenuItemType.BUTTON,hidden$:(0,i.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SLIDE)}}function ce(t){return{id:P.id,title:`slide.shape.insert.ellipse`,type:i.MenuItemType.BUTTON,hidden$:(0,i.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SLIDE)}}function le(t){return{id:I.id,type:i.MenuItemType.BUTTON,icon:`TextIcon`,tooltip:`slide.text.insert.title`,hidden$:(0,i.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SLIDE)}}const ue={[i.RibbonStartGroup.FORMAT]:{[I.id]:{order:0,menuItemFactory:le},[B]:{order:0,menuItemFactory:ie,[C.id]:{order:0,menuItemFactory:ae}},[V]:{order:0,menuItemFactory:oe,[j.id]:{order:0,menuItemFactory:se},[P.id]:{order:0,menuItemFactory:ce}}}};var de=class{constructor(){h(this,`_state`,null),h(this,`_rect`,null),h(this,`_state$`,new u.BehaviorSubject(null)),h(this,`state$`,this._state$.asObservable()),h(this,`_rect$`,new u.BehaviorSubject(null)),h(this,`rect$`,this._rect$.asObservable()),h(this,`_focus`,!1),h(this,`_focus$`,new u.BehaviorSubject(this._focus)),h(this,`focus$`,this._focus$.asObservable())}dispose(){this._state$.complete(),this._state=null,this._rect$.complete(),this._rect=null}setState(e){this._state=e,this._refresh(e)}getRect(){return this._rect}setRect(e){this._rect=e,this._rect$.next(e)}getState(){return this._state}setFocus(e=!1){this._focus=e,this._focus$.next(e)}_refresh(e){this._state$.next(e)}};const H=(0,e.createIdentifier)(`univer.slide-editor-manager.service`),U=-1e3,fe={width:0,height:0,top:U,left:U};function pe(){let[n,r]=(0,c.useState)({...fe}),o=(0,i.useDependency)(H),u=(0,i.useDependency)(l.IEditorService),d=(0,i.useDependency)(e.IContextService),f=(0,i.useObservable)(()=>d.subscribeContextValue$(i.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[d,i.DISABLE_AUTO_FOCUS_KEY]);return`${e.DEFAULT_EMPTY_DOCUMENT_VALUE}`,e.DocumentFlavor.UNSPECIFIED,(0,c.useEffect)(()=>{o.state$.subscribe(e=>{if(e==null)return;let{startX:n=U,startY:i=U,endX:a=0,endY:s=0,show:c=!1}=e;if(!c)r({...fe});else{r({width:a-n-t.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:s-i-t.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:n+t.FIX_ONE_PIXEL_BLUR_OFFSET,top:i+t.FIX_ONE_PIXEL_BLUR_OFFSET});let e=u.getEditor(R);if(e==null)return;let{left:c,top:l,width:d,height:f}=e.getBoundingClientRect();o.setRect({left:c,top:l,width:d,height:f})}})},[]),(0,c.useEffect)(()=>{f||o.setFocus(!0)},[f,n]),(0,s.jsx)(`div`,{className:(0,a.clsx)(`univer-absolute univer-z-10 univer-box-border univer-flex`,a.borderClassName),style:{left:n.left,top:n.top,width:n.width,height:n.height}})}function W(t){return t.getContextValue(e.FOCUSING_UNIVER_EDITOR)&&t.getContextValue(e.EDITOR_ACTIVATED)}function me(t){return t.getContextValue(e.FORMULA_EDITOR_ACTIVATED)&&t.getContextValue(e.FOCUSING_UNIVER_EDITOR)}const he=[i.KeyCode.ARROW_DOWN,i.KeyCode.ARROW_UP,i.KeyCode.ARROW_LEFT,i.KeyCode.ARROW_RIGHT];[i.KeyCode.ENTER,i.KeyCode.TAB,...he];function ge(){let e=[];for(let n of he)e.push({id:z.id,binding:n,preconditions:e=>W(e),staticParameters:{visible:!1,eventType:t.DeviceInputEventType.Keyboard,keycode:n,isShift:!1}}),e.push({id:z.id,binding:n|i.MetaKeys.SHIFT,preconditions:e=>W(e),staticParameters:{visible:!1,eventType:t.DeviceInputEventType.Keyboard,keycode:n,isShift:!0}});return e}const _e={id:l.DeleteLeftCommand.id,preconditions:e=>W(e)||me(e),binding:i.KeyCode.BACKSPACE};let G=class extends e.Disposable{constructor(e,t,n,r,i,a){super(),this._injector=e,this._menuManagerService=t,this._componentManager=n,this._uiPartsService=r,this._commandService=i,this._shortcutService=a,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(ue)}_initCustomComponents(){let e=this._componentManager;this.disposeWithMe(e.register(`TextIcon`,o.TextIcon)),this.disposeWithMe(e.register(`GraphIcon`,o.GraphIcon)),this.disposeWithMe(e.register(ne,re)),this.disposeWithMe(e.register(k,A))}_initCommands(){[x,b,ee,C,L,I,P,F,M,j,N,S,w,z].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(i.BuiltInUIPart.LEFT_SIDEBAR,()=>(0,i.connectInjector)(te,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(i.BuiltInUIPart.CONTENT,()=>(0,i.connectInjector)(pe,this._injector)))}_initShortcuts(){[_e,...ge()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};G=_([g(0,(0,e.Inject)(e.Injector)),g(1,i.IMenuManagerService),g(2,(0,e.Inject)(i.ComponentManager)),g(3,i.IUIPartsService),g(4,e.ICommandService),g(5,i.IShortcutService)],G);var ve=`@univerjs/slides-ui`,ye=`0.18.0`;const be=`slides-ui.config`;Symbol(be);const xe={},K=(0,e.createIdentifier)(`univer.slide-editor-bridge.service`);let q=class extends e.Disposable{constructor(e,n,r){super(),this._editorService=e,this._contextService=n,this._renderManagerService=r,h(this,`_editorUnitId`,R),h(this,`_isForceKeepVisible`,!1),h(this,`_editorIsDirty`,!1),h(this,`_currentEditRectState`,null),h(this,`_currentEditRectState$`,new u.BehaviorSubject(null)),h(this,`currentEditRectState$`,this._currentEditRectState$.asObservable()),h(this,`_visibleParam`,{visible:!1,eventType:t.DeviceInputEventType.Dblclick,unitId:``}),h(this,`_visible$`,new u.BehaviorSubject(this._visibleParam)),h(this,`visible$`,this._visible$.asObservable()),h(this,`_afterVisible$`,new u.BehaviorSubject(this._visibleParam)),h(this,`afterVisible$`,this._afterVisible$.asObservable()),h(this,`endEditing$`,new u.Subject),h(this,`_currentEditRectInfo`,void 0)}dispose(){super.dispose()}getEditorRect(){return this._currentEditRectInfo}setEditorRect(t){this._currentEditRectInfo=t,this._editorService.getFocusEditor()||(this._editorService.focus(R),this._contextService.setContextValue(e.EDITOR_ACTIVATED,!1),this._contextService.setContextValue(e.FOCUSING_EDITOR_STANDALONE,!1),this._contextService.setContextValue(e.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE,!1));let n=this.getEditRectState();this._currentEditRectState=n,this._currentEditRectState$.next(n)}changeVisible(e){this._visibleParam=e,e.visible&&(this._editorIsDirty=!1),this._visible$.next(this._visibleParam),this._afterVisible$.next(this._visibleParam)}getEditRectState(){let t=R,r=this._currentEditRectInfo,i=r.unitId,a=r.richTextObj.documentData;a.id=t,a.documentStyle={...a.documentStyle,pageSize:{width:r.richTextObj.width,height:1/0}};let o={documentModel:new e.DocumentDataModel(a),fontString:`document`,textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:e.VerticalAlign.TOP,horizontalAlign:e.HorizontalAlign.LEFT,paddingData:{t:0,b:1,l:2,r:2}},s=r.richTextObj.width,c=r.richTextObj.height,l=r.richTextObj.left,u=r.richTextObj.top,d={left:0,top:0},f=this._renderManagerService.getRenderById(i),p=f==null?void 0:f.scene,m=p==null?void 0:p.getViewport(n.SLIDE_KEY.VIEW),h=p==null?void 0:p.getObject(n.SLIDE_KEY.COMPONENT),g={x:(h==null?void 0:h.left)||0,y:(h==null?void 0:h.top)||0},_=(m==null?void 0:m.viewportScrollX)||0,v=(m==null?void 0:m.viewportScrollY)||0;return d.left=g.x-_,d.top=g.y-v,{position:{startX:l,startY:u,endX:l+s,endY:u+c},scaleX:1,scaleY:1,slideCardOffset:d,unitId:i,editorUnitId:t,documentLayoutObject:o}}changeEditorDirty(e){this._editorIsDirty=e}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(t){let n=this.getCurrentEditorId(),r=t.text,i=t.fs;return{id:n,body:{dataStream:`${r}\r\n`,textRuns:[{st:0,ed:r.length}],paragraphs:[{paragraphStyle:{},startIndex:r.length+1}],sectionBreaks:[{startIndex:r.length+2}]},documentStyle:{marginBottom:0,marginLeft:0,marginRight:0,marginTop:0,pageSize:{width:1/0,height:1/0},textStyle:{fs:i},renderConfig:{verticalAlign:e.VerticalAlign.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}};q=_([g(0,l.IEditorService),g(1,e.IContextService),g(2,t.IRenderManagerService)],q);let J=function(e){return e[e.InitialState=0]=`InitialState`,e[e.StartEditor=1]=`StartEditor`,e[e.CursorChange=2]=`CursorChange`,e}({});const Se=-1e3;let Y=class extends e.Disposable{constructor(n,r,a,o,s,c,l,u,d,f,p,m){super(),this._renderContext=n,this._layoutService=r,this._undoRedoService=a,this._contextService=o,this._instanceSrv=s,this._renderManagerService=c,this._editorBridgeService=l,this._cellEditorManagerService=u,this._textSelectionManagerService=d,this._commandService=f,this._localService=p,this._editorService=m,h(this,`_cursorChange`,J.InitialState),h(this,`_isUnitEditing`,!1),h(this,`_d`,void 0),this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(e.UniverInstanceType.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:t.DeviceInputEventType.Keyboard,keycode:i.KeyCode.ESC,unitId:this._renderContext.unitId}),this._isUnitEditing=!1))})),this._initEditorVisibilityListener()}dispose(){super.dispose(),this._disposeCurrent()}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_init(){let t=new e.DisposableCollection;return this._subscribeToCurrentCell(t),this._initialKeyboardListener(t),this._initialCursorSync(t),this._listenEditorFocus(t),this._commandExecutedListener(t),setTimeout(()=>{this._cursorStateListener(t)},1e3),t}_initEditorVisibilityListener(){this.disposeWithMe(this._editorBridgeService.visible$.subscribe(e=>{e.visible?(this._isUnitEditing=!0,this._handleEditorVisible(e)):this._isUnitEditing&&(this._handleEditorInvisible(e),this._isUnitEditing=!1)}))}_listenEditorFocus(e){let t=this._getEditorObject();t&&e.add(t.document.onPointerDown$.subscribeEvent(()=>{}))}_getEditorSkeleton(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(d.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(d.DocSkeletonManagerService).getViewModel()}_initialCursorSync(n){n.add(this._cellEditorManagerService.focus$.pipe((0,u.filter)(e=>!!e)).subscribe(()=>{var n;(n=(0,t.getCurrentTypeOfRenderer)(e.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||n.with(l.DocSelectionRenderService).sync()}))}_subscribeToCurrentCell(n){n.add(this._editorBridgeService.currentEditRectState$.subscribe(n=>{var r;if(n==null||this._contextService.getContextValue(e.FOCUSING_EDITOR_STANDALONE)||this._contextService.getContextValue(e.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE))return;let{position:{startX:i,endX:a},documentLayoutObject:{textRotation:o,wrapStrategy:s,documentModel:c},scaleX:u,editorUnitId:d}=n,{vertexAngle:f}=(0,t.convertTextRotation)(o);c.updateDocumentId(d),s===e.WrapStrategy.WRAP&&f===0&&c.updateDocumentDataPageSize((a-i)/u),this._instanceSrv.changeDoc(d,c),this._contextService.setContextValue(e.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]),(r=(0,t.getCurrentTypeOfRenderer)(e.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||r.with(l.DocSelectionRenderService).activate(Se,Se)}))}_fitTextSize(t,n,r,i,a=1,o=1){let{startX:s,startY:c,endX:l,endY:u}=t,d=i.documentModel;if(d==null)return;let{actualWidth:f,actualHeight:p}=this._predictingSize(t,n,r,i,a,o),{verticalAlign:m,paddingData:h,fill:g}=i,_=l-s,v=u-c;if(_<f&&(_=f),v<p)v=p,d.updateDocumentDataMargin(h);else{let t=0;t=m===e.VerticalAlign.MIDDLE?(v-p)/2/o:m===e.VerticalAlign.TOP?h.t||0:(v-p)/o-(h.b||0),t=t<(h.t||0)?h.t||0:t,d.updateDocumentDataMargin({t})}r.calculate(),this._editAreaProcessing(_,v,t,n,g,a,o)}_predictingSize(n,r,i,a,o=1,s=1){let{startX:c,endX:l}=n,{textRotation:u,wrapStrategy:d}=a,f=a.documentModel,{vertexAngle:p}=(0,t.convertTextRotation)(u),m=document.body.clientWidth;if(d===e.WrapStrategy.WRAP&&p===0){let{actualWidth:e,actualHeight:t}=i.getActualSize();return{actualWidth:e*o,actualHeight:t*s}}f==null||f.updateDocumentDataPageSize((m-c-r.left)/o),i.calculate();let h=i.getActualSize(),g=l-c;return g<h.actualWidth*o+5*o&&(g=h.actualWidth*o+5*o),f==null||f.updateDocumentDataPageSize(g/o),f==null||f.updateDocumentRenderConfig({horizontalAlign:e.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:g,actualHeight:h.actualHeight*s}}_editAreaProcessing(e,n,r,i,a,o=1,s=1){let c=this._getEditorObject();if(c==null)return;function u(e){return Number.parseInt(e.replace(`px`,``))}let d=this._renderContext.engine.getCanvasElement(),f=d.getBoundingClientRect(),p=u(d.style.width),{top:m,left:h,width:g}=f,_=g/p,{startX:v,startY:y}=r;v+=i.left,y+=i.top;let{document:b,scene:x,engine:S}=c,C=x.getViewport(l.VIEWPORT_KEY.VIEW_MAIN),w=document.body.clientHeight-y-i.top-4,T=document.body.clientWidth-v-i.left,E=n,D=C==null?void 0:C.getScrollBar();if(E>w)E=w,D==null?C&&new t.ScrollBar(C,{enableHorizontal:!1,barSize:8}):C==null||C.resetCanvasSizeAndUpdateScroll();else{var O;D=null,C==null||(O=C.getScrollBar())==null||O.dispose()}e+=(D==null?void 0:D.barSize)||0,e=Math.min(e,T),v-=t.FIX_ONE_PIXEL_BLUR_OFFSET,y-=t.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(x,e/o,n/s,a);let{scaleX:k,scaleY:A}=x.getPrecisionScale();x.transformByState({width:e*_/o,height:n*_/s,scaleX:o*_,scaleY:s*_}),b.resize(e/o,n/s),setTimeout(()=>{S.resizeBySize((0,t.fixLineWidthByScale)(e,k),(0,t.fixLineWidthByScale)(E,A))},0);let j=this._layoutService.getContentElement().getBoundingClientRect(),M=d.getBoundingClientRect();v=v*_+(M.left-j.left),y=y*_+(M.top-j.top),this._cellEditorManagerService.setState({startX:v,startY:y,endX:e*_+v,endY:E*_+y,show:!0})}_addBackground(e,n,r,i){let a=`_backgroundRectHelperColor_`,o=e.getObject(a);o==null&&i==null||(o==null?e.addObjects([new t.Rect(a,{width:n,height:r,fill:i,evented:!1})],l.DOCS_COMPONENT_MAIN_LAYER_INDEX):i==null?o.dispose():(o.setProps({fill:i}),o.transformByState({width:n,height:r})))}_handleEditorVisible(n){var r,i;let{eventType:a}=n;this._cursorChange=[t.DeviceInputEventType.PointerDown,t.DeviceInputEventType.Dblclick].includes(a)?J.CursorChange:J.StartEditor;let o=this._editorBridgeService.getEditRectState();if(o==null)return;let{position:s,documentLayoutObject:c,slideCardOffset:u,scaleX:d,scaleY:f,editorUnitId:p,unitId:m}=o,h=this._getEditorObject();if(h==null)return;let{scene:g}=h;this._contextService.setContextValue(e.EDITOR_ACTIVATED,!0);let{documentModel:_}=c,v=this._getEditorSkeleton(p);if(!v||!_)return;this._fitTextSize(s,u,v,c,d,f);let y=_.getBody().dataStream.length-2||0;(r=g.getViewport(l.VIEWPORT_KEY.VIEW_MAIN))==null||r.scrollToViewportPos({viewportScrollX:1/0}),this._textSelectionManagerService.replaceTextRanges([{startOffset:y,endOffset:y}]),(i=this._renderManagerService.getRenderById(m))==null||i.scene.resetCursor()}_resetBodyStyle(t,n=!1){t.dataStream=e.DEFAULT_EMPTY_DOCUMENT_VALUE,t.textRuns!=null&&(t.textRuns.length===1&&!n?(t.textRuns[0].st=0,t.textRuns[0].ed=1):t.textRuns=void 0),t.paragraphs!=null&&(t.paragraphs.length===1?t.paragraphs[0].startIndex=0:t.paragraphs=[{startIndex:0}]),t.sectionBreaks!=null&&(t.sectionBreaks=void 0),t.tables!=null&&(t.tables=void 0),t.customRanges!=null&&(t.customRanges=void 0),t.customBlocks!=null&&(t.customBlocks=void 0)}_initialKeyboardListener(e){}_showEditorByKeyboard(e){}_commandExecutedListener(e){let t=[z.id],n=[d.RichTextEditingMutation.id];e.add(this._commandService.onCommandExecuted(e=>{this._editorService.getFocusId()===R&&(t.includes(e.id)&&this._moveCursorCmdHandler(e),n.includes(e.id)&&this._editorBridgeService.isVisible()&&this._editingChangedHandler())}))}_moveCursorCmdHandler(e){let t=e.params,{keycode:n,isShift:r}=t;n!=null&&this._cursorChange===J.CursorChange?this._moveInEditor(n,r):this._editorBridgeService.changeVisible(t)}_editingChangedHandler(){let e=this._editorBridgeService.getEditorRect();if(!e)return;let t=e.richTextObj;t.refreshDocumentByDocData(),t.resizeToContentSize();let{unitId:n}=this._renderContext;this._handleEditorVisible({visible:!0,eventType:3,unitId:n})}_getEditorObject(){return Ce(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(e){let{keycode:t}=e;if(this._cursorChange=J.InitialState,this._exitInput(e),this._editorBridgeService.getEditRectState()!=null){if(this._editorBridgeService.getEditorDirty()===!1){this._moveCursor(t);return}this._moveCursor(t)}}_exitInput(t){this._contextService.setContextValue(e.EDITOR_ACTIVATED,!1),this._cellEditorManagerService.setState({show:t.visible});let n=this._editorBridgeService.getCurrentEditorId();n!=null&&this._undoRedoService.clearUndoRedo(n)}_moveCursor(t){if(t!=null)switch(e.Direction.LEFT,t){case i.KeyCode.ENTER:e.Direction.DOWN;break;case i.KeyCode.TAB:e.Direction.RIGHT;break;case i.KeyCode.ARROW_DOWN:e.Direction.DOWN;break;case i.KeyCode.ARROW_UP:e.Direction.UP;break;case i.KeyCode.ARROW_LEFT:e.Direction.LEFT;break;case i.KeyCode.ARROW_RIGHT:e.Direction.RIGHT;break}}_cursorStateListener(t){let n=this._getEditorObject();if(!n)return;let{document:r}=n;t.add((0,e.toDisposable)(r.onPointerDown$.subscribeEvent(()=>{this._cursorChange===J.StartEditor&&(this._cursorChange=J.CursorChange)})))}_moveInEditor(t,n){let r=e.Direction.LEFT;t===i.KeyCode.ARROW_DOWN?r=e.Direction.DOWN:t===i.KeyCode.ARROW_UP?r=e.Direction.UP:t===i.KeyCode.ARROW_RIGHT&&(r=e.Direction.RIGHT),n?this._commandService.executeCommand(l.MoveSelectionOperation.id,{direction:r}):this._commandService.executeCommand(l.MoveCursorOperation.id,{direction:r})}};Y=_([g(1,i.ILayoutService),g(2,e.IUndoRedoService),g(3,e.IContextService),g(4,e.IUniverInstanceService),g(5,t.IRenderManagerService),g(6,K),g(7,H),g(8,(0,e.Inject)(d.DocSelectionManagerService)),g(9,e.ICommandService),g(10,(0,e.Inject)(e.LocaleService)),g(11,l.IEditorService)],Y);function Ce(e,t){if(e==null)return;let n=t.getRenderById(e);if(n==null)return;let{mainComponent:r,scene:i,engine:a,components:o}=n;return{document:r,docBackground:o.get(l.DOCS_VIEW_KEY.BACKGROUND),scene:i,engine:a}}let we=class extends e.RxDisposable{constructor(t,n,r,i){super(),this._renderContext=t,this._instanceSrv=n,this._commandService=r,this._editorBridgeService=i,h(this,`setSlideTextEditor$`,new u.Subject),h(this,`_curRichText`,null),h(this,`_d`,void 0),this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(e.UniverInstanceType.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){let t=new e.DisposableCollection;return this._initEventListener(t),t}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_setEditorRect(e,t){this._curRichText=t;let{scene:n,engine:r}=this._renderContext,i={scene:n,engine:r,unitId:this._renderContext.unitId,pageId:e,richTextObj:t};this._editorBridgeService.setEditorRect(i)}_initEventListener(e){let n=n=>{let r=n.getTransformer();r&&(e.add(r.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),e.add(r.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),e.add(n.onDblclick$.subscribeEvent(()=>{r.clearControls();let e=r.getSelectedObjectMap().values().next().value;e&&(e.objectType===t.ObjectType.RICH_TEXT?this.startEditing(n.sceneKey,e):this.pickOtherObjects())})),e.add(this._instanceSrv.focused$.subscribe(e=>{this.endEditing()})))},{mainComponent:r}=this._renderContext;r.subSceneChanged$.subscribeEvent(e=>{n(e)});let i=Array.from(r.getSubScenes().values());for(let e=0;e<i.length;e++){let t=i[e];n(t)}}pickOtherObjects(){this.endEditing()}endEditing(){var t;if(!this._curRichText)return;this.setEditorVisible(!1);let n=this._curRichText;if(!this._instanceSrv.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE))return!1;n.refreshDocumentByDocData(),n.resizeToContentSize(),this._editorBridgeService.endEditing$.next(n);let r={bl:1,fs:n.fs,text:n.text},i=(t=n.documentData.body)==null?void 0:t.textRuns;if(i&&i.length){let e=i[0].ts;r.cl=e==null?void 0:e.cl}this._commandService.executeCommand(w.id,{unitId:this._renderContext.unitId,oKey:n==null?void 0:n.oKey,props:{richText:r}}),this._curRichText=null}startEditing(e,t){this._setEditorRect(e,t),this.setEditorVisible(!0)}setEditorVisible(e){if(e){var n;(n=this._curRichText)==null||n.hide()}else{var r;(r=this._curRichText)==null||r.show()}let{unitId:i}=this._renderContext;this._editorBridgeService.changeVisible({visible:e,eventType:t.DeviceInputEventType.PointerDown,unitId:i})}};we=_([g(1,e.IUniverInstanceService),g(2,e.ICommandService),g(3,K)],we);function Te(e,t){let n=Ee(e.left,e.top,t),r=Ee(e.right,e.bottom,t);return{left:n.x,top:n.y,right:r.x,bottom:r.y}}function Ee(e,t,r){let{scaleX:i,scaleY:a}=r.getAncestorScale(),o=r.getViewport(n.SLIDE_KEY.VIEW);if(!o)return{x:e,y:t};let{viewportScrollX:s,viewportScrollY:c}=o;return{x:(e-s)*i,y:(t-c)*a}}let X=class extends e.Disposable{constructor(e,t,n,r){super(),this._globalPopupManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._commandService=r}_createObjectPositionObserver(n,r){let i=(()=>{var e,i,a,o;let{scene:s,engine:c}=r,{left:l,top:u,width:d,height:f}=n,p=(s.width-((e=(i=r.mainComponent)==null?void 0:i.width)==null?0:e))/2,m=(s.height-((a=(o=r.mainComponent)==null?void 0:o.height)==null?0:a))/2,h={left:l,right:l+d,top:u,bottom:u+f},g=c.getCanvasElement(),_=g.getBoundingClientRect(),v=(0,t.pxToNum)(g.style.width),{scaleX:y,scaleY:b}=s.getAncestorScale(),x=Te(h,s),{top:S,left:C,width:w}=_,T=w/v;return{left:x.left*T*y+C+p,right:x.right*T*y+C+p,top:x.top*T*b+S+m,bottom:x.bottom*T*b+S+m}})();return{position:i,position$:new u.BehaviorSubject(i),disposable:new e.DisposableCollection}}attachPopupToObject(t,n){let r=this._univerInstanceService.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE).getUnitId(),i=this._renderManagerService.getRenderById(r);if(!i)return{dispose:()=>{}};let{position:a,position$:o,disposable:s}=this._createObjectPositionObserver(t,i),c=this._globalPopupManagerService.addPopup({...n,unitId:r,subUnitId:`default`,anchorRect:a,anchorRect$:o,canvasElement:i.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(c),o.complete(),s.dispose()}}}};X=_([g(0,(0,e.Inject)(i.ICanvasPopupService)),g(1,t.IRenderManagerService),g(2,e.IUniverInstanceService),g(3,e.ICommandService)],X);let Z=class extends e.RxDisposable{constructor(e,t,n,r,i,a,o){super(),this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=r,this._canvasView=i,this._sidebarService=a,this._commandService=o,h(this,`_initImagePopupMenu`,new Set),this._init()}_init(){this._univerInstanceService.getAllUnitsForType(e.UniverInstanceType.UNIVER_SLIDE).forEach(e=>this._create(e))}_create(e){if(!e)return;let t=e.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(e){}_popupMenuListener(t){var n;let r=this._univerInstanceService.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE),i=(n=r==null?void 0:r.getPages())==null?{}:n;Object.keys(i).forEach(n=>{var r;let i=(r=this._canvasView.getRenderUnitByPageId(n,t).scene)==null?void 0:r.getTransformer();if(!i)return;let a;this.disposeWithMe((0,e.toDisposable)(i.createControl$.subscribe(()=>{let e=i.getSelectedObjectMap();if(e.size>1){a==null||a.dispose();return}let n=e.values().next().value;if(!n)return;let r=n.oKey;a==null||a.dispose(),a=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(n,{componentKey:ne,direction:`horizontal`,offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(n.objectType,r,t)}})),this._sidebarService.visible&&this._commandService.executeCommand(N.id,{visible:!0,objectType:n.objectType})}))),this.disposeWithMe(i.clearControl$.subscribe(()=>{a==null||a.dispose(),this._contextService.setContextValue(e.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(i.changing$.subscribe(()=>{a==null||a.dispose();let e=i.getSelectedObjectMap();if(e.size>1){a==null||a.dispose();return}let n=e.values().next().value;n&&this._commandService.executeCommand(w.id,{unitId:t,oKey:n.oKey,props:{width:n.width,height:n.height,left:n.left,top:n.top}})}))})}_getMenuItemsByObjectType(e,t,n){return[{label:`slide.popup.edit`,index:0,commandId:N.id,commandParams:{visible:!0,objectType:e},disable:!1},{label:`slide.popup.delete`,index:5,commandId:S.id,commandParams:{id:t,unitId:n},disable:!1}]}};Z=_([g(0,(0,e.Inject)(X)),g(1,t.IRenderManagerService),g(2,e.IUniverInstanceService),g(3,e.IContextService),g(4,(0,e.Inject)(y)),g(5,i.ISidebarService),g(6,e.ICommandService)],Z);let Q=class extends e.RxDisposable{constructor(e,t,n){super(),this._contextService=e,this._instanceSrv=t,this._renderManagerService=n,Promise.resolve().then(()=>this._init())}_init(){this._initSlideDataListener(),this._initContextListener()}_initSlideDataListener(){this._instanceSrv.getTypeOfUnitAdded$(e.UniverInstanceType.UNIVER_SLIDE).pipe((0,u.takeUntil)(this.dispose$)).subscribe(e=>{this._createRenderer(e==null?void 0:e.getUnitId())}),this._instanceSrv.getAllUnitsForType(e.UniverInstanceType.UNIVER_SLIDE).forEach(e=>{this._createRenderer(e.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(e.UniverInstanceType.UNIVER_SLIDE).pipe((0,u.takeUntil)(this.dispose$)).subscribe(e=>this._disposeRenderer(e))}_createRenderer(t){t!=null&&this._instanceSrv.getUnit(t,e.UniverInstanceType.UNIVER_SLIDE)!=null&&this._renderManagerService.createRender(t)}_disposeRenderer(e){let t=e.getUnitId();this._renderManagerService.removeRender(t)}_initContextListener(){}};Q=_([g(0,e.IContextService),g(1,e.IUniverInstanceService),g(2,t.IRenderManagerService)],Q);let $=class extends e.Plugin{constructor(t=xe,n,r,i,a){super(),this._config=t,this._injector=n,this._renderManagerService=r,this._univerInstanceService=i,this._configService=a;let{menu:o,...s}=(0,e.merge)({},xe,this._config);o&&this._configService.setConfig(`menu`,o,{merge:!0}),this._configService.setConfig(be,s)}onStarting(){(0,e.mergeOverrideWithDependencies)([[Q],[K,{useClass:q}],[H,{useClass:de}],[X]],this._config.override).forEach(e=>this._injector.add(e))}onReady(){[[v]].forEach(t=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(e.UniverInstanceType.UNIVER_SLIDE,t))}),(0,e.mergeOverrideWithDependencies)([[y],[G],[v],[Z]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(y),this._injector.get(Q)}onRendered(){[[we],[Y]].forEach(t=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(e.UniverInstanceType.UNIVER_SLIDE,t))}),this._markSlideAsFocused(),this._injector.get(G)}onSteady(){this._injector.get(Z)}_markSlideAsFocused(){let t=this._univerInstanceService;try{let n=t.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE);t.focusUnit(n.getUnitId())}catch{}}};h($,`pluginName`,`UNIVER_SLIDES_UI_PLUGIN`),h($,`packageName`,ve),h($,`version`,ye),h($,`type`,e.UniverInstanceType.UNIVER_SLIDE),$=_([g(1,(0,e.Inject)(e.Injector)),g(2,t.IRenderManagerService),g(3,e.IUniverInstanceService),g(4,e.IConfigService)],$),exports.ActivateSlidePageOperation=b,exports.AppendSlideOperation=x,Object.defineProperty(exports,`CanvasView`,{enumerable:!0,get:function(){return y}}),exports.DeleteSlideElementOperation=S,exports.ISlideEditorBridgeService=K,exports.InsertSlideFloatImageCommand=C,exports.InsertSlideShapeEllipseCommand=P,exports.InsertSlideShapeEllipseOperation=F,exports.InsertSlideShapeRectangleCommand=j,exports.InsertSlideShapeRectangleOperation=M,exports.SHAPE_MENU_ID=V,exports.SLIDES_IMAGE_MENU_ID=B,exports.SLIDE_EDITOR_ID=R,exports.SetSlidePageThumbOperation=ee,exports.SlideAddTextCommand=I,exports.SlideAddTextOperation=L,Object.defineProperty(exports,`SlideCanvasPopMangerService`,{enumerable:!0,get:function(){return X}}),exports.SlideEditorContainer=pe,exports.SlideSideBar=te,Object.defineProperty(exports,`SlidesUIController`,{enumerable:!0,get:function(){return G}}),exports.SlidesUIMenuSchema=ue,Object.defineProperty(exports,`UniverSlidesUIPlugin`,{enumerable:!0,get:function(){return $}}),exports.UpdateSlideElementOperation=w;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@univerjs/core`),t=require(`@univerjs/engine-render`),n=require(`@univerjs/slides`),r=require(`@univerjs/drawing`),i=require(`@univerjs/ui`),a=require(`@univerjs/design`),o=require(`@univerjs/icons`),s=require(`react/jsx-runtime`),c=require(`react`),l=require(`@univerjs/docs-ui`),u=require(`rxjs`),d=require(`@univerjs/docs`);function f(e){"@babel/helpers - typeof";return f=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},f(e)}function p(e,t){if(f(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(f(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function m(e){var t=p(e,`string`);return f(t)==`symbol`?t:t+``}function h(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){return function(n,r){t(n,r,e)}}function _(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 v=class extends e.RxDisposable{constructor(t,r,i,a){super(),this._renderContext=t,this._injector=r,this._univerInstanceService=i,this._renderManagerService=a,h(this,`_objectProvider`,null),h(this,`_refreshThumb`,(0,e.debounce)(()=>{this.createThumbs()},300)),this._objectProvider=this._injector.createInstance(n.ObjectProvider),this._addNewRender()}_addNewRender(){let{unitId:e,engine:r,scene:i}=this._renderContext,a=this._getCurrUnitModel();if(!a)return;let o=r.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),o==null||o.unsubscribe()});r.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});let s=new t.Viewport(n.SLIDE_KEY.VIEW,i,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});i.attachControl(),i.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,i.scaleX<1&&(t/=2),i.scaleX+t>4?i.scale(4,4):i.scaleX+t<.1?i.scale(.1,.1):(n.deltaY,n.preventDefault())}else s.onMouseWheel(n,t)}),i.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),t.ScrollBar.attachTo(s);let c=this._createSlide(i);this._renderContext.mainComponent=c,this._createSlidePages(a,c),this.createThumbs(),r.runRenderLoop(()=>{i.render()})}_scrollToCenter(){var e;let t=(e=this._currentRender())==null?void 0:e.scene,r=t==null?void 0:t.getViewport(n.SLIDE_KEY.VIEW),i=this._getCenterPositionViewPort(t);if(!r||!i)return;let{left:a,top:o}=i,{x:s,y:c}=r.transViewportScroll2ScrollValue(a,o);r.scrollToBarPos({x:s,y:c})}_currentRender(){return(0,t.getCurrentTypeOfRenderer)(e.UniverInstanceType.UNIVER_SLIDE,this._univerInstanceService,this._renderManagerService)}_createSlide(r){let i=this._univerInstanceService.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE),{width:a,height:o}=r,{width:s=100,height:c=100}=i.getPageSize(),l=new t.Slide(n.SLIDE_KEY.COMPONENT,{left:(a-s)/2,top:(o-c)/2,width:s,height:c,zIndex:10});return l.enableSelectedClipElement(),r.addObject(l),l}_addBackgroundRect(n,r){let{width:i=0,height:a=0}=this._univerInstanceService.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE).getPageSize(),o=new t.Rect(`canvas`,{left:0,top:0,width:i,height:a,strokeWidth:1,stroke:`rgba(198,198,198,1)`,fill:(0,e.getColorStyle)(r)||`rgba(255,255,255,1)`,zIndex:0,evented:!1});n.addObject(o,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};let{width:t,height:n}=e,r=e.getEngine(),i=(r==null?void 0:r.width)||0,a=(r==null?void 0:r.height)||0;return{left:(t-i)/2,top:(n-a)/2}}_thumbSceneRender(e,t){let n=this._renderManagerService.getRenderById(e);if(n==null)return;let{engine:r}=n;if(r==null)return;let{width:i,height:a}=t,{width:o=i,height:s=a}=r,c=r.getCanvas().getContext();t.renderToThumb(c,e,o/i,s/a)}_createSlidePages(e,t){let n=e.getPages(),r=e.getPageOrder();if(!(!n||!r)&&r.length!==0){for(let e=0,t=r.length;e<t;e++){let t=r[e];this.createPageScene(t,n[t]),this._createThumb(t)}t.activeFirstPage()}}_createThumb(e){this._renderManagerService.createRender(e)}_getCurrUnitModel(){return this._renderContext.unit}activePage(e){let t=e,n=this._getCurrUnitModel(),r;if(t)r=n.getPage(t);else{let e=n.getPages(),i=n.getPageOrder();if(i==null||e==null)return;r=e[i[0]],t=r.id}let i=this._currentRender();if(r==null||i==null||i.mainComponent==null)return;let{id:a}=r,o=i.mainComponent;if(n.setActivePage(r),o!=null&&o.hasPage(a)){o.changePage(a);return}this.createPageScene(a,r)}createThumbs(){let e=this._getCurrUnitModel().getPageOrder(),t=this._currentRender();if(!(!e||!t)&&e.length!==0)for(let n=0,r=e.length;n<r;n++){let r=e[n];this._thumbSceneRender(r,t.mainComponent)}}createPageScene(e,n){let r=this._renderContext;if(!r||!this._objectProvider)return;let{scene:i,mainComponent:a}=r,o=a,{width:s,height:c}=o,l=new t.Scene(e,o,{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}=n,f=this._objectProvider.convertToRenderObjects(u,i);if(!f||!o)return;this._addBackgroundRect(l,d),l.addObjects(f),l.initTransformer(),f.forEach(e=>{l.attachTransformerTo(e)});let p=l.getTransformer();return p==null||p.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,o)}),p==null||p.clearControl$.subscribe(()=>{this._thumbSceneRender(e,o)}),o.addPageScene(l),l}getPageRenderUnit(e){let t=this._renderContext.mainComponent.getSubScenes().get(e),{engine:n,unit:r}=this._renderContext;return{scene:t,engine:n,unit:r}}createObjectToPage(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n||!this._objectProvider)return;let r=this._objectProvider.convertToRenderObject(e,n);if(r)return n.addObject(r),n.attachTransformerTo(r),n.getLayer().makeDirty(),r}setObjectActiveByPage(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n)return;let r=n.getTransformer();r==null||r.activeAnObject(e)}removeObjectById(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n)return;n.removeObject(e);let r=n.getTransformer();r==null||r.clearControls()}appendPage(){let e=this._getCurrUnitModel(),t=e.getBlankPage(),n=this._currentRender();if(t==null||n==null||n.mainComponent==null)return;let{id:r}=t,i=n.mainComponent,a=this.createPageScene(r,t);i&&a&&i.addPageScene(a),e.appendPage(t),e.setActivePage(t)}};v=_([g(1,(0,e.Inject)(e.Injector)),g(2,e.IUniverInstanceService),g(3,t.IRenderManagerService)],v);let y=class extends e.RxDisposable{constructor(e){super(),this._renderManagerService=e}_getSlideRenderControllerFromRenderUnit(e){return this._renderManagerService.getRenderById(e).with(v)}createThumbs(e){this._getSlideRenderControllerFromRenderUnit(e).createThumbs()}activePage(e,t){this._getSlideRenderControllerFromRenderUnit(t).activePage(e)}getRenderUnitByPageId(e,t){return this._getSlideRenderControllerFromRenderUnit(t).getPageRenderUnit(e)}createObjectToPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).createObjectToPage(e,t)}setObjectActiveByPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).setObjectActiveByPage(e,t)}removeObjectById(e,t,n){this._getSlideRenderControllerFromRenderUnit(n).removeObjectById(e,t)}appendPage(e){this._getSlideRenderControllerFromRenderUnit(e).appendPage()}};y=_([g(0,t.IRenderManagerService)],y);const b={id:`slide.operation.activate-slide`,type:e.CommandType.OPERATION,handler:(t,n)=>{var r,i;let a=n.unitId,o=t.get(y),s=t.get(e.IUniverInstanceService).getUnit(a),c=s==null||(r=s.getActivePage())==null?void 0:r.id;if(!c)return!1;let l=o.getRenderUnitByPageId(c,a);if(!l)return!1;let u=(i=l.scene)==null?void 0:i.getTransformer();return u&&u.clearControls(),o.activePage(n.id,a),!0}},x={id:`slide.operation.append-slide`,type:e.CommandType.OPERATION,handler:(t,n)=>{let r=n.unitId;return t.get(e.IUniverInstanceService).getUnit(r)?(t.get(y).appendPage(r),!0):!1}},S={id:`slide.operation.delete-element`,type:e.CommandType.OPERATION,handler:(t,n)=>{if(!(n!=null&&n.id))return!1;let r=n.unitId,i=t.get(e.IUniverInstanceService).getUnit(r);if(!i)return!1;let a=i.getActivePage();return delete a.pageElements[n.id],i.updatePage(a.id,a),t.get(y).removeObjectById(n.id,a.id,r),!0}},C={id:`slide.command.insert-float-image`,type:e.CommandType.COMMAND,handler:async(t,n)=>{var a;let o=t.get(e.IUniverInstanceService),s=(a=o.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE))==null?void 0:a.getUnitId();if(!s)return!1;let c=await t.get(i.ILocalFileService).openFile({multiple:!0,accept:r.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(e=>`.${e.replace(`image/`,``)}`).join(`,`)});if(c.length!==1)return!1;let l=await t.get(r.IImageIoService).saveImage(c[0]);if(!l)return!1;let{imageId:u,imageSourceType:d,source:f,base64Cache:p}=l,{width:m,height:h,image:g}=await(0,r.getImageSize)(p||``),_=o.getUnit(s);if(!_)return!1;let v=_.getActivePage(),b=Object.values(v.pageElements),x={id:u,zIndex:(b!=null&&b.length?Math.max(...b.map(e=>e.zIndex)):20)+1,left:0,top:0,width:m,height:h,title:``,description:``,type:e.PageElementType.IMAGE,image:{imageProperties:{contentUrl:p,imageSourceType:d,source:f,base64Cache:p,image:g}}};v.pageElements[u]=x,_.updatePage(v.id,v);let S=t.get(y),C=S.createObjectToPage(x,v.id,s);return C&&S.setObjectActiveByPage(C,v.id,s),!0}},w={id:`slide.operation.update-element`,type:e.CommandType.OPERATION,handler:(t,n)=>{let{oKey:r,props:i}=n,a=t.get(e.IUniverInstanceService),o=n==null?void 0:n.unitId,s=a.getUnit(o);if(!s)return!1;let c=s.getActivePage();return c.pageElements[r]=(0,e.merge)(c.pageElements[r],i),s.updatePage(c.id,c),!0}};var T=function(e){return e[e.forward=0]=`forward`,e[e.backward=1]=`backward`,e[e.front=2]=`front`,e[e.back=3]=`back`,e}(T||{});function E(t){let{pageId:n,unitId:r}=t,c=(0,i.useDependency)(e.LocaleService),l=(0,i.useDependency)(y),u=(0,i.useDependency)(e.ICommandService),d=l.getRenderUnitByPageId(n,r),f=d==null?void 0:d.scene;if(!f)return null;let p=f.getTransformer();if(!p)return null;let m=p.getSelectedObjectMap().values().next().value;if(!m)return null;let h=e=>{let[t,n]=f.getAllObjects().reduce(([e,t],n)=>{let r=n.zIndex;return[r<e?r:e,r>t?r:t]},[0,0]),i=m.zIndex;e===T.back?i=t-1:e===T.front?i=n+1:e===T.forward?i=m.zIndex+1:e===T.backward&&(i=m.zIndex-1),m.setProps({zIndex:i}),u.executeCommand(w.id,{unitId:r,oKey:m==null?void 0:m.oKey,props:{zIndex:i}})};return(0,s.jsxs)(`div`,{className:`univer-relative univer-w-full`,children:[(0,s.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,s.jsx)(`div`,{className:`univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,s.jsx)(`div`,{children:c.t(`image-panel.arrange.title`)})})}),(0,s.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,s.jsx)(`div`,{className:`univer-w-1/2`,children:(0,s.jsx)(a.Button,{onClick:()=>{h(T.forward)},children:(0,s.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,s.jsx)(o.MoveUpIcon,{}),c.t(`image-panel.arrange.forward`)]})})}),(0,s.jsx)(`div`,{className:`univer-w-1/2`,children:(0,s.jsx)(a.Button,{onClick:()=>{h(T.backward)},children:(0,s.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,s.jsx)(o.MoveDownIcon,{}),c.t(`image-panel.arrange.backward`)]})})})]}),(0,s.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,s.jsx)(`div`,{className:`univer-w-1/2`,children:(0,s.jsx)(a.Button,{onClick:()=>{h(T.front)},children:(0,s.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,s.jsx)(o.TopmostIcon,{}),c.t(`image-panel.arrange.front`)]})})}),(0,s.jsx)(`div`,{className:`univer-w-1/2`,children:(0,s.jsx)(a.Button,{onClick:()=>{h(T.back)},children:(0,s.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,s.jsx)(o.BottomIcon,{}),c.t(`image-panel.arrange.back`)]})})})]})]})}function D(t){var n,r;let{pageId:l,unitId:u}=t,d=(0,i.useDependency)(e.LocaleService),f=(0,i.useDependency)(y),p=(0,i.useDependency)(e.ICommandService),m=f.getRenderUnitByPageId(l,u),h=m==null?void 0:m.scene;if(!h)return null;let g=h.getTransformer();if(!g)return null;let _=g.getSelectedObjectMap().values().next().value;if(!_)return null;let[v,b]=(0,c.useState)((n=(r=_.fill)==null?void 0:r.toString())==null?``:n);function x(e){_==null||_.setProps({fill:e}),p.executeCommand(w.id,{unitId:u,oKey:_==null?void 0:_.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:e}}}}}),b(e)}return(0,s.jsx)(`div`,{className:(0,a.clsx)(`univer-relative univer-bottom-0 univer-mt-5 univer-w-full`,a.borderTopClassName),children:(0,s.jsxs)(`div`,{className:`univer-relative univer-w-full`,children:[(0,s.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,s.jsx)(`div`,{className:`univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,s.jsx)(`div`,{children:d.t(`slide.panel.fill.title`)})})}),(0,s.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,s.jsx)(`div`,{className:`univer-w-1/2`,children:(0,s.jsx)(a.Dropdown,{overlay:(0,s.jsx)(`div`,{className:`univer-rounded-lg univer-p-4`,children:(0,s.jsx)(a.ColorPicker,{value:`#fff`,onChange:x})}),children:(0,s.jsxs)(`a`,{className:`univer-flex univer-cursor-pointer univer-items-center univer-gap-1`,children:[(0,s.jsx)(o.PaintBucketDoubleIcon,{className:`univer-fill-primary-600`}),(0,s.jsx)(o.MoreDownIcon,{})]})})})})]})})}function O(t){let{pageId:n,unitId:r}=t,o=(0,i.useDependency)(e.LocaleService),l=(0,i.useDependency)(y),u=(0,i.useDependency)(e.ICommandService),d=l.getRenderUnitByPageId(n,r),f=d==null?void 0:d.scene;if(!f)return null;let p=f.getTransformer();if(!p)return null;let m=p.getSelectedObjectMap().values().next().value;if(!m)return null;let{width:h=0,height:g=0,left:_=0,top:v=0,angle:b=0}=m,[x,S]=(0,c.useState)(h),[C,T]=(0,c.useState)(g),[E,D]=(0,c.useState)(_),[O,k]=(0,c.useState)(v),[A,j]=(0,c.useState)(b),M=e=>{let{objects:t}=e,{width:n=0,height:r=0,left:i=0,top:a=0,angle:o=0}=t.values().next().value;S(n),T(r),D(i),k(a),j(o)};(0,c.useEffect)(()=>{let e=p.changeStart$.subscribe(e=>{M(e)}),t=p.changing$.subscribe(e=>{M(e)});return()=>{t.unsubscribe(),e.unsubscribe()}},[]);function N(e){!e||!m||(u.executeCommand(w.id,{pageId:n,oKey:m.oKey,props:{width:e}}),m==null||m.resize(e,m.height),S(e),p==null||p.refreshControls())}function P(e){!e||!m||(u.executeCommand(w.id,{pageId:n,oKey:m.oKey,props:{height:e}}),m==null||m.resize(m.width,e),T(e),p==null||p.refreshControls())}function F(e){!e||!m||(u.executeCommand(w.id,{pageId:n,oKey:m.oKey,props:{left:e}}),m==null||m.translate(e,m.top),D(e),p==null||p.refreshControls())}function I(e){!e||!m||(u.executeCommand(w.id,{pageId:n,oKey:m.oKey,props:{right:e}}),m==null||m.translate(m.left,e),k(e),p==null||p.refreshControls())}function L(e){!e||!m||(u.executeCommand(w.id,{pageId:n,oKey:m.oKey,props:{angle:e}}),m==null||m.transformByState({angle:e}),j(e),p==null||p.refreshControls())}return(0,s.jsxs)(`div`,{className:(0,a.clsx)(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,a.borderTopClassName),children:[(0,s.jsx)(`header`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,s.jsx)(`div`,{children:o.t(`image-panel.transform.title`)})}),(0,s.jsxs)(`div`,{className:`univer-grid univer-grid-cols-3 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2`,children:[(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`span`,{children:o.t(`image-panel.transform.width`)}),(0,s.jsx)(a.InputNumber,{min:1,value:x,onChange:e=>{N(e)}})]}),(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`span`,{children:o.t(`image-panel.transform.height`)}),(0,s.jsx)(a.InputNumber,{min:1,value:C,onChange:e=>{P(e)}})]})]}),(0,s.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`span`,{children:o.t(`image-panel.transform.x`)}),(0,s.jsx)(a.InputNumber,{min:0,precision:1,value:E,onChange:e=>{F(e)}})]}),(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`span`,{children:o.t(`image-panel.transform.y`)}),(0,s.jsx)(a.InputNumber,{min:0,precision:1,value:O,onChange:e=>{I(e)}})]}),(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`span`,{children:o.t(`image-panel.transform.rotate`)}),(0,s.jsx)(a.InputNumber,{precision:1,value:A,onChange:L})]})]})]})}const k=`COMPONENT_SLIDE_SIDEBAR`;function A(){var n,r,a;let o=(0,i.useDependency)(e.IUniverInstanceService),c=(0,i.useDependency)(y),l=o.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE),u=l==null||(n=l.getActivePage())==null?void 0:n.id,d=((r=o.getFocusedUnit())==null?void 0:r.getUnitId())||``;if(!u||!d)return null;let f=(a=c.getRenderUnitByPageId(u,d).scene)==null?void 0:a.getTransformer();if(!f)return null;let p=f.getSelectedObjectMap().values().next().value;return p?(0,s.jsxs)(`section`,{className:`univer-p-2 univer-text-center univer-text-sm`,children:[(0,s.jsx)(E,{pageId:u,unitId:d}),(0,s.jsx)(O,{pageId:u,unitId:d}),p.objectType===t.ObjectType.RECT&&(0,s.jsx)(D,{pageId:u,unitId:d})]}):null}const j={id:`slide.command.insert-float-shape.rectangle`,type:e.CommandType.COMMAND,handler:async t=>{var n;let r=t.get(e.ICommandService),i=(n=t.get(e.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return r.executeCommand(M.id,{unitId:i})}},M={id:`slide.operation.insert-float-shape.rectangle`,type:e.CommandType.OPERATION,handler:async(t,n)=>{let r=(0,e.generateRandomId)(6),i=t.get(e.IUniverInstanceService),a=n.unitId,o=i.getUnit(a);if(!o)return!1;let s=o.getActivePage(),c=Object.values(s.pageElements),l={id:r,zIndex:(c!=null&&c.length?Math.max(...c.map(e=>e.zIndex)):20)+1,left:378,top:142,width:250,height:250,title:r,description:``,type:e.PageElementType.SHAPE,shape:{shapeType:e.BasicShapes.Rect,text:``,shapeProperties:{shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};s.pageElements[r]=l,o.updatePage(s.id,s);let u=t.get(y),d=u.createObjectToPage(l,s.id,a);return d&&u.setObjectActiveByPage(d,s.id,a),!0}},N={id:`sidebar.operation.slide-shape`,type:e.CommandType.COMMAND,handler:async(n,r)=>{let{visible:a,objectType:o}=r,s=n.get(i.ISidebarService),c=n.get(e.LocaleService),l=``,u=``;return o===t.ObjectType.RECT?(l=`slide.sidebar.shape`,u=k):o===t.ObjectType.IMAGE?(l=`slide.sidebar.image`,u=k):o===t.ObjectType.RICH_TEXT&&(l=`slide.sidebar.text`,u=k),a?s.open({header:{title:c.t(l)},children:{label:u},onClose:()=>{},width:360}):s.close(),!0}},P={id:`slide.command.insert-float-shape.ellipse`,type:e.CommandType.COMMAND,handler:async t=>{var n;let r=t.get(e.ICommandService),i=(n=t.get(e.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return r.executeCommand(F.id,{unitId:i})}},F={id:`slide.operation.insert-float-shape.ellipse`,type:e.CommandType.OPERATION,handler:async(t,n)=>{let r=(0,e.generateRandomId)(6),i=t.get(e.IUniverInstanceService),a=n.unitId,o=i.getUnit(a);if(!o)return!1;let s=o.getActivePage(),c=Object.values(s.pageElements),l={id:r,zIndex:(c!=null&&c.length?Math.max(...c.map(e=>e.zIndex)):20)+1,left:378,top:142,width:250,height:250,title:r,description:``,type:e.PageElementType.SHAPE,shape:{shapeType:e.BasicShapes.Ellipse,text:``,shapeProperties:{radius:100,shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};s.pageElements[r]=l,o.updatePage(s.id,s);let u=t.get(y),d=u.createObjectToPage(l,s.id,a);return d&&u.setObjectActiveByPage(d,s.id,a),!0}},I={id:`slide.command.add-text`,type:e.CommandType.COMMAND,handler:async t=>{var n;let r=t.get(e.ICommandService),i=(n=t.get(e.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return await r.executeCommand(L.id,{unitId:i})}},L={id:`slide.operation.add-text`,type:e.CommandType.OPERATION,handler:async(t,n)=>{let r=n.unitId,i=(0,e.generateRandomId)(6),a=(n==null?void 0:n.text)||`A New Text`,o=t.get(e.IUniverInstanceService).getUnit(r);if(!o)return!1;let s=o.getActivePage(),c=Object.values(s.pageElements),l={id:i,zIndex:(c!=null&&c.length?Math.max(...c.map(e=>e.zIndex)):21)+1,left:230,top:142,width:220,height:40,title:`text`,description:``,type:e.PageElementType.TEXT,richText:{text:a,fs:30,cl:{rgb:`rgb(51, 51, 51)`},bl:1}};s.pageElements[i]=l,o.updatePage(s.id,s);let u=t.get(y),d=u.createObjectToPage(l,s.id,r);return d&&u.setObjectActiveByPage(d,s.id,r),!0}},ee={id:`slide.operation.set-slide-page-thumb`,type:e.CommandType.OPERATION,handler:(e,t)=>(e.get(y).createThumbs(t.unitId),!0)};function te(){var n,r;let o=(0,i.useDependency)(e.IUniverInstanceService),l=(0,i.useDependency)(e.ICommandService),u=(0,i.useDependency)(t.IRenderManagerService),d=(0,i.useDependency)(e.LocaleService),f=(0,c.useRef)(null),p=o.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE),m=p==null?void 0:p.getPages(),h=p==null?void 0:p.getPageOrder();if(!m||!h)return null;let g=h.map(e=>m[e]),[_,v]=(0,c.useState)((n=p==null||(r=p.getActivePage())==null?void 0:r.id)==null?null:n),y=(0,c.useMemo)(()=>g.map(()=>(0,c.createRef)()),[g]);(0,c.useEffect)(()=>{let e=p==null?void 0:p.activePage$.subscribe(e=>{var t;let n=(t=e==null?void 0:e.id)==null?null:t;n&&v(n)});return()=>{e==null||e.unsubscribe()}},[]),(0,c.useEffect)(()=>{y.forEach((e,t)=>{if(e.current){var n;let r=g[t];(n=u.getRenderById(r.id))==null||n.engine.setContainer(e.current)}}),y.length>0&&l.syncExecuteCommand(ee.id,{unitId:p==null?void 0:p.getUnitId()})},[y,g,u,l,p]);let S=(0,c.useCallback)(e=>{l.syncExecuteCommand(b.id,{id:e,unitId:p==null?void 0:p.getUnitId()})},[l,p]),C=(0,c.useCallback)(()=>{l.syncExecuteCommand(x.id,{unitId:p==null?void 0:p.getUnitId()})},[l,p]);return(0,s.jsx)(`aside`,{ref:f,className:(0,a.clsx)(`univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden`,a.scrollbarClassName),children:(0,s.jsxs)(`div`,{className:`univer-px-4`,children:[(0,s.jsx)(`header`,{className:`univer-flex univer-justify-center univer-pt-4`,children:(0,s.jsx)(`a`,{className:(0,a.clsx)(`univer-box-border univer-block univer-h-8 univer-w-full univer-cursor-pointer univer-rounded-md univer-bg-white univer-text-center univer-text-sm univer-leading-8 univer-transition-colors`,a.borderClassName),onClick:C,children:d.t(`slide.append`)})}),g.map((e,t)=>(0,s.jsxs)(`div`,{className:(0,a.clsx)(`univer-my-4 univer-flex univer-gap-2`,{"[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600":e.id===_}),onClick:()=>S(e.id),children:[(0,s.jsx)(`span`,{children:t+1}),(0,s.jsx)(`div`,{ref:y[t],className:(0,a.clsx)(`univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600`,a.borderClassName)})]},e.id))]})})}const R=(0,e.createInternalEditorID)(`SLIDE_EDITOR`),z={id:`slide.operation.edit-arrow`,type:e.CommandType.OPERATION,handler:()=>!0},ne=`COMPONENT_SLIDE_IMAGE_POPUP_MENU`;function re(t){var n;let r=(n=t.popup)==null||(n=n.extraProps)==null?void 0:n.menuItems;if(!r)return null;let l=(0,i.useDependency)(e.ICommandService),u=(0,i.useDependency)(e.LocaleService),[d,f]=(0,c.useState)(!1),[p,m]=(0,c.useState)(!1),h=()=>{m(!0)},g=()=>{m(!1)},_=e=>{f(e)},v=e=>{l.executeCommand(e.commandId,e.commandParams),f(!1)},y=d||p,b=r.filter(e=>!e.disable);return(0,s.jsx)(`div`,{onMouseEnter:h,onMouseLeave:g,children:(0,s.jsx)(a.Dropdown,{align:`start`,overlay:(0,s.jsx)(`ul`,{className:(0,a.clsx)(`univer-m-0 univer-box-border univer-grid univer-list-none univer-items-center univer-gap-1 univer-rounded-lg univer-bg-white univer-p-1.5 univer-text-sm univer-shadow-lg`,a.borderClassName),children:b.map(e=>(0,s.jsx)(`li`,{className:`univer-relative univer-box-border univer-flex univer-h-8 univer-cursor-pointer univer-items-center univer-rounded univer-text-sm univer-transition-colors hover:univer-bg-gray-100`,onClick:()=>v(e),children:(0,s.jsx)(`span`,{className:`univer-px-2 univer-py-1.5 univer-align-middle`,children:u.t(e.label)})},e.index))}),open:d,onOpenChange:_,children:(0,s.jsxs)(`div`,{className:(0,a.clsx)(`univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-800`,a.borderClassName,{"univer-bg-gray-100 dark:!univer-bg-gray-800":d,"univer-bg-white dark:!univer-bg-gray-900":!d}),children:[(0,s.jsx)(o.AutofillDoubleIcon,{className:`univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white`}),y&&(0,s.jsx)(o.MoreDownIcon,{className:`dark:!univer-text-white`})]})})})}const B=`slide.menu.image`;function ie(t){return{id:B,type:i.MenuItemType.SUBITEMS,icon:`AddImageIcon`,tooltip:`slide.image.insert.title`,hidden$:(0,i.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SLIDE)}}function ae(t){return{id:C.id,title:`slide.image.insert.float`,type:i.MenuItemType.BUTTON,hidden$:(0,i.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SLIDE)}}const V=`slide.menu.shape`;function oe(t){return{id:V,type:i.MenuItemType.SUBITEMS,icon:`GraphIcon`,tooltip:`slide.shape.insert.title`,hidden$:(0,i.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SLIDE)}}function se(t){return{id:j.id,title:`slide.shape.insert.rectangle`,type:i.MenuItemType.BUTTON,hidden$:(0,i.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SLIDE)}}function ce(t){return{id:P.id,title:`slide.shape.insert.ellipse`,type:i.MenuItemType.BUTTON,hidden$:(0,i.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SLIDE)}}function le(t){return{id:I.id,type:i.MenuItemType.BUTTON,icon:`TextIcon`,tooltip:`slide.text.insert.title`,hidden$:(0,i.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SLIDE)}}const ue={[i.RibbonStartGroup.FORMAT]:{[I.id]:{order:0,menuItemFactory:le},[B]:{order:0,menuItemFactory:ie,[C.id]:{order:0,menuItemFactory:ae}},[V]:{order:0,menuItemFactory:oe,[j.id]:{order:0,menuItemFactory:se},[P.id]:{order:0,menuItemFactory:ce}}}};var de=class{constructor(){h(this,`_state`,null),h(this,`_rect`,null),h(this,`_state$`,new u.BehaviorSubject(null)),h(this,`state$`,this._state$.asObservable()),h(this,`_rect$`,new u.BehaviorSubject(null)),h(this,`rect$`,this._rect$.asObservable()),h(this,`_focus`,!1),h(this,`_focus$`,new u.BehaviorSubject(this._focus)),h(this,`focus$`,this._focus$.asObservable())}dispose(){this._state$.complete(),this._state=null,this._rect$.complete(),this._rect=null}setState(e){this._state=e,this._refresh(e)}getRect(){return this._rect}setRect(e){this._rect=e,this._rect$.next(e)}getState(){return this._state}setFocus(e=!1){this._focus=e,this._focus$.next(e)}_refresh(e){this._state$.next(e)}};const H=(0,e.createIdentifier)(`univer.slide-editor-manager.service`),U=-1e3,fe={width:0,height:0,top:U,left:U};function pe(){let[n,r]=(0,c.useState)({...fe}),o=(0,i.useDependency)(H),u=(0,i.useDependency)(l.IEditorService),d=(0,i.useDependency)(e.IContextService),f=(0,i.useObservable)(()=>d.subscribeContextValue$(i.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[d,i.DISABLE_AUTO_FOCUS_KEY]);return`${e.DEFAULT_EMPTY_DOCUMENT_VALUE}`,e.DocumentFlavor.UNSPECIFIED,(0,c.useEffect)(()=>{o.state$.subscribe(e=>{if(e==null)return;let{startX:n=U,startY:i=U,endX:a=0,endY:s=0,show:c=!1}=e;if(!c)r({...fe});else{r({width:a-n-t.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:s-i-t.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:n+t.FIX_ONE_PIXEL_BLUR_OFFSET,top:i+t.FIX_ONE_PIXEL_BLUR_OFFSET});let e=u.getEditor(R);if(e==null)return;let{left:c,top:l,width:d,height:f}=e.getBoundingClientRect();o.setRect({left:c,top:l,width:d,height:f})}})},[]),(0,c.useEffect)(()=>{f||o.setFocus(!0)},[f,n]),(0,s.jsx)(`div`,{className:(0,a.clsx)(`univer-absolute univer-z-10 univer-box-border univer-flex`,a.borderClassName),style:{left:n.left,top:n.top,width:n.width,height:n.height}})}function W(t){return t.getContextValue(e.FOCUSING_UNIVER_EDITOR)&&t.getContextValue(e.EDITOR_ACTIVATED)}function me(t){return t.getContextValue(e.FORMULA_EDITOR_ACTIVATED)&&t.getContextValue(e.FOCUSING_UNIVER_EDITOR)}const he=[i.KeyCode.ARROW_DOWN,i.KeyCode.ARROW_UP,i.KeyCode.ARROW_LEFT,i.KeyCode.ARROW_RIGHT];[i.KeyCode.ENTER,i.KeyCode.TAB,...he];function ge(){let e=[];for(let n of he)e.push({id:z.id,binding:n,preconditions:e=>W(e),staticParameters:{visible:!1,eventType:t.DeviceInputEventType.Keyboard,keycode:n,isShift:!1}}),e.push({id:z.id,binding:n|i.MetaKeys.SHIFT,preconditions:e=>W(e),staticParameters:{visible:!1,eventType:t.DeviceInputEventType.Keyboard,keycode:n,isShift:!0}});return e}const _e={id:l.DeleteLeftCommand.id,preconditions:e=>W(e)||me(e),binding:i.KeyCode.BACKSPACE};let G=class extends e.Disposable{constructor(e,t,n,r,i,a){super(),this._injector=e,this._menuManagerService=t,this._componentManager=n,this._uiPartsService=r,this._commandService=i,this._shortcutService=a,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(ue)}_initCustomComponents(){let e=this._componentManager;this.disposeWithMe(e.register(`TextIcon`,o.TextIcon)),this.disposeWithMe(e.register(`GraphIcon`,o.GraphIcon)),this.disposeWithMe(e.register(ne,re)),this.disposeWithMe(e.register(k,A))}_initCommands(){[x,b,ee,C,L,I,P,F,M,j,N,S,w,z].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(i.BuiltInUIPart.LEFT_SIDEBAR,()=>(0,i.connectInjector)(te,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(i.BuiltInUIPart.CONTENT,()=>(0,i.connectInjector)(pe,this._injector)))}_initShortcuts(){[_e,...ge()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};G=_([g(0,(0,e.Inject)(e.Injector)),g(1,i.IMenuManagerService),g(2,(0,e.Inject)(i.ComponentManager)),g(3,i.IUIPartsService),g(4,e.ICommandService),g(5,i.IShortcutService)],G);var ve=`@univerjs/slides-ui`,ye=`0.19.0`;const be=`slides-ui.config`;Symbol(be);const xe={},K=(0,e.createIdentifier)(`univer.slide-editor-bridge.service`);let q=class extends e.Disposable{constructor(e,n,r){super(),this._editorService=e,this._contextService=n,this._renderManagerService=r,h(this,`_editorUnitId`,R),h(this,`_isForceKeepVisible`,!1),h(this,`_editorIsDirty`,!1),h(this,`_currentEditRectState`,null),h(this,`_currentEditRectState$`,new u.BehaviorSubject(null)),h(this,`currentEditRectState$`,this._currentEditRectState$.asObservable()),h(this,`_visibleParam`,{visible:!1,eventType:t.DeviceInputEventType.Dblclick,unitId:``}),h(this,`_visible$`,new u.BehaviorSubject(this._visibleParam)),h(this,`visible$`,this._visible$.asObservable()),h(this,`_afterVisible$`,new u.BehaviorSubject(this._visibleParam)),h(this,`afterVisible$`,this._afterVisible$.asObservable()),h(this,`endEditing$`,new u.Subject),h(this,`_currentEditRectInfo`,void 0)}dispose(){super.dispose()}getEditorRect(){return this._currentEditRectInfo}setEditorRect(t){this._currentEditRectInfo=t,this._editorService.getFocusEditor()||(this._editorService.focus(R),this._contextService.setContextValue(e.EDITOR_ACTIVATED,!1),this._contextService.setContextValue(e.FOCUSING_EDITOR_STANDALONE,!1),this._contextService.setContextValue(e.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE,!1));let n=this.getEditRectState();this._currentEditRectState=n,this._currentEditRectState$.next(n)}changeVisible(e){this._visibleParam=e,e.visible&&(this._editorIsDirty=!1),this._visible$.next(this._visibleParam),this._afterVisible$.next(this._visibleParam)}getEditRectState(){let t=R,r=this._currentEditRectInfo,i=r.unitId,a=r.richTextObj.documentData;a.id=t,a.documentStyle={...a.documentStyle,pageSize:{width:r.richTextObj.width,height:1/0}};let o={documentModel:new e.DocumentDataModel(a),fontString:`document`,textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:e.VerticalAlign.TOP,horizontalAlign:e.HorizontalAlign.LEFT,paddingData:{t:0,b:1,l:2,r:2}},s=r.richTextObj.width,c=r.richTextObj.height,l=r.richTextObj.left,u=r.richTextObj.top,d={left:0,top:0},f=this._renderManagerService.getRenderById(i),p=f==null?void 0:f.scene,m=p==null?void 0:p.getViewport(n.SLIDE_KEY.VIEW),h=p==null?void 0:p.getObject(n.SLIDE_KEY.COMPONENT),g={x:(h==null?void 0:h.left)||0,y:(h==null?void 0:h.top)||0},_=(m==null?void 0:m.viewportScrollX)||0,v=(m==null?void 0:m.viewportScrollY)||0;return d.left=g.x-_,d.top=g.y-v,{position:{startX:l,startY:u,endX:l+s,endY:u+c},scaleX:1,scaleY:1,slideCardOffset:d,unitId:i,editorUnitId:t,documentLayoutObject:o}}changeEditorDirty(e){this._editorIsDirty=e}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(t){let n=this.getCurrentEditorId(),r=t.text,i=t.fs;return{id:n,body:{dataStream:`${r}\r\n`,textRuns:[{st:0,ed:r.length}],paragraphs:[{paragraphStyle:{},startIndex:r.length+1}],sectionBreaks:[{startIndex:r.length+2}]},documentStyle:{marginBottom:0,marginLeft:0,marginRight:0,marginTop:0,pageSize:{width:1/0,height:1/0},textStyle:{fs:i},renderConfig:{verticalAlign:e.VerticalAlign.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}};q=_([g(0,l.IEditorService),g(1,e.IContextService),g(2,t.IRenderManagerService)],q);let J=function(e){return e[e.InitialState=0]=`InitialState`,e[e.StartEditor=1]=`StartEditor`,e[e.CursorChange=2]=`CursorChange`,e}({});const Se=-1e3;let Y=class extends e.Disposable{constructor(n,r,a,o,s,c,l,u,d,f,p,m){super(),this._renderContext=n,this._layoutService=r,this._undoRedoService=a,this._contextService=o,this._instanceSrv=s,this._renderManagerService=c,this._editorBridgeService=l,this._cellEditorManagerService=u,this._textSelectionManagerService=d,this._commandService=f,this._localService=p,this._editorService=m,h(this,`_cursorChange`,J.InitialState),h(this,`_isUnitEditing`,!1),h(this,`_d`,void 0),this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(e.UniverInstanceType.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:t.DeviceInputEventType.Keyboard,keycode:i.KeyCode.ESC,unitId:this._renderContext.unitId}),this._isUnitEditing=!1))})),this._initEditorVisibilityListener()}dispose(){super.dispose(),this._disposeCurrent()}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_init(){let t=new e.DisposableCollection;return this._subscribeToCurrentCell(t),this._initialKeyboardListener(t),this._initialCursorSync(t),this._listenEditorFocus(t),this._commandExecutedListener(t),setTimeout(()=>{this._cursorStateListener(t)},1e3),t}_initEditorVisibilityListener(){this.disposeWithMe(this._editorBridgeService.visible$.subscribe(e=>{e.visible?(this._isUnitEditing=!0,this._handleEditorVisible(e)):this._isUnitEditing&&(this._handleEditorInvisible(e),this._isUnitEditing=!1)}))}_listenEditorFocus(e){let t=this._getEditorObject();t&&e.add(t.document.onPointerDown$.subscribeEvent(()=>{}))}_getEditorSkeleton(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(d.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(d.DocSkeletonManagerService).getViewModel()}_initialCursorSync(n){n.add(this._cellEditorManagerService.focus$.pipe((0,u.filter)(e=>!!e)).subscribe(()=>{var n;(n=(0,t.getCurrentTypeOfRenderer)(e.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||n.with(l.DocSelectionRenderService).sync()}))}_subscribeToCurrentCell(n){n.add(this._editorBridgeService.currentEditRectState$.subscribe(n=>{var r;if(n==null||this._contextService.getContextValue(e.FOCUSING_EDITOR_STANDALONE)||this._contextService.getContextValue(e.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE))return;let{position:{startX:i,endX:a},documentLayoutObject:{textRotation:o,wrapStrategy:s,documentModel:c},scaleX:u,editorUnitId:d}=n,{vertexAngle:f}=(0,t.convertTextRotation)(o);c.updateDocumentId(d),s===e.WrapStrategy.WRAP&&f===0&&c.updateDocumentDataPageSize((a-i)/u),this._instanceSrv.changeDoc(d,c),this._contextService.setContextValue(e.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]),(r=(0,t.getCurrentTypeOfRenderer)(e.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||r.with(l.DocSelectionRenderService).activate(Se,Se)}))}_fitTextSize(t,n,r,i,a=1,o=1){let{startX:s,startY:c,endX:l,endY:u}=t,d=i.documentModel;if(d==null)return;let{actualWidth:f,actualHeight:p}=this._predictingSize(t,n,r,i,a,o),{verticalAlign:m,paddingData:h,fill:g}=i,_=l-s,v=u-c;if(_<f&&(_=f),v<p)v=p,d.updateDocumentDataMargin(h);else{let t=0;t=m===e.VerticalAlign.MIDDLE?(v-p)/2/o:m===e.VerticalAlign.TOP?h.t||0:(v-p)/o-(h.b||0),t=t<(h.t||0)?h.t||0:t,d.updateDocumentDataMargin({t})}r.calculate(),this._editAreaProcessing(_,v,t,n,g,a,o)}_predictingSize(n,r,i,a,o=1,s=1){let{startX:c,endX:l}=n,{textRotation:u,wrapStrategy:d}=a,f=a.documentModel,{vertexAngle:p}=(0,t.convertTextRotation)(u),m=document.body.clientWidth;if(d===e.WrapStrategy.WRAP&&p===0){let{actualWidth:e,actualHeight:t}=i.getActualSize();return{actualWidth:e*o,actualHeight:t*s}}f==null||f.updateDocumentDataPageSize((m-c-r.left)/o),i.calculate();let h=i.getActualSize(),g=l-c;return g<h.actualWidth*o+5*o&&(g=h.actualWidth*o+5*o),f==null||f.updateDocumentDataPageSize(g/o),f==null||f.updateDocumentRenderConfig({horizontalAlign:e.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:g,actualHeight:h.actualHeight*s}}_editAreaProcessing(e,n,r,i,a,o=1,s=1){let c=this._getEditorObject();if(c==null)return;function u(e){return Number.parseInt(e.replace(`px`,``))}let d=this._renderContext.engine.getCanvasElement(),f=d.getBoundingClientRect(),p=u(d.style.width),{top:m,left:h,width:g}=f,_=g/p,{startX:v,startY:y}=r;v+=i.left,y+=i.top;let{document:b,scene:x,engine:S}=c,C=x.getViewport(l.VIEWPORT_KEY.VIEW_MAIN),w=document.body.clientHeight-y-i.top-4,T=document.body.clientWidth-v-i.left,E=n,D=C==null?void 0:C.getScrollBar();if(E>w)E=w,D==null?C&&new t.ScrollBar(C,{enableHorizontal:!1,barSize:8}):C==null||C.resetCanvasSizeAndUpdateScroll();else{var O;D=null,C==null||(O=C.getScrollBar())==null||O.dispose()}e+=(D==null?void 0:D.barSize)||0,e=Math.min(e,T),v-=t.FIX_ONE_PIXEL_BLUR_OFFSET,y-=t.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(x,e/o,n/s,a);let{scaleX:k,scaleY:A}=x.getPrecisionScale();x.transformByState({width:e*_/o,height:n*_/s,scaleX:o*_,scaleY:s*_}),b.resize(e/o,n/s),setTimeout(()=>{S.resizeBySize((0,t.fixLineWidthByScale)(e,k),(0,t.fixLineWidthByScale)(E,A))},0);let j=this._layoutService.getContentElement().getBoundingClientRect(),M=d.getBoundingClientRect();v=v*_+(M.left-j.left),y=y*_+(M.top-j.top),this._cellEditorManagerService.setState({startX:v,startY:y,endX:e*_+v,endY:E*_+y,show:!0})}_addBackground(e,n,r,i){let a=`_backgroundRectHelperColor_`,o=e.getObject(a);o==null&&i==null||(o==null?e.addObjects([new t.Rect(a,{width:n,height:r,fill:i,evented:!1})],l.DOCS_COMPONENT_MAIN_LAYER_INDEX):i==null?o.dispose():(o.setProps({fill:i}),o.transformByState({width:n,height:r})))}_handleEditorVisible(n){var r,i;let{eventType:a}=n;this._cursorChange=[t.DeviceInputEventType.PointerDown,t.DeviceInputEventType.Dblclick].includes(a)?J.CursorChange:J.StartEditor;let o=this._editorBridgeService.getEditRectState();if(o==null)return;let{position:s,documentLayoutObject:c,slideCardOffset:u,scaleX:d,scaleY:f,editorUnitId:p,unitId:m}=o,h=this._getEditorObject();if(h==null)return;let{scene:g}=h;this._contextService.setContextValue(e.EDITOR_ACTIVATED,!0);let{documentModel:_}=c,v=this._getEditorSkeleton(p);if(!v||!_)return;this._fitTextSize(s,u,v,c,d,f);let y=_.getBody().dataStream.length-2||0;(r=g.getViewport(l.VIEWPORT_KEY.VIEW_MAIN))==null||r.scrollToViewportPos({viewportScrollX:1/0}),this._textSelectionManagerService.replaceTextRanges([{startOffset:y,endOffset:y}]),(i=this._renderManagerService.getRenderById(m))==null||i.scene.resetCursor()}_resetBodyStyle(t,n=!1){t.dataStream=e.DEFAULT_EMPTY_DOCUMENT_VALUE,t.textRuns!=null&&(t.textRuns.length===1&&!n?(t.textRuns[0].st=0,t.textRuns[0].ed=1):t.textRuns=void 0),t.paragraphs!=null&&(t.paragraphs.length===1?t.paragraphs[0].startIndex=0:t.paragraphs=[{startIndex:0}]),t.sectionBreaks!=null&&(t.sectionBreaks=void 0),t.tables!=null&&(t.tables=void 0),t.customRanges!=null&&(t.customRanges=void 0),t.customBlocks!=null&&(t.customBlocks=void 0)}_initialKeyboardListener(e){}_showEditorByKeyboard(e){}_commandExecutedListener(e){let t=[z.id],n=[d.RichTextEditingMutation.id];e.add(this._commandService.onCommandExecuted(e=>{this._editorService.getFocusId()===R&&(t.includes(e.id)&&this._moveCursorCmdHandler(e),n.includes(e.id)&&this._editorBridgeService.isVisible()&&this._editingChangedHandler())}))}_moveCursorCmdHandler(e){let t=e.params,{keycode:n,isShift:r}=t;n!=null&&this._cursorChange===J.CursorChange?this._moveInEditor(n,r):this._editorBridgeService.changeVisible(t)}_editingChangedHandler(){let e=this._editorBridgeService.getEditorRect();if(!e)return;let t=e.richTextObj;t.refreshDocumentByDocData(),t.resizeToContentSize();let{unitId:n}=this._renderContext;this._handleEditorVisible({visible:!0,eventType:3,unitId:n})}_getEditorObject(){return Ce(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(e){let{keycode:t}=e;if(this._cursorChange=J.InitialState,this._exitInput(e),this._editorBridgeService.getEditRectState()!=null){if(this._editorBridgeService.getEditorDirty()===!1){this._moveCursor(t);return}this._moveCursor(t)}}_exitInput(t){this._contextService.setContextValue(e.EDITOR_ACTIVATED,!1),this._cellEditorManagerService.setState({show:t.visible});let n=this._editorBridgeService.getCurrentEditorId();n!=null&&this._undoRedoService.clearUndoRedo(n)}_moveCursor(t){if(t!=null)switch(e.Direction.LEFT,t){case i.KeyCode.ENTER:e.Direction.DOWN;break;case i.KeyCode.TAB:e.Direction.RIGHT;break;case i.KeyCode.ARROW_DOWN:e.Direction.DOWN;break;case i.KeyCode.ARROW_UP:e.Direction.UP;break;case i.KeyCode.ARROW_LEFT:e.Direction.LEFT;break;case i.KeyCode.ARROW_RIGHT:e.Direction.RIGHT;break}}_cursorStateListener(t){let n=this._getEditorObject();if(!n)return;let{document:r}=n;t.add((0,e.toDisposable)(r.onPointerDown$.subscribeEvent(()=>{this._cursorChange===J.StartEditor&&(this._cursorChange=J.CursorChange)})))}_moveInEditor(t,n){let r=e.Direction.LEFT;t===i.KeyCode.ARROW_DOWN?r=e.Direction.DOWN:t===i.KeyCode.ARROW_UP?r=e.Direction.UP:t===i.KeyCode.ARROW_RIGHT&&(r=e.Direction.RIGHT),n?this._commandService.executeCommand(l.MoveSelectionOperation.id,{direction:r}):this._commandService.executeCommand(l.MoveCursorOperation.id,{direction:r})}};Y=_([g(1,i.ILayoutService),g(2,e.IUndoRedoService),g(3,e.IContextService),g(4,e.IUniverInstanceService),g(5,t.IRenderManagerService),g(6,K),g(7,H),g(8,(0,e.Inject)(d.DocSelectionManagerService)),g(9,e.ICommandService),g(10,(0,e.Inject)(e.LocaleService)),g(11,l.IEditorService)],Y);function Ce(e,t){if(e==null)return;let n=t.getRenderById(e);if(n==null)return;let{mainComponent:r,scene:i,engine:a,components:o}=n;return{document:r,docBackground:o.get(l.DOCS_VIEW_KEY.BACKGROUND),scene:i,engine:a}}let we=class extends e.RxDisposable{constructor(t,n,r,i){super(),this._renderContext=t,this._instanceSrv=n,this._commandService=r,this._editorBridgeService=i,h(this,`setSlideTextEditor$`,new u.Subject),h(this,`_curRichText`,null),h(this,`_d`,void 0),this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(e.UniverInstanceType.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){let t=new e.DisposableCollection;return this._initEventListener(t),t}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_setEditorRect(e,t){this._curRichText=t;let{scene:n,engine:r}=this._renderContext,i={scene:n,engine:r,unitId:this._renderContext.unitId,pageId:e,richTextObj:t};this._editorBridgeService.setEditorRect(i)}_initEventListener(e){let n=n=>{let r=n.getTransformer();r&&(e.add(r.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),e.add(r.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),e.add(n.onDblclick$.subscribeEvent(()=>{r.clearControls();let e=r.getSelectedObjectMap().values().next().value;e&&(e.objectType===t.ObjectType.RICH_TEXT?this.startEditing(n.sceneKey,e):this.pickOtherObjects())})),e.add(this._instanceSrv.focused$.subscribe(e=>{this.endEditing()})))},{mainComponent:r}=this._renderContext;r.subSceneChanged$.subscribeEvent(e=>{n(e)});let i=Array.from(r.getSubScenes().values());for(let e=0;e<i.length;e++){let t=i[e];n(t)}}pickOtherObjects(){this.endEditing()}endEditing(){var t;if(!this._curRichText)return;this.setEditorVisible(!1);let n=this._curRichText;if(!this._instanceSrv.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE))return!1;n.refreshDocumentByDocData(),n.resizeToContentSize(),this._editorBridgeService.endEditing$.next(n);let r={bl:1,fs:n.fs,text:n.text},i=(t=n.documentData.body)==null?void 0:t.textRuns;if(i&&i.length){let e=i[0].ts;r.cl=e==null?void 0:e.cl}this._commandService.executeCommand(w.id,{unitId:this._renderContext.unitId,oKey:n==null?void 0:n.oKey,props:{richText:r}}),this._curRichText=null}startEditing(e,t){this._setEditorRect(e,t),this.setEditorVisible(!0)}setEditorVisible(e){if(e){var n;(n=this._curRichText)==null||n.hide()}else{var r;(r=this._curRichText)==null||r.show()}let{unitId:i}=this._renderContext;this._editorBridgeService.changeVisible({visible:e,eventType:t.DeviceInputEventType.PointerDown,unitId:i})}};we=_([g(1,e.IUniverInstanceService),g(2,e.ICommandService),g(3,K)],we);function Te(e,t){let n=Ee(e.left,e.top,t),r=Ee(e.right,e.bottom,t);return{left:n.x,top:n.y,right:r.x,bottom:r.y}}function Ee(e,t,r){let{scaleX:i,scaleY:a}=r.getAncestorScale(),o=r.getViewport(n.SLIDE_KEY.VIEW);if(!o)return{x:e,y:t};let{viewportScrollX:s,viewportScrollY:c}=o;return{x:(e-s)*i,y:(t-c)*a}}let X=class extends e.Disposable{constructor(e,t,n,r){super(),this._globalPopupManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._commandService=r}_createObjectPositionObserver(n,r){let i=(()=>{var e,i,a,o;let{scene:s,engine:c}=r,{left:l,top:u,width:d,height:f}=n,p=(s.width-((e=(i=r.mainComponent)==null?void 0:i.width)==null?0:e))/2,m=(s.height-((a=(o=r.mainComponent)==null?void 0:o.height)==null?0:a))/2,h={left:l,right:l+d,top:u,bottom:u+f},g=c.getCanvasElement(),_=g.getBoundingClientRect(),v=(0,t.pxToNum)(g.style.width),{scaleX:y,scaleY:b}=s.getAncestorScale(),x=Te(h,s),{top:S,left:C,width:w}=_,T=w/v;return{left:x.left*T*y+C+p,right:x.right*T*y+C+p,top:x.top*T*b+S+m,bottom:x.bottom*T*b+S+m}})();return{position:i,position$:new u.BehaviorSubject(i),disposable:new e.DisposableCollection}}attachPopupToObject(t,n){let r=this._univerInstanceService.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE).getUnitId(),i=this._renderManagerService.getRenderById(r);if(!i)return{dispose:()=>{}};let{position:a,position$:o,disposable:s}=this._createObjectPositionObserver(t,i),c=this._globalPopupManagerService.addPopup({...n,unitId:r,subUnitId:`default`,anchorRect:a,anchorRect$:o,canvasElement:i.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(c),o.complete(),s.dispose()}}}};X=_([g(0,(0,e.Inject)(i.ICanvasPopupService)),g(1,t.IRenderManagerService),g(2,e.IUniverInstanceService),g(3,e.ICommandService)],X);let Z=class extends e.RxDisposable{constructor(e,t,n,r,i,a,o){super(),this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=r,this._canvasView=i,this._sidebarService=a,this._commandService=o,h(this,`_initImagePopupMenu`,new Set),this._init()}_init(){this._univerInstanceService.getAllUnitsForType(e.UniverInstanceType.UNIVER_SLIDE).forEach(e=>this._create(e))}_create(e){if(!e)return;let t=e.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(e){}_popupMenuListener(t){var n;let r=this._univerInstanceService.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE),i=(n=r==null?void 0:r.getPages())==null?{}:n;Object.keys(i).forEach(n=>{var r;let i=(r=this._canvasView.getRenderUnitByPageId(n,t).scene)==null?void 0:r.getTransformer();if(!i)return;let a;this.disposeWithMe((0,e.toDisposable)(i.createControl$.subscribe(()=>{let e=i.getSelectedObjectMap();if(e.size>1){a==null||a.dispose();return}let n=e.values().next().value;if(!n)return;let r=n.oKey;a==null||a.dispose(),a=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(n,{componentKey:ne,direction:`horizontal`,offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(n.objectType,r,t)}})),this._sidebarService.visible&&this._commandService.executeCommand(N.id,{visible:!0,objectType:n.objectType})}))),this.disposeWithMe(i.clearControl$.subscribe(()=>{a==null||a.dispose(),this._contextService.setContextValue(e.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(i.changing$.subscribe(()=>{a==null||a.dispose();let e=i.getSelectedObjectMap();if(e.size>1){a==null||a.dispose();return}let n=e.values().next().value;n&&this._commandService.executeCommand(w.id,{unitId:t,oKey:n.oKey,props:{width:n.width,height:n.height,left:n.left,top:n.top}})}))})}_getMenuItemsByObjectType(e,t,n){return[{label:`slide.popup.edit`,index:0,commandId:N.id,commandParams:{visible:!0,objectType:e},disable:!1},{label:`slide.popup.delete`,index:5,commandId:S.id,commandParams:{id:t,unitId:n},disable:!1}]}};Z=_([g(0,(0,e.Inject)(X)),g(1,t.IRenderManagerService),g(2,e.IUniverInstanceService),g(3,e.IContextService),g(4,(0,e.Inject)(y)),g(5,i.ISidebarService),g(6,e.ICommandService)],Z);let Q=class extends e.RxDisposable{constructor(e,t,n){super(),this._contextService=e,this._instanceSrv=t,this._renderManagerService=n,Promise.resolve().then(()=>this._init())}_init(){this._initSlideDataListener(),this._initContextListener()}_initSlideDataListener(){this._instanceSrv.getTypeOfUnitAdded$(e.UniverInstanceType.UNIVER_SLIDE).pipe((0,u.takeUntil)(this.dispose$)).subscribe(e=>{this._createRenderer(e==null?void 0:e.getUnitId())}),this._instanceSrv.getAllUnitsForType(e.UniverInstanceType.UNIVER_SLIDE).forEach(e=>{this._createRenderer(e.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(e.UniverInstanceType.UNIVER_SLIDE).pipe((0,u.takeUntil)(this.dispose$)).subscribe(e=>this._disposeRenderer(e))}_createRenderer(t){t!=null&&this._instanceSrv.getUnit(t,e.UniverInstanceType.UNIVER_SLIDE)!=null&&this._renderManagerService.createRender(t)}_disposeRenderer(e){let t=e.getUnitId();this._renderManagerService.removeRender(t)}_initContextListener(){}};Q=_([g(0,e.IContextService),g(1,e.IUniverInstanceService),g(2,t.IRenderManagerService)],Q);let $=class extends e.Plugin{constructor(t=xe,n,r,i,a){super(),this._config=t,this._injector=n,this._renderManagerService=r,this._univerInstanceService=i,this._configService=a;let{menu:o,...s}=(0,e.merge)({},xe,this._config);o&&this._configService.setConfig(`menu`,o,{merge:!0}),this._configService.setConfig(be,s)}onStarting(){(0,e.mergeOverrideWithDependencies)([[Q],[K,{useClass:q}],[H,{useClass:de}],[X]],this._config.override).forEach(e=>this._injector.add(e))}onReady(){[[v]].forEach(t=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(e.UniverInstanceType.UNIVER_SLIDE,t))}),(0,e.mergeOverrideWithDependencies)([[y],[G],[v],[Z]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(y),this._injector.get(Q)}onRendered(){[[we],[Y]].forEach(t=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(e.UniverInstanceType.UNIVER_SLIDE,t))}),this._markSlideAsFocused(),this._injector.get(G)}onSteady(){this._injector.get(Z)}_markSlideAsFocused(){let t=this._univerInstanceService;try{let n=t.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SLIDE);t.focusUnit(n.getUnitId())}catch{}}};h($,`pluginName`,`UNIVER_SLIDES_UI_PLUGIN`),h($,`packageName`,ve),h($,`version`,ye),h($,`type`,e.UniverInstanceType.UNIVER_SLIDE),$=_([g(1,(0,e.Inject)(e.Injector)),g(2,t.IRenderManagerService),g(3,e.IUniverInstanceService),g(4,e.IConfigService)],$),exports.ActivateSlidePageOperation=b,exports.AppendSlideOperation=x,Object.defineProperty(exports,`CanvasView`,{enumerable:!0,get:function(){return y}}),exports.DeleteSlideElementOperation=S,exports.ISlideEditorBridgeService=K,exports.InsertSlideFloatImageCommand=C,exports.InsertSlideShapeEllipseCommand=P,exports.InsertSlideShapeEllipseOperation=F,exports.InsertSlideShapeRectangleCommand=j,exports.InsertSlideShapeRectangleOperation=M,exports.SHAPE_MENU_ID=V,exports.SLIDES_IMAGE_MENU_ID=B,exports.SLIDE_EDITOR_ID=R,exports.SetSlidePageThumbOperation=ee,exports.SlideAddTextCommand=I,exports.SlideAddTextOperation=L,Object.defineProperty(exports,`SlideCanvasPopMangerService`,{enumerable:!0,get:function(){return X}}),exports.SlideEditorContainer=pe,exports.SlideSideBar=te,Object.defineProperty(exports,`SlidesUIController`,{enumerable:!0,get:function(){return G}}),exports.SlidesUIMenuSchema=ue,Object.defineProperty(exports,`UniverSlidesUIPlugin`,{enumerable:!0,get:function(){return $}}),exports.UpdateSlideElementOperation=w;

package/lib/es/index.js

@@ -1,36 +1 @@
-import{BasicShapes as e,CommandType as t,DEFAULT_EMPTY_DOCUMENT_VALUE as n,Direction as r,Disposable as i,DisposableCollection as a,DocumentDataModel as o,DocumentFlavor as s,EDITOR_ACTIVATED as c,FOCUSING_COMMON_DRAWINGS as l,FOCUSING_EDITOR_BUT_HIDDEN as u,FOCUSING_EDITOR_STANDALONE as d,FOCUSING_UNIVER_EDITOR as f,FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as p,FORMULA_EDITOR_ACTIVATED as m,HorizontalAlign as h,ICommandService as g,IConfigService as _,IContextService as v,IUndoRedoService as y,IUniverInstanceService as b,Inject as x,Injector as S,LocaleService as C,PageElementType as w,Plugin as T,RxDisposable as E,UniverInstanceType as D,VerticalAlign as O,WrapStrategy as k,createIdentifier as ee,createInternalEditorID as te,debounce as ne,generateRandomId as re,getColorStyle as ie,merge as ae,mergeOverrideWithDependencies as oe,toDisposable as se}from"@univerjs/core";import{DeviceInputEventType as A,FIX_ONE_PIXEL_BLUR_OFFSET as j,IRenderManagerService as M,ObjectType as ce,Rect as le,Scene as ue,ScrollBar as de,Slide as fe,Viewport as pe,convertTextRotation as me,fixLineWidthByScale as he,getCurrentTypeOfRenderer as ge,pxToNum as _e}from"@univerjs/engine-render";import{ObjectProvider as ve,SLIDE_KEY as N}from"@univerjs/slides";import{DRAWING_IMAGE_ALLOW_IMAGE_LIST as ye,IImageIoService as be,getImageSize as xe}from"@univerjs/drawing";import{BuiltInUIPart as Se,ComponentManager as Ce,DISABLE_AUTO_FOCUS_KEY as we,ICanvasPopupService as Te,ILayoutService as Ee,ILocalFileService as De,IMenuManagerService as Oe,IShortcutService as ke,ISidebarService as Ae,IUIPartsService as je,KeyCode as P,MenuItemType as F,MetaKeys as Me,RibbonStartGroup as Ne,connectInjector as Pe,getMenuHiddenObservable as I,useDependency as L,useObservable as Fe}from"@univerjs/ui";import{Button as Ie,ColorPicker as Le,Dropdown as Re,InputNumber as ze,borderClassName as Be,borderTopClassName as Ve,clsx as R,scrollbarClassName as He}from"@univerjs/design";import{AutofillDoubleIcon as Ue,BottomIcon as We,GraphIcon as Ge,MoreDownIcon as Ke,MoveDownIcon as qe,MoveUpIcon as Je,PaintBucketDoubleIcon as Ye,TextIcon as Xe,TopmostIcon as Ze}from"@univerjs/icons";import{jsx as z,jsxs as B}from"react/jsx-runtime";import{createRef as Qe,useCallback as $e,useEffect as V,useMemo as et,useRef as tt,useState as H}from"react";import{DOCS_COMPONENT_MAIN_LAYER_INDEX as nt,DOCS_VIEW_KEY as rt,DeleteLeftCommand as it,DocSelectionRenderService as at,IEditorService as ot,MoveCursorOperation as st,MoveSelectionOperation as ct,VIEWPORT_KEY as lt}from"@univerjs/docs-ui";import{BehaviorSubject as U,Subject as ut,filter as dt,takeUntil as ft}from"rxjs";import{DocSelectionManagerService as pt,DocSkeletonManagerService as mt,RichTextEditingMutation as ht}from"@univerjs/docs";function W(e){"@babel/helpers - typeof";return W=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},W(e)}function gt(e,t){if(W(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(W(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function _t(e){var t=gt(e,`string`);return W(t)==`symbol`?t:t+``}function G(e,t,n){return(t=_t(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function K(e,t){return function(n,r){t(n,r,e)}}function q(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 vt=class extends E{constructor(e,t,n,r){super(),this._renderContext=e,this._injector=t,this._univerInstanceService=n,this._renderManagerService=r,G(this,`_objectProvider`,null),G(this,`_refreshThumb`,ne(()=>{this.createThumbs()},300)),this._objectProvider=this._injector.createInstance(ve),this._addNewRender()}_addNewRender(){let{unitId:e,engine:t,scene:n}=this._renderContext,r=this._getCurrUnitModel();if(!r)return;let i=t.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),i==null||i.unsubscribe()});t.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});let a=new pe(N.VIEW,n,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});n.attachControl(),n.onMouseWheel$.subscribeEvent((e,t)=>{let r=e;if(r.ctrlKey){let e=Math.abs(r.deltaX),t=e<40?.2:e<80?.4:.2;t*=r.deltaY>0?-1:1,n.scaleX<1&&(t/=2),n.scaleX+t>4?n.scale(4,4):n.scaleX+t<.1?n.scale(.1,.1):(r.deltaY,r.preventDefault())}else a.onMouseWheel(r,t)}),n.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),de.attachTo(a);let o=this._createSlide(n);this._renderContext.mainComponent=o,this._createSlidePages(r,o),this.createThumbs(),t.runRenderLoop(()=>{n.render()})}_scrollToCenter(){var e;let t=(e=this._currentRender())==null?void 0:e.scene,n=t==null?void 0:t.getViewport(N.VIEW),r=this._getCenterPositionViewPort(t);if(!n||!r)return;let{left:i,top:a}=r,{x:o,y:s}=n.transViewportScroll2ScrollValue(i,a);n.scrollToBarPos({x:o,y:s})}_currentRender(){return ge(D.UNIVER_SLIDE,this._univerInstanceService,this._renderManagerService)}_createSlide(e){let t=this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SLIDE),{width:n,height:r}=e,{width:i=100,height:a=100}=t.getPageSize(),o=new fe(N.COMPONENT,{left:(n-i)/2,top:(r-a)/2,width:i,height:a,zIndex:10});return o.enableSelectedClipElement(),e.addObject(o),o}_addBackgroundRect(e,t){let{width:n=0,height:r=0}=this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SLIDE).getPageSize(),i=new le(`canvas`,{left:0,top:0,width:n,height:r,strokeWidth:1,stroke:`rgba(198,198,198,1)`,fill:ie(t)||`rgba(255,255,255,1)`,zIndex:0,evented:!1});e.addObject(i,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};let{width:t,height:n}=e,r=e.getEngine(),i=(r==null?void 0:r.width)||0,a=(r==null?void 0:r.height)||0;return{left:(t-i)/2,top:(n-a)/2}}_thumbSceneRender(e,t){let n=this._renderManagerService.getRenderById(e);if(n==null)return;let{engine:r}=n;if(r==null)return;let{width:i,height:a}=t,{width:o=i,height:s=a}=r,c=r.getCanvas().getContext();t.renderToThumb(c,e,o/i,s/a)}_createSlidePages(e,t){let n=e.getPages(),r=e.getPageOrder();if(!(!n||!r)&&r.length!==0){for(let e=0,t=r.length;e<t;e++){let t=r[e];this.createPageScene(t,n[t]),this._createThumb(t)}t.activeFirstPage()}}_createThumb(e){this._renderManagerService.createRender(e)}_getCurrUnitModel(){return this._renderContext.unit}activePage(e){let t=e,n=this._getCurrUnitModel(),r;if(t)r=n.getPage(t);else{let e=n.getPages(),i=n.getPageOrder();if(i==null||e==null)return;r=e[i[0]],t=r.id}let i=this._currentRender();if(r==null||i==null||i.mainComponent==null)return;let{id:a}=r,o=i.mainComponent;if(n.setActivePage(r),o!=null&&o.hasPage(a)){o.changePage(a);return}this.createPageScene(a,r)}createThumbs(){let e=this._getCurrUnitModel().getPageOrder(),t=this._currentRender();if(!(!e||!t)&&e.length!==0)for(let n=0,r=e.length;n<r;n++){let r=e[n];this._thumbSceneRender(r,t.mainComponent)}}createPageScene(e,t){let n=this._renderContext;if(!n||!this._objectProvider)return;let{scene:r,mainComponent:i}=n,a=i,{width:o,height:s}=a,c=new ue(e,a,{width:o,height:s});new pe(`PageViewer_${e}`,c,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:l,pageBackgroundFill:u}=t,d=this._objectProvider.convertToRenderObjects(l,r);if(!d||!a)return;this._addBackgroundRect(c,u),c.addObjects(d),c.initTransformer(),d.forEach(e=>{c.attachTransformerTo(e)});let f=c.getTransformer();return f==null||f.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,a)}),f==null||f.clearControl$.subscribe(()=>{this._thumbSceneRender(e,a)}),a.addPageScene(c),c}getPageRenderUnit(e){let t=this._renderContext.mainComponent.getSubScenes().get(e),{engine:n,unit:r}=this._renderContext;return{scene:t,engine:n,unit:r}}createObjectToPage(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n||!this._objectProvider)return;let r=this._objectProvider.convertToRenderObject(e,n);if(r)return n.addObject(r),n.attachTransformerTo(r),n.getLayer().makeDirty(),r}setObjectActiveByPage(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n)return;let r=n.getTransformer();r==null||r.activeAnObject(e)}removeObjectById(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n)return;n.removeObject(e);let r=n.getTransformer();r==null||r.clearControls()}appendPage(){let e=this._getCurrUnitModel(),t=e.getBlankPage(),n=this._currentRender();if(t==null||n==null||n.mainComponent==null)return;let{id:r}=t,i=n.mainComponent,a=this.createPageScene(r,t);i&&a&&i.addPageScene(a),e.appendPage(t),e.setActivePage(t)}};vt=q([K(1,x(S)),K(2,b),K(3,M)],vt);let J=class extends E{constructor(e){super(),this._renderManagerService=e}_getSlideRenderControllerFromRenderUnit(e){return this._renderManagerService.getRenderById(e).with(vt)}createThumbs(e){this._getSlideRenderControllerFromRenderUnit(e).createThumbs()}activePage(e,t){this._getSlideRenderControllerFromRenderUnit(t).activePage(e)}getRenderUnitByPageId(e,t){return this._getSlideRenderControllerFromRenderUnit(t).getPageRenderUnit(e)}createObjectToPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).createObjectToPage(e,t)}setObjectActiveByPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).setObjectActiveByPage(e,t)}removeObjectById(e,t,n){this._getSlideRenderControllerFromRenderUnit(n).removeObjectById(e,t)}appendPage(e){this._getSlideRenderControllerFromRenderUnit(e).appendPage()}};J=q([K(0,M)],J);const yt={id:`slide.operation.activate-slide`,type:t.OPERATION,handler:(e,t)=>{var n,r;let i=t.unitId,a=e.get(J),o=e.get(b).getUnit(i),s=o==null||(n=o.getActivePage())==null?void 0:n.id;if(!s)return!1;let c=a.getRenderUnitByPageId(s,i);if(!c)return!1;let l=(r=c.scene)==null?void 0:r.getTransformer();return l&&l.clearControls(),a.activePage(t.id,i),!0}},bt={id:`slide.operation.append-slide`,type:t.OPERATION,handler:(e,t)=>{let n=t.unitId;return e.get(b).getUnit(n)?(e.get(J).appendPage(n),!0):!1}},xt={id:`slide.operation.delete-element`,type:t.OPERATION,handler:(e,t)=>{if(!(t!=null&&t.id))return!1;let n=t.unitId,r=e.get(b).getUnit(n);if(!r)return!1;let i=r.getActivePage();return delete i.pageElements[t.id],r.updatePage(i.id,i),e.get(J).removeObjectById(t.id,i.id,n),!0}},St={id:`slide.command.insert-float-image`,type:t.COMMAND,handler:async(e,t)=>{var n;let r=e.get(b),i=(n=r.getCurrentUnitForType(D.UNIVER_SLIDE))==null?void 0:n.getUnitId();if(!i)return!1;let a=await e.get(De).openFile({multiple:!0,accept:ye.map(e=>`.${e.replace(`image/`,``)}`).join(`,`)});if(a.length!==1)return!1;let o=await e.get(be).saveImage(a[0]);if(!o)return!1;let{imageId:s,imageSourceType:c,source:l,base64Cache:u}=o,{width:d,height:f,image:p}=await xe(u||``),m=r.getUnit(i);if(!m)return!1;let h=m.getActivePage(),g=Object.values(h.pageElements),_={id:s,zIndex:(g!=null&&g.length?Math.max(...g.map(e=>e.zIndex)):20)+1,left:0,top:0,width:d,height:f,title:``,description:``,type:w.IMAGE,image:{imageProperties:{contentUrl:u,imageSourceType:c,source:l,base64Cache:u,image:p}}};h.pageElements[s]=_,m.updatePage(h.id,h);let v=e.get(J),y=v.createObjectToPage(_,h.id,i);return y&&v.setObjectActiveByPage(y,h.id,i),!0}},Y={id:`slide.operation.update-element`,type:t.OPERATION,handler:(e,t)=>{let{oKey:n,props:r}=t,i=e.get(b),a=t==null?void 0:t.unitId,o=i.getUnit(a);if(!o)return!1;let s=o.getActivePage();return s.pageElements[n]=ae(s.pageElements[n],r),o.updatePage(s.id,s),!0}};var X=function(e){return e[e.forward=0]=`forward`,e[e.backward=1]=`backward`,e[e.front=2]=`front`,e[e.back=3]=`back`,e}(X||{});function Ct(e){let{pageId:t,unitId:n}=e,r=L(C),i=L(J),a=L(g),o=i.getRenderUnitByPageId(t,n),s=o==null?void 0:o.scene;if(!s)return null;let c=s.getTransformer();if(!c)return null;let l=c.getSelectedObjectMap().values().next().value;if(!l)return null;let u=e=>{let[t,r]=s.getAllObjects().reduce(([e,t],n)=>{let r=n.zIndex;return[r<e?r:e,r>t?r:t]},[0,0]),i=l.zIndex;e===X.back?i=t-1:e===X.front?i=r+1:e===X.forward?i=l.zIndex+1:e===X.backward&&(i=l.zIndex-1),l.setProps({zIndex:i}),a.executeCommand(Y.id,{unitId:n,oKey:l==null?void 0:l.oKey,props:{zIndex:i}})};return B(`div`,{className:`univer-relative univer-w-full`,children:[z(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:z(`div`,{className:`
-                      univer-w-full univer-text-left univer-text-gray-600
-                      dark:!univer-text-gray-200
-                    `,children:z(`div`,{children:r.t(`image-panel.arrange.title`)})})}),B(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[z(`div`,{className:`univer-w-1/2`,children:z(Ie,{onClick:()=>{u(X.forward)},children:B(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[z(Je,{}),r.t(`image-panel.arrange.forward`)]})})}),z(`div`,{className:`univer-w-1/2`,children:z(Ie,{onClick:()=>{u(X.backward)},children:B(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[z(qe,{}),r.t(`image-panel.arrange.backward`)]})})})]}),B(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[z(`div`,{className:`univer-w-1/2`,children:z(Ie,{onClick:()=>{u(X.front)},children:B(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[z(Ze,{}),r.t(`image-panel.arrange.front`)]})})}),z(`div`,{className:`univer-w-1/2`,children:z(Ie,{onClick:()=>{u(X.back)},children:B(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[z(We,{}),r.t(`image-panel.arrange.back`)]})})})]})]})}function wt(e){var t,n;let{pageId:r,unitId:i}=e,a=L(C),o=L(J),s=L(g),c=o.getRenderUnitByPageId(r,i),l=c==null?void 0:c.scene;if(!l)return null;let u=l.getTransformer();if(!u)return null;let d=u.getSelectedObjectMap().values().next().value;if(!d)return null;let[f,p]=H((t=(n=d.fill)==null?void 0:n.toString())==null?``:t);function m(e){d==null||d.setProps({fill:e}),s.executeCommand(Y.id,{unitId:i,oKey:d==null?void 0:d.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:e}}}}}),p(e)}return z(`div`,{className:R(`univer-relative univer-bottom-0 univer-mt-5 univer-w-full`,Ve),children:B(`div`,{className:`univer-relative univer-w-full`,children:[z(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:z(`div`,{className:`
-                          univer-w-full univer-text-left univer-text-gray-600
-                          dark:!univer-text-gray-200
-                        `,children:z(`div`,{children:a.t(`slide.panel.fill.title`)})})}),z(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:z(`div`,{className:`univer-w-1/2`,children:z(Re,{overlay:z(`div`,{className:`univer-rounded-lg univer-p-4`,children:z(Le,{value:`#fff`,onChange:m})}),children:B(`a`,{className:`univer-flex univer-cursor-pointer univer-items-center univer-gap-1`,children:[z(Ye,{className:`univer-fill-primary-600`}),z(Ke,{})]})})})})]})})}function Tt(e){let{pageId:t,unitId:n}=e,r=L(C),i=L(J),a=L(g),o=i.getRenderUnitByPageId(t,n),s=o==null?void 0:o.scene;if(!s)return null;let c=s.getTransformer();if(!c)return null;let l=c.getSelectedObjectMap().values().next().value;if(!l)return null;let{width:u=0,height:d=0,left:f=0,top:p=0,angle:m=0}=l,[h,_]=H(u),[v,y]=H(d),[b,x]=H(f),[S,w]=H(p),[T,E]=H(m),D=e=>{let{objects:t}=e,{width:n=0,height:r=0,left:i=0,top:a=0,angle:o=0}=t.values().next().value;_(n),y(r),x(i),w(a),E(o)};V(()=>{let e=c.changeStart$.subscribe(e=>{D(e)}),t=c.changing$.subscribe(e=>{D(e)});return()=>{t.unsubscribe(),e.unsubscribe()}},[]);function O(e){!e||!l||(a.executeCommand(Y.id,{pageId:t,oKey:l.oKey,props:{width:e}}),l==null||l.resize(e,l.height),_(e),c==null||c.refreshControls())}function k(e){!e||!l||(a.executeCommand(Y.id,{pageId:t,oKey:l.oKey,props:{height:e}}),l==null||l.resize(l.width,e),y(e),c==null||c.refreshControls())}function ee(e){!e||!l||(a.executeCommand(Y.id,{pageId:t,oKey:l.oKey,props:{left:e}}),l==null||l.translate(e,l.top),x(e),c==null||c.refreshControls())}function te(e){!e||!l||(a.executeCommand(Y.id,{pageId:t,oKey:l.oKey,props:{right:e}}),l==null||l.translate(l.left,e),w(e),c==null||c.refreshControls())}function ne(e){!e||!l||(a.executeCommand(Y.id,{pageId:t,oKey:l.oKey,props:{angle:e}}),l==null||l.transformByState({angle:e}),E(e),c==null||c.refreshControls())}return B(`div`,{className:R(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,Ve),children:[z(`header`,{className:`
-                  univer-text-gray-600
-                  dark:!univer-text-gray-200
-                `,children:z(`div`,{children:r.t(`image-panel.transform.title`)})}),B(`div`,{className:`
-                  univer-grid univer-grid-cols-3 univer-gap-2
-                  [&>div]:univer-grid [&>div]:univer-gap-2
-                `,children:[B(`div`,{children:[z(`span`,{children:r.t(`image-panel.transform.width`)}),z(ze,{min:1,value:h,onChange:e=>{O(e)}})]}),B(`div`,{children:[z(`span`,{children:r.t(`image-panel.transform.height`)}),z(ze,{min:1,value:v,onChange:e=>{k(e)}})]})]}),B(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[B(`div`,{children:[z(`span`,{children:r.t(`image-panel.transform.x`)}),z(ze,{min:0,precision:1,value:b,onChange:e=>{ee(e)}})]}),B(`div`,{children:[z(`span`,{children:r.t(`image-panel.transform.y`)}),z(ze,{min:0,precision:1,value:S,onChange:e=>{te(e)}})]}),B(`div`,{children:[z(`span`,{children:r.t(`image-panel.transform.rotate`)}),z(ze,{precision:1,value:T,onChange:ne})]})]})]})}const Et=`COMPONENT_SLIDE_SIDEBAR`;function Dt(){var e,t,n;let r=L(b),i=L(J),a=r.getCurrentUnitForType(D.UNIVER_SLIDE),o=a==null||(e=a.getActivePage())==null?void 0:e.id,s=((t=r.getFocusedUnit())==null?void 0:t.getUnitId())||``;if(!o||!s)return null;let c=(n=i.getRenderUnitByPageId(o,s).scene)==null?void 0:n.getTransformer();if(!c)return null;let l=c.getSelectedObjectMap().values().next().value;return l?B(`section`,{className:`univer-p-2 univer-text-center univer-text-sm`,children:[z(Ct,{pageId:o,unitId:s}),z(Tt,{pageId:o,unitId:s}),l.objectType===ce.RECT&&z(wt,{pageId:o,unitId:s})]}):null}const Ot={id:`slide.command.insert-float-shape.rectangle`,type:t.COMMAND,handler:async e=>{var t;let n=e.get(g),r=(t=e.get(b).getFocusedUnit())==null?void 0:t.getUnitId();return n.executeCommand(kt.id,{unitId:r})}},kt={id:`slide.operation.insert-float-shape.rectangle`,type:t.OPERATION,handler:async(t,n)=>{let r=re(6),i=t.get(b),a=n.unitId,o=i.getUnit(a);if(!o)return!1;let s=o.getActivePage(),c=Object.values(s.pageElements),l={id:r,zIndex:(c!=null&&c.length?Math.max(...c.map(e=>e.zIndex)):20)+1,left:378,top:142,width:250,height:250,title:r,description:``,type:w.SHAPE,shape:{shapeType:e.Rect,text:``,shapeProperties:{shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};s.pageElements[r]=l,o.updatePage(s.id,s);let u=t.get(J),d=u.createObjectToPage(l,s.id,a);return d&&u.setObjectActiveByPage(d,s.id,a),!0}},At={id:`sidebar.operation.slide-shape`,type:t.COMMAND,handler:async(e,t)=>{let{visible:n,objectType:r}=t,i=e.get(Ae),a=e.get(C),o=``,s=``;return r===ce.RECT?(o=`slide.sidebar.shape`,s=Et):r===ce.IMAGE?(o=`slide.sidebar.image`,s=Et):r===ce.RICH_TEXT&&(o=`slide.sidebar.text`,s=Et),n?i.open({header:{title:a.t(o)},children:{label:s},onClose:()=>{},width:360}):i.close(),!0}},jt={id:`slide.command.insert-float-shape.ellipse`,type:t.COMMAND,handler:async e=>{var t;let n=e.get(g),r=(t=e.get(b).getFocusedUnit())==null?void 0:t.getUnitId();return n.executeCommand(Mt.id,{unitId:r})}},Mt={id:`slide.operation.insert-float-shape.ellipse`,type:t.OPERATION,handler:async(t,n)=>{let r=re(6),i=t.get(b),a=n.unitId,o=i.getUnit(a);if(!o)return!1;let s=o.getActivePage(),c=Object.values(s.pageElements),l={id:r,zIndex:(c!=null&&c.length?Math.max(...c.map(e=>e.zIndex)):20)+1,left:378,top:142,width:250,height:250,title:r,description:``,type:w.SHAPE,shape:{shapeType:e.Ellipse,text:``,shapeProperties:{radius:100,shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};s.pageElements[r]=l,o.updatePage(s.id,s);let u=t.get(J),d=u.createObjectToPage(l,s.id,a);return d&&u.setObjectActiveByPage(d,s.id,a),!0}},Nt={id:`slide.command.add-text`,type:t.COMMAND,handler:async e=>{var t;let n=e.get(g),r=(t=e.get(b).getFocusedUnit())==null?void 0:t.getUnitId();return await n.executeCommand(Pt.id,{unitId:r})}},Pt={id:`slide.operation.add-text`,type:t.OPERATION,handler:async(e,t)=>{let n=t.unitId,r=re(6),i=(t==null?void 0:t.text)||`A New Text`,a=e.get(b).getUnit(n);if(!a)return!1;let o=a.getActivePage(),s=Object.values(o.pageElements),c={id:r,zIndex:(s!=null&&s.length?Math.max(...s.map(e=>e.zIndex)):21)+1,left:230,top:142,width:220,height:40,title:`text`,description:``,type:w.TEXT,richText:{text:i,fs:30,cl:{rgb:`rgb(51, 51, 51)`},bl:1}};o.pageElements[r]=c,a.updatePage(o.id,o);let l=e.get(J),u=l.createObjectToPage(c,o.id,n);return u&&l.setObjectActiveByPage(u,o.id,n),!0}},Ft={id:`slide.operation.set-slide-page-thumb`,type:t.OPERATION,handler:(e,t)=>(e.get(J).createThumbs(t.unitId),!0)};function It(){var e,t;let n=L(b),r=L(g),i=L(M),a=L(C),o=tt(null),s=n.getCurrentUnitForType(D.UNIVER_SLIDE),c=s==null?void 0:s.getPages(),l=s==null?void 0:s.getPageOrder();if(!c||!l)return null;let u=l.map(e=>c[e]),[d,f]=H((e=s==null||(t=s.getActivePage())==null?void 0:t.id)==null?null:e),p=et(()=>u.map(()=>Qe()),[u]);V(()=>{let e=s==null?void 0:s.activePage$.subscribe(e=>{var t;let n=(t=e==null?void 0:e.id)==null?null:t;n&&f(n)});return()=>{e==null||e.unsubscribe()}},[]),V(()=>{p.forEach((e,t)=>{if(e.current){var n;let r=u[t];(n=i.getRenderById(r.id))==null||n.engine.setContainer(e.current)}}),p.length>0&&r.syncExecuteCommand(Ft.id,{unitId:s==null?void 0:s.getUnitId()})},[p,u,i,r,s]);let m=$e(e=>{r.syncExecuteCommand(yt.id,{id:e,unitId:s==null?void 0:s.getUnitId()})},[r,s]),h=$e(()=>{r.syncExecuteCommand(bt.id,{unitId:s==null?void 0:s.getUnitId()})},[r,s]);return z(`aside`,{ref:o,className:R(`
-              univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden
-            `,He),children:B(`div`,{className:`univer-px-4`,children:[z(`header`,{className:`univer-flex univer-justify-center univer-pt-4`,children:z(`a`,{className:R(`
-                          univer-box-border univer-block univer-h-8 univer-w-full univer-cursor-pointer
-                          univer-rounded-md univer-bg-white univer-text-center univer-text-sm univer-leading-8
-                          univer-transition-colors
-                        `,Be),onClick:h,children:a.t(`slide.append`)})}),u.map((e,t)=>B(`div`,{className:R(`univer-my-4 univer-flex univer-gap-2`,{"[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600":e.id===d}),onClick:()=>m(e.id),children:[z(`span`,{children:t+1}),z(`div`,{ref:p[t],className:R(`
-                              univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white
-                              hover:univer-border-primary-600
-                            `,Be)})]},e.id))]})})}const Z=te(`SLIDE_EDITOR`),Lt={id:`slide.operation.edit-arrow`,type:t.OPERATION,handler:()=>!0},Rt=`COMPONENT_SLIDE_IMAGE_POPUP_MENU`;function zt(e){var t;let n=(t=e.popup)==null||(t=t.extraProps)==null?void 0:t.menuItems;if(!n)return null;let r=L(g),i=L(C),[a,o]=H(!1),[s,c]=H(!1),l=()=>{c(!0)},u=()=>{c(!1)},d=e=>{o(e)},f=e=>{r.executeCommand(e.commandId,e.commandParams),o(!1)},p=a||s,m=n.filter(e=>!e.disable);return z(`div`,{onMouseEnter:l,onMouseLeave:u,children:z(Re,{align:`start`,overlay:z(`ul`,{className:R(`
-                          univer-m-0 univer-box-border univer-grid univer-list-none univer-items-center univer-gap-1
-                          univer-rounded-lg univer-bg-white univer-p-1.5 univer-text-sm univer-shadow-lg
-                        `,Be),children:m.map(e=>z(`li`,{className:`
-                                  univer-relative univer-box-border univer-flex univer-h-8 univer-cursor-pointer
-                                  univer-items-center univer-rounded univer-text-sm univer-transition-colors
-                                  hover:univer-bg-gray-100
-                                `,onClick:()=>f(e),children:z(`span`,{className:`univer-px-2 univer-py-1.5 univer-align-middle`,children:i.t(e.label)})},e.index))}),open:a,onOpenChange:d,children:B(`div`,{className:R(`
-                      univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1
-                      hover:univer-bg-gray-100
-                      dark:hover:!univer-bg-gray-800
-                    `,Be,{"univer-bg-gray-100 dark:!univer-bg-gray-800":a,"univer-bg-white dark:!univer-bg-gray-900":!a}),children:[z(Ue,{className:`
-                          univer-fill-primary-600 univer-text-gray-900
-                          dark:!univer-text-white
-                        `}),p&&z(Ke,{className:`dark:!univer-text-white`})]})})})}const Bt=`slide.menu.image`;function Vt(e){return{id:Bt,type:F.SUBITEMS,icon:`AddImageIcon`,tooltip:`slide.image.insert.title`,hidden$:I(e,D.UNIVER_SLIDE)}}function Ht(e){return{id:St.id,title:`slide.image.insert.float`,type:F.BUTTON,hidden$:I(e,D.UNIVER_SLIDE)}}const Ut=`slide.menu.shape`;function Wt(e){return{id:Ut,type:F.SUBITEMS,icon:`GraphIcon`,tooltip:`slide.shape.insert.title`,hidden$:I(e,D.UNIVER_SLIDE)}}function Gt(e){return{id:Ot.id,title:`slide.shape.insert.rectangle`,type:F.BUTTON,hidden$:I(e,D.UNIVER_SLIDE)}}function Kt(e){return{id:jt.id,title:`slide.shape.insert.ellipse`,type:F.BUTTON,hidden$:I(e,D.UNIVER_SLIDE)}}function qt(e){return{id:Nt.id,type:F.BUTTON,icon:`TextIcon`,tooltip:`slide.text.insert.title`,hidden$:I(e,D.UNIVER_SLIDE)}}const Jt={[Ne.FORMAT]:{[Nt.id]:{order:0,menuItemFactory:qt},[Bt]:{order:0,menuItemFactory:Vt,[St.id]:{order:0,menuItemFactory:Ht}},[Ut]:{order:0,menuItemFactory:Wt,[Ot.id]:{order:0,menuItemFactory:Gt},[jt.id]:{order:0,menuItemFactory:Kt}}}};var Yt=class{constructor(){G(this,`_state`,null),G(this,`_rect`,null),G(this,`_state$`,new U(null)),G(this,`state$`,this._state$.asObservable()),G(this,`_rect$`,new U(null)),G(this,`rect$`,this._rect$.asObservable()),G(this,`_focus`,!1),G(this,`_focus$`,new U(this._focus)),G(this,`focus$`,this._focus$.asObservable())}dispose(){this._state$.complete(),this._state=null,this._rect$.complete(),this._rect=null}setState(e){this._state=e,this._refresh(e)}getRect(){return this._rect}setRect(e){this._rect=e,this._rect$.next(e)}getState(){return this._state}setFocus(e=!1){this._focus=e,this._focus$.next(e)}_refresh(e){this._state$.next(e)}};const Xt=ee(`univer.slide-editor-manager.service`),Zt=-1e3,Qt={width:0,height:0,top:Zt,left:Zt};function $t(){let[e,t]=H({...Qt}),r=L(Xt),i=L(ot),a=L(v),o=Fe(()=>a.subscribeContextValue$(we),!1,void 0,[a,we]);return`${n}`,s.UNSPECIFIED,V(()=>{r.state$.subscribe(e=>{if(e==null)return;let{startX:n=Zt,startY:a=Zt,endX:o=0,endY:s=0,show:c=!1}=e;if(!c)t({...Qt});else{t({width:o-n-j+2,height:s-a-j+2,left:n+j,top:a+j});let e=i.getEditor(Z);if(e==null)return;let{left:c,top:l,width:u,height:d}=e.getBoundingClientRect();r.setRect({left:c,top:l,width:u,height:d})}})},[]),V(()=>{o||r.setFocus(!0)},[o,e]),z(`div`,{className:R(`univer-absolute univer-z-10 univer-box-border univer-flex`,Be),style:{left:e.left,top:e.top,width:e.width,height:e.height}})}function en(e){return e.getContextValue(f)&&e.getContextValue(c)}function tn(e){return e.getContextValue(m)&&e.getContextValue(f)}const nn=[P.ARROW_DOWN,P.ARROW_UP,P.ARROW_LEFT,P.ARROW_RIGHT];[P.ENTER,P.TAB,...nn];function rn(){let e=[];for(let t of nn)e.push({id:Lt.id,binding:t,preconditions:e=>en(e),staticParameters:{visible:!1,eventType:A.Keyboard,keycode:t,isShift:!1}}),e.push({id:Lt.id,binding:t|Me.SHIFT,preconditions:e=>en(e),staticParameters:{visible:!1,eventType:A.Keyboard,keycode:t,isShift:!0}});return e}const an={id:it.id,preconditions:e=>en(e)||tn(e),binding:P.BACKSPACE};let on=class extends i{constructor(e,t,n,r,i,a){super(),this._injector=e,this._menuManagerService=t,this._componentManager=n,this._uiPartsService=r,this._commandService=i,this._shortcutService=a,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(Jt)}_initCustomComponents(){let e=this._componentManager;this.disposeWithMe(e.register(`TextIcon`,Xe)),this.disposeWithMe(e.register(`GraphIcon`,Ge)),this.disposeWithMe(e.register(Rt,zt)),this.disposeWithMe(e.register(Et,Dt))}_initCommands(){[bt,yt,Ft,St,Pt,Nt,jt,Mt,kt,Ot,At,xt,Y,Lt].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(Se.LEFT_SIDEBAR,()=>Pe(It,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(Se.CONTENT,()=>Pe($t,this._injector)))}_initShortcuts(){[an,...rn()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};on=q([K(0,x(S)),K(1,Oe),K(2,x(Ce)),K(3,je),K(4,g),K(5,ke)],on);var sn=`@univerjs/slides-ui`,cn=`0.18.0`;const ln=`slides-ui.config`;Symbol(ln);const un={},dn=ee(`univer.slide-editor-bridge.service`);let fn=class extends i{constructor(e,t,n){super(),this._editorService=e,this._contextService=t,this._renderManagerService=n,G(this,`_editorUnitId`,Z),G(this,`_isForceKeepVisible`,!1),G(this,`_editorIsDirty`,!1),G(this,`_currentEditRectState`,null),G(this,`_currentEditRectState$`,new U(null)),G(this,`currentEditRectState$`,this._currentEditRectState$.asObservable()),G(this,`_visibleParam`,{visible:!1,eventType:A.Dblclick,unitId:``}),G(this,`_visible$`,new U(this._visibleParam)),G(this,`visible$`,this._visible$.asObservable()),G(this,`_afterVisible$`,new U(this._visibleParam)),G(this,`afterVisible$`,this._afterVisible$.asObservable()),G(this,`endEditing$`,new ut),G(this,`_currentEditRectInfo`,void 0)}dispose(){super.dispose()}getEditorRect(){return this._currentEditRectInfo}setEditorRect(e){this._currentEditRectInfo=e,this._editorService.getFocusEditor()||(this._editorService.focus(Z),this._contextService.setContextValue(c,!1),this._contextService.setContextValue(d,!1),this._contextService.setContextValue(p,!1));let t=this.getEditRectState();this._currentEditRectState=t,this._currentEditRectState$.next(t)}changeVisible(e){this._visibleParam=e,e.visible&&(this._editorIsDirty=!1),this._visible$.next(this._visibleParam),this._afterVisible$.next(this._visibleParam)}getEditRectState(){let e=Z,t=this._currentEditRectInfo,n=t.unitId,r=t.richTextObj.documentData;r.id=e,r.documentStyle={...r.documentStyle,pageSize:{width:t.richTextObj.width,height:1/0}};let i={documentModel:new o(r),fontString:`document`,textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:O.TOP,horizontalAlign:h.LEFT,paddingData:{t:0,b:1,l:2,r:2}},a=t.richTextObj.width,s=t.richTextObj.height,c=t.richTextObj.left,l=t.richTextObj.top,u={left:0,top:0},d=this._renderManagerService.getRenderById(n),f=d==null?void 0:d.scene,p=f==null?void 0:f.getViewport(N.VIEW),m=f==null?void 0:f.getObject(N.COMPONENT),g={x:(m==null?void 0:m.left)||0,y:(m==null?void 0:m.top)||0},_=(p==null?void 0:p.viewportScrollX)||0,v=(p==null?void 0:p.viewportScrollY)||0;return u.left=g.x-_,u.top=g.y-v,{position:{startX:c,startY:l,endX:c+a,endY:l+s},scaleX:1,scaleY:1,slideCardOffset:u,unitId:n,editorUnitId:e,documentLayoutObject:i}}changeEditorDirty(e){this._editorIsDirty=e}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(e){let t=this.getCurrentEditorId(),n=e.text,r=e.fs;return{id:t,body:{dataStream:`${n}\r\n`,textRuns:[{st:0,ed:n.length}],paragraphs:[{paragraphStyle:{},startIndex:n.length+1}],sectionBreaks:[{startIndex:n.length+2}]},documentStyle:{marginBottom:0,marginLeft:0,marginRight:0,marginTop:0,pageSize:{width:1/0,height:1/0},textStyle:{fs:r},renderConfig:{verticalAlign:O.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}};fn=q([K(0,ot),K(1,v),K(2,M)],fn);let Q=function(e){return e[e.InitialState=0]=`InitialState`,e[e.StartEditor=1]=`StartEditor`,e[e.CursorChange=2]=`CursorChange`,e}({});const pn=-1e3;let mn=class extends i{constructor(e,t,n,r,i,a,o,s,c,l,u,d){super(),this._renderContext=e,this._layoutService=t,this._undoRedoService=n,this._contextService=r,this._instanceSrv=i,this._renderManagerService=a,this._editorBridgeService=o,this._cellEditorManagerService=s,this._textSelectionManagerService=c,this._commandService=l,this._localService=u,this._editorService=d,G(this,`_cursorChange`,Q.InitialState),G(this,`_isUnitEditing`,!1),G(this,`_d`,void 0),this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(D.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:A.Keyboard,keycode:P.ESC,unitId:this._renderContext.unitId}),this._isUnitEditing=!1))})),this._initEditorVisibilityListener()}dispose(){super.dispose(),this._disposeCurrent()}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_init(){let e=new a;return this._subscribeToCurrentCell(e),this._initialKeyboardListener(e),this._initialCursorSync(e),this._listenEditorFocus(e),this._commandExecutedListener(e),setTimeout(()=>{this._cursorStateListener(e)},1e3),e}_initEditorVisibilityListener(){this.disposeWithMe(this._editorBridgeService.visible$.subscribe(e=>{e.visible?(this._isUnitEditing=!0,this._handleEditorVisible(e)):this._isUnitEditing&&(this._handleEditorInvisible(e),this._isUnitEditing=!1)}))}_listenEditorFocus(e){let t=this._getEditorObject();t&&e.add(t.document.onPointerDown$.subscribeEvent(()=>{}))}_getEditorSkeleton(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(mt).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(mt).getViewModel()}_initialCursorSync(e){e.add(this._cellEditorManagerService.focus$.pipe(dt(e=>!!e)).subscribe(()=>{var e;(e=ge(D.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||e.with(at).sync()}))}_subscribeToCurrentCell(e){e.add(this._editorBridgeService.currentEditRectState$.subscribe(e=>{var t;if(e==null||this._contextService.getContextValue(d)||this._contextService.getContextValue(p))return;let{position:{startX:n,endX:r},documentLayoutObject:{textRotation:i,wrapStrategy:a,documentModel:o},scaleX:s,editorUnitId:c}=e,{vertexAngle:l}=me(i);o.updateDocumentId(c),a===k.WRAP&&l===0&&o.updateDocumentDataPageSize((r-n)/s),this._instanceSrv.changeDoc(c,o),this._contextService.setContextValue(u,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]),(t=ge(D.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||t.with(at).activate(pn,pn)}))}_fitTextSize(e,t,n,r,i=1,a=1){let{startX:o,startY:s,endX:c,endY:l}=e,u=r.documentModel;if(u==null)return;let{actualWidth:d,actualHeight:f}=this._predictingSize(e,t,n,r,i,a),{verticalAlign:p,paddingData:m,fill:h}=r,g=c-o,_=l-s;if(g<d&&(g=d),_<f)_=f,u.updateDocumentDataMargin(m);else{let e=0;e=p===O.MIDDLE?(_-f)/2/a:p===O.TOP?m.t||0:(_-f)/a-(m.b||0),e=e<(m.t||0)?m.t||0:e,u.updateDocumentDataMargin({t:e})}n.calculate(),this._editAreaProcessing(g,_,e,t,h,i,a)}_predictingSize(e,t,n,r,i=1,a=1){let{startX:o,endX:s}=e,{textRotation:c,wrapStrategy:l}=r,u=r.documentModel,{vertexAngle:d}=me(c),f=document.body.clientWidth;if(l===k.WRAP&&d===0){let{actualWidth:e,actualHeight:t}=n.getActualSize();return{actualWidth:e*i,actualHeight:t*a}}u==null||u.updateDocumentDataPageSize((f-o-t.left)/i),n.calculate();let p=n.getActualSize(),m=s-o;return m<p.actualWidth*i+5*i&&(m=p.actualWidth*i+5*i),u==null||u.updateDocumentDataPageSize(m/i),u==null||u.updateDocumentRenderConfig({horizontalAlign:h.UNSPECIFIED,cellValueType:void 0}),{actualWidth:m,actualHeight:p.actualHeight*a}}_editAreaProcessing(e,t,n,r,i,a=1,o=1){let s=this._getEditorObject();if(s==null)return;function c(e){return Number.parseInt(e.replace(`px`,``))}let l=this._renderContext.engine.getCanvasElement(),u=l.getBoundingClientRect(),d=c(l.style.width),{top:f,left:p,width:m}=u,h=m/d,{startX:g,startY:_}=n;g+=r.left,_+=r.top;let{document:v,scene:y,engine:b}=s,x=y.getViewport(lt.VIEW_MAIN),S=document.body.clientHeight-_-r.top-4,C=document.body.clientWidth-g-r.left,w=t,T=x==null?void 0:x.getScrollBar();if(w>S)w=S,T==null?x&&new de(x,{enableHorizontal:!1,barSize:8}):x==null||x.resetCanvasSizeAndUpdateScroll();else{var E;T=null,x==null||(E=x.getScrollBar())==null||E.dispose()}e+=(T==null?void 0:T.barSize)||0,e=Math.min(e,C),g-=j,_-=j,this._addBackground(y,e/a,t/o,i);let{scaleX:D,scaleY:O}=y.getPrecisionScale();y.transformByState({width:e*h/a,height:t*h/o,scaleX:a*h,scaleY:o*h}),v.resize(e/a,t/o),setTimeout(()=>{b.resizeBySize(he(e,D),he(w,O))},0);let k=this._layoutService.getContentElement().getBoundingClientRect(),ee=l.getBoundingClientRect();g=g*h+(ee.left-k.left),_=_*h+(ee.top-k.top),this._cellEditorManagerService.setState({startX:g,startY:_,endX:e*h+g,endY:w*h+_,show:!0})}_addBackground(e,t,n,r){let i=`_backgroundRectHelperColor_`,a=e.getObject(i);a==null&&r==null||(a==null?e.addObjects([new le(i,{width:t,height:n,fill:r,evented:!1})],nt):r==null?a.dispose():(a.setProps({fill:r}),a.transformByState({width:t,height:n})))}_handleEditorVisible(e){var t,n;let{eventType:r}=e;this._cursorChange=[A.PointerDown,A.Dblclick].includes(r)?Q.CursorChange:Q.StartEditor;let i=this._editorBridgeService.getEditRectState();if(i==null)return;let{position:a,documentLayoutObject:o,slideCardOffset:s,scaleX:l,scaleY:u,editorUnitId:d,unitId:f}=i,p=this._getEditorObject();if(p==null)return;let{scene:m}=p;this._contextService.setContextValue(c,!0);let{documentModel:h}=o,g=this._getEditorSkeleton(d);if(!g||!h)return;this._fitTextSize(a,s,g,o,l,u);let _=h.getBody().dataStream.length-2||0;(t=m.getViewport(lt.VIEW_MAIN))==null||t.scrollToViewportPos({viewportScrollX:1/0}),this._textSelectionManagerService.replaceTextRanges([{startOffset:_,endOffset:_}]),(n=this._renderManagerService.getRenderById(f))==null||n.scene.resetCursor()}_resetBodyStyle(e,t=!1){e.dataStream=n,e.textRuns!=null&&(e.textRuns.length===1&&!t?(e.textRuns[0].st=0,e.textRuns[0].ed=1):e.textRuns=void 0),e.paragraphs!=null&&(e.paragraphs.length===1?e.paragraphs[0].startIndex=0:e.paragraphs=[{startIndex:0}]),e.sectionBreaks!=null&&(e.sectionBreaks=void 0),e.tables!=null&&(e.tables=void 0),e.customRanges!=null&&(e.customRanges=void 0),e.customBlocks!=null&&(e.customBlocks=void 0)}_initialKeyboardListener(e){}_showEditorByKeyboard(e){}_commandExecutedListener(e){let t=[Lt.id],n=[ht.id];e.add(this._commandService.onCommandExecuted(e=>{this._editorService.getFocusId()===Z&&(t.includes(e.id)&&this._moveCursorCmdHandler(e),n.includes(e.id)&&this._editorBridgeService.isVisible()&&this._editingChangedHandler())}))}_moveCursorCmdHandler(e){let t=e.params,{keycode:n,isShift:r}=t;n!=null&&this._cursorChange===Q.CursorChange?this._moveInEditor(n,r):this._editorBridgeService.changeVisible(t)}_editingChangedHandler(){let e=this._editorBridgeService.getEditorRect();if(!e)return;let t=e.richTextObj;t.refreshDocumentByDocData(),t.resizeToContentSize();let{unitId:n}=this._renderContext;this._handleEditorVisible({visible:!0,eventType:3,unitId:n})}_getEditorObject(){return hn(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(e){let{keycode:t}=e;if(this._cursorChange=Q.InitialState,this._exitInput(e),this._editorBridgeService.getEditRectState()!=null){if(this._editorBridgeService.getEditorDirty()===!1){this._moveCursor(t);return}this._moveCursor(t)}}_exitInput(e){this._contextService.setContextValue(c,!1),this._cellEditorManagerService.setState({show:e.visible});let t=this._editorBridgeService.getCurrentEditorId();t!=null&&this._undoRedoService.clearUndoRedo(t)}_moveCursor(e){if(e!=null)switch(r.LEFT,e){case P.ENTER:r.DOWN;break;case P.TAB:r.RIGHT;break;case P.ARROW_DOWN:r.DOWN;break;case P.ARROW_UP:r.UP;break;case P.ARROW_LEFT:r.LEFT;break;case P.ARROW_RIGHT:r.RIGHT;break}}_cursorStateListener(e){let t=this._getEditorObject();if(!t)return;let{document:n}=t;e.add(se(n.onPointerDown$.subscribeEvent(()=>{this._cursorChange===Q.StartEditor&&(this._cursorChange=Q.CursorChange)})))}_moveInEditor(e,t){let n=r.LEFT;e===P.ARROW_DOWN?n=r.DOWN:e===P.ARROW_UP?n=r.UP:e===P.ARROW_RIGHT&&(n=r.RIGHT),t?this._commandService.executeCommand(ct.id,{direction:n}):this._commandService.executeCommand(st.id,{direction:n})}};mn=q([K(1,Ee),K(2,y),K(3,v),K(4,b),K(5,M),K(6,dn),K(7,Xt),K(8,x(pt)),K(9,g),K(10,x(C)),K(11,ot)],mn);function hn(e,t){if(e==null)return;let n=t.getRenderById(e);if(n==null)return;let{mainComponent:r,scene:i,engine:a,components:o}=n;return{document:r,docBackground:o.get(rt.BACKGROUND),scene:i,engine:a}}let gn=class extends E{constructor(e,t,n,r){super(),this._renderContext=e,this._instanceSrv=t,this._commandService=n,this._editorBridgeService=r,G(this,`setSlideTextEditor$`,new ut),G(this,`_curRichText`,null),G(this,`_d`,void 0),this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(D.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){let e=new a;return this._initEventListener(e),e}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_setEditorRect(e,t){this._curRichText=t;let{scene:n,engine:r}=this._renderContext,i={scene:n,engine:r,unitId:this._renderContext.unitId,pageId:e,richTextObj:t};this._editorBridgeService.setEditorRect(i)}_initEventListener(e){let t=t=>{let n=t.getTransformer();n&&(e.add(n.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),e.add(n.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),e.add(t.onDblclick$.subscribeEvent(()=>{n.clearControls();let e=n.getSelectedObjectMap().values().next().value;e&&(e.objectType===ce.RICH_TEXT?this.startEditing(t.sceneKey,e):this.pickOtherObjects())})),e.add(this._instanceSrv.focused$.subscribe(e=>{this.endEditing()})))},{mainComponent:n}=this._renderContext;n.subSceneChanged$.subscribeEvent(e=>{t(e)});let r=Array.from(n.getSubScenes().values());for(let e=0;e<r.length;e++){let n=r[e];t(n)}}pickOtherObjects(){this.endEditing()}endEditing(){var e;if(!this._curRichText)return;this.setEditorVisible(!1);let t=this._curRichText;if(!this._instanceSrv.getCurrentUnitForType(D.UNIVER_SLIDE))return!1;t.refreshDocumentByDocData(),t.resizeToContentSize(),this._editorBridgeService.endEditing$.next(t);let n={bl:1,fs:t.fs,text:t.text},r=(e=t.documentData.body)==null?void 0:e.textRuns;if(r&&r.length){let e=r[0].ts;n.cl=e==null?void 0:e.cl}this._commandService.executeCommand(Y.id,{unitId:this._renderContext.unitId,oKey:t==null?void 0:t.oKey,props:{richText:n}}),this._curRichText=null}startEditing(e,t){this._setEditorRect(e,t),this.setEditorVisible(!0)}setEditorVisible(e){if(e){var t;(t=this._curRichText)==null||t.hide()}else{var n;(n=this._curRichText)==null||n.show()}let{unitId:r}=this._renderContext;this._editorBridgeService.changeVisible({visible:e,eventType:A.PointerDown,unitId:r})}};gn=q([K(1,b),K(2,g),K(3,dn)],gn);function _n(e,t){let n=vn(e.left,e.top,t),r=vn(e.right,e.bottom,t);return{left:n.x,top:n.y,right:r.x,bottom:r.y}}function vn(e,t,n){let{scaleX:r,scaleY:i}=n.getAncestorScale(),a=n.getViewport(N.VIEW);if(!a)return{x:e,y:t};let{viewportScrollX:o,viewportScrollY:s}=a;return{x:(e-o)*r,y:(t-s)*i}}let yn=class extends i{constructor(e,t,n,r){super(),this._globalPopupManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._commandService=r}_createObjectPositionObserver(e,t){let n=(()=>{var n,r,i,a;let{scene:o,engine:s}=t,{left:c,top:l,width:u,height:d}=e,f=(o.width-((n=(r=t.mainComponent)==null?void 0:r.width)==null?0:n))/2,p=(o.height-((i=(a=t.mainComponent)==null?void 0:a.height)==null?0:i))/2,m={left:c,right:c+u,top:l,bottom:l+d},h=s.getCanvasElement(),g=h.getBoundingClientRect(),_=_e(h.style.width),{scaleX:v,scaleY:y}=o.getAncestorScale(),b=_n(m,o),{top:x,left:S,width:C}=g,w=C/_;return{left:b.left*w*v+S+f,right:b.right*w*v+S+f,top:b.top*w*y+x+p,bottom:b.bottom*w*y+x+p}})();return{position:n,position$:new U(n),disposable:new a}}attachPopupToObject(e,t){let n=this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SLIDE).getUnitId(),r=this._renderManagerService.getRenderById(n);if(!r)return{dispose:()=>{}};let{position:i,position$:a,disposable:o}=this._createObjectPositionObserver(e,r),s=this._globalPopupManagerService.addPopup({...t,unitId:n,subUnitId:`default`,anchorRect:i,anchorRect$:a,canvasElement:r.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(s),a.complete(),o.dispose()}}}};yn=q([K(0,x(Te)),K(1,M),K(2,b),K(3,g)],yn);let bn=class extends E{constructor(e,t,n,r,i,a,o){super(),this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=r,this._canvasView=i,this._sidebarService=a,this._commandService=o,G(this,`_initImagePopupMenu`,new Set),this._init()}_init(){this._univerInstanceService.getAllUnitsForType(D.UNIVER_SLIDE).forEach(e=>this._create(e))}_create(e){if(!e)return;let t=e.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(e){}_popupMenuListener(e){var t;let n=this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SLIDE),r=(t=n==null?void 0:n.getPages())==null?{}:t;Object.keys(r).forEach(t=>{var n;let r=(n=this._canvasView.getRenderUnitByPageId(t,e).scene)==null?void 0:n.getTransformer();if(!r)return;let i;this.disposeWithMe(se(r.createControl$.subscribe(()=>{let t=r.getSelectedObjectMap();if(t.size>1){i==null||i.dispose();return}let n=t.values().next().value;if(!n)return;let a=n.oKey;i==null||i.dispose(),i=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(n,{componentKey:Rt,direction:`horizontal`,offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(n.objectType,a,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(At.id,{visible:!0,objectType:n.objectType})}))),this.disposeWithMe(r.clearControl$.subscribe(()=>{i==null||i.dispose(),this._contextService.setContextValue(l,!1)})),this.disposeWithMe(r.changing$.subscribe(()=>{i==null||i.dispose();let t=r.getSelectedObjectMap();if(t.size>1){i==null||i.dispose();return}let n=t.values().next().value;n&&this._commandService.executeCommand(Y.id,{unitId:e,oKey:n.oKey,props:{width:n.width,height:n.height,left:n.left,top:n.top}})}))})}_getMenuItemsByObjectType(e,t,n){return[{label:`slide.popup.edit`,index:0,commandId:At.id,commandParams:{visible:!0,objectType:e},disable:!1},{label:`slide.popup.delete`,index:5,commandId:xt.id,commandParams:{id:t,unitId:n},disable:!1}]}};bn=q([K(0,x(yn)),K(1,M),K(2,b),K(3,v),K(4,x(J)),K(5,Ae),K(6,g)],bn);let xn=class extends E{constructor(e,t,n){super(),this._contextService=e,this._instanceSrv=t,this._renderManagerService=n,Promise.resolve().then(()=>this._init())}_init(){this._initSlideDataListener(),this._initContextListener()}_initSlideDataListener(){this._instanceSrv.getTypeOfUnitAdded$(D.UNIVER_SLIDE).pipe(ft(this.dispose$)).subscribe(e=>{this._createRenderer(e==null?void 0:e.getUnitId())}),this._instanceSrv.getAllUnitsForType(D.UNIVER_SLIDE).forEach(e=>{this._createRenderer(e.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(D.UNIVER_SLIDE).pipe(ft(this.dispose$)).subscribe(e=>this._disposeRenderer(e))}_createRenderer(e){e!=null&&this._instanceSrv.getUnit(e,D.UNIVER_SLIDE)!=null&&this._renderManagerService.createRender(e)}_disposeRenderer(e){let t=e.getUnitId();this._renderManagerService.removeRender(t)}_initContextListener(){}};xn=q([K(0,v),K(1,b),K(2,M)],xn);let $=class extends T{constructor(e=un,t,n,r,i){super(),this._config=e,this._injector=t,this._renderManagerService=n,this._univerInstanceService=r,this._configService=i;let{menu:a,...o}=ae({},un,this._config);a&&this._configService.setConfig(`menu`,a,{merge:!0}),this._configService.setConfig(ln,o)}onStarting(){oe([[xn],[dn,{useClass:fn}],[Xt,{useClass:Yt}],[yn]],this._config.override).forEach(e=>this._injector.add(e))}onReady(){[[vt]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(D.UNIVER_SLIDE,e))}),oe([[J],[on],[vt],[bn]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(J),this._injector.get(xn)}onRendered(){[[gn],[mn]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(D.UNIVER_SLIDE,e))}),this._markSlideAsFocused(),this._injector.get(on)}onSteady(){this._injector.get(bn)}_markSlideAsFocused(){let e=this._univerInstanceService;try{let t=e.getCurrentUnitForType(D.UNIVER_SLIDE);e.focusUnit(t.getUnitId())}catch{}}};G($,`pluginName`,`UNIVER_SLIDES_UI_PLUGIN`),G($,`packageName`,sn),G($,`version`,cn),G($,`type`,D.UNIVER_SLIDE),$=q([K(1,x(S)),K(2,M),K(3,b),K(4,_)],$);export{yt as ActivateSlidePageOperation,bt as AppendSlideOperation,J as CanvasView,xt as DeleteSlideElementOperation,dn as ISlideEditorBridgeService,St as InsertSlideFloatImageCommand,jt as InsertSlideShapeEllipseCommand,Mt as InsertSlideShapeEllipseOperation,Ot as InsertSlideShapeRectangleCommand,kt as InsertSlideShapeRectangleOperation,Ut as SHAPE_MENU_ID,Bt as SLIDES_IMAGE_MENU_ID,Z as SLIDE_EDITOR_ID,Ft as SetSlidePageThumbOperation,Nt as SlideAddTextCommand,Pt as SlideAddTextOperation,yn as SlideCanvasPopMangerService,$t as SlideEditorContainer,It as SlideSideBar,on as SlidesUIController,Jt as SlidesUIMenuSchema,$ as UniverSlidesUIPlugin,Y as UpdateSlideElementOperation};
+import{BasicShapes as e,CommandType as t,DEFAULT_EMPTY_DOCUMENT_VALUE as n,Direction as r,Disposable as i,DisposableCollection as a,DocumentDataModel as o,DocumentFlavor as s,EDITOR_ACTIVATED as c,FOCUSING_COMMON_DRAWINGS as l,FOCUSING_EDITOR_BUT_HIDDEN as u,FOCUSING_EDITOR_STANDALONE as d,FOCUSING_UNIVER_EDITOR as f,FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as p,FORMULA_EDITOR_ACTIVATED as m,HorizontalAlign as h,ICommandService as g,IConfigService as _,IContextService as v,IUndoRedoService as y,IUniverInstanceService as b,Inject as x,Injector as S,LocaleService as C,PageElementType as w,Plugin as T,RxDisposable as E,UniverInstanceType as D,VerticalAlign as O,WrapStrategy as k,createIdentifier as ee,createInternalEditorID as te,debounce as ne,generateRandomId as re,getColorStyle as ie,merge as ae,mergeOverrideWithDependencies as oe,toDisposable as se}from"@univerjs/core";import{DeviceInputEventType as A,FIX_ONE_PIXEL_BLUR_OFFSET as j,IRenderManagerService as M,ObjectType as ce,Rect as le,Scene as ue,ScrollBar as de,Slide as fe,Viewport as pe,convertTextRotation as me,fixLineWidthByScale as he,getCurrentTypeOfRenderer as ge,pxToNum as _e}from"@univerjs/engine-render";import{ObjectProvider as ve,SLIDE_KEY as N}from"@univerjs/slides";import{DRAWING_IMAGE_ALLOW_IMAGE_LIST as ye,IImageIoService as be,getImageSize as xe}from"@univerjs/drawing";import{BuiltInUIPart as Se,ComponentManager as Ce,DISABLE_AUTO_FOCUS_KEY as we,ICanvasPopupService as Te,ILayoutService as Ee,ILocalFileService as De,IMenuManagerService as Oe,IShortcutService as ke,ISidebarService as Ae,IUIPartsService as je,KeyCode as P,MenuItemType as F,MetaKeys as Me,RibbonStartGroup as Ne,connectInjector as Pe,getMenuHiddenObservable as I,useDependency as L,useObservable as Fe}from"@univerjs/ui";import{Button as Ie,ColorPicker as Le,Dropdown as Re,InputNumber as ze,borderClassName as Be,borderTopClassName as Ve,clsx as R,scrollbarClassName as He}from"@univerjs/design";import{AutofillDoubleIcon as Ue,BottomIcon as We,GraphIcon as Ge,MoreDownIcon as Ke,MoveDownIcon as qe,MoveUpIcon as Je,PaintBucketDoubleIcon as Ye,TextIcon as Xe,TopmostIcon as Ze}from"@univerjs/icons";import{jsx as z,jsxs as B}from"react/jsx-runtime";import{createRef as Qe,useCallback as $e,useEffect as V,useMemo as et,useRef as tt,useState as H}from"react";import{DOCS_COMPONENT_MAIN_LAYER_INDEX as nt,DOCS_VIEW_KEY as rt,DeleteLeftCommand as it,DocSelectionRenderService as at,IEditorService as ot,MoveCursorOperation as st,MoveSelectionOperation as ct,VIEWPORT_KEY as lt}from"@univerjs/docs-ui";import{BehaviorSubject as U,Subject as ut,filter as dt,takeUntil as ft}from"rxjs";import{DocSelectionManagerService as pt,DocSkeletonManagerService as mt,RichTextEditingMutation as ht}from"@univerjs/docs";function W(e){"@babel/helpers - typeof";return W=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},W(e)}function gt(e,t){if(W(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(W(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function _t(e){var t=gt(e,`string`);return W(t)==`symbol`?t:t+``}function G(e,t,n){return(t=_t(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function K(e,t){return function(n,r){t(n,r,e)}}function q(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 vt=class extends E{constructor(e,t,n,r){super(),this._renderContext=e,this._injector=t,this._univerInstanceService=n,this._renderManagerService=r,G(this,`_objectProvider`,null),G(this,`_refreshThumb`,ne(()=>{this.createThumbs()},300)),this._objectProvider=this._injector.createInstance(ve),this._addNewRender()}_addNewRender(){let{unitId:e,engine:t,scene:n}=this._renderContext,r=this._getCurrUnitModel();if(!r)return;let i=t.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),i==null||i.unsubscribe()});t.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});let a=new pe(N.VIEW,n,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});n.attachControl(),n.onMouseWheel$.subscribeEvent((e,t)=>{let r=e;if(r.ctrlKey){let e=Math.abs(r.deltaX),t=e<40?.2:e<80?.4:.2;t*=r.deltaY>0?-1:1,n.scaleX<1&&(t/=2),n.scaleX+t>4?n.scale(4,4):n.scaleX+t<.1?n.scale(.1,.1):(r.deltaY,r.preventDefault())}else a.onMouseWheel(r,t)}),n.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),de.attachTo(a);let o=this._createSlide(n);this._renderContext.mainComponent=o,this._createSlidePages(r,o),this.createThumbs(),t.runRenderLoop(()=>{n.render()})}_scrollToCenter(){var e;let t=(e=this._currentRender())==null?void 0:e.scene,n=t==null?void 0:t.getViewport(N.VIEW),r=this._getCenterPositionViewPort(t);if(!n||!r)return;let{left:i,top:a}=r,{x:o,y:s}=n.transViewportScroll2ScrollValue(i,a);n.scrollToBarPos({x:o,y:s})}_currentRender(){return ge(D.UNIVER_SLIDE,this._univerInstanceService,this._renderManagerService)}_createSlide(e){let t=this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SLIDE),{width:n,height:r}=e,{width:i=100,height:a=100}=t.getPageSize(),o=new fe(N.COMPONENT,{left:(n-i)/2,top:(r-a)/2,width:i,height:a,zIndex:10});return o.enableSelectedClipElement(),e.addObject(o),o}_addBackgroundRect(e,t){let{width:n=0,height:r=0}=this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SLIDE).getPageSize(),i=new le(`canvas`,{left:0,top:0,width:n,height:r,strokeWidth:1,stroke:`rgba(198,198,198,1)`,fill:ie(t)||`rgba(255,255,255,1)`,zIndex:0,evented:!1});e.addObject(i,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};let{width:t,height:n}=e,r=e.getEngine(),i=(r==null?void 0:r.width)||0,a=(r==null?void 0:r.height)||0;return{left:(t-i)/2,top:(n-a)/2}}_thumbSceneRender(e,t){let n=this._renderManagerService.getRenderById(e);if(n==null)return;let{engine:r}=n;if(r==null)return;let{width:i,height:a}=t,{width:o=i,height:s=a}=r,c=r.getCanvas().getContext();t.renderToThumb(c,e,o/i,s/a)}_createSlidePages(e,t){let n=e.getPages(),r=e.getPageOrder();if(!(!n||!r)&&r.length!==0){for(let e=0,t=r.length;e<t;e++){let t=r[e];this.createPageScene(t,n[t]),this._createThumb(t)}t.activeFirstPage()}}_createThumb(e){this._renderManagerService.createRender(e)}_getCurrUnitModel(){return this._renderContext.unit}activePage(e){let t=e,n=this._getCurrUnitModel(),r;if(t)r=n.getPage(t);else{let e=n.getPages(),i=n.getPageOrder();if(i==null||e==null)return;r=e[i[0]],t=r.id}let i=this._currentRender();if(r==null||i==null||i.mainComponent==null)return;let{id:a}=r,o=i.mainComponent;if(n.setActivePage(r),o!=null&&o.hasPage(a)){o.changePage(a);return}this.createPageScene(a,r)}createThumbs(){let e=this._getCurrUnitModel().getPageOrder(),t=this._currentRender();if(!(!e||!t)&&e.length!==0)for(let n=0,r=e.length;n<r;n++){let r=e[n];this._thumbSceneRender(r,t.mainComponent)}}createPageScene(e,t){let n=this._renderContext;if(!n||!this._objectProvider)return;let{scene:r,mainComponent:i}=n,a=i,{width:o,height:s}=a,c=new ue(e,a,{width:o,height:s});new pe(`PageViewer_${e}`,c,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:l,pageBackgroundFill:u}=t,d=this._objectProvider.convertToRenderObjects(l,r);if(!d||!a)return;this._addBackgroundRect(c,u),c.addObjects(d),c.initTransformer(),d.forEach(e=>{c.attachTransformerTo(e)});let f=c.getTransformer();return f==null||f.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,a)}),f==null||f.clearControl$.subscribe(()=>{this._thumbSceneRender(e,a)}),a.addPageScene(c),c}getPageRenderUnit(e){let t=this._renderContext.mainComponent.getSubScenes().get(e),{engine:n,unit:r}=this._renderContext;return{scene:t,engine:n,unit:r}}createObjectToPage(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n||!this._objectProvider)return;let r=this._objectProvider.convertToRenderObject(e,n);if(r)return n.addObject(r),n.attachTransformerTo(r),n.getLayer().makeDirty(),r}setObjectActiveByPage(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n)return;let r=n.getTransformer();r==null||r.activeAnObject(e)}removeObjectById(e,t){let{scene:n}=this.getPageRenderUnit(t);if(!n)return;n.removeObject(e);let r=n.getTransformer();r==null||r.clearControls()}appendPage(){let e=this._getCurrUnitModel(),t=e.getBlankPage(),n=this._currentRender();if(t==null||n==null||n.mainComponent==null)return;let{id:r}=t,i=n.mainComponent,a=this.createPageScene(r,t);i&&a&&i.addPageScene(a),e.appendPage(t),e.setActivePage(t)}};vt=q([K(1,x(S)),K(2,b),K(3,M)],vt);let J=class extends E{constructor(e){super(),this._renderManagerService=e}_getSlideRenderControllerFromRenderUnit(e){return this._renderManagerService.getRenderById(e).with(vt)}createThumbs(e){this._getSlideRenderControllerFromRenderUnit(e).createThumbs()}activePage(e,t){this._getSlideRenderControllerFromRenderUnit(t).activePage(e)}getRenderUnitByPageId(e,t){return this._getSlideRenderControllerFromRenderUnit(t).getPageRenderUnit(e)}createObjectToPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).createObjectToPage(e,t)}setObjectActiveByPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).setObjectActiveByPage(e,t)}removeObjectById(e,t,n){this._getSlideRenderControllerFromRenderUnit(n).removeObjectById(e,t)}appendPage(e){this._getSlideRenderControllerFromRenderUnit(e).appendPage()}};J=q([K(0,M)],J);const yt={id:`slide.operation.activate-slide`,type:t.OPERATION,handler:(e,t)=>{var n,r;let i=t.unitId,a=e.get(J),o=e.get(b).getUnit(i),s=o==null||(n=o.getActivePage())==null?void 0:n.id;if(!s)return!1;let c=a.getRenderUnitByPageId(s,i);if(!c)return!1;let l=(r=c.scene)==null?void 0:r.getTransformer();return l&&l.clearControls(),a.activePage(t.id,i),!0}},bt={id:`slide.operation.append-slide`,type:t.OPERATION,handler:(e,t)=>{let n=t.unitId;return e.get(b).getUnit(n)?(e.get(J).appendPage(n),!0):!1}},xt={id:`slide.operation.delete-element`,type:t.OPERATION,handler:(e,t)=>{if(!(t!=null&&t.id))return!1;let n=t.unitId,r=e.get(b).getUnit(n);if(!r)return!1;let i=r.getActivePage();return delete i.pageElements[t.id],r.updatePage(i.id,i),e.get(J).removeObjectById(t.id,i.id,n),!0}},St={id:`slide.command.insert-float-image`,type:t.COMMAND,handler:async(e,t)=>{var n;let r=e.get(b),i=(n=r.getCurrentUnitForType(D.UNIVER_SLIDE))==null?void 0:n.getUnitId();if(!i)return!1;let a=await e.get(De).openFile({multiple:!0,accept:ye.map(e=>`.${e.replace(`image/`,``)}`).join(`,`)});if(a.length!==1)return!1;let o=await e.get(be).saveImage(a[0]);if(!o)return!1;let{imageId:s,imageSourceType:c,source:l,base64Cache:u}=o,{width:d,height:f,image:p}=await xe(u||``),m=r.getUnit(i);if(!m)return!1;let h=m.getActivePage(),g=Object.values(h.pageElements),_={id:s,zIndex:(g!=null&&g.length?Math.max(...g.map(e=>e.zIndex)):20)+1,left:0,top:0,width:d,height:f,title:``,description:``,type:w.IMAGE,image:{imageProperties:{contentUrl:u,imageSourceType:c,source:l,base64Cache:u,image:p}}};h.pageElements[s]=_,m.updatePage(h.id,h);let v=e.get(J),y=v.createObjectToPage(_,h.id,i);return y&&v.setObjectActiveByPage(y,h.id,i),!0}},Y={id:`slide.operation.update-element`,type:t.OPERATION,handler:(e,t)=>{let{oKey:n,props:r}=t,i=e.get(b),a=t==null?void 0:t.unitId,o=i.getUnit(a);if(!o)return!1;let s=o.getActivePage();return s.pageElements[n]=ae(s.pageElements[n],r),o.updatePage(s.id,s),!0}};var X=function(e){return e[e.forward=0]=`forward`,e[e.backward=1]=`backward`,e[e.front=2]=`front`,e[e.back=3]=`back`,e}(X||{});function Ct(e){let{pageId:t,unitId:n}=e,r=L(C),i=L(J),a=L(g),o=i.getRenderUnitByPageId(t,n),s=o==null?void 0:o.scene;if(!s)return null;let c=s.getTransformer();if(!c)return null;let l=c.getSelectedObjectMap().values().next().value;if(!l)return null;let u=e=>{let[t,r]=s.getAllObjects().reduce(([e,t],n)=>{let r=n.zIndex;return[r<e?r:e,r>t?r:t]},[0,0]),i=l.zIndex;e===X.back?i=t-1:e===X.front?i=r+1:e===X.forward?i=l.zIndex+1:e===X.backward&&(i=l.zIndex-1),l.setProps({zIndex:i}),a.executeCommand(Y.id,{unitId:n,oKey:l==null?void 0:l.oKey,props:{zIndex:i}})};return B(`div`,{className:`univer-relative univer-w-full`,children:[z(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:z(`div`,{className:`univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200`,children:z(`div`,{children:r.t(`image-panel.arrange.title`)})})}),B(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[z(`div`,{className:`univer-w-1/2`,children:z(Ie,{onClick:()=>{u(X.forward)},children:B(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[z(Je,{}),r.t(`image-panel.arrange.forward`)]})})}),z(`div`,{className:`univer-w-1/2`,children:z(Ie,{onClick:()=>{u(X.backward)},children:B(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[z(qe,{}),r.t(`image-panel.arrange.backward`)]})})})]}),B(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[z(`div`,{className:`univer-w-1/2`,children:z(Ie,{onClick:()=>{u(X.front)},children:B(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[z(Ze,{}),r.t(`image-panel.arrange.front`)]})})}),z(`div`,{className:`univer-w-1/2`,children:z(Ie,{onClick:()=>{u(X.back)},children:B(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[z(We,{}),r.t(`image-panel.arrange.back`)]})})})]})]})}function wt(e){var t,n;let{pageId:r,unitId:i}=e,a=L(C),o=L(J),s=L(g),c=o.getRenderUnitByPageId(r,i),l=c==null?void 0:c.scene;if(!l)return null;let u=l.getTransformer();if(!u)return null;let d=u.getSelectedObjectMap().values().next().value;if(!d)return null;let[f,p]=H((t=(n=d.fill)==null?void 0:n.toString())==null?``:t);function m(e){d==null||d.setProps({fill:e}),s.executeCommand(Y.id,{unitId:i,oKey:d==null?void 0:d.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:e}}}}}),p(e)}return z(`div`,{className:R(`univer-relative univer-bottom-0 univer-mt-5 univer-w-full`,Ve),children:B(`div`,{className:`univer-relative univer-w-full`,children:[z(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:z(`div`,{className:`univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200`,children:z(`div`,{children:a.t(`slide.panel.fill.title`)})})}),z(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:z(`div`,{className:`univer-w-1/2`,children:z(Re,{overlay:z(`div`,{className:`univer-rounded-lg univer-p-4`,children:z(Le,{value:`#fff`,onChange:m})}),children:B(`a`,{className:`univer-flex univer-cursor-pointer univer-items-center univer-gap-1`,children:[z(Ye,{className:`univer-fill-primary-600`}),z(Ke,{})]})})})})]})})}function Tt(e){let{pageId:t,unitId:n}=e,r=L(C),i=L(J),a=L(g),o=i.getRenderUnitByPageId(t,n),s=o==null?void 0:o.scene;if(!s)return null;let c=s.getTransformer();if(!c)return null;let l=c.getSelectedObjectMap().values().next().value;if(!l)return null;let{width:u=0,height:d=0,left:f=0,top:p=0,angle:m=0}=l,[h,_]=H(u),[v,y]=H(d),[b,x]=H(f),[S,w]=H(p),[T,E]=H(m),D=e=>{let{objects:t}=e,{width:n=0,height:r=0,left:i=0,top:a=0,angle:o=0}=t.values().next().value;_(n),y(r),x(i),w(a),E(o)};V(()=>{let e=c.changeStart$.subscribe(e=>{D(e)}),t=c.changing$.subscribe(e=>{D(e)});return()=>{t.unsubscribe(),e.unsubscribe()}},[]);function O(e){!e||!l||(a.executeCommand(Y.id,{pageId:t,oKey:l.oKey,props:{width:e}}),l==null||l.resize(e,l.height),_(e),c==null||c.refreshControls())}function k(e){!e||!l||(a.executeCommand(Y.id,{pageId:t,oKey:l.oKey,props:{height:e}}),l==null||l.resize(l.width,e),y(e),c==null||c.refreshControls())}function ee(e){!e||!l||(a.executeCommand(Y.id,{pageId:t,oKey:l.oKey,props:{left:e}}),l==null||l.translate(e,l.top),x(e),c==null||c.refreshControls())}function te(e){!e||!l||(a.executeCommand(Y.id,{pageId:t,oKey:l.oKey,props:{right:e}}),l==null||l.translate(l.left,e),w(e),c==null||c.refreshControls())}function ne(e){!e||!l||(a.executeCommand(Y.id,{pageId:t,oKey:l.oKey,props:{angle:e}}),l==null||l.transformByState({angle:e}),E(e),c==null||c.refreshControls())}return B(`div`,{className:R(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,Ve),children:[z(`header`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:z(`div`,{children:r.t(`image-panel.transform.title`)})}),B(`div`,{className:`univer-grid univer-grid-cols-3 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2`,children:[B(`div`,{children:[z(`span`,{children:r.t(`image-panel.transform.width`)}),z(ze,{min:1,value:h,onChange:e=>{O(e)}})]}),B(`div`,{children:[z(`span`,{children:r.t(`image-panel.transform.height`)}),z(ze,{min:1,value:v,onChange:e=>{k(e)}})]})]}),B(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[B(`div`,{children:[z(`span`,{children:r.t(`image-panel.transform.x`)}),z(ze,{min:0,precision:1,value:b,onChange:e=>{ee(e)}})]}),B(`div`,{children:[z(`span`,{children:r.t(`image-panel.transform.y`)}),z(ze,{min:0,precision:1,value:S,onChange:e=>{te(e)}})]}),B(`div`,{children:[z(`span`,{children:r.t(`image-panel.transform.rotate`)}),z(ze,{precision:1,value:T,onChange:ne})]})]})]})}const Et=`COMPONENT_SLIDE_SIDEBAR`;function Dt(){var e,t,n;let r=L(b),i=L(J),a=r.getCurrentUnitForType(D.UNIVER_SLIDE),o=a==null||(e=a.getActivePage())==null?void 0:e.id,s=((t=r.getFocusedUnit())==null?void 0:t.getUnitId())||``;if(!o||!s)return null;let c=(n=i.getRenderUnitByPageId(o,s).scene)==null?void 0:n.getTransformer();if(!c)return null;let l=c.getSelectedObjectMap().values().next().value;return l?B(`section`,{className:`univer-p-2 univer-text-center univer-text-sm`,children:[z(Ct,{pageId:o,unitId:s}),z(Tt,{pageId:o,unitId:s}),l.objectType===ce.RECT&&z(wt,{pageId:o,unitId:s})]}):null}const Ot={id:`slide.command.insert-float-shape.rectangle`,type:t.COMMAND,handler:async e=>{var t;let n=e.get(g),r=(t=e.get(b).getFocusedUnit())==null?void 0:t.getUnitId();return n.executeCommand(kt.id,{unitId:r})}},kt={id:`slide.operation.insert-float-shape.rectangle`,type:t.OPERATION,handler:async(t,n)=>{let r=re(6),i=t.get(b),a=n.unitId,o=i.getUnit(a);if(!o)return!1;let s=o.getActivePage(),c=Object.values(s.pageElements),l={id:r,zIndex:(c!=null&&c.length?Math.max(...c.map(e=>e.zIndex)):20)+1,left:378,top:142,width:250,height:250,title:r,description:``,type:w.SHAPE,shape:{shapeType:e.Rect,text:``,shapeProperties:{shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};s.pageElements[r]=l,o.updatePage(s.id,s);let u=t.get(J),d=u.createObjectToPage(l,s.id,a);return d&&u.setObjectActiveByPage(d,s.id,a),!0}},At={id:`sidebar.operation.slide-shape`,type:t.COMMAND,handler:async(e,t)=>{let{visible:n,objectType:r}=t,i=e.get(Ae),a=e.get(C),o=``,s=``;return r===ce.RECT?(o=`slide.sidebar.shape`,s=Et):r===ce.IMAGE?(o=`slide.sidebar.image`,s=Et):r===ce.RICH_TEXT&&(o=`slide.sidebar.text`,s=Et),n?i.open({header:{title:a.t(o)},children:{label:s},onClose:()=>{},width:360}):i.close(),!0}},jt={id:`slide.command.insert-float-shape.ellipse`,type:t.COMMAND,handler:async e=>{var t;let n=e.get(g),r=(t=e.get(b).getFocusedUnit())==null?void 0:t.getUnitId();return n.executeCommand(Mt.id,{unitId:r})}},Mt={id:`slide.operation.insert-float-shape.ellipse`,type:t.OPERATION,handler:async(t,n)=>{let r=re(6),i=t.get(b),a=n.unitId,o=i.getUnit(a);if(!o)return!1;let s=o.getActivePage(),c=Object.values(s.pageElements),l={id:r,zIndex:(c!=null&&c.length?Math.max(...c.map(e=>e.zIndex)):20)+1,left:378,top:142,width:250,height:250,title:r,description:``,type:w.SHAPE,shape:{shapeType:e.Ellipse,text:``,shapeProperties:{radius:100,shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};s.pageElements[r]=l,o.updatePage(s.id,s);let u=t.get(J),d=u.createObjectToPage(l,s.id,a);return d&&u.setObjectActiveByPage(d,s.id,a),!0}},Nt={id:`slide.command.add-text`,type:t.COMMAND,handler:async e=>{var t;let n=e.get(g),r=(t=e.get(b).getFocusedUnit())==null?void 0:t.getUnitId();return await n.executeCommand(Pt.id,{unitId:r})}},Pt={id:`slide.operation.add-text`,type:t.OPERATION,handler:async(e,t)=>{let n=t.unitId,r=re(6),i=(t==null?void 0:t.text)||`A New Text`,a=e.get(b).getUnit(n);if(!a)return!1;let o=a.getActivePage(),s=Object.values(o.pageElements),c={id:r,zIndex:(s!=null&&s.length?Math.max(...s.map(e=>e.zIndex)):21)+1,left:230,top:142,width:220,height:40,title:`text`,description:``,type:w.TEXT,richText:{text:i,fs:30,cl:{rgb:`rgb(51, 51, 51)`},bl:1}};o.pageElements[r]=c,a.updatePage(o.id,o);let l=e.get(J),u=l.createObjectToPage(c,o.id,n);return u&&l.setObjectActiveByPage(u,o.id,n),!0}},Ft={id:`slide.operation.set-slide-page-thumb`,type:t.OPERATION,handler:(e,t)=>(e.get(J).createThumbs(t.unitId),!0)};function It(){var e,t;let n=L(b),r=L(g),i=L(M),a=L(C),o=tt(null),s=n.getCurrentUnitForType(D.UNIVER_SLIDE),c=s==null?void 0:s.getPages(),l=s==null?void 0:s.getPageOrder();if(!c||!l)return null;let u=l.map(e=>c[e]),[d,f]=H((e=s==null||(t=s.getActivePage())==null?void 0:t.id)==null?null:e),p=et(()=>u.map(()=>Qe()),[u]);V(()=>{let e=s==null?void 0:s.activePage$.subscribe(e=>{var t;let n=(t=e==null?void 0:e.id)==null?null:t;n&&f(n)});return()=>{e==null||e.unsubscribe()}},[]),V(()=>{p.forEach((e,t)=>{if(e.current){var n;let r=u[t];(n=i.getRenderById(r.id))==null||n.engine.setContainer(e.current)}}),p.length>0&&r.syncExecuteCommand(Ft.id,{unitId:s==null?void 0:s.getUnitId()})},[p,u,i,r,s]);let m=$e(e=>{r.syncExecuteCommand(yt.id,{id:e,unitId:s==null?void 0:s.getUnitId()})},[r,s]),h=$e(()=>{r.syncExecuteCommand(bt.id,{unitId:s==null?void 0:s.getUnitId()})},[r,s]);return z(`aside`,{ref:o,className:R(`univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden`,He),children:B(`div`,{className:`univer-px-4`,children:[z(`header`,{className:`univer-flex univer-justify-center univer-pt-4`,children:z(`a`,{className:R(`univer-box-border univer-block univer-h-8 univer-w-full univer-cursor-pointer univer-rounded-md univer-bg-white univer-text-center univer-text-sm univer-leading-8 univer-transition-colors`,Be),onClick:h,children:a.t(`slide.append`)})}),u.map((e,t)=>B(`div`,{className:R(`univer-my-4 univer-flex univer-gap-2`,{"[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600":e.id===d}),onClick:()=>m(e.id),children:[z(`span`,{children:t+1}),z(`div`,{ref:p[t],className:R(`univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600`,Be)})]},e.id))]})})}const Z=te(`SLIDE_EDITOR`),Lt={id:`slide.operation.edit-arrow`,type:t.OPERATION,handler:()=>!0},Rt=`COMPONENT_SLIDE_IMAGE_POPUP_MENU`;function zt(e){var t;let n=(t=e.popup)==null||(t=t.extraProps)==null?void 0:t.menuItems;if(!n)return null;let r=L(g),i=L(C),[a,o]=H(!1),[s,c]=H(!1),l=()=>{c(!0)},u=()=>{c(!1)},d=e=>{o(e)},f=e=>{r.executeCommand(e.commandId,e.commandParams),o(!1)},p=a||s,m=n.filter(e=>!e.disable);return z(`div`,{onMouseEnter:l,onMouseLeave:u,children:z(Re,{align:`start`,overlay:z(`ul`,{className:R(`univer-m-0 univer-box-border univer-grid univer-list-none univer-items-center univer-gap-1 univer-rounded-lg univer-bg-white univer-p-1.5 univer-text-sm univer-shadow-lg`,Be),children:m.map(e=>z(`li`,{className:`univer-relative univer-box-border univer-flex univer-h-8 univer-cursor-pointer univer-items-center univer-rounded univer-text-sm univer-transition-colors hover:univer-bg-gray-100`,onClick:()=>f(e),children:z(`span`,{className:`univer-px-2 univer-py-1.5 univer-align-middle`,children:i.t(e.label)})},e.index))}),open:a,onOpenChange:d,children:B(`div`,{className:R(`univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-800`,Be,{"univer-bg-gray-100 dark:!univer-bg-gray-800":a,"univer-bg-white dark:!univer-bg-gray-900":!a}),children:[z(Ue,{className:`univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white`}),p&&z(Ke,{className:`dark:!univer-text-white`})]})})})}const Bt=`slide.menu.image`;function Vt(e){return{id:Bt,type:F.SUBITEMS,icon:`AddImageIcon`,tooltip:`slide.image.insert.title`,hidden$:I(e,D.UNIVER_SLIDE)}}function Ht(e){return{id:St.id,title:`slide.image.insert.float`,type:F.BUTTON,hidden$:I(e,D.UNIVER_SLIDE)}}const Ut=`slide.menu.shape`;function Wt(e){return{id:Ut,type:F.SUBITEMS,icon:`GraphIcon`,tooltip:`slide.shape.insert.title`,hidden$:I(e,D.UNIVER_SLIDE)}}function Gt(e){return{id:Ot.id,title:`slide.shape.insert.rectangle`,type:F.BUTTON,hidden$:I(e,D.UNIVER_SLIDE)}}function Kt(e){return{id:jt.id,title:`slide.shape.insert.ellipse`,type:F.BUTTON,hidden$:I(e,D.UNIVER_SLIDE)}}function qt(e){return{id:Nt.id,type:F.BUTTON,icon:`TextIcon`,tooltip:`slide.text.insert.title`,hidden$:I(e,D.UNIVER_SLIDE)}}const Jt={[Ne.FORMAT]:{[Nt.id]:{order:0,menuItemFactory:qt},[Bt]:{order:0,menuItemFactory:Vt,[St.id]:{order:0,menuItemFactory:Ht}},[Ut]:{order:0,menuItemFactory:Wt,[Ot.id]:{order:0,menuItemFactory:Gt},[jt.id]:{order:0,menuItemFactory:Kt}}}};var Yt=class{constructor(){G(this,`_state`,null),G(this,`_rect`,null),G(this,`_state$`,new U(null)),G(this,`state$`,this._state$.asObservable()),G(this,`_rect$`,new U(null)),G(this,`rect$`,this._rect$.asObservable()),G(this,`_focus`,!1),G(this,`_focus$`,new U(this._focus)),G(this,`focus$`,this._focus$.asObservable())}dispose(){this._state$.complete(),this._state=null,this._rect$.complete(),this._rect=null}setState(e){this._state=e,this._refresh(e)}getRect(){return this._rect}setRect(e){this._rect=e,this._rect$.next(e)}getState(){return this._state}setFocus(e=!1){this._focus=e,this._focus$.next(e)}_refresh(e){this._state$.next(e)}};const Xt=ee(`univer.slide-editor-manager.service`),Zt=-1e3,Qt={width:0,height:0,top:Zt,left:Zt};function $t(){let[e,t]=H({...Qt}),r=L(Xt),i=L(ot),a=L(v),o=Fe(()=>a.subscribeContextValue$(we),!1,void 0,[a,we]);return`${n}`,s.UNSPECIFIED,V(()=>{r.state$.subscribe(e=>{if(e==null)return;let{startX:n=Zt,startY:a=Zt,endX:o=0,endY:s=0,show:c=!1}=e;if(!c)t({...Qt});else{t({width:o-n-j+2,height:s-a-j+2,left:n+j,top:a+j});let e=i.getEditor(Z);if(e==null)return;let{left:c,top:l,width:u,height:d}=e.getBoundingClientRect();r.setRect({left:c,top:l,width:u,height:d})}})},[]),V(()=>{o||r.setFocus(!0)},[o,e]),z(`div`,{className:R(`univer-absolute univer-z-10 univer-box-border univer-flex`,Be),style:{left:e.left,top:e.top,width:e.width,height:e.height}})}function en(e){return e.getContextValue(f)&&e.getContextValue(c)}function tn(e){return e.getContextValue(m)&&e.getContextValue(f)}const nn=[P.ARROW_DOWN,P.ARROW_UP,P.ARROW_LEFT,P.ARROW_RIGHT];[P.ENTER,P.TAB,...nn];function rn(){let e=[];for(let t of nn)e.push({id:Lt.id,binding:t,preconditions:e=>en(e),staticParameters:{visible:!1,eventType:A.Keyboard,keycode:t,isShift:!1}}),e.push({id:Lt.id,binding:t|Me.SHIFT,preconditions:e=>en(e),staticParameters:{visible:!1,eventType:A.Keyboard,keycode:t,isShift:!0}});return e}const an={id:it.id,preconditions:e=>en(e)||tn(e),binding:P.BACKSPACE};let on=class extends i{constructor(e,t,n,r,i,a){super(),this._injector=e,this._menuManagerService=t,this._componentManager=n,this._uiPartsService=r,this._commandService=i,this._shortcutService=a,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(Jt)}_initCustomComponents(){let e=this._componentManager;this.disposeWithMe(e.register(`TextIcon`,Xe)),this.disposeWithMe(e.register(`GraphIcon`,Ge)),this.disposeWithMe(e.register(Rt,zt)),this.disposeWithMe(e.register(Et,Dt))}_initCommands(){[bt,yt,Ft,St,Pt,Nt,jt,Mt,kt,Ot,At,xt,Y,Lt].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(Se.LEFT_SIDEBAR,()=>Pe(It,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(Se.CONTENT,()=>Pe($t,this._injector)))}_initShortcuts(){[an,...rn()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};on=q([K(0,x(S)),K(1,Oe),K(2,x(Ce)),K(3,je),K(4,g),K(5,ke)],on);var sn=`@univerjs/slides-ui`,cn=`0.19.0`;const ln=`slides-ui.config`;Symbol(ln);const un={},dn=ee(`univer.slide-editor-bridge.service`);let fn=class extends i{constructor(e,t,n){super(),this._editorService=e,this._contextService=t,this._renderManagerService=n,G(this,`_editorUnitId`,Z),G(this,`_isForceKeepVisible`,!1),G(this,`_editorIsDirty`,!1),G(this,`_currentEditRectState`,null),G(this,`_currentEditRectState$`,new U(null)),G(this,`currentEditRectState$`,this._currentEditRectState$.asObservable()),G(this,`_visibleParam`,{visible:!1,eventType:A.Dblclick,unitId:``}),G(this,`_visible$`,new U(this._visibleParam)),G(this,`visible$`,this._visible$.asObservable()),G(this,`_afterVisible$`,new U(this._visibleParam)),G(this,`afterVisible$`,this._afterVisible$.asObservable()),G(this,`endEditing$`,new ut),G(this,`_currentEditRectInfo`,void 0)}dispose(){super.dispose()}getEditorRect(){return this._currentEditRectInfo}setEditorRect(e){this._currentEditRectInfo=e,this._editorService.getFocusEditor()||(this._editorService.focus(Z),this._contextService.setContextValue(c,!1),this._contextService.setContextValue(d,!1),this._contextService.setContextValue(p,!1));let t=this.getEditRectState();this._currentEditRectState=t,this._currentEditRectState$.next(t)}changeVisible(e){this._visibleParam=e,e.visible&&(this._editorIsDirty=!1),this._visible$.next(this._visibleParam),this._afterVisible$.next(this._visibleParam)}getEditRectState(){let e=Z,t=this._currentEditRectInfo,n=t.unitId,r=t.richTextObj.documentData;r.id=e,r.documentStyle={...r.documentStyle,pageSize:{width:t.richTextObj.width,height:1/0}};let i={documentModel:new o(r),fontString:`document`,textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:O.TOP,horizontalAlign:h.LEFT,paddingData:{t:0,b:1,l:2,r:2}},a=t.richTextObj.width,s=t.richTextObj.height,c=t.richTextObj.left,l=t.richTextObj.top,u={left:0,top:0},d=this._renderManagerService.getRenderById(n),f=d==null?void 0:d.scene,p=f==null?void 0:f.getViewport(N.VIEW),m=f==null?void 0:f.getObject(N.COMPONENT),g={x:(m==null?void 0:m.left)||0,y:(m==null?void 0:m.top)||0},_=(p==null?void 0:p.viewportScrollX)||0,v=(p==null?void 0:p.viewportScrollY)||0;return u.left=g.x-_,u.top=g.y-v,{position:{startX:c,startY:l,endX:c+a,endY:l+s},scaleX:1,scaleY:1,slideCardOffset:u,unitId:n,editorUnitId:e,documentLayoutObject:i}}changeEditorDirty(e){this._editorIsDirty=e}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(e){let t=this.getCurrentEditorId(),n=e.text,r=e.fs;return{id:t,body:{dataStream:`${n}\r\n`,textRuns:[{st:0,ed:n.length}],paragraphs:[{paragraphStyle:{},startIndex:n.length+1}],sectionBreaks:[{startIndex:n.length+2}]},documentStyle:{marginBottom:0,marginLeft:0,marginRight:0,marginTop:0,pageSize:{width:1/0,height:1/0},textStyle:{fs:r},renderConfig:{verticalAlign:O.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}};fn=q([K(0,ot),K(1,v),K(2,M)],fn);let Q=function(e){return e[e.InitialState=0]=`InitialState`,e[e.StartEditor=1]=`StartEditor`,e[e.CursorChange=2]=`CursorChange`,e}({});const pn=-1e3;let mn=class extends i{constructor(e,t,n,r,i,a,o,s,c,l,u,d){super(),this._renderContext=e,this._layoutService=t,this._undoRedoService=n,this._contextService=r,this._instanceSrv=i,this._renderManagerService=a,this._editorBridgeService=o,this._cellEditorManagerService=s,this._textSelectionManagerService=c,this._commandService=l,this._localService=u,this._editorService=d,G(this,`_cursorChange`,Q.InitialState),G(this,`_isUnitEditing`,!1),G(this,`_d`,void 0),this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(D.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:A.Keyboard,keycode:P.ESC,unitId:this._renderContext.unitId}),this._isUnitEditing=!1))})),this._initEditorVisibilityListener()}dispose(){super.dispose(),this._disposeCurrent()}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_init(){let e=new a;return this._subscribeToCurrentCell(e),this._initialKeyboardListener(e),this._initialCursorSync(e),this._listenEditorFocus(e),this._commandExecutedListener(e),setTimeout(()=>{this._cursorStateListener(e)},1e3),e}_initEditorVisibilityListener(){this.disposeWithMe(this._editorBridgeService.visible$.subscribe(e=>{e.visible?(this._isUnitEditing=!0,this._handleEditorVisible(e)):this._isUnitEditing&&(this._handleEditorInvisible(e),this._isUnitEditing=!1)}))}_listenEditorFocus(e){let t=this._getEditorObject();t&&e.add(t.document.onPointerDown$.subscribeEvent(()=>{}))}_getEditorSkeleton(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(mt).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(mt).getViewModel()}_initialCursorSync(e){e.add(this._cellEditorManagerService.focus$.pipe(dt(e=>!!e)).subscribe(()=>{var e;(e=ge(D.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||e.with(at).sync()}))}_subscribeToCurrentCell(e){e.add(this._editorBridgeService.currentEditRectState$.subscribe(e=>{var t;if(e==null||this._contextService.getContextValue(d)||this._contextService.getContextValue(p))return;let{position:{startX:n,endX:r},documentLayoutObject:{textRotation:i,wrapStrategy:a,documentModel:o},scaleX:s,editorUnitId:c}=e,{vertexAngle:l}=me(i);o.updateDocumentId(c),a===k.WRAP&&l===0&&o.updateDocumentDataPageSize((r-n)/s),this._instanceSrv.changeDoc(c,o),this._contextService.setContextValue(u,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]),(t=ge(D.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||t.with(at).activate(pn,pn)}))}_fitTextSize(e,t,n,r,i=1,a=1){let{startX:o,startY:s,endX:c,endY:l}=e,u=r.documentModel;if(u==null)return;let{actualWidth:d,actualHeight:f}=this._predictingSize(e,t,n,r,i,a),{verticalAlign:p,paddingData:m,fill:h}=r,g=c-o,_=l-s;if(g<d&&(g=d),_<f)_=f,u.updateDocumentDataMargin(m);else{let e=0;e=p===O.MIDDLE?(_-f)/2/a:p===O.TOP?m.t||0:(_-f)/a-(m.b||0),e=e<(m.t||0)?m.t||0:e,u.updateDocumentDataMargin({t:e})}n.calculate(),this._editAreaProcessing(g,_,e,t,h,i,a)}_predictingSize(e,t,n,r,i=1,a=1){let{startX:o,endX:s}=e,{textRotation:c,wrapStrategy:l}=r,u=r.documentModel,{vertexAngle:d}=me(c),f=document.body.clientWidth;if(l===k.WRAP&&d===0){let{actualWidth:e,actualHeight:t}=n.getActualSize();return{actualWidth:e*i,actualHeight:t*a}}u==null||u.updateDocumentDataPageSize((f-o-t.left)/i),n.calculate();let p=n.getActualSize(),m=s-o;return m<p.actualWidth*i+5*i&&(m=p.actualWidth*i+5*i),u==null||u.updateDocumentDataPageSize(m/i),u==null||u.updateDocumentRenderConfig({horizontalAlign:h.UNSPECIFIED,cellValueType:void 0}),{actualWidth:m,actualHeight:p.actualHeight*a}}_editAreaProcessing(e,t,n,r,i,a=1,o=1){let s=this._getEditorObject();if(s==null)return;function c(e){return Number.parseInt(e.replace(`px`,``))}let l=this._renderContext.engine.getCanvasElement(),u=l.getBoundingClientRect(),d=c(l.style.width),{top:f,left:p,width:m}=u,h=m/d,{startX:g,startY:_}=n;g+=r.left,_+=r.top;let{document:v,scene:y,engine:b}=s,x=y.getViewport(lt.VIEW_MAIN),S=document.body.clientHeight-_-r.top-4,C=document.body.clientWidth-g-r.left,w=t,T=x==null?void 0:x.getScrollBar();if(w>S)w=S,T==null?x&&new de(x,{enableHorizontal:!1,barSize:8}):x==null||x.resetCanvasSizeAndUpdateScroll();else{var E;T=null,x==null||(E=x.getScrollBar())==null||E.dispose()}e+=(T==null?void 0:T.barSize)||0,e=Math.min(e,C),g-=j,_-=j,this._addBackground(y,e/a,t/o,i);let{scaleX:D,scaleY:O}=y.getPrecisionScale();y.transformByState({width:e*h/a,height:t*h/o,scaleX:a*h,scaleY:o*h}),v.resize(e/a,t/o),setTimeout(()=>{b.resizeBySize(he(e,D),he(w,O))},0);let k=this._layoutService.getContentElement().getBoundingClientRect(),ee=l.getBoundingClientRect();g=g*h+(ee.left-k.left),_=_*h+(ee.top-k.top),this._cellEditorManagerService.setState({startX:g,startY:_,endX:e*h+g,endY:w*h+_,show:!0})}_addBackground(e,t,n,r){let i=`_backgroundRectHelperColor_`,a=e.getObject(i);a==null&&r==null||(a==null?e.addObjects([new le(i,{width:t,height:n,fill:r,evented:!1})],nt):r==null?a.dispose():(a.setProps({fill:r}),a.transformByState({width:t,height:n})))}_handleEditorVisible(e){var t,n;let{eventType:r}=e;this._cursorChange=[A.PointerDown,A.Dblclick].includes(r)?Q.CursorChange:Q.StartEditor;let i=this._editorBridgeService.getEditRectState();if(i==null)return;let{position:a,documentLayoutObject:o,slideCardOffset:s,scaleX:l,scaleY:u,editorUnitId:d,unitId:f}=i,p=this._getEditorObject();if(p==null)return;let{scene:m}=p;this._contextService.setContextValue(c,!0);let{documentModel:h}=o,g=this._getEditorSkeleton(d);if(!g||!h)return;this._fitTextSize(a,s,g,o,l,u);let _=h.getBody().dataStream.length-2||0;(t=m.getViewport(lt.VIEW_MAIN))==null||t.scrollToViewportPos({viewportScrollX:1/0}),this._textSelectionManagerService.replaceTextRanges([{startOffset:_,endOffset:_}]),(n=this._renderManagerService.getRenderById(f))==null||n.scene.resetCursor()}_resetBodyStyle(e,t=!1){e.dataStream=n,e.textRuns!=null&&(e.textRuns.length===1&&!t?(e.textRuns[0].st=0,e.textRuns[0].ed=1):e.textRuns=void 0),e.paragraphs!=null&&(e.paragraphs.length===1?e.paragraphs[0].startIndex=0:e.paragraphs=[{startIndex:0}]),e.sectionBreaks!=null&&(e.sectionBreaks=void 0),e.tables!=null&&(e.tables=void 0),e.customRanges!=null&&(e.customRanges=void 0),e.customBlocks!=null&&(e.customBlocks=void 0)}_initialKeyboardListener(e){}_showEditorByKeyboard(e){}_commandExecutedListener(e){let t=[Lt.id],n=[ht.id];e.add(this._commandService.onCommandExecuted(e=>{this._editorService.getFocusId()===Z&&(t.includes(e.id)&&this._moveCursorCmdHandler(e),n.includes(e.id)&&this._editorBridgeService.isVisible()&&this._editingChangedHandler())}))}_moveCursorCmdHandler(e){let t=e.params,{keycode:n,isShift:r}=t;n!=null&&this._cursorChange===Q.CursorChange?this._moveInEditor(n,r):this._editorBridgeService.changeVisible(t)}_editingChangedHandler(){let e=this._editorBridgeService.getEditorRect();if(!e)return;let t=e.richTextObj;t.refreshDocumentByDocData(),t.resizeToContentSize();let{unitId:n}=this._renderContext;this._handleEditorVisible({visible:!0,eventType:3,unitId:n})}_getEditorObject(){return hn(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(e){let{keycode:t}=e;if(this._cursorChange=Q.InitialState,this._exitInput(e),this._editorBridgeService.getEditRectState()!=null){if(this._editorBridgeService.getEditorDirty()===!1){this._moveCursor(t);return}this._moveCursor(t)}}_exitInput(e){this._contextService.setContextValue(c,!1),this._cellEditorManagerService.setState({show:e.visible});let t=this._editorBridgeService.getCurrentEditorId();t!=null&&this._undoRedoService.clearUndoRedo(t)}_moveCursor(e){if(e!=null)switch(r.LEFT,e){case P.ENTER:r.DOWN;break;case P.TAB:r.RIGHT;break;case P.ARROW_DOWN:r.DOWN;break;case P.ARROW_UP:r.UP;break;case P.ARROW_LEFT:r.LEFT;break;case P.ARROW_RIGHT:r.RIGHT;break}}_cursorStateListener(e){let t=this._getEditorObject();if(!t)return;let{document:n}=t;e.add(se(n.onPointerDown$.subscribeEvent(()=>{this._cursorChange===Q.StartEditor&&(this._cursorChange=Q.CursorChange)})))}_moveInEditor(e,t){let n=r.LEFT;e===P.ARROW_DOWN?n=r.DOWN:e===P.ARROW_UP?n=r.UP:e===P.ARROW_RIGHT&&(n=r.RIGHT),t?this._commandService.executeCommand(ct.id,{direction:n}):this._commandService.executeCommand(st.id,{direction:n})}};mn=q([K(1,Ee),K(2,y),K(3,v),K(4,b),K(5,M),K(6,dn),K(7,Xt),K(8,x(pt)),K(9,g),K(10,x(C)),K(11,ot)],mn);function hn(e,t){if(e==null)return;let n=t.getRenderById(e);if(n==null)return;let{mainComponent:r,scene:i,engine:a,components:o}=n;return{document:r,docBackground:o.get(rt.BACKGROUND),scene:i,engine:a}}let gn=class extends E{constructor(e,t,n,r){super(),this._renderContext=e,this._instanceSrv=t,this._commandService=n,this._editorBridgeService=r,G(this,`setSlideTextEditor$`,new ut),G(this,`_curRichText`,null),G(this,`_d`,void 0),this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(D.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){let e=new a;return this._initEventListener(e),e}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_setEditorRect(e,t){this._curRichText=t;let{scene:n,engine:r}=this._renderContext,i={scene:n,engine:r,unitId:this._renderContext.unitId,pageId:e,richTextObj:t};this._editorBridgeService.setEditorRect(i)}_initEventListener(e){let t=t=>{let n=t.getTransformer();n&&(e.add(n.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),e.add(n.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),e.add(t.onDblclick$.subscribeEvent(()=>{n.clearControls();let e=n.getSelectedObjectMap().values().next().value;e&&(e.objectType===ce.RICH_TEXT?this.startEditing(t.sceneKey,e):this.pickOtherObjects())})),e.add(this._instanceSrv.focused$.subscribe(e=>{this.endEditing()})))},{mainComponent:n}=this._renderContext;n.subSceneChanged$.subscribeEvent(e=>{t(e)});let r=Array.from(n.getSubScenes().values());for(let e=0;e<r.length;e++){let n=r[e];t(n)}}pickOtherObjects(){this.endEditing()}endEditing(){var e;if(!this._curRichText)return;this.setEditorVisible(!1);let t=this._curRichText;if(!this._instanceSrv.getCurrentUnitForType(D.UNIVER_SLIDE))return!1;t.refreshDocumentByDocData(),t.resizeToContentSize(),this._editorBridgeService.endEditing$.next(t);let n={bl:1,fs:t.fs,text:t.text},r=(e=t.documentData.body)==null?void 0:e.textRuns;if(r&&r.length){let e=r[0].ts;n.cl=e==null?void 0:e.cl}this._commandService.executeCommand(Y.id,{unitId:this._renderContext.unitId,oKey:t==null?void 0:t.oKey,props:{richText:n}}),this._curRichText=null}startEditing(e,t){this._setEditorRect(e,t),this.setEditorVisible(!0)}setEditorVisible(e){if(e){var t;(t=this._curRichText)==null||t.hide()}else{var n;(n=this._curRichText)==null||n.show()}let{unitId:r}=this._renderContext;this._editorBridgeService.changeVisible({visible:e,eventType:A.PointerDown,unitId:r})}};gn=q([K(1,b),K(2,g),K(3,dn)],gn);function _n(e,t){let n=vn(e.left,e.top,t),r=vn(e.right,e.bottom,t);return{left:n.x,top:n.y,right:r.x,bottom:r.y}}function vn(e,t,n){let{scaleX:r,scaleY:i}=n.getAncestorScale(),a=n.getViewport(N.VIEW);if(!a)return{x:e,y:t};let{viewportScrollX:o,viewportScrollY:s}=a;return{x:(e-o)*r,y:(t-s)*i}}let yn=class extends i{constructor(e,t,n,r){super(),this._globalPopupManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._commandService=r}_createObjectPositionObserver(e,t){let n=(()=>{var n,r,i,a;let{scene:o,engine:s}=t,{left:c,top:l,width:u,height:d}=e,f=(o.width-((n=(r=t.mainComponent)==null?void 0:r.width)==null?0:n))/2,p=(o.height-((i=(a=t.mainComponent)==null?void 0:a.height)==null?0:i))/2,m={left:c,right:c+u,top:l,bottom:l+d},h=s.getCanvasElement(),g=h.getBoundingClientRect(),_=_e(h.style.width),{scaleX:v,scaleY:y}=o.getAncestorScale(),b=_n(m,o),{top:x,left:S,width:C}=g,w=C/_;return{left:b.left*w*v+S+f,right:b.right*w*v+S+f,top:b.top*w*y+x+p,bottom:b.bottom*w*y+x+p}})();return{position:n,position$:new U(n),disposable:new a}}attachPopupToObject(e,t){let n=this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SLIDE).getUnitId(),r=this._renderManagerService.getRenderById(n);if(!r)return{dispose:()=>{}};let{position:i,position$:a,disposable:o}=this._createObjectPositionObserver(e,r),s=this._globalPopupManagerService.addPopup({...t,unitId:n,subUnitId:`default`,anchorRect:i,anchorRect$:a,canvasElement:r.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(s),a.complete(),o.dispose()}}}};yn=q([K(0,x(Te)),K(1,M),K(2,b),K(3,g)],yn);let bn=class extends E{constructor(e,t,n,r,i,a,o){super(),this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=r,this._canvasView=i,this._sidebarService=a,this._commandService=o,G(this,`_initImagePopupMenu`,new Set),this._init()}_init(){this._univerInstanceService.getAllUnitsForType(D.UNIVER_SLIDE).forEach(e=>this._create(e))}_create(e){if(!e)return;let t=e.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(e){}_popupMenuListener(e){var t;let n=this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SLIDE),r=(t=n==null?void 0:n.getPages())==null?{}:t;Object.keys(r).forEach(t=>{var n;let r=(n=this._canvasView.getRenderUnitByPageId(t,e).scene)==null?void 0:n.getTransformer();if(!r)return;let i;this.disposeWithMe(se(r.createControl$.subscribe(()=>{let t=r.getSelectedObjectMap();if(t.size>1){i==null||i.dispose();return}let n=t.values().next().value;if(!n)return;let a=n.oKey;i==null||i.dispose(),i=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(n,{componentKey:Rt,direction:`horizontal`,offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(n.objectType,a,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(At.id,{visible:!0,objectType:n.objectType})}))),this.disposeWithMe(r.clearControl$.subscribe(()=>{i==null||i.dispose(),this._contextService.setContextValue(l,!1)})),this.disposeWithMe(r.changing$.subscribe(()=>{i==null||i.dispose();let t=r.getSelectedObjectMap();if(t.size>1){i==null||i.dispose();return}let n=t.values().next().value;n&&this._commandService.executeCommand(Y.id,{unitId:e,oKey:n.oKey,props:{width:n.width,height:n.height,left:n.left,top:n.top}})}))})}_getMenuItemsByObjectType(e,t,n){return[{label:`slide.popup.edit`,index:0,commandId:At.id,commandParams:{visible:!0,objectType:e},disable:!1},{label:`slide.popup.delete`,index:5,commandId:xt.id,commandParams:{id:t,unitId:n},disable:!1}]}};bn=q([K(0,x(yn)),K(1,M),K(2,b),K(3,v),K(4,x(J)),K(5,Ae),K(6,g)],bn);let xn=class extends E{constructor(e,t,n){super(),this._contextService=e,this._instanceSrv=t,this._renderManagerService=n,Promise.resolve().then(()=>this._init())}_init(){this._initSlideDataListener(),this._initContextListener()}_initSlideDataListener(){this._instanceSrv.getTypeOfUnitAdded$(D.UNIVER_SLIDE).pipe(ft(this.dispose$)).subscribe(e=>{this._createRenderer(e==null?void 0:e.getUnitId())}),this._instanceSrv.getAllUnitsForType(D.UNIVER_SLIDE).forEach(e=>{this._createRenderer(e.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(D.UNIVER_SLIDE).pipe(ft(this.dispose$)).subscribe(e=>this._disposeRenderer(e))}_createRenderer(e){e!=null&&this._instanceSrv.getUnit(e,D.UNIVER_SLIDE)!=null&&this._renderManagerService.createRender(e)}_disposeRenderer(e){let t=e.getUnitId();this._renderManagerService.removeRender(t)}_initContextListener(){}};xn=q([K(0,v),K(1,b),K(2,M)],xn);let $=class extends T{constructor(e=un,t,n,r,i){super(),this._config=e,this._injector=t,this._renderManagerService=n,this._univerInstanceService=r,this._configService=i;let{menu:a,...o}=ae({},un,this._config);a&&this._configService.setConfig(`menu`,a,{merge:!0}),this._configService.setConfig(ln,o)}onStarting(){oe([[xn],[dn,{useClass:fn}],[Xt,{useClass:Yt}],[yn]],this._config.override).forEach(e=>this._injector.add(e))}onReady(){[[vt]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(D.UNIVER_SLIDE,e))}),oe([[J],[on],[vt],[bn]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(J),this._injector.get(xn)}onRendered(){[[gn],[mn]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(D.UNIVER_SLIDE,e))}),this._markSlideAsFocused(),this._injector.get(on)}onSteady(){this._injector.get(bn)}_markSlideAsFocused(){let e=this._univerInstanceService;try{let t=e.getCurrentUnitForType(D.UNIVER_SLIDE);e.focusUnit(t.getUnitId())}catch{}}};G($,`pluginName`,`UNIVER_SLIDES_UI_PLUGIN`),G($,`packageName`,sn),G($,`version`,cn),G($,`type`,D.UNIVER_SLIDE),$=q([K(1,x(S)),K(2,M),K(3,b),K(4,_)],$);export{yt as ActivateSlidePageOperation,bt as AppendSlideOperation,J as CanvasView,xt as DeleteSlideElementOperation,dn as ISlideEditorBridgeService,St as InsertSlideFloatImageCommand,jt as InsertSlideShapeEllipseCommand,Mt as InsertSlideShapeEllipseOperation,Ot as InsertSlideShapeRectangleCommand,kt as InsertSlideShapeRectangleOperation,Ut as SHAPE_MENU_ID,Bt as SLIDES_IMAGE_MENU_ID,Z as SLIDE_EDITOR_ID,Ft as SetSlidePageThumbOperation,Nt as SlideAddTextCommand,Pt as SlideAddTextOperation,yn as SlideCanvasPopMangerService,$t as SlideEditorContainer,It as SlideSideBar,on as SlidesUIController,Jt as SlidesUIMenuSchema,$ as UniverSlidesUIPlugin,Y as UpdateSlideElementOperation};