@univerjs/slides-ui 0.5.5-nightly.202501220324 → 0.5.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/LICENSE +176 -0
  2. package/lib/cjs/index.js +10 -2
  3. package/lib/cjs/locale/en-US.js +1 -1
  4. package/lib/cjs/locale/fa-IR.js +1 -1
  5. package/lib/cjs/locale/fr-FR.js +1 -1
  6. package/lib/cjs/locale/ru-RU.js +1 -1
  7. package/lib/cjs/locale/vi-VN.js +1 -1
  8. package/lib/cjs/locale/zh-CN.js +1 -1
  9. package/lib/cjs/locale/zh-TW.js +1 -1
  10. package/lib/es/index.js +1491 -1494
  11. package/lib/es/locale/en-US.js +2 -2
  12. package/lib/es/locale/fa-IR.js +2 -2
  13. package/lib/es/locale/fr-FR.js +2 -2
  14. package/lib/es/locale/ru-RU.js +3 -3
  15. package/lib/es/locale/vi-VN.js +3 -3
  16. package/lib/es/locale/zh-CN.js +2 -2
  17. package/lib/es/locale/zh-TW.js +3 -3
  18. package/lib/types/components/panels/ArrangePanel.d.ts +2 -16
  19. package/lib/types/components/panels/FillPanel.d.ts +2 -16
  20. package/lib/types/components/panels/TransformPanel.d.ts +2 -16
  21. package/lib/types/components/sidebar/Sidebar.d.ts +2 -16
  22. package/lib/types/components/slide-bar/SlideBar.d.ts +2 -16
  23. package/lib/umd/index.js +10 -2
  24. package/lib/umd/locale/en-US.js +1 -1
  25. package/lib/umd/locale/fa-IR.js +1 -1
  26. package/lib/umd/locale/fr-FR.js +1 -1
  27. package/lib/umd/locale/ru-RU.js +1 -1
  28. package/lib/umd/locale/vi-VN.js +1 -1
  29. package/lib/umd/locale/zh-CN.js +1 -1
  30. package/lib/umd/locale/zh-TW.js +1 -1
  31. package/package.json +10 -10
package/lib/umd/index.js CHANGED
@@ -1,2 +1,10 @@
1
- (function(global,factory){typeof exports=="object"&&typeof module<"u"?factory(exports,require("@univerjs/core"),require("@univerjs/engine-render"),require("@univerjs/slides"),require("@univerjs/ui"),require("react/jsx-runtime"),require("@univerjs/design"),require("react"),require("rxjs"),require("@univerjs/docs"),require("@univerjs/docs-ui"),require("@univerjs/drawing")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/engine-render","@univerjs/slides","@univerjs/ui","react/jsx-runtime","@univerjs/design","react","rxjs","@univerjs/docs","@univerjs/docs-ui","@univerjs/drawing"],factory):(global=typeof globalThis<"u"?globalThis:global||self,factory(global.UniverSlidesUi={},global.UniverCore,global.UniverEngineRender,global.UniverSlides,global.UniverUi,global.React,global.UniverDesign,global.React,global.rxjs,global.UniverDocs,global.UniverDocsUi,global.UniverDrawing))})(this,function(exports2,core,engineRender,slides,ui,jsxRuntime,design,React,rxjs,docs,docsUi,drawing){"use strict";var __defProp=Object.defineProperty;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});var __publicField=(obj,key,value)=>__defNormalProp(obj,typeof key!="symbol"?key+"":key,value);var _a,_b,_c,_d,_e,_f,_g,_h,_i,_j;var __defProp$9=Object.defineProperty,__getOwnPropDesc$9=Object.getOwnPropertyDescriptor,__decorateClass$9=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$9(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$9(target,key,result),result},"__decorateClass$9"),__decorateParam$9=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$9");let SlideRenderController=(_a=class extends core.RxDisposable{constructor(_renderContext,_injector,_univerInstanceService,_renderManagerService){super();__publicField(this,"_objectProvider",null);__publicField(this,"_refreshThumb",core.debounce(()=>{this.createThumbs()},300));this._renderContext=_renderContext,this._injector=_injector,this._univerInstanceService=_univerInstanceService,this._renderManagerService=_renderManagerService,this._objectProvider=this._injector.createInstance(slides.ObjectProvider),this._addNewRender()}_addNewRender(){const{unitId,engine,scene}=this._renderContext,slideDataModel=this._getCurrUnitModel();if(!slideDataModel)return;const observer=engine.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),observer==null||observer.unsubscribe()});engine.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});const viewMain=new engineRender.Viewport(slides.SLIDE_KEY.VIEW,scene,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});scene.attachControl(),scene.onMouseWheel$.subscribeEvent((evt,state)=>{const e=evt;if(e.ctrlKey){const deltaFactor=Math.abs(e.deltaX);let scrollNum=deltaFactor<40?.2:deltaFactor<80?.4:.2;scrollNum*=e.deltaY>0?-1:1,scene.scaleX<1&&(scrollNum/=2),scene.scaleX+scrollNum>4?scene.scale(4,4):scene.scaleX+scrollNum<.1?scene.scale(.1,.1):(e.deltaY>0,e.preventDefault())}else viewMain.onMouseWheel(e,state)}),scene.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),engineRender.ScrollBar.attachTo(viewMain),this._renderManagerService.setCurrent(unitId);const slide=this._createSlide(scene);this._renderContext.mainComponent=slide,this._createSlidePages(slideDataModel,slide),this.createThumbs(),engine.runRenderLoop(()=>{scene.render()})}_scrollToCenter(){var _a2;const mainScene=(_a2=this._currentRender())==null?void 0:_a2.scene,viewMain=mainScene==null?void 0:mainScene.getViewport(slides.SLIDE_KEY.VIEW),getCenterPositionViewPort=this._getCenterPositionViewPort(mainScene);if(!viewMain||!getCenterPositionViewPort)return;const{left:viewPortLeft,top:viewPortTop}=getCenterPositionViewPort,{x,y}=viewMain.transViewportScroll2ScrollValue(viewPortLeft,viewPortTop);viewMain.scrollToBarPos({x,y})}_currentRender(){return this._renderManagerService.getCurrentTypeOfRenderer(core.UniverInstanceType.UNIVER_SLIDE)}_createSlide(mainScene){const model=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE),{width:sceneWidth,height:sceneHeight}=mainScene,pageSize=model.getPageSize(),{width=100,height=100}=pageSize,slideComponent=new engineRender.Slide(slides.SLIDE_KEY.COMPONENT,{left:(sceneWidth-width)/2,top:(sceneHeight-height)/2,width,height,zIndex:10});return slideComponent.enableSelectedClipElement(),mainScene.addObject(slideComponent),slideComponent}_addBackgroundRect(scene,fill){const pageSize=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE).getPageSize(),{width:pageWidth=0,height:pageHeight=0}=pageSize,page=new engineRender.Rect("canvas",{left:0,top:0,width:pageWidth,height:pageHeight,strokeWidth:1,stroke:"rgba(198,198,198,1)",fill:core.getColorStyle(fill)||"rgba(255,255,255,1)",zIndex:0,evented:!1});scene.addObject(page,0)}_getCenterPositionViewPort(mainScene){if(!mainScene)return{left:0,top:0};const{width,height}=mainScene,engine=mainScene.getEngine(),canvasWidth=(engine==null?void 0:engine.width)||0,canvasHeight=(engine==null?void 0:engine.height)||0;return{left:(width-canvasWidth)/2,top:(height-canvasHeight)/2}}_thumbSceneRender(pageId,slide){const render2=this._renderManagerService.getRenderById(pageId);if(render2==null)return;const{engine:thumbEngine}=render2;if(thumbEngine==null)return;const{width,height}=slide,{width:pageWidth=width,height:pageHeight=height}=thumbEngine,thumbContext=thumbEngine.getCanvas().getContext();slide.renderToThumb(thumbContext,pageId,pageWidth/width,pageHeight/height)}_createSlidePages(slideDataModel,slide){const pages=slideDataModel.getPages(),pageOrder=slideDataModel.getPageOrder();if(!(!pages||!pageOrder)&&pageOrder.length!==0){for(let i=0,len=pageOrder.length;i<len;i++){const pageId=pageOrder[i];this.createPageScene(pageId,pages[pageId]),this._createThumb(pageId)}slide.activeFirstPage()}}_createThumb(pageId){this._renderManagerService.createRender(pageId)}_getCurrUnitModel(){return this._renderContext.unit}activePage(_pageId){let pageId=_pageId;const model=this._getCurrUnitModel();let page;if(pageId)page=model.getPage(pageId);else{const pageElements=model.getPages(),pageOrder=model.getPageOrder();if(pageOrder==null||pageElements==null)return;page=pageElements[pageOrder[0]],pageId=page.id}const render2=this._currentRender();if(page==null||render2==null||render2.mainComponent==null)return;const{id}=page,slide=render2.mainComponent;if(model.setActivePage(page),slide!=null&&slide.hasPage(id)){slide.changePage(id);return}this.createPageScene(id,page)}createThumbs(){const pageOrder=this._getCurrUnitModel().getPageOrder(),render2=this._currentRender();if(!(!pageOrder||!render2)&&pageOrder.length!==0)for(let i=0,len=pageOrder.length;i<len;i++){const pageId=pageOrder[i];this._thumbSceneRender(pageId,render2.mainComponent)}}createPageScene(pageId,page){const render2=this._renderContext;if(!render2||!this._objectProvider)return;const{scene:mainScene,mainComponent}=render2,slide=mainComponent,{width,height}=slide,pageScene=new engineRender.Scene(pageId,slide,{width,height});new engineRender.Viewport(`PageViewer_${pageId}`,pageScene,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements,pageBackgroundFill}=page,objects=this._objectProvider.convertToRenderObjects(pageElements,mainScene);if(!objects||!slide)return;this._addBackgroundRect(pageScene,pageBackgroundFill),pageScene.addObjects(objects),pageScene.initTransformer(),objects.forEach(object=>{pageScene.attachTransformerTo(object)});const transformer=pageScene.getTransformer();return transformer==null||transformer.changeEnd$.subscribe(()=>{this._thumbSceneRender(pageId,slide)}),transformer==null||transformer.clearControl$.subscribe(()=>{this._thumbSceneRender(pageId,slide)}),slide.addPageScene(pageScene),pageScene}getPageRenderUnit(pageId){const pageScene=this._renderContext.mainComponent.getSubScenes().get(pageId),{engine,unit}=this._renderContext;return{scene:pageScene,engine,unit}}createObjectToPage(element2,pageID){const{scene}=this.getPageRenderUnit(pageID);if(!scene||!this._objectProvider)return;const object=this._objectProvider.convertToRenderObject(element2,scene);if(object)return scene.addObject(object),scene.attachTransformerTo(object),scene.getLayer().makeDirty(),object}setObjectActiveByPage(obj,pageID){const{scene}=this.getPageRenderUnit(pageID);if(!scene)return;const transformer=scene.getTransformer();transformer==null||transformer.activeAnObject(obj)}removeObjectById(id,pageID){const{scene}=this.getPageRenderUnit(pageID);if(!scene)return;scene.removeObject(id);const transformer=scene.getTransformer();transformer==null||transformer.clearControls()}appendPage(){const model=this._getCurrUnitModel(),page=model.getBlankPage(),render2=this._currentRender();if(page==null||render2==null||render2.mainComponent==null)return;const{id:pageId}=page,slide=render2.mainComponent,scene=this.createPageScene(pageId,page);slide&&scene&&slide.addPageScene(scene),model.appendPage(page),model.setActivePage(page)}},__name(_a,"SlideRenderController"),_a);SlideRenderController=__decorateClass$9([__decorateParam$9(1,core.Inject(core.Injector)),__decorateParam$9(2,core.IUniverInstanceService),__decorateParam$9(3,engineRender.IRenderManagerService)],SlideRenderController);var __defProp$8=Object.defineProperty,__getOwnPropDesc$8=Object.getOwnPropertyDescriptor,__decorateClass$8=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$8(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$8(target,key,result),result},"__decorateClass$8"),__decorateParam$8=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$8");exports2.CanvasView=(_b=class extends core.RxDisposable{constructor(_renderManagerService){super(),this._renderManagerService=_renderManagerService}_getSlideRenderControllerFromRenderUnit(unitId){return this._renderManagerService.getRenderById(unitId).with(SlideRenderController)}createThumbs(unitId){this._getSlideRenderControllerFromRenderUnit(unitId).createThumbs()}activePage(pageId,unitId){this._getSlideRenderControllerFromRenderUnit(unitId).activePage(pageId)}getRenderUnitByPageId(pageId,unitId){return this._getSlideRenderControllerFromRenderUnit(unitId).getPageRenderUnit(pageId)}createObjectToPage(element2,pageID,unitId){return this._getSlideRenderControllerFromRenderUnit(unitId).createObjectToPage(element2,pageID)}setObjectActiveByPage(obj,pageID,unitId){return this._getSlideRenderControllerFromRenderUnit(unitId).setObjectActiveByPage(obj,pageID)}removeObjectById(id,pageID,unitId){this._getSlideRenderControllerFromRenderUnit(unitId).removeObjectById(id,pageID)}appendPage(unitId){this._getSlideRenderControllerFromRenderUnit(unitId).appendPage()}},__name(_b,"CanvasView"),_b),exports2.CanvasView=__decorateClass$8([__decorateParam$8(0,engineRender.IRenderManagerService)],exports2.CanvasView);const SLIDES_UI_PLUGIN_CONFIG_KEY="slides-ui.config",defaultPluginConfig={},DeleteSlideElementOperation={id:"slide.operation.delete-element",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>{if(!(params!=null&&params.id))return!1;const unitId=params.unitId,slideData=accessor.get(core.IUniverInstanceService).getUnit(unitId);if(!slideData)return!1;const activePage=slideData.getActivePage();return delete activePage.pageElements[params.id],slideData.updatePage(activePage.id,activePage),accessor.get(exports2.CanvasView).removeObjectById(params.id,activePage.id,unitId),!0},"handler")};function r(e){var t,f,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}__name(r,"r");function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}__name(clsx,"clsx");var __assign=function(){return __assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&(t[p]=s[p])}return t},__assign.apply(this,arguments)},__rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},IconBase=React.forwardRef(function(props,ref){var icon=props.icon,id=props.id,className=props.className,extend=props.extend,restProps=__rest(props,["icon","id","className","extend"]),cls="univerjs-icon univerjs-icon-".concat(id," ").concat(className||"").trim(),idSuffix=React.useRef("_".concat(generateShortUuid()));return render(icon,"".concat(id),{defIds:icon.defIds,idSuffix:idSuffix.current},__assign({ref,className:cls},restProps),extend)});function render(node,id,runtimeProps,rootProps,extend){return React.createElement(node.tag,__assign(__assign({key:id},replaceRuntimeIdsAndExtInAttrs(node,runtimeProps,extend)),rootProps),(replaceRuntimeIdsInDefs(node,runtimeProps).children||[]).map(function(child,index){return render(child,"".concat(id,"-").concat(node.tag,"-").concat(index),runtimeProps,void 0,extend)}))}__name(render,"render");function replaceRuntimeIdsAndExtInAttrs(node,runtimeProps,extend){var attrs=__assign({},node.attrs);extend!=null&&extend.colorChannel1&&attrs.fill==="colorChannel1"&&(attrs.fill=extend.colorChannel1);var defIds=runtimeProps.defIds;return!defIds||defIds.length===0||(node.tag==="use"&&attrs["xlink:href"]&&(attrs["xlink:href"]=attrs["xlink:href"]+runtimeProps.idSuffix),Object.entries(attrs).forEach(function(_a2){var key=_a2[0],value=_a2[1];typeof value=="string"&&(attrs[key]=value.replace(/url\(#(.*)\)/,"url(#$1".concat(runtimeProps.idSuffix,")")))})),attrs}__name(replaceRuntimeIdsAndExtInAttrs,"replaceRuntimeIdsAndExtInAttrs");function replaceRuntimeIdsInDefs(node,runtimeProps){var _a2,defIds=runtimeProps.defIds;return!defIds||defIds.length===0?node:node.tag==="defs"&&(!((_a2=node.children)===null||_a2===void 0)&&_a2.length)?__assign(__assign({},node),{children:node.children.map(function(child){return typeof child.attrs.id=="string"&&defIds&&defIds.indexOf(child.attrs.id)>-1?__assign(__assign({},child),{attrs:__assign(__assign({},child.attrs),{id:child.attrs.id+runtimeProps.idSuffix})}):child})}):node}__name(replaceRuntimeIdsInDefs,"replaceRuntimeIdsInDefs");function generateShortUuid(){return Math.random().toString(36).substring(2,8)}__name(generateShortUuid,"generateShortUuid"),IconBase.displayName="UniverIcon";var element$9={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z"}}]},AddImageSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"add-image-single",ref,icon:element$9}))});AddImageSingle.displayName="AddImageSingle";var element$8={tag:"svg",attrs:{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.56377zM2.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.83647zM9.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"}}]},Autofill=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"autofill",ref,icon:element$8}))});Autofill.displayName="Autofill";var element$7={tag:"svg",attrs:{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.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.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.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.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.9999 3.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.7421 6.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.56641 9.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.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},BottomSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"bottom-single",ref,icon:element$7}))});BottomSingle.displayName="BottomSingle";var element$6={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{clipPath:"url(#graph-single_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-single_clip0_1293_28"},children:[{tag:"path",attrs:{fill:"#fff",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["graph-single_clip0_1293_28"]},GraphSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"graph-single",ref,icon:element$6}))});GraphSingle.displayName="GraphSingle";var element$5={tag:"svg",attrs:{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"}}]},MoreDownSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"more-down-single",ref,icon:element$5}))});MoreDownSingle.displayName="MoreDownSingle";var element$4={tag:"svg",attrs:{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"}}]},MoveDownSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"move-down-single",ref,icon:element$4}))});MoveDownSingle.displayName="MoveDownSingle";var element$3={tag:"svg",attrs:{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"}}]},MoveUpSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"move-up-single",ref,icon:element$3}))});MoveUpSingle.displayName="MoveUpSingle";var element$2={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"mask",attrs:{id:"mask0_102_1204",style:{maskType:"alpha"},width:16,height:16,x:0,y:0,maskUnits:"userSpaceOnUse"},children:[{tag:"path",attrs:{fill:"#DCDCDC",d:"M0 0H16V16H0z"}}]},{tag:"g",attrs:{mask:"url(#mask0_102_1204)"},children:[{tag:"rect",attrs:{width:12.62,height:2.79,x:1.69,y:12.25,fill:"colorChannel1",rx:1.4}},{tag:"path",attrs:{fill:"currentColor",d:"M7.74646 2.1642C7.34284 1.65121 6.85947 1.28205 6.38447 1.09593C5.86863 0.893787 5.15166 0.852126 4.70047 1.42917C4.29842 1.94344 4.33082 2.70249 4.57691 3.50395C4.68808 3.8661 4.86846 4.22254 5.12522 4.56617C5.13695 4.58185 5.14927 4.5968 5.16211 4.61102C5.17152 4.6214 5.18122 4.63139 5.19115 4.64096C5.20459 4.65393 5.21855 4.66618 5.23296 4.6777L3.5064 6.40422C3.26756 6.64306 3.26756 7.03033 3.5064 7.26919L7.23756 11.0004C7.47648 11.2392 7.86375 11.2392 8.1026 11.0004L12.8329 6.27001C13.0717 6.03117 13.0717 5.6439 12.8329 5.40505L9.10172 1.67387C8.86288 1.43503 8.47561 1.43503 8.23676 1.67387L7.74646 2.1642ZM7.46162 4.50638C7.47252 4.57574 7.48163 4.64652 7.4888 4.71868C7.52232 5.05481 7.82194 5.30013 8.15807 5.26661C8.4942 5.23311 8.73954 4.93345 8.70601 4.59732C8.65786 4.11463 8.54251 3.6666 8.37892 3.26169L8.66928 2.97135L11.5354 5.83753L10.6106 6.76237H4.87824L7.40802 4.2326C7.42885 4.32128 7.44684 4.41255 7.46162 4.50638ZM6.87284 3.03784C6.57441 2.62008 6.22261 2.34634 5.93815 2.23487C5.80233 2.18165 5.71528 2.17827 5.67638 2.18335C5.6725 2.18387 5.66929 2.18443 5.6666 2.18497L5.6619 2.18607C5.64166 2.21954 5.53594 2.45979 5.74626 3.1449C5.81241 3.36036 5.92262 3.58602 6.09307 3.81761L6.87284 3.03784Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M12.1932 11.5463C12.6454 11.5463 13.012 11.1797 13.012 10.7275C13.012 10.4475 12.6981 9.92821 12.459 9.5733C12.3299 9.38173 12.0564 9.38174 11.9274 9.57331C11.6883 9.92822 11.3744 10.4475 11.3744 10.7275C11.3744 11.1797 11.741 11.5463 12.1932 11.5463Z"}}]}]},PaintBucket=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"paint-bucket",ref,icon:element$2}))});PaintBucket.displayName="PaintBucket";var element$1={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{fill:"currentColor",clipPath:"url(#text-single_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-single_clip0_1293_26"},children:[{tag:"path",attrs:{fill:"#fff",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["text-single_clip0_1293_26"]},TextSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"text-single",ref,icon:element$1}))});TextSingle.displayName="TextSingle";var element={tag:"svg",attrs:{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 9 15.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 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.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.1665 15.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.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z",fillRule:"evenodd",clipRule:"evenodd"}}]},TopmostSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"topmost-single",ref,icon:element}))});TopmostSingle.displayName="TopmostSingle";const UpdateSlideElementOperation={id:"slide.operation.update-element",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>{const{oKey,props}=params,univerInstanceService=accessor.get(core.IUniverInstanceService),unitId=params==null?void 0:params.unitId,slideData=univerInstanceService.getUnit(unitId);if(!slideData)return!1;const activePage=slideData.getActivePage();return activePage.pageElements[oKey]=core.Tools.deepMerge(activePage.pageElements[oKey],props),slideData.updatePage(activePage.id,activePage),!0},"handler")},styles$4={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelSubtitle:"univer-image-common-panel-subtitle",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input",slidePanelColorPicker:"univer-slide-panel-color-picker"};function ArrangePanel$1(props){const{pageId,unitId}=props,localeService=core.useDependency(core.LocaleService),canvasView=core.useDependency(exports2.CanvasView),commandService=core.useDependency(core.ICommandService),page=canvasView.getRenderUnitByPageId(pageId,unitId),scene=page==null?void 0:page.scene;if(!scene)return null;const transformer=scene.getTransformer();if(!transformer)return null;const object=transformer.getSelectedObjectMap().values().next().value;if(!object)return null;const onArrangeBtnClick=__name(arrangeType=>{const allObjects=scene.getAllObjects(),[minZIndex,maxZIndex]=allObjects.reduce(([min,max],obj)=>{const zIndex2=obj.zIndex,minZIndex2=zIndex2<min?zIndex2:min,maxZIndex2=zIndex2>max?zIndex2:max;return[minZIndex2,maxZIndex2]},[0,0]);let zIndex=object.zIndex;arrangeType===3?zIndex=minZIndex-1:arrangeType===2?zIndex=maxZIndex+1:arrangeType===0?zIndex=object.zIndex+1:arrangeType===1&&(zIndex=object.zIndex-1),object.setProps({zIndex}),commandService.executeCommand(UpdateSlideElementOperation.id,{unitId,oKey:object==null?void 0:object.oKey,props:{zIndex}})},"onArrangeBtnClick");return jsxRuntime.jsxs("div",{className:styles$4.imageCommonPanelGrid,children:[jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntime.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelTitle),children:jsxRuntime.jsx("div",{children:localeService.t("image-panel.arrange.title")})})}),jsxRuntime.jsxs("div",{className:styles$4.imageCommonPanelRow,children:[jsxRuntime.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan2),children:jsxRuntime.jsx(design.Button,{size:"small",onClick:__name(()=>{onArrangeBtnClick(0)},"onClick"),children:jsxRuntime.jsxs("span",{className:styles$4.imageCommonPanelInline,children:[jsxRuntime.jsx(MoveUpSingle,{}),localeService.t("image-panel.arrange.forward")]})})}),jsxRuntime.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan2),children:jsxRuntime.jsx(design.Button,{size:"small",onClick:__name(()=>{onArrangeBtnClick(1)},"onClick"),children:jsxRuntime.jsxs("span",{className:styles$4.imageCommonPanelInline,children:[jsxRuntime.jsx(MoveDownSingle,{}),localeService.t("image-panel.arrange.backward")]})})})]}),jsxRuntime.jsxs("div",{className:styles$4.imageCommonPanelRow,children:[jsxRuntime.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan2),children:jsxRuntime.jsx(design.Button,{size:"small",onClick:__name(()=>{onArrangeBtnClick(2)},"onClick"),children:jsxRuntime.jsxs("span",{className:styles$4.imageCommonPanelInline,children:[jsxRuntime.jsx(TopmostSingle,{}),localeService.t("image-panel.arrange.front")]})})}),jsxRuntime.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan2),children:jsxRuntime.jsx(design.Button,{size:"small",onClick:__name(()=>{onArrangeBtnClick(3)},"onClick"),children:jsxRuntime.jsxs("span",{className:styles$4.imageCommonPanelInline,children:[jsxRuntime.jsx(BottomSingle,{}),localeService.t("image-panel.arrange.back")]})})})]})]})}__name(ArrangePanel$1,"ArrangePanel$1");function TransformPanel(props){const{pageId,unitId}=props,localeService=core.useDependency(core.LocaleService),canvasView=core.useDependency(exports2.CanvasView),commandService=core.useDependency(core.ICommandService),page=canvasView.getRenderUnitByPageId(pageId,unitId),scene=page==null?void 0:page.scene;if(!scene)return null;const transformer=scene.getTransformer();if(!transformer)return null;const object=transformer.getSelectedObjectMap().values().next().value;if(!object)return null;const{width:originWidth=0,height:originHeight=0,left:originX=0,top:originY=0,angle:originRotation=0}=object,[width,setWidth]=React.useState(originWidth),[height,setHeight]=React.useState(originHeight),[xPosition,setXPosition]=React.useState(originX),[yPosition,setYPosition]=React.useState(originY),[rotation,setRotation]=React.useState(originRotation),changeObs=__name(state=>{const{objects}=state,object2=objects.values().next().value,{width:originWidth2=0,height:originHeight2=0,left:originX2=0,top:originY2=0,angle:originRotation2=0}=object2;setWidth(originWidth2),setHeight(originHeight2),setXPosition(originX2),setYPosition(originY2),setRotation(originRotation2)},"changeObs");React.useEffect(()=>{const changeStartSub=transformer.changeStart$.subscribe(state=>{changeObs(state)}),changingSub=transformer.changing$.subscribe(state=>{changeObs(state)});return()=>{changingSub.unsubscribe(),changeStartSub.unsubscribe()}},[]);function handleWidthChange(val){!val||!object||(commandService.executeCommand(UpdateSlideElementOperation.id,{pageId,oKey:object.oKey,props:{width:val}}),object==null||object.resize(val,object.height),setWidth(val),transformer==null||transformer.refreshControls())}__name(handleWidthChange,"handleWidthChange");function handleHeightChange(val){!val||!object||(commandService.executeCommand(UpdateSlideElementOperation.id,{pageId,oKey:object.oKey,props:{height:val}}),object==null||object.resize(object.width,val),setHeight(val),transformer==null||transformer.refreshControls())}__name(handleHeightChange,"handleHeightChange");function handleXChange(val){!val||!object||(commandService.executeCommand(UpdateSlideElementOperation.id,{pageId,oKey:object.oKey,props:{left:val}}),object==null||object.translate(val,object.top),setXPosition(val),transformer==null||transformer.refreshControls())}__name(handleXChange,"handleXChange");function handleYChange(val){!val||!object||(commandService.executeCommand(UpdateSlideElementOperation.id,{pageId,oKey:object.oKey,props:{right:val}}),object==null||object.translate(object.left,val),setYPosition(val),transformer==null||transformer.refreshControls())}__name(handleYChange,"handleYChange");function handleChangeRotation(val){!val||!object||(commandService.executeCommand(UpdateSlideElementOperation.id,{pageId,oKey:object.oKey,props:{angle:val}}),object==null||object.transformByState({angle:val}),setRotation(val),transformer==null||transformer.refreshControls())}return __name(handleChangeRotation,"handleChangeRotation"),jsxRuntime.jsxs("div",{className:clsx(styles$4.imageCommonPanelGrid,styles$4.imageCommonPanelBorder),children:[jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntime.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelTitle),children:jsxRuntime.jsx("div",{children:localeService.t("image-panel.transform.title")})})}),jsxRuntime.jsxs("div",{className:styles$4.imageCommonPanelRow,children:[jsxRuntime.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan3),children:jsxRuntime.jsxs("label",{children:[jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelColumn,children:localeService.t("image-panel.transform.width")})}),jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelColumn,children:jsxRuntime.jsx(design.InputNumber,{className:styles$4.imageCommonPanelInput,min:1,value:width,onChange:__name(val=>{handleWidthChange(val)},"onChange")})})})]})}),jsxRuntime.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan3),children:jsxRuntime.jsxs("label",{children:[jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelColumn,children:localeService.t("image-panel.transform.height")})}),jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelColumn,children:jsxRuntime.jsx(design.InputNumber,{className:styles$4.imageCommonPanelInput,min:1,value:height,onChange:__name(val=>{handleHeightChange(val)},"onChange")})})})]})})]}),jsxRuntime.jsxs("div",{className:styles$4.imageCommonPanelRow,children:[jsxRuntime.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan3),children:jsxRuntime.jsxs("label",{children:[jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelColumn,children:localeService.t("image-panel.transform.x")})}),jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelColumn,children:jsxRuntime.jsx(design.InputNumber,{className:styles$4.imageCommonPanelInput,precision:1,min:0,value:xPosition,onChange:__name(val=>{handleXChange(val)},"onChange")})})})]})}),jsxRuntime.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan3),children:jsxRuntime.jsxs("label",{children:[jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelColumn,children:localeService.t("image-panel.transform.y")})}),jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelColumn,children:jsxRuntime.jsx(design.InputNumber,{className:styles$4.imageCommonPanelInput,precision:1,min:0,value:yPosition,onChange:__name(val=>{handleYChange(val)},"onChange")})})})]})}),jsxRuntime.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan3),children:jsxRuntime.jsxs("label",{children:[jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelColumn,children:localeService.t("image-panel.transform.rotate")})}),jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelColumn,children:jsxRuntime.jsx(design.InputNumber,{className:styles$4.imageCommonPanelInput,precision:1,value:rotation,onChange:handleChangeRotation})})})]})})]})]})}__name(TransformPanel,"TransformPanel");function ArrangePanel(props){var _a2,_b2;const{pageId,unitId}=props,localeService=core.useDependency(core.LocaleService),canvasView=core.useDependency(exports2.CanvasView),commandService=core.useDependency(core.ICommandService),page=canvasView.getRenderUnitByPageId(pageId,unitId),scene=page==null?void 0:page.scene;if(!scene)return null;const transformer=scene.getTransformer();if(!transformer)return null;const object=transformer.getSelectedObjectMap().values().next().value;if(!object)return null;const[color,setColor]=React.useState((_b2=(_a2=object.fill)==null?void 0:_a2.toString())!=null?_b2:"");function handleChangeColor(color2){object==null||object.setProps({fill:color2}),commandService.executeCommand(UpdateSlideElementOperation.id,{unitId,oKey:object==null?void 0:object.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:color2}}}}}),setColor(color2)}return __name(handleChangeColor,"handleChangeColor"),jsxRuntime.jsx("div",{className:clsx(styles$4.imageCommonPanelGrid,styles$4.imageCommonPanelBorder),children:jsxRuntime.jsxs("div",{className:styles$4.imageCommonPanelGrid,children:[jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntime.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelTitle),children:jsxRuntime.jsx("div",{children:localeService.t("slide.panel.fill.title")})})}),jsxRuntime.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntime.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan2),children:jsxRuntime.jsx(design.DropdownLegacy,{align:{offset:[0,18]},overlay:jsxRuntime.jsx("section",{className:styles$4.slidePanelColorPicker,children:jsxRuntime.jsx(design.ColorPicker,{value:"#fff",onChange:handleChangeColor})}),children:jsxRuntime.jsxs("a",{className:styles$4.uiPluginSheetsBorderPanelButton,children:[jsxRuntime.jsx(PaintBucket,{extend:{colorChannel1:color!=null?color:"rgb(var(--primary-color))"}}),jsxRuntime.jsx("span",{className:styles$4.uiPluginSheetsBorderPanelMoreIcon,children:jsxRuntime.jsx(MoreDownSingle,{})})]})})})})]})})}__name(ArrangePanel,"ArrangePanel");const styles$3={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelSubtitle:"univer-image-common-panel-subtitle",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input"},COMPONENT_SLIDE_SIDEBAR="COMPONENT_SLIDE_SIDEBAR";function RectSidebar(){var _a2,_b2,_c2;const univerInstanceService=core.useDependency(core.IUniverInstanceService),canvasView=core.useDependency(exports2.CanvasView),currentSlide=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE),pageId=(_a2=currentSlide==null?void 0:currentSlide.getActivePage())==null?void 0:_a2.id;if(!pageId)return null;const transformer=(_b2=canvasView.getRenderUnitByPageId(pageId,pageId).scene)==null?void 0:_b2.getTransformer();if(!transformer)return null;const object=transformer.getSelectedObjectMap().values().next().value;if(!object)return null;const unitId=((_c2=univerInstanceService.getFocusedUnit())==null?void 0:_c2.getUnitId())||"";return jsxRuntime.jsxs("section",{className:styles$3.imageCommonPanel,children:[jsxRuntime.jsx(ArrangePanel$1,{pageId,unitId}),jsxRuntime.jsx(TransformPanel,{pageId,unitId}),object.objectType===engineRender.ObjectType.RECT&&jsxRuntime.jsx(ArrangePanel,{pageId,unitId})]})}__name(RectSidebar,"RectSidebar");const InsertSlideShapeRectangleCommand={id:"slide.command.insert-float-shape",type:core.CommandType.COMMAND,handler:__name(async accessor=>{var _a2;const commandService=accessor.get(core.ICommandService),unitId=(_a2=accessor.get(core.IUniverInstanceService).getFocusedUnit())==null?void 0:_a2.getUnitId();return commandService.executeCommand(InsertSlideShapeRectangleOperation.id,{unitId})},"handler")},InsertSlideShapeRectangleOperation={id:"slide.operation.insert-float-shape",type:core.CommandType.OPERATION,handler:__name(async(accessor,params)=>{const id=core.generateRandomId(6),univerInstanceService=accessor.get(core.IUniverInstanceService),unitId=params.unitId,slideData=univerInstanceService.getUnit(unitId);if(!slideData)return!1;const activePage=slideData.getActivePage(),elements=Object.values(activePage.pageElements),maxIndex=elements!=null&&elements.length?Math.max(...elements.map(element2=>element2.zIndex)):20,data={id,zIndex:maxIndex+1,left:378,top:142,width:250,height:250,title:id,description:"",type:core.PageElementType.SHAPE,shape:{shapeType:core.BasicShapes.Rect,text:"",shapeProperties:{shapeBackgroundFill:{rgb:"rgb(0,0,255)"}}}};activePage.pageElements[id]=data,slideData.updatePage(activePage.id,activePage);const canvasview=accessor.get(exports2.CanvasView),sceneObject=canvasview.createObjectToPage(data,activePage.id,unitId);return sceneObject&&canvasview.setObjectActiveByPage(sceneObject,activePage.id,unitId),!0},"handler")},ToggleSlideEditSidebarOperation={id:"sidebar.operation.slide-shape",type:core.CommandType.COMMAND,handler:__name(async(accessor,params)=>{const{visible,objectType}=params,sidebarService=accessor.get(ui.ISidebarService),localeService=accessor.get(core.LocaleService);let title="",children="";return objectType===engineRender.ObjectType.RECT?(title="slide.sidebar.shape",children=COMPONENT_SLIDE_SIDEBAR):objectType===engineRender.ObjectType.IMAGE?(title="slide.sidebar.image",children=COMPONENT_SLIDE_SIDEBAR):objectType===engineRender.ObjectType.RICH_TEXT&&(title="slide.sidebar.text",children=COMPONENT_SLIDE_SIDEBAR),visible?sidebarService.open({header:{title:localeService.t(title)},children:{label:children},onClose:__name(()=>{},"onClose"),width:360}):sidebarService.close(),!0},"handler")},COMPONENT_SLIDE_IMAGE_POPUP_MENU="COMPONENT_SLIDE_IMAGE_POPUP_MENU";var __defProp$7=Object.defineProperty,__getOwnPropDesc$7=Object.getOwnPropertyDescriptor,__decorateClass$7=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$7(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$7(target,key,result),result},"__decorateClass$7"),__decorateParam$7=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$7");function transformBound2OffsetBound(originBound,scene){const topLeft=transformPosition2Offset(originBound.left,originBound.top,scene),bottomRight=transformPosition2Offset(originBound.right,originBound.bottom,scene);return{left:topLeft.x,top:topLeft.y,right:bottomRight.x,bottom:bottomRight.y}}__name(transformBound2OffsetBound,"transformBound2OffsetBound");function transformPosition2Offset(x,y,scene){const{scaleX,scaleY}=scene.getAncestorScale(),viewMain=scene.getViewport(slides.SLIDE_KEY.VIEW);if(!viewMain)return{x,y};const{viewportScrollX:actualScrollX,viewportScrollY:actualScrollY}=viewMain,offsetX=(x-actualScrollX)*scaleX,offsetY=(y-actualScrollY)*scaleY;return{x:offsetX,y:offsetY}}__name(transformPosition2Offset,"transformPosition2Offset"),exports2.SlideCanvasPopMangerService=(_c=class extends core.Disposable{constructor(_globalPopupManagerService,_renderManagerService,_univerInstanceService,_commandService){super(),this._globalPopupManagerService=_globalPopupManagerService,this._renderManagerService=_renderManagerService,this._univerInstanceService=_univerInstanceService,this._commandService=_commandService}_createObjectPositionObserver(targetObject,currentRender){const position=__name(()=>{var _a2,_b2,_c2,_d2;const{scene,engine}=currentRender,{left,top,width,height}=targetObject,horizontalOffset=(scene.width-((_b2=(_a2=currentRender.mainComponent)==null?void 0:_a2.width)!=null?_b2:0))/2,verticalOffset=(scene.height-((_d2=(_c2=currentRender.mainComponent)==null?void 0:_c2.height)!=null?_d2:0))/2,bound={left,right:left+width,top,bottom:top+height},canvasElement=engine.getCanvasElement(),canvasClientRect=canvasElement.getBoundingClientRect(),widthOfCanvas=engineRender.pxToNum(canvasElement.style.width),{scaleX,scaleY}=scene.getAncestorScale(),offsetBound=transformBound2OffsetBound(bound,scene),{top:topOffset,left:leftOffset,width:domWidth}=canvasClientRect,scaleAdjust=domWidth/widthOfCanvas;return{left:offsetBound.left*scaleAdjust*scaleX+leftOffset+horizontalOffset,right:offsetBound.right*scaleAdjust*scaleX+leftOffset+horizontalOffset,top:offsetBound.top*scaleAdjust*scaleY+topOffset+verticalOffset,bottom:offsetBound.bottom*scaleAdjust*scaleY+topOffset+verticalOffset}},"calc")(),position$=new rxjs.BehaviorSubject(position),disposable=new core.DisposableCollection;return{position,position$,disposable}}attachPopupToObject(targetObject,popup){const unitId=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE).getUnitId(),currentRender=this._renderManagerService.getRenderById(unitId);if(!currentRender)return{dispose:__name(()=>{},"dispose")};const{position,position$,disposable}=this._createObjectPositionObserver(targetObject,currentRender),id=this._globalPopupManagerService.addPopup({...popup,unitId,subUnitId:"default",anchorRect:position,anchorRect$:position$,canvasElement:currentRender.engine.getCanvasElement()});return{dispose:__name(()=>{this._globalPopupManagerService.removePopup(id),position$.complete(),disposable.dispose()},"dispose")}}},__name(_c,"SlideCanvasPopMangerService"),_c),exports2.SlideCanvasPopMangerService=__decorateClass$7([__decorateParam$7(0,core.Inject(ui.ICanvasPopupService)),__decorateParam$7(1,engineRender.IRenderManagerService),__decorateParam$7(2,core.IUniverInstanceService),__decorateParam$7(3,core.ICommandService)],exports2.SlideCanvasPopMangerService);var __defProp$6=Object.defineProperty,__getOwnPropDesc$6=Object.getOwnPropertyDescriptor,__decorateClass$6=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$6(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$6(target,key,result),result},"__decorateClass$6"),__decorateParam$6=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$6");let SlidePopupMenuController=(_d=class extends core.RxDisposable{constructor(_canvasPopManagerService,_renderManagerService,_univerInstanceService,_contextService,_canvasView,_sidebarService,_commandService){super();__publicField(this,"_initImagePopupMenu",new Set);this._canvasPopManagerService=_canvasPopManagerService,this._renderManagerService=_renderManagerService,this._univerInstanceService=_univerInstanceService,this._contextService=_contextService,this._canvasView=_canvasView,this._sidebarService=_sidebarService,this._commandService=_commandService,this._init()}_init(){this._univerInstanceService.getAllUnitsForType(core.UniverInstanceType.UNIVER_SLIDE).forEach(slide=>this._create(slide))}_create(slide){if(!slide)return;const unitId=slide.getUnitId();this._renderManagerService.has(unitId)&&!this._initImagePopupMenu.has(unitId)&&(this._popupMenuListener(unitId),this._initImagePopupMenu.add(unitId))}_hasCropObject(scene){}_popupMenuListener(unitId){var _a2;const model=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE),pages=(_a2=model==null?void 0:model.getPages())!=null?_a2:{};Object.keys(pages).forEach(pageId=>{var _a3;const transformer=(_a3=this._canvasView.getRenderUnitByPageId(pageId,unitId).scene)==null?void 0:_a3.getTransformer();if(!transformer)return;let singletonPopupDisposer;this.disposeWithMe(core.toDisposable(transformer.createControl$.subscribe(()=>{const selectedObjects=transformer.getSelectedObjectMap();if(selectedObjects.size>1){singletonPopupDisposer==null||singletonPopupDisposer.dispose();return}const object=selectedObjects.values().next().value;if(!object)return;const oKey=object.oKey;singletonPopupDisposer==null||singletonPopupDisposer.dispose(),singletonPopupDisposer=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(object,{componentKey:COMPONENT_SLIDE_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(object.objectType,oKey,unitId)}})),this._sidebarService.visible&&this._commandService.executeCommand(ToggleSlideEditSidebarOperation.id,{visible:!0,objectType:object.objectType})}))),this.disposeWithMe(transformer.clearControl$.subscribe(()=>{singletonPopupDisposer==null||singletonPopupDisposer.dispose(),this._contextService.setContextValue(core.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(transformer.changing$.subscribe(()=>{singletonPopupDisposer==null||singletonPopupDisposer.dispose();const selectedObjects=transformer.getSelectedObjectMap();if(selectedObjects.size>1){singletonPopupDisposer==null||singletonPopupDisposer.dispose();return}const object=selectedObjects.values().next().value;object&&this._commandService.executeCommand(UpdateSlideElementOperation.id,{unitId,oKey:object.oKey,props:{width:object.width,height:object.height,left:object.left,top:object.top}})}))})}_getMenuItemsByObjectType(objectType,oKey,unitId){return[{label:"slide.popup.edit",index:0,commandId:ToggleSlideEditSidebarOperation.id,commandParams:{visible:!0,objectType},disable:!1},{label:"slide.popup.delete",index:5,commandId:DeleteSlideElementOperation.id,commandParams:{id:oKey,unitId},disable:!1}]}},__name(_d,"SlidePopupMenuController"),_d);SlidePopupMenuController=__decorateClass$6([__decorateParam$6(0,core.Inject(exports2.SlideCanvasPopMangerService)),__decorateParam$6(1,engineRender.IRenderManagerService),__decorateParam$6(2,core.IUniverInstanceService),__decorateParam$6(3,core.IContextService),__decorateParam$6(4,core.Inject(exports2.CanvasView)),__decorateParam$6(5,ui.ISidebarService),__decorateParam$6(6,core.ICommandService)],SlidePopupMenuController);const SetTextEditArrowOperation={id:"slide.operation.edit-arrow",type:core.CommandType.OPERATION,handler:__name(()=>!0,"handler")},SLIDE_EDITOR_ID=core.createInternalEditorID("SLIDE_EDITOR");var __defProp$5=Object.defineProperty,__getOwnPropDesc$5=Object.getOwnPropertyDescriptor,__decorateClass$5=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$5(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$5(target,key,result),result},"__decorateClass$5"),__decorateParam$5=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$5");const ISlideEditorBridgeService=core.createIdentifier("univer.slide-editor-bridge.service");let SlideEditorBridgeService=(_e=class extends core.Disposable{constructor(_editorService,_contextService,_renderManagerService){super();__publicField(this,"_editorUnitId",SLIDE_EDITOR_ID);__publicField(this,"_isForceKeepVisible",!1);__publicField(this,"_editorIsDirty",!1);__publicField(this,"_currentEditRectState",null);__publicField(this,"_currentEditRectState$",new rxjs.BehaviorSubject(null));__publicField(this,"currentEditRectState$",this._currentEditRectState$.asObservable());__publicField(this,"_visibleParam",{visible:!1,eventType:engineRender.DeviceInputEventType.Dblclick,unitId:""});__publicField(this,"_visible$",new rxjs.BehaviorSubject(this._visibleParam));__publicField(this,"visible$",this._visible$.asObservable());__publicField(this,"_afterVisible$",new rxjs.BehaviorSubject(this._visibleParam));__publicField(this,"afterVisible$",this._afterVisible$.asObservable());__publicField(this,"endEditing$",new rxjs.Subject);__publicField(this,"_currentEditRectInfo");this._editorService=_editorService,this._contextService=_contextService,this._renderManagerService=_renderManagerService}dispose(){super.dispose()}getEditorRect(){return this._currentEditRectInfo}setEditorRect(editorInfo){this._currentEditRectInfo=editorInfo,this._editorService.getFocusEditor()||(this._editorService.focus(SLIDE_EDITOR_ID),this._contextService.setContextValue(core.EDITOR_ACTIVATED,!1),this._contextService.setContextValue(core.FOCUSING_EDITOR_STANDALONE,!1),this._contextService.setContextValue(core.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE,!1));const editRectState=this.getEditRectState();this._currentEditRectState=editRectState,this._currentEditRectState$.next(editRectState)}changeVisible(param){this._visibleParam=param,param.visible&&(this._editorIsDirty=!1),this._visible$.next(this._visibleParam),this._afterVisible$.next(this._visibleParam)}getEditRectState(){const editorUnitId=SLIDE_EDITOR_ID,editorRectInfo=this._currentEditRectInfo,unitId=editorRectInfo.unitId,docData=editorRectInfo.richTextObj.documentData;docData.id=editorUnitId,docData.documentStyle={...docData.documentStyle,pageSize:{width:editorRectInfo.richTextObj.width,height:1/0}};const documentLayoutObject={documentModel:new core.DocumentDataModel(docData),fontString:"document",textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:core.VerticalAlign.TOP,horizontalAlign:core.HorizontalAlign.LEFT,paddingData:{t:0,b:1,l:2,r:2}},editorWidth=editorRectInfo.richTextObj.width,editorHeight=editorRectInfo.richTextObj.height,left=editorRectInfo.richTextObj.left,top=editorRectInfo.richTextObj.top,canvasOffset={left:0,top:0},renderUnit=this._renderManagerService.getRenderById(unitId),mainScene=renderUnit==null?void 0:renderUnit.scene,mainViewport=mainScene==null?void 0:mainScene.getViewport(slides.SLIDE_KEY.VIEW),slideMainRect=mainScene==null?void 0:mainScene.getObject(slides.SLIDE_KEY.COMPONENT),slidePos={x:(slideMainRect==null?void 0:slideMainRect.left)||0,y:(slideMainRect==null?void 0:slideMainRect.top)||0},scrollX=(mainViewport==null?void 0:mainViewport.viewportScrollX)||0,scrollY=(mainViewport==null?void 0:mainViewport.viewportScrollY)||0;return canvasOffset.left=slidePos.x-scrollX,canvasOffset.top=slidePos.y-scrollY,{position:{startX:left,startY:top,endX:left+editorWidth,endY:top+editorHeight},scaleX:1,scaleY:1,slideCardOffset:canvasOffset,unitId,editorUnitId,documentLayoutObject}}changeEditorDirty(dirtyStatus){this._editorIsDirty=dirtyStatus}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(target){const editorUnitId=this.getCurrentEditorId(),content=target.text,fontSize=target.fs;return{id:editorUnitId,body:{dataStream:`${content}\r
2
- `,textRuns:[{st:0,ed:content.length}],paragraphs:[{paragraphStyle:{},startIndex:content.length+1}],sectionBreaks:[{startIndex:content.length+2}]},documentStyle:{marginBottom:0,marginLeft:0,marginRight:0,marginTop:0,pageSize:{width:1/0,height:1/0},textStyle:{fs:fontSize},renderConfig:{verticalAlign:core.VerticalAlign.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}},__name(_e,"SlideEditorBridgeService"),_e);SlideEditorBridgeService=__decorateClass$5([__decorateParam$5(0,docsUi.IEditorService),__decorateParam$5(1,core.IContextService),__decorateParam$5(2,engineRender.IRenderManagerService)],SlideEditorBridgeService);const _SlideEditorManagerService=class _SlideEditorManagerService{constructor(){__publicField(this,"_state",null);__publicField(this,"_rect",null);__publicField(this,"_state$",new rxjs.BehaviorSubject(null));__publicField(this,"state$",this._state$.asObservable());__publicField(this,"_rect$",new rxjs.BehaviorSubject(null));__publicField(this,"rect$",this._rect$.asObservable());__publicField(this,"_focus",!1);__publicField(this,"_focus$",new rxjs.BehaviorSubject(this._focus));__publicField(this,"focus$",this._focus$.asObservable())}dispose(){this._state$.complete(),this._state=null,this._rect$.complete(),this._rect=null}setState(param){this._state=param,this._refresh(param)}getRect(){return this._rect}setRect(param){this._rect=param,this._rect$.next(param)}getState(){return this._state}setFocus(param=!1){this._focus=param,this._focus$.next(param)}_refresh(param){this._state$.next(param)}};__name(_SlideEditorManagerService,"SlideEditorManagerService");let SlideEditorManagerService=_SlideEditorManagerService;const ISlideEditorManagerService=core.createIdentifier("univer.slide-editor-manager.service");var CursorChange=(_CursorChange=>(_CursorChange[_CursorChange.InitialState=0]="InitialState",_CursorChange[_CursorChange.StartEditor=1]="StartEditor",_CursorChange[_CursorChange.CursorChange=2]="CursorChange",_CursorChange))(CursorChange||{}),__defProp$4=Object.defineProperty,__getOwnPropDesc$4=Object.getOwnPropertyDescriptor,__decorateClass$4=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$4(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$4(target,key,result),result},"__decorateClass$4"),__decorateParam$4=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$4");const HIDDEN_EDITOR_POSITION$1=-1e3,EDITOR_INPUT_SELF_EXTEND_GAP=5,EDITOR_BORDER_SIZE=2;let SlideEditingRenderController=(_f=class extends core.Disposable{constructor(_renderContext,_layoutService,_undoRedoService,_contextService,_instanceSrv,_renderManagerService,_editorBridgeService,_cellEditorManagerService,_textSelectionManagerService,_commandService,_localService,_editorService){super();__publicField(this,"_cursorChange",CursorChange.InitialState);__publicField(this,"_isUnitEditing",!1);__publicField(this,"_d");this._renderContext=_renderContext,this._layoutService=_layoutService,this._undoRedoService=_undoRedoService,this._contextService=_contextService,this._instanceSrv=_instanceSrv,this._renderManagerService=_renderManagerService,this._editorBridgeService=_editorBridgeService,this._cellEditorManagerService=_cellEditorManagerService,this._textSelectionManagerService=_textSelectionManagerService,this._commandService=_commandService,this._localService=_localService,this._editorService=_editorService,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_SLIDE).subscribe(slideDataModel=>{slideDataModel&&slideDataModel.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:engineRender.DeviceInputEventType.Keyboard,keycode:ui.KeyCode.ESC,unitId:this._renderContext.unitId}),this._isUnitEditing=!1))})),this._initEditorVisibilityListener()}dispose(){super.dispose(),this._disposeCurrent()}_disposeCurrent(){var _a2;(_a2=this._d)==null||_a2.dispose(),this._d=null}_init(){const d=new core.DisposableCollection;return this._subscribeToCurrentCell(d),this._initialKeyboardListener(d),this._initialCursorSync(d),this._listenEditorFocus(d),this._commandExecutedListener(d),setTimeout(()=>{this._cursorStateListener(d)},1e3),d}_initEditorVisibilityListener(){this.disposeWithMe(this._editorBridgeService.visible$.subscribe(param=>{param.visible?(this._isUnitEditing=!0,this._handleEditorVisible(param)):this._isUnitEditing&&(this._handleEditorInvisible(param),this._isUnitEditing=!1)}))}_listenEditorFocus(d){const renderConfig=this._getEditorObject();renderConfig&&d.add(renderConfig.document.onPointerDown$.subscribeEvent(()=>{}))}_getEditorSkeleton(editorId){var _a2;return(_a2=this._renderManagerService.getRenderById(editorId))==null?void 0:_a2.with(docs.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(editorId){var _a2;return(_a2=this._renderManagerService.getRenderById(editorId))==null?void 0:_a2.with(docs.DocSkeletonManagerService).getViewModel()}_initialCursorSync(d){d.add(this._cellEditorManagerService.focus$.pipe(rxjs.filter(f=>!!f)).subscribe(()=>{var _a2;const docSelectionRenderManager=(_a2=this._renderManagerService.getCurrentTypeOfRenderer(core.UniverInstanceType.UNIVER_DOC))==null?void 0:_a2.with(docsUi.DocSelectionRenderService);docSelectionRenderManager&&docSelectionRenderManager.sync()}))}_subscribeToCurrentCell(d){d.add(this._editorBridgeService.currentEditRectState$.subscribe(editCellState=>{var _a2;if(editCellState==null||this._contextService.getContextValue(core.FOCUSING_EDITOR_STANDALONE)||this._contextService.getContextValue(core.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE))return;const{position:{startX,endX},documentLayoutObject:{textRotation,wrapStrategy,documentModel},scaleX,editorUnitId}=editCellState,{vertexAngle:angle}=engineRender.convertTextRotation(textRotation);documentModel.updateDocumentId(editorUnitId),wrapStrategy===core.WrapStrategy.WRAP&&angle===0&&documentModel.updateDocumentDataPageSize((endX-startX)/scaleX),this._instanceSrv.changeDoc(editorUnitId,documentModel),this._contextService.setContextValue(core.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]);const docSelectionRenderManager=(_a2=this._renderManagerService.getCurrentTypeOfRenderer(core.UniverInstanceType.UNIVER_DOC))==null?void 0:_a2.with(docsUi.DocSelectionRenderService);docSelectionRenderManager&&docSelectionRenderManager.activate(HIDDEN_EDITOR_POSITION$1,HIDDEN_EDITOR_POSITION$1)}))}_fitTextSize(positionFromEditRectState,canvasOffset,documentSkeleton,documentLayoutObject,scaleX=1,scaleY=1){const{startX,startY,endX,endY}=positionFromEditRectState,documentDataModel=documentLayoutObject.documentModel;if(documentDataModel==null)return;const{actualWidth,actualHeight}=this._predictingSize(positionFromEditRectState,canvasOffset,documentSkeleton,documentLayoutObject,scaleX,scaleY),{verticalAlign,paddingData,fill}=documentLayoutObject;let editorWidth=endX-startX,editorHeight=endY-startY;if(editorWidth<actualWidth&&(editorWidth=actualWidth),editorHeight<actualHeight)editorHeight=actualHeight,documentDataModel.updateDocumentDataMargin(paddingData);else{let offsetTop=0;verticalAlign===core.VerticalAlign.MIDDLE?offsetTop=(editorHeight-actualHeight)/2/scaleY:verticalAlign===core.VerticalAlign.TOP?offsetTop=paddingData.t||0:offsetTop=(editorHeight-actualHeight)/scaleY-(paddingData.b||0),offsetTop=offsetTop<(paddingData.t||0)?paddingData.t||0:offsetTop,documentDataModel.updateDocumentDataMargin({t:offsetTop})}documentSkeleton.calculate(),this._editAreaProcessing(editorWidth,editorHeight,positionFromEditRectState,canvasOffset,fill,scaleX,scaleY)}_predictingSize(actualRangeWithCoord,canvasOffset,documentSkeleton,documentLayoutObject,scaleX=1,scaleY=1){const{startX,endX}=actualRangeWithCoord,{textRotation,wrapStrategy}=documentLayoutObject,documentDataModel=documentLayoutObject.documentModel,{vertexAngle:angle}=engineRender.convertTextRotation(textRotation),clientWidth=document.body.clientWidth;if(wrapStrategy===core.WrapStrategy.WRAP&&angle===0){const{actualWidth,actualHeight}=documentSkeleton.getActualSize();return{actualWidth:actualWidth*scaleX,actualHeight:actualHeight*scaleY}}documentDataModel==null||documentDataModel.updateDocumentDataPageSize((clientWidth-startX-canvasOffset.left)/scaleX),documentSkeleton.calculate();const size=documentSkeleton.getActualSize();let editorWidth=endX-startX;return editorWidth<size.actualWidth*scaleX+EDITOR_INPUT_SELF_EXTEND_GAP*scaleX&&(editorWidth=size.actualWidth*scaleX+EDITOR_INPUT_SELF_EXTEND_GAP*scaleX),documentDataModel==null||documentDataModel.updateDocumentDataPageSize(editorWidth/scaleX),documentDataModel==null||documentDataModel.updateDocumentRenderConfig({horizontalAlign:core.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:editorWidth,actualHeight:size.actualHeight*scaleY}}_editAreaProcessing(editorWidth,editorHeight,positionFromEditRectState,canvasOffset,fill,scaleX=1,scaleY=1){var _a2;const editorObject=this._getEditorObject();if(editorObject==null)return;function pxToNum(width2){return Number.parseInt(width2.replace("px",""))}__name(pxToNum,"pxToNum");const canvasElement=this._renderContext.engine.getCanvasElement(),canvasClientRect=canvasElement.getBoundingClientRect(),widthOfCanvas=pxToNum(canvasElement.style.width),{top,left,width}=canvasClientRect,scaleAdjust=width/widthOfCanvas;let{startX,startY}=positionFromEditRectState;startX+=canvasOffset.left,startY+=canvasOffset.top;const{document:documentComponent,scene:editorScene,engine:docEngine}=editorObject,viewportMain=editorScene.getViewport(docsUi.VIEWPORT_KEY.VIEW_MAIN),clientHeight=document.body.clientHeight-startY-canvasOffset.top-EDITOR_BORDER_SIZE*2,clientWidth=document.body.clientWidth-startX-canvasOffset.left;let physicHeight=editorHeight,scrollBar=viewportMain==null?void 0:viewportMain.getScrollBar();physicHeight>clientHeight?(physicHeight=clientHeight,scrollBar==null?viewportMain&&new engineRender.ScrollBar(viewportMain,{enableHorizontal:!1,barSize:8}):viewportMain==null||viewportMain.resetCanvasSizeAndUpdateScroll()):(scrollBar=null,(_a2=viewportMain==null?void 0:viewportMain.getScrollBar())==null||_a2.dispose()),editorWidth+=(scrollBar==null?void 0:scrollBar.barSize)||0,editorWidth=Math.min(editorWidth,clientWidth),startX-=engineRender.FIX_ONE_PIXEL_BLUR_OFFSET,startY-=engineRender.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(editorScene,editorWidth/scaleX,editorHeight/scaleY,fill);const{scaleX:precisionScaleX,scaleY:precisionScaleY}=editorScene.getPrecisionScale();editorScene.transformByState({width:editorWidth*scaleAdjust/scaleX,height:editorHeight*scaleAdjust/scaleY,scaleX:scaleX*scaleAdjust,scaleY:scaleY*scaleAdjust}),documentComponent.resize(editorWidth/scaleX,editorHeight/scaleY),setTimeout(()=>{docEngine.resizeBySize(engineRender.fixLineWidthByScale(editorWidth,precisionScaleX),engineRender.fixLineWidthByScale(physicHeight,precisionScaleY))},0);const contentBoundingRect=this._layoutService.getContentElement().getBoundingClientRect(),canvasBoundingRect=canvasElement.getBoundingClientRect();startX=startX*scaleAdjust+(canvasBoundingRect.left-contentBoundingRect.left),startY=startY*scaleAdjust+(canvasBoundingRect.top-contentBoundingRect.top),this._cellEditorManagerService.setState({startX,startY,endX:editorWidth*scaleAdjust+startX,endY:physicHeight*scaleAdjust+startY,show:!0})}_addBackground(scene,editorWidth,editorHeight,fill){const fillRectKey="_backgroundRectHelperColor_",rect=scene.getObject(fillRectKey);rect==null&&fill==null||(rect==null?scene.addObjects([new engineRender.Rect(fillRectKey,{width:editorWidth,height:editorHeight,fill,evented:!1})],docsUi.DOCS_COMPONENT_MAIN_LAYER_INDEX):fill==null?rect.dispose():(rect.setProps({fill}),rect.transformByState({width:editorWidth,height:editorHeight})))}_handleEditorVisible(param){var _a2,_b2;const{eventType}=param;this._cursorChange=[engineRender.DeviceInputEventType.PointerDown,engineRender.DeviceInputEventType.Dblclick].includes(eventType)?CursorChange.CursorChange:CursorChange.StartEditor;const editCellState=this._editorBridgeService.getEditRectState();if(editCellState==null)return;const{position,documentLayoutObject,slideCardOffset:canvasOffset,scaleX,scaleY,editorUnitId,unitId}=editCellState,editorObject=this._getEditorObject();if(editorObject==null)return;const{scene}=editorObject;this._contextService.setContextValue(core.EDITOR_ACTIVATED,!0);const{documentModel:documentDataModel}=documentLayoutObject,skeleton=this._getEditorSkeleton(editorUnitId);if(!skeleton||!documentDataModel)return;this._fitTextSize(position,canvasOffset,skeleton,documentLayoutObject,scaleX,scaleY);const cursor=documentDataModel.getBody().dataStream.length-2||0;(_a2=scene.getViewport(docsUi.VIEWPORT_KEY.VIEW_MAIN))==null||_a2.scrollToViewportPos({viewportScrollX:Number.POSITIVE_INFINITY}),this._textSelectionManagerService.replaceTextRanges([{startOffset:cursor,endOffset:cursor}]),(_b2=this._renderManagerService.getRenderById(unitId))==null||_b2.scene.resetCursor()}_resetBodyStyle(body,removeStyle=!1){body.dataStream=core.DEFAULT_EMPTY_DOCUMENT_VALUE,body.textRuns!=null&&(body.textRuns.length===1&&!removeStyle?(body.textRuns[0].st=0,body.textRuns[0].ed=1):body.textRuns=void 0),body.paragraphs!=null&&(body.paragraphs.length===1?body.paragraphs[0].startIndex=0:body.paragraphs=[{startIndex:0}]),body.sectionBreaks!=null&&(body.sectionBreaks=void 0),body.tables!=null&&(body.tables=void 0),body.customRanges!=null&&(body.customRanges=void 0),body.customBlocks!=null&&(body.customBlocks=void 0)}_initialKeyboardListener(d){}_showEditorByKeyboard(config){}_commandExecutedListener(d){const moveCursorOP=[SetTextEditArrowOperation.id],editedMutations=[docs.RichTextEditingMutation.id];d.add(this._commandService.onCommandExecuted(command=>{this._editorService.getFocusId()===SLIDE_EDITOR_ID&&(moveCursorOP.includes(command.id)&&this._moveCursorCmdHandler(command),editedMutations.includes(command.id)&&this._editorBridgeService.isVisible()&&this._editingChangedHandler())}))}_moveCursorCmdHandler(command){const params=command.params,{keycode,isShift}=params;keycode!=null&&this._cursorChange===CursorChange.CursorChange?this._moveInEditor(keycode,isShift):this._editorBridgeService.changeVisible(params)}_editingChangedHandler(){const editRect=this._editorBridgeService.getEditorRect();if(!editRect)return;const editingRichText=editRect.richTextObj;editingRichText.refreshDocumentByDocData(),editingRichText.resizeToContentSize();const{unitId}=this._renderContext;this._handleEditorVisible({visible:!0,eventType:3,unitId})}_getEditorObject(){return getEditorObject(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(param){const{keycode}=param;if(this._cursorChange=CursorChange.InitialState,this._exitInput(param),this._editorBridgeService.getEditRectState()==null)return;if(this._editorBridgeService.getEditorDirty()===!1){this._moveCursor(keycode);return}this._moveCursor(keycode)}_exitInput(param){this._contextService.setContextValue(core.EDITOR_ACTIVATED,!1),this._cellEditorManagerService.setState({show:param.visible});const editorUnitId=this._editorBridgeService.getCurrentEditorId();editorUnitId!=null&&this._undoRedoService.clearUndoRedo(editorUnitId)}_moveCursor(keycode){if(keycode!=null)switch(core.Direction.LEFT,keycode){case ui.KeyCode.ENTER:core.Direction.DOWN;break;case ui.KeyCode.TAB:core.Direction.RIGHT;break;case ui.KeyCode.ARROW_DOWN:core.Direction.DOWN;break;case ui.KeyCode.ARROW_UP:core.Direction.UP;break;case ui.KeyCode.ARROW_LEFT:core.Direction.LEFT;break;case ui.KeyCode.ARROW_RIGHT:core.Direction.RIGHT;break}}_cursorStateListener(d){const editorObject=this._getEditorObject();if(!editorObject)return;const{document:documentComponent}=editorObject;d.add(core.toDisposable(documentComponent.onPointerDown$.subscribeEvent(()=>{this._cursorChange===CursorChange.StartEditor&&(this._cursorChange=CursorChange.CursorChange)})))}_moveInEditor(keycode,isShift){let direction=core.Direction.LEFT;keycode===ui.KeyCode.ARROW_DOWN?direction=core.Direction.DOWN:keycode===ui.KeyCode.ARROW_UP?direction=core.Direction.UP:keycode===ui.KeyCode.ARROW_RIGHT&&(direction=core.Direction.RIGHT),isShift?this._commandService.executeCommand(docsUi.MoveSelectionOperation.id,{direction}):this._commandService.executeCommand(docsUi.MoveCursorOperation.id,{direction})}},__name(_f,"SlideEditingRenderController"),_f);SlideEditingRenderController=__decorateClass$4([__decorateParam$4(1,ui.ILayoutService),__decorateParam$4(2,core.IUndoRedoService),__decorateParam$4(3,core.IContextService),__decorateParam$4(4,core.IUniverInstanceService),__decorateParam$4(5,engineRender.IRenderManagerService),__decorateParam$4(6,ISlideEditorBridgeService),__decorateParam$4(7,ISlideEditorManagerService),__decorateParam$4(8,core.Inject(docs.DocSelectionManagerService)),__decorateParam$4(9,core.ICommandService),__decorateParam$4(10,core.Inject(core.LocaleService)),__decorateParam$4(11,docsUi.IEditorService)],SlideEditingRenderController);function getEditorObject(unitId,renderManagerService){if(unitId==null)return;const currentRender=renderManagerService.getRenderById(unitId);if(currentRender==null)return;const{mainComponent,scene,engine,components}=currentRender,document2=mainComponent,docBackground=components.get(docsUi.DOCS_VIEW_KEY.BACKGROUND);return{document:document2,docBackground,scene,engine}}__name(getEditorObject,"getEditorObject");var __defProp$3=Object.defineProperty,__getOwnPropDesc$3=Object.getOwnPropertyDescriptor,__decorateClass$3=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$3(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$3(target,key,result),result},"__decorateClass$3"),__decorateParam$3=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$3");let SlideEditorBridgeRenderController=(_g=class extends core.RxDisposable{constructor(_renderContext,_instanceSrv,_commandService,_editorBridgeService){super();__publicField(this,"setSlideTextEditor$",new rxjs.Subject);__publicField(this,"_curRichText",null);__publicField(this,"_d");this._renderContext=_renderContext,this._instanceSrv=_instanceSrv,this._commandService=_commandService,this._editorBridgeService=_editorBridgeService,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_SLIDE).subscribe(slideDataModel=>{slideDataModel&&slideDataModel.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){const d=new core.DisposableCollection;return this._initEventListener(d),d}_disposeCurrent(){var _a2;(_a2=this._d)==null||_a2.dispose(),this._d=null}_setEditorRect(pageId,targetObject){this._curRichText=targetObject;const{scene,engine}=this._renderContext,unitId=this._renderContext.unitId,setEditorRect={scene,engine,unitId,pageId,richTextObj:targetObject};this._editorBridgeService.setEditorRect(setEditorRect)}_initEventListener(d){const listenersForPageScene=__name(scene=>{const transformer=scene.getTransformer();transformer&&(d.add(transformer.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),d.add(transformer.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),d.add(scene.onDblclick$.subscribeEvent(()=>{transformer.clearControls();const object=transformer.getSelectedObjectMap().values().next().value;object&&(object.objectType!==engineRender.ObjectType.RICH_TEXT?this.pickOtherObjects():this.startEditing(scene.sceneKey,object))})),d.add(this._instanceSrv.focused$.subscribe(fc=>{this.endEditing()})))},"listenersForPageScene"),{mainComponent}=this._renderContext;mainComponent.subSceneChanged$.subscribeEvent(pageScene=>{listenersForPageScene(pageScene)});const pageSceneList=Array.from(mainComponent.getSubScenes().values());for(let i=0;i<pageSceneList.length;i++){const pageScene=pageSceneList[i];listenersForPageScene(pageScene)}}pickOtherObjects(){this.endEditing()}endEditing(){var _a2;if(!this._curRichText)return;this.setEditorVisible(!1);const curRichText=this._curRichText;if(!this._instanceSrv.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE))return!1;curRichText.refreshDocumentByDocData(),curRichText.resizeToContentSize(),this._editorBridgeService.endEditing$.next(curRichText);const richText={bl:1,fs:curRichText.fs,text:curRichText.text},textRuns=(_a2=curRichText.documentData.body)==null?void 0:_a2.textRuns;if(textRuns&&textRuns.length){const ts=textRuns[0].ts;richText.cl=ts==null?void 0:ts.cl}this._commandService.executeCommand(UpdateSlideElementOperation.id,{unitId:this._renderContext.unitId,oKey:curRichText==null?void 0:curRichText.oKey,props:{richText}}),this._curRichText=null}startEditing(pageId,target){this._setEditorRect(pageId,target),this.setEditorVisible(!0)}setEditorVisible(visible){var _a2,_b2;visible?(_a2=this._curRichText)==null||_a2.hide():(_b2=this._curRichText)==null||_b2.show();const{unitId}=this._renderContext;this._editorBridgeService.changeVisible({visible,eventType:engineRender.DeviceInputEventType.PointerDown,unitId})}},__name(_g,"SlideEditorBridgeRenderController"),_g);SlideEditorBridgeRenderController=__decorateClass$3([__decorateParam$3(1,core.IUniverInstanceService),__decorateParam$3(2,core.ICommandService),__decorateParam$3(3,ISlideEditorBridgeService)],SlideEditorBridgeRenderController);const ActivateSlidePageOperation={id:"slide.operation.activate-slide",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>{var _a2,_b2;const unitId=params.unitId,canvasView=accessor.get(exports2.CanvasView),model=accessor.get(core.IUniverInstanceService).getUnit(unitId),pageId=(_a2=model==null?void 0:model.getActivePage())==null?void 0:_a2.id;if(!pageId)return!1;const page=canvasView.getRenderUnitByPageId(pageId,unitId);if(!page)return!1;const transformer=(_b2=page.scene)==null?void 0:_b2.getTransformer();return transformer&&transformer.clearControls(),canvasView.activePage(params.id,unitId),!0},"handler")},AppendSlideOperation={id:"slide.operation.append-slide",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>{const unitId=params.unitId;return accessor.get(core.IUniverInstanceService).getUnit(unitId)?(accessor.get(exports2.CanvasView).appendPage(unitId),!0):!1},"handler")},InsertSlideFloatImageCommand={id:"slide.command.insert-float-image",type:core.CommandType.COMMAND,handler:__name(async(accessor,params)=>{var _a2;const univerInstanceService=accessor.get(core.IUniverInstanceService),unitId=(_a2=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE))==null?void 0:_a2.getUnitId();if(!unitId)return!1;const files=await accessor.get(ui.ILocalFileService).openFile({multiple:!0,accept:drawing.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(image2=>`.${image2.replace("image/","")}`).join(",")});if(files.length!==1)return!1;const imageParam=await accessor.get(drawing.IImageIoService).saveImage(files[0]);if(!imageParam)return!1;const{imageId,imageSourceType,source,base64Cache}=imageParam,{width,height,image}=await drawing.getImageSize(base64Cache||""),slideData=univerInstanceService.getUnit(unitId);if(!slideData)return!1;const activePage=slideData.getActivePage(),elements=Object.values(activePage.pageElements),maxIndex=elements!=null&&elements.length?Math.max(...elements.map(element2=>element2.zIndex)):20,data={id:imageId,zIndex:maxIndex+1,left:0,top:0,width,height,title:"",description:"",type:core.PageElementType.IMAGE,image:{imageProperties:{contentUrl:base64Cache,imageSourceType,source,base64Cache,image}}};activePage.pageElements[imageId]=data,slideData.updatePage(activePage.id,activePage);const canvasView=accessor.get(exports2.CanvasView),sceneObject=canvasView.createObjectToPage(data,activePage.id,unitId);return sceneObject&&canvasView.setObjectActiveByPage(sceneObject,activePage.id,unitId),!0},"handler")},SlideAddTextCommand={id:"slide.command.add-text",type:core.CommandType.COMMAND,handler:__name(async accessor=>{var _a2;const commandService=accessor.get(core.ICommandService),unitId=(_a2=accessor.get(core.IUniverInstanceService).getFocusedUnit())==null?void 0:_a2.getUnitId();return await commandService.executeCommand(SlideAddTextOperation.id,{unitId})},"handler")},SlideAddTextOperation={id:"slide.operation.add-text",type:core.CommandType.OPERATION,handler:__name(async(accessor,params)=>{const unitId=params.unitId,elementId=core.generateRandomId(6),defaultWidth=220,defaultheight=40,left=230,top=142,textContent=(params==null?void 0:params.text)||"A New Text",slideData=accessor.get(core.IUniverInstanceService).getUnit(unitId);if(!slideData)return!1;const activePage=slideData.getActivePage(),elements=Object.values(activePage.pageElements),maxIndex=elements!=null&&elements.length?Math.max(...elements.map(element2=>element2.zIndex)):21,elementData={id:elementId,zIndex:maxIndex+1,left,top,width:defaultWidth,height:defaultheight,title:"text",description:"",type:core.PageElementType.TEXT,richText:{text:textContent,fs:30,cl:{rgb:"rgb(51, 51, 51)"},bl:1}};activePage.pageElements[elementId]=elementData,slideData.updatePage(activePage.id,activePage);const canvasview=accessor.get(exports2.CanvasView),sceneObject=canvasview.createObjectToPage(elementData,activePage.id,unitId);return sceneObject&&canvasview.setObjectActiveByPage(sceneObject,activePage.id,unitId),!0},"handler")},SetSlidePageThumbOperation={id:"slide.operation.set-slide-page-thumb",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>(accessor.get(exports2.CanvasView).createThumbs(params.unitId),!0),"handler")},styles$2={imagePopupMenu:"univer-image-popup-menu",imagePopupMenuItem:"univer-image-popup-menu-item",imagePopupMenuItemIcon:"univer-image-popup-menu-item-icon",imagePopupMenuItemTitle:"univer-image-popup-menu-item-title",imagePopupMenuItemHide:"univer-image-popup-menu-item-hide",btnContainer:"univer-btn-container",btnContainerExpand:"univer-btn-container-expand"},SlideImagePopupMenu=__name(props=>{var _a2,_b2;const menuItems=(_b2=(_a2=props.popup)==null?void 0:_a2.extraProps)==null?void 0:_b2.menuItems;if(!menuItems)return null;const commandService=core.useDependency(core.ICommandService),localeService=core.useDependency(core.LocaleService),[visible,setVisible]=React.useState(!1),[isHovered,setHovered]=React.useState(!1),handleMouseEnter=__name(()=>{setHovered(!0)},"handleMouseEnter"),handleMouseLeave=__name(()=>{setHovered(!1)},"handleMouseLeave"),onVisibleChange=__name(visible2=>{setVisible(visible2)},"onVisibleChange"),handleClick=__name(item=>{commandService.executeCommand(item.commandId,item.commandParams),setVisible(!1)},"handleClick"),showMore=visible||isHovered,availableMenu=menuItems.filter(item=>!item.disable);return jsxRuntime.jsx("div",{onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,children:jsxRuntime.jsx(design.DropdownLegacy,{placement:"bottomLeft",trigger:["click"],overlay:jsxRuntime.jsx("ul",{className:styles$2.imagePopupMenu,children:availableMenu.map(item=>jsxRuntime.jsx("li",{onClick:__name(()=>handleClick(item),"onClick"),className:styles$2.imagePopupMenuItem,children:jsxRuntime.jsx("span",{className:styles$2.imagePopupMenuItemTitle,children:localeService.t(item.label)})},item.index))}),visible,onVisibleChange,children:jsxRuntime.jsxs("div",{className:clsx(styles$2.btnContainer,{[styles$2.btnContainerExpand]:visible}),children:[jsxRuntime.jsx(Autofill,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),showMore&&jsxRuntime.jsx(MoreDownSingle,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}})]})})})},"SlideImagePopupMenu"),styles$1={slideBar:"univer-slide-bar",slideBarContent:"univer-slide-bar-content",slideBarContentHeader:"univer-slide-bar-content-header",slideBarItem:"univer-slide-bar-item",slideBarBox:"univer-slide-bar-box",slideBarItemActive:"univer-slide-bar-item-active",slideAddButton:"univer-slide-add-button"};function SlideSideBar(){var _a2,_b2;const univerInstanceService=core.useDependency(core.IUniverInstanceService),commandService=core.useDependency(core.ICommandService),renderManagerService=core.useDependency(engineRender.IRenderManagerService),localeService=core.useDependency(core.LocaleService),slideBarRef=React.useRef(null),currentSlide=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE),pages=currentSlide==null?void 0:currentSlide.getPages(),pageOrder=currentSlide==null?void 0:currentSlide.getPageOrder();if(!pages||!pageOrder)return null;const slideList=pageOrder.map(id=>pages[id]),[activatePageId,setActivatePageId]=React.useState((_b2=(_a2=currentSlide==null?void 0:currentSlide.getActivePage())==null?void 0:_a2.id)!=null?_b2:null),divRefs=React.useMemo(()=>slideList.map(()=>React.createRef()),[slideList]);React.useEffect(()=>{const subscriber=currentSlide==null?void 0:currentSlide.activePage$.subscribe(page=>{var _a3;const id=(_a3=page==null?void 0:page.id)!=null?_a3:null;id&&setActivatePageId(id)});return()=>{subscriber==null||subscriber.unsubscribe()}},[]),React.useEffect(()=>{divRefs.forEach((ref,index)=>{var _a3;if(ref.current){const slide=slideList[index];(_a3=renderManagerService.getRenderById(slide.id))==null||_a3.engine.setContainer(ref.current)}}),divRefs.length>0&&commandService.syncExecuteCommand(SetSlidePageThumbOperation.id,{unitId:currentSlide==null?void 0:currentSlide.getUnitId()})},[divRefs,slideList,renderManagerService,commandService,currentSlide]);const activatePage=React.useCallback(page=>{commandService.syncExecuteCommand(ActivateSlidePageOperation.id,{id:page,unitId:currentSlide==null?void 0:currentSlide.getUnitId()})},[commandService,currentSlide]),handleAppendSlide=React.useCallback(()=>{commandService.syncExecuteCommand(AppendSlideOperation.id,{unitId:currentSlide==null?void 0:currentSlide.getUnitId()})},[commandService,currentSlide]);return jsxRuntime.jsx("aside",{className:styles$1.slideBar,ref:slideBarRef,children:jsxRuntime.jsx(design.Scrollbar,{children:jsxRuntime.jsxs("div",{className:styles$1.slideBarContent,children:[jsxRuntime.jsx("header",{className:styles$1.slideBarContentHeader,children:jsxRuntime.jsx("a",{onClick:handleAppendSlide,children:localeService.t("slide.append")})}),slideList.map((item,index)=>jsxRuntime.jsxs("div",{className:clsx(styles$1.slideBarItem,{[styles$1.slideBarItemActive]:item.id===activatePageId}),onClick:__name(()=>activatePage(item.id),"onClick"),children:[jsxRuntime.jsx("span",{children:index+1}),jsxRuntime.jsx("div",{ref:divRefs[index],className:styles$1.slideBarBox})]},item.id))]})})})}__name(SlideSideBar,"SlideSideBar");const styles={slideEditorContainer:"univer-slide-editor-container",editorInput:"univer-editor-input"},HIDDEN_EDITOR_POSITION=-1e3,EDITOR_DEFAULT_POSITION={width:0,height:0,top:HIDDEN_EDITOR_POSITION,left:HIDDEN_EDITOR_POSITION},SlideEditorContainer=__name(()=>{const[state,setState]=React.useState({...EDITOR_DEFAULT_POSITION}),slideEditorManagerService=core.useDependency(ISlideEditorManagerService),editorService=core.useDependency(docsUi.IEditorService),contextService=core.useDependency(core.IContextService),disableAutoFocus=ui.useObservable(()=>contextService.subscribeContextValue$(ui.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[contextService,ui.DISABLE_AUTO_FOCUS_KEY]);return`${core.DEFAULT_EMPTY_DOCUMENT_VALUE}`,core.DocumentFlavor.UNSPECIFIED,React.useEffect(()=>{slideEditorManagerService.state$.subscribe(param=>{if(param==null)return;const{startX=HIDDEN_EDITOR_POSITION,startY=HIDDEN_EDITOR_POSITION,endX=0,endY=0,show=!1}=param;if(!show)setState({...EDITOR_DEFAULT_POSITION});else{setState({width:endX-startX-engineRender.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:endY-startY-engineRender.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:startX+engineRender.FIX_ONE_PIXEL_BLUR_OFFSET,top:startY+engineRender.FIX_ONE_PIXEL_BLUR_OFFSET});const editor=editorService.getEditor(SLIDE_EDITOR_ID);if(editor==null)return;const{left,top,width,height}=editor.getBoundingClientRect();slideEditorManagerService.setRect({left,top,width,height})}})},[]),React.useEffect(()=>{disableAutoFocus||slideEditorManagerService.setFocus(!0)},[disableAutoFocus,state]),jsxRuntime.jsx("div",{className:styles.slideEditorContainer,style:{left:state.left,top:state.top,width:state.width,height:state.height}})},"SlideEditorContainer"),IMAGE_UPLOAD_ICON="addition-and-subtraction-single",SLIDES_IMAGE_MENU_ID="slide.menu.image";function SlideImageMenuFactory(accessor){return{id:SLIDES_IMAGE_MENU_ID,type:ui.MenuItemType.SUBITEMS,icon:IMAGE_UPLOAD_ICON,tooltip:"slide.image.insert.title",hidden$:ui.getMenuHiddenObservable(accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(SlideImageMenuFactory,"SlideImageMenuFactory");function UploadSlideFloatImageMenuFactory(_accessor){return{id:InsertSlideFloatImageCommand.id,title:"slide.image.insert.float",type:ui.MenuItemType.BUTTON,hidden$:ui.getMenuHiddenObservable(_accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(UploadSlideFloatImageMenuFactory,"UploadSlideFloatImageMenuFactory");const GRAPH_SINGLE_ICON="graph-single",SHAPE_MENU_ID="slide.menu.shape";function SlideShapeMenuFactory(accessor){return{id:SHAPE_MENU_ID,type:ui.MenuItemType.SUBITEMS,icon:GRAPH_SINGLE_ICON,tooltip:"slide.shape.insert.title",hidden$:ui.getMenuHiddenObservable(accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(SlideShapeMenuFactory,"SlideShapeMenuFactory");function UploadSlideFloatShapeMenuFactory(_accessor){return{id:InsertSlideShapeRectangleCommand.id,title:"slide.shape.insert.rectangle",type:ui.MenuItemType.BUTTON,hidden$:ui.getMenuHiddenObservable(_accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(UploadSlideFloatShapeMenuFactory,"UploadSlideFloatShapeMenuFactory");const TEXT_ICON_ID="text-single";function SlideAddTextMenuItemFactory(_accessor){return{id:SlideAddTextCommand.id,type:ui.MenuItemType.BUTTON,icon:TEXT_ICON_ID,tooltip:"slide.text.insert.title",hidden$:ui.getMenuHiddenObservable(_accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(SlideAddTextMenuItemFactory,"SlideAddTextMenuItemFactory");const menuSchema={[ui.RibbonStartGroup.FORMAT]:{[SlideAddTextCommand.id]:{order:0,menuItemFactory:SlideAddTextMenuItemFactory},[SLIDES_IMAGE_MENU_ID]:{order:0,menuItemFactory:SlideImageMenuFactory,[InsertSlideFloatImageCommand.id]:{order:0,menuItemFactory:UploadSlideFloatImageMenuFactory}},[SHAPE_MENU_ID]:{order:0,menuItemFactory:SlideShapeMenuFactory,[InsertSlideShapeRectangleCommand.id]:{order:0,menuItemFactory:UploadSlideFloatShapeMenuFactory}}}};function whenEditorActivated(contextService){return contextService.getContextValue(core.FOCUSING_UNIVER_EDITOR)&&contextService.getContextValue(core.EDITOR_ACTIVATED)}__name(whenEditorActivated,"whenEditorActivated");function whenFormulaEditorFocused(contextService){return contextService.getContextValue(core.FORMULA_EDITOR_ACTIVATED)&&contextService.getContextValue(core.FOCUSING_UNIVER_EDITOR)}__name(whenFormulaEditorFocused,"whenFormulaEditorFocused");const ARROW_SELECTION_KEYCODE_LIST=[ui.KeyCode.ARROW_DOWN,ui.KeyCode.ARROW_UP,ui.KeyCode.ARROW_LEFT,ui.KeyCode.ARROW_RIGHT];[ui.KeyCode.ENTER,ui.KeyCode.TAB,...ARROW_SELECTION_KEYCODE_LIST];function generateArrowSelectionShortCutItem(){const shortcutList=[];for(const keycode of ARROW_SELECTION_KEYCODE_LIST)shortcutList.push({id:SetTextEditArrowOperation.id,binding:keycode,preconditions:__name(contextService=>whenEditorActivated(contextService),"preconditions"),staticParameters:{visible:!1,eventType:engineRender.DeviceInputEventType.Keyboard,keycode,isShift:!1}}),shortcutList.push({id:SetTextEditArrowOperation.id,binding:keycode|ui.MetaKeys.SHIFT,preconditions:__name(contextService=>whenEditorActivated(contextService),"preconditions"),staticParameters:{visible:!1,eventType:engineRender.DeviceInputEventType.Keyboard,keycode,isShift:!0}});return shortcutList}__name(generateArrowSelectionShortCutItem,"generateArrowSelectionShortCutItem");const EditorDeleteLeftShortcut={id:docsUi.DeleteLeftCommand.id,preconditions:__name(contextService=>whenEditorActivated(contextService)||whenFormulaEditorFocused(contextService),"preconditions"),binding:ui.KeyCode.BACKSPACE};var __defProp$2=Object.defineProperty,__getOwnPropDesc$2=Object.getOwnPropertyDescriptor,__decorateClass$2=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$2(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$2(target,key,result),result},"__decorateClass$2"),__decorateParam$2=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$2");exports2.SlidesUIController=(_h=class extends core.Disposable{constructor(_injector,_menuManagerService,_componentManager,_uiPartsService,_commandService,_shortcutService){super(),this._injector=_injector,this._menuManagerService=_menuManagerService,this._componentManager=_componentManager,this._uiPartsService=_uiPartsService,this._commandService=_commandService,this._shortcutService=_shortcutService,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(menuSchema)}_initCustomComponents(){const componentManager=this._componentManager;this.disposeWithMe(componentManager.register(IMAGE_UPLOAD_ICON,AddImageSingle)),this.disposeWithMe(componentManager.register(TEXT_ICON_ID,TextSingle)),this.disposeWithMe(componentManager.register(GRAPH_SINGLE_ICON,GraphSingle)),this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_IMAGE_POPUP_MENU,SlideImagePopupMenu)),this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_SIDEBAR,RectSidebar))}_initCommands(){[AppendSlideOperation,ActivateSlidePageOperation,SetSlidePageThumbOperation,InsertSlideFloatImageCommand,SlideAddTextOperation,SlideAddTextCommand,InsertSlideShapeRectangleOperation,InsertSlideShapeRectangleCommand,ToggleSlideEditSidebarOperation,DeleteSlideElementOperation,UpdateSlideElementOperation,SetTextEditArrowOperation].forEach(command=>this.disposeWithMe(this._commandService.registerCommand(command)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(ui.BuiltInUIPart.LEFT_SIDEBAR,()=>core.connectInjector(SlideSideBar,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(ui.BuiltInUIPart.CONTENT,()=>core.connectInjector(SlideEditorContainer,this._injector)))}_initShortcuts(){[EditorDeleteLeftShortcut,...generateArrowSelectionShortCutItem()].forEach(item=>{this.disposeWithMe(this._shortcutService.registerShortcut(item))})}},__name(_h,"SlidesUIController"),_h),exports2.SlidesUIController=__decorateClass$2([__decorateParam$2(0,core.Inject(core.Injector)),__decorateParam$2(1,ui.IMenuManagerService),__decorateParam$2(2,core.Inject(ui.ComponentManager)),__decorateParam$2(3,ui.IUIPartsService),__decorateParam$2(4,core.ICommandService),__decorateParam$2(5,ui.IShortcutService)],exports2.SlidesUIController);var __defProp$1=Object.defineProperty,__getOwnPropDesc$1=Object.getOwnPropertyDescriptor,__decorateClass$1=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$1(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$1(target,key,result),result},"__decorateClass$1"),__decorateParam$1=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$1");let SlideRenderService=(_i=class extends core.RxDisposable{constructor(_contextService,_instanceSrv,_renderManagerService){super(),this._contextService=_contextService,this._instanceSrv=_instanceSrv,this._renderManagerService=_renderManagerService,Promise.resolve().then(()=>this._init())}_init(){this._initSlideDataListener(),this._initContextListener()}_initSlideDataListener(){this._instanceSrv.getTypeOfUnitAdded$(core.UniverInstanceType.UNIVER_SLIDE).pipe(rxjs.takeUntil(this.dispose$)).subscribe(slideModel=>{this._createRenderer(slideModel==null?void 0:slideModel.getUnitId())}),this._instanceSrv.getAllUnitsForType(core.UniverInstanceType.UNIVER_SLIDE).forEach(slideModel=>{this._createRenderer(slideModel.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(core.UniverInstanceType.UNIVER_SLIDE).pipe(rxjs.takeUntil(this.dispose$)).subscribe(workbook=>this._disposeRenderer(workbook))}_createRenderer(unitId){unitId==null||this._instanceSrv.getUnit(unitId,core.UniverInstanceType.UNIVER_SLIDE)==null||(this._renderManagerService.createRender(unitId),this._renderManagerService.setCurrent(unitId))}_disposeRenderer(workbook){const unitId=workbook.getUnitId();this._renderManagerService.removeRender(unitId)}_initContextListener(){}},__name(_i,"SlideRenderService"),_i);SlideRenderService=__decorateClass$1([__decorateParam$1(0,core.IContextService),__decorateParam$1(1,core.IUniverInstanceService),__decorateParam$1(2,engineRender.IRenderManagerService)],SlideRenderService);var __defProp2=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__decorateClass=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp2(target,key,result),result},"__decorateClass"),__decorateParam=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam");const SLIDE_UI_PLUGIN_NAME="SLIDE_UI";exports2.UniverSlidesUIPlugin=(_j=class extends core.Plugin{constructor(_config=defaultPluginConfig,_injector,_renderManagerService,_univerInstanceService,_configService){super(),this._config=_config,this._injector=_injector,this._renderManagerService=_renderManagerService,this._univerInstanceService=_univerInstanceService,this._configService=_configService;const{menu,...rest}=core.merge({},defaultPluginConfig,this._config);menu&&this._configService.setConfig("menu",menu,{merge:!0}),this._configService.setConfig(SLIDES_UI_PLUGIN_CONFIG_KEY,rest)}onStarting(){core.mergeOverrideWithDependencies([[SlideRenderService],[ISlideEditorBridgeService,{useClass:SlideEditorBridgeService}],[ISlideEditorManagerService,{useClass:SlideEditorManagerService}],[exports2.SlideCanvasPopMangerService]],this._config.override).forEach(d=>this._injector.add(d))}onReady(){[[SlideRenderController]].forEach(m=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(core.UniverInstanceType.UNIVER_SLIDE,m))}),core.mergeOverrideWithDependencies([[exports2.CanvasView],[exports2.SlidesUIController],[SlideRenderController],[SlidePopupMenuController]],this._config.override).forEach(m=>{this._injector.add(m)}),this._injector.get(exports2.CanvasView),this._injector.get(SlideRenderService)}onRendered(){[[SlideEditorBridgeRenderController],[SlideEditingRenderController]].forEach(m=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(core.UniverInstanceType.UNIVER_SLIDE,m))}),this._markSlideAsFocused(),this._injector.get(exports2.SlidesUIController)}onSteady(){this._injector.get(SlidePopupMenuController)}_markSlideAsFocused(){const currentService=this._univerInstanceService;try{const slideDataModel=currentService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE);currentService.focusUnit(slideDataModel.getUnitId())}catch{}}},__name(_j,"UniverSlidesUIPlugin"),__publicField(_j,"pluginName",SLIDE_UI_PLUGIN_NAME),__publicField(_j,"type",core.UniverInstanceType.UNIVER_SLIDE),_j),exports2.UniverSlidesUIPlugin=__decorateClass([__decorateParam(1,core.Inject(core.Injector)),__decorateParam(2,engineRender.IRenderManagerService),__decorateParam(3,core.IUniverInstanceService),__decorateParam(4,core.IConfigService)],exports2.UniverSlidesUIPlugin),exports2.ActivateSlidePageOperation=ActivateSlidePageOperation,exports2.AppendSlideOperation=AppendSlideOperation,exports2.DeleteSlideElementOperation=DeleteSlideElementOperation,exports2.ISlideEditorBridgeService=ISlideEditorBridgeService,exports2.InsertSlideFloatImageCommand=InsertSlideFloatImageCommand,exports2.InsertSlideShapeRectangleCommand=InsertSlideShapeRectangleCommand,exports2.InsertSlideShapeRectangleOperation=InsertSlideShapeRectangleOperation,exports2.SHAPE_MENU_ID=SHAPE_MENU_ID,exports2.SLIDES_IMAGE_MENU_ID=SLIDES_IMAGE_MENU_ID,exports2.SLIDE_EDITOR_ID=SLIDE_EDITOR_ID,exports2.SetSlidePageThumbOperation=SetSlidePageThumbOperation,exports2.SlideAddTextCommand=SlideAddTextCommand,exports2.SlideAddTextOperation=SlideAddTextOperation,exports2.SlideEditorContainer=SlideEditorContainer,exports2.SlideSideBar=SlideSideBar,exports2.SlidesUIMenuSchema=menuSchema,exports2.UpdateSlideElementOperation=UpdateSlideElementOperation,Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"})});
1
+ (function(v,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("@univerjs/core"),require("@univerjs/engine-render"),require("@univerjs/slides"),require("@univerjs/ui"),require("react"),require("@univerjs/design"),require("rxjs"),require("@univerjs/docs"),require("@univerjs/docs-ui"),require("@univerjs/drawing")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/engine-render","@univerjs/slides","@univerjs/ui","react","@univerjs/design","rxjs","@univerjs/docs","@univerjs/docs-ui","@univerjs/drawing"],a):(v=typeof globalThis<"u"?globalThis:v||self,a(v.UniverSlidesUi={},v.UniverCore,v.UniverEngineRender,v.UniverSlides,v.UniverUi,v.React,v.UniverDesign,v.rxjs,v.UniverDocs,v.UniverDocsUi,v.UniverDrawing))})(this,function(v,a,P,K,E,b,w,U,se,N,_e){"use strict";var Mn=Object.defineProperty;var wn=(v,a,P)=>a in v?Mn(v,a,{enumerable:!0,configurable:!0,writable:!0,value:P}):v[a]=P;var y=(v,a,P)=>wn(v,typeof a!="symbol"?a+"":a,P);var pe;var ut=Object.defineProperty,gt=Object.getOwnPropertyDescriptor,ht=(r,e,t,n)=>{for(var i=n>1?void 0:n?gt(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&ut(e,t,i),i},Se=(r,e)=>(t,n)=>e(t,n,r);let ee=class extends a.RxDisposable{constructor(e,t,n,i){super();y(this,"_objectProvider",null);y(this,"_refreshThumb",a.debounce(()=>{this.createThumbs()},300));this._renderContext=e,this._injector=t,this._univerInstanceService=n,this._renderManagerService=i,this._objectProvider=this._injector.createInstance(K.ObjectProvider),this._addNewRender()}_addNewRender(){const{unitId:e,engine:t,scene:n}=this._renderContext,i=this._getCurrUnitModel();if(!i)return;const s=t.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),s==null||s.unsubscribe()});t.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});const o=new P.Viewport(K.SLIDE_KEY.VIEW,n,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});n.attachControl(),n.onMouseWheel$.subscribeEvent((l,h)=>{const d=l;if(d.ctrlKey){const u=Math.abs(d.deltaX);let C=u<40?.2:u<80?.4:.2;C*=d.deltaY>0?-1:1,n.scaleX<1&&(C/=2),n.scaleX+C>4?n.scale(4,4):n.scaleX+C<.1?n.scale(.1,.1):(d.deltaY>0,d.preventDefault())}else o.onMouseWheel(d,h)}),n.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),P.ScrollBar.attachTo(o),this._renderManagerService.setCurrent(e);const c=this._createSlide(n);this._renderContext.mainComponent=c,this._createSlidePages(i,c),this.createThumbs(),t.runRenderLoop(()=>{n.render()})}_scrollToCenter(){var l;const e=(l=this._currentRender())==null?void 0:l.scene,t=e==null?void 0:e.getViewport(K.SLIDE_KEY.VIEW),n=this._getCenterPositionViewPort(e);if(!t||!n)return;const{left:i,top:s}=n,{x:o,y:c}=t.transViewportScroll2ScrollValue(i,s);t.scrollToBarPos({x:o,y:c})}_currentRender(){return this._renderManagerService.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_SLIDE)}_createSlide(e){const t=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),{width:n,height:i}=e,s=t.getPageSize(),{width:o=100,height:c=100}=s,l=new P.Slide(K.SLIDE_KEY.COMPONENT,{left:(n-o)/2,top:(i-c)/2,width:o,height:c,zIndex:10});return l.enableSelectedClipElement(),e.addObject(l),l}_addBackgroundRect(e,t){const i=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE).getPageSize(),{width:s=0,height:o=0}=i,c=new P.Rect("canvas",{left:0,top:0,width:s,height:o,strokeWidth:1,stroke:"rgba(198,198,198,1)",fill:a.getColorStyle(t)||"rgba(255,255,255,1)",zIndex:0,evented:!1});e.addObject(c,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};const{width:t,height:n}=e,i=e.getEngine(),s=(i==null?void 0:i.width)||0,o=(i==null?void 0:i.height)||0;return{left:(t-s)/2,top:(n-o)/2}}_thumbSceneRender(e,t){const n=this._renderManagerService.getRenderById(e);if(n==null)return;const{engine:i}=n;if(i==null)return;const{width:s,height:o}=t,{width:c=s,height:l=o}=i,h=i.getCanvas().getContext();t.renderToThumb(h,e,c/s,l/o)}_createSlidePages(e,t){const n=e.getPages(),i=e.getPageOrder();if(!(!n||!i)&&i.length!==0){for(let s=0,o=i.length;s<o;s++){const c=i[s];this.createPageScene(c,n[c]),this._createThumb(c)}t.activeFirstPage()}}_createThumb(e){this._renderManagerService.createRender(e)}_getCurrUnitModel(){return this._renderContext.unit}activePage(e){let t=e;const n=this._getCurrUnitModel();let i;if(t)i=n.getPage(t);else{const l=n.getPages(),h=n.getPageOrder();if(h==null||l==null)return;i=l[h[0]],t=i.id}const s=this._currentRender();if(i==null||s==null||s.mainComponent==null)return;const{id:o}=i,c=s.mainComponent;if(n.setActivePage(i),c!=null&&c.hasPage(o)){c.changePage(o);return}this.createPageScene(o,i)}createThumbs(){const t=this._getCurrUnitModel().getPageOrder(),n=this._currentRender();if(!(!t||!n)&&t.length!==0)for(let i=0,s=t.length;i<s;i++){const o=t[i];this._thumbSceneRender(o,n.mainComponent)}}createPageScene(e,t){const n=this._renderContext;if(!n||!this._objectProvider)return;const{scene:i,mainComponent:s}=n,o=s,{width:c,height:l}=o,h=new P.Scene(e,o,{width:c,height:l});new P.Viewport(`PageViewer_${e}`,h,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements:u,pageBackgroundFill:C}=t,_=this._objectProvider.convertToRenderObjects(u,i);if(!_||!o)return;this._addBackgroundRect(h,C),h.addObjects(_),h.initTransformer(),_.forEach(S=>{h.attachTransformerTo(S)});const I=h.getTransformer();return I==null||I.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,o)}),I==null||I.clearControl$.subscribe(()=>{this._thumbSceneRender(e,o)}),o.addPageScene(h),h}getPageRenderUnit(e){const n=this._renderContext.mainComponent.getSubScenes().get(e),{engine:i,unit:s}=this._renderContext;return{scene:n,engine:i,unit:s}}createObjectToPage(e,t){const{scene:n}=this.getPageRenderUnit(t);if(!n||!this._objectProvider)return;const i=this._objectProvider.convertToRenderObject(e,n);if(i)return n.addObject(i),n.attachTransformerTo(i),n.getLayer().makeDirty(),i}setObjectActiveByPage(e,t){const{scene:n}=this.getPageRenderUnit(t);if(!n)return;const i=n.getTransformer();i==null||i.activeAnObject(e)}removeObjectById(e,t){const{scene:n}=this.getPageRenderUnit(t);if(!n)return;n.removeObject(e);const i=n.getTransformer();i==null||i.clearControls()}appendPage(){const e=this._getCurrUnitModel(),t=e.getBlankPage(),n=this._currentRender();if(t==null||n==null||n.mainComponent==null)return;const{id:i}=t,s=n.mainComponent,o=this.createPageScene(i,t);s&&o&&s.addPageScene(o),e.appendPage(t),e.setActivePage(t)}};ee=ht([Se(1,a.Inject(a.Injector)),Se(2,a.IUniverInstanceService),Se(3,P.IRenderManagerService)],ee);var vt=Object.defineProperty,Ct=Object.getOwnPropertyDescriptor,pt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Ct(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&vt(e,t,i),i},ft=(r,e)=>(t,n)=>e(t,n,r);v.CanvasView=class extends a.RxDisposable{constructor(e){super(),this._renderManagerService=e}_getSlideRenderControllerFromRenderUnit(e){return this._renderManagerService.getRenderById(e).with(ee)}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()}},v.CanvasView=pt([ft(0,P.IRenderManagerService)],v.CanvasView);const _t="slides-ui.config",$e={},Ie={id:"slide.operation.delete-element",type:a.CommandType.OPERATION,handler:(r,e)=>{if(!(e!=null&&e.id))return!1;const t=e.unitId,i=r.get(a.IUniverInstanceService).getUnit(t);if(!i)return!1;const s=i.getActivePage();return delete s.pageElements[e.id],i.updatePage(s.id,s),r.get(v.CanvasView).removeObjectById(e.id,s.id,t),!0}};var Pe={exports:{}},te={};/**
2
+ * @license React
3
+ * react-jsx-runtime.production.min.js
4
+ *
5
+ * Copyright (c) Facebook, Inc. and its affiliates.
6
+ *
7
+ * This source code is licensed under the MIT license found in the
8
+ * LICENSE file in the root directory of this source tree.
9
+ */var He;function St(){if(He)return te;He=1;var r=b,e=Symbol.for("react.element"),t=Symbol.for("react.fragment"),n=Object.prototype.hasOwnProperty,i=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function o(c,l,h){var d,u={},C=null,_=null;h!==void 0&&(C=""+h),l.key!==void 0&&(C=""+l.key),l.ref!==void 0&&(_=l.ref);for(d in l)n.call(l,d)&&!s.hasOwnProperty(d)&&(u[d]=l[d]);if(c&&c.defaultProps)for(d in l=c.defaultProps,l)u[d]===void 0&&(u[d]=l[d]);return{$$typeof:e,type:c,key:C,ref:_,props:u,_owner:i.current}}return te.Fragment=t,te.jsx=o,te.jsxs=o,te}var Fe;function It(){return Fe||(Fe=1,Pe.exports=St()),Pe.exports}var m=It();function We(r){var e,t,n="";if(typeof r=="string"||typeof r=="number")n+=r;else if(typeof r=="object")if(Array.isArray(r)){var i=r.length;for(e=0;e<i;e++)r[e]&&(t=We(r[e]))&&(n&&(n+=" "),n+=t)}else for(t in r)r[t]&&(n&&(n+=" "),n+=t);return n}function D(){for(var r,e,t=0,n="",i=arguments.length;t<i;t++)(r=arguments[t])&&(e=We(r))&&(n&&(n+=" "),n+=e);return n}var V=function(){return V=Object.assign||function(r){for(var e,t=1,n=arguments.length;t<n;t++){e=arguments[t];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i])}return r},V.apply(this,arguments)},Pt=function(r,e){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,n=Object.getOwnPropertySymbols(r);i<n.length;i++)e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(r,n[i])&&(t[n[i]]=r[n[i]]);return t},B=b.forwardRef(function(r,e){var t=r.icon,n=r.id,i=r.className,s=r.extend,o=Pt(r,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(n," ").concat(i||"").trim(),l=b.useRef("_".concat(Ot()));return ze(t,"".concat(n),{defIds:t.defIds,idSuffix:l.current},V({ref:e,className:c},o),s)});function ze(r,e,t,n,i){return b.createElement(r.tag,V(V({key:e},bt(r,t,i)),n),(Et(r,t).children||[]).map(function(s,o){return ze(s,"".concat(e,"-").concat(r.tag,"-").concat(o),t,void 0,i)}))}function bt(r,e,t){var n=V({},r.attrs);t!=null&&t.colorChannel1&&n.fill==="colorChannel1"&&(n.fill=t.colorChannel1);var i=e.defIds;return!i||i.length===0||(r.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+e.idSuffix),Object.entries(n).forEach(function(s){var o=s[0],c=s[1];typeof c=="string"&&(n[o]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),n}function Et(r,e){var t,n=e.defIds;return!n||n.length===0?r:r.tag==="defs"&&(!((t=r.children)===null||t===void 0)&&t.length)?V(V({},r),{children:r.children.map(function(i){return typeof i.attrs.id=="string"&&n&&n.indexOf(i.attrs.id)>-1?V(V({},i),{attrs:V(V({},i.attrs),{id:i.attrs.id+e.idSuffix})}):i})}):r}function Ot(){return Math.random().toString(36).substring(2,8)}B.displayName="UniverIcon";var yt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z"}}]},Ke=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"add-image-single",ref:e,icon:yt}))});Ke.displayName="AddImageSingle";var xt={tag:"svg",attrs:{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.56377zM2.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.83647zM9.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"}}]},Ge=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"autofill",ref:e,icon:xt}))});Ge.displayName="Autofill";var Tt={tag:"svg",attrs:{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.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.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.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.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.9999 3.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.7421 6.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.56641 9.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.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},Xe=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"bottom-single",ref:e,icon:Tt}))});Xe.displayName="BottomSingle";var Rt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{clipPath:"url(#graph-single_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-single_clip0_1293_28"},children:[{tag:"path",attrs:{fill:"#fff",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["graph-single_clip0_1293_28"]},Ye=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"graph-single",ref:e,icon:Rt}))});Ye.displayName="GraphSingle";var jt={tag:"svg",attrs:{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"}}]},be=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"more-down-single",ref:e,icon:jt}))});be.displayName="MoreDownSingle";var Dt={tag:"svg",attrs:{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"}}]},ke=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"move-down-single",ref:e,icon:Dt}))});ke.displayName="MoveDownSingle";var Mt={tag:"svg",attrs:{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"}}]},Ze=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"move-up-single",ref:e,icon:Mt}))});Ze.displayName="MoveUpSingle";var wt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"mask",attrs:{id:"mask0_102_1204",style:{maskType:"alpha"},width:16,height:16,x:0,y:0,maskUnits:"userSpaceOnUse"},children:[{tag:"path",attrs:{fill:"#DCDCDC",d:"M0 0H16V16H0z"}}]},{tag:"g",attrs:{mask:"url(#mask0_102_1204)"},children:[{tag:"rect",attrs:{width:12.62,height:2.79,x:1.69,y:12.25,fill:"colorChannel1",rx:1.4}},{tag:"path",attrs:{fill:"currentColor",d:"M7.74646 2.1642C7.34284 1.65121 6.85947 1.28205 6.38447 1.09593C5.86863 0.893787 5.15166 0.852126 4.70047 1.42917C4.29842 1.94344 4.33082 2.70249 4.57691 3.50395C4.68808 3.8661 4.86846 4.22254 5.12522 4.56617C5.13695 4.58185 5.14927 4.5968 5.16211 4.61102C5.17152 4.6214 5.18122 4.63139 5.19115 4.64096C5.20459 4.65393 5.21855 4.66618 5.23296 4.6777L3.5064 6.40422C3.26756 6.64306 3.26756 7.03033 3.5064 7.26919L7.23756 11.0004C7.47648 11.2392 7.86375 11.2392 8.1026 11.0004L12.8329 6.27001C13.0717 6.03117 13.0717 5.6439 12.8329 5.40505L9.10172 1.67387C8.86288 1.43503 8.47561 1.43503 8.23676 1.67387L7.74646 2.1642ZM7.46162 4.50638C7.47252 4.57574 7.48163 4.64652 7.4888 4.71868C7.52232 5.05481 7.82194 5.30013 8.15807 5.26661C8.4942 5.23311 8.73954 4.93345 8.70601 4.59732C8.65786 4.11463 8.54251 3.6666 8.37892 3.26169L8.66928 2.97135L11.5354 5.83753L10.6106 6.76237H4.87824L7.40802 4.2326C7.42885 4.32128 7.44684 4.41255 7.46162 4.50638ZM6.87284 3.03784C6.57441 2.62008 6.22261 2.34634 5.93815 2.23487C5.80233 2.18165 5.71528 2.17827 5.67638 2.18335C5.6725 2.18387 5.66929 2.18443 5.6666 2.18497L5.6619 2.18607C5.64166 2.21954 5.53594 2.45979 5.74626 3.1449C5.81241 3.36036 5.92262 3.58602 6.09307 3.81761L6.87284 3.03784Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M12.1932 11.5463C12.6454 11.5463 13.012 11.1797 13.012 10.7275C13.012 10.4475 12.6981 9.92821 12.459 9.5733C12.3299 9.38173 12.0564 9.38174 11.9274 9.57331C11.6883 9.92822 11.3744 10.4475 11.3744 10.7275C11.3744 11.1797 11.741 11.5463 12.1932 11.5463Z"}}]}]},qe=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"paint-bucket",ref:e,icon:wt}))});qe.displayName="PaintBucket";var Ut={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{fill:"currentColor",clipPath:"url(#text-single_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-single_clip0_1293_26"},children:[{tag:"path",attrs:{fill:"#fff",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["text-single_clip0_1293_26"]},Je=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"text-single",ref:e,icon:Ut}))});Je.displayName="TextSingle";var Nt={tag:"svg",attrs:{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 9 15.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 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.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.1665 15.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.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z",fillRule:"evenodd",clipRule:"evenodd"}}]},Qe=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"topmost-single",ref:e,icon:Nt}))});Qe.displayName="TopmostSingle";const L={id:"slide.operation.update-element",type:a.CommandType.OPERATION,handler:(r,e)=>{const{oKey:t,props:n}=e,i=r.get(a.IUniverInstanceService),s=e==null?void 0:e.unitId,o=i.getUnit(s);if(!o)return!1;const c=o.getActivePage();return c.pageElements[t]=a.Tools.deepMerge(c.pageElements[t],n),o.updatePage(c.id,c),!0}},g={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelSubtitle:"univer-image-common-panel-subtitle",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input",slidePanelColorPicker:"univer-slide-panel-color-picker"};function Vt(r){const{pageId:e,unitId:t}=r,n=a.useDependency(a.LocaleService),i=a.useDependency(v.CanvasView),s=a.useDependency(a.ICommandService),o=i.getRenderUnitByPageId(e,t),c=o==null?void 0:o.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const u=C=>{const _=c.getAllObjects(),[I,S]=_.reduce(([f,x],T)=>{const j=T.zIndex,M=j<f?j:f,$=j>x?j:x;return[M,$]},[0,0]);let p=d.zIndex;C===3?p=I-1:C===2?p=S+1:C===0?p=d.zIndex+1:C===1&&(p=d.zIndex-1),d.setProps({zIndex:p}),s.executeCommand(L.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{zIndex:p}})};return m.jsxs("div",{className:g.imageCommonPanelGrid,children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:m.jsx("div",{children:n.t("image-panel.arrange.title")})})}),m.jsxs("div",{className:g.imageCommonPanelRow,children:[m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:m.jsx(w.Button,{size:"small",onClick:()=>{u(0)},children:m.jsxs("span",{className:g.imageCommonPanelInline,children:[m.jsx(Ze,{}),n.t("image-panel.arrange.forward")]})})}),m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:m.jsx(w.Button,{size:"small",onClick:()=>{u(1)},children:m.jsxs("span",{className:g.imageCommonPanelInline,children:[m.jsx(ke,{}),n.t("image-panel.arrange.backward")]})})})]}),m.jsxs("div",{className:g.imageCommonPanelRow,children:[m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:m.jsx(w.Button,{size:"small",onClick:()=>{u(2)},children:m.jsxs("span",{className:g.imageCommonPanelInline,children:[m.jsx(Qe,{}),n.t("image-panel.arrange.front")]})})}),m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:m.jsx(w.Button,{size:"small",onClick:()=>{u(3)},children:m.jsxs("span",{className:g.imageCommonPanelInline,children:[m.jsx(Xe,{}),n.t("image-panel.arrange.back")]})})})]})]})}function Bt(r){const{pageId:e,unitId:t}=r,n=a.useDependency(a.LocaleService),i=a.useDependency(v.CanvasView),s=a.useDependency(a.ICommandService),o=i.getRenderUnitByPageId(e,t),c=o==null?void 0:o.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const{width:u=0,height:C=0,left:_=0,top:I=0,angle:S=0}=d,[p,f]=b.useState(u),[x,T]=b.useState(C),[j,M]=b.useState(_),[$,R]=b.useState(I),[q,F]=b.useState(S),z=O=>{const{objects:ie}=O,re=ie.values().next().value,{width:xn=0,height:Tn=0,left:Rn=0,top:jn=0,angle:Dn=0}=re;f(xn),T(Tn),M(Rn),R(jn),F(Dn)};b.useEffect(()=>{const O=l.changeStart$.subscribe(re=>{z(re)}),ie=l.changing$.subscribe(re=>{z(re)});return()=>{ie.unsubscribe(),O.unsubscribe()}},[]);function H(O){!O||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{width:O}}),d==null||d.resize(O,d.height),f(O),l==null||l.refreshControls())}function J(O){!O||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{height:O}}),d==null||d.resize(d.width,O),T(O),l==null||l.refreshControls())}function Q(O){!O||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{left:O}}),d==null||d.translate(O,d.top),M(O),l==null||l.refreshControls())}function Y(O){!O||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{right:O}}),d==null||d.translate(d.left,O),R(O),l==null||l.refreshControls())}function fe(O){!O||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{angle:O}}),d==null||d.transformByState({angle:O}),F(O),l==null||l.refreshControls())}return m.jsxs("div",{className:D(g.imageCommonPanelGrid,g.imageCommonPanelBorder),children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:m.jsx("div",{children:n.t("image-panel.transform.title")})})}),m.jsxs("div",{className:g.imageCommonPanelRow,children:[m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:m.jsxs("label",{children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.width")})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:m.jsx(w.InputNumber,{className:g.imageCommonPanelInput,min:1,value:p,onChange:O=>{H(O)}})})})]})}),m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:m.jsxs("label",{children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.height")})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:m.jsx(w.InputNumber,{className:g.imageCommonPanelInput,min:1,value:x,onChange:O=>{J(O)}})})})]})})]}),m.jsxs("div",{className:g.imageCommonPanelRow,children:[m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:m.jsxs("label",{children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.x")})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:m.jsx(w.InputNumber,{className:g.imageCommonPanelInput,precision:1,min:0,value:j,onChange:O=>{Q(O)}})})})]})}),m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:m.jsxs("label",{children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.y")})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:m.jsx(w.InputNumber,{className:g.imageCommonPanelInput,precision:1,min:0,value:$,onChange:O=>{Y(O)}})})})]})}),m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:m.jsxs("label",{children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.rotate")})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:m.jsx(w.InputNumber,{className:g.imageCommonPanelInput,precision:1,value:q,onChange:fe})})})]})})]})]})}function Lt(r){var I,S;const{pageId:e,unitId:t}=r,n=a.useDependency(a.LocaleService),i=a.useDependency(v.CanvasView),s=a.useDependency(a.ICommandService),o=i.getRenderUnitByPageId(e,t),c=o==null?void 0:o.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const[u,C]=b.useState((S=(I=d.fill)==null?void 0:I.toString())!=null?S:"");function _(p){d==null||d.setProps({fill:p}),s.executeCommand(L.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:p}}}}}),C(p)}return m.jsx("div",{className:D(g.imageCommonPanelGrid,g.imageCommonPanelBorder),children:m.jsxs("div",{className:g.imageCommonPanelGrid,children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:m.jsx("div",{children:n.t("slide.panel.fill.title")})})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:m.jsx(w.DropdownLegacy,{align:{offset:[0,18]},overlay:m.jsx("section",{className:g.slidePanelColorPicker,children:m.jsx(w.ColorPicker,{value:"#fff",onChange:_})}),children:m.jsxs("a",{className:g.uiPluginSheetsBorderPanelButton,children:[m.jsx(qe,{extend:{colorChannel1:u!=null?u:"rgb(var(--primary-color))"}}),m.jsx("span",{className:g.uiPluginSheetsBorderPanelMoreIcon,children:m.jsx(be,{})})]})})})})]})})}const At={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelSubtitle:"univer-image-common-panel-subtitle",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input"},ae="COMPONENT_SLIDE_SIDEBAR";function $t(){var h,d,u;const r=a.useDependency(a.IUniverInstanceService),e=a.useDependency(v.CanvasView),t=r.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),n=(h=t==null?void 0:t.getActivePage())==null?void 0:h.id;if(!n)return null;const s=(d=e.getRenderUnitByPageId(n,n).scene)==null?void 0:d.getTransformer();if(!s)return null;const c=s.getSelectedObjectMap().values().next().value;if(!c)return null;const l=((u=r.getFocusedUnit())==null?void 0:u.getUnitId())||"";return m.jsxs("section",{className:At.imageCommonPanel,children:[m.jsx(Vt,{pageId:n,unitId:l}),m.jsx(Bt,{pageId:n,unitId:l}),c.objectType===P.ObjectType.RECT&&m.jsx(Lt,{pageId:n,unitId:l})]})}const oe={id:"slide.command.insert-float-shape",type:a.CommandType.COMMAND,handler:async r=>{var i;const e=r.get(a.ICommandService),n=(i=r.get(a.IUniverInstanceService).getFocusedUnit())==null?void 0:i.getUnitId();return e.executeCommand(Ee.id,{unitId:n})}},Ee={id:"slide.operation.insert-float-shape",type:a.CommandType.OPERATION,handler:async(r,e)=>{const t=a.generateRandomId(6),n=r.get(a.IUniverInstanceService),i=e.unitId,s=n.getUnit(i);if(!s)return!1;const o=s.getActivePage(),c=Object.values(o.pageElements),l=c!=null&&c.length?Math.max(...c.map(C=>C.zIndex)):20,h={id:t,zIndex:l+1,left:378,top:142,width:250,height:250,title:t,description:"",type:a.PageElementType.SHAPE,shape:{shapeType:a.BasicShapes.Rect,text:"",shapeProperties:{shapeBackgroundFill:{rgb:"rgb(0,0,255)"}}}};o.pageElements[t]=h,s.updatePage(o.id,o);const d=r.get(v.CanvasView),u=d.createObjectToPage(h,o.id,i);return u&&d.setObjectActiveByPage(u,o.id,i),!0}},Oe={id:"sidebar.operation.slide-shape",type:a.CommandType.COMMAND,handler:async(r,e)=>{const{visible:t,objectType:n}=e,i=r.get(E.ISidebarService),s=r.get(a.LocaleService);let o="",c="";return n===P.ObjectType.RECT?(o="slide.sidebar.shape",c=ae):n===P.ObjectType.IMAGE?(o="slide.sidebar.image",c=ae):n===P.ObjectType.RICH_TEXT&&(o="slide.sidebar.text",c=ae),t?i.open({header:{title:s.t(o)},children:{label:c},onClose:()=>{},width:360}):i.close(),!0}},et="COMPONENT_SLIDE_IMAGE_POPUP_MENU";var Ht=Object.defineProperty,Ft=Object.getOwnPropertyDescriptor,Wt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Ft(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&Ht(e,t,i),i},ce=(r,e)=>(t,n)=>e(t,n,r);function zt(r,e){const t=tt(r.left,r.top,e),n=tt(r.right,r.bottom,e);return{left:t.x,top:t.y,right:n.x,bottom:n.y}}function tt(r,e,t){const{scaleX:n,scaleY:i}=t.getAncestorScale(),s=t.getViewport(K.SLIDE_KEY.VIEW);if(!s)return{x:r,y:e};const{viewportScrollX:o,viewportScrollY:c}=s,l=(r-o)*n,h=(e-c)*i;return{x:l,y:h}}v.SlideCanvasPopMangerService=class extends a.Disposable{constructor(e,t,n,i){super(),this._globalPopupManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._commandService=i}_createObjectPositionObserver(e,t){const i=(()=>{var H,J,Q,Y;const{scene:c,engine:l}=t,{left:h,top:d,width:u,height:C}=e,_=(c.width-((J=(H=t.mainComponent)==null?void 0:H.width)!=null?J:0))/2,I=(c.height-((Y=(Q=t.mainComponent)==null?void 0:Q.height)!=null?Y:0))/2,S={left:h,right:h+u,top:d,bottom:d+C},p=l.getCanvasElement(),f=p.getBoundingClientRect(),x=P.pxToNum(p.style.width),{scaleX:T,scaleY:j}=c.getAncestorScale(),M=zt(S,c),{top:$,left:R,width:q}=f,F=q/x;return{left:M.left*F*T+R+_,right:M.right*F*T+R+_,top:M.top*F*j+$+I,bottom:M.bottom*F*j+$+I}})(),s=new U.BehaviorSubject(i),o=new a.DisposableCollection;return{position:i,position$:s,disposable:o}}attachPopupToObject(e,t){const i=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE).getUnitId(),s=this._renderManagerService.getRenderById(i);if(!s)return{dispose:()=>{}};const{position:o,position$:c,disposable:l}=this._createObjectPositionObserver(e,s),h=this._globalPopupManagerService.addPopup({...t,unitId:i,subUnitId:"default",anchorRect:o,anchorRect$:c,canvasElement:s.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(h),c.complete(),l.dispose()}}}},v.SlideCanvasPopMangerService=Wt([ce(0,a.Inject(E.ICanvasPopupService)),ce(1,P.IRenderManagerService),ce(2,a.IUniverInstanceService),ce(3,a.ICommandService)],v.SlideCanvasPopMangerService);var Kt=Object.defineProperty,Gt=Object.getOwnPropertyDescriptor,Xt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Gt(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&Kt(e,t,i),i},G=(r,e)=>(t,n)=>e(t,n,r);let le=class extends a.RxDisposable{constructor(e,t,n,i,s,o,c){super();y(this,"_initImagePopupMenu",new Set);this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=i,this._canvasView=s,this._sidebarService=o,this._commandService=c,this._init()}_init(){this._univerInstanceService.getAllUnitsForType(a.UniverInstanceType.UNIVER_SLIDE).forEach(e=>this._create(e))}_create(e){if(!e)return;const t=e.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(e){}_popupMenuListener(e){var i;const t=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),n=(i=t==null?void 0:t.getPages())!=null?i:{};Object.keys(n).forEach(s=>{var h;const c=(h=this._canvasView.getRenderUnitByPageId(s,e).scene)==null?void 0:h.getTransformer();if(!c)return;let l;this.disposeWithMe(a.toDisposable(c.createControl$.subscribe(()=>{const d=c.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const u=d.values().next().value;if(!u)return;const C=u.oKey;l==null||l.dispose(),l=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(u,{componentKey:et,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(u.objectType,C,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(Oe.id,{visible:!0,objectType:u.objectType})}))),this.disposeWithMe(c.clearControl$.subscribe(()=>{l==null||l.dispose(),this._contextService.setContextValue(a.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(c.changing$.subscribe(()=>{l==null||l.dispose();const d=c.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const u=d.values().next().value;u&&this._commandService.executeCommand(L.id,{unitId:e,oKey:u.oKey,props:{width:u.width,height:u.height,left:u.left,top:u.top}})}))})}_getMenuItemsByObjectType(e,t,n){return[{label:"slide.popup.edit",index:0,commandId:Oe.id,commandParams:{visible:!0,objectType:e},disable:!1},{label:"slide.popup.delete",index:5,commandId:Ie.id,commandParams:{id:t,unitId:n},disable:!1}]}};le=Xt([G(0,a.Inject(v.SlideCanvasPopMangerService)),G(1,P.IRenderManagerService),G(2,a.IUniverInstanceService),G(3,a.IContextService),G(4,a.Inject(v.CanvasView)),G(5,E.ISidebarService),G(6,a.ICommandService)],le);const de={id:"slide.operation.edit-arrow",type:a.CommandType.OPERATION,handler:()=>!0},X=a.createInternalEditorID("SLIDE_EDITOR");var Yt=Object.defineProperty,kt=Object.getOwnPropertyDescriptor,Zt=(r,e,t,n)=>{for(var i=n>1?void 0:n?kt(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&Yt(e,t,i),i},ye=(r,e)=>(t,n)=>e(t,n,r);const me=a.createIdentifier("univer.slide-editor-bridge.service");let xe=class extends a.Disposable{constructor(e,t,n){super();y(this,"_editorUnitId",X);y(this,"_isForceKeepVisible",!1);y(this,"_editorIsDirty",!1);y(this,"_currentEditRectState",null);y(this,"_currentEditRectState$",new U.BehaviorSubject(null));y(this,"currentEditRectState$",this._currentEditRectState$.asObservable());y(this,"_visibleParam",{visible:!1,eventType:P.DeviceInputEventType.Dblclick,unitId:""});y(this,"_visible$",new U.BehaviorSubject(this._visibleParam));y(this,"visible$",this._visible$.asObservable());y(this,"_afterVisible$",new U.BehaviorSubject(this._visibleParam));y(this,"afterVisible$",this._afterVisible$.asObservable());y(this,"endEditing$",new U.Subject);y(this,"_currentEditRectInfo");this._editorService=e,this._contextService=t,this._renderManagerService=n}dispose(){super.dispose()}getEditorRect(){return this._currentEditRectInfo}setEditorRect(e){this._currentEditRectInfo=e,this._editorService.getFocusEditor()||(this._editorService.focus(X),this._contextService.setContextValue(a.EDITOR_ACTIVATED,!1),this._contextService.setContextValue(a.FOCUSING_EDITOR_STANDALONE,!1),this._contextService.setContextValue(a.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE,!1));const t=this.getEditRectState();this._currentEditRectState=t,this._currentEditRectState$.next(t)}changeVisible(e){this._visibleParam=e,e.visible&&(this._editorIsDirty=!1),this._visible$.next(this._visibleParam),this._afterVisible$.next(this._visibleParam)}getEditRectState(){const e=X,t=this._currentEditRectInfo,n=t.unitId,i=t.richTextObj.documentData;i.id=e,i.documentStyle={...i.documentStyle,pageSize:{width:t.richTextObj.width,height:1/0}};const o={documentModel:new a.DocumentDataModel(i),fontString:"document",textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:a.VerticalAlign.TOP,horizontalAlign:a.HorizontalAlign.LEFT,paddingData:{t:0,b:1,l:2,r:2}},c=t.richTextObj.width,l=t.richTextObj.height,h=t.richTextObj.left,d=t.richTextObj.top,u={left:0,top:0},C=this._renderManagerService.getRenderById(n),_=C==null?void 0:C.scene,I=_==null?void 0:_.getViewport(K.SLIDE_KEY.VIEW),S=_==null?void 0:_.getObject(K.SLIDE_KEY.COMPONENT),p={x:(S==null?void 0:S.left)||0,y:(S==null?void 0:S.top)||0},f=(I==null?void 0:I.viewportScrollX)||0,x=(I==null?void 0:I.viewportScrollY)||0;return u.left=p.x-f,u.top=p.y-x,{position:{startX:h,startY:d,endX:h+c,endY:d+l},scaleX:1,scaleY:1,slideCardOffset:u,unitId:n,editorUnitId:e,documentLayoutObject:o}}changeEditorDirty(e){this._editorIsDirty=e}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(e){const t=this.getCurrentEditorId(),n=e.text,i=e.fs;return{id:t,body:{dataStream:`${n}\r
10
+ `,textRuns:[{st:0,ed:n.length}],paragraphs:[{paragraphStyle:{},startIndex:n.length+1}],sectionBreaks:[{startIndex:n.length+2}]},documentStyle:{marginBottom:0,marginLeft:0,marginRight:0,marginTop:0,pageSize:{width:1/0,height:1/0},textStyle:{fs:i},renderConfig:{verticalAlign:a.VerticalAlign.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}};xe=Zt([ye(0,N.IEditorService),ye(1,a.IContextService),ye(2,P.IRenderManagerService)],xe);class qt{constructor(){y(this,"_state",null);y(this,"_rect",null);y(this,"_state$",new U.BehaviorSubject(null));y(this,"state$",this._state$.asObservable());y(this,"_rect$",new U.BehaviorSubject(null));y(this,"rect$",this._rect$.asObservable());y(this,"_focus",!1);y(this,"_focus$",new U.BehaviorSubject(this._focus));y(this,"focus$",this._focus$.asObservable())}dispose(){this._state$.complete(),this._state=null,this._rect$.complete(),this._rect=null}setState(e){this._state=e,this._refresh(e)}getRect(){return this._rect}setRect(e){this._rect=e,this._rect$.next(e)}getState(){return this._state}setFocus(e=!1){this._focus=e,this._focus$.next(e)}_refresh(e){this._state$.next(e)}}const Te=a.createIdentifier("univer.slide-editor-manager.service");var W=(r=>(r[r.InitialState=0]="InitialState",r[r.StartEditor=1]="StartEditor",r[r.CursorChange=2]="CursorChange",r))(W||{}),Jt=Object.defineProperty,Qt=Object.getOwnPropertyDescriptor,en=(r,e,t,n)=>{for(var i=n>1?void 0:n?Qt(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&Jt(e,t,i),i},A=(r,e)=>(t,n)=>e(t,n,r);const nt=-1e3,it=5,tn=2;let Re=class extends a.Disposable{constructor(e,t,n,i,s,o,c,l,h,d,u,C){super();y(this,"_cursorChange",W.InitialState);y(this,"_isUnitEditing",!1);y(this,"_d");this._renderContext=e,this._layoutService=t,this._undoRedoService=n,this._contextService=i,this._instanceSrv=s,this._renderManagerService=o,this._editorBridgeService=c,this._cellEditorManagerService=l,this._textSelectionManagerService=h,this._commandService=d,this._localService=u,this._editorService=C,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(a.UniverInstanceType.UNIVER_SLIDE).subscribe(_=>{_&&_.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:P.DeviceInputEventType.Keyboard,keycode:E.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(){const e=new a.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){const 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(se.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(se.DocSkeletonManagerService).getViewModel()}_initialCursorSync(e){e.add(this._cellEditorManagerService.focus$.pipe(U.filter(t=>!!t)).subscribe(()=>{var n;const t=(n=this._renderManagerService.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_DOC))==null?void 0:n.with(N.DocSelectionRenderService);t&&t.sync()}))}_subscribeToCurrentCell(e){e.add(this._editorBridgeService.currentEditRectState$.subscribe(t=>{var C;if(t==null||this._contextService.getContextValue(a.FOCUSING_EDITOR_STANDALONE)||this._contextService.getContextValue(a.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE))return;const{position:{startX:n,endX:i},documentLayoutObject:{textRotation:s,wrapStrategy:o,documentModel:c},scaleX:l,editorUnitId:h}=t,{vertexAngle:d}=P.convertTextRotation(s);c.updateDocumentId(h),o===a.WrapStrategy.WRAP&&d===0&&c.updateDocumentDataPageSize((i-n)/l),this._instanceSrv.changeDoc(h,c),this._contextService.setContextValue(a.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]);const u=(C=this._renderManagerService.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_DOC))==null?void 0:C.with(N.DocSelectionRenderService);u&&u.activate(nt,nt)}))}_fitTextSize(e,t,n,i,s=1,o=1){const{startX:c,startY:l,endX:h,endY:d}=e,u=i.documentModel;if(u==null)return;const{actualWidth:C,actualHeight:_}=this._predictingSize(e,t,n,i,s,o),{verticalAlign:I,paddingData:S,fill:p}=i;let f=h-c,x=d-l;if(f<C&&(f=C),x<_)x=_,u.updateDocumentDataMargin(S);else{let T=0;I===a.VerticalAlign.MIDDLE?T=(x-_)/2/o:I===a.VerticalAlign.TOP?T=S.t||0:T=(x-_)/o-(S.b||0),T=T<(S.t||0)?S.t||0:T,u.updateDocumentDataMargin({t:T})}n.calculate(),this._editAreaProcessing(f,x,e,t,p,s,o)}_predictingSize(e,t,n,i,s=1,o=1){const{startX:c,endX:l}=e,{textRotation:h,wrapStrategy:d}=i,u=i.documentModel,{vertexAngle:C}=P.convertTextRotation(h),_=document.body.clientWidth;if(d===a.WrapStrategy.WRAP&&C===0){const{actualWidth:p,actualHeight:f}=n.getActualSize();return{actualWidth:p*s,actualHeight:f*o}}u==null||u.updateDocumentDataPageSize((_-c-t.left)/s),n.calculate();const I=n.getActualSize();let S=l-c;return S<I.actualWidth*s+it*s&&(S=I.actualWidth*s+it*s),u==null||u.updateDocumentDataPageSize(S/s),u==null||u.updateDocumentRenderConfig({horizontalAlign:a.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:S,actualHeight:I.actualHeight*o}}_editAreaProcessing(e,t,n,i,s,o=1,c=1){var O;const l=this._getEditorObject();if(l==null)return;function h(ie){return Number.parseInt(ie.replace("px",""))}const u=this._renderContext.engine.getCanvasElement(),C=u.getBoundingClientRect(),_=h(u.style.width),{top:I,left:S,width:p}=C,f=p/_;let{startX:x,startY:T}=n;x+=i.left,T+=i.top;const{document:j,scene:M,engine:$}=l,R=M.getViewport(N.VIEWPORT_KEY.VIEW_MAIN),q=document.body.clientHeight-T-i.top-tn*2,F=document.body.clientWidth-x-i.left;let z=t,H=R==null?void 0:R.getScrollBar();z>q?(z=q,H==null?R&&new P.ScrollBar(R,{enableHorizontal:!1,barSize:8}):R==null||R.resetCanvasSizeAndUpdateScroll()):(H=null,(O=R==null?void 0:R.getScrollBar())==null||O.dispose()),e+=(H==null?void 0:H.barSize)||0,e=Math.min(e,F),x-=P.FIX_ONE_PIXEL_BLUR_OFFSET,T-=P.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(M,e/o,t/c,s);const{scaleX:J,scaleY:Q}=M.getPrecisionScale();M.transformByState({width:e*f/o,height:t*f/c,scaleX:o*f,scaleY:c*f}),j.resize(e/o,t/c),setTimeout(()=>{$.resizeBySize(P.fixLineWidthByScale(e,J),P.fixLineWidthByScale(z,Q))},0);const Y=this._layoutService.getContentElement().getBoundingClientRect(),fe=u.getBoundingClientRect();x=x*f+(fe.left-Y.left),T=T*f+(fe.top-Y.top),this._cellEditorManagerService.setState({startX:x,startY:T,endX:e*f+x,endY:z*f+T,show:!0})}_addBackground(e,t,n,i){const s="_backgroundRectHelperColor_",o=e.getObject(s);o==null&&i==null||(o==null?e.addObjects([new P.Rect(s,{width:t,height:n,fill:i,evented:!1})],N.DOCS_COMPONENT_MAIN_LAYER_INDEX):i==null?o.dispose():(o.setProps({fill:i}),o.transformByState({width:t,height:n})))}_handleEditorVisible(e){var p,f;const{eventType:t}=e;this._cursorChange=[P.DeviceInputEventType.PointerDown,P.DeviceInputEventType.Dblclick].includes(t)?W.CursorChange:W.StartEditor;const n=this._editorBridgeService.getEditRectState();if(n==null)return;const{position:i,documentLayoutObject:s,slideCardOffset:o,scaleX:c,scaleY:l,editorUnitId:h,unitId:d}=n,u=this._getEditorObject();if(u==null)return;const{scene:C}=u;this._contextService.setContextValue(a.EDITOR_ACTIVATED,!0);const{documentModel:_}=s,I=this._getEditorSkeleton(h);if(!I||!_)return;this._fitTextSize(i,o,I,s,c,l);const S=_.getBody().dataStream.length-2||0;(p=C.getViewport(N.VIEWPORT_KEY.VIEW_MAIN))==null||p.scrollToViewportPos({viewportScrollX:Number.POSITIVE_INFINITY}),this._textSelectionManagerService.replaceTextRanges([{startOffset:S,endOffset:S}]),(f=this._renderManagerService.getRenderById(d))==null||f.scene.resetCursor()}_resetBodyStyle(e,t=!1){e.dataStream=a.DEFAULT_EMPTY_DOCUMENT_VALUE,e.textRuns!=null&&(e.textRuns.length===1&&!t?(e.textRuns[0].st=0,e.textRuns[0].ed=1):e.textRuns=void 0),e.paragraphs!=null&&(e.paragraphs.length===1?e.paragraphs[0].startIndex=0:e.paragraphs=[{startIndex:0}]),e.sectionBreaks!=null&&(e.sectionBreaks=void 0),e.tables!=null&&(e.tables=void 0),e.customRanges!=null&&(e.customRanges=void 0),e.customBlocks!=null&&(e.customBlocks=void 0)}_initialKeyboardListener(e){}_showEditorByKeyboard(e){}_commandExecutedListener(e){const t=[de.id],n=[se.RichTextEditingMutation.id];e.add(this._commandService.onCommandExecuted(i=>{this._editorService.getFocusId()===X&&(t.includes(i.id)&&this._moveCursorCmdHandler(i),n.includes(i.id)&&this._editorBridgeService.isVisible()&&this._editingChangedHandler())}))}_moveCursorCmdHandler(e){const t=e.params,{keycode:n,isShift:i}=t;n!=null&&this._cursorChange===W.CursorChange?this._moveInEditor(n,i):this._editorBridgeService.changeVisible(t)}_editingChangedHandler(){const e=this._editorBridgeService.getEditorRect();if(!e)return;const t=e.richTextObj;t.refreshDocumentByDocData(),t.resizeToContentSize();const{unitId:n}=this._renderContext;this._handleEditorVisible({visible:!0,eventType:3,unitId:n})}_getEditorObject(){return nn(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(e){const{keycode:t}=e;if(this._cursorChange=W.InitialState,this._exitInput(e),this._editorBridgeService.getEditRectState()==null)return;if(this._editorBridgeService.getEditorDirty()===!1){this._moveCursor(t);return}this._moveCursor(t)}_exitInput(e){this._contextService.setContextValue(a.EDITOR_ACTIVATED,!1),this._cellEditorManagerService.setState({show:e.visible});const t=this._editorBridgeService.getCurrentEditorId();t!=null&&this._undoRedoService.clearUndoRedo(t)}_moveCursor(e){if(e!=null)switch(a.Direction.LEFT,e){case E.KeyCode.ENTER:a.Direction.DOWN;break;case E.KeyCode.TAB:a.Direction.RIGHT;break;case E.KeyCode.ARROW_DOWN:a.Direction.DOWN;break;case E.KeyCode.ARROW_UP:a.Direction.UP;break;case E.KeyCode.ARROW_LEFT:a.Direction.LEFT;break;case E.KeyCode.ARROW_RIGHT:a.Direction.RIGHT;break}}_cursorStateListener(e){const t=this._getEditorObject();if(!t)return;const{document:n}=t;e.add(a.toDisposable(n.onPointerDown$.subscribeEvent(()=>{this._cursorChange===W.StartEditor&&(this._cursorChange=W.CursorChange)})))}_moveInEditor(e,t){let n=a.Direction.LEFT;e===E.KeyCode.ARROW_DOWN?n=a.Direction.DOWN:e===E.KeyCode.ARROW_UP?n=a.Direction.UP:e===E.KeyCode.ARROW_RIGHT&&(n=a.Direction.RIGHT),t?this._commandService.executeCommand(N.MoveSelectionOperation.id,{direction:n}):this._commandService.executeCommand(N.MoveCursorOperation.id,{direction:n})}};Re=en([A(1,E.ILayoutService),A(2,a.IUndoRedoService),A(3,a.IContextService),A(4,a.IUniverInstanceService),A(5,P.IRenderManagerService),A(6,me),A(7,Te),A(8,a.Inject(se.DocSelectionManagerService)),A(9,a.ICommandService),A(10,a.Inject(a.LocaleService)),A(11,N.IEditorService)],Re);function nn(r,e){if(r==null)return;const t=e.getRenderById(r);if(t==null)return;const{mainComponent:n,scene:i,engine:s,components:o}=t,c=n,l=o.get(N.DOCS_VIEW_KEY.BACKGROUND);return{document:c,docBackground:l,scene:i,engine:s}}var rn=Object.defineProperty,sn=Object.getOwnPropertyDescriptor,an=(r,e,t,n)=>{for(var i=n>1?void 0:n?sn(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&rn(e,t,i),i},je=(r,e)=>(t,n)=>e(t,n,r);let De=class extends a.RxDisposable{constructor(e,t,n,i){super();y(this,"setSlideTextEditor$",new U.Subject);y(this,"_curRichText",null);y(this,"_d");this._renderContext=e,this._instanceSrv=t,this._commandService=n,this._editorBridgeService=i,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(a.UniverInstanceType.UNIVER_SLIDE).subscribe(s=>{s&&s.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){const e=new a.DisposableCollection;return this._initEventListener(e),e}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_setEditorRect(e,t){this._curRichText=t;const{scene:n,engine:i}=this._renderContext,s=this._renderContext.unitId,o={scene:n,engine:i,unitId:s,pageId:e,richTextObj:t};this._editorBridgeService.setEditorRect(o)}_initEventListener(e){const t=o=>{const c=o.getTransformer();c&&(e.add(c.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),e.add(c.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),e.add(o.onDblclick$.subscribeEvent(()=>{c.clearControls();const h=c.getSelectedObjectMap().values().next().value;h&&(h.objectType!==P.ObjectType.RICH_TEXT?this.pickOtherObjects():this.startEditing(o.sceneKey,h))})),e.add(this._instanceSrv.focused$.subscribe(l=>{this.endEditing()})))},{mainComponent:n}=this._renderContext;n.subSceneChanged$.subscribeEvent(o=>{t(o)});const s=Array.from(n.getSubScenes().values());for(let o=0;o<s.length;o++){const c=s[o];t(c)}}pickOtherObjects(){this.endEditing()}endEditing(){var s;if(!this._curRichText)return;this.setEditorVisible(!1);const e=this._curRichText;if(!this._instanceSrv.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE))return!1;e.refreshDocumentByDocData(),e.resizeToContentSize(),this._editorBridgeService.endEditing$.next(e);const n={bl:1,fs:e.fs,text:e.text},i=(s=e.documentData.body)==null?void 0:s.textRuns;if(i&&i.length){const c=i[0].ts;n.cl=c==null?void 0:c.cl}this._commandService.executeCommand(L.id,{unitId:this._renderContext.unitId,oKey:e==null?void 0:e.oKey,props:{richText:n}}),this._curRichText=null}startEditing(e,t){this._setEditorRect(e,t),this.setEditorVisible(!0)}setEditorVisible(e){var n,i;e?(n=this._curRichText)==null||n.hide():(i=this._curRichText)==null||i.show();const{unitId:t}=this._renderContext;this._editorBridgeService.changeVisible({visible:e,eventType:P.DeviceInputEventType.PointerDown,unitId:t})}};De=an([je(1,a.IUniverInstanceService),je(2,a.ICommandService),je(3,me)],De);const Me={id:"slide.operation.activate-slide",type:a.CommandType.OPERATION,handler:(r,e)=>{var h,d;const t=e.unitId,n=r.get(v.CanvasView),s=r.get(a.IUniverInstanceService).getUnit(t),o=(h=s==null?void 0:s.getActivePage())==null?void 0:h.id;if(!o)return!1;const c=n.getRenderUnitByPageId(o,t);if(!c)return!1;const l=(d=c.scene)==null?void 0:d.getTransformer();return l&&l.clearControls(),n.activePage(e.id,t),!0}},we={id:"slide.operation.append-slide",type:a.CommandType.OPERATION,handler:(r,e)=>{const t=e.unitId;return r.get(a.IUniverInstanceService).getUnit(t)?(r.get(v.CanvasView).appendPage(t),!0):!1}},ue={id:"slide.command.insert-float-image",type:a.CommandType.COMMAND,handler:async(r,e)=>{var $;const t=r.get(a.IUniverInstanceService),n=($=t.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE))==null?void 0:$.getUnitId();if(!n)return!1;const s=await r.get(E.ILocalFileService).openFile({multiple:!0,accept:_e.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(R=>`.${R.replace("image/","")}`).join(",")});if(s.length!==1)return!1;const c=await r.get(_e.IImageIoService).saveImage(s[0]);if(!c)return!1;const{imageId:l,imageSourceType:h,source:d,base64Cache:u}=c,{width:C,height:_,image:I}=await _e.getImageSize(u||""),S=t.getUnit(n);if(!S)return!1;const p=S.getActivePage(),f=Object.values(p.pageElements),x=f!=null&&f.length?Math.max(...f.map(R=>R.zIndex)):20,T={id:l,zIndex:x+1,left:0,top:0,width:C,height:_,title:"",description:"",type:a.PageElementType.IMAGE,image:{imageProperties:{contentUrl:u,imageSourceType:h,source:d,base64Cache:u,image:I}}};p.pageElements[l]=T,S.updatePage(p.id,p);const j=r.get(v.CanvasView),M=j.createObjectToPage(T,p.id,n);return M&&j.setObjectActiveByPage(M,p.id,n),!0}},ge={id:"slide.command.add-text",type:a.CommandType.COMMAND,handler:async r=>{var i;const e=r.get(a.ICommandService),n=(i=r.get(a.IUniverInstanceService).getFocusedUnit())==null?void 0:i.getUnitId();return await e.executeCommand(Ue.id,{unitId:n})}},Ue={id:"slide.operation.add-text",type:a.CommandType.OPERATION,handler:async(r,e)=>{const t=e.unitId,n=a.generateRandomId(6),i=220,s=40,o=230,c=142,l=(e==null?void 0:e.text)||"A New Text",d=r.get(a.IUniverInstanceService).getUnit(t);if(!d)return!1;const u=d.getActivePage(),C=Object.values(u.pageElements),_=C!=null&&C.length?Math.max(...C.map(f=>f.zIndex)):21,I={id:n,zIndex:_+1,left:o,top:c,width:i,height:s,title:"text",description:"",type:a.PageElementType.TEXT,richText:{text:l,fs:30,cl:{rgb:"rgb(51, 51, 51)"},bl:1}};u.pageElements[n]=I,d.updatePage(u.id,u);const S=r.get(v.CanvasView),p=S.createObjectToPage(I,u.id,t);return p&&S.setObjectActiveByPage(p,u.id,t),!0}},Ne={id:"slide.operation.set-slide-page-thumb",type:a.CommandType.OPERATION,handler:(r,e)=>(r.get(v.CanvasView).createThumbs(e.unitId),!0)},ne={imagePopupMenu:"univer-image-popup-menu",imagePopupMenuItem:"univer-image-popup-menu-item",imagePopupMenuItemIcon:"univer-image-popup-menu-item-icon",imagePopupMenuItemTitle:"univer-image-popup-menu-item-title",imagePopupMenuItemHide:"univer-image-popup-menu-item-hide",btnContainer:"univer-btn-container",btnContainerExpand:"univer-btn-container-expand"},on=r=>{var I,S;const e=(S=(I=r.popup)==null?void 0:I.extraProps)==null?void 0:S.menuItems;if(!e)return null;const t=a.useDependency(a.ICommandService),n=a.useDependency(a.LocaleService),[i,s]=b.useState(!1),[o,c]=b.useState(!1),l=()=>{c(!0)},h=()=>{c(!1)},d=p=>{s(p)},u=p=>{t.executeCommand(p.commandId,p.commandParams),s(!1)},C=i||o,_=e.filter(p=>!p.disable);return m.jsx("div",{onMouseEnter:l,onMouseLeave:h,children:m.jsx(w.DropdownLegacy,{placement:"bottomLeft",trigger:["click"],overlay:m.jsx("ul",{className:ne.imagePopupMenu,children:_.map(p=>m.jsx("li",{onClick:()=>u(p),className:ne.imagePopupMenuItem,children:m.jsx("span",{className:ne.imagePopupMenuItemTitle,children:n.t(p.label)})},p.index))}),visible:i,onVisibleChange:d,children:m.jsxs("div",{className:D(ne.btnContainer,{[ne.btnContainerExpand]:i}),children:[m.jsx(Ge,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),C&&m.jsx(be,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}})]})})})},k={slideBar:"univer-slide-bar",slideBarContent:"univer-slide-bar-content",slideBarContentHeader:"univer-slide-bar-content-header",slideBarItem:"univer-slide-bar-item",slideBarBox:"univer-slide-bar-box",slideBarItemActive:"univer-slide-bar-item-active",slideAddButton:"univer-slide-add-button"};function rt(){var S,p;const r=a.useDependency(a.IUniverInstanceService),e=a.useDependency(a.ICommandService),t=a.useDependency(P.IRenderManagerService),n=a.useDependency(a.LocaleService),i=b.useRef(null),s=r.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),o=s==null?void 0:s.getPages(),c=s==null?void 0:s.getPageOrder();if(!o||!c)return null;const l=c.map(f=>o[f]),[h,d]=b.useState([]),[u,C]=b.useState((p=(S=s==null?void 0:s.getActivePage())==null?void 0:S.id)!=null?p:null);b.useEffect(()=>{d(l.map(f=>b.createRef()))},[l.length]),b.useEffect(()=>{const f=s==null?void 0:s.activePage$.subscribe(x=>{var j;const T=(j=x==null?void 0:x.id)!=null?j:null;T&&C(T)});return()=>{f==null||f.unsubscribe()}},[]),b.useEffect(()=>{h.forEach((f,x)=>{var T;if(f.current){const j=l[x];(T=t.getRenderById(j.id))==null||T.engine.setContainer(f.current)}}),h.length>0&&e.syncExecuteCommand(Ne.id,{unitId:s==null?void 0:s.getUnitId()})},[h,l,t,e,s]);const _=b.useCallback(f=>{e.syncExecuteCommand(Me.id,{id:f,unitId:s==null?void 0:s.getUnitId()})},[e,s]),I=b.useCallback(()=>{e.syncExecuteCommand(we.id,{unitId:s==null?void 0:s.getUnitId()})},[e,s]);return m.jsx("aside",{className:k.slideBar,ref:i,children:m.jsx(w.Scrollbar,{children:m.jsxs("div",{className:k.slideBarContent,children:[m.jsx("header",{className:k.slideBarContentHeader,children:m.jsx("a",{onClick:I,children:n.t("slide.append")})}),l.map((f,x)=>m.jsxs("div",{className:D(k.slideBarItem,{[k.slideBarItemActive]:f.id===u}),onClick:()=>_(f.id),children:[m.jsx("span",{children:x+1}),m.jsx("div",{ref:h[x],className:k.slideBarBox})]},f.id))]})})})}const cn={slideEditorContainer:"univer-slide-editor-container",editorInput:"univer-editor-input"},he=-1e3,st={width:0,height:0,top:he,left:he},at=()=>{const[r,e]=b.useState({...st}),t=a.useDependency(Te),n=a.useDependency(N.IEditorService),i=a.useDependency(a.IContextService),s=E.useObservable(()=>i.subscribeContextValue$(E.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[i,E.DISABLE_AUTO_FOCUS_KEY]);return`${a.DEFAULT_EMPTY_DOCUMENT_VALUE}`,a.DocumentFlavor.UNSPECIFIED,b.useEffect(()=>{t.state$.subscribe(o=>{if(o==null)return;const{startX:c=he,startY:l=he,endX:h=0,endY:d=0,show:u=!1}=o;if(!u)e({...st});else{e({width:h-c-P.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:d-l-P.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:c+P.FIX_ONE_PIXEL_BLUR_OFFSET,top:l+P.FIX_ONE_PIXEL_BLUR_OFFSET});const C=n.getEditor(X);if(C==null)return;const{left:_,top:I,width:S,height:p}=C.getBoundingClientRect();t.setRect({left:_,top:I,width:S,height:p})}})},[]),b.useEffect(()=>{s||t.setFocus(!0)},[s,r]),m.jsx("div",{className:cn.slideEditorContainer,style:{left:r.left,top:r.top,width:r.width,height:r.height}})},ot="addition-and-subtraction-single",Ve="slide.menu.image";function ln(r){return{id:Ve,type:E.MenuItemType.SUBITEMS,icon:ot,tooltip:"slide.image.insert.title",hidden$:E.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function dn(r){return{id:ue.id,title:"slide.image.insert.float",type:E.MenuItemType.BUTTON,hidden$:E.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const ct="graph-single",Be="slide.menu.shape";function mn(r){return{id:Be,type:E.MenuItemType.SUBITEMS,icon:ct,tooltip:"slide.shape.insert.title",hidden$:E.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function un(r){return{id:oe.id,title:"slide.shape.insert.rectangle",type:E.MenuItemType.BUTTON,hidden$:E.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const lt="text-single";function gn(r){return{id:ge.id,type:E.MenuItemType.BUTTON,icon:lt,tooltip:"slide.text.insert.title",hidden$:E.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const dt={[E.RibbonStartGroup.FORMAT]:{[ge.id]:{order:0,menuItemFactory:gn},[Ve]:{order:0,menuItemFactory:ln,[ue.id]:{order:0,menuItemFactory:dn}},[Be]:{order:0,menuItemFactory:mn,[oe.id]:{order:0,menuItemFactory:un}}}};function Le(r){return r.getContextValue(a.FOCUSING_UNIVER_EDITOR)&&r.getContextValue(a.EDITOR_ACTIVATED)}function hn(r){return r.getContextValue(a.FORMULA_EDITOR_ACTIVATED)&&r.getContextValue(a.FOCUSING_UNIVER_EDITOR)}const mt=[E.KeyCode.ARROW_DOWN,E.KeyCode.ARROW_UP,E.KeyCode.ARROW_LEFT,E.KeyCode.ARROW_RIGHT];[E.KeyCode.ENTER,E.KeyCode.TAB,...mt];function vn(){const r=[];for(const e of mt)r.push({id:de.id,binding:e,preconditions:t=>Le(t),staticParameters:{visible:!1,eventType:P.DeviceInputEventType.Keyboard,keycode:e,isShift:!1}}),r.push({id:de.id,binding:e|E.MetaKeys.SHIFT,preconditions:t=>Le(t),staticParameters:{visible:!1,eventType:P.DeviceInputEventType.Keyboard,keycode:e,isShift:!0}});return r}const Cn={id:N.DeleteLeftCommand.id,preconditions:r=>Le(r)||hn(r),binding:E.KeyCode.BACKSPACE};var pn=Object.defineProperty,fn=Object.getOwnPropertyDescriptor,_n=(r,e,t,n)=>{for(var i=n>1?void 0:n?fn(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&pn(e,t,i),i},Z=(r,e)=>(t,n)=>e(t,n,r);v.SlidesUIController=class extends a.Disposable{constructor(e,t,n,i,s,o){super(),this._injector=e,this._menuManagerService=t,this._componentManager=n,this._uiPartsService=i,this._commandService=s,this._shortcutService=o,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(dt)}_initCustomComponents(){const e=this._componentManager;this.disposeWithMe(e.register(ot,Ke)),this.disposeWithMe(e.register(lt,Je)),this.disposeWithMe(e.register(ct,Ye)),this.disposeWithMe(e.register(et,on)),this.disposeWithMe(e.register(ae,$t))}_initCommands(){[we,Me,Ne,ue,Ue,ge,Ee,oe,Oe,Ie,L,de].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(E.BuiltInUIPart.LEFT_SIDEBAR,()=>a.connectInjector(rt,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(E.BuiltInUIPart.CONTENT,()=>a.connectInjector(at,this._injector)))}_initShortcuts(){[Cn,...vn()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}},v.SlidesUIController=_n([Z(0,a.Inject(a.Injector)),Z(1,E.IMenuManagerService),Z(2,a.Inject(E.ComponentManager)),Z(3,E.IUIPartsService),Z(4,a.ICommandService),Z(5,E.IShortcutService)],v.SlidesUIController);var Sn=Object.defineProperty,In=Object.getOwnPropertyDescriptor,Pn=(r,e,t,n)=>{for(var i=n>1?void 0:n?In(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&Sn(e,t,i),i},Ae=(r,e)=>(t,n)=>e(t,n,r);let ve=class extends a.RxDisposable{constructor(r,e,t){super(),this._contextService=r,this._instanceSrv=e,this._renderManagerService=t,Promise.resolve().then(()=>this._init())}_init(){this._initSlideDataListener(),this._initContextListener()}_initSlideDataListener(){this._instanceSrv.getTypeOfUnitAdded$(a.UniverInstanceType.UNIVER_SLIDE).pipe(U.takeUntil(this.dispose$)).subscribe(r=>{this._createRenderer(r==null?void 0:r.getUnitId())}),this._instanceSrv.getAllUnitsForType(a.UniverInstanceType.UNIVER_SLIDE).forEach(r=>{this._createRenderer(r.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(a.UniverInstanceType.UNIVER_SLIDE).pipe(U.takeUntil(this.dispose$)).subscribe(r=>this._disposeRenderer(r))}_createRenderer(r){r==null||this._instanceSrv.getUnit(r,a.UniverInstanceType.UNIVER_SLIDE)==null||(this._renderManagerService.createRender(r),this._renderManagerService.setCurrent(r))}_disposeRenderer(r){const e=r.getUnitId();this._renderManagerService.removeRender(e)}_initContextListener(){}};ve=Pn([Ae(0,a.IContextService),Ae(1,a.IUniverInstanceService),Ae(2,P.IRenderManagerService)],ve);var bn=Object.defineProperty,En=Object.getOwnPropertyDescriptor,On=(r,e,t,n)=>{for(var i=n>1?void 0:n?En(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&bn(e,t,i),i},Ce=(r,e)=>(t,n)=>e(t,n,r);const yn="SLIDE_UI";v.UniverSlidesUIPlugin=(pe=class extends a.Plugin{constructor(e=$e,t,n,i,s){super(),this._config=e,this._injector=t,this._renderManagerService=n,this._univerInstanceService=i,this._configService=s;const{menu:o,...c}=a.merge({},$e,this._config);o&&this._configService.setConfig("menu",o,{merge:!0}),this._configService.setConfig(_t,c)}onStarting(){a.mergeOverrideWithDependencies([[ve],[me,{useClass:xe}],[Te,{useClass:qt}],[v.SlideCanvasPopMangerService]],this._config.override).forEach(e=>this._injector.add(e))}onReady(){[[ee]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(a.UniverInstanceType.UNIVER_SLIDE,e))}),a.mergeOverrideWithDependencies([[v.CanvasView],[v.SlidesUIController],[ee],[le]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(v.CanvasView),this._injector.get(ve)}onRendered(){[[De],[Re]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(a.UniverInstanceType.UNIVER_SLIDE,e))}),this._markSlideAsFocused(),this._injector.get(v.SlidesUIController)}onSteady(){this._injector.get(le)}_markSlideAsFocused(){const e=this._univerInstanceService;try{const t=e.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(t.getUnitId())}catch{}}},y(pe,"pluginName",yn),y(pe,"type",a.UniverInstanceType.UNIVER_SLIDE),pe),v.UniverSlidesUIPlugin=On([Ce(1,a.Inject(a.Injector)),Ce(2,P.IRenderManagerService),Ce(3,a.IUniverInstanceService),Ce(4,a.IConfigService)],v.UniverSlidesUIPlugin),v.ActivateSlidePageOperation=Me,v.AppendSlideOperation=we,v.DeleteSlideElementOperation=Ie,v.ISlideEditorBridgeService=me,v.InsertSlideFloatImageCommand=ue,v.InsertSlideShapeRectangleCommand=oe,v.InsertSlideShapeRectangleOperation=Ee,v.SHAPE_MENU_ID=Be,v.SLIDES_IMAGE_MENU_ID=Ve,v.SLIDE_EDITOR_ID=X,v.SetSlidePageThumbOperation=Ne,v.SlideAddTextCommand=ge,v.SlideAddTextOperation=Ue,v.SlideEditorContainer=at,v.SlideSideBar=rt,v.SlidesUIMenuSchema=dt,v.UpdateSlideElementOperation=L,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});
package/lib/umd/locale/en-US.js CHANGED
@@ -1 +1 @@
1
- (function(global,factory){typeof exports=="object"&&typeof module<"u"?module.exports=factory():typeof define=="function"&&define.amd?define(factory):(global=typeof globalThis<"u"?globalThis:global||self,global.UniverSlidesUiEnUS=factory())})(this,function(){"use strict";return{slide:{append:"Append Slide",text:{insert:{title:"Insert Text"}},shape:{insert:{title:"Insert Shape",rectangle:"Insert Rectangle"}},image:{insert:{title:"Insert Image",float:"Insert Float Image"}},popup:{edit:"Edit",delete:"Delete"},sidebar:{text:"Edit Text",shape:"Edit Shape",image:"Edit Image"},panel:{fill:{title:"Fill Color"}}}}});
1
+ (function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverSlidesUiEnUS=t())})(this,function(){"use strict";return{slide:{append:"Append Slide",text:{insert:{title:"Insert Text"}},shape:{insert:{title:"Insert Shape",rectangle:"Insert Rectangle"}},image:{insert:{title:"Insert Image",float:"Insert Float Image"}},popup:{edit:"Edit",delete:"Delete"},sidebar:{text:"Edit Text",shape:"Edit Shape",image:"Edit Image"},panel:{fill:{title:"Fill Color"}}}}});
package/lib/umd/locale/fa-IR.js CHANGED
@@ -1 +1 @@
1
- (function(global,factory){typeof exports=="object"&&typeof module<"u"?module.exports=factory():typeof define=="function"&&define.amd?define(factory):(global=typeof globalThis<"u"?globalThis:global||self,global.UniverSlidesUiFaIR=factory())})(this,function(){"use strict";return{slide:{append:"اضافه کردن اسلاید",text:{insert:{title:"درج متن"}},shape:{insert:{title:"درج شکل",rectangle:"درج مستطیل"}},image:{insert:{title:"درج تصویر",float:"درج تصویر شناور"}},popup:{edit:"ویرایش",delete:"حذف"},sidebar:{text:"ویرایش متن",shape:"ویرایش شکل",image:"ویرایش تصویر"},panel:{fill:{title:"رنگ پر کردن"}}}}});
1
+ (function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverSlidesUiFaIR=t())})(this,function(){"use strict";return{slide:{append:"اضافه کردن اسلاید",text:{insert:{title:"درج متن"}},shape:{insert:{title:"درج شکل",rectangle:"درج مستطیل"}},image:{insert:{title:"درج تصویر",float:"درج تصویر شناور"}},popup:{edit:"ویرایش",delete:"حذف"},sidebar:{text:"ویرایش متن",shape:"ویرایش شکل",image:"ویرایش تصویر"},panel:{fill:{title:"رنگ پر کردن"}}}}});
package/lib/umd/locale/fr-FR.js CHANGED
@@ -1 +1 @@
1
- (function(global,factory){typeof exports=="object"&&typeof module<"u"?module.exports=factory():typeof define=="function"&&define.amd?define(factory):(global=typeof globalThis<"u"?globalThis:global||self,global.UniverSlidesUiFrFR=factory())})(this,function(){"use strict";return{slide:{append:"Ajouter une diapositive",text:{insert:{title:"Insérer du texte"}},shape:{insert:{title:"Insérer une forme",rectangle:"Insérer un rectangle"}},image:{insert:{title:"Insérer une image",float:"Insérer une image flottante"}},popup:{edit:"Éditer",delete:"Supprimer"},sidebar:{text:"Éditer le texte",shape:"Éditer la forme",image:"Éditer l'image"},panel:{fill:{title:"Couleur de remplissage"}}}}});
1
+ (function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverSlidesUiFrFR=t())})(this,function(){"use strict";return{slide:{append:"Ajouter une diapositive",text:{insert:{title:"Insérer du texte"}},shape:{insert:{title:"Insérer une forme",rectangle:"Insérer un rectangle"}},image:{insert:{title:"Insérer une image",float:"Insérer une image flottante"}},popup:{edit:"Éditer",delete:"Supprimer"},sidebar:{text:"Éditer le texte",shape:"Éditer la forme",image:"Éditer l'image"},panel:{fill:{title:"Couleur de remplissage"}}}}});
package/lib/umd/locale/ru-RU.js CHANGED
@@ -1 +1 @@
1
- (function(global,factory){typeof exports=="object"&&typeof module<"u"?module.exports=factory():typeof define=="function"&&define.amd?define(factory):(global=typeof globalThis<"u"?globalThis:global||self,global.UniverSlidesUiRuRU=factory())})(this,function(){"use strict";return{slide:{append:"Append Slide",text:{insert:{title:"Insert Text"}},shape:{insert:{title:"Insert Shape",rectangle:"Insert Rectangle"}},image:{insert:{title:"Insert Image",float:"Insert Float Image"}},popup:{edit:"Edit",delete:"Delete"},sidebar:{text:"Edit Text",shape:"Edit Shape",image:"Edit Image"},panel:{fill:{title:"Fill Color"}}}}});
1
+ (function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverSlidesUiRuRU=t())})(this,function(){"use strict";return{slide:{append:"Append Slide",text:{insert:{title:"Insert Text"}},shape:{insert:{title:"Insert Shape",rectangle:"Insert Rectangle"}},image:{insert:{title:"Insert Image",float:"Insert Float Image"}},popup:{edit:"Edit",delete:"Delete"},sidebar:{text:"Edit Text",shape:"Edit Shape",image:"Edit Image"},panel:{fill:{title:"Fill Color"}}}}});
package/lib/umd/locale/vi-VN.js CHANGED
@@ -1 +1 @@
1
- (function(global,factory){typeof exports=="object"&&typeof module<"u"?module.exports=factory():typeof define=="function"&&define.amd?define(factory):(global=typeof globalThis<"u"?globalThis:global||self,global.UniverSlidesUiViVN=factory())})(this,function(){"use strict";return{slide:{append:"Append Slide",text:{insert:{title:"Insert Text"}},shape:{insert:{title:"Insert Shape",rectangle:"Insert Rectangle"}},image:{insert:{title:"Insert Image",float:"Insert Float Image"}},popup:{edit:"Edit",delete:"Delete"},sidebar:{text:"Edit Text",shape:"Edit Shape",image:"Edit Image"},panel:{fill:{title:"Fill Color"}}}}});
1
+ (function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverSlidesUiViVN=t())})(this,function(){"use strict";return{slide:{append:"Append Slide",text:{insert:{title:"Insert Text"}},shape:{insert:{title:"Insert Shape",rectangle:"Insert Rectangle"}},image:{insert:{title:"Insert Image",float:"Insert Float Image"}},popup:{edit:"Edit",delete:"Delete"},sidebar:{text:"Edit Text",shape:"Edit Shape",image:"Edit Image"},panel:{fill:{title:"Fill Color"}}}}});
package/lib/umd/locale/zh-CN.js CHANGED
@@ -1 +1 @@
1
- (function(global,factory){typeof exports=="object"&&typeof module<"u"?module.exports=factory():typeof define=="function"&&define.amd?define(factory):(global=typeof globalThis<"u"?globalThis:global||self,global.UniverSlidesUiZhCN=factory())})(this,function(){"use strict";return{slide:{append:"新增幻灯片",text:{insert:{title:"插入文本"}},shape:{insert:{title:"插入图形",rectangle:"插入矩形"}},image:{insert:{title:"插入图片",float:"插入浮动图片"}},popup:{edit:"编辑",delete:"删除"},sidebar:{text:"编辑文本",shape:"编辑图形",image:"编辑图片"},panel:{fill:{title:"填充"}}}}});
1
+ (function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverSlidesUiZhCN=t())})(this,function(){"use strict";return{slide:{append:"新增幻灯片",text:{insert:{title:"插入文本"}},shape:{insert:{title:"插入图形",rectangle:"插入矩形"}},image:{insert:{title:"插入图片",float:"插入浮动图片"}},popup:{edit:"编辑",delete:"删除"},sidebar:{text:"编辑文本",shape:"编辑图形",image:"编辑图片"},panel:{fill:{title:"填充"}}}}});
package/lib/umd/locale/zh-TW.js CHANGED
@@ -1 +1 @@
1
- (function(global,factory){typeof exports=="object"&&typeof module<"u"?module.exports=factory():typeof define=="function"&&define.amd?define(factory):(global=typeof globalThis<"u"?globalThis:global||self,global.UniverSlidesUiZhTW=factory())})(this,function(){"use strict";return{slide:{append:"Append Slide",text:{insert:{title:"Insert Text"}},shape:{insert:{title:"Insert Shape",rectangle:"Insert Rectangle"}},image:{insert:{title:"Insert Image",float:"Insert Float Image"}},popup:{edit:"Edit",delete:"Delete"},sidebar:{text:"Edit Text",shape:"Edit Shape",image:"Edit Image"},panel:{fill:{title:"Fill Color"}}}}});
1
+ (function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverSlidesUiZhTW=t())})(this,function(){"use strict";return{slide:{append:"Append Slide",text:{insert:{title:"Insert Text"}},shape:{insert:{title:"Insert Shape",rectangle:"Insert Rectangle"}},image:{insert:{title:"Insert Image",float:"Insert Float Image"}},popup:{edit:"Edit",delete:"Delete"},sidebar:{text:"Edit Text",shape:"Edit Shape",image:"Edit Image"},panel:{fill:{title:"Fill Color"}}}}});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@univerjs/slides-ui",
3
- "version": "0.5.5-nightly.202501220324",
3
+ "version": "0.5.5",
4
4
  "private": false,
5
5
  "description": "Univer normal ui-plugin-slides",
6
6
  "author": "DreamNum <developer@univer.ai>",
@@ -50,20 +50,20 @@
50
50
  "lib"
51
51
  ],
52
52
  "peerDependencies": {
53
- "react": ">=16.9.0 || >=17 || >=18 || >=19",
53
+ "react": "^16.9.0 || ^17.0.0 || ^18.0.0",
54
54
  "rxjs": ">=7.0.0"
55
55
  },
56
56
  "dependencies": {
57
57
  "@univerjs/icons": "^0.2.12",
58
58
  "clsx": "^2.1.1",
59
- "@univerjs/core": "0.5.5-nightly.202501220324",
60
- "@univerjs/design": "0.5.5-nightly.202501220324",
61
- "@univerjs/docs": "0.5.5-nightly.202501220324",
62
- "@univerjs/docs-ui": "0.5.5-nightly.202501220324",
63
- "@univerjs/drawing": "0.5.5-nightly.202501220324",
64
- "@univerjs/engine-render": "0.5.5-nightly.202501220324",
65
- "@univerjs/slides": "0.5.5-nightly.202501220324",
66
- "@univerjs/ui": "0.5.5-nightly.202501220324"
59
+ "@univerjs/core": "0.5.5",
60
+ "@univerjs/docs": "0.5.5",
61
+ "@univerjs/drawing": "0.5.5",
62
+ "@univerjs/design": "0.5.5",
63
+ "@univerjs/docs-ui": "0.5.5",
64
+ "@univerjs/engine-render": "0.5.5",
65
+ "@univerjs/ui": "0.5.5",
66
+ "@univerjs/slides": "0.5.5"
67
67
  },
68
68
  "devDependencies": {
69
69
  "less": "^4.2.1",