@univerjs/docs-drawing-ui 0.2.6 → 0.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/lib/cjs/index.js +1 -1
  2. package/lib/es/index.js +80 -22
  3. package/lib/types/commands/commands/update-doc-drawing.command.d.ts +1 -0
  4. package/lib/types/controllers/render-controllers/doc-drawing-transform-update.controller.d.ts +6 -2
  5. package/lib/types/index.d.ts +2 -0
  6. package/lib/types/views/menu/image.menu.d.ts +1 -0
  7. package/lib/umd/index.js +1 -1
  8. package/package.json +22 -22
package/lib/cjs/index.js CHANGED
@@ -1 +1 @@
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"),drawingUi=require("@univerjs/drawing-ui"),drawing=require("@univerjs/drawing"),docsDrawing=require("@univerjs/docs-drawing"),engineRender=require("@univerjs/engine-render"),rxjs=require("rxjs"),docsUi=require("@univerjs/docs-ui"),docs=require("@univerjs/docs"),ui=require("@univerjs/ui"),React=require("react"),clsx=require("clsx"),design=require("@univerjs/design"),RemoveDocDrawingCommand={id:"doc.command.remove-doc-image",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{var _a8,_b,_c,_d;const commandService=accessor.get(core.ICommandService),univerInstanceService=accessor.get(core.IUniverInstanceService),textSelectionRenderManager=accessor.get(engineRender.ITextSelectionRenderManager),documentDataModel=univerInstanceService.getCurrentUniverDocInstance();if(params==null||documentDataModel==null)return!1;const{drawings:removeDrawings}=params,segmentId=(_a8=textSelectionRenderManager.getSegment())!=null?_a8:"",textX=new core.TextX,jsonX=core.JSONX.getInstance(),customBlocks=(_c=(_b=documentDataModel.getSelfOrHeaderFooterModel(segmentId).getBody())==null?void 0:_b.customBlocks)!=null?_c:[],removeCustomBlocks=removeDrawings.map(drawing2=>customBlocks.find(customBlock=>customBlock.blockId===drawing2.drawingId)).filter(block=>!!block).sort((a,b)=>a.startIndex>b.startIndex?1:-1),unitId=removeDrawings[0].unitId,memoryCursor=new core.MemoryCursor;memoryCursor.reset();const cursorIndex=removeCustomBlocks[0].startIndex,textRanges=[{startOffset:cursorIndex,endOffset:cursorIndex}],doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges}},rawActions=[];for(const block of removeCustomBlocks){const{startIndex}=block;startIndex>memoryCursor.cursor&&textX.push({t:core.TextXActionType.RETAIN,len:startIndex-memoryCursor.cursor,segmentId:""}),textX.push({t:core.TextXActionType.DELETE,len:1,line:0,segmentId:""}),memoryCursor.moveCursorTo(startIndex+1)}const path=docs.getRichTextEditPath(documentDataModel,segmentId);rawActions.push(jsonX.editOp(textX.serialize(),path));for(const block of removeCustomBlocks){const{blockId}=block,drawing2=((_d=documentDataModel.getDrawings())!=null?_d:{})[blockId],drawingIndex=documentDataModel.getDrawingsOrder().indexOf(blockId),removeDrawingAction=jsonX.removeOp(["drawings",blockId],drawing2),removeDrawingOrderAction=jsonX.removeOp(["drawingsOrder",drawingIndex],blockId);rawActions.push(removeDrawingAction),rawActions.push(removeDrawingOrderAction)}return doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null),!!commandService.syncExecuteCommand(doMutation.id,doMutation.params)},"handler")},COMPONENT_DOC_DRAWING_PANEL="COMPONENT_DOC_DRAWING_PANEL",SidebarDocDrawingOperation={id:"sidebar.operation.doc-image",type:core.CommandType.COMMAND,handler:__name(async(accessor,params)=>{const sidebarService=accessor.get(ui.ISidebarService),localeService=accessor.get(core.LocaleService),drawingManagerService=accessor.get(drawing.IDrawingManagerService);switch(params.value){case"open":sidebarService.open({header:{title:localeService.t("docImage.panel.title")},children:{label:COMPONENT_DOC_DRAWING_PANEL},onClose:__name(()=>{drawingManagerService.focusDrawing(null)},"onClose"),width:360});break;case"close":default:sidebarService.close();break}return!0},"handler")},EditDocDrawingOperation={id:"doc.operation.edit-doc-image",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>{const drawingManagerService=accessor.get(drawing.IDrawingManagerService),commandService=accessor.get(core.ICommandService);return params==null?!1:(drawingManagerService.focusDrawing([params]),commandService.executeCommand(SidebarDocDrawingOperation.id,{value:"open"}),!0)},"handler")};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"),_a;let DocDrawingPopupMenuController=(_a=class extends core.RxDisposable{constructor(_drawingManagerService,_canvasPopManagerService,_renderManagerService,_univerInstanceService,_contextService){super();__publicField(this,"_initImagePopupMenu",new Set);this._drawingManagerService=_drawingManagerService,this._canvasPopManagerService=_canvasPopManagerService,this._renderManagerService=_renderManagerService,this._univerInstanceService=_univerInstanceService,this._contextService=_contextService,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_DOC).pipe(rxjs.takeUntil(this.dispose$)).subscribe(documentDataModel=>this._create(documentDataModel)),this._univerInstanceService.getTypeOfUnitDisposed$(core.UniverInstanceType.UNIVER_DOC).pipe(rxjs.takeUntil(this.dispose$)).subscribe(documentDataModel=>this._dispose(documentDataModel)),this._univerInstanceService.getAllUnitsForType(core.UniverInstanceType.UNIVER_DOC).forEach(documentDataModel=>this._create(documentDataModel))}_dispose(documentDataModel){const unitId=documentDataModel.getUnitId();this._renderManagerService.removeRender(unitId)}_create(documentDataModel){if(!documentDataModel)return;const unitId=documentDataModel.getUnitId();this._renderManagerService.has(unitId)&&!this._initImagePopupMenu.has(unitId)&&(this._popupMenuListener(unitId),this._initImagePopupMenu.add(unitId))}_hasCropObject(scene){const objects=scene.getAllObjects();for(const object of objects)if(object instanceof drawingUi.ImageCropperObject)return!0;return!1}_popupMenuListener(unitId){var _a8;const scene=(_a8=this._renderManagerService.getRenderById(unitId))==null?void 0:_a8.scene;if(!scene)return;const transformer=scene.getTransformerByCreate();if(!transformer)return;const disposePopups=[];this.disposeWithMe(core.toDisposable(transformer.createControl$.subscribe(()=>{if(this._hasCropObject(scene))return;const selectedObjects=transformer.getSelectedObjectMap();if(disposePopups.forEach(dispose=>dispose.dispose()),disposePopups.length=0,selectedObjects.size>1)return;const object=selectedObjects.values().next().value;if(!object)return;const oKey=object.oKey,drawingParam=this._drawingManagerService.getDrawingOKey(oKey);if(!drawingParam)return;const{unitId:unitId2,subUnitId,drawingId}=drawingParam;disposePopups.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(object,{componentKey:drawingUi.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(unitId2,subUnitId,drawingId)}}))),!this._drawingManagerService.getFocusDrawings().find(drawing2=>drawing2.unitId===unitId2&&drawing2.subUnitId===subUnitId&&drawing2.drawingId===drawingId)&&this._drawingManagerService.focusDrawing([{unitId:unitId2,subUnitId,drawingId}])}))),this.disposeWithMe(core.toDisposable(transformer.clearControl$.subscribe(()=>{disposePopups.forEach(dispose=>dispose.dispose()),disposePopups.length=0,this._contextService.setContextValue(core.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(core.toDisposable(transformer.changing$.subscribe(()=>{disposePopups.forEach(dispose=>dispose.dispose()),disposePopups.length=0}))),this.disposeWithMe(core.toDisposable(transformer.changeStart$.subscribe(()=>{disposePopups.forEach(dispose=>dispose.dispose()),disposePopups.length=0})))}_getImageMenuItems(unitId,subUnitId,drawingId){return[{label:"image-popup.edit",index:0,commandId:EditDocDrawingOperation.id,commandParams:{unitId,subUnitId,drawingId},disable:!1},{label:"image-popup.delete",index:1,commandId:RemoveDocDrawingCommand.id,commandParams:{unitId,drawings:[{unitId,subUnitId,drawingId}]},disable:!1},{label:"image-popup.crop",index:2,commandId:drawingUi.OpenImageCropOperation.id,commandParams:{unitId,subUnitId,drawingId},disable:!0},{label:"image-popup.reset",index:3,commandId:drawingUi.ImageResetSizeOperation.id,commandParams:[{unitId,subUnitId,drawingId}],disable:!0}]}},__name(_a,"DocDrawingPopupMenuController"),_a);DocDrawingPopupMenuController=__decorateClass$6([core.OnLifecycle(core.LifecycleStages.Rendered,DocDrawingPopupMenuController),__decorateParam$6(0,drawing.IDrawingManagerService),__decorateParam$6(1,core.Inject(docsUi.DocCanvasPopManagerService)),__decorateParam$6(2,engineRender.IRenderManagerService),__decorateParam$6(3,core.IUniverInstanceService),__decorateParam$6(4,core.IContextService)],DocDrawingPopupMenuController);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(_a8){var key=_a8[0],value=_a8[1];typeof value=="string"&&(attrs[key]=value.replace(/url\(#(.*)\)/,"url(#$1".concat(runtimeProps.idSuffix,")")))})),attrs}__name(replaceRuntimeIdsAndExtInAttrs,"replaceRuntimeIdsAndExtInAttrs");function replaceRuntimeIdsInDefs(node,runtimeProps){var _a8,defIds=runtimeProps.defIds;return!defIds||defIds.length===0?node:node.tag==="defs"&&(!((_a8=node.children)===null||_a8===void 0)&&_a8.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={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}))});AddImageSingle.displayName="AddImageSingle";const InsertDocImageOperation={id:"doc.operation.insert-float-image",type:core.CommandType.OPERATION,handler:__name(()=>!0,"handler")},uploadFileMenu="univer-upload-file-menu",uploadFileMenuInput="univer-upload-file-menu-input",styles$1={uploadFileMenu,uploadFileMenuInput},UploadFileMenu=__name(()=>{const commandService=core.useDependency(core.ICommandService),fileInputRef=React.useRef(null),handleButtonClick=__name(()=>{var _a8;(_a8=fileInputRef.current)==null||_a8.click()},"handleButtonClick"),imageAccept=drawing.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(image=>`.${image.replace("image/","")}`).join(","),handleFileChange=__name(event=>{const fileList=event.target.files;if(fileList==null)return;const files=Array.from(fileList);commandService.executeCommand(InsertDocImageOperation.id,{files}),fileInputRef.current&&(fileInputRef.current.value="")},"handleFileChange");return React.createElement("div",{onClick:handleButtonClick,className:styles$1.uploadFileMenu},React.createElement("input",{type:"file",className:styles$1.uploadFileMenuInput,ref:fileInputRef,onChange:handleFileChange,accept:imageAccept,multiple:!0}))},"UploadFileMenu"),COMPONENT_DOC_UPLOAD_FILE_MENU="COMPONENT_DOC_UPLOAD_FILE_MENU",ImageUploadIcon="addition-and-subtraction-single",IMAGE_MENU_ID="doc.menu.image",IMAGE_MENU_UPLOAD_FLOAT_ID="doc.menu.image.upload.float";function ImageMenuFactory(accessor){return{id:IMAGE_MENU_ID,type:ui.MenuItemType.SUBITEMS,positions:[ui.MenuPosition.TOOLBAR_START],group:ui.MenuGroup.TOOLBAR_LAYOUT,icon:ImageUploadIcon,tooltip:"docImage.title",hidden$:ui.getMenuHiddenObservable(accessor,core.UniverInstanceType.UNIVER_DOC)}}__name(ImageMenuFactory,"ImageMenuFactory");function UploadFloatImageMenuFactory(_accessor){return{id:IMAGE_MENU_UPLOAD_FLOAT_ID,title:"docImage.upload.float",type:ui.MenuItemType.SELECTOR,label:{name:COMPONENT_DOC_UPLOAD_FILE_MENU},positions:[IMAGE_MENU_ID],hidden$:ui.getMenuHiddenObservable(_accessor,core.UniverInstanceType.UNIVER_DOC)}}__name(UploadFloatImageMenuFactory,"UploadFloatImageMenuFactory");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",sheetImageMenu="univer-sheet-image-menu",sheetImageMenuInput="univer-sheet-image-menu-input",styles={imageCommonPanel,imageCommonPanelGrid,imageCommonPanelBorder,imageCommonPanelTitle,imageCommonPanelSubtitle,imageCommonPanelRow,imageCommonPanelRowVertical,imageCommonPanelColumn,imageCommonPanelColumnCenter,imageCommonPanelInline,imageCommonPanelSpan2,imageCommonPanelSpan3,imageCommonPanelInput,sheetImageMenu,sheetImageMenuInput},_DocRefreshDrawingsService=class _DocRefreshDrawingsService{constructor(){__publicField(this,"_refreshDrawings$",new rxjs.BehaviorSubject(null));__publicField(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(skeleton){this._refreshDrawings$.next(skeleton)}};__name(_DocRefreshDrawingsService,"DocRefreshDrawingsService");let DocRefreshDrawingsService=_DocRefreshDrawingsService;var TextWrappingStyle=(TextWrappingStyle2=>(TextWrappingStyle2.INLINE="inline",TextWrappingStyle2.BEHIND_TEXT="behindText",TextWrappingStyle2.IN_FRONT_OF_TEXT="inFrontOfText",TextWrappingStyle2.WRAP_SQUARE="wrapSquare",TextWrappingStyle2.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",TextWrappingStyle2))(TextWrappingStyle||{});const WRAPPING_STYLE_TO_LAYOUT_TYPE={inline:core.PositionedObjectLayoutType.INLINE,wrapSquare:core.PositionedObjectLayoutType.WRAP_SQUARE,wrapTopAndBottom:core.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,inFrontOfText:core.PositionedObjectLayoutType.WRAP_NONE,behindText:core.PositionedObjectLayoutType.WRAP_NONE};function getDeleteAndInsertCustomBlockActions(segmentId,oldSegmentId,segmentPage,offset,drawingId,documentDataModel,textSelectionRenderManager){var _a8,_b;const textX=new core.TextX,jsonX=core.JSONX.getInstance(),rawActions=[],oldBody=documentDataModel.getSelfOrHeaderFooterModel(oldSegmentId).getBody(),body=documentDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();if(oldBody==null||body==null)return;const oldOffset=(_b=(_a8=oldBody.customBlocks)==null?void 0:_a8.find(block=>block.blockId===drawingId))==null?void 0:_b.startIndex;if(oldOffset!=null){if(offset=Math.min(body.dataStream.length-2,offset),segmentId===oldSegmentId){if(offset<oldOffset?(offset>0&&textX.push({t:core.TextXActionType.RETAIN,len:offset,segmentId:oldSegmentId}),textX.push({t:core.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:drawingId}]},len:1,line:0,segmentId:oldSegmentId}),textX.push({t:core.TextXActionType.RETAIN,len:oldOffset-offset,segmentId:oldSegmentId}),textX.push({t:core.TextXActionType.DELETE,len:1,line:0,segmentId:""})):(oldOffset>0&&textX.push({t:core.TextXActionType.RETAIN,len:oldOffset,segmentId:oldSegmentId}),textX.push({t:core.TextXActionType.DELETE,len:1,line:0,segmentId:""}),offset-oldOffset-1>0&&textX.push({t:core.TextXActionType.RETAIN,len:offset-oldOffset-1,segmentId:oldSegmentId}),textX.push({t:core.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:drawingId}]},len:1,line:0,segmentId:oldSegmentId})),offset!==oldOffset){const path=docs.getRichTextEditPath(documentDataModel,oldSegmentId),action=jsonX.editOp(textX.serialize(),path);rawActions.push(action)}}else{oldOffset>0&&textX.push({t:core.TextXActionType.RETAIN,len:oldOffset,segmentId:oldSegmentId}),textX.push({t:core.TextXActionType.DELETE,len:1,line:0,segmentId:""});let path=docs.getRichTextEditPath(documentDataModel,oldSegmentId),action=jsonX.editOp(textX.serialize(),path);rawActions.push(action),textX.empty(),offset>0&&textX.push({t:core.TextXActionType.RETAIN,len:offset,segmentId}),textX.push({t:core.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:drawingId}]},len:1,line:0,segmentId}),path=docs.getRichTextEditPath(documentDataModel,segmentId),action=jsonX.editOp(textX.serialize(),path),rawActions.push(action),textSelectionRenderManager.setSegment(segmentId),textSelectionRenderManager.setSegmentPage(segmentPage)}return rawActions}}__name(getDeleteAndInsertCustomBlockActions,"getDeleteAndInsertCustomBlockActions");const UpdateDocDrawingWrappingStyleCommand={id:"doc.command.update-doc-drawing-wrapping-style",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{var _a8,_b;if(params==null)return!1;const{drawings,wrappingStyle,unitId}=params,commandService=accessor.get(core.ICommandService),univerInstanceService=accessor.get(core.IUniverInstanceService),renderObject=accessor.get(engineRender.IRenderManagerService).getRenderById(unitId),skeletonData=renderObject==null?void 0:renderObject.with(docs.DocSkeletonManagerService).getSkeleton().getSkeletonData(),viewModel=renderObject==null?void 0:renderObject.with(docs.DocSkeletonManagerService).getViewModel(),scene=renderObject==null?void 0:renderObject.scene,documentDataModel=univerInstanceService.getCurrentUniverDocInstance();if(documentDataModel==null||skeletonData==null||scene==null||viewModel==null)return!1;const editArea=viewModel.getEditArea(),transformer=scene.getTransformerByCreate(),{pages,skeHeaders,skeFooters}=skeletonData,jsonX=core.JSONX.getInstance(),rawActions=[],{drawings:oldDrawings={}}=documentDataModel.getSnapshot();for(const drawing2 of drawings){const{drawingId}=drawing2,oldLayoutType=oldDrawings[drawingId].layoutType,newLayoutType=WRAPPING_STYLE_TO_LAYOUT_TYPE[wrappingStyle];if(oldLayoutType!==newLayoutType){const updateLayoutTypeAction=jsonX.replaceOp(["drawings",drawingId,"layoutType"],oldLayoutType,newLayoutType);rawActions.push(updateLayoutTypeAction)}if(wrappingStyle==="behindText"||wrappingStyle==="inFrontOfText"){const oldBehindDoc=oldDrawings[drawingId].behindDoc,newBehindDoc=wrappingStyle==="behindText"?core.BooleanNumber.TRUE:core.BooleanNumber.FALSE;if(oldBehindDoc!==newBehindDoc){const updateBehindDocAction=jsonX.replaceOp(["drawings",drawingId,"behindDoc"],oldBehindDoc,newBehindDoc);rawActions.push(updateBehindDocAction)}}if(wrappingStyle==="inline")continue;let skeDrawing=null,pageMarginTop=0,pageMarginLeft=0;for(const page of pages){const{headerId,footerId,marginTop,marginLeft,marginBottom,pageWidth,pageHeight}=page;switch(editArea){case engineRender.DocumentEditArea.HEADER:{const headerSke=(_a8=skeHeaders.get(headerId))==null?void 0:_a8.get(pageWidth);headerSke!=null&&headerSke.skeDrawings.has(drawingId)&&(skeDrawing=headerSke.skeDrawings.get(drawingId),pageMarginTop=headerSke.marginTop,pageMarginLeft=marginLeft);break}case engineRender.DocumentEditArea.FOOTER:{const footerSke=(_b=skeFooters.get(footerId))==null?void 0:_b.get(pageWidth);footerSke!=null&&footerSke.skeDrawings.has(drawingId)&&(skeDrawing=footerSke.skeDrawings.get(drawingId),pageMarginTop=pageHeight-marginBottom+footerSke.marginTop,pageMarginLeft=marginLeft);break}case engineRender.DocumentEditArea.BODY:{page.skeDrawings.has(drawingId)&&(skeDrawing=page.skeDrawings.get(drawingId),pageMarginTop=marginTop,pageMarginLeft=marginLeft);break}}if(skeDrawing!=null)break}if(skeDrawing!=null){const{aTop,aLeft}=skeDrawing,oldPositionH=oldDrawings[drawingId].docTransform.positionH;let posOffsetH=aLeft;oldPositionH.relativeFrom===core.ObjectRelativeFromH.MARGIN?posOffsetH-=pageMarginLeft:oldPositionH.relativeFrom===core.ObjectRelativeFromH.COLUMN&&(posOffsetH-=skeDrawing.columnLeft);const newPositionH={relativeFrom:oldPositionH.relativeFrom,posOffset:posOffsetH};if(oldPositionH.posOffset!==newPositionH.posOffset){const action=jsonX.replaceOp(["drawings",drawingId,"docTransform","positionH"],oldPositionH,newPositionH);rawActions.push(action)}const oldPositionV=oldDrawings[drawingId].docTransform.positionV;let posOffsetV=aTop;oldPositionV.relativeFrom===core.ObjectRelativeFromV.PAGE?posOffsetV+=pageMarginTop:oldPositionV.relativeFrom===core.ObjectRelativeFromV.LINE?posOffsetV-=skeDrawing.lineTop:oldPositionV.relativeFrom===core.ObjectRelativeFromV.PARAGRAPH&&(posOffsetV-=skeDrawing.blockAnchorTop);const newPositionV={relativeFrom:oldPositionV.relativeFrom,posOffset:posOffsetV};if(oldPositionV.posOffset!==newPositionV.posOffset){const action=jsonX.replaceOp(["drawings",drawingId,"docTransform","positionV"],oldPositionV,newPositionV);rawActions.push(action)}}}const doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges:null}};doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null);const result=commandService.syncExecuteCommand(doMutation.id,doMutation.params);return transformer.refreshControls(),!!result},"handler")},UpdateDocDrawingDistanceCommand={id:"doc.command.update-doc-drawing-distance",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{if(params==null)return!1;const commandService=accessor.get(core.ICommandService),documentDataModel=accessor.get(core.IUniverInstanceService).getCurrentUniverDocInstance();if(documentDataModel==null)return!1;const{drawings,dist,unitId}=params,jsonX=core.JSONX.getInstance(),rawActions=[],{drawings:oldDrawings={}}=documentDataModel.getSnapshot();for(const drawing2 of drawings){const{drawingId}=drawing2;for(const[key,value]of Object.entries(dist)){const oldValue=oldDrawings[drawingId][key];if(oldValue!==value){const action=jsonX.replaceOp(["drawings",drawingId,key],oldValue,value);rawActions.push(action)}}}const doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges:null}};return doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null),!!commandService.syncExecuteCommand(doMutation.id,doMutation.params)},"handler")},UpdateDocDrawingWrapTextCommand={id:"doc.command.update-doc-drawing-wrap-text",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{if(params==null)return!1;const commandService=accessor.get(core.ICommandService),documentDataModel=accessor.get(core.IUniverInstanceService).getCurrentUniverDocInstance();if(documentDataModel==null)return!1;const{drawings,wrapText,unitId}=params,jsonX=core.JSONX.getInstance(),rawActions=[],{drawings:oldDrawings={}}=documentDataModel.getSnapshot();for(const drawing2 of drawings){const{drawingId}=drawing2,oldWrapText=oldDrawings[drawingId].wrapText;if(oldWrapText!==wrapText){const action=jsonX.replaceOp(["drawings",drawingId,"wrapText"],oldWrapText,wrapText);rawActions.push(action)}}const doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges:null}};return doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null),!!commandService.syncExecuteCommand(doMutation.id,doMutation.params)},"handler")},UpdateDrawingDocTransformCommand={id:"doc.command.update-drawing-doc-transform",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{if(params==null)return!1;const commandService=accessor.get(core.ICommandService),univerInstanceService=accessor.get(core.IUniverInstanceService),renderObject=accessor.get(engineRender.IRenderManagerService).getRenderById(params.unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return!1;const transformer=scene.getTransformerByCreate(),documentDataModel=univerInstanceService.getCurrentUniverDocInstance();if(documentDataModel==null)return!1;const{drawings,unitId}=params,jsonX=core.JSONX.getInstance(),rawActions=[],{drawings:oldDrawings={}}=documentDataModel.getSnapshot();for(const drawing2 of drawings){const{drawingId,key,value}=drawing2,oldValue=oldDrawings[drawingId].docTransform[key];if(!core.Tools.diffValue(oldValue,value)){const action=jsonX.replaceOp(["drawings",drawingId,"docTransform",key],oldValue,value);rawActions.push(action)}}const doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges:null,debounce:!0}};doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null);const result=commandService.syncExecuteCommand(doMutation.id,doMutation.params);return transformer.refreshControls(),!!result},"handler")},IMoveInlineDrawingCommand={id:"doc.command.move-inline-drawing",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{var _a8;if(params==null)return!1;const renderManagerService=accessor.get(engineRender.IRenderManagerService),textSelectionRenderManager=accessor.get(engineRender.ITextSelectionRenderManager),docRefreshDrawingsService=accessor.get(DocRefreshDrawingsService),renderObject=renderManagerService.getRenderById(params.unitId),scene=renderObject==null?void 0:renderObject.scene,skeleton=renderObject==null?void 0:renderObject.with(docs.DocSkeletonManagerService).getSkeleton();if(scene==null)return!1;const transformer=scene.getTransformerByCreate(),commandService=accessor.get(core.ICommandService),documentDataModel=accessor.get(core.IUniverInstanceService).getCurrentUniverDocInstance();if(documentDataModel==null)return!1;const{drawing:drawing2,unitId,offset,segmentId:newSegmentId,segmentPage}=params,rawActions=[],{drawingId}=drawing2,segmentId=(_a8=textSelectionRenderManager.getSegment())!=null?_a8:"",actions=getDeleteAndInsertCustomBlockActions(newSegmentId,segmentId,segmentPage,offset,drawingId,documentDataModel,textSelectionRenderManager);if(actions==null||actions.length===0)return docRefreshDrawingsService.refreshDrawings(skeleton),transformer.refreshControls(),!1;rawActions.push(...actions);const doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges:null}};doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null);const result=commandService.syncExecuteCommand(doMutation.id,doMutation.params);return transformer.refreshControls(),!!result},"handler")},ITransformNonInlineDrawingCommand={id:"doc.command.transform-non-inline-drawing",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{var _a8;if(params==null)return!1;const textSelectionRenderManager=accessor.get(engineRender.ITextSelectionRenderManager),renderObject=accessor.get(engineRender.IRenderManagerService).getRenderById(params.unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return!1;const transformer=scene.getTransformerByCreate(),commandService=accessor.get(core.ICommandService),documentDataModel=accessor.get(core.IUniverInstanceService).getCurrentUniverDocInstance();if(documentDataModel==null)return!1;const{drawing:drawing2,unitId,offset,docTransform,segmentId:newSegmentId,segmentPage}=params,rawActions=[],{drawingId}=drawing2,segmentId=(_a8=textSelectionRenderManager.getSegment())!=null?_a8:"",actions=getDeleteAndInsertCustomBlockActions(newSegmentId,segmentId,segmentPage,offset,drawingId,documentDataModel,textSelectionRenderManager);if(actions==null)return!1;actions.length>0&&rawActions.push(...actions);const jsonX=core.JSONX.getInstance(),{drawings:oldDrawings={}}=documentDataModel.getSnapshot(),oldDocTransform=oldDrawings[drawingId].docTransform,{positionH:oldPositionH,positionV:oldPositionV,size:oldSize,angle:oldAngle}=oldDocTransform;if(!core.Tools.diffValue(oldPositionH,docTransform.positionH)){const updateAction=jsonX.replaceOp(["drawings",drawingId,"docTransform","positionH"],oldPositionH,docTransform.positionH);rawActions.push(updateAction)}if(!core.Tools.diffValue(oldPositionV,docTransform.positionV)){const updateAction=jsonX.replaceOp(["drawings",drawingId,"docTransform","positionV"],oldPositionV,docTransform.positionV);rawActions.push(updateAction)}if(!core.Tools.diffValue(oldSize,docTransform.size)){const updateAction=jsonX.replaceOp(["drawings",drawingId,"docTransform","size"],oldSize,docTransform.size);rawActions.push(updateAction)}if(!core.Tools.diffValue(oldAngle,docTransform.angle)){const updateAction=jsonX.replaceOp(["drawings",drawingId,"docTransform","angle"],oldAngle,docTransform.angle);rawActions.push(updateAction)}const doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges:null,debounce:!0}};doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null);const result=commandService.syncExecuteCommand(doMutation.id,doMutation.params);return transformer.refreshControls(),!!result},"handler")},MIN_MARGIN=0,MAX_MARGIN=100,DocDrawingTextWrap=__name(props=>{const commandService=core.useDependency(core.ICommandService),localeService=core.useDependency(core.LocaleService),drawingManagerService=core.useDependency(drawing.IDrawingManagerService),renderManagerService=core.useDependency(engineRender.IRenderManagerService),univerInstanceService=core.useDependency(core.IUniverInstanceService),{drawings}=props,drawingParam=drawings[0];if(drawingParam==null)return null;const{unitId}=drawingParam,documentDataModel=univerInstanceService.getUniverDocInstance(unitId),renderObject=renderManagerService.getRenderById(unitId);if((renderObject==null?void 0:renderObject.scene)==null)return null;const[disableWrapText,setDisableWrapText]=React.useState(!0),[disableDistTB,setDisableDistTB]=React.useState(!0),[disableDistLR,setDisableDistLR]=React.useState(!0),[wrappingStyle,setWrappingStyle]=React.useState(TextWrappingStyle.INLINE),[wrapText,setWrapText]=React.useState(""),[distToText,setDistToText]=React.useState({distT:0,distL:0,distB:0,distR:0}),[showPanel,setShowPanel]=React.useState(!0);function handleWrappingStyleChange(value){setWrappingStyle(value);const focusDrawings=drawingManagerService.getFocusDrawings();if(focusDrawings.length===0)return;const{unitId:unitId2,subUnitId}=focusDrawings[0],drawings2=focusDrawings.map(({unitId:unitId3,subUnitId:subUnitId2,drawingId})=>({unitId:unitId3,subUnitId:subUnitId2,drawingId}));commandService.executeCommand(UpdateDocDrawingWrappingStyleCommand.id,{unitId:unitId2,subUnitId,drawings:drawings2,wrappingStyle:value})}__name(handleWrappingStyleChange,"handleWrappingStyleChange");function handleWrapTextChange(value){setWrapText(value);const focusDrawings=drawingManagerService.getFocusDrawings();if(focusDrawings.length===0)return;const drawings2=focusDrawings.map(drawing2=>({unitId:drawing2.unitId,subUnitId:drawing2.subUnitId,drawingId:drawing2.drawingId}));commandService.executeCommand(UpdateDocDrawingWrapTextCommand.id,{unitId:focusDrawings[0].unitId,subUnitId:focusDrawings[0].unitId,drawings:drawings2,wrapText:value})}__name(handleWrapTextChange,"handleWrapTextChange");function handleDistToTextChange(value,direction){if(value==null)return;const newDistToText={...distToText,[direction]:value};setDistToText(newDistToText);const focusDrawings=drawingManagerService.getFocusDrawings();if(focusDrawings.length===0)return;const drawings2=focusDrawings.map(drawing2=>({unitId:drawing2.unitId,subUnitId:drawing2.subUnitId,drawingId:drawing2.drawingId}));commandService.executeCommand(UpdateDocDrawingDistanceCommand.id,{unitId:focusDrawings[0].unitId,subUnitId:focusDrawings[0].unitId,drawings:drawings2,dist:{[direction]:value}})}__name(handleDistToTextChange,"handleDistToTextChange");function updateFocusDrawingState(){const focusDrawings=drawingManagerService.getFocusDrawings();focusDrawings.length!==0&&updateState(focusDrawings[0])}__name(updateFocusDrawingState,"updateFocusDrawingState");function updateState(drawingParam2){var _a8,_b;const drawing2=(_b=(_a8=documentDataModel==null?void 0:documentDataModel.getSnapshot())==null?void 0:_a8.drawings)==null?void 0:_b[drawingParam2.drawingId];if(drawing2==null)return;const{distT=0,distL=0,distB=0,distR=0,layoutType=core.PositionedObjectLayoutType.INLINE,behindDoc=core.BooleanNumber.FALSE,wrapText:wrapText2=core.WrapTextType.BOTH_SIDES}=drawing2;if(setDistToText({distT,distL,distB,distR}),setWrapText(wrapText2),setDisableWrapText(layoutType!==core.PositionedObjectLayoutType.WRAP_SQUARE),layoutType===core.PositionedObjectLayoutType.WRAP_NONE||layoutType===core.PositionedObjectLayoutType.INLINE?setDisableDistTB(!0):setDisableDistTB(!1),layoutType===core.PositionedObjectLayoutType.WRAP_NONE||layoutType===core.PositionedObjectLayoutType.INLINE||layoutType===core.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?setDisableDistLR(!0):setDisableDistLR(!1),layoutType===core.PositionedObjectLayoutType.WRAP_NONE)behindDoc===core.BooleanNumber.TRUE?setWrappingStyle(TextWrappingStyle.BEHIND_TEXT):setWrappingStyle(TextWrappingStyle.IN_FRONT_OF_TEXT);else switch(layoutType){case core.PositionedObjectLayoutType.INLINE:setWrappingStyle(TextWrappingStyle.INLINE);break;case core.PositionedObjectLayoutType.WRAP_SQUARE:setWrappingStyle(TextWrappingStyle.WRAP_SQUARE);break;case core.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:setWrappingStyle(TextWrappingStyle.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${layoutType}`)}}return __name(updateState,"updateState"),React.useEffect(()=>{updateFocusDrawingState();const subscription=drawingManagerService.focus$.subscribe(drawingParams=>{if(drawingParams.length===0){setShowPanel(!1);return}setShowPanel(!0),updateState(drawingParams[0])}),mutationListener=commandService.onCommandExecuted(async command=>{command.id===docs.RichTextEditingMutation.id&&updateFocusDrawingState()});return()=>{subscription.unsubscribe(),mutationListener.dispose()}},[]),React.createElement("div",{className:clsx(styles.imageCommonPanelGrid,styles.imageCommonPanelBorder),style:{display:showPanel?"block":"none"}},React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelTitle)},React.createElement("div",null,localeService.t("image-text-wrap.title")))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSubtitle)},React.createElement("div",null,localeService.t("image-text-wrap.wrappingStyle")))),React.createElement("div",{className:clsx(styles.imageCommonPanelRow)},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn)},React.createElement(design.RadioGroup,{value:wrappingStyle,onChange:handleWrappingStyleChange,direction:"vertical"},React.createElement(design.Radio,{value:TextWrappingStyle.INLINE},localeService.t("image-text-wrap.inline")),React.createElement(design.Radio,{value:TextWrappingStyle.WRAP_SQUARE},localeService.t("image-text-wrap.square")),React.createElement(design.Radio,{value:TextWrappingStyle.WRAP_TOP_AND_BOTTOM},localeService.t("image-text-wrap.topAndBottom")),React.createElement(design.Radio,{value:TextWrappingStyle.BEHIND_TEXT},localeService.t("image-text-wrap.behindText")),React.createElement(design.Radio,{value:TextWrappingStyle.IN_FRONT_OF_TEXT},localeService.t("image-text-wrap.inFrontText"))))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSubtitle)},React.createElement("div",null,localeService.t("image-text-wrap.wrapText")))),React.createElement("div",{className:clsx(styles.imageCommonPanelRow)},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn)},React.createElement(design.RadioGroup,{disabled:disableWrapText,value:wrapText,onChange:handleWrapTextChange,direction:"horizontal"},React.createElement(design.Radio,{value:core.WrapTextType.BOTH_SIDES},localeService.t("image-text-wrap.bothSide")),React.createElement(design.Radio,{value:core.WrapTextType.LEFT},localeService.t("image-text-wrap.leftOnly")),React.createElement(design.Radio,{value:core.WrapTextType.RIGHT},localeService.t("image-text-wrap.rightOnly"))))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSubtitle)},React.createElement("div",null,localeService.t("image-text-wrap.distanceFromText")))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSpan2)},React.createElement("label",null,React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},localeService.t("image-text-wrap.top"))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.InputNumber,{min:MIN_MARGIN,max:MAX_MARGIN,disabled:disableDistTB,precision:1,value:distToText.distT,onChange:__name(val=>{handleDistToTextChange(val,"distT")},"onChange"),className:styles.imageCommonPanelInput}))))),React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSpan2)},React.createElement("label",null,React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},localeService.t("image-text-wrap.left"))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.InputNumber,{min:MIN_MARGIN,max:MAX_MARGIN,disabled:disableDistLR,precision:1,value:distToText.distL,onChange:__name(val=>{handleDistToTextChange(val,"distL")},"onChange"),className:styles.imageCommonPanelInput})))))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSpan2)},React.createElement("label",null,React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},localeService.t("image-text-wrap.bottom"))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.InputNumber,{min:MIN_MARGIN,max:MAX_MARGIN,disabled:disableDistTB,precision:1,value:distToText.distB,onChange:__name(val=>{handleDistToTextChange(val,"distB")},"onChange"),className:styles.imageCommonPanelInput}))))),React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSpan2)},React.createElement("label",null,React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},localeService.t("image-text-wrap.right"))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.InputNumber,{min:MIN_MARGIN,max:MAX_MARGIN,disabled:disableDistLR,precision:1,value:distToText.distR,onChange:__name(val=>{handleDistToTextChange(val,"distR")},"onChange"),className:styles.imageCommonPanelInput})))))))},"DocDrawingTextWrap"),MIN_OFFSET=-1e3,MAX_OFFSET=1e3,DocDrawingPosition=__name(props=>{const commandService=core.useDependency(core.ICommandService),localeService=core.useDependency(core.LocaleService),drawingManagerService=core.useDependency(drawing.IDrawingManagerService),renderManagerService=core.useDependency(engineRender.IRenderManagerService),univerInstanceService=core.useDependency(core.IUniverInstanceService),textSelectionRenderService=core.useDependency(engineRender.ITextSelectionRenderManager),{drawings}=props,drawingParam=drawings[0];if(drawingParam==null)return;const{unitId}=drawingParam,documentDataModel=univerInstanceService.getUniverDocInstance(unitId),renderObject=renderManagerService.getRenderById(unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return;const transformer=scene.getTransformerByCreate(),HORIZONTAL_RELATIVE_FROM=[{label:localeService.t("image-position.column"),value:String(core.ObjectRelativeFromH.COLUMN)},{label:localeService.t("image-position.page"),value:String(core.ObjectRelativeFromH.PAGE)},{label:localeService.t("image-position.margin"),value:String(core.ObjectRelativeFromH.MARGIN)}],VERTICAL_RELATIVE_FROM=[{label:localeService.t("image-position.line"),value:String(core.ObjectRelativeFromV.LINE)},{label:localeService.t("image-position.page"),value:String(core.ObjectRelativeFromV.PAGE)},{label:localeService.t("image-position.margin"),value:String(core.ObjectRelativeFromV.MARGIN)},{label:localeService.t("image-position.paragraph"),value:String(core.ObjectRelativeFromV.PARAGRAPH)}],[disabled,setDisabled]=React.useState(!0),[hPosition,setHPosition]=React.useState({relativeFrom:core.ObjectRelativeFromH.PAGE,posOffset:0}),[vPosition,setVPosition]=React.useState({relativeFrom:core.ObjectRelativeFromV.PAGE,posOffset:0}),[followTextMove,setFollowTextMove]=React.useState(!0),[showPanel,setShowPanel]=React.useState(!0);function handlePositionChange(direction,value){direction==="positionH"?setHPosition(value):setVPosition(value);const focusDrawings=drawingManagerService.getFocusDrawings();if(focusDrawings.length===0)return;const drawings2=focusDrawings.map(drawing2=>({unitId:drawing2.unitId,subUnitId:drawing2.subUnitId,drawingId:drawing2.drawingId}));commandService.executeCommand(UpdateDrawingDocTransformCommand.id,{unitId:focusDrawings[0].unitId,subUnitId:focusDrawings[0].unitId,drawings:drawings2.map(drawing2=>({drawingId:drawing2.drawingId,key:direction,value}))}),textSelectionRenderService.blur(),transformer.refreshControls()}__name(handlePositionChange,"handlePositionChange");function handleHorizontalRelativeFromChange(value){var _a8,_b,_c;const prevRelativeFrom=hPosition.relativeFrom,prevPosOffset=hPosition.posOffset,relativeFrom=Number(value);if(prevRelativeFrom===relativeFrom)return;const focusDrawings=drawingManagerService.getFocusDrawings();if(focusDrawings.length===0)return;const drawingId=focusDrawings[0].drawingId,unitId2=focusDrawings[0].unitId;let drawing2=null,pageMarginLeft=0;const skeleton=(_a8=renderManagerService.getRenderById(unitId2))==null?void 0:_a8.with(docs.DocSkeletonManagerService).getSkeleton(),skeletonData=skeleton==null?void 0:skeleton.getSkeletonData();if(skeletonData==null)return;const{pages,skeHeaders,skeFooters}=skeletonData;for(const page of pages){const{marginLeft,skeDrawings,headerId,footerId,pageWidth}=page;if(skeDrawings.has(drawingId)){drawing2=skeDrawings.get(drawingId),pageMarginLeft=marginLeft;break}const headerPage=(_b=skeHeaders.get(headerId))==null?void 0:_b.get(pageWidth);if(headerPage!=null&&headerPage.skeDrawings.has(drawingId)){drawing2=headerPage==null?void 0:headerPage.skeDrawings.get(drawingId),pageMarginLeft=marginLeft;break}const footerPage=(_c=skeFooters.get(footerId))==null?void 0:_c.get(pageWidth);if(footerPage!=null&&footerPage.skeDrawings.has(drawingId)){drawing2=footerPage==null?void 0:footerPage.skeDrawings.get(drawingId),pageMarginLeft=marginLeft;break}}if(drawing2==null)return;let delta=0;prevRelativeFrom===core.ObjectRelativeFromH.COLUMN?delta-=drawing2.columnLeft:prevRelativeFrom===core.ObjectRelativeFromH.MARGIN&&(delta-=pageMarginLeft),relativeFrom===core.ObjectRelativeFromH.COLUMN?delta+=drawing2.columnLeft:relativeFrom===core.ObjectRelativeFromH.MARGIN?delta+=pageMarginLeft:core.ObjectRelativeFromH.PAGE;const newPositionH={relativeFrom,posOffset:(prevPosOffset!=null?prevPosOffset:0)-delta};handlePositionChange("positionH",newPositionH)}__name(handleHorizontalRelativeFromChange,"handleHorizontalRelativeFromChange");function handleVerticalRelativeFromChange(value){var _a8,_b,_c,_d,_e;const prevRelativeFrom=vPosition.relativeFrom,prevPosOffset=vPosition.posOffset,relativeFrom=Number(value);if(prevRelativeFrom===relativeFrom)return;const focusDrawings=drawingManagerService.getFocusDrawings();if(focusDrawings.length===0)return;const{drawingId,unitId:unitId2}=focusDrawings[0],documentDataModel2=univerInstanceService.getUniverDocInstance(unitId2),skeleton=(_a8=renderManagerService.getRenderById(unitId2))==null?void 0:_a8.with(docs.DocSkeletonManagerService).getSkeleton(),segmentId=textSelectionRenderService.getSegment(),segmentPage=textSelectionRenderService.getSegmentPage(),drawing2=(_c=(_b=documentDataModel2==null?void 0:documentDataModel2.getSelfOrHeaderFooterModel(segmentId).getBody())==null?void 0:_b.customBlocks)==null?void 0:_c.find(c=>c.blockId===drawingId);if(drawing2==null||skeleton==null)return;const{startIndex}=drawing2,glyph=skeleton.findNodeByCharIndex(startIndex,segmentId,segmentPage),line=(_d=glyph==null?void 0:glyph.parent)==null?void 0:_d.parent,column=line==null?void 0:line.parent,paragraphStartLine=column==null?void 0:column.lines.find(l=>l.paragraphIndex===(line==null?void 0:line.paragraphIndex)&&l.paragraphStart),page=(_e=column==null?void 0:column.parent)==null?void 0:_e.parent;if(glyph==null||line==null||paragraphStartLine==null||column==null||page==null)return;let delta=0;prevRelativeFrom===core.ObjectRelativeFromV.PARAGRAPH?delta-=paragraphStartLine.top:prevRelativeFrom===core.ObjectRelativeFromV.LINE?delta-=line.top:prevRelativeFrom===core.ObjectRelativeFromV.PAGE&&(delta+=page.marginTop),relativeFrom===core.ObjectRelativeFromV.PARAGRAPH?delta+=paragraphStartLine.top:relativeFrom===core.ObjectRelativeFromV.LINE?delta+=line.top:relativeFrom===core.ObjectRelativeFromV.PAGE&&(delta-=page.marginTop);const newPositionV={relativeFrom,posOffset:(prevPosOffset!=null?prevPosOffset:0)-delta};handlePositionChange("positionV",newPositionV)}__name(handleVerticalRelativeFromChange,"handleVerticalRelativeFromChange");function updateState(drawingParam2){var _a8;const snapshot=documentDataModel==null?void 0:documentDataModel.getSnapshot(),drawing2=(_a8=snapshot==null?void 0:snapshot.drawings)==null?void 0:_a8[drawingParam2.drawingId];if(drawing2==null)return;const{layoutType}=drawing2,{positionH,positionV}=drawing2.docTransform;setHPosition(positionH),setVPosition(positionV),setDisabled(layoutType===core.PositionedObjectLayoutType.INLINE),setFollowTextMove(positionV.relativeFrom===core.ObjectRelativeFromV.PARAGRAPH||positionV.relativeFrom===core.ObjectRelativeFromV.LINE)}__name(updateState,"updateState");function updateFocusDrawingState(){const focusDrawings=drawingManagerService.getFocusDrawings();focusDrawings.length!==0&&updateState(focusDrawings[0])}__name(updateFocusDrawingState,"updateFocusDrawingState");function handleFollowTextMoveCheck(val){setFollowTextMove(val),handleVerticalRelativeFromChange(String(val?core.ObjectRelativeFromV.PARAGRAPH:core.ObjectRelativeFromV.PAGE))}return __name(handleFollowTextMoveCheck,"handleFollowTextMoveCheck"),React.useEffect(()=>{updateFocusDrawingState();const subscription=drawingManagerService.focus$.subscribe(drawingParams=>{if(drawingParams.length===0){setShowPanel(!1);return}setShowPanel(!0),updateState(drawingParams[0])}),mutationListener=commandService.onCommandExecuted(async command=>{command.id===docs.RichTextEditingMutation.id&&updateFocusDrawingState()});return()=>{subscription.unsubscribe(),mutationListener.dispose()}},[]),React.createElement("div",{className:clsx(styles.imageCommonPanelGrid,styles.imageCommonPanelBorder),style:{display:showPanel?"block":"none"}},React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelTitle)},React.createElement("div",null,localeService.t("image-position.title")))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSubtitle)},React.createElement("div",null,localeService.t("image-position.horizontal")))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSpan2)},React.createElement("label",null,React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},localeService.t("image-position.absolutePosition"))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.InputNumber,{min:MIN_OFFSET,max:MAX_OFFSET,precision:1,disabled,value:hPosition.posOffset,onChange:__name(val=>{handlePositionChange("positionH",{relativeFrom:hPosition.relativeFrom,posOffset:val})},"onChange"),className:styles.imageCommonPanelInput}))))),React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSpan2)},React.createElement("label",null,React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},localeService.t("image-position.toTheRightOf"))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.Select,{value:String(hPosition.relativeFrom),disabled,options:HORIZONTAL_RELATIVE_FROM,onChange:handleHorizontalRelativeFromChange})))))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSubtitle)},React.createElement("div",null,localeService.t("image-position.vertical")))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSpan2)},React.createElement("label",null,React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},localeService.t("image-position.absolutePosition"))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.InputNumber,{min:MIN_OFFSET,max:MAX_OFFSET,precision:1,disabled,value:vPosition.posOffset,onChange:__name(val=>{handlePositionChange("positionV",{relativeFrom:vPosition.relativeFrom,posOffset:val})},"onChange"),className:styles.imageCommonPanelInput}))))),React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSpan2)},React.createElement("label",null,React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},localeService.t("image-position.bellow"))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.Select,{disabled,value:String(vPosition.relativeFrom),options:VERTICAL_RELATIVE_FROM,onChange:handleVerticalRelativeFromChange})))))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSubtitle)},React.createElement("div",null,localeService.t("image-position.options")))),React.createElement("div",{className:styles.imageCommonPanelRow,style:{marginBottom:"50px"}},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.Checkbox,{disabled,checked:followTextMove,onChange:handleFollowTextMoveCheck},localeService.t("image-position.moveObjectWithText")))))},"DocDrawingPosition"),DocDrawingPanel=__name(()=>{const drawingManagerService=core.useDependency(drawing.IDrawingManagerService),focusDrawings=drawingManagerService.getFocusDrawings(),[drawings,setDrawings]=React.useState(focusDrawings);return React.useEffect(()=>{const focusDispose=drawingManagerService.focus$.subscribe(drawings2=>{setDrawings(drawings2)});return()=>{focusDispose.unsubscribe()}},[]),!!(drawings!=null&&drawings.length)&&React.createElement("div",{className:styles.imageCommonPanel},React.createElement(drawingUi.DrawingCommonPanel,{drawings,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),React.createElement(DocDrawingTextWrap,{drawings}),React.createElement(DocDrawingPosition,{drawings}))},"DocDrawingPanel"),ClearDocDrawingTransformerOperation={id:"doc.operation.clear-drawing-transformer",type:core.CommandType.MUTATION,handler:__name((accessor,params)=>{const renderManagerService=accessor.get(engineRender.IRenderManagerService);return params.forEach(unitId=>{var _a8,_b;(_b=(_a8=renderManagerService.getRenderById(unitId))==null?void 0:_a8.scene.getTransformer())==null||_b.debounceRefreshControls()}),!0},"handler")},MoveDocDrawingsCommand={id:"doc.command.move-drawing",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{const commandService=accessor.get(core.ICommandService),docDrawingService=accessor.get(docsDrawing.IDocDrawingService),univerInstanceService=accessor.get(core.IUniverInstanceService),renderManagerService=accessor.get(engineRender.IRenderManagerService),{direction}=params,drawings=docDrawingService.getFocusDrawings();if(drawings.length===0)return!1;const unitId=drawings[0].unitId,renderObject=renderManagerService.getRenderById(unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return!1;const transformer=scene.getTransformerByCreate(),documentDataModel=univerInstanceService.getUniverDocInstance(unitId),newDrawings=drawings.map(drawing2=>{var _a8,_b,_c,_d,_e;const{drawingId}=drawing2,drawingData=(_a8=documentDataModel==null?void 0:documentDataModel.getSnapshot().drawings)==null?void 0:_a8[drawingId];if(drawingData==null||drawingData.layoutType===core.PositionedObjectLayoutType.INLINE)return null;const{positionH,positionV}=drawingData.docTransform,newPositionH={...positionH},newPositionV={...positionV};return direction===core.Direction.UP?newPositionV.posOffset=((_b=newPositionV.posOffset)!=null?_b:0)-2:direction===core.Direction.DOWN?newPositionV.posOffset=((_c=newPositionV.posOffset)!=null?_c:0)+2:direction===core.Direction.LEFT?newPositionH.posOffset=((_d=newPositionH.posOffset)!=null?_d:0)-2:direction===core.Direction.RIGHT&&(newPositionH.posOffset=((_e=newPositionH.posOffset)!=null?_e:0)+2),{drawingId,key:direction===core.Direction.UP||direction===core.Direction.DOWN?"positionV":"positionH",value:direction===core.Direction.UP||direction===core.Direction.DOWN?newPositionV:newPositionH}}).filter(drawing2=>drawing2!=null);if(newDrawings.length===0)return!1;const result=commandService.syncExecuteCommand(UpdateDrawingDocTransformCommand.id,{unitId,subUnitId:unitId,drawings:newDrawings});return transformer.refreshControls(),!!result},"handler")},DeleteDocDrawingsCommand={id:"doc.command.delete-drawing",type:core.CommandType.COMMAND,handler:__name(accessor=>{const commandService=accessor.get(core.ICommandService),drawings=accessor.get(docsDrawing.IDocDrawingService).getFocusDrawings();if(drawings.length===0)return!1;const{unitId}=drawings[0],newDrawings=drawings.map(drawing2=>{const{unitId:unitId2,subUnitId,drawingId,drawingType}=drawing2;return{unitId:unitId2,subUnitId,drawingId,drawingType}});return commandService.executeCommand(RemoveDocDrawingCommand.id,{unitId,drawings:newDrawings})},"handler")},SetDocDrawingArrangeCommand={id:"doc.command.set-drawing-arrange",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{const commandService=accessor.get(core.ICommandService),docDrawingService=accessor.get(docsDrawing.IDocDrawingService);if(params==null)return!1;const{unitId,subUnitId,drawingIds,arrangeType}=params,drawingOrderMapParam={unitId,subUnitId,drawingIds};let jsonOp;if(arrangeType===drawing.ArrangeTypeEnum.forward?jsonOp=docDrawingService.getForwardDrawingsOp(drawingOrderMapParam):arrangeType===drawing.ArrangeTypeEnum.backward?jsonOp=docDrawingService.getBackwardDrawingOp(drawingOrderMapParam):arrangeType===drawing.ArrangeTypeEnum.front?jsonOp=docDrawingService.getFrontDrawingsOp(drawingOrderMapParam):arrangeType===drawing.ArrangeTypeEnum.back&&(jsonOp=docDrawingService.getBackDrawingsOp(drawingOrderMapParam)),jsonOp==null)return!1;const{redo}=jsonOp;if(redo==null)return!1;const rawActions=[];let redoCopy=core.Tools.deepClone(redo);redoCopy=redoCopy.slice(3),redoCopy.unshift("drawingsOrder"),rawActions.push(redoCopy);const doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges:null}};return doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null),!!commandService.syncExecuteCommand(doMutation.id,doMutation.params)},"handler")},UngroupDocDrawingCommand={id:"doc.command.ungroup-doc-image",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{accessor.get(core.ICommandService),accessor.get(core.IUndoRedoService);const docDrawingService=accessor.get(docsDrawing.IDocDrawingService);if(!params)return!1;const unitIds=[];return params.forEach(({parent,children})=>{unitIds.push(parent.unitId),children.forEach(child=>{unitIds.push(child.unitId)})}),docDrawingService.getUngroupDrawingOp(params),!1},"handler")},GroupDocDrawingCommand={id:"doc.command.group-doc-image",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{accessor.get(core.ICommandService),accessor.get(core.IUndoRedoService);const docDrawingService=accessor.get(docsDrawing.IDocDrawingService);if(!params)return!1;const unitIds=[];return params.forEach(({parent,children})=>{unitIds.push(parent.unitId),children.forEach(child=>{unitIds.push(child.unitId)})}),docDrawingService.getGroupDrawingOp(params),!1},"handler")},InsertDocDrawingCommand={id:"doc.command.insert-doc-image",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{var _a8,_b;if(params==null)return!1;const commandService=accessor.get(core.ICommandService),textSelectionManagerService=accessor.get(docs.TextSelectionManagerService),univerInstanceService=accessor.get(core.IUniverInstanceService),activeTextRange=textSelectionManagerService.getActiveRange(),documentDataModel=univerInstanceService.getCurrentUniverDocInstance();if(activeTextRange==null||documentDataModel==null)return!1;const unitId=documentDataModel.getUnitId(),{drawings}=params,{collapsed,startOffset,segmentId}=activeTextRange,body=documentDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();if(body==null)return!1;const textX=new core.TextX,jsonX=core.JSONX.getInstance(),rawActions=[],drawingOrderLength=(_b=(_a8=documentDataModel.getSnapshot().drawingsOrder)==null?void 0:_a8.length)!=null?_b:0;if(collapsed)startOffset>0&&textX.push({t:core.TextXActionType.RETAIN,len:startOffset,segmentId});else{const{dos}=docs.getRetainAndDeleteFromReplace(activeTextRange,segmentId,0,body);textX.push(...dos)}textX.push({t:core.TextXActionType.INSERT,body:{dataStream:"\b".repeat(drawings.length),customBlocks:drawings.map((drawing2,i)=>({startIndex:i,blockId:drawing2.drawingId}))},len:drawings.length,line:0,segmentId});const path=docs.getRichTextEditPath(documentDataModel,segmentId),placeHolderAction=jsonX.editOp(textX.serialize(),path);rawActions.push(placeHolderAction);for(const drawing2 of drawings){const{drawingId}=drawing2,addDrawingAction=jsonX.insertOp(["drawings",drawingId],drawing2),addDrawingOrderAction=jsonX.insertOp(["drawingsOrder",drawingOrderLength],drawingId);rawActions.push(addDrawingAction),rawActions.push(addDrawingOrderAction)}const doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges:[]}};return doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null),!!commandService.syncExecuteCommand(doMutation.id,doMutation.params)},"handler")};function whenDocDrawingFocused(contextService){return contextService.getContextValue(core.FOCUSING_UNIVER_EDITOR)&&contextService.getContextValue(core.FOCUSING_COMMON_DRAWINGS)}__name(whenDocDrawingFocused,"whenDocDrawingFocused");const MoveDrawingDownShortcutItem={id:MoveDocDrawingsCommand.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:ui.KeyCode.ARROW_DOWN,priority:100,preconditions:whenDocDrawingFocused,staticParameters:{direction:core.Direction.DOWN}},MoveDrawingUpShortcutItem={id:MoveDocDrawingsCommand.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:ui.KeyCode.ARROW_UP,priority:100,preconditions:whenDocDrawingFocused,staticParameters:{direction:core.Direction.UP}},MoveDrawingLeftShortcutItem={id:MoveDocDrawingsCommand.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:ui.KeyCode.ARROW_LEFT,priority:100,preconditions:whenDocDrawingFocused,staticParameters:{direction:core.Direction.LEFT}},MoveDrawingRightShortcutItem={id:MoveDocDrawingsCommand.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:ui.KeyCode.ARROW_RIGHT,priority:100,preconditions:whenDocDrawingFocused,staticParameters:{direction:core.Direction.RIGHT}},DeleteDrawingsShortcutItem={id:DeleteDocDrawingsCommand.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:whenDocDrawingFocused,binding:ui.KeyCode.DELETE,mac:ui.KeyCode.BACKSPACE};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"),_a2;let DocDrawingUIController=(_a2=class extends core.Disposable{constructor(_injector,_componentManager,_menuService,_commandService,_shortcutService){super(),this._injector=_injector,this._componentManager=_componentManager,this._menuService=_menuService,this._commandService=_commandService,this._shortcutService=_shortcutService,this._init()}_initCustomComponents(){const componentManager=this._componentManager;this.disposeWithMe(componentManager.register(ImageUploadIcon,AddImageSingle)),this.disposeWithMe(componentManager.register(COMPONENT_DOC_UPLOAD_FILE_MENU,UploadFileMenu)),this.disposeWithMe(componentManager.register(COMPONENT_DOC_DRAWING_PANEL,DocDrawingPanel))}_initMenus(){[ImageMenuFactory,UploadFloatImageMenuFactory].forEach(factory=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(factory),{}))})}_initCommands(){[InsertDocImageOperation,InsertDocDrawingCommand,UpdateDocDrawingWrappingStyleCommand,UpdateDocDrawingDistanceCommand,UpdateDocDrawingWrapTextCommand,UpdateDrawingDocTransformCommand,IMoveInlineDrawingCommand,ITransformNonInlineDrawingCommand,RemoveDocDrawingCommand,SidebarDocDrawingOperation,ClearDocDrawingTransformerOperation,EditDocDrawingOperation,GroupDocDrawingCommand,UngroupDocDrawingCommand,MoveDocDrawingsCommand,DeleteDocDrawingsCommand,SetDocDrawingArrangeCommand].forEach(command=>this.disposeWithMe(this._commandService.registerCommand(command)))}_initShortcuts(){[MoveDrawingDownShortcutItem,MoveDrawingUpShortcutItem,MoveDrawingLeftShortcutItem,MoveDrawingRightShortcutItem,DeleteDrawingsShortcutItem].forEach(item=>{this.disposeWithMe(this._shortcutService.registerShortcut(item))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}},__name(_a2,"DocDrawingUIController"),_a2);DocDrawingUIController=__decorateClass$5([core.OnLifecycle(core.LifecycleStages.Ready,DocDrawingUIController),__decorateParam$5(0,core.Inject(core.Injector)),__decorateParam$5(1,core.Inject(ui.ComponentManager)),__decorateParam$5(2,ui.IMenuService),__decorateParam$5(3,core.ICommandService),__decorateParam$5(4,ui.IShortcutService)],DocDrawingUIController);var __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"),_a3;let DocDrawingUpdateRenderController=(_a3=class extends core.Disposable{constructor(_context,_commandService,_textSelectionManagerService,_renderManagerSrv,_imageIoService,_docDrawingService,_drawingManagerService,_contextService,_messageService,_localeService,_textSelectionManager,_textSelectionRenderManager,_docRefreshDrawingsService){super(),this._context=_context,this._commandService=_commandService,this._textSelectionManagerService=_textSelectionManagerService,this._renderManagerSrv=_renderManagerSrv,this._imageIoService=_imageIoService,this._docDrawingService=_docDrawingService,this._drawingManagerService=_drawingManagerService,this._contextService=_contextService,this._messageService=_messageService,this._localeService=_localeService,this._textSelectionManager=_textSelectionManager,this._textSelectionRenderManager=_textSelectionRenderManager,this._docRefreshDrawingsService=_docRefreshDrawingsService,this._initCommandListeners(),this._updateDrawingListener(),this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._editAreaChangeListener()}_initCommandListeners(){this.disposeWithMe(this._commandService.onCommandExecuted(async command=>{if(command.id===InsertDocImageOperation.id){const params=command.params;if(params.files==null)return;const fileLength=params.files.length;if(fileLength>drawing.DRAWING_IMAGE_COUNT_LIMIT){this._messageService.show({type:design.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(drawing.DRAWING_IMAGE_COUNT_LIMIT))});return}this._imageIoService.setWaitCount(fileLength),await this._insertFloatImages(params.files)}}))}async _insertFloatImages(files){let imageParams=[];try{imageParams=await Promise.all(files.map(file=>this._imageIoService.saveImage(file)))}catch(error){const type=error.message;let content="";switch(type){case drawing.ImageUploadStatusType.ERROR_EXCEED_SIZE:content=this._localeService.t("update-status.exceedMaxSize",String(drawing.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case drawing.ImageUploadStatusType.ERROR_IMAGE_TYPE:content=this._localeService.t("update-status.invalidImageType");break;case drawing.ImageUploadStatusType.ERROR_IMAGE:content=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:design.MessageType.Error,content})}if(imageParams.length===0)return;const{unitId}=this._context,docDrawingParams=[];for(const imageParam of imageParams){if(imageParam==null)continue;const{imageId,imageSourceType,source,base64Cache}=imageParam,{width,height,image}=await drawing.getImageSize(base64Cache||"");this._imageIoService.addImageSourceCache(imageId,imageSourceType,image);let scale=1;if(width>drawing.DRAWING_IMAGE_WIDTH_LIMIT||height>drawing.DRAWING_IMAGE_HEIGHT_LIMIT){const scaleWidth=drawing.DRAWING_IMAGE_WIDTH_LIMIT/width,scaleHeight=drawing.DRAWING_IMAGE_HEIGHT_LIMIT/height;scale=Math.min(scaleWidth,scaleHeight)}const docTransform=this._getImagePosition(width*scale,height*scale);if(docTransform==null)return;const docDrawingParam={unitId,subUnitId:unitId,drawingId:imageId,drawingType:drawing.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType,source,transform:docsUi.docDrawingPositionToTransform(docTransform),docTransform,behindDoc:core.BooleanNumber.FALSE,title:"",description:"",layoutType:core.PositionedObjectLayoutType.INLINE,wrapText:core.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};this._isInsertInHeaderFooter()&&(docDrawingParam.isMultiTransform=core.BooleanNumber.TRUE,docDrawingParam.transforms=docDrawingParam.transform?[docDrawingParam.transform]:null),docDrawingParams.push(docDrawingParam)}this._commandService.executeCommand(InsertDocDrawingCommand.id,{unitId,drawings:docDrawingParams})}_isInsertInHeaderFooter(){var _a8;const{unitId}=this._context,viewModel=(_a8=this._renderManagerSrv.getRenderById(unitId))==null?void 0:_a8.with(docs.DocSkeletonManagerService).getViewModel(),editArea=viewModel==null?void 0:viewModel.getEditArea();return editArea===engineRender.DocumentEditArea.HEADER||editArea===engineRender.DocumentEditArea.FOOTER}_getImagePosition(imageWidth,imageHeight){const activeTextRange=this._textSelectionManagerService.getActiveTextRange(),position=(activeTextRange==null?void 0:activeTextRange.getAbsolutePosition())||{left:0,top:0};return{size:{width:imageWidth,height:imageHeight},positionH:{relativeFrom:core.ObjectRelativeFromH.PAGE,posOffset:position.left},positionV:{relativeFrom:core.ObjectRelativeFromV.MARGIN,posOffset:position.top},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(params=>{const{unitId,subUnitId,drawingIds,arrangeType}=params;this._commandService.executeCommand(SetDocDrawingArrangeCommand.id,{unitId,subUnitId,drawingIds,arrangeType})})}_updateDrawingListener(){this._drawingManagerService.featurePluginUpdate$.subscribe(params=>{})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(params=>{this._commandService.executeCommand(GroupDocDrawingCommand.id,params)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(params=>{this._commandService.executeCommand(UngroupDocDrawingCommand.id,params)})}_getCurrentSceneAndTransformer(){const{scene,mainComponent}=this._context;if(scene==null||mainComponent==null)return;const transformer=scene.getTransformerByCreate(),{docsLeft,docsTop}=mainComponent.getOffsetConfig();return{scene,transformer,docsLeft,docsTop}}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(params=>{var _a8;const{transformer,docsLeft,docsTop}=(_a8=this._getCurrentSceneAndTransformer())!=null?_a8:{};if(params==null||params.length===0)this._contextService.setContextValue(core.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),transformer&&transformer.resetProps({zeroTop:0,zeroLeft:0});else{this._contextService.setContextValue(core.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(params),this._textSelectionManager.getActiveTextRange()&&this._textSelectionManager.replaceTextRanges([]);const prevSegmentId=this._textSelectionRenderManager.getSegment(),segmentId=this._findSegmentIdByDrawingId(params[0].drawingId);prevSegmentId!==segmentId&&this._textSelectionRenderManager.setSegment(segmentId),transformer&&transformer.resetProps({zeroTop:docsTop,zeroLeft:docsLeft})}}))}_findSegmentIdByDrawingId(drawingId){var _a8,_b,_c;const{unit:DocDataModel}=this._context,{body,headers={},footers={}}=DocDataModel.getSnapshot();if(((_a8=body==null?void 0:body.customBlocks)!=null?_a8:[]).some(b=>b.blockId===drawingId))return"";for(const headerId of Object.keys(headers))if((_b=headers[headerId].body.customBlocks)!=null&&_b.some(b=>b.blockId===drawingId))return headerId;for(const footerId of Object.keys(footers))if((_c=footers[footerId].body.customBlocks)!=null&&_c.some(b=>b.blockId===drawingId))return footerId;return""}_updateDrawingsEditStatus(){var _a8;const{unit:docDataModel,scene,unitId}=this._context,viewModel=(_a8=this._renderManagerSrv.getRenderById(unitId))==null?void 0:_a8.with(docs.DocSkeletonManagerService).getViewModel();if(viewModel==null||docDataModel==null)return;const snapshot=docDataModel.getSnapshot(),{drawings={}}=snapshot,isEditBody=viewModel.getEditArea()===engineRender.DocumentEditArea.BODY;for(const key of Object.keys(drawings)){const drawing$1=drawings[key],objectKey=drawing.getDrawingShapeKeyByDrawingSearch({unitId,drawingId:drawing$1.drawingId,subUnitId:unitId}),drawingShapes=scene.fuzzyMathObjects(objectKey,!0);if(drawingShapes.length)for(const shape of drawingShapes)scene.detachTransformerFrom(shape),shape.setOpacity(.5),(isEditBody&&drawing$1.isMultiTransform!==core.BooleanNumber.TRUE||!isEditBody&&drawing$1.isMultiTransform===core.BooleanNumber.TRUE)&&(scene.attachTransformerTo(shape),shape.setOpacity(1))}}_editAreaChangeListener(){var _a8;const{unitId}=this._context,viewModel=(_a8=this._renderManagerSrv.getRenderById(unitId))==null?void 0:_a8.with(docs.DocSkeletonManagerService).getViewModel();viewModel!=null&&(this._updateDrawingsEditStatus(),this.disposeWithMe(viewModel.editAreaChange$.subscribe(()=>{this._updateDrawingsEditStatus()})),this._docRefreshDrawingsService.refreshDrawings$.subscribe(skeleton=>{skeleton!=null&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})}),this.disposeWithMe(this._commandService.onCommandExecuted(async command=>{command.id===docs.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}},__name(_a3,"DocDrawingUpdateRenderController"),_a3);DocDrawingUpdateRenderController=__decorateClass$4([__decorateParam$4(1,core.ICommandService),__decorateParam$4(2,core.Inject(docs.TextSelectionManagerService)),__decorateParam$4(3,engineRender.IRenderManagerService),__decorateParam$4(4,drawing.IImageIoService),__decorateParam$4(5,docsDrawing.IDocDrawingService),__decorateParam$4(6,drawing.IDrawingManagerService),__decorateParam$4(7,core.IContextService),__decorateParam$4(8,ui.IMessageService),__decorateParam$4(9,core.Inject(core.LocaleService)),__decorateParam$4(10,core.Inject(docs.TextSelectionManagerService)),__decorateParam$4(11,engineRender.ITextSelectionRenderManager),__decorateParam$4(12,core.Inject(DocRefreshDrawingsService))],DocDrawingUpdateRenderController);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"),_a4;let DocDrawingTransformUpdateController=(_a4=class extends core.Disposable{constructor(_context,_docSkeletonManagerService,_commandService,_editorService,_drawingManagerService,_docRefreshDrawingsService){super();__publicField(this,"_liquid",new engineRender.Liquid);this._context=_context,this._docSkeletonManagerService=_docSkeletonManagerService,this._commandService=_commandService,this._editorService=_editorService,this._drawingManagerService=_drawingManagerService,this._docRefreshDrawingsService=_docRefreshDrawingsService,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh()}_initialRenderRefresh(){this._docSkeletonManagerService.currentSkeleton$.subscribe(documentSkeleton=>{documentSkeleton!=null&&this._refreshDrawing(documentSkeleton)}),this._docRefreshDrawingsService.refreshDrawings$.subscribe(skeleton=>{skeleton!=null&&this._refreshDrawing(skeleton)})}_commandExecutedListener(){const updateCommandList=[docs.RichTextEditingMutation.id,docs.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(command=>{if(updateCommandList.includes(command.id)){const params=command.params,{unitId:commandUnitId}=params,{unitId,mainComponent}=this._context;if(commandUnitId!==unitId)return;const skeleton=this._docSkeletonManagerService.getSkeleton();if(skeleton==null)return;if(this._editorService.isEditor(unitId)){mainComponent==null||mainComponent.makeDirty();return}this._refreshDrawing(skeleton)}}))}_refreshDrawing(skeleton){var _a8,_b;const skeletonData=skeleton==null?void 0:skeleton.getSkeletonData(),{mainComponent,unitId}=this._context,documentComponent=mainComponent;if(!skeletonData)return;const{left:docsLeft,top:docsTop,pageLayoutType,pageMarginLeft,pageMarginTop}=documentComponent,{pages,skeHeaders,skeFooters}=skeletonData,updateDrawingMap={};this._liquid.reset();for(let i=0,len=pages.length;i<len;i++){const page=pages[i],{headerId,footerId,pageWidth}=page;if(headerId){const headerPage=(_a8=skeHeaders.get(headerId))==null?void 0:_a8.get(pageWidth);headerPage&&this._calculateDrawingPosition(unitId,headerPage,docsLeft,docsTop,updateDrawingMap,headerPage.marginTop,page.marginLeft)}if(footerId){const footerPage=(_b=skeFooters.get(footerId))==null?void 0:_b.get(pageWidth);footerPage&&this._calculateDrawingPosition(unitId,footerPage,docsLeft,docsTop,updateDrawingMap,page.pageHeight-page.marginBottom+footerPage.marginTop,page.marginLeft)}this._calculateDrawingPosition(unitId,page,docsLeft,docsTop,updateDrawingMap,page.marginTop,page.marginLeft),this._liquid.translatePage(page,pageLayoutType,pageMarginLeft,pageMarginTop)}const updateDrawings=Object.values(updateDrawingMap),nonMultiDrawings=updateDrawings.filter(drawing2=>!drawing2.isMultiTransform),multiDrawings=updateDrawings.filter(drawing2=>drawing2.isMultiTransform);nonMultiDrawings.length>0&&this._drawingManagerService.refreshTransform(nonMultiDrawings),multiDrawings.length>0&&this._handleMultiDrawingsTransform(multiDrawings)}_handleMultiDrawingsTransform(multiDrawings){const{scene,unitId}=this._context,transformer=scene.getTransformerByCreate();multiDrawings.forEach(updateParam=>{const param=this._drawingManagerService.getDrawingByParam(updateParam);param!=null&&(param.transform=updateParam.transform,param.transforms=updateParam.transforms,param.isMultiTransform=updateParam.isMultiTransform)});const selectedObjectKeys=[...transformer.getSelectedObjectMap().keys()],allMultiDrawings=Object.values(this._drawingManagerService.getDrawingData(unitId,unitId)).filter(drawing2=>drawing2.isMultiTransform===core.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(allMultiDrawings),this._drawingManagerService.addNotification(multiDrawings);for(const key of selectedObjectKeys){const drawingShape=scene.getObject(key);drawingShape&&transformer.setSelectedControl(drawingShape)}}_calculateDrawingPosition(unitId,page,docsLeft,docsTop,updateDrawingMap,marginTop,marginLeft){const{skeDrawings}=page;this._liquid.translatePagePadding({marginTop,marginLeft}),skeDrawings.forEach(drawing2=>{const{aLeft,aTop,height,width,angle,drawingId,drawingOrigin}=drawing2,behindText=drawingOrigin.layoutType===core.PositionedObjectLayoutType.WRAP_NONE&&drawingOrigin.behindDoc===core.BooleanNumber.TRUE,{isMultiTransform=core.BooleanNumber.FALSE}=drawingOrigin,transform={left:aLeft+docsLeft+this._liquid.x,top:aTop+docsTop+this._liquid.y,width,height,angle};updateDrawingMap[drawingId]==null?updateDrawingMap[drawingId]={unitId,subUnitId:unitId,drawingId,behindText,transform,transforms:[transform],isMultiTransform}:isMultiTransform===core.BooleanNumber.TRUE&&updateDrawingMap[drawingId].transforms.push(transform)}),this._liquid.restorePagePadding({marginTop,marginLeft})}},__name(_a4,"DocDrawingTransformUpdateController"),_a4);DocDrawingTransformUpdateController=__decorateClass$3([__decorateParam$3(1,core.Inject(docs.DocSkeletonManagerService)),__decorateParam$3(2,core.ICommandService),__decorateParam$3(3,ui.IEditorService),__decorateParam$3(4,drawing.IDrawingManagerService),__decorateParam$3(5,core.Inject(DocRefreshDrawingsService))],DocDrawingTransformUpdateController);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");function getAddOrRemoveDrawings(actions){var _a8,_b,_c,_d;if(core.JSONX.isNoop(actions)||!Array.isArray(actions))return null;const drawingsOp=actions.find(action=>Array.isArray(action)&&(action==null?void 0:action[0])==="drawings");if(drawingsOp==null||!Array.isArray(drawingsOp)||drawingsOp.length<3||typeof drawingsOp[1]=="string"&&typeof drawingsOp[2]!="object"||Array.isArray(drawingsOp[1])&&typeof drawingsOp[1][1]!="object")return null;const drawings=[];if(Array.isArray(drawingsOp==null?void 0:drawingsOp[1]))for(const op of drawingsOp)Array.isArray(op)&&drawings.push({type:(_a8=op==null?void 0:op[1])!=null&&_a8.i?"add":"remove",drawingId:op==null?void 0:op[0],drawing:(_b=op==null?void 0:op[1])==null?void 0:_b.i});else drawings.push({type:(_c=drawingsOp[2])!=null&&_c.i?"add":"remove",drawingId:drawingsOp[1],drawing:(_d=drawingsOp[2])==null?void 0:_d.i});return drawings}__name(getAddOrRemoveDrawings,"getAddOrRemoveDrawings");function getReOrderedDrawings(actions){if(!Array.isArray(actions)||actions.length<3||actions[0]!=="drawingsOrder")return[];const drawingIndexes=[];for(let i=1;i<actions.length;i++){const action=actions[i];if(Array.isArray(action)&&typeof action[0]=="number"&&typeof action[1]=="object")drawingIndexes.push(action[0]);else{drawingIndexes.length=0;break}}return drawingIndexes}__name(getReOrderedDrawings,"getReOrderedDrawings");var _a5;let DocDrawingAddRemoveController=(_a5=class extends core.Disposable{constructor(_univerInstanceService,_commandService,_drawingManagerService,_docDrawingService,_renderManagerService){super(),this._univerInstanceService=_univerInstanceService,this._commandService=_commandService,this._drawingManagerService=_drawingManagerService,this._docDrawingService=_docDrawingService,this._renderManagerService=_renderManagerService,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(command=>{if(command.id!==docs.RichTextEditingMutation.id)return;const params=command.params,{unitId,actions}=params,addOrRemoveDrawings=getAddOrRemoveDrawings(actions);if(addOrRemoveDrawings!=null)for(const{type,drawingId,drawing:drawing2}of addOrRemoveDrawings)type==="add"?this._addDrawings(unitId,[drawing2]):this._removeDrawings(unitId,[drawingId])})),this.disposeWithMe(this._commandService.onCommandExecuted(command=>{if(command.id!==docs.RichTextEditingMutation.id)return;const params=command.params,{unitId,actions}=params;getReOrderedDrawings(actions).length>0&&this._updateDrawingsOrder(unitId)})),this.disposeWithMe(this._commandService.onCommandExecuted(command=>{var _a8;if(command.id!==core.UndoCommand.id&&command.id!==core.RedoCommand.id)return;const unitId=(_a8=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:_a8.getUnitId(),focusedDrawings=this._drawingManagerService.getFocusDrawings();if(unitId==null||focusedDrawings.length===0)return;const renderObject=this._renderManagerService.getRenderById(unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return!1;scene.getTransformerByCreate().refreshControls()}))}_addDrawings(unitId,drawings){const drawingManagerService=this._drawingManagerService,docDrawingService=this._docDrawingService,jsonOp=this._docDrawingService.getBatchAddOp(drawings),{subUnitId,redo:op,objects}=jsonOp;drawingManagerService.applyJson1(unitId,subUnitId,op),docDrawingService.applyJson1(unitId,subUnitId,op),drawingManagerService.addNotification(objects),docDrawingService.addNotification(objects)}_removeDrawings(unitId,drawingIds){const drawingManagerService=this._drawingManagerService,docDrawingService=this._docDrawingService,jsonOp=this._docDrawingService.getBatchRemoveOp(drawingIds.map(drawingId=>({unitId,subUnitId:unitId,drawingId}))),{subUnitId,redo:op,objects}=jsonOp;drawingManagerService.applyJson1(unitId,subUnitId,op),docDrawingService.applyJson1(unitId,subUnitId,op),drawingManagerService.removeNotification(objects),docDrawingService.removeNotification(objects)}_updateDrawingsOrder(unitId){const documentDataModel=this._univerInstanceService.getUniverDocInstance(unitId);if(documentDataModel==null)return;const drawingsOrder=documentDataModel.getSnapshot().drawingsOrder;if(drawingsOrder==null)return;const drawingManagerService=this._drawingManagerService,docDrawingService=this._docDrawingService;drawingManagerService.setDrawingOrder(unitId,unitId,drawingsOrder),docDrawingService.setDrawingOrder(unitId,unitId,drawingsOrder);const objects={unitId,subUnitId:unitId,drawingIds:drawingsOrder};drawingManagerService.orderNotification(objects),docDrawingService.orderNotification(objects)}},__name(_a5,"DocDrawingAddRemoveController"),_a5);DocDrawingAddRemoveController=__decorateClass$2([core.OnLifecycle(core.LifecycleStages.Ready,DocDrawingAddRemoveController),__decorateParam$2(0,core.IUniverInstanceService),__decorateParam$2(1,core.ICommandService),__decorateParam$2(2,drawing.IDrawingManagerService),__decorateParam$2(3,docsDrawing.IDocDrawingService),__decorateParam$2(4,engineRender.IRenderManagerService)],DocDrawingAddRemoveController);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");const INLINE_DRAWING_ANCHOR_KEY_PREFIX="__InlineDrawingAnchor__";var _a6;let DocDrawingTransformerController=(_a6=class extends core.Disposable{constructor(_commandService,_univerInstanceService,_drawingManagerService,_renderManagerService,_textSelectionRenderManager){super();__publicField(this,"_liquid",new engineRender.Liquid);__publicField(this,"_listenerOnImageMap",new Set);__publicField(this,"_transformerCache",new Map);__publicField(this,"_anchorShape");this._commandService=_commandService,this._univerInstanceService=_univerInstanceService,this._drawingManagerService=_drawingManagerService,this._renderManagerService=_renderManagerService,this._textSelectionRenderManager=_textSelectionRenderManager,this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(drawingParams=>{if(drawingParams.length!==0)for(const drawingParam of drawingParams){const{unitId}=drawingParam;this._listenerOnImageMap.has(unitId)||(this._listenTransformerChange(unitId),this._listenerOnImageMap.add(unitId))}}))}_listenTransformerChange(unitId){var _a8;const transformer=(_a8=this._getSceneAndTransformerByDrawingSearch(unitId))==null?void 0:_a8.transformer;if(transformer==null)return;this.disposeWithMe(core.toDisposable(transformer.changeStart$.subscribe(state=>{var _a9;this._transformerCache.clear();const{objects}=state;for(const object of objects.values()){const{oKey,width,height,left,top,angle}=object,drawing2=this._drawingManagerService.getDrawingOKey(oKey);if(drawing2==null)continue;const documentDataModel=this._univerInstanceService.getUniverDocInstance(drawing2.unitId),drawingData=(_a9=documentDataModel==null?void 0:documentDataModel.getSnapshot().drawings)==null?void 0:_a9[drawing2.drawingId];(drawingData==null?void 0:drawingData.layoutType)===core.PositionedObjectLayoutType.INLINE&&object.setOpacity(.2),drawingData!=null&&this._transformerCache.set(drawing2.drawingId,{drawing:drawingData,top,left,width,height,angle})}})));const throttleMultipleDrawingUpdate=core.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);core.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(core.toDisposable(transformer.changing$.subscribe(state=>{const{objects,offsetX,offsetY}=state;if(objects.size>1)throttleMultipleDrawingUpdate(objects);else if(objects.size===1){const drawingCache=this._transformerCache.values().next().value,object=objects.values().next().value,{width,height,top,left,angle}=object;if(width===drawingCache.width&&height===drawingCache.height&&top===drawingCache.top&&left===drawingCache.left&&angle===drawingCache.angle)return;drawingCache&&(drawingCache.drawing.layoutType,core.PositionedObjectLayoutType.INLINE),drawingCache&&drawingCache.drawing.layoutType===core.PositionedObjectLayoutType.INLINE&&offsetX!=null&&offsetY!=null&&this._updateInlineDrawingAnchor(drawingCache.drawing,offsetX,offsetY)}}))),this.disposeWithMe(core.toDisposable(transformer.changeEnd$.subscribe(state=>{const{objects,offsetX,offsetY}=state;for(const object of objects.values()){const drawing2=this._drawingManagerService.getDrawingOKey(object.oKey);if(drawing2==null)continue;const drawingCache=this._transformerCache.get(drawing2==null?void 0:drawing2.drawingId);(drawingCache==null?void 0:drawingCache.drawing.layoutType)===core.PositionedObjectLayoutType.INLINE&&object.setOpacity(1)}if(this._anchorShape&&this._anchorShape.hide(),objects.size>1)this._updateMultipleDrawingDocTransform(objects);else if(objects.size===1){const drawingCache=this._transformerCache.values().next().value,object=objects.values().next().value,{width,height,top,left,angle}=object;if(width===drawingCache.width&&height===drawingCache.height&&top===drawingCache.top&&left===drawingCache.left&&angle===drawingCache.angle)return;drawingCache&&drawingCache.drawing.layoutType===core.PositionedObjectLayoutType.INLINE?width!==drawingCache.width||height!==drawingCache.height||angle!==drawingCache.angle?this._updateDrawingSize(drawingCache,object):offsetX!=null&&offsetY!=null&&this._moveInlineDrawing(drawingCache.drawing,offsetX,offsetY):drawingCache&&this._nonInlineDrawingTransform(drawingCache.drawing,object)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(objects){if(objects.size<1)return;const drawings=[];let unitId,subUnitId;for(const object of objects.values()){const{oKey,left,top,angle}=object;let{width,height}=object;const drawing2=this._drawingManagerService.getDrawingOKey(oKey);if(drawing2==null)continue;unitId==null&&(unitId=drawing2.unitId),subUnitId==null&&(subUnitId=drawing2.subUnitId);const drawingCache=this._transformerCache.get(drawing2.drawingId);if(drawingCache==null)continue;const{drawing:drawingData,top:oldTop,left:oldLeft,width:oldWidth,height:oldHeight,angle:oldAngle}=drawingCache,{width:maxWidth,height:maxHeight}=this._getPageContentSize(drawingData);if(width=Math.min(width,maxWidth),height=Math.min(height,maxHeight),(oldWidth!==width||oldHeight!==height)&&drawings.push({drawingId:drawing2.drawingId,key:"size",value:{width,height}}),oldAngle!==angle&&drawings.push({drawingId:drawing2.drawingId,key:"angle",value:angle}),oldTop!==top||oldLeft!==left){const verticalDelta=top-oldTop,horizontalDelta=left-oldLeft;verticalDelta!==0&&drawings.push({drawingId:drawing2.drawingId,key:"positionV",value:{relativeFrom:drawingData.docTransform.positionV.relativeFrom,posOffset:drawingData.docTransform.positionV.posOffset+verticalDelta}}),horizontalDelta!==0&&drawings.push({drawingId:drawing2.drawingId,key:"positionH",value:{relativeFrom:drawingData.docTransform.positionH.relativeFrom,posOffset:drawingData.docTransform.positionH.posOffset+horizontalDelta}})}}drawings.length>0&&unitId&&subUnitId&&this._commandService.executeCommand(UpdateDrawingDocTransformCommand.id,{unitId,subUnitId,drawings})}_updateDrawingAnchor(objects){if(this._transformerCache.size!==1)return;const drawingCache=this._transformerCache.values().next().value,object=objects.values().next().value;this._getDrawingAnchor(drawingCache.drawing,object)}_updateInlineDrawingAnchor(drawing2,offsetX,offsetY){var _a8;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup}=(_a8=this._getInlineDrawingAnchor(drawing2,offsetX,offsetY))!=null?_a8:{};contentBoxPointGroup!=null&&this._createOrUpdateInlineAnchor(drawing2.unitId,contentBoxPointGroup)}_getInlineDrawingAnchor(drawing2,offsetX,offsetY){var _a8;const currentRender=this._renderManagerService.getRenderById(drawing2.unitId),skeleton=currentRender==null?void 0:currentRender.with(docs.DocSkeletonManagerService).getSkeleton();if(currentRender==null)return;const{mainComponent,scene}=currentRender,documentComponent=mainComponent,activeViewport=scene.getViewports()[0],{pageLayoutType=engineRender.PageLayoutType.VERTICAL,pageMarginLeft,pageMarginTop}=documentComponent.getOffsetConfig();let glyphAnchor=null,isBack=!1,segmentPageIndex=-1,segmentId="";const HALF=.5,coord=this._getTransformCoordForDocumentOffset(documentComponent,activeViewport,offsetX,offsetY);if(coord==null)return;const nodeInfo=skeleton==null?void 0:skeleton.findNodeByCoord(coord,pageLayoutType,pageMarginLeft,pageMarginTop,{strict:!1,segmentId:this._textSelectionRenderManager.getSegment(),segmentPage:this._textSelectionRenderManager.getSegmentPage()});if(nodeInfo){const{node,ratioX,segmentPage,segmentId:nodeSegmentId}=nodeInfo;isBack=ratioX<HALF,glyphAnchor=node,segmentPageIndex=segmentPage,segmentId=nodeSegmentId}if(glyphAnchor==null)return;const nodePosition=skeleton==null?void 0:skeleton.findPositionByGlyph(glyphAnchor,segmentPageIndex),docObject=this._getDocObject();if(nodePosition==null||skeleton==null||docObject==null)return;const positionWithIsBack={...nodePosition,isBack},documentOffsetConfig=docObject.document.getOffsetConfig(),convertor=new engineRender.NodePositionConvertToCursor(documentOffsetConfig,skeleton),{cursorList,contentBoxPointGroup}=convertor.getRangePointData(positionWithIsBack,positionWithIsBack),{startOffset}=(_a8=engineRender.getOneTextSelectionRange(cursorList))!=null?_a8:{};if(startOffset!=null)return{offset:startOffset,contentBoxPointGroup,segmentId,segmentPage:segmentPageIndex}}_getDrawingAnchor(drawing2,object){var _a8,_b,_c,_d,_e,_f,_g,_h,_i,_j;const currentRender=this._renderManagerService.getRenderById(drawing2.unitId),skeleton=currentRender==null?void 0:currentRender.with(docs.DocSkeletonManagerService).getSkeleton(),skeletonData=skeleton==null?void 0:skeleton.getSkeletonData();if(skeletonData==null||currentRender==null)return;const{pages,skeHeaders,skeFooters}=skeletonData,{mainComponent,scene}=currentRender,documentComponent=mainComponent,activeViewport=scene.getViewports()[0],{pageLayoutType=engineRender.PageLayoutType.VERTICAL,pageMarginLeft,pageMarginTop,docsLeft,docsTop}=documentComponent.getOffsetConfig(),{left,top,angle}=object;let{width,height}=object;const{positionV,positionH}=drawing2.docTransform,{width:maxWidth,height:maxHeight}=this._getPageContentSize(drawing2);width=Math.min(width,maxWidth),height=Math.min(height,maxHeight);let glyphAnchor=null,segmentId="",segmentPage=-1;const isBack=!1,docTransform={...drawing2.docTransform,size:{width,height},angle},{x,y}=scene.getViewportScrollXY(activeViewport),coord=this._getTransformCoordForDocumentOffset(documentComponent,activeViewport,left-x,top-y);if(coord==null)return;const nodeInfo=skeleton==null?void 0:skeleton.findNodeByCoord(coord,pageLayoutType,pageMarginLeft,pageMarginTop,{strict:!1,segmentId:this._textSelectionRenderManager.getSegment(),segmentPage:this._textSelectionRenderManager.getSegmentPage()});if(nodeInfo){const{node,segmentPage:segmentPageIndex,segmentId:nodeSegmentId}=nodeInfo;glyphAnchor=node,segmentPage=segmentPageIndex,segmentId=nodeSegmentId}if(glyphAnchor==null)return;const line=(_a8=glyphAnchor.parent)==null?void 0:_a8.parent,column=line==null?void 0:line.parent,paragraphStartLine=(_b=column==null?void 0:column.lines.find(l=>l.paragraphIndex===(line==null?void 0:line.paragraphIndex)&&l.paragraphStart))!=null?_b:column==null?void 0:column.lines[0],page=(_c=column==null?void 0:column.parent)==null?void 0:_c.parent;if(line==null||column==null||paragraphStartLine==null||page==null)return;this._liquid.reset();const pageType=page.type;for(const p of pages){const{headerId,footerId,pageHeight,pageWidth,marginLeft,marginBottom}=p,pIndex=pages.indexOf(p);if(segmentPage>-1&&pIndex===segmentPage){switch(pageType){case engineRender.DocumentSkeletonPageType.HEADER:{const headerSke=(_d=skeHeaders.get(headerId))==null?void 0:_d.get(pageWidth);if(headerSke)this._liquid.translatePagePadding({marginTop:headerSke.marginTop,marginLeft});else throw new Error("header skeleton not found");break}case engineRender.DocumentSkeletonPageType.FOOTER:{const footerSke=(_e=skeFooters.get(footerId))==null?void 0:_e.get(pageWidth);if(footerSke)this._liquid.translatePagePadding({marginTop:pageHeight-marginBottom+footerSke.marginTop,marginLeft});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(p),p===page)break;this._liquid.restorePagePadding(p),this._liquid.translatePage(p,pageLayoutType,pageMarginLeft,pageMarginTop)}switch(positionV.relativeFrom===core.ObjectRelativeFromV.LINE?glyphAnchor=line.divides[0].glyphGroup[0]:glyphAnchor=(_i=(_h=(_g=(_f=paragraphStartLine.divides)==null?void 0:_f[0])==null?void 0:_g.glyphGroup)==null?void 0:_h[0])!=null?_i:glyphAnchor,docTransform.positionH={relativeFrom:positionH.relativeFrom,posOffset:left-this._liquid.x-docsLeft},positionH.relativeFrom){case core.ObjectRelativeFromH.MARGIN:{docTransform.positionH.posOffset=left-this._liquid.x-docsLeft-page.marginLeft;break}case core.ObjectRelativeFromH.COLUMN:{docTransform.positionH.posOffset=left-this._liquid.x-docsLeft-column.left;break}}switch(docTransform.positionV={relativeFrom:positionV.relativeFrom,posOffset:top-this._liquid.y-docsTop},positionV.relativeFrom){case core.ObjectRelativeFromV.PAGE:{docTransform.positionV.posOffset=top-this._liquid.y-docsTop-page.marginTop;break}case core.ObjectRelativeFromV.LINE:{docTransform.positionV.posOffset=top-this._liquid.y-docsTop-line.top;break}case core.ObjectRelativeFromV.PARAGRAPH:{docTransform.positionV.posOffset=top-this._liquid.y-docsTop-paragraphStartLine.top;break}}if(glyphAnchor==null)return;const nodePosition=skeleton==null?void 0:skeleton.findPositionByGlyph(glyphAnchor,segmentPage),docObject=this._getDocObject();if(nodePosition==null||skeleton==null||docObject==null)return;const positionWithIsBack={...nodePosition,isBack},documentOffsetConfig=docObject.document.getOffsetConfig(),convertor=new engineRender.NodePositionConvertToCursor(documentOffsetConfig,skeleton),{cursorList}=convertor.getRangePointData(positionWithIsBack,positionWithIsBack),{startOffset}=(_j=engineRender.getOneTextSelectionRange(cursorList))!=null?_j:{};if(startOffset!=null)return{offset:startOffset,docTransform,segmentId,segmentPage}}_updateDrawingSize(drawingCache,object){const drawings=[],{drawing:drawing2,width:oldWidth,height:oldHeight,angle:oldAngle}=drawingCache,{unitId,subUnitId}=drawing2;let{width,height,angle}=object;const{width:maxWidth,height:maxHeight}=this._getPageContentSize(drawing2);width=Math.min(maxWidth,width),height=Math.min(maxHeight,height),(width!==oldWidth||height!==oldHeight)&&drawings.push({drawingId:drawing2.drawingId,key:"size",value:{width,height}}),angle!==oldAngle&&drawings.push({drawingId:drawing2.drawingId,key:"angle",value:angle}),drawings.length>0&&unitId&&subUnitId&&this._commandService.executeCommand(UpdateDrawingDocTransformCommand.id,{unitId,subUnitId,drawings})}_moveInlineDrawing(drawing2,offsetX,offsetY){const anchor=this._getInlineDrawingAnchor(drawing2,offsetX,offsetY),{offset,segmentId,segmentPage}=anchor!=null?anchor:{};if(offset!=null)return this._commandService.executeCommand(IMoveInlineDrawingCommand.id,{unitId:drawing2.unitId,subUnitId:drawing2.unitId,drawing:drawing2,offset,segmentId,segmentPage})}_limitDrawingInPage(drawing2,object){const currentRender=this._renderManagerService.getRenderById(drawing2.unitId),{left,top,width,height,angle}=object,skeleton=currentRender==null?void 0:currentRender.with(docs.DocSkeletonManagerService).getSkeleton(),skeletonData=skeleton==null?void 0:skeleton.getSkeletonData(),{pages}=skeletonData!=null?skeletonData:{};if(skeletonData==null||currentRender==null||pages==null)return{left,top,width,height,angle};const{mainComponent}=currentRender,documentComponent=mainComponent,{top:docsTop,pageLayoutType,pageMarginLeft,pageMarginTop}=documentComponent;let newTop=top;this._liquid.reset();for(const page of pages){const{marginBottom,pageHeight}=page,index=pages.indexOf(page),nextPage=pages[index+1];if(nextPage==null)continue;if(core.Tools.hasIntersectionBetweenTwoRanges(top,top+height,this._liquid.y+docsTop+pageHeight-marginBottom,this._liquid.y+docsTop+pageHeight+pageMarginTop+nextPage.marginTop)){const drawingVMiddle=top+height/2,pagesMiddle=this._liquid.y+docsTop+pageHeight+pageMarginTop/2;drawingVMiddle<pagesMiddle?newTop=Math.min(top,this._liquid.y+docsTop+pageHeight-marginBottom-height):newTop=Math.max(top,this._liquid.y+docsTop+pageHeight+pageMarginTop+nextPage.marginTop)}this._liquid.translatePage(page,pageLayoutType,pageMarginLeft,pageMarginTop)}return{left,top:newTop,width,height,angle}}_nonInlineDrawingTransform(drawing2,object,isMoving=!1){const objectPosition=drawing2.isMultiTransform===core.BooleanNumber.TRUE?object:this._limitDrawingInPage(drawing2,object);if(isMoving&&objectPosition.top!==object.top)return;const anchor=this._getDrawingAnchor(drawing2,objectPosition),{offset,docTransform,segmentId,segmentPage}=anchor!=null?anchor:{};return offset==null||docTransform==null?this._updateMultipleDrawingDocTransform(new Map([[drawing2.drawingId,object]])):this._commandService.executeCommand(ITransformNonInlineDrawingCommand.id,{unitId:drawing2.unitId,subUnitId:drawing2.unitId,drawing:drawing2,offset,docTransform,segmentId,segmentPage})}_getSceneAndTransformerByDrawingSearch(unitId){if(unitId==null)return;const renderObject=this._renderManagerService.getRenderById(unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return;const transformer=scene.getTransformerByCreate();return{scene,transformer}}_getTransformCoordForDocumentOffset(document,viewport,evtOffsetX,evtOffsetY){const{documentTransform}=document.getOffsetConfig(),originCoord=viewport.transformVector2SceneCoord(engineRender.Vector2.FromArray([evtOffsetX,evtOffsetY]));if(originCoord)return documentTransform.clone().invert().applyPoint(originCoord)}_createOrUpdateInlineAnchor(unitId,pointsGroup){const currentRender=this._renderManagerService.getRenderById(unitId);if(currentRender==null)return;const{mainComponent,scene}=currentRender,documentComponent=mainComponent,{docsLeft,docsTop}=documentComponent.getOffsetConfig(),bounding=engineRender.getAnchorBounding(pointsGroup),{left:boundingLeft,top:boundingTop,height}=bounding,left=boundingLeft+docsLeft,top=boundingTop+docsTop;if(this._anchorShape){this._anchorShape.transformByState({left,top,height}),this._anchorShape.show();return}const ID_LENGTH=6,anchor=new engineRender.Rect(INLINE_DRAWING_ANCHOR_KEY_PREFIX+core.Tools.generateRandomId(ID_LENGTH),{left,top,height,strokeWidth:2,stroke:engineRender.getColor(core.COLORS.darkGray,1),evented:!1});this._anchorShape=anchor,scene.addObject(anchor,engineRender.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return docs.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(drawing2){const currentRender=this._renderManagerService.getRenderById(drawing2.unitId),skeleton=currentRender==null?void 0:currentRender.with(docs.DocSkeletonManagerService).getSkeleton(),MAX_WIDTH=500,MAX_HEIGHT=500,skeletonData=skeleton==null?void 0:skeleton.getSkeletonData();if(skeletonData==null||currentRender==null)return{width:MAX_WIDTH,height:MAX_HEIGHT};const{pages}=skeletonData;let page=null;for(const p of pages){const{skeDrawings}=p;if(skeDrawings.has(drawing2.drawingId)){page=p;break}}if(page){const{pageWidth,pageHeight,marginLeft,marginBottom,marginRight,marginTop}=page;return{width:Math.max(MAX_WIDTH,pageWidth-marginLeft-marginRight),height:Math.max(MAX_HEIGHT,pageHeight-marginTop-marginBottom)}}else return{width:MAX_WIDTH,height:MAX_HEIGHT}}},__name(_a6,"DocDrawingTransformerController"),_a6);DocDrawingTransformerController=__decorateClass$1([core.OnLifecycle(core.LifecycleStages.Rendered,DocDrawingTransformerController),__decorateParam$1(0,core.ICommandService),__decorateParam$1(1,core.IUniverInstanceService),__decorateParam$1(2,drawing.IDrawingManagerService),__decorateParam$1(3,engineRender.IRenderManagerService),__decorateParam$1(4,engineRender.ITextSelectionRenderManager)],DocDrawingTransformerController);var __defProp2=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__defNormalProp2=__name((obj,key,value)=>key in obj?__defProp2(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,"__defNormalProp"),__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"),__publicField2=__name((obj,key,value)=>__defNormalProp2(obj,typeof key!="symbol"?key+"":key,value),"__publicField");const PLUGIN_NAME="DOCS_DRAWING_UI_PLUGIN";var _a7;exports.UniverDocsDrawingUIPlugin=(_a7=class extends core.Plugin{constructor(_config,_injector,_renderManagerSrv){super(),this._injector=_injector,this._renderManagerSrv=_renderManagerSrv}onStarting(){[[DocDrawingUIController],[DocDrawingPopupMenuController],[DocDrawingTransformerController],[DocDrawingAddRemoveController],[DocRefreshDrawingsService]].forEach(dependency=>this._injector.add(dependency))}onReady(){[[DocDrawingUpdateRenderController],[DocDrawingTransformUpdateController]].forEach(m=>this._renderManagerSrv.registerRenderModule(core.UniverInstanceType.UNIVER_DOC,m))}},__name(_a7,"UniverDocsDrawingUIPlugin"),_a7);__publicField2(exports.UniverDocsDrawingUIPlugin,"type",core.UniverInstanceType.UNIVER_DOC);__publicField2(exports.UniverDocsDrawingUIPlugin,"pluginName",PLUGIN_NAME);exports.UniverDocsDrawingUIPlugin=__decorateClass([core.DependentOn(drawingUi.UniverDrawingUIPlugin,drawing.UniverDrawingPlugin,docsDrawing.UniverDocsDrawingPlugin),__decorateParam(1,core.Inject(core.Injector)),__decorateParam(2,engineRender.IRenderManagerService)],exports.UniverDocsDrawingUIPlugin);exports.ClearDocDrawingTransformerOperation=ClearDocDrawingTransformerOperation;exports.DeleteDocDrawingsCommand=DeleteDocDrawingsCommand;exports.EditDocDrawingOperation=EditDocDrawingOperation;exports.GroupDocDrawingCommand=GroupDocDrawingCommand;exports.InsertDocDrawingCommand=InsertDocDrawingCommand;exports.InsertDocImageOperation=InsertDocImageOperation;exports.MoveDocDrawingsCommand=MoveDocDrawingsCommand;exports.RemoveDocDrawingCommand=RemoveDocDrawingCommand;exports.SetDocDrawingArrangeCommand=SetDocDrawingArrangeCommand;exports.SidebarDocDrawingOperation=SidebarDocDrawingOperation;exports.UngroupDocDrawingCommand=UngroupDocDrawingCommand;
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"),drawingUi=require("@univerjs/drawing-ui"),drawing=require("@univerjs/drawing"),docsDrawing=require("@univerjs/docs-drawing"),engineRender=require("@univerjs/engine-render"),rxjs=require("rxjs"),docsUi=require("@univerjs/docs-ui"),docs=require("@univerjs/docs"),ui=require("@univerjs/ui"),React=require("react"),clsx=require("clsx"),design=require("@univerjs/design"),RemoveDocDrawingCommand={id:"doc.command.remove-doc-image",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{var _a8,_b,_c,_d;const commandService=accessor.get(core.ICommandService),univerInstanceService=accessor.get(core.IUniverInstanceService),textSelectionRenderManager=accessor.get(engineRender.ITextSelectionRenderManager),documentDataModel=univerInstanceService.getCurrentUniverDocInstance();if(params==null||documentDataModel==null)return!1;const{drawings:removeDrawings}=params,segmentId=(_a8=textSelectionRenderManager.getSegment())!=null?_a8:"",textX=new core.TextX,jsonX=core.JSONX.getInstance(),customBlocks=(_c=(_b=documentDataModel.getSelfOrHeaderFooterModel(segmentId).getBody())==null?void 0:_b.customBlocks)!=null?_c:[],removeCustomBlocks=removeDrawings.map(drawing2=>customBlocks.find(customBlock=>customBlock.blockId===drawing2.drawingId)).filter(block=>!!block).sort((a,b)=>a.startIndex>b.startIndex?1:-1),unitId=removeDrawings[0].unitId,memoryCursor=new core.MemoryCursor;memoryCursor.reset();const cursorIndex=removeCustomBlocks[0].startIndex,textRanges=[{startOffset:cursorIndex,endOffset:cursorIndex}],doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges}},rawActions=[];for(const block of removeCustomBlocks){const{startIndex}=block;startIndex>memoryCursor.cursor&&textX.push({t:core.TextXActionType.RETAIN,len:startIndex-memoryCursor.cursor,segmentId:""}),textX.push({t:core.TextXActionType.DELETE,len:1,line:0,segmentId:""}),memoryCursor.moveCursorTo(startIndex+1)}const path=docs.getRichTextEditPath(documentDataModel,segmentId);rawActions.push(jsonX.editOp(textX.serialize(),path));for(const block of removeCustomBlocks){const{blockId}=block,drawing2=((_d=documentDataModel.getDrawings())!=null?_d:{})[blockId],drawingIndex=documentDataModel.getDrawingsOrder().indexOf(blockId),removeDrawingAction=jsonX.removeOp(["drawings",blockId],drawing2),removeDrawingOrderAction=jsonX.removeOp(["drawingsOrder",drawingIndex],blockId);rawActions.push(removeDrawingAction),rawActions.push(removeDrawingOrderAction)}return doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null),!!commandService.syncExecuteCommand(doMutation.id,doMutation.params)},"handler")},COMPONENT_DOC_DRAWING_PANEL="COMPONENT_DOC_DRAWING_PANEL",SidebarDocDrawingOperation={id:"sidebar.operation.doc-image",type:core.CommandType.COMMAND,handler:__name(async(accessor,params)=>{const sidebarService=accessor.get(ui.ISidebarService),localeService=accessor.get(core.LocaleService),drawingManagerService=accessor.get(drawing.IDrawingManagerService);switch(params.value){case"open":sidebarService.open({header:{title:localeService.t("docImage.panel.title")},children:{label:COMPONENT_DOC_DRAWING_PANEL},onClose:__name(()=>{drawingManagerService.focusDrawing(null)},"onClose"),width:360});break;case"close":default:sidebarService.close();break}return!0},"handler")},EditDocDrawingOperation={id:"doc.operation.edit-doc-image",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>{const drawingManagerService=accessor.get(drawing.IDrawingManagerService),commandService=accessor.get(core.ICommandService);return params==null?!1:(drawingManagerService.focusDrawing([params]),commandService.executeCommand(SidebarDocDrawingOperation.id,{value:"open"}),!0)},"handler")};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"),_a;let DocDrawingPopupMenuController=(_a=class extends core.RxDisposable{constructor(_drawingManagerService,_canvasPopManagerService,_renderManagerService,_univerInstanceService,_contextService){super();__publicField(this,"_initImagePopupMenu",new Set);this._drawingManagerService=_drawingManagerService,this._canvasPopManagerService=_canvasPopManagerService,this._renderManagerService=_renderManagerService,this._univerInstanceService=_univerInstanceService,this._contextService=_contextService,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_DOC).pipe(rxjs.takeUntil(this.dispose$)).subscribe(documentDataModel=>this._create(documentDataModel)),this._univerInstanceService.getTypeOfUnitDisposed$(core.UniverInstanceType.UNIVER_DOC).pipe(rxjs.takeUntil(this.dispose$)).subscribe(documentDataModel=>this._dispose(documentDataModel)),this._univerInstanceService.getAllUnitsForType(core.UniverInstanceType.UNIVER_DOC).forEach(documentDataModel=>this._create(documentDataModel))}_dispose(documentDataModel){const unitId=documentDataModel.getUnitId();this._renderManagerService.removeRender(unitId)}_create(documentDataModel){if(!documentDataModel)return;const unitId=documentDataModel.getUnitId();this._renderManagerService.has(unitId)&&!this._initImagePopupMenu.has(unitId)&&(this._popupMenuListener(unitId),this._initImagePopupMenu.add(unitId))}_hasCropObject(scene){const objects=scene.getAllObjects();for(const object of objects)if(object instanceof drawingUi.ImageCropperObject)return!0;return!1}_popupMenuListener(unitId){var _a8;const scene=(_a8=this._renderManagerService.getRenderById(unitId))==null?void 0:_a8.scene;if(!scene)return;const transformer=scene.getTransformerByCreate();if(!transformer)return;const disposePopups=[];this.disposeWithMe(core.toDisposable(transformer.createControl$.subscribe(()=>{if(this._hasCropObject(scene))return;const selectedObjects=transformer.getSelectedObjectMap();if(disposePopups.forEach(dispose=>dispose.dispose()),disposePopups.length=0,selectedObjects.size>1)return;const object=selectedObjects.values().next().value;if(!object)return;const oKey=object.oKey,drawingParam=this._drawingManagerService.getDrawingOKey(oKey);if(!drawingParam)return;const{unitId:unitId2,subUnitId,drawingId}=drawingParam;disposePopups.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(object,{componentKey:drawingUi.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(unitId2,subUnitId,drawingId)}}))),!this._drawingManagerService.getFocusDrawings().find(drawing2=>drawing2.unitId===unitId2&&drawing2.subUnitId===subUnitId&&drawing2.drawingId===drawingId)&&this._drawingManagerService.focusDrawing([{unitId:unitId2,subUnitId,drawingId}])}))),this.disposeWithMe(core.toDisposable(transformer.clearControl$.subscribe(()=>{disposePopups.forEach(dispose=>dispose.dispose()),disposePopups.length=0,this._contextService.setContextValue(core.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(core.toDisposable(transformer.changing$.subscribe(()=>{disposePopups.forEach(dispose=>dispose.dispose()),disposePopups.length=0}))),this.disposeWithMe(core.toDisposable(transformer.changeStart$.subscribe(()=>{disposePopups.forEach(dispose=>dispose.dispose()),disposePopups.length=0})))}_getImageMenuItems(unitId,subUnitId,drawingId){return[{label:"image-popup.edit",index:0,commandId:EditDocDrawingOperation.id,commandParams:{unitId,subUnitId,drawingId},disable:!1},{label:"image-popup.delete",index:1,commandId:RemoveDocDrawingCommand.id,commandParams:{unitId,drawings:[{unitId,subUnitId,drawingId}]},disable:!1},{label:"image-popup.crop",index:2,commandId:drawingUi.OpenImageCropOperation.id,commandParams:{unitId,subUnitId,drawingId},disable:!0},{label:"image-popup.reset",index:3,commandId:drawingUi.ImageResetSizeOperation.id,commandParams:[{unitId,subUnitId,drawingId}],disable:!0}]}},__name(_a,"DocDrawingPopupMenuController"),_a);DocDrawingPopupMenuController=__decorateClass$6([core.OnLifecycle(core.LifecycleStages.Rendered,DocDrawingPopupMenuController),__decorateParam$6(0,drawing.IDrawingManagerService),__decorateParam$6(1,core.Inject(docsUi.DocCanvasPopManagerService)),__decorateParam$6(2,engineRender.IRenderManagerService),__decorateParam$6(3,core.IUniverInstanceService),__decorateParam$6(4,core.IContextService)],DocDrawingPopupMenuController);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(_a8){var key=_a8[0],value=_a8[1];typeof value=="string"&&(attrs[key]=value.replace(/url\(#(.*)\)/,"url(#$1".concat(runtimeProps.idSuffix,")")))})),attrs}__name(replaceRuntimeIdsAndExtInAttrs,"replaceRuntimeIdsAndExtInAttrs");function replaceRuntimeIdsInDefs(node,runtimeProps){var _a8,defIds=runtimeProps.defIds;return!defIds||defIds.length===0?node:node.tag==="defs"&&(!((_a8=node.children)===null||_a8===void 0)&&_a8.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={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}))});AddImageSingle.displayName="AddImageSingle";const InsertDocImageOperation={id:"doc.operation.insert-float-image",type:core.CommandType.OPERATION,handler:__name(()=>!0,"handler")},uploadFileMenu="univer-upload-file-menu",uploadFileMenuInput="univer-upload-file-menu-input",styles$1={uploadFileMenu,uploadFileMenuInput},UploadFileMenu=__name(()=>{const commandService=core.useDependency(core.ICommandService),fileInputRef=React.useRef(null),handleButtonClick=__name(()=>{var _a8;(_a8=fileInputRef.current)==null||_a8.click()},"handleButtonClick"),imageAccept=drawing.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(image=>`.${image.replace("image/","")}`).join(","),handleFileChange=__name(event=>{const fileList=event.target.files;if(fileList==null)return;const files=Array.from(fileList);commandService.executeCommand(InsertDocImageOperation.id,{files}),fileInputRef.current&&(fileInputRef.current.value="")},"handleFileChange");return React.createElement("div",{onClick:handleButtonClick,className:styles$1.uploadFileMenu},React.createElement("input",{type:"file",className:styles$1.uploadFileMenuInput,ref:fileInputRef,onChange:handleFileChange,accept:imageAccept,multiple:!0}))},"UploadFileMenu"),COMPONENT_DOC_UPLOAD_FILE_MENU="COMPONENT_DOC_UPLOAD_FILE_MENU",ImageUploadIcon="addition-and-subtraction-single",IMAGE_MENU_ID="doc.menu.image",IMAGE_MENU_UPLOAD_FLOAT_ID="doc.menu.image.upload.float",getDisableWhenSelectionInTableObservable=__name(accessor=>{const textSelectionManagerService=accessor.get(docs.TextSelectionManagerService),univerInstanceService=accessor.get(core.IUniverInstanceService);return new rxjs.Observable(subscriber=>{const observable=textSelectionManagerService.textSelection$.subscribe(()=>{var _a8;const activeRange=textSelectionManagerService.getActiveTextRangeWithStyle();if(activeRange){const{segmentId,startOffset,endOffset}=activeRange,docDataModel=univerInstanceService.getCurrentUniverDocInstance(),tables=(_a8=docDataModel==null?void 0:docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody())==null?void 0:_a8.tables;if(tables&&tables.length&&tables.some(table=>{const{startIndex,endIndex}=table;return startOffset>=startIndex&&startOffset<=endIndex||endOffset>=startIndex&&endOffset<=endIndex})){subscriber.next(!0);return}}else{subscriber.next(!0);return}subscriber.next(!1)});return()=>observable.unsubscribe()})},"getDisableWhenSelectionInTableObservable");function ImageMenuFactory(accessor){return{id:IMAGE_MENU_ID,type:ui.MenuItemType.SUBITEMS,positions:[ui.MenuPosition.TOOLBAR_START],group:ui.MenuGroup.TOOLBAR_LAYOUT,icon:ImageUploadIcon,tooltip:"docImage.title",disabled$:getDisableWhenSelectionInTableObservable(accessor),hidden$:ui.getMenuHiddenObservable(accessor,core.UniverInstanceType.UNIVER_DOC)}}__name(ImageMenuFactory,"ImageMenuFactory");function UploadFloatImageMenuFactory(_accessor){return{id:IMAGE_MENU_UPLOAD_FLOAT_ID,title:"docImage.upload.float",type:ui.MenuItemType.SELECTOR,label:{name:COMPONENT_DOC_UPLOAD_FILE_MENU},positions:[IMAGE_MENU_ID],hidden$:ui.getMenuHiddenObservable(_accessor,core.UniverInstanceType.UNIVER_DOC)}}__name(UploadFloatImageMenuFactory,"UploadFloatImageMenuFactory");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",sheetImageMenu="univer-sheet-image-menu",sheetImageMenuInput="univer-sheet-image-menu-input",styles={imageCommonPanel,imageCommonPanelGrid,imageCommonPanelBorder,imageCommonPanelTitle,imageCommonPanelSubtitle,imageCommonPanelRow,imageCommonPanelRowVertical,imageCommonPanelColumn,imageCommonPanelColumnCenter,imageCommonPanelInline,imageCommonPanelSpan2,imageCommonPanelSpan3,imageCommonPanelInput,sheetImageMenu,sheetImageMenuInput},_DocRefreshDrawingsService=class _DocRefreshDrawingsService{constructor(){__publicField(this,"_refreshDrawings$",new rxjs.BehaviorSubject(null));__publicField(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(skeleton){this._refreshDrawings$.next(skeleton)}};__name(_DocRefreshDrawingsService,"DocRefreshDrawingsService");let DocRefreshDrawingsService=_DocRefreshDrawingsService;var TextWrappingStyle=(TextWrappingStyle2=>(TextWrappingStyle2.INLINE="inline",TextWrappingStyle2.BEHIND_TEXT="behindText",TextWrappingStyle2.IN_FRONT_OF_TEXT="inFrontOfText",TextWrappingStyle2.WRAP_SQUARE="wrapSquare",TextWrappingStyle2.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",TextWrappingStyle2))(TextWrappingStyle||{});const WRAPPING_STYLE_TO_LAYOUT_TYPE={inline:core.PositionedObjectLayoutType.INLINE,wrapSquare:core.PositionedObjectLayoutType.WRAP_SQUARE,wrapTopAndBottom:core.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,inFrontOfText:core.PositionedObjectLayoutType.WRAP_NONE,behindText:core.PositionedObjectLayoutType.WRAP_NONE};function getDeleteAndInsertCustomBlockActions(segmentId,oldSegmentId,segmentPage,offset,drawingId,documentDataModel,textSelectionRenderManager){var _a8,_b;const textX=new core.TextX,jsonX=core.JSONX.getInstance(),rawActions=[],oldBody=documentDataModel.getSelfOrHeaderFooterModel(oldSegmentId).getBody(),body=documentDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();if(oldBody==null||body==null)return;const oldOffset=(_b=(_a8=oldBody.customBlocks)==null?void 0:_a8.find(block=>block.blockId===drawingId))==null?void 0:_b.startIndex;if(oldOffset!=null){if(offset=Math.min(body.dataStream.length-2,offset),segmentId===oldSegmentId){if(offset<oldOffset?(offset>0&&textX.push({t:core.TextXActionType.RETAIN,len:offset,segmentId:oldSegmentId}),textX.push({t:core.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:drawingId}]},len:1,line:0,segmentId:oldSegmentId}),textX.push({t:core.TextXActionType.RETAIN,len:oldOffset-offset,segmentId:oldSegmentId}),textX.push({t:core.TextXActionType.DELETE,len:1,line:0,segmentId:""})):(oldOffset>0&&textX.push({t:core.TextXActionType.RETAIN,len:oldOffset,segmentId:oldSegmentId}),textX.push({t:core.TextXActionType.DELETE,len:1,line:0,segmentId:""}),offset-oldOffset-1>0&&textX.push({t:core.TextXActionType.RETAIN,len:offset-oldOffset-1,segmentId:oldSegmentId}),textX.push({t:core.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:drawingId}]},len:1,line:0,segmentId:oldSegmentId})),offset!==oldOffset){const path=docs.getRichTextEditPath(documentDataModel,oldSegmentId),action=jsonX.editOp(textX.serialize(),path);rawActions.push(action)}}else{oldOffset>0&&textX.push({t:core.TextXActionType.RETAIN,len:oldOffset,segmentId:oldSegmentId}),textX.push({t:core.TextXActionType.DELETE,len:1,line:0,segmentId:""});let path=docs.getRichTextEditPath(documentDataModel,oldSegmentId),action=jsonX.editOp(textX.serialize(),path);rawActions.push(action),textX.empty(),offset>0&&textX.push({t:core.TextXActionType.RETAIN,len:offset,segmentId}),textX.push({t:core.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:drawingId}]},len:1,line:0,segmentId}),path=docs.getRichTextEditPath(documentDataModel,segmentId),action=jsonX.editOp(textX.serialize(),path),rawActions.push(action),textSelectionRenderManager.setSegment(segmentId),textSelectionRenderManager.setSegmentPage(segmentPage)}return rawActions}}__name(getDeleteAndInsertCustomBlockActions,"getDeleteAndInsertCustomBlockActions");const UpdateDocDrawingWrappingStyleCommand={id:"doc.command.update-doc-drawing-wrapping-style",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{var _a8,_b;if(params==null)return!1;const{drawings,wrappingStyle,unitId}=params,commandService=accessor.get(core.ICommandService),univerInstanceService=accessor.get(core.IUniverInstanceService),renderObject=accessor.get(engineRender.IRenderManagerService).getRenderById(unitId),skeletonData=renderObject==null?void 0:renderObject.with(docs.DocSkeletonManagerService).getSkeleton().getSkeletonData(),viewModel=renderObject==null?void 0:renderObject.with(docs.DocSkeletonManagerService).getViewModel(),scene=renderObject==null?void 0:renderObject.scene,documentDataModel=univerInstanceService.getCurrentUniverDocInstance();if(documentDataModel==null||skeletonData==null||scene==null||viewModel==null)return!1;const editArea=viewModel.getEditArea(),transformer=scene.getTransformerByCreate(),{pages,skeHeaders,skeFooters}=skeletonData,jsonX=core.JSONX.getInstance(),rawActions=[],{drawings:oldDrawings={}}=documentDataModel.getSnapshot();for(const drawing2 of drawings){const{drawingId}=drawing2,oldLayoutType=oldDrawings[drawingId].layoutType,newLayoutType=WRAPPING_STYLE_TO_LAYOUT_TYPE[wrappingStyle];if(oldLayoutType!==newLayoutType){const updateLayoutTypeAction=jsonX.replaceOp(["drawings",drawingId,"layoutType"],oldLayoutType,newLayoutType);rawActions.push(updateLayoutTypeAction)}if(wrappingStyle==="behindText"||wrappingStyle==="inFrontOfText"){const oldBehindDoc=oldDrawings[drawingId].behindDoc,newBehindDoc=wrappingStyle==="behindText"?core.BooleanNumber.TRUE:core.BooleanNumber.FALSE;if(oldBehindDoc!==newBehindDoc){const updateBehindDocAction=jsonX.replaceOp(["drawings",drawingId,"behindDoc"],oldBehindDoc,newBehindDoc);rawActions.push(updateBehindDocAction)}}if(wrappingStyle==="inline")continue;let skeDrawing=null,pageMarginTop=0,pageMarginLeft=0;for(const page of pages){const{headerId,footerId,marginTop,marginLeft,marginBottom,pageWidth,pageHeight}=page;switch(editArea){case engineRender.DocumentEditArea.HEADER:{const headerSke=(_a8=skeHeaders.get(headerId))==null?void 0:_a8.get(pageWidth);headerSke!=null&&headerSke.skeDrawings.has(drawingId)&&(skeDrawing=headerSke.skeDrawings.get(drawingId),pageMarginTop=headerSke.marginTop,pageMarginLeft=marginLeft);break}case engineRender.DocumentEditArea.FOOTER:{const footerSke=(_b=skeFooters.get(footerId))==null?void 0:_b.get(pageWidth);footerSke!=null&&footerSke.skeDrawings.has(drawingId)&&(skeDrawing=footerSke.skeDrawings.get(drawingId),pageMarginTop=pageHeight-marginBottom+footerSke.marginTop,pageMarginLeft=marginLeft);break}case engineRender.DocumentEditArea.BODY:{page.skeDrawings.has(drawingId)&&(skeDrawing=page.skeDrawings.get(drawingId),pageMarginTop=marginTop,pageMarginLeft=marginLeft);break}}if(skeDrawing!=null)break}if(skeDrawing!=null){const{aTop,aLeft}=skeDrawing,oldPositionH=oldDrawings[drawingId].docTransform.positionH;let posOffsetH=aLeft;oldPositionH.relativeFrom===core.ObjectRelativeFromH.MARGIN?posOffsetH-=pageMarginLeft:oldPositionH.relativeFrom===core.ObjectRelativeFromH.COLUMN&&(posOffsetH-=skeDrawing.columnLeft);const newPositionH={relativeFrom:oldPositionH.relativeFrom,posOffset:posOffsetH};if(oldPositionH.posOffset!==newPositionH.posOffset){const action=jsonX.replaceOp(["drawings",drawingId,"docTransform","positionH"],oldPositionH,newPositionH);rawActions.push(action)}const oldPositionV=oldDrawings[drawingId].docTransform.positionV;let posOffsetV=aTop;oldPositionV.relativeFrom===core.ObjectRelativeFromV.PAGE?posOffsetV+=pageMarginTop:oldPositionV.relativeFrom===core.ObjectRelativeFromV.LINE?posOffsetV-=skeDrawing.lineTop:oldPositionV.relativeFrom===core.ObjectRelativeFromV.PARAGRAPH&&(posOffsetV-=skeDrawing.blockAnchorTop);const newPositionV={relativeFrom:oldPositionV.relativeFrom,posOffset:posOffsetV};if(oldPositionV.posOffset!==newPositionV.posOffset){const action=jsonX.replaceOp(["drawings",drawingId,"docTransform","positionV"],oldPositionV,newPositionV);rawActions.push(action)}}}const doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges:null}};doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null);const result=commandService.syncExecuteCommand(doMutation.id,doMutation.params);return transformer.refreshControls(),!!result},"handler")},UpdateDocDrawingDistanceCommand={id:"doc.command.update-doc-drawing-distance",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{if(params==null)return!1;const commandService=accessor.get(core.ICommandService),documentDataModel=accessor.get(core.IUniverInstanceService).getCurrentUniverDocInstance();if(documentDataModel==null)return!1;const{drawings,dist,unitId}=params,jsonX=core.JSONX.getInstance(),rawActions=[],{drawings:oldDrawings={}}=documentDataModel.getSnapshot();for(const drawing2 of drawings){const{drawingId}=drawing2;for(const[key,value]of Object.entries(dist)){const oldValue=oldDrawings[drawingId][key];if(oldValue!==value){const action=jsonX.replaceOp(["drawings",drawingId,key],oldValue,value);rawActions.push(action)}}}const doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges:null}};return doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null),!!commandService.syncExecuteCommand(doMutation.id,doMutation.params)},"handler")},UpdateDocDrawingWrapTextCommand={id:"doc.command.update-doc-drawing-wrap-text",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{if(params==null)return!1;const commandService=accessor.get(core.ICommandService),documentDataModel=accessor.get(core.IUniverInstanceService).getCurrentUniverDocInstance();if(documentDataModel==null)return!1;const{drawings,wrapText,unitId}=params,jsonX=core.JSONX.getInstance(),rawActions=[],{drawings:oldDrawings={}}=documentDataModel.getSnapshot();for(const drawing2 of drawings){const{drawingId}=drawing2,oldWrapText=oldDrawings[drawingId].wrapText;if(oldWrapText!==wrapText){const action=jsonX.replaceOp(["drawings",drawingId,"wrapText"],oldWrapText,wrapText);rawActions.push(action)}}const doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges:null}};return doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null),!!commandService.syncExecuteCommand(doMutation.id,doMutation.params)},"handler")},UpdateDrawingDocTransformCommand={id:"doc.command.update-drawing-doc-transform",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{if(params==null)return!1;const commandService=accessor.get(core.ICommandService),univerInstanceService=accessor.get(core.IUniverInstanceService),renderObject=accessor.get(engineRender.IRenderManagerService).getRenderById(params.unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return!1;const transformer=scene.getTransformerByCreate(),documentDataModel=univerInstanceService.getCurrentUniverDocInstance();if(documentDataModel==null)return!1;const{drawings,unitId}=params,jsonX=core.JSONX.getInstance(),rawActions=[],{drawings:oldDrawings={}}=documentDataModel.getSnapshot();for(const drawing2 of drawings){const{drawingId,key,value}=drawing2,oldValue=oldDrawings[drawingId].docTransform[key];if(!core.Tools.diffValue(oldValue,value)){const action=jsonX.replaceOp(["drawings",drawingId,"docTransform",key],oldValue,value);rawActions.push(action)}}const doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges:null,debounce:!0}};doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null);const result=commandService.syncExecuteCommand(doMutation.id,doMutation.params);return transformer.refreshControls(),!!result},"handler")},IMoveInlineDrawingCommand={id:"doc.command.move-inline-drawing",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{var _a8;if(params==null)return!1;const renderManagerService=accessor.get(engineRender.IRenderManagerService),textSelectionRenderManager=accessor.get(engineRender.ITextSelectionRenderManager),docRefreshDrawingsService=accessor.get(DocRefreshDrawingsService),renderObject=renderManagerService.getRenderById(params.unitId),scene=renderObject==null?void 0:renderObject.scene,skeleton=renderObject==null?void 0:renderObject.with(docs.DocSkeletonManagerService).getSkeleton();if(scene==null)return!1;const transformer=scene.getTransformerByCreate(),commandService=accessor.get(core.ICommandService),documentDataModel=accessor.get(core.IUniverInstanceService).getCurrentUniverDocInstance();if(documentDataModel==null)return!1;const{drawing:drawing2,unitId,offset,segmentId:newSegmentId,segmentPage,needRefreshDrawings}=params;if(needRefreshDrawings)return docRefreshDrawingsService.refreshDrawings(skeleton),transformer.refreshControls(),!0;const rawActions=[],{drawingId}=drawing2,segmentId=(_a8=textSelectionRenderManager.getSegment())!=null?_a8:"",actions=getDeleteAndInsertCustomBlockActions(newSegmentId,segmentId,segmentPage,offset,drawingId,documentDataModel,textSelectionRenderManager);if(actions==null||actions.length===0)return docRefreshDrawingsService.refreshDrawings(skeleton),transformer.refreshControls(),!1;rawActions.push(...actions);const doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges:null}};doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null);const result=commandService.syncExecuteCommand(doMutation.id,doMutation.params);return transformer.refreshControls(),!!result},"handler")},ITransformNonInlineDrawingCommand={id:"doc.command.transform-non-inline-drawing",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{var _a8;if(params==null)return!1;const textSelectionRenderManager=accessor.get(engineRender.ITextSelectionRenderManager),renderObject=accessor.get(engineRender.IRenderManagerService).getRenderById(params.unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return!1;const transformer=scene.getTransformerByCreate(),commandService=accessor.get(core.ICommandService),documentDataModel=accessor.get(core.IUniverInstanceService).getCurrentUniverDocInstance();if(documentDataModel==null)return!1;const{drawing:drawing2,unitId,offset,docTransform,segmentId:newSegmentId,segmentPage}=params,rawActions=[],{drawingId}=drawing2,segmentId=(_a8=textSelectionRenderManager.getSegment())!=null?_a8:"",actions=getDeleteAndInsertCustomBlockActions(newSegmentId,segmentId,segmentPage,offset,drawingId,documentDataModel,textSelectionRenderManager);if(actions==null)return!1;actions.length>0&&rawActions.push(...actions);const jsonX=core.JSONX.getInstance(),{drawings:oldDrawings={}}=documentDataModel.getSnapshot(),oldDocTransform=oldDrawings[drawingId].docTransform,{positionH:oldPositionH,positionV:oldPositionV,size:oldSize,angle:oldAngle}=oldDocTransform;if(!core.Tools.diffValue(oldPositionH,docTransform.positionH)){const updateAction=jsonX.replaceOp(["drawings",drawingId,"docTransform","positionH"],oldPositionH,docTransform.positionH);rawActions.push(updateAction)}if(!core.Tools.diffValue(oldPositionV,docTransform.positionV)){const updateAction=jsonX.replaceOp(["drawings",drawingId,"docTransform","positionV"],oldPositionV,docTransform.positionV);rawActions.push(updateAction)}if(!core.Tools.diffValue(oldSize,docTransform.size)){const updateAction=jsonX.replaceOp(["drawings",drawingId,"docTransform","size"],oldSize,docTransform.size);rawActions.push(updateAction)}if(!core.Tools.diffValue(oldAngle,docTransform.angle)){const updateAction=jsonX.replaceOp(["drawings",drawingId,"docTransform","angle"],oldAngle,docTransform.angle);rawActions.push(updateAction)}const doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges:null,debounce:!0}};doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null);const result=commandService.syncExecuteCommand(doMutation.id,doMutation.params);return transformer.refreshControls(),!!result},"handler")},MIN_MARGIN=0,MAX_MARGIN=100,DocDrawingTextWrap=__name(props=>{const commandService=core.useDependency(core.ICommandService),localeService=core.useDependency(core.LocaleService),drawingManagerService=core.useDependency(drawing.IDrawingManagerService),renderManagerService=core.useDependency(engineRender.IRenderManagerService),univerInstanceService=core.useDependency(core.IUniverInstanceService),{drawings}=props,drawingParam=drawings[0];if(drawingParam==null)return null;const{unitId}=drawingParam,documentDataModel=univerInstanceService.getUniverDocInstance(unitId),renderObject=renderManagerService.getRenderById(unitId);if((renderObject==null?void 0:renderObject.scene)==null)return null;const[disableWrapText,setDisableWrapText]=React.useState(!0),[disableDistTB,setDisableDistTB]=React.useState(!0),[disableDistLR,setDisableDistLR]=React.useState(!0),[wrappingStyle,setWrappingStyle]=React.useState(TextWrappingStyle.INLINE),[wrapText,setWrapText]=React.useState(""),[distToText,setDistToText]=React.useState({distT:0,distL:0,distB:0,distR:0}),[showPanel,setShowPanel]=React.useState(!0);function handleWrappingStyleChange(value){setWrappingStyle(value);const focusDrawings=drawingManagerService.getFocusDrawings();if(focusDrawings.length===0)return;const{unitId:unitId2,subUnitId}=focusDrawings[0],drawings2=focusDrawings.map(({unitId:unitId3,subUnitId:subUnitId2,drawingId})=>({unitId:unitId3,subUnitId:subUnitId2,drawingId}));commandService.executeCommand(UpdateDocDrawingWrappingStyleCommand.id,{unitId:unitId2,subUnitId,drawings:drawings2,wrappingStyle:value})}__name(handleWrappingStyleChange,"handleWrappingStyleChange");function handleWrapTextChange(value){setWrapText(value);const focusDrawings=drawingManagerService.getFocusDrawings();if(focusDrawings.length===0)return;const drawings2=focusDrawings.map(drawing2=>({unitId:drawing2.unitId,subUnitId:drawing2.subUnitId,drawingId:drawing2.drawingId}));commandService.executeCommand(UpdateDocDrawingWrapTextCommand.id,{unitId:focusDrawings[0].unitId,subUnitId:focusDrawings[0].unitId,drawings:drawings2,wrapText:value})}__name(handleWrapTextChange,"handleWrapTextChange");function handleDistToTextChange(value,direction){if(value==null)return;const newDistToText={...distToText,[direction]:value};setDistToText(newDistToText);const focusDrawings=drawingManagerService.getFocusDrawings();if(focusDrawings.length===0)return;const drawings2=focusDrawings.map(drawing2=>({unitId:drawing2.unitId,subUnitId:drawing2.subUnitId,drawingId:drawing2.drawingId}));commandService.executeCommand(UpdateDocDrawingDistanceCommand.id,{unitId:focusDrawings[0].unitId,subUnitId:focusDrawings[0].unitId,drawings:drawings2,dist:{[direction]:value}})}__name(handleDistToTextChange,"handleDistToTextChange");function updateFocusDrawingState(){const focusDrawings=drawingManagerService.getFocusDrawings();focusDrawings.length!==0&&updateState(focusDrawings[0])}__name(updateFocusDrawingState,"updateFocusDrawingState");function updateState(drawingParam2){var _a8,_b;const drawing2=(_b=(_a8=documentDataModel==null?void 0:documentDataModel.getSnapshot())==null?void 0:_a8.drawings)==null?void 0:_b[drawingParam2.drawingId];if(drawing2==null)return;const{distT=0,distL=0,distB=0,distR=0,layoutType=core.PositionedObjectLayoutType.INLINE,behindDoc=core.BooleanNumber.FALSE,wrapText:wrapText2=core.WrapTextType.BOTH_SIDES}=drawing2;if(setDistToText({distT,distL,distB,distR}),setWrapText(wrapText2),setDisableWrapText(layoutType!==core.PositionedObjectLayoutType.WRAP_SQUARE),layoutType===core.PositionedObjectLayoutType.WRAP_NONE||layoutType===core.PositionedObjectLayoutType.INLINE?setDisableDistTB(!0):setDisableDistTB(!1),layoutType===core.PositionedObjectLayoutType.WRAP_NONE||layoutType===core.PositionedObjectLayoutType.INLINE||layoutType===core.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?setDisableDistLR(!0):setDisableDistLR(!1),layoutType===core.PositionedObjectLayoutType.WRAP_NONE)behindDoc===core.BooleanNumber.TRUE?setWrappingStyle(TextWrappingStyle.BEHIND_TEXT):setWrappingStyle(TextWrappingStyle.IN_FRONT_OF_TEXT);else switch(layoutType){case core.PositionedObjectLayoutType.INLINE:setWrappingStyle(TextWrappingStyle.INLINE);break;case core.PositionedObjectLayoutType.WRAP_SQUARE:setWrappingStyle(TextWrappingStyle.WRAP_SQUARE);break;case core.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:setWrappingStyle(TextWrappingStyle.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${layoutType}`)}}return __name(updateState,"updateState"),React.useEffect(()=>{updateFocusDrawingState();const subscription=drawingManagerService.focus$.subscribe(drawingParams=>{if(drawingParams.length===0){setShowPanel(!1);return}setShowPanel(!0),updateState(drawingParams[0])}),mutationListener=commandService.onCommandExecuted(async command=>{command.id===docs.RichTextEditingMutation.id&&updateFocusDrawingState()});return()=>{subscription.unsubscribe(),mutationListener.dispose()}},[]),React.createElement("div",{className:clsx(styles.imageCommonPanelGrid,styles.imageCommonPanelBorder),style:{display:showPanel?"block":"none"}},React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelTitle)},React.createElement("div",null,localeService.t("image-text-wrap.title")))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSubtitle)},React.createElement("div",null,localeService.t("image-text-wrap.wrappingStyle")))),React.createElement("div",{className:clsx(styles.imageCommonPanelRow)},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn)},React.createElement(design.RadioGroup,{value:wrappingStyle,onChange:handleWrappingStyleChange,direction:"vertical"},React.createElement(design.Radio,{value:TextWrappingStyle.INLINE},localeService.t("image-text-wrap.inline")),React.createElement(design.Radio,{value:TextWrappingStyle.WRAP_SQUARE},localeService.t("image-text-wrap.square")),React.createElement(design.Radio,{value:TextWrappingStyle.WRAP_TOP_AND_BOTTOM},localeService.t("image-text-wrap.topAndBottom")),React.createElement(design.Radio,{value:TextWrappingStyle.BEHIND_TEXT},localeService.t("image-text-wrap.behindText")),React.createElement(design.Radio,{value:TextWrappingStyle.IN_FRONT_OF_TEXT},localeService.t("image-text-wrap.inFrontText"))))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSubtitle)},React.createElement("div",null,localeService.t("image-text-wrap.wrapText")))),React.createElement("div",{className:clsx(styles.imageCommonPanelRow)},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn)},React.createElement(design.RadioGroup,{disabled:disableWrapText,value:wrapText,onChange:handleWrapTextChange,direction:"horizontal"},React.createElement(design.Radio,{value:core.WrapTextType.BOTH_SIDES},localeService.t("image-text-wrap.bothSide")),React.createElement(design.Radio,{value:core.WrapTextType.LEFT},localeService.t("image-text-wrap.leftOnly")),React.createElement(design.Radio,{value:core.WrapTextType.RIGHT},localeService.t("image-text-wrap.rightOnly"))))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSubtitle)},React.createElement("div",null,localeService.t("image-text-wrap.distanceFromText")))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSpan2)},React.createElement("label",null,React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},localeService.t("image-text-wrap.top"))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.InputNumber,{min:MIN_MARGIN,max:MAX_MARGIN,disabled:disableDistTB,precision:1,value:distToText.distT,onChange:__name(val=>{handleDistToTextChange(val,"distT")},"onChange"),className:styles.imageCommonPanelInput}))))),React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSpan2)},React.createElement("label",null,React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},localeService.t("image-text-wrap.left"))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.InputNumber,{min:MIN_MARGIN,max:MAX_MARGIN,disabled:disableDistLR,precision:1,value:distToText.distL,onChange:__name(val=>{handleDistToTextChange(val,"distL")},"onChange"),className:styles.imageCommonPanelInput})))))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSpan2)},React.createElement("label",null,React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},localeService.t("image-text-wrap.bottom"))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.InputNumber,{min:MIN_MARGIN,max:MAX_MARGIN,disabled:disableDistTB,precision:1,value:distToText.distB,onChange:__name(val=>{handleDistToTextChange(val,"distB")},"onChange"),className:styles.imageCommonPanelInput}))))),React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSpan2)},React.createElement("label",null,React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},localeService.t("image-text-wrap.right"))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.InputNumber,{min:MIN_MARGIN,max:MAX_MARGIN,disabled:disableDistLR,precision:1,value:distToText.distR,onChange:__name(val=>{handleDistToTextChange(val,"distR")},"onChange"),className:styles.imageCommonPanelInput})))))))},"DocDrawingTextWrap"),MIN_OFFSET=-1e3,MAX_OFFSET=1e3,DocDrawingPosition=__name(props=>{const commandService=core.useDependency(core.ICommandService),localeService=core.useDependency(core.LocaleService),drawingManagerService=core.useDependency(drawing.IDrawingManagerService),renderManagerService=core.useDependency(engineRender.IRenderManagerService),univerInstanceService=core.useDependency(core.IUniverInstanceService),textSelectionRenderService=core.useDependency(engineRender.ITextSelectionRenderManager),{drawings}=props,drawingParam=drawings[0];if(drawingParam==null)return;const{unitId}=drawingParam,documentDataModel=univerInstanceService.getUniverDocInstance(unitId),renderObject=renderManagerService.getRenderById(unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return;const transformer=scene.getTransformerByCreate(),HORIZONTAL_RELATIVE_FROM=[{label:localeService.t("image-position.column"),value:String(core.ObjectRelativeFromH.COLUMN)},{label:localeService.t("image-position.page"),value:String(core.ObjectRelativeFromH.PAGE)},{label:localeService.t("image-position.margin"),value:String(core.ObjectRelativeFromH.MARGIN)}],VERTICAL_RELATIVE_FROM=[{label:localeService.t("image-position.line"),value:String(core.ObjectRelativeFromV.LINE)},{label:localeService.t("image-position.page"),value:String(core.ObjectRelativeFromV.PAGE)},{label:localeService.t("image-position.margin"),value:String(core.ObjectRelativeFromV.MARGIN)},{label:localeService.t("image-position.paragraph"),value:String(core.ObjectRelativeFromV.PARAGRAPH)}],[disabled,setDisabled]=React.useState(!0),[hPosition,setHPosition]=React.useState({relativeFrom:core.ObjectRelativeFromH.PAGE,posOffset:0}),[vPosition,setVPosition]=React.useState({relativeFrom:core.ObjectRelativeFromV.PAGE,posOffset:0}),[followTextMove,setFollowTextMove]=React.useState(!0),[showPanel,setShowPanel]=React.useState(!0);function handlePositionChange(direction,value){direction==="positionH"?setHPosition(value):setVPosition(value);const focusDrawings=drawingManagerService.getFocusDrawings();if(focusDrawings.length===0)return;const drawings2=focusDrawings.map(drawing2=>({unitId:drawing2.unitId,subUnitId:drawing2.subUnitId,drawingId:drawing2.drawingId}));commandService.executeCommand(UpdateDrawingDocTransformCommand.id,{unitId:focusDrawings[0].unitId,subUnitId:focusDrawings[0].unitId,drawings:drawings2.map(drawing2=>({drawingId:drawing2.drawingId,key:direction,value}))}),textSelectionRenderService.blur(),transformer.refreshControls()}__name(handlePositionChange,"handlePositionChange");function handleHorizontalRelativeFromChange(value){var _a8,_b,_c;const prevRelativeFrom=hPosition.relativeFrom,prevPosOffset=hPosition.posOffset,relativeFrom=Number(value);if(prevRelativeFrom===relativeFrom)return;const focusDrawings=drawingManagerService.getFocusDrawings();if(focusDrawings.length===0)return;const drawingId=focusDrawings[0].drawingId,unitId2=focusDrawings[0].unitId;let drawing2=null,pageMarginLeft=0;const skeleton=(_a8=renderManagerService.getRenderById(unitId2))==null?void 0:_a8.with(docs.DocSkeletonManagerService).getSkeleton(),skeletonData=skeleton==null?void 0:skeleton.getSkeletonData();if(skeletonData==null)return;const{pages,skeHeaders,skeFooters}=skeletonData;for(const page of pages){const{marginLeft,skeDrawings,headerId,footerId,pageWidth}=page;if(skeDrawings.has(drawingId)){drawing2=skeDrawings.get(drawingId),pageMarginLeft=marginLeft;break}const headerPage=(_b=skeHeaders.get(headerId))==null?void 0:_b.get(pageWidth);if(headerPage!=null&&headerPage.skeDrawings.has(drawingId)){drawing2=headerPage==null?void 0:headerPage.skeDrawings.get(drawingId),pageMarginLeft=marginLeft;break}const footerPage=(_c=skeFooters.get(footerId))==null?void 0:_c.get(pageWidth);if(footerPage!=null&&footerPage.skeDrawings.has(drawingId)){drawing2=footerPage==null?void 0:footerPage.skeDrawings.get(drawingId),pageMarginLeft=marginLeft;break}}if(drawing2==null)return;let delta=0;prevRelativeFrom===core.ObjectRelativeFromH.COLUMN?delta-=drawing2.columnLeft:prevRelativeFrom===core.ObjectRelativeFromH.MARGIN&&(delta-=pageMarginLeft),relativeFrom===core.ObjectRelativeFromH.COLUMN?delta+=drawing2.columnLeft:relativeFrom===core.ObjectRelativeFromH.MARGIN?delta+=pageMarginLeft:core.ObjectRelativeFromH.PAGE;const newPositionH={relativeFrom,posOffset:(prevPosOffset!=null?prevPosOffset:0)-delta};handlePositionChange("positionH",newPositionH)}__name(handleHorizontalRelativeFromChange,"handleHorizontalRelativeFromChange");function handleVerticalRelativeFromChange(value){var _a8,_b,_c,_d,_e;const prevRelativeFrom=vPosition.relativeFrom,prevPosOffset=vPosition.posOffset,relativeFrom=Number(value);if(prevRelativeFrom===relativeFrom)return;const focusDrawings=drawingManagerService.getFocusDrawings();if(focusDrawings.length===0)return;const{drawingId,unitId:unitId2}=focusDrawings[0],documentDataModel2=univerInstanceService.getUniverDocInstance(unitId2),skeleton=(_a8=renderManagerService.getRenderById(unitId2))==null?void 0:_a8.with(docs.DocSkeletonManagerService).getSkeleton(),segmentId=textSelectionRenderService.getSegment(),segmentPage=textSelectionRenderService.getSegmentPage(),drawing2=(_c=(_b=documentDataModel2==null?void 0:documentDataModel2.getSelfOrHeaderFooterModel(segmentId).getBody())==null?void 0:_b.customBlocks)==null?void 0:_c.find(c=>c.blockId===drawingId);if(drawing2==null||skeleton==null)return;const{startIndex}=drawing2,glyph=skeleton.findNodeByCharIndex(startIndex,segmentId,segmentPage),line=(_d=glyph==null?void 0:glyph.parent)==null?void 0:_d.parent,column=line==null?void 0:line.parent,paragraphStartLine=column==null?void 0:column.lines.find(l=>l.paragraphIndex===(line==null?void 0:line.paragraphIndex)&&l.paragraphStart),page=(_e=column==null?void 0:column.parent)==null?void 0:_e.parent;if(glyph==null||line==null||paragraphStartLine==null||column==null||page==null)return;let delta=0;prevRelativeFrom===core.ObjectRelativeFromV.PARAGRAPH?delta-=paragraphStartLine.top:prevRelativeFrom===core.ObjectRelativeFromV.LINE?delta-=line.top:prevRelativeFrom===core.ObjectRelativeFromV.PAGE&&(delta+=page.marginTop),relativeFrom===core.ObjectRelativeFromV.PARAGRAPH?delta+=paragraphStartLine.top:relativeFrom===core.ObjectRelativeFromV.LINE?delta+=line.top:relativeFrom===core.ObjectRelativeFromV.PAGE&&(delta-=page.marginTop);const newPositionV={relativeFrom,posOffset:(prevPosOffset!=null?prevPosOffset:0)-delta};handlePositionChange("positionV",newPositionV)}__name(handleVerticalRelativeFromChange,"handleVerticalRelativeFromChange");function updateState(drawingParam2){var _a8;const snapshot=documentDataModel==null?void 0:documentDataModel.getSnapshot(),drawing2=(_a8=snapshot==null?void 0:snapshot.drawings)==null?void 0:_a8[drawingParam2.drawingId];if(drawing2==null)return;const{layoutType}=drawing2,{positionH,positionV}=drawing2.docTransform;setHPosition(positionH),setVPosition(positionV),setDisabled(layoutType===core.PositionedObjectLayoutType.INLINE),setFollowTextMove(positionV.relativeFrom===core.ObjectRelativeFromV.PARAGRAPH||positionV.relativeFrom===core.ObjectRelativeFromV.LINE)}__name(updateState,"updateState");function updateFocusDrawingState(){const focusDrawings=drawingManagerService.getFocusDrawings();focusDrawings.length!==0&&updateState(focusDrawings[0])}__name(updateFocusDrawingState,"updateFocusDrawingState");function handleFollowTextMoveCheck(val){setFollowTextMove(val),handleVerticalRelativeFromChange(String(val?core.ObjectRelativeFromV.PARAGRAPH:core.ObjectRelativeFromV.PAGE))}return __name(handleFollowTextMoveCheck,"handleFollowTextMoveCheck"),React.useEffect(()=>{updateFocusDrawingState();const subscription=drawingManagerService.focus$.subscribe(drawingParams=>{if(drawingParams.length===0){setShowPanel(!1);return}setShowPanel(!0),updateState(drawingParams[0])}),mutationListener=commandService.onCommandExecuted(async command=>{command.id===docs.RichTextEditingMutation.id&&updateFocusDrawingState()});return()=>{subscription.unsubscribe(),mutationListener.dispose()}},[]),React.createElement("div",{className:clsx(styles.imageCommonPanelGrid,styles.imageCommonPanelBorder),style:{display:showPanel?"block":"none"}},React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelTitle)},React.createElement("div",null,localeService.t("image-position.title")))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSubtitle)},React.createElement("div",null,localeService.t("image-position.horizontal")))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSpan2)},React.createElement("label",null,React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},localeService.t("image-position.absolutePosition"))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.InputNumber,{min:MIN_OFFSET,max:MAX_OFFSET,precision:1,disabled,value:hPosition.posOffset,onChange:__name(val=>{handlePositionChange("positionH",{relativeFrom:hPosition.relativeFrom,posOffset:val})},"onChange"),className:styles.imageCommonPanelInput}))))),React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSpan2)},React.createElement("label",null,React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},localeService.t("image-position.toTheRightOf"))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.Select,{value:String(hPosition.relativeFrom),disabled,options:HORIZONTAL_RELATIVE_FROM,onChange:handleHorizontalRelativeFromChange})))))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSubtitle)},React.createElement("div",null,localeService.t("image-position.vertical")))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSpan2)},React.createElement("label",null,React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},localeService.t("image-position.absolutePosition"))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.InputNumber,{min:MIN_OFFSET,max:MAX_OFFSET,precision:1,disabled,value:vPosition.posOffset,onChange:__name(val=>{handlePositionChange("positionV",{relativeFrom:vPosition.relativeFrom,posOffset:val})},"onChange"),className:styles.imageCommonPanelInput}))))),React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSpan2)},React.createElement("label",null,React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},localeService.t("image-position.bellow"))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.Select,{disabled,value:String(vPosition.relativeFrom),options:VERTICAL_RELATIVE_FROM,onChange:handleVerticalRelativeFromChange})))))),React.createElement("div",{className:styles.imageCommonPanelRow},React.createElement("div",{className:clsx(styles.imageCommonPanelColumn,styles.imageCommonPanelSubtitle)},React.createElement("div",null,localeService.t("image-position.options")))),React.createElement("div",{className:styles.imageCommonPanelRow,style:{marginBottom:"50px"}},React.createElement("div",{className:styles.imageCommonPanelColumn},React.createElement(design.Checkbox,{disabled,checked:followTextMove,onChange:handleFollowTextMoveCheck},localeService.t("image-position.moveObjectWithText")))))},"DocDrawingPosition"),DocDrawingPanel=__name(()=>{const drawingManagerService=core.useDependency(drawing.IDrawingManagerService),focusDrawings=drawingManagerService.getFocusDrawings(),[drawings,setDrawings]=React.useState(focusDrawings);return React.useEffect(()=>{const focusDispose=drawingManagerService.focus$.subscribe(drawings2=>{setDrawings(drawings2)});return()=>{focusDispose.unsubscribe()}},[]),!!(drawings!=null&&drawings.length)&&React.createElement("div",{className:styles.imageCommonPanel},React.createElement(drawingUi.DrawingCommonPanel,{drawings,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),React.createElement(DocDrawingTextWrap,{drawings}),React.createElement(DocDrawingPosition,{drawings}))},"DocDrawingPanel"),ClearDocDrawingTransformerOperation={id:"doc.operation.clear-drawing-transformer",type:core.CommandType.MUTATION,handler:__name((accessor,params)=>{const renderManagerService=accessor.get(engineRender.IRenderManagerService);return params.forEach(unitId=>{var _a8,_b;(_b=(_a8=renderManagerService.getRenderById(unitId))==null?void 0:_a8.scene.getTransformer())==null||_b.debounceRefreshControls()}),!0},"handler")},MoveDocDrawingsCommand={id:"doc.command.move-drawing",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{const commandService=accessor.get(core.ICommandService),docDrawingService=accessor.get(docsDrawing.IDocDrawingService),univerInstanceService=accessor.get(core.IUniverInstanceService),renderManagerService=accessor.get(engineRender.IRenderManagerService),{direction}=params,drawings=docDrawingService.getFocusDrawings();if(drawings.length===0)return!1;const unitId=drawings[0].unitId,renderObject=renderManagerService.getRenderById(unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return!1;const transformer=scene.getTransformerByCreate(),documentDataModel=univerInstanceService.getUniverDocInstance(unitId),newDrawings=drawings.map(drawing2=>{var _a8,_b,_c,_d,_e;const{drawingId}=drawing2,drawingData=(_a8=documentDataModel==null?void 0:documentDataModel.getSnapshot().drawings)==null?void 0:_a8[drawingId];if(drawingData==null||drawingData.layoutType===core.PositionedObjectLayoutType.INLINE)return null;const{positionH,positionV}=drawingData.docTransform,newPositionH={...positionH},newPositionV={...positionV};return direction===core.Direction.UP?newPositionV.posOffset=((_b=newPositionV.posOffset)!=null?_b:0)-2:direction===core.Direction.DOWN?newPositionV.posOffset=((_c=newPositionV.posOffset)!=null?_c:0)+2:direction===core.Direction.LEFT?newPositionH.posOffset=((_d=newPositionH.posOffset)!=null?_d:0)-2:direction===core.Direction.RIGHT&&(newPositionH.posOffset=((_e=newPositionH.posOffset)!=null?_e:0)+2),{drawingId,key:direction===core.Direction.UP||direction===core.Direction.DOWN?"positionV":"positionH",value:direction===core.Direction.UP||direction===core.Direction.DOWN?newPositionV:newPositionH}}).filter(drawing2=>drawing2!=null);if(newDrawings.length===0)return!1;const result=commandService.syncExecuteCommand(UpdateDrawingDocTransformCommand.id,{unitId,subUnitId:unitId,drawings:newDrawings});return transformer.refreshControls(),!!result},"handler")},DeleteDocDrawingsCommand={id:"doc.command.delete-drawing",type:core.CommandType.COMMAND,handler:__name(accessor=>{const commandService=accessor.get(core.ICommandService),drawings=accessor.get(docsDrawing.IDocDrawingService).getFocusDrawings();if(drawings.length===0)return!1;const{unitId}=drawings[0],newDrawings=drawings.map(drawing2=>{const{unitId:unitId2,subUnitId,drawingId,drawingType}=drawing2;return{unitId:unitId2,subUnitId,drawingId,drawingType}});return commandService.executeCommand(RemoveDocDrawingCommand.id,{unitId,drawings:newDrawings})},"handler")},SetDocDrawingArrangeCommand={id:"doc.command.set-drawing-arrange",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{const commandService=accessor.get(core.ICommandService),docDrawingService=accessor.get(docsDrawing.IDocDrawingService);if(params==null)return!1;const{unitId,subUnitId,drawingIds,arrangeType}=params,drawingOrderMapParam={unitId,subUnitId,drawingIds};let jsonOp;if(arrangeType===drawing.ArrangeTypeEnum.forward?jsonOp=docDrawingService.getForwardDrawingsOp(drawingOrderMapParam):arrangeType===drawing.ArrangeTypeEnum.backward?jsonOp=docDrawingService.getBackwardDrawingOp(drawingOrderMapParam):arrangeType===drawing.ArrangeTypeEnum.front?jsonOp=docDrawingService.getFrontDrawingsOp(drawingOrderMapParam):arrangeType===drawing.ArrangeTypeEnum.back&&(jsonOp=docDrawingService.getBackDrawingsOp(drawingOrderMapParam)),jsonOp==null)return!1;const{redo}=jsonOp;if(redo==null)return!1;const rawActions=[];let redoCopy=core.Tools.deepClone(redo);redoCopy=redoCopy.slice(3),redoCopy.unshift("drawingsOrder"),rawActions.push(redoCopy);const doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges:null}};return doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null),!!commandService.syncExecuteCommand(doMutation.id,doMutation.params)},"handler")},UngroupDocDrawingCommand={id:"doc.command.ungroup-doc-image",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{accessor.get(core.ICommandService),accessor.get(core.IUndoRedoService);const docDrawingService=accessor.get(docsDrawing.IDocDrawingService);if(!params)return!1;const unitIds=[];return params.forEach(({parent,children})=>{unitIds.push(parent.unitId),children.forEach(child=>{unitIds.push(child.unitId)})}),docDrawingService.getUngroupDrawingOp(params),!1},"handler")},GroupDocDrawingCommand={id:"doc.command.group-doc-image",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{accessor.get(core.ICommandService),accessor.get(core.IUndoRedoService);const docDrawingService=accessor.get(docsDrawing.IDocDrawingService);if(!params)return!1;const unitIds=[];return params.forEach(({parent,children})=>{unitIds.push(parent.unitId),children.forEach(child=>{unitIds.push(child.unitId)})}),docDrawingService.getGroupDrawingOp(params),!1},"handler")},InsertDocDrawingCommand={id:"doc.command.insert-doc-image",type:core.CommandType.COMMAND,handler:__name((accessor,params)=>{var _a8,_b;if(params==null)return!1;const commandService=accessor.get(core.ICommandService),textSelectionManagerService=accessor.get(docs.TextSelectionManagerService),univerInstanceService=accessor.get(core.IUniverInstanceService),activeTextRange=textSelectionManagerService.getActiveTextRangeWithStyle(),documentDataModel=univerInstanceService.getCurrentUniverDocInstance();if(activeTextRange==null||documentDataModel==null)return!1;const unitId=documentDataModel.getUnitId(),{drawings}=params,{collapsed,startOffset,segmentId}=activeTextRange,body=documentDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();if(body==null)return!1;const textX=new core.TextX,jsonX=core.JSONX.getInstance(),rawActions=[],drawingOrderLength=(_b=(_a8=documentDataModel.getSnapshot().drawingsOrder)==null?void 0:_a8.length)!=null?_b:0;if(collapsed)startOffset>0&&textX.push({t:core.TextXActionType.RETAIN,len:startOffset,segmentId});else{const{dos}=docs.getRetainAndDeleteFromReplace(activeTextRange,segmentId,0,body);textX.push(...dos)}textX.push({t:core.TextXActionType.INSERT,body:{dataStream:"\b".repeat(drawings.length),customBlocks:drawings.map((drawing2,i)=>({startIndex:i,blockId:drawing2.drawingId}))},len:drawings.length,line:0,segmentId});const path=docs.getRichTextEditPath(documentDataModel,segmentId),placeHolderAction=jsonX.editOp(textX.serialize(),path);rawActions.push(placeHolderAction);for(const drawing2 of drawings){const{drawingId}=drawing2,addDrawingAction=jsonX.insertOp(["drawings",drawingId],drawing2),addDrawingOrderAction=jsonX.insertOp(["drawingsOrder",drawingOrderLength],drawingId);rawActions.push(addDrawingAction),rawActions.push(addDrawingOrderAction)}const doMutation={id:docs.RichTextEditingMutation.id,params:{unitId,actions:[],textRanges:[]}};return doMutation.params.actions=rawActions.reduce((acc,cur)=>core.JSONX.compose(acc,cur),null),!!commandService.syncExecuteCommand(doMutation.id,doMutation.params)},"handler")};function whenDocDrawingFocused(contextService){return contextService.getContextValue(core.FOCUSING_UNIVER_EDITOR)&&contextService.getContextValue(core.FOCUSING_COMMON_DRAWINGS)}__name(whenDocDrawingFocused,"whenDocDrawingFocused");const MoveDrawingDownShortcutItem={id:MoveDocDrawingsCommand.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:ui.KeyCode.ARROW_DOWN,priority:100,preconditions:whenDocDrawingFocused,staticParameters:{direction:core.Direction.DOWN}},MoveDrawingUpShortcutItem={id:MoveDocDrawingsCommand.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:ui.KeyCode.ARROW_UP,priority:100,preconditions:whenDocDrawingFocused,staticParameters:{direction:core.Direction.UP}},MoveDrawingLeftShortcutItem={id:MoveDocDrawingsCommand.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:ui.KeyCode.ARROW_LEFT,priority:100,preconditions:whenDocDrawingFocused,staticParameters:{direction:core.Direction.LEFT}},MoveDrawingRightShortcutItem={id:MoveDocDrawingsCommand.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:ui.KeyCode.ARROW_RIGHT,priority:100,preconditions:whenDocDrawingFocused,staticParameters:{direction:core.Direction.RIGHT}},DeleteDrawingsShortcutItem={id:DeleteDocDrawingsCommand.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:whenDocDrawingFocused,binding:ui.KeyCode.DELETE,mac:ui.KeyCode.BACKSPACE};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"),_a2;let DocDrawingUIController=(_a2=class extends core.Disposable{constructor(_injector,_componentManager,_menuService,_commandService,_shortcutService){super(),this._injector=_injector,this._componentManager=_componentManager,this._menuService=_menuService,this._commandService=_commandService,this._shortcutService=_shortcutService,this._init()}_initCustomComponents(){const componentManager=this._componentManager;this.disposeWithMe(componentManager.register(ImageUploadIcon,AddImageSingle)),this.disposeWithMe(componentManager.register(COMPONENT_DOC_UPLOAD_FILE_MENU,UploadFileMenu)),this.disposeWithMe(componentManager.register(COMPONENT_DOC_DRAWING_PANEL,DocDrawingPanel))}_initMenus(){[ImageMenuFactory,UploadFloatImageMenuFactory].forEach(factory=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(factory),{}))})}_initCommands(){[InsertDocImageOperation,InsertDocDrawingCommand,UpdateDocDrawingWrappingStyleCommand,UpdateDocDrawingDistanceCommand,UpdateDocDrawingWrapTextCommand,UpdateDrawingDocTransformCommand,IMoveInlineDrawingCommand,ITransformNonInlineDrawingCommand,RemoveDocDrawingCommand,SidebarDocDrawingOperation,ClearDocDrawingTransformerOperation,EditDocDrawingOperation,GroupDocDrawingCommand,UngroupDocDrawingCommand,MoveDocDrawingsCommand,DeleteDocDrawingsCommand,SetDocDrawingArrangeCommand].forEach(command=>this.disposeWithMe(this._commandService.registerCommand(command)))}_initShortcuts(){[MoveDrawingDownShortcutItem,MoveDrawingUpShortcutItem,MoveDrawingLeftShortcutItem,MoveDrawingRightShortcutItem,DeleteDrawingsShortcutItem].forEach(item=>{this.disposeWithMe(this._shortcutService.registerShortcut(item))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}},__name(_a2,"DocDrawingUIController"),_a2);DocDrawingUIController=__decorateClass$5([core.OnLifecycle(core.LifecycleStages.Ready,DocDrawingUIController),__decorateParam$5(0,core.Inject(core.Injector)),__decorateParam$5(1,core.Inject(ui.ComponentManager)),__decorateParam$5(2,ui.IMenuService),__decorateParam$5(3,core.ICommandService),__decorateParam$5(4,ui.IShortcutService)],DocDrawingUIController);var __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"),_a3;let DocDrawingUpdateRenderController=(_a3=class extends core.Disposable{constructor(_context,_commandService,_textSelectionManagerService,_renderManagerSrv,_imageIoService,_docDrawingService,_drawingManagerService,_contextService,_messageService,_localeService,_textSelectionManager,_textSelectionRenderManager,_docRefreshDrawingsService){super(),this._context=_context,this._commandService=_commandService,this._textSelectionManagerService=_textSelectionManagerService,this._renderManagerSrv=_renderManagerSrv,this._imageIoService=_imageIoService,this._docDrawingService=_docDrawingService,this._drawingManagerService=_drawingManagerService,this._contextService=_contextService,this._messageService=_messageService,this._localeService=_localeService,this._textSelectionManager=_textSelectionManager,this._textSelectionRenderManager=_textSelectionRenderManager,this._docRefreshDrawingsService=_docRefreshDrawingsService,this._initCommandListeners(),this._updateDrawingListener(),this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._editAreaChangeListener()}_initCommandListeners(){this.disposeWithMe(this._commandService.onCommandExecuted(async command=>{if(command.id===InsertDocImageOperation.id){const params=command.params;if(params.files==null)return;const fileLength=params.files.length;if(fileLength>drawing.DRAWING_IMAGE_COUNT_LIMIT){this._messageService.show({type:design.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(drawing.DRAWING_IMAGE_COUNT_LIMIT))});return}this._imageIoService.setWaitCount(fileLength),await this._insertFloatImages(params.files)}}))}async _insertFloatImages(files){let imageParams=[];try{imageParams=await Promise.all(files.map(file=>this._imageIoService.saveImage(file)))}catch(error){const type=error.message;let content="";switch(type){case drawing.ImageUploadStatusType.ERROR_EXCEED_SIZE:content=this._localeService.t("update-status.exceedMaxSize",String(drawing.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case drawing.ImageUploadStatusType.ERROR_IMAGE_TYPE:content=this._localeService.t("update-status.invalidImageType");break;case drawing.ImageUploadStatusType.ERROR_IMAGE:content=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:design.MessageType.Error,content})}if(imageParams.length===0)return;const{unitId}=this._context,docDrawingParams=[];for(const imageParam of imageParams){if(imageParam==null)continue;const{imageId,imageSourceType,source,base64Cache}=imageParam,{width,height,image}=await drawing.getImageSize(base64Cache||"");this._imageIoService.addImageSourceCache(imageId,imageSourceType,image);let scale=1;if(width>drawing.DRAWING_IMAGE_WIDTH_LIMIT||height>drawing.DRAWING_IMAGE_HEIGHT_LIMIT){const scaleWidth=drawing.DRAWING_IMAGE_WIDTH_LIMIT/width,scaleHeight=drawing.DRAWING_IMAGE_HEIGHT_LIMIT/height;scale=Math.min(scaleWidth,scaleHeight)}const docTransform=this._getImagePosition(width*scale,height*scale);if(docTransform==null)return;const docDrawingParam={unitId,subUnitId:unitId,drawingId:imageId,drawingType:drawing.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType,source,transform:docsUi.docDrawingPositionToTransform(docTransform),docTransform,behindDoc:core.BooleanNumber.FALSE,title:"",description:"",layoutType:core.PositionedObjectLayoutType.INLINE,wrapText:core.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};this._isInsertInHeaderFooter()&&(docDrawingParam.isMultiTransform=core.BooleanNumber.TRUE,docDrawingParam.transforms=docDrawingParam.transform?[docDrawingParam.transform]:null),docDrawingParams.push(docDrawingParam)}this._commandService.executeCommand(InsertDocDrawingCommand.id,{unitId,drawings:docDrawingParams})}_isInsertInHeaderFooter(){var _a8;const{unitId}=this._context,viewModel=(_a8=this._renderManagerSrv.getRenderById(unitId))==null?void 0:_a8.with(docs.DocSkeletonManagerService).getViewModel(),editArea=viewModel==null?void 0:viewModel.getEditArea();return editArea===engineRender.DocumentEditArea.HEADER||editArea===engineRender.DocumentEditArea.FOOTER}_getImagePosition(imageWidth,imageHeight){const activeTextRange=this._textSelectionManagerService.getActiveTextRange(),position=(activeTextRange==null?void 0:activeTextRange.getAbsolutePosition())||{left:0,top:0};return{size:{width:imageWidth,height:imageHeight},positionH:{relativeFrom:core.ObjectRelativeFromH.PAGE,posOffset:position.left},positionV:{relativeFrom:core.ObjectRelativeFromV.MARGIN,posOffset:position.top},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(params=>{const{unitId,subUnitId,drawingIds,arrangeType}=params;this._commandService.executeCommand(SetDocDrawingArrangeCommand.id,{unitId,subUnitId,drawingIds,arrangeType})})}_updateDrawingListener(){this._drawingManagerService.featurePluginUpdate$.subscribe(params=>{})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(params=>{this._commandService.executeCommand(GroupDocDrawingCommand.id,params)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(params=>{this._commandService.executeCommand(UngroupDocDrawingCommand.id,params)})}_getCurrentSceneAndTransformer(){const{scene,mainComponent}=this._context;if(scene==null||mainComponent==null)return;const transformer=scene.getTransformerByCreate(),{docsLeft,docsTop}=mainComponent.getOffsetConfig();return{scene,transformer,docsLeft,docsTop}}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(params=>{var _a8;const{transformer,docsLeft,docsTop}=(_a8=this._getCurrentSceneAndTransformer())!=null?_a8:{};if(params==null||params.length===0)this._contextService.setContextValue(core.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),transformer&&transformer.resetProps({zeroTop:0,zeroLeft:0});else{this._contextService.setContextValue(core.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(params),this._textSelectionManager.getActiveTextRange()&&this._textSelectionManager.replaceTextRanges([]);const prevSegmentId=this._textSelectionRenderManager.getSegment(),segmentId=this._findSegmentIdByDrawingId(params[0].drawingId);prevSegmentId!==segmentId&&this._textSelectionRenderManager.setSegment(segmentId),transformer&&transformer.resetProps({zeroTop:docsTop,zeroLeft:docsLeft})}}))}_findSegmentIdByDrawingId(drawingId){var _a8,_b,_c;const{unit:DocDataModel}=this._context,{body,headers={},footers={}}=DocDataModel.getSnapshot();if(((_a8=body==null?void 0:body.customBlocks)!=null?_a8:[]).some(b=>b.blockId===drawingId))return"";for(const headerId of Object.keys(headers))if((_b=headers[headerId].body.customBlocks)!=null&&_b.some(b=>b.blockId===drawingId))return headerId;for(const footerId of Object.keys(footers))if((_c=footers[footerId].body.customBlocks)!=null&&_c.some(b=>b.blockId===drawingId))return footerId;return""}_updateDrawingsEditStatus(){var _a8;const{unit:docDataModel,scene,unitId}=this._context,viewModel=(_a8=this._renderManagerSrv.getRenderById(unitId))==null?void 0:_a8.with(docs.DocSkeletonManagerService).getViewModel();if(viewModel==null||docDataModel==null)return;const snapshot=docDataModel.getSnapshot(),{drawings={}}=snapshot,isEditBody=viewModel.getEditArea()===engineRender.DocumentEditArea.BODY;for(const key of Object.keys(drawings)){const drawing$1=drawings[key],objectKey=drawing.getDrawingShapeKeyByDrawingSearch({unitId,drawingId:drawing$1.drawingId,subUnitId:unitId}),drawingShapes=scene.fuzzyMathObjects(objectKey,!0);if(drawingShapes.length)for(const shape of drawingShapes)scene.detachTransformerFrom(shape),shape.setOpacity(.5),(isEditBody&&drawing$1.isMultiTransform!==core.BooleanNumber.TRUE||!isEditBody&&drawing$1.isMultiTransform===core.BooleanNumber.TRUE)&&(scene.attachTransformerTo(shape),shape.setOpacity(1))}}_editAreaChangeListener(){var _a8;const{unitId}=this._context,viewModel=(_a8=this._renderManagerSrv.getRenderById(unitId))==null?void 0:_a8.with(docs.DocSkeletonManagerService).getViewModel();viewModel!=null&&(this._updateDrawingsEditStatus(),this.disposeWithMe(viewModel.editAreaChange$.subscribe(()=>{this._updateDrawingsEditStatus()})),this._docRefreshDrawingsService.refreshDrawings$.subscribe(skeleton=>{skeleton!=null&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})}),this.disposeWithMe(this._commandService.onCommandExecuted(async command=>{command.id===docs.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}},__name(_a3,"DocDrawingUpdateRenderController"),_a3);DocDrawingUpdateRenderController=__decorateClass$4([__decorateParam$4(1,core.ICommandService),__decorateParam$4(2,core.Inject(docs.TextSelectionManagerService)),__decorateParam$4(3,engineRender.IRenderManagerService),__decorateParam$4(4,drawing.IImageIoService),__decorateParam$4(5,docsDrawing.IDocDrawingService),__decorateParam$4(6,drawing.IDrawingManagerService),__decorateParam$4(7,core.IContextService),__decorateParam$4(8,ui.IMessageService),__decorateParam$4(9,core.Inject(core.LocaleService)),__decorateParam$4(10,core.Inject(docs.TextSelectionManagerService)),__decorateParam$4(11,engineRender.ITextSelectionRenderManager),__decorateParam$4(12,core.Inject(DocRefreshDrawingsService))],DocDrawingUpdateRenderController);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"),_a4;let DocDrawingTransformUpdateController=(_a4=class extends core.Disposable{constructor(_context,_docSkeletonManagerService,_commandService,_editorService,_drawingManagerService,_docRefreshDrawingsService,_univerInstanceService,_lifecycleService){super();__publicField(this,"_liquid",new engineRender.Liquid);this._context=_context,this._docSkeletonManagerService=_docSkeletonManagerService,this._commandService=_commandService,this._editorService=_editorService,this._drawingManagerService=_drawingManagerService,this._docRefreshDrawingsService=_docRefreshDrawingsService,this._univerInstanceService=_univerInstanceService,this._lifecycleService=_lifecycleService,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh(),this._drawingInitializeListener(),this._initResize()}_initialRenderRefresh(){this._docSkeletonManagerService.currentSkeleton$.subscribe(documentSkeleton=>{documentSkeleton!=null&&this._refreshDrawing(documentSkeleton)}),this._docRefreshDrawingsService.refreshDrawings$.subscribe(skeleton=>{skeleton!=null&&this._refreshDrawing(skeleton)})}_commandExecutedListener(){const updateCommandList=[docs.RichTextEditingMutation.id,docs.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(command=>{if(updateCommandList.includes(command.id)){const params=command.params,{unitId:commandUnitId}=params,{unitId,mainComponent}=this._context;if(commandUnitId!==unitId)return;const skeleton=this._docSkeletonManagerService.getSkeleton();if(skeleton==null)return;if(this._editorService.isEditor(unitId)){mainComponent==null||mainComponent.makeDirty();return}this._refreshDrawing(skeleton)}}))}_initResize(){this.disposeWithMe(core.fromEventSubject(this._context.engine.onTransformChange$).pipe(rxjs.filter(evt=>evt.type===engineRender.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),rxjs.debounceTime(16)).subscribe(()=>{var _a8;const skeleton=this._docSkeletonManagerService.getSkeleton(),{scene}=this._context;(_a8=scene.getTransformer())==null||_a8.refreshControls(),this._refreshDrawing(skeleton)}))}_refreshDrawing(skeleton){var _a8,_b;const skeletonData=skeleton==null?void 0:skeleton.getSkeletonData(),{mainComponent,unitId}=this._context,documentComponent=mainComponent;if(!skeletonData)return;const{left:docsLeft,top:docsTop,pageLayoutType,pageMarginLeft,pageMarginTop}=documentComponent,{pages,skeHeaders,skeFooters}=skeletonData,updateDrawingMap={};this._liquid.reset();for(let i=0,len=pages.length;i<len;i++){const page=pages[i],{headerId,footerId,pageWidth}=page;if(headerId){const headerPage=(_a8=skeHeaders.get(headerId))==null?void 0:_a8.get(pageWidth);headerPage&&this._calculateDrawingPosition(unitId,headerPage,docsLeft,docsTop,updateDrawingMap,headerPage.marginTop,page.marginLeft)}if(footerId){const footerPage=(_b=skeFooters.get(footerId))==null?void 0:_b.get(pageWidth);footerPage&&this._calculateDrawingPosition(unitId,footerPage,docsLeft,docsTop,updateDrawingMap,page.pageHeight-page.marginBottom+footerPage.marginTop,page.marginLeft)}this._calculateDrawingPosition(unitId,page,docsLeft,docsTop,updateDrawingMap,page.marginTop,page.marginLeft),this._liquid.translatePage(page,pageLayoutType,pageMarginLeft,pageMarginTop)}const updateDrawings=Object.values(updateDrawingMap),nonMultiDrawings=updateDrawings.filter(drawing2=>!drawing2.isMultiTransform),multiDrawings=updateDrawings.filter(drawing2=>drawing2.isMultiTransform);nonMultiDrawings.length>0&&this._drawingManagerService.refreshTransform(nonMultiDrawings),multiDrawings.length>0&&this._handleMultiDrawingsTransform(multiDrawings)}_handleMultiDrawingsTransform(multiDrawings){const{scene,unitId}=this._context,transformer=scene.getTransformerByCreate();multiDrawings.forEach(updateParam=>{const param=this._drawingManagerService.getDrawingByParam(updateParam);param!=null&&(param.transform=updateParam.transform,param.transforms=updateParam.transforms,param.isMultiTransform=updateParam.isMultiTransform)});const selectedObjectKeys=[...transformer.getSelectedObjectMap().keys()],allMultiDrawings=Object.values(this._drawingManagerService.getDrawingData(unitId,unitId)).filter(drawing2=>drawing2.isMultiTransform===core.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(allMultiDrawings),this._drawingManagerService.addNotification(multiDrawings);for(const key of selectedObjectKeys){const drawingShape=scene.getObject(key);drawingShape&&transformer.setSelectedControl(drawingShape)}}_calculateDrawingPosition(unitId,page,docsLeft,docsTop,updateDrawingMap,marginTop,marginLeft){const{skeDrawings}=page;this._liquid.translatePagePadding({marginTop,marginLeft}),skeDrawings.forEach(drawing2=>{const{aLeft,aTop,height,width,angle,drawingId,drawingOrigin}=drawing2,behindText=drawingOrigin.layoutType===core.PositionedObjectLayoutType.WRAP_NONE&&drawingOrigin.behindDoc===core.BooleanNumber.TRUE,{isMultiTransform=core.BooleanNumber.FALSE}=drawingOrigin,transform={left:aLeft+docsLeft+this._liquid.x,top:aTop+docsTop+this._liquid.y,width,height,angle};updateDrawingMap[drawingId]==null?updateDrawingMap[drawingId]={unitId,subUnitId:unitId,drawingId,behindText,transform,transforms:[transform],isMultiTransform}:isMultiTransform===core.BooleanNumber.TRUE&&updateDrawingMap[drawingId].transforms.push(transform)}),this._liquid.restorePagePadding({marginTop,marginLeft})}_drawingInitializeListener(){this._lifecycleService.lifecycle$.pipe(rxjs.filter(stage=>stage===core.LifecycleStages.Steady),rxjs.first()).subscribe(stage=>{var _a8;const unitId=(_a8=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_DOC))==null?void 0:_a8.getUnitId();if(!unitId)return;const skeleton=this._docSkeletonManagerService.getSkeleton();skeleton!=null&&(this._refreshDrawing(skeleton),this._drawingManagerService.initializeNotification(unitId))})}},__name(_a4,"DocDrawingTransformUpdateController"),_a4);DocDrawingTransformUpdateController=__decorateClass$3([__decorateParam$3(1,core.Inject(docs.DocSkeletonManagerService)),__decorateParam$3(2,core.ICommandService),__decorateParam$3(3,ui.IEditorService),__decorateParam$3(4,drawing.IDrawingManagerService),__decorateParam$3(5,core.Inject(DocRefreshDrawingsService)),__decorateParam$3(6,core.IUniverInstanceService),__decorateParam$3(7,core.Inject(core.LifecycleService))],DocDrawingTransformUpdateController);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");function getAddOrRemoveDrawings(actions){var _a8,_b,_c,_d;if(core.JSONX.isNoop(actions)||!Array.isArray(actions))return null;const drawingsOp=actions.find(action=>Array.isArray(action)&&(action==null?void 0:action[0])==="drawings");if(drawingsOp==null||!Array.isArray(drawingsOp)||drawingsOp.length<3||typeof drawingsOp[1]=="string"&&typeof drawingsOp[2]!="object"||Array.isArray(drawingsOp[1])&&typeof drawingsOp[1][1]!="object")return null;const drawings=[];if(Array.isArray(drawingsOp==null?void 0:drawingsOp[1]))for(const op of drawingsOp)Array.isArray(op)&&drawings.push({type:(_a8=op==null?void 0:op[1])!=null&&_a8.i?"add":"remove",drawingId:op==null?void 0:op[0],drawing:(_b=op==null?void 0:op[1])==null?void 0:_b.i});else drawings.push({type:(_c=drawingsOp[2])!=null&&_c.i?"add":"remove",drawingId:drawingsOp[1],drawing:(_d=drawingsOp[2])==null?void 0:_d.i});return drawings}__name(getAddOrRemoveDrawings,"getAddOrRemoveDrawings");function getReOrderedDrawings(actions){if(!Array.isArray(actions)||actions.length<3||actions[0]!=="drawingsOrder")return[];const drawingIndexes=[];for(let i=1;i<actions.length;i++){const action=actions[i];if(Array.isArray(action)&&typeof action[0]=="number"&&typeof action[1]=="object")drawingIndexes.push(action[0]);else{drawingIndexes.length=0;break}}return drawingIndexes}__name(getReOrderedDrawings,"getReOrderedDrawings");var _a5;let DocDrawingAddRemoveController=(_a5=class extends core.Disposable{constructor(_univerInstanceService,_commandService,_drawingManagerService,_docDrawingService,_renderManagerService){super(),this._univerInstanceService=_univerInstanceService,this._commandService=_commandService,this._drawingManagerService=_drawingManagerService,this._docDrawingService=_docDrawingService,this._renderManagerService=_renderManagerService,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(command=>{if(command.id!==docs.RichTextEditingMutation.id)return;const params=command.params,{unitId,actions}=params,addOrRemoveDrawings=getAddOrRemoveDrawings(actions);if(addOrRemoveDrawings!=null)for(const{type,drawingId,drawing:drawing2}of addOrRemoveDrawings)type==="add"?this._addDrawings(unitId,[drawing2]):this._removeDrawings(unitId,[drawingId])})),this.disposeWithMe(this._commandService.onCommandExecuted(command=>{if(command.id!==docs.RichTextEditingMutation.id)return;const params=command.params,{unitId,actions}=params;getReOrderedDrawings(actions).length>0&&this._updateDrawingsOrder(unitId)})),this.disposeWithMe(this._commandService.onCommandExecuted(command=>{var _a8;if(command.id!==core.UndoCommand.id&&command.id!==core.RedoCommand.id)return;const unitId=(_a8=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:_a8.getUnitId(),focusedDrawings=this._drawingManagerService.getFocusDrawings();if(unitId==null||focusedDrawings.length===0)return;const renderObject=this._renderManagerService.getRenderById(unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return!1;scene.getTransformerByCreate().refreshControls()}))}_addDrawings(unitId,drawings){const drawingManagerService=this._drawingManagerService,docDrawingService=this._docDrawingService,jsonOp=this._docDrawingService.getBatchAddOp(drawings),{subUnitId,redo:op,objects}=jsonOp;drawingManagerService.applyJson1(unitId,subUnitId,op),docDrawingService.applyJson1(unitId,subUnitId,op),drawingManagerService.addNotification(objects),docDrawingService.addNotification(objects)}_removeDrawings(unitId,drawingIds){const drawingManagerService=this._drawingManagerService,docDrawingService=this._docDrawingService,jsonOp=this._docDrawingService.getBatchRemoveOp(drawingIds.map(drawingId=>({unitId,subUnitId:unitId,drawingId}))),{subUnitId,redo:op,objects}=jsonOp;drawingManagerService.applyJson1(unitId,subUnitId,op),docDrawingService.applyJson1(unitId,subUnitId,op),drawingManagerService.removeNotification(objects),docDrawingService.removeNotification(objects)}_updateDrawingsOrder(unitId){const documentDataModel=this._univerInstanceService.getUniverDocInstance(unitId);if(documentDataModel==null)return;const drawingsOrder=documentDataModel.getSnapshot().drawingsOrder;if(drawingsOrder==null)return;const drawingManagerService=this._drawingManagerService,docDrawingService=this._docDrawingService;drawingManagerService.setDrawingOrder(unitId,unitId,drawingsOrder),docDrawingService.setDrawingOrder(unitId,unitId,drawingsOrder);const objects={unitId,subUnitId:unitId,drawingIds:drawingsOrder};drawingManagerService.orderNotification(objects),docDrawingService.orderNotification(objects)}},__name(_a5,"DocDrawingAddRemoveController"),_a5);DocDrawingAddRemoveController=__decorateClass$2([core.OnLifecycle(core.LifecycleStages.Ready,DocDrawingAddRemoveController),__decorateParam$2(0,core.IUniverInstanceService),__decorateParam$2(1,core.ICommandService),__decorateParam$2(2,drawing.IDrawingManagerService),__decorateParam$2(3,docsDrawing.IDocDrawingService),__decorateParam$2(4,engineRender.IRenderManagerService)],DocDrawingAddRemoveController);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");const INLINE_DRAWING_ANCHOR_KEY_PREFIX="__InlineDrawingAnchor__";function isInTableCell(nodePosition){const{path}=nodePosition;return path.some(p=>p==="cells")}__name(isInTableCell,"isInTableCell");var _a6;let DocDrawingTransformerController=(_a6=class extends core.Disposable{constructor(_commandService,_univerInstanceService,_drawingManagerService,_renderManagerService,_textSelectionRenderManager){super();__publicField(this,"_liquid",new engineRender.Liquid);__publicField(this,"_listenerOnImageMap",new Set);__publicField(this,"_transformerCache",new Map);__publicField(this,"_anchorShape");this._commandService=_commandService,this._univerInstanceService=_univerInstanceService,this._drawingManagerService=_drawingManagerService,this._renderManagerService=_renderManagerService,this._textSelectionRenderManager=_textSelectionRenderManager,this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(drawingParams=>{if(drawingParams.length!==0)for(const drawingParam of drawingParams){const{unitId}=drawingParam;this._listenerOnImageMap.has(unitId)||(this._listenTransformerChange(unitId),this._listenerOnImageMap.add(unitId))}}))}_listenTransformerChange(unitId){var _a8;const transformer=(_a8=this._getSceneAndTransformerByDrawingSearch(unitId))==null?void 0:_a8.transformer;if(transformer==null)return;this.disposeWithMe(core.toDisposable(transformer.changeStart$.subscribe(state=>{var _a9;this._transformerCache.clear();const{objects}=state;for(const object of objects.values()){const{oKey,width,height,left,top,angle}=object,drawing2=this._drawingManagerService.getDrawingOKey(oKey);if(drawing2==null)continue;const documentDataModel=this._univerInstanceService.getUniverDocInstance(drawing2.unitId),drawingData=(_a9=documentDataModel==null?void 0:documentDataModel.getSnapshot().drawings)==null?void 0:_a9[drawing2.drawingId];(drawingData==null?void 0:drawingData.layoutType)===core.PositionedObjectLayoutType.INLINE&&object.setOpacity(.2),drawingData!=null&&this._transformerCache.set(drawing2.drawingId,{drawing:drawingData,top,left,width,height,angle})}})));const throttleMultipleDrawingUpdate=core.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);core.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(core.toDisposable(transformer.changing$.subscribe(state=>{const{objects,offsetX,offsetY}=state;if(objects.size>1)throttleMultipleDrawingUpdate(objects);else if(objects.size===1){const drawingCache=this._transformerCache.values().next().value,object=objects.values().next().value,{width,height,top,left,angle}=object;if(width===drawingCache.width&&height===drawingCache.height&&top===drawingCache.top&&left===drawingCache.left&&angle===drawingCache.angle)return;drawingCache&&(drawingCache.drawing.layoutType,core.PositionedObjectLayoutType.INLINE),drawingCache&&drawingCache.drawing.layoutType===core.PositionedObjectLayoutType.INLINE&&offsetX!=null&&offsetY!=null&&this._updateInlineDrawingAnchor(drawingCache.drawing,offsetX,offsetY)}}))),this.disposeWithMe(core.toDisposable(transformer.changeEnd$.subscribe(state=>{const{objects,offsetX,offsetY}=state;for(const object of objects.values()){const drawing2=this._drawingManagerService.getDrawingOKey(object.oKey);if(drawing2==null)continue;const drawingCache=this._transformerCache.get(drawing2==null?void 0:drawing2.drawingId);(drawingCache==null?void 0:drawingCache.drawing.layoutType)===core.PositionedObjectLayoutType.INLINE&&object.setOpacity(1)}if(this._anchorShape&&this._anchorShape.hide(),objects.size>1)this._updateMultipleDrawingDocTransform(objects);else if(objects.size===1){const drawingCache=this._transformerCache.values().next().value,object=objects.values().next().value,{width,height,top,left,angle}=object;if(width===drawingCache.width&&height===drawingCache.height&&top===drawingCache.top&&left===drawingCache.left&&angle===drawingCache.angle)return;drawingCache&&drawingCache.drawing.layoutType===core.PositionedObjectLayoutType.INLINE?width!==drawingCache.width||height!==drawingCache.height||angle!==drawingCache.angle?this._updateDrawingSize(drawingCache,object):offsetX!=null&&offsetY!=null&&this._moveInlineDrawing(drawingCache.drawing,offsetX,offsetY):drawingCache&&this._nonInlineDrawingTransform(drawingCache.drawing,object)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(objects){if(objects.size<1)return;const drawings=[];let unitId,subUnitId;for(const object of objects.values()){const{oKey,left,top,angle}=object;let{width,height}=object;const drawing2=this._drawingManagerService.getDrawingOKey(oKey);if(drawing2==null)continue;unitId==null&&(unitId=drawing2.unitId),subUnitId==null&&(subUnitId=drawing2.subUnitId);const drawingCache=this._transformerCache.get(drawing2.drawingId);if(drawingCache==null)continue;const{drawing:drawingData,top:oldTop,left:oldLeft,width:oldWidth,height:oldHeight,angle:oldAngle}=drawingCache,{width:maxWidth,height:maxHeight}=this._getPageContentSize(drawingData);if(width=Math.min(width,maxWidth),height=Math.min(height,maxHeight),(oldWidth!==width||oldHeight!==height)&&drawings.push({drawingId:drawing2.drawingId,key:"size",value:{width,height}}),oldAngle!==angle&&drawings.push({drawingId:drawing2.drawingId,key:"angle",value:angle}),oldTop!==top||oldLeft!==left){const verticalDelta=top-oldTop,horizontalDelta=left-oldLeft;verticalDelta!==0&&drawings.push({drawingId:drawing2.drawingId,key:"positionV",value:{relativeFrom:drawingData.docTransform.positionV.relativeFrom,posOffset:drawingData.docTransform.positionV.posOffset+verticalDelta}}),horizontalDelta!==0&&drawings.push({drawingId:drawing2.drawingId,key:"positionH",value:{relativeFrom:drawingData.docTransform.positionH.relativeFrom,posOffset:drawingData.docTransform.positionH.posOffset+horizontalDelta}})}}drawings.length>0&&unitId&&subUnitId&&this._commandService.executeCommand(UpdateDrawingDocTransformCommand.id,{unitId,subUnitId,drawings})}_updateDrawingAnchor(objects){if(this._transformerCache.size!==1)return;const drawingCache=this._transformerCache.values().next().value,object=objects.values().next().value;this._getDrawingAnchor(drawingCache.drawing,object)}_updateInlineDrawingAnchor(drawing2,offsetX,offsetY){var _a8;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup}=(_a8=this._getInlineDrawingAnchor(drawing2,offsetX,offsetY))!=null?_a8:{};contentBoxPointGroup!=null&&this._createOrUpdateInlineAnchor(drawing2.unitId,contentBoxPointGroup)}_getInlineDrawingAnchor(drawing2,offsetX,offsetY){var _a8;const currentRender=this._renderManagerService.getRenderById(drawing2.unitId),skeleton=currentRender==null?void 0:currentRender.with(docs.DocSkeletonManagerService).getSkeleton();if(currentRender==null)return;const{mainComponent,scene}=currentRender,documentComponent=mainComponent,activeViewport=scene.getViewports()[0],{pageLayoutType=engineRender.PageLayoutType.VERTICAL,pageMarginLeft,pageMarginTop}=documentComponent.getOffsetConfig();let glyphAnchor=null,isBack=!1,segmentPageIndex=-1,segmentId="";const HALF=.5,coord=this._getTransformCoordForDocumentOffset(documentComponent,activeViewport,offsetX,offsetY);if(coord==null)return;const nodeInfo=skeleton==null?void 0:skeleton.findNodeByCoord(coord,pageLayoutType,pageMarginLeft,pageMarginTop,{strict:!1,segmentId:this._textSelectionRenderManager.getSegment(),segmentPage:this._textSelectionRenderManager.getSegmentPage()});if(nodeInfo){const{node,ratioX,segmentPage,segmentId:nodeSegmentId}=nodeInfo;isBack=ratioX<HALF,glyphAnchor=node,segmentPageIndex=segmentPage,segmentId=nodeSegmentId}if(glyphAnchor==null)return;const nodePosition=skeleton==null?void 0:skeleton.findPositionByGlyph(glyphAnchor,segmentPageIndex),docObject=this._getDocObject();if(nodePosition==null||skeleton==null||docObject==null||isInTableCell(nodePosition))return;const positionWithIsBack={...nodePosition,isBack},documentOffsetConfig=docObject.document.getOffsetConfig(),convertor=new engineRender.NodePositionConvertToCursor(documentOffsetConfig,skeleton),{cursorList,contentBoxPointGroup}=convertor.getRangePointData(positionWithIsBack,positionWithIsBack),{startOffset}=(_a8=engineRender.getOneTextSelectionRange(cursorList))!=null?_a8:{};if(startOffset!=null)return{offset:startOffset,contentBoxPointGroup,segmentId,segmentPage:segmentPageIndex}}_getDrawingAnchor(drawing2,object){var _a8,_b,_c,_d,_e,_f,_g,_h,_i,_j;const currentRender=this._renderManagerService.getRenderById(drawing2.unitId),skeleton=currentRender==null?void 0:currentRender.with(docs.DocSkeletonManagerService).getSkeleton(),skeletonData=skeleton==null?void 0:skeleton.getSkeletonData();if(skeletonData==null||currentRender==null)return;const{pages,skeHeaders,skeFooters}=skeletonData,{mainComponent,scene}=currentRender,documentComponent=mainComponent,activeViewport=scene.getViewports()[0],{pageLayoutType=engineRender.PageLayoutType.VERTICAL,pageMarginLeft,pageMarginTop,docsLeft,docsTop}=documentComponent.getOffsetConfig(),{left,top,angle}=object;let{width,height}=object;const{positionV,positionH}=drawing2.docTransform,{width:maxWidth,height:maxHeight}=this._getPageContentSize(drawing2);width=Math.min(width,maxWidth),height=Math.min(height,maxHeight);let glyphAnchor=null,segmentId="",segmentPage=-1;const isBack=!1,docTransform={...drawing2.docTransform,size:{width,height},angle},{x,y}=scene.getViewportScrollXY(activeViewport),coord=this._getTransformCoordForDocumentOffset(documentComponent,activeViewport,left-x,top-y);if(coord==null)return;const nodeInfo=skeleton==null?void 0:skeleton.findNodeByCoord(coord,pageLayoutType,pageMarginLeft,pageMarginTop,{strict:!1,segmentId:this._textSelectionRenderManager.getSegment(),segmentPage:this._textSelectionRenderManager.getSegmentPage()});if(nodeInfo){const{node,segmentPage:segmentPageIndex,segmentId:nodeSegmentId}=nodeInfo;glyphAnchor=node,segmentPage=segmentPageIndex,segmentId=nodeSegmentId}if(glyphAnchor==null)return;const line=(_a8=glyphAnchor.parent)==null?void 0:_a8.parent,column=line==null?void 0:line.parent,paragraphStartLine=(_b=column==null?void 0:column.lines.find(l=>l.paragraphIndex===(line==null?void 0:line.paragraphIndex)&&l.paragraphStart))!=null?_b:column==null?void 0:column.lines[0],page=(_c=column==null?void 0:column.parent)==null?void 0:_c.parent;if(line==null||column==null||paragraphStartLine==null||page==null)return;this._liquid.reset();const pageType=page.type;for(const p of pages){const{headerId,footerId,pageHeight,pageWidth,marginLeft,marginBottom}=p,pIndex=pages.indexOf(p);if(segmentPage>-1&&pIndex===segmentPage){switch(pageType){case engineRender.DocumentSkeletonPageType.HEADER:{const headerSke=(_d=skeHeaders.get(headerId))==null?void 0:_d.get(pageWidth);if(headerSke)this._liquid.translatePagePadding({marginTop:headerSke.marginTop,marginLeft});else throw new Error("header skeleton not found");break}case engineRender.DocumentSkeletonPageType.FOOTER:{const footerSke=(_e=skeFooters.get(footerId))==null?void 0:_e.get(pageWidth);if(footerSke)this._liquid.translatePagePadding({marginTop:pageHeight-marginBottom+footerSke.marginTop,marginLeft});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(p),p===page)break;this._liquid.restorePagePadding(p),this._liquid.translatePage(p,pageLayoutType,pageMarginLeft,pageMarginTop)}switch(positionV.relativeFrom===core.ObjectRelativeFromV.LINE?glyphAnchor=line.divides[0].glyphGroup[0]:glyphAnchor=(_i=(_h=(_g=(_f=paragraphStartLine.divides)==null?void 0:_f[0])==null?void 0:_g.glyphGroup)==null?void 0:_h[0])!=null?_i:glyphAnchor,docTransform.positionH={relativeFrom:positionH.relativeFrom,posOffset:left-this._liquid.x-docsLeft},positionH.relativeFrom){case core.ObjectRelativeFromH.MARGIN:{docTransform.positionH.posOffset=left-this._liquid.x-docsLeft-page.marginLeft;break}case core.ObjectRelativeFromH.COLUMN:{docTransform.positionH.posOffset=left-this._liquid.x-docsLeft-column.left;break}}switch(docTransform.positionV={relativeFrom:positionV.relativeFrom,posOffset:top-this._liquid.y-docsTop},positionV.relativeFrom){case core.ObjectRelativeFromV.PAGE:{docTransform.positionV.posOffset=top-this._liquid.y-docsTop-page.marginTop;break}case core.ObjectRelativeFromV.LINE:{docTransform.positionV.posOffset=top-this._liquid.y-docsTop-line.top;break}case core.ObjectRelativeFromV.PARAGRAPH:{docTransform.positionV.posOffset=top-this._liquid.y-docsTop-paragraphStartLine.top;break}}if(glyphAnchor==null)return;const nodePosition=skeleton==null?void 0:skeleton.findPositionByGlyph(glyphAnchor,segmentPage),docObject=this._getDocObject();if(nodePosition==null||skeleton==null||docObject==null||isInTableCell(nodePosition))return;const positionWithIsBack={...nodePosition,isBack},documentOffsetConfig=docObject.document.getOffsetConfig(),convertor=new engineRender.NodePositionConvertToCursor(documentOffsetConfig,skeleton),{cursorList}=convertor.getRangePointData(positionWithIsBack,positionWithIsBack),{startOffset}=(_j=engineRender.getOneTextSelectionRange(cursorList))!=null?_j:{};if(startOffset!=null)return{offset:startOffset,docTransform,segmentId,segmentPage}}_updateDrawingSize(drawingCache,object){const drawings=[],{drawing:drawing2,width:oldWidth,height:oldHeight,angle:oldAngle}=drawingCache,{unitId,subUnitId}=drawing2;let{width,height,angle}=object;const{width:maxWidth,height:maxHeight}=this._getPageContentSize(drawing2);width=Math.min(maxWidth,width),height=Math.min(maxHeight,height),(width!==oldWidth||height!==oldHeight)&&drawings.push({drawingId:drawing2.drawingId,key:"size",value:{width,height}}),angle!==oldAngle&&drawings.push({drawingId:drawing2.drawingId,key:"angle",value:angle}),drawings.length>0&&unitId&&subUnitId&&this._commandService.executeCommand(UpdateDrawingDocTransformCommand.id,{unitId,subUnitId,drawings})}_moveInlineDrawing(drawing2,offsetX,offsetY){const anchor=this._getInlineDrawingAnchor(drawing2,offsetX,offsetY),{offset,segmentId,segmentPage}=anchor!=null?anchor:{};return this._commandService.executeCommand(IMoveInlineDrawingCommand.id,{unitId:drawing2.unitId,subUnitId:drawing2.unitId,drawing:drawing2,offset,segmentId,segmentPage,needRefreshDrawings:offset==null})}_limitDrawingInPage(drawing2,object){const currentRender=this._renderManagerService.getRenderById(drawing2.unitId),{left,top,width,height,angle}=object,skeleton=currentRender==null?void 0:currentRender.with(docs.DocSkeletonManagerService).getSkeleton(),skeletonData=skeleton==null?void 0:skeleton.getSkeletonData(),{pages}=skeletonData!=null?skeletonData:{};if(skeletonData==null||currentRender==null||pages==null)return{left,top,width,height,angle};const{mainComponent}=currentRender,documentComponent=mainComponent,{top:docsTop,pageLayoutType,pageMarginLeft,pageMarginTop}=documentComponent;let newTop=top;this._liquid.reset();for(const page of pages){const{marginBottom,pageHeight}=page,index=pages.indexOf(page),nextPage=pages[index+1];if(nextPage==null)continue;if(core.Tools.hasIntersectionBetweenTwoRanges(top,top+height,this._liquid.y+docsTop+pageHeight-marginBottom,this._liquid.y+docsTop+pageHeight+pageMarginTop+nextPage.marginTop)){const drawingVMiddle=top+height/2,pagesMiddle=this._liquid.y+docsTop+pageHeight+pageMarginTop/2;drawingVMiddle<pagesMiddle?newTop=Math.min(top,this._liquid.y+docsTop+pageHeight-marginBottom-height):newTop=Math.max(top,this._liquid.y+docsTop+pageHeight+pageMarginTop+nextPage.marginTop)}this._liquid.translatePage(page,pageLayoutType,pageMarginLeft,pageMarginTop)}return{left,top:newTop,width,height,angle}}_nonInlineDrawingTransform(drawing2,object,isMoving=!1){const objectPosition=drawing2.isMultiTransform===core.BooleanNumber.TRUE?object:this._limitDrawingInPage(drawing2,object);if(isMoving&&objectPosition.top!==object.top)return;const anchor=this._getDrawingAnchor(drawing2,objectPosition),{offset,docTransform,segmentId,segmentPage}=anchor!=null?anchor:{};return offset==null||docTransform==null?this._updateMultipleDrawingDocTransform(new Map([[drawing2.drawingId,object]])):this._commandService.executeCommand(ITransformNonInlineDrawingCommand.id,{unitId:drawing2.unitId,subUnitId:drawing2.unitId,drawing:drawing2,offset,docTransform,segmentId,segmentPage})}_getSceneAndTransformerByDrawingSearch(unitId){if(unitId==null)return;const renderObject=this._renderManagerService.getRenderById(unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return;const transformer=scene.getTransformerByCreate();return{scene,transformer}}_getTransformCoordForDocumentOffset(document,viewport,evtOffsetX,evtOffsetY){const{documentTransform}=document.getOffsetConfig(),originCoord=viewport.transformVector2SceneCoord(engineRender.Vector2.FromArray([evtOffsetX,evtOffsetY]));if(originCoord)return documentTransform.clone().invert().applyPoint(originCoord)}_createOrUpdateInlineAnchor(unitId,pointsGroup){const currentRender=this._renderManagerService.getRenderById(unitId);if(currentRender==null)return;const{mainComponent,scene}=currentRender,documentComponent=mainComponent,{docsLeft,docsTop}=documentComponent.getOffsetConfig(),bounding=engineRender.getAnchorBounding(pointsGroup),{left:boundingLeft,top:boundingTop,height}=bounding,left=boundingLeft+docsLeft,top=boundingTop+docsTop;if(this._anchorShape){this._anchorShape.transformByState({left,top,height}),this._anchorShape.show();return}const ID_LENGTH=6,anchor=new engineRender.Rect(INLINE_DRAWING_ANCHOR_KEY_PREFIX+core.Tools.generateRandomId(ID_LENGTH),{left,top,height,strokeWidth:2,stroke:engineRender.getColor(core.COLORS.darkGray,1),evented:!1});this._anchorShape=anchor,scene.addObject(anchor,engineRender.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return docs.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(drawing2){const currentRender=this._renderManagerService.getRenderById(drawing2.unitId),skeleton=currentRender==null?void 0:currentRender.with(docs.DocSkeletonManagerService).getSkeleton(),MAX_WIDTH=500,MAX_HEIGHT=500,skeletonData=skeleton==null?void 0:skeleton.getSkeletonData();if(skeletonData==null||currentRender==null)return{width:MAX_WIDTH,height:MAX_HEIGHT};const{pages}=skeletonData;let page=null;for(const p of pages){const{skeDrawings}=p;if(skeDrawings.has(drawing2.drawingId)){page=p;break}}if(page){const{pageWidth,pageHeight,marginLeft,marginBottom,marginRight,marginTop}=page;return{width:Math.max(MAX_WIDTH,pageWidth-marginLeft-marginRight),height:Math.max(MAX_HEIGHT,pageHeight-marginTop-marginBottom)}}else return{width:MAX_WIDTH,height:MAX_HEIGHT}}},__name(_a6,"DocDrawingTransformerController"),_a6);DocDrawingTransformerController=__decorateClass$1([core.OnLifecycle(core.LifecycleStages.Rendered,DocDrawingTransformerController),__decorateParam$1(0,core.ICommandService),__decorateParam$1(1,core.IUniverInstanceService),__decorateParam$1(2,drawing.IDrawingManagerService),__decorateParam$1(3,engineRender.IRenderManagerService),__decorateParam$1(4,engineRender.ITextSelectionRenderManager)],DocDrawingTransformerController);var __defProp2=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__defNormalProp2=__name((obj,key,value)=>key in obj?__defProp2(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,"__defNormalProp"),__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"),__publicField2=__name((obj,key,value)=>__defNormalProp2(obj,typeof key!="symbol"?key+"":key,value),"__publicField");const PLUGIN_NAME="DOCS_DRAWING_UI_PLUGIN";var _a7;exports.UniverDocsDrawingUIPlugin=(_a7=class extends core.Plugin{constructor(_config,_injector,_renderManagerSrv){super(),this._injector=_injector,this._renderManagerSrv=_renderManagerSrv}onStarting(){[[DocDrawingUIController],[DocDrawingPopupMenuController],[DocDrawingTransformerController],[DocDrawingAddRemoveController],[DocRefreshDrawingsService]].forEach(dependency=>this._injector.add(dependency))}onReady(){[[DocDrawingUpdateRenderController],[DocDrawingTransformUpdateController]].forEach(m=>this._renderManagerSrv.registerRenderModule(core.UniverInstanceType.UNIVER_DOC,m))}},__name(_a7,"UniverDocsDrawingUIPlugin"),_a7);__publicField2(exports.UniverDocsDrawingUIPlugin,"type",core.UniverInstanceType.UNIVER_DOC);__publicField2(exports.UniverDocsDrawingUIPlugin,"pluginName",PLUGIN_NAME);exports.UniverDocsDrawingUIPlugin=__decorateClass([core.DependentOn(drawingUi.UniverDrawingUIPlugin,drawing.UniverDrawingPlugin,docsDrawing.UniverDocsDrawingPlugin),__decorateParam(1,core.Inject(core.Injector)),__decorateParam(2,engineRender.IRenderManagerService)],exports.UniverDocsDrawingUIPlugin);exports.COMPONENT_DOC_UPLOAD_FILE_MENU=COMPONENT_DOC_UPLOAD_FILE_MENU;exports.ClearDocDrawingTransformerOperation=ClearDocDrawingTransformerOperation;exports.DeleteDocDrawingsCommand=DeleteDocDrawingsCommand;exports.EditDocDrawingOperation=EditDocDrawingOperation;exports.GroupDocDrawingCommand=GroupDocDrawingCommand;exports.IMAGE_MENU_ID=IMAGE_MENU_ID;exports.InsertDocDrawingCommand=InsertDocDrawingCommand;exports.InsertDocImageOperation=InsertDocImageOperation;exports.MoveDocDrawingsCommand=MoveDocDrawingsCommand;exports.RemoveDocDrawingCommand=RemoveDocDrawingCommand;exports.SetDocDrawingArrangeCommand=SetDocDrawingArrangeCommand;exports.SidebarDocDrawingOperation=SidebarDocDrawingOperation;exports.UngroupDocDrawingCommand=UngroupDocDrawingCommand;