@univerjs/docs-drawing-ui 0.6.1 → 0.6.2-nightly.202503031606

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/cjs/index.js +1 -1
  2. package/lib/es/index.js +357 -376
  3. package/lib/umd/index.js +1 -1
  4. package/package.json +14 -15
  5. package/LICENSE +0 -176
package/lib/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var bn=Object.defineProperty;var xn=(i,e,n)=>e in i?bn(i,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[e]=n;var me=(i,e,n)=>xn(i,typeof e!="symbol"?e+"":e,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@univerjs/core"),ve=require("@univerjs/docs-drawing"),W=require("@univerjs/drawing"),Te=require("@univerjs/drawing-ui"),F=require("@univerjs/engine-render"),V=require("@univerjs/ui"),B=require("@univerjs/docs"),X=require("@univerjs/docs-ui"),pe=require("rxjs"),J=require("@univerjs/design"),g=require("react/jsx-runtime"),Y=require("react"),Rn="docs-drawing-ui.config",on={};var Mn=Object.getOwnPropertyDescriptor,Pn=(i,e,n,t)=>{for(var o=t>1?void 0:t?Mn(e,n):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o},xe=(i,e)=>(n,t)=>e(n,t,i);function Nn(i){var t,o,s,a;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:(s=e[2])!=null&&s.i?"add":"remove",drawingId:e[1],drawing:(a=e[2])==null?void 0:a.i});return n}function En(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!==B.RichTextEditingMutation.id)return;const e=i.params,{unitId:n,actions:t}=e,o=Nn(t);if(o!=null)for(const{type:s,drawingId:a,drawing:c}of o)s==="add"?this._addDrawings(n,[c]):this._removeDrawings(n,[a])})),this.disposeWithMe(this._commandService.onCommandExecuted(i=>{if(i.id!==B.RichTextEditingMutation.id)return;const e=i.params,{unitId:n,actions:t}=e;En(t).length>0&&this._updateDrawingsOrder(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(i=>{var a;if(i.id!==r.UndoCommand.id&&i.id!==r.RedoCommand.id)return;const e=(a=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:a.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:s,redo:a,objects:c}=o;n.applyJson1(i,s,a),t.applyJson1(i,s,a),n.addNotification(c),t.addNotification(c)}_removeDrawings(i,e){const n=this._drawingManagerService,t=this._docDrawingService,o=this._docDrawingService.getBatchRemoveOp(e.map(l=>({unitId:i,subUnitId:i,drawingId:l}))),{subUnitId:s,redo:a,objects:c}=o;n.applyJson1(i,s,a),t.applyJson1(i,s,a),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 s={unitId:i,subUnitId:i,drawingIds:n};t.orderNotification(s),o.orderNotification(s)}};Le=Pn([xe(0,r.IUniverInstanceService),xe(1,r.ICommandService),xe(2,W.IDrawingManagerService),xe(3,ve.IDocDrawingService),xe(4,F.IRenderManagerService)],Le);class He{constructor(){me(this,"_refreshDrawings$",new pe.BehaviorSubject(null));me(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(e){this._refreshDrawings$.next(e)}}var ae=(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))(ae||{});const An={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 dn(i,e,n,t,o,s,a){var v,p;const c=new r.TextX,l=r.JSONX.getInstance(),d=[],m=s.getSelfOrHeaderFooterModel(e).getBody(),f=s.getSelfOrHeaderFooterModel(i).getBody();if(m==null||f==null)return;const u=(p=(v=m.customBlocks)==null?void 0:v.find(w=>w.blockId===o))==null?void 0:p.startIndex;if(u!=null){if(t=Math.min(f.dataStream.length-2,t),i===e){if(t<u?(t>0&&c.push({t:r.TextXActionType.RETAIN,len:t}),c.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:o}]},len:1}),c.push({t:r.TextXActionType.RETAIN,len:u-t}),c.push({t:r.TextXActionType.DELETE,len:1})):(u>0&&c.push({t:r.TextXActionType.RETAIN,len:u}),c.push({t:r.TextXActionType.DELETE,len:1}),t-u-1>0&&c.push({t:r.TextXActionType.RETAIN,len:t-u-1}),c.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:o}]},len:1})),t!==u){const w=X.getRichTextEditPath(s,e),I=l.editOp(c.serialize(),w);d.push(I)}}else{u>0&&c.push({t:r.TextXActionType.RETAIN,len:u}),c.push({t:r.TextXActionType.DELETE,len:1});let w=X.getRichTextEditPath(s,e),I=l.editOp(c.serialize(),w);d.push(I),c.empty(),t>0&&c.push({t:r.TextXActionType.RETAIN,len:t}),c.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:o}]},len:1}),w=X.getRichTextEditPath(s,i),I=l.editOp(c.serialize(),w),d.push(I),a.setSegment(i),a.setSegmentPage(n)}return d}}const ln={id:"doc.command.update-doc-drawing-wrapping-style",type:r.CommandType.COMMAND,handler:(i,e)=>{var E,k;if(e==null)return!1;const{drawings:n,wrappingStyle:t,unitId:o}=e,s=i.get(r.ICommandService),a=i.get(r.IUniverInstanceService),l=i.get(F.IRenderManagerService).getRenderById(o),d=l==null?void 0:l.with(B.DocSkeletonManagerService).getSkeleton().getSkeletonData(),m=l==null?void 0:l.with(B.DocSkeletonManagerService).getViewModel(),f=l==null?void 0:l.scene,u=a.getCurrentUniverDocInstance();if(u==null||d==null||f==null||m==null)return!1;const v=m.getEditArea(),p=f.getTransformerByCreate(),{pages:w,skeHeaders:I,skeFooters:_}=d,O=r.JSONX.getInstance(),T=[],{drawings:y={}}=u.getSnapshot();for(const N of n){const{drawingId:S}=N,L=y[S].layoutType,$=An[t];if(L!==$){const C=O.replaceOp(["drawings",S,"layoutType"],L,$);T.push(C)}if(t==="behindText"||t==="inFrontOfText"){const C=y[S].behindDoc,P=t==="behindText"?r.BooleanNumber.TRUE:r.BooleanNumber.FALSE;if(C!==P){const b=O.replaceOp(["drawings",S,"behindDoc"],C,P);T.push(b)}}if(t==="inline")continue;let j=null,z=0,D=0;for(const C of w){const{headerId:P,footerId:b,marginTop:U,marginLeft:H,marginBottom:R,pageWidth:A,pageHeight:K}=C;switch(v){case F.DocumentEditArea.HEADER:{const G=(E=I.get(P))==null?void 0:E.get(A);G!=null&&G.skeDrawings.has(S)&&(j=G.skeDrawings.get(S),z=G.marginTop,D=H);break}case F.DocumentEditArea.FOOTER:{const G=(k=_.get(b))==null?void 0:k.get(A);G!=null&&G.skeDrawings.has(S)&&(j=G.skeDrawings.get(S),z=K-R+G.marginTop,D=H);break}case F.DocumentEditArea.BODY:{C.skeDrawings.has(S)&&(j=C.skeDrawings.get(S),z=U,D=H);break}}if(j!=null)break}if(j!=null){const{aTop:C,aLeft:P}=j,b=y[S].docTransform.positionH;let U=P;b.relativeFrom===r.ObjectRelativeFromH.MARGIN?U-=D:b.relativeFrom===r.ObjectRelativeFromH.COLUMN&&(U-=j.columnLeft);const H={relativeFrom:b.relativeFrom,posOffset:U};if(b.posOffset!==H.posOffset){const G=O.replaceOp(["drawings",S,"docTransform","positionH"],b,H);T.push(G)}const R=y[S].docTransform.positionV;let A=C;R.relativeFrom===r.ObjectRelativeFromV.PAGE?A+=z:R.relativeFrom===r.ObjectRelativeFromV.LINE?A-=j.lineTop:R.relativeFrom===r.ObjectRelativeFromV.PARAGRAPH&&(A-=j.blockAnchorTop);const K={relativeFrom:R.relativeFrom,posOffset:A};if(R.posOffset!==K.posOffset){const G=O.replaceOp(["drawings",S,"docTransform","positionV"],R,K);T.push(G)}}}const M={id:B.RichTextEditingMutation.id,params:{unitId:o,actions:[],textRanges:null}};M.params.actions=T.reduce((N,S)=>r.JSONX.compose(N,S),null);const x=s.syncExecuteCommand(M.id,M.params);return p.refreshControls(),!!x}},gn={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:s,dist:a,unitId:c}=e,l=r.JSONX.getInstance(),d=[],{drawings:m={}}=o.getSnapshot();for(const v of s){const{drawingId:p}=v;for(const[w,I]of Object.entries(a)){const _=m[p][w];if(_!==I){const O=l.replaceOp(["drawings",p,w],_,I);d.push(O)}}}const f={id:B.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return f.params.actions=d.reduce((v,p)=>r.JSONX.compose(v,p),null),!!n.syncExecuteCommand(f.id,f.params)}},mn={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:s,wrapText:a,unitId:c}=e,l=r.JSONX.getInstance(),d=[],{drawings:m={}}=o.getSnapshot();for(const v of s){const{drawingId:p}=v,w=m[p].wrapText;if(w!==a){const I=l.replaceOp(["drawings",p,"wrapText"],w,a);d.push(I)}}const f={id:B.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return f.params.actions=d.reduce((v,p)=>r.JSONX.compose(v,p),null),!!n.syncExecuteCommand(f.id,f.params)}},Me={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),s=i.get(F.IRenderManagerService).getRenderById(e.unitId),a=s==null?void 0:s.scene;if(a==null)return!1;const c=a.getTransformerByCreate(),l=t.getCurrentUniverDocInstance();if(l==null)return!1;const{drawings:d,unitId:m}=e,f=r.JSONX.getInstance(),u=[],{drawings:v={}}=l.getSnapshot();for(const I of d){const{drawingId:_,key:O,value:T}=I,y=v[_].docTransform[O];if(!r.Tools.diffValue(y,T)){const M=f.replaceOp(["drawings",_,"docTransform",O],y,T);u.push(M)}}const p={id:B.RichTextEditingMutation.id,params:{unitId:m,actions:[],textRanges:null,debounce:!0}};p.params.actions=u.reduce((I,_)=>r.JSONX.compose(I,_),null);const w=n.syncExecuteCommand(p.id,p.params);return c.refreshControls(),!!w}},un={id:"doc.command.move-inline-drawing",type:r.CommandType.COMMAND,handler:(i,e)=>{var k,N;if(e==null)return!1;const n=i.get(F.IRenderManagerService),t=(k=n.getRenderById(e.unitId))==null?void 0:k.with(X.DocSelectionRenderService),o=i.get(He),s=n.getRenderById(e.unitId),a=s==null?void 0:s.scene,c=s==null?void 0:s.with(B.DocSkeletonManagerService).getSkeleton();if(a==null||t==null)return!1;const l=a.getTransformerByCreate(),d=i.get(r.ICommandService),f=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(f==null)return!1;const{drawing:u,unitId:v,offset:p,segmentId:w,segmentPage:I,needRefreshDrawings:_}=e;if(_)return o.refreshDrawings(c),l.refreshControls(),!0;const O=[],{drawingId:T}=u,y=(N=t.getSegment())!=null?N:"",M=dn(w,y,I,p,T,f,t);if(M==null||M.length===0)return o.refreshDrawings(c),l.refreshControls(),!1;O.push(...M);const x={id:B.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:null}};x.params.actions=O.reduce((S,L)=>r.JSONX.compose(S,L),null);const E=d.syncExecuteCommand(x.id,x.params);return l.refreshControls(),!!E}},fn={id:"doc.command.transform-non-inline-drawing",type:r.CommandType.COMMAND,handler:(i,e)=>{var j,z;if(e==null)return!1;const n=i.get(F.IRenderManagerService),t=(j=n.getRenderById(e.unitId))==null?void 0:j.with(X.DocSelectionRenderService),o=n.getRenderById(e.unitId),s=o==null?void 0:o.scene;if(s==null||t==null)return!1;const a=s.getTransformerByCreate(),c=i.get(r.ICommandService),d=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(d==null)return!1;const{drawing:m,unitId:f,offset:u,docTransform:v,segmentId:p,segmentPage:w}=e,I=[],{drawingId:_}=m,O=(z=t.getSegment())!=null?z:"",T=dn(p,O,w,u,_,d,t);if(T==null)return!1;T.length>0&&I.push(...T);const y=r.JSONX.getInstance(),{drawings:M={}}=d.getSnapshot(),x=M[_].docTransform,{positionH:E,positionV:k,size:N,angle:S}=x;if(!r.Tools.diffValue(E,v.positionH)){const D=y.replaceOp(["drawings",_,"docTransform","positionH"],E,v.positionH);I.push(D)}if(!r.Tools.diffValue(k,v.positionV)){const D=y.replaceOp(["drawings",_,"docTransform","positionV"],k,v.positionV);I.push(D)}if(!r.Tools.diffValue(N,v.size)){const D=y.replaceOp(["drawings",_,"docTransform","size"],N,v.size);I.push(D)}if(!r.Tools.diffValue(S,v.angle)){const D=y.replaceOp(["drawings",_,"docTransform","angle"],S,v.angle);I.push(D)}const L={id:B.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:null,debounce:!0}};L.params.actions=I.reduce((D,C)=>r.JSONX.compose(D,C),null);const $=c.syncExecuteCommand(L.id,L.params);return a.refreshControls(),!!$}};var jn=Object.getOwnPropertyDescriptor,Ln=(i,e,n,t)=>{for(var o=t>1?void 0:t?jn(e,n):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o},Ne=(i,e)=>(n,t)=>e(n,t,i);const Un="__InlineDrawingAnchor__";function sn(i){const{path:e}=i;return e.some(n=>n==="cells")}let Ue=class extends r.Disposable{constructor(e,n,t,o){super();me(this,"_liquid",new F.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._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(s=>{var c;this._transformerCache.clear();const{objects:a}=s;for(const l of a.values()){const{oKey:d,width:m,height:f,left:u,top:v,angle:p}=l,w=this._drawingManagerService.getDrawingOKey(d);if(w==null)continue;const I=this._univerInstanceService.getUniverDocInstance(w.unitId),_=(c=I==null?void 0:I.getSnapshot().drawings)==null?void 0:c[w.drawingId];(_==null?void 0:_.layoutType)===r.PositionedObjectLayoutType.INLINE&&l.setOpacity(.2),_!=null&&this._transformerCache.set(w.drawingId,{drawing:_,top:v,left:u,width:m,height:f,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(s=>{const{objects:a,offsetX:c,offsetY:l}=s;if(a.size>1)t(a);else if(a.size===1){const d=this._transformerCache.values().next().value,m=a.values().next().value,{width:f,height:u,top:v,left:p,angle:w}=m;if(d&&f===d.width&&u===d.height&&v===d.top&&p===d.left&&w===d.angle)return;d&&(d.drawing.layoutType,r.PositionedObjectLayoutType.INLINE),d&&d.drawing.layoutType===r.PositionedObjectLayoutType.INLINE&&c!=null&&l!=null&&this._updateInlineDrawingAnchor(d.drawing,c,l)}}))),this.disposeWithMe(r.toDisposable(n.changeEnd$.subscribe(s=>{const{objects:a,offsetX:c,offsetY:l}=s;for(const d of a.values()){const m=this._drawingManagerService.getDrawingOKey(d.oKey);if(m==null)continue;const f=this._transformerCache.get(m==null?void 0:m.drawingId);(f==null?void 0:f.drawing.layoutType)===r.PositionedObjectLayoutType.INLINE&&d.setOpacity(1)}if(this._anchorShape&&this._anchorShape.hide(),a.size>1)this._updateMultipleDrawingDocTransform(a);else if(a.size===1){const d=this._transformerCache.values().next().value,m=a.values().next().value,{width:f,height:u,top:v,left:p,angle:w}=m;if(d&&f===d.width&&u===d.height&&v===d.top&&p===d.left&&w===d.angle)return;d&&d.drawing.layoutType===r.PositionedObjectLayoutType.INLINE?f!==d.width||u!==d.height||w!==d.angle?this._updateDrawingSize(d,m):c!=null&&l!=null&&this._moveInlineDrawing(d.drawing,c,l):d&&this._nonInlineDrawingTransform(d.drawing,m)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;const n=[];let t,o;for(const s of e.values()){const{oKey:a,left:c,top:l,angle:d}=s;let{width:m,height:f}=s;const u=this._drawingManagerService.getDrawingOKey(a);if(u==null)continue;t==null&&(t=u.unitId),o==null&&(o=u.subUnitId);const v=this._transformerCache.get(u.drawingId);if(v==null)continue;const{drawing:p,top:w,left:I,width:_,height:O,angle:T}=v,{width:y,height:M}=this._getPageContentSize(p);if(m=Math.min(m,y),f=Math.min(f,M),(_!==m||O!==f)&&n.push({drawingId:u.drawingId,key:"size",value:{width:m,height:f}}),T!==d&&n.push({drawingId:u.drawingId,key:"angle",value:d}),w!==l||I!==c){const x=l-w,E=c-I;x!==0&&n.push({drawingId:u.drawingId,key:"positionV",value:{relativeFrom:p.docTransform.positionV.relativeFrom,posOffset:p.docTransform.positionV.posOffset+x}}),E!==0&&n.push({drawingId:u.drawingId,key:"positionH",value:{relativeFrom:p.docTransform.positionH.relativeFrom,posOffset:p.docTransform.positionH.posOffset+E}})}}n.length>0&&t&&o&&this._commandService.executeCommand(Me.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 s;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:o}=(s=this._getInlineDrawingAnchor(e,n,t))!=null?s:{};o!=null&&this._createOrUpdateInlineAnchor(e.unitId,o)}_getInlineDrawingAnchor(e,n,t){var j,z;const o=this._renderManagerService.getRenderById(e.unitId),s=o==null?void 0:o.with(B.DocSkeletonManagerService).getSkeleton();if(o==null)return;const{mainComponent:a,scene:c}=o,l=a,d=c.getViewports()[0],{pageLayoutType:m=F.PageLayoutType.VERTICAL,pageMarginLeft:f,pageMarginTop:u}=l.getOffsetConfig();let v=null,p=!1,w=-1,I="";const _=.5,O=this._getTransformCoordForDocumentOffset(l,d,n,t);if(O==null)return;const T=(j=this._renderManagerService.getRenderById(e.unitId))==null?void 0:j.with(X.DocSelectionRenderService);if(T==null)return;const y=s==null?void 0:s.findNodeByCoord(O,m,f,u,{strict:!1,segmentId:T.getSegment(),segmentPage:T.getSegmentPage()});if(y){const{node:D,ratioX:C,segmentPage:P,segmentId:b}=y;p=C<_,v=D,w=P,I=b}if(v==null)return;const M=s==null?void 0:s.findPositionByGlyph(v,w),x=this._getDocObject();if(M==null||s==null||x==null||sn(M))return;const E={...M,isBack:p},k=x.document.getOffsetConfig(),N=new X.NodePositionConvertToCursor(k,s),{cursorList:S,contentBoxPointGroup:L}=N.getRangePointData(E,E),{startOffset:$}=(z=X.getOneTextSelectionRange(S))!=null?z:{};if($!=null)return{offset:$,contentBoxPointGroup:L,segmentId:I,segmentPage:w}}_getDrawingAnchor(e,n){var le,ge,ie,ue,fe,we,Se,he,re,oe,De;const t=this._renderManagerService.getRenderById(e.unitId),o=t==null?void 0:t.with(B.DocSkeletonManagerService).getSkeleton(),s=o==null?void 0:o.getSkeletonData();if(s==null||t==null)return;const{pages:a,skeHeaders:c,skeFooters:l}=s,{mainComponent:d,scene:m}=t,f=d,u=m.getViewports()[0],{pageLayoutType:v=F.PageLayoutType.VERTICAL,pageMarginLeft:p,pageMarginTop:w,docsLeft:I,docsTop:_}=f.getOffsetConfig(),{left:O,top:T,angle:y}=n;let{width:M,height:x}=n;const{positionV:E,positionH:k}=e.docTransform,{width:N,height:S}=this._getPageContentSize(e);M=Math.min(M,N),x=Math.min(x,S);let L=null,$="",j=-1;const z=!1,D={...e.docTransform,size:{width:M,height:x},angle:y},{x:C,y:P}=m.getViewportScrollXY(u),b=this._getTransformCoordForDocumentOffset(f,u,O-C,T-P);if(b==null)return;const U=(le=this._renderManagerService.getRenderById(e.unitId))==null?void 0:le.with(X.DocSelectionRenderService);if(U==null)return;const H=o==null?void 0:o.findNodeByCoord(b,v,p,w,{strict:!1,segmentId:U.getSegment(),segmentPage:U.getSegmentPage()});if(H){const{node:de,segmentPage:Ve,segmentId:We}=H;L=de,j=Ve,$=We}if(L==null)return;const R=(ge=L.parent)==null?void 0:ge.parent,A=R==null?void 0:R.parent,K=(ie=A==null?void 0:A.lines.find(de=>de.paragraphIndex===(R==null?void 0:R.paragraphIndex)&&de.paragraphStart))!=null?ie:A==null?void 0:A.lines[0],G=(ue=A==null?void 0:A.parent)==null?void 0:ue.parent;if(R==null||A==null||K==null||G==null)return;this._liquid.reset();const Z=G.type;for(const de of a){const{headerId:Ve,footerId:We,pageHeight:Tn,pageWidth:tn,marginLeft:rn,marginBottom:On}=de,yn=a.indexOf(de);if(j>-1&&yn===j){switch(Z){case F.DocumentSkeletonPageType.HEADER:{const be=(fe=c.get(Ve))==null?void 0:fe.get(tn);if(be)this._liquid.translatePagePadding({marginTop:be.marginTop,marginLeft:rn});else throw new Error("header skeleton not found");break}case F.DocumentSkeletonPageType.FOOTER:{const be=(we=l.get(We))==null?void 0:we.get(tn);if(be)this._liquid.translatePagePadding({marginTop:Tn-On+be.marginTop,marginLeft:rn});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(de),de===G)break;this._liquid.restorePagePadding(de),this._liquid.translatePage(de,v,p,w)}switch(E.relativeFrom===r.ObjectRelativeFromV.LINE?L=R.divides[0].glyphGroup[0]:L=(oe=(re=(he=(Se=K.divides)==null?void 0:Se[0])==null?void 0:he.glyphGroup)==null?void 0:re[0])!=null?oe:L,D.positionH={relativeFrom:k.relativeFrom,posOffset:O-this._liquid.x-I},k.relativeFrom){case r.ObjectRelativeFromH.MARGIN:{D.positionH.posOffset=O-this._liquid.x-I-G.marginLeft;break}case r.ObjectRelativeFromH.COLUMN:{D.positionH.posOffset=O-this._liquid.x-I-A.left;break}}switch(D.positionV={relativeFrom:E.relativeFrom,posOffset:T-this._liquid.y-_},E.relativeFrom){case r.ObjectRelativeFromV.PAGE:{D.positionV.posOffset=T-this._liquid.y-_-G.marginTop;break}case r.ObjectRelativeFromV.LINE:{D.positionV.posOffset=T-this._liquid.y-_-R.top;break}case r.ObjectRelativeFromV.PARAGRAPH:{D.positionV.posOffset=T-this._liquid.y-_-K.top;break}}if(L==null)return;const ne=o==null?void 0:o.findPositionByGlyph(L,j),Ce=this._getDocObject();if(ne==null||o==null||Ce==null||sn(ne))return;const Ie={...ne,isBack:z},ye=Ce.document.getOffsetConfig(),te=new X.NodePositionConvertToCursor(ye,o),{cursorList:Q}=te.getRangePointData(Ie,Ie),{startOffset:ee}=(De=X.getOneTextSelectionRange(Q))!=null?De:{};if(ee!=null)return{offset:ee,docTransform:D,segmentId:$,segmentPage:j}}_updateDrawingSize(e,n){const t=[],{drawing:o,width:s,height:a,angle:c}=e,{unitId:l,subUnitId:d}=o;let{width:m,height:f,angle:u}=n;const{width:v,height:p}=this._getPageContentSize(o);m=Math.min(v,m),f=Math.min(p,f),(m!==s||f!==a)&&t.push({drawingId:o.drawingId,key:"size",value:{width:m,height:f}}),u!==c&&t.push({drawingId:o.drawingId,key:"angle",value:u}),t.length>0&&l&&d&&this._commandService.executeCommand(Me.id,{unitId:l,subUnitId:d,drawings:t})}_moveInlineDrawing(e,n,t){const o=this._getInlineDrawingAnchor(e,n,t),{offset:s,segmentId:a,segmentPage:c}=o!=null?o:{};return this._commandService.executeCommand(un.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:s,segmentId:a,segmentPage:c,needRefreshDrawings:s==null})}_limitDrawingInPage(e,n){const t=this._renderManagerService.getRenderById(e.unitId),{left:o,top:s,width:a,height:c,angle:l}=n,d=t==null?void 0:t.with(B.DocSkeletonManagerService).getSkeleton(),m=d==null?void 0:d.getSkeletonData(),{pages:f}=m!=null?m:{};if(m==null||t==null||f==null)return{left:o,top:s,width:a,height:c,angle:l};const{mainComponent:u}=t,v=u,{top:p,pageLayoutType:w,pageMarginLeft:I,pageMarginTop:_}=v;let O=s;this._liquid.reset();for(const T of f){const{marginBottom:y,pageHeight:M}=T,x=f.indexOf(T),E=f[x+1];if(E==null)continue;if(r.Tools.hasIntersectionBetweenTwoRanges(s,s+c,this._liquid.y+p+M-y,this._liquid.y+p+M+_+E.marginTop)){const N=s+c/2,S=this._liquid.y+p+M+_/2;N<S?O=Math.min(s,this._liquid.y+p+M-y-c):O=Math.max(s,this._liquid.y+p+M+_+E.marginTop)}this._liquid.translatePage(T,w,I,_)}return{left:o,top:O,width:a,height:c,angle:l}}_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 s=this._getDrawingAnchor(e,o),{offset:a,docTransform:c,segmentId:l,segmentPage:d}=s!=null?s:{};return a==null||c==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(fn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:a,docTransform:c,segmentId:l,segmentPage:d})}_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:s}=e.getOffsetConfig(),a=n.transformVector2SceneCoord(F.Vector2.FromArray([t,o]));if(a)return s.clone().invert().applyPoint(a)}_createOrUpdateInlineAnchor(e,n){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{mainComponent:o,scene:s}=t,a=o,{docsLeft:c,docsTop:l}=a.getOffsetConfig(),d=X.getAnchorBounding(n),{left:m,top:f,height:u}=d,v=m+c,p=f+l;if(this._anchorShape){this._anchorShape.transformByState({left:v,top:p,height:u}),this._anchorShape.show();return}const w=6,I=new F.Rect(Un+r.Tools.generateRandomId(w),{left:v,top:p,height:u,strokeWidth:2,stroke:F.getColor(r.COLORS.darkGray,1),evented:!1});this._anchorShape=I,s.addObject(I,X.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return X.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const n=this._renderManagerService.getRenderById(e.unitId),t=n==null?void 0:n.with(B.DocSkeletonManagerService).getSkeleton(),o=500,s=500,a=t==null?void 0:t.getSkeletonData();if(a==null||n==null)return{width:o,height:s};const{pages:c}=a;let l=null;for(const d of c){const{skeDrawings:m}=d;if(m.has(e.drawingId)){l=d;break}}if(l){const{pageWidth:d,pageHeight:m,marginLeft:f,marginBottom:u,marginRight:v,marginTop:p}=l;return{width:Math.max(o,d-f-v),height:Math.max(s,m-p-u)}}else return{width:o,height:s}}};Ue=Ln([Ne(0,r.ICommandService),Ne(1,r.IUniverInstanceService),Ne(2,W.IDrawingManagerService),Ne(3,F.IRenderManagerService)],Ue);var ce=function(){return ce=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},ce.apply(this,arguments)},Fn=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},hn=Y.forwardRef(function(i,e){var n=i.icon,t=i.id,o=i.className,s=i.extend,a=Fn(i,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(t," ").concat(o||"").trim(),l=Y.useRef("_".concat(Hn()));return pn(n,"".concat(t),{defIds:n.defIds,idSuffix:l.current},ce({ref:e,className:c},a),s)});function pn(i,e,n,t,o){return Y.createElement(i.tag,ce(ce({key:e},Bn(i,n,o)),t),(kn(i,n).children||[]).map(function(s,a){return pn(s,"".concat(e,"-").concat(i.tag,"-").concat(a),n,void 0,o)}))}function Bn(i,e,n){var t=ce({},i.attrs);n!=null&&n.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=n.colorChannel1),i.tag==="mask"&&t.id&&(t.id=t.id+e.idSuffix),Object.entries(t).forEach(function(s){var a=s[0],c=s[1];a==="mask"&&typeof c=="string"&&(t[a]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))});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(s){var a=s[0],c=s[1];typeof c=="string"&&(t[a]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),t}function kn(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)?ce(ce({},i),{children:i.children.map(function(o){return typeof o.attrs.id=="string"&&t&&t.indexOf(o.attrs.id)>-1?ce(ce({},o),{attrs:ce(ce({},o.attrs),{id:o.attrs.id+e.idSuffix})}):o})}):i}function Hn(){return Math.random().toString(36).substring(2,8)}hn.displayName="UniverIcon";var Gn={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"}}]},vn=Y.forwardRef(function(i,e){return Y.createElement(hn,Object.assign({},i,{id:"add-image-single",ref:e,icon:Gn}))});vn.displayName="AddImageSingle";const Ge={id:"doc.command.remove-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{var M,x,E,k;const n=i.get(r.ICommandService),t=i.get(r.IUniverInstanceService),o=i.get(F.IRenderManagerService),s=t.getCurrentUniverDocInstance();if(e==null||s==null)return!1;const a=o.getRenderById(e.unitId).with(X.DocSelectionRenderService),{drawings:c}=e,l=(M=a.getSegment())!=null?M:"",d=new r.TextX,m=r.JSONX.getInstance(),f=(E=(x=s.getSelfOrHeaderFooterModel(l).getBody())==null?void 0:x.customBlocks)!=null?E:[],u=c.map(N=>f.find(S=>S.blockId===N.drawingId)).filter(N=>!!N).sort((N,S)=>N.startIndex>S.startIndex?1:-1),v=c[0].unitId,p=new r.MemoryCursor;p.reset();const w=u[0].startIndex,I=[{startOffset:w,endOffset:w}],_={id:B.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:I}},O=[];for(const N of u){const{startIndex:S}=N;S>p.cursor&&d.push({t:r.TextXActionType.RETAIN,len:S-p.cursor}),d.push({t:r.TextXActionType.DELETE,len:1}),p.moveCursorTo(S+1)}const T=X.getRichTextEditPath(s,l);O.push(m.editOp(d.serialize(),T));for(const N of u){const{blockId:S}=N,L=((k=s.getDrawings())!=null?k:{})[S],j=s.getDrawingsOrder().indexOf(S),z=m.removeOp(["drawings",S],L),D=m.removeOp(["drawingsOrder",j],S);O.push(z),O.push(D)}return _.params.actions=O.reduce((N,S)=>r.JSONX.compose(N,S),null),!!n.syncExecuteCommand(_.id,_.params)}},ze={id:"doc.command.delete-drawing",type:r.CommandType.COMMAND,handler:i=>{const e=i.get(r.ICommandService),t=i.get(ve.IDocDrawingService).getFocusDrawings();if(t.length===0)return!1;const{unitId:o}=t[0],s=t.map(a=>{const{unitId:c,subUnitId:l,drawingId:d,drawingType:m}=a;return{unitId:c,subUnitId:l,drawingId:d,drawingType:m}});return e.executeCommand(Ge.id,{unitId:o,drawings:s})}},qe={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(ve.IDocDrawingService);if(!e)return!1;const t=[];e.forEach(({parent:m,children:f})=>{t.push(m.unitId),f.forEach(u=>{t.push(u.unitId)})});const o=n.getGroupDrawingOp(e),{unitId:s,subUnitId:a,undo:c,redo:l,objects:d}=o;return!1}},Ke={id:"doc.command.insert-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{var x,E,k,N;if(e==null)return!1;const n=i.get(r.ICommandService),t=i.get(B.DocSelectionManagerService),o=i.get(r.IUniverInstanceService),s=t.getActiveTextRange(),a=o.getCurrentUniverDocInstance();if(s==null||a==null)return!1;const c=a.getUnitId(),{drawings:l}=e,{collapsed:d,startOffset:m,segmentId:f}=s,u=a.getSelfOrHeaderFooterModel(f).getBody();if(u==null)return!1;const v=new r.TextX,p=r.JSONX.getInstance(),w=[],I=(E=(x=a.getSnapshot().drawingsOrder)==null?void 0:x.length)!=null?E:0;let _=0;if(d)m>0&&v.push({t:r.TextXActionType.RETAIN,len:m});else{const S=r.BuildTextUtils.selection.delete([s],u,0,null,!1);v.push(...S);const L=X.getCustomBlockIdsInSelections(u,[s]),$=(k=a.getDrawings())!=null?k:{},j=(N=a.getDrawingsOrder())!=null?N:[],z=L.sort((D,C)=>j.indexOf(D)>j.indexOf(C)?-1:j.indexOf(D)<j.indexOf(C)?1:0);if(z.length>0)for(const D of z){const C=$[D],P=j.indexOf(D);if(C==null||P<0)continue;const b=p.removeOp(["drawings",D],C),U=p.removeOp(["drawingsOrder",P],D);w.push(b),w.push(U),_++}}v.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b".repeat(l.length),customBlocks:l.map((S,L)=>({startIndex:L,blockId:S.drawingId}))},len:l.length});const O=X.getRichTextEditPath(a,f),T=p.editOp(v.serialize(),O);w.push(T);for(const S of l){const{drawingId:L}=S,$=p.insertOp(["drawings",L],S),j=p.insertOp(["drawingsOrder",I-_],L);w.push($),w.push(j)}const y={id:B.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:[]}};return y.params.actions=w.reduce((S,L)=>r.JSONX.compose(S,L),null),!!n.syncExecuteCommand(y.id,y.params)}},Je={id:"doc.command.set-drawing-arrange",type:r.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(r.ICommandService),t=i.get(ve.IDocDrawingService);if(e==null)return!1;const{unitId:o,subUnitId:s,drawingIds:a,arrangeType:c}=e,l={unitId:o,subUnitId:s,drawingIds:a};let d;if(c===r.ArrangeTypeEnum.forward?d=t.getForwardDrawingsOp(l):c===r.ArrangeTypeEnum.backward?d=t.getBackwardDrawingOp(l):c===r.ArrangeTypeEnum.front?d=t.getFrontDrawingsOp(l):c===r.ArrangeTypeEnum.back&&(d=t.getBackDrawingsOp(l)),d==null)return!1;const{redo:m}=d;if(m==null)return!1;const f=[];let u=r.Tools.deepClone(m);u=u.slice(3),u.unshift("drawingsOrder"),f.push(u);const v={id:B.RichTextEditingMutation.id,params:{unitId:o,actions:[],textRanges:null}};return v.params.actions=f.reduce((w,I)=>r.JSONX.compose(w,I),null),!!n.syncExecuteCommand(v.id,v.params)}},Ye={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(ve.IDocDrawingService);if(!e)return!1;const t=[];e.forEach(({parent:m,children:f})=>{t.push(m.unitId),f.forEach(u=>{t.push(u.unitId)})});const o=n.getUngroupDrawingOp(e),{unitId:s,subUnitId:a,undo:c,redo:l,objects:d}=o;return!1}};var Vn=Object.getOwnPropertyDescriptor,Wn=(i,e,n,t)=>{for(var o=t>1?void 0:t?Vn(e,n):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o},se=(i,e)=>(n,t)=>e(n,t,i);let Fe=class extends r.Disposable{constructor(i,e,n,t,o,s,a,c,l,d,m,f,u){super(),this._context=i,this._commandService=e,this._docSelectionManagerService=n,this._renderManagerSrv=t,this._imageIoService=o,this._docDrawingService=s,this._drawingManagerService=a,this._contextService=c,this._messageService=l,this._localeService=d,this._docSelectionRenderService=m,this._docRefreshDrawingsService=f,this._fileOpenerService=u,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}async insertDocImage(){const i=await this._fileOpenerService.openFile({multiple:!0,accept:W.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(n=>`.${n.replace("image/","")}`).join(",")}),e=i.length;return e>W.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:J.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(W.DRAWING_IMAGE_COUNT_LIMIT))}),!1):e===0?!1:(await this._insertFloatImages(i),!0)}async _insertFloatImages(i){let e=[];try{e=await Promise.all(i.map(o=>this._imageIoService.saveImage(o)))}catch(o){const s=o.message;let a="";switch(s){case W.ImageUploadStatusType.ERROR_EXCEED_SIZE:a=this._localeService.t("update-status.exceedMaxSize",String(W.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case W.ImageUploadStatusType.ERROR_IMAGE_TYPE:a=this._localeService.t("update-status.invalidImageType");break;case W.ImageUploadStatusType.ERROR_IMAGE:a=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:J.MessageType.Error,content:a})}if(e.length===0)return;const{unitId:n}=this._context,t=[];for(const o of e){if(o==null)continue;const{imageId:s,imageSourceType:a,source:c,base64Cache:l}=o,{width:d,height:m,image:f}=await W.getImageSize(l||"");this._imageIoService.addImageSourceCache(s,a,f);let u=1;if(d>W.DRAWING_IMAGE_WIDTH_LIMIT||m>W.DRAWING_IMAGE_HEIGHT_LIMIT){const I=W.DRAWING_IMAGE_WIDTH_LIMIT/d,_=W.DRAWING_IMAGE_HEIGHT_LIMIT/m;u=Math.min(I,_)}const v=this._getImagePosition(d*u,m*u);if(v==null)return;const p={unitId:n,subUnitId:n,drawingId:s,drawingType:r.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:a,source:c,transform:X.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()&&(p.isMultiTransform=r.BooleanNumber.TRUE,p.transforms=p.transform?[p.transform]:null),t.push(p)}this._commandService.executeCommand(Ke.id,{unitId:n,drawings:t})}_isInsertInHeaderFooter(){var t;const{unitId:i}=this._context,e=(t=this._renderManagerSrv.getRenderById(i))==null?void 0:t.with(B.DocSkeletonManagerService).getViewModel(),n=e==null?void 0:e.getEditArea();return n===F.DocumentEditArea.HEADER||n===F.DocumentEditArea.FOOTER}_getImagePosition(i,e){const n=this._docSelectionRenderService.getActiveTextRange(),t=(n==null?void 0:n.getAbsolutePosition())||{left:0};return{size:{width:i,height:e},positionH:{relativeFrom:r.ObjectRelativeFromH.PAGE,posOffset:t.left},positionV:{relativeFrom:r.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(i=>{const{unitId:e,subUnitId:n,drawingIds:t,arrangeType:o}=i;this._commandService.executeCommand(Je.id,{unitId:e,subUnitId:n,drawingIds:t,arrangeType:o})})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(i=>{this._commandService.executeCommand(qe.id,i)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(i=>{this._commandService.executeCommand(Ye.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}}_transformDrawingListener(){const i=this._getCurrentSceneAndTransformer();if(i&&i.transformer)this.disposeWithMe(i.transformer.changeEnd$.pipe(pe.debounceTime(30)).subscribe(e=>{this._docSelectionManagerService.refreshSelection()}));else throw new Error("transformer is not init")}_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._setDrawingSelections(i);const s=this._docSelectionRenderService.getSegment(),a=this._findSegmentIdByDrawingId(i[0].drawingId);s!==a&&this._docSelectionRenderService.setSegment(a),e&&e.resetProps({zeroTop:t,zeroLeft:n})}}))}_findSegmentIdByDrawingId(i){var a,c,l;const{unit:e}=this._context,{body:n,headers:t={},footers:o={}}=e.getSnapshot();if(((a=n==null?void 0:n.customBlocks)!=null?a:[]).some(d=>d.blockId===i))return"";for(const d of Object.keys(t))if((c=t[d].body.customBlocks)!=null&&c.some(m=>m.blockId===i))return d;for(const d of Object.keys(o))if((l=o[d].body.customBlocks)!=null&&l.some(m=>m.blockId===i))return d;return""}_updateDrawingsEditStatus(){var c;const{unit:i,scene:e,unitId:n}=this._context,t=(c=this._renderManagerSrv.getRenderById(n))==null?void 0:c.with(B.DocSkeletonManagerService).getViewModel();if(t==null||i==null)return;const o=i.getSnapshot(),{drawings:s={}}=o,a=t.getEditArea()===F.DocumentEditArea.BODY;for(const l of Object.keys(s)){const d=s[l],m=W.getDrawingShapeKeyByDrawingSearch({unitId:n,drawingId:d.drawingId,subUnitId:n}),f=e.fuzzyMathObjects(m,!0);if(f.length)for(const u of f)e.detachTransformerFrom(u),u.setOpacity(.5),(a&&d.isMultiTransform!==r.BooleanNumber.TRUE||!a&&d.isMultiTransform===r.BooleanNumber.TRUE)&&(e.attachTransformerTo(u),u.setOpacity(1))}}_editAreaChangeListener(){var n;const{unitId:i}=this._context,e=(n=this._renderManagerSrv.getRenderById(i))==null?void 0:n.with(B.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===B.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}_setDrawingSelections(i){var o,s;const{unit:e}=this._context,n=(s=(o=e.getSnapshot().body)==null?void 0:o.customBlocks)!=null?s:[],t=i.map(a=>{const c=a.drawingId,l=n.find(d=>d.blockId===c);return l?l.startIndex:null}).filter(a=>a!==null).map(a=>({startOffset:a,endOffset:a+1}));this._docSelectionManagerService.replaceDocRanges(t)}};Fe=Wn([se(1,r.ICommandService),se(2,r.Inject(B.DocSelectionManagerService)),se(3,F.IRenderManagerService),se(4,W.IImageIoService),se(5,ve.IDocDrawingService),se(6,W.IDrawingManagerService),se(7,r.IContextService),se(8,V.IMessageService),se(9,r.Inject(r.LocaleService)),se(10,r.Inject(X.DocSelectionRenderService)),se(11,r.Inject(He)),se(12,V.ILocalFileService)],Fe);const Ze={id:"doc.command.insert-float-image",type:r.CommandType.COMMAND,handler:i=>{var n,t;return(t=(n=i.get(F.IRenderManagerService).getCurrentTypeOfRenderer(r.UniverInstanceType.UNIVER_DOC))==null?void 0:n.with(Fe).insertDocImage())!=null?t:!1}},Oe={id:"doc.command.move-drawing",type:r.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(r.ICommandService),t=i.get(ve.IDocDrawingService),o=i.get(r.IUniverInstanceService),s=i.get(F.IRenderManagerService),{direction:a}=e,c=t.getFocusDrawings();if(c.length===0)return!1;const l=c[0].unitId,d=s.getRenderById(l),m=d==null?void 0:d.scene;if(m==null)return!1;const f=m.getTransformerByCreate(),u=o.getUniverDocInstance(l),v=c.map(w=>{var x,E,k,N,S;const{drawingId:I}=w,_=(x=u==null?void 0:u.getSnapshot().drawings)==null?void 0:x[I];if(_==null||_.layoutType===r.PositionedObjectLayoutType.INLINE)return null;const{positionH:O,positionV:T}=_.docTransform,y={...O},M={...T};return a===r.Direction.UP?M.posOffset=((E=M.posOffset)!=null?E:0)-2:a===r.Direction.DOWN?M.posOffset=((k=M.posOffset)!=null?k:0)+2:a===r.Direction.LEFT?y.posOffset=((N=y.posOffset)!=null?N:0)-2:a===r.Direction.RIGHT&&(y.posOffset=((S=y.posOffset)!=null?S:0)+2),{drawingId:I,key:a===r.Direction.UP||a===r.Direction.DOWN?"positionV":"positionH",value:a===r.Direction.UP||a===r.Direction.DOWN?M:y}}).filter(w=>w!=null);if(v.length===0)return!1;const p=n.syncExecuteCommand(Me.id,{unitId:l,subUnitId:l,drawings:v});return f.refreshControls(),!!p}},In={id:"doc.operation.clear-drawing-transformer",type:r.CommandType.MUTATION,handler:(i,e)=>{const n=i.get(F.IRenderManagerService);return e.forEach(t=>{var o,s;(s=(o=n.getRenderById(t))==null?void 0:o.scene.getTransformer())==null||s.debounceRefreshControls()}),!0}},wn="COMPONENT_DOC_DRAWING_PANEL",Qe={id:"sidebar.operation.doc-image",type:r.CommandType.COMMAND,handler:async(i,e)=>{const n=i.get(V.ISidebarService),t=i.get(r.LocaleService),o=i.get(W.IDrawingManagerService);switch(e.value){case"open":n.open({header:{title:t.t("docImage.panel.title")},children:{label:wn},onClose:()=>{o.focusDrawing(null)},width:360});break;case"close":default:n.close();break}return!0}},en={id:"doc.operation.edit-doc-image",type:r.CommandType.OPERATION,handler:(i,e)=>{const n=i.get(W.IDrawingManagerService),t=i.get(r.ICommandService);return e==null?!1:(n.focusDrawing([e]),t.executeCommand(Qe.id,{value:"open"}),!0)}};function Sn(i){var e,n,t="";if(typeof i=="string"||typeof i=="number")t+=i;else if(typeof i=="object")if(Array.isArray(i)){var o=i.length;for(e=0;e<o;e++)i[e]&&(n=Sn(i[e]))&&(t&&(t+=" "),t+=n)}else for(n in i)i[n]&&(t&&(t+=" "),t+=n);return t}function q(){for(var i,e,n=0,t="",o=arguments.length;n<o;n++)(i=arguments[n])&&(e=Sn(i))&&(t&&(t+=" "),t+=e);return t}const Xn="univer-image-common-panel",$n="univer-image-common-panel-grid",zn="univer-image-common-panel-border",qn="univer-image-common-panel-title",Kn="univer-image-common-panel-subtitle",Jn="univer-image-common-panel-row",Yn="univer-image-common-panel-column",Zn="univer-image-common-panel-span2",Qn="univer-image-common-panel-input",h={imageCommonPanel:Xn,imageCommonPanelGrid:$n,imageCommonPanelBorder:zn,imageCommonPanelTitle:qn,imageCommonPanelSubtitle:Kn,imageCommonPanelRow:Jn,imageCommonPanelColumn:Yn,imageCommonPanelSpan2:Zn,imageCommonPanelInput:Qn},an=-1e3,cn=1e3,et=i=>{const e=V.useDependency(r.ICommandService),n=V.useDependency(r.LocaleService),t=V.useDependency(W.IDrawingManagerService),o=V.useDependency(F.IRenderManagerService),s=V.useDependency(r.IUniverInstanceService),{drawings:a}=i,c=a[0];if(c==null)return;const{unitId:l}=c,d=s.getUniverDocInstance(l),m=d==null?void 0:d.getSnapshot().documentStyle.documentFlavor,f=o.getRenderById(l),u=f==null?void 0:f.scene;if(u==null)return;const v=u.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)}],w=[{label:n.t("image-position.line"),value:String(r.ObjectRelativeFromV.LINE),disabled:m===r.DocumentFlavor.MODERN},{label:n.t("image-position.page"),value:String(r.ObjectRelativeFromV.PAGE),disabled:m===r.DocumentFlavor.MODERN},{label:n.t("image-position.margin"),value:String(r.ObjectRelativeFromV.MARGIN),disabled:m===r.DocumentFlavor.MODERN},{label:n.t("image-position.paragraph"),value:String(r.ObjectRelativeFromV.PARAGRAPH)}],[I,_]=Y.useState(!0),[O,T]=Y.useState({relativeFrom:r.ObjectRelativeFromH.PAGE,posOffset:0}),[y,M]=Y.useState({relativeFrom:r.ObjectRelativeFromV.PAGE,posOffset:0}),[x,E]=Y.useState(!0),[k,N]=Y.useState(!0);function S(C,P){var R;C==="positionH"?T(P):M(P);const b=t.getFocusDrawings();if(b.length===0)return;const U=b.map(A=>({unitId:A.unitId,subUnitId:A.subUnitId,drawingId:A.drawingId}));e.executeCommand(Me.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:U.map(A=>({drawingId:A.drawingId,key:C,value:P}))});const H=(R=o.getRenderById(l))==null?void 0:R.with(X.DocSelectionRenderService);H&&H.blur(),v.refreshControls()}function L(C){var ee,le,ge;const P=O.relativeFrom,b=O.posOffset,U=Number(C);if(P===U)return;const H=t.getFocusDrawings();if(H.length===0)return;const R=H[0].drawingId,A=H[0].unitId;let K=null,G=0;const Z=(ee=o.getRenderById(A))==null?void 0:ee.with(B.DocSkeletonManagerService).getSkeleton(),ne=Z==null?void 0:Z.getSkeletonData();if(ne==null)return;const{pages:Ce,skeHeaders:Ie,skeFooters:ye}=ne;for(const ie of Ce){const{marginLeft:ue,skeDrawings:fe,headerId:we,footerId:Se,pageWidth:he}=ie;if(fe.has(R)){K=fe.get(R),G=ue;break}const re=(le=Ie.get(we))==null?void 0:le.get(he);if(re!=null&&re.skeDrawings.has(R)){K=re==null?void 0:re.skeDrawings.get(R),G=ue;break}const oe=(ge=ye.get(Se))==null?void 0:ge.get(he);if(oe!=null&&oe.skeDrawings.has(R)){K=oe==null?void 0:oe.skeDrawings.get(R),G=ue;break}}if(K==null)return;let te=0;P===r.ObjectRelativeFromH.COLUMN?te-=K.columnLeft:P===r.ObjectRelativeFromH.MARGIN&&(te-=G),U===r.ObjectRelativeFromH.COLUMN?te+=K.columnLeft:U===r.ObjectRelativeFromH.MARGIN?te+=G:r.ObjectRelativeFromH.PAGE;const Q={relativeFrom:U,posOffset:(b!=null?b:0)-te};S("positionH",Q)}function $(C){var fe,we,Se,he,re,oe;const P=y.relativeFrom,b=y.posOffset,U=Number(C);if(P===U)return;const H=t.getFocusDrawings();if(H.length===0)return;const{drawingId:R,unitId:A}=H[0],K=s.getUniverDocInstance(A),G=(fe=o.getRenderById(A))==null?void 0:fe.with(B.DocSkeletonManagerService).getSkeleton(),Z=(we=o.getRenderById(A))==null?void 0:we.with(X.DocSelectionRenderService),ne=Z==null?void 0:Z.getSegment(),Ce=Z==null?void 0:Z.getSegmentPage(),Ie=(he=(Se=K==null?void 0:K.getSelfOrHeaderFooterModel(ne).getBody())==null?void 0:Se.customBlocks)==null?void 0:he.find(De=>De.blockId===R);if(Ie==null||G==null||Z==null)return;const{startIndex:ye}=Ie,te=G.findNodeByCharIndex(ye,ne,Ce),Q=(re=te==null?void 0:te.parent)==null?void 0:re.parent,ee=Q==null?void 0:Q.parent,le=ee==null?void 0:ee.lines.find(De=>De.paragraphIndex===(Q==null?void 0:Q.paragraphIndex)&&De.paragraphStart),ge=(oe=ee==null?void 0:ee.parent)==null?void 0:oe.parent;if(te==null||Q==null||le==null||ee==null||ge==null)return;let ie=0;P===r.ObjectRelativeFromV.PARAGRAPH?ie-=le.top:P===r.ObjectRelativeFromV.LINE?ie-=Q.top:P===r.ObjectRelativeFromV.PAGE&&(ie+=ge.marginTop),U===r.ObjectRelativeFromV.PARAGRAPH?ie+=le.top:U===r.ObjectRelativeFromV.LINE?ie+=Q.top:U===r.ObjectRelativeFromV.PAGE&&(ie-=ge.marginTop);const ue={relativeFrom:U,posOffset:(b!=null?b:0)-ie};S("positionV",ue)}function j(C){var A;const P=d==null?void 0:d.getSnapshot(),b=(A=P==null?void 0:P.drawings)==null?void 0:A[C.drawingId];if(b==null)return;const{layoutType:U}=b,{positionH:H,positionV:R}=b.docTransform;T(H),M(R),_(U===r.PositionedObjectLayoutType.INLINE),E(R.relativeFrom===r.ObjectRelativeFromV.PARAGRAPH||R.relativeFrom===r.ObjectRelativeFromV.LINE)}function z(){const C=t.getFocusDrawings();C.length!==0&&j(C[0])}function D(C){E(C),$(String(C?r.ObjectRelativeFromV.PARAGRAPH:r.ObjectRelativeFromV.PAGE))}return Y.useEffect(()=>{z();const C=t.focus$.subscribe(b=>{if(b.length===0){N(!1);return}N(!0),j(b[0])}),P=e.onCommandExecuted(async b=>{b.id===B.RichTextEditingMutation.id&&z()});return()=>{C.unsubscribe(),P.dispose()}},[]),g.jsxs("div",{className:q(h.imageCommonPanelGrid,h.imageCommonPanelBorder),style:{display:k?"block":"none"},children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:q(h.imageCommonPanelColumn,h.imageCommonPanelTitle),children:g.jsx("div",{children:n.t("image-position.title")})})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:q(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.horizontal")})})}),g.jsxs("div",{className:h.imageCommonPanelRow,children:[g.jsx("div",{className:q(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-position.absolutePosition")})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(J.InputNumber,{min:an,max:cn,precision:1,disabled:I,value:O.posOffset,onChange:C=>{S("positionH",{relativeFrom:O.relativeFrom,posOffset:C})},className:h.imageCommonPanelInput})})})]})}),g.jsx("div",{className:q(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-position.toTheRightOf")})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(J.Select,{value:String(O.relativeFrom),disabled:I,options:p,onChange:L})})})]})})]}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:q(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.vertical")})})}),g.jsxs("div",{className:h.imageCommonPanelRow,children:[g.jsx("div",{className:q(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-position.absolutePosition")})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(J.InputNumber,{min:an,max:cn,precision:1,disabled:I,value:y.posOffset,onChange:C=>{S("positionV",{relativeFrom:y.relativeFrom,posOffset:C})},className:h.imageCommonPanelInput})})})]})}),g.jsx("div",{className:q(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-position.bellow")})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(J.Select,{disabled:I,value:String(y.relativeFrom),options:w,onChange:$})})})]})})]}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:q(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.options")})})}),g.jsx("div",{className:h.imageCommonPanelRow,style:{marginBottom:"50px"},children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(J.Checkbox,{disabled:I,checked:x,onChange:D,children:n.t("image-position.moveObjectWithText")})})})]})},Ee=0,Ae=100,nt=i=>{const e=V.useDependency(r.ICommandService),n=V.useDependency(r.LocaleService),t=V.useDependency(W.IDrawingManagerService),o=V.useDependency(F.IRenderManagerService),s=V.useDependency(r.IUniverInstanceService),{drawings:a}=i,c=a[0];if(c==null)return null;const{unitId:l}=c,d=s.getUniverDocInstance(l),m=o.getRenderById(l);if((m==null?void 0:m.scene)==null)return null;const[u,v]=Y.useState(!0),[p,w]=Y.useState(!0),[I,_]=Y.useState(!0),[O,T]=Y.useState(ae.INLINE),[y,M]=Y.useState(""),[x,E]=Y.useState({distT:0,distL:0,distB:0,distR:0}),[k,N]=Y.useState(!0);function S(D){T(D);const C=t.getFocusDrawings();if(C.length===0)return;const{unitId:P,subUnitId:b}=C[0],U=C.map(({unitId:H,subUnitId:R,drawingId:A})=>({unitId:H,subUnitId:R,drawingId:A}));e.executeCommand(ln.id,{unitId:P,subUnitId:b,drawings:U,wrappingStyle:D})}function L(D){M(D);const C=t.getFocusDrawings();if(C.length===0)return;const P=C.map(b=>({unitId:b.unitId,subUnitId:b.subUnitId,drawingId:b.drawingId}));e.executeCommand(mn.id,{unitId:C[0].unitId,subUnitId:C[0].unitId,drawings:P,wrapText:D})}function $(D,C){if(D==null)return;const P={...x,[C]:D};E(P);const b=t.getFocusDrawings();if(b.length===0)return;const U=b.map(H=>({unitId:H.unitId,subUnitId:H.subUnitId,drawingId:H.drawingId}));e.executeCommand(gn.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:U,dist:{[C]:D}})}function j(){const D=t.getFocusDrawings();D.length!==0&&z(D[0])}function z(D){var Z,ne;const C=(ne=(Z=d==null?void 0:d.getSnapshot())==null?void 0:Z.drawings)==null?void 0:ne[D.drawingId];if(C==null)return;const{distT:P=0,distL:b=0,distB:U=0,distR:H=0,layoutType:R=r.PositionedObjectLayoutType.INLINE,behindDoc:A=r.BooleanNumber.FALSE,wrapText:K=r.WrapTextType.BOTH_SIDES}=C;if(E({distT:P,distL:b,distB:U,distR:H}),M(K),v(R!==r.PositionedObjectLayoutType.WRAP_SQUARE),R===r.PositionedObjectLayoutType.WRAP_NONE||R===r.PositionedObjectLayoutType.INLINE?w(!0):w(!1),R===r.PositionedObjectLayoutType.WRAP_NONE||R===r.PositionedObjectLayoutType.INLINE||R===r.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?_(!0):_(!1),R===r.PositionedObjectLayoutType.WRAP_NONE)A===r.BooleanNumber.TRUE?T(ae.BEHIND_TEXT):T(ae.IN_FRONT_OF_TEXT);else switch(R){case r.PositionedObjectLayoutType.INLINE:T(ae.INLINE);break;case r.PositionedObjectLayoutType.WRAP_SQUARE:T(ae.WRAP_SQUARE);break;case r.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:T(ae.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${R}`)}}return Y.useEffect(()=>{j();const D=t.focus$.subscribe(P=>{if(P.length===0){N(!1);return}N(!0),z(P[0])}),C=e.onCommandExecuted(async P=>{P.id===B.RichTextEditingMutation.id&&j()});return()=>{D.unsubscribe(),C.dispose()}},[]),g.jsxs("div",{className:q(h.imageCommonPanelGrid,h.imageCommonPanelBorder),style:{display:k?"block":"none"},children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:q(h.imageCommonPanelColumn,h.imageCommonPanelTitle),children:g.jsx("div",{children:n.t("image-text-wrap.title")})})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:q(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.wrappingStyle")})})}),g.jsx("div",{className:q(h.imageCommonPanelRow),children:g.jsx("div",{className:q(h.imageCommonPanelColumn),children:g.jsxs(J.RadioGroup,{value:O,onChange:S,direction:"vertical",children:[g.jsx(J.Radio,{value:ae.INLINE,children:n.t("image-text-wrap.inline")}),g.jsx(J.Radio,{value:ae.WRAP_SQUARE,children:n.t("image-text-wrap.square")}),g.jsx(J.Radio,{value:ae.WRAP_TOP_AND_BOTTOM,children:n.t("image-text-wrap.topAndBottom")}),g.jsx(J.Radio,{value:ae.BEHIND_TEXT,children:n.t("image-text-wrap.behindText")}),g.jsx(J.Radio,{value:ae.IN_FRONT_OF_TEXT,children:n.t("image-text-wrap.inFrontText")})]})})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:q(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.wrapText")})})}),g.jsx("div",{className:q(h.imageCommonPanelRow),children:g.jsx("div",{className:q(h.imageCommonPanelColumn),children:g.jsxs(J.RadioGroup,{disabled:u,value:y,onChange:L,direction:"horizontal",children:[g.jsx(J.Radio,{value:r.WrapTextType.BOTH_SIDES,children:n.t("image-text-wrap.bothSide")}),g.jsx(J.Radio,{value:r.WrapTextType.LEFT,children:n.t("image-text-wrap.leftOnly")}),g.jsx(J.Radio,{value:r.WrapTextType.RIGHT,children:n.t("image-text-wrap.rightOnly")})]})})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:q(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.distanceFromText")})})}),g.jsxs("div",{className:h.imageCommonPanelRow,children:[g.jsx("div",{className:q(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-text-wrap.top")})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(J.InputNumber,{min:Ee,max:Ae,disabled:p,precision:1,value:x.distT,onChange:D=>{$(D,"distT")},className:h.imageCommonPanelInput})})})]})}),g.jsx("div",{className:q(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-text-wrap.left")})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(J.InputNumber,{min:Ee,max:Ae,disabled:I,precision:1,value:x.distL,onChange:D=>{$(D,"distL")},className:h.imageCommonPanelInput})})})]})})]}),g.jsxs("div",{className:h.imageCommonPanelRow,children:[g.jsx("div",{className:q(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-text-wrap.bottom")})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(J.InputNumber,{min:Ee,max:Ae,disabled:p,precision:1,value:x.distB,onChange:D=>{$(D,"distB")},className:h.imageCommonPanelInput})})})]})}),g.jsx("div",{className:q(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-text-wrap.right")})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(J.InputNumber,{min:Ee,max:Ae,disabled:I,precision:1,value:x.distR,onChange:D=>{$(D,"distR")},className:h.imageCommonPanelInput})})})]})})]})]})},tt=()=>{const i=V.useDependency(W.IDrawingManagerService),e=i.getFocusDrawings(),[n,t]=Y.useState(e);return Y.useEffect(()=>{const o=i.focus$.subscribe(s=>{t(s)});return()=>{o.unsubscribe()}},[]),!!(n!=null&&n.length)&&g.jsxs("div",{className:h.imageCommonPanel,children:[g.jsx(Te.DrawingCommonPanel,{drawings:n,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),g.jsx(nt,{drawings:n}),g.jsx(et,{drawings:n})]})},Dn="addition-and-subtraction-single",nn="doc.menu.image",_n=Ze.id,it=i=>{const e=i.get(B.DocSelectionManagerService),n=i.get(r.IUniverInstanceService);return new pe.Observable(t=>{const o=e.textSelection$.subscribe(()=>{var a;const s=e.getActiveTextRange();if(s){const{segmentId:c,startOffset:l,endOffset:d}=s,m=n.getCurrentUniverDocInstance(),f=(a=m==null?void 0:m.getSelfOrHeaderFooterModel(c).getBody())==null?void 0:a.tables;if(f&&f.length&&f.some(u=>{const{startIndex:v,endIndex:p}=u;return l>=v&&l<p||d>=v&&d<p})){t.next(!0);return}}else{t.next(!0);return}t.next(!1)});return()=>o.unsubscribe()})};function rt(i){return{id:nn,type:V.MenuItemType.SUBITEMS,icon:Dn,tooltip:"docImage.title",disabled$:it(i),hidden$:V.getMenuHiddenObservable(i,r.UniverInstanceType.UNIVER_DOC)}}function ot(i){return{id:_n,title:"docImage.upload.float",type:V.MenuItemType.BUTTON,hidden$:V.getMenuHiddenObservable(i,r.UniverInstanceType.UNIVER_DOC)}}const st={[V.RibbonStartGroup.LAYOUT]:{[nn]:{order:0,menuItemFactory:rt,[_n]:{order:0,menuItemFactory:ot}}}};function Pe(i){return i.getContextValue(r.FOCUSING_UNIVER_EDITOR)&&i.getContextValue(r.FOCUSING_COMMON_DRAWINGS)}const at={id:Oe.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:V.KeyCode.ARROW_DOWN,priority:100,preconditions:Pe,staticParameters:{direction:r.Direction.DOWN}},ct={id:Oe.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:V.KeyCode.ARROW_UP,priority:100,preconditions:Pe,staticParameters:{direction:r.Direction.UP}},dt={id:Oe.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:V.KeyCode.ARROW_LEFT,priority:100,preconditions:Pe,staticParameters:{direction:r.Direction.LEFT}},lt={id:Oe.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:V.KeyCode.ARROW_RIGHT,priority:100,preconditions:Pe,staticParameters:{direction:r.Direction.RIGHT}},gt={id:ze.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:Pe,binding:V.KeyCode.DELETE,mac:V.KeyCode.BACKSPACE};var mt=Object.getOwnPropertyDescriptor,ut=(i,e,n,t)=>{for(var o=t>1?void 0:t?mt(e,n):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o},je=(i,e)=>(n,t)=>e(n,t,i);let Be=class extends r.Disposable{constructor(i,e,n,t){super(),this._componentManager=i,this._menuManagerService=e,this._commandService=n,this._shortcutService=t,this._init()}_initCustomComponents(){const i=this._componentManager;this.disposeWithMe(i.register(Dn,vn)),this.disposeWithMe(i.register(wn,tt))}_initMenus(){this._menuManagerService.mergeMenu(st)}_initCommands(){[Ze,Ke,ln,gn,mn,Me,un,fn,Ge,Qe,In,en,qe,Ye,Oe,ze,Je].forEach(i=>this.disposeWithMe(this._commandService.registerCommand(i)))}_initShortcuts(){[at,ct,dt,lt,gt].forEach(i=>{this.disposeWithMe(this._shortcutService.registerShortcut(i))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Be=ut([je(0,r.Inject(V.ComponentManager)),je(1,V.IMenuManagerService),je(2,r.ICommandService),je(3,V.IShortcutService)],Be);var ft=Object.getOwnPropertyDescriptor,ht=(i,e,n,t)=>{for(var o=t>1?void 0:t?ft(e,n):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o},Re=(i,e)=>(n,t)=>e(n,t,i);let ke=class extends r.RxDisposable{constructor(e,n,t,o,s){super();me(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=n,this._renderManagerService=t,this._univerInstanceService=o,this._contextService=s,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(r.UniverInstanceType.UNIVER_DOC).pipe(pe.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(r.UniverInstanceType.UNIVER_DOC).pipe(pe.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 Te.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var s;const n=(s=this._renderManagerService.getRenderById(e))==null?void 0:s.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 a=t.getSelectedObjectMap();if(o.forEach(I=>I.dispose()),o.length=0,a.size>1)return;const c=a.values().next().value;if(!c)return;const l=c.oKey,d=this._drawingManagerService.getDrawingOKey(l);if(!d)return;const{unitId:m,subUnitId:f,drawingId:u}=d,v=this._canvasPopManagerService.attachPopupToObject(c,{componentKey:Te.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(m,f,u)}},m);o.push(this.disposeWithMe(v)),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===m&&I.subUnitId===f&&I.drawingId===u)&&this._drawingManagerService.focusDrawing([{unitId:m,subUnitId:f,drawingId:u}])}))),this.disposeWithMe(r.toDisposable(t.clearControl$.subscribe(()=>{o.forEach(a=>a.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(a=>a.dispose()),o.length=0}))),this.disposeWithMe(r.toDisposable(t.changeStart$.subscribe(()=>{o.forEach(a=>a.dispose()),o.length=0})))}_getImageMenuItems(e,n,t){return[{label:"image-popup.edit",index:0,commandId:en.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!!r.SHEET_EDITOR_UNITS.includes(e)},{label:"image-popup.delete",index:1,commandId:Ge.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:n,drawingId:t}]},disable:!1},{label:"image-popup.crop",index:2,commandId:Te.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!0},{label:"image-popup.reset",index:3,commandId:Te.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:n,drawingId:t}],disable:!0}]}};ke=ht([Re(0,W.IDrawingManagerService),Re(1,r.Inject(X.DocCanvasPopManagerService)),Re(2,F.IRenderManagerService),Re(3,r.IUniverInstanceService),Re(4,r.IContextService)],ke);var pt=Object.getOwnPropertyDescriptor,vt=(i,e,n,t)=>{for(var o=t>1?void 0:t?pt(e,n):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o},_e=(i,e)=>(n,t)=>e(n,t,i);let $e=class extends r.Disposable{constructor(e,n,t,o,s,a,c,l){super();me(this,"_liquid",new F.Liquid);this._context=e,this._docSkeletonManagerService=n,this._commandService=t,this._editorService=o,this._drawingManagerService=s,this._docRefreshDrawingsService=a,this._univerInstanceService=c,this._lifecycleService=l,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh(),this._drawingInitializeListener(),this._initResize()}_initialRenderRefresh(){this._docSkeletonManagerService.currentSkeleton$.subscribe(e=>{e!=null&&this._refreshDrawing(e)}),this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&this._refreshDrawing(e)})}_commandExecutedListener(){const e=[B.RichTextEditingMutation.id,X.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){const t=n.params,{unitId:o}=t,{unitId:s,mainComponent:a}=this._context;if(o!==s)return;const c=this._docSkeletonManagerService.getSkeleton();if(c==null)return;if(this._editorService.isEditor(s)&&s!==r.DOCS_ZEN_EDITOR_UNIT_ID_KEY){a==null||a.makeDirty();return}this._refreshDrawing(c)}}))}_initResize(){this.disposeWithMe(r.fromEventSubject(this._context.engine.onTransformChange$).pipe(pe.filter(e=>e.type===F.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),pe.debounceTime(16)).subscribe(()=>{var t;const e=this._docSkeletonManagerService.getSkeleton(),{scene:n}=this._context;(t=n.getTransformer())==null||t.refreshControls(),this._refreshDrawing(e)}))}_refreshDrawing(e){var O,T;const n=e==null?void 0:e.getSkeletonData(),{mainComponent:t,unitId:o}=this._context,s=t;if(!n)return;const{left:a,top:c,pageLayoutType:l,pageMarginLeft:d,pageMarginTop:m}=s,{pages:f,skeHeaders:u,skeFooters:v}=n,p={};this._liquid.reset();for(let y=0,M=f.length;y<M;y++){const x=f[y],{headerId:E,footerId:k,pageWidth:N}=x;if(E){const S=(O=u.get(E))==null?void 0:O.get(N);S&&this._calculateDrawingPosition(o,S,a,c,p,S.marginTop,x.marginLeft)}if(k){const S=(T=v.get(k))==null?void 0:T.get(N);S&&this._calculateDrawingPosition(o,S,a,c,p,x.pageHeight-x.marginBottom+S.marginTop,x.marginLeft)}this._calculateDrawingPosition(o,x,a,c,p,x.marginTop,x.marginLeft),this._liquid.translatePage(x,l,d,m)}const w=Object.values(p),I=w.filter(y=>!y.isMultiTransform),_=w.filter(y=>y.isMultiTransform);I.length>0&&this._drawingManagerService.refreshTransform(I),this._handleMultiDrawingsTransform(_)}_handleMultiDrawingsTransform(e){const{scene:n,unitId:t}=this._context,o=n.getTransformerByCreate();e.forEach(l=>{const d=this._drawingManagerService.getDrawingByParam(l);d!=null&&(d.transform=l.transform,d.transforms=l.transforms,d.isMultiTransform=l.isMultiTransform)});const a=[...o.getSelectedObjectMap().keys()],c=Object.values(this._drawingManagerService.getDrawingData(t,t)).filter(l=>l.isMultiTransform===r.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(c),e.length>0&&this._drawingManagerService.addNotification(e);for(const l of a){const d=n.getObject(l);d&&o.setSelectedControl(d)}}_calculateDrawingPosition(e,n,t,o,s,a,c){const{skeDrawings:l}=n;this._liquid.translatePagePadding({marginTop:a,marginLeft:c}),l.forEach(d=>{const{aLeft:m,aTop:f,height:u,width:v,angle:p,drawingId:w,drawingOrigin:I}=d,_=I.layoutType===r.PositionedObjectLayoutType.WRAP_NONE&&I.behindDoc===r.BooleanNumber.TRUE,{isMultiTransform:O=r.BooleanNumber.FALSE}=I,T={left:m+t+this._liquid.x,top:f+o+this._liquid.y,width:v,height:u,angle:p};s[w]==null?s[w]={unitId:e,subUnitId:e,drawingId:w,behindText:_,transform:T,transforms:[T],isMultiTransform:O}:O===r.BooleanNumber.TRUE&&s[w].transforms.push(T)}),this._liquid.restorePagePadding({marginTop:a,marginLeft:c})}_drawingInitializeListener(){const e=()=>{const n=this._docSkeletonManagerService.getSkeleton();n!=null&&(this._refreshDrawing(n),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage===r.LifecycleStages.Steady?setTimeout(()=>{e()},1e3):this._lifecycleService.lifecycle$.pipe(pe.filter(n=>n===r.LifecycleStages.Steady)).subscribe(e)}};$e=vt([_e(1,r.Inject(B.DocSkeletonManagerService)),_e(2,r.ICommandService),_e(3,X.IEditorService),_e(4,W.IDrawingManagerService),_e(5,r.Inject(He)),_e(6,r.IUniverInstanceService),_e(7,r.Inject(r.LifecycleService))],$e);var It=Object.defineProperty,wt=Object.getOwnPropertyDescriptor,St=(i,e,n)=>e in i?It(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,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o},Xe=(i,e)=>(n,t)=>e(n,t,i),Cn=(i,e,n)=>St(i,typeof e!="symbol"?e+"":e,n);const _t="DOC_DRAWING_UI_PLUGIN";exports.UniverDocsDrawingUIPlugin=class extends r.Plugin{constructor(e=on,n,t,o){super(),this._config=e,this._injector=n,this._renderManagerSrv=t,this._configService=o;const{...s}=r.merge({},on,this._config);this._configService.setConfig(Rn,s)}onStarting(){[[Be],[ke],[Ue],[Le],[He]].forEach(n=>this._injector.add(n))}onReady(){[[Fe],[$e]].forEach(e=>this._renderManagerSrv.registerRenderModule(r.UniverInstanceType.UNIVER_DOC,e)),this._injector.get(Le),this._injector.get(Be),this._injector.get(Ue)}onRendered(){this._injector.get(ke)}};Cn(exports.UniverDocsDrawingUIPlugin,"type",r.UniverInstanceType.UNIVER_DOC);Cn(exports.UniverDocsDrawingUIPlugin,"pluginName",_t);exports.UniverDocsDrawingUIPlugin=Dt([r.DependentOn(Te.UniverDrawingUIPlugin,W.UniverDrawingPlugin,ve.UniverDocsDrawingPlugin,V.UniverUIPlugin),Xe(1,r.Inject(r.Injector)),Xe(2,F.IRenderManagerService),Xe(3,r.IConfigService)],exports.UniverDocsDrawingUIPlugin);exports.ClearDocDrawingTransformerOperation=In;exports.DOCS_IMAGE_MENU_ID=nn;exports.DeleteDocDrawingsCommand=ze;exports.EditDocDrawingOperation=en;exports.GroupDocDrawingCommand=qe;exports.InsertDocDrawingCommand=Ke;exports.InsertDocImageCommand=Ze;exports.MoveDocDrawingsCommand=Oe;exports.RemoveDocDrawingCommand=Ge;exports.SetDocDrawingArrangeCommand=Je;exports.SidebarDocDrawingOperation=Qe;exports.UngroupDocDrawingCommand=Ye;
1
+ "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 ge=(i,e,n)=>yn(i,typeof e!="symbol"?e+"":e,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@univerjs/core"),pe=require("@univerjs/docs-drawing"),X=require("@univerjs/drawing"),Ce=require("@univerjs/drawing-ui"),B=require("@univerjs/engine-render"),W=require("@univerjs/ui"),k=require("@univerjs/docs"),$=require("@univerjs/docs-ui"),he=require("rxjs"),N=require("@univerjs/design"),g=require("react/jsx-runtime"),J=require("react"),bn="docs-drawing-ui.config",rn={};var xn=Object.getOwnPropertyDescriptor,Rn=(i,e,n,t)=>{for(var o=t>1?void 0:t?xn(e,n):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o},be=(i,e)=>(n,t)=>e(n,t,i);function Mn(i){var t,o,s,a;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:(s=e[2])!=null&&s.i?"add":"remove",drawingId:e[1],drawing:(a=e[2])==null?void 0:a.i});return n}function Pn(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 je=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!==k.RichTextEditingMutation.id)return;const e=i.params,{unitId:n,actions:t}=e,o=Mn(t);if(o!=null)for(const{type:s,drawingId:a,drawing:c}of o)s==="add"?this._addDrawings(n,[c]):this._removeDrawings(n,[a])})),this.disposeWithMe(this._commandService.onCommandExecuted(i=>{if(i.id!==k.RichTextEditingMutation.id)return;const e=i.params,{unitId:n,actions:t}=e;Pn(t).length>0&&this._updateDrawingsOrder(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(i=>{var a;if(i.id!==r.UndoCommand.id&&i.id!==r.RedoCommand.id)return;const e=(a=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:a.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:s,redo:a,objects:c}=o;n.applyJson1(i,s,a),t.applyJson1(i,s,a),n.addNotification(c),t.addNotification(c)}_removeDrawings(i,e){const n=this._drawingManagerService,t=this._docDrawingService,o=this._docDrawingService.getBatchRemoveOp(e.map(l=>({unitId:i,subUnitId:i,drawingId:l}))),{subUnitId:s,redo:a,objects:c}=o;n.applyJson1(i,s,a),t.applyJson1(i,s,a),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 s={unitId:i,subUnitId:i,drawingIds:n};t.orderNotification(s),o.orderNotification(s)}};je=Rn([be(0,r.IUniverInstanceService),be(1,r.ICommandService),be(2,X.IDrawingManagerService),be(3,pe.IDocDrawingService),be(4,B.IRenderManagerService)],je);class ke{constructor(){ge(this,"_refreshDrawings$",new he.BehaviorSubject(null));ge(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(e){this._refreshDrawings$.next(e)}}var se=(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))(se||{});const Nn={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 cn(i,e,n,t,o,s,a){var v,p;const c=new r.TextX,l=r.JSONX.getInstance(),d=[],m=s.getSelfOrHeaderFooterModel(e).getBody(),f=s.getSelfOrHeaderFooterModel(i).getBody();if(m==null||f==null)return;const u=(p=(v=m.customBlocks)==null?void 0:v.find(w=>w.blockId===o))==null?void 0:p.startIndex;if(u!=null){if(t=Math.min(f.dataStream.length-2,t),i===e){if(t<u?(t>0&&c.push({t:r.TextXActionType.RETAIN,len:t}),c.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:o}]},len:1}),c.push({t:r.TextXActionType.RETAIN,len:u-t}),c.push({t:r.TextXActionType.DELETE,len:1})):(u>0&&c.push({t:r.TextXActionType.RETAIN,len:u}),c.push({t:r.TextXActionType.DELETE,len:1}),t-u-1>0&&c.push({t:r.TextXActionType.RETAIN,len:t-u-1}),c.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:o}]},len:1})),t!==u){const w=$.getRichTextEditPath(s,e),I=l.editOp(c.serialize(),w);d.push(I)}}else{u>0&&c.push({t:r.TextXActionType.RETAIN,len:u}),c.push({t:r.TextXActionType.DELETE,len:1});let w=$.getRichTextEditPath(s,e),I=l.editOp(c.serialize(),w);d.push(I),c.empty(),t>0&&c.push({t:r.TextXActionType.RETAIN,len:t}),c.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:o}]},len:1}),w=$.getRichTextEditPath(s,i),I=l.editOp(c.serialize(),w),d.push(I),a.setSegment(i),a.setSegmentPage(n)}return d}}const dn={id:"doc.command.update-doc-drawing-wrapping-style",type:r.CommandType.COMMAND,handler:(i,e)=>{var A,H;if(e==null)return!1;const{drawings:n,wrappingStyle:t,unitId:o}=e,s=i.get(r.ICommandService),a=i.get(r.IUniverInstanceService),l=i.get(B.IRenderManagerService).getRenderById(o),d=l==null?void 0:l.with(k.DocSkeletonManagerService).getSkeleton().getSkeletonData(),m=l==null?void 0:l.with(k.DocSkeletonManagerService).getViewModel(),f=l==null?void 0:l.scene,u=a.getCurrentUniverDocInstance();if(u==null||d==null||f==null||m==null)return!1;const v=m.getEditArea(),p=f.getTransformerByCreate(),{pages:w,skeHeaders:I,skeFooters:D}=d,O=r.JSONX.getInstance(),T=[],{drawings:y={}}=u.getSnapshot();for(const E of n){const{drawingId:S}=E,U=y[S].layoutType,z=Nn[t];if(U!==z){const C=O.replaceOp(["drawings",S,"layoutType"],U,z);T.push(C)}if(t==="behindText"||t==="inFrontOfText"){const C=y[S].behindDoc,P=t==="behindText"?r.BooleanNumber.TRUE:r.BooleanNumber.FALSE;if(C!==P){const b=O.replaceOp(["drawings",S,"behindDoc"],C,P);T.push(b)}}if(t==="inline")continue;let L=null,q=0,_=0;for(const C of w){const{headerId:P,footerId:b,marginTop:F,marginLeft:G,marginBottom:R,pageWidth:j,pageHeight:K}=C;switch(v){case B.DocumentEditArea.HEADER:{const V=(A=I.get(P))==null?void 0:A.get(j);V!=null&&V.skeDrawings.has(S)&&(L=V.skeDrawings.get(S),q=V.marginTop,_=G);break}case B.DocumentEditArea.FOOTER:{const V=(H=D.get(b))==null?void 0:H.get(j);V!=null&&V.skeDrawings.has(S)&&(L=V.skeDrawings.get(S),q=K-R+V.marginTop,_=G);break}case B.DocumentEditArea.BODY:{C.skeDrawings.has(S)&&(L=C.skeDrawings.get(S),q=F,_=G);break}}if(L!=null)break}if(L!=null){const{aTop:C,aLeft:P}=L,b=y[S].docTransform.positionH;let F=P;b.relativeFrom===r.ObjectRelativeFromH.MARGIN?F-=_:b.relativeFrom===r.ObjectRelativeFromH.COLUMN&&(F-=L.columnLeft);const G={relativeFrom:b.relativeFrom,posOffset:F};if(b.posOffset!==G.posOffset){const V=O.replaceOp(["drawings",S,"docTransform","positionH"],b,G);T.push(V)}const R=y[S].docTransform.positionV;let j=C;R.relativeFrom===r.ObjectRelativeFromV.PAGE?j+=q:R.relativeFrom===r.ObjectRelativeFromV.LINE?j-=L.lineTop:R.relativeFrom===r.ObjectRelativeFromV.PARAGRAPH&&(j-=L.blockAnchorTop);const K={relativeFrom:R.relativeFrom,posOffset:j};if(R.posOffset!==K.posOffset){const V=O.replaceOp(["drawings",S,"docTransform","positionV"],R,K);T.push(V)}}}const M={id:k.RichTextEditingMutation.id,params:{unitId:o,actions:[],textRanges:null}};M.params.actions=T.reduce((E,S)=>r.JSONX.compose(E,S),null);const x=s.syncExecuteCommand(M.id,M.params);return p.refreshControls(),!!x}},ln={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:s,dist:a,unitId:c}=e,l=r.JSONX.getInstance(),d=[],{drawings:m={}}=o.getSnapshot();for(const v of s){const{drawingId:p}=v;for(const[w,I]of Object.entries(a)){const D=m[p][w];if(D!==I){const O=l.replaceOp(["drawings",p,w],D,I);d.push(O)}}}const f={id:k.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return f.params.actions=d.reduce((v,p)=>r.JSONX.compose(v,p),null),!!n.syncExecuteCommand(f.id,f.params)}},gn={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:s,wrapText:a,unitId:c}=e,l=r.JSONX.getInstance(),d=[],{drawings:m={}}=o.getSnapshot();for(const v of s){const{drawingId:p}=v,w=m[p].wrapText;if(w!==a){const I=l.replaceOp(["drawings",p,"wrapText"],w,a);d.push(I)}}const f={id:k.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return f.params.actions=d.reduce((v,p)=>r.JSONX.compose(v,p),null),!!n.syncExecuteCommand(f.id,f.params)}},Re={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),s=i.get(B.IRenderManagerService).getRenderById(e.unitId),a=s==null?void 0:s.scene;if(a==null)return!1;const c=a.getTransformerByCreate(),l=t.getCurrentUniverDocInstance();if(l==null)return!1;const{drawings:d,unitId:m}=e,f=r.JSONX.getInstance(),u=[],{drawings:v={}}=l.getSnapshot();for(const I of d){const{drawingId:D,key:O,value:T}=I,y=v[D].docTransform[O];if(!r.Tools.diffValue(y,T)){const M=f.replaceOp(["drawings",D,"docTransform",O],y,T);u.push(M)}}const p={id:k.RichTextEditingMutation.id,params:{unitId:m,actions:[],textRanges:null,debounce:!0}};p.params.actions=u.reduce((I,D)=>r.JSONX.compose(I,D),null);const w=n.syncExecuteCommand(p.id,p.params);return c.refreshControls(),!!w}},mn={id:"doc.command.move-inline-drawing",type:r.CommandType.COMMAND,handler:(i,e)=>{var H,E;if(e==null)return!1;const n=i.get(B.IRenderManagerService),t=(H=n.getRenderById(e.unitId))==null?void 0:H.with($.DocSelectionRenderService),o=i.get(ke),s=n.getRenderById(e.unitId),a=s==null?void 0:s.scene,c=s==null?void 0:s.with(k.DocSkeletonManagerService).getSkeleton();if(a==null||t==null)return!1;const l=a.getTransformerByCreate(),d=i.get(r.ICommandService),f=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(f==null)return!1;const{drawing:u,unitId:v,offset:p,segmentId:w,segmentPage:I,needRefreshDrawings:D}=e;if(D)return o.refreshDrawings(c),l.refreshControls(),!0;const O=[],{drawingId:T}=u,y=(E=t.getSegment())!=null?E:"",M=cn(w,y,I,p,T,f,t);if(M==null||M.length===0)return o.refreshDrawings(c),l.refreshControls(),!1;O.push(...M);const x={id:k.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:null}};x.params.actions=O.reduce((S,U)=>r.JSONX.compose(S,U),null);const A=d.syncExecuteCommand(x.id,x.params);return l.refreshControls(),!!A}},un={id:"doc.command.transform-non-inline-drawing",type:r.CommandType.COMMAND,handler:(i,e)=>{var L,q;if(e==null)return!1;const n=i.get(B.IRenderManagerService),t=(L=n.getRenderById(e.unitId))==null?void 0:L.with($.DocSelectionRenderService),o=n.getRenderById(e.unitId),s=o==null?void 0:o.scene;if(s==null||t==null)return!1;const a=s.getTransformerByCreate(),c=i.get(r.ICommandService),d=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(d==null)return!1;const{drawing:m,unitId:f,offset:u,docTransform:v,segmentId:p,segmentPage:w}=e,I=[],{drawingId:D}=m,O=(q=t.getSegment())!=null?q:"",T=cn(p,O,w,u,D,d,t);if(T==null)return!1;T.length>0&&I.push(...T);const y=r.JSONX.getInstance(),{drawings:M={}}=d.getSnapshot(),x=M[D].docTransform,{positionH:A,positionV:H,size:E,angle:S}=x;if(!r.Tools.diffValue(A,v.positionH)){const _=y.replaceOp(["drawings",D,"docTransform","positionH"],A,v.positionH);I.push(_)}if(!r.Tools.diffValue(H,v.positionV)){const _=y.replaceOp(["drawings",D,"docTransform","positionV"],H,v.positionV);I.push(_)}if(!r.Tools.diffValue(E,v.size)){const _=y.replaceOp(["drawings",D,"docTransform","size"],E,v.size);I.push(_)}if(!r.Tools.diffValue(S,v.angle)){const _=y.replaceOp(["drawings",D,"docTransform","angle"],S,v.angle);I.push(_)}const U={id:k.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:null,debounce:!0}};U.params.actions=I.reduce((_,C)=>r.JSONX.compose(_,C),null);const z=c.syncExecuteCommand(U.id,U.params);return a.refreshControls(),!!z}};var En=Object.getOwnPropertyDescriptor,An=(i,e,n,t)=>{for(var o=t>1?void 0:t?En(e,n):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o},Pe=(i,e)=>(n,t)=>e(n,t,i);const jn="__InlineDrawingAnchor__";function on(i){const{path:e}=i;return e.some(n=>n==="cells")}let Le=class extends r.Disposable{constructor(e,n,t,o){super();ge(this,"_liquid",new B.Liquid);ge(this,"_listenerOnImageMap",new Set);ge(this,"_transformerCache",new Map);ge(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(s=>{var c;this._transformerCache.clear();const{objects:a}=s;for(const l of a.values()){const{oKey:d,width:m,height:f,left:u,top:v,angle:p}=l,w=this._drawingManagerService.getDrawingOKey(d);if(w==null)continue;const I=this._univerInstanceService.getUniverDocInstance(w.unitId),D=(c=I==null?void 0:I.getSnapshot().drawings)==null?void 0:c[w.drawingId];(D==null?void 0:D.layoutType)===r.PositionedObjectLayoutType.INLINE&&l.setOpacity(.2),D!=null&&this._transformerCache.set(w.drawingId,{drawing:D,top:v,left:u,width:m,height:f,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(s=>{const{objects:a,offsetX:c,offsetY:l}=s;if(a.size>1)t(a);else if(a.size===1){const d=this._transformerCache.values().next().value,m=a.values().next().value,{width:f,height:u,top:v,left:p,angle:w}=m;if(d&&f===d.width&&u===d.height&&v===d.top&&p===d.left&&w===d.angle)return;d&&(d.drawing.layoutType,r.PositionedObjectLayoutType.INLINE),d&&d.drawing.layoutType===r.PositionedObjectLayoutType.INLINE&&c!=null&&l!=null&&this._updateInlineDrawingAnchor(d.drawing,c,l)}}))),this.disposeWithMe(r.toDisposable(n.changeEnd$.subscribe(s=>{const{objects:a,offsetX:c,offsetY:l}=s;for(const d of a.values()){const m=this._drawingManagerService.getDrawingOKey(d.oKey);if(m==null)continue;const f=this._transformerCache.get(m==null?void 0:m.drawingId);(f==null?void 0:f.drawing.layoutType)===r.PositionedObjectLayoutType.INLINE&&d.setOpacity(1)}if(this._anchorShape&&this._anchorShape.hide(),a.size>1)this._updateMultipleDrawingDocTransform(a);else if(a.size===1){const d=this._transformerCache.values().next().value,m=a.values().next().value,{width:f,height:u,top:v,left:p,angle:w}=m;if(d&&f===d.width&&u===d.height&&v===d.top&&p===d.left&&w===d.angle)return;d&&d.drawing.layoutType===r.PositionedObjectLayoutType.INLINE?f!==d.width||u!==d.height||w!==d.angle?this._updateDrawingSize(d,m):c!=null&&l!=null&&this._moveInlineDrawing(d.drawing,c,l):d&&this._nonInlineDrawingTransform(d.drawing,m)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;const n=[];let t,o;for(const s of e.values()){const{oKey:a,left:c,top:l,angle:d}=s;let{width:m,height:f}=s;const u=this._drawingManagerService.getDrawingOKey(a);if(u==null)continue;t==null&&(t=u.unitId),o==null&&(o=u.subUnitId);const v=this._transformerCache.get(u.drawingId);if(v==null)continue;const{drawing:p,top:w,left:I,width:D,height:O,angle:T}=v,{width:y,height:M}=this._getPageContentSize(p);if(m=Math.min(m,y),f=Math.min(f,M),(D!==m||O!==f)&&n.push({drawingId:u.drawingId,key:"size",value:{width:m,height:f}}),T!==d&&n.push({drawingId:u.drawingId,key:"angle",value:d}),w!==l||I!==c){const x=l-w,A=c-I;x!==0&&n.push({drawingId:u.drawingId,key:"positionV",value:{relativeFrom:p.docTransform.positionV.relativeFrom,posOffset:p.docTransform.positionV.posOffset+x}}),A!==0&&n.push({drawingId:u.drawingId,key:"positionH",value:{relativeFrom:p.docTransform.positionH.relativeFrom,posOffset:p.docTransform.positionH.posOffset+A}})}}n.length>0&&t&&o&&this._commandService.executeCommand(Re.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 s;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:o}=(s=this._getInlineDrawingAnchor(e,n,t))!=null?s:{};o!=null&&this._createOrUpdateInlineAnchor(e.unitId,o)}_getInlineDrawingAnchor(e,n,t){var L,q;const o=this._renderManagerService.getRenderById(e.unitId),s=o==null?void 0:o.with(k.DocSkeletonManagerService).getSkeleton();if(o==null)return;const{mainComponent:a,scene:c}=o,l=a,d=c.getViewports()[0],{pageLayoutType:m=B.PageLayoutType.VERTICAL,pageMarginLeft:f,pageMarginTop:u}=l.getOffsetConfig();let v=null,p=!1,w=-1,I="";const D=.5,O=this._getTransformCoordForDocumentOffset(l,d,n,t);if(O==null)return;const T=(L=this._renderManagerService.getRenderById(e.unitId))==null?void 0:L.with($.DocSelectionRenderService);if(T==null)return;const y=s==null?void 0:s.findNodeByCoord(O,m,f,u,{strict:!1,segmentId:T.getSegment(),segmentPage:T.getSegmentPage()});if(y){const{node:_,ratioX:C,segmentPage:P,segmentId:b}=y;p=C<D,v=_,w=P,I=b}if(v==null)return;const M=s==null?void 0:s.findPositionByGlyph(v,w),x=this._getDocObject();if(M==null||s==null||x==null||on(M))return;const A={...M,isBack:p},H=x.document.getOffsetConfig(),E=new $.NodePositionConvertToCursor(H,s),{cursorList:S,contentBoxPointGroup:U}=E.getRangePointData(A,A),{startOffset:z}=(q=$.getOneTextSelectionRange(S))!=null?q:{};if(z!=null)return{offset:z,contentBoxPointGroup:U,segmentId:I,segmentPage:w}}_getDrawingAnchor(e,n){var de,le,te,me,ue,Ie,we,fe,ie,re,Se;const t=this._renderManagerService.getRenderById(e.unitId),o=t==null?void 0:t.with(k.DocSkeletonManagerService).getSkeleton(),s=o==null?void 0:o.getSkeletonData();if(s==null||t==null)return;const{pages:a,skeHeaders:c,skeFooters:l}=s,{mainComponent:d,scene:m}=t,f=d,u=m.getViewports()[0],{pageLayoutType:v=B.PageLayoutType.VERTICAL,pageMarginLeft:p,pageMarginTop:w,docsLeft:I,docsTop:D}=f.getOffsetConfig(),{left:O,top:T,angle:y}=n;let{width:M,height:x}=n;const{positionV:A,positionH:H}=e.docTransform,{width:E,height:S}=this._getPageContentSize(e);M=Math.min(M,E),x=Math.min(x,S);let U=null,z="",L=-1;const q=!1,_={...e.docTransform,size:{width:M,height:x},angle:y},{x:C,y:P}=m.getViewportScrollXY(u),b=this._getTransformCoordForDocumentOffset(f,u,O-C,T-P);if(b==null)return;const F=(de=this._renderManagerService.getRenderById(e.unitId))==null?void 0:de.with($.DocSelectionRenderService);if(F==null)return;const G=o==null?void 0:o.findNodeByCoord(b,v,p,w,{strict:!1,segmentId:F.getSegment(),segmentPage:F.getSegmentPage()});if(G){const{node:ce,segmentPage:Ge,segmentId:Ve}=G;U=ce,L=Ge,z=Ve}if(U==null)return;const R=(le=U.parent)==null?void 0:le.parent,j=R==null?void 0:R.parent,K=(te=j==null?void 0:j.lines.find(ce=>ce.paragraphIndex===(R==null?void 0:R.paragraphIndex)&&ce.paragraphStart))!=null?te:j==null?void 0:j.lines[0],V=(me=j==null?void 0:j.parent)==null?void 0:me.parent;if(R==null||j==null||K==null||V==null)return;this._liquid.reset();const Y=V.type;for(const ce of a){const{headerId:Ge,footerId:Ve,pageHeight:Dn,pageWidth:nn,marginLeft:tn,marginBottom:Cn}=ce,Tn=a.indexOf(ce);if(L>-1&&Tn===L){switch(Y){case B.DocumentSkeletonPageType.HEADER:{const ye=(ue=c.get(Ge))==null?void 0:ue.get(nn);if(ye)this._liquid.translatePagePadding({marginTop:ye.marginTop,marginLeft:tn});else throw new Error("header skeleton not found");break}case B.DocumentSkeletonPageType.FOOTER:{const ye=(Ie=l.get(Ve))==null?void 0:Ie.get(nn);if(ye)this._liquid.translatePagePadding({marginTop:Dn-Cn+ye.marginTop,marginLeft:tn});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(ce),ce===V)break;this._liquid.restorePagePadding(ce),this._liquid.translatePage(ce,v,p,w)}switch(A.relativeFrom===r.ObjectRelativeFromV.LINE?U=R.divides[0].glyphGroup[0]:U=(re=(ie=(fe=(we=K.divides)==null?void 0:we[0])==null?void 0:fe.glyphGroup)==null?void 0:ie[0])!=null?re:U,_.positionH={relativeFrom:H.relativeFrom,posOffset:O-this._liquid.x-I},H.relativeFrom){case r.ObjectRelativeFromH.MARGIN:{_.positionH.posOffset=O-this._liquid.x-I-V.marginLeft;break}case r.ObjectRelativeFromH.COLUMN:{_.positionH.posOffset=O-this._liquid.x-I-j.left;break}}switch(_.positionV={relativeFrom:A.relativeFrom,posOffset:T-this._liquid.y-D},A.relativeFrom){case r.ObjectRelativeFromV.PAGE:{_.positionV.posOffset=T-this._liquid.y-D-V.marginTop;break}case r.ObjectRelativeFromV.LINE:{_.positionV.posOffset=T-this._liquid.y-D-R.top;break}case r.ObjectRelativeFromV.PARAGRAPH:{_.positionV.posOffset=T-this._liquid.y-D-K.top;break}}if(U==null)return;const ee=o==null?void 0:o.findPositionByGlyph(U,L),De=this._getDocObject();if(ee==null||o==null||De==null||on(ee))return;const ve={...ee,isBack:q},Oe=De.document.getOffsetConfig(),ne=new $.NodePositionConvertToCursor(Oe,o),{cursorList:Z}=ne.getRangePointData(ve,ve),{startOffset:Q}=(Se=$.getOneTextSelectionRange(Z))!=null?Se:{};if(Q!=null)return{offset:Q,docTransform:_,segmentId:z,segmentPage:L}}_updateDrawingSize(e,n){const t=[],{drawing:o,width:s,height:a,angle:c}=e,{unitId:l,subUnitId:d}=o;let{width:m,height:f,angle:u}=n;const{width:v,height:p}=this._getPageContentSize(o);m=Math.min(v,m),f=Math.min(p,f),(m!==s||f!==a)&&t.push({drawingId:o.drawingId,key:"size",value:{width:m,height:f}}),u!==c&&t.push({drawingId:o.drawingId,key:"angle",value:u}),t.length>0&&l&&d&&this._commandService.executeCommand(Re.id,{unitId:l,subUnitId:d,drawings:t})}_moveInlineDrawing(e,n,t){const o=this._getInlineDrawingAnchor(e,n,t),{offset:s,segmentId:a,segmentPage:c}=o!=null?o:{};return this._commandService.executeCommand(mn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:s,segmentId:a,segmentPage:c,needRefreshDrawings:s==null})}_limitDrawingInPage(e,n){const t=this._renderManagerService.getRenderById(e.unitId),{left:o,top:s,width:a,height:c,angle:l}=n,d=t==null?void 0:t.with(k.DocSkeletonManagerService).getSkeleton(),m=d==null?void 0:d.getSkeletonData(),{pages:f}=m!=null?m:{};if(m==null||t==null||f==null)return{left:o,top:s,width:a,height:c,angle:l};const{mainComponent:u}=t,v=u,{top:p,pageLayoutType:w,pageMarginLeft:I,pageMarginTop:D}=v;let O=s;this._liquid.reset();for(const T of f){const{marginBottom:y,pageHeight:M}=T,x=f.indexOf(T),A=f[x+1];if(A==null)continue;if(r.Tools.hasIntersectionBetweenTwoRanges(s,s+c,this._liquid.y+p+M-y,this._liquid.y+p+M+D+A.marginTop)){const E=s+c/2,S=this._liquid.y+p+M+D/2;E<S?O=Math.min(s,this._liquid.y+p+M-y-c):O=Math.max(s,this._liquid.y+p+M+D+A.marginTop)}this._liquid.translatePage(T,w,I,D)}return{left:o,top:O,width:a,height:c,angle:l}}_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 s=this._getDrawingAnchor(e,o),{offset:a,docTransform:c,segmentId:l,segmentPage:d}=s!=null?s:{};return a==null||c==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(un.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:a,docTransform:c,segmentId:l,segmentPage:d})}_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:s}=e.getOffsetConfig(),a=n.transformVector2SceneCoord(B.Vector2.FromArray([t,o]));if(a)return s.clone().invert().applyPoint(a)}_createOrUpdateInlineAnchor(e,n){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{mainComponent:o,scene:s}=t,a=o,{docsLeft:c,docsTop:l}=a.getOffsetConfig(),d=$.getAnchorBounding(n),{left:m,top:f,height:u}=d,v=m+c,p=f+l;if(this._anchorShape){this._anchorShape.transformByState({left:v,top:p,height:u}),this._anchorShape.show();return}const w=6,I=new B.Rect(jn+r.Tools.generateRandomId(w),{left:v,top:p,height:u,strokeWidth:2,stroke:B.getColor(r.COLORS.darkGray,1),evented:!1});this._anchorShape=I,s.addObject(I,$.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return $.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const n=this._renderManagerService.getRenderById(e.unitId),t=n==null?void 0:n.with(k.DocSkeletonManagerService).getSkeleton(),o=500,s=500,a=t==null?void 0:t.getSkeletonData();if(a==null||n==null)return{width:o,height:s};const{pages:c}=a;let l=null;for(const d of c){const{skeDrawings:m}=d;if(m.has(e.drawingId)){l=d;break}}if(l){const{pageWidth:d,pageHeight:m,marginLeft:f,marginBottom:u,marginRight:v,marginTop:p}=l;return{width:Math.max(o,d-f-v),height:Math.max(s,m-p-u)}}else return{width:o,height:s}}};Le=An([Pe(0,r.ICommandService),Pe(1,r.IUniverInstanceService),Pe(2,X.IDrawingManagerService),Pe(3,B.IRenderManagerService)],Le);var ae=function(){return ae=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},ae.apply(this,arguments)},Ln=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},fn=J.forwardRef(function(i,e){var n=i.icon,t=i.id,o=i.className,s=i.extend,a=Ln(i,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(t," ").concat(o||"").trim(),l=J.useRef("_".concat(Bn()));return hn(n,"".concat(t),{defIds:n.defIds,idSuffix:l.current},ae({ref:e,className:c},a),s)});function hn(i,e,n,t,o){return J.createElement(i.tag,ae(ae({key:e},Un(i,n,o)),t),(Fn(i,n).children||[]).map(function(s,a){return hn(s,"".concat(e,"-").concat(i.tag,"-").concat(a),n,void 0,o)}))}function Un(i,e,n){var t=ae({},i.attrs);n!=null&&n.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=n.colorChannel1),i.tag==="mask"&&t.id&&(t.id=t.id+e.idSuffix),Object.entries(t).forEach(function(s){var a=s[0],c=s[1];a==="mask"&&typeof c=="string"&&(t[a]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))});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(s){var a=s[0],c=s[1];typeof c=="string"&&(t[a]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),t}function Fn(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)?ae(ae({},i),{children:i.children.map(function(o){return typeof o.attrs.id=="string"&&t&&t.indexOf(o.attrs.id)>-1?ae(ae({},o),{attrs:ae(ae({},o.attrs),{id:o.attrs.id+e.idSuffix})}):o})}):i}function Bn(){return Math.random().toString(36).substring(2,8)}fn.displayName="UniverIcon";var kn={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"}}]},pn=J.forwardRef(function(i,e){return J.createElement(fn,Object.assign({},i,{id:"add-image-single",ref:e,icon:kn}))});pn.displayName="AddImageSingle";const He={id:"doc.command.remove-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{var M,x,A,H;const n=i.get(r.ICommandService),t=i.get(r.IUniverInstanceService),o=i.get(B.IRenderManagerService),s=t.getCurrentUniverDocInstance();if(e==null||s==null)return!1;const a=o.getRenderById(e.unitId).with($.DocSelectionRenderService),{drawings:c}=e,l=(M=a.getSegment())!=null?M:"",d=new r.TextX,m=r.JSONX.getInstance(),f=(A=(x=s.getSelfOrHeaderFooterModel(l).getBody())==null?void 0:x.customBlocks)!=null?A:[],u=c.map(E=>f.find(S=>S.blockId===E.drawingId)).filter(E=>!!E).sort((E,S)=>E.startIndex>S.startIndex?1:-1),v=c[0].unitId,p=new r.MemoryCursor;p.reset();const w=u[0].startIndex,I=[{startOffset:w,endOffset:w}],D={id:k.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:I}},O=[];for(const E of u){const{startIndex:S}=E;S>p.cursor&&d.push({t:r.TextXActionType.RETAIN,len:S-p.cursor}),d.push({t:r.TextXActionType.DELETE,len:1}),p.moveCursorTo(S+1)}const T=$.getRichTextEditPath(s,l);O.push(m.editOp(d.serialize(),T));for(const E of u){const{blockId:S}=E,U=((H=s.getDrawings())!=null?H:{})[S],L=s.getDrawingsOrder().indexOf(S),q=m.removeOp(["drawings",S],U),_=m.removeOp(["drawingsOrder",L],S);O.push(q),O.push(_)}return D.params.actions=O.reduce((E,S)=>r.JSONX.compose(E,S),null),!!n.syncExecuteCommand(D.id,D.params)}},$e={id:"doc.command.delete-drawing",type:r.CommandType.COMMAND,handler:i=>{const e=i.get(r.ICommandService),t=i.get(pe.IDocDrawingService).getFocusDrawings();if(t.length===0)return!1;const{unitId:o}=t[0],s=t.map(a=>{const{unitId:c,subUnitId:l,drawingId:d,drawingType:m}=a;return{unitId:c,subUnitId:l,drawingId:d,drawingType:m}});return e.executeCommand(He.id,{unitId:o,drawings:s})}},ze={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(pe.IDocDrawingService);if(!e)return!1;const t=[];e.forEach(({parent:m,children:f})=>{t.push(m.unitId),f.forEach(u=>{t.push(u.unitId)})});const o=n.getGroupDrawingOp(e),{unitId:s,subUnitId:a,undo:c,redo:l,objects:d}=o;return!1}},qe={id:"doc.command.insert-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{var x,A,H,E;if(e==null)return!1;const n=i.get(r.ICommandService),t=i.get(k.DocSelectionManagerService),o=i.get(r.IUniverInstanceService),s=t.getActiveTextRange(),a=o.getCurrentUniverDocInstance();if(s==null||a==null)return!1;const c=a.getUnitId(),{drawings:l}=e,{collapsed:d,startOffset:m,segmentId:f}=s,u=a.getSelfOrHeaderFooterModel(f).getBody();if(u==null)return!1;const v=new r.TextX,p=r.JSONX.getInstance(),w=[],I=(A=(x=a.getSnapshot().drawingsOrder)==null?void 0:x.length)!=null?A:0;let D=0;if(d)m>0&&v.push({t:r.TextXActionType.RETAIN,len:m});else{const S=r.BuildTextUtils.selection.delete([s],u,0,null,!1);v.push(...S);const U=$.getCustomBlockIdsInSelections(u,[s]),z=(H=a.getDrawings())!=null?H:{},L=(E=a.getDrawingsOrder())!=null?E:[],q=U.sort((_,C)=>L.indexOf(_)>L.indexOf(C)?-1:L.indexOf(_)<L.indexOf(C)?1:0);if(q.length>0)for(const _ of q){const C=z[_],P=L.indexOf(_);if(C==null||P<0)continue;const b=p.removeOp(["drawings",_],C),F=p.removeOp(["drawingsOrder",P],_);w.push(b),w.push(F),D++}}v.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b".repeat(l.length),customBlocks:l.map((S,U)=>({startIndex:U,blockId:S.drawingId}))},len:l.length});const O=$.getRichTextEditPath(a,f),T=p.editOp(v.serialize(),O);w.push(T);for(const S of l){const{drawingId:U}=S,z=p.insertOp(["drawings",U],S),L=p.insertOp(["drawingsOrder",I-D],U);w.push(z),w.push(L)}const y={id:k.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:[]}};return y.params.actions=w.reduce((S,U)=>r.JSONX.compose(S,U),null),!!n.syncExecuteCommand(y.id,y.params)}},Ke={id:"doc.command.set-drawing-arrange",type:r.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(r.ICommandService),t=i.get(pe.IDocDrawingService);if(e==null)return!1;const{unitId:o,subUnitId:s,drawingIds:a,arrangeType:c}=e,l={unitId:o,subUnitId:s,drawingIds:a};let d;if(c===r.ArrangeTypeEnum.forward?d=t.getForwardDrawingsOp(l):c===r.ArrangeTypeEnum.backward?d=t.getBackwardDrawingOp(l):c===r.ArrangeTypeEnum.front?d=t.getFrontDrawingsOp(l):c===r.ArrangeTypeEnum.back&&(d=t.getBackDrawingsOp(l)),d==null)return!1;const{redo:m}=d;if(m==null)return!1;const f=[];let u=r.Tools.deepClone(m);u=u.slice(3),u.unshift("drawingsOrder"),f.push(u);const v={id:k.RichTextEditingMutation.id,params:{unitId:o,actions:[],textRanges:null}};return v.params.actions=f.reduce((w,I)=>r.JSONX.compose(w,I),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(pe.IDocDrawingService);if(!e)return!1;const t=[];e.forEach(({parent:m,children:f})=>{t.push(m.unitId),f.forEach(u=>{t.push(u.unitId)})});const o=n.getUngroupDrawingOp(e),{unitId:s,subUnitId:a,undo:c,redo:l,objects:d}=o;return!1}};var Hn=Object.getOwnPropertyDescriptor,Gn=(i,e,n,t)=>{for(var o=t>1?void 0:t?Hn(e,n):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o},oe=(i,e)=>(n,t)=>e(n,t,i);let Ue=class extends r.Disposable{constructor(i,e,n,t,o,s,a,c,l,d,m,f,u){super(),this._context=i,this._commandService=e,this._docSelectionManagerService=n,this._renderManagerSrv=t,this._imageIoService=o,this._docDrawingService=s,this._drawingManagerService=a,this._contextService=c,this._messageService=l,this._localeService=d,this._docSelectionRenderService=m,this._docRefreshDrawingsService=f,this._fileOpenerService=u,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}async insertDocImage(){const i=await this._fileOpenerService.openFile({multiple:!0,accept:X.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(n=>`.${n.replace("image/","")}`).join(",")}),e=i.length;return e>X.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:N.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(X.DRAWING_IMAGE_COUNT_LIMIT))}),!1):e===0?!1:(await this._insertFloatImages(i),!0)}async _insertFloatImages(i){let e=[];try{e=await Promise.all(i.map(o=>this._imageIoService.saveImage(o)))}catch(o){const s=o.message;let a="";switch(s){case X.ImageUploadStatusType.ERROR_EXCEED_SIZE:a=this._localeService.t("update-status.exceedMaxSize",String(X.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case X.ImageUploadStatusType.ERROR_IMAGE_TYPE:a=this._localeService.t("update-status.invalidImageType");break;case X.ImageUploadStatusType.ERROR_IMAGE:a=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:N.MessageType.Error,content:a})}if(e.length===0)return;const{unitId:n}=this._context,t=[];for(const o of e){if(o==null)continue;const{imageId:s,imageSourceType:a,source:c,base64Cache:l}=o,{width:d,height:m,image:f}=await X.getImageSize(l||"");this._imageIoService.addImageSourceCache(s,a,f);let u=1;if(d>X.DRAWING_IMAGE_WIDTH_LIMIT||m>X.DRAWING_IMAGE_HEIGHT_LIMIT){const I=X.DRAWING_IMAGE_WIDTH_LIMIT/d,D=X.DRAWING_IMAGE_HEIGHT_LIMIT/m;u=Math.min(I,D)}const v=this._getImagePosition(d*u,m*u);if(v==null)return;const p={unitId:n,subUnitId:n,drawingId:s,drawingType:r.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:a,source:c,transform:$.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()&&(p.isMultiTransform=r.BooleanNumber.TRUE,p.transforms=p.transform?[p.transform]:null),t.push(p)}this._commandService.executeCommand(qe.id,{unitId:n,drawings:t})}_isInsertInHeaderFooter(){var t;const{unitId:i}=this._context,e=(t=this._renderManagerSrv.getRenderById(i))==null?void 0:t.with(k.DocSkeletonManagerService).getViewModel(),n=e==null?void 0:e.getEditArea();return n===B.DocumentEditArea.HEADER||n===B.DocumentEditArea.FOOTER}_getImagePosition(i,e){const n=this._docSelectionRenderService.getActiveTextRange(),t=(n==null?void 0:n.getAbsolutePosition())||{left:0};return{size:{width:i,height:e},positionH:{relativeFrom:r.ObjectRelativeFromH.PAGE,posOffset:t.left},positionV:{relativeFrom:r.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(i=>{const{unitId:e,subUnitId:n,drawingIds:t,arrangeType:o}=i;this._commandService.executeCommand(Ke.id,{unitId:e,subUnitId:n,drawingIds:t,arrangeType:o})})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(i=>{this._commandService.executeCommand(ze.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}}_transformDrawingListener(){const i=this._getCurrentSceneAndTransformer();if(i&&i.transformer)this.disposeWithMe(i.transformer.changeEnd$.pipe(he.debounceTime(30)).subscribe(e=>{this._docSelectionManagerService.refreshSelection()}));else throw new Error("transformer is not init")}_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._setDrawingSelections(i);const s=this._docSelectionRenderService.getSegment(),a=this._findSegmentIdByDrawingId(i[0].drawingId);s!==a&&this._docSelectionRenderService.setSegment(a),e&&e.resetProps({zeroTop:t,zeroLeft:n})}}))}_findSegmentIdByDrawingId(i){var a,c,l;const{unit:e}=this._context,{body:n,headers:t={},footers:o={}}=e.getSnapshot();if(((a=n==null?void 0:n.customBlocks)!=null?a:[]).some(d=>d.blockId===i))return"";for(const d of Object.keys(t))if((c=t[d].body.customBlocks)!=null&&c.some(m=>m.blockId===i))return d;for(const d of Object.keys(o))if((l=o[d].body.customBlocks)!=null&&l.some(m=>m.blockId===i))return d;return""}_updateDrawingsEditStatus(){var c;const{unit:i,scene:e,unitId:n}=this._context,t=(c=this._renderManagerSrv.getRenderById(n))==null?void 0:c.with(k.DocSkeletonManagerService).getViewModel();if(t==null||i==null)return;const o=i.getSnapshot(),{drawings:s={}}=o,a=t.getEditArea()===B.DocumentEditArea.BODY;for(const l of Object.keys(s)){const d=s[l],m=X.getDrawingShapeKeyByDrawingSearch({unitId:n,drawingId:d.drawingId,subUnitId:n}),f=e.fuzzyMathObjects(m,!0);if(f.length)for(const u of f)e.detachTransformerFrom(u),u.setOpacity(.5),(a&&d.isMultiTransform!==r.BooleanNumber.TRUE||!a&&d.isMultiTransform===r.BooleanNumber.TRUE)&&(e.attachTransformerTo(u),u.setOpacity(1))}}_editAreaChangeListener(){var n;const{unitId:i}=this._context,e=(n=this._renderManagerSrv.getRenderById(i))==null?void 0:n.with(k.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===k.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}_setDrawingSelections(i){var o,s;const{unit:e}=this._context,n=(s=(o=e.getSnapshot().body)==null?void 0:o.customBlocks)!=null?s:[],t=i.map(a=>{const c=a.drawingId,l=n.find(d=>d.blockId===c);return l?l.startIndex:null}).filter(a=>a!==null).map(a=>({startOffset:a,endOffset:a+1}));this._docSelectionManagerService.replaceDocRanges(t)}};Ue=Gn([oe(1,r.ICommandService),oe(2,r.Inject(k.DocSelectionManagerService)),oe(3,B.IRenderManagerService),oe(4,X.IImageIoService),oe(5,pe.IDocDrawingService),oe(6,X.IDrawingManagerService),oe(7,r.IContextService),oe(8,W.IMessageService),oe(9,r.Inject(r.LocaleService)),oe(10,r.Inject($.DocSelectionRenderService)),oe(11,r.Inject(ke)),oe(12,W.ILocalFileService)],Ue);const Ye={id:"doc.command.insert-float-image",type:r.CommandType.COMMAND,handler:i=>{var t,o;const e=i.get(r.IUniverInstanceService),n=i.get(B.IRenderManagerService);return(o=(t=B.getCurrentTypeOfRenderer(r.UniverInstanceType.UNIVER_DOC,e,n))==null?void 0:t.with(Ue).insertDocImage())!=null?o:!1}},Te={id:"doc.command.move-drawing",type:r.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(r.ICommandService),t=i.get(pe.IDocDrawingService),o=i.get(r.IUniverInstanceService),s=i.get(B.IRenderManagerService),{direction:a}=e,c=t.getFocusDrawings();if(c.length===0)return!1;const l=c[0].unitId,d=s.getRenderById(l),m=d==null?void 0:d.scene;if(m==null)return!1;const f=m.getTransformerByCreate(),u=o.getUniverDocInstance(l),v=c.map(w=>{var x,A,H,E,S;const{drawingId:I}=w,D=(x=u==null?void 0:u.getSnapshot().drawings)==null?void 0:x[I];if(D==null||D.layoutType===r.PositionedObjectLayoutType.INLINE)return null;const{positionH:O,positionV:T}=D.docTransform,y={...O},M={...T};return a===r.Direction.UP?M.posOffset=((A=M.posOffset)!=null?A:0)-2:a===r.Direction.DOWN?M.posOffset=((H=M.posOffset)!=null?H:0)+2:a===r.Direction.LEFT?y.posOffset=((E=y.posOffset)!=null?E:0)-2:a===r.Direction.RIGHT&&(y.posOffset=((S=y.posOffset)!=null?S:0)+2),{drawingId:I,key:a===r.Direction.UP||a===r.Direction.DOWN?"positionV":"positionH",value:a===r.Direction.UP||a===r.Direction.DOWN?M:y}}).filter(w=>w!=null);if(v.length===0)return!1;const p=n.syncExecuteCommand(Re.id,{unitId:l,subUnitId:l,drawings:v});return f.refreshControls(),!!p}},vn={id:"doc.operation.clear-drawing-transformer",type:r.CommandType.MUTATION,handler:(i,e)=>{const n=i.get(B.IRenderManagerService);return e.forEach(t=>{var o,s;(s=(o=n.getRenderById(t))==null?void 0:o.scene.getTransformer())==null||s.debounceRefreshControls()}),!0}},In="COMPONENT_DOC_DRAWING_PANEL",Ze={id:"sidebar.operation.doc-image",type:r.CommandType.COMMAND,handler:async(i,e)=>{const n=i.get(W.ISidebarService),t=i.get(r.LocaleService),o=i.get(X.IDrawingManagerService);switch(e.value){case"open":n.open({header:{title:t.t("docImage.panel.title")},children:{label:In},onClose:()=>{o.focusDrawing(null)},width:360});break;case"close":default:n.close();break}return!0}},Qe={id:"doc.operation.edit-doc-image",type:r.CommandType.OPERATION,handler:(i,e)=>{const n=i.get(X.IDrawingManagerService),t=i.get(r.ICommandService);return e==null?!1:(n.focusDrawing([e]),t.executeCommand(Ze.id,{value:"open"}),!0)}},Vn="univer-image-common-panel",Wn="univer-image-common-panel-grid",Xn="univer-image-common-panel-border",$n="univer-image-common-panel-title",zn="univer-image-common-panel-subtitle",qn="univer-image-common-panel-row",Kn="univer-image-common-panel-column",Jn="univer-image-common-panel-span2",Yn="univer-image-common-panel-input",h={imageCommonPanel:Vn,imageCommonPanelGrid:Wn,imageCommonPanelBorder:Xn,imageCommonPanelTitle:$n,imageCommonPanelSubtitle:zn,imageCommonPanelRow:qn,imageCommonPanelColumn:Kn,imageCommonPanelSpan2:Jn,imageCommonPanelInput:Yn},sn=-1e3,an=1e3,Zn=i=>{const e=W.useDependency(r.ICommandService),n=W.useDependency(r.LocaleService),t=W.useDependency(X.IDrawingManagerService),o=W.useDependency(B.IRenderManagerService),s=W.useDependency(r.IUniverInstanceService),{drawings:a}=i,c=a[0];if(c==null)return;const{unitId:l}=c,d=s.getUniverDocInstance(l),m=d==null?void 0:d.getSnapshot().documentStyle.documentFlavor,f=o.getRenderById(l),u=f==null?void 0:f.scene;if(u==null)return;const v=u.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)}],w=[{label:n.t("image-position.line"),value:String(r.ObjectRelativeFromV.LINE),disabled:m===r.DocumentFlavor.MODERN},{label:n.t("image-position.page"),value:String(r.ObjectRelativeFromV.PAGE),disabled:m===r.DocumentFlavor.MODERN},{label:n.t("image-position.margin"),value:String(r.ObjectRelativeFromV.MARGIN),disabled:m===r.DocumentFlavor.MODERN},{label:n.t("image-position.paragraph"),value:String(r.ObjectRelativeFromV.PARAGRAPH)}],[I,D]=J.useState(!0),[O,T]=J.useState({relativeFrom:r.ObjectRelativeFromH.PAGE,posOffset:0}),[y,M]=J.useState({relativeFrom:r.ObjectRelativeFromV.PAGE,posOffset:0}),[x,A]=J.useState(!0),[H,E]=J.useState(!0);function S(C,P){var R;C==="positionH"?T(P):M(P);const b=t.getFocusDrawings();if(b.length===0)return;const F=b.map(j=>({unitId:j.unitId,subUnitId:j.subUnitId,drawingId:j.drawingId}));e.executeCommand(Re.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:F.map(j=>({drawingId:j.drawingId,key:C,value:P}))});const G=(R=o.getRenderById(l))==null?void 0:R.with($.DocSelectionRenderService);G&&G.blur(),v.refreshControls()}function U(C){var Q,de,le;const P=O.relativeFrom,b=O.posOffset,F=Number(C);if(P===F)return;const G=t.getFocusDrawings();if(G.length===0)return;const R=G[0].drawingId,j=G[0].unitId;let K=null,V=0;const Y=(Q=o.getRenderById(j))==null?void 0:Q.with(k.DocSkeletonManagerService).getSkeleton(),ee=Y==null?void 0:Y.getSkeletonData();if(ee==null)return;const{pages:De,skeHeaders:ve,skeFooters:Oe}=ee;for(const te of De){const{marginLeft:me,skeDrawings:ue,headerId:Ie,footerId:we,pageWidth:fe}=te;if(ue.has(R)){K=ue.get(R),V=me;break}const ie=(de=ve.get(Ie))==null?void 0:de.get(fe);if(ie!=null&&ie.skeDrawings.has(R)){K=ie==null?void 0:ie.skeDrawings.get(R),V=me;break}const re=(le=Oe.get(we))==null?void 0:le.get(fe);if(re!=null&&re.skeDrawings.has(R)){K=re==null?void 0:re.skeDrawings.get(R),V=me;break}}if(K==null)return;let ne=0;P===r.ObjectRelativeFromH.COLUMN?ne-=K.columnLeft:P===r.ObjectRelativeFromH.MARGIN&&(ne-=V),F===r.ObjectRelativeFromH.COLUMN?ne+=K.columnLeft:F===r.ObjectRelativeFromH.MARGIN?ne+=V:r.ObjectRelativeFromH.PAGE;const Z={relativeFrom:F,posOffset:(b!=null?b:0)-ne};S("positionH",Z)}function z(C){var ue,Ie,we,fe,ie,re;const P=y.relativeFrom,b=y.posOffset,F=Number(C);if(P===F)return;const G=t.getFocusDrawings();if(G.length===0)return;const{drawingId:R,unitId:j}=G[0],K=s.getUniverDocInstance(j),V=(ue=o.getRenderById(j))==null?void 0:ue.with(k.DocSkeletonManagerService).getSkeleton(),Y=(Ie=o.getRenderById(j))==null?void 0:Ie.with($.DocSelectionRenderService),ee=Y==null?void 0:Y.getSegment(),De=Y==null?void 0:Y.getSegmentPage(),ve=(fe=(we=K==null?void 0:K.getSelfOrHeaderFooterModel(ee).getBody())==null?void 0:we.customBlocks)==null?void 0:fe.find(Se=>Se.blockId===R);if(ve==null||V==null||Y==null)return;const{startIndex:Oe}=ve,ne=V.findNodeByCharIndex(Oe,ee,De),Z=(ie=ne==null?void 0:ne.parent)==null?void 0:ie.parent,Q=Z==null?void 0:Z.parent,de=Q==null?void 0:Q.lines.find(Se=>Se.paragraphIndex===(Z==null?void 0:Z.paragraphIndex)&&Se.paragraphStart),le=(re=Q==null?void 0:Q.parent)==null?void 0:re.parent;if(ne==null||Z==null||de==null||Q==null||le==null)return;let te=0;P===r.ObjectRelativeFromV.PARAGRAPH?te-=de.top:P===r.ObjectRelativeFromV.LINE?te-=Z.top:P===r.ObjectRelativeFromV.PAGE&&(te+=le.marginTop),F===r.ObjectRelativeFromV.PARAGRAPH?te+=de.top:F===r.ObjectRelativeFromV.LINE?te+=Z.top:F===r.ObjectRelativeFromV.PAGE&&(te-=le.marginTop);const me={relativeFrom:F,posOffset:(b!=null?b:0)-te};S("positionV",me)}function L(C){var j;const P=d==null?void 0:d.getSnapshot(),b=(j=P==null?void 0:P.drawings)==null?void 0:j[C.drawingId];if(b==null)return;const{layoutType:F}=b,{positionH:G,positionV:R}=b.docTransform;T(G),M(R),D(F===r.PositionedObjectLayoutType.INLINE),A(R.relativeFrom===r.ObjectRelativeFromV.PARAGRAPH||R.relativeFrom===r.ObjectRelativeFromV.LINE)}function q(){const C=t.getFocusDrawings();C.length!==0&&L(C[0])}function _(C){A(C),z(String(C?r.ObjectRelativeFromV.PARAGRAPH:r.ObjectRelativeFromV.PAGE))}return J.useEffect(()=>{q();const C=t.focus$.subscribe(b=>{if(b.length===0){E(!1);return}E(!0),L(b[0])}),P=e.onCommandExecuted(async b=>{b.id===k.RichTextEditingMutation.id&&q()});return()=>{C.unsubscribe(),P.dispose()}},[]),g.jsxs("div",{className:N.clsx(h.imageCommonPanelGrid,h.imageCommonPanelBorder),style:{display:H?"block":"none"},children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn,h.imageCommonPanelTitle),children:g.jsx("div",{children:n.t("image-position.title")})})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.horizontal")})})}),g.jsxs("div",{className:h.imageCommonPanelRow,children:[g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-position.absolutePosition")})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(N.InputNumber,{min:sn,max:an,precision:1,disabled:I,value:O.posOffset,onChange:C=>{S("positionH",{relativeFrom:O.relativeFrom,posOffset:C})},className:h.imageCommonPanelInput})})})]})}),g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-position.toTheRightOf")})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(N.Select,{value:String(O.relativeFrom),disabled:I,options:p,onChange:U})})})]})})]}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.vertical")})})}),g.jsxs("div",{className:h.imageCommonPanelRow,children:[g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-position.absolutePosition")})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(N.InputNumber,{min:sn,max:an,precision:1,disabled:I,value:y.posOffset,onChange:C=>{S("positionV",{relativeFrom:y.relativeFrom,posOffset:C})},className:h.imageCommonPanelInput})})})]})}),g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-position.bellow")})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(N.Select,{disabled:I,value:String(y.relativeFrom),options:w,onChange:z})})})]})})]}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.options")})})}),g.jsx("div",{className:h.imageCommonPanelRow,style:{marginBottom:"50px"},children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(N.Checkbox,{disabled:I,checked:x,onChange:_,children:n.t("image-position.moveObjectWithText")})})})]})},Ne=0,Ee=100,Qn=i=>{const e=W.useDependency(r.ICommandService),n=W.useDependency(r.LocaleService),t=W.useDependency(X.IDrawingManagerService),o=W.useDependency(B.IRenderManagerService),s=W.useDependency(r.IUniverInstanceService),{drawings:a}=i,c=a[0];if(c==null)return null;const{unitId:l}=c,d=s.getUniverDocInstance(l),m=o.getRenderById(l);if((m==null?void 0:m.scene)==null)return null;const[u,v]=J.useState(!0),[p,w]=J.useState(!0),[I,D]=J.useState(!0),[O,T]=J.useState(se.INLINE),[y,M]=J.useState(""),[x,A]=J.useState({distT:0,distL:0,distB:0,distR:0}),[H,E]=J.useState(!0);function S(_){T(_);const C=t.getFocusDrawings();if(C.length===0)return;const{unitId:P,subUnitId:b}=C[0],F=C.map(({unitId:G,subUnitId:R,drawingId:j})=>({unitId:G,subUnitId:R,drawingId:j}));e.executeCommand(dn.id,{unitId:P,subUnitId:b,drawings:F,wrappingStyle:_})}function U(_){M(_);const C=t.getFocusDrawings();if(C.length===0)return;const P=C.map(b=>({unitId:b.unitId,subUnitId:b.subUnitId,drawingId:b.drawingId}));e.executeCommand(gn.id,{unitId:C[0].unitId,subUnitId:C[0].unitId,drawings:P,wrapText:_})}function z(_,C){if(_==null)return;const P={...x,[C]:_};A(P);const b=t.getFocusDrawings();if(b.length===0)return;const F=b.map(G=>({unitId:G.unitId,subUnitId:G.subUnitId,drawingId:G.drawingId}));e.executeCommand(ln.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:F,dist:{[C]:_}})}function L(){const _=t.getFocusDrawings();_.length!==0&&q(_[0])}function q(_){var Y,ee;const C=(ee=(Y=d==null?void 0:d.getSnapshot())==null?void 0:Y.drawings)==null?void 0:ee[_.drawingId];if(C==null)return;const{distT:P=0,distL:b=0,distB:F=0,distR:G=0,layoutType:R=r.PositionedObjectLayoutType.INLINE,behindDoc:j=r.BooleanNumber.FALSE,wrapText:K=r.WrapTextType.BOTH_SIDES}=C;if(A({distT:P,distL:b,distB:F,distR:G}),M(K),v(R!==r.PositionedObjectLayoutType.WRAP_SQUARE),R===r.PositionedObjectLayoutType.WRAP_NONE||R===r.PositionedObjectLayoutType.INLINE?w(!0):w(!1),R===r.PositionedObjectLayoutType.WRAP_NONE||R===r.PositionedObjectLayoutType.INLINE||R===r.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?D(!0):D(!1),R===r.PositionedObjectLayoutType.WRAP_NONE)j===r.BooleanNumber.TRUE?T(se.BEHIND_TEXT):T(se.IN_FRONT_OF_TEXT);else switch(R){case r.PositionedObjectLayoutType.INLINE:T(se.INLINE);break;case r.PositionedObjectLayoutType.WRAP_SQUARE:T(se.WRAP_SQUARE);break;case r.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:T(se.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${R}`)}}return J.useEffect(()=>{L();const _=t.focus$.subscribe(P=>{if(P.length===0){E(!1);return}E(!0),q(P[0])}),C=e.onCommandExecuted(async P=>{P.id===k.RichTextEditingMutation.id&&L()});return()=>{_.unsubscribe(),C.dispose()}},[]),g.jsxs("div",{className:N.clsx(h.imageCommonPanelGrid,h.imageCommonPanelBorder),style:{display:H?"block":"none"},children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn,h.imageCommonPanelTitle),children:g.jsx("div",{children:n.t("image-text-wrap.title")})})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.wrappingStyle")})})}),g.jsx("div",{className:N.clsx(h.imageCommonPanelRow),children:g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn),children:g.jsxs(N.RadioGroup,{value:O,onChange:S,direction:"vertical",children:[g.jsx(N.Radio,{value:se.INLINE,children:n.t("image-text-wrap.inline")}),g.jsx(N.Radio,{value:se.WRAP_SQUARE,children:n.t("image-text-wrap.square")}),g.jsx(N.Radio,{value:se.WRAP_TOP_AND_BOTTOM,children:n.t("image-text-wrap.topAndBottom")}),g.jsx(N.Radio,{value:se.BEHIND_TEXT,children:n.t("image-text-wrap.behindText")}),g.jsx(N.Radio,{value:se.IN_FRONT_OF_TEXT,children:n.t("image-text-wrap.inFrontText")})]})})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.wrapText")})})}),g.jsx("div",{className:N.clsx(h.imageCommonPanelRow),children:g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn),children:g.jsxs(N.RadioGroup,{disabled:u,value:y,onChange:U,direction:"horizontal",children:[g.jsx(N.Radio,{value:r.WrapTextType.BOTH_SIDES,children:n.t("image-text-wrap.bothSide")}),g.jsx(N.Radio,{value:r.WrapTextType.LEFT,children:n.t("image-text-wrap.leftOnly")}),g.jsx(N.Radio,{value:r.WrapTextType.RIGHT,children:n.t("image-text-wrap.rightOnly")})]})})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.distanceFromText")})})}),g.jsxs("div",{className:h.imageCommonPanelRow,children:[g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-text-wrap.top")})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(N.InputNumber,{min:Ne,max:Ee,disabled:p,precision:1,value:x.distT,onChange:_=>{z(_,"distT")},className:h.imageCommonPanelInput})})})]})}),g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-text-wrap.left")})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(N.InputNumber,{min:Ne,max:Ee,disabled:I,precision:1,value:x.distL,onChange:_=>{z(_,"distL")},className:h.imageCommonPanelInput})})})]})})]}),g.jsxs("div",{className:h.imageCommonPanelRow,children:[g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-text-wrap.bottom")})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(N.InputNumber,{min:Ne,max:Ee,disabled:p,precision:1,value:x.distB,onChange:_=>{z(_,"distB")},className:h.imageCommonPanelInput})})})]})}),g.jsx("div",{className:N.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-text-wrap.right")})}),g.jsx("div",{className:h.imageCommonPanelRow,children:g.jsx("div",{className:h.imageCommonPanelColumn,children:g.jsx(N.InputNumber,{min:Ne,max:Ee,disabled:I,precision:1,value:x.distR,onChange:_=>{z(_,"distR")},className:h.imageCommonPanelInput})})})]})})]})]})},et=()=>{const i=W.useDependency(X.IDrawingManagerService),e=i.getFocusDrawings(),[n,t]=J.useState(e);return J.useEffect(()=>{const o=i.focus$.subscribe(s=>{t(s)});return()=>{o.unsubscribe()}},[]),!!(n!=null&&n.length)&&g.jsxs("div",{className:h.imageCommonPanel,children:[g.jsx(Ce.DrawingCommonPanel,{drawings:n,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),g.jsx(Qn,{drawings:n}),g.jsx(Zn,{drawings:n})]})},wn="addition-and-subtraction-single",en="doc.menu.image",Sn=Ye.id,nt=i=>{const e=i.get(k.DocSelectionManagerService),n=i.get(r.IUniverInstanceService);return new he.Observable(t=>{const o=e.textSelection$.subscribe(()=>{var a;const s=e.getActiveTextRange();if(s){const{segmentId:c,startOffset:l,endOffset:d}=s,m=n.getCurrentUniverDocInstance(),f=(a=m==null?void 0:m.getSelfOrHeaderFooterModel(c).getBody())==null?void 0:a.tables;if(f&&f.length&&f.some(u=>{const{startIndex:v,endIndex:p}=u;return l>=v&&l<p||d>=v&&d<p})){t.next(!0);return}}else{t.next(!0);return}t.next(!1)});return()=>o.unsubscribe()})};function tt(i){return{id:en,type:W.MenuItemType.SUBITEMS,icon:wn,tooltip:"docImage.title",disabled$:nt(i),hidden$:W.getMenuHiddenObservable(i,r.UniverInstanceType.UNIVER_DOC,void 0,r.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}function it(i){return{id:Sn,title:"docImage.upload.float",type:W.MenuItemType.BUTTON,hidden$:W.getMenuHiddenObservable(i,r.UniverInstanceType.UNIVER_DOC,void 0,r.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}const rt={[W.RibbonStartGroup.LAYOUT]:{[en]:{order:0,menuItemFactory:tt,[Sn]:{order:0,menuItemFactory:it}}}};function Me(i){return i.getContextValue(r.FOCUSING_UNIVER_EDITOR)&&i.getContextValue(r.FOCUSING_COMMON_DRAWINGS)}const ot={id:Te.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:W.KeyCode.ARROW_DOWN,priority:100,preconditions:Me,staticParameters:{direction:r.Direction.DOWN}},st={id:Te.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:W.KeyCode.ARROW_UP,priority:100,preconditions:Me,staticParameters:{direction:r.Direction.UP}},at={id:Te.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:W.KeyCode.ARROW_LEFT,priority:100,preconditions:Me,staticParameters:{direction:r.Direction.LEFT}},ct={id:Te.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:W.KeyCode.ARROW_RIGHT,priority:100,preconditions:Me,staticParameters:{direction:r.Direction.RIGHT}},dt={id:$e.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:Me,binding:W.KeyCode.DELETE,mac:W.KeyCode.BACKSPACE};var lt=Object.getOwnPropertyDescriptor,gt=(i,e,n,t)=>{for(var o=t>1?void 0:t?lt(e,n):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o},Ae=(i,e)=>(n,t)=>e(n,t,i);let Fe=class extends r.Disposable{constructor(i,e,n,t){super(),this._componentManager=i,this._menuManagerService=e,this._commandService=n,this._shortcutService=t,this._init()}_initCustomComponents(){const i=this._componentManager;this.disposeWithMe(i.register(wn,pn)),this.disposeWithMe(i.register(In,et))}_initMenus(){this._menuManagerService.mergeMenu(rt)}_initCommands(){[Ye,qe,dn,ln,gn,Re,mn,un,He,Ze,vn,Qe,ze,Je,Te,$e,Ke].forEach(i=>this.disposeWithMe(this._commandService.registerCommand(i)))}_initShortcuts(){[ot,st,at,ct,dt].forEach(i=>{this.disposeWithMe(this._shortcutService.registerShortcut(i))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Fe=gt([Ae(0,r.Inject(W.ComponentManager)),Ae(1,W.IMenuManagerService),Ae(2,r.ICommandService),Ae(3,W.IShortcutService)],Fe);var mt=Object.getOwnPropertyDescriptor,ut=(i,e,n,t)=>{for(var o=t>1?void 0:t?mt(e,n):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o},xe=(i,e)=>(n,t)=>e(n,t,i);let Be=class extends r.RxDisposable{constructor(e,n,t,o,s){super();ge(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=n,this._renderManagerService=t,this._univerInstanceService=o,this._contextService=s,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(r.UniverInstanceType.UNIVER_DOC).pipe(he.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(r.UniverInstanceType.UNIVER_DOC).pipe(he.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 Ce.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var s;const n=(s=this._renderManagerService.getRenderById(e))==null?void 0:s.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 a=t.getSelectedObjectMap();if(o.forEach(I=>I.dispose()),o.length=0,a.size>1)return;const c=a.values().next().value;if(!c)return;const l=c.oKey,d=this._drawingManagerService.getDrawingOKey(l);if(!d)return;const{unitId:m,subUnitId:f,drawingId:u}=d,v=this._canvasPopManagerService.attachPopupToObject(c,{componentKey:Ce.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(m,f,u)}},m);o.push(this.disposeWithMe(v)),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===m&&I.subUnitId===f&&I.drawingId===u)&&this._drawingManagerService.focusDrawing([{unitId:m,subUnitId:f,drawingId:u}])}))),this.disposeWithMe(r.toDisposable(t.clearControl$.subscribe(()=>{o.forEach(a=>a.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(a=>a.dispose()),o.length=0}))),this.disposeWithMe(r.toDisposable(t.changeStart$.subscribe(()=>{o.forEach(a=>a.dispose()),o.length=0})))}_getImageMenuItems(e,n,t){return[{label:"image-popup.edit",index:0,commandId:Qe.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!!r.SHEET_EDITOR_UNITS.includes(e)},{label:"image-popup.delete",index:1,commandId:He.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:n,drawingId:t}]},disable:!1},{label:"image-popup.crop",index:2,commandId:Ce.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!0},{label:"image-popup.reset",index:3,commandId:Ce.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:n,drawingId:t}],disable:!0}]}};Be=ut([xe(0,X.IDrawingManagerService),xe(1,r.Inject($.DocCanvasPopManagerService)),xe(2,B.IRenderManagerService),xe(3,r.IUniverInstanceService),xe(4,r.IContextService)],Be);var ft=Object.getOwnPropertyDescriptor,ht=(i,e,n,t)=>{for(var o=t>1?void 0:t?ft(e,n):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o},_e=(i,e)=>(n,t)=>e(n,t,i);let Xe=class extends r.Disposable{constructor(e,n,t,o,s,a,c,l){super();ge(this,"_liquid",new B.Liquid);this._context=e,this._docSkeletonManagerService=n,this._commandService=t,this._editorService=o,this._drawingManagerService=s,this._docRefreshDrawingsService=a,this._univerInstanceService=c,this._lifecycleService=l,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh(),this._drawingInitializeListener(),this._initResize()}_initialRenderRefresh(){this._docSkeletonManagerService.currentSkeleton$.subscribe(e=>{e!=null&&this._refreshDrawing(e)}),this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&this._refreshDrawing(e)})}_commandExecutedListener(){const e=[k.RichTextEditingMutation.id,$.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){const t=n.params,{unitId:o}=t,{unitId:s,mainComponent:a}=this._context;if(o!==s)return;const c=this._docSkeletonManagerService.getSkeleton();if(c==null)return;if(this._editorService.isEditor(s)&&s!==r.DOCS_ZEN_EDITOR_UNIT_ID_KEY){a==null||a.makeDirty();return}this._refreshDrawing(c)}}))}_initResize(){this.disposeWithMe(r.fromEventSubject(this._context.engine.onTransformChange$).pipe(he.filter(e=>e.type===B.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),he.debounceTime(16)).subscribe(()=>{var t;const e=this._docSkeletonManagerService.getSkeleton(),{scene:n}=this._context;(t=n.getTransformer())==null||t.refreshControls(),this._refreshDrawing(e)}))}_refreshDrawing(e){var O,T;const n=e==null?void 0:e.getSkeletonData(),{mainComponent:t,unitId:o}=this._context,s=t;if(!n)return;const{left:a,top:c,pageLayoutType:l,pageMarginLeft:d,pageMarginTop:m}=s,{pages:f,skeHeaders:u,skeFooters:v}=n,p={};this._liquid.reset();for(let y=0,M=f.length;y<M;y++){const x=f[y],{headerId:A,footerId:H,pageWidth:E}=x;if(A){const S=(O=u.get(A))==null?void 0:O.get(E);S&&this._calculateDrawingPosition(o,S,a,c,p,S.marginTop,x.marginLeft)}if(H){const S=(T=v.get(H))==null?void 0:T.get(E);S&&this._calculateDrawingPosition(o,S,a,c,p,x.pageHeight-x.marginBottom+S.marginTop,x.marginLeft)}this._calculateDrawingPosition(o,x,a,c,p,x.marginTop,x.marginLeft),this._liquid.translatePage(x,l,d,m)}const w=Object.values(p),I=w.filter(y=>!y.isMultiTransform),D=w.filter(y=>y.isMultiTransform);I.length>0&&this._drawingManagerService.refreshTransform(I),this._handleMultiDrawingsTransform(D)}_handleMultiDrawingsTransform(e){const{scene:n,unitId:t}=this._context,o=n.getTransformerByCreate();e.forEach(l=>{const d=this._drawingManagerService.getDrawingByParam(l);d!=null&&(d.transform=l.transform,d.transforms=l.transforms,d.isMultiTransform=l.isMultiTransform)});const a=[...o.getSelectedObjectMap().keys()],c=Object.values(this._drawingManagerService.getDrawingData(t,t)).filter(l=>l.isMultiTransform===r.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(c),e.length>0&&this._drawingManagerService.addNotification(e);for(const l of a){const d=n.getObject(l);d&&o.setSelectedControl(d)}}_calculateDrawingPosition(e,n,t,o,s,a,c){const{skeDrawings:l}=n;this._liquid.translatePagePadding({marginTop:a,marginLeft:c}),l.forEach(d=>{const{aLeft:m,aTop:f,height:u,width:v,angle:p,drawingId:w,drawingOrigin:I}=d,D=I.layoutType===r.PositionedObjectLayoutType.WRAP_NONE&&I.behindDoc===r.BooleanNumber.TRUE,{isMultiTransform:O=r.BooleanNumber.FALSE}=I,T={left:m+t+this._liquid.x,top:f+o+this._liquid.y,width:v,height:u,angle:p};s[w]==null?s[w]={unitId:e,subUnitId:e,drawingId:w,behindText:D,transform:T,transforms:[T],isMultiTransform:O}:O===r.BooleanNumber.TRUE&&s[w].transforms.push(T)}),this._liquid.restorePagePadding({marginTop:a,marginLeft:c})}_drawingInitializeListener(){const e=()=>{const n=this._docSkeletonManagerService.getSkeleton();n!=null&&(this._refreshDrawing(n),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage===r.LifecycleStages.Steady?setTimeout(()=>{e()},1e3):this._lifecycleService.lifecycle$.pipe(he.filter(n=>n===r.LifecycleStages.Steady)).subscribe(e)}};Xe=ht([_e(1,r.Inject(k.DocSkeletonManagerService)),_e(2,r.ICommandService),_e(3,$.IEditorService),_e(4,X.IDrawingManagerService),_e(5,r.Inject(ke)),_e(6,r.IUniverInstanceService),_e(7,r.Inject(r.LifecycleService))],Xe);var pt=Object.defineProperty,vt=Object.getOwnPropertyDescriptor,It=(i,e,n)=>e in i?pt(i,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[e]=n,wt=(i,e,n,t)=>{for(var o=t>1?void 0:t?vt(e,n):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o},We=(i,e)=>(n,t)=>e(n,t,i),_n=(i,e,n)=>It(i,typeof e!="symbol"?e+"":e,n);const St="DOC_DRAWING_UI_PLUGIN";exports.UniverDocsDrawingUIPlugin=class extends r.Plugin{constructor(e=rn,n,t,o){super(),this._config=e,this._injector=n,this._renderManagerSrv=t,this._configService=o;const{...s}=r.merge({},rn,this._config);this._configService.setConfig(bn,s)}onStarting(){[[Fe],[Be],[Le],[je],[ke]].forEach(n=>this._injector.add(n))}onReady(){[[Ue],[Xe]].forEach(e=>this._renderManagerSrv.registerRenderModule(r.UniverInstanceType.UNIVER_DOC,e)),this._injector.get(je),this._injector.get(Fe),this._injector.get(Le)}onRendered(){this._injector.get(Be)}};_n(exports.UniverDocsDrawingUIPlugin,"type",r.UniverInstanceType.UNIVER_DOC);_n(exports.UniverDocsDrawingUIPlugin,"pluginName",St);exports.UniverDocsDrawingUIPlugin=wt([r.DependentOn(Ce.UniverDrawingUIPlugin,X.UniverDrawingPlugin,pe.UniverDocsDrawingPlugin,W.UniverUIPlugin),We(1,r.Inject(r.Injector)),We(2,B.IRenderManagerService),We(3,r.IConfigService)],exports.UniverDocsDrawingUIPlugin);exports.ClearDocDrawingTransformerOperation=vn;exports.DOCS_IMAGE_MENU_ID=en;exports.DeleteDocDrawingsCommand=$e;exports.EditDocDrawingOperation=Qe;exports.GroupDocDrawingCommand=ze;exports.InsertDocDrawingCommand=qe;exports.InsertDocImageCommand=Ye;exports.MoveDocDrawingsCommand=Te;exports.RemoveDocDrawingCommand=He;exports.SetDocDrawingArrangeCommand=Ke;exports.SidebarDocDrawingOperation=Ze;exports.UngroupDocDrawingCommand=Je;