@univerjs/docs-drawing-ui 0.2.3 → 0.2.4

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";var gn=Object.defineProperty;var pn=(i,e,n)=>e in i?gn(i,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[e]=n;var ue=(i,e,n)=>pn(i,typeof e!="symbol"?e+"":e,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@univerjs/core"),se=require("@wendellhu/redi"),ge=require("@univerjs/drawing-ui"),F=require("@univerjs/drawing"),j=require("@univerjs/docs-drawing"),x=require("@univerjs/engine-render"),Ne=require("rxjs"),Pe=require("@univerjs/docs-ui"),U=require("@univerjs/docs"),$=require("@univerjs/ui"),Q=require("@wendellhu/redi/react-bindings"),l=require("react"),X=require("clsx"),W=require("@univerjs/design"),Ae={id:"doc.command.remove-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{var _,P,N,T;const n=i.get(r.ICommandService),t=i.get(r.IUniverInstanceService),o=i.get(x.ITextSelectionRenderManager),a=t.getCurrentUniverDocInstance();if(e==null||a==null)return!1;const{drawings:s}=e,c=(_=o.getSegment())!=null?_:"",m=new r.TextX,d=r.JSONX.getInstance(),u=(N=(P=a.getSelfOrHeaderFooterModel(c).getBody())==null?void 0:P.customBlocks)!=null?N:[],g=s.map(b=>u.find(R=>R.blockId===b.drawingId)).filter(b=>!!b).sort((b,R)=>b.startIndex>R.startIndex?1:-1),f=s[0].unitId,h=new r.MemoryCursor;h.reset();const p=g[0].startIndex,I=[{startOffset:p,endOffset:p}],w={id:U.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:I}},S=[];for(const b of g){const{startIndex:R}=b;R>h.cursor&&m.push({t:r.TextXActionType.RETAIN,len:R-h.cursor,segmentId:""}),m.push({t:r.TextXActionType.DELETE,len:1,line:0,segmentId:""}),h.moveCursorTo(R+1)}const C=U.getRichTextEditPath(a,c);S.push(d.editOp(m.serialize(),C));for(const b of g){const{blockId:R}=b,M=((T=a.getDrawings())!=null?T:{})[R],B=a.getDrawingsOrder().indexOf(R),V=d.removeOp(["drawings",R],M),q=d.removeOp(["drawingsOrder",B],R);S.push(V),S.push(q)}return w.params.actions=S.reduce((b,R)=>r.JSONX.compose(b,R),null),!!n.syncExecuteCommand(w.id,w.params)}},Ze="COMPONENT_DOC_DRAWING_PANEL",Le={id:"sidebar.operation.doc-image",type:r.CommandType.COMMAND,handler:async(i,e)=>{const n=i.get($.ISidebarService),t=i.get(r.LocaleService),o=i.get(F.IDrawingManagerService);switch(e.value){case"open":n.open({header:{title:t.t("docImage.panel.title")},children:{label:Ze},onClose:()=>{o.focusDrawing(null)},width:360});break;case"close":default:n.close();break}return!0}},Fe={id:"doc.operation.edit-doc-image",type:r.CommandType.OPERATION,handler:(i,e)=>{const n=i.get(F.IDrawingManagerService),t=i.get(r.ICommandService);return e==null?!1:(n.focusDrawing([e]),t.executeCommand(Le.id,{value:"open"}),!0)}};var fn=Object.defineProperty,hn=Object.getOwnPropertyDescriptor,vn=(i,e,n,t)=>{for(var o=t>1?void 0:t?hn(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))||o);return t&&o&&fn(e,n,o),o},fe=(i,e)=>(n,t)=>e(n,t,i);let Me=class extends r.RxDisposable{constructor(e,n,t,o,a){super();ue(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=n,this._renderManagerService=t,this._univerInstanceService=o,this._contextService=a,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(r.UniverInstanceType.UNIVER_DOC).pipe(Ne.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(r.UniverInstanceType.UNIVER_DOC).pipe(Ne.takeUntil(this.dispose$)).subscribe(e=>this._dispose(e)),this._univerInstanceService.getAllUnitsForType(r.UniverInstanceType.UNIVER_DOC).forEach(e=>this._create(e))}_dispose(e){const n=e.getUnitId();this._renderManagerService.removeRender(n)}_create(e){if(!e)return;const n=e.getUnitId();this._renderManagerService.has(n)&&!this._initImagePopupMenu.has(n)&&(this._popupMenuListener(n),this._initImagePopupMenu.add(n))}_hasCropObject(e){const n=e.getAllObjects();for(const t of n)if(t instanceof ge.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var a;const n=(a=this._renderManagerService.getRenderById(e))==null?void 0:a.scene;if(!n)return;const t=n.getTransformerByCreate();if(!t)return;const o=[];this.disposeWithMe(r.toDisposable(t.createControl$.subscribe(()=>{if(this._hasCropObject(n))return;const s=t.getSelectedObjectMap();if(o.forEach(I=>I.dispose()),o.length=0,s.size>1)return;const c=s.values().next().value;if(!c)return;const m=c.oKey,d=this._drawingManagerService.getDrawingOKey(m);if(!d)return;const{unitId:u,subUnitId:g,drawingId:f}=d;o.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(c,{componentKey:ge.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(u,g,f)}}))),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===u&&I.subUnitId===g&&I.drawingId===f)&&this._drawingManagerService.focusDrawing([{unitId:u,subUnitId:g,drawingId:f}])}))),this.disposeWithMe(r.toDisposable(t.clearControl$.subscribe(()=>{o.forEach(s=>s.dispose()),o.length=0,this._contextService.setContextValue(r.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(r.toDisposable(t.changing$.subscribe(()=>{o.forEach(s=>s.dispose()),o.length=0}))),this.disposeWithMe(r.toDisposable(t.changeStart$.subscribe(()=>{o.forEach(s=>s.dispose()),o.length=0})))}_getImageMenuItems(e,n,t){return[{label:"image-popup.edit",index:0,commandId:Fe.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!1},{label:"image-popup.delete",index:1,commandId:Ae.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:n,drawingId:t}]},disable:!1},{label:"image-popup.crop",index:2,commandId:ge.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!0},{label:"image-popup.reset",index:3,commandId:ge.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:n,drawingId:t}],disable:!0}]}};Me=vn([r.OnLifecycle(r.LifecycleStages.Rendered,Me),fe(0,F.IDrawingManagerService),fe(1,se.Inject(Pe.DocCanvasPopManagerService)),fe(2,x.IRenderManagerService),fe(3,r.IUniverInstanceService),fe(4,r.IContextService)],Me);var te=function(){return te=Object.assign||function(i){for(var e,n=1,t=arguments.length;n<t;n++){e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(i[o]=e[o])}return i},te.apply(this,arguments)},In=function(i,e){var n={};for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&e.indexOf(t)<0&&(n[t]=i[t]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,t=Object.getOwnPropertySymbols(i);o<t.length;o++)e.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(i,t[o])&&(n[t[o]]=i[t[o]]);return n},Qe=l.forwardRef(function(i,e){var n=i.icon,t=i.id,o=i.className,a=i.extend,s=In(i,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(t," ").concat(o||"").trim(),m=l.useRef("_".concat(Dn()));return en(n,"".concat(t),{defIds:n.defIds,idSuffix:m.current},te({ref:e,className:c},s),a)});function en(i,e,n,t,o){return l.createElement(i.tag,te(te({key:e},wn(i,n,o)),t),(Sn(i,n).children||[]).map(function(a,s){return en(a,"".concat(e,"-").concat(i.tag,"-").concat(s),n,void 0,o)}))}function wn(i,e,n){var t=te({},i.attrs);n!=null&&n.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=n.colorChannel1);var o=e.defIds;return!o||o.length===0||(i.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.idSuffix),Object.entries(t).forEach(function(a){var s=a[0],c=a[1];typeof c=="string"&&(t[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),t}function Sn(i,e){var n,t=e.defIds;return!t||t.length===0?i:i.tag==="defs"&&(!((n=i.children)===null||n===void 0)&&n.length)?te(te({},i),{children:i.children.map(function(o){return typeof o.attrs.id=="string"&&t&&t.indexOf(o.attrs.id)>-1?te(te({},o),{attrs:te(te({},o.attrs),{id:o.attrs.id+e.idSuffix})}):o})}):i}function Dn(){return Math.random().toString(36).substring(2,8)}Qe.displayName="UniverIcon";var Cn={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"}}]},nn=l.forwardRef(function(i,e){return l.createElement(Qe,Object.assign({},i,{id:"add-image-single",ref:e,icon:Cn}))});nn.displayName="AddImageSingle";const we={id:"doc.operation.insert-float-image",type:r.CommandType.OPERATION,handler:()=>!0},_n="univer-upload-file-menu",Tn="univer-upload-file-menu-input",ze={uploadFileMenu:_n,uploadFileMenuInput:Tn},yn=()=>{const i=Q.useDependency(r.ICommandService),e=l.useRef(null),n=()=>{var a;(a=e.current)==null||a.click()},t=F.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(a=>`.${a.replace("image/","")}`).join(","),o=a=>{const s=a.target.files;if(s==null)return;const c=Array.from(s);i.executeCommand(we.id,{files:c}),e.current&&(e.current.value="")};return l.createElement("div",{onClick:n,className:ze.uploadFileMenu},l.createElement("input",{type:"file",className:ze.uploadFileMenuInput,ref:e,onChange:o,accept:t,multiple:!0}))},tn="COMPONENT_DOC_UPLOAD_FILE_MENU",on="addition-and-subtraction-single",rn="doc.menu.image";function On(i){const e=i.get(r.IUniverInstanceService),n=i.get(x.IRenderManagerService);return new Ne.Observable(t=>{const o=e.focused$.subscribe(c=>{if(c==null)return t.next(!0);const m=n.getRenderById(c);if(m==null)return t.next(!0);m.with(U.DocSkeletonManagerService).getViewModel().editAreaChange$.subscribe(u=>{t.next(u===x.DocumentEditArea.HEADER||u===x.DocumentEditArea.FOOTER)})}),a=n.getCurrentTypeOfRenderer(r.UniverInstanceType.UNIVER_DOC);if(a==null)return t.next(!0);const s=a.with(U.DocSkeletonManagerService).getViewModel();return t.next(s.getEditArea()!==x.DocumentEditArea.BODY),()=>o.unsubscribe()})}function Pn(i){return{id:rn,type:$.MenuItemType.SUBITEMS,positions:[$.MenuPosition.TOOLBAR_START],group:$.MenuGroup.TOOLBAR_LAYOUT,icon:on,tooltip:"docImage.title",hidden$:Ne.combineLatest($.getMenuHiddenObservable(i,r.UniverInstanceType.UNIVER_DOC),On(i),(e,n)=>e||n)}}function Mn(i){return{id:we.id,title:"docImage.upload.float",type:$.MenuItemType.SELECTOR,label:{name:tn},positions:[rn],hidden$:$.getMenuHiddenObservable(i,r.UniverInstanceType.UNIVER_DOC)}}const En="univer-image-common-panel",Rn="univer-image-common-panel-grid",bn="univer-image-common-panel-border",Nn="univer-image-common-panel-title",An="univer-image-common-panel-subtitle",xn="univer-image-common-panel-row",Un="univer-image-common-panel-row-vertical",Ln="univer-image-common-panel-column",Fn="univer-image-common-panel-column-center",jn="univer-image-common-panel-inline",Bn="univer-image-common-panel-span2",Gn="univer-image-common-panel-span3",Vn="univer-image-common-panel-input",Hn="univer-sheet-image-menu",Wn="univer-sheet-image-menu-input",v={imageCommonPanel:En,imageCommonPanelGrid:Rn,imageCommonPanelBorder:bn,imageCommonPanelTitle:Nn,imageCommonPanelSubtitle:An,imageCommonPanelRow:xn,imageCommonPanelRowVertical:Un,imageCommonPanelColumn:Ln,imageCommonPanelColumnCenter:Fn,imageCommonPanelInline:jn,imageCommonPanelSpan2:Bn,imageCommonPanelSpan3:Gn,imageCommonPanelInput:Vn,sheetImageMenu:Hn,sheetImageMenuInput:Wn};var ne=(i=>(i.INLINE="inline",i.BEHIND_TEXT="behindText",i.IN_FRONT_OF_TEXT="inFrontOfText",i.WRAP_SQUARE="wrapSquare",i.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",i))(ne||{});const Xn={inline:r.PositionedObjectLayoutType.INLINE,wrapSquare:r.PositionedObjectLayoutType.WRAP_SQUARE,wrapTopAndBottom:r.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,inFrontOfText:r.PositionedObjectLayoutType.WRAP_NONE,behindText:r.PositionedObjectLayoutType.WRAP_NONE},an={id:"doc.command.update-doc-drawing-wrapping-style",type:r.CommandType.COMMAND,handler:(i,e)=>{if(e==null)return!1;const{drawings:n,wrappingStyle:t,unitId:o}=e,a=i.get(r.ICommandService),s=i.get(r.IUniverInstanceService),m=i.get(x.IRenderManagerService).getRenderById(o),d=m==null?void 0:m.with(U.DocSkeletonManagerService).getSkeleton().getSkeletonData(),u=m==null?void 0:m.scene,g=s.getCurrentUniverDocInstance();if(g==null||d==null||u==null)return!1;const f=u.getTransformerByCreate(),{pages:h}=d,p=r.JSONX.getInstance(),I=[],{drawings:w={}}=g.getSnapshot();for(const y of n){const{drawingId:_}=y,P=w[_].layoutType,N=Xn[t];if(P!==N){const M=p.replaceOp(["drawings",_,"layoutType"],P,N);I.push(M)}if(t==="behindText"||t==="inFrontOfText"){const M=w[_].behindDoc,k=t==="behindText"?r.BooleanNumber.TRUE:r.BooleanNumber.FALSE;if(M!==k){const B=p.replaceOp(["drawings",_,"behindDoc"],M,k);I.push(B)}}if(t==="inline")continue;let T=null,b=0,R=0;for(const M of h)if(M.skeDrawings.has(_)){T=M.skeDrawings.get(_),b=M.marginTop,R=M.marginLeft;break}if(T!=null){const{aTop:M,aLeft:k}=T,B=w[_].docTransform.positionH;let V=k;B.relativeFrom===r.ObjectRelativeFromH.MARGIN?V-=R:B.relativeFrom===r.ObjectRelativeFromH.COLUMN&&(V-=T.columnLeft);const q={relativeFrom:B.relativeFrom,posOffset:V};if(B.posOffset!==q.posOffset){const O=p.replaceOp(["drawings",_,"docTransform","positionH"],B,q);I.push(O)}const A=w[_].docTransform.positionV;let D=M;A.relativeFrom===r.ObjectRelativeFromV.PAGE?D+=b:A.relativeFrom===r.ObjectRelativeFromV.LINE?D-=T.lineTop:A.relativeFrom===r.ObjectRelativeFromV.PARAGRAPH&&(D-=T.blockAnchorTop);const E={relativeFrom:A.relativeFrom,posOffset:D};if(A.posOffset!==E.posOffset){const O=p.replaceOp(["drawings",_,"docTransform","positionV"],A,E);I.push(O)}}}const S={id:U.RichTextEditingMutation.id,params:{unitId:o,actions:[],textRanges:null}};S.params.actions=I.reduce((y,_)=>r.JSONX.compose(y,_),null);const C=a.syncExecuteCommand(S.id,S.params);return f.refreshControls(),!!C}},sn={id:"doc.command.update-doc-drawing-distance",type:r.CommandType.COMMAND,handler:(i,e)=>{if(e==null)return!1;const n=i.get(r.ICommandService),o=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(o==null)return!1;const{drawings:a,dist:s,unitId:c}=e,m=r.JSONX.getInstance(),d=[],{drawings:u={}}=o.getSnapshot();for(const h of a){const{drawingId:p}=h;for(const[I,w]of Object.entries(s)){const S=u[p][I];if(S!==w){const C=m.replaceOp(["drawings",p,I],S,w);d.push(C)}}}const g={id:U.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return g.params.actions=d.reduce((h,p)=>r.JSONX.compose(h,p),null),!!n.syncExecuteCommand(g.id,g.params)}},cn={id:"doc.command.update-doc-drawing-wrap-text",type:r.CommandType.COMMAND,handler:(i,e)=>{if(e==null)return!1;const n=i.get(r.ICommandService),o=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(o==null)return!1;const{drawings:a,wrapText:s,unitId:c}=e,m=r.JSONX.getInstance(),d=[],{drawings:u={}}=o.getSnapshot();for(const h of a){const{drawingId:p}=h,I=u[p].wrapText;if(I!==s){const w=m.replaceOp(["drawings",p,"wrapText"],I,s);d.push(w)}}const g={id:U.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return g.params.actions=d.reduce((h,p)=>r.JSONX.compose(h,p),null),!!n.syncExecuteCommand(g.id,g.params)}},Ie={id:"doc.command.update-drawing-doc-transform",type:r.CommandType.COMMAND,handler:(i,e)=>{if(e==null)return!1;const n=i.get(r.ICommandService),t=i.get(r.IUniverInstanceService),a=i.get(x.IRenderManagerService).getRenderById(e.unitId),s=a==null?void 0:a.scene;if(s==null)return!1;const c=s.getTransformerByCreate(),m=t.getCurrentUniverDocInstance();if(m==null)return!1;const{drawings:d,unitId:u}=e,g=r.JSONX.getInstance(),f=[],{drawings:h={}}=m.getSnapshot();for(const w of d){const{drawingId:S,key:C,value:y}=w,_=h[S].docTransform[C];if(!r.Tools.diffValue(_,y)){const P=g.replaceOp(["drawings",S,"docTransform",C],_,y);f.push(P)}}const p={id:U.RichTextEditingMutation.id,params:{unitId:u,actions:[],textRanges:null,debounce:!0}};p.params.actions=f.reduce((w,S)=>r.JSONX.compose(w,S),null);const I=n.syncExecuteCommand(p.id,p.params);return c.refreshControls(),!!I}},ln={id:"doc.command.move-inline-drawing",type:r.CommandType.COMMAND,handler:(i,e)=>{var T,b,R,M;if(e==null)return!1;const n=i.get(x.IRenderManagerService),t=i.get(x.ITextSelectionRenderManager),o=n.getRenderById(e.unitId),a=o==null?void 0:o.scene;if(a==null)return!1;const s=a.getTransformerByCreate(),c=i.get(r.ICommandService),d=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(d==null)return!1;const{drawing:u,unitId:g,offset:f}=e,h=new r.TextX,p=r.JSONX.getInstance(),I=[],{drawingId:w}=u,S=(T=t.getSegment())!=null?T:"",C=(M=(R=(b=d.getSelfOrHeaderFooterModel(S).getBody())==null?void 0:b.customBlocks)==null?void 0:R.find(k=>k.blockId===w))==null?void 0:M.startIndex;if(C==null)return!1;f<C?(f>0&&h.push({t:r.TextXActionType.RETAIN,len:f,segmentId:S}),h.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:S}),h.push({t:r.TextXActionType.RETAIN,len:C-f,segmentId:S}),h.push({t:r.TextXActionType.DELETE,len:1,line:0,segmentId:""})):(C>0&&h.push({t:r.TextXActionType.RETAIN,len:C,segmentId:S}),h.push({t:r.TextXActionType.DELETE,len:1,line:0,segmentId:""}),f-C-1>0&&h.push({t:r.TextXActionType.RETAIN,len:f-C-1,segmentId:S}),h.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:S}));const y=U.getRichTextEditPath(d,S),_=p.editOp(h.serialize(),y);I.push(_);const P={id:U.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null}};P.params.actions=I.reduce((k,B)=>r.JSONX.compose(k,B),null);const N=c.syncExecuteCommand(P.id,P.params);return s.refreshControls(),!!N}},dn={id:"doc.command.transform-non-inline-drawing",type:r.CommandType.COMMAND,handler:(i,e)=>{var B,V,q,A;if(e==null)return!1;const n=i.get(x.ITextSelectionRenderManager),o=i.get(x.IRenderManagerService).getRenderById(e.unitId),a=o==null?void 0:o.scene;if(a==null)return!1;const s=a.getTransformerByCreate(),c=i.get(r.ICommandService),d=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(d==null)return!1;const{drawing:u,unitId:g,offset:f,docTransform:h}=e,p=new r.TextX,I=r.JSONX.getInstance(),w=[],{drawingId:S}=u,C=(B=n.getSegment())!=null?B:"",y=(A=(q=(V=d.getSelfOrHeaderFooterModel(C).getBody())==null?void 0:V.customBlocks)==null?void 0:q.find(D=>D.blockId===S))==null?void 0:A.startIndex;if(y==null)return!1;if(f<y?(f>0&&p.push({t:r.TextXActionType.RETAIN,len:f,segmentId:C}),p.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:C}),p.push({t:r.TextXActionType.RETAIN,len:y-f,segmentId:C}),p.push({t:r.TextXActionType.DELETE,len:1,line:0,segmentId:""})):f>y&&(y>0&&p.push({t:r.TextXActionType.RETAIN,len:y,segmentId:C}),p.push({t:r.TextXActionType.DELETE,len:1,line:0,segmentId:""}),f-y-1>0&&p.push({t:r.TextXActionType.RETAIN,len:f-y-1,segmentId:C}),p.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:C})),f!==y){const D=U.getRichTextEditPath(d,C),E=I.editOp(p.serialize(),D);w.push(E)}const{drawings:_={}}=d.getSnapshot(),P=_[S].docTransform,{positionH:N,positionV:T,size:b,angle:R}=P;if(!r.Tools.diffValue(N,h.positionH)){const D=I.replaceOp(["drawings",S,"docTransform","positionH"],N,h.positionH);w.push(D)}if(!r.Tools.diffValue(T,h.positionV)){const D=I.replaceOp(["drawings",S,"docTransform","positionV"],T,h.positionV);w.push(D)}if(!r.Tools.diffValue(b,h.size)){const D=I.replaceOp(["drawings",S,"docTransform","size"],b,h.size);w.push(D)}if(!r.Tools.diffValue(R,h.angle)){const D=I.replaceOp(["drawings",S,"docTransform","angle"],R,h.angle);w.push(D)}const M={id:U.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null,debounce:!0}};M.params.actions=w.reduce((D,E)=>r.JSONX.compose(D,E),null);const k=c.syncExecuteCommand(M.id,M.params);return s.refreshControls(),!!k}},_e=0,Te=100,kn=i=>{const e=Q.useDependency(r.ICommandService),n=Q.useDependency(r.LocaleService),t=Q.useDependency(F.IDrawingManagerService),o=Q.useDependency(x.IRenderManagerService),a=Q.useDependency(r.IUniverInstanceService),{drawings:s}=i,c=s[0];if(c==null)return null;const{unitId:m}=c,d=a.getUniverDocInstance(m),u=o.getRenderById(m);if((u==null?void 0:u.scene)==null)return null;const[f,h]=l.useState(!0),[p,I]=l.useState(!0),[w,S]=l.useState(!0),[C,y]=l.useState(ne.INLINE),[_,P]=l.useState(""),[N,T]=l.useState({distT:0,distL:0,distB:0,distR:0}),[b,R]=l.useState(!0);function M(A){y(A);const D=t.getFocusDrawings();if(D.length===0)return;const{unitId:E,subUnitId:O}=D[0],L=D.map(({unitId:G,subUnitId:H,drawingId:z})=>({unitId:G,subUnitId:H,drawingId:z}));e.executeCommand(an.id,{unitId:E,subUnitId:O,drawings:L,wrappingStyle:A})}function k(A){P(A);const D=t.getFocusDrawings();if(D.length===0)return;const E=D.map(O=>({unitId:O.unitId,subUnitId:O.subUnitId,drawingId:O.drawingId}));e.executeCommand(cn.id,{unitId:D[0].unitId,subUnitId:D[0].unitId,drawings:E,wrapText:A})}function B(A,D){if(A==null)return;const E={...N,[D]:A};T(E);const O=t.getFocusDrawings();if(O.length===0)return;const L=O.map(G=>({unitId:G.unitId,subUnitId:G.subUnitId,drawingId:G.drawingId}));e.executeCommand(sn.id,{unitId:O[0].unitId,subUnitId:O[0].unitId,drawings:L,dist:{[D]:A}})}function V(){const A=t.getFocusDrawings();A.length!==0&&q(A[0])}function q(A){var ie,ce;const D=(ce=(ie=d==null?void 0:d.getSnapshot())==null?void 0:ie.drawings)==null?void 0:ce[A.drawingId];if(D==null)return;const{distT:E=0,distL:O=0,distB:L=0,distR:G=0,layoutType:H=r.PositionedObjectLayoutType.INLINE,behindDoc:z=r.BooleanNumber.FALSE,wrapText:K=r.WrapTextType.BOTH_SIDES}=D;if(T({distT:E,distL:O,distB:L,distR:G}),P(K),h(H!==r.PositionedObjectLayoutType.WRAP_SQUARE),H===r.PositionedObjectLayoutType.WRAP_NONE||H===r.PositionedObjectLayoutType.INLINE?I(!0):I(!1),H===r.PositionedObjectLayoutType.WRAP_NONE||H===r.PositionedObjectLayoutType.INLINE||H===r.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?S(!0):S(!1),H===r.PositionedObjectLayoutType.WRAP_NONE)z===r.BooleanNumber.TRUE?y(ne.BEHIND_TEXT):y(ne.IN_FRONT_OF_TEXT);else switch(H){case r.PositionedObjectLayoutType.INLINE:y(ne.INLINE);break;case r.PositionedObjectLayoutType.WRAP_SQUARE:y(ne.WRAP_SQUARE);break;case r.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:y(ne.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${H}`)}}return l.useEffect(()=>{V();const A=t.focus$.subscribe(E=>{if(E.length===0){R(!1);return}R(!0),q(E[0])}),D=e.onCommandExecuted(async E=>{E.id===U.RichTextEditingMutation.id&&V()});return()=>{A.unsubscribe(),D.dispose()}},[]),l.createElement("div",{className:X(v.imageCommonPanelGrid,v.imageCommonPanelBorder),style:{display:b?"block":"none"}},l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelTitle)},l.createElement("div",null,n.t("image-text-wrap.title")))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-text-wrap.wrappingStyle")))),l.createElement("div",{className:X(v.imageCommonPanelRow)},l.createElement("div",{className:X(v.imageCommonPanelColumn)},l.createElement(W.RadioGroup,{value:C,onChange:M,direction:"vertical"},l.createElement(W.Radio,{value:ne.INLINE},n.t("image-text-wrap.inline")),l.createElement(W.Radio,{value:ne.WRAP_SQUARE},n.t("image-text-wrap.square")),l.createElement(W.Radio,{value:ne.WRAP_TOP_AND_BOTTOM},n.t("image-text-wrap.topAndBottom")),l.createElement(W.Radio,{value:ne.BEHIND_TEXT},n.t("image-text-wrap.behindText")),l.createElement(W.Radio,{value:ne.IN_FRONT_OF_TEXT},n.t("image-text-wrap.inFrontText"))))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-text-wrap.wrapText")))),l.createElement("div",{className:X(v.imageCommonPanelRow)},l.createElement("div",{className:X(v.imageCommonPanelColumn)},l.createElement(W.RadioGroup,{disabled:f,value:_,onChange:k,direction:"horizontal"},l.createElement(W.Radio,{value:r.WrapTextType.BOTH_SIDES},n.t("image-text-wrap.bothSide")),l.createElement(W.Radio,{value:r.WrapTextType.LEFT},n.t("image-text-wrap.leftOnly")),l.createElement(W.Radio,{value:r.WrapTextType.RIGHT},n.t("image-text-wrap.rightOnly"))))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-text-wrap.distanceFromText")))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-text-wrap.top"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:_e,max:Te,disabled:p,precision:1,value:N.distT,onChange:A=>{B(A,"distT")},className:v.imageCommonPanelInput}))))),l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-text-wrap.left"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:_e,max:Te,disabled:w,precision:1,value:N.distL,onChange:A=>{B(A,"distL")},className:v.imageCommonPanelInput})))))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-text-wrap.bottom"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:_e,max:Te,disabled:p,precision:1,value:N.distB,onChange:A=>{B(A,"distB")},className:v.imageCommonPanelInput}))))),l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-text-wrap.right"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:_e,max:Te,disabled:w,precision:1,value:N.distR,onChange:A=>{B(A,"distR")},className:v.imageCommonPanelInput})))))))},Je=-1e3,Ke=1e3,$n=i=>{const e=Q.useDependency(r.ICommandService),n=Q.useDependency(r.LocaleService),t=Q.useDependency(F.IDrawingManagerService),o=Q.useDependency(x.IRenderManagerService),a=Q.useDependency(r.IUniverInstanceService),s=Q.useDependency(x.ITextSelectionRenderManager),{drawings:c}=i,m=c[0];if(m==null)return;const{unitId:d}=m,u=a.getUniverDocInstance(d),g=o.getRenderById(d),f=g==null?void 0:g.scene;if(f==null)return;const h=f.getTransformerByCreate(),p=[{label:n.t("image-position.column"),value:String(r.ObjectRelativeFromH.COLUMN)},{label:n.t("image-position.page"),value:String(r.ObjectRelativeFromH.PAGE)},{label:n.t("image-position.margin"),value:String(r.ObjectRelativeFromH.MARGIN)}],I=[{label:n.t("image-position.line"),value:String(r.ObjectRelativeFromV.LINE)},{label:n.t("image-position.page"),value:String(r.ObjectRelativeFromV.PAGE)},{label:n.t("image-position.margin"),value:String(r.ObjectRelativeFromV.MARGIN)},{label:n.t("image-position.paragraph"),value:String(r.ObjectRelativeFromV.PARAGRAPH)}],[w,S]=l.useState(!0),[C,y]=l.useState({relativeFrom:r.ObjectRelativeFromH.PAGE,posOffset:0}),[_,P]=l.useState({relativeFrom:r.ObjectRelativeFromV.PAGE,posOffset:0}),[N,T]=l.useState(!0),[b,R]=l.useState(!0);function M(D,E){D==="positionH"?y(E):P(E);const O=t.getFocusDrawings();if(O.length===0)return;const L=O.map(G=>({unitId:G.unitId,subUnitId:G.subUnitId,drawingId:G.drawingId}));e.executeCommand(Ie.id,{unitId:O[0].unitId,subUnitId:O[0].unitId,drawings:L.map(G=>({drawingId:G.drawingId,key:D,value:E}))}),s.blur(),h.refreshControls()}function k(D){var Y;const E=C.relativeFrom,O=C.posOffset,L=Number(D);if(E===L)return;const G=t.getFocusDrawings();if(G.length===0)return;const H=G[0].drawingId,z=G[0].unitId;let K=null,ae=0;const ie=(Y=o.getRenderById(z))==null?void 0:Y.with(U.DocSkeletonManagerService).getSkeleton(),ce=ie==null?void 0:ie.getSkeletonData();if(ce==null)return;for(const le of ce.pages){const{marginLeft:de,skeDrawings:Z}=le;if(Z.has(H)){K=Z.get(H),ae=de;break}}if(K==null)return;let ee=0;E===r.ObjectRelativeFromH.COLUMN?ee-=K.columnLeft:E===r.ObjectRelativeFromH.MARGIN&&(ee-=ae),L===r.ObjectRelativeFromH.COLUMN?ee+=K.columnLeft:L===r.ObjectRelativeFromH.MARGIN?ee+=ae:r.ObjectRelativeFromH.PAGE;const J={relativeFrom:L,posOffset:(O!=null?O:0)-ee};M("positionH",J)}function B(D){var De,Xe,ke,$e,qe;const E=_.relativeFrom,O=_.posOffset,L=Number(D);if(E===L)return;const G=t.getFocusDrawings();if(G.length===0)return;const{drawingId:H,unitId:z}=G[0],K=a.getUniverDocInstance(z),ae=(De=o.getRenderById(z))==null?void 0:De.with(U.DocSkeletonManagerService).getSkeleton(),ie=(ke=(Xe=K==null?void 0:K.getBody())==null?void 0:Xe.customBlocks)==null?void 0:ke.find(Ce=>Ce.blockId===H);if(ie==null||ae==null)return;const{startIndex:ce}=ie,ee=ae.findNodeByCharIndex(ce),J=($e=ee==null?void 0:ee.parent)==null?void 0:$e.parent,Y=J==null?void 0:J.parent,le=Y==null?void 0:Y.lines.find(Ce=>Ce.paragraphIndex===(J==null?void 0:J.paragraphIndex)&&Ce.paragraphStart),de=(qe=Y==null?void 0:Y.parent)==null?void 0:qe.parent;if(ee==null||J==null||le==null||Y==null||de==null)return;let Z=0;E===r.ObjectRelativeFromV.PARAGRAPH?Z-=le.top:E===r.ObjectRelativeFromV.LINE?Z-=J.top:E===r.ObjectRelativeFromV.PAGE&&(Z+=de.marginTop),L===r.ObjectRelativeFromV.PARAGRAPH?Z+=le.top:L===r.ObjectRelativeFromV.LINE?Z+=J.top:L===r.ObjectRelativeFromV.PAGE&&(Z-=de.marginTop);const oe={relativeFrom:L,posOffset:(O!=null?O:0)-Z};M("positionV",oe)}function V(D){var z;const E=u==null?void 0:u.getSnapshot(),O=(z=E==null?void 0:E.drawings)==null?void 0:z[D.drawingId];if(O==null)return;const{layoutType:L}=O,{positionH:G,positionV:H}=O.docTransform;y(G),P(H),S(L===r.PositionedObjectLayoutType.INLINE),T(H.relativeFrom===r.ObjectRelativeFromV.PARAGRAPH||H.relativeFrom===r.ObjectRelativeFromV.LINE)}function q(){const D=t.getFocusDrawings();D.length!==0&&V(D[0])}function A(D){T(D),B(String(D?r.ObjectRelativeFromV.PARAGRAPH:r.ObjectRelativeFromV.PAGE))}return l.useEffect(()=>{q();const D=t.focus$.subscribe(O=>{if(O.length===0){R(!1);return}R(!0),V(O[0])}),E=e.onCommandExecuted(async O=>{O.id===U.RichTextEditingMutation.id&&q()});return()=>{D.unsubscribe(),E.dispose()}},[]),l.createElement("div",{className:X(v.imageCommonPanelGrid,v.imageCommonPanelBorder),style:{display:b?"block":"none"}},l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelTitle)},l.createElement("div",null,n.t("image-position.title")))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-position.horizontal")))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-position.absolutePosition"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:Je,max:Ke,precision:1,disabled:w,value:C.posOffset,onChange:D=>{M("positionH",{relativeFrom:C.relativeFrom,posOffset:D})},className:v.imageCommonPanelInput}))))),l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-position.toTheRightOf"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.Select,{value:String(C.relativeFrom),disabled:w,options:p,onChange:k})))))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-position.vertical")))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-position.absolutePosition"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:Je,max:Ke,precision:1,disabled:w,value:_.posOffset,onChange:D=>{M("positionV",{relativeFrom:_.relativeFrom,posOffset:D})},className:v.imageCommonPanelInput}))))),l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-position.bellow"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.Select,{disabled:w,value:String(_.relativeFrom),options:I,onChange:B})))))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-position.options")))),l.createElement("div",{className:v.imageCommonPanelRow,style:{marginBottom:"50px"}},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.Checkbox,{disabled:w,checked:N,onChange:A},n.t("image-position.moveObjectWithText")))))},qn=()=>{const i=Q.useDependency(F.IDrawingManagerService),e=i.getFocusDrawings(),[n,t]=l.useState(e);return l.useEffect(()=>{const o=i.focus$.subscribe(a=>{t(a)});return()=>{o.unsubscribe()}},[]),!!(n!=null&&n.length)&&l.createElement("div",{className:v.imageCommonPanel},l.createElement(ge.DrawingCommonPanel,{drawings:n,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),l.createElement(kn,{drawings:n}),l.createElement($n,{drawings:n}))},me={id:"doc.operation.clear-drawing-transformer",type:r.CommandType.MUTATION,handler:(i,e)=>{const n=i.get(x.IRenderManagerService);return e.forEach(t=>{var o,a;(a=(o=n.getRenderById(t))==null?void 0:o.scene.getTransformer())==null||a.debounceRefreshControls()}),!0}},pe={id:"doc.command.move-drawing",type:r.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(r.ICommandService),t=i.get(j.IDocDrawingService),o=i.get(r.IUniverInstanceService),a=i.get(x.IRenderManagerService),{direction:s}=e,c=t.getFocusDrawings();if(c.length===0)return!1;const m=c[0].unitId,d=a.getRenderById(m),u=d==null?void 0:d.scene;if(u==null)return!1;const g=u.getTransformerByCreate(),f=o.getUniverDocInstance(m),h=c.map(I=>{var N,T,b,R,M;const{drawingId:w}=I,S=(N=f==null?void 0:f.getSnapshot().drawings)==null?void 0:N[w];if(S==null||S.layoutType===r.PositionedObjectLayoutType.INLINE)return null;const{positionH:C,positionV:y}=S.docTransform,_={...C},P={...y};return s===r.Direction.UP?P.posOffset=((T=P.posOffset)!=null?T:0)-2:s===r.Direction.DOWN?P.posOffset=((b=P.posOffset)!=null?b:0)+2:s===r.Direction.LEFT?_.posOffset=((R=_.posOffset)!=null?R:0)-2:s===r.Direction.RIGHT&&(_.posOffset=((M=_.posOffset)!=null?M:0)+2),{drawingId:w,key:s===r.Direction.UP||s===r.Direction.DOWN?"positionV":"positionH",value:s===r.Direction.UP||s===r.Direction.DOWN?P:_}}).filter(I=>I!=null);if(h.length===0)return!1;const p=n.syncExecuteCommand(Ie.id,{unitId:m,subUnitId:m,drawings:h});return g.refreshControls(),!!p}},je={id:"doc.command.delete-drawing",type:r.CommandType.COMMAND,handler:i=>{const e=i.get(r.ICommandService),t=i.get(j.IDocDrawingService).getFocusDrawings();if(t.length===0)return!1;const{unitId:o}=t[0],a=t.map(s=>{const{unitId:c,subUnitId:m,drawingId:d,drawingType:u}=s;return{unitId:c,subUnitId:m,drawingId:d,drawingType:u}});return e.executeCommand(Ae.id,{unitId:o,drawings:a})}},Be={id:"doc.command.set-drawing-arrange",type:r.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(r.ICommandService),t=i.get(j.IDocDrawingService);if(e==null)return!1;const{unitId:o,subUnitId:a,drawingIds:s,arrangeType:c}=e,m={unitId:o,subUnitId:a,drawingIds:s};let d;if(c===F.ArrangeTypeEnum.forward?d=t.getForwardDrawingsOp(m):c===F.ArrangeTypeEnum.backward?d=t.getBackwardDrawingOp(m):c===F.ArrangeTypeEnum.front?d=t.getFrontDrawingsOp(m):c===F.ArrangeTypeEnum.back&&(d=t.getBackDrawingsOp(m)),d==null)return!1;const{redo:u}=d;if(u==null)return!1;const g=[];let f=r.Tools.deepClone(u);f=f.slice(3),f.unshift("drawingsOrder"),g.push(f);const h={id:U.RichTextEditingMutation.id,params:{unitId:o,actions:[],textRanges:null}};return h.params.actions=g.reduce((I,w)=>r.JSONX.compose(I,w),null),!!n.syncExecuteCommand(h.id,h.params)}},Ge={id:"doc.command.set-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(r.ICommandService),t=i.get(r.IUndoRedoService),o=i.get(j.IDocDrawingService);if(!e)return!1;const{drawings:a}=e,s=o.getBatchUpdateOp(a),{unitId:c,subUnitId:m,undo:d,redo:u,objects:g}=s;return n.syncExecuteCommand(j.SetDocDrawingApplyMutation.id,{unitId:c,subUnitId:m,op:u,objects:g,type:j.DocDrawingApplyType.UPDATE})?(t.pushUndoRedo({unitID:c,undoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:m,op:d,objects:g,type:j.DocDrawingApplyType.UPDATE}},{id:me.id,params:[c]}],redoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:m,op:u,objects:g,type:j.DocDrawingApplyType.UPDATE}},{id:me.id,params:[c]}]}),!0):!1}};function zn(i){const e=[];return i.forEach(n=>{const{parent:t,children:o}=n,{unitId:a,subUnitId:s,drawingId:c}=t,m=x.getGroupState(0,0,o.map(g=>g.transform||{})),d=o.map(g=>{const f=g.transform||{left:0,top:0},{unitId:h,subUnitId:p,drawingId:I}=g;return{unitId:h,subUnitId:p,drawingId:I,transform:{...f,left:f.left-m.left,top:f.top-m.top},groupId:c}}),u={unitId:a,subUnitId:s,drawingId:c,drawingType:F.DrawingTypeEnum.DRAWING_GROUP,transform:m};e.push({parent:u,children:d})}),e}function Jn(i){const e=[];return i.forEach(n=>{const{parent:t,children:o}=n,{unitId:a,subUnitId:s,drawingId:c,transform:m={width:0,height:0}}=t;if(m==null)return;const d=o.map(g=>{const{transform:f}=g,{unitId:h,subUnitId:p,drawingId:I}=g,w=x.transformObjectOutOfGroup(f||{},m,m.width||0,m.height||0);return{unitId:h,subUnitId:p,drawingId:I,transform:w,groupId:void 0}}),u={unitId:a,subUnitId:s,drawingId:c,drawingType:F.DrawingTypeEnum.DRAWING_GROUP,transform:{left:0,top:0}};e.push({parent:u,children:d})}),e}const Ve={id:"doc.command.ungroup-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(r.ICommandService),t=i.get(r.IUndoRedoService),o=i.get(j.IDocDrawingService);if(!e)return!1;const a=[];e.forEach(({parent:h,children:p})=>{a.push(h.unitId),p.forEach(I=>{a.push(I.unitId)})});const s=o.getUngroupDrawingOp(e),{unitId:c,subUnitId:m,undo:d,redo:u,objects:g}=s;return n.syncExecuteCommand(j.SetDocDrawingApplyMutation.id,{op:u,unitId:c,subUnitId:m,objects:g,type:j.DocDrawingApplyType.UNGROUP})?(t.pushUndoRedo({unitID:c,undoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{op:d,unitId:c,subUnitId:m,objects:zn(g),type:j.DocDrawingApplyType.GROUP}},{id:me.id,params:a}],redoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{op:u,unitId:c,subUnitId:m,objects:g,type:j.DocDrawingApplyType.UNGROUP}},{id:me.id,params:a}]}),!0):!1}},He={id:"doc.command.group-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(r.ICommandService),t=i.get(r.IUndoRedoService),o=i.get(j.IDocDrawingService);if(!e)return!1;const a=[];e.forEach(({parent:h,children:p})=>{a.push(h.unitId),p.forEach(I=>{a.push(I.unitId)})});const s=o.getGroupDrawingOp(e),{unitId:c,subUnitId:m,undo:d,redo:u,objects:g}=s;return n.syncExecuteCommand(j.SetDocDrawingApplyMutation.id,{op:u,unitId:c,subUnitId:m,objects:g,type:j.DocDrawingApplyType.GROUP})?(t.pushUndoRedo({unitID:c,undoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{op:d,unitId:c,subUnitId:m,objects:Jn(g),type:j.DocDrawingApplyType.UNGROUP}},{id:me.id,params:a}],redoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{op:u,unitId:c,subUnitId:m,objects:g,type:j.DocDrawingApplyType.GROUP}},{id:me.id,params:a}]}),!0):!1}},We={id:"doc.command.insert-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{var P,N;if(e==null)return!1;const n=i.get(r.ICommandService),t=i.get(U.TextSelectionManagerService),o=i.get(r.IUniverInstanceService),a=t.getActiveRange(),s=o.getCurrentUniverDocInstance();if(a==null||s==null)return!1;const c=s.getUnitId(),{drawings:m}=e,{collapsed:d,startOffset:u,segmentId:g}=a,f=s.getSelfOrHeaderFooterModel(g).getBody();if(f==null)return!1;const h=new r.TextX,p=r.JSONX.getInstance(),I=[],w=(N=(P=s.getSnapshot().drawingsOrder)==null?void 0:P.length)!=null?N:0;if(d)u>0&&h.push({t:r.TextXActionType.RETAIN,len:u,segmentId:g});else{const{dos:T}=U.getRetainAndDeleteFromReplace(a,g,0,f);h.push(...T)}h.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b".repeat(m.length),customBlocks:m.map((T,b)=>({startIndex:b,blockId:T.drawingId}))},len:m.length,line:0,segmentId:g});const S=U.getRichTextEditPath(s,g),C=p.editOp(h.serialize(),S);I.push(C);for(const T of m){const{drawingId:b}=T,R=p.insertOp(["drawings",b],T),M=p.insertOp(["drawingsOrder",w],b);I.push(R),I.push(M)}const y={id:U.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:[]}};return y.params.actions=I.reduce((T,b)=>r.JSONX.compose(T,b),null),!!n.syncExecuteCommand(y.id,y.params)}};function Se(i){return i.getContextValue(r.FOCUSING_UNIVER_EDITOR)&&i.getContextValue(r.FOCUSING_COMMON_DRAWINGS)}const Kn={id:pe.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:$.KeyCode.ARROW_DOWN,priority:100,preconditions:Se,staticParameters:{direction:r.Direction.DOWN}},Yn={id:pe.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:$.KeyCode.ARROW_UP,priority:100,preconditions:Se,staticParameters:{direction:r.Direction.UP}},Zn={id:pe.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:$.KeyCode.ARROW_LEFT,priority:100,preconditions:Se,staticParameters:{direction:r.Direction.LEFT}},Qn={id:pe.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:$.KeyCode.ARROW_RIGHT,priority:100,preconditions:Se,staticParameters:{direction:r.Direction.RIGHT}},et={id:je.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:Se,binding:$.KeyCode.DELETE,mac:$.KeyCode.BACKSPACE};var nt=Object.defineProperty,tt=Object.getOwnPropertyDescriptor,it=(i,e,n,t)=>{for(var o=t>1?void 0:t?tt(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))||o);return t&&o&&nt(e,n,o),o},he=(i,e)=>(n,t)=>e(n,t,i);let Ee=class extends r.Disposable{constructor(i,e,n,t,o){super(),this._injector=i,this._componentManager=e,this._menuService=n,this._commandService=t,this._shortcutService=o,this._init()}_initCustomComponents(){const i=this._componentManager;this.disposeWithMe(i.register(on,nn)),this.disposeWithMe(i.register(tn,yn)),this.disposeWithMe(i.register(Ze,qn))}_initMenus(){[Pn,Mn].forEach(i=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(i),{}))})}_initCommands(){[we,We,an,sn,cn,Ie,ln,dn,Ae,Ge,Le,me,Fe,He,Ve,pe,je,Be].forEach(i=>this.disposeWithMe(this._commandService.registerCommand(i)))}_initShortcuts(){[Kn,Yn,Zn,Qn,et].forEach(i=>{this.disposeWithMe(this._shortcutService.registerShortcut(i))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Ee=it([r.OnLifecycle(r.LifecycleStages.Ready,Ee),he(0,se.Inject(se.Injector)),he(1,se.Inject($.ComponentManager)),he(2,$.IMenuService),he(3,r.ICommandService),he(4,$.IShortcutService)],Ee);var ot=Object.defineProperty,rt=Object.getOwnPropertyDescriptor,at=(i,e,n,t)=>{for(var o=t>1?void 0:t?rt(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))||o);return t&&o&&ot(e,n,o),o},re=(i,e)=>(n,t)=>e(n,t,i);let xe=class extends r.Disposable{constructor(i,e,n,t,o,a,s,c,m,d,u,g){super(),this._context=i,this._commandService=e,this._textSelectionManagerService=n,this._renderManagerSrv=t,this._imageIoService=o,this._docDrawingService=a,this._drawingManagerService=s,this._contextService=c,this._messageService=m,this._localeService=d,this._textSelectionManager=u,this._textSelectionRenderManager=g,this._initCommandListeners(),this._updateDrawingListener(),this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener()}_initCommandListeners(){this.disposeWithMe(this._commandService.onCommandExecuted(async i=>{if(i.id===we.id){const e=i.params;if(e.files==null)return;const n=e.files.length;if(n>F.DRAWING_IMAGE_COUNT_LIMIT){this._messageService.show({type:W.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(F.DRAWING_IMAGE_COUNT_LIMIT))});return}this._imageIoService.setWaitCount(n),await this._insertFloatImages(e.files)}}))}async _insertFloatImages(i){let e=[];try{e=await Promise.all(i.map(o=>this._imageIoService.saveImage(o)))}catch(o){const a=o.message;a===F.ImageUploadStatusType.ERROR_EXCEED_SIZE?this._messageService.show({type:W.MessageType.Error,content:this._localeService.t("update-status.exceedMaxSize",String(F.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)))}):a===F.ImageUploadStatusType.ERROR_IMAGE_TYPE?this._messageService.show({type:W.MessageType.Error,content:this._localeService.t("update-status.invalidImageType")}):a===F.ImageUploadStatusType.ERROR_IMAGE&&this._messageService.show({type:W.MessageType.Error,content:this._localeService.t("update-status.invalidImage")})}if(e.length===0)return;const{unitId:n}=this._context,t=[];for(const o of e){if(o==null)continue;const{imageId:a,imageSourceType:s,source:c,base64Cache:m}=o,{width:d,height:u,image:g}=await F.getImageSize(m||"");this._imageIoService.addImageSourceCache(a,s,g);let f=1;if(d>F.DRAWING_IMAGE_WIDTH_LIMIT||u>F.DRAWING_IMAGE_HEIGHT_LIMIT){const I=F.DRAWING_IMAGE_WIDTH_LIMIT/d,w=F.DRAWING_IMAGE_HEIGHT_LIMIT/u;f=Math.min(I,w)}const h=this._getImagePosition(d*f,u*f);if(h==null)return;const p={unitId:n,subUnitId:n,drawingId:a,drawingType:F.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:s,source:c,transform:Pe.docDrawingPositionToTransform(h),docTransform:h,behindDoc:r.BooleanNumber.FALSE,title:"",description:"",layoutType:r.PositionedObjectLayoutType.INLINE,wrapText:r.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};t.push(p)}this._commandService.executeCommand(We.id,{unitId:n,drawings:t})}_getImagePosition(i,e){const n=this._textSelectionManagerService.getActiveTextRange(),t=(n==null?void 0:n.getAbsolutePosition())||{left:0,top:0};return{size:{width:i,height:e},positionH:{relativeFrom:r.ObjectRelativeFromH.PAGE,posOffset:t.left},positionV:{relativeFrom:r.ObjectRelativeFromV.MARGIN,posOffset:t.top},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(i=>{const{unitId:e,subUnitId:n,drawingIds:t,arrangeType:o}=i;this._commandService.executeCommand(Be.id,{unitId:e,subUnitId:n,drawingIds:t,arrangeType:o})})}_updateDrawingListener(){this._drawingManagerService.featurePluginUpdate$.subscribe(i=>{if(i.length===0)return;const e=[];if(i.forEach(n=>{const{unitId:t,subUnitId:o,drawingId:a,transform:s}=n;if(s==null)return;const c=this._docDrawingService.getDrawingByParam({unitId:t,subUnitId:o,drawingId:a});if(c==null)return;const m=Pe.transformToDocDrawingPosition({...c.transform,...s});if(m==null)return;const d={...n,transform:{...s,...Pe.docDrawingPositionToTransform(m)},docTransform:{...m}};e.push(d)}),e.length>0){const n=i[0].unitId;this._commandService.syncExecuteCommand(Ge.id,{unitId:n,drawings:e}),this._refreshDocSkeleton()}})}_refreshDocSkeleton(){var t;const{mainComponent:i,unitId:e}=this._context,n=(t=this._renderManagerSrv.getRenderById(e))==null?void 0:t.with(U.DocSkeletonManagerService).getSkeleton();n==null||n.calculate(),i==null||i.makeDirty()}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(i=>{this._commandService.executeCommand(He.id,i)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(i=>{this._commandService.executeCommand(Ve.id,i)})}_getCurrentSceneAndTransformer(){const{scene:i,mainComponent:e}=this._context;if(i==null||e==null)return;const n=i.getTransformerByCreate(),{docsLeft:t,docsTop:o}=e.getOffsetConfig();return{scene:i,transformer:n,docsLeft:t,docsTop:o}}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(i=>{var o;const{transformer:e,docsLeft:n,docsTop:t}=(o=this._getCurrentSceneAndTransformer())!=null?o:{};i==null||i.length===0?(this._contextService.setContextValue(r.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),e&&e.resetProps({zeroTop:0,zeroLeft:0})):(this._contextService.setContextValue(r.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(i),this._textSelectionManager.replaceTextRanges([]),e&&e.resetProps({zeroTop:t,zeroLeft:n}))}))}};xe=at([re(1,r.ICommandService),re(2,se.Inject(U.TextSelectionManagerService)),re(3,x.IRenderManagerService),re(4,F.IImageIoService),re(5,j.IDocDrawingService),re(6,F.IDrawingManagerService),re(7,r.IContextService),re(8,$.IMessageService),re(9,se.Inject(r.LocaleService)),re(10,se.Inject(U.TextSelectionManagerService)),re(11,x.ITextSelectionRenderManager)],xe);var st=Object.defineProperty,ct=Object.getOwnPropertyDescriptor,lt=(i,e,n,t)=>{for(var o=t>1?void 0:t?ct(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))||o);return t&&o&&st(e,n,o),o},ye=(i,e)=>(n,t)=>e(n,t,i);let Ue=class extends r.Disposable{constructor(e,n,t,o,a){super();ue(this,"_liquid",new x.Liquid);this._context=e,this._docSkeletonManagerService=n,this._commandService=t,this._editorService=o,this._drawingManagerService=a,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh()}_initialRenderRefresh(){const{mainComponent:e}=this._context;this._docSkeletonManagerService.currentSkeleton$.subscribe(n=>{if(n==null)return;e.changeSkeleton(n),this._refreshDrawing(n)})}_commandExecutedListener(){const e=[U.RichTextEditingMutation.id,U.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){const t=n.params,{unitId:o}=t,{unitId:a,mainComponent:s}=this._context;if(o!==a)return;const c=this._docSkeletonManagerService.getSkeleton();if(c==null)return;if(this._editorService.isEditor(a)){s==null||s.makeDirty();return}this._refreshDrawing(c)}}))}_refreshDrawing(e){var I,w;const n=e==null?void 0:e.getSkeletonData(),{mainComponent:t,unitId:o}=this._context,a=t;if(!n)return;const{left:s,top:c,pageLayoutType:m,pageMarginLeft:d,pageMarginTop:u}=a,{pages:g,skeHeaders:f,skeFooters:h}=n,p=[];this._liquid.reset();for(let S=0,C=g.length;S<C;S++){const y=g[S],{headerId:_,footerId:P,pageWidth:N}=y;if(_){const T=(I=f.get(_))==null?void 0:I.get(N);T&&this._calculateDrawingPosition(o,T,s,c,p)}if(P){const T=(w=h.get(P))==null?void 0:w.get(N);T&&this._calculateDrawingPosition(o,T,s,c,p)}this._calculateDrawingPosition(o,y,s,c,p),this._liquid.translatePage(y,m,d,u)}p.length>0&&this._drawingManagerService.refreshTransform(p)}_calculateDrawingPosition(e,n,t,o,a){const{skeDrawings:s}=n;this._liquid.translatePagePadding(n),s.forEach(c=>{const{aLeft:m,aTop:d,height:u,width:g,angle:f,drawingId:h,drawingOrigin:p}=c,I=p.layoutType===r.PositionedObjectLayoutType.WRAP_NONE&&p.behindDoc===r.BooleanNumber.TRUE;a.push({unitId:e,subUnitId:e,drawingId:h,behindText:I,transform:{left:m+t+this._liquid.x,top:d+o+this._liquid.y,width:g,height:u,angle:f}})}),this._liquid.restorePagePadding(n)}};Ue=lt([ye(1,se.Inject(U.DocSkeletonManagerService)),ye(2,r.ICommandService),ye(3,$.IEditorService),ye(4,F.IDrawingManagerService)],Ue);var dt=Object.defineProperty,mt=Object.getOwnPropertyDescriptor,ut=(i,e,n,t)=>{for(var o=t>1?void 0:t?mt(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))||o);return t&&o&&dt(e,n,o),o},ve=(i,e)=>(n,t)=>e(n,t,i);function gt(i){var t,o,a,s;if(r.JSONX.isNoop(i)||!Array.isArray(i))return null;const e=i.find(c=>Array.isArray(c)&&(c==null?void 0:c[0])==="drawings");if(e==null||!Array.isArray(e)||e.length<3||typeof e[1]=="string"&&typeof e[2]!="object"||Array.isArray(e[1])&&typeof e[1][1]!="object")return null;const n=[];if(Array.isArray(e==null?void 0:e[1]))for(const c of e)Array.isArray(c)&&n.push({type:(t=c==null?void 0:c[1])!=null&&t.i?"add":"remove",drawingId:c==null?void 0:c[0],drawing:(o=c==null?void 0:c[1])==null?void 0:o.i});else n.push({type:(a=e[2])!=null&&a.i?"add":"remove",drawingId:e[1],drawing:(s=e[2])==null?void 0:s.i});return n}function pt(i){if(!Array.isArray(i)||i.length<3||i[0]!=="drawingsOrder")return[];const e=[];for(let n=1;n<i.length;n++){const t=i[n];if(Array.isArray(t)&&typeof t[0]=="number"&&typeof t[1]=="object")e.push(t[0]);else{e.length=0;break}}return e}let Re=class extends r.Disposable{constructor(i,e,n,t,o){super(),this._univerInstanceService=i,this._commandService=e,this._drawingManagerService=n,this._docDrawingService=t,this._renderManagerService=o,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(i=>{if(i.id!==U.RichTextEditingMutation.id)return;const e=i.params,{unitId:n,actions:t}=e,o=gt(t);if(o!=null)for(const{type:a,drawingId:s,drawing:c}of o)a==="add"?this._addDrawings(n,[c]):this._removeDrawings(n,[s])})),this.disposeWithMe(this._commandService.onCommandExecuted(i=>{if(i.id!==U.RichTextEditingMutation.id)return;const e=i.params,{unitId:n,actions:t}=e;pt(t).length>0&&this._updateDrawingsOrder(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(i=>{var s;if(i.id!==r.UndoCommand.id&&i.id!==r.RedoCommand.id)return;const e=(s=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:s.getUnitId(),n=this._drawingManagerService.getFocusDrawings();if(e==null||n.length===0)return;const t=this._renderManagerService.getRenderById(e),o=t==null?void 0:t.scene;if(o==null)return!1;o.getTransformerByCreate().refreshControls()}))}_addDrawings(i,e){const n=this._drawingManagerService,t=this._docDrawingService,o=this._docDrawingService.getBatchAddOp(e),{subUnitId:a,redo:s,objects:c}=o;n.applyJson1(i,a,s),t.applyJson1(i,a,s),n.addNotification(c),t.addNotification(c)}_removeDrawings(i,e){const n=this._drawingManagerService,t=this._docDrawingService,o=this._docDrawingService.getBatchRemoveOp(e.map(m=>({unitId:i,subUnitId:i,drawingId:m}))),{subUnitId:a,redo:s,objects:c}=o;n.applyJson1(i,a,s),t.applyJson1(i,a,s),n.removeNotification(c),t.removeNotification(c)}_updateDrawingsOrder(i){const e=this._univerInstanceService.getUniverDocInstance(i);if(e==null)return;const n=e.getSnapshot().drawingsOrder;if(n==null)return;const t=this._drawingManagerService,o=this._docDrawingService;t.setDrawingOrder(i,i,n),o.setDrawingOrder(i,i,n);const a={unitId:i,subUnitId:i,drawingIds:n};t.orderNotification(a),o.orderNotification(a)}};Re=ut([r.OnLifecycle(r.LifecycleStages.Steady,Re),ve(0,r.IUniverInstanceService),ve(1,r.ICommandService),ve(2,F.IDrawingManagerService),ve(3,j.IDocDrawingService),ve(4,x.IRenderManagerService)],Re);var ft=Object.defineProperty,ht=Object.getOwnPropertyDescriptor,vt=(i,e,n,t)=>{for(var o=t>1?void 0:t?ht(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))||o);return t&&o&&ft(e,n,o),o},Oe=(i,e)=>(n,t)=>e(n,t,i);const It="__InlineDrawingAnchor__";let be=class extends r.Disposable{constructor(e,n,t,o){super();ue(this,"_liquid",new x.Liquid);ue(this,"_listenerOnImageMap",new Set);ue(this,"_transformerCache",new Map);ue(this,"_anchorShape");this._commandService=e,this._univerInstanceService=n,this._drawingManagerService=t,this._renderManagerService=o,this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{if(e.length!==0)for(const n of e){const{unitId:t}=n;this._listenerOnImageMap.has(t)||(this._listenTransformerChange(t),this._listenerOnImageMap.add(t))}}))}_listenTransformerChange(e){var o;const n=(o=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:o.transformer;if(n==null)return;this.disposeWithMe(r.toDisposable(n.changeStart$.subscribe(a=>{var c;this._transformerCache.clear();const{objects:s}=a;for(const m of s.values()){const{oKey:d,width:u,height:g,left:f,top:h,angle:p}=m,I=this._drawingManagerService.getDrawingOKey(d);if(I==null)continue;const w=this._univerInstanceService.getUniverDocInstance(I.unitId),S=(c=w==null?void 0:w.getSnapshot().drawings)==null?void 0:c[I.drawingId];(S==null?void 0:S.layoutType)===r.PositionedObjectLayoutType.INLINE&&m.setOpacity(.2),S!=null&&this._transformerCache.set(I.drawingId,{drawing:S,top:h,left:f,width:u,height:g,angle:p})}})));const t=r.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);r.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(r.toDisposable(n.changing$.subscribe(a=>{const{objects:s,offsetX:c,offsetY:m}=a;if(s.size>1)t(s);else if(s.size===1){const d=this._transformerCache.values().next().value,u=s.values().next().value,{width:g,height:f,top:h,left:p,angle:I}=u;if(g===d.width&&f===d.height&&h===d.top&&p===d.left&&I===d.angle)return;d&&(d.drawing.layoutType,r.PositionedObjectLayoutType.INLINE),d&&d.drawing.layoutType===r.PositionedObjectLayoutType.INLINE&&c!=null&&m!=null&&this._updateInlineDrawingAnchor(d.drawing,c,m)}}))),this.disposeWithMe(r.toDisposable(n.changeEnd$.subscribe(a=>{const{objects:s,offsetX:c,offsetY:m}=a;for(const d of s.values()){const u=this._drawingManagerService.getDrawingOKey(d.oKey);if(u==null)continue;const g=this._transformerCache.get(u==null?void 0:u.drawingId);(g==null?void 0:g.drawing.layoutType)===r.PositionedObjectLayoutType.INLINE&&d.setOpacity(1)}if(this._anchorShape&&this._anchorShape.hide(),s.size>1)this._updateMultipleDrawingDocTransform(s);else if(s.size===1){const d=this._transformerCache.values().next().value,u=s.values().next().value,{width:g,height:f,top:h,left:p,angle:I}=u;if(g===d.width&&f===d.height&&h===d.top&&p===d.left&&I===d.angle)return;d&&d.drawing.layoutType===r.PositionedObjectLayoutType.INLINE?g!==d.width||f!==d.height||I!==d.angle?this._updateDrawingSize(d,u):c!=null&&m!=null&&this._moveInlineDrawing(d.drawing,c,m):d&&this._nonInlineDrawingTransform(d.drawing,u)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;const n=[];let t,o;for(const a of e.values()){const{oKey:s,left:c,top:m,angle:d}=a;let{width:u,height:g}=a;const f=this._drawingManagerService.getDrawingOKey(s);if(f==null)continue;t==null&&(t=f.unitId),o==null&&(o=f.subUnitId);const h=this._transformerCache.get(f.drawingId);if(h==null)continue;const{drawing:p,top:I,left:w,width:S,height:C,angle:y}=h,{width:_,height:P}=this._getPageContentSize(p);if(u=Math.min(u,_),g=Math.min(g,P),(S!==u||C!==g)&&n.push({drawingId:f.drawingId,key:"size",value:{width:u,height:g}}),y!==d&&n.push({drawingId:f.drawingId,key:"angle",value:d}),I!==m||w!==c){const N=m-I,T=c-w;N!==0&&n.push({drawingId:f.drawingId,key:"positionV",value:{relativeFrom:p.docTransform.positionV.relativeFrom,posOffset:p.docTransform.positionV.posOffset+N}}),T!==0&&n.push({drawingId:f.drawingId,key:"positionH",value:{relativeFrom:p.docTransform.positionH.relativeFrom,posOffset:p.docTransform.positionH.posOffset+T}})}}n.length>0&&t&&o&&this._commandService.executeCommand(Ie.id,{unitId:t,subUnitId:o,drawings:n})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;const n=this._transformerCache.values().next().value,t=e.values().next().value;this._getDrawingAnchor(n.drawing,t)}_updateInlineDrawingAnchor(e,n,t){var a;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:o}=(a=this._getInlineDrawingAnchor(e,n,t))!=null?a:{};o!=null&&this._createOrUpdateInlineAnchor(e.unitId,o)}_getInlineDrawingAnchor(e,n,t){var k;const o=this._renderManagerService.getRenderById(e.unitId),a=o==null?void 0:o.with(U.DocSkeletonManagerService).getSkeleton();if(o==null)return;const{mainComponent:s,scene:c}=o,m=s,d=c.getViewports()[0],{pageLayoutType:u=x.PageLayoutType.VERTICAL,pageMarginLeft:g,pageMarginTop:f}=m.getOffsetConfig();let h=null,p=!1,I=-1;const w=.5,S=this._getTransformCoordForDocumentOffset(m,d,n,t);if(S==null)return;const C=a==null?void 0:a.findNodeByCoord(S,u,g,f);if(C){const{node:B,ratioX:V,segmentPage:q}=C;p=V<w,h=B,I=q}if(h==null)return;const y=a==null?void 0:a.findPositionByGlyph(h,I),_=this._getDocObject();if(y==null||a==null||_==null)return;const P={...y,isBack:p},N=_.document.getOffsetConfig(),T=new x.NodePositionConvertToCursor(N,a),{cursorList:b,contentBoxPointGroup:R}=T.getRangePointData(P,P),{startOffset:M}=(k=x.getOneTextSelectionRange(b))!=null?k:{};if(M!=null)return{offset:M,contentBoxPointGroup:R}}_getDrawingAnchor(e,n){var Y,le,de,Z;const t=this._renderManagerService.getRenderById(e.unitId),o=t==null?void 0:t.with(U.DocSkeletonManagerService).getSkeleton(),a=o==null?void 0:o.getViewModel(),s=o==null?void 0:o.getSkeletonData();if(s==null||t==null||a==null)return;const{pages:c}=s,{mainComponent:m,scene:d}=t,u=m,g=d.getViewports()[0],{pageLayoutType:f=x.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:p,docsLeft:I,docsTop:w}=u.getOffsetConfig(),{left:S,top:C,angle:y}=n;let{width:_,height:P}=n;const{positionV:N,positionH:T}=e.docTransform,{width:b,height:R}=this._getPageContentSize(e);_=Math.min(_,b),P=Math.min(P,R);let M=null,k=-1;const B=!1,V={...e.docTransform,size:{width:_,height:P},angle:y},{x:q,y:A}=d.getViewportScrollXY(g),D=this._getTransformCoordForDocumentOffset(u,g,S-q,C-A);if(D==null)return;const E=o==null?void 0:o.findNodeByCoord(D,f,h,p);if(E){const{node:oe,segmentPage:De}=E;M=oe,k=De}if(M==null)return;const O=(Y=M.parent)==null?void 0:Y.parent,L=O==null?void 0:O.parent,G=(le=L==null?void 0:L.lines.find(oe=>oe.paragraphIndex===(O==null?void 0:O.paragraphIndex)&&oe.paragraphStart))!=null?le:L==null?void 0:L.lines[0],H=(de=L==null?void 0:L.parent)==null?void 0:de.parent;this._liquid.reset();for(const oe of c){if(this._liquid.translatePagePadding(oe),oe===H)break;this._liquid.restorePagePadding(oe),this._liquid.translatePage(oe,f,h,p)}if(O==null||L==null||G==null||H==null)return;switch(N.relativeFrom===r.ObjectRelativeFromV.LINE?M=O.divides[0].glyphGroup[0]:M=G.divides[0].glyphGroup[0],V.positionH={relativeFrom:T.relativeFrom,posOffset:S-this._liquid.x-I},T.relativeFrom){case r.ObjectRelativeFromH.MARGIN:{V.positionH.posOffset=S-this._liquid.x-I-H.marginLeft;break}case r.ObjectRelativeFromH.COLUMN:{V.positionH.posOffset=S-this._liquid.x-I-L.left;break}}switch(V.positionV={relativeFrom:N.relativeFrom,posOffset:C-this._liquid.y-w},N.relativeFrom){case r.ObjectRelativeFromV.PAGE:{V.positionV.posOffset=C-this._liquid.y-w-H.marginTop;break}case r.ObjectRelativeFromV.LINE:{V.positionV.posOffset=C-this._liquid.y-w-O.top;break}case r.ObjectRelativeFromV.PARAGRAPH:{V.positionV.posOffset=C-this._liquid.y-w-G.top;break}}if(M==null)return;const z=o==null?void 0:o.findPositionByGlyph(M,k),K=this._getDocObject();if(z==null||o==null||K==null)return;const ae={...z,isBack:B},ie=K.document.getOffsetConfig(),ce=new x.NodePositionConvertToCursor(ie,o),{cursorList:ee}=ce.getRangePointData(ae,ae),{startOffset:J}=(Z=x.getOneTextSelectionRange(ee))!=null?Z:{};if(J!=null)return{offset:J,docTransform:V}}_updateDrawingSize(e,n){const t=[],{drawing:o,width:a,height:s,angle:c}=e,{unitId:m,subUnitId:d}=o;let{width:u,height:g,angle:f}=n;const{width:h,height:p}=this._getPageContentSize(o);u=Math.min(h,u),g=Math.min(p,g),(u!==a||g!==s)&&t.push({drawingId:o.drawingId,key:"size",value:{width:u,height:g}}),f!==c&&t.push({drawingId:o.drawingId,key:"angle",value:f}),t.length>0&&m&&d&&this._commandService.executeCommand(Ie.id,{unitId:m,subUnitId:d,drawings:t})}_moveInlineDrawing(e,n,t){const o=this._getInlineDrawingAnchor(e,n,t),{offset:a}=o!=null?o:{};if(a!=null)return this._commandService.executeCommand(ln.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:a})}_limitDrawingInPage(e,n){const t=this._renderManagerService.getRenderById(e.unitId),{left:o,top:a,width:s,height:c,angle:m}=n,d=t==null?void 0:t.with(U.DocSkeletonManagerService).getSkeleton(),u=d==null?void 0:d.getSkeletonData(),{pages:g}=u!=null?u:{};if(u==null||t==null||g==null)return{left:o,top:a,width:s,height:c,angle:m};const{mainComponent:f}=t,h=f,{top:p,pageLayoutType:I,pageMarginLeft:w,pageMarginTop:S}=h;let C=a;this._liquid.reset();for(const y of g){const{marginBottom:_,pageHeight:P}=y,N=g.indexOf(y),T=g[N+1];if(T==null)continue;if(r.Tools.hasIntersectionBetweenTwoRanges(a,a+c,this._liquid.y+p+P-_,this._liquid.y+p+P+S+T.marginTop)){const R=a+c/2,M=this._liquid.y+p+P+S/2;R<M?C=Math.min(a,this._liquid.y+p+P-_-c):C=Math.max(a,this._liquid.y+p+P+S+T.marginTop)}this._liquid.translatePage(y,I,w,S)}return{left:o,top:C,width:s,height:c,angle:m}}_nonInlineDrawingTransform(e,n,t=!1){const o=this._limitDrawingInPage(e,n);if(t&&o.top!==n.top)return;const a=this._getDrawingAnchor(e,o),{offset:s,docTransform:c}=a!=null?a:{};return s==null||c==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(dn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:s,docTransform:c})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;const n=this._renderManagerService.getRenderById(e),t=n==null?void 0:n.scene;if(t==null)return;const o=t.getTransformerByCreate();return{scene:t,transformer:o}}_getTransformCoordForDocumentOffset(e,n,t,o){const{documentTransform:a}=e.getOffsetConfig(),s=n.transformVector2SceneCoord(x.Vector2.FromArray([t,o]));if(s)return a.clone().invert().applyPoint(s)}_createOrUpdateInlineAnchor(e,n){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{mainComponent:o,scene:a}=t,s=o,{docsLeft:c,docsTop:m}=s.getOffsetConfig(),d=x.getAnchorBounding(n),{left:u,top:g,height:f}=d,h=u+c,p=g+m;if(this._anchorShape){this._anchorShape.transformByState({left:h,top:p,height:f}),this._anchorShape.show();return}const I=6,w=new x.Rect(It+r.Tools.generateRandomId(I),{left:h,top:p,height:f,strokeWidth:2,stroke:x.getColor(r.COLORS.darkGray,1),evented:!1});this._anchorShape=w,a.addObject(w,x.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return U.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const n=this._renderManagerService.getRenderById(e.unitId),t=n==null?void 0:n.with(U.DocSkeletonManagerService).getSkeleton(),o=500,a=500,s=t==null?void 0:t.getSkeletonData();if(s==null||n==null)return{width:o,height:a};const{pages:c}=s;let m=null;for(const d of c){const{skeDrawings:u}=d;if(u.has(e.drawingId)){m=d;break}}if(m){const{pageWidth:d,pageHeight:u,marginLeft:g,marginBottom:f,marginRight:h,marginTop:p}=m;return{width:Math.max(o,d-g-h),height:Math.max(a,u-p-f)}}else return{width:o,height:a}}};be=vt([r.OnLifecycle(r.LifecycleStages.Rendered,be),Oe(0,r.ICommandService),Oe(1,r.IUniverInstanceService),Oe(2,F.IDrawingManagerService),Oe(3,x.IRenderManagerService)],be);var mn=Object.defineProperty,wt=Object.getOwnPropertyDescriptor,St=(i,e,n)=>e in i?mn(i,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[e]=n,Dt=(i,e,n,t)=>{for(var o=t>1?void 0:t?wt(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))||o);return t&&o&&mn(e,n,o),o},Ye=(i,e)=>(n,t)=>e(n,t,i),un=(i,e,n)=>St(i,typeof e!="symbol"?e+"":e,n);const Ct="DOCS_DRAWING_UI_PLUGIN";exports.UniverDocsDrawingUIPlugin=class extends r.Plugin{constructor(e,n,t){super(),this._injector=n,this._renderManagerSrv=t}onStarting(e){[[Ee],[Me],[be],[Re]].forEach(t=>e.add(t))}onReady(){[[xe],[Ue]].forEach(e=>this._renderManagerSrv.registerRenderModule(r.UniverInstanceType.UNIVER_DOC,e))}};un(exports.UniverDocsDrawingUIPlugin,"type",r.UniverInstanceType.UNIVER_DOC);un(exports.UniverDocsDrawingUIPlugin,"pluginName",Ct);exports.UniverDocsDrawingUIPlugin=Dt([r.DependentOn(ge.UniverDrawingUIPlugin,F.UniverDrawingPlugin,j.UniverDocsDrawingPlugin),Ye(1,se.Inject(se.Injector)),Ye(2,x.IRenderManagerService)],exports.UniverDocsDrawingUIPlugin);exports.ClearDocDrawingTransformerOperation=me;exports.DeleteDocDrawingsCommand=je;exports.EditDocDrawingOperation=Fe;exports.GroupDocDrawingCommand=He;exports.InsertDocDrawingCommand=We;exports.InsertDocImageOperation=we;exports.MoveDocDrawingsCommand=pe;exports.RemoveDocDrawingCommand=Ae;exports.SetDocDrawingArrangeCommand=Be;exports.SetDocDrawingCommand=Ge;exports.SidebarDocDrawingOperation=Le;exports.UngroupDocDrawingCommand=Ve;
+"use strict";var On=Object.defineProperty;var yn=(i,e,n)=>e in i?On(i,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[e]=n;var me=(i,e,n)=>yn(i,typeof e!="symbol"?e+"":e,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@univerjs/core"),ae=require("@wendellhu/redi"),Se=require("@univerjs/drawing-ui"),j=require("@univerjs/drawing"),fe=require("@univerjs/docs-drawing"),L=require("@univerjs/engine-render"),Ve=require("rxjs"),rn=require("@univerjs/docs-ui"),F=require("@univerjs/docs"),K=require("@univerjs/ui"),ee=require("@wendellhu/redi/react-bindings"),d=require("react"),$=require("clsx"),q=require("@univerjs/design"),Fe={id:"doc.command.remove-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{var D,M,P,E;const n=i.get(r.ICommandService),t=i.get(r.IUniverInstanceService),o=i.get(L.ITextSelectionRenderManager),a=t.getCurrentUniverDocInstance();if(e==null||a==null)return!1;const{drawings:s}=e,c=(D=o.getSegment())!=null?D:"",m=new r.TextX,l=r.JSONX.getInstance(),g=(P=(M=a.getSelfOrHeaderFooterModel(c).getBody())==null?void 0:M.customBlocks)!=null?P:[],p=s.map(A=>g.find(N=>N.blockId===A.drawingId)).filter(A=>!!A).sort((A,N)=>A.startIndex>N.startIndex?1:-1),f=s[0].unitId,v=new r.MemoryCursor;v.reset();const h=p[0].startIndex,I=[{startOffset:h,endOffset:h}],w={id:F.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:I}},S=[];for(const A of p){const{startIndex:N}=A;N>v.cursor&&m.push({t:r.TextXActionType.RETAIN,len:N-v.cursor,segmentId:""}),m.push({t:r.TextXActionType.DELETE,len:1,line:0,segmentId:""}),v.moveCursorTo(N+1)}const T=F.getRichTextEditPath(a,c);S.push(l.editOp(m.serialize(),T));for(const A of p){const{blockId:N}=A,O=((E=a.getDrawings())!=null?E:{})[N],z=a.getDrawingsOrder().indexOf(N),k=l.removeOp(["drawings",N],O),H=l.removeOp(["drawingsOrder",z],N);S.push(k),S.push(H)}return w.params.actions=S.reduce((A,N)=>r.JSONX.compose(A,N),null),!!n.syncExecuteCommand(w.id,w.params)}},an="COMPONENT_DOC_DRAWING_PANEL",Xe={id:"sidebar.operation.doc-image",type:r.CommandType.COMMAND,handler:async(i,e)=>{const n=i.get(K.ISidebarService),t=i.get(r.LocaleService),o=i.get(j.IDrawingManagerService);switch(e.value){case"open":n.open({header:{title:t.t("docImage.panel.title")},children:{label:an},onClose:()=>{o.focusDrawing(null)},width:360});break;case"close":default:n.close();break}return!0}},$e={id:"doc.operation.edit-doc-image",type:r.CommandType.OPERATION,handler:(i,e)=>{const n=i.get(j.IDrawingManagerService),t=i.get(r.ICommandService);return e==null?!1:(n.focusDrawing([e]),t.executeCommand(Xe.id,{value:"open"}),!0)}};var Mn=Object.defineProperty,En=Object.getOwnPropertyDescriptor,bn=(i,e,n,t)=>{for(var o=t>1?void 0:t?En(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))||o);return t&&o&&Mn(e,n,o),o},Te=(i,e)=>(n,t)=>e(n,t,i);let Ae=class extends r.RxDisposable{constructor(e,n,t,o,a){super();me(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=n,this._renderManagerService=t,this._univerInstanceService=o,this._contextService=a,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(r.UniverInstanceType.UNIVER_DOC).pipe(Ve.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(r.UniverInstanceType.UNIVER_DOC).pipe(Ve.takeUntil(this.dispose$)).subscribe(e=>this._dispose(e)),this._univerInstanceService.getAllUnitsForType(r.UniverInstanceType.UNIVER_DOC).forEach(e=>this._create(e))}_dispose(e){const n=e.getUnitId();this._renderManagerService.removeRender(n)}_create(e){if(!e)return;const n=e.getUnitId();this._renderManagerService.has(n)&&!this._initImagePopupMenu.has(n)&&(this._popupMenuListener(n),this._initImagePopupMenu.add(n))}_hasCropObject(e){const n=e.getAllObjects();for(const t of n)if(t instanceof Se.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var a;const n=(a=this._renderManagerService.getRenderById(e))==null?void 0:a.scene;if(!n)return;const t=n.getTransformerByCreate();if(!t)return;const o=[];this.disposeWithMe(r.toDisposable(t.createControl$.subscribe(()=>{if(this._hasCropObject(n))return;const s=t.getSelectedObjectMap();if(o.forEach(I=>I.dispose()),o.length=0,s.size>1)return;const c=s.values().next().value;if(!c)return;const m=c.oKey,l=this._drawingManagerService.getDrawingOKey(m);if(!l)return;const{unitId:g,subUnitId:p,drawingId:f}=l;o.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(c,{componentKey:Se.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(g,p,f)}}))),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===g&&I.subUnitId===p&&I.drawingId===f)&&this._drawingManagerService.focusDrawing([{unitId:g,subUnitId:p,drawingId:f}])}))),this.disposeWithMe(r.toDisposable(t.clearControl$.subscribe(()=>{o.forEach(s=>s.dispose()),o.length=0,this._contextService.setContextValue(r.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(r.toDisposable(t.changing$.subscribe(()=>{o.forEach(s=>s.dispose()),o.length=0}))),this.disposeWithMe(r.toDisposable(t.changeStart$.subscribe(()=>{o.forEach(s=>s.dispose()),o.length=0})))}_getImageMenuItems(e,n,t){return[{label:"image-popup.edit",index:0,commandId:$e.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!1},{label:"image-popup.delete",index:1,commandId:Fe.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:n,drawingId:t}]},disable:!1},{label:"image-popup.crop",index:2,commandId:Se.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!0},{label:"image-popup.reset",index:3,commandId:Se.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:n,drawingId:t}],disable:!0}]}};Ae=bn([r.OnLifecycle(r.LifecycleStages.Rendered,Ae),Te(0,j.IDrawingManagerService),Te(1,ae.Inject(rn.DocCanvasPopManagerService)),Te(2,L.IRenderManagerService),Te(3,r.IUniverInstanceService),Te(4,r.IContextService)],Ae);var re=function(){return re=Object.assign||function(i){for(var e,n=1,t=arguments.length;n<t;n++){e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(i[o]=e[o])}return i},re.apply(this,arguments)},Pn=function(i,e){var n={};for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&e.indexOf(t)<0&&(n[t]=i[t]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,t=Object.getOwnPropertySymbols(i);o<t.length;o++)e.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(i,t[o])&&(n[t[o]]=i[t[o]]);return n},sn=d.forwardRef(function(i,e){var n=i.icon,t=i.id,o=i.className,a=i.extend,s=Pn(i,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(t," ").concat(o||"").trim(),m=d.useRef("_".concat(An()));return cn(n,"".concat(t),{defIds:n.defIds,idSuffix:m.current},re({ref:e,className:c},s),a)});function cn(i,e,n,t,o){return d.createElement(i.tag,re(re({key:e},Rn(i,n,o)),t),(Nn(i,n).children||[]).map(function(a,s){return cn(a,"".concat(e,"-").concat(i.tag,"-").concat(s),n,void 0,o)}))}function Rn(i,e,n){var t=re({},i.attrs);n!=null&&n.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=n.colorChannel1);var o=e.defIds;return!o||o.length===0||(i.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.idSuffix),Object.entries(t).forEach(function(a){var s=a[0],c=a[1];typeof c=="string"&&(t[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),t}function Nn(i,e){var n,t=e.defIds;return!t||t.length===0?i:i.tag==="defs"&&(!((n=i.children)===null||n===void 0)&&n.length)?re(re({},i),{children:i.children.map(function(o){return typeof o.attrs.id=="string"&&t&&t.indexOf(o.attrs.id)>-1?re(re({},o),{attrs:re(re({},o.attrs),{id:o.attrs.id+e.idSuffix})}):o})}):i}function An(){return Math.random().toString(36).substring(2,8)}sn.displayName="UniverIcon";var xn={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"}}]},ln=d.forwardRef(function(i,e){return d.createElement(sn,Object.assign({},i,{id:"add-image-single",ref:e,icon:xn}))});ln.displayName="AddImageSingle";const Be={id:"doc.operation.insert-float-image",type:r.CommandType.OPERATION,handler:()=>!0},Ln="univer-upload-file-menu",Un="univer-upload-file-menu-input",en={uploadFileMenu:Ln,uploadFileMenuInput:Un},Fn=()=>{const i=ee.useDependency(r.ICommandService),e=d.useRef(null),n=()=>{var a;(a=e.current)==null||a.click()},t=j.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(a=>`.${a.replace("image/","")}`).join(","),o=a=>{const s=a.target.files;if(s==null)return;const c=Array.from(s);i.executeCommand(Be.id,{files:c}),e.current&&(e.current.value="")};return d.createElement("div",{onClick:n,className:en.uploadFileMenu},d.createElement("input",{type:"file",className:en.uploadFileMenuInput,ref:e,onChange:o,accept:t,multiple:!0}))},dn="COMPONENT_DOC_UPLOAD_FILE_MENU",mn="addition-and-subtraction-single",gn="doc.menu.image",Bn="doc.menu.image.upload.float";function jn(i){return{id:gn,type:K.MenuItemType.SUBITEMS,positions:[K.MenuPosition.TOOLBAR_START],group:K.MenuGroup.TOOLBAR_LAYOUT,icon:mn,tooltip:"docImage.title",hidden$:K.getMenuHiddenObservable(i,r.UniverInstanceType.UNIVER_DOC)}}function kn(i){return{id:Bn,title:"docImage.upload.float",type:K.MenuItemType.SELECTOR,label:{name:dn},positions:[gn],hidden$:K.getMenuHiddenObservable(i,r.UniverInstanceType.UNIVER_DOC)}}const Hn="univer-image-common-panel",Vn="univer-image-common-panel-grid",Wn="univer-image-common-panel-border",Gn="univer-image-common-panel-title",Xn="univer-image-common-panel-subtitle",$n="univer-image-common-panel-row",qn="univer-image-common-panel-row-vertical",zn="univer-image-common-panel-column",Jn="univer-image-common-panel-column-center",Kn="univer-image-common-panel-inline",Yn="univer-image-common-panel-span2",Zn="univer-image-common-panel-span3",Qn="univer-image-common-panel-input",et="univer-sheet-image-menu",nt="univer-sheet-image-menu-input",u={imageCommonPanel:Hn,imageCommonPanelGrid:Vn,imageCommonPanelBorder:Wn,imageCommonPanelTitle:Gn,imageCommonPanelSubtitle:Xn,imageCommonPanelRow:$n,imageCommonPanelRowVertical:qn,imageCommonPanelColumn:zn,imageCommonPanelColumnCenter:Jn,imageCommonPanelInline:Kn,imageCommonPanelSpan2:Yn,imageCommonPanelSpan3:Zn,imageCommonPanelInput:Qn,sheetImageMenu:et,sheetImageMenuInput:nt};class je{constructor(){me(this,"_refreshDrawings$",new Ve.BehaviorSubject(null));me(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(e){this._refreshDrawings$.next(e)}}var oe=(i=>(i.INLINE="inline",i.BEHIND_TEXT="behindText",i.IN_FRONT_OF_TEXT="inFrontOfText",i.WRAP_SQUARE="wrapSquare",i.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",i))(oe||{});const tt={inline:r.PositionedObjectLayoutType.INLINE,wrapSquare:r.PositionedObjectLayoutType.WRAP_SQUARE,wrapTopAndBottom:r.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,inFrontOfText:r.PositionedObjectLayoutType.WRAP_NONE,behindText:r.PositionedObjectLayoutType.WRAP_NONE};function un(i,e,n,t,o,a,s){var v,h;const c=new r.TextX,m=r.JSONX.getInstance(),l=[],g=a.getSelfOrHeaderFooterModel(e).getBody(),p=a.getSelfOrHeaderFooterModel(i).getBody();if(g==null||p==null)return;const f=(h=(v=g.customBlocks)==null?void 0:v.find(I=>I.blockId===o))==null?void 0:h.startIndex;if(f!=null){if(t=Math.min(p.dataStream.length-2,t),i===e){if(t<f?(t>0&&c.push({t:r.TextXActionType.RETAIN,len:t,segmentId:e}),c.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:o}]},len:1,line:0,segmentId:e}),c.push({t:r.TextXActionType.RETAIN,len:f-t,segmentId:e}),c.push({t:r.TextXActionType.DELETE,len:1,line:0,segmentId:""})):(f>0&&c.push({t:r.TextXActionType.RETAIN,len:f,segmentId:e}),c.push({t:r.TextXActionType.DELETE,len:1,line:0,segmentId:""}),t-f-1>0&&c.push({t:r.TextXActionType.RETAIN,len:t-f-1,segmentId:e}),c.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:o}]},len:1,line:0,segmentId:e})),t!==f){const I=F.getRichTextEditPath(a,e),w=m.editOp(c.serialize(),I);l.push(w)}}else{f>0&&c.push({t:r.TextXActionType.RETAIN,len:f,segmentId:e}),c.push({t:r.TextXActionType.DELETE,len:1,line:0,segmentId:""});let I=F.getRichTextEditPath(a,e),w=m.editOp(c.serialize(),I);l.push(w),c.empty(),t>0&&c.push({t:r.TextXActionType.RETAIN,len:t,segmentId:i}),c.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:o}]},len:1,line:0,segmentId:i}),I=F.getRichTextEditPath(a,i),w=m.editOp(c.serialize(),I),l.push(w),s.setSegment(i),s.setSegmentPage(n)}return l}}const pn={id:"doc.command.update-doc-drawing-wrapping-style",type:r.CommandType.COMMAND,handler:(i,e)=>{var E,A;if(e==null)return!1;const{drawings:n,wrappingStyle:t,unitId:o}=e,a=i.get(r.ICommandService),s=i.get(r.IUniverInstanceService),m=i.get(L.IRenderManagerService).getRenderById(o),l=m==null?void 0:m.with(F.DocSkeletonManagerService).getSkeleton().getSkeletonData(),g=m==null?void 0:m.with(F.DocSkeletonManagerService).getViewModel(),p=m==null?void 0:m.scene,f=s.getCurrentUniverDocInstance();if(f==null||l==null||p==null||g==null)return!1;const v=g.getEditArea(),h=p.getTransformerByCreate(),{pages:I,skeHeaders:w,skeFooters:S}=l,T=r.JSONX.getInstance(),_=[],{drawings:D={}}=f.getSnapshot();for(const N of n){const{drawingId:O}=N,W=D[O].layoutType,z=tt[t];if(W!==z){const C=T.replaceOp(["drawings",O,"layoutType"],W,z);_.push(C)}if(t==="behindText"||t==="inFrontOfText"){const C=D[O].behindDoc,x=t==="behindText"?r.BooleanNumber.TRUE:r.BooleanNumber.FALSE;if(C!==x){const y=T.replaceOp(["drawings",O,"behindDoc"],C,x);_.push(y)}}if(t==="inline")continue;let k=null,H=0,R=0;for(const C of I){const{headerId:x,footerId:y,marginTop:B,marginLeft:U,marginBottom:b,pageWidth:G,pageHeight:X}=C;switch(v){case L.DocumentEditArea.HEADER:{const V=(E=w.get(x))==null?void 0:E.get(G);V!=null&&V.skeDrawings.has(O)&&(k=V.skeDrawings.get(O),H=V.marginTop,R=U);break}case L.DocumentEditArea.FOOTER:{const V=(A=S.get(y))==null?void 0:A.get(G);V!=null&&V.skeDrawings.has(O)&&(k=V.skeDrawings.get(O),H=X-b+V.marginTop,R=U);break}case L.DocumentEditArea.BODY:{C.skeDrawings.has(O)&&(k=C.skeDrawings.get(O),H=B,R=U);break}}if(k!=null)break}if(k!=null){const{aTop:C,aLeft:x}=k,y=D[O].docTransform.positionH;let B=x;y.relativeFrom===r.ObjectRelativeFromH.MARGIN?B-=R:y.relativeFrom===r.ObjectRelativeFromH.COLUMN&&(B-=k.columnLeft);const U={relativeFrom:y.relativeFrom,posOffset:B};if(y.posOffset!==U.posOffset){const V=T.replaceOp(["drawings",O,"docTransform","positionH"],y,U);_.push(V)}const b=D[O].docTransform.positionV;let G=C;b.relativeFrom===r.ObjectRelativeFromV.PAGE?G+=H:b.relativeFrom===r.ObjectRelativeFromV.LINE?G-=k.lineTop:b.relativeFrom===r.ObjectRelativeFromV.PARAGRAPH&&(G-=k.blockAnchorTop);const X={relativeFrom:b.relativeFrom,posOffset:G};if(b.posOffset!==X.posOffset){const V=T.replaceOp(["drawings",O,"docTransform","positionV"],b,X);_.push(V)}}}const M={id:F.RichTextEditingMutation.id,params:{unitId:o,actions:[],textRanges:null}};M.params.actions=_.reduce((N,O)=>r.JSONX.compose(N,O),null);const P=a.syncExecuteCommand(M.id,M.params);return h.refreshControls(),!!P}},fn={id:"doc.command.update-doc-drawing-distance",type:r.CommandType.COMMAND,handler:(i,e)=>{if(e==null)return!1;const n=i.get(r.ICommandService),o=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(o==null)return!1;const{drawings:a,dist:s,unitId:c}=e,m=r.JSONX.getInstance(),l=[],{drawings:g={}}=o.getSnapshot();for(const v of a){const{drawingId:h}=v;for(const[I,w]of Object.entries(s)){const S=g[h][I];if(S!==w){const T=m.replaceOp(["drawings",h,I],S,w);l.push(T)}}}const p={id:F.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return p.params.actions=l.reduce((v,h)=>r.JSONX.compose(v,h),null),!!n.syncExecuteCommand(p.id,p.params)}},hn={id:"doc.command.update-doc-drawing-wrap-text",type:r.CommandType.COMMAND,handler:(i,e)=>{if(e==null)return!1;const n=i.get(r.ICommandService),o=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(o==null)return!1;const{drawings:a,wrapText:s,unitId:c}=e,m=r.JSONX.getInstance(),l=[],{drawings:g={}}=o.getSnapshot();for(const v of a){const{drawingId:h}=v,I=g[h].wrapText;if(I!==s){const w=m.replaceOp(["drawings",h,"wrapText"],I,s);l.push(w)}}const p={id:F.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return p.params.actions=l.reduce((v,h)=>r.JSONX.compose(v,h),null),!!n.syncExecuteCommand(p.id,p.params)}},be={id:"doc.command.update-drawing-doc-transform",type:r.CommandType.COMMAND,handler:(i,e)=>{if(e==null)return!1;const n=i.get(r.ICommandService),t=i.get(r.IUniverInstanceService),a=i.get(L.IRenderManagerService).getRenderById(e.unitId),s=a==null?void 0:a.scene;if(s==null)return!1;const c=s.getTransformerByCreate(),m=t.getCurrentUniverDocInstance();if(m==null)return!1;const{drawings:l,unitId:g}=e,p=r.JSONX.getInstance(),f=[],{drawings:v={}}=m.getSnapshot();for(const w of l){const{drawingId:S,key:T,value:_}=w,D=v[S].docTransform[T];if(!r.Tools.diffValue(D,_)){const M=p.replaceOp(["drawings",S,"docTransform",T],D,_);f.push(M)}}const h={id:F.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null,debounce:!0}};h.params.actions=f.reduce((w,S)=>r.JSONX.compose(w,S),null);const I=n.syncExecuteCommand(h.id,h.params);return c.refreshControls(),!!I}},vn={id:"doc.command.move-inline-drawing",type:r.CommandType.COMMAND,handler:(i,e)=>{var E;if(e==null)return!1;const n=i.get(L.IRenderManagerService),t=i.get(L.ITextSelectionRenderManager),o=i.get(je),a=n.getRenderById(e.unitId),s=a==null?void 0:a.scene,c=a==null?void 0:a.with(F.DocSkeletonManagerService).getSkeleton();if(s==null)return!1;const m=s.getTransformerByCreate(),l=i.get(r.ICommandService),p=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(p==null)return!1;const{drawing:f,unitId:v,offset:h,segmentId:I,segmentPage:w}=e,S=[],{drawingId:T}=f,_=(E=t.getSegment())!=null?E:"",D=un(I,_,w,h,T,p,t);if(D==null||D.length===0)return o.refreshDrawings(c),m.refreshControls(),!1;S.push(...D);const M={id:F.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:null}};M.params.actions=S.reduce((A,N)=>r.JSONX.compose(A,N),null);const P=l.syncExecuteCommand(M.id,M.params);return m.refreshControls(),!!P}},In={id:"doc.command.transform-non-inline-drawing",type:r.CommandType.COMMAND,handler:(i,e)=>{var k;if(e==null)return!1;const n=i.get(L.ITextSelectionRenderManager),o=i.get(L.IRenderManagerService).getRenderById(e.unitId),a=o==null?void 0:o.scene;if(a==null)return!1;const s=a.getTransformerByCreate(),c=i.get(r.ICommandService),l=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(l==null)return!1;const{drawing:g,unitId:p,offset:f,docTransform:v,segmentId:h,segmentPage:I}=e,w=[],{drawingId:S}=g,T=(k=n.getSegment())!=null?k:"",_=un(h,T,I,f,S,l,n);if(_==null)return!1;_.length>0&&w.push(..._);const D=r.JSONX.getInstance(),{drawings:M={}}=l.getSnapshot(),P=M[S].docTransform,{positionH:E,positionV:A,size:N,angle:O}=P;if(!r.Tools.diffValue(E,v.positionH)){const H=D.replaceOp(["drawings",S,"docTransform","positionH"],E,v.positionH);w.push(H)}if(!r.Tools.diffValue(A,v.positionV)){const H=D.replaceOp(["drawings",S,"docTransform","positionV"],A,v.positionV);w.push(H)}if(!r.Tools.diffValue(N,v.size)){const H=D.replaceOp(["drawings",S,"docTransform","size"],N,v.size);w.push(H)}if(!r.Tools.diffValue(O,v.angle)){const H=D.replaceOp(["drawings",S,"docTransform","angle"],O,v.angle);w.push(H)}const W={id:F.RichTextEditingMutation.id,params:{unitId:p,actions:[],textRanges:null,debounce:!0}};W.params.actions=w.reduce((H,R)=>r.JSONX.compose(H,R),null);const z=c.syncExecuteCommand(W.id,W.params);return s.refreshControls(),!!z}},Re=0,Ne=100,it=i=>{const e=ee.useDependency(r.ICommandService),n=ee.useDependency(r.LocaleService),t=ee.useDependency(j.IDrawingManagerService),o=ee.useDependency(L.IRenderManagerService),a=ee.useDependency(r.IUniverInstanceService),{drawings:s}=i,c=s[0];if(c==null)return null;const{unitId:m}=c,l=a.getUniverDocInstance(m),g=o.getRenderById(m);if((g==null?void 0:g.scene)==null)return null;const[f,v]=d.useState(!0),[h,I]=d.useState(!0),[w,S]=d.useState(!0),[T,_]=d.useState(oe.INLINE),[D,M]=d.useState(""),[P,E]=d.useState({distT:0,distL:0,distB:0,distR:0}),[A,N]=d.useState(!0);function O(R){_(R);const C=t.getFocusDrawings();if(C.length===0)return;const{unitId:x,subUnitId:y}=C[0],B=C.map(({unitId:U,subUnitId:b,drawingId:G})=>({unitId:U,subUnitId:b,drawingId:G}));e.executeCommand(pn.id,{unitId:x,subUnitId:y,drawings:B,wrappingStyle:R})}function W(R){M(R);const C=t.getFocusDrawings();if(C.length===0)return;const x=C.map(y=>({unitId:y.unitId,subUnitId:y.subUnitId,drawingId:y.drawingId}));e.executeCommand(hn.id,{unitId:C[0].unitId,subUnitId:C[0].unitId,drawings:x,wrapText:R})}function z(R,C){if(R==null)return;const x={...P,[C]:R};E(x);const y=t.getFocusDrawings();if(y.length===0)return;const B=y.map(U=>({unitId:U.unitId,subUnitId:U.subUnitId,drawingId:U.drawingId}));e.executeCommand(fn.id,{unitId:y[0].unitId,subUnitId:y[0].unitId,drawings:B,dist:{[C]:R}})}function k(){const R=t.getFocusDrawings();R.length!==0&&H(R[0])}function H(R){var ne,se;const C=(se=(ne=l==null?void 0:l.getSnapshot())==null?void 0:ne.drawings)==null?void 0:se[R.drawingId];if(C==null)return;const{distT:x=0,distL:y=0,distB:B=0,distR:U=0,layoutType:b=r.PositionedObjectLayoutType.INLINE,behindDoc:G=r.BooleanNumber.FALSE,wrapText:X=r.WrapTextType.BOTH_SIDES}=C;if(E({distT:x,distL:y,distB:B,distR:U}),M(X),v(b!==r.PositionedObjectLayoutType.WRAP_SQUARE),b===r.PositionedObjectLayoutType.WRAP_NONE||b===r.PositionedObjectLayoutType.INLINE?I(!0):I(!1),b===r.PositionedObjectLayoutType.WRAP_NONE||b===r.PositionedObjectLayoutType.INLINE||b===r.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?S(!0):S(!1),b===r.PositionedObjectLayoutType.WRAP_NONE)G===r.BooleanNumber.TRUE?_(oe.BEHIND_TEXT):_(oe.IN_FRONT_OF_TEXT);else switch(b){case r.PositionedObjectLayoutType.INLINE:_(oe.INLINE);break;case r.PositionedObjectLayoutType.WRAP_SQUARE:_(oe.WRAP_SQUARE);break;case r.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:_(oe.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${b}`)}}return d.useEffect(()=>{k();const R=t.focus$.subscribe(x=>{if(x.length===0){N(!1);return}N(!0),H(x[0])}),C=e.onCommandExecuted(async x=>{x.id===F.RichTextEditingMutation.id&&k()});return()=>{R.unsubscribe(),C.dispose()}},[]),d.createElement("div",{className:$(u.imageCommonPanelGrid,u.imageCommonPanelBorder),style:{display:A?"block":"none"}},d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:$(u.imageCommonPanelColumn,u.imageCommonPanelTitle)},d.createElement("div",null,n.t("image-text-wrap.title")))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:$(u.imageCommonPanelColumn,u.imageCommonPanelSubtitle)},d.createElement("div",null,n.t("image-text-wrap.wrappingStyle")))),d.createElement("div",{className:$(u.imageCommonPanelRow)},d.createElement("div",{className:$(u.imageCommonPanelColumn)},d.createElement(q.RadioGroup,{value:T,onChange:O,direction:"vertical"},d.createElement(q.Radio,{value:oe.INLINE},n.t("image-text-wrap.inline")),d.createElement(q.Radio,{value:oe.WRAP_SQUARE},n.t("image-text-wrap.square")),d.createElement(q.Radio,{value:oe.WRAP_TOP_AND_BOTTOM},n.t("image-text-wrap.topAndBottom")),d.createElement(q.Radio,{value:oe.BEHIND_TEXT},n.t("image-text-wrap.behindText")),d.createElement(q.Radio,{value:oe.IN_FRONT_OF_TEXT},n.t("image-text-wrap.inFrontText"))))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:$(u.imageCommonPanelColumn,u.imageCommonPanelSubtitle)},d.createElement("div",null,n.t("image-text-wrap.wrapText")))),d.createElement("div",{className:$(u.imageCommonPanelRow)},d.createElement("div",{className:$(u.imageCommonPanelColumn)},d.createElement(q.RadioGroup,{disabled:f,value:D,onChange:W,direction:"horizontal"},d.createElement(q.Radio,{value:r.WrapTextType.BOTH_SIDES},n.t("image-text-wrap.bothSide")),d.createElement(q.Radio,{value:r.WrapTextType.LEFT},n.t("image-text-wrap.leftOnly")),d.createElement(q.Radio,{value:r.WrapTextType.RIGHT},n.t("image-text-wrap.rightOnly"))))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:$(u.imageCommonPanelColumn,u.imageCommonPanelSubtitle)},d.createElement("div",null,n.t("image-text-wrap.distanceFromText")))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:$(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},d.createElement("label",null,d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:u.imageCommonPanelColumn},n.t("image-text-wrap.top"))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:u.imageCommonPanelColumn},d.createElement(q.InputNumber,{min:Re,max:Ne,disabled:h,precision:1,value:P.distT,onChange:R=>{z(R,"distT")},className:u.imageCommonPanelInput}))))),d.createElement("div",{className:$(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},d.createElement("label",null,d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:u.imageCommonPanelColumn},n.t("image-text-wrap.left"))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:u.imageCommonPanelColumn},d.createElement(q.InputNumber,{min:Re,max:Ne,disabled:w,precision:1,value:P.distL,onChange:R=>{z(R,"distL")},className:u.imageCommonPanelInput})))))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:$(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},d.createElement("label",null,d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:u.imageCommonPanelColumn},n.t("image-text-wrap.bottom"))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:u.imageCommonPanelColumn},d.createElement(q.InputNumber,{min:Re,max:Ne,disabled:h,precision:1,value:P.distB,onChange:R=>{z(R,"distB")},className:u.imageCommonPanelInput}))))),d.createElement("div",{className:$(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},d.createElement("label",null,d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:u.imageCommonPanelColumn},n.t("image-text-wrap.right"))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:u.imageCommonPanelColumn},d.createElement(q.InputNumber,{min:Re,max:Ne,disabled:w,precision:1,value:P.distR,onChange:R=>{z(R,"distR")},className:u.imageCommonPanelInput})))))))},nn=-1e3,tn=1e3,ot=i=>{const e=ee.useDependency(r.ICommandService),n=ee.useDependency(r.LocaleService),t=ee.useDependency(j.IDrawingManagerService),o=ee.useDependency(L.IRenderManagerService),a=ee.useDependency(r.IUniverInstanceService),s=ee.useDependency(L.ITextSelectionRenderManager),{drawings:c}=i,m=c[0];if(m==null)return;const{unitId:l}=m,g=a.getUniverDocInstance(l),p=o.getRenderById(l),f=p==null?void 0:p.scene;if(f==null)return;const v=f.getTransformerByCreate(),h=[{label:n.t("image-position.column"),value:String(r.ObjectRelativeFromH.COLUMN)},{label:n.t("image-position.page"),value:String(r.ObjectRelativeFromH.PAGE)},{label:n.t("image-position.margin"),value:String(r.ObjectRelativeFromH.MARGIN)}],I=[{label:n.t("image-position.line"),value:String(r.ObjectRelativeFromV.LINE)},{label:n.t("image-position.page"),value:String(r.ObjectRelativeFromV.PAGE)},{label:n.t("image-position.margin"),value:String(r.ObjectRelativeFromV.MARGIN)},{label:n.t("image-position.paragraph"),value:String(r.ObjectRelativeFromV.PARAGRAPH)}],[w,S]=d.useState(!0),[T,_]=d.useState({relativeFrom:r.ObjectRelativeFromH.PAGE,posOffset:0}),[D,M]=d.useState({relativeFrom:r.ObjectRelativeFromV.PAGE,posOffset:0}),[P,E]=d.useState(!0),[A,N]=d.useState(!0);function O(C,x){C==="positionH"?_(x):M(x);const y=t.getFocusDrawings();if(y.length===0)return;const B=y.map(U=>({unitId:U.unitId,subUnitId:U.subUnitId,drawingId:U.drawingId}));e.executeCommand(be.id,{unitId:y[0].unitId,subUnitId:y[0].unitId,drawings:B.map(U=>({drawingId:U.drawingId,key:C,value:x}))}),s.blur(),v.refreshControls()}function W(C){var ce,le,Q;const x=T.relativeFrom,y=T.posOffset,B=Number(C);if(x===B)return;const U=t.getFocusDrawings();if(U.length===0)return;const b=U[0].drawingId,G=U[0].unitId;let X=null,V=0;const ne=(ce=o.getRenderById(G))==null?void 0:ce.with(F.DocSkeletonManagerService).getSkeleton(),se=ne==null?void 0:ne.getSkeletonData();if(se==null)return;const{pages:he,skeHeaders:De,skeFooters:ge}=se;for(const we of he){const{marginLeft:de,skeDrawings:ue,headerId:ve,footerId:Ie,pageWidth:pe}=we;if(ue.has(b)){X=ue.get(b),V=de;break}const Z=(le=De.get(ve))==null?void 0:le.get(pe);if(Z!=null&&Z.skeDrawings.has(b)){X=Z==null?void 0:Z.skeDrawings.get(b),V=de;break}const J=(Q=ge.get(Ie))==null?void 0:Q.get(pe);if(J!=null&&J.skeDrawings.has(b)){X=J==null?void 0:J.skeDrawings.get(b),V=de;break}}if(X==null)return;let Y=0;x===r.ObjectRelativeFromH.COLUMN?Y-=X.columnLeft:x===r.ObjectRelativeFromH.MARGIN&&(Y-=V),B===r.ObjectRelativeFromH.COLUMN?Y+=X.columnLeft:B===r.ObjectRelativeFromH.MARGIN?Y+=V:r.ObjectRelativeFromH.PAGE;const te={relativeFrom:B,posOffset:(y!=null?y:0)-Y};O("positionH",te)}function z(C){var de,ue,ve,Ie,pe;const x=D.relativeFrom,y=D.posOffset,B=Number(C);if(x===B)return;const U=t.getFocusDrawings();if(U.length===0)return;const{drawingId:b,unitId:G}=U[0],X=a.getUniverDocInstance(G),V=(de=o.getRenderById(G))==null?void 0:de.with(F.DocSkeletonManagerService).getSkeleton(),ne=s.getSegment(),se=s.getSegmentPage(),he=(ve=(ue=X==null?void 0:X.getSelfOrHeaderFooterModel(ne).getBody())==null?void 0:ue.customBlocks)==null?void 0:ve.find(Z=>Z.blockId===b);if(he==null||V==null)return;const{startIndex:De}=he,ge=V.findNodeByCharIndex(De,ne,se),Y=(Ie=ge==null?void 0:ge.parent)==null?void 0:Ie.parent,te=Y==null?void 0:Y.parent,ce=te==null?void 0:te.lines.find(Z=>Z.paragraphIndex===(Y==null?void 0:Y.paragraphIndex)&&Z.paragraphStart),le=(pe=te==null?void 0:te.parent)==null?void 0:pe.parent;if(ge==null||Y==null||ce==null||te==null||le==null)return;let Q=0;x===r.ObjectRelativeFromV.PARAGRAPH?Q-=ce.top:x===r.ObjectRelativeFromV.LINE?Q-=Y.top:x===r.ObjectRelativeFromV.PAGE&&(Q+=le.marginTop),B===r.ObjectRelativeFromV.PARAGRAPH?Q+=ce.top:B===r.ObjectRelativeFromV.LINE?Q+=Y.top:B===r.ObjectRelativeFromV.PAGE&&(Q-=le.marginTop);const we={relativeFrom:B,posOffset:(y!=null?y:0)-Q};O("positionV",we)}function k(C){var G;const x=g==null?void 0:g.getSnapshot(),y=(G=x==null?void 0:x.drawings)==null?void 0:G[C.drawingId];if(y==null)return;const{layoutType:B}=y,{positionH:U,positionV:b}=y.docTransform;_(U),M(b),S(B===r.PositionedObjectLayoutType.INLINE),E(b.relativeFrom===r.ObjectRelativeFromV.PARAGRAPH||b.relativeFrom===r.ObjectRelativeFromV.LINE)}function H(){const C=t.getFocusDrawings();C.length!==0&&k(C[0])}function R(C){E(C),z(String(C?r.ObjectRelativeFromV.PARAGRAPH:r.ObjectRelativeFromV.PAGE))}return d.useEffect(()=>{H();const C=t.focus$.subscribe(y=>{if(y.length===0){N(!1);return}N(!0),k(y[0])}),x=e.onCommandExecuted(async y=>{y.id===F.RichTextEditingMutation.id&&H()});return()=>{C.unsubscribe(),x.dispose()}},[]),d.createElement("div",{className:$(u.imageCommonPanelGrid,u.imageCommonPanelBorder),style:{display:A?"block":"none"}},d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:$(u.imageCommonPanelColumn,u.imageCommonPanelTitle)},d.createElement("div",null,n.t("image-position.title")))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:$(u.imageCommonPanelColumn,u.imageCommonPanelSubtitle)},d.createElement("div",null,n.t("image-position.horizontal")))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:$(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},d.createElement("label",null,d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:u.imageCommonPanelColumn},n.t("image-position.absolutePosition"))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:u.imageCommonPanelColumn},d.createElement(q.InputNumber,{min:nn,max:tn,precision:1,disabled:w,value:T.posOffset,onChange:C=>{O("positionH",{relativeFrom:T.relativeFrom,posOffset:C})},className:u.imageCommonPanelInput}))))),d.createElement("div",{className:$(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},d.createElement("label",null,d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:u.imageCommonPanelColumn},n.t("image-position.toTheRightOf"))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:u.imageCommonPanelColumn},d.createElement(q.Select,{value:String(T.relativeFrom),disabled:w,options:h,onChange:W})))))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:$(u.imageCommonPanelColumn,u.imageCommonPanelSubtitle)},d.createElement("div",null,n.t("image-position.vertical")))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:$(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},d.createElement("label",null,d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:u.imageCommonPanelColumn},n.t("image-position.absolutePosition"))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:u.imageCommonPanelColumn},d.createElement(q.InputNumber,{min:nn,max:tn,precision:1,disabled:w,value:D.posOffset,onChange:C=>{O("positionV",{relativeFrom:D.relativeFrom,posOffset:C})},className:u.imageCommonPanelInput}))))),d.createElement("div",{className:$(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},d.createElement("label",null,d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:u.imageCommonPanelColumn},n.t("image-position.bellow"))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:u.imageCommonPanelColumn},d.createElement(q.Select,{disabled:w,value:String(D.relativeFrom),options:I,onChange:z})))))),d.createElement("div",{className:u.imageCommonPanelRow},d.createElement("div",{className:$(u.imageCommonPanelColumn,u.imageCommonPanelSubtitle)},d.createElement("div",null,n.t("image-position.options")))),d.createElement("div",{className:u.imageCommonPanelRow,style:{marginBottom:"50px"}},d.createElement("div",{className:u.imageCommonPanelColumn},d.createElement(q.Checkbox,{disabled:w,checked:P,onChange:R},n.t("image-position.moveObjectWithText")))))},rt=()=>{const i=ee.useDependency(j.IDrawingManagerService),e=i.getFocusDrawings(),[n,t]=d.useState(e);return d.useEffect(()=>{const o=i.focus$.subscribe(a=>{t(a)});return()=>{o.unsubscribe()}},[]),!!(n!=null&&n.length)&&d.createElement("div",{className:u.imageCommonPanel},d.createElement(Se.DrawingCommonPanel,{drawings:n,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),d.createElement(it,{drawings:n}),d.createElement(ot,{drawings:n}))},wn={id:"doc.operation.clear-drawing-transformer",type:r.CommandType.MUTATION,handler:(i,e)=>{const n=i.get(L.IRenderManagerService);return e.forEach(t=>{var o,a;(a=(o=n.getRenderById(t))==null?void 0:o.scene.getTransformer())==null||a.debounceRefreshControls()}),!0}},_e={id:"doc.command.move-drawing",type:r.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(r.ICommandService),t=i.get(fe.IDocDrawingService),o=i.get(r.IUniverInstanceService),a=i.get(L.IRenderManagerService),{direction:s}=e,c=t.getFocusDrawings();if(c.length===0)return!1;const m=c[0].unitId,l=a.getRenderById(m),g=l==null?void 0:l.scene;if(g==null)return!1;const p=g.getTransformerByCreate(),f=o.getUniverDocInstance(m),v=c.map(I=>{var P,E,A,N,O;const{drawingId:w}=I,S=(P=f==null?void 0:f.getSnapshot().drawings)==null?void 0:P[w];if(S==null||S.layoutType===r.PositionedObjectLayoutType.INLINE)return null;const{positionH:T,positionV:_}=S.docTransform,D={...T},M={..._};return s===r.Direction.UP?M.posOffset=((E=M.posOffset)!=null?E:0)-2:s===r.Direction.DOWN?M.posOffset=((A=M.posOffset)!=null?A:0)+2:s===r.Direction.LEFT?D.posOffset=((N=D.posOffset)!=null?N:0)-2:s===r.Direction.RIGHT&&(D.posOffset=((O=D.posOffset)!=null?O:0)+2),{drawingId:w,key:s===r.Direction.UP||s===r.Direction.DOWN?"positionV":"positionH",value:s===r.Direction.UP||s===r.Direction.DOWN?M:D}}).filter(I=>I!=null);if(v.length===0)return!1;const h=n.syncExecuteCommand(be.id,{unitId:m,subUnitId:m,drawings:v});return p.refreshControls(),!!h}},qe={id:"doc.command.delete-drawing",type:r.CommandType.COMMAND,handler:i=>{const e=i.get(r.ICommandService),t=i.get(fe.IDocDrawingService).getFocusDrawings();if(t.length===0)return!1;const{unitId:o}=t[0],a=t.map(s=>{const{unitId:c,subUnitId:m,drawingId:l,drawingType:g}=s;return{unitId:c,subUnitId:m,drawingId:l,drawingType:g}});return e.executeCommand(Fe.id,{unitId:o,drawings:a})}},ze={id:"doc.command.set-drawing-arrange",type:r.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(r.ICommandService),t=i.get(fe.IDocDrawingService);if(e==null)return!1;const{unitId:o,subUnitId:a,drawingIds:s,arrangeType:c}=e,m={unitId:o,subUnitId:a,drawingIds:s};let l;if(c===j.ArrangeTypeEnum.forward?l=t.getForwardDrawingsOp(m):c===j.ArrangeTypeEnum.backward?l=t.getBackwardDrawingOp(m):c===j.ArrangeTypeEnum.front?l=t.getFrontDrawingsOp(m):c===j.ArrangeTypeEnum.back&&(l=t.getBackDrawingsOp(m)),l==null)return!1;const{redo:g}=l;if(g==null)return!1;const p=[];let f=r.Tools.deepClone(g);f=f.slice(3),f.unshift("drawingsOrder"),p.push(f);const v={id:F.RichTextEditingMutation.id,params:{unitId:o,actions:[],textRanges:null}};return v.params.actions=p.reduce((I,w)=>r.JSONX.compose(I,w),null),!!n.syncExecuteCommand(v.id,v.params)}},Je={id:"doc.command.ungroup-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{i.get(r.ICommandService),i.get(r.IUndoRedoService);const n=i.get(fe.IDocDrawingService);if(!e)return!1;const t=[];return e.forEach(({parent:o,children:a})=>{t.push(o.unitId),a.forEach(s=>{t.push(s.unitId)})}),n.getUngroupDrawingOp(e),!1}},Ke={id:"doc.command.group-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{i.get(r.ICommandService),i.get(r.IUndoRedoService);const n=i.get(fe.IDocDrawingService);if(!e)return!1;const t=[];return e.forEach(({parent:o,children:a})=>{t.push(o.unitId),a.forEach(s=>{t.push(s.unitId)})}),n.getGroupDrawingOp(e),!1}},Ye={id:"doc.command.insert-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{var M,P;if(e==null)return!1;const n=i.get(r.ICommandService),t=i.get(F.TextSelectionManagerService),o=i.get(r.IUniverInstanceService),a=t.getActiveRange(),s=o.getCurrentUniverDocInstance();if(a==null||s==null)return!1;const c=s.getUnitId(),{drawings:m}=e,{collapsed:l,startOffset:g,segmentId:p}=a,f=s.getSelfOrHeaderFooterModel(p).getBody();if(f==null)return!1;const v=new r.TextX,h=r.JSONX.getInstance(),I=[],w=(P=(M=s.getSnapshot().drawingsOrder)==null?void 0:M.length)!=null?P:0;if(l)g>0&&v.push({t:r.TextXActionType.RETAIN,len:g,segmentId:p});else{const{dos:E}=F.getRetainAndDeleteFromReplace(a,p,0,f);v.push(...E)}v.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b".repeat(m.length),customBlocks:m.map((E,A)=>({startIndex:A,blockId:E.drawingId}))},len:m.length,line:0,segmentId:p});const S=F.getRichTextEditPath(s,p),T=h.editOp(v.serialize(),S);I.push(T);for(const E of m){const{drawingId:A}=E,N=h.insertOp(["drawings",A],E),O=h.insertOp(["drawingsOrder",w],A);I.push(N),I.push(O)}const _={id:F.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:[]}};return _.params.actions=I.reduce((E,A)=>r.JSONX.compose(E,A),null),!!n.syncExecuteCommand(_.id,_.params)}};function Pe(i){return i.getContextValue(r.FOCUSING_UNIVER_EDITOR)&&i.getContextValue(r.FOCUSING_COMMON_DRAWINGS)}const at={id:_e.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:K.KeyCode.ARROW_DOWN,priority:100,preconditions:Pe,staticParameters:{direction:r.Direction.DOWN}},st={id:_e.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:K.KeyCode.ARROW_UP,priority:100,preconditions:Pe,staticParameters:{direction:r.Direction.UP}},ct={id:_e.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:K.KeyCode.ARROW_LEFT,priority:100,preconditions:Pe,staticParameters:{direction:r.Direction.LEFT}},lt={id:_e.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:K.KeyCode.ARROW_RIGHT,priority:100,preconditions:Pe,staticParameters:{direction:r.Direction.RIGHT}},dt={id:qe.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:Pe,binding:K.KeyCode.DELETE,mac:K.KeyCode.BACKSPACE};var mt=Object.defineProperty,gt=Object.getOwnPropertyDescriptor,ut=(i,e,n,t)=>{for(var o=t>1?void 0:t?gt(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))||o);return t&&o&&mt(e,n,o),o},Oe=(i,e)=>(n,t)=>e(n,t,i);let xe=class extends r.Disposable{constructor(i,e,n,t,o){super(),this._injector=i,this._componentManager=e,this._menuService=n,this._commandService=t,this._shortcutService=o,this._init()}_initCustomComponents(){const i=this._componentManager;this.disposeWithMe(i.register(mn,ln)),this.disposeWithMe(i.register(dn,Fn)),this.disposeWithMe(i.register(an,rt))}_initMenus(){[jn,kn].forEach(i=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(i),{}))})}_initCommands(){[Be,Ye,pn,fn,hn,be,vn,In,Fe,Xe,wn,$e,Ke,Je,_e,qe,ze].forEach(i=>this.disposeWithMe(this._commandService.registerCommand(i)))}_initShortcuts(){[at,st,ct,lt,dt].forEach(i=>{this.disposeWithMe(this._shortcutService.registerShortcut(i))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};xe=ut([r.OnLifecycle(r.LifecycleStages.Ready,xe),Oe(0,ae.Inject(ae.Injector)),Oe(1,ae.Inject(K.ComponentManager)),Oe(2,K.IMenuService),Oe(3,r.ICommandService),Oe(4,K.IShortcutService)],xe);var pt=Object.defineProperty,ft=Object.getOwnPropertyDescriptor,ht=(i,e,n,t)=>{for(var o=t>1?void 0:t?ft(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))||o);return t&&o&&pt(e,n,o),o},ie=(i,e)=>(n,t)=>e(n,t,i);let We=class extends r.Disposable{constructor(i,e,n,t,o,a,s,c,m,l,g,p,f){super(),this._context=i,this._commandService=e,this._textSelectionManagerService=n,this._renderManagerSrv=t,this._imageIoService=o,this._docDrawingService=a,this._drawingManagerService=s,this._contextService=c,this._messageService=m,this._localeService=l,this._textSelectionManager=g,this._textSelectionRenderManager=p,this._docRefreshDrawingsService=f,this._initCommandListeners(),this._updateDrawingListener(),this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._editAreaChangeListener()}_initCommandListeners(){this.disposeWithMe(this._commandService.onCommandExecuted(async i=>{if(i.id===Be.id){const e=i.params;if(e.files==null)return;const n=e.files.length;if(n>j.DRAWING_IMAGE_COUNT_LIMIT){this._messageService.show({type:q.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(j.DRAWING_IMAGE_COUNT_LIMIT))});return}this._imageIoService.setWaitCount(n),await this._insertFloatImages(e.files)}}))}async _insertFloatImages(i){let e=[];try{e=await Promise.all(i.map(o=>this._imageIoService.saveImage(o)))}catch(o){const a=o.message;let s="";switch(a){case j.ImageUploadStatusType.ERROR_EXCEED_SIZE:s=this._localeService.t("update-status.exceedMaxSize",String(j.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case j.ImageUploadStatusType.ERROR_IMAGE_TYPE:s=this._localeService.t("update-status.invalidImageType");break;case j.ImageUploadStatusType.ERROR_IMAGE:s=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:q.MessageType.Error,content:s})}if(e.length===0)return;const{unitId:n}=this._context,t=[];for(const o of e){if(o==null)continue;const{imageId:a,imageSourceType:s,source:c,base64Cache:m}=o,{width:l,height:g,image:p}=await j.getImageSize(m||"");this._imageIoService.addImageSourceCache(a,s,p);let f=1;if(l>j.DRAWING_IMAGE_WIDTH_LIMIT||g>j.DRAWING_IMAGE_HEIGHT_LIMIT){const w=j.DRAWING_IMAGE_WIDTH_LIMIT/l,S=j.DRAWING_IMAGE_HEIGHT_LIMIT/g;f=Math.min(w,S)}const v=this._getImagePosition(l*f,g*f);if(v==null)return;const h={unitId:n,subUnitId:n,drawingId:a,drawingType:j.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:s,source:c,transform:rn.docDrawingPositionToTransform(v),docTransform:v,behindDoc:r.BooleanNumber.FALSE,title:"",description:"",layoutType:r.PositionedObjectLayoutType.INLINE,wrapText:r.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};this._isInsertInHeaderFooter()&&(h.isMultiTransform=r.BooleanNumber.TRUE,h.transforms=h.transform?[h.transform]:null),t.push(h)}this._commandService.executeCommand(Ye.id,{unitId:n,drawings:t})}_isInsertInHeaderFooter(){var t;const{unitId:i}=this._context,e=(t=this._renderManagerSrv.getRenderById(i))==null?void 0:t.with(F.DocSkeletonManagerService).getViewModel(),n=e==null?void 0:e.getEditArea();return n===L.DocumentEditArea.HEADER||n===L.DocumentEditArea.FOOTER}_getImagePosition(i,e){const n=this._textSelectionManagerService.getActiveTextRange(),t=(n==null?void 0:n.getAbsolutePosition())||{left:0,top:0};return{size:{width:i,height:e},positionH:{relativeFrom:r.ObjectRelativeFromH.PAGE,posOffset:t.left},positionV:{relativeFrom:r.ObjectRelativeFromV.MARGIN,posOffset:t.top},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(i=>{const{unitId:e,subUnitId:n,drawingIds:t,arrangeType:o}=i;this._commandService.executeCommand(ze.id,{unitId:e,subUnitId:n,drawingIds:t,arrangeType:o})})}_updateDrawingListener(){this._drawingManagerService.featurePluginUpdate$.subscribe(i=>{})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(i=>{this._commandService.executeCommand(Ke.id,i)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(i=>{this._commandService.executeCommand(Je.id,i)})}_getCurrentSceneAndTransformer(){const{scene:i,mainComponent:e}=this._context;if(i==null||e==null)return;const n=i.getTransformerByCreate(),{docsLeft:t,docsTop:o}=e.getOffsetConfig();return{scene:i,transformer:n,docsLeft:t,docsTop:o}}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(i=>{var o;const{transformer:e,docsLeft:n,docsTop:t}=(o=this._getCurrentSceneAndTransformer())!=null?o:{};if(i==null||i.length===0)this._contextService.setContextValue(r.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),e&&e.resetProps({zeroTop:0,zeroLeft:0});else{this._contextService.setContextValue(r.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(i),this._textSelectionManager.getActiveTextRange()&&this._textSelectionManager.replaceTextRanges([]);const s=this._textSelectionRenderManager.getSegment(),c=this._findSegmentIdByDrawingId(i[0].drawingId);s!==c&&this._textSelectionRenderManager.setSegment(c),e&&e.resetProps({zeroTop:t,zeroLeft:n})}}))}_findSegmentIdByDrawingId(i){var s,c,m;const{unit:e}=this._context,{body:n,headers:t={},footers:o={}}=e.getSnapshot();if(((s=n==null?void 0:n.customBlocks)!=null?s:[]).some(l=>l.blockId===i))return"";for(const l of Object.keys(t))if((c=t[l].body.customBlocks)!=null&&c.some(g=>g.blockId===i))return l;for(const l of Object.keys(o))if((m=o[l].body.customBlocks)!=null&&m.some(g=>g.blockId===i))return l;return""}_updateDrawingsEditStatus(){var c;const{unit:i,scene:e,unitId:n}=this._context,t=(c=this._renderManagerSrv.getRenderById(n))==null?void 0:c.with(F.DocSkeletonManagerService).getViewModel();if(t==null||i==null)return;const o=i.getSnapshot(),{drawings:a={}}=o,s=t.getEditArea()===L.DocumentEditArea.BODY;for(const m of Object.keys(a)){const l=a[m],g=j.getDrawingShapeKeyByDrawingSearch({unitId:n,drawingId:l.drawingId,subUnitId:n}),p=e.fuzzyMathObjects(g,!0);if(p.length)for(const f of p)e.detachTransformerFrom(f),f.setOpacity(.5),(s&&l.isMultiTransform!==r.BooleanNumber.TRUE||!s&&l.isMultiTransform===r.BooleanNumber.TRUE)&&(e.attachTransformerTo(f),f.setOpacity(1))}}_editAreaChangeListener(){var n;const{unitId:i}=this._context,e=(n=this._renderManagerSrv.getRenderById(i))==null?void 0:n.with(F.DocSkeletonManagerService).getViewModel();e!=null&&(this._updateDrawingsEditStatus(),this.disposeWithMe(e.editAreaChange$.subscribe(()=>{this._updateDrawingsEditStatus()})),this._docRefreshDrawingsService.refreshDrawings$.subscribe(t=>{t!=null&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})}),this.disposeWithMe(this._commandService.onCommandExecuted(async t=>{t.id===F.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}};We=ht([ie(1,r.ICommandService),ie(2,ae.Inject(F.TextSelectionManagerService)),ie(3,L.IRenderManagerService),ie(4,j.IImageIoService),ie(5,fe.IDocDrawingService),ie(6,j.IDrawingManagerService),ie(7,r.IContextService),ie(8,K.IMessageService),ie(9,ae.Inject(r.LocaleService)),ie(10,ae.Inject(F.TextSelectionManagerService)),ie(11,L.ITextSelectionRenderManager),ie(12,ae.Inject(je))],We);var vt=Object.defineProperty,It=Object.getOwnPropertyDescriptor,wt=(i,e,n,t)=>{for(var o=t>1?void 0:t?It(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))||o);return t&&o&&vt(e,n,o),o},ye=(i,e)=>(n,t)=>e(n,t,i);let Ge=class extends r.Disposable{constructor(e,n,t,o,a,s){super();me(this,"_liquid",new L.Liquid);this._context=e,this._docSkeletonManagerService=n,this._commandService=t,this._editorService=o,this._drawingManagerService=a,this._docRefreshDrawingsService=s,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh()}_initialRenderRefresh(){this._docSkeletonManagerService.currentSkeleton$.subscribe(e=>{e!=null&&this._refreshDrawing(e)}),this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&this._refreshDrawing(e)})}_commandExecutedListener(){const e=[F.RichTextEditingMutation.id,F.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){const t=n.params,{unitId:o}=t,{unitId:a,mainComponent:s}=this._context;if(o!==a)return;const c=this._docSkeletonManagerService.getSkeleton();if(c==null)return;if(this._editorService.isEditor(a)){s==null||s.makeDirty();return}this._refreshDrawing(c)}}))}_refreshDrawing(e){var T,_;const n=e==null?void 0:e.getSkeletonData(),{mainComponent:t,unitId:o}=this._context,a=t;if(!n)return;const{left:s,top:c,pageLayoutType:m,pageMarginLeft:l,pageMarginTop:g}=a,{pages:p,skeHeaders:f,skeFooters:v}=n,h={};this._liquid.reset();for(let D=0,M=p.length;D<M;D++){const P=p[D],{headerId:E,footerId:A,pageWidth:N}=P;if(E){const O=(T=f.get(E))==null?void 0:T.get(N);O&&this._calculateDrawingPosition(o,O,s,c,h,O.marginTop,P.marginLeft)}if(A){const O=(_=v.get(A))==null?void 0:_.get(N);O&&this._calculateDrawingPosition(o,O,s,c,h,P.pageHeight-P.marginBottom+O.marginTop,P.marginLeft)}this._calculateDrawingPosition(o,P,s,c,h,P.marginTop,P.marginLeft),this._liquid.translatePage(P,m,l,g)}const I=Object.values(h),w=I.filter(D=>!D.isMultiTransform),S=I.filter(D=>D.isMultiTransform);w.length>0&&this._drawingManagerService.refreshTransform(w),S.length>0&&this._handleMultiDrawingsTransform(S)}_handleMultiDrawingsTransform(e){const{scene:n,unitId:t}=this._context,o=n.getTransformerByCreate();e.forEach(m=>{const l=this._drawingManagerService.getDrawingByParam(m);l!=null&&(l.transform=m.transform,l.transforms=m.transforms,l.isMultiTransform=m.isMultiTransform)});const s=[...o.getSelectedObjectMap().keys()],c=Object.values(this._drawingManagerService.getDrawingData(t,t)).filter(m=>m.isMultiTransform===r.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(c),this._drawingManagerService.addNotification(e);for(const m of s){const l=n.getObject(m);l&&o.setSelectedControl(l)}}_calculateDrawingPosition(e,n,t,o,a,s,c){const{skeDrawings:m}=n;this._liquid.translatePagePadding({marginTop:s,marginLeft:c}),m.forEach(l=>{const{aLeft:g,aTop:p,height:f,width:v,angle:h,drawingId:I,drawingOrigin:w}=l,S=w.layoutType===r.PositionedObjectLayoutType.WRAP_NONE&&w.behindDoc===r.BooleanNumber.TRUE,{isMultiTransform:T=r.BooleanNumber.FALSE}=w,_={left:g+t+this._liquid.x,top:p+o+this._liquid.y,width:v,height:f,angle:h};a[I]==null?a[I]={unitId:e,subUnitId:e,drawingId:I,behindText:S,transform:_,transforms:[_],isMultiTransform:T}:T===r.BooleanNumber.TRUE&&a[I].transforms.push(_)}),this._liquid.restorePagePadding({marginTop:s,marginLeft:c})}};Ge=wt([ye(1,ae.Inject(F.DocSkeletonManagerService)),ye(2,r.ICommandService),ye(3,K.IEditorService),ye(4,j.IDrawingManagerService),ye(5,ae.Inject(je))],Ge);var St=Object.defineProperty,_t=Object.getOwnPropertyDescriptor,Dt=(i,e,n,t)=>{for(var o=t>1?void 0:t?_t(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))||o);return t&&o&&St(e,n,o),o},Me=(i,e)=>(n,t)=>e(n,t,i);function Ct(i){var t,o,a,s;if(r.JSONX.isNoop(i)||!Array.isArray(i))return null;const e=i.find(c=>Array.isArray(c)&&(c==null?void 0:c[0])==="drawings");if(e==null||!Array.isArray(e)||e.length<3||typeof e[1]=="string"&&typeof e[2]!="object"||Array.isArray(e[1])&&typeof e[1][1]!="object")return null;const n=[];if(Array.isArray(e==null?void 0:e[1]))for(const c of e)Array.isArray(c)&&n.push({type:(t=c==null?void 0:c[1])!=null&&t.i?"add":"remove",drawingId:c==null?void 0:c[0],drawing:(o=c==null?void 0:c[1])==null?void 0:o.i});else n.push({type:(a=e[2])!=null&&a.i?"add":"remove",drawingId:e[1],drawing:(s=e[2])==null?void 0:s.i});return n}function Tt(i){if(!Array.isArray(i)||i.length<3||i[0]!=="drawingsOrder")return[];const e=[];for(let n=1;n<i.length;n++){const t=i[n];if(Array.isArray(t)&&typeof t[0]=="number"&&typeof t[1]=="object")e.push(t[0]);else{e.length=0;break}}return e}let Le=class extends r.Disposable{constructor(i,e,n,t,o){super(),this._univerInstanceService=i,this._commandService=e,this._drawingManagerService=n,this._docDrawingService=t,this._renderManagerService=o,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(i=>{if(i.id!==F.RichTextEditingMutation.id)return;const e=i.params,{unitId:n,actions:t}=e,o=Ct(t);if(o!=null)for(const{type:a,drawingId:s,drawing:c}of o)a==="add"?this._addDrawings(n,[c]):this._removeDrawings(n,[s])})),this.disposeWithMe(this._commandService.onCommandExecuted(i=>{if(i.id!==F.RichTextEditingMutation.id)return;const e=i.params,{unitId:n,actions:t}=e;Tt(t).length>0&&this._updateDrawingsOrder(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(i=>{var s;if(i.id!==r.UndoCommand.id&&i.id!==r.RedoCommand.id)return;const e=(s=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:s.getUnitId(),n=this._drawingManagerService.getFocusDrawings();if(e==null||n.length===0)return;const t=this._renderManagerService.getRenderById(e),o=t==null?void 0:t.scene;if(o==null)return!1;o.getTransformerByCreate().refreshControls()}))}_addDrawings(i,e){const n=this._drawingManagerService,t=this._docDrawingService,o=this._docDrawingService.getBatchAddOp(e),{subUnitId:a,redo:s,objects:c}=o;n.applyJson1(i,a,s),t.applyJson1(i,a,s),n.addNotification(c),t.addNotification(c)}_removeDrawings(i,e){const n=this._drawingManagerService,t=this._docDrawingService,o=this._docDrawingService.getBatchRemoveOp(e.map(m=>({unitId:i,subUnitId:i,drawingId:m}))),{subUnitId:a,redo:s,objects:c}=o;n.applyJson1(i,a,s),t.applyJson1(i,a,s),n.removeNotification(c),t.removeNotification(c)}_updateDrawingsOrder(i){const e=this._univerInstanceService.getUniverDocInstance(i);if(e==null)return;const n=e.getSnapshot().drawingsOrder;if(n==null)return;const t=this._drawingManagerService,o=this._docDrawingService;t.setDrawingOrder(i,i,n),o.setDrawingOrder(i,i,n);const a={unitId:i,subUnitId:i,drawingIds:n};t.orderNotification(a),o.orderNotification(a)}};Le=Dt([r.OnLifecycle(r.LifecycleStages.Steady,Le),Me(0,r.IUniverInstanceService),Me(1,r.ICommandService),Me(2,j.IDrawingManagerService),Me(3,fe.IDocDrawingService),Me(4,L.IRenderManagerService)],Le);var Ot=Object.defineProperty,yt=Object.getOwnPropertyDescriptor,Mt=(i,e,n,t)=>{for(var o=t>1?void 0:t?yt(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))||o);return t&&o&&Ot(e,n,o),o},Ee=(i,e)=>(n,t)=>e(n,t,i);const Et="__InlineDrawingAnchor__";let Ue=class extends r.Disposable{constructor(e,n,t,o,a){super();me(this,"_liquid",new L.Liquid);me(this,"_listenerOnImageMap",new Set);me(this,"_transformerCache",new Map);me(this,"_anchorShape");this._commandService=e,this._univerInstanceService=n,this._drawingManagerService=t,this._renderManagerService=o,this._textSelectionRenderManager=a,this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{if(e.length!==0)for(const n of e){const{unitId:t}=n;this._listenerOnImageMap.has(t)||(this._listenTransformerChange(t),this._listenerOnImageMap.add(t))}}))}_listenTransformerChange(e){var o;const n=(o=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:o.transformer;if(n==null)return;this.disposeWithMe(r.toDisposable(n.changeStart$.subscribe(a=>{var c;this._transformerCache.clear();const{objects:s}=a;for(const m of s.values()){const{oKey:l,width:g,height:p,left:f,top:v,angle:h}=m,I=this._drawingManagerService.getDrawingOKey(l);if(I==null)continue;const w=this._univerInstanceService.getUniverDocInstance(I.unitId),S=(c=w==null?void 0:w.getSnapshot().drawings)==null?void 0:c[I.drawingId];(S==null?void 0:S.layoutType)===r.PositionedObjectLayoutType.INLINE&&m.setOpacity(.2),S!=null&&this._transformerCache.set(I.drawingId,{drawing:S,top:v,left:f,width:g,height:p,angle:h})}})));const t=r.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);r.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(r.toDisposable(n.changing$.subscribe(a=>{const{objects:s,offsetX:c,offsetY:m}=a;if(s.size>1)t(s);else if(s.size===1){const l=this._transformerCache.values().next().value,g=s.values().next().value,{width:p,height:f,top:v,left:h,angle:I}=g;if(p===l.width&&f===l.height&&v===l.top&&h===l.left&&I===l.angle)return;l&&(l.drawing.layoutType,r.PositionedObjectLayoutType.INLINE),l&&l.drawing.layoutType===r.PositionedObjectLayoutType.INLINE&&c!=null&&m!=null&&this._updateInlineDrawingAnchor(l.drawing,c,m)}}))),this.disposeWithMe(r.toDisposable(n.changeEnd$.subscribe(a=>{const{objects:s,offsetX:c,offsetY:m}=a;for(const l of s.values()){const g=this._drawingManagerService.getDrawingOKey(l.oKey);if(g==null)continue;const p=this._transformerCache.get(g==null?void 0:g.drawingId);(p==null?void 0:p.drawing.layoutType)===r.PositionedObjectLayoutType.INLINE&&l.setOpacity(1)}if(this._anchorShape&&this._anchorShape.hide(),s.size>1)this._updateMultipleDrawingDocTransform(s);else if(s.size===1){const l=this._transformerCache.values().next().value,g=s.values().next().value,{width:p,height:f,top:v,left:h,angle:I}=g;if(p===l.width&&f===l.height&&v===l.top&&h===l.left&&I===l.angle)return;l&&l.drawing.layoutType===r.PositionedObjectLayoutType.INLINE?p!==l.width||f!==l.height||I!==l.angle?this._updateDrawingSize(l,g):c!=null&&m!=null&&this._moveInlineDrawing(l.drawing,c,m):l&&this._nonInlineDrawingTransform(l.drawing,g)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;const n=[];let t,o;for(const a of e.values()){const{oKey:s,left:c,top:m,angle:l}=a;let{width:g,height:p}=a;const f=this._drawingManagerService.getDrawingOKey(s);if(f==null)continue;t==null&&(t=f.unitId),o==null&&(o=f.subUnitId);const v=this._transformerCache.get(f.drawingId);if(v==null)continue;const{drawing:h,top:I,left:w,width:S,height:T,angle:_}=v,{width:D,height:M}=this._getPageContentSize(h);if(g=Math.min(g,D),p=Math.min(p,M),(S!==g||T!==p)&&n.push({drawingId:f.drawingId,key:"size",value:{width:g,height:p}}),_!==l&&n.push({drawingId:f.drawingId,key:"angle",value:l}),I!==m||w!==c){const P=m-I,E=c-w;P!==0&&n.push({drawingId:f.drawingId,key:"positionV",value:{relativeFrom:h.docTransform.positionV.relativeFrom,posOffset:h.docTransform.positionV.posOffset+P}}),E!==0&&n.push({drawingId:f.drawingId,key:"positionH",value:{relativeFrom:h.docTransform.positionH.relativeFrom,posOffset:h.docTransform.positionH.posOffset+E}})}}n.length>0&&t&&o&&this._commandService.executeCommand(be.id,{unitId:t,subUnitId:o,drawings:n})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;const n=this._transformerCache.values().next().value,t=e.values().next().value;this._getDrawingAnchor(n.drawing,t)}_updateInlineDrawingAnchor(e,n,t){var a;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:o}=(a=this._getInlineDrawingAnchor(e,n,t))!=null?a:{};o!=null&&this._createOrUpdateInlineAnchor(e.unitId,o)}_getInlineDrawingAnchor(e,n,t){var z;const o=this._renderManagerService.getRenderById(e.unitId),a=o==null?void 0:o.with(F.DocSkeletonManagerService).getSkeleton();if(o==null)return;const{mainComponent:s,scene:c}=o,m=s,l=c.getViewports()[0],{pageLayoutType:g=L.PageLayoutType.VERTICAL,pageMarginLeft:p,pageMarginTop:f}=m.getOffsetConfig();let v=null,h=!1,I=-1,w="";const S=.5,T=this._getTransformCoordForDocumentOffset(m,l,n,t);if(T==null)return;const _=a==null?void 0:a.findNodeByCoord(T,g,p,f,{strict:!1,segmentId:this._textSelectionRenderManager.getSegment(),segmentPage:this._textSelectionRenderManager.getSegmentPage()});if(_){const{node:k,ratioX:H,segmentPage:R,segmentId:C}=_;h=H<S,v=k,I=R,w=C}if(v==null)return;const D=a==null?void 0:a.findPositionByGlyph(v,I),M=this._getDocObject();if(D==null||a==null||M==null)return;const P={...D,isBack:h},E=M.document.getOffsetConfig(),A=new L.NodePositionConvertToCursor(E,a),{cursorList:N,contentBoxPointGroup:O}=A.getRangePointData(P,P),{startOffset:W}=(z=L.getOneTextSelectionRange(N))!=null?z:{};if(W!=null)return{offset:W,contentBoxPointGroup:O,segmentId:w,segmentPage:I}}_getDrawingAnchor(e,n){var ce,le,Q,we,de,ue,ve,Ie,pe,Z;const t=this._renderManagerService.getRenderById(e.unitId),o=t==null?void 0:t.with(F.DocSkeletonManagerService).getSkeleton(),a=o==null?void 0:o.getSkeletonData();if(a==null||t==null)return;const{pages:s,skeHeaders:c,skeFooters:m}=a,{mainComponent:l,scene:g}=t,p=l,f=g.getViewports()[0],{pageLayoutType:v=L.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:I,docsLeft:w,docsTop:S}=p.getOffsetConfig(),{left:T,top:_,angle:D}=n;let{width:M,height:P}=n;const{positionV:E,positionH:A}=e.docTransform,{width:N,height:O}=this._getPageContentSize(e);M=Math.min(M,N),P=Math.min(P,O);let W=null,z="",k=-1;const H=!1,R={...e.docTransform,size:{width:M,height:P},angle:D},{x:C,y:x}=g.getViewportScrollXY(f),y=this._getTransformCoordForDocumentOffset(p,f,T-C,_-x);if(y==null)return;const B=o==null?void 0:o.findNodeByCoord(y,v,h,I,{strict:!1,segmentId:this._textSelectionRenderManager.getSegment(),segmentPage:this._textSelectionRenderManager.getSegmentPage()});if(B){const{node:J,segmentPage:ke,segmentId:He}=B;W=J,k=ke,z=He}if(W==null)return;const U=(ce=W.parent)==null?void 0:ce.parent,b=U==null?void 0:U.parent,G=(le=b==null?void 0:b.lines.find(J=>J.paragraphIndex===(U==null?void 0:U.paragraphIndex)&&J.paragraphStart))!=null?le:b==null?void 0:b.lines[0],X=(Q=b==null?void 0:b.parent)==null?void 0:Q.parent;if(U==null||b==null||G==null||X==null)return;this._liquid.reset();const V=X.type;for(const J of s){const{headerId:ke,footerId:He,pageHeight:Dn,pageWidth:Ze,marginLeft:Qe,marginBottom:Cn}=J,Tn=s.indexOf(J);if(k>-1&&Tn===k){switch(V){case L.DocumentSkeletonPageType.HEADER:{const Ce=(we=c.get(ke))==null?void 0:we.get(Ze);if(Ce)this._liquid.translatePagePadding({marginTop:Ce.marginTop,marginLeft:Qe});else throw new Error("header skeleton not found");break}case L.DocumentSkeletonPageType.FOOTER:{const Ce=(de=m.get(He))==null?void 0:de.get(Ze);if(Ce)this._liquid.translatePagePadding({marginTop:Dn-Cn+Ce.marginTop,marginLeft:Qe});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(J),J===X)break;this._liquid.restorePagePadding(J),this._liquid.translatePage(J,v,h,I)}switch(E.relativeFrom===r.ObjectRelativeFromV.LINE?W=U.divides[0].glyphGroup[0]:W=(pe=(Ie=(ve=(ue=G.divides)==null?void 0:ue[0])==null?void 0:ve.glyphGroup)==null?void 0:Ie[0])!=null?pe:W,R.positionH={relativeFrom:A.relativeFrom,posOffset:T-this._liquid.x-w},A.relativeFrom){case r.ObjectRelativeFromH.MARGIN:{R.positionH.posOffset=T-this._liquid.x-w-X.marginLeft;break}case r.ObjectRelativeFromH.COLUMN:{R.positionH.posOffset=T-this._liquid.x-w-b.left;break}}switch(R.positionV={relativeFrom:E.relativeFrom,posOffset:_-this._liquid.y-S},E.relativeFrom){case r.ObjectRelativeFromV.PAGE:{R.positionV.posOffset=_-this._liquid.y-S-X.marginTop;break}case r.ObjectRelativeFromV.LINE:{R.positionV.posOffset=_-this._liquid.y-S-U.top;break}case r.ObjectRelativeFromV.PARAGRAPH:{R.positionV.posOffset=_-this._liquid.y-S-G.top;break}}if(W==null)return;const ne=o==null?void 0:o.findPositionByGlyph(W,k),se=this._getDocObject();if(ne==null||o==null||se==null)return;const he={...ne,isBack:H},De=se.document.getOffsetConfig(),ge=new L.NodePositionConvertToCursor(De,o),{cursorList:Y}=ge.getRangePointData(he,he),{startOffset:te}=(Z=L.getOneTextSelectionRange(Y))!=null?Z:{};if(te!=null)return{offset:te,docTransform:R,segmentId:z,segmentPage:k}}_updateDrawingSize(e,n){const t=[],{drawing:o,width:a,height:s,angle:c}=e,{unitId:m,subUnitId:l}=o;let{width:g,height:p,angle:f}=n;const{width:v,height:h}=this._getPageContentSize(o);g=Math.min(v,g),p=Math.min(h,p),(g!==a||p!==s)&&t.push({drawingId:o.drawingId,key:"size",value:{width:g,height:p}}),f!==c&&t.push({drawingId:o.drawingId,key:"angle",value:f}),t.length>0&&m&&l&&this._commandService.executeCommand(be.id,{unitId:m,subUnitId:l,drawings:t})}_moveInlineDrawing(e,n,t){const o=this._getInlineDrawingAnchor(e,n,t),{offset:a,segmentId:s,segmentPage:c}=o!=null?o:{};if(a!=null)return this._commandService.executeCommand(vn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:a,segmentId:s,segmentPage:c})}_limitDrawingInPage(e,n){const t=this._renderManagerService.getRenderById(e.unitId),{left:o,top:a,width:s,height:c,angle:m}=n,l=t==null?void 0:t.with(F.DocSkeletonManagerService).getSkeleton(),g=l==null?void 0:l.getSkeletonData(),{pages:p}=g!=null?g:{};if(g==null||t==null||p==null)return{left:o,top:a,width:s,height:c,angle:m};const{mainComponent:f}=t,v=f,{top:h,pageLayoutType:I,pageMarginLeft:w,pageMarginTop:S}=v;let T=a;this._liquid.reset();for(const _ of p){const{marginBottom:D,pageHeight:M}=_,P=p.indexOf(_),E=p[P+1];if(E==null)continue;if(r.Tools.hasIntersectionBetweenTwoRanges(a,a+c,this._liquid.y+h+M-D,this._liquid.y+h+M+S+E.marginTop)){const N=a+c/2,O=this._liquid.y+h+M+S/2;N<O?T=Math.min(a,this._liquid.y+h+M-D-c):T=Math.max(a,this._liquid.y+h+M+S+E.marginTop)}this._liquid.translatePage(_,I,w,S)}return{left:o,top:T,width:s,height:c,angle:m}}_nonInlineDrawingTransform(e,n,t=!1){const o=e.isMultiTransform===r.BooleanNumber.TRUE?n:this._limitDrawingInPage(e,n);if(t&&o.top!==n.top)return;const a=this._getDrawingAnchor(e,o),{offset:s,docTransform:c,segmentId:m,segmentPage:l}=a!=null?a:{};return s==null||c==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(In.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:s,docTransform:c,segmentId:m,segmentPage:l})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;const n=this._renderManagerService.getRenderById(e),t=n==null?void 0:n.scene;if(t==null)return;const o=t.getTransformerByCreate();return{scene:t,transformer:o}}_getTransformCoordForDocumentOffset(e,n,t,o){const{documentTransform:a}=e.getOffsetConfig(),s=n.transformVector2SceneCoord(L.Vector2.FromArray([t,o]));if(s)return a.clone().invert().applyPoint(s)}_createOrUpdateInlineAnchor(e,n){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{mainComponent:o,scene:a}=t,s=o,{docsLeft:c,docsTop:m}=s.getOffsetConfig(),l=L.getAnchorBounding(n),{left:g,top:p,height:f}=l,v=g+c,h=p+m;if(this._anchorShape){this._anchorShape.transformByState({left:v,top:h,height:f}),this._anchorShape.show();return}const I=6,w=new L.Rect(Et+r.Tools.generateRandomId(I),{left:v,top:h,height:f,strokeWidth:2,stroke:L.getColor(r.COLORS.darkGray,1),evented:!1});this._anchorShape=w,a.addObject(w,L.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return F.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const n=this._renderManagerService.getRenderById(e.unitId),t=n==null?void 0:n.with(F.DocSkeletonManagerService).getSkeleton(),o=500,a=500,s=t==null?void 0:t.getSkeletonData();if(s==null||n==null)return{width:o,height:a};const{pages:c}=s;let m=null;for(const l of c){const{skeDrawings:g}=l;if(g.has(e.drawingId)){m=l;break}}if(m){const{pageWidth:l,pageHeight:g,marginLeft:p,marginBottom:f,marginRight:v,marginTop:h}=m;return{width:Math.max(o,l-p-v),height:Math.max(a,g-h-f)}}else return{width:o,height:a}}};Ue=Mt([r.OnLifecycle(r.LifecycleStages.Rendered,Ue),Ee(0,r.ICommandService),Ee(1,r.IUniverInstanceService),Ee(2,j.IDrawingManagerService),Ee(3,L.IRenderManagerService),Ee(4,L.ITextSelectionRenderManager)],Ue);var Sn=Object.defineProperty,bt=Object.getOwnPropertyDescriptor,Pt=(i,e,n)=>e in i?Sn(i,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[e]=n,Rt=(i,e,n,t)=>{for(var o=t>1?void 0:t?bt(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))||o);return t&&o&&Sn(e,n,o),o},on=(i,e)=>(n,t)=>e(n,t,i),_n=(i,e,n)=>Pt(i,typeof e!="symbol"?e+"":e,n);const Nt="DOCS_DRAWING_UI_PLUGIN";exports.UniverDocsDrawingUIPlugin=class extends r.Plugin{constructor(e,n,t){super(),this._injector=n,this._renderManagerSrv=t}onStarting(e){[[xe],[Ae],[Ue],[Le],[je]].forEach(t=>e.add(t))}onReady(){[[We],[Ge]].forEach(e=>this._renderManagerSrv.registerRenderModule(r.UniverInstanceType.UNIVER_DOC,e))}};_n(exports.UniverDocsDrawingUIPlugin,"type",r.UniverInstanceType.UNIVER_DOC);_n(exports.UniverDocsDrawingUIPlugin,"pluginName",Nt);exports.UniverDocsDrawingUIPlugin=Rt([r.DependentOn(Se.UniverDrawingUIPlugin,j.UniverDrawingPlugin,fe.UniverDocsDrawingPlugin),on(1,ae.Inject(ae.Injector)),on(2,L.IRenderManagerService)],exports.UniverDocsDrawingUIPlugin);exports.ClearDocDrawingTransformerOperation=wn;exports.DeleteDocDrawingsCommand=qe;exports.EditDocDrawingOperation=$e;exports.GroupDocDrawingCommand=Ke;exports.InsertDocDrawingCommand=Ye;exports.InsertDocImageOperation=Be;exports.MoveDocDrawingsCommand=_e;exports.RemoveDocDrawingCommand=Fe;exports.SetDocDrawingArrangeCommand=ze;exports.SidebarDocDrawingOperation=Xe;exports.UngroupDocDrawingCommand=Je;