@univerjs/slides-ui 0.18.0 → 0.19.0

package/lib/umd/index.js

@@ -1,36 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@univerjs/core`),require(`@univerjs/engine-render`),require(`@univerjs/slides`),require(`@univerjs/drawing`),require(`@univerjs/ui`),require(`@univerjs/design`),require(`react`),require(`react/jsx-runtime`),require(`@univerjs/docs-ui`),require(`rxjs`),require(`@univerjs/docs`)):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`@univerjs/engine-render`,`@univerjs/slides`,`@univerjs/drawing`,`@univerjs/ui`,`@univerjs/design`,`react`,`react/jsx-runtime`,`@univerjs/docs-ui`,`rxjs`,`@univerjs/docs`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverSlidesUi={},e.UniverCore,e.UniverEngineRender,e.UniverSlides,e.UniverDrawing,e.UniverUi,e.UniverDesign,e.React,e.React,e.UniverDocsUi,e.rxjs,e.UniverDocs))})(this,function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});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 t.RxDisposable{constructor(e,n,i,a){super(),this._renderContext=e,this._injector=n,this._univerInstanceService=i,this._renderManagerService=a,h(this,`_objectProvider`,null),h(this,`_refreshThumb`,(0,t.debounce)(()=>{this.createThumbs()},300)),this._objectProvider=this._injector.createInstance(r.ObjectProvider),this._addNewRender()}_addNewRender(){let{unitId:e,engine:t,scene:i}=this._renderContext,a=this._getCurrUnitModel();if(!a)return;let o=t.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),o==null||o.unsubscribe()});t.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});let s=new n.Viewport(r.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()}),n.ScrollBar.attachTo(s);let c=this._createSlide(i);this._renderContext.mainComponent=c,this._createSlidePages(a,c),this.createThumbs(),t.runRenderLoop(()=>{i.render()})}_scrollToCenter(){var e;let t=(e=this._currentRender())==null?void 0:e.scene,n=t==null?void 0:t.getViewport(r.SLIDE_KEY.VIEW),i=this._getCenterPositionViewPort(t);if(!n||!i)return;let{left:a,top:o}=i,{x:s,y:c}=n.transViewportScroll2ScrollValue(a,o);n.scrollToBarPos({x:s,y:c})}_currentRender(){return(0,n.getCurrentTypeOfRenderer)(t.UniverInstanceType.UNIVER_SLIDE,this._univerInstanceService,this._renderManagerService)}_createSlide(e){let i=this._univerInstanceService.getCurrentUnitForType(t.UniverInstanceType.UNIVER_SLIDE),{width:a,height:o}=e,{width:s=100,height:c=100}=i.getPageSize(),l=new n.Slide(r.SLIDE_KEY.COMPONENT,{left:(a-s)/2,top:(o-c)/2,width:s,height:c,zIndex:10});return l.enableSelectedClipElement(),e.addObject(l),l}_addBackgroundRect(e,r){let{width:i=0,height:a=0}=this._univerInstanceService.getCurrentUnitForType(t.UniverInstanceType.UNIVER_SLIDE).getPageSize(),o=new n.Rect(`canvas`,{left:0,top:0,width:i,height:a,strokeWidth:1,stroke:`rgba(198,198,198,1)`,fill:(0,t.getColorStyle)(r)||`rgba(255,255,255,1)`,zIndex:0,evented:!1});e.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,t){let r=this._renderContext;if(!r||!this._objectProvider)return;let{scene:i,mainComponent:a}=r,o=a,{width:s,height:c}=o,l=new n.Scene(e,o,{width:s,height:c});new n.Viewport(`PageViewer_${e}`,l,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:u,pageBackgroundFill:d}=t,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,t.Inject)(t.Injector)),g(2,t.IUniverInstanceService),g(3,n.IRenderManagerService)],v);let y=class extends t.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,n.IRenderManagerService)],y);let b={id:`slide.operation.activate-slide`,type:t.CommandType.OPERATION,handler:(e,n)=>{var r,i;let a=n.unitId,o=e.get(y),s=e.get(t.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:t.CommandType.OPERATION,handler:(e,n)=>{let r=n.unitId;return e.get(t.IUniverInstanceService).getUnit(r)?(e.get(y).appendPage(r),!0):!1}},S={id:`slide.operation.delete-element`,type:t.CommandType.OPERATION,handler:(e,n)=>{if(!(n!=null&&n.id))return!1;let r=n.unitId,i=e.get(t.IUniverInstanceService).getUnit(r);if(!i)return!1;let a=i.getActivePage();return delete a.pageElements[n.id],i.updatePage(a.id,a),e.get(y).removeObjectById(n.id,a.id,r),!0}},C={id:`slide.command.insert-float-image`,type:t.CommandType.COMMAND,handler:async(e,n)=>{var r;let o=e.get(t.IUniverInstanceService),s=(r=o.getCurrentUnitForType(t.UniverInstanceType.UNIVER_SLIDE))==null?void 0:r.getUnitId();if(!s)return!1;let c=await e.get(a.ILocalFileService).openFile({multiple:!0,accept:i.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(e=>`.${e.replace(`image/`,``)}`).join(`,`)});if(c.length!==1)return!1;let l=await e.get(i.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,i.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:t.PageElementType.IMAGE,image:{imageProperties:{contentUrl:p,imageSourceType:d,source:f,base64Cache:p,image:g}}};v.pageElements[u]=x,_.updatePage(v.id,v);let S=e.get(y),C=S.createObjectToPage(x,v.id,s);return C&&S.setObjectActiveByPage(C,v.id,s),!0}};function w({ref:e,...t}){let{icon:n,id:r,className:i,extend:a,...o}=t,c=`univerjs-icon univerjs-icon-${r} ${i||``}`.trim(),l=(0,s.useRef)(`_${O()}`);return T(n,`${r}`,{defIds:n.defIds,idSuffix:l.current},{ref:e,className:c,...o},a)}function T(e,t,n,r,i){return(0,s.createElement)(e.tag,{key:t,...E(e,n,i),...r},(D(e,n).children||[]).map((r,a)=>T(r,`${t}-${e.tag}-${a}`,n,void 0,i)))}function E(e,t,n){let r={...e.attrs};n!=null&&n.colorChannel1&&r.fill===`colorChannel1`&&(r.fill=n.colorChannel1),e.tag===`mask`&&r.id&&(r.id+=t.idSuffix),Object.entries(r).forEach(([e,n])=>{e===`mask`&&typeof n==`string`&&(r[e]=n.replace(/url\(#(.*)\)/,`url(#$1${t.idSuffix})`))});let{defIds:i}=t;return!i||i.length===0?r:(e.tag===`use`&&r[`xlink:href`]&&(r[`xlink:href`]+=t.idSuffix),Object.entries(r).forEach(([e,n])=>{typeof n==`string`&&(r[e]=n.replace(/url\(#(.*)\)/,`url(#$1${t.idSuffix})`))}),r)}function D(e,t){var n;let{defIds:r}=t;return!r||r.length===0?e:e.tag===`defs`&&(n=e.children)!=null&&n.length?{...e,children:e.children.map(e=>typeof e.attrs.id==`string`&&r&&r.includes(e.attrs.id)?{...e,attrs:{...e.attrs,id:e.attrs.id+t.idSuffix}}:e)}:e}function O(){return Math.random().toString(36).substring(2,8)}w.displayName=`UniverIcon`;let ee={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334C15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334C2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045ZM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334C3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999C15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999C2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544ZM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999C3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421C6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641C9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421C11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946C8.64077 14.6502 8.70566 14.6923 8.77482 14.7209C8.84557 14.7502 8.92314 14.7664 9.00449 14.7664C9.08585 14.7664 9.16342 14.7502 9.23416 14.7209C9.30332 14.6923 9.36821 14.6502 9.42482 14.5946`}}]},k=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`bottom-icon`,ref:t,icon:ee}))});k.displayName=`BottomIcon`;let A={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`g`,attrs:{clipPath:`url(#graph-icon_clip0_1293_28)`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M6.29541 11.1896C3.83208 10.7489 1.9624 8.59552 1.9624 6.00544C1.9624 3.09673 4.32036 0.73877 7.22907 0.73877C9.93483 0.73877 12.164 2.77918 12.4619 5.40527H13.5621C14.998 5.40527 16.1621 6.56933 16.1621 8.00527V12.6719C16.1621 14.1079 14.998 15.2719 13.5621 15.2719H8.89541C7.45947 15.2719 6.29541 14.1079 6.29541 12.6719V11.1896ZM3.1624 6.00544C3.1624 3.75947 4.98311 1.93877 7.22907 1.93877C9.27112 1.93877 10.9616 3.44388 11.2518 5.40527H8.89541C7.45947 5.40527 6.29541 6.56933 6.29541 8.00527V9.96442C4.49946 9.5425 3.1624 7.93012 3.1624 6.00544ZM7.49541 8.00527C7.49541 7.23207 8.12221 6.60527 8.89541 6.60527H13.5621C14.3353 6.60527 14.9621 7.23207 14.9621 8.00527V12.6719C14.9621 13.4451 14.3353 14.0719 13.5621 14.0719H8.89541C8.12221 14.0719 7.49541 13.4451 7.49541 12.6719V8.00527Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},{tag:`defs`,attrs:{},children:[{tag:`clipPath`,attrs:{id:`graph-icon_clip0_1293_28`},children:[{tag:`path`,attrs:{fill:`white`,d:`M0 0H16V16H0z`,transform:`translate(.9)`}}]}]}],defIds:[`graph-icon_clip0_1293_28`]},j=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`graph-icon`,ref:t,icon:A}))});j.displayName=`GraphIcon`;let te={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},M=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`more-down-icon`,ref:t,icon:te}))});M.displayName=`MoreDownIcon`;let ne={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z`}}]},re=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`move-down-icon`,ref:t,icon:ne}))});re.displayName=`MoveDownIcon`;let ie={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z`}}]},ae=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`move-up-icon`,ref:t,icon:ie}))});ae.displayName=`MoveUpIcon`;let oe={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`g`,attrs:{fill:`currentColor`,clipPath:`url(#text-icon_clip0_1293_26)`},children:[{tag:`path`,attrs:{d:`M2.22891 2.07227C1.89754 2.07227 1.62891 2.34089 1.62891 2.67227C1.62891 3.00364 1.89754 3.27227 2.22891 3.27227H6.29541V14.0056C6.29541 14.337 6.56404 14.6056 6.89541 14.6056C7.22678 14.6056 7.49541 14.337 7.49541 14.0056V3.27227H11.5622C11.8936 3.27227 12.1622 3.00364 12.1622 2.67227C12.1622 2.34089 11.8936 2.07227 11.5622 2.07227H2.22891Z`}},{tag:`path`,attrs:{d:`M10.2289 6.40552C9.89754 6.40552 9.62891 6.67415 9.62891 7.00552C9.62891 7.33689 9.89754 7.60552 10.2289 7.60552H12.2954V14.0055C12.2954 14.3369 12.564 14.6055 12.8954 14.6055C13.2268 14.6055 13.4954 14.3369 13.4954 14.0055V7.60552H15.5622C15.8936 7.60552 16.1622 7.33689 16.1622 7.00552C16.1622 6.67415 15.8936 6.40552 15.5622 6.40552H10.2289Z`}}]},{tag:`defs`,attrs:{},children:[{tag:`clipPath`,attrs:{id:`text-icon_clip0_1293_26`},children:[{tag:`path`,attrs:{fill:`white`,d:`M0 0H16V16H0z`,transform:`translate(.9)`}}]}]}],defIds:[`text-icon_clip0_1293_26`]},se=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`text-icon`,ref:t,icon:oe}))});se.displayName=`TextIcon`;let ce={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9C15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9ZM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9C2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9C13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665C15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665ZM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665C2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665C13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},le=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`topmost-icon`,ref:t,icon:ce}))});le.displayName=`TopmostIcon`;let ue={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`colorChannel1`,d:`M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365ZM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365ZM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635ZM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},de=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`autofill-double-icon`,ref:t,icon:ue}))});de.displayName=`AutofillDoubleIcon`;let fe={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z`}},{tag:`path`,attrs:{fill:`colorChannel1`,d:`M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z`}}]},pe=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`paint-bucket-double-icon`,ref:t,icon:fe}))});pe.displayName=`PaintBucketDoubleIcon`;let N={id:`slide.operation.update-element`,type:t.CommandType.OPERATION,handler:(e,n)=>{let{oKey:r,props:i}=n,a=e.get(t.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,t.merge)(c.pageElements[r],i),s.updatePage(c.id,c),!0}};var P=function(e){return e[e.forward=0]=`forward`,e[e.backward=1]=`backward`,e[e.front=2]=`front`,e[e.back=3]=`back`,e}(P||{});function me(e){let{pageId:n,unitId:r}=e,i=(0,a.useDependency)(t.LocaleService),s=(0,a.useDependency)(y),l=(0,a.useDependency)(t.ICommandService),u=s.getRenderUnitByPageId(n,r),d=u==null?void 0:u.scene;if(!d)return null;let f=d.getTransformer();if(!f)return null;let p=f.getSelectedObjectMap().values().next().value;if(!p)return null;let m=e=>{let[t,n]=d.getAllObjects().reduce(([e,t],n)=>{let r=n.zIndex;return[r<e?r:e,r>t?r:t]},[0,0]),i=p.zIndex;e===P.back?i=t-1:e===P.front?i=n+1:e===P.forward?i=p.zIndex+1:e===P.backward&&(i=p.zIndex-1),p.setProps({zIndex:i}),l.executeCommand(N.id,{unitId:r,oKey:p==null?void 0:p.oKey,props:{zIndex:i}})};return(0,c.jsxs)(`div`,{className:`univer-relative univer-w-full`,children:[(0,c.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,c.jsx)(`div`,{className:`
-                      univer-w-full univer-text-left univer-text-gray-600
-                      dark:!univer-text-gray-200
-                    `,children:(0,c.jsx)(`div`,{children:i.t(`image-panel.arrange.title`)})})}),(0,c.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Button,{onClick:()=>{m(P.forward)},children:(0,c.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,c.jsx)(ae,{}),i.t(`image-panel.arrange.forward`)]})})}),(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Button,{onClick:()=>{m(P.backward)},children:(0,c.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,c.jsx)(re,{}),i.t(`image-panel.arrange.backward`)]})})})]}),(0,c.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Button,{onClick:()=>{m(P.front)},children:(0,c.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,c.jsx)(le,{}),i.t(`image-panel.arrange.front`)]})})}),(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Button,{onClick:()=>{m(P.back)},children:(0,c.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,c.jsx)(k,{}),i.t(`image-panel.arrange.back`)]})})})]})]})}function he(e){var n,r;let{pageId:i,unitId:l}=e,u=(0,a.useDependency)(t.LocaleService),d=(0,a.useDependency)(y),f=(0,a.useDependency)(t.ICommandService),p=d.getRenderUnitByPageId(i,l),m=p==null?void 0:p.scene;if(!m)return null;let h=m.getTransformer();if(!h)return null;let g=h.getSelectedObjectMap().values().next().value;if(!g)return null;let[_,v]=(0,s.useState)((n=(r=g.fill)==null?void 0:r.toString())==null?``:n);function b(e){g==null||g.setProps({fill:e}),f.executeCommand(N.id,{unitId:l,oKey:g==null?void 0:g.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:e}}}}}),v(e)}return(0,c.jsx)(`div`,{className:(0,o.clsx)(`univer-relative univer-bottom-0 univer-mt-5 univer-w-full`,o.borderTopClassName),children:(0,c.jsxs)(`div`,{className:`univer-relative univer-w-full`,children:[(0,c.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,c.jsx)(`div`,{className:`
-                          univer-w-full univer-text-left univer-text-gray-600
-                          dark:!univer-text-gray-200
-                        `,children:(0,c.jsx)(`div`,{children:u.t(`slide.panel.fill.title`)})})}),(0,c.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Dropdown,{overlay:(0,c.jsx)(`div`,{className:`univer-rounded-lg univer-p-4`,children:(0,c.jsx)(o.ColorPicker,{value:`#fff`,onChange:b})}),children:(0,c.jsxs)(`a`,{className:`univer-flex univer-cursor-pointer univer-items-center univer-gap-1`,children:[(0,c.jsx)(pe,{className:`univer-fill-primary-600`}),(0,c.jsx)(M,{})]})})})})]})})}function ge(e){let{pageId:n,unitId:r}=e,i=(0,a.useDependency)(t.LocaleService),l=(0,a.useDependency)(y),u=(0,a.useDependency)(t.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,s.useState)(h),[C,w]=(0,s.useState)(g),[T,E]=(0,s.useState)(_),[D,O]=(0,s.useState)(v),[ee,k]=(0,s.useState)(b),A=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),w(r),E(i),O(a),k(o)};(0,s.useEffect)(()=>{let e=p.changeStart$.subscribe(e=>{A(e)}),t=p.changing$.subscribe(e=>{A(e)});return()=>{t.unsubscribe(),e.unsubscribe()}},[]);function j(e){!e||!m||(u.executeCommand(N.id,{pageId:n,oKey:m.oKey,props:{width:e}}),m==null||m.resize(e,m.height),S(e),p==null||p.refreshControls())}function te(e){!e||!m||(u.executeCommand(N.id,{pageId:n,oKey:m.oKey,props:{height:e}}),m==null||m.resize(m.width,e),w(e),p==null||p.refreshControls())}function M(e){!e||!m||(u.executeCommand(N.id,{pageId:n,oKey:m.oKey,props:{left:e}}),m==null||m.translate(e,m.top),E(e),p==null||p.refreshControls())}function ne(e){!e||!m||(u.executeCommand(N.id,{pageId:n,oKey:m.oKey,props:{right:e}}),m==null||m.translate(m.left,e),O(e),p==null||p.refreshControls())}function re(e){!e||!m||(u.executeCommand(N.id,{pageId:n,oKey:m.oKey,props:{angle:e}}),m==null||m.transformByState({angle:e}),k(e),p==null||p.refreshControls())}return(0,c.jsxs)(`div`,{className:(0,o.clsx)(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,o.borderTopClassName),children:[(0,c.jsx)(`header`,{className:`
-                  univer-text-gray-600
-                  dark:!univer-text-gray-200
-                `,children:(0,c.jsx)(`div`,{children:i.t(`image-panel.transform.title`)})}),(0,c.jsxs)(`div`,{className:`
-                  univer-grid univer-grid-cols-3 univer-gap-2
-                  [&>div]:univer-grid [&>div]:univer-gap-2
-                `,children:[(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`image-panel.transform.width`)}),(0,c.jsx)(o.InputNumber,{min:1,value:x,onChange:e=>{j(e)}})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`image-panel.transform.height`)}),(0,c.jsx)(o.InputNumber,{min:1,value:C,onChange:e=>{te(e)}})]})]}),(0,c.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`image-panel.transform.x`)}),(0,c.jsx)(o.InputNumber,{min:0,precision:1,value:T,onChange:e=>{M(e)}})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`image-panel.transform.y`)}),(0,c.jsx)(o.InputNumber,{min:0,precision:1,value:D,onChange:e=>{ne(e)}})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`image-panel.transform.rotate`)}),(0,c.jsx)(o.InputNumber,{precision:1,value:ee,onChange:re})]})]})]})}let F=`COMPONENT_SLIDE_SIDEBAR`;function _e(){var e,r,i;let o=(0,a.useDependency)(t.IUniverInstanceService),s=(0,a.useDependency)(y),l=o.getCurrentUnitForType(t.UniverInstanceType.UNIVER_SLIDE),u=l==null||(e=l.getActivePage())==null?void 0:e.id,d=((r=o.getFocusedUnit())==null?void 0:r.getUnitId())||``;if(!u||!d)return null;let f=(i=s.getRenderUnitByPageId(u,d).scene)==null?void 0:i.getTransformer();if(!f)return null;let p=f.getSelectedObjectMap().values().next().value;return p?(0,c.jsxs)(`section`,{className:`univer-p-2 univer-text-center univer-text-sm`,children:[(0,c.jsx)(me,{pageId:u,unitId:d}),(0,c.jsx)(ge,{pageId:u,unitId:d}),p.objectType===n.ObjectType.RECT&&(0,c.jsx)(he,{pageId:u,unitId:d})]}):null}let I={id:`slide.command.insert-float-shape.rectangle`,type:t.CommandType.COMMAND,handler:async e=>{var n;let r=e.get(t.ICommandService),i=(n=e.get(t.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return r.executeCommand(ve.id,{unitId:i})}},ve={id:`slide.operation.insert-float-shape.rectangle`,type:t.CommandType.OPERATION,handler:async(e,n)=>{let r=(0,t.generateRandomId)(6),i=e.get(t.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:t.PageElementType.SHAPE,shape:{shapeType:t.BasicShapes.Rect,text:``,shapeProperties:{shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};s.pageElements[r]=l,o.updatePage(s.id,s);let u=e.get(y),d=u.createObjectToPage(l,s.id,a);return d&&u.setObjectActiveByPage(d,s.id,a),!0}},ye={id:`sidebar.operation.slide-shape`,type:t.CommandType.COMMAND,handler:async(e,r)=>{let{visible:i,objectType:o}=r,s=e.get(a.ISidebarService),c=e.get(t.LocaleService),l=``,u=``;return o===n.ObjectType.RECT?(l=`slide.sidebar.shape`,u=F):o===n.ObjectType.IMAGE?(l=`slide.sidebar.image`,u=F):o===n.ObjectType.RICH_TEXT&&(l=`slide.sidebar.text`,u=F),i?s.open({header:{title:c.t(l)},children:{label:u},onClose:()=>{},width:360}):s.close(),!0}},L={id:`slide.command.insert-float-shape.ellipse`,type:t.CommandType.COMMAND,handler:async e=>{var n;let r=e.get(t.ICommandService),i=(n=e.get(t.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return r.executeCommand(R.id,{unitId:i})}},R={id:`slide.operation.insert-float-shape.ellipse`,type:t.CommandType.OPERATION,handler:async(e,n)=>{let r=(0,t.generateRandomId)(6),i=e.get(t.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:t.PageElementType.SHAPE,shape:{shapeType:t.BasicShapes.Ellipse,text:``,shapeProperties:{radius:100,shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};s.pageElements[r]=l,o.updatePage(s.id,s);let u=e.get(y),d=u.createObjectToPage(l,s.id,a);return d&&u.setObjectActiveByPage(d,s.id,a),!0}},z={id:`slide.command.add-text`,type:t.CommandType.COMMAND,handler:async e=>{var n;let r=e.get(t.ICommandService),i=(n=e.get(t.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return await r.executeCommand(B.id,{unitId:i})}},B={id:`slide.operation.add-text`,type:t.CommandType.OPERATION,handler:async(e,n)=>{let r=n.unitId,i=(0,t.generateRandomId)(6),a=(n==null?void 0:n.text)||`A New Text`,o=e.get(t.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:t.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=e.get(y),d=u.createObjectToPage(l,s.id,r);return d&&u.setObjectActiveByPage(d,s.id,r),!0}},V={id:`slide.operation.set-slide-page-thumb`,type:t.CommandType.OPERATION,handler:(e,t)=>(e.get(y).createThumbs(t.unitId),!0)};function be(){var e,r;let i=(0,a.useDependency)(t.IUniverInstanceService),l=(0,a.useDependency)(t.ICommandService),u=(0,a.useDependency)(n.IRenderManagerService),d=(0,a.useDependency)(t.LocaleService),f=(0,s.useRef)(null),p=i.getCurrentUnitForType(t.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,s.useState)((e=p==null||(r=p.getActivePage())==null?void 0:r.id)==null?null:e),y=(0,s.useMemo)(()=>g.map(()=>(0,s.createRef)()),[g]);(0,s.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,s.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(V.id,{unitId:p==null?void 0:p.getUnitId()})},[y,g,u,l,p]);let S=(0,s.useCallback)(e=>{l.syncExecuteCommand(b.id,{id:e,unitId:p==null?void 0:p.getUnitId()})},[l,p]),C=(0,s.useCallback)(()=>{l.syncExecuteCommand(x.id,{unitId:p==null?void 0:p.getUnitId()})},[l,p]);return(0,c.jsx)(`aside`,{ref:f,className:(0,o.clsx)(`
-              univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden
-            `,o.scrollbarClassName),children:(0,c.jsxs)(`div`,{className:`univer-px-4`,children:[(0,c.jsx)(`header`,{className:`univer-flex univer-justify-center univer-pt-4`,children:(0,c.jsx)(`a`,{className:(0,o.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
-                        `,o.borderClassName),onClick:C,children:d.t(`slide.append`)})}),g.map((e,t)=>(0,c.jsxs)(`div`,{className:(0,o.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,c.jsx)(`span`,{children:t+1}),(0,c.jsx)(`div`,{ref:y[t],className:(0,o.clsx)(`
-                              univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white
-                              hover:univer-border-primary-600
-                            `,o.borderClassName)})]},e.id))]})})}let H=(0,t.createInternalEditorID)(`SLIDE_EDITOR`),U={id:`slide.operation.edit-arrow`,type:t.CommandType.OPERATION,handler:()=>!0},xe=`COMPONENT_SLIDE_IMAGE_POPUP_MENU`;function Se(e){var n;let r=(n=e.popup)==null||(n=n.extraProps)==null?void 0:n.menuItems;if(!r)return null;let i=(0,a.useDependency)(t.ICommandService),l=(0,a.useDependency)(t.LocaleService),[u,d]=(0,s.useState)(!1),[f,p]=(0,s.useState)(!1),m=()=>{p(!0)},h=()=>{p(!1)},g=e=>{d(e)},_=e=>{i.executeCommand(e.commandId,e.commandParams),d(!1)},v=u||f,y=r.filter(e=>!e.disable);return(0,c.jsx)(`div`,{onMouseEnter:m,onMouseLeave:h,children:(0,c.jsx)(o.Dropdown,{align:`start`,overlay:(0,c.jsx)(`ul`,{className:(0,o.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
-                        `,o.borderClassName),children:y.map(e=>(0,c.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:()=>_(e),children:(0,c.jsx)(`span`,{className:`univer-px-2 univer-py-1.5 univer-align-middle`,children:l.t(e.label)})},e.index))}),open:u,onOpenChange:g,children:(0,c.jsxs)(`div`,{className:(0,o.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
-                    `,o.borderClassName,{"univer-bg-gray-100 dark:!univer-bg-gray-800":u,"univer-bg-white dark:!univer-bg-gray-900":!u}),children:[(0,c.jsx)(de,{className:`
-                          univer-fill-primary-600 univer-text-gray-900
-                          dark:!univer-text-white
-                        `}),v&&(0,c.jsx)(M,{className:`dark:!univer-text-white`})]})})})}let W=`slide.menu.image`;function Ce(e){return{id:W,type:a.MenuItemType.SUBITEMS,icon:`AddImageIcon`,tooltip:`slide.image.insert.title`,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}function we(e){return{id:C.id,title:`slide.image.insert.float`,type:a.MenuItemType.BUTTON,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}let G=`slide.menu.shape`;function Te(e){return{id:G,type:a.MenuItemType.SUBITEMS,icon:`GraphIcon`,tooltip:`slide.shape.insert.title`,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}function Ee(e){return{id:I.id,title:`slide.shape.insert.rectangle`,type:a.MenuItemType.BUTTON,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}function De(e){return{id:L.id,title:`slide.shape.insert.ellipse`,type:a.MenuItemType.BUTTON,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}function Oe(e){return{id:z.id,type:a.MenuItemType.BUTTON,icon:`TextIcon`,tooltip:`slide.text.insert.title`,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}let ke={[a.RibbonStartGroup.FORMAT]:{[z.id]:{order:0,menuItemFactory:Oe},[W]:{order:0,menuItemFactory:Ce,[C.id]:{order:0,menuItemFactory:we}},[G]:{order:0,menuItemFactory:Te,[I.id]:{order:0,menuItemFactory:Ee},[L.id]:{order:0,menuItemFactory:De}}}};var Ae=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)}};let je=(0,t.createIdentifier)(`univer.slide-editor-manager.service`),K=-1e3,Me={width:0,height:0,top:K,left:K};function Ne(){let[e,r]=(0,s.useState)({...Me}),i=(0,a.useDependency)(je),u=(0,a.useDependency)(l.IEditorService),d=(0,a.useDependency)(t.IContextService),f=(0,a.useObservable)(()=>d.subscribeContextValue$(a.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[d,a.DISABLE_AUTO_FOCUS_KEY]);return`${t.DEFAULT_EMPTY_DOCUMENT_VALUE}`,t.DocumentFlavor.UNSPECIFIED,(0,s.useEffect)(()=>{i.state$.subscribe(e=>{if(e==null)return;let{startX:t=K,startY:a=K,endX:o=0,endY:s=0,show:c=!1}=e;if(!c)r({...Me});else{r({width:o-t-n.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:s-a-n.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:t+n.FIX_ONE_PIXEL_BLUR_OFFSET,top:a+n.FIX_ONE_PIXEL_BLUR_OFFSET});let e=u.getEditor(H);if(e==null)return;let{left:c,top:l,width:d,height:f}=e.getBoundingClientRect();i.setRect({left:c,top:l,width:d,height:f})}})},[]),(0,s.useEffect)(()=>{f||i.setFocus(!0)},[f,e]),(0,c.jsx)(`div`,{className:(0,o.clsx)(`univer-absolute univer-z-10 univer-box-border univer-flex`,o.borderClassName),style:{left:e.left,top:e.top,width:e.width,height:e.height}})}function Pe(e){return e.getContextValue(t.FOCUSING_UNIVER_EDITOR)&&e.getContextValue(t.EDITOR_ACTIVATED)}function Fe(e){return e.getContextValue(t.FORMULA_EDITOR_ACTIVATED)&&e.getContextValue(t.FOCUSING_UNIVER_EDITOR)}let Ie=[a.KeyCode.ARROW_DOWN,a.KeyCode.ARROW_UP,a.KeyCode.ARROW_LEFT,a.KeyCode.ARROW_RIGHT];[a.KeyCode.ENTER,a.KeyCode.TAB,...Ie];function Le(){let e=[];for(let t of Ie)e.push({id:U.id,binding:t,preconditions:e=>Pe(e),staticParameters:{visible:!1,eventType:n.DeviceInputEventType.Keyboard,keycode:t,isShift:!1}}),e.push({id:U.id,binding:t|a.MetaKeys.SHIFT,preconditions:e=>Pe(e),staticParameters:{visible:!1,eventType:n.DeviceInputEventType.Keyboard,keycode:t,isShift:!0}});return e}let Re={id:l.DeleteLeftCommand.id,preconditions:e=>Pe(e)||Fe(e),binding:a.KeyCode.BACKSPACE},q=class extends t.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(ke)}_initCustomComponents(){let e=this._componentManager;this.disposeWithMe(e.register(`TextIcon`,se)),this.disposeWithMe(e.register(`GraphIcon`,j)),this.disposeWithMe(e.register(xe,Se)),this.disposeWithMe(e.register(F,_e))}_initCommands(){[x,b,V,C,B,z,L,R,ve,I,ye,S,N,U].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(a.BuiltInUIPart.LEFT_SIDEBAR,()=>(0,a.connectInjector)(be,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(a.BuiltInUIPart.CONTENT,()=>(0,a.connectInjector)(Ne,this._injector)))}_initShortcuts(){[Re,...Le()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};q=_([g(0,(0,t.Inject)(t.Injector)),g(1,a.IMenuManagerService),g(2,(0,t.Inject)(a.ComponentManager)),g(3,a.IUIPartsService),g(4,t.ICommandService),g(5,a.IShortcutService)],q);var ze=`@univerjs/slides-ui`,Be=`0.18.0`;let Ve=`slides-ui.config`;Symbol(Ve);let He={},J=(0,t.createIdentifier)(`univer.slide-editor-bridge.service`),Ue=class extends t.Disposable{constructor(e,t,r){super(),this._editorService=e,this._contextService=t,this._renderManagerService=r,h(this,`_editorUnitId`,H),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:n.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(e){this._currentEditRectInfo=e,this._editorService.getFocusEditor()||(this._editorService.focus(H),this._contextService.setContextValue(t.EDITOR_ACTIVATED,!1),this._contextService.setContextValue(t.FOCUSING_EDITOR_STANDALONE,!1),this._contextService.setContextValue(t.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 e=H,n=this._currentEditRectInfo,i=n.unitId,a=n.richTextObj.documentData;a.id=e,a.documentStyle={...a.documentStyle,pageSize:{width:n.richTextObj.width,height:1/0}};let o={documentModel:new t.DocumentDataModel(a),fontString:`document`,textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:t.VerticalAlign.TOP,horizontalAlign:t.HorizontalAlign.LEFT,paddingData:{t:0,b:1,l:2,r:2}},s=n.richTextObj.width,c=n.richTextObj.height,l=n.richTextObj.left,u=n.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(r.SLIDE_KEY.VIEW),h=p==null?void 0:p.getObject(r.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:e,documentLayoutObject:o}}changeEditorDirty(e){this._editorIsDirty=e}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(e){let n=this.getCurrentEditorId(),r=e.text,i=e.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:t.VerticalAlign.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}};Ue=_([g(0,l.IEditorService),g(1,t.IContextService),g(2,n.IRenderManagerService)],Ue);let Y=function(e){return e[e.InitialState=0]=`InitialState`,e[e.StartEditor=1]=`StartEditor`,e[e.CursorChange=2]=`CursorChange`,e}({}),We=-1e3,Ge=class extends t.Disposable{constructor(e,r,i,o,s,c,l,u,d,f,p,m){super(),this._renderContext=e,this._layoutService=r,this._undoRedoService=i,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`,Y.InitialState),h(this,`_isUnitEditing`,!1),h(this,`_d`,void 0),this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(t.UniverInstanceType.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:n.DeviceInputEventType.Keyboard,keycode:a.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 e=new t.DisposableCollection;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(d.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(d.DocSkeletonManagerService).getViewModel()}_initialCursorSync(e){e.add(this._cellEditorManagerService.focus$.pipe((0,u.filter)(e=>!!e)).subscribe(()=>{var e;(e=(0,n.getCurrentTypeOfRenderer)(t.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||e.with(l.DocSelectionRenderService).sync()}))}_subscribeToCurrentCell(e){e.add(this._editorBridgeService.currentEditRectState$.subscribe(e=>{var r;if(e==null||this._contextService.getContextValue(t.FOCUSING_EDITOR_STANDALONE)||this._contextService.getContextValue(t.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE))return;let{position:{startX:i,endX:a},documentLayoutObject:{textRotation:o,wrapStrategy:s,documentModel:c},scaleX:u,editorUnitId:d}=e,{vertexAngle:f}=(0,n.convertTextRotation)(o);c.updateDocumentId(d),s===t.WrapStrategy.WRAP&&f===0&&c.updateDocumentDataPageSize((a-i)/u),this._instanceSrv.changeDoc(d,c),this._contextService.setContextValue(t.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]),(r=(0,n.getCurrentTypeOfRenderer)(t.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||r.with(l.DocSelectionRenderService).activate(We,We)}))}_fitTextSize(e,n,r,i,a=1,o=1){let{startX:s,startY:c,endX:l,endY:u}=e,d=i.documentModel;if(d==null)return;let{actualWidth:f,actualHeight:p}=this._predictingSize(e,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 e=0;e=m===t.VerticalAlign.MIDDLE?(v-p)/2/o:m===t.VerticalAlign.TOP?h.t||0:(v-p)/o-(h.b||0),e=e<(h.t||0)?h.t||0:e,d.updateDocumentDataMargin({t:e})}r.calculate(),this._editAreaProcessing(_,v,e,n,g,a,o)}_predictingSize(e,r,i,a,o=1,s=1){let{startX:c,endX:l}=e,{textRotation:u,wrapStrategy:d}=a,f=a.documentModel,{vertexAngle:p}=(0,n.convertTextRotation)(u),m=document.body.clientWidth;if(d===t.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:t.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:g,actualHeight:h.actualHeight*s}}_editAreaProcessing(e,t,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=t,D=C==null?void 0:C.getScrollBar();if(E>w)E=w,D==null?C&&new n.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-=n.FIX_ONE_PIXEL_BLUR_OFFSET,y-=n.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(x,e/o,t/s,a);let{scaleX:ee,scaleY:k}=x.getPrecisionScale();x.transformByState({width:e*_/o,height:t*_/s,scaleX:o*_,scaleY:s*_}),b.resize(e/o,t/s),setTimeout(()=>{S.resizeBySize((0,n.fixLineWidthByScale)(e,ee),(0,n.fixLineWidthByScale)(E,k))},0);let A=this._layoutService.getContentElement().getBoundingClientRect(),j=d.getBoundingClientRect();v=v*_+(j.left-A.left),y=y*_+(j.top-A.top),this._cellEditorManagerService.setState({startX:v,startY:y,endX:e*_+v,endY:E*_+y,show:!0})}_addBackground(e,t,r,i){let a=`_backgroundRectHelperColor_`,o=e.getObject(a);o==null&&i==null||(o==null?e.addObjects([new n.Rect(a,{width:t,height:r,fill:i,evented:!1})],l.DOCS_COMPONENT_MAIN_LAYER_INDEX):i==null?o.dispose():(o.setProps({fill:i}),o.transformByState({width:t,height:r})))}_handleEditorVisible(e){var r,i;let{eventType:a}=e;this._cursorChange=[n.DeviceInputEventType.PointerDown,n.DeviceInputEventType.Dblclick].includes(a)?Y.CursorChange:Y.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(t.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(e,n=!1){e.dataStream=t.DEFAULT_EMPTY_DOCUMENT_VALUE,e.textRuns!=null&&(e.textRuns.length===1&&!n?(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=[U.id],n=[d.RichTextEditingMutation.id];e.add(this._commandService.onCommandExecuted(e=>{this._editorService.getFocusId()===H&&(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===Y.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 Ke(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(e){let{keycode:t}=e;if(this._cursorChange=Y.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(t.EDITOR_ACTIVATED,!1),this._cellEditorManagerService.setState({show:e.visible});let n=this._editorBridgeService.getCurrentEditorId();n!=null&&this._undoRedoService.clearUndoRedo(n)}_moveCursor(e){if(e!=null)switch(t.Direction.LEFT,e){case a.KeyCode.ENTER:t.Direction.DOWN;break;case a.KeyCode.TAB:t.Direction.RIGHT;break;case a.KeyCode.ARROW_DOWN:t.Direction.DOWN;break;case a.KeyCode.ARROW_UP:t.Direction.UP;break;case a.KeyCode.ARROW_LEFT:t.Direction.LEFT;break;case a.KeyCode.ARROW_RIGHT:t.Direction.RIGHT;break}}_cursorStateListener(e){let n=this._getEditorObject();if(!n)return;let{document:r}=n;e.add((0,t.toDisposable)(r.onPointerDown$.subscribeEvent(()=>{this._cursorChange===Y.StartEditor&&(this._cursorChange=Y.CursorChange)})))}_moveInEditor(e,n){let r=t.Direction.LEFT;e===a.KeyCode.ARROW_DOWN?r=t.Direction.DOWN:e===a.KeyCode.ARROW_UP?r=t.Direction.UP:e===a.KeyCode.ARROW_RIGHT&&(r=t.Direction.RIGHT),n?this._commandService.executeCommand(l.MoveSelectionOperation.id,{direction:r}):this._commandService.executeCommand(l.MoveCursorOperation.id,{direction:r})}};Ge=_([g(1,a.ILayoutService),g(2,t.IUndoRedoService),g(3,t.IContextService),g(4,t.IUniverInstanceService),g(5,n.IRenderManagerService),g(6,J),g(7,je),g(8,(0,t.Inject)(d.DocSelectionManagerService)),g(9,t.ICommandService),g(10,(0,t.Inject)(t.LocaleService)),g(11,l.IEditorService)],Ge);function Ke(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 qe=class extends t.RxDisposable{constructor(e,n,r,i){super(),this._renderContext=e,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$(t.UniverInstanceType.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){let e=new t.DisposableCollection;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 r=t.getTransformer();r&&(e.add(r.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),e.add(r.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),e.add(t.onDblclick$.subscribeEvent(()=>{r.clearControls();let e=r.getSelectedObjectMap().values().next().value;e&&(e.objectType===n.ObjectType.RICH_TEXT?this.startEditing(t.sceneKey,e):this.pickOtherObjects())})),e.add(this._instanceSrv.focused$.subscribe(e=>{this.endEditing()})))},{mainComponent:r}=this._renderContext;r.subSceneChanged$.subscribeEvent(e=>{t(e)});let i=Array.from(r.getSubScenes().values());for(let e=0;e<i.length;e++){let n=i[e];t(n)}}pickOtherObjects(){this.endEditing()}endEditing(){var e;if(!this._curRichText)return;this.setEditorVisible(!1);let n=this._curRichText;if(!this._instanceSrv.getCurrentUnitForType(t.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=(e=n.documentData.body)==null?void 0:e.textRuns;if(i&&i.length){let e=i[0].ts;r.cl=e==null?void 0:e.cl}this._commandService.executeCommand(N.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 t;(t=this._curRichText)==null||t.hide()}else{var r;(r=this._curRichText)==null||r.show()}let{unitId:i}=this._renderContext;this._editorBridgeService.changeVisible({visible:e,eventType:n.DeviceInputEventType.PointerDown,unitId:i})}};qe=_([g(1,t.IUniverInstanceService),g(2,t.ICommandService),g(3,J)],qe);function Je(e,t){let n=Ye(e.left,e.top,t),r=Ye(e.right,e.bottom,t);return{left:n.x,top:n.y,right:r.x,bottom:r.y}}function Ye(e,t,n){let{scaleX:i,scaleY:a}=n.getAncestorScale(),o=n.getViewport(r.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 t.Disposable{constructor(e,t,n,r){super(),this._globalPopupManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._commandService=r}_createObjectPositionObserver(e,r){let i=(()=>{var t,i,a,o;let{scene:s,engine:c}=r,{left:l,top:u,width:d,height:f}=e,p=(s.width-((t=(i=r.mainComponent)==null?void 0:i.width)==null?0:t))/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,n.pxToNum)(g.style.width),{scaleX:y,scaleY:b}=s.getAncestorScale(),x=Je(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 t.DisposableCollection}}attachPopupToObject(e,n){let r=this._univerInstanceService.getCurrentUnitForType(t.UniverInstanceType.UNIVER_SLIDE).getUnitId(),i=this._renderManagerService.getRenderById(r);if(!i)return{dispose:()=>{}};let{position:a,position$:o,disposable:s}=this._createObjectPositionObserver(e,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,t.Inject)(a.ICanvasPopupService)),g(1,n.IRenderManagerService),g(2,t.IUniverInstanceService),g(3,t.ICommandService)],X);let Z=class extends t.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(t.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(e){var n;let r=this._univerInstanceService.getCurrentUnitForType(t.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,e).scene)==null?void 0:r.getTransformer();if(!i)return;let a;this.disposeWithMe((0,t.toDisposable)(i.createControl$.subscribe(()=>{let t=i.getSelectedObjectMap();if(t.size>1){a==null||a.dispose();return}let n=t.values().next().value;if(!n)return;let r=n.oKey;a==null||a.dispose(),a=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(n,{componentKey:xe,direction:`horizontal`,offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(n.objectType,r,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(ye.id,{visible:!0,objectType:n.objectType})}))),this.disposeWithMe(i.clearControl$.subscribe(()=>{a==null||a.dispose(),this._contextService.setContextValue(t.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(i.changing$.subscribe(()=>{a==null||a.dispose();let t=i.getSelectedObjectMap();if(t.size>1){a==null||a.dispose();return}let n=t.values().next().value;n&&this._commandService.executeCommand(N.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:ye.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,t.Inject)(X)),g(1,n.IRenderManagerService),g(2,t.IUniverInstanceService),g(3,t.IContextService),g(4,(0,t.Inject)(y)),g(5,a.ISidebarService),g(6,t.ICommandService)],Z);let Q=class extends t.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$(t.UniverInstanceType.UNIVER_SLIDE).pipe((0,u.takeUntil)(this.dispose$)).subscribe(e=>{this._createRenderer(e==null?void 0:e.getUnitId())}),this._instanceSrv.getAllUnitsForType(t.UniverInstanceType.UNIVER_SLIDE).forEach(e=>{this._createRenderer(e.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(t.UniverInstanceType.UNIVER_SLIDE).pipe((0,u.takeUntil)(this.dispose$)).subscribe(e=>this._disposeRenderer(e))}_createRenderer(e){e!=null&&this._instanceSrv.getUnit(e,t.UniverInstanceType.UNIVER_SLIDE)!=null&&this._renderManagerService.createRender(e)}_disposeRenderer(e){let t=e.getUnitId();this._renderManagerService.removeRender(t)}_initContextListener(){}};Q=_([g(0,t.IContextService),g(1,t.IUniverInstanceService),g(2,n.IRenderManagerService)],Q);let $=class extends t.Plugin{constructor(e=He,n,r,i,a){super(),this._config=e,this._injector=n,this._renderManagerService=r,this._univerInstanceService=i,this._configService=a;let{menu:o,...s}=(0,t.merge)({},He,this._config);o&&this._configService.setConfig(`menu`,o,{merge:!0}),this._configService.setConfig(Ve,s)}onStarting(){(0,t.mergeOverrideWithDependencies)([[Q],[J,{useClass:Ue}],[je,{useClass:Ae}],[X]],this._config.override).forEach(e=>this._injector.add(e))}onReady(){[[v]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(t.UniverInstanceType.UNIVER_SLIDE,e))}),(0,t.mergeOverrideWithDependencies)([[y],[q],[v],[Z]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(y),this._injector.get(Q)}onRendered(){[[qe],[Ge]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(t.UniverInstanceType.UNIVER_SLIDE,e))}),this._markSlideAsFocused(),this._injector.get(q)}onSteady(){this._injector.get(Z)}_markSlideAsFocused(){let e=this._univerInstanceService;try{let n=e.getCurrentUnitForType(t.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(n.getUnitId())}catch{}}};h($,`pluginName`,`UNIVER_SLIDES_UI_PLUGIN`),h($,`packageName`,ze),h($,`version`,Be),h($,`type`,t.UniverInstanceType.UNIVER_SLIDE),$=_([g(1,(0,t.Inject)(t.Injector)),g(2,n.IRenderManagerService),g(3,t.IUniverInstanceService),g(4,t.IConfigService)],$),e.ActivateSlidePageOperation=b,e.AppendSlideOperation=x,Object.defineProperty(e,`CanvasView`,{enumerable:!0,get:function(){return y}}),e.DeleteSlideElementOperation=S,e.ISlideEditorBridgeService=J,e.InsertSlideFloatImageCommand=C,e.InsertSlideShapeEllipseCommand=L,e.InsertSlideShapeEllipseOperation=R,e.InsertSlideShapeRectangleCommand=I,e.InsertSlideShapeRectangleOperation=ve,e.SHAPE_MENU_ID=G,e.SLIDES_IMAGE_MENU_ID=W,e.SLIDE_EDITOR_ID=H,e.SetSlidePageThumbOperation=V,e.SlideAddTextCommand=z,e.SlideAddTextOperation=B,Object.defineProperty(e,`SlideCanvasPopMangerService`,{enumerable:!0,get:function(){return X}}),e.SlideEditorContainer=Ne,e.SlideSideBar=be,Object.defineProperty(e,`SlidesUIController`,{enumerable:!0,get:function(){return q}}),e.SlidesUIMenuSchema=ke,Object.defineProperty(e,`UniverSlidesUIPlugin`,{enumerable:!0,get:function(){return $}}),e.UpdateSlideElementOperation=N});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@univerjs/core`),require(`@univerjs/engine-render`),require(`@univerjs/slides`),require(`@univerjs/drawing`),require(`@univerjs/ui`),require(`@univerjs/design`),require(`react`),require(`react/jsx-runtime`),require(`@univerjs/docs-ui`),require(`rxjs`),require(`@univerjs/docs`)):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`@univerjs/engine-render`,`@univerjs/slides`,`@univerjs/drawing`,`@univerjs/ui`,`@univerjs/design`,`react`,`react/jsx-runtime`,`@univerjs/docs-ui`,`rxjs`,`@univerjs/docs`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverSlidesUi={},e.UniverCore,e.UniverEngineRender,e.UniverSlides,e.UniverDrawing,e.UniverUi,e.UniverDesign,e.React,e.React,e.UniverDocsUi,e.rxjs,e.UniverDocs))})(this,function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});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 t.RxDisposable{constructor(e,n,i,a){super(),this._renderContext=e,this._injector=n,this._univerInstanceService=i,this._renderManagerService=a,h(this,`_objectProvider`,null),h(this,`_refreshThumb`,(0,t.debounce)(()=>{this.createThumbs()},300)),this._objectProvider=this._injector.createInstance(r.ObjectProvider),this._addNewRender()}_addNewRender(){let{unitId:e,engine:t,scene:i}=this._renderContext,a=this._getCurrUnitModel();if(!a)return;let o=t.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),o==null||o.unsubscribe()});t.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});let s=new n.Viewport(r.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()}),n.ScrollBar.attachTo(s);let c=this._createSlide(i);this._renderContext.mainComponent=c,this._createSlidePages(a,c),this.createThumbs(),t.runRenderLoop(()=>{i.render()})}_scrollToCenter(){var e;let t=(e=this._currentRender())==null?void 0:e.scene,n=t==null?void 0:t.getViewport(r.SLIDE_KEY.VIEW),i=this._getCenterPositionViewPort(t);if(!n||!i)return;let{left:a,top:o}=i,{x:s,y:c}=n.transViewportScroll2ScrollValue(a,o);n.scrollToBarPos({x:s,y:c})}_currentRender(){return(0,n.getCurrentTypeOfRenderer)(t.UniverInstanceType.UNIVER_SLIDE,this._univerInstanceService,this._renderManagerService)}_createSlide(e){let i=this._univerInstanceService.getCurrentUnitForType(t.UniverInstanceType.UNIVER_SLIDE),{width:a,height:o}=e,{width:s=100,height:c=100}=i.getPageSize(),l=new n.Slide(r.SLIDE_KEY.COMPONENT,{left:(a-s)/2,top:(o-c)/2,width:s,height:c,zIndex:10});return l.enableSelectedClipElement(),e.addObject(l),l}_addBackgroundRect(e,r){let{width:i=0,height:a=0}=this._univerInstanceService.getCurrentUnitForType(t.UniverInstanceType.UNIVER_SLIDE).getPageSize(),o=new n.Rect(`canvas`,{left:0,top:0,width:i,height:a,strokeWidth:1,stroke:`rgba(198,198,198,1)`,fill:(0,t.getColorStyle)(r)||`rgba(255,255,255,1)`,zIndex:0,evented:!1});e.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,t){let r=this._renderContext;if(!r||!this._objectProvider)return;let{scene:i,mainComponent:a}=r,o=a,{width:s,height:c}=o,l=new n.Scene(e,o,{width:s,height:c});new n.Viewport(`PageViewer_${e}`,l,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:u,pageBackgroundFill:d}=t,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,t.Inject)(t.Injector)),g(2,t.IUniverInstanceService),g(3,n.IRenderManagerService)],v);let y=class extends t.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,n.IRenderManagerService)],y);let b={id:`slide.operation.activate-slide`,type:t.CommandType.OPERATION,handler:(e,n)=>{var r,i;let a=n.unitId,o=e.get(y),s=e.get(t.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:t.CommandType.OPERATION,handler:(e,n)=>{let r=n.unitId;return e.get(t.IUniverInstanceService).getUnit(r)?(e.get(y).appendPage(r),!0):!1}},S={id:`slide.operation.delete-element`,type:t.CommandType.OPERATION,handler:(e,n)=>{if(!(n!=null&&n.id))return!1;let r=n.unitId,i=e.get(t.IUniverInstanceService).getUnit(r);if(!i)return!1;let a=i.getActivePage();return delete a.pageElements[n.id],i.updatePage(a.id,a),e.get(y).removeObjectById(n.id,a.id,r),!0}},C={id:`slide.command.insert-float-image`,type:t.CommandType.COMMAND,handler:async(e,n)=>{var r;let o=e.get(t.IUniverInstanceService),s=(r=o.getCurrentUnitForType(t.UniverInstanceType.UNIVER_SLIDE))==null?void 0:r.getUnitId();if(!s)return!1;let c=await e.get(a.ILocalFileService).openFile({multiple:!0,accept:i.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(e=>`.${e.replace(`image/`,``)}`).join(`,`)});if(c.length!==1)return!1;let l=await e.get(i.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,i.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:t.PageElementType.IMAGE,image:{imageProperties:{contentUrl:p,imageSourceType:d,source:f,base64Cache:p,image:g}}};v.pageElements[u]=x,_.updatePage(v.id,v);let S=e.get(y),C=S.createObjectToPage(x,v.id,s);return C&&S.setObjectActiveByPage(C,v.id,s),!0}};function w({ref:e,...t}){let{icon:n,id:r,className:i,extend:a,...o}=t,c=`univerjs-icon univerjs-icon-${r} ${i||``}`.trim(),l=(0,s.useRef)(`_${O()}`);return T(n,`${r}`,{defIds:n.defIds,idSuffix:l.current},{ref:e,className:c,...o},a)}function T(e,t,n,r,i){return(0,s.createElement)(e.tag,{key:t,...E(e,n,i),...r},(D(e,n).children||[]).map((r,a)=>T(r,`${t}-${e.tag}-${a}`,n,void 0,i)))}function E(e,t,n){let r={...e.attrs};n!=null&&n.colorChannel1&&r.fill===`colorChannel1`&&(r.fill=n.colorChannel1),e.tag===`mask`&&r.id&&(r.id+=t.idSuffix),Object.entries(r).forEach(([e,n])=>{e===`mask`&&typeof n==`string`&&(r[e]=n.replace(/url\(#(.*)\)/,`url(#$1${t.idSuffix})`))});let{defIds:i}=t;return!i||i.length===0?r:(e.tag===`use`&&r[`xlink:href`]&&(r[`xlink:href`]+=t.idSuffix),Object.entries(r).forEach(([e,n])=>{typeof n==`string`&&(r[e]=n.replace(/url\(#(.*)\)/,`url(#$1${t.idSuffix})`))}),r)}function D(e,t){var n;let{defIds:r}=t;return!r||r.length===0?e:e.tag===`defs`&&(n=e.children)!=null&&n.length?{...e,children:e.children.map(e=>typeof e.attrs.id==`string`&&r&&r.includes(e.attrs.id)?{...e,attrs:{...e.attrs,id:e.attrs.id+t.idSuffix}}:e)}:e}function O(){return Math.random().toString(36).substring(2,8)}w.displayName=`UniverIcon`;let ee={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334C15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334C2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045ZM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334C3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999C15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999C2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544ZM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999C3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421C6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641C9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421C11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946C8.64077 14.6502 8.70566 14.6923 8.77482 14.7209C8.84557 14.7502 8.92314 14.7664 9.00449 14.7664C9.08585 14.7664 9.16342 14.7502 9.23416 14.7209C9.30332 14.6923 9.36821 14.6502 9.42482 14.5946`}}]},k=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`bottom-icon`,ref:t,icon:ee}))});k.displayName=`BottomIcon`;let A={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`g`,attrs:{clipPath:`url(#graph-icon_clip0_1293_28)`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M6.29541 11.1896C3.83208 10.7489 1.9624 8.59552 1.9624 6.00544C1.9624 3.09673 4.32036 0.73877 7.22907 0.73877C9.93483 0.73877 12.164 2.77918 12.4619 5.40527H13.5621C14.998 5.40527 16.1621 6.56933 16.1621 8.00527V12.6719C16.1621 14.1079 14.998 15.2719 13.5621 15.2719H8.89541C7.45947 15.2719 6.29541 14.1079 6.29541 12.6719V11.1896ZM3.1624 6.00544C3.1624 3.75947 4.98311 1.93877 7.22907 1.93877C9.27112 1.93877 10.9616 3.44388 11.2518 5.40527H8.89541C7.45947 5.40527 6.29541 6.56933 6.29541 8.00527V9.96442C4.49946 9.5425 3.1624 7.93012 3.1624 6.00544ZM7.49541 8.00527C7.49541 7.23207 8.12221 6.60527 8.89541 6.60527H13.5621C14.3353 6.60527 14.9621 7.23207 14.9621 8.00527V12.6719C14.9621 13.4451 14.3353 14.0719 13.5621 14.0719H8.89541C8.12221 14.0719 7.49541 13.4451 7.49541 12.6719V8.00527Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},{tag:`defs`,attrs:{},children:[{tag:`clipPath`,attrs:{id:`graph-icon_clip0_1293_28`},children:[{tag:`path`,attrs:{fill:`white`,d:`M0 0H16V16H0z`,transform:`translate(.9)`}}]}]}],defIds:[`graph-icon_clip0_1293_28`]},j=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`graph-icon`,ref:t,icon:A}))});j.displayName=`GraphIcon`;let te={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},M=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`more-down-icon`,ref:t,icon:te}))});M.displayName=`MoreDownIcon`;let ne={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z`}}]},re=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`move-down-icon`,ref:t,icon:ne}))});re.displayName=`MoveDownIcon`;let ie={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z`}}]},ae=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`move-up-icon`,ref:t,icon:ie}))});ae.displayName=`MoveUpIcon`;let oe={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`g`,attrs:{fill:`currentColor`,clipPath:`url(#text-icon_clip0_1293_26)`},children:[{tag:`path`,attrs:{d:`M2.22891 2.07227C1.89754 2.07227 1.62891 2.34089 1.62891 2.67227C1.62891 3.00364 1.89754 3.27227 2.22891 3.27227H6.29541V14.0056C6.29541 14.337 6.56404 14.6056 6.89541 14.6056C7.22678 14.6056 7.49541 14.337 7.49541 14.0056V3.27227H11.5622C11.8936 3.27227 12.1622 3.00364 12.1622 2.67227C12.1622 2.34089 11.8936 2.07227 11.5622 2.07227H2.22891Z`}},{tag:`path`,attrs:{d:`M10.2289 6.40552C9.89754 6.40552 9.62891 6.67415 9.62891 7.00552C9.62891 7.33689 9.89754 7.60552 10.2289 7.60552H12.2954V14.0055C12.2954 14.3369 12.564 14.6055 12.8954 14.6055C13.2268 14.6055 13.4954 14.3369 13.4954 14.0055V7.60552H15.5622C15.8936 7.60552 16.1622 7.33689 16.1622 7.00552C16.1622 6.67415 15.8936 6.40552 15.5622 6.40552H10.2289Z`}}]},{tag:`defs`,attrs:{},children:[{tag:`clipPath`,attrs:{id:`text-icon_clip0_1293_26`},children:[{tag:`path`,attrs:{fill:`white`,d:`M0 0H16V16H0z`,transform:`translate(.9)`}}]}]}],defIds:[`text-icon_clip0_1293_26`]},se=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`text-icon`,ref:t,icon:oe}))});se.displayName=`TextIcon`;let ce={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9C15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9ZM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9C2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9C13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665C15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665ZM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665C2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665C13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},le=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`topmost-icon`,ref:t,icon:ce}))});le.displayName=`TopmostIcon`;let ue={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`colorChannel1`,d:`M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365ZM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365ZM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635ZM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},de=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`autofill-double-icon`,ref:t,icon:ue}))});de.displayName=`AutofillDoubleIcon`;let fe={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z`}},{tag:`path`,attrs:{fill:`colorChannel1`,d:`M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z`}}]},pe=(0,s.forwardRef)(function(e,t){return(0,s.createElement)(w,Object.assign({},e,{id:`paint-bucket-double-icon`,ref:t,icon:fe}))});pe.displayName=`PaintBucketDoubleIcon`;let N={id:`slide.operation.update-element`,type:t.CommandType.OPERATION,handler:(e,n)=>{let{oKey:r,props:i}=n,a=e.get(t.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,t.merge)(c.pageElements[r],i),s.updatePage(c.id,c),!0}};var P=function(e){return e[e.forward=0]=`forward`,e[e.backward=1]=`backward`,e[e.front=2]=`front`,e[e.back=3]=`back`,e}(P||{});function me(e){let{pageId:n,unitId:r}=e,i=(0,a.useDependency)(t.LocaleService),s=(0,a.useDependency)(y),l=(0,a.useDependency)(t.ICommandService),u=s.getRenderUnitByPageId(n,r),d=u==null?void 0:u.scene;if(!d)return null;let f=d.getTransformer();if(!f)return null;let p=f.getSelectedObjectMap().values().next().value;if(!p)return null;let m=e=>{let[t,n]=d.getAllObjects().reduce(([e,t],n)=>{let r=n.zIndex;return[r<e?r:e,r>t?r:t]},[0,0]),i=p.zIndex;e===P.back?i=t-1:e===P.front?i=n+1:e===P.forward?i=p.zIndex+1:e===P.backward&&(i=p.zIndex-1),p.setProps({zIndex:i}),l.executeCommand(N.id,{unitId:r,oKey:p==null?void 0:p.oKey,props:{zIndex:i}})};return(0,c.jsxs)(`div`,{className:`univer-relative univer-w-full`,children:[(0,c.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,c.jsx)(`div`,{className:`univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,c.jsx)(`div`,{children:i.t(`image-panel.arrange.title`)})})}),(0,c.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Button,{onClick:()=>{m(P.forward)},children:(0,c.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,c.jsx)(ae,{}),i.t(`image-panel.arrange.forward`)]})})}),(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Button,{onClick:()=>{m(P.backward)},children:(0,c.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,c.jsx)(re,{}),i.t(`image-panel.arrange.backward`)]})})})]}),(0,c.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Button,{onClick:()=>{m(P.front)},children:(0,c.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,c.jsx)(le,{}),i.t(`image-panel.arrange.front`)]})})}),(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Button,{onClick:()=>{m(P.back)},children:(0,c.jsxs)(`span`,{className:`univer-flex univer-items-center univer-gap-1`,children:[(0,c.jsx)(k,{}),i.t(`image-panel.arrange.back`)]})})})]})]})}function he(e){var n,r;let{pageId:i,unitId:l}=e,u=(0,a.useDependency)(t.LocaleService),d=(0,a.useDependency)(y),f=(0,a.useDependency)(t.ICommandService),p=d.getRenderUnitByPageId(i,l),m=p==null?void 0:p.scene;if(!m)return null;let h=m.getTransformer();if(!h)return null;let g=h.getSelectedObjectMap().values().next().value;if(!g)return null;let[_,v]=(0,s.useState)((n=(r=g.fill)==null?void 0:r.toString())==null?``:n);function b(e){g==null||g.setProps({fill:e}),f.executeCommand(N.id,{unitId:l,oKey:g==null?void 0:g.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:e}}}}}),v(e)}return(0,c.jsx)(`div`,{className:(0,o.clsx)(`univer-relative univer-bottom-0 univer-mt-5 univer-w-full`,o.borderTopClassName),children:(0,c.jsxs)(`div`,{className:`univer-relative univer-w-full`,children:[(0,c.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,c.jsx)(`div`,{className:`univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,c.jsx)(`div`,{children:u.t(`slide.panel.fill.title`)})})}),(0,c.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,c.jsx)(`div`,{className:`univer-w-1/2`,children:(0,c.jsx)(o.Dropdown,{overlay:(0,c.jsx)(`div`,{className:`univer-rounded-lg univer-p-4`,children:(0,c.jsx)(o.ColorPicker,{value:`#fff`,onChange:b})}),children:(0,c.jsxs)(`a`,{className:`univer-flex univer-cursor-pointer univer-items-center univer-gap-1`,children:[(0,c.jsx)(pe,{className:`univer-fill-primary-600`}),(0,c.jsx)(M,{})]})})})})]})})}function ge(e){let{pageId:n,unitId:r}=e,i=(0,a.useDependency)(t.LocaleService),l=(0,a.useDependency)(y),u=(0,a.useDependency)(t.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,s.useState)(h),[C,w]=(0,s.useState)(g),[T,E]=(0,s.useState)(_),[D,O]=(0,s.useState)(v),[ee,k]=(0,s.useState)(b),A=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),w(r),E(i),O(a),k(o)};(0,s.useEffect)(()=>{let e=p.changeStart$.subscribe(e=>{A(e)}),t=p.changing$.subscribe(e=>{A(e)});return()=>{t.unsubscribe(),e.unsubscribe()}},[]);function j(e){!e||!m||(u.executeCommand(N.id,{pageId:n,oKey:m.oKey,props:{width:e}}),m==null||m.resize(e,m.height),S(e),p==null||p.refreshControls())}function te(e){!e||!m||(u.executeCommand(N.id,{pageId:n,oKey:m.oKey,props:{height:e}}),m==null||m.resize(m.width,e),w(e),p==null||p.refreshControls())}function M(e){!e||!m||(u.executeCommand(N.id,{pageId:n,oKey:m.oKey,props:{left:e}}),m==null||m.translate(e,m.top),E(e),p==null||p.refreshControls())}function ne(e){!e||!m||(u.executeCommand(N.id,{pageId:n,oKey:m.oKey,props:{right:e}}),m==null||m.translate(m.left,e),O(e),p==null||p.refreshControls())}function re(e){!e||!m||(u.executeCommand(N.id,{pageId:n,oKey:m.oKey,props:{angle:e}}),m==null||m.transformByState({angle:e}),k(e),p==null||p.refreshControls())}return(0,c.jsxs)(`div`,{className:(0,o.clsx)(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,o.borderTopClassName),children:[(0,c.jsx)(`header`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:(0,c.jsx)(`div`,{children:i.t(`image-panel.transform.title`)})}),(0,c.jsxs)(`div`,{className:`univer-grid univer-grid-cols-3 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2`,children:[(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`image-panel.transform.width`)}),(0,c.jsx)(o.InputNumber,{min:1,value:x,onChange:e=>{j(e)}})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`image-panel.transform.height`)}),(0,c.jsx)(o.InputNumber,{min:1,value:C,onChange:e=>{te(e)}})]})]}),(0,c.jsxs)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:[(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`image-panel.transform.x`)}),(0,c.jsx)(o.InputNumber,{min:0,precision:1,value:T,onChange:e=>{M(e)}})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`image-panel.transform.y`)}),(0,c.jsx)(o.InputNumber,{min:0,precision:1,value:D,onChange:e=>{ne(e)}})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:i.t(`image-panel.transform.rotate`)}),(0,c.jsx)(o.InputNumber,{precision:1,value:ee,onChange:re})]})]})]})}let F=`COMPONENT_SLIDE_SIDEBAR`;function _e(){var e,r,i;let o=(0,a.useDependency)(t.IUniverInstanceService),s=(0,a.useDependency)(y),l=o.getCurrentUnitForType(t.UniverInstanceType.UNIVER_SLIDE),u=l==null||(e=l.getActivePage())==null?void 0:e.id,d=((r=o.getFocusedUnit())==null?void 0:r.getUnitId())||``;if(!u||!d)return null;let f=(i=s.getRenderUnitByPageId(u,d).scene)==null?void 0:i.getTransformer();if(!f)return null;let p=f.getSelectedObjectMap().values().next().value;return p?(0,c.jsxs)(`section`,{className:`univer-p-2 univer-text-center univer-text-sm`,children:[(0,c.jsx)(me,{pageId:u,unitId:d}),(0,c.jsx)(ge,{pageId:u,unitId:d}),p.objectType===n.ObjectType.RECT&&(0,c.jsx)(he,{pageId:u,unitId:d})]}):null}let I={id:`slide.command.insert-float-shape.rectangle`,type:t.CommandType.COMMAND,handler:async e=>{var n;let r=e.get(t.ICommandService),i=(n=e.get(t.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return r.executeCommand(ve.id,{unitId:i})}},ve={id:`slide.operation.insert-float-shape.rectangle`,type:t.CommandType.OPERATION,handler:async(e,n)=>{let r=(0,t.generateRandomId)(6),i=e.get(t.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:t.PageElementType.SHAPE,shape:{shapeType:t.BasicShapes.Rect,text:``,shapeProperties:{shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};s.pageElements[r]=l,o.updatePage(s.id,s);let u=e.get(y),d=u.createObjectToPage(l,s.id,a);return d&&u.setObjectActiveByPage(d,s.id,a),!0}},ye={id:`sidebar.operation.slide-shape`,type:t.CommandType.COMMAND,handler:async(e,r)=>{let{visible:i,objectType:o}=r,s=e.get(a.ISidebarService),c=e.get(t.LocaleService),l=``,u=``;return o===n.ObjectType.RECT?(l=`slide.sidebar.shape`,u=F):o===n.ObjectType.IMAGE?(l=`slide.sidebar.image`,u=F):o===n.ObjectType.RICH_TEXT&&(l=`slide.sidebar.text`,u=F),i?s.open({header:{title:c.t(l)},children:{label:u},onClose:()=>{},width:360}):s.close(),!0}},L={id:`slide.command.insert-float-shape.ellipse`,type:t.CommandType.COMMAND,handler:async e=>{var n;let r=e.get(t.ICommandService),i=(n=e.get(t.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return r.executeCommand(R.id,{unitId:i})}},R={id:`slide.operation.insert-float-shape.ellipse`,type:t.CommandType.OPERATION,handler:async(e,n)=>{let r=(0,t.generateRandomId)(6),i=e.get(t.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:t.PageElementType.SHAPE,shape:{shapeType:t.BasicShapes.Ellipse,text:``,shapeProperties:{radius:100,shapeBackgroundFill:{rgb:`rgb(0,0,255)`}}}};s.pageElements[r]=l,o.updatePage(s.id,s);let u=e.get(y),d=u.createObjectToPage(l,s.id,a);return d&&u.setObjectActiveByPage(d,s.id,a),!0}},z={id:`slide.command.add-text`,type:t.CommandType.COMMAND,handler:async e=>{var n;let r=e.get(t.ICommandService),i=(n=e.get(t.IUniverInstanceService).getFocusedUnit())==null?void 0:n.getUnitId();return await r.executeCommand(B.id,{unitId:i})}},B={id:`slide.operation.add-text`,type:t.CommandType.OPERATION,handler:async(e,n)=>{let r=n.unitId,i=(0,t.generateRandomId)(6),a=(n==null?void 0:n.text)||`A New Text`,o=e.get(t.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:t.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=e.get(y),d=u.createObjectToPage(l,s.id,r);return d&&u.setObjectActiveByPage(d,s.id,r),!0}},V={id:`slide.operation.set-slide-page-thumb`,type:t.CommandType.OPERATION,handler:(e,t)=>(e.get(y).createThumbs(t.unitId),!0)};function be(){var e,r;let i=(0,a.useDependency)(t.IUniverInstanceService),l=(0,a.useDependency)(t.ICommandService),u=(0,a.useDependency)(n.IRenderManagerService),d=(0,a.useDependency)(t.LocaleService),f=(0,s.useRef)(null),p=i.getCurrentUnitForType(t.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,s.useState)((e=p==null||(r=p.getActivePage())==null?void 0:r.id)==null?null:e),y=(0,s.useMemo)(()=>g.map(()=>(0,s.createRef)()),[g]);(0,s.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,s.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(V.id,{unitId:p==null?void 0:p.getUnitId()})},[y,g,u,l,p]);let S=(0,s.useCallback)(e=>{l.syncExecuteCommand(b.id,{id:e,unitId:p==null?void 0:p.getUnitId()})},[l,p]),C=(0,s.useCallback)(()=>{l.syncExecuteCommand(x.id,{unitId:p==null?void 0:p.getUnitId()})},[l,p]);return(0,c.jsx)(`aside`,{ref:f,className:(0,o.clsx)(`univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden`,o.scrollbarClassName),children:(0,c.jsxs)(`div`,{className:`univer-px-4`,children:[(0,c.jsx)(`header`,{className:`univer-flex univer-justify-center univer-pt-4`,children:(0,c.jsx)(`a`,{className:(0,o.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`,o.borderClassName),onClick:C,children:d.t(`slide.append`)})}),g.map((e,t)=>(0,c.jsxs)(`div`,{className:(0,o.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,c.jsx)(`span`,{children:t+1}),(0,c.jsx)(`div`,{ref:y[t],className:(0,o.clsx)(`univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600`,o.borderClassName)})]},e.id))]})})}let H=(0,t.createInternalEditorID)(`SLIDE_EDITOR`),U={id:`slide.operation.edit-arrow`,type:t.CommandType.OPERATION,handler:()=>!0},xe=`COMPONENT_SLIDE_IMAGE_POPUP_MENU`;function Se(e){var n;let r=(n=e.popup)==null||(n=n.extraProps)==null?void 0:n.menuItems;if(!r)return null;let i=(0,a.useDependency)(t.ICommandService),l=(0,a.useDependency)(t.LocaleService),[u,d]=(0,s.useState)(!1),[f,p]=(0,s.useState)(!1),m=()=>{p(!0)},h=()=>{p(!1)},g=e=>{d(e)},_=e=>{i.executeCommand(e.commandId,e.commandParams),d(!1)},v=u||f,y=r.filter(e=>!e.disable);return(0,c.jsx)(`div`,{onMouseEnter:m,onMouseLeave:h,children:(0,c.jsx)(o.Dropdown,{align:`start`,overlay:(0,c.jsx)(`ul`,{className:(0,o.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`,o.borderClassName),children:y.map(e=>(0,c.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:()=>_(e),children:(0,c.jsx)(`span`,{className:`univer-px-2 univer-py-1.5 univer-align-middle`,children:l.t(e.label)})},e.index))}),open:u,onOpenChange:g,children:(0,c.jsxs)(`div`,{className:(0,o.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`,o.borderClassName,{"univer-bg-gray-100 dark:!univer-bg-gray-800":u,"univer-bg-white dark:!univer-bg-gray-900":!u}),children:[(0,c.jsx)(de,{className:`univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white`}),v&&(0,c.jsx)(M,{className:`dark:!univer-text-white`})]})})})}let W=`slide.menu.image`;function Ce(e){return{id:W,type:a.MenuItemType.SUBITEMS,icon:`AddImageIcon`,tooltip:`slide.image.insert.title`,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}function we(e){return{id:C.id,title:`slide.image.insert.float`,type:a.MenuItemType.BUTTON,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}let G=`slide.menu.shape`;function Te(e){return{id:G,type:a.MenuItemType.SUBITEMS,icon:`GraphIcon`,tooltip:`slide.shape.insert.title`,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}function Ee(e){return{id:I.id,title:`slide.shape.insert.rectangle`,type:a.MenuItemType.BUTTON,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}function De(e){return{id:L.id,title:`slide.shape.insert.ellipse`,type:a.MenuItemType.BUTTON,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}function Oe(e){return{id:z.id,type:a.MenuItemType.BUTTON,icon:`TextIcon`,tooltip:`slide.text.insert.title`,hidden$:(0,a.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_SLIDE)}}let ke={[a.RibbonStartGroup.FORMAT]:{[z.id]:{order:0,menuItemFactory:Oe},[W]:{order:0,menuItemFactory:Ce,[C.id]:{order:0,menuItemFactory:we}},[G]:{order:0,menuItemFactory:Te,[I.id]:{order:0,menuItemFactory:Ee},[L.id]:{order:0,menuItemFactory:De}}}};var Ae=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)}};let je=(0,t.createIdentifier)(`univer.slide-editor-manager.service`),K=-1e3,Me={width:0,height:0,top:K,left:K};function Ne(){let[e,r]=(0,s.useState)({...Me}),i=(0,a.useDependency)(je),u=(0,a.useDependency)(l.IEditorService),d=(0,a.useDependency)(t.IContextService),f=(0,a.useObservable)(()=>d.subscribeContextValue$(a.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[d,a.DISABLE_AUTO_FOCUS_KEY]);return`${t.DEFAULT_EMPTY_DOCUMENT_VALUE}`,t.DocumentFlavor.UNSPECIFIED,(0,s.useEffect)(()=>{i.state$.subscribe(e=>{if(e==null)return;let{startX:t=K,startY:a=K,endX:o=0,endY:s=0,show:c=!1}=e;if(!c)r({...Me});else{r({width:o-t-n.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:s-a-n.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:t+n.FIX_ONE_PIXEL_BLUR_OFFSET,top:a+n.FIX_ONE_PIXEL_BLUR_OFFSET});let e=u.getEditor(H);if(e==null)return;let{left:c,top:l,width:d,height:f}=e.getBoundingClientRect();i.setRect({left:c,top:l,width:d,height:f})}})},[]),(0,s.useEffect)(()=>{f||i.setFocus(!0)},[f,e]),(0,c.jsx)(`div`,{className:(0,o.clsx)(`univer-absolute univer-z-10 univer-box-border univer-flex`,o.borderClassName),style:{left:e.left,top:e.top,width:e.width,height:e.height}})}function Pe(e){return e.getContextValue(t.FOCUSING_UNIVER_EDITOR)&&e.getContextValue(t.EDITOR_ACTIVATED)}function Fe(e){return e.getContextValue(t.FORMULA_EDITOR_ACTIVATED)&&e.getContextValue(t.FOCUSING_UNIVER_EDITOR)}let Ie=[a.KeyCode.ARROW_DOWN,a.KeyCode.ARROW_UP,a.KeyCode.ARROW_LEFT,a.KeyCode.ARROW_RIGHT];[a.KeyCode.ENTER,a.KeyCode.TAB,...Ie];function Le(){let e=[];for(let t of Ie)e.push({id:U.id,binding:t,preconditions:e=>Pe(e),staticParameters:{visible:!1,eventType:n.DeviceInputEventType.Keyboard,keycode:t,isShift:!1}}),e.push({id:U.id,binding:t|a.MetaKeys.SHIFT,preconditions:e=>Pe(e),staticParameters:{visible:!1,eventType:n.DeviceInputEventType.Keyboard,keycode:t,isShift:!0}});return e}let Re={id:l.DeleteLeftCommand.id,preconditions:e=>Pe(e)||Fe(e),binding:a.KeyCode.BACKSPACE},q=class extends t.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(ke)}_initCustomComponents(){let e=this._componentManager;this.disposeWithMe(e.register(`TextIcon`,se)),this.disposeWithMe(e.register(`GraphIcon`,j)),this.disposeWithMe(e.register(xe,Se)),this.disposeWithMe(e.register(F,_e))}_initCommands(){[x,b,V,C,B,z,L,R,ve,I,ye,S,N,U].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(a.BuiltInUIPart.LEFT_SIDEBAR,()=>(0,a.connectInjector)(be,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(a.BuiltInUIPart.CONTENT,()=>(0,a.connectInjector)(Ne,this._injector)))}_initShortcuts(){[Re,...Le()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};q=_([g(0,(0,t.Inject)(t.Injector)),g(1,a.IMenuManagerService),g(2,(0,t.Inject)(a.ComponentManager)),g(3,a.IUIPartsService),g(4,t.ICommandService),g(5,a.IShortcutService)],q);var ze=`@univerjs/slides-ui`,Be=`0.19.0`;let Ve=`slides-ui.config`;Symbol(Ve);let He={},J=(0,t.createIdentifier)(`univer.slide-editor-bridge.service`),Ue=class extends t.Disposable{constructor(e,t,r){super(),this._editorService=e,this._contextService=t,this._renderManagerService=r,h(this,`_editorUnitId`,H),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:n.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(e){this._currentEditRectInfo=e,this._editorService.getFocusEditor()||(this._editorService.focus(H),this._contextService.setContextValue(t.EDITOR_ACTIVATED,!1),this._contextService.setContextValue(t.FOCUSING_EDITOR_STANDALONE,!1),this._contextService.setContextValue(t.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 e=H,n=this._currentEditRectInfo,i=n.unitId,a=n.richTextObj.documentData;a.id=e,a.documentStyle={...a.documentStyle,pageSize:{width:n.richTextObj.width,height:1/0}};let o={documentModel:new t.DocumentDataModel(a),fontString:`document`,textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:t.VerticalAlign.TOP,horizontalAlign:t.HorizontalAlign.LEFT,paddingData:{t:0,b:1,l:2,r:2}},s=n.richTextObj.width,c=n.richTextObj.height,l=n.richTextObj.left,u=n.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(r.SLIDE_KEY.VIEW),h=p==null?void 0:p.getObject(r.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:e,documentLayoutObject:o}}changeEditorDirty(e){this._editorIsDirty=e}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(e){let n=this.getCurrentEditorId(),r=e.text,i=e.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:t.VerticalAlign.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}};Ue=_([g(0,l.IEditorService),g(1,t.IContextService),g(2,n.IRenderManagerService)],Ue);let Y=function(e){return e[e.InitialState=0]=`InitialState`,e[e.StartEditor=1]=`StartEditor`,e[e.CursorChange=2]=`CursorChange`,e}({}),We=-1e3,Ge=class extends t.Disposable{constructor(e,r,i,o,s,c,l,u,d,f,p,m){super(),this._renderContext=e,this._layoutService=r,this._undoRedoService=i,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`,Y.InitialState),h(this,`_isUnitEditing`,!1),h(this,`_d`,void 0),this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(t.UniverInstanceType.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:n.DeviceInputEventType.Keyboard,keycode:a.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 e=new t.DisposableCollection;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(d.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(d.DocSkeletonManagerService).getViewModel()}_initialCursorSync(e){e.add(this._cellEditorManagerService.focus$.pipe((0,u.filter)(e=>!!e)).subscribe(()=>{var e;(e=(0,n.getCurrentTypeOfRenderer)(t.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||e.with(l.DocSelectionRenderService).sync()}))}_subscribeToCurrentCell(e){e.add(this._editorBridgeService.currentEditRectState$.subscribe(e=>{var r;if(e==null||this._contextService.getContextValue(t.FOCUSING_EDITOR_STANDALONE)||this._contextService.getContextValue(t.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE))return;let{position:{startX:i,endX:a},documentLayoutObject:{textRotation:o,wrapStrategy:s,documentModel:c},scaleX:u,editorUnitId:d}=e,{vertexAngle:f}=(0,n.convertTextRotation)(o);c.updateDocumentId(d),s===t.WrapStrategy.WRAP&&f===0&&c.updateDocumentDataPageSize((a-i)/u),this._instanceSrv.changeDoc(d,c),this._contextService.setContextValue(t.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]),(r=(0,n.getCurrentTypeOfRenderer)(t.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||r.with(l.DocSelectionRenderService).activate(We,We)}))}_fitTextSize(e,n,r,i,a=1,o=1){let{startX:s,startY:c,endX:l,endY:u}=e,d=i.documentModel;if(d==null)return;let{actualWidth:f,actualHeight:p}=this._predictingSize(e,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 e=0;e=m===t.VerticalAlign.MIDDLE?(v-p)/2/o:m===t.VerticalAlign.TOP?h.t||0:(v-p)/o-(h.b||0),e=e<(h.t||0)?h.t||0:e,d.updateDocumentDataMargin({t:e})}r.calculate(),this._editAreaProcessing(_,v,e,n,g,a,o)}_predictingSize(e,r,i,a,o=1,s=1){let{startX:c,endX:l}=e,{textRotation:u,wrapStrategy:d}=a,f=a.documentModel,{vertexAngle:p}=(0,n.convertTextRotation)(u),m=document.body.clientWidth;if(d===t.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:t.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:g,actualHeight:h.actualHeight*s}}_editAreaProcessing(e,t,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=t,D=C==null?void 0:C.getScrollBar();if(E>w)E=w,D==null?C&&new n.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-=n.FIX_ONE_PIXEL_BLUR_OFFSET,y-=n.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(x,e/o,t/s,a);let{scaleX:ee,scaleY:k}=x.getPrecisionScale();x.transformByState({width:e*_/o,height:t*_/s,scaleX:o*_,scaleY:s*_}),b.resize(e/o,t/s),setTimeout(()=>{S.resizeBySize((0,n.fixLineWidthByScale)(e,ee),(0,n.fixLineWidthByScale)(E,k))},0);let A=this._layoutService.getContentElement().getBoundingClientRect(),j=d.getBoundingClientRect();v=v*_+(j.left-A.left),y=y*_+(j.top-A.top),this._cellEditorManagerService.setState({startX:v,startY:y,endX:e*_+v,endY:E*_+y,show:!0})}_addBackground(e,t,r,i){let a=`_backgroundRectHelperColor_`,o=e.getObject(a);o==null&&i==null||(o==null?e.addObjects([new n.Rect(a,{width:t,height:r,fill:i,evented:!1})],l.DOCS_COMPONENT_MAIN_LAYER_INDEX):i==null?o.dispose():(o.setProps({fill:i}),o.transformByState({width:t,height:r})))}_handleEditorVisible(e){var r,i;let{eventType:a}=e;this._cursorChange=[n.DeviceInputEventType.PointerDown,n.DeviceInputEventType.Dblclick].includes(a)?Y.CursorChange:Y.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(t.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(e,n=!1){e.dataStream=t.DEFAULT_EMPTY_DOCUMENT_VALUE,e.textRuns!=null&&(e.textRuns.length===1&&!n?(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=[U.id],n=[d.RichTextEditingMutation.id];e.add(this._commandService.onCommandExecuted(e=>{this._editorService.getFocusId()===H&&(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===Y.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 Ke(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(e){let{keycode:t}=e;if(this._cursorChange=Y.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(t.EDITOR_ACTIVATED,!1),this._cellEditorManagerService.setState({show:e.visible});let n=this._editorBridgeService.getCurrentEditorId();n!=null&&this._undoRedoService.clearUndoRedo(n)}_moveCursor(e){if(e!=null)switch(t.Direction.LEFT,e){case a.KeyCode.ENTER:t.Direction.DOWN;break;case a.KeyCode.TAB:t.Direction.RIGHT;break;case a.KeyCode.ARROW_DOWN:t.Direction.DOWN;break;case a.KeyCode.ARROW_UP:t.Direction.UP;break;case a.KeyCode.ARROW_LEFT:t.Direction.LEFT;break;case a.KeyCode.ARROW_RIGHT:t.Direction.RIGHT;break}}_cursorStateListener(e){let n=this._getEditorObject();if(!n)return;let{document:r}=n;e.add((0,t.toDisposable)(r.onPointerDown$.subscribeEvent(()=>{this._cursorChange===Y.StartEditor&&(this._cursorChange=Y.CursorChange)})))}_moveInEditor(e,n){let r=t.Direction.LEFT;e===a.KeyCode.ARROW_DOWN?r=t.Direction.DOWN:e===a.KeyCode.ARROW_UP?r=t.Direction.UP:e===a.KeyCode.ARROW_RIGHT&&(r=t.Direction.RIGHT),n?this._commandService.executeCommand(l.MoveSelectionOperation.id,{direction:r}):this._commandService.executeCommand(l.MoveCursorOperation.id,{direction:r})}};Ge=_([g(1,a.ILayoutService),g(2,t.IUndoRedoService),g(3,t.IContextService),g(4,t.IUniverInstanceService),g(5,n.IRenderManagerService),g(6,J),g(7,je),g(8,(0,t.Inject)(d.DocSelectionManagerService)),g(9,t.ICommandService),g(10,(0,t.Inject)(t.LocaleService)),g(11,l.IEditorService)],Ge);function Ke(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 qe=class extends t.RxDisposable{constructor(e,n,r,i){super(),this._renderContext=e,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$(t.UniverInstanceType.UNIVER_SLIDE).subscribe(e=>{e&&e.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){let e=new t.DisposableCollection;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 r=t.getTransformer();r&&(e.add(r.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),e.add(r.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),e.add(t.onDblclick$.subscribeEvent(()=>{r.clearControls();let e=r.getSelectedObjectMap().values().next().value;e&&(e.objectType===n.ObjectType.RICH_TEXT?this.startEditing(t.sceneKey,e):this.pickOtherObjects())})),e.add(this._instanceSrv.focused$.subscribe(e=>{this.endEditing()})))},{mainComponent:r}=this._renderContext;r.subSceneChanged$.subscribeEvent(e=>{t(e)});let i=Array.from(r.getSubScenes().values());for(let e=0;e<i.length;e++){let n=i[e];t(n)}}pickOtherObjects(){this.endEditing()}endEditing(){var e;if(!this._curRichText)return;this.setEditorVisible(!1);let n=this._curRichText;if(!this._instanceSrv.getCurrentUnitForType(t.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=(e=n.documentData.body)==null?void 0:e.textRuns;if(i&&i.length){let e=i[0].ts;r.cl=e==null?void 0:e.cl}this._commandService.executeCommand(N.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 t;(t=this._curRichText)==null||t.hide()}else{var r;(r=this._curRichText)==null||r.show()}let{unitId:i}=this._renderContext;this._editorBridgeService.changeVisible({visible:e,eventType:n.DeviceInputEventType.PointerDown,unitId:i})}};qe=_([g(1,t.IUniverInstanceService),g(2,t.ICommandService),g(3,J)],qe);function Je(e,t){let n=Ye(e.left,e.top,t),r=Ye(e.right,e.bottom,t);return{left:n.x,top:n.y,right:r.x,bottom:r.y}}function Ye(e,t,n){let{scaleX:i,scaleY:a}=n.getAncestorScale(),o=n.getViewport(r.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 t.Disposable{constructor(e,t,n,r){super(),this._globalPopupManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._commandService=r}_createObjectPositionObserver(e,r){let i=(()=>{var t,i,a,o;let{scene:s,engine:c}=r,{left:l,top:u,width:d,height:f}=e,p=(s.width-((t=(i=r.mainComponent)==null?void 0:i.width)==null?0:t))/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,n.pxToNum)(g.style.width),{scaleX:y,scaleY:b}=s.getAncestorScale(),x=Je(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 t.DisposableCollection}}attachPopupToObject(e,n){let r=this._univerInstanceService.getCurrentUnitForType(t.UniverInstanceType.UNIVER_SLIDE).getUnitId(),i=this._renderManagerService.getRenderById(r);if(!i)return{dispose:()=>{}};let{position:a,position$:o,disposable:s}=this._createObjectPositionObserver(e,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,t.Inject)(a.ICanvasPopupService)),g(1,n.IRenderManagerService),g(2,t.IUniverInstanceService),g(3,t.ICommandService)],X);let Z=class extends t.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(t.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(e){var n;let r=this._univerInstanceService.getCurrentUnitForType(t.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,e).scene)==null?void 0:r.getTransformer();if(!i)return;let a;this.disposeWithMe((0,t.toDisposable)(i.createControl$.subscribe(()=>{let t=i.getSelectedObjectMap();if(t.size>1){a==null||a.dispose();return}let n=t.values().next().value;if(!n)return;let r=n.oKey;a==null||a.dispose(),a=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(n,{componentKey:xe,direction:`horizontal`,offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(n.objectType,r,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(ye.id,{visible:!0,objectType:n.objectType})}))),this.disposeWithMe(i.clearControl$.subscribe(()=>{a==null||a.dispose(),this._contextService.setContextValue(t.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(i.changing$.subscribe(()=>{a==null||a.dispose();let t=i.getSelectedObjectMap();if(t.size>1){a==null||a.dispose();return}let n=t.values().next().value;n&&this._commandService.executeCommand(N.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:ye.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,t.Inject)(X)),g(1,n.IRenderManagerService),g(2,t.IUniverInstanceService),g(3,t.IContextService),g(4,(0,t.Inject)(y)),g(5,a.ISidebarService),g(6,t.ICommandService)],Z);let Q=class extends t.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$(t.UniverInstanceType.UNIVER_SLIDE).pipe((0,u.takeUntil)(this.dispose$)).subscribe(e=>{this._createRenderer(e==null?void 0:e.getUnitId())}),this._instanceSrv.getAllUnitsForType(t.UniverInstanceType.UNIVER_SLIDE).forEach(e=>{this._createRenderer(e.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(t.UniverInstanceType.UNIVER_SLIDE).pipe((0,u.takeUntil)(this.dispose$)).subscribe(e=>this._disposeRenderer(e))}_createRenderer(e){e!=null&&this._instanceSrv.getUnit(e,t.UniverInstanceType.UNIVER_SLIDE)!=null&&this._renderManagerService.createRender(e)}_disposeRenderer(e){let t=e.getUnitId();this._renderManagerService.removeRender(t)}_initContextListener(){}};Q=_([g(0,t.IContextService),g(1,t.IUniverInstanceService),g(2,n.IRenderManagerService)],Q);let $=class extends t.Plugin{constructor(e=He,n,r,i,a){super(),this._config=e,this._injector=n,this._renderManagerService=r,this._univerInstanceService=i,this._configService=a;let{menu:o,...s}=(0,t.merge)({},He,this._config);o&&this._configService.setConfig(`menu`,o,{merge:!0}),this._configService.setConfig(Ve,s)}onStarting(){(0,t.mergeOverrideWithDependencies)([[Q],[J,{useClass:Ue}],[je,{useClass:Ae}],[X]],this._config.override).forEach(e=>this._injector.add(e))}onReady(){[[v]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(t.UniverInstanceType.UNIVER_SLIDE,e))}),(0,t.mergeOverrideWithDependencies)([[y],[q],[v],[Z]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(y),this._injector.get(Q)}onRendered(){[[qe],[Ge]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(t.UniverInstanceType.UNIVER_SLIDE,e))}),this._markSlideAsFocused(),this._injector.get(q)}onSteady(){this._injector.get(Z)}_markSlideAsFocused(){let e=this._univerInstanceService;try{let n=e.getCurrentUnitForType(t.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(n.getUnitId())}catch{}}};h($,`pluginName`,`UNIVER_SLIDES_UI_PLUGIN`),h($,`packageName`,ze),h($,`version`,Be),h($,`type`,t.UniverInstanceType.UNIVER_SLIDE),$=_([g(1,(0,t.Inject)(t.Injector)),g(2,n.IRenderManagerService),g(3,t.IUniverInstanceService),g(4,t.IConfigService)],$),e.ActivateSlidePageOperation=b,e.AppendSlideOperation=x,Object.defineProperty(e,`CanvasView`,{enumerable:!0,get:function(){return y}}),e.DeleteSlideElementOperation=S,e.ISlideEditorBridgeService=J,e.InsertSlideFloatImageCommand=C,e.InsertSlideShapeEllipseCommand=L,e.InsertSlideShapeEllipseOperation=R,e.InsertSlideShapeRectangleCommand=I,e.InsertSlideShapeRectangleOperation=ve,e.SHAPE_MENU_ID=G,e.SLIDES_IMAGE_MENU_ID=W,e.SLIDE_EDITOR_ID=H,e.SetSlidePageThumbOperation=V,e.SlideAddTextCommand=z,e.SlideAddTextOperation=B,Object.defineProperty(e,`SlideCanvasPopMangerService`,{enumerable:!0,get:function(){return X}}),e.SlideEditorContainer=Ne,e.SlideSideBar=be,Object.defineProperty(e,`SlidesUIController`,{enumerable:!0,get:function(){return q}}),e.SlidesUIMenuSchema=ke,Object.defineProperty(e,`UniverSlidesUIPlugin`,{enumerable:!0,get:function(){return $}}),e.UpdateSlideElementOperation=N});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/slides-ui",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "private": false,
   "description": "Univer normal ui-plugin-slides",
   "author": "DreamNum <developer@univer.ai>",
@@ -55,23 +55,23 @@
   },
   "dependencies": {
     "@univerjs/icons": "^1.1.1",
-    "@univerjs/core": "0.18.0",
-    "@univerjs/docs": "0.18.0",
-    "@univerjs/design": "0.18.0",
-    "@univerjs/drawing": "0.18.0",
-    "@univerjs/engine-render": "0.18.0",
-    "@univerjs/slides": "0.18.0",
-    "@univerjs/docs-ui": "0.18.0",
-    "@univerjs/ui": "0.18.0"
+    "@univerjs/core": "0.19.0",
+    "@univerjs/design": "0.19.0",
+    "@univerjs/docs-ui": "0.19.0",
+    "@univerjs/drawing": "0.19.0",
+    "@univerjs/slides": "0.19.0",
+    "@univerjs/engine-render": "0.19.0",
+    "@univerjs/docs": "0.19.0",
+    "@univerjs/ui": "0.19.0"
   },
   "devDependencies": {
     "postcss": "^8.5.8",
     "react": "18.3.1",
     "rxjs": "^7.8.2",
     "tailwindcss": "3.4.18",
-    "typescript": "^5.9.3",
-    "vitest": "^4.1.0",
-    "@univerjs-infra/shared": "0.18.0"
+    "typescript": "^6.0.2",
+    "vitest": "^4.1.1",
+    "@univerjs-infra/shared": "0.19.0"
   },
   "scripts": {
     "test": "vitest run",