@univerjs/slides-ui 0.5.5-nightly.202501241606 → 0.6.0-alpha.0
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.
- package/LICENSE +176 -0
- package/lib/cjs/index.js +2 -2
- package/lib/cjs/locale/en-US.js +1 -1
- package/lib/cjs/locale/fa-IR.js +1 -1
- package/lib/cjs/locale/fr-FR.js +1 -1
- package/lib/cjs/locale/ru-RU.js +1 -1
- package/lib/cjs/locale/vi-VN.js +1 -1
- package/lib/cjs/locale/zh-CN.js +1 -1
- package/lib/cjs/locale/zh-TW.js +1 -1
- package/lib/es/index.js +1461 -1494
- package/lib/es/locale/en-US.js +2 -2
- package/lib/es/locale/fa-IR.js +2 -2
- package/lib/es/locale/fr-FR.js +2 -2
- package/lib/es/locale/ru-RU.js +3 -3
- package/lib/es/locale/vi-VN.js +3 -3
- package/lib/es/locale/zh-CN.js +2 -2
- package/lib/es/locale/zh-TW.js +3 -3
- package/lib/umd/index.js +2 -2
- package/lib/umd/locale/en-US.js +1 -1
- package/lib/umd/locale/fa-IR.js +1 -1
- package/lib/umd/locale/fr-FR.js +1 -1
- package/lib/umd/locale/ru-RU.js +1 -1
- package/lib/umd/locale/vi-VN.js +1 -1
- package/lib/umd/locale/zh-CN.js +1 -1
- package/lib/umd/locale/zh-TW.js +1 -1
- package/package.json +10 -10
package/lib/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const core=require("@univerjs/core"),engineRender=require("@univerjs/engine-render"),slides=require("@univerjs/slides"),ui=require("@univerjs/ui"),jsxRuntime=require("react/jsx-runtime"),design=require("@univerjs/design"),React=require("react"),rxjs=require("rxjs"),docs=require("@univerjs/docs"),docsUi=require("@univerjs/docs-ui"),drawing=require("@univerjs/drawing");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"),_a;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 _a11;const mainScene=(_a11=this._currentRender())==null?void 0:_a11.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"),_a2;exports.CanvasView=(_a2=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(_a2,"CanvasView"),_a2);exports.CanvasView=__decorateClass$8([__decorateParam$8(0,engineRender.IRenderManagerService)],exports.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&¶ms.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(exports.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(_a11){var key=_a11[0],value=_a11[1];typeof value=="string"&&(attrs[key]=value.replace(/url\(#(.*)\)/,"url(#$1".concat(runtimeProps.idSuffix,")")))})),attrs}__name(replaceRuntimeIdsAndExtInAttrs,"replaceRuntimeIdsAndExtInAttrs");function replaceRuntimeIdsInDefs(node,runtimeProps){var _a11,defIds=runtimeProps.defIds;return!defIds||defIds.length===0?node:node.tag==="defs"&&(!((_a11=node.children)===null||_a11===void 0)&&_a11.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")},imageCommonPanel$1="univer-image-common-panel",imageCommonPanelGrid$1="univer-image-common-panel-grid",imageCommonPanelBorder$1="univer-image-common-panel-border",imageCommonPanelTitle$1="univer-image-common-panel-title",imageCommonPanelSubtitle$1="univer-image-common-panel-subtitle",imageCommonPanelRow$1="univer-image-common-panel-row",imageCommonPanelRowVertical$1="univer-image-common-panel-row-vertical",imageCommonPanelColumn$1="univer-image-common-panel-column",imageCommonPanelColumnCenter$1="univer-image-common-panel-column-center",imageCommonPanelInline$1="univer-image-common-panel-inline",imageCommonPanelSpan2$1="univer-image-common-panel-span2",imageCommonPanelSpan3$1="univer-image-common-panel-span3",imageCommonPanelInput$1="univer-image-common-panel-input",slidePanelColorPicker="univer-slide-panel-color-picker",styles$4={imageCommonPanel:imageCommonPanel$1,imageCommonPanelGrid:imageCommonPanelGrid$1,imageCommonPanelBorder:imageCommonPanelBorder$1,imageCommonPanelTitle:imageCommonPanelTitle$1,imageCommonPanelSubtitle:imageCommonPanelSubtitle$1,imageCommonPanelRow:imageCommonPanelRow$1,imageCommonPanelRowVertical:imageCommonPanelRowVertical$1,imageCommonPanelColumn:imageCommonPanelColumn$1,imageCommonPanelColumnCenter:imageCommonPanelColumnCenter$1,imageCommonPanelInline:imageCommonPanelInline$1,imageCommonPanelSpan2:imageCommonPanelSpan2$1,imageCommonPanelSpan3:imageCommonPanelSpan3$1,imageCommonPanelInput:imageCommonPanelInput$1,slidePanelColorPicker};function ArrangePanel$1(props){const{pageId,unitId}=props,localeService=core.useDependency(core.LocaleService),canvasView=core.useDependency(exports.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(exports.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 _a11,_b;const{pageId,unitId}=props,localeService=core.useDependency(core.LocaleService),canvasView=core.useDependency(exports.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((_b=(_a11=object.fill)==null?void 0:_a11.toString())!=null?_b:"");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 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",styles$3={imageCommonPanel,imageCommonPanelGrid,imageCommonPanelBorder,imageCommonPanelTitle,imageCommonPanelSubtitle,imageCommonPanelRow,imageCommonPanelRowVertical,imageCommonPanelColumn,imageCommonPanelColumnCenter,imageCommonPanelInline,imageCommonPanelSpan2,imageCommonPanelSpan3,imageCommonPanelInput},COMPONENT_SLIDE_SIDEBAR="COMPONENT_SLIDE_SIDEBAR";function RectSidebar(){var _a11,_b,_c;const univerInstanceService=core.useDependency(core.IUniverInstanceService),canvasView=core.useDependency(exports.CanvasView),currentSlide=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE),pageId=(_a11=currentSlide==null?void 0:currentSlide.getActivePage())==null?void 0:_a11.id;if(!pageId)return null;const transformer=(_b=canvasView.getRenderUnitByPageId(pageId,pageId).scene)==null?void 0:_b.getTransformer();if(!transformer)return null;const object=transformer.getSelectedObjectMap().values().next().value;if(!object)return null;const unitId=((_c=univerInstanceService.getFocusedUnit())==null?void 0:_c.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 _a11;const commandService=accessor.get(core.ICommandService),unitId=(_a11=accessor.get(core.IUniverInstanceService).getFocusedUnit())==null?void 0:_a11.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(exports.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");var _a3;exports.SlideCanvasPopMangerService=(_a3=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 _a11,_b,_c,_d;const{scene,engine}=currentRender,{left,top,width,height}=targetObject,horizontalOffset=(scene.width-((_b=(_a11=currentRender.mainComponent)==null?void 0:_a11.width)!=null?_b:0))/2,verticalOffset=(scene.height-((_d=(_c=currentRender.mainComponent)==null?void 0:_c.height)!=null?_d: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(_a3,"SlideCanvasPopMangerService"),_a3);exports.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)],exports.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"),_a4;let SlidePopupMenuController=(_a4=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 _a11;const model=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE),pages=(_a11=model==null?void 0:model.getPages())!=null?_a11:{};Object.keys(pages).forEach(pageId=>{var _a12;const transformer=(_a12=this._canvasView.getRenderUnitByPageId(pageId,unitId).scene)==null?void 0:_a12.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(_a4,"SlidePopupMenuController"),_a4);SlidePopupMenuController=__decorateClass$6([__decorateParam$6(0,core.Inject(exports.SlideCanvasPopMangerService)),__decorateParam$6(1,engineRender.IRenderManagerService),__decorateParam$6(2,core.IUniverInstanceService),__decorateParam$6(3,core.IContextService),__decorateParam$6(4,core.Inject(exports.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");var _a5;let SlideEditorBridgeService=(_a5=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(_a5,"SlideEditorBridgeService"),_a5);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;var _a6;let SlideEditingRenderController=(_a6=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 _a11;(_a11=this._d)==null||_a11.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 _a11;return(_a11=this._renderManagerService.getRenderById(editorId))==null?void 0:_a11.with(docs.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(editorId){var _a11;return(_a11=this._renderManagerService.getRenderById(editorId))==null?void 0:_a11.with(docs.DocSkeletonManagerService).getViewModel()}_initialCursorSync(d){d.add(this._cellEditorManagerService.focus$.pipe(rxjs.filter(f=>!!f)).subscribe(()=>{var _a11;const docSelectionRenderManager=(_a11=this._renderManagerService.getCurrentTypeOfRenderer(core.UniverInstanceType.UNIVER_DOC))==null?void 0:_a11.with(docsUi.DocSelectionRenderService);docSelectionRenderManager&&docSelectionRenderManager.sync()}))}_subscribeToCurrentCell(d){d.add(this._editorBridgeService.currentEditRectState$.subscribe(editCellState=>{var _a11;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=(_a11=this._renderManagerService.getCurrentTypeOfRenderer(core.UniverInstanceType.UNIVER_DOC))==null?void 0:_a11.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 _a11;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,(_a11=viewportMain==null?void 0:viewportMain.getScrollBar())==null||_a11.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 _a11,_b;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;(_a11=scene.getViewport(docsUi.VIEWPORT_KEY.VIEW_MAIN))==null||_a11.scrollToViewportPos({viewportScrollX:Number.POSITIVE_INFINITY}),this._textSelectionManagerService.replaceTextRanges([{startOffset:cursor,endOffset:cursor}]),(_b=this._renderManagerService.getRenderById(unitId))==null||_b.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(_a6,"SlideEditingRenderController"),_a6);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"),_a7;let SlideEditorBridgeRenderController=(_a7=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 _a11;(_a11=this._d)==null||_a11.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 _a11;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=(_a11=curRichText.documentData.body)==null?void 0:_a11.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 _a11,_b;visible?(_a11=this._curRichText)==null||_a11.hide():(_b=this._curRichText)==null||_b.show();const{unitId}=this._renderContext;this._editorBridgeService.changeVisible({visible,eventType:engineRender.DeviceInputEventType.PointerDown,unitId})}},__name(_a7,"SlideEditorBridgeRenderController"),_a7);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 _a11,_b;const unitId=params.unitId,canvasView=accessor.get(exports.CanvasView),model=accessor.get(core.IUniverInstanceService).getUnit(unitId),pageId=(_a11=model==null?void 0:model.getActivePage())==null?void 0:_a11.id;if(!pageId)return!1;const page=canvasView.getRenderUnitByPageId(pageId,unitId);if(!page)return!1;const transformer=(_b=page.scene)==null?void 0:_b.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(exports.CanvasView).appendPage(unitId),!0):!1},"handler")},InsertSlideFloatImageCommand={id:"slide.command.insert-float-image",type:core.CommandType.COMMAND,handler:__name(async(accessor,params)=>{var _a11;const univerInstanceService=accessor.get(core.IUniverInstanceService),unitId=(_a11=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE))==null?void 0:_a11.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(exports.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 _a11;const commandService=accessor.get(core.ICommandService),unitId=(_a11=accessor.get(core.IUniverInstanceService).getFocusedUnit())==null?void 0:_a11.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(exports.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(exports.CanvasView).createThumbs(params.unitId),!0),"handler")},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",styles$2={imagePopupMenu,imagePopupMenuItem,imagePopupMenuItemIcon,imagePopupMenuItemTitle,imagePopupMenuItemHide,btnContainer,btnContainerExpand},SlideImagePopupMenu=__name(props=>{var _a11,_b;const menuItems=(_b=(_a11=props.popup)==null?void 0:_a11.extraProps)==null?void 0:_b.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"),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",styles$1={slideBar,slideBarContent,slideBarContentHeader,slideBarItem,slideBarBox,slideBarItemActive,slideAddButton};function SlideSideBar(){var _a11,_b;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((_b=(_a11=currentSlide==null?void 0:currentSlide.getActivePage())==null?void 0:_a11.id)!=null?_b:null),divRefs=React.useMemo(()=>slideList.map(()=>React.createRef()),[slideList]);React.useEffect(()=>{const subscriber=currentSlide==null?void 0:currentSlide.activePage$.subscribe(page=>{var _a12;const id=(_a12=page==null?void 0:page.id)!=null?_a12:null;id&&setActivatePageId(id)});return()=>{subscriber==null||subscriber.unsubscribe()}},[]),React.useEffect(()=>{divRefs.forEach((ref,index)=>{var _a12;if(ref.current){const slide=slideList[index];(_a12=renderManagerService.getRenderById(slide.id))==null||_a12.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 slideEditorContainer="univer-slide-editor-container",editorInput="univer-editor-input",styles={slideEditorContainer,editorInput},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"),_a8;exports.SlidesUIController=(_a8=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(_a8,"SlidesUIController"),_a8);exports.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)],exports.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"),_a9;let SlideRenderService=(_a9=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(_a9,"SlideRenderService"),_a9);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";var _a10;exports.UniverSlidesUIPlugin=(_a10=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}],[exports.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([[exports.CanvasView],[exports.SlidesUIController],[SlideRenderController],[SlidePopupMenuController]],this._config.override).forEach(m=>{this._injector.add(m)}),this._injector.get(exports.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(exports.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(_a10,"UniverSlidesUIPlugin"),__publicField(_a10,"pluginName",SLIDE_UI_PLUGIN_NAME),__publicField(_a10,"type",core.UniverInstanceType.UNIVER_SLIDE),_a10);exports.UniverSlidesUIPlugin=__decorateClass([__decorateParam(1,core.Inject(core.Injector)),__decorateParam(2,engineRender.IRenderManagerService),__decorateParam(3,core.IUniverInstanceService),__decorateParam(4,core.IConfigService)],exports.UniverSlidesUIPlugin);exports.ActivateSlidePageOperation=ActivateSlidePageOperation;exports.AppendSlideOperation=AppendSlideOperation;exports.DeleteSlideElementOperation=DeleteSlideElementOperation;exports.ISlideEditorBridgeService=ISlideEditorBridgeService;exports.InsertSlideFloatImageCommand=InsertSlideFloatImageCommand;exports.InsertSlideShapeRectangleCommand=InsertSlideShapeRectangleCommand;exports.InsertSlideShapeRectangleOperation=InsertSlideShapeRectangleOperation;exports.SHAPE_MENU_ID=SHAPE_MENU_ID;exports.SLIDES_IMAGE_MENU_ID=SLIDES_IMAGE_MENU_ID;exports.SLIDE_EDITOR_ID=SLIDE_EDITOR_ID;exports.SetSlidePageThumbOperation=SetSlidePageThumbOperation;exports.SlideAddTextCommand=SlideAddTextCommand;exports.SlideAddTextOperation=SlideAddTextOperation;exports.SlideEditorContainer=SlideEditorContainer;exports.SlideSideBar=SlideSideBar;exports.SlidesUIMenuSchema=menuSchema;exports.UpdateSlideElementOperation=UpdateSlideElementOperation;
|
|
1
|
+
"use strict";var mt=Object.defineProperty;var gt=(r,e,t)=>e in r?mt(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var R=(r,e,t)=>gt(r,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@univerjs/core"),P=require("@univerjs/engine-render"),G=require("@univerjs/slides"),I=require("@univerjs/ui"),u=require("react/jsx-runtime"),M=require("@univerjs/design"),b=require("react"),N=require("rxjs"),oe=require("@univerjs/docs"),w=require("@univerjs/docs-ui"),Ce=require("@univerjs/drawing");var ht=Object.defineProperty,vt=Object.getOwnPropertyDescriptor,pt=(r,e,t,n)=>{for(var i=n>1?void 0:n?vt(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},fe=(r,e)=>(t,n)=>e(t,n,r);let ne=class extends a.RxDisposable{constructor(e,t,n,i){super();R(this,"_objectProvider",null);R(this,"_refreshThumb",a.debounce(()=>{this.createThumbs()},300));this._renderContext=e,this._injector=t,this._univerInstanceService=n,this._renderManagerService=i,this._objectProvider=this._injector.createInstance(G.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(G.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 m=Math.abs(d.deltaX);let p=m<40?.2:m<80?.4:.2;p*=d.deltaY>0?-1:1,n.scaleX<1&&(p/=2),n.scaleX+p>4?n.scale(4,4):n.scaleX+p<.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(G.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(G.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:m,pageBackgroundFill:p}=t,_=this._objectProvider.convertToRenderObjects(m,i);if(!_||!o)return;this._addBackgroundRect(h,p),h.addObjects(_),h.initTransformer(),_.forEach(f=>{h.attachTransformerTo(f)});const C=h.getTransformer();return C==null||C.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,o)}),C==null||C.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)}};ne=pt([fe(1,a.Inject(a.Injector)),fe(2,a.IUniverInstanceService),fe(3,P.IRenderManagerService)],ne);var Ct=Object.defineProperty,ft=Object.getOwnPropertyDescriptor,_t=(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&&Ct(e,t,i),i},St=(r,e)=>(t,n)=>e(t,n,r);exports.CanvasView=class extends a.RxDisposable{constructor(e){super(),this._renderManagerService=e}_getSlideRenderControllerFromRenderUnit(e){return this._renderManagerService.getRenderById(e).with(ne)}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()}};exports.CanvasView=_t([St(0,P.IRenderManagerService)],exports.CanvasView);const It="slides-ui.config",Le={},Oe={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(exports.CanvasView).removeObjectById(e.id,s.id,t),!0}};function Fe(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=Fe(r[e]))&&(n&&(n+=" "),n+=t)}else for(t in r)r[t]&&(n&&(n+=" "),n+=t);return n}function j(){for(var r,e,t=0,n="",i=arguments.length;t<i;t++)(r=arguments[t])&&(e=Fe(r))&&(n&&(n+=" "),n+=e);return n}var U=function(){return U=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},U.apply(this,arguments)},bt=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},A=b.forwardRef(function(r,e){var t=r.icon,n=r.id,i=r.className,s=r.extend,o=bt(r,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(n," ").concat(i||"").trim(),l=b.useRef("_".concat(Rt()));return We(t,"".concat(n),{defIds:t.defIds,idSuffix:l.current},U({ref:e,className:c},o),s)});function We(r,e,t,n,i){return b.createElement(r.tag,U(U({key:e},Pt(r,t,i)),n),(Et(r,t).children||[]).map(function(s,o){return We(s,"".concat(e,"-").concat(r.tag,"-").concat(o),t,void 0,i)}))}function Pt(r,e,t){var n=U({},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)?U(U({},r),{children:r.children.map(function(i){return typeof i.attrs.id=="string"&&n&&n.indexOf(i.attrs.id)>-1?U(U({},i),{attrs:U(U({},i.attrs),{id:i.attrs.id+e.idSuffix})}):i})}):r}function Rt(){return Math.random().toString(36).substring(2,8)}A.displayName="UniverIcon";var xt={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"}}]},ze=b.forwardRef(function(r,e){return b.createElement(A,Object.assign({},r,{id:"add-image-single",ref:e,icon:xt}))});ze.displayName="AddImageSingle";var Ot={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"}}]},Ke=b.forwardRef(function(r,e){return b.createElement(A,Object.assign({},r,{id:"autofill",ref:e,icon:Ot}))});Ke.displayName="Autofill";var yt={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"}}]},Ge=b.forwardRef(function(r,e){return b.createElement(A,Object.assign({},r,{id:"bottom-single",ref:e,icon:yt}))});Ge.displayName="BottomSingle";var Tt={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"]},Xe=b.forwardRef(function(r,e){return b.createElement(A,Object.assign({},r,{id:"graph-single",ref:e,icon:Tt}))});Xe.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"}}]},ye=b.forwardRef(function(r,e){return b.createElement(A,Object.assign({},r,{id:"more-down-single",ref:e,icon:jt}))});ye.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"}}]},Ye=b.forwardRef(function(r,e){return b.createElement(A,Object.assign({},r,{id:"move-down-single",ref:e,icon:Dt}))});Ye.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"}}]},ke=b.forwardRef(function(r,e){return b.createElement(A,Object.assign({},r,{id:"move-up-single",ref:e,icon:Mt}))});ke.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"}}]}]},Ze=b.forwardRef(function(r,e){return b.createElement(A,Object.assign({},r,{id:"paint-bucket",ref:e,icon:wt}))});Ze.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"]},qe=b.forwardRef(function(r,e){return b.createElement(A,Object.assign({},r,{id:"text-single",ref:e,icon:Ut}))});qe.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"}}]},Je=b.forwardRef(function(r,e){return b.createElement(A,Object.assign({},r,{id:"topmost-single",ref:e,icon:Nt}))});Je.displayName="TopmostSingle";const B={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}},Vt="univer-image-common-panel",Lt="univer-image-common-panel-grid",Bt="univer-image-common-panel-border",At="univer-image-common-panel-title",$t="univer-image-common-panel-subtitle",Ht="univer-image-common-panel-row",Ft="univer-image-common-panel-row-vertical",Wt="univer-image-common-panel-column",zt="univer-image-common-panel-column-center",Kt="univer-image-common-panel-inline",Gt="univer-image-common-panel-span2",Xt="univer-image-common-panel-span3",Yt="univer-image-common-panel-input",kt="univer-slide-panel-color-picker",g={imageCommonPanel:Vt,imageCommonPanelGrid:Lt,imageCommonPanelBorder:Bt,imageCommonPanelTitle:At,imageCommonPanelSubtitle:$t,imageCommonPanelRow:Ht,imageCommonPanelRowVertical:Ft,imageCommonPanelColumn:Wt,imageCommonPanelColumnCenter:zt,imageCommonPanelInline:Kt,imageCommonPanelSpan2:Gt,imageCommonPanelSpan3:Xt,imageCommonPanelInput:Yt,slidePanelColorPicker:kt};function Zt(r){const{pageId:e,unitId:t}=r,n=a.useDependency(a.LocaleService),i=a.useDependency(exports.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 m=p=>{const _=c.getAllObjects(),[C,f]=_.reduce(([S,O],x)=>{const D=x.zIndex,T=D<S?D:S,V=D>O?D:O;return[T,V]},[0,0]);let v=d.zIndex;p===3?v=C-1:p===2?v=f+1:p===0?v=d.zIndex+1:p===1&&(v=d.zIndex-1),d.setProps({zIndex:v}),s.executeCommand(B.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{zIndex:v}})};return u.jsxs("div",{className:g.imageCommonPanelGrid,children:[u.jsx("div",{className:g.imageCommonPanelRow,children:u.jsx("div",{className:j(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:u.jsx("div",{children:n.t("image-panel.arrange.title")})})}),u.jsxs("div",{className:g.imageCommonPanelRow,children:[u.jsx("div",{className:j(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:u.jsx(M.Button,{size:"small",onClick:()=>{m(0)},children:u.jsxs("span",{className:g.imageCommonPanelInline,children:[u.jsx(ke,{}),n.t("image-panel.arrange.forward")]})})}),u.jsx("div",{className:j(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:u.jsx(M.Button,{size:"small",onClick:()=>{m(1)},children:u.jsxs("span",{className:g.imageCommonPanelInline,children:[u.jsx(Ye,{}),n.t("image-panel.arrange.backward")]})})})]}),u.jsxs("div",{className:g.imageCommonPanelRow,children:[u.jsx("div",{className:j(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:u.jsx(M.Button,{size:"small",onClick:()=>{m(2)},children:u.jsxs("span",{className:g.imageCommonPanelInline,children:[u.jsx(Je,{}),n.t("image-panel.arrange.front")]})})}),u.jsx("div",{className:j(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:u.jsx(M.Button,{size:"small",onClick:()=>{m(3)},children:u.jsxs("span",{className:g.imageCommonPanelInline,children:[u.jsx(Ge,{}),n.t("image-panel.arrange.back")]})})})]})]})}function qt(r){const{pageId:e,unitId:t}=r,n=a.useDependency(a.LocaleService),i=a.useDependency(exports.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:m=0,height:p=0,left:_=0,top:C=0,angle:f=0}=d,[v,S]=b.useState(m),[O,x]=b.useState(p),[D,T]=b.useState(_),[V,y]=b.useState(C),[Y,H]=b.useState(f),F=E=>{const{objects:Q}=E,ee=Q.values().next().value,{width:ot=0,height:ct=0,left:lt=0,top:dt=0,angle:ut=0}=ee;S(ot),x(ct),T(lt),y(dt),H(ut)};b.useEffect(()=>{const E=l.changeStart$.subscribe(ee=>{F(ee)}),Q=l.changing$.subscribe(ee=>{F(ee)});return()=>{Q.unsubscribe(),E.unsubscribe()}},[]);function $(E){!E||!d||(s.executeCommand(B.id,{pageId:e,oKey:d.oKey,props:{width:E}}),d==null||d.resize(E,d.height),S(E),l==null||l.refreshControls())}function k(E){!E||!d||(s.executeCommand(B.id,{pageId:e,oKey:d.oKey,props:{height:E}}),d==null||d.resize(d.width,E),x(E),l==null||l.refreshControls())}function Z(E){!E||!d||(s.executeCommand(B.id,{pageId:e,oKey:d.oKey,props:{left:E}}),d==null||d.translate(E,d.top),T(E),l==null||l.refreshControls())}function z(E){!E||!d||(s.executeCommand(B.id,{pageId:e,oKey:d.oKey,props:{right:E}}),d==null||d.translate(d.left,E),y(E),l==null||l.refreshControls())}function ie(E){!E||!d||(s.executeCommand(B.id,{pageId:e,oKey:d.oKey,props:{angle:E}}),d==null||d.transformByState({angle:E}),H(E),l==null||l.refreshControls())}return u.jsxs("div",{className:j(g.imageCommonPanelGrid,g.imageCommonPanelBorder),children:[u.jsx("div",{className:g.imageCommonPanelRow,children:u.jsx("div",{className:j(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:u.jsx("div",{children:n.t("image-panel.transform.title")})})}),u.jsxs("div",{className:g.imageCommonPanelRow,children:[u.jsx("div",{className:j(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:g.imageCommonPanelRow,children:u.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.width")})}),u.jsx("div",{className:g.imageCommonPanelRow,children:u.jsx("div",{className:g.imageCommonPanelColumn,children:u.jsx(M.InputNumber,{className:g.imageCommonPanelInput,min:1,value:v,onChange:E=>{$(E)}})})})]})}),u.jsx("div",{className:j(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:g.imageCommonPanelRow,children:u.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.height")})}),u.jsx("div",{className:g.imageCommonPanelRow,children:u.jsx("div",{className:g.imageCommonPanelColumn,children:u.jsx(M.InputNumber,{className:g.imageCommonPanelInput,min:1,value:O,onChange:E=>{k(E)}})})})]})})]}),u.jsxs("div",{className:g.imageCommonPanelRow,children:[u.jsx("div",{className:j(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:g.imageCommonPanelRow,children:u.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.x")})}),u.jsx("div",{className:g.imageCommonPanelRow,children:u.jsx("div",{className:g.imageCommonPanelColumn,children:u.jsx(M.InputNumber,{className:g.imageCommonPanelInput,precision:1,min:0,value:D,onChange:E=>{Z(E)}})})})]})}),u.jsx("div",{className:j(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:g.imageCommonPanelRow,children:u.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.y")})}),u.jsx("div",{className:g.imageCommonPanelRow,children:u.jsx("div",{className:g.imageCommonPanelColumn,children:u.jsx(M.InputNumber,{className:g.imageCommonPanelInput,precision:1,min:0,value:V,onChange:E=>{z(E)}})})})]})}),u.jsx("div",{className:j(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:g.imageCommonPanelRow,children:u.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.rotate")})}),u.jsx("div",{className:g.imageCommonPanelRow,children:u.jsx("div",{className:g.imageCommonPanelColumn,children:u.jsx(M.InputNumber,{className:g.imageCommonPanelInput,precision:1,value:Y,onChange:ie})})})]})})]})]})}function Jt(r){var C,f;const{pageId:e,unitId:t}=r,n=a.useDependency(a.LocaleService),i=a.useDependency(exports.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[m,p]=b.useState((f=(C=d.fill)==null?void 0:C.toString())!=null?f:"");function _(v){d==null||d.setProps({fill:v}),s.executeCommand(B.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:v}}}}}),p(v)}return u.jsx("div",{className:j(g.imageCommonPanelGrid,g.imageCommonPanelBorder),children:u.jsxs("div",{className:g.imageCommonPanelGrid,children:[u.jsx("div",{className:g.imageCommonPanelRow,children:u.jsx("div",{className:j(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:u.jsx("div",{children:n.t("slide.panel.fill.title")})})}),u.jsx("div",{className:g.imageCommonPanelRow,children:u.jsx("div",{className:j(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:u.jsx(M.DropdownLegacy,{align:{offset:[0,18]},overlay:u.jsx("section",{className:g.slidePanelColorPicker,children:u.jsx(M.ColorPicker,{value:"#fff",onChange:_})}),children:u.jsxs("a",{className:g.uiPluginSheetsBorderPanelButton,children:[u.jsx(Ze,{extend:{colorChannel1:m!=null?m:"rgb(var(--primary-color))"}}),u.jsx("span",{className:g.uiPluginSheetsBorderPanelMoreIcon,children:u.jsx(ye,{})})]})})})})]})})}const Qt="univer-image-common-panel",en="univer-image-common-panel-grid",tn="univer-image-common-panel-border",nn="univer-image-common-panel-title",rn="univer-image-common-panel-subtitle",sn="univer-image-common-panel-row",an="univer-image-common-panel-row-vertical",on="univer-image-common-panel-column",cn="univer-image-common-panel-column-center",ln="univer-image-common-panel-inline",dn="univer-image-common-panel-span2",un="univer-image-common-panel-span3",mn="univer-image-common-panel-input",gn={imageCommonPanel:Qt,imageCommonPanelGrid:en,imageCommonPanelBorder:tn,imageCommonPanelTitle:nn,imageCommonPanelSubtitle:rn,imageCommonPanelRow:sn,imageCommonPanelRowVertical:an,imageCommonPanelColumn:on,imageCommonPanelColumnCenter:cn,imageCommonPanelInline:ln,imageCommonPanelSpan2:dn,imageCommonPanelSpan3:un,imageCommonPanelInput:mn},ce="COMPONENT_SLIDE_SIDEBAR";function hn(){var h,d,m;const r=a.useDependency(a.IUniverInstanceService),e=a.useDependency(exports.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=((m=r.getFocusedUnit())==null?void 0:m.getUnitId())||"";return u.jsxs("section",{className:gn.imageCommonPanel,children:[u.jsx(Zt,{pageId:n,unitId:l}),u.jsx(qt,{pageId:n,unitId:l}),c.objectType===P.ObjectType.RECT&&u.jsx(Jt,{pageId:n,unitId:l})]})}const ge={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(Te.id,{unitId:n})}},Te={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(p=>p.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(exports.CanvasView),m=d.createObjectToPage(h,o.id,i);return m&&d.setObjectActiveByPage(m,o.id,i),!0}},be={id:"sidebar.operation.slide-shape",type:a.CommandType.COMMAND,handler:async(r,e)=>{const{visible:t,objectType:n}=e,i=r.get(I.ISidebarService),s=r.get(a.LocaleService);let o="",c="";return n===P.ObjectType.RECT?(o="slide.sidebar.shape",c=ce):n===P.ObjectType.IMAGE?(o="slide.sidebar.image",c=ce):n===P.ObjectType.RICH_TEXT&&(o="slide.sidebar.text",c=ce),t?i.open({header:{title:s.t(o)},children:{label:c},onClose:()=>{},width:360}):i.close(),!0}},Qe="COMPONENT_SLIDE_IMAGE_POPUP_MENU";var vn=Object.defineProperty,pn=Object.getOwnPropertyDescriptor,Cn=(r,e,t,n)=>{for(var i=n>1?void 0:n?pn(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&&vn(e,t,i),i},re=(r,e)=>(t,n)=>e(t,n,r);function fn(r,e){const t=Be(r.left,r.top,e),n=Be(r.right,r.bottom,e);return{left:t.x,top:t.y,right:n.x,bottom:n.y}}function Be(r,e,t){const{scaleX:n,scaleY:i}=t.getAncestorScale(),s=t.getViewport(G.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}}exports.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 $,k,Z,z;const{scene:c,engine:l}=t,{left:h,top:d,width:m,height:p}=e,_=(c.width-((k=($=t.mainComponent)==null?void 0:$.width)!=null?k:0))/2,C=(c.height-((z=(Z=t.mainComponent)==null?void 0:Z.height)!=null?z:0))/2,f={left:h,right:h+m,top:d,bottom:d+p},v=l.getCanvasElement(),S=v.getBoundingClientRect(),O=P.pxToNum(v.style.width),{scaleX:x,scaleY:D}=c.getAncestorScale(),T=fn(f,c),{top:V,left:y,width:Y}=S,H=Y/O;return{left:T.left*H*x+y+_,right:T.right*H*x+y+_,top:T.top*H*D+V+C,bottom:T.bottom*H*D+V+C}})(),s=new N.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()}}}};exports.SlideCanvasPopMangerService=Cn([re(0,a.Inject(I.ICanvasPopupService)),re(1,P.IRenderManagerService),re(2,a.IUniverInstanceService),re(3,a.ICommandService)],exports.SlideCanvasPopMangerService);var _n=Object.defineProperty,Sn=Object.getOwnPropertyDescriptor,In=(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&&_n(e,t,i),i},K=(r,e)=>(t,n)=>e(t,n,r);let le=class extends a.RxDisposable{constructor(e,t,n,i,s,o,c){super();R(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 m=d.values().next().value;if(!m)return;const p=m.oKey;l==null||l.dispose(),l=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(m,{componentKey:Qe,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(m.objectType,p,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(be.id,{visible:!0,objectType:m.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 m=d.values().next().value;m&&this._commandService.executeCommand(B.id,{unitId:e,oKey:m.oKey,props:{width:m.width,height:m.height,left:m.left,top:m.top}})}))})}_getMenuItemsByObjectType(e,t,n){return[{label:"slide.popup.edit",index:0,commandId:be.id,commandParams:{visible:!0,objectType:e},disable:!1},{label:"slide.popup.delete",index:5,commandId:Oe.id,commandParams:{id:t,unitId:n},disable:!1}]}};le=In([K(0,a.Inject(exports.SlideCanvasPopMangerService)),K(1,P.IRenderManagerService),K(2,a.IUniverInstanceService),K(3,a.IContextService),K(4,a.Inject(exports.CanvasView)),K(5,I.ISidebarService),K(6,a.ICommandService)],le);const de={id:"slide.operation.edit-arrow",type:a.CommandType.OPERATION,handler:()=>!0},X=a.createInternalEditorID("SLIDE_EDITOR");var bn=Object.defineProperty,Pn=Object.getOwnPropertyDescriptor,En=(r,e,t,n)=>{for(var i=n>1?void 0:n?Pn(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},_e=(r,e)=>(t,n)=>e(t,n,r);const he=a.createIdentifier("univer.slide-editor-bridge.service");let Pe=class extends a.Disposable{constructor(e,t,n){super();R(this,"_editorUnitId",X);R(this,"_isForceKeepVisible",!1);R(this,"_editorIsDirty",!1);R(this,"_currentEditRectState",null);R(this,"_currentEditRectState$",new N.BehaviorSubject(null));R(this,"currentEditRectState$",this._currentEditRectState$.asObservable());R(this,"_visibleParam",{visible:!1,eventType:P.DeviceInputEventType.Dblclick,unitId:""});R(this,"_visible$",new N.BehaviorSubject(this._visibleParam));R(this,"visible$",this._visible$.asObservable());R(this,"_afterVisible$",new N.BehaviorSubject(this._visibleParam));R(this,"afterVisible$",this._afterVisible$.asObservable());R(this,"endEditing$",new N.Subject);R(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,m={left:0,top:0},p=this._renderManagerService.getRenderById(n),_=p==null?void 0:p.scene,C=_==null?void 0:_.getViewport(G.SLIDE_KEY.VIEW),f=_==null?void 0:_.getObject(G.SLIDE_KEY.COMPONENT),v={x:(f==null?void 0:f.left)||0,y:(f==null?void 0:f.top)||0},S=(C==null?void 0:C.viewportScrollX)||0,O=(C==null?void 0:C.viewportScrollY)||0;return m.left=v.x-S,m.top=v.y-O,{position:{startX:h,startY:d,endX:h+c,endY:d+l},scaleX:1,scaleY:1,slideCardOffset:m,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
|
|
2
|
+
`,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}}}};Pe=En([_e(0,w.IEditorService),_e(1,a.IContextService),_e(2,P.IRenderManagerService)],Pe);class Rn{constructor(){R(this,"_state",null);R(this,"_rect",null);R(this,"_state$",new N.BehaviorSubject(null));R(this,"state$",this._state$.asObservable());R(this,"_rect$",new N.BehaviorSubject(null));R(this,"rect$",this._rect$.asObservable());R(this,"_focus",!1);R(this,"_focus$",new N.BehaviorSubject(this._focus));R(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 je=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||{}),xn=Object.defineProperty,On=Object.getOwnPropertyDescriptor,yn=(r,e,t,n)=>{for(var i=n>1?void 0:n?On(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&&xn(e,t,i),i},L=(r,e)=>(t,n)=>e(t,n,r);const Ae=-1e3,$e=5,Tn=2;let Ee=class extends a.Disposable{constructor(e,t,n,i,s,o,c,l,h,d,m,p){super();R(this,"_cursorChange",W.InitialState);R(this,"_isUnitEditing",!1);R(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=m,this._editorService=p,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:I.KeyCode.ESC,unitId:this._renderContext.unitId}),this._isUnitEditing=!1))})),this._initEditorVisibilityListener()}dispose(){super.dispose(),this._disposeCurrent()}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_init(){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(oe.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(oe.DocSkeletonManagerService).getViewModel()}_initialCursorSync(e){e.add(this._cellEditorManagerService.focus$.pipe(N.filter(t=>!!t)).subscribe(()=>{var n;const t=(n=this._renderManagerService.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_DOC))==null?void 0:n.with(w.DocSelectionRenderService);t&&t.sync()}))}_subscribeToCurrentCell(e){e.add(this._editorBridgeService.currentEditRectState$.subscribe(t=>{var p;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 m=(p=this._renderManagerService.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_DOC))==null?void 0:p.with(w.DocSelectionRenderService);m&&m.activate(Ae,Ae)}))}_fitTextSize(e,t,n,i,s=1,o=1){const{startX:c,startY:l,endX:h,endY:d}=e,m=i.documentModel;if(m==null)return;const{actualWidth:p,actualHeight:_}=this._predictingSize(e,t,n,i,s,o),{verticalAlign:C,paddingData:f,fill:v}=i;let S=h-c,O=d-l;if(S<p&&(S=p),O<_)O=_,m.updateDocumentDataMargin(f);else{let x=0;C===a.VerticalAlign.MIDDLE?x=(O-_)/2/o:C===a.VerticalAlign.TOP?x=f.t||0:x=(O-_)/o-(f.b||0),x=x<(f.t||0)?f.t||0:x,m.updateDocumentDataMargin({t:x})}n.calculate(),this._editAreaProcessing(S,O,e,t,v,s,o)}_predictingSize(e,t,n,i,s=1,o=1){const{startX:c,endX:l}=e,{textRotation:h,wrapStrategy:d}=i,m=i.documentModel,{vertexAngle:p}=P.convertTextRotation(h),_=document.body.clientWidth;if(d===a.WrapStrategy.WRAP&&p===0){const{actualWidth:v,actualHeight:S}=n.getActualSize();return{actualWidth:v*s,actualHeight:S*o}}m==null||m.updateDocumentDataPageSize((_-c-t.left)/s),n.calculate();const C=n.getActualSize();let f=l-c;return f<C.actualWidth*s+$e*s&&(f=C.actualWidth*s+$e*s),m==null||m.updateDocumentDataPageSize(f/s),m==null||m.updateDocumentRenderConfig({horizontalAlign:a.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:f,actualHeight:C.actualHeight*o}}_editAreaProcessing(e,t,n,i,s,o=1,c=1){var E;const l=this._getEditorObject();if(l==null)return;function h(Q){return Number.parseInt(Q.replace("px",""))}const m=this._renderContext.engine.getCanvasElement(),p=m.getBoundingClientRect(),_=h(m.style.width),{top:C,left:f,width:v}=p,S=v/_;let{startX:O,startY:x}=n;O+=i.left,x+=i.top;const{document:D,scene:T,engine:V}=l,y=T.getViewport(w.VIEWPORT_KEY.VIEW_MAIN),Y=document.body.clientHeight-x-i.top-Tn*2,H=document.body.clientWidth-O-i.left;let F=t,$=y==null?void 0:y.getScrollBar();F>Y?(F=Y,$==null?y&&new P.ScrollBar(y,{enableHorizontal:!1,barSize:8}):y==null||y.resetCanvasSizeAndUpdateScroll()):($=null,(E=y==null?void 0:y.getScrollBar())==null||E.dispose()),e+=($==null?void 0:$.barSize)||0,e=Math.min(e,H),O-=P.FIX_ONE_PIXEL_BLUR_OFFSET,x-=P.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(T,e/o,t/c,s);const{scaleX:k,scaleY:Z}=T.getPrecisionScale();T.transformByState({width:e*S/o,height:t*S/c,scaleX:o*S,scaleY:c*S}),D.resize(e/o,t/c),setTimeout(()=>{V.resizeBySize(P.fixLineWidthByScale(e,k),P.fixLineWidthByScale(F,Z))},0);const z=this._layoutService.getContentElement().getBoundingClientRect(),ie=m.getBoundingClientRect();O=O*S+(ie.left-z.left),x=x*S+(ie.top-z.top),this._cellEditorManagerService.setState({startX:O,startY:x,endX:e*S+O,endY:F*S+x,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})],w.DOCS_COMPONENT_MAIN_LAYER_INDEX):i==null?o.dispose():(o.setProps({fill:i}),o.transformByState({width:t,height:n})))}_handleEditorVisible(e){var v,S;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,m=this._getEditorObject();if(m==null)return;const{scene:p}=m;this._contextService.setContextValue(a.EDITOR_ACTIVATED,!0);const{documentModel:_}=s,C=this._getEditorSkeleton(h);if(!C||!_)return;this._fitTextSize(i,o,C,s,c,l);const f=_.getBody().dataStream.length-2||0;(v=p.getViewport(w.VIEWPORT_KEY.VIEW_MAIN))==null||v.scrollToViewportPos({viewportScrollX:Number.POSITIVE_INFINITY}),this._textSelectionManagerService.replaceTextRanges([{startOffset:f,endOffset:f}]),(S=this._renderManagerService.getRenderById(d))==null||S.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=[oe.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 jn(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 I.KeyCode.ENTER:a.Direction.DOWN;break;case I.KeyCode.TAB:a.Direction.RIGHT;break;case I.KeyCode.ARROW_DOWN:a.Direction.DOWN;break;case I.KeyCode.ARROW_UP:a.Direction.UP;break;case I.KeyCode.ARROW_LEFT:a.Direction.LEFT;break;case I.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===I.KeyCode.ARROW_DOWN?n=a.Direction.DOWN:e===I.KeyCode.ARROW_UP?n=a.Direction.UP:e===I.KeyCode.ARROW_RIGHT&&(n=a.Direction.RIGHT),t?this._commandService.executeCommand(w.MoveSelectionOperation.id,{direction:n}):this._commandService.executeCommand(w.MoveCursorOperation.id,{direction:n})}};Ee=yn([L(1,I.ILayoutService),L(2,a.IUndoRedoService),L(3,a.IContextService),L(4,a.IUniverInstanceService),L(5,P.IRenderManagerService),L(6,he),L(7,je),L(8,a.Inject(oe.DocSelectionManagerService)),L(9,a.ICommandService),L(10,a.Inject(a.LocaleService)),L(11,w.IEditorService)],Ee);function jn(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(w.DOCS_VIEW_KEY.BACKGROUND);return{document:c,docBackground:l,scene:i,engine:s}}var Dn=Object.defineProperty,Mn=Object.getOwnPropertyDescriptor,wn=(r,e,t,n)=>{for(var i=n>1?void 0:n?Mn(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&&Dn(e,t,i),i},Se=(r,e)=>(t,n)=>e(t,n,r);let Re=class extends a.RxDisposable{constructor(e,t,n,i){super();R(this,"setSlideTextEditor$",new N.Subject);R(this,"_curRichText",null);R(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(B.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})}};Re=wn([Se(1,a.IUniverInstanceService),Se(2,a.ICommandService),Se(3,he)],Re);const De={id:"slide.operation.activate-slide",type:a.CommandType.OPERATION,handler:(r,e)=>{var h,d;const t=e.unitId,n=r.get(exports.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}},Me={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(exports.CanvasView).appendPage(t),!0):!1}},ve={id:"slide.command.insert-float-image",type:a.CommandType.COMMAND,handler:async(r,e)=>{var V;const t=r.get(a.IUniverInstanceService),n=(V=t.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE))==null?void 0:V.getUnitId();if(!n)return!1;const s=await r.get(I.ILocalFileService).openFile({multiple:!0,accept:Ce.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(y=>`.${y.replace("image/","")}`).join(",")});if(s.length!==1)return!1;const c=await r.get(Ce.IImageIoService).saveImage(s[0]);if(!c)return!1;const{imageId:l,imageSourceType:h,source:d,base64Cache:m}=c,{width:p,height:_,image:C}=await Ce.getImageSize(m||""),f=t.getUnit(n);if(!f)return!1;const v=f.getActivePage(),S=Object.values(v.pageElements),O=S!=null&&S.length?Math.max(...S.map(y=>y.zIndex)):20,x={id:l,zIndex:O+1,left:0,top:0,width:p,height:_,title:"",description:"",type:a.PageElementType.IMAGE,image:{imageProperties:{contentUrl:m,imageSourceType:h,source:d,base64Cache:m,image:C}}};v.pageElements[l]=x,f.updatePage(v.id,v);const D=r.get(exports.CanvasView),T=D.createObjectToPage(x,v.id,n);return T&&D.setObjectActiveByPage(T,v.id,n),!0}},pe={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(we.id,{unitId:n})}},we={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 m=d.getActivePage(),p=Object.values(m.pageElements),_=p!=null&&p.length?Math.max(...p.map(S=>S.zIndex)):21,C={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}};m.pageElements[n]=C,d.updatePage(m.id,m);const f=r.get(exports.CanvasView),v=f.createObjectToPage(C,m.id,t);return v&&f.setObjectActiveByPage(v,m.id,t),!0}},Ue={id:"slide.operation.set-slide-page-thumb",type:a.CommandType.OPERATION,handler:(r,e)=>(r.get(exports.CanvasView).createThumbs(e.unitId),!0)},Un="univer-image-popup-menu",Nn="univer-image-popup-menu-item",Vn="univer-image-popup-menu-item-icon",Ln="univer-image-popup-menu-item-title",Bn="univer-image-popup-menu-item-hide",An="univer-btn-container",$n="univer-btn-container-expand",te={imagePopupMenu:Un,imagePopupMenuItem:Nn,imagePopupMenuItemIcon:Vn,imagePopupMenuItemTitle:Ln,imagePopupMenuItemHide:Bn,btnContainer:An,btnContainerExpand:$n},Hn=r=>{var C,f;const e=(f=(C=r.popup)==null?void 0:C.extraProps)==null?void 0:f.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=v=>{s(v)},m=v=>{t.executeCommand(v.commandId,v.commandParams),s(!1)},p=i||o,_=e.filter(v=>!v.disable);return u.jsx("div",{onMouseEnter:l,onMouseLeave:h,children:u.jsx(M.DropdownLegacy,{placement:"bottomLeft",trigger:["click"],overlay:u.jsx("ul",{className:te.imagePopupMenu,children:_.map(v=>u.jsx("li",{onClick:()=>m(v),className:te.imagePopupMenuItem,children:u.jsx("span",{className:te.imagePopupMenuItemTitle,children:n.t(v.label)})},v.index))}),visible:i,onVisibleChange:d,children:u.jsxs("div",{className:j(te.btnContainer,{[te.btnContainerExpand]:i}),children:[u.jsx(Ke,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),p&&u.jsx(ye,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}})]})})})},Fn="univer-slide-bar",Wn="univer-slide-bar-content",zn="univer-slide-bar-content-header",Kn="univer-slide-bar-item",Gn="univer-slide-bar-box",Xn="univer-slide-bar-item-active",Yn="univer-slide-add-button",q={slideBar:Fn,slideBarContent:Wn,slideBarContentHeader:zn,slideBarItem:Kn,slideBarBox:Gn,slideBarItemActive:Xn,slideAddButton:Yn};function et(){var C,f;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(v=>o[v]),[h,d]=b.useState((f=(C=s==null?void 0:s.getActivePage())==null?void 0:C.id)!=null?f:null),m=b.useMemo(()=>l.map(()=>b.createRef()),[l]);b.useEffect(()=>{const v=s==null?void 0:s.activePage$.subscribe(S=>{var x;const O=(x=S==null?void 0:S.id)!=null?x:null;O&&d(O)});return()=>{v==null||v.unsubscribe()}},[]),b.useEffect(()=>{m.forEach((v,S)=>{var O;if(v.current){const x=l[S];(O=t.getRenderById(x.id))==null||O.engine.setContainer(v.current)}}),m.length>0&&e.syncExecuteCommand(Ue.id,{unitId:s==null?void 0:s.getUnitId()})},[m,l,t,e,s]);const p=b.useCallback(v=>{e.syncExecuteCommand(De.id,{id:v,unitId:s==null?void 0:s.getUnitId()})},[e,s]),_=b.useCallback(()=>{e.syncExecuteCommand(Me.id,{unitId:s==null?void 0:s.getUnitId()})},[e,s]);return u.jsx("aside",{className:q.slideBar,ref:i,children:u.jsx(M.Scrollbar,{children:u.jsxs("div",{className:q.slideBarContent,children:[u.jsx("header",{className:q.slideBarContentHeader,children:u.jsx("a",{onClick:_,children:n.t("slide.append")})}),l.map((v,S)=>u.jsxs("div",{className:j(q.slideBarItem,{[q.slideBarItemActive]:v.id===h}),onClick:()=>p(v.id),children:[u.jsx("span",{children:S+1}),u.jsx("div",{ref:m[S],className:q.slideBarBox})]},v.id))]})})})}const kn="univer-slide-editor-container",Zn="univer-editor-input",qn={slideEditorContainer:kn,editorInput:Zn},ue=-1e3,He={width:0,height:0,top:ue,left:ue},tt=()=>{const[r,e]=b.useState({...He}),t=a.useDependency(je),n=a.useDependency(w.IEditorService),i=a.useDependency(a.IContextService),s=I.useObservable(()=>i.subscribeContextValue$(I.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[i,I.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=ue,startY:l=ue,endX:h=0,endY:d=0,show:m=!1}=o;if(!m)e({...He});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 p=n.getEditor(X);if(p==null)return;const{left:_,top:C,width:f,height:v}=p.getBoundingClientRect();t.setRect({left:_,top:C,width:f,height:v})}})},[]),b.useEffect(()=>{s||t.setFocus(!0)},[s,r]),u.jsx("div",{className:qn.slideEditorContainer,style:{left:r.left,top:r.top,width:r.width,height:r.height}})},nt="addition-and-subtraction-single",Ne="slide.menu.image";function Jn(r){return{id:Ne,type:I.MenuItemType.SUBITEMS,icon:nt,tooltip:"slide.image.insert.title",hidden$:I.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function Qn(r){return{id:ve.id,title:"slide.image.insert.float",type:I.MenuItemType.BUTTON,hidden$:I.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const it="graph-single",Ve="slide.menu.shape";function ei(r){return{id:Ve,type:I.MenuItemType.SUBITEMS,icon:it,tooltip:"slide.shape.insert.title",hidden$:I.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function ti(r){return{id:ge.id,title:"slide.shape.insert.rectangle",type:I.MenuItemType.BUTTON,hidden$:I.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const rt="text-single";function ni(r){return{id:pe.id,type:I.MenuItemType.BUTTON,icon:rt,tooltip:"slide.text.insert.title",hidden$:I.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const st={[I.RibbonStartGroup.FORMAT]:{[pe.id]:{order:0,menuItemFactory:ni},[Ne]:{order:0,menuItemFactory:Jn,[ve.id]:{order:0,menuItemFactory:Qn}},[Ve]:{order:0,menuItemFactory:ei,[ge.id]:{order:0,menuItemFactory:ti}}}};function xe(r){return r.getContextValue(a.FOCUSING_UNIVER_EDITOR)&&r.getContextValue(a.EDITOR_ACTIVATED)}function ii(r){return r.getContextValue(a.FORMULA_EDITOR_ACTIVATED)&&r.getContextValue(a.FOCUSING_UNIVER_EDITOR)}const at=[I.KeyCode.ARROW_DOWN,I.KeyCode.ARROW_UP,I.KeyCode.ARROW_LEFT,I.KeyCode.ARROW_RIGHT];[I.KeyCode.ENTER,I.KeyCode.TAB,...at];function ri(){const r=[];for(const e of at)r.push({id:de.id,binding:e,preconditions:t=>xe(t),staticParameters:{visible:!1,eventType:P.DeviceInputEventType.Keyboard,keycode:e,isShift:!1}}),r.push({id:de.id,binding:e|I.MetaKeys.SHIFT,preconditions:t=>xe(t),staticParameters:{visible:!1,eventType:P.DeviceInputEventType.Keyboard,keycode:e,isShift:!0}});return r}const si={id:w.DeleteLeftCommand.id,preconditions:r=>xe(r)||ii(r),binding:I.KeyCode.BACKSPACE};var ai=Object.defineProperty,oi=Object.getOwnPropertyDescriptor,ci=(r,e,t,n)=>{for(var i=n>1?void 0:n?oi(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&&ai(e,t,i),i},J=(r,e)=>(t,n)=>e(t,n,r);exports.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(st)}_initCustomComponents(){const e=this._componentManager;this.disposeWithMe(e.register(nt,ze)),this.disposeWithMe(e.register(rt,qe)),this.disposeWithMe(e.register(it,Xe)),this.disposeWithMe(e.register(Qe,Hn)),this.disposeWithMe(e.register(ce,hn))}_initCommands(){[Me,De,Ue,ve,we,pe,Te,ge,be,Oe,B,de].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(I.BuiltInUIPart.LEFT_SIDEBAR,()=>a.connectInjector(et,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(I.BuiltInUIPart.CONTENT,()=>a.connectInjector(tt,this._injector)))}_initShortcuts(){[si,...ri()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};exports.SlidesUIController=ci([J(0,a.Inject(a.Injector)),J(1,I.IMenuManagerService),J(2,a.Inject(I.ComponentManager)),J(3,I.IUIPartsService),J(4,a.ICommandService),J(5,I.IShortcutService)],exports.SlidesUIController);var li=Object.defineProperty,di=Object.getOwnPropertyDescriptor,ui=(r,e,t,n)=>{for(var i=n>1?void 0:n?di(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&&li(e,t,i),i},Ie=(r,e)=>(t,n)=>e(t,n,r);let me=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(N.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(N.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(){}};me=ui([Ie(0,a.IContextService),Ie(1,a.IUniverInstanceService),Ie(2,P.IRenderManagerService)],me);var mi=Object.defineProperty,gi=Object.getOwnPropertyDescriptor,hi=(r,e,t,n)=>{for(var i=n>1?void 0:n?gi(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&&mi(e,t,i),i},se=(r,e)=>(t,n)=>e(t,n,r);const vi="SLIDE_UI";var ae;exports.UniverSlidesUIPlugin=(ae=class extends a.Plugin{constructor(e=Le,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({},Le,this._config);o&&this._configService.setConfig("menu",o,{merge:!0}),this._configService.setConfig(It,c)}onStarting(){a.mergeOverrideWithDependencies([[me],[he,{useClass:Pe}],[je,{useClass:Rn}],[exports.SlideCanvasPopMangerService]],this._config.override).forEach(e=>this._injector.add(e))}onReady(){[[ne]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(a.UniverInstanceType.UNIVER_SLIDE,e))}),a.mergeOverrideWithDependencies([[exports.CanvasView],[exports.SlidesUIController],[ne],[le]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(exports.CanvasView),this._injector.get(me)}onRendered(){[[Re],[Ee]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(a.UniverInstanceType.UNIVER_SLIDE,e))}),this._markSlideAsFocused(),this._injector.get(exports.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{}}},R(ae,"pluginName",vi),R(ae,"type",a.UniverInstanceType.UNIVER_SLIDE),ae);exports.UniverSlidesUIPlugin=hi([se(1,a.Inject(a.Injector)),se(2,P.IRenderManagerService),se(3,a.IUniverInstanceService),se(4,a.IConfigService)],exports.UniverSlidesUIPlugin);exports.ActivateSlidePageOperation=De;exports.AppendSlideOperation=Me;exports.DeleteSlideElementOperation=Oe;exports.ISlideEditorBridgeService=he;exports.InsertSlideFloatImageCommand=ve;exports.InsertSlideShapeRectangleCommand=ge;exports.InsertSlideShapeRectangleOperation=Te;exports.SHAPE_MENU_ID=Ve;exports.SLIDES_IMAGE_MENU_ID=Ne;exports.SLIDE_EDITOR_ID=X;exports.SetSlidePageThumbOperation=Ue;exports.SlideAddTextCommand=pe;exports.SlideAddTextOperation=we;exports.SlideEditorContainer=tt;exports.SlideSideBar=et;exports.SlidesUIMenuSchema=st;exports.UpdateSlideElementOperation=B;
|
package/lib/cjs/locale/en-US.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const e={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"}}}};module.exports=e;
|
package/lib/cjs/locale/fa-IR.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const e={slide:{append:"اضافه کردن اسلاید",text:{insert:{title:"درج متن"}},shape:{insert:{title:"درج شکل",rectangle:"درج مستطیل"}},image:{insert:{title:"درج تصویر",float:"درج تصویر شناور"}},popup:{edit:"ویرایش",delete:"حذف"},sidebar:{text:"ویرایش متن",shape:"ویرایش شکل",image:"ویرایش تصویر"},panel:{fill:{title:"رنگ پر کردن"}}}};module.exports=e;
|
package/lib/cjs/locale/fr-FR.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const e={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"}}}};module.exports=e;
|
package/lib/cjs/locale/ru-RU.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const e={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"}}}},t=e;module.exports=t;
|
package/lib/cjs/locale/vi-VN.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const e={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"}}}},t=e;module.exports=t;
|
package/lib/cjs/locale/zh-CN.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const e={slide:{append:"新增幻灯片",text:{insert:{title:"插入文本"}},shape:{insert:{title:"插入图形",rectangle:"插入矩形"}},image:{insert:{title:"插入图片",float:"插入浮动图片"}},popup:{edit:"编辑",delete:"删除"},sidebar:{text:"编辑文本",shape:"编辑图形",image:"编辑图片"},panel:{fill:{title:"填充"}}}};module.exports=e;
|
package/lib/cjs/locale/zh-TW.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const e={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"}}}},t=e;module.exports=t;
|